.employer-comparison-panel[data-v-e48dc98f]{margin-bottom:18px}:root{--navy:#123d68;--navy-dark:#0b2947;--blue:#eaf3fb;--green:#13795b;--green-soft:#e8f6f0;--yellow:#f6c945;--yellow-soft:#fff8dc;--red:#b42318;--ink:#17212b;--muted:#617181;--line:#d9e1e8;--surface:#fff;--background:#f3f6f9;--shadow:0 12px 30px #123d681a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(180deg, #eaf2f8 0, var(--background) 240px);margin:0}button,input,select{font:inherit}.shell{width:min(1040px,100% - 32px);margin:0 auto;padding:32px 0 44px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 4px 28px;display:flex}.eyebrow{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--navy-dark);letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(2rem,5vw,3.35rem);line-height:1.03}.subtitle{max-width:680px;color:var(--muted);margin-bottom:0;font-size:1.05rem}.hero-badge{white-space:nowrap;color:var(--navy);background:#ffffffb8;border:1px solid #b9cee0;border-radius:999px;padding:9px 13px;font-size:.82rem;font-weight:700}.panel,.metric-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.panel{padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading h2{color:var(--navy-dark);margin:0;font-size:1.22rem}.text-button{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:6px;font-weight:700}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}label>span{color:#354454;margin-bottom:7px;font-size:.86rem;font-weight:750;display:block}input,select{width:100%;height:46px;color:var(--ink);background:#fff;border:1px solid #bfcbd6;border-radius:10px;outline:none}input:focus,select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #123d681f}select{padding:0 12px}.money-input,.percent-input{align-items:center;display:flex;position:relative}.money-input span,.percent-input span{color:var(--muted);pointer-events:none;position:absolute}.money-input span{left:13px}.money-input input{padding:0 12px 0 30px}.percent-input span{right:13px}.percent-input input{padding:0 32px 0 12px}.field-help{color:var(--navy);margin-top:7px;font-size:.76rem;font-weight:700;display:block}.salary-prompt{border-radius:12px;animation:1.7s ease-in-out infinite salaryPulse}.salary-prompt input{border-color:var(--navy);box-shadow:0 0 0 4px #123d6821}.salary-prompt input::placeholder{color:#496781;opacity:1}@keyframes salaryPulse{0%,to{box-shadow:0 0 #123d681a}50%{box-shadow:0 0 0 7px #123d6829}}@media (prefers-reduced-motion:reduce){.salary-prompt{animation:none}}.assumption{color:var(--muted);margin:16px 0 0;font-size:.82rem}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.metric-card{padding:22px}.metric-label{color:var(--muted);margin-bottom:9px;font-size:.86rem;font-weight:700}.metric-value{letter-spacing:-.035em;margin-bottom:4px;font-size:clamp(1.8rem,4vw,2.55rem);font-weight:850}.metric-detail{color:var(--muted);margin-bottom:0;font-size:.88rem}.raise-card{border-top:5px solid var(--navy)}.premium-card{border-top:5px solid var(--yellow)}.net-card{border-top:5px solid var(--green)}.net-card.negative{border-top-color:var(--red)}.net-card.negative .metric-value{color:var(--red)}.net-card:not(.negative) .metric-value{color:var(--green)}.comparison-panel{margin-bottom:18px}.comparison-row{justify-content:space-between;align-items:baseline;gap:20px;padding:11px 0;display:flex}.comparison-row span{color:var(--muted)}.comparison-row strong{text-align:right}.divider-top{border-top:1px solid var(--line);margin-top:7px;padding-top:17px}.highlight-row strong{color:var(--navy)}.bar-wrap{margin-top:12px}.bar-track{background:#e6ebef;border-radius:999px;height:13px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--yellow));width:0%;height:100%;transition:width .25s}.bar-labels{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:.75rem;display:flex}.table-panel details summary{cursor:pointer;color:var(--navy-dark);font-size:1.05rem;font-weight:800}.table-scroll{margin-top:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:11px 12px}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}th{color:#435261;text-transform:uppercase;letter-spacing:.03em;background:#f6f8fa;font-size:.78rem}footer{color:var(--muted);text-align:center;padding:24px 4px 0;font-size:.78rem}@media (width<=850px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-grid{grid-template-columns:1fr}}@media (width<=540px){.shell{width:min(100% - 20px,1040px);padding-top:12px}.hero{flex-direction:column;gap:14px}.hero-badge{align-self:flex-start}.panel{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr}.comparison-row{align-items:flex-start}}.stepper{align-items:center;max-width:720px;margin:0 auto 22px;padding:0 12px;display:flex}.step-item{color:#82909d;white-space:nowrap;align-items:center;gap:9px;display:flex}.step-item span{background:#fff;border:2px solid #c7d1da;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:grid}.step-item strong{font-size:.86rem;font-weight:800}.step-item.active{color:var(--navy)}.step-item.active span{border-color:var(--navy);background:var(--navy);color:#fff}.step-item.complete{color:var(--green)}.step-item.complete span{border-color:var(--green);background:var(--green);color:#fff}.step-line{background:#cfd8df;flex:1;height:2px;margin:0 12px}.wizard-step[hidden]{display:none!important}.wizard-step.active{animation:.24s ease-out stepIn}@keyframes stepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-kicker{color:var(--navy);letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:800}.wizard-step>h2,.results-heading-panel h2{color:var(--navy-dark);margin-bottom:8px;font-size:1.55rem}.step-description{max-width:680px;color:var(--muted);margin-bottom:24px}.single-field{max-width:530px;margin-top:26px;display:block}.single-field .money-input input{height:58px;font-size:1.25rem}.field-error{color:var(--red);margin-top:8px;font-size:.8rem;font-weight:700;display:block}.options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-actions{justify-content:space-between;gap:12px;margin-top:26px;display:flex}.wizard-actions.right{justify-content:flex-end}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;min-height:46px;padding:0 20px;font-weight:800}.primary-button{border:1px solid var(--navy);background:var(--navy);color:#fff}.primary-button:hover{background:var(--navy-dark)}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{color:var(--navy);background:#fff;border:1px solid #bfcbd6}.results-heading-panel{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.results-heading-panel .step-description{margin-bottom:0}.reset-button{white-space:nowrap}@media (width<=700px){.step-item strong{display:none}.step-line{margin:0 7px}.options-grid{grid-template-columns:1fr}.results-heading-panel{flex-direction:column;align-items:flex-start}.reset-button{width:100%}}.detail-head,.detail-row{grid-template-columns:minmax(190px,1.4fr) minmax(115px,.7fr) minmax(135px,.8fr);align-items:baseline;gap:18px;padding:11px 0;display:grid}.detail-head{color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;padding-top:0;font-size:.76rem}.detail-head strong,.detail-row strong{text-align:right}.detail-row span{color:var(--muted)}.detail-row.divider-top{border-top:1px solid var(--line);margin-top:7px;padding-top:17px}.net-detail-row{color:var(--green);font-weight:800}.net-detail-row span{color:inherit}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}@media (width<=620px){.detail-head{display:none}.detail-row{grid-template-columns:1fr 1fr;gap:6px 12px}.detail-row span{grid-column:1/-1;font-weight:750}.detail-row strong:before{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.detail-row strong:nth-child(2):before{content:"Annual"}.detail-row strong:nth-child(3):before{content:"Per pay"}}.ess-help{background:#eef6fc;border:1px solid #b9cee0;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 6px;padding:16px 18px;display:flex}.ess-help div{gap:3px;display:grid}.ess-help strong{color:var(--navy-dark);font-size:.94rem}.ess-help span{color:var(--muted);font-size:.84rem}.ess-button{border:1px solid var(--navy);min-height:42px;color:var(--navy);background:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.ess-button:hover{background:var(--navy);color:#fff}@media (width<=650px){.ess-help{flex-direction:column;align-items:stretch}.ess-button{width:100%}}#step2 .ess-help{margin:4px 0 24px}.ess-results-panel{margin-bottom:18px;padding:0;overflow:hidden}.ess-results-panel .ess-help{border:0;border-radius:0;margin:0}
