/* Solarz Development — a brighter, interactive energy experience. */
:root{--navy:#142b27;--navy2:#1e4037;--gold:#d7f76f;--ink:#152d28;--muted:#5d6e67;--line:#dbe4dc;--cream:#f4f6ec;--energy-orange:#ff6634;--energy-lime:#d7f76f;--energy-lilac:#d8c8ff;--energy-paper:#fbfaf6}
body{background:var(--energy-paper);color:var(--ink)}
::selection{background:#d7f76f;color:#142b27}
html{scroll-padding-top:100px}.wrap{width:min(1240px,calc(100% - 64px))}
.topbar{background:#142b27;color:#edf4e8}.topbar b{color:#d7f76f}.topbar .wrap{padding-block:8px}
header{background:#fbfaf6f5;backdrop-filter:blur(18px);border-bottom-color:#142b2715}
.header-inner{min-height:82px;gap:24px}.brand em{color:#d85a2f}.brand small{color:#64746b}.header-inner nav{gap:23px;font-size:12px}.header-inner nav a{position:relative;padding-block:8px;transition:color .2s}.header-inner nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#f36938;transition:width .25s}.header-inner nav a:hover{color:#b33c18}.header-inner nav a:hover:after{width:100%}
.header-inner>.button{background:#142b27;color:#fff;border:0;border-radius:99px;font-size:12px;padding:13px 18px}.header-inner>.button:hover{background:#31564b}.button{border-radius:10px}.button span{transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}.button.gold{background:#d7f76f;color:#142b27}.button.gold:hover{background:#e5ff93}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b34c1c;outline-offset:4px}input:focus,select:focus,textarea:focus{border-color:#48734c;box-shadow:0 0 0 3px #85ac6d30}
.energy-hero{position:relative;overflow:hidden;padding-top:40px;background:var(--energy-paper)}
.energy-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:46px;align-items:center;padding-bottom:42px}
.energy-hero-copy{position:relative;z-index:1;padding:12px 0 8px}
.energy-kicker{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.12em;font-weight:700;line-height:1.7}.energy-kicker>span{color:#e65327;font-size:32px;line-height:1}
.energy-hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.03;letter-spacing:-.065em;font-weight:800;margin:25px 0 25px}.energy-hero h1 em{font-style:normal;color:#e75225;display:inline-block;position:relative;isolation:isolate}.energy-hero h1 em:after{content:'';position:absolute;left:3px;right:-8px;bottom:2px;height:14px;background:#d7f76f;z-index:-1;transform:rotate(-2deg)}
.energy-lead{max-width:460px;font-size:16px;line-height:1.8;color:#55695f}.energy-hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.energy-primary{background:#ff6634;color:#142b27;min-height:55px;padding:16px 22px;font-size:14px;border-radius:9px;box-shadow:0 7px 0 #142b27;transition:transform .2s,box-shadow .2s,background .2s}.energy-primary:hover{background:#ff794d;transform:translateY(3px);box-shadow:0 4px 0 #142b27}.energy-primary>span{font-size:21px}.energy-secondary{font-size:12px;font-weight:700;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid #142b27;padding:5px 0}.energy-secondary:hover{color:#b13916;border-color:currentColor}
.energy-included{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:11px;font-weight:500;color:#465f52}.energy-included i{font-style:normal;color:#a74b27;font-size:16px}.energy-explore{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #d9e2d7;max-width:410px}.energy-explore-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;font-size:26px;background:#dfd1ff;border-radius:50%;transition:transform .25s}.energy-explore:hover .energy-explore-icon{transform:rotate(20deg)}.energy-explore>span+span{font-size:10px;color:#6b796e}.energy-explore strong{display:block;font-size:12px;font-weight:600;color:#142b27;margin-top:3px}
.energy-lab{min-width:0;position:relative;border-radius:23px;isolation:isolate;box-shadow:0 12px 40px #142b2710}.energy-lab:before{content:'';position:absolute;width:120px;height:120px;border:20px solid #d7f76f;border-radius:50%;right:-45px;top:-22px;z-index:-1}
.energy-scene{position:relative;height:355px;overflow:hidden;border-radius:23px 23px 0 0;background:#172d28}.energy-scene>img{width:100%;height:100%;object-fit:cover;object-position:63% 50%;filter:brightness(1.16) saturate(1.03);transition:filter .7s ease,transform 1s ease;transform:scale(1.01)}.energy-scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#11282020 20%,transparent 45%,#11282085);transition:background .7s}
.energy-switch{position:absolute;left:20px;top:20px;display:flex;gap:3px;padding:4px;border-radius:99px;background:#fbfaf6ed;backdrop-filter:blur(12px);box-shadow:0 3px 15px #0001}.energy-switch button{padding:8px 14px;border-radius:99px;font-size:12px;font-weight:600;min-height:36px;transition:color .2s,background .2s;white-space:nowrap}.energy-switch button span{font-size:17px;margin-right:3px;vertical-align:-1px}.energy-switch button[aria-pressed=true]{background:#d7f76f;color:#142b27}.energy-switch button[aria-pressed=false]{color:#4e6357}.energy-switch button:hover{background:#dce5d7}
.energy-scene-badge{position:absolute;right:20px;top:34px;display:flex;align-items:center;gap:7px;color:white;font-size:8px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 8px #000}.energy-scene-badge i{width:6px;height:6px;border-radius:50%;background:#d7f76f;box-shadow:0 0 0 4px #d7f76f22}
.energy-scene-pin{position:absolute;display:flex;align-items:center;gap:7px;background:#fbfaf6f2;padding:8px 12px;border-radius:7px;font-size:11px;font-weight:600;box-shadow:0 3px 20px #0002}.energy-scene-pin span{font-size:18px;line-height:1}.pin-solar{top:120px;left:28px}.pin-solar span{color:#d94a1b}.pin-storage{right:20px;bottom:38px;background:#d7f76f}.energy-illustration{position:absolute;right:18px;bottom:10px;font-size:8px;color:#f0f4ec}
.energy-story{padding:16px 25px 18px;background:#142b27;color:white;border-radius:0 0 23px 23px}.energy-flow{position:relative;display:flex;justify-content:space-between;width:100%;padding:0 25px;margin-bottom:18px}.energy-flow svg{position:absolute;left:0;top:0;width:100%;height:54px;overflow:visible}.energy-flow path{fill:none;stroke:#d7f76f;stroke-width:2;stroke-dasharray:4 7;animation:energy-current 2.2s linear infinite;opacity:.8}.energy-flow .flow-store{animation-duration:2.8s}.flow-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;min-width:50px}.flow-node>span{display:grid;place-items:center;background:#294b3f;color:#d7f76f;width:48px;height:48px;border:1px solid #59714d;border-radius:50%;font-size:26px;line-height:1}.flow-node.home>span{background:#d7f76f;color:#142b27;border-color:#d7f76f;font-size:31px}.flow-node small{font-size:10px;color:#d2dece;background:#142b27;padding:0 5px}.energy-story-text h2{font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0 0 7px;color:#f3f7ec}.energy-story-text p{font-size:12px;line-height:1.7;min-height:40px;color:#c3d1c6;max-width:440px}.energy-story-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff25;margin-top:12px;padding-top:10px}.energy-story-footer>small{font-size:8px;color:#aebeb1}.energy-story-footer button{font-size:9px;white-space:nowrap;color:#d7f76f;padding:6px 0;min-height:30px}.energy-story-footer button:focus-visible{outline-color:#d7f76f}.energy-story-footer button:disabled{color:#ced9c9;cursor:default;opacity:1}
[data-energy-mode=evening] .energy-scene>img{filter:brightness(.58) saturate(.72) hue-rotate(10deg);transform:scale(1.04)}
[data-energy-mode=evening] .energy-scene-shade{background:linear-gradient(180deg,#15204680,transparent 62%,#11282090)}
[data-energy-mode=evening] .energy-switch button[aria-pressed=true]{background:#d8c8ff;color:#182937}
[data-energy-mode=evening] .pin-solar{opacity:0;visibility:hidden}
[data-energy-mode=evening] .pin-storage{background:#d8c8ff}
[data-energy-mode=evening] .flow-pv{animation:none;opacity:.2;stroke:#b5bdba}
[data-energy-mode=evening] .flow-store{stroke:#d8c8ff;animation-direction:reverse}
[data-energy-mode=evening] .flow-node.solar>span{color:#7c9185;border-color:#395747;background:#213c33}
[data-energy-mode=evening] .flow-node.storage>span{color:#142b27;background:#d8c8ff;border-color:#d8c8ff}
.energy-ribbon{background:#d7f76f;border-top:1px solid #142b2720;border-bottom:1px solid #142b2720;overflow:hidden}.energy-ribbon>div{display:flex;align-items:center;justify-content:space-around;gap:22px;width:max-content;min-width:100%;padding:17px 32px}.energy-ribbon span{font-size:12px;letter-spacing:.1em;font-weight:700;white-space:nowrap}.energy-ribbon b{font-size:27px;line-height:1;font-weight:400;color:#e55326}
.battery-visual{display:flex;align-items:center;gap:5px;margin-top:18px;max-width:100%;padding:9px;border:1px solid #8fac883d;border-radius:8px;background:#ffffffb3}.battery-visual-slot{flex:1;height:29px;background:#e4eadf;border-radius:4px;border:1px solid #cddac9;transition:background .25s,transform .25s,box-shadow .25s}.battery-visual-slot.is-active{background:#7fa949;border-color:#5d8433;box-shadow:inset 0 3px 0 #ffffff50}.battery-visual-slot.is-active:last-child{background:#d7f76f}
.energy-reveal.is-visible{animation:energy-arrive .65s ease both}
@keyframes energy-current{to{stroke-dashoffset:-44}}
@keyframes energy-arrive{from{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:none}}
.motion-paused *, .motion-paused *:before, .motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused .energy-reveal{opacity:1!important;transform:none!important;animation:none!important}html:has(.motion-paused){scroll-behavior:auto}
@media(min-width:1450px){.energy-scene{height:385px}.energy-hero{padding-top:48px}.energy-hero-grid{padding-bottom:48px}}
@media(max-width:1120px){.wrap{width:calc(100% - 48px)}.header-inner nav{gap:15px;font-size:11px}.header-inner{gap:18px}.brand>span{font-size:16px}.energy-hero-grid{gap:27px}.energy-hero h1{font-size:60px}.energy-lead{font-size:14px}.energy-hero-actions{gap:18px}.energy-primary{font-size:13px;padding:14px 18px}.energy-secondary{font-size:11px}.energy-scene{height:340px}.energy-scene-badge{display:none}.energy-story-text h2{font-size:19px}.energy-story{padding:16px 20px}.energy-explore{margin-top:24px}.energy-kicker{font-size:9px;letter-spacing:.09em}}
@media(max-width:900px){.energy-hero-grid{gap:24px}.energy-hero h1{font-size:52px}.energy-kicker{font-size:8px}.energy-kicker>span{font-size:27px}.energy-hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.energy-included{font-size:10px;gap:8px}.energy-hero{padding-top:25px}.energy-scene{height:330px}.energy-story-footer{flex-wrap:wrap;gap:0;padding-top:6px}.energy-story-text p{min-height:60px}.energy-flow{padding-inline:9px}.pin-solar{left:16px;top:118px;font-size:10px}.pin-storage{right:12px;font-size:10px}.energy-explore strong{font-size:11px}.header-inner nav{display:none}.header-inner>.button{margin-left:auto}.header-inner{min-height:72px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.energy-hero-grid{grid-template-columns:1fr;gap:35px;padding-bottom:30px}.energy-hero-copy{padding-top:8px}.energy-hero h1{font-size:clamp(49px,9.8vw,66px);margin-top:18px;margin-bottom:20px}.energy-kicker{font-size:9px}.energy-lead{font-size:15px;max-width:510px}.energy-hero-actions{flex-direction:row;align-items:center;gap:23px}.energy-included{font-size:11px;gap:12px}.energy-explore{margin-top:22px;padding-top:16px;max-width:100%}.energy-explore strong{font-size:12px}.energy-lab{max-width:580px;width:100%;margin:auto}.energy-scene{height:340px}.energy-scene-badge{display:flex;right:16px}.energy-story{padding:16px 22px}.energy-story-text h2{font-size:21px}.energy-story-text p{font-size:13px;min-height:0;max-width:100%}.energy-story-footer{flex-wrap:nowrap;gap:10px;padding-top:10px}.energy-flow{padding-inline:25px}.energy-story-footer>small{font-size:9px}.energy-story-footer button{font-size:10px}.energy-ribbon>div{justify-content:flex-start;gap:18px;padding:14px 18px}.energy-ribbon span{font-size:10px}.energy-ribbon b{font-size:22px}.energy-lab:before{right:-25px;top:-14px;width:100px;height:100px;border-width:16px}.pin-solar{top:112px}.energy-reveal.is-visible{animation-duration:.45s}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.energy-hero{padding-top:22px}.energy-hero-grid{gap:29px}.energy-hero h1{font-size:50px}.energy-kicker{font-size:7px;letter-spacing:.09em;gap:8px}.energy-kicker>span{font-size:25px}.energy-lead{font-size:14px;line-height:1.75}.energy-hero-actions{gap:18px;flex-wrap:wrap}.energy-primary{font-size:12px;min-height:49px;padding:12px 16px;gap:19px}.energy-secondary{font-size:10px;gap:5px}.energy-included{font-size:10px;gap:10px}.energy-scene{height:260px}.energy-scene-badge{display:none}.energy-switch{left:13px;top:13px}.energy-switch button{font-size:11px;padding:6px 12px}.energy-scene-pin{font-size:9px;padding:7px 9px}.pin-solar{top:95px;left:13px}.pin-storage{bottom:34px}.energy-story{padding:15px 17px}.energy-story-text h2{font-size:19px}.energy-story-text p{font-size:12px}.energy-story-footer{gap:8px;align-items:flex-start}.energy-story-footer>small{font-size:8px;max-width:150px;padding-top:5px}.energy-story-footer button{font-size:9px;min-height:30px}.energy-flow{padding-inline:10px}.flow-node>span{height:43px;width:43px}.energy-flow svg{height:48px}.flow-node small{font-size:9px}.brand>span{font-size:13px}.brand small{font-size:6px}.header-inner>.button{font-size:10px;padding:11px 13px}.header-inner{gap:10px;min-height:66px}.brand{gap:8px}.brand img{width:34px;height:34px}.topbar b{margin-left:7px}.energy-hero h1 em:after{height:10px}}
@media(max-width:350px){.energy-hero h1{font-size:44px}.energy-hero-actions{gap:20px}.energy-primary{width:100%}.energy-secondary{font-size:11px}.energy-kicker{font-size:6px}.energy-lead{font-size:13px}.energy-story-text h2{font-size:17px}.energy-story-footer{flex-wrap:wrap}.energy-explore strong{font-size:11px}.energy-scene{height:240px}.header-inner>.button{padding:10px;font-size:9px}.brand>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.energy-reveal{opacity:1!important;transform:none!important}}
@media print{.energy-hero,.energy-ribbon{display:none}}