/* salarydataapi.com /pricing (approved 27 Oct 2026). Shared tokens in site.css, the plan cards and answers in home.css. */
.phero{position:relative;overflow:hidden;padding:56px 0 64px}
.phero .glow{position:absolute;width:900px;height:900px;left:50%;margin-left:-450px;top:-520px;background:radial-gradient(closest-side,rgba(44,229,196,.10),transparent);pointer-events:none}
.phero .wrap{position:relative}
.phead{display:flex;align-items:flex-end;gap:24px;margin-bottom:28px}
.phead .hero-title{max-width:640px}
.phead .sub{margin:16px 0 0;color:var(--ink-2);font-size:16px;max-width:600px}
.phero .bill{margin-left:auto}
.phero .plan{background:var(--surface)}
.phero .pnote{color:var(--ink-3)}

.cmp{padding-top:72px;padding-bottom:72px}
.ctab{overflow:hidden}
.ptbl{width:100%;table-layout:fixed}
.ptbl th,.ptbl td{text-align:center}
.ptbl th:first-child,.ptbl td:first-child{text-align:left;width:30%}
.ptbl thead th{font:500 15px var(--f-head);font-stretch:112%;color:var(--ink);height:52px;background:var(--surface)}
.ptbl thead th.top{color:var(--acc)}
.ptbl td{white-space:normal;height:48px}
.ptbl td.g{color:var(--ink-3)}
.ptbl tr.grp td{height:40px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:var(--bg);text-align:left}
.ptbl td .y{color:var(--acc)}.ptbl td .n{color:var(--line-2)}
.ptbl td:nth-child(5){background:var(--acc-soft)}
.ptbl tr.grp td:nth-child(5){background:var(--bg)}
.ptbl tfoot td{height:76px;border-bottom:0}
.ptbl tfoot .btn{min-width:0;width:calc(100% - 8px);box-sizing:border-box}

.fit{padding-top:72px;padding-bottom:72px}
.fgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.sl{margin:0 0 22px}
.slh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;color:var(--ink-2)}
.slh b{font:400 22px var(--f-ui);color:var(--ink)}
.sl input{width:100%;accent-color:#2CE5C4}
.tg{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:8px;align-items:center}
.tg span{color:var(--ink-2);font-size:14px;margin-right:4px}
.tg button{height:38px;border-radius:var(--r);border:1px solid var(--line-2);background:none;color:var(--ink-2);font:400 13px var(--f-ui);cursor:pointer;white-space:nowrap}
.tg button[aria-pressed=true]{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}
.pick{padding:24px;min-height:420px;display:flex;flex-direction:column}
.pick .k{display:block;font-size:12px;color:var(--ink-3)}
.ph2{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 18px}
.ph2 b{font:500 34px var(--f-head);font-stretch:112%}.ph2 span{color:var(--ink-2)}
.meter{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mh{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);margin-bottom:8px}
.mbar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.mbar i{display:block;height:100%;border-radius:4px;background:var(--d1);transition:width .35s ease}
.why{list-style:none;margin:16px 0;padding:0;font-size:14px;color:var(--ink-2)}
.why li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:6px 0}
.why li i{font-style:normal;color:var(--acc)}
.pf{display:flex;align-items:flex-end;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.pf b{display:block;font:400 26px var(--f-ui)}
.pf .btn{margin-left:auto}

.bill2{padding-top:72px;padding-bottom:72px}
.bgrid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;margin-bottom:24px}
.bill2 .qa{margin-top:18px}
.bcards{display:grid;gap:12px;align-content:start;padding-top:54px}
.bc{padding:18px 20px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px}
.bc .ic{width:36px;height:36px;border-radius:var(--r);background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center}
.bc b{display:block;font-weight:400;color:var(--ink);margin-bottom:2px}.bc span{font-size:14px;color:var(--ink-2)}
.bc a{color:var(--acc)}
.bill2 .ucta .btns{display:flex;gap:10px;margin-left:auto}

@media (max-width:1100px){.fgrid2,.bgrid2{grid-template-columns:minmax(0,1fr)}.bcards{padding-top:0}}
@media (max-width:900px){.phead{flex-direction:column;align-items:flex-start}.phero .bill{margin-left:0}.ptbl th:first-child,.ptbl td:first-child{width:36%}.ptbl thead th{font-size:13px}.ptbl td{font-size:13px}}
@media (max-width:640px){.phero .bill{width:100%;grid-template-columns:1fr 1fr}.tg{grid-template-columns:repeat(2,minmax(0,1fr))}.tg span{grid-column:1/-1}
.ptbl td,.ptbl th{padding:0 4px}.ptbl tfoot{display:none}.pf{flex-direction:column;align-items:stretch}.pf .btn{margin-left:0;width:100%;box-sizing:border-box}
.bill2 .ucta{flex-direction:column;align-items:stretch}.bill2 .ucta .btns{flex-direction:column;margin-left:0}.bill2 .ucta .btn{width:100%;box-sizing:border-box}}
.ptbl .sh{display:none}@media (max-width:640px){.ptbl .lg{display:none}.ptbl .sh{display:inline;white-space:nowrap}.ptbl td{font-size:12px}.ptbl thead th{font-size:12px}}
.plan.match{box-shadow:inset 0 0 0 1px var(--acc);border-color:var(--acc)}