:root{--ink:#111315;--muted:#5d646c;--line:#d9e0e3;--paper:#fbfaf7;--white:#fff;--teal:#0f8b8d;--teal-deep:#075b5d;--coral:#e85d4f;--amber:#c68a25;--violet:#5b4b8a;--graphite:#20272b;--mint:#dff5ee;--steel:#eef3f4;--shadow:0 24px 70px #13212624}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}main{overflow-x:clip}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #0f8b8d73}.skip-link{top:calc(12px + env(safe-area-inset-top));z-index:20;background:var(--ink);color:var(--white);border-radius:8px;padding:10px 14px;font-weight:900;position:fixed;left:12px;transform:translateY(-140%)}.skip-link:focus-visible{transform:translateY(0)}.hero-section{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:clamp(24px,5vw,72px);min-height:82vh;padding:28px clamp(18px,5vw,76px) 56px;display:grid;position:relative}.hero-media{z-index:-2;background:linear-gradient(90deg,#fbfaf7f2 0%,#fbfaf7bd 42%,#fbfaf726 100%),url(/hero-payroll-audit.png) 100%/cover no-repeat;position:absolute;inset:0}.hero-media:after{content:"";background:linear-gradient(180deg, #fbfaf700, var(--paper));height:28%;position:absolute;inset:auto 0 0}.topbar{top:calc(24px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #1113151f;border-radius:999px;gap:8px;padding:6px;display:flex;position:absolute;right:clamp(18px,5vw,76px)}.brand-lockup{top:calc(24px + env(safe-area-inset-top));color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #11131521;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:950;display:inline-flex;position:absolute;left:clamp(18px,5vw,76px)}.brand-lockup span{background:var(--ink);color:var(--white);border-radius:999px;padding:5px 8px;font-size:.76rem}.brand-lockup strong{letter-spacing:.08em}.topbar a{color:#2d3439;border-radius:999px;padding:9px 15px;font-size:.9rem;font-weight:700}.topbar a:hover{background:var(--ink);color:var(--white)}.hero-content{width:min(760px,100%);padding-top:84px}.hero-verdict{width:min(430px,100%);color:var(--white);background:linear-gradient(135deg,#111315f5,#20272beb),linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/18px 18px;border:1px solid #11131524;border-radius:8px;align-self:end;gap:12px;padding:24px;display:grid;box-shadow:0 28px 70px #11131547}.hero-verdict p,.receipt-kicker{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:950}.hero-verdict>strong{font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,4.2rem);line-height:.92}.hero-verdict>span{color:#ffffffbd;font-weight:800}.verdict-ledger{background:#ffffff24;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.verdict-ledger div{background:#ffffff14;gap:8px;min-width:0;padding:13px;display:grid}.verdict-ledger small{color:#ffffff9e;font-weight:800}.verdict-ledger b{overflow-wrap:break-word;font-variant-numeric:tabular-nums;font-size:1.05rem}.eyebrow{color:var(--teal-deep);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}h1,h2{letter-spacing:0;text-wrap:balance;max-width:980px;margin:0;line-height:.98}h1{font-size:clamp(3.2rem,8vw,7.7rem)}h2{font-size:clamp(2rem,3.8vw,3.6rem)}.hero-lede,.section-heading p{color:var(--muted);font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.65}.hero-lede{max-width:650px;margin:28px 0 0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:900;display:inline-flex}.primary-action{background:var(--ink);color:var(--white)}.secondary-action{background:#ffffffb3;border:1px solid #1113152e}.tool-section,.inflation-section,.method-section,.detail-band{padding:86px clamp(18px,5vw,76px)}.tool-section,.method-section{background:var(--paper)}.section-heading{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:end;gap:28px;margin-bottom:38px;display:grid}.section-heading.compact{margin-bottom:26px;display:block}.section-heading p{margin:0}.calculator-layout,.inflation-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.control-panel,.results-panel{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #1113151a;border-radius:8px}.control-panel{align-content:start;gap:22px;padding:22px;display:grid}.control-panel.slim{box-shadow:none}.field{gap:9px;display:grid}.field span,.field small{color:#31383d;font-size:.9rem;font-weight:850}.field small{color:var(--muted);font-size:.82rem;font-weight:700;line-height:1.45}.field input,.field select{border:1px solid var(--line);background:var(--white);width:100%;min-height:48px;color:var(--ink);border-radius:8px;padding:0 13px;font-weight:800}.salary-range{width:100%;accent-color:var(--teal)}.year-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.year-grid button{border:1px solid var(--line);background:var(--white);min-height:38px;color:var(--muted);cursor:pointer;border-radius:8px;font-weight:800}.year-grid button:hover{color:var(--ink);border-color:#1113154d}.year-grid button:active{transform:translateY(1px)}.year-grid button.active{border-color:var(--ink);background:var(--ink);color:var(--white)}.results-panel{padding:18px}.receipt-panel{color:var(--white);background:linear-gradient(135deg,#20272bfa,#0f5b5deb),repeating-linear-gradient(0deg,#0000,#0000 11px,#ffffff0f 12px);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:center;gap:18px;margin-bottom:18px;padding:20px;display:grid}.receipt-panel h3{text-wrap:balance;max-width:560px;margin:10px 0 0;font-size:clamp(1.45rem,2.4vw,2.45rem);line-height:1.03}.receipt-stack{gap:10px;display:grid}.receipt-slice{background:#ffffff1f;border-radius:8px;min-height:58px;display:grid;position:relative;overflow:hidden}.receipt-slice>span{min-width:2px;position:absolute;inset:0 auto 0 0}.receipt-slice div{z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.receipt-slice strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.receipt-slice small{color:#ffffffb8;font-weight:850}.receipt-net>span{background:var(--teal)}.receipt-worker>span{background:var(--coral)}.receipt-company>span{background:var(--amber)}.metrics-grid,.comparison-grid,.breakdown-grid,.method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric,.breakdown-card,.method-grid article{background:var(--white);border:1px solid #1113151a;border-radius:8px;min-height:136px;padding:18px}.metric{align-content:space-between;gap:18px;display:grid}.metric span,.breakdown-card span,.method-grid span,.bracket-item span{color:var(--muted);font-size:.84rem;font-weight:850}.metric strong,.breakdown-card strong,.method-grid strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1}.metric-positive{background:var(--mint)}.metric-warning{background:#fff0df}.metric-loss{background:#fff0ed;border-color:#a9362b33}.flow-panel{color:var(--white);background:#172126;border-radius:8px;gap:17px;margin-top:18px;padding:20px;display:grid}.flow-row{gap:8px;display:grid}.flow-copy{color:#ffffffc2;justify-content:space-between;gap:16px;font-size:.92rem;font-weight:800;display:flex}.flow-copy strong{color:var(--white)}.flow-track{background:#ffffff1f;border-radius:999px;height:12px;overflow:hidden}.flow-track span{border-radius:inherit;background:#98a6aa;height:100%;display:block}.flow-cost .flow-track span{background:var(--amber)}.flow-tax .flow-track span{background:var(--coral)}.flow-net .flow-track span{background:var(--teal)}.detail-band,.inflation-section{background:var(--steel)}.breakdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.breakdown-card{background:#ffffffc7}.breakdown-card p{color:var(--muted);margin:18px 0 0;line-height:1.5}.bracket-strip{scrollbar-gutter:stable;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin-top:18px;padding-bottom:8px;display:grid;overflow-x:auto}.bracket-item{background:var(--white);border:1px solid #1113151a;border-radius:8px;gap:8px;min-height:86px;padding:14px;display:grid}.bracket-item strong{font-size:1.15rem}.inflation-layout{align-items:start}.delta-badge{background:var(--teal-deep);color:var(--white);border-radius:8px;gap:7px;padding:20px;display:grid}.delta-badge[data-loss=true]{background:#a9362b;box-shadow:0 18px 46px #a9362b38}.delta-badge span{color:#ffffffb8;font-weight:850}.delta-badge strong{font-variant-numeric:tabular-nums;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.delta-badge small{color:#ffffffc7;font-weight:800}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.method-grid article{align-content:space-between;min-height:124px;display:grid}@media (max-width:980px){.hero-section{grid-template-columns:1fr;min-height:86vh}.hero-media{background:linear-gradient(#fbfaf7f0,#fbfaf7b8),url(/hero-payroll-audit.png) 50%/cover no-repeat}.section-heading,.calculator-layout,.inflation-layout,.receipt-panel{grid-template-columns:1fr}.metrics-grid,.breakdown-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.topbar{top:calc(70px + env(safe-area-inset-top));justify-content:center;left:18px;right:18px}.brand-lockup{left:18px}.topbar a{padding:8px 10px;font-size:.82rem}.hero-section{align-items:end;min-height:auto;padding-top:120px;padding-bottom:42px}.hero-content{padding-top:0}h1{font-size:clamp(2.75rem,16vw,4.1rem)}.tool-section,.inflation-section,.method-section,.detail-band{padding:58px 18px}.metrics-grid,.comparison-grid,.breakdown-grid,.method-grid{grid-template-columns:1fr}.comparison-grid .metric{min-height:108px}.hero-verdict,.receipt-panel{padding:18px}.verdict-ledger{grid-template-columns:1fr}.receipt-slice div,.flow-copy{display:grid}.year-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
