:root{--bg:#080b10;--panel:#111720;--panel2:#0d131b;--line:#26303b;--text:#f7f9fc;--muted:#9ca9b8;--blue:#52b5ff;--yellow:#ffc525;--green:#42d392;--red:#ff6b6b;--max:1180px;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(7,10,14,.88);backdrop-filter:blur(12px);border-bottom:1px solid #1a222c}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:3px;text-decoration:none;color:white;font-weight:900;letter-spacing:.04em}.brand b{color:var(--blue)}nav{display:flex;gap:24px}nav a,footer a{color:#cbd5df;text-decoration:none;font-size:.92rem}nav a:hover,footer a:hover{color:white}.hero{position:relative;overflow:hidden;border-bottom:1px solid #17202a;background:linear-gradient(180deg,#0b1119,#080b10)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(82,181,255,.16),transparent 36%),linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.025) 48%,transparent 49%)}.hero-inner{position:relative;text-align:center;padding:76px 0 64px}.eyebrow{color:var(--yellow);text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.76rem}.hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;margin:8px 0 18px;text-transform:uppercase;letter-spacing:-.05em}.hero-copy{max-width:760px;margin:0 auto;color:#c5d0db;font-size:1.12rem}.hero-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-pills span{background:#111923;border:1px solid #243140;padding:8px 12px;border-radius:999px;color:#dbe5ef;font-size:.9rem}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:28px 0 72px}.calculator{display:flex;flex-direction:column;gap:18px}.panel,.result-card{background:linear-gradient(180deg,#111821,#0c1219);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 40px rgba(0,0,0,.22)}.panel{padding:20px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.panel-title span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#0b2a3e;color:#82d0ff;font-weight:800}.panel-title h2{font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin:0}.grid{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:700;color:#dbe4ed}label small{font-weight:500;color:#7f8d9d}input,select{width:100%;border:1px solid #2a3542;background:#171e27;color:white;border-radius:9px;padding:12px 12px;outline:none;font:inherit}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(82,181,255,.12)}.input-suffix{position:relative}.input-suffix input{padding-right:52px}.input-suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8493a3;font-size:.8rem}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions button{border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(90deg,#ffc321,#ffd24f);color:#17120a;flex:1}.secondary{background:#171f28;color:#dfe7ef;border:1px solid #2c3744!important}.secondary:hover{background:#202a35}.sticky-card{position:sticky;top:82px;padding:20px}.result-kicker{text-transform:uppercase;font-weight:900;color:#93cefa;font-size:.8rem;letter-spacing:.08em;margin:0 0 10px}.result-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #26303a;color:#c7d1db}.result-row strong{color:white;font-size:1.08rem}.result-row.highlight span,.result-row.highlight strong{color:var(--yellow)}.offer-box{margin:18px 0;background:#0b1219;border:1px solid #263747;border-radius:12px;padding:18px;text-align:center}.offer-box span{display:block;color:#aab6c2;font-size:.86rem}.offer-box strong{display:block;font-size:2rem;color:white;margin:7px 0 2px}.offer-box small{color:#718092}.breakdown{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-top:18px}.donut{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--blue) 0 33%,var(--yellow) 33% 66%,var(--green) 66% 100%);position:relative}.donut:after{content:"";position:absolute;inset:20px;background:#101720;border-radius:50%}.legend{display:flex;flex-direction:column;gap:8px}.legend span{font-size:.8rem;color:#aeb9c5;display:grid;grid-template-columns:12px 1fr auto;gap:7px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.a{background:var(--blue)}.dot.b{background:var(--yellow)}.dot.c{background:var(--green)}.info-section,.faq-section{padding:70px 0}.info-section h2,.faq-section h2{font-size:clamp(1.8rem,4vw,3rem);margin:5px 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:24px;border:1px solid #26303a;border-radius:14px;background:#0d131a}.feature-grid article>b{color:var(--yellow);font-size:.75rem}.feature-grid h3{margin:10px 0 8px}.feature-grid p{color:#99a7b6;margin:0}.faq-section details{border-top:1px solid #26303a;padding:18px 0}.faq-section details:last-child{border-bottom:1px solid #26303a}.faq-section summary{cursor:pointer;font-weight:800}.faq-section details p{color:#9facb9;max-width:820px}footer{border-top:1px solid #1c2530;background:#06080b}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:28px 0;color:#72808f;font-size:.82rem}.footer-inner>span{font-weight:900;color:white}.footer-inner p{text-align:center;margin:0}.footer-inner div{display:flex;gap:16px}.toast{position:fixed;right:20px;bottom:20px;background:#17202a;border:1px solid #334151;color:white;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:50}
@media(max-width:960px){.calculator-layout{grid-template-columns:1fr}.sticky-card{position:static}.grid-3{grid-template-columns:repeat(2,1fr)}.results{order:-1}.feature-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-inner p{text-align:center}.footer-inner div{justify-content:center}}
@media(max-width:640px){nav{display:none}.hero-inner{padding:56px 0 44px}.grid-3{grid-template-columns:1fr}.calculator-layout{width:min(100% - 20px,var(--max))}.panel{padding:16px}.actions{flex-direction:column}.primary{width:100%}.breakdown{grid-template-columns:90px 1fr}.donut{width:84px;height:84px}.donut:after{inset:16px}}
@media print{.site-header,.hero,.actions,.info-section,.faq-section,footer{display:none!important}body{background:white;color:black}.calculator-layout{display:block;padding:0}.calculator{display:none}.result-card{box-shadow:none;border:1px solid #ccc;background:white;color:black}.result-row,.result-row strong,.result-row.highlight span,.result-row.highlight strong{color:black}.offer-box{background:#f5f5f5}.offer-box strong{color:black}.result-kicker{color:black}}