/* AI Hiring Index. Warm canvas, white cards, black pills, one electric accent, a pastel tint per function. */
/* Fonts are served from this site (SIL Open Font License, fonts/OFL.txt): no request to Google, and /assets/ is cached
   for a year, so a changed font file needs a new file name. The Fallback faces are Georgia and Arial scaled to the
   same text width as the web fonts (measured over the site's own headings and job titles), so text does not re-wrap
   when the web font swaps in. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-4.001-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-1.000-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif Fallback";src:local("Georgia");size-adjust:75.9%;ascent-override:130.4%;descent-override:40.8%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:105.8%;ascent-override:91.5%;descent-override:22.8%;line-gap-override:0%}
:root{
  --paper:#f7f6f2;--paper-2:#ffffff;--paper-3:#eeece6;--paper-4:#e6e3db;--ink:#171614;--ink-2:#44474f;--mute:#5f636d;--line:#e6e4de;--line-2:#d4d1c8;
  --accent:#146ef5;--accent-ink:#0b4fb8;--accent-soft:#e3eefe;--lime:#d9f035;--lime-ink:#4c5a04;--amber:#8a4a0f;--amber-soft:#fdeedd;
  --link:#0b4fb8;--field:#8a857b; /* text links and form-field borders: 4.5:1 and 3:1 (WCAG AA) on every light background */
  --t-research:#eae4ff;--t-engineering:#d7ebfe;--t-infra:#d9f5e6;--t-data:#fdf0c2;--t-product:#ffd7cf;--t-gtm:#ccf3fb;--t-ops:#eee9df;--t-other:#eff1f3;
  --radius:18px;--radius-s:12px;--pill:999px;
  --shadow:0 1px 2px rgba(23,22,20,.04),0 12px 32px -20px rgba(23,22,20,.28);--shadow-hover:0 2px 4px rgba(23,22,20,.05),0 20px 44px -22px rgba(23,22,20,.35);
  --serif:"Instrument Serif","Instrument Serif Fallback",Georgia,"Times New Roman",serif;--sans:Inter,"Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1140px;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--paper:#111213;--paper-2:#1a1b1e;--paper-3:#222428;--paper-4:#2a2d32;--ink:#f1efe9;--ink-2:#c9c7c0;--mute:#9a9ea7;--line:#2a2c31;--line-2:#3a3d44;
  --accent:#6ea6ff;--accent-ink:#a9c8ff;--accent-soft:#182742;--lime:#c6dd2c;--lime-ink:#e8f59a;--amber:#e0a35b;--amber-soft:#2b2214;--link:#6ea6ff;--field:#747882;
  --t-research:#2b2546;--t-engineering:#1d2c3f;--t-infra:#1c3328;--t-data:#3a3418;--t-product:#3f2622;--t-gtm:#1a3339;--t-ops:#2b2924;--t-other:#26282c;
  --shadow:0 1px 0 rgba(0,0,0,.35),0 14px 30px -20px rgba(0,0,0,.8);--shadow-hover:0 2px 0 rgba(0,0,0,.4),0 22px 44px -22px rgba(0,0,0,.85)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);font-feature-settings:"cv11","ss01","tnum";-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}
.skip{position:absolute;left:16px;top:-80px;z-index:40;background:var(--ink);color:var(--paper-2);padding:10px 16px;border-radius:var(--radius-s);font-weight:600}.skip:focus{top:12px}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.12}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,68px);letter-spacing:-.015em;line-height:1.02;margin:6px 0 14px;text-wrap:balance}
h2{font-size:26px;margin:44px 0 12px;letter-spacing:-.02em}h3{font-size:18px;margin:24px 0 8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
main{padding:36px 24px 72px}
.lead{color:var(--ink-2);font-size:19px;line-height:1.5;max-width:760px;margin:0 0 24px;text-wrap:pretty}
.small{color:var(--mute);font-size:13.5px}
code{font-family:var(--mono);font-size:12.5px;background:var(--paper-3);padding:2px 6px;border-radius:6px}
pre{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px;overflow-x:auto}pre code{background:none;padding:0}
::selection{background:var(--lime);color:#171614}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}

/* header */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--serif);font-size:24px;letter-spacing:-.01em;white-space:nowrap}
.brand:hover{text-decoration:none}
.logo{width:30px;height:30px;border-radius:9px;background:var(--ink);display:grid;place-items:center;color:var(--lime)}
.logo svg{width:18px;height:18px}
nav{display:flex;gap:2px;align-items:center}
nav a{padding:8px 12px;border-radius:var(--pill);color:var(--ink-2);font-weight:500;font-size:14.5px}
nav a:hover{background:var(--paper-3);color:var(--ink);text-decoration:none}
nav a.pro{color:var(--ink);font-weight:600}
nav a.cta,.btn{background:var(--ink);color:var(--paper-2)!important;padding:10px 18px;border-radius:var(--pill);font-weight:600;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);cursor:pointer;font-size:14.5px;font-family:inherit;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover,nav a.cta:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-hover)}
.btn.big{padding:14px 24px;font-size:16px}
.btn.ghost{background:transparent;color:var(--ink)!important;border-color:var(--line-2)}.btn.ghost:hover{border-color:var(--ink);background:var(--paper-2)}
.btn.accent{background:var(--accent);border-color:var(--accent)}.btn.accent:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
.btn.lime{background:var(--lime);color:#171614!important;border-color:var(--lime)}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:var(--pill);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink)}
.menu summary::-webkit-details-marker{display:none}
.menu .sheet{position:absolute;left:0;right:0;top:68px;background:var(--paper-2);border-bottom:1px solid var(--line);padding:10px 24px 18px;display:grid;gap:2px;box-shadow:var(--shadow)}
.menu .sheet a{padding:12px 6px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500;font-size:16px}
.menu .sheet a:last-child{border-bottom:0}

/* eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
.eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 35%,transparent)}

/* hero */
.hero{display:grid;grid-template-columns:1fr;gap:20px;text-align:center;justify-items:center;padding:40px 0 20px}
.hero>div{max-width:820px}
.hero h1{font-size:clamp(44px,7.2vw,84px);margin:0 0 18px}
.hero .lead{margin:0 auto 26px;font-size:20px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 40px}
@media(max-width:720px){.stats{grid-template-columns:1fr 1fr}}
.stats div{padding:20px 20px 18px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line);position:relative;overflow:hidden}
.stats div:nth-child(1){background:var(--t-research)}.stats div:nth-child(2){background:var(--t-infra)}.stats div:nth-child(3){background:var(--t-data)}.stats div:nth-child(4){background:var(--t-product)}
.stats b{display:block;font-family:var(--serif);font-weight:400;font-size:44px;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.stats span{display:block;color:var(--ink-2);font-size:13.5px;margin-top:8px}.stats span a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.stats svg.spark{display:block;width:100%;height:22px;margin-top:10px}
.bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin:0 0 40px}
@media(max-width:900px){.bento{grid-template-columns:1fr}}
.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px;box-shadow:var(--shadow);text-align:left}
.panel h2,.panel h3{margin:0 0 4px;font-size:16px}.panel .sub{color:var(--mute);font-size:13px;margin:0 0 14px}
.panel .mini{width:100%;height:96px;display:block}
.panel ol{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.panel li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14.5px;border-top:1px solid var(--line);padding-top:8px}
.panel li b{font-weight:600}.panel li span{color:var(--mute);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.panel .more{display:block;text-align:left;margin-top:14px;font-weight:600;font-size:14px}
.panel.tint-a{background:var(--t-gtm)}.panel.tint-b{background:var(--t-engineering)}.panel.tint-c{background:var(--t-research)}
.panel .kpi{font-family:var(--serif);font-size:40px;line-height:1;letter-spacing:-.02em;margin:6px 0 2px}

/* strips */
.teaser,.signup,.procta{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 18px;background:var(--paper-2)}
.teaser a{white-space:nowrap;font-weight:600}
.procta{border-color:transparent;background:var(--t-engineering)}
.signup{background:#171614;color:#f1efe9;border-color:#2a2c31;padding:24px 26px}
.signup b{color:#fff}.signup a{color:var(--lime)}
.signup form{display:flex;gap:8px;flex-wrap:wrap}.signup input{font:inherit;padding:11px 14px;border:1px solid transparent;border-radius:var(--pill);background:#fff;color:#171614;min-width:250px}
.signup input:focus{outline:2px solid var(--lime);border-color:transparent}
.signup .btn{background:var(--lime);color:#171614!important;border-color:var(--lime)}
.signup .btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
.featured{border:1px solid transparent;background:var(--t-product);border-radius:var(--radius);padding:18px 22px;margin:0 0 18px}
.featured.empty{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.featured h2{margin:0 0 8px;font-size:12px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em}
.featured .jobs{margin:0}.featured .job{background:color-mix(in srgb,#fff 70%,transparent);border-color:transparent}
.sponsor{font-size:13px;color:var(--mute);margin:6px 0 14px}

/* filters */
.filters{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}
.search{position:relative}.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mute)}
#q{width:100%;font:inherit;font-size:17px;padding:14px 16px 14px 46px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper);color:var(--ink)}
#q:focus{outline:2px solid var(--accent);border-color:transparent;background:var(--paper-2)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}
.chip{font:inherit;font-size:13.5px;padding:7px 12px;border-radius:var(--pill);border:1px solid var(--line-2);background:var(--paper-2);color:var(--ink-2);cursor:pointer;line-height:1.2;transition:transform .12s}
.chip b{color:var(--mute);font-weight:500;margin-left:5px;font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--ink);transform:translateY(-1px)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.chip.on b{color:var(--paper-2);opacity:.75}
.selects{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
select{font:inherit;font-size:14px;padding:9px 32px 9px 13px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6f7a' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink);max-width:230px;appearance:none;-webkit-appearance:none}
.tog{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--ink-2)}.tog input{accent-color:var(--accent)}
.linkbtn{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:6px;font-weight:500}
.count{color:var(--mute);font-size:13px;margin-top:10px;min-height:1.2em;font-variant-numeric:tabular-nums}

/* job rows */
.jobs{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.job{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:16px 18px;display:grid;gap:6px;transition:border-color .15s,transform .15s,box-shadow .15s}
.job:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.jobs>.job{content-visibility:auto;contain-intrinsic-size:auto 120px} /* rows below the fold skip layout and paint until scrolled to */
.job.feat{border-color:transparent;background:var(--t-product)}
.jt{font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}.jt:hover{color:var(--link);text-decoration:none}
.jm{color:var(--mute);font-size:14px}.jc{font-weight:600;color:var(--ink-2)}.jl:before{content:"· "}
.det{font-size:12.5px;line-height:1.2;color:var(--mute);display:inline-block;padding:5px 6px;margin:-5px 0 -5px 0;text-decoration:underline dotted var(--line-2);text-underline-offset:3px}.det:hover{color:var(--link)} /* 25px tap target, same line height */
.jp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}
.pill{font-size:12.5px;padding:3px 10px;border-radius:var(--pill);border:1px solid var(--line);color:var(--mute);background:transparent;line-height:1.5}
.pill.cat{color:var(--ink);border-color:transparent;background:var(--t-other);font-weight:500}
.cat-research{background:var(--t-research)!important}.cat-engineering{background:var(--t-engineering)!important}.cat-infrastructure{background:var(--t-infra)!important}.cat-data{background:var(--t-data)!important}.cat-product-design{background:var(--t-product)!important}.cat-go-to-market{background:var(--t-gtm)!important}.cat-operations{background:var(--t-ops)!important}
.chip.cat-research:not(.on),.chip.cat-engineering:not(.on),.chip.cat-infrastructure:not(.on),.chip.cat-data:not(.on),.chip.cat-product-design:not(.on),.chip.cat-go-to-market:not(.on),.chip.cat-operations:not(.on){border-color:transparent;color:var(--ink)}
.pill.sal{color:var(--ink);border-color:var(--line-2);font-weight:600;font-variant-numeric:tabular-nums;background:var(--paper-2)}
.pill.gold{color:var(--amber);border-color:transparent;background:var(--amber-soft);font-weight:600}
[data-abv]:not([data-abv="0"]){display:none} /* A/B variants rendered by the build: the head script shows the drawn one before first paint */
.age{margin-left:auto;color:var(--mute);font-size:12.5px;font-variant-numeric:tabular-nums}
.more{text-align:center;margin:22px 0}
.about{margin-top:56px;border-top:1px solid var(--line);padding-top:28px;color:var(--ink-2)}.about h2{color:var(--ink);font-size:22px;margin-top:8px}

/* grids, cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:16px 18px;display:grid;gap:3px;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:var(--line-2);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card b{font-weight:600}.card span{color:var(--mute);font-size:13.5px}

/* pricing */
.pricing{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:26px;align-items:start}@media(max-width:720px){.pricing{grid-template-columns:1fr}}
.plan{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative}
.plan.alt{background:transparent;box-shadow:none;border-color:transparent}.plan h2{margin-top:0;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.plan.alt h2{color:var(--ink);text-transform:none;letter-spacing:-.02em;font-size:22px}
.price{font-family:var(--serif);font-size:52px;letter-spacing:-.02em;line-height:1;margin:8px 0 14px}
.plan ul{padding:0;margin:0 0 22px;list-style:none;display:grid;gap:9px}
.plan li{position:relative;padding-left:28px;color:var(--ink-2);font-size:15px}
.plan li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23146ef5' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.plan .btn{margin-right:8px;margin-bottom:8px}
.pricing.three{grid-template-columns:1fr 1.08fr 1fr}@media(max-width:900px){.pricing.three{grid-template-columns:1fr}}
.plan.hi{border:2px solid var(--ink);box-shadow:var(--shadow-hover)}
.plan.hi h2{color:var(--ink)}
.plan.hi::before{content:"Most desks";position:absolute;top:-13px;left:24px;background:var(--lime);color:#171614;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:var(--pill)}
.anchor{margin-top:18px}
.notice{margin-top:18px;padding:12px 14px;border:1px solid transparent;background:var(--amber-soft);border-radius:var(--radius-s)}
.faq dt{font-weight:600;margin-top:16px}.faq dd{margin:4px 0 0;color:var(--ink-2)}
.plan .team{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}.plan .team a{font-weight:600}
.plan .trial{margin:-4px 0 18px;padding:10px 14px;border-radius:var(--radius-s);background:var(--t-infra);color:var(--ink);font-size:14px}
.featured.example{margin:6px 0 10px;padding:12px 14px}.featured.example h2{font-size:12px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.plan .featured.example li{padding-left:0}.plan .featured.example li:before{display:none}

/* charts and tables */
.chart{margin:20px 0;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 12px;box-shadow:var(--shadow)}
.chart figcaption{font-weight:600;font-size:14.5px;margin-bottom:10px;color:var(--ink)}
.chart svg{width:100%;height:auto;display:block}.chart .base{stroke:var(--line-2);stroke-width:1}
.chart .val{font-size:12px;fill:var(--ink);font-weight:600}.chart .axis{font-size:11px;fill:var(--mute)}
.chart .bar:hover rect{opacity:.75}.chart details{margin-top:8px;font-size:13px;color:var(--mute)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}@media(max-width:720px){.two{grid-template-columns:1fr}}
.hbars{display:grid;gap:7px}.hrow{display:grid;grid-template-columns:132px 1fr 46px;gap:8px;align-items:center;font-size:13px}
.hl{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb{height:10px;background:var(--paper-3);border-radius:5px;overflow:hidden}.hb i{display:block;height:100%;background:var(--accent);border-radius:5px}.hv{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.tw{overflow-x:auto;margin:10px 0 6px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper-2);box-shadow:var(--shadow)}
table.t{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
table.t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--paper-2);position:sticky;top:0}
table.t td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}table.t tr:last-child td{border-bottom:0}table.t tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}
table.cmp th:first-child{text-transform:none;font-size:14px;color:var(--ink);letter-spacing:0;width:40%;font-weight:500}
h2 .n{display:inline-block;font-size:12px;background:var(--paper-3);color:var(--ink-2);border-radius:var(--pill);padding:3px 10px;margin-left:8px;vertical-align:middle;font-weight:600}
.gate{font-size:13.5px;color:var(--ink-2);background:var(--t-data);border:1px solid transparent;border-radius:var(--radius-s);padding:10px 14px}
.dl{font-size:14px}.desc{max-width:760px;line-height:1.65}.desc p{margin:0 0 12px}
.report h1{font-size:32px}.report h2{font-size:19px;margin-top:22px}.report ul{padding-left:20px}.report li{margin:4px 0}ul.plain{padding-left:18px}ul.plain li{margin:6px 0}

/* footer */
.foot{margin-top:56px;border-top:1px solid var(--line);background:var(--paper-3);padding:40px 24px 48px;color:var(--mute);font-size:13.5px}
.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;margin-bottom:24px}
@media(max-width:720px){.foot .cols{grid-template-columns:1fr 1fr}}
.foot .fh{margin:0 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.foot a{color:var(--ink-2)}.foot a:hover{color:var(--link)}
.foot .brand{font-size:21px;margin-bottom:8px}.foot p{margin:0 0 6px;max-width:520px}
.foot .signup{margin:0 0 28px}
.hidden{display:none}

/* header on small screens: below 900px the secondary links move into the menu, below 640px everything does */
@media(max-width:900px){nav a.sec{display:none}nav{margin-left:auto}.menu{display:block}}
@media(max-width:640px){.top .wrap{height:60px}.brand{font-size:20px}.brand .logo{width:26px;height:26px}nav{display:none}.menu{display:block}.menu .sheet{top:60px}
  .hero{padding:22px 0 10px}.hero h1{font-size:clamp(38px,11vw,48px)}.hero .lead{font-size:17px}
  .hero-cta .btn{padding:11px 14px;font-size:14.5px;text-align:center}.hero-cta .btn.accent,.hero-cta .btn.big{flex:1 1 100%;justify-content:center}.hero-cta .btn.ghost{flex:1 1 calc(50% - 5px);justify-content:center}
  .stats b{font-size:34px}main{padding:24px 18px 56px}.wrap{padding:0 18px}}
.cobox{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:6px 0 22px;max-width:760px}.cobox p{margin:4px 0 0;color:var(--ink-2);font-size:14px}.cobox .links{display:flex;gap:12px;font-weight:600;font-size:13.5px}
.preview{display:block;margin:10px 0 18px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--paper-2)}.preview img{display:block;width:100%;height:auto}
@media(max-width:600px){.chart .axis.alt{display:none}.chart .axis{font-size:15px}.chart .val{font-size:16px}}
.table-filter{font:inherit;font-size:14px;padding:9px 14px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper-2);color:var(--ink);width:100%;max-width:360px;margin:6px 0 8px}

.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:18px 0 4px;padding:16px 0 4px;border-top:1px solid var(--line)}
.mini-stats h2,.mini-stats h3{grid-column:1/-1;margin:0 0 2px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.mini-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mini-stats span{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.plans{width:100%;border-collapse:collapse;margin:8px 0 6px;font-size:14px}
.plans th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:8px 12px;border-bottom:1px solid var(--line)}
.plans th:nth-child(2),.plans th:nth-child(3){width:26%}
.plans td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.plans td:first-child{color:var(--ink)}
.plans td.yes{color:var(--accent-ink);font-weight:600}
.plans td.no{color:var(--mute)}
.plans td:nth-child(3){background:var(--paper-2)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
@media(max-width:720px){.plans{min-width:640px}}
.report-offer{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid transparent;border-radius:var(--radius);padding:18px 22px;margin:6px 0 22px;background:var(--t-data)}.report-offer div{max-width:720px;color:var(--ink-2)}
.salcheck{border:1px solid transparent;border-radius:var(--radius);background:var(--t-engineering);padding:18px 22px;margin:6px 0 18px}.salcheck form{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}.salcheck select,.salcheck input{font:inherit;padding:10px 14px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper-2);color:var(--ink)}.salcheck input{min-width:220px}

.scorecard{margin:18px 0}
.scorecard .mini-stats{grid-template-columns:repeat(3,1fr);border-top:0;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 16px;background:var(--paper-2);box-shadow:var(--shadow)}
.scorecard .mini-stats>div{position:relative}
@media (max-width:560px){.scorecard .mini-stats{grid-template-columns:1fr 1fr}}
.locked>b{filter:blur(6px);user-select:none;pointer-events:none}
.locked::after{content:"Pro";position:absolute;top:6px;right:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#171614;background:var(--lime);border-radius:var(--pill);padding:2px 8px}
table.t tr.fresh td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
table.t tr.fresh td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.since{color:var(--accent-ink);font-weight:600}

.mfilter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper-2)}
.mfilter .lbl{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.mfilter input{font:inherit;font-size:14px;padding:7px 12px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper);color:var(--ink);min-width:160px}
.mfilter .chip{font:inherit;font-size:12.5px;padding:5px 11px}
.mfilter .chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}
.mfilter .btn.small{padding:6px 12px;font-size:12.5px}
tr.mf-hide{display:none}
.spark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-1px;color:var(--accent-ink)}

.share{color:var(--mute)}.share a{font-weight:600}
.linkbtn{font:inherit;font-size:inherit;font-weight:600;color:var(--accent-ink);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

[id]{scroll-margin-top:80px}

.embedbox{margin:14px 0;border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 14px;background:var(--paper-2)}
.embedbox summary{cursor:pointer;font-weight:600;font-size:14px}
.embedbox pre{overflow-x:auto;font-size:12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 10px}

.addco{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.addco input{font:inherit;font-size:14px;padding:10px 14px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper-2);color:var(--ink);flex:1 1 220px}
.addco p{flex-basis:100%;margin:2px 0 0}
.nf-search{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;max-width:620px}.nf-search input{font:inherit;font-size:16px;padding:11px 16px;border:1px solid var(--field);border-radius:var(--pill);background:var(--paper-2);color:var(--ink);flex:1 1 240px}

/* page headers and motion */
.pagehead{padding:8px 0 6px}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn,.job,.card,.chip{transition:none}}

.panel.stack li{display:block}.panel.stack li b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel.stack li span{display:block;white-space:normal;margin-top:2px}

h1.jobtitle{font-size:clamp(30px,4.4vw,48px);line-height:1.08}

.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:22px auto 0;max-width:820px;font-size:13.5px;color:var(--mute)}
.logos .lbl{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;color:var(--mute);align-self:center}
.logos a{color:var(--ink-2);font-weight:600}.logos a:hover{color:var(--link);text-decoration:none}