:root{--bg:#080909;--paper:#101212;--ink:#d1c4bd;--muted:#999e95;--line:#30332b;--accent:#ff8e51;--accent-ink:#291508}body{background:#080909;isolation:isolate}#energyAtmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.85}.nav{background:#090a0ae6;border-bottom-color:#ffffff12}.brand-symbol{color:var(--accent)}.hero{background:transparent;min-height:770px;overflow:hidden}.hero-inner{min-height:770px}.hero-shade{background:linear-gradient(90deg,#080909d9 0%,#080909bd 33%,transparent 62%);z-index:0;pointer-events:none}.hero-copy{position:relative;z-index:4;max-width:640px;margin-top:100px}.hero-topline{position:relative;z-index:4;color:#929a87;font-family:monospace;font-size:11px}.eyebrow{font-family:monospace;border:1px solid #945d405e;background:#0d0b09b3;border-radius:4px;padding:7px 10px;width:max-content;color:#d5baac;font-size:12px;letter-spacing:0}.eyebrow:before{width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(47px,4.7vw,72px);font-weight:450;letter-spacing:-2.8px;line-height:1.08;max-width:670px}h1 em,.workspace-heading h2 em,.story-heading h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#e7bda7;letter-spacing:-2.8px}.hero-copy p{color:#a9b09f;max-width:380px;font-size:15px}.btn.accent{background:var(--accent);border-color:var(--accent);color:#281305;box-shadow:0 0 35px #ff8e510c}.hero-actions .btn{border-radius:999px;font-size:13px;padding:15px 20px}.hero-actions .text-link{font-size:12px;color:#baa194}.scene-gallery{inset:99px max(4%,calc((100vw - 1360px)/2)) auto auto;width:47%;height:390px;z-index:2;border:1px solid #df8c6050;background:#0d0b0a9c;border-radius:14px;overflow:hidden;box-shadow:0 24px 100px #0009,0 0 70px #ff8e5109;transform:perspective(1300px) rotateY(-7deg) rotateX(2deg);transition:transform .7s ease;backdrop-filter:blur(9px)}.scene-gallery:hover{transform:perspective(1300px) rotateY(0) rotateX(0)}.scene-window-bar{display:flex;justify-content:space-between;gap:10px;padding:15px 18px;position:absolute;inset:0 0 auto;background:#0a0c0bd9;backdrop-filter:blur(12px);z-index:5;font:10px monospace;letter-spacing:.7px;color:#988479;border-bottom:1px solid #d1855d20}.scene-window-bar span:last-child{color:#e8ad8e}.scene-image{height:calc(100% - 43px);top:43px;object-position:65% 58%;opacity:0;filter:saturate(.65)}.scene-image.active{opacity:.94}.energy-topology{position:absolute;z-index:3;right:max(5%,calc((100vw - 1340px)/2));top:510px;width:44%;height:144px;border:1px solid #d1855d28;border-radius:11px;background:#0e0c0ac4;backdrop-filter:blur(18px)}.energy-topology svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire,.wire-pulse{fill:none;stroke:#765b4a;stroke-width:1}.wire-pulse{stroke:#ff8e51;stroke-dasharray:7 150;stroke-width:2;animation:wireFlow 7s linear infinite;filter:drop-shadow(0 0 4px #ff8e51)}.topology-node{position:absolute;border:1px solid #8263525c;background:#191410f5;border-radius:6px;padding:10px 13px;min-width:118px}.topology-node small{display:block;font:9px monospace;letter-spacing:.9px;color:#907a6f}.topology-node b{display:block;font-size:14px;font-weight:500;color:#e4bea9;margin-top:5px}.topology-node span{font:11px monospace;color:#bd937d}.node-source{left:6%;top:35px}.node-target{right:6%;top:12px}.node-storage{right:6%;bottom:12px}.scene-annotation{z-index:5;right:7%;bottom:295px;padding:8px 10px;background:#0f0b08b0;border-color:#d6855a29}.scene-annotation small{display:none}.scene-annotation span{font:10px monospace;letter-spacing:1px}.pulse-ring{width:6px;height:6px;background:var(--accent)}.motion-toggle{min-height:22px;font-size:14px}.hero-bottom{z-index:4;position:relative;border-top-color:#d8906a30;padding:20px 0 26px}.hero-specs small{font-family:monospace;color:#7e8973;font-size:11px}.hero-specs strong{font-size:24px}.energy-route{color:#a68574;font-family:monospace;font-size:11px}.scenario-wrap{background:#110e0ce8;border-color:#43332933}.scenario-btn{border-color:#3c322c}.scenario-btn.active{background:#ff8e5109;color:var(--accent)}.scenario-btn.active:after{background:var(--accent)}.scenario-btn img{border:1px solid #bc7b591e}.scenario-btn small{font-family:monospace}.energy-story{padding:110px 0 60px;position:relative}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.story-heading{position:sticky;top:165px;align-self:start;padding-top:50px}.story-heading h2{font-size:clamp(34px,3.55vw,53px);line-height:1.12;font-weight:400;letter-spacing:-2px;margin:25px 0}.story-heading h2 em{color:#e2bfac;letter-spacing:-2px}.story-heading p{color:#a9978d;font-size:15px;line-height:1.7;max-width:360px}.story-heading .text-link{display:inline-block;margin-top:18px;border-bottom:1px solid #865c46;padding-bottom:8px;color:#dfbead}.story-meter{margin-top:50px;max-width:290px}.story-meter span{font:11px monospace;letter-spacing:1px;color:#c9977d}.story-meter i{display:block;height:1px;background:#6b4b3644;margin-top:18px}.story-meter b{display:block;width:0;height:1px;background:var(--accent);box-shadow:0 0 15px #ff8e5180;transition:width .2s linear}.story-chapters{border-left:1px solid #9b624329;padding-left:38px}.story-chapter{position:relative;min-height:290px;padding:46px 25px 46px 0;display:flex;align-items:flex-start;gap:22px;opacity:.38;transition:opacity .7s,transform .7s;transform:translateY(16px)}.story-chapter.is-current{opacity:1;transform:none}.chapter-number{font:12px monospace;color:#8b6c5b;padding-top:2px}.story-chapter.is-current .chapter-number{color:var(--accent)}.chapter-label{font:10px monospace;letter-spacing:1.1px;color:#bf927a}.story-chapter h3{font-size:32px;line-height:1.12;font-weight:400;letter-spacing:-1px;margin:20px 0}.story-chapter p{font-size:14px;line-height:1.75;color:#b0978a;max-width:345px;margin:0}.story-chapter:before{content:'';width:5px;height:5px;position:absolute;left:-41px;top:50px;border-radius:50%;background:#684c39;transition:box-shadow .5s}.story-chapter.is-current:before{background:var(--accent);box-shadow:0 0 0 5px #ff8e5110,0 0 18px #ff8e5188}.workspace{padding-top:60px;position:relative}.workspace-heading h2{font-size:50px}.workspace-heading h2 em{color:#d9c1b5}.kicker{font-family:monospace;font-size:11px;color:#bd9782}.workspace-toolbar{background:#181310e8;border-color:#5b443566;backdrop-filter:blur(15px)}.workspace-tabs button[aria-selected=true]{background:var(--accent);color:#2b180c}.project-price b{color:#f4b99a}.builder,.calc-shell,#calculator .section-head,#catalog .section-head,#catalog .shopbar,#catalog .tabs,#catalog .products{background:#100e0df5;border-color:#5b443566}.project-item{background:#1b1612;border-color:#43352c}.project-summary,.ps{border-color:#3c2e25}.project-context span:first-child{background:#3c2618;color:#ff8e51}.project-item small,.ps span{color:#9a857a}.qty button{background:#2e231b;border-color:#594335}.add-equipment{border-color:#74584566;color:#cca28c}.compat.ok{background:#291e16;color:#d2a48c}.result.good strong{color:#ff8e51}.results{background:#1d1611;border-color:#5b433466}.result{border-color:#5b433466}.advanced{background:#1c1612;border-color:#5b433466}.energy-card,.energy-line{border-color:#45352a}.advice{background:#241a13;border-color:#483427}.preset{background:#231b16;border-color:#503d31}.field input,.field select,td input,td select{background:#100c09;border-color:#534135}.chart{background:#100b08;border-color:#403026}.product{background:#15110f;border-color:#47372d}.product-media{background:radial-gradient(ellipse at 85% 110%,#7f492640,transparent 70%),#231b16;border-color:#47372d}.product-reading strong{color:#ebbca3}.spec{background:#211a16}.tab.active{background:#ff8e51;border-color:#ff8e51;color:#2e190c}.btn.dark{background:#35261c;border-color:#574132}.kit{background:#16110ee8;border-color:#4c392c}.kit.featured{background:linear-gradient(130deg,#352419d9,#17100cec);border-color:#9d694e}.kit-tag{background:#39261a}.method-note{padding-top:10px}.footer-top{color:#c8a694}footer{background:#0c0907f0}.reveal-block{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-block.is-visible{opacity:1;transform:none}.motion-paused .wire-pulse{animation-play-state:paused}.motion-paused .story-chapter,.motion-paused .reveal-block{opacity:1;transform:none}.scene-gallery{--pointer-x:0deg;--pointer-y:0deg}.scene-gallery:hover{transform:perspective(1300px) rotateY(var(--pointer-x)) rotateX(var(--pointer-y))}@keyframes wireFlow{to{stroke-dashoffset:-314}}
@media(max-width:1150px){.hero,.hero-inner{min-height:750px}.hero-copy{margin-top:90px;max-width:520px}h1{font-size:57px;letter-spacing:-2.4px}.scene-gallery{width:46%;right:3%;top:120px;height:330px}.energy-topology{top:475px;right:3%;width:46%}.scene-annotation{bottom:311px;right:5%}.hero-copy p{max-width:320px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:11px}.topology-node{min-width:98px;padding:8px 10px}.story-layout{gap:50px}.story-heading h2{font-size:42px}.story-chapter h3{font-size:29px}.workspace-heading h2{font-size:44px}}
@media(max-width:850px){.hero,.hero-inner{min-height:1060px}.hero-copy{margin:45px 0 0;max-width:100%}h1{font-size:65px;max-width:680px}.hero-copy p{max-width:470px;min-height:0}.hero-actions{margin-top:24px}.scene-gallery{top:420px;right:5%;width:90%;height:340px;transform:none}.energy-topology{top:777px;width:90%;right:5%;height:140px}.scene-annotation{bottom:310px;right:7%}.hero-shade{background:linear-gradient(180deg,#08090988,transparent 60%)}.hero-bottom{padding:22px 0}.scene-window-bar{font-size:10px}.story-layout{gap:35px}.story-heading{top:120px}.story-heading h2{font-size:35px}.story-heading h2 em{letter-spacing:-1.6px}.story-chapters{padding-left:24px}.story-chapter{gap:14px;min-height:300px;padding-top:40px}.story-chapter:before{left:-27px;top:44px}.story-chapter h3{font-size:27px}.story-chapter p{font-size:13px}.chapter-label{font-size:9px}.chapter-number{font-size:10px}.story-heading p{font-size:14px}.energy-story{padding-top:60px}.workspace-heading h2{font-size:40px}}
@media(max-width:560px){.hero,.hero-inner{min-height:975px}.hero-copy{margin-top:27px}h1{font-size:45px;letter-spacing:-1.9px;line-height:1.08}h1 em{letter-spacing:-1.9px}.hero-copy p{font-size:14px;max-width:330px;min-height:70px}.hero-topline{font-size:9px;letter-spacing:.8px}.eyebrow{font-size:10px;padding:6px 8px}.hero-actions{margin-top:20px;gap:15px}.hero-actions .btn{padding:13px 16px;font-size:12px}.hero-actions .text-link{font-size:11px}.scene-gallery{top:399px;height:280px;right:20px;width:calc(100% - 40px);border-radius:10px}.scene-image{height:calc(100% - 35px);top:35px;object-position:65% 55%}.scene-window-bar{padding:11px 12px;font-size:8px}.energy-topology{top:695px;width:calc(100% - 40px);right:20px;height:140px}.scene-annotation{bottom:306px;right:30px;padding:5px 8px}.scene-annotation span{font-size:8px}.scene-annotation .motion-toggle{font-size:13px;min-height:20px}.hero-specs strong{font-size:21px}.hero-specs small{font-size:9px}.topology-node small{font-size:8px}.topology-node b{font-size:12px}.topology-node span{font-size:10px}.node-source{left:5%;top:40px}.node-target{right:5%;top:10px}.node-storage{right:5%;bottom:10px}.topology-node{min-width:102px}.energy-story{padding:55px 0 0}.story-layout{display:block}.story-heading{position:static;padding-top:0}.story-heading h2{font-size:38px;margin-top:18px}.story-heading p{max-width:330px;font-size:14px}.story-heading .text-link{margin-top:10px}.story-meter{display:none}.story-chapters{margin-top:35px;margin-left:3px;padding-left:24px}.story-chapter{min-height:235px;padding:25px 0 30px;opacity:.7;gap:16px}.story-chapter h3{font-size:29px;margin-top:15px}.story-chapter p{font-size:13px;max-width:320px}.story-chapter:before{top:29px}.workspace{padding-top:45px}.workspace-heading h2{font-size:35px}.workspace-heading h2 em{letter-spacing:-1.5px}.hero-shade{background:linear-gradient(180deg,#080909c9 0%,#08090980 35%,transparent 60%,#08090990 100%)}#energyAtmosphere{opacity:.6}.hero-bottom{padding-bottom:24px}.scenario-btn.active{background:#ff8e510d}}
@media(prefers-reduced-motion:reduce){.story-chapter,.reveal-block{opacity:1;transform:none}.scene-gallery,.scene-gallery:hover{transform:none}.story-meter{display:none}#energyAtmosphere{opacity:.4}}

:root{--accent:#ff861d;--accent-ink:#251205}.btn.accent,.tab.active,.workspace-tabs button[aria-selected=true]{background:#ff861d;border-color:#ff861d;color:#251205}.wire-pulse{stroke:#ff9e39;filter:drop-shadow(0 0 4px #ff7315)}.hero-copy h1 em,.workspace-heading h2 em,.story-heading h2 em{color:#ffd7b1}.hero-copy p{color:#b8aba0}.story-heading p,.story-chapter p{color:#afa296}.scene-image{filter:saturate(.75)}.result.good strong{color:#ffab57}.status.full{color:#ffcf9c;background:#422817}.scenario-btn.active{color:#ffad61}.hero-shade{pointer-events:none}.project-context span:first-child{color:#ffc07e}

@media(min-width:851px) and (max-width:1050px){.hero-copy{max-width:450px}h1{font-size:50px}.scene-gallery,.energy-topology{width:43%}.hero-actions{flex-wrap:wrap;max-width:400px}}

/* Continuous corner-to-corner solar atmosphere through the full scroll. */
#energyAtmosphere{position:fixed;inset:0;width:100vw;height:100vh;opacity:.96}
.hero-shade{background:linear-gradient(90deg,#0809099c 0%,#08090966 31%,transparent 65%)}
.scenario-wrap{background:#130e09a8;backdrop-filter:blur(10px)}
.builder,.calc-shell,#calculator .section-head,#catalog .section-head,#catalog .shopbar,#catalog .tabs,#catalog .products{background:#100d0bbd}
.workspace-toolbar{background:#1a130dc9;backdrop-filter:blur(14px)}
.project-item,.project-summary,.load-card,.energy-card{position:relative}
.project-item{background:#1b1510db}.product{background:#15110fe8}.kit{background:#15100dcc}
.kit.featured{background:linear-gradient(130deg,#402712bf,#160e0cce)}
.story-heading h2,.story-heading p,.story-chapter h3,.story-chapter p{text-shadow:0 2px 20px #000,0 0 40px #0007}
footer{background:#0c0907c9;backdrop-filter:blur(8px)}
@media(max-width:560px){#energyAtmosphere{opacity:.8}.hero-shade{background:linear-gradient(180deg,#080909b0,transparent 65%,#08090980)}.builder,.calc-shell,#catalog .products{background:#100d0bce}}
@media(prefers-reduced-motion:reduce){#energyAtmosphere{opacity:.5}}

/* Avoid repeated full-surface blur while the canvas behind it animates. */
.scenario-wrap,.workspace-toolbar,footer{backdrop-filter:none;-webkit-backdrop-filter:none}
.hero.offscreen .scene-image,.hero.offscreen .wire-pulse,.hero.offscreen .pulse-ring,.hero.offscreen .energy-route i:after{animation-play-state:paused}
html[data-motion-quality="low"] .nav,html[data-motion-quality="low"] .scene-gallery,html[data-motion-quality="low"] .scene-window-bar,html[data-motion-quality="low"] .scene-annotation,html[data-motion-quality="low"] .energy-topology,html[data-motion-quality="low"] .drawer-bg,html[data-motion-quality="low"] dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-motion-quality="low"] .scene-image,html[data-motion-quality="low"] .wire-pulse,html[data-motion-quality="low"] .pulse-ring,html[data-motion-quality="low"] .energy-route i:after{animation:none}
html[data-motion-quality="low"] .scene-image{filter:none}
html[data-motion-quality="low"] .scene-gallery,html[data-motion-quality="low"] .scene-gallery:hover{transform:none;box-shadow:0 15px 40px #0006}

/* Only composited translation/scale moves the pre-rendered solar ribbon. */
#energyAtmosphere,.solar-particles{animation:solarBreath 24s ease-in-out infinite alternate;transform-origin:center;will-change:transform}
.solar-particles{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.8}
.solar-particles i{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:#ffdaa3;box-shadow:0 0 7px #ff842888;offset-rotate:0deg;animation:solarSpark 40s linear infinite}
@keyframes solarBreath{from{transform:scale(1.12) translate3d(-.7%,.4%,0)}to{transform:scale(1.14) translate3d(.7%,-.4%,0)}}
@keyframes solarSpark{from{offset-distance:0%}to{offset-distance:100%}}
html[data-motion-suspended="true"] #energyAtmosphere,html[data-motion-suspended="true"] .solar-particles,html[data-motion-suspended="true"] .solar-particles i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.solar-particles{display:none}#energyAtmosphere{animation:none;transform:scale(1.12)}}