/* Live detailsolar.com hero rules (sun scene, lite fallback, factoid popover, sky). Selectors unchanged except Astro scope attributes removed. */
#hero{background:0 0;width:100%;height:100vh;min-height:600px;position:relative;overflow:hidden}
#hero-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.sun-factoid{z-index:40;pointer-events:none;opacity:0;transform-origin:28% 100%;backdrop-filter:blur(22px)saturate(165%);color:#fff8ebeb;text-align:left;background:linear-gradient(155deg,#fff3,#ffffff08 44%),#12244057;border:1px solid #ffffff47;border-radius:1.45rem;width:min(21.5rem,100vw - 2.5rem);padding:1.2rem 1.45rem 1.3rem;transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1);position:fixed;overflow:visible;transform:translate(-28%,calc(-100% - 14px))scale(.96);box-shadow:inset 0 1px #ffffff61,inset 0 -1px #ffffff0d,0 18px 44px #02060e47}
.sun-factoid:before{content:"";backdrop-filter:blur(22px)saturate(165%);background:#162a486b;border-bottom:1px solid #ffffff42;border-right:1px solid #ffffff42;width:16px;height:16px;position:absolute;bottom:-8px;left:24%;transform:rotate(45deg);box-shadow:4px 4px 12px #02060e1f}
.sun-factoid.is-below{transform-origin:28% 0;transform:translate(-28%,18px)scale(.96)}
.sun-factoid.is-below:before{border:none;border-top:1px solid #ffffff42;border-left:1px solid #ffffff42;top:-8px;bottom:auto;box-shadow:-3px -3px 10px #02060e14}
.sun-factoid.is-open{opacity:1;pointer-events:all;transform:translate(-28%,calc(-100% - 14px))scale(1)}
.sun-factoid.is-open.is-below{transform:translate(-28%,18px)scale(1)}
.sun-factoid-text{font-family:var(--font-sans);color:#fff8ebeb;margin:0;padding-right:1.15rem;font-size:clamp(.92rem,1.6vw,1.04rem);font-weight:400;line-height:1.58}
.sun-factoid-close{color:#fff8eb73;cursor:pointer;background:0 0;border:none;width:1.6rem;height:1.6rem;padding:0;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;top:.55rem;right:.55rem}
.sun-factoid-close:hover,.sun-factoid-close:focus-visible{color:var(--amber-light);outline:none}
@media (width<=640px){.sun-factoid{border-radius:1.25rem;width:min(19.5rem,100vw - 2rem);padding:1.05rem 1.2rem 1.15rem}}
body.no-webgl #hero-canvas,html.is-lite-sky #hero-canvas,.lite-sky{display:none}
html.is-lite-sky .lite-sky{z-index:0;pointer-events:none;background:#050b16;display:block;position:fixed;inset:0;overflow:hidden}
.hero-sun{display:none}
html.is-lite-sky .hero-sun{z-index:0;pointer-events:none;height:clamp(108px,28vw,168px);display:block;position:absolute;bottom:18%;left:0;right:0}
html.is-lite-sky .hero-sun:before{content:"";pointer-events:none;background:radial-gradient(#ffd67880,#f5a62324 42%,#0000 72%);width:min(92vw,340px);height:150px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}
@media (width<=767px){html.is-lite-sky .hero-sun{height:clamp(92px,24vw,128px);bottom:12.1rem}}
.lite-sun{background:radial-gradient(circle at 40% 38%,#fff7dc 0%,#ffe08a 26%,#f5a623 62%,#9a3412 100%);border-radius:50%;width:clamp(78px,22vw,124px);height:clamp(78px,22vw,124px);animation:8s ease-in-out infinite liteBreathe;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 16px 5px #ffe08a8c,0 0 36px 8px #f5a62347}
@media (width<=767px) and (height<=720px){html.is-lite-sky .hero-sun{bottom:11.3rem}html.is-lite-sky .lite-sun{width:72px;height:72px}}
.lite-spark{opacity:.35;background:#ffe7a3;border-radius:50%;width:5px;height:5px;animation:9s linear infinite liteDrift;position:absolute}
.hero-sun .lite-spark.s1{animation-duration:11s;top:18%;left:18%}
.hero-sun .lite-spark.s2{animation-duration:13s;animation-delay:-3s;top:8%;left:78%}
.lite-spark.s3{animation-duration:10s;animation-delay:-6s;top:16%;left:22%}
.lite-spark.s4{animation-duration:12s;animation-delay:-1s;top:22%;left:74%}
@keyframes liteBreathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.045)}}
@keyframes liteDrift{0%{opacity:.15;transform:translateY(8px)}40%{opacity:.8}to{opacity:.05;transform:translate(16px,-64px)}}
@media (prefers-reduced-motion:reduce){.lite-sun,.lite-spark{animation:none}.lite-spark{opacity:.4}}
.sky-gradient,.sky-canvas{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}
.sky-canvas{z-index:0}
body.no-sky-webgl .sky-canvas{display:none}
.sun-factoid{font-family:Inter,system-ui,sans-serif}