.vr-eyebrow{display:flex;align-items:center;gap:10px;color:var(--bs-green-solid)}
.vr-eyebrow::before{width:30px;height:2px;flex:none;background:var(--bs-energy-gradient);content:""}
.vr-hero{background-color:var(--bs-charcoal)}
.vr-hero:before{background:linear-gradient(90deg,color-mix(in srgb,var(--bs-charcoal) 94%,transparent),color-mix(in srgb,var(--bs-charcoal) 72%,transparent) 48%,color-mix(in srgb,var(--bs-charcoal) 27%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--bs-charcoal) 38%,transparent),transparent 55%)}
.vr-hero .vr-eyebrow,.vr-cta .vr-eyebrow{color:var(--bs-white)!important}
.vr-button{border-color:var(--bs-border);border-radius:28px;color:var(--bs-charcoal);background:var(--bs-white);transition:transform .2s ease,box-shadow .2s ease}
.vr-button--primary{border:0;color:var(--bs-white);background:var(--bs-energy-gradient);box-shadow:0 10px 24px color-mix(in srgb,var(--bs-green-solid) 18%,transparent)}
.vr-button:hover{transform:translateY(-2px)}
.vr-button--primary:hover{box-shadow:0 14px 28px color-mix(in srgb,var(--bs-green-solid) 24%,transparent)}
.vr-card b{background-image:var(--bs-energy-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.vr-card:hover,.vr-card:focus-visible{border-color:var(--bs-green-solid)}
.vr-preview-play{border-color:var(--bs-white);background:var(--bs-energy-gradient)}
.vr-preview-scenes i:first-child{border-color:var(--bs-green-solid)}
.vr-feature i{color:var(--bs-green-solid);background:var(--bs-energy-gradient-soft)}
.vr-cta{background:linear-gradient(90deg,color-mix(in srgb,var(--bs-charcoal) 97%,transparent),color-mix(in srgb,var(--bs-charcoal) 76%,transparent)),url('https://static.bluesunpv.com/bluesun-vr-hero-factory.webp') center 58%/cover}
@media(max-width:900px){.vr-hero:before{background:linear-gradient(90deg,color-mix(in srgb,var(--bs-charcoal) 95%,transparent),color-mix(in srgb,var(--bs-charcoal) 78%,transparent) 65%,color-mix(in srgb,var(--bs-charcoal) 34%,transparent))}}