:root{--bg:#f6f7fb;--card:#fff;--ink:#15171a;--muted:#69707d;--line:#e5e7ed;--accent:#111317;--soft:#f0f2f6;--green:#087a52;--shadow:0 22px 70px rgba(24,29,40,.08);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:850;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.logo{width:35px;height:35px;border-radius:11px;background:#111317;color:#fff;display:grid;place-items:center}.links{display:flex;align-items:center;gap:20px;font-size:14px}.links a{text-decoration:none;color:var(--muted)}.links a:hover{color:var(--ink)}
.hero{padding:52px 0 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--green);margin-bottom:14px}.hero h1{font-size:clamp(44px,6vw,75px);line-height:.96;letter-spacing:-.058em;margin:0 0 18px}.hero p.lead{font-size:20px;color:var(--muted);line-height:1.55;max-width:670px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chip{background:var(--soft);padding:8px 11px;border-radius:999px;font-size:12px;color:#525967}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.form{padding:24px;position:sticky;top:18px}.form h2{margin:2px 0 21px;font-size:20px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.money{position:relative}.money>span{position:absolute;left:14px;top:37px;color:#6d7380;font-weight:800}.money input{padding-left:31px}
input,select{width:100%;border:1px solid #d5d9e1;background:#fff;padding:12px 13px;border-radius:11px;font:inherit;outline:none}input:focus,select:focus{border-color:#8e949f;box-shadow:0 0 0 3px rgba(17,19,23,.05)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:9px;font-size:13px;margin:7px 0 16px}.check input{width:auto}
.btn{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:13px 15px;font:inherit;font-weight:800;cursor:pointer;width:100%}.btn.alt{margin-top:9px;background:var(--soft);color:var(--ink)}.fine{font-size:11.5px;color:var(--muted);line-height:1.55;margin-top:13px}
.results{display:grid;gap:12px;margin-top:28px}.result-main{padding:26px}.kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--muted)}.amount{font-size:50px;font-weight:870;letter-spacing:-.045em;margin:5px 0 4px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.stat{background:var(--soft);border-radius:14px;padding:14px}.stat small{display:block;color:var(--muted);margin-bottom:3px}.stat strong{font-size:20px;letter-spacing:-.03em}
.breakdown{padding:23px}.bar{height:12px;display:flex;overflow:hidden;border-radius:999px;background:#edf0f4;margin:15px 0}.bar div:nth-child(1){background:#1a1d22}.bar div:nth-child(2){background:#7f8793}.bar div:nth-child(3){background:#b3b8c0}.bar div:nth-child(4){background:#d2d5db}.line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.line:last-child{border:0}.compare{padding:23px}.compare-boxes{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:13px}.box{background:var(--soft);padding:15px;border-radius:14px}.delta{margin-top:13px;background:#edf8f3;color:var(--green);padding:13px;border-radius:12px;font-weight:800;font-size:14px}
.section{padding:48px 0}.section h2{font-size:34px;letter-spacing:-.04em;margin:0 0 12px}.section>.sub,.section .intro{color:var(--muted);max-width:700px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.feature{padding:20px}.feature h3{margin:0 0 7px;font-size:17px}.feature p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.page{padding:54px 0}.page h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.05em;margin:0 0 16px}.content{max-width:780px}.content p,.content li{color:#555d68;line-height:1.7}.content h2{margin-top:32px;letter-spacing:-.02em}.salary-hero{display:grid;grid-template-columns:1fr .8fr;gap:18px;align-items:start}.mini-card{padding:22px}.mini-number{font-size:40px;font-weight:850;letter-spacing:-.04em}
footer{border-top:1px solid var(--line);margin-top:50px;padding:28px 0 38px;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-links{display:flex;gap:14px}.foot a{text-decoration:none}
@media(max-width:860px){.hero,.salary-hero{grid-template-columns:1fr}.form{position:static}.stats{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.links a.hide-sm{display:none}}
@media(max-width:520px){.wrap{width:min(100% - 22px,1120px)}.hero{padding-top:28px}.hero h1{font-size:45px}.hero p.lead{font-size:17px}.grid2,.compare-boxes{grid-template-columns:1fr}.compare-boxes>span{text-align:center;transform:rotate(90deg)}.stats{grid-template-columns:1fr 1fr}.amount{font-size:42px}.links{gap:10px}}
@media print{.nav,.form,.section,footer{display:none}.hero{display:block;padding:0}.card{box-shadow:none}.wrap{width:100%}}