*{box-sizing:border-box}:root{--accent:#4f46e5;--accent2:#06b6d4;--bg:#f4f6fb;--text:#111827;--muted:#6b7280}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--text)}.result .total{font-size:clamp(52px,10vw,76px);color:#4ade80;text-shadow:0 0 30px rgba(74,222,128,.35);letter-spacing:-1px}.wrap{max-width:1050px;margin:0 auto;padding:0 18px}.hero{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;padding:48px 0 90px}.badge{display:inline-block;background:#fff3;padding:6px 14px;border-radius:99px;font-size:14px}h1{font-size:clamp(26px,5vw,44px);margin:16px 0 10px;line-height:1.15}.hero p{margin:0;font-size:17px;opacity:.92;max-width:560px}.calc{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-top:-56px;align-items:start}.card{background:#fff;border-radius:22px;padding:26px;box-shadow:0 12px 40px #1e295a1f}.field+.field{margin-top:28px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600}.label-row output{color:var(--accent);font-weight:700}input[type=range]{width:100%;accent-color:var(--accent);height:6px}.num-row{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted)}.num-row input{width:120px;padding:10px 12px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px}.num-row input:focus{outline:none;border-color:var(--accent)}.options{display:grid;gap:10px}.opt input,.seg input{position:absolute;opacity:0;pointer-events:none}.opt>span{display:block;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:.2s}.opt b{display:block}.opt small{color:var(--muted);font-size:13px}.opt:hover>span{border-color:#c7c9f5}.opt input:checked+span{border-color:var(--accent);background:#eef0ff}.seg{display:grid;grid-template-columns:repeat(3,1fr);background:#eef0f6;border-radius:14px;padding:5px;gap:4px}.seg label{position:relative}.seg span{display:block;text-align:center;padding:12px 6px;border-radius:10px;cursor:pointer;font-weight:600;color:var(--muted);transition:.2s}.seg input:checked+span{background:#fff;color:var(--accent);box-shadow:0 2px 8px #0000001a}.opt input:focus-visible+span,.seg input:focus-visible+span{outline:3px solid var(--accent2)}.result{position:sticky;top:18px;background:linear-gradient(160deg,#1e1b4b,#312e81);color:#fff}.small{margin:0;opacity:.75}.total{font-size:clamp(40px,7vw,56px);font-weight:800;margin:6px 0;line-height:1.1;word-break:break-word}.range{margin:0 0 18px;opacity:.75;font-size:14px}.breakdown{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.2)}.breakdown li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15)}.note{font-size:13px;opacity:.65;margin:16px 0 0}.foot{text-align:center;color:var(--muted);padding:34px 18px;font-size:14px}@media(max-width:800px){.calc{grid-template-columns:1fr}.result{position:static}.hero{padding-bottom:80px}.card{padding:20px}}