*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #09090b;--bg-secondary: #111113;--bg-card: #18181b;--bg-card-hover: #1e1e22;--border: #27272a;--border-light: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59,130,246,.15);--accent-subtle: rgba(59,130,246,.08);--purple: #8b5cf6;--cyan: #06b6d4;--emerald: #10b981;--amber: #f59e0b;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--max-width: 1200px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.narrow{max-width:780px;margin:0 auto}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--purple) 50%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 30px var(--accent-glow)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0 2.5rem}.brand{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.brand span{color:var(--accent)}.hero{position:relative;padding:4rem 1.5rem 2rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:900px;height:500px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);filter:blur(40px)}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 40%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 40%,transparent 75%);opacity:.5}.hero-content{position:relative;z-index:1;max-width:800px}.breadcrumb{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.breadcrumb a{color:var(--text-secondary)}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.15;margin-bottom:1.25rem}.hero-lede{font-size:1.1rem;color:var(--text-secondary);max-width:700px;line-height:1.75}.section-divider{max-width:var(--max-width);margin:0 auto;border:none;border-top:1px solid var(--border)}.calc-section{padding:3rem 1.5rem}.calc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:2.25rem}.question{padding:1.25rem 0;border-bottom:1px solid var(--border)}.question:last-of-type{border-bottom:none;padding-bottom:.5rem}.question label.q{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.85rem}.question .hint{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.85rem;line-height:1.5}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.options.full{grid-template-columns:1fr}.opt{display:block;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem;cursor:pointer;font-size:.93rem;color:var(--text-secondary);transition:all .2s ease;user-select:none}.opt:hover{border-color:var(--border-light);color:var(--text-primary)}.opt input{display:none}.opt.selected{background:var(--accent-subtle);border-color:var(--accent);color:var(--text-primary)}.opt.selected:after{content:" ✓";color:var(--accent);font-weight:700}.result-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-hover) 100%);border:1px solid var(--accent);border-radius:14px;padding:2.5rem;margin-top:2.5rem;box-shadow:0 0 40px var(--accent-glow);display:none}.result-card.visible{display:block}.result-card .label{display:block;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.result-card .total{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:700;line-height:1.1;margin-bottom:.5rem;color:var(--text-primary)}.result-card .total .unit{font-size:1.1rem;font-weight:500;color:var(--text-muted)}.result-card .qualifier{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.result-card .breakdown{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.result-card .breakdown h4{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.result-card .breakdown-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.93rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.result-card .breakdown-row:last-child{border-bottom:none;font-weight:600;color:var(--text-primary)}.result-card .next{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem}.result-card .next h4{font-family:var(--font-display);font-size:1.02rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.result-card .next p{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin-bottom:1rem}.result-card .next ul{margin:.5rem 0 1rem 1.25rem;color:var(--text-secondary);font-size:.93rem}.result-card .next ul li{margin-bottom:.35rem}.result-card .actions{display:flex;gap:.75rem;flex-wrap:wrap}.savings{display:inline-block;background:#10b9811f;color:var(--emerald);font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:.45rem .85rem;border-radius:8px;margin-bottom:1.5rem}.caveat{font-size:.83rem;color:var(--text-muted);margin-top:1.25rem;line-height:1.55}.explain{padding:3rem 1.5rem}.explain h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.explain p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1rem}.explain a{color:var(--accent);border-bottom:1px solid rgba(59,130,246,.3)}footer.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:600px){.options{grid-template-columns:1fr}.calc-card{padding:1.5rem}}