:root{font-family:Manrope,system-ui,sans-serif;color:#f7f8fb;background:#080b12;--accent:#8bffbd;--accent2:#78a7ff;--panel:#111621;--border:#232b3a;--muted:#929cad}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0,#172440 0,transparent 28%),radial-gradient(circle at 90% 10%,#133329 0,transparent 24%),#080b12}button,input,select{font:inherit}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--border);background:rgba(8,11,18,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:700 18px 'Space Grotesk'}.brand em{font:800 9px Manrope;color:var(--accent);border:1px solid #314139;border-radius:99px;padding:4px 7px;font-style:normal}.logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#07100b;background:linear-gradient(135deg,var(--accent),#caff8b);box-shadow:0 0 38px rgba(139,255,189,.22)}.logo-image{width:36px;height:36px;border-radius:11px;display:block;box-shadow:0 0 32px rgba(186,255,100,.18)}.header-actions{display:flex;gap:9px}.button{border:1px solid #30394a;border-radius:11px;padding:11px 15px;background:#171d29;color:#f7f8fb;font-weight:800;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px);border-color:#526078}.button.primary{background:var(--accent);border-color:var(--accent);color:#07110b}.button.ghost{background:transparent}.button.wide{width:100%;margin-top:18px}.hero{max-width:1360px;margin:auto;padding:68px 20px 32px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.eyebrow{display:inline-flex;padding:7px 11px;border:1px solid #344052;border-radius:99px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font:700 clamp(44px,6vw,78px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:23px 0 19px}.hero p{max-width:720px;color:#a0a9b8;line-height:1.7;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.chips span{font-size:11px;font-weight:700;padding:7px 10px;border:1px solid #293345;background:#111722;border-radius:99px;color:#b7c0ce}.hero-result{min-width:300px;border:1px solid #293345;background:linear-gradient(145deg,#172031,#10151f);border-radius:20px;padding:23px}.hero-result span,.hero-result small{color:#8e99aa}.hero-result strong{display:block;font:700 35px 'Space Grotesk';margin:11px 0 7px}.layout{max-width:1360px;margin:auto;padding:0 20px 22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:20px;align-items:start}.panel{background:rgba(17,22,33,.9);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.2)}.panel-title,.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title>div,.section-label{justify-content:flex-start}.panel-title>div{display:flex;align-items:center;gap:11px}.panel-title h2,.section-label h2{font:600 18px 'Space Grotesk';margin:0}.panel-title>div>span,.section-label>span{color:var(--accent);font:700 11px 'Space Grotesk'}.panel-title small{color:#778396}.section-label{margin-top:26px}.text-button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:7px;color:#929dad;font-size:11px;font-weight:800}input,select{width:100%;padding:12px;color:#f7f8fb;background:#0b1019;border:1px solid #283143;border-radius:10px;outline:none}input:focus,select:focus{border-color:#5da77d;box-shadow:0 0 0 3px rgba(139,255,189,.08)}.hint{color:#707c8e;font-size:11px;line-height:1.6;margin:18px 0 0}.results{position:sticky;top:94px}.live{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em}.score{padding:21px;border:1px solid #2b3940;border-radius:16px;background:linear-gradient(135deg,rgba(139,255,189,.12),rgba(120,167,255,.08))}.score span,.score small{color:#98a4b3}.score strong{display:block;font:700 35px 'Space Grotesk';margin:8px 0}.score.negative{border-color:#67343b;background:rgba(255,100,116,.08)}.score.negative strong{color:#ff8b98}.score.positive strong{color:var(--accent)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.metrics>div{padding:14px;border:1px solid #252f40;border-radius:12px;background:#0d121b}.metrics span{display:block;color:#7f8a9b;font-size:10px}.metrics strong{display:block;margin-top:7px;font:600 17px 'Space Grotesk'}.costs{margin-top:20px}.costs h3{font-size:12px;margin:0 0 12px}.cost-row{display:grid;grid-template-columns:110px 1fr 80px;align-items:center;gap:10px;margin:9px 0;color:#8d98a9;font-size:10px}.bar{height:5px;background:#202938;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:99px}.cost-row strong{text-align:right;color:#c8cfda;font-size:10px}.compare,.saved{max-width:1320px;margin:0 auto 20px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.market-card{border:1px solid #273143;border-radius:15px;padding:17px;background:#0d121b}.market-card.active{border-color:#5c9674;box-shadow:0 0 0 1px rgba(139,255,189,.15)}.market-card header{display:flex;justify-content:space-between;align-items:center}.market-card h3{font:600 15px 'Space Grotesk';margin:0}.market-card .pill{font-size:9px;padding:4px 7px;border-radius:99px;background:#1c2635;color:#9eabbc}.market-card strong{display:block;font:700 25px 'Space Grotesk';margin:18px 0 5px}.market-card small{color:#8490a2}.market-card .mini{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #232c3a;color:#8995a6;font-size:10px}.empty{text-align:center;color:#6f7a8b;padding:28px;border:1px dashed #2b3545;border-radius:13px}.table-wrap{overflow:auto}.saved table{width:100%;border-collapse:collapse;font-size:11px}.saved th{text-align:left;color:#707c8e;padding:10px;border-bottom:1px solid #283143}.saved td{padding:12px 10px;border-bottom:1px solid #202938}.saved td.positive{color:var(--accent)}.saved td.negative{color:#ff8b98}.delete-row{border:0;background:transparent;color:#7e8999;cursor:pointer;font-size:17px}footer{max-width:1360px;margin:auto;padding:18px 20px 45px;display:flex;justify-content:space-between;color:#687486;font-size:10px}@media(max-width:980px){.layout{grid-template-columns:1fr}.results{position:relative;top:0}.hero-result{display:none}}@media(max-width:720px){.topbar{height:66px;padding:0 12px}.header-actions .ghost{display:none}.hero{padding:44px 15px 25px}.hero h1{font-size:43px}.layout{padding:0 10px 18px}.panel{border-radius:15px;padding:18px}.grid.two,.grid.three{grid-template-columns:1fr}.compare,.saved{margin:0 10px 18px}.compare-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.cost-row{grid-template-columns:90px 1fr 70px}.brand em{display:none}footer{flex-direction:column;gap:8px;text-align:center}}@media print{@page{size:A4;margin:10mm}.topbar,.hero,.calculator,.compare,.saved,footer,.results .button{display:none!important}body{background:#fff;color:#111}.layout{display:block;padding:0}.results{display:block;background:#fff;color:#111;border:0;box-shadow:none}.score,.metrics>div,.market-card{background:#fff;color:#111}.cost-row{color:#333}}