:root{--deep-ink:#101c2c;--warm-ivory:#f8f6f1;--white:#fff;--antique-gold:#b89555;--gold-text:#7a5c2e;--error:#9a3324;--border:#d9d2c4;--radius:12px}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--warm-ivory);color:var(--deep-ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}#app{max-width:560px;margin:0 auto;padding:1.5rem 1.25rem 4rem}@media (width>=640px){#app{padding-top:3rem;padding-bottom:5rem}}.app-header{margin-bottom:2rem}.wordmark{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.page-title{margin:0 0 .5rem;font-size:1.6rem;font-weight:700}.page-context{color:#454f5f;margin:0}form{flex-direction:column;gap:1.75rem;display:flex}.field-group{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}fieldset.field-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);padding:1rem}legend{padding:0 .25rem;font-weight:600}label{font-weight:600}.field-intro{color:#454f5f;margin:0 0 .25rem;font-size:.9rem}.field-help{color:#454f5f;margin:.25rem 0 0;font-size:.85rem}.field-error{min-height:1.1em;color:var(--error);margin:0;font-size:.85rem;font-weight:600}.field-error:empty{display:none}.field-status{border-radius:8px;margin:.5rem 0 0;padding:.75rem;font-size:.9rem}.field-status-blocked{border:1px solid var(--antique-gold);color:var(--deep-ink);background:#f1e6d8}.money-input{border:1px solid var(--border);background:var(--white);border-radius:8px;align-items:center;min-height:44px;display:flex}.money-input-prefix{color:#454f5f;font-variant-numeric:tabular-nums;padding:0 0 0 .9rem}.money-input input,input[type=text]{font-variant-numeric:tabular-nums;width:100%;min-height:44px;color:var(--deep-ink);background:0 0;border:none;padding:.65rem .9rem;font-size:1rem}input[type=text]{border:1px solid var(--border);border-radius:8px}.money-input input{border:none;border-radius:0;padding-left:.25rem}input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--antique-gold);outline-offset:2px}label:has(input:focus-visible){outline:3px solid var(--antique-gold);outline-offset:2px}input[aria-invalid=true]{border-color:var(--error)}.radio-option{border-bottom:1px solid #eee6d8;align-items:flex-start;gap:.75rem;padding:.5rem 0;display:flex}.radio-option:last-of-type{border-bottom:none}.radio-option input[type=radio]{width:22px;min-width:22px;height:22px;accent-color:var(--deep-ink);margin-top:.15rem}.radio-option label{cursor:pointer;width:100%;min-height:44px;padding:.4rem 0;display:block}.radio-option-label{font-weight:600;display:block}.radio-option-description{color:#454f5f;margin:.2rem 0 0;font-size:.88rem;font-weight:400}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.assumptions{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);color:#454f5f;padding:1rem;font-size:.9rem}.assumptions h2{color:var(--deep-ink);margin:0 0 .5rem;font-size:1rem}.assumptions p{margin:0 0 .5rem}.assumptions p:last-child{margin-bottom:0}.calculate-button{background:var(--deep-ink);min-height:48px;color:var(--warm-ivory);cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1.05rem;font-weight:700}.calculate-button:hover{background:#1c2c42}.result-region:empty{display:none}.result-region{flex-direction:column;gap:1.5rem;margin-top:2.5rem;display:flex}.result-hero{background:var(--deep-ink);color:var(--warm-ivory);border-radius:var(--radius);text-align:center;padding:1.5rem}.hero-label{text-transform:uppercase;letter-spacing:.06em;color:var(--antique-gold);margin:0;font-size:.85rem}.hero-value{font-variant-numeric:tabular-nums;margin:.4rem 0;font-size:2.4rem;font-weight:700}.hero-subline{color:#cdd4de;font-variant-numeric:tabular-nums;margin:0}.hero-range{color:#cdd4de;margin:.35rem 0 0;font-size:.85rem}.composition-details{text-align:left;margin-top:1rem}.composition-details summary{cursor:pointer;color:var(--antique-gold);align-items:center;min-height:44px;font-weight:600;display:flex}.composition-list{grid-template-columns:1fr auto;gap:.25rem 1rem;margin:.5rem 0 0;font-size:.9rem;display:grid}.composition-list dt{color:#cdd4de}.composition-list dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.employer-ni-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.employer-ni-label{margin:0;font-weight:600}.employer-ni-value{font-variant-numeric:tabular-nums;margin:.35rem 0;font-size:1.5rem;font-weight:700}.employer-ni-note{color:#454f5f;margin:0;font-size:.85rem}.monthly-breakdown h2{margin:0 0 .25rem;font-size:1.1rem}.month-card{background:var(--white);border:1px solid var(--border);border-radius:10px;margin-bottom:.6rem;overflow:hidden}.month-card-summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.85rem 1rem;list-style:none;display:flex}.month-card-summary::-webkit-details-marker{display:none}.month-card-label{flex:auto;font-weight:600}.month-card-note{color:var(--gold-text);font-size:.8rem;font-weight:600}.month-card-net-pay{font-variant-numeric:tabular-nums;font-weight:700}.month-card-detail{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:.35rem 1rem;margin:0;padding:.75rem 1rem 1rem;font-size:.92rem;display:grid}.month-card-detail dt{color:#454f5f}.month-card-detail dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.result-error-panel{background:var(--white);border:1px solid var(--error);border-radius:var(--radius);padding:1.25rem}.result-error-panel p{margin:0 0 .5rem}.result-error-panel p:last-child{margin-bottom:0}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:560px;margin:0 auto;padding:1.25rem 1.25rem 0;display:flex}.site-wordmark{letter-spacing:.08em;text-transform:uppercase;color:var(--deep-ink);font-size:.9rem;font-weight:700;text-decoration:none}.site-nav{gap:1.25rem;display:flex}.site-nav a{color:var(--deep-ink);font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{text-decoration:underline}.site-footer{border-top:1px solid var(--border);color:#454f5f;max-width:560px;margin:2.5rem auto 0;padding:1.25rem 1.25rem 3rem;font-size:.82rem}.site-footer-line{margin:0 0 .35rem}.site-footer-nav{margin:.75rem 0 0}.site-footer-nav a{color:var(--gold-text)}.homepage-main{max-width:560px;margin:0 auto;padding:2rem 1.25rem 1rem}.homepage-hero{margin:0 0 .75rem;font-size:1.6rem;font-weight:700}.homepage-description{margin:0 0 1.5rem}.homepage-cta{background:var(--deep-ink);color:var(--white);border-radius:var(--radius);padding:.85rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.homepage-trust{color:#454f5f;margin:1.5rem 0 0;font-size:.85rem}.privacy-main,.error-main{max-width:640px;margin:0 auto;padding:2rem 1.25rem 1rem}.privacy-main h1,.error-main h1{font-size:1.5rem}.privacy-main h2{margin-top:2rem;font-size:1.05rem}.privacy-main p,.privacy-main li{font-size:.95rem}.field-error-summary{color:var(--error);font-weight:600}.checkbox-option{align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.checkbox-option input[type=checkbox]{width:22px;min-width:22px;height:22px;accent-color:var(--deep-ink)}.checkbox-option label{cursor:pointer;font-weight:400}select{border:1px solid var(--border);background:var(--white);width:100%;min-height:44px;color:var(--deep-ink);border-radius:8px;padding:.65rem .9rem;font-size:1rem}select[aria-invalid=true]{border-color:var(--error)}