:root{--bg:#0b1113;--panel:#14211b;--lime:#c7fa78;--text:#e9f0ec;--muted:#91a49a;--line:#ffffff16}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 4%,#234a343f,transparent 35%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}header,main,footer{max-width:1320px;margin:auto}header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:var(--lime)}nav{display:flex;gap:28px;font-size:13px;color:#9eb0a6}nav a[aria-current]{color:var(--lime)}.nav-cta{font-size:13px;border:1px solid #ffffff30;border-radius:50px;padding:14px 22px}.salary-hero{padding:75px 5% 35px;display:flex;justify-content:space-between;align-items:center;gap:30px}.eyebrow{display:block;font-size:10px;letter-spacing:2.7px;color:var(--lime);margin-bottom:25px}h1{font-weight:500;font-size:clamp(43px,5.3vw,72px);line-height:1.06;letter-spacing:-3.6px;margin:0 0 25px}h1 em{color:#cceda7;font-style:normal}p{font-size:14px;line-height:1.8;color:var(--muted)}.salary-hero p{max-width:570px;font-size:16px}.year-stamp{border:1px solid #c7fa7825;transform:rotate(5deg);border-radius:18px;width:175px;padding:25px;background:#b6ec6c07;flex-shrink:0}.year-stamp strong{display:block;font-size:52px;letter-spacing:-3px;color:var(--lime);font-weight:500}.year-stamp span{font-family:monospace;font-size:10px;line-height:1.7;display:block;color:#a1b790;margin-top:12px}.scope-banner{margin:0 5% 50px;border:1px solid #c7fa7822;background:#c7fa7805;padding:17px 22px;display:flex;align-items:center;gap:20px;border-radius:10px}.scope-banner>span{font-size:27px;color:var(--lime)}.scope-banner p{font-size:12px;margin:0;color:#a5b49e}.salary-layout{padding:0 5% 80px;display:grid;grid-template-columns:1fr 1.03fr;gap:65px;align-items:start}.control-heading,.result-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;margin-bottom:25px;color:#a5bd94}.control-heading button{background:none;color:#a4b19c;border:0;cursor:pointer;font-size:11px;letter-spacing:0}.live-dot{font-size:8px;color:#7b9970}.live-dot:before{content:'●';margin-right:6px;color:var(--lime)}label{display:block;color:#c7d4c9;font-size:12px;margin:0 0 11px}select,input[type=number]{background:#15221b;border:1px solid #819b6340;border-radius:8px;color:#e8efdf;padding:15px;width:100%;margin:0;font-size:14px}input[aria-invalid=true]{border-color:#f6a289}select{cursor:pointer}.field-note{display:block;font-size:11px;line-height:1.8;color:#829783;margin:10px 0 22px}.mode-group{border:0;padding:0;margin:26px 0}.mode-group legend{font-size:12px;color:#c7d4c9;margin-bottom:12px}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:5px;background:#15221b;border:1px solid #819b6340;border-radius:10px;gap:3px}.mode-tabs label{margin:0;cursor:pointer;position:relative}.mode-tabs input{position:absolute;opacity:0;width:1px}.mode-tabs span{display:block;padding:12px 5px;text-align:center;font-size:11px;border-radius:7px;white-space:nowrap}.mode-tabs input:checked+span{background:var(--lime);color:#1a2c15}.mode-tabs input:focus-visible+span{outline:2px solid white;outline-offset:2px}.amount-wrap{position:relative}.amount-wrap input{padding:21px 105px 21px 18px;font-size:36px;letter-spacing:-1px;background:#1b2c20}.amount-wrap>span{position:absolute;right:17px;top:35px;color:#8ba37a;font-size:9px;letter-spacing:1px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 28px}.presets button{background:transparent;color:#a4b994;font-size:10px;border:1px solid #829c6430;border-radius:30px;padding:8px 13px;cursor:pointer}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-fields>div{min-width:0}.two-fields label{min-height:27px;display:flex;align-items:end}.option-section{border-bottom:1px solid var(--line);padding:21px 0}.option-section:first-of-type{margin-top:15px;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary b{color:#b5d78d;font-size:16px;font-weight:400}details[open] summary b{transform:rotate(45deg)}.details-body{padding-top:24px}.details-body input[type=number]{margin-bottom:4px}.details-body>label:not(.check){margin-top:22px}.check{display:flex;align-items:start;gap:12px;font-size:12px;line-height:1.7;margin:18px 0 8px}.check input{margin-top:3px;accent-color:var(--lime);width:16px;height:16px;flex-shrink:0}.check span{color:#b8c9b0}.payslip{background:#f2f1e9;color:#24352a;border-radius:9px 9px 0 0;padding:32px 30px;position:relative;box-shadow:0 18px 50px #0004;font-variant-numeric:tabular-nums}.payslip:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:10px;background:linear-gradient(135deg,#f2f1e9 25%,transparent 25%) -5px 0,linear-gradient(225deg,#f2f1e9 25%,transparent 25%) -5px 0;background-size:20px 20px}.slip-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:30px;border-bottom:1px dashed #63725255}.slip-head b{font-size:21px;letter-spacing:-1px}.slip-head>span{font-family:monospace;font-size:9px;letter-spacing:.5px;color:#708169;text-align:right}.slip-kicker{display:block;font-family:monospace;font-size:10px;letter-spacing:2px;color:#738465;margin-top:30px}.net-display{display:flex;gap:10px;align-items:baseline;margin-top:12px}.net-display strong{font-size:clamp(35px,4.6vw,62px);letter-spacing:-3px;font-weight:500;line-height:1}.net-display>span{font-size:17px;color:#80916e}.net-sub{font-size:11px;line-height:1.7;color:#7a876e;margin:12px 0 20px}.allocation{display:flex;align-items:center;gap:22px;padding:25px 0;border-top:1px solid #63725220;border-bottom:1px solid #63725220}.donut{width:127px;height:127px;border-radius:50%;background:#cad3bc;display:grid;place-items:center;flex-shrink:0}.donut>div{width:93px;height:93px;background:#f2f1e9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.donut span{font-size:7px;letter-spacing:1px;color:#84916e}.donut strong{font-size:25px;font-weight:500;letter-spacing:-1px}.legend{flex:1;display:grid;gap:12px}.legend>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#64765c}.legend b{font-family:monospace;font-weight:400;color:#354a2b;margin-left:auto;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.net{background:#4d6e32}.dot.benefits{background:#a5c66d}.dot.state{background:#bcc4af}.dot.other{background:#e3b987}.slip-section-title{font-family:monospace;font-size:9px;letter-spacing:1px;color:#778666;margin:26px 0 10px}dl{margin:0}.result-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #63725216;padding:10px 0;font-size:11px;line-height:1.6}.result-line dt{color:#607253}.result-line dd{margin:0;white-space:nowrap;font-family:monospace;color:#304826}.result-line.muted dt,.result-line.muted dd{color:#8c977f;font-size:10px}.cost-total{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:23px 0 16px;border-top:1px dashed #63725255;margin-top:22px;font-size:12px}.cost-total strong{font-size:25px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.package-total{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#738165}.package-total b{font-family:monospace;font-weight:400;white-space:nowrap}.slip-foot{font-size:9px;color:#8b947f;margin:22px 0 0;line-height:1.8}.result-actions{display:flex;gap:10px;margin-top:30px}.result-actions button{flex:1;border:1px solid #b9d69b30;border-radius:30px;padding:15px 13px;background:transparent;color:#c7dcad;font-size:11px;cursor:pointer}.result-actions button:first-child{background:var(--lime);color:#203415;font-weight:bold}.messages{font-size:11px;line-height:1.8;color:#b3c5a8}.messages p{color:inherit;font-size:11px;border-left:2px solid #8da968;padding-left:12px}.messages.errors{color:#ffc1a8}.messages.errors p{border-color:#b57757}#empty-result{border:1px dashed #84976f50;background:#19301c50;padding:35px;border-radius:14px}#empty-result>span{font-size:40px;color:var(--lime)}#empty-result h2{font-size:30px;letter-spacing:-1px}h2{font-size:clamp(32px,4vw,50px);letter-spacing:-2px;line-height:1.12;font-weight:500;margin:0 0 24px}.methodology{padding:30px 5% 70px;border-top:1px solid var(--line)}.methodology>.eyebrow{margin-top:35px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.method-grid h3{font-size:18px;font-weight:500}.method-grid p,.methodology details p{font-size:12px}.methodology details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:20px}.methodology summary{font-size:14px}.legal-sources{display:grid;gap:12px;margin-top:25px;font-size:11px;line-height:1.8;color:#a3bc87}.legal-sources>span{font-size:9px;letter-spacing:1px;color:#71836a;margin-bottom:5px}.salary-cta{margin:0 5% 60px;padding:40px;background:#d5f0a9;border-radius:18px;color:#253d20;display:flex;align-items:center;justify-content:space-between;gap:30px}.salary-cta h2{font-size:34px;margin:0}.salary-cta a{font-size:12px;border:1px solid #344a2a60;border-radius:40px;padding:15px 20px;white-space:nowrap}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:11px;color:#82947c}footer .brand{font-size:20px}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}@media(max-width:1000px){.salary-layout{gap:30px}.payslip{padding:26px 22px}.allocation{gap:15px}.donut{width:105px;height:105px}.donut>div{width:77px;height:77px}.donut strong{font-size:22px}.legend>span{font-size:9px}.nav-cta{display:none}.year-stamp{width:140px;padding:20px}.year-stamp strong{font-size:44px}}@media(max-width:720px){header{flex-wrap:wrap;gap:22px}.brand{font-size:25px}nav{gap:18px;font-size:11px;flex-wrap:wrap}.salary-hero{padding-top:45px}.year-stamp{display:none}h1{font-size:48px;letter-spacing:-2.5px}.salary-layout{grid-template-columns:1fr;padding-bottom:50px}.scope-banner{margin-bottom:30px}.two-fields{gap:12px}.salary-result{margin-top:12px}.payslip{padding:28px 24px}.net-display strong{font-size:60px}.allocation{gap:25px}.donut{width:120px;height:120px}.donut>div{width:88px;height:88px}.legend>span{font-size:10px}.method-grid{grid-template-columns:1fr;gap:10px}.salary-cta{display:block;padding:30px}.salary-cta h2{font-size:31px;margin-bottom:25px}.salary-cta a{display:inline-block;white-space:normal}footer{flex-wrap:wrap}.mode-tabs span{font-size:10px}}@media(max-width:370px){h1{font-size:41px}.allocation{gap:12px}.donut{width:95px;height:95px}.donut>div{width:70px;height:70px}.legend>span{font-size:9px}.cost-total strong{font-size:21px}.amount-wrap input{font-size:30px}.payslip{padding:22px 18px}}@media print{body{background:white;color:black}header,.salary-hero,.scope-banner,#salary-form,.result-topline,.result-actions,.methodology,.salary-cta,footer,#salary-notes,#salary-status{display:none}.salary-layout{display:block;padding:0}.salary-result{max-width:600px;margin:auto}.payslip{box-shadow:none;background:#fff}.payslip:after{display:none}.donut>div{background:#fff}.salary-result .field-note{color:black}}