:root{--surface:#f5f1ea;--soft:#ede7dc;--line:#d4cdbd;--line2:#8a8478;--ink:#1a1614;--ink2:#5a5448;--fade:#8a8478;--accent:#8a6f4f;--cta:#1a1614;--on-cta:#f5f1ea;--call:#e6a817;--serif:var(--f-exo2),system-ui,sans-serif;--sans:var(--f-exo2),-apple-system,system-ui,sans-serif;color-scheme:light}[data-theme=dark]{--surface:#0a0907;--soft:#14120f;--line:#262522;--line2:#686662;--ink:#f5f1ea;--ink2:#aeaba6;--fade:#8b8984;--accent:#c8a368;--cta:#f5f1ea;--on-cta:#1a1614;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1a1614;font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;background:#0a0907;margin:0}a{color:inherit}img{max-width:100%}.btn{font:500 14px/20px var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;text-decoration:none;transition:background .4s,color .4s,border-color .4s;display:inline-flex}.btn-cta{background:var(--cta);color:var(--on-cta)}.btn-ghost{border-color:var(--line2);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-call{background:var(--call);color:#0a0a0a;font-weight:700}.btn-dark{color:#f5f1ea;background:#1a1614}.btn .arr{transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn:hover .arr{transform:translate(4px)}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.over{font:400 11px/16px var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--fade);align-items:center;gap:12px;margin:0;display:flex}.over:before{content:"";opacity:.7;background:currentColor;width:36px;height:1px}.lbl{font:400 10px/14px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--fade);margin:0 0 10px}h1,h2,h3{font-family:var(--serif);letter-spacing:-1px;margin:0;font-weight:300}h1 em,h2 em{color:var(--accent);font-style:italic}.hd{z-index:40;height:64px;color:var(--ink);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);align-items:center;gap:18px;padding:0 24px;transition:background .8s,color .8s,border-color .8s;display:flex;position:fixed;top:0;left:0;right:0}.hd .logo{display:flex}.hd .logo img{width:auto;height:26px}.crumbs{font:400 13px/1 var(--sans);color:var(--fade);gap:8px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.hd .sp{flex:1}.hd .ph{font:500 14px/1 var(--sans);font-variant-numeric:tabular-nums;text-decoration:none}.hd .tg{color:#fff;background:#2aabee;border-radius:50%;place-items:center;width:36px;height:36px;display:inline-grid}.hd .tg svg{width:18px;height:18px}.hd .btn{padding:10px 18px;font-size:13px}.story{background:var(--surface);height:460vh;transition:background-color .8s;position:relative}.stick{height:100svh;position:sticky;top:0;overflow:hidden}.stage-wrap{background:#0a0907;position:absolute;inset:0;overflow:hidden}.stage{aspect-ratio:1376/768;width:max(100%,179.17svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage img.sc{opacity:0;will-change:opacity;width:100%;height:100%;position:absolute;inset:0}.stage img.sc[data-k=blackout]{opacity:1}.fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fx g{opacity:0}#fx0{opacity:1}.flow{fill:none;stroke-width:4px;stroke-linecap:round;stroke-dasharray:3 14;filter:url(#glow);animation:1.1s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-17px}}.pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.tw{animation:3.5s ease-in-out infinite tw}@keyframes tw{50%{opacity:.15}}.shine{animation:3.2s ease-in-out infinite shine}@keyframes shine{50%{opacity:.25}}.veil{pointer-events:none;background:linear-gradient(90deg,#0a0907b8 0%,#0a090759 34%,#0a090700 58%);position:absolute;inset:0}.story[data-theme=light] .veil{background:linear-gradient(90deg,#f5f1eae6 0%,#f5f1ea80 34%,#f5f1ea00 58%)}.copy{width:min(520px,100% - 40px);color:var(--ink);transition:color .8s;position:absolute;bottom:clamp(96px,14vh,150px);left:clamp(20px,5vw,72px)}.hero{transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}.hero h1{letter-spacing:-2px;margin:16px 0 18px;font-size:clamp(40px,5.4vw,76px);font-weight:200;line-height:1.02}.hero .lead{font:300 18px/1.55 var(--serif);color:var(--ink2);max-width:30em;margin:0 0 26px}.hero .row{flex-wrap:wrap;gap:10px;display:flex}.trust{font:400 12px/1.4 var(--sans);color:var(--ink2);flex-wrap:wrap;gap:6px 18px;margin-top:22px;display:flex}.trust span:before{content:"✓ ";color:var(--accent)}.caps{position:absolute;bottom:0;left:0;right:0}.cap{opacity:0;pointer-events:none;width:100%;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:translateY(14px)}.cap h2{margin:14px 0;font-size:clamp(34px,4.2vw,58px);line-height:1.04}.cap p:last-child{font:300 18px/1.55 var(--serif);color:var(--ink2);max-width:28em;margin:0}.cap.on{opacity:1;transform:none}.story.moved .hero{opacity:0;pointer-events:none;transform:translateY(-14px)}.clock{background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(10px);color:var(--ink);font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;transition:background .8s,color .8s;display:flex;position:absolute;top:86px;right:clamp(16px,3vw,40px)}.clock i{background:#8fe3b0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #8fe3b040}.clock.off i{background:#ff7a59;box-shadow:0 0 0 3px #ff7a5940}.rail{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:absolute;bottom:28px;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px)}.rail button{all:unset;cursor:pointer;border-top:2px solid color-mix(in srgb,var(--ink) 22%,transparent);color:var(--fade);gap:4px;padding-top:12px;transition:color .4s,border-color .4s;display:grid}.rail button b{font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums}.rail button span{font:400 11px/1 var(--sans);letter-spacing:1.6px;text-transform:uppercase}.rail button.on{color:var(--ink);border-color:var(--accent)}.skip{font:400 11px/16px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--ink2);border-bottom:1px solid var(--line2);padding-bottom:2px;text-decoration:none;position:absolute;bottom:78px;right:clamp(20px,5vw,72px)}.sec{background:var(--surface);color:var(--ink);padding:clamp(64px,10vh,110px) 0}.sec+.sec{border-top:1px solid var(--line)}.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.sec h2{margin:14px 0;font-size:clamp(36px,4.4vw,60px);line-height:1.04}.sec .sub{font:300 18px/1.55 var(--serif);color:var(--ink2);max-width:40em;margin:0 0 36px}.works{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.works li{background:var(--surface);font:400 16px/1.4 var(--sans);padding:22px 22px 22px 52px;position:relative}.works li:before{content:"";background:#8fe3b0;border-radius:50%;width:14px;height:14px;position:absolute;top:26px;left:22px;box-shadow:0 0 0 4px #8fe3b038}.pks{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pk{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:14px;padding:26px;display:flex}.pk.best{border-color:var(--accent);box-shadow:0 24px 60px #1a16141a}.pk-tag{font:500 11px/1 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}.pk h3{margin:10px 0 6px;font-size:34px}.pk-price{font:300 26px/1.2 var(--serif);margin:0}.pk-spec{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pk-spec span{font:400 12px/1 var(--sans);background:var(--soft);border-radius:999px;padding:7px 10px}.pk-spec .pk-calc{font:500 12px/1 var(--sans);background:var(--soft);color:inherit;text-underline-offset:2px;border-radius:999px;padding:7px 10px;text-decoration:underline}.ticks{flex:1;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ticks li{font:400 14.5px/1.45 var(--sans);color:var(--ink2);padding-left:22px;position:relative}.ticks li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:2px}.pk .btn{align-self:flex-start}.pnote{font:400 13.5px/1.6 var(--sans);color:var(--fade);max-width:60em;margin:22px 0 0}.pk-links{flex-wrap:wrap;gap:8px 24px;margin-top:10px;display:flex}.pk-links a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.calc{grid-template-columns:1.3fr 1fr;gap:24px;display:grid}.calc-in,.calc-out{border:1px solid var(--line);border-radius:18px;padding:26px}.calc-out{color:#f5f1ea;background:#1a1614;border-color:#1a1614}.calc-out .lbl{color:#aeaba6}.segs,.chips{flex-wrap:wrap;gap:8px;display:flex}.seg input,.chip input{opacity:0;pointer-events:none;position:absolute}.seg span,.chip span{cursor:pointer;border:1px solid var(--line2);font:500 13px/18px var(--sans);border-radius:999px;padding:9px 14px;transition:all .3s;display:inline-block}.seg input:checked+span,.chip input:checked+span{background:var(--ink);color:var(--surface);border-color:var(--ink)}.seg input:focus-visible+span,.chip input:focus-visible+span{outline:1.5px solid var(--accent);outline-offset:2px}.calc-out dl{margin:0 0 20px;display:grid}.calc-out dl div{border-bottom:1px solid #3a3530;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.calc-out dt{font:400 14px/1.4 var(--sans);color:#aeaba6}.calc-out dd{font:500 15px/1.4 var(--sans);font-variant-numeric:tabular-nums;margin:0}.calc-out .hl dd{color:#e6c48a}.calc-out .btn-cta{color:#1a1614;white-space:normal;background:#f5f1ea}.note{font:400 12.5px/1.55 var(--sans);color:#8b8984;margin:14px 0 0}.whys{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1fr;gap:1px;margin-top:32px;display:grid;overflow:hidden}.why{background:var(--surface);padding:28px}.why h3{letter-spacing:-.4px;margin-bottom:10px;font-size:26px}.why p{color:var(--ink2);margin:0;font-size:15px}.steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;display:grid}.st{border-top:1px solid var(--line2);align-content:start;gap:10px;padding-top:18px;display:grid}.st b{font:300 24px/1.15 var(--serif)}.st b i{font:italic 200 15px/1 var(--serif);color:var(--accent);margin-bottom:10px;display:block}.st span{color:var(--ink2);font-size:14.5px}.rvs{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.rv{border:1px solid var(--line);border-radius:18px;align-content:start;gap:12px;margin:0;padding:24px;display:grid}.stars{color:#e6a817;letter-spacing:2px}.rv blockquote{font:300 17px/1.55 var(--serif);margin:0}.rv figcaption{font:500 13px/1 var(--sans);color:var(--fade)}.cases{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case{gap:10px;text-decoration:none;display:grid}.case img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%}.case span{font:400 15px/1.4 var(--sans)}.faq-list{margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:300 22px/1.3 var(--serif);justify-content:space-between;gap:20px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:300 24px/1 var(--sans);color:var(--accent);transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{max-width:52em;color:var(--ink2);margin:12px 0 0}.final{color:#f5f1ea;background:#0a0907;position:relative;overflow:hidden}.final .bg{will-change:transform;opacity:.35;background:url(/brand/scenes/blackout-v2-1100.webp) 50% 30%/cover no-repeat;position:absolute;inset:-20% 0}.final .wrap{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid;position:relative}.final .sub{color:#aeaba6}.solar{margin-top:22px}.solar a{color:#c8a368;font-size:14px;text-decoration:none}.form{backdrop-filter:blur(14px);background:#14120fd1;border:1px solid #262522;border-radius:18px;gap:12px;padding:26px;display:grid}.form .gold{color:#c8a368}.fsub{font:400 14px/1.5 var(--sans);color:#aeaba6;margin:-6px 0 4px}.form label{font:400 10px/14px var(--sans);letter-spacing:2px;text-transform:uppercase;color:#aeaba6;gap:6px;display:grid}.form input,.form select,.form textarea{font:400 15px/20px var(--sans);color:#f5f1ea;letter-spacing:0;text-transform:none;background:#0a0907;border:1px solid #3a3530;border-radius:10px;padding:12px 14px}.form textarea{resize:vertical}.form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-submit{color:#0a0a0a;background:#e6a817;justify-content:center;font-weight:700}.btn-submit:disabled{opacity:.6}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.perr{color:#ff9b80;font:400 13px/1.4 var(--sans);display:none}.perr.show{display:block}.status{min-height:20px;font:400 13.5px/1.45 var(--sans);color:#aeaba6}.status.err{color:#ff9b80}.status.ok{color:#8fe3b0}.small{font:400 12px/1.5 var(--sans);color:#8b8984;margin:0}.small a{color:#aeaba6}.ft{color:#8b8984;font:400 13px/1.8 var(--sans);background:#0a0907;border-top:1px solid #1f1d1a;padding:28px 0 40px}.ft .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.ft a{color:#aeaba6;text-decoration:none}.fab{display:none}@media (width<=900px){.hd{gap:10px;height:56px;padding:0 14px}.hd .ph,.hd .btn,.crumbs{display:none}.story{height:430vh}.stage-wrap{background:var(--surface);height:calc(55.8129vw + 56px);padding-top:56px;bottom:auto}.stage{width:100%;position:relative;top:0;left:0;transform:none}.veil{display:none}.copy{width:auto;inset:calc(55.8129vw + 80px) 18px auto}.hero h1{margin:10px 0 12px;font-size:clamp(34px,10vw,48px)}.hero .lead{margin-bottom:18px;font-size:16px}.hero .row .btn{padding:12px 20px}.cap h2{font-size:32px}.cap p:last-child{font-size:16px}.caps,.cap{top:0;bottom:auto}.clock{padding:6px 10px;font-size:12px;top:68px;right:10px}.rail{left:18px;right:18px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.rail button span{letter-spacing:1px;font-size:9.5px}.skip{display:none}.works,.pks,.whys,.rvs,.calc,.cases,.final .wrap{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.fab{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;gap:8px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:translateY(140%)}.fab.on{transform:none}.fab .btn{flex:1;justify-content:center;box-shadow:0 10px 30px #00000059}}@media (width<=560px){.steps,.form .two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.flow,.pulse,.tw,.shine{animation:none}html{scroll-behavior:auto}}
