/* Bright Ray / Light, made useful. Authored optical scenes; no simulated film. */
:root{--ground:#F4F5EF;--ink:#0B242A;--teal:#245C61;--teal-d:#153D45;--amber:#EFB44F;--pale:#D5DFD9;--ease:cubic-bezier(.19,1,.22,1)}
@view-transition{navigation:auto}::view-transition-old(root){animation:light-exit .25s ease both}::view-transition-new(root){animation:light-enter .65s var(--ease) both}@keyframes light-exit{to{opacity:0;transform:scale(.985)}}@keyframes light-enter{from{opacity:.2;transform:translateY(28px)}to{opacity:1;transform:none}}
body{background-image:radial-gradient(ellipse at 100% 20%,#b2ccc22c,transparent 35%);overflow-x:clip}.site-header{background:#f4f5efeb;backdrop-filter:blur(22px) saturate(130%);border-color:#b7cbc360;transition:background .35s,box-shadow .35s}.site-header.scrolled{box-shadow:0 8px 35px #0b242a12;background:#f4f5eff5}.brand{gap:12px}.brand>svg{width:44px;height:44px;flex:none}.brand-name{width:185px;max-width:none}.brand-word i{font-size:8px;letter-spacing:.42em;margin-top:0}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#245C61,#EFB44F);transform:scaleX(0);transform-origin:left;z-index:100;box-shadow:0 0 18px #EFB44F77;pointer-events:none}
.page-home .hero{min-height:890px;background:#071E26;overflow:hidden}.page-home .hero-inner{padding:98px 28px 205px;z-index:2;pointer-events:none}.page-home #scene-home-opening{max-width:660px;pointer-events:auto}.page-home .hero h1{font-size:clamp(3.7rem,6.1vw,6.3rem);line-height:.98;letter-spacing:-.055em;max-width:11.8ch;font-weight:500;margin:30px 0}.staged-title>span{display:block;transform-origin:0 80%}.page-home .hero .lede{max-width:42ch;font-size:1.12rem;line-height:1.65;color:#e0e9e3}.page-home .hero .eyebrow{font-size:.72rem;letter-spacing:.18em;color:#f5cc83}.page-home .hero-photo{inset:0;transform:none!important}.page-home .hero-photo img{object-position:72% 42%;filter:saturate(.65) brightness(.75);transform:scale(1.025)}.page-home .hero-wash{background:linear-gradient(90deg,#071e26f2 0%,#071e26bb 42%,#071e2655 70%),linear-gradient(0deg,#071e26e8,transparent 60%);z-index:-1}.daylight-atmosphere{position:absolute;inset:-20%;background:radial-gradient(ellipse at 80% 25%,#efb44f40,transparent 30%),linear-gradient(120deg,transparent 45%,#d8eee715 50%,transparent 60%);pointer-events:none;mix-blend-mode:screen;z-index:0;opacity:.8}.page-home .hero-actions{display:flex;align-items:center;gap:24px;margin:26px 0}.page-home .hero-link{font-weight:600;color:#f6f7ed}.page-home .hero .chooser{margin-top:44px;max-width:670px}.page-home .hero .chips{gap:8px}.page-home .hero .chip{background:#142e36e6;color:#e5ece6;border:1px solid #9eb7ac55;border-radius:4px;padding:10px 13px;font-size:.85rem;box-shadow:inset 0 1px #ffffff15;backdrop-filter:blur(15px)}.page-home .hero .chip:has(input:checked){background:var(--amber);color:#0b242a;border-color:var(--amber)}.page-home .hero .chip input{width:16px;height:16px}.page-home .hero .chooser legend{font-size:.8rem;color:#c3d4ce;letter-spacing:.04em}
.solar-stage{position:absolute;right:max(28px,calc((100vw - 1240px)/2));top:200px;width:43%;max-width:580px;z-index:1;background:linear-gradient(130deg,#3e6c6b36,#071e2670 55%,#b8853630);backdrop-filter:blur(18px) saturate(125%);border:1px solid #b8d2c840;box-shadow:inset 0 1px #f7f1d72b,0 35px 110px #0005;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);border-radius:4px;overflow:hidden}.solar-stage-top{display:flex;justify-content:space-between;gap:15px;padding:23px 26px 0}.solar-stage .eyebrow{font-size:.62rem;letter-spacing:.12em;color:#e1c790;line-height:1.5;margin:0}.solar-stage .eyebrow:before{width:15px;height:2px}.stage-index{font:10px var(--body);color:#9bbab2;letter-spacing:.1em}.solar-optics{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 20px 20px #0004)}.solar-stage-bottom{display:flex;gap:20px;align-items:end;justify-content:space-between;padding:6px 26px 26px}.solar-stage-bottom b{font:500 1.15rem var(--head);color:#f4f5e9;display:block}.solar-stage-bottom small{font:10px/1.5 var(--body);color:#b7cdc5;display:block;margin-top:7px;max-width:190px}.solar-stage-bottom a{color:#e7c38b;font-size:.76rem;max-width:90px;text-align:right;line-height:1.6}.energy-track,.energy-stream{fill:none;stroke:#c6d9cd38;stroke-width:2}.energy-stream{stroke:#efb44f;stroke-width:3;stroke-dasharray:14 160}.energy-stream.second{animation-delay:-2s}.incoming-light{stroke-dasharray:30 100}.live-panel{transform-origin:310px 190px}.motion-ready:not(.motion-off) .daylight-sweep{animation:panel-daylight 6s linear infinite}.motion-ready:not(.motion-off) .energy-stream{animation:energy-travel 3.5s linear infinite}.motion-ready:not(.motion-off) .incoming-light{animation:energy-travel 4s linear infinite}.motion-ready:not(.motion-off) .live-panel{animation:panel-breathe 8s ease-in-out infinite}.motion-ready:not(.motion-off) .daylight-atmosphere{animation:daylight-drift 12s ease-in-out infinite alternate}.motion-ready:not(.motion-off) .flow-node{animation:node-light 2.5s ease-in-out infinite}.motion-ready:not(.motion-off) .optics-aura{animation:aura-turn 14s ease-in-out infinite;transform-origin:310px 200px}
@keyframes panel-daylight{0%{x:-180px}100%{x:850px}}@keyframes energy-travel{to{stroke-dashoffset:-348}}@keyframes panel-breathe{50%{transform:translateY(-11px) rotate(-1.4deg)}}@keyframes daylight-drift{to{transform:translate(-8%,5%) rotate(8deg);opacity:.4}}@keyframes node-light{50%{r:10;opacity:.4}}@keyframes aura-turn{50%{transform:rotate(-9deg) scale(.96)}}
.page-home .handoff{margin-top:-100px;gap:28px}.page-home .outcome{border-radius:4px;box-shadow:0 35px 75px -40px #0b242a88;border-color:#ccd9d0}.page-home .sheet-preview{border-radius:3px;transform:translateY(30px) rotate(1.5deg);box-shadow:0 25px 65px -35px #0b242a88}.page-home .outcome h2{font-weight:500;font-size:1.8rem}.page-home .outcome li a{border-radius:3px}.page-home #home-context{margin-top:60px;padding-block:70px;position:relative}.page-home #home-context:before{content:'01 / THE HOME';position:absolute;left:28px;top:8px;font:10px var(--body);letter-spacing:.18em;color:#50706a}.page-home .anatomy{background:#dce8e0}.page-home .guide-index{background:#071e26}.page-home .guide-index .group{border-top:1px solid #c2d8cb40;transition:background .4s,padding .4s}.page-home .guide-index .group:hover{padding-left:16px;background:#b7d3c609}.close-band{background:linear-gradient(125deg,#e4aa49,#f1c174 65%,#d99430);overflow:hidden}.close-band .close-roofs{filter:drop-shadow(0 20px 35px #77480d44)}
.btn{border-radius:3px;position:relative;isolation:isolate;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s,background .3s}.btn:after{content:'';position:absolute;inset:-70% auto -70% -80%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#fff8,transparent);transition:left .8s var(--ease);pointer-events:none}.btn:hover:after{left:150%}.btn:hover{box-shadow:0 18px 35px -18px #245c6188;transform:translateY(-4px)}.sheet-btn{border-radius:3px}.sheet-drawer{border-radius:4px 0 0 4px;box-shadow:-25px 0 100px #061e264d}
.guide-opening{overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#f4f5ef,#dce7df)!important;padding-block:88px 64px!important}.guide-opening:after{content:'';position:absolute;right:-100px;top:-210px;width:600px;height:600px;border:1px solid #2c655b25;box-shadow:0 0 0 45px #2c655b08,0 0 0 90px #2c655b06;transform:rotate(-28deg);pointer-events:none;z-index:-1}.guide-opening h1{font-weight:500!important;letter-spacing:-.045em;font-size:clamp(2.5rem,5.8vw,5.3rem)!important;max-width:22ch!important}.guide-intro{color:#3c5956;line-height:1.7}.interior-image-stage{background:#09252c;padding:0 28px 44px;overflow:hidden}.interior-image-stage .photo-band{width:min(1240px,100%);margin:0 auto!important;border-radius:0 0 4px 4px!important;height:360px;max-height:none;position:relative;box-shadow:0 35px 60px #0004}.interior-image-stage .photo-band img{width:100%;height:100%!important;object-fit:cover}.interior-image-stage .photo-band:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09252c55,transparent 60%);pointer-events:none}.reading-section{padding-block:66px!important}.reading-section h2{font-weight:500!important;letter-spacing:-.025em}.section-item{position:relative;transition:background .35s,transform .45s var(--ease);padding:24px 20px!important}.section-item:hover{background:#dce8de80;transform:translateY(-4px)}.signature-space{position:relative}.decision-tool,.form-card,.draft-card,.anatomy-fig,.diagram-wrap,.qa-paper,.system-column,.ledger-sheet{box-shadow:inset 0 1px #fff9,0 30px 65px -45px #09252c99!important}.photo-band{position:relative;overflow:hidden}.photo-band img{transition:transform 1.5s var(--ease),filter 1.1s}.photo-band:hover img{transform:scale(1.045);filter:saturate(1.05)}.material-surface{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .65s var(--ease),box-shadow .5s;position:relative}.material-surface:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px at var(--mx) var(--my),#fff5,transparent 70%);opacity:0;transition:opacity .4s;mix-blend-mode:soft-light}.material-surface:hover:after{opacity:1}.scroll-scene{--scene:0;transform:translateY(calc(var(--scene) * -40px)) scale(calc(1 + var(--scene) * .018));transform-origin:50% 55%;transition:box-shadow .6s;will-change:transform}.reading-section.scene-current{border-color:#ba8f40!important}.reading-section.scene-current h2{color:#1a5b58}.opening-rule{width:140px!important;background:linear-gradient(90deg,var(--amber),#245c61)!important}.motion-tools{position:fixed;bottom:20px;right:22px;z-index:65}.motion-tools button{background:#0b242aeb;color:#f4f5ef;border:1px solid #bed4c455;backdrop-filter:blur(20px);font:11px var(--body);padding:12px 17px;min-height:44px;border-radius:3px;box-shadow:0 10px 35px #0003;cursor:pointer}.motion-tools .motion-lamp{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px #efb44f}.motion-off .motion-lamp{background:#8ba89e;box-shadow:none}.motion-off *,.motion-off *:before,.motion-off *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-off .scroll-scene,.motion-off .material-surface{transform:none!important}.motion-off .daylight-sweep{opacity:0}.site-footer{background:#071e26;padding-bottom:95px}
@media(min-width:1100px){.page-home .hero .chooser{max-width:620px}.page-home .hero .chip:last-child{margin-right:80px}.page-home #home-context h2{font-size:clamp(2.5rem,4.4vw,4.5rem);font-weight:500;letter-spacing:-.04em}.page-home .anatomy h2,.page-home .pathway h2{font-size:clamp(2.3rem,4vw,4rem);font-weight:500}}
@media(max-width:1100px) and (min-width:761px){.solar-stage{top:260px;width:40%;right:20px;opacity:.8}.page-home #scene-home-opening{max-width:56%}.page-home .hero .chooser{width:80vw;max-width:80vw}.page-home .hero h1{font-size:5.5vw}.solar-stage-bottom a{display:none}}
@media(max-width:760px){.brand>svg{width:33px;height:33px}.brand-name{width:150px}.brand-word i{font-size:6px}.page-home .hero{min-height:0;padding-bottom:125px}.page-home .hero-inner{padding:49px 22px 0}.page-home #scene-home-opening{max-width:none}.page-home .hero h1{font-size:clamp(3.2rem,12.2vw,5rem);max-width:12ch;margin:24px 0}.page-home .hero .lede{font-size:1rem;max-width:32ch}.page-home .hero .eyebrow{font-size:.6rem;letter-spacing:.12em}.page-home .hero-photo img{object-position:65% top;filter:saturate(.7) brightness(.7)}.page-home .hero-wash{background:linear-gradient(90deg,#071e26df,#071e2680),linear-gradient(0deg,#071e26 4%,transparent 90%)}.page-home .hero-actions{gap:18px;align-items:center}.page-home .hero .btn{padding:12px 15px;font-size:.9rem}.page-home .hero-link{font-size:.8rem}.page-home .hero .chooser{margin-top:32px}.page-home .hero .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.page-home .hero .chip{font-size:.72rem;border-radius:3px;min-height:48px;padding:8px}.solar-stage{position:relative;top:auto;right:auto;width:calc(100% - 44px);max-width:none;margin:28px 22px 0;transform:perspective(1100px) rotateX(5deg);display:flex;flex-direction:column}.solar-stage-top{padding:17px 18px 0;order:0}.solar-stage .eyebrow{font-size:.57rem}.solar-stage .solar-optics{order:1}.solar-stage-bottom{padding:0 18px 20px;order:2}.solar-stage-bottom b{font-size:1rem}.solar-stage-bottom small{font-size:8px}.solar-stage-bottom a{font-size:.68rem}.page-home .hero{display:flex;flex-direction:column}.page-home .hero-inner{order:0}.solar-stage{order:1}.page-home .handoff{margin-top:-75px;gap:18px}.page-home .sheet-preview{transform:none}.page-home #home-context{margin-top:25px;padding-top:65px}.page-home #home-context h2{font-size:2.3rem;font-weight:500;letter-spacing:-.04em}.page-home .anatomy h2,.page-home .pathway h2{font-size:2.15rem;font-weight:500;letter-spacing:-.03em}.guide-opening{padding:55px 0 42px!important}.guide-opening h1{font-size:2.6rem!important}.interior-image-stage{padding:0 20px 25px}.interior-image-stage .photo-band{height:245px}.reading-section{padding-block:40px!important}.section-item{padding-inline:0!important}.motion-tools{bottom:89px;right:12px}.motion-tools button{font-size:9px;padding:10px 12px}.close-band{padding-bottom:0}.close-roofs{min-height:230px}.material-surface{transform:none!important}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.scroll-scene,.material-surface,.solar-stage,.live-panel{transform:none!important}.daylight-sweep{display:none}.motion-tools{display:none}.daylight-atmosphere{opacity:.25}}

@media(max-width:760px){.page-home .hero-inner .solar-stage{width:100%;margin:26px 0 0}.page-home .hero-inner .solar-stage .solar-optics{max-height:228px}.page-home .hero .chooser{margin-top:26px}.page-home .hero-inner{padding-top:35px}.page-home .hero h1{font-size:clamp(3rem,11.8vw,4.7rem);margin-block:20px}.page-home .hero .lede{font-size:.95rem}.page-home .hero-actions{margin-block:20px}}
.solar-stage{isolation:isolate}.solar-material-video{position:absolute;inset:53px 0 85px;width:100%;height:calc(100% - 138px);object-fit:cover;opacity:0;transition:opacity 1.1s;filter:brightness(.83) saturate(.65);z-index:0;pointer-events:none}.solar-optics{position:relative;z-index:1;transition:opacity 1.1s,transform 1.1s}.solar-stage-top,.solar-stage-bottom,.solar-scene-controls{position:relative;z-index:3}.solar-stage[data-visual="material"] .solar-material-video.ready{opacity:1}.solar-stage[data-visual="material"] .solar-optics{opacity:0;transform:scale(1.035)}.solar-stage[data-visual="material"]{background:#071e26eb}.solar-scene-controls{display:flex;gap:18px;margin:-2px 26px 17px;border-bottom:1px solid #abc8b933;padding-bottom:10px}.solar-scene-controls button{background:none;border:0;color:#a9c4b8;font:10px/1.5 var(--body);letter-spacing:.04em;padding:8px 0;cursor:pointer;min-height:36px}.solar-scene-controls button[aria-pressed=true]{color:#f2c981;border-bottom:2px solid #efb44f}.solar-scene-controls button:hover{color:#fff}.solar-scene-controls button[hidden]{display:none}.solar-stage-bottom{background:linear-gradient(0deg,#0a2229ba,transparent)}.motion-off .solar-material-video{transition:none}
@media(max-width:760px){.solar-material-video{inset:43px 0 112px;height:calc(100% - 155px)}.solar-scene-controls{margin:0 18px 12px;gap:25px}.solar-scene-controls button{font-size:9px}.solar-stage .solar-scene-controls{order:2}.solar-stage .solar-stage-bottom{order:3}.solar-stage[data-visual="material"] .solar-optics{transform:none}}
@media(prefers-reduced-motion:reduce){.solar-material-video{display:none!important}.solar-optics{opacity:1!important;transform:none!important}.solar-scene-controls{display:none}}

.page-home .handoff{margin-top:0;margin-bottom:100px}.page-home #home-context{margin-top:0;padding-top:95px}.page-home #path-outcome{scroll-margin-top:100px}@media(max-width:760px){.page-home .hero{padding-bottom:45px}.page-home .handoff{margin-top:0;margin-bottom:60px}.page-home #home-context{padding-top:65px}}
/* Full-width company scene translates in depth without enlarging the document. */
.page-home #home-context.scroll-scene{transform:translateY(calc(var(--scene) * -40px))}
/* Portrait equipment stays recognisable: show the whole device on a designed dark stage. */
:is(.page-battery-storage,.page-solar-panels-and-equipment,.page-grid-connection-and-export) .interior-image-stage .photo-band{height:440px;background:radial-gradient(ellipse at 50% 55%,#375e5c,#09252c 72%)}
:is(.page-battery-storage,.page-solar-panels-and-equipment,.page-grid-connection-and-export) .interior-image-stage .photo-band img{object-fit:contain;object-position:center;max-width:100%}
@media(max-width:760px){:is(.page-battery-storage,.page-solar-panels-and-equipment,.page-grid-connection-and-export) .interior-image-stage .photo-band{height:330px}}