:root{--bg: #cfe8ff;--ink: #11314a;--ink-soft: rgba(17, 49, 74, .66);--ink-faint: rgba(17, 49, 74, .4);--gold: #ffb928;--gold-deep: #d98f00;--card: rgba(255, 255, 255, .55);--card-solid: rgba(255, 255, 255, .78);--line: rgba(17, 49, 74, .18);--scroll: 0}:root.night{--bg: #071426;--ink: #eef4fd;--ink-soft: rgba(238, 244, 253, .66);--ink-faint: rgba(238, 244, 253, .38);--gold: #ffb928;--gold-deep: #ffcc5c;--card: rgba(10, 25, 47, .55);--card-solid: rgba(12, 28, 52, .82);--line: rgba(238, 244, 253, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-weight:300;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color 1s ease,color 1s ease}#root{position:fixed;top:0;right:0;bottom:0;left:0}button{font-family:inherit}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .9s cubic-bezier(.6,0,.3,1),transform .9s cubic-bezier(.6,0,.3,1)}.loader--done{opacity:0;transform:scale(1.12);pointer-events:none}.loader__counter{font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:clamp(76px,15vw,200px);line-height:1;color:var(--ink)}.loader__counter span{font-size:.35em;color:var(--gold-deep)}.loader__label{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-soft);margin:0}@media(pointer:fine){*{cursor:none!important}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;border-radius:50%;z-index:100;pointer-events:none;mix-blend-mode:difference}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid rgba(255,255,255,.6);border-radius:50%;z-index:100;pointer-events:none;mix-blend-mode:difference;transition:border-color .25s ease}.cursor-ring.is-active{border-color:var(--gold)}}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 40px;z-index:40;pointer-events:none}.header button{pointer-events:auto}.logo{font-family:Sora,sans-serif;font-weight:600;font-size:17px;letter-spacing:.3em;background:none;border:none;color:var(--ink);padding:0;transition:color 1s ease}.logo__reg{font-size:11px;vertical-align:super;color:var(--gold-deep);margin-left:2px}.nav{display:flex;flex-wrap:wrap;justify-content:center}.nav button{background:none;border:none;color:var(--ink);opacity:.6;font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;margin-left:22px;padding:4px 0;transition:opacity .25s ease,color 1s ease}.nav button:hover{opacity:1}.theme-toggle{position:relative;width:72px;height:32px;flex:0 0 auto;border-radius:999px;border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 9px;transition:background-color 1s ease,border-color 1s ease}.theme-toggle__icon{font-size:13px;line-height:1;z-index:1;transition:opacity .5s ease}.theme-toggle__icon--sun{color:var(--gold-deep)}.theme-toggle__icon--moon{color:var(--ink-soft);opacity:.55}.theme-toggle--night .theme-toggle__icon--sun{opacity:.45}.theme-toggle--night .theme-toggle__icon--moon{opacity:1;color:#cfe0ff}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #ffb9288c;transition:transform 1s cubic-bezier(.55,0,.2,1),background-color 1s ease,box-shadow 1s ease}.theme-toggle--night .theme-toggle__knob{transform:translate(40px);background:#dfe8f5;box-shadow:0 0 14px #cfe0ff73}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:50}.progress__bar{height:100%;background:linear-gradient(90deg,rgba(255,185,40,.35),var(--gold));transform-origin:left center;transform:scaleX(var(--scroll))}.interface{width:100%}.section{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;pointer-events:none}.section a,.section button,.section input{pointer-events:auto}.section--center{align-items:center;text-align:center}.section--left{align-items:flex-start}.section--right{align-items:flex-end;text-align:right}.section--left h2,.section--left .body,.section--right h2,.section--right .body{max-width:48vw}.section[data-num]:before{content:attr(data-num);position:absolute;top:9vh;right:5vw;font-family:Sora,sans-serif;font-weight:600;font-size:clamp(90px,16vw,240px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none}.section--right[data-num]:before{right:auto;left:5vw}.tagline,.kicker{font-size:12px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;transition:color 1s ease}.hero-title,h2{font-family:Sora,sans-serif;font-weight:600;letter-spacing:-.02em;margin:18px 0 24px;color:var(--ink);transition:color 1s ease}.hero-title{font-size:clamp(48px,8.6vw,124px);line-height:1.02}h2{font-size:clamp(34px,5.6vw,80px);line-height:1.06;margin-top:0}em{font-style:normal;color:var(--gold-deep);transition:color 1s ease}.hero-sub,.body{font-size:clamp(15px,1.4vw,19px);line-height:1.7;color:var(--ink-soft);max-width:560px;margin:0 0 32px;transition:color 1s ease}.body--center{text-align:center}.hint,.drag-hint{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:10px 0 0}.drag-hint{margin-top:26px;animation:pulseHint 2.6s ease-in-out infinite}@keyframes pulseHint{0%,to{opacity:.55}50%{opacity:1}}.section--hero>*{animation:fadeUp 1.1s cubic-bezier(.2,.7,.2,1) both}.section--hero>*:nth-child(1){animation-delay:2.4s}.section--hero>*:nth-child(2){animation-delay:2.55s}.section--hero>*:nth-child(3){animation-delay:2.75s}.section--hero>*:nth-child(4){animation-delay:2.9s}.section--hero>*:nth-child(5){animation-delay:3.05s}.section--hero>*:nth-child(6){animation-delay:3.25s}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:4.5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-hint__line{display:block;width:1px;height:56px;background:var(--line);position:relative;overflow:hidden}.scroll-hint__line:after{content:"";position:absolute;left:0;top:0;width:100%;height:40%;background:linear-gradient(180deg,transparent,var(--gold));animation:scrollDrop 1.8s cubic-bezier(.4,0,.6,1) infinite}@keyframes scrollDrop{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}.scroll-hint__label{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-faint)}.magnetic{display:inline-block;transition:transform .25s cubic-bezier(.2,.7,.2,1);will-change:transform;pointer-events:auto}.cta{display:inline-block;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:16px 38px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s ease,box-shadow .3s ease,color 1s ease,background-color 1s ease}.cta:hover{border-color:var(--gold);box-shadow:0 0 42px #ffb92866}.cta--solid{background:var(--gold);color:#11314a;border-color:transparent;font-weight:500}.cta--solid:hover{box-shadow:0 0 52px #ffb928a6}.orb-html{pointer-events:none}.orb-hint{display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap;text-align:center}.orb-hint strong{font-family:Sora,sans-serif;font-weight:600;font-size:15px;letter-spacing:.1em;color:var(--ink)}.orb-hint span{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep)}.battery-label{display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap}.battery-label span{font-family:Sora,sans-serif;font-weight:600;font-size:20px;color:var(--gold-deep)}.battery-label small{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.steps{display:flex;gap:clamp(14px,2vw,28px);margin-top:10px}.step{flex:1 1 0;max-width:300px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color 1s ease,border-color 1s ease,transform .3s ease;pointer-events:auto}.step:hover{transform:translateY(-4px);border-color:var(--gold)}.step__n{font-family:Sora,sans-serif;font-weight:600;font-size:13px;color:var(--gold-deep);letter-spacing:.2em}.step h3{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(16px,1.5vw,20px);margin:10px 0 8px;color:var(--ink);transition:color 1s ease}.step p{font-size:13.5px;line-height:1.65;color:var(--ink-soft);margin:0;transition:color 1s ease}.calc{width:min(560px,86vw);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 28px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;pointer-events:auto;transition:background-color 1s ease,border-color 1s ease}.calc__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.calc__row span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.calc__row strong{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(26px,3vw,38px);color:var(--gold-deep)}.calc__slider{width:100%;accent-color:var(--gold);height:28px}.calc__scale{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-faint);margin-bottom:18px}.calc__out{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:18px}.calc__out div{flex:1 1 0;display:flex;flex-direction:column;gap:5px}.calc__out strong{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(20px,2.3vw,30px);color:var(--ink);transition:color 1s ease}.calc__out span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.calc__hint{margin:16px 0 0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}.installs{list-style:none;margin:8px 0 0;padding:0;width:min(640px,84vw)}.installs li{display:grid;grid-template-columns:1.1fr .7fr 1.5fr .9fr;gap:12px;align-items:baseline;padding:16px 4px;border-bottom:1px solid var(--line);text-align:left}.installs em{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(16px,1.8vw,22px);color:var(--ink);transition:color 1s ease}.installs__size{font-weight:500;color:var(--gold-deep);font-size:14px}.installs__detail{font-size:13px;color:var(--ink-soft)}.installs__payback{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);text-align:right}.accordion{width:min(620px,84vw);pointer-events:auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 22px 10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color 1s ease,border-color 1s ease}.accordion__item:last-child{border-bottom:none}.accordion__item{border-bottom:1px solid var(--line)}.accordion__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:none;color:var(--ink);font-size:clamp(14px,1.4vw,17px);font-weight:400;text-align:left;padding:18px 4px;transition:color 1s ease}.accordion__head em{font-family:Sora,sans-serif;font-weight:600;font-size:20px;color:var(--gold-deep);flex:0 0 auto}.accordion__item.is-open .accordion__head{color:var(--gold-deep)}.accordion__body{overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.accordion__body p{margin:0 0 18px;padding:0 4px;font-size:14px;line-height:1.7;color:var(--ink-soft);max-width:540px}.quote{display:flex;flex-direction:column;align-items:center;gap:22px;pointer-events:auto}.quote__fields{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.quote input{font-family:inherit;font-size:15px;color:var(--ink);background:var(--card-solid);border:1px solid var(--line);border-radius:12px;padding:15px 18px;width:min(250px,80vw);outline:none;transition:border-color .3s ease,background-color 1s ease,color 1s ease}.quote input::placeholder{color:var(--ink-faint)}.quote input:focus{border-color:var(--gold)}.quote__done{background:var(--card);border:1px solid var(--gold);border-radius:20px;padding:30px 38px;max-width:460px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.quote__done strong{font-family:Sora,sans-serif;font-weight:600;font-size:clamp(18px,2vw,24px);color:var(--gold-deep)}.quote__done p{margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--ink-soft)}.section--footer{justify-content:flex-end;align-items:center;padding-bottom:5vh;gap:clamp(20px,4vh,44px);text-align:center}.sundial-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.sundial{position:relative;width:240px;height:120px;overflow:visible}.sundial:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-bottom:none;border-radius:240px 240px 0 0}.sundial__tick{position:absolute;bottom:0;left:50%;width:1px;height:112px;transform-origin:bottom center;background:linear-gradient(to top,transparent 82%,var(--ink-soft) 82%)}.sundial__tick--major{width:2px;background:linear-gradient(to top,transparent 76%,var(--gold-deep) 76%)}.sundial__needle{position:absolute;bottom:0;left:50%;width:2px;height:96px;transform-origin:bottom center;background:var(--gold);box-shadow:0 0 10px #ffb928b3;transition:transform 1s ease}.sundial__needle:after{content:"";position:absolute;top:-5px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--gold)}.sundial__label{position:absolute;font-size:10px;letter-spacing:.2em;color:var(--ink-faint)}.sundial__label--l{left:-26px;bottom:-4px}.sundial__label--c{left:50%;top:-22px;transform:translate(-50%)}.sundial__label--r{right:-30px;bottom:-4px}.sundial__clock{margin:0;display:flex;flex-direction:column;gap:4px}.sundial__clock strong{font-family:Sora,sans-serif;font-weight:600;font-size:22px;color:var(--ink);transition:color 1s ease}.sundial__clock span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.footer-cols{display:flex;gap:clamp(34px,8vw,110px);justify-content:center;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}.footer-col h4{font-family:Sora,sans-serif;font-weight:600;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 4px}.footer-col a,.footer-col button{background:none;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:300;color:var(--ink-soft);text-decoration:none;text-align:left;transition:color .25s ease}.footer-col a:hover,.footer-col button:hover{color:var(--gold-deep)}.footer-base{display:flex;flex-direction:column;gap:6px}.footer-cert{margin:0;font-size:11px;letter-spacing:.12em;color:var(--ink-faint)}.footer-copy{margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}@media(max-width:900px){.nav{display:none}.steps{flex-direction:column;gap:12px}.step,.section--left h2,.section--left .body,.section--right h2,.section--right .body{max-width:none}.installs li{grid-template-columns:1fr 1fr}.installs__payback{text-align:left}}@media(max-width:768px){.header{padding:18px 20px}.section{padding:0 7vw}.section[data-num]:before{top:6vh;right:4vw}.footer-cols{gap:22px 30px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}