:root{--ink:#06181a;--deep:#0d2e31;--panel:#12373a;--paper:#f4f1e9;--coral:#ff6f59;--amber:#f4bb54;--mint:#55d6b3;--blue:#63bce5;--muted:#9eb1ad;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:white;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header{height:80px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px}header>a{display:flex;align-items:baseline;gap:9px;color:white;text-decoration:none}header>a b{font-size:1.28rem}header>a span{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}header nav{display:flex;gap:28px;margin-left:auto}header nav a{color:#bac9c5;text-decoration:none;font-size:.82rem;font-weight:800}main{width:min(1280px,calc(100% - 40px));margin:auto;padding:35px 0 100px}.hero{min-height:500px;padding:clamp(35px,6vw,75px);border-radius:34px;background:radial-gradient(circle at 76% 40%,rgba(99,188,229,.18),transparent 25%),linear-gradient(135deg,#12383b,var(--ink));border:1px solid var(--line);display:grid;grid-template-columns:1fr 300px;gap:55px;align-items:center;overflow:hidden}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--amber);font-weight:900;margin:0 0 14px}.hero h1{font-size:clamp(3.6rem,7vw,7.2rem);line-height:.86;letter-spacing:-.075em;margin:0}.hero h1 em{font-style:normal;color:var(--blue)}.hero>div>p:not(.eyebrow){color:#c6d2cf;line-height:1.7;max-width:730px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 11px;color:#bdccc8;font-size:.72rem}.hero aside{background:rgba(6,24,26,.7);border:1px solid rgba(255,255,255,.2);border-radius:21px;padding:24px}.hero aside b{display:block;margin:20px 0 7px}.hero aside p{color:var(--muted);font-size:.78rem;line-height:1.55}.charger{height:110px;position:relative;border-radius:20px;background:#0b1e20;border:1px solid #45676a;box-shadow:inset 0 0 30px rgba(99,188,229,.08)}.charger i:first-child{position:absolute;width:40px;height:48px;left:calc(50% - 20px);top:18px;border:3px solid var(--blue);border-radius:12px;animation:charge 3s ease-in-out infinite}.charger i:nth-child(2){position:absolute;width:7px;height:7px;border-radius:50%;background:var(--mint);left:calc(50% - 3px);top:39px;box-shadow:0 0 14px var(--mint)}.charger i:last-child{position:absolute;width:70px;height:35px;border-right:3px solid var(--blue);border-bottom:3px solid var(--blue);border-radius:0 0 28px 0;left:50%;top:61px}@keyframes charge{50%{box-shadow:0 0 22px rgba(99,188,229,.5)}}.garage-signal{margin:14px 0;padding:17px 20px;border-radius:16px;background:#ddf7ef;color:var(--ink);display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center}.garage-signal>span{color:var(--mint)}.garage-signal b,.garage-signal p{display:block;margin:0}.garage-signal p{font-size:.75rem;color:#53645f;margin-top:3px}.garage-signal a{color:var(--ink);font-size:.75rem;font-weight:900}.calculator{display:grid;grid-template-columns:1fr .9fr;gap:12px;margin:14px 0}.form-panel,.results{border-radius:26px;padding:clamp(25px,4vw,45px)}.form-panel{background:var(--paper);color:var(--ink)}.form-panel .eyebrow{color:#a45245}.form-panel h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.065em;line-height:.92;margin:0 0 35px}.form-panel form{display:grid;gap:12px}.form-panel label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#687772}.input-unit{display:flex;align-items:center;background:white;border:1px solid #d7dfdc;border-radius:11px;margin-top:6px}.input-unit input{width:100%;border:0;padding:14px;background:transparent;font:inherit;color:var(--ink)}.input-unit span{padding:0 14px;color:#6a7974;font-size:.75rem;white-space:nowrap}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slider-line{display:grid;grid-template-columns:1fr 55px;gap:10px;align-items:center;margin-top:12px}.slider-line input{accent-color:var(--coral)}.slider-line output{text-align:center;background:var(--ink);color:white;padding:8px;border-radius:9px}details{background:white;border:1px solid #d7dfdc;border-radius:11px;padding:14px}details summary{cursor:pointer;font-weight:850;font-size:.78rem}details label{margin-top:14px}.results{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.result-head{display:flex;justify-content:space-between}.result-head>span{color:var(--mint);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.results>strong{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.08em;line-height:1;margin-top:28px;color:var(--mint)}.results>p{color:#b9c8c4}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}.compare article{padding:17px;background:#0b2528;border-radius:14px}.compare span,.compare b,.compare small{display:block}.compare span{font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;color:#9eb0ab}.compare b{font-size:1.6rem;margin:13px 0 4px}.compare small{color:#748b85}.saving{margin-top:9px;padding:18px;border-radius:14px;background:var(--coral);color:var(--ink)}.saving span,.saving b{display:block}.saving span{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.saving b{font-size:1.25rem;margin-top:8px}.disclaimer{display:block;color:#849792;line-height:1.5;margin-top:auto;padding-top:20px}.explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.explainer article{background:var(--paper);color:var(--ink);border-radius:18px;padding:23px}.explainer span{color:#a45245;font-size:.67rem;font-weight:900}.explainer h3{font-size:1.3rem;margin:28px 0 8px}.explainer p{color:#687772;font-size:.79rem;line-height:1.55}.chargers{margin-top:90px;padding:clamp(30px,5vw,60px);border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:1fr 330px;gap:55px;align-items:center;background:linear-gradient(135deg,var(--deep),var(--ink))}.chargers h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.07em;line-height:.9;margin:0}.chargers>div>p:last-child{color:var(--muted);line-height:1.65}.chargers aside{padding:23px;background:var(--paper);color:var(--ink);border-radius:18px}.chargers aside p{color:#64736e;font-size:.8rem;line-height:1.55}.chargers aside a{color:#a24e41;font-weight:900;font-size:.75rem}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:900px){.hero,.calculator,.chargers{grid-template-columns:1fr}.explainer{grid-template-columns:1fr 1fr}}@media(max-width:600px){header nav{display:none}main{width:calc(100% - 20px);padding-top:10px}.hero{padding:40px 20px}.hero h1{font-size:3.65rem}.two,.compare,.explainer{grid-template-columns:1fr}.garage-signal{grid-template-columns:20px 1fr}.garage-signal a{grid-column:2}.form-panel,.results{padding:28px 20px}}