:root{
  --bg:#0a0c10;--raise:#10141c;--raise2:#151a24;--line:#1d2430;
  --ink:#e7ecf4;--ink2:#9aa4b6;--ink3:#7b86a0;
  --acc:#3ddc97;--acc-ink:#04130c;
  --r:6px;--r-tag:4px;--r-lg:8px;--gut:32px;
  --mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:dark}
body{background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink2);text-decoration:none}
a:hover{color:var(--ink)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
/* full-bleed content column for redesigned page types (32px page gutter) */
.bleed{padding:0 var(--gut)}
.main-wide{width:100%}
.mono{font-family:var(--mono)}
.acc{color:var(--acc)}
.tiny{font-size:13px;color:var(--ink3)}
.tiny a{color:var(--ink2);text-decoration:underline}

/* header */
.hd{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--gut)}
.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.5px}
.logomark{flex-shrink:0;display:block}
.logo-wm span{color:var(--acc)}
.logo-wm em{font-style:normal;color:var(--acc);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.logo-wm em{animation:none}}
.nav{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--ink2)}
.nav a:hover{color:var(--ink)}
.nav .cta{color:var(--ink);font-weight:500;background:var(--raise);border:1px solid var(--line);padding:8px 16px;border-radius:var(--r)}
.nav .cta:hover{color:var(--ink);border-color:var(--ink3)}

/* hero */
.hero{padding:44px 0 20px}
.hero.narrow{max-width:640px}
h1{font-size:clamp(26px,4.5vw,38px);line-height:1.12;letter-spacing:-.8px;font-weight:750}
.sub{margin-top:10px;color:var(--ink2);font-size:16.5px}
.sub b{color:var(--ink)}
.sub b.acc{color:var(--acc)}
.crumbs{font-size:13px;color:var(--ink3);margin-bottom:10px}
.crumbs a{color:var(--ink2)}

/* filters */
.filters{padding:8px 0 4px;position:sticky;top:60px;z-index:9;background:var(--bg)}
.filter-row{display:flex;gap:10px;align-items:stretch}
#q{flex:1;min-width:0;padding:12px 14px;font-size:15.5px;color:var(--ink);background:var(--raise);border:1px solid var(--line);border-radius:var(--r);outline:none}
#q:focus{border-color:var(--acc)}
#q::placeholder{color:var(--ink3)}
#sort{flex-shrink:0;padding:0 12px;font-size:14px;color:var(--ink);background:var(--raise);border:1px solid var(--line);border-radius:var(--r);outline:none;cursor:pointer;font-family:inherit}
#sort:focus{border-color:var(--acc)}
.pills{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 8px}
.pill{font-size:13.5px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--ink2);cursor:pointer;font-family:inherit}
.pill:hover{color:var(--ink);border-color:var(--ink3)}
.pill.on{background:var(--raise2);color:var(--ink);border-color:var(--acc)}

/* job rows — flat, divided list (redesign) */
.list{display:flex;flex-direction:column}
.row{display:flex;align-items:center;gap:14px;height:64px;padding:0 24px 0 29px;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:transparent;transition:background .13s ease}
.row:hover{background:var(--raise)}
.row-main{width:400px;flex:none;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}
.row-main strong{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-co{font-size:12.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-new{font-family:var(--mono);font-size:10.5px;color:var(--acc);letter-spacing:1px;width:30px;flex:none}
.row-remote{font-size:11.5px;color:var(--ink2);white-space:nowrap}
.row-sal{margin-left:auto;font-family:var(--mono);font-size:13.5px;color:var(--ink);white-space:nowrap}
.row-date{font-family:var(--mono);font-size:12px;color:var(--ink3);width:46px;text-align:right;flex:none}

/* loading skeletons — same 64px row geometry, shimmering blocks, no layout shift */
.skel-row{display:flex;align-items:center;gap:14px;height:64px;padding:0 24px 0 29px;border-bottom:1px solid var(--line);animation:cjShimmer 1.4s ease infinite}
.skel-row>span{display:block;background:var(--raise);border-radius:4px}
.skel-fav{width:20px;height:20px;flex:none}
.skel-tx{flex:1;display:flex;flex-direction:column;gap:6px;background:none!important}
.skel-l1{width:52%;height:11px}
.skel-l2{width:32%;height:9px}
.skel-tag{width:64px;height:16px;flex:none;border-radius:100px}
.skel-sal{width:70px;height:12px;flex:none;margin-left:auto}
@keyframes cjShimmer{0%,100%{opacity:.45}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.skel-row{animation:none;opacity:.6}}

/* save toast — fixed bottom-right, translateY+fade enter, auto-dismiss 1.8s */
.cj-toast{position:fixed;bottom:20px;right:20px;z-index:60;background:var(--raise2);border:1px solid var(--line);border-radius:var(--r);padding:12px 18px;font-family:var(--mono);font-size:12.5px;color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.5);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.cj-toast.in{opacity:1;transform:translateY(0);pointer-events:auto}
.cj-toast a{color:var(--ink2);text-decoration:underline}
.cj-toast a:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.cj-toast{transition:opacity .18s ease;transform:none}}
@media (max-width:900px){.cj-toast{left:16px;right:16px;bottom:16px;text-align:center}}

/* tags / chips (used in rows and across pages) */
.chip{font-size:11.5px;padding:3px 9px;border-radius:var(--r-tag);background:var(--raise2);border:1px solid var(--line);color:var(--ink2);white-space:nowrap}
.chip-r{color:var(--acc);border-color:rgba(61,220,151,.35)}
.chip-sal{color:var(--acc);border-color:rgba(61,220,151,.35);font-weight:600;letter-spacing:-.2px}
.chip-new{color:var(--acc-ink);background:var(--acc);border-color:var(--acc);font-weight:700;font-size:10.5px;letter-spacing:.04em}
/* bookmark star */
.bm{background:none;border:none;color:var(--ink3);font-size:15px;line-height:1;cursor:pointer;padding:4px;flex-shrink:0;transition:color .12s,transform .1s}
.bm:hover{color:var(--acc)}
.bm.on{color:var(--ink)}
.bm:active{transform:scale(1.25)}
.bm-lg{font-size:26px;margin-left:auto;align-self:flex-start}
.more-note{padding:16px 32px;color:var(--ink3);font-size:14px}

/* job detail */
.job{max-width:680px;padding-top:36px}
.job h1{margin:4px 0 8px}
.job-co{color:var(--ink2);font-size:15px}
.job-co a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink3)}
.job-sal{margin:10px 0 2px;font-size:18px;font-weight:650;color:var(--acc)}
.job-sal .tiny{font-weight:400;color:var(--ink3)}
.apply{display:inline-block;background:var(--acc);color:#0a0c10;font-weight:600;font-size:15px;padding:14px 28px;border-radius:var(--r)}
.apply:hover{filter:brightness(1.08);color:#0a0c10}
.apply-2{margin-top:8px}
.job-desc{margin-top:18px;padding:22px 24px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);color:var(--ink2);font-size:15px;line-height:1.62}
.job-desc>*+*{margin-top:12px}
.job-desc p{color:var(--ink2)}
.job-desc strong{color:var(--ink);font-weight:650}
.job-desc h3,.job-desc h4{color:var(--ink);line-height:1.3;margin-top:22px}
.job-desc h3{font-size:16.5px}
.job-desc h4{font-size:15px}
.job-desc ul,.job-desc ol{padding-left:22px}
.job-desc li{margin-top:6px}
.job-desc li::marker{color:var(--ink3)}
.job-desc .src-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.rel{padding:36px 0 10px}
.rel h3{font-size:17px;margin-bottom:4px}

/* subscribe strip (full-bleed) */
.sub-cta{border-top:1px solid var(--line);padding:40px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.sub-copy h3{font-size:18px;font-weight:600;margin-bottom:6px}
.sub-copy .tiny{color:var(--ink3);font-size:13.5px}
.digest{display:flex;gap:10px}
.digest input{width:320px;max-width:100%;height:48px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:0 16px;font-family:var(--mono);font-size:14px;color:var(--ink);outline:none}
.digest input:focus{border-color:var(--acc)}
.digest input::placeholder{color:var(--ink3)}
.digest button{height:48px;padding:0 24px;background:var(--raise2);color:var(--ink);border:1px solid var(--ink3);border-radius:var(--r);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}
.digest button:hover{border-color:var(--ink);color:var(--ink)}

/* first-visit nudge (home) */
.nudge{display:flex;align-items:center;gap:14px;padding:12px var(--gut);background:var(--raise2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12.5px}
.nudge .n-lead{color:var(--ink)}
.nudge .n-hint{color:var(--ink2)}
.nudge .n-hint kbd{border:1px solid var(--line);border-radius:3px;padding:1px 6px;font-family:var(--mono)}
.nudge .n-x{margin-left:auto;cursor:pointer;font-size:12px;color:var(--ink3);border:1px solid var(--line);border-radius:var(--r-tag);padding:4px 10px;background:none;font-family:var(--mono)}
.nudge .n-x:hover{color:var(--ink2);border-color:var(--ink3)}

/* keyboard hint bar (full-bleed, below the list) */
.kbbar{border-top:1px solid var(--line);background:var(--raise);height:40px;display:flex;align-items:center;justify-content:center;gap:24px;font-family:var(--mono);font-size:12px;color:var(--ink3)}
@media (hover:none){.kbbar{display:none}}

/* post-a-job form */
.jobform{display:flex;flex-direction:column;gap:14px;max-width:460px;margin-top:22px}
.jobform label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink2)}
.jobform input,.jobform select{padding:11px 13px;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;outline:none;font-family:inherit}
.jobform input:focus,.jobform select:focus{border-color:var(--acc)}
.jobform input::placeholder{color:var(--ink3)}
.jobform button{margin-top:4px;padding:13px 18px;font-size:15px;font-weight:650;background:var(--acc);color:var(--acc-ink);border:none;border-radius:10px;cursor:pointer}
.jobform button:hover{filter:brightness(1.08)}
.jobform button:disabled{opacity:.6;cursor:default}

/* prose */
.prose{margin-top:14px;display:flex;flex-direction:column;gap:14px;color:var(--ink2);font-size:16px}
.prose b{color:var(--ink)}
.prose a{color:var(--acc);text-decoration:underline;text-decoration-color:rgba(61,220,151,.4)}

/* footer */
.ft{margin-top:56px;border-top:1px solid var(--line);padding:40px 0 32px;font-size:14px}
.ft-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
.ft h4{font-family:var(--mono);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink3);margin-bottom:10px}
.ft a{display:block;color:var(--ink2);font-size:13.5px;padding:3px 0}
.ft a:hover{color:var(--ink)}
.ft-note{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;color:var(--ink3);font-size:12.5px;line-height:1.6}

@media (max-width:700px){
  .nav{gap:14px;font-size:13.5px}
  .nav-hide-sm{display:none}
  .ft-cols{grid-template-columns:1fr 1fr}
  .digest{flex-direction:column}
}
/* new flat rows on narrow: single line — favicon · title/company · salary · date · star */
@media (max-width:640px){
  .row{padding:0 var(--gut);gap:10px}
  .row-main{width:auto;flex:1}
  .row-new,.row-remote,.row .chip{display:none}
}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* audit additions */
/* favicon tile: 2-letter initials underlay + <img> on top (hidden on error) */
.clogo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;flex-shrink:0;background:var(--raise2);border:1px solid var(--line);overflow:hidden}
.clogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--raise2)}
.clogo img[hidden]{display:none}
.clogo-i{font-family:var(--mono);font-weight:700;font-size:9px;line-height:1;letter-spacing:.3px;color:var(--ink3);text-align:center}
.row .clogo{width:20px;height:20px;border-radius:4px;margin-right:0}

/* ============================ homepage (redesign) ============================ */
/* stat strip */
.statstrip{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border-bottom:1px solid var(--line)}
.statcell{padding:18px var(--gut);border-right:1px solid var(--line);display:flex;align-items:baseline;gap:12px}
.statcell:last-child{border-right:none;align-items:center}
.stat-num{font-family:var(--mono);font-size:30px;font-weight:500;color:var(--ink);letter-spacing:-.5px;line-height:1}
.stat-lbl{font-family:var(--mono);font-size:11.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.2px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--acc);flex:none;animation:cjPulse 2s infinite}
@keyframes cjPulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}

/* search + filter bar (sticky under header) */
.hfilter{position:sticky;top:64px;z-index:10;padding:16px var(--gut);display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line);background:var(--bg)}
.hfilter-top{display:flex;gap:12px}
.tsearch{flex:1;display:flex;align-items:center;gap:14px;height:56px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:0 20px;cursor:text}
.tsearch:focus-within{border-color:var(--acc)}
.tsearch-g{font-family:var(--mono);font-size:17px;color:var(--ink3)}
.tsearch input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--mono);font-size:17px;color:var(--ink)}
.tsearch input::placeholder{color:var(--ink3)}
.tsearch-k{font-family:var(--mono);font-size:12px;color:var(--ink3);border:1px solid var(--line);border-radius:var(--r-tag);padding:3px 8px}
.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hfilter-bot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fgroup{display:contents}
.ml-auto{margin-left:auto}
.microlabel{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.2px;margin-right:4px}
.fchip,.rchip,.schip,.mchip,.dchip{cursor:pointer;font-family:var(--mono);font-size:13px;color:var(--ink2);background:transparent;border:1px solid var(--line);border-radius:100px;padding:9px 16px;white-space:nowrap}
.rchip,.schip,.mchip,.dchip{font-family:inherit;font-size:12.5px;padding:6px 14px}
.fchip:hover,.rchip:hover,.schip:hover,.mchip:hover,.dchip:hover{color:var(--ink)}
/* ---- category filter dropdown (desktop popover / mobile bottom sheet) ---- */
.catdd{position:relative;margin-right:8px}
.catdd-trig{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);background:transparent;border:1px solid var(--line);border-radius:100px;padding:8px 14px;cursor:pointer;white-space:nowrap;font-family:var(--mono)}
.catdd-trig:hover{color:var(--ink);border-color:var(--ink3)}
.catdd-caret{color:var(--ink3);font-size:10px}
.catdd.non-default .catdd-trig{color:var(--ink);background:var(--raise2);border-color:var(--ink3)}
.catdd-scrim{display:none}
.catdd-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:340px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(0,0,0,.5);overflow:hidden;flex-direction:column;max-height:min(70vh,560px)}
.catdd.open .catdd-panel{display:flex}
.catdd-grab,.catdd-head{display:none}
.catdd-rows{overflow-y:auto;display:flex;flex-direction:column;min-height:0}
.catdd-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border:none;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;width:100%;font-family:inherit}
.catdd-row:last-child{border-bottom:none}
.catdd-row:hover{background:var(--raise2)}
.catdd-row.on{background:var(--raise2)}
.catdd-ck{width:14px;flex:none;font-size:12px;color:var(--acc);visibility:hidden}
.catdd-row.on .catdd-ck{visibility:visible}
.catdd-lbl{flex:none;width:150px;font-size:13.5px;color:var(--ink2);font-weight:400}
.catdd-row.on .catdd-lbl{color:var(--ink);font-weight:600}
.catdd-bar{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.catdd-bar>span{display:block;height:100%;background:var(--ink3);opacity:.6;border-radius:2px}
.catdd-ct{width:44px;flex:none;text-align:right;font-size:12px;color:var(--ink2)}
.fchip.on,.rchip.on,.schip.on,.mchip.on,.dchip.on{color:var(--ink);background:var(--raise2)}

/* main grid: list + proof rail */
.home-grid{display:grid;grid-template-columns:1fr 336px;align-items:start}
.home-list{border-right:1px solid var(--line);min-width:0}
/* featured pinned slot */
.featrow{height:78px;display:flex;align-items:center;gap:14px;padding:0 24px 0 32px;background:var(--raise2);border-bottom:1px solid var(--line)}
.featrow .clogo{width:26px;height:26px;border-radius:5px}
.featrow-main{width:400px;flex:none;display:flex;flex-direction:column;gap:3px;min-width:0}
.featrow-main strong{font-size:15.5px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featrow-main span{font-size:12.5px;color:var(--ink2)}
.feat-tag{font-family:var(--mono);font-size:10.5px;color:var(--ink);border:1px solid var(--ink3);border-radius:var(--r-tag);padding:3px 9px;letter-spacing:1.5px;white-space:nowrap}
.featrow .row-sal{font-size:14.5px}
/* list footer */
.listfoot{padding:20px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:16px}
.listfoot .shown{font-family:var(--mono);font-size:12.5px;color:var(--ink3)}
.load50{font-family:var(--mono);font-size:13px;color:var(--ink);border:1px solid var(--line);background:var(--raise);border-radius:var(--r);padding:10px 20px;cursor:pointer}
.load50:hover{border-color:var(--ink3)}
/* empty state */
.emptystate{padding:64px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
/* class display rules override the [hidden] attribute (UA rule loses to author);
   restore hidden for every flex/grid element that JS toggles via .hidden */
.emptystate[hidden],.list[hidden],.listfoot[hidden],.flow-step[hidden]{display:none}
.emptystate .es-1{font-family:var(--mono);font-size:15px;color:var(--ink2)}
.emptystate .es-2{font-size:13px;color:var(--ink3)}
.emptystate button,.emptystate a.es-btn{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font-size:13px;font-family:var(--mono);padding:10px 20px;cursor:pointer}
.emptystate button:hover,.emptystate a.es-btn:hover{border-color:var(--ink3);color:var(--ink)}
.emptystate .es-2 .mono{color:var(--ink2)}

/* proof rail */
.rail{position:sticky;top:178px;display:flex;flex-direction:column}
.rail-h{padding:20px 24px 12px;font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.rail-cos{padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rail-co{display:flex;align-items:center;gap:8px;background:var(--raise);border:1px solid var(--line);border-radius:5px;padding:9px 11px;transition:border-color .13s ease}
.rail-co:hover{border-color:var(--ink3)}
.rail-co .clogo{width:15px;height:15px;border-radius:3px}
.rail-co strong{font-size:12px;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rail-co .n{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink3)}
.rail-all{padding:8px 24px 0;font-family:var(--mono);font-size:11px;color:var(--ink3);text-align:right;display:block}
.rail-sal{margin:16px 24px 0;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.rail-sal .rail-h2{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.rail-sal-item span.range{font-family:var(--mono);font-size:14.5px;color:var(--ink);display:block}
.rail-sal-item span.role{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.rail-sal a{font-family:var(--mono);font-size:11.5px;color:var(--ink2)}
.rail-emp{margin:16px 24px 24px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.rail-emp .lbl{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.rail-emp p{font-size:13.5px;color:var(--ink);line-height:1.5}
.rail-emp a{align-self:flex-start;font-size:13px;font-weight:500;color:var(--ink);border:1px solid var(--ink3);border-radius:var(--r);padding:8px 16px;margin-top:4px}
.rail-emp a:hover{border-color:var(--ink);color:var(--ink)}

/* scoped listing template (category / eco / region / tag / seniority / remote / new) */
.scopehead{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-bottom:1px solid var(--line)}
.scopehead>div{padding:24px var(--gut)}
.scope-title{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.scope-title .crumb{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.scope-title .crumb a{color:var(--ink3)}
.scope-title .crumb a:hover{color:var(--ink2)}
.scope-title h1{font-size:26px;font-weight:650;color:var(--ink);letter-spacing:-.4px;line-height:1.12}
.scope-count{border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}
.scope-sync{display:flex;align-items:center;gap:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hub-intro{padding:22px var(--gut) 4px;max-width:80ch}
.hub-intro p{color:var(--ink2);font-size:15px;line-height:1.62;margin:0 0 12px}
.hub-intro p:last-child{margin-bottom:0}
.stats-lede{color:var(--ink2);font-size:15.5px;line-height:1.6;margin:0 0 20px;max-width:78ch}
.scopesearch{padding:16px var(--gut);border-bottom:1px solid var(--line)}
.tsearch-sm{height:52px}
.tsearch-sm .tsearch-g,.tsearch-sm input{font-size:16px}
.scopefoot{border-top:1px solid var(--line);padding:24px var(--gut);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.scopefoot .foot-copy{display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink3);max-width:70ch}
.scopefoot .foot-copy b{color:var(--ink2)}
.scopefoot .foot-copy .tag-rel{margin:0}
.scopefoot>a{font-size:13px;white-space:nowrap;flex:none}
@media (max-width:760px){
  .scopehead{grid-template-columns:1fr}
  .scope-title,.scope-count{border-right:none;border-bottom:1px solid var(--line)}
}

/* ============================ job detail (redesign) ============================ */
.jobd-crumb{padding:16px var(--gut);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12.5px;color:var(--ink3);display:flex;gap:8px;flex-wrap:wrap}
.jobd-crumb a{color:var(--ink3)}
.jobd-crumb a:hover{color:var(--ink2)}
.jobd-crumb .cur{color:var(--ink2)}
.jobd-grid{display:grid;grid-template-columns:1fr 384px;align-items:start}
.jobd-main{padding:40px 48px 64px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:32px;max-width:900px;min-width:0}
.jobd-titleblock{display:flex;flex-direction:column;gap:14px}
.jobd-co{display:flex;align-items:center;gap:12px}
.jobd-co .clogo{width:28px;height:28px;border-radius:6px}
.jobd-co .co-name{font-size:15px;font-weight:600;color:var(--ink)}
.jobd-co .co-new{font-family:var(--mono);font-size:10.5px;color:var(--acc);letter-spacing:1px}
.jobd-co .bm{margin-left:auto;font-size:22px}
.jobd-main h1{font-size:36px;font-weight:650;color:var(--ink);letter-spacing:-.8px;line-height:1.15}
.jobd-loc{font-size:14.5px;color:var(--ink2)}
.specblock{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.spec{padding:16px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px;background:var(--raise)}
.spec-k{font-family:var(--mono);font-size:10.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.2px}
.spec-v{font-family:var(--mono);font-size:15px;color:var(--ink);word-break:break-word}
.jobd-apply{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.apply-note{font-size:12.5px;color:var(--ink3);max-width:44ch}
.jobd-desc-label{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
/* right rail */
.rail-job{position:sticky;top:64px;padding:32px 32px 32px 24px;display:flex;flex-direction:column;gap:24px}
.jcard{background:var(--raise);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px}
.jcard-hd{display:flex;align-items:center;gap:10px}
.jcard-hd .clogo{width:22px;height:22px;border-radius:5px}
.jcard-hd .co-name{font-size:15px;font-weight:600;color:var(--ink)}
.jcard-hd .open{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--ink2)}
.jcard p{font-size:13px;color:var(--ink2);line-height:1.5}
.jcard>a{font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
.railsec{display:flex;flex-direction:column;gap:8px}
.railsec .rl{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.sc-blurb{font-size:13px;color:var(--ink2);line-height:1.6}
.sc-blurb .mono{color:var(--ink)}
.railsec>a{font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
.relcard{display:flex;flex-direction:column;gap:3px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.relcard strong{font-size:13.5px;font-weight:600;color:var(--ink)}
.relcard span{font-size:12px;color:var(--ink3)}
.jobd-foot{border-top:1px solid var(--line);padding:24px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:16px}
.jobd-foot>span{font-size:12.5px;color:var(--ink3)}
.jobd-foot>a{font-family:var(--mono);font-size:13px}
@media (max-width:820px){
  .jobd-grid{grid-template-columns:1fr}
  .jobd-main{border-right:none;max-width:none;padding:32px var(--gut)}
  .rail-job{position:static;border-top:1px solid var(--line);padding:32px var(--gut)}
  .jobd-main h1{font-size:28px}
}
@media (max-width:640px){.specblock{grid-template-columns:1fr 1fr}}

/* shared page footer strip (companies / salaries) */
.page-foot{border-top:1px solid var(--line);padding:24px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-foot>span{font-size:12.5px;color:var(--ink3)}
.page-foot>a{font-family:var(--mono);font-size:13px;white-space:nowrap}

/* ============================ companies (redesign) ============================ */
.co-head{padding:32px var(--gut) 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.co-head h1{font-size:26px;font-weight:650;color:var(--ink);letter-spacing:-.4px}
.co-head .co-sub{font-size:13.5px;color:var(--ink2);margin-top:6px;max-width:60ch}
.co-search{display:flex;align-items:center;gap:12px;width:380px;max-width:100%;height:48px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:0 16px}
.co-search:focus-within{border-color:var(--acc)}
.co-search .g{font-family:var(--mono);font-size:15px;color:var(--ink3)}
.co-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--mono);font-size:15px;color:var(--ink)}
.co-search input::placeholder{color:var(--ink3)}
.co-grid{padding:24px var(--gut);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-content:start}
.co-card{display:flex;flex-direction:column;gap:12px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;transition:border-color .13s ease}
.co-card:hover{border-color:var(--ink3)}
.co-card-hd{display:flex;align-items:center;gap:10px}
.co-card-hd .clogo{width:20px;height:20px;border-radius:4px}
.co-card-hd strong{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.co-card-ct{display:flex;align-items:baseline;justify-content:space-between}
.co-card-ct .n{font-family:var(--mono);font-size:20px;color:var(--ink)}
.co-card-ct .l{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1px}
.co-card .dom{font-family:var(--mono);font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-shown{padding:0 var(--gut) 24px;font-family:var(--mono);font-size:12.5px;color:var(--ink3)}
@media (max-width:900px){.co-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.co-grid{grid-template-columns:1fr}}

/* ============================ salaries table (redesign) ============================ */
.sal-title{padding:32px var(--gut);display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}
.sal-title h1{font-size:26px;font-weight:650;color:var(--ink);letter-spacing:-.4px}
.sal-title .sub{font-size:13.5px;color:var(--ink2)}
.sal-title .sub .mono{color:var(--ink)}
.saltable{display:flex;flex-direction:column}
.saltable-hd{display:flex;align-items:center;gap:16px;padding:12px var(--gut);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.2px}
.salrow{height:52px;display:flex;align-items:center;gap:16px;padding:0 var(--gut);border-bottom:1px solid var(--line)}
.salrow:hover{background:var(--raise)}
.col-role{width:380px;flex:none;min-width:0}
.col-co{width:160px;flex:none;min-width:0}
.col-range{width:170px;flex:none}
.col-band{flex:1;min-width:60px}
.col-posted{width:46px;text-align:right;flex:none}
.sal-role{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sal-co{display:flex;align-items:center;gap:8px}
.sal-co .clogo{width:15px;height:15px;border-radius:3px}
.sal-co span{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sal-range{font-family:var(--mono);font-size:13.5px;color:var(--ink)}
.sal-band{display:flex;align-items:center}
.band{height:6px;border-radius:3px;background:var(--line);width:100%;position:relative;overflow:hidden}
.band-fill{position:absolute;top:0;bottom:0;background:var(--acc);opacity:.75;border-radius:3px}
.sal-date{font-family:var(--mono);font-size:12px;color:var(--ink3)}
.sal-note{padding:20px var(--gut);font-family:var(--mono);font-size:12.5px;color:var(--ink3)}
.sal-medians{padding:8px var(--gut) 24px}
.sal-medians h2{font-size:17px;margin:20px 0 12px;color:var(--ink)}
@media (max-width:820px){
  .saltable-hd .col-band,.salrow .col-band,.saltable-hd .col-co,.salrow .col-co{display:none}
  .col-role{width:auto;flex:1}
}

/* ============================ employer pitch (redesign) ============================ */
.pitch-hero{display:grid;grid-template-columns:480px 1fr;border-bottom:1px solid var(--line)}
.pitch-left{padding:72px 48px 72px 32px;display:flex;flex-direction:column;justify-content:center;gap:24px;border-right:1px solid var(--line)}
.pitch-eyebrow{font-family:var(--mono);font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:2px}
.pitch-left h1{font-size:42px;line-height:1.12;font-weight:650;color:var(--ink);letter-spacing:-1px}
.pitch-left p{font-size:16px;line-height:1.6;color:var(--ink2)}
.pitch-left p .mono{color:var(--ink)}
.pitch-cta{align-self:flex-start;color:#0a0c10;background:var(--acc);padding:14px 28px;border-radius:var(--r);font-weight:600;font-size:15px}
.pitch-cta:hover{filter:brightness(1.08);color:#0a0c10}
.pitch-right{padding:48px 32px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.pitch-rl{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.previewbox{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.pv-feat{height:78px;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--raise2);border-bottom:1px solid var(--line)}
.pv-you{width:26px;height:26px;border-radius:5px;background:var(--raise);border:1px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--ink3)}
.pv-feat img.clogo,.pv-feat>img{width:26px;height:26px;border-radius:5px;flex:none}
.pv-feat .pv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pv-feat .pv-main strong{font-size:15.5px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-feat .pv-main span{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-feat .pv-sal{font-family:var(--mono);font-size:14.5px;color:var(--ink);flex:none}
.pv-feat .pv-star{color:var(--ink3);font-size:14px;flex:none}
.pv-row{height:56px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);opacity:.55}
.pv-row:last-child{border-bottom:none}
.pv-row .clogo{width:18px;height:18px;border-radius:4px}
.pv-row .pv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pv-row .pv-main strong{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-row .pv-main span{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-row .pv-sal{font-family:var(--mono);font-size:12.5px;color:var(--ink);flex:none}
.pitch-steps{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}
.pitch-step{padding:40px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.pitch-step:last-child{border-right:none}
.pitch-step .num{font-family:var(--mono);font-size:13px;color:var(--ink3)}
.pitch-step h3{font-size:17px;font-weight:600;color:var(--ink)}
.pitch-step p{font-size:13.5px;line-height:1.6;color:var(--ink2)}
.pitch-incl{padding:48px 32px;display:flex;flex-direction:column;gap:20px}
.pitch-incl-l{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.incl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:960px}
.incl-item{display:flex;align-items:baseline;gap:12px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px}
.incl-item .arw{font-family:var(--mono);font-size:13px;color:var(--ink3)}
.incl-item .txt{font-size:14px;color:var(--ink);line-height:1.5}
.pitch-more{font-size:13px;color:var(--ink3);margin-top:4px}
@media(max-width:820px){
  .pitch-hero{grid-template-columns:1fr}
  .pitch-left{border-right:none;border-bottom:1px solid var(--line);padding:48px 32px}
  .pitch-left h1{font-size:32px}
  .pitch-steps{grid-template-columns:1fr}.pitch-step{border-right:none;border-bottom:1px solid var(--line)}
  .incl-grid{grid-template-columns:1fr}
}

/* ============================ post-a-job flow (redesign) ============================ */
.flow-grid{display:grid;grid-template-columns:1fr 620px;align-items:start}
.flow-form{padding:40px 48px 64px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:32px;max-width:720px;min-width:0}
.flow-tabs{display:flex;align-items:center;gap:12px}
.flow-tab{cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:var(--ink3);border-bottom:2px solid transparent;padding:6px 2px;background:none;border-left:0;border-right:0;border-top:0}
.flow-tab.on{color:var(--ink);border-bottom-color:var(--ink3)}
.flow-step{display:flex;flex-direction:column;gap:20px}
.flow-step h2{font-size:26px;font-weight:650;color:var(--ink);letter-spacing:-.4px}
.flow-step p{font-size:14px;line-height:1.6;color:var(--ink2)}
.flow-field{display:flex;flex-direction:column;gap:6px}
.flow-field label,.flow-lbl{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.2px}
.flow-field input,.flow-field select{height:48px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:0 16px;font-size:15px;color:var(--ink);outline:none;font-family:inherit}
.flow-field input.mono{font-family:var(--mono);font-size:14px}
.flow-field input:focus,.flow-field select:focus{border-color:var(--acc)}
.flow-field input::placeholder{color:var(--ink3)}
.flow-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.flow-sal{display:flex;align-items:center;gap:10px}
.flow-sal input{width:140px}
.flow-sal .dash{font-family:var(--mono);color:var(--ink3)}
.flow-fav{display:flex;align-items:center;gap:12px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.flow-fav img{width:20px;height:20px;border-radius:4px;flex:none}
.flow-fav span{font-size:13px;color:var(--ink2)}
.flow-btns{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.flow-next{height:48px;padding:0 28px;background:var(--raise2);border:1px solid var(--ink3);border-radius:var(--r);color:var(--ink);font-size:14.5px;font-weight:500;cursor:pointer;font-family:inherit}
.flow-next:hover{border-color:var(--ink)}
.flow-back{height:48px;padding:0 20px;background:transparent;border:1px solid var(--line);border-radius:var(--r);color:var(--ink2);font-size:14px;cursor:pointer;font-family:inherit}
.flow-back:hover{color:var(--ink);border-color:var(--ink3)}
.flow-submit{height:48px;padding:0 28px;background:var(--acc);border:none;border-radius:var(--r);color:#0a0c10;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit}
.flow-submit:hover{filter:brightness(1.08)}
.flow-submit:disabled{opacity:.6;cursor:default}
.flow-paynote{font-size:12.5px;color:var(--ink3)}
.flow-review{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.flow-preview{position:sticky;top:64px;padding:40px 32px;display:flex;flex-direction:column;gap:12px}
.flow-preview .previewbox .pv-row{opacity:.5;height:54px}
.flow-cap{font-size:12px;color:var(--ink3);line-height:1.5}
.flow-banner{display:flex;align-items:center;gap:10px;background:var(--raise);border:1px solid var(--acc);border-radius:var(--r);padding:14px 16px}
.flow-banner[hidden]{display:none}
.flow-banner.err{border-color:#e5735f}
.flow-banner span{font-family:var(--mono);font-size:13px;color:var(--ink)}
@media(max-width:900px){
  .flow-grid{grid-template-columns:1fr}
  .flow-form{border-right:none;padding:32px}
  .flow-preview{position:static;border-top:1px solid var(--line);padding:32px}
}
@media(max-width:560px){.flow-2col{grid-template-columns:1fr}.flow-review{grid-template-columns:1fr}}

/* ============================ stats (redesign) ============================ */
.bigstats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.bigstat{padding:48px var(--gut) 40px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.bigstat:last-child{border-right:none}
.bigstat .v{font-family:var(--mono);font-size:52px;font-weight:500;color:var(--ink);letter-spacing:-1px;line-height:1}
.bigstat .l{font-family:var(--mono);font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.stats2{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.stats-top{padding:32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.stats-sal{padding:32px;display:flex;flex-direction:column;gap:20px}
.stats-rl{font-family:var(--mono);font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.topco{display:flex;align-items:center;gap:12px}
.topco .clogo{width:16px;height:16px;border-radius:3px}
.topco .nm{width:120px;flex:none;font-size:13px;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topco .bar{flex:1;height:8px;background:var(--raise);border-radius:4px;overflow:hidden}
.topco .bar span{display:block;height:100%;background:var(--acc);opacity:.75;border-radius:4px}
.topco .ct{width:44px;flex:none;text-align:right;font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
.salfact{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);padding-bottom:16px}
.salfact .v{font-family:var(--mono);font-size:24px;color:var(--ink)}
.salfact .l{font-size:12.5px;color:var(--ink3);line-height:1.5}
.stats-detail{padding:8px var(--gut) 24px}
.stats-detail h2{font-size:17px;margin:24px 0 12px;color:var(--ink)}
@media (max-width:760px){
  .bigstats{grid-template-columns:1fr 1fr}
  .bigstat{border-bottom:1px solid var(--line)}.bigstat:nth-child(2n){border-right:none}
  .bigstat .v{font-size:40px}
  .stats2{grid-template-columns:1fr}
  .stats-top{border-right:none;border-bottom:1px solid var(--line)}
}

@media (max-width:900px){
  .home-grid{grid-template-columns:1fr}
  .home-list{border-right:none}
  .rail{position:static;border-top:1px solid var(--line)}
  .rail-cos{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  :root{--gut:16px}
  .statstrip{grid-template-columns:1fr 1fr}
  .statcell{border-bottom:1px solid var(--line)}
  .statcell:nth-child(2n){border-right:none}
  .stat-num{font-size:24px}
  .hfilter-top{flex-direction:column}
  .row-main{width:auto;flex:1}
  .featrow-main{width:auto;flex:1}
}
.job-head{display:flex;align-items:center;gap:14px;margin:4px 0 8px}
.job-head .clogo{width:44px;height:44px;border-radius:10px}
.job-head h1{margin:0}
.upd{font-size:12.5px;color:var(--ink3);border:1px solid var(--line);border-radius:999px;padding:3px 10px;white-space:nowrap;vertical-align:2px}
@media (max-width:700px){
  .logo{font-size:17px}
  .nav{gap:12px;font-size:13px}
  .nav .cta{padding:7px 11px;font-size:13px;white-space:nowrap}
  .hd-in{padding:0 16px}
}
@media (max-width:420px){
  .nav-hide-xs{display:none}
  .nav{gap:10px}
}

/* tag chips + cross-links */
.chip-tag{cursor:pointer;transition:border-color .12s,color .12s}
.chip-tag:hover{color:var(--acc);border-color:rgba(61,220,151,.45)}
.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.tag-rel{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:13px;color:var(--ink3)}
.tag-rel .chip-tag{font-size:12px}
/* related-searches (internal linking) + FAQ blocks (SEO/GEO) */
.related{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}
.related h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:12px;font-weight:600}
.related .tag-rel{margin-top:0}
.faqs{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;max-width:760px}
.faqs h2{font-size:18px;color:var(--ink);margin-bottom:6px;letter-spacing:-.2px}
.faq-item{padding:16px 0;border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:none}
.faq-item h3{font-size:15px;color:var(--ink);margin-bottom:6px;font-weight:600}
.faq-item p{font-size:14.5px;color:var(--ink2);line-height:1.6}
.sal-bands{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}
.sal-bands h2{font-size:16px;color:var(--ink);margin-bottom:12px;letter-spacing:-.2px}

/* pagination */
.pager{display:flex;align-items:center;gap:14px;margin:18px 0 4px;font-size:14px;color:var(--ink3)}
.pg-info{margin-right:auto}
.pg-btn{border:1px solid var(--line);border-radius:8px;padding:8px 14px;color:var(--ink2);background:var(--raise);transition:border-color .12s,color .12s}
.pg-btn:hover{color:var(--acc);border-color:rgba(61,220,151,.45)}

/* guide long-form */
.guide h2{color:var(--ink);font-size:20px;letter-spacing:-.3px;margin-top:8px}
.guide hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.guide ul{display:flex;flex-direction:column;gap:6px;padding-left:20px}
.fineprint{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}

/* stats page */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 8px}
.stat-card{display:flex;flex-direction:column;gap:4px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.stat-n{font-size:26px;font-weight:700;color:var(--acc);letter-spacing:-.5px}
.stat-l{font-size:13px;color:var(--ink2)}
.stats-h{font-size:17px;margin:30px 0 12px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:11px 16px;border-bottom:1px solid var(--line);font-weight:600}
.tbl td{padding:11px 16px;border-bottom:1px solid var(--line);color:var(--ink2)}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr:hover{background:var(--raise)}
.tbl td a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink3)}
.tbl td a:hover{color:var(--acc)}
@media (max-width:700px){
  .ft-cols{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
}

/* filter selects + load-more + nav saved */
.filter-row select{padding:11px 10px;font-size:14px;color:var(--ink2);background:var(--raise);border:1px solid var(--line);border-radius:var(--r);font-family:inherit;cursor:pointer;max-width:170px}
.filter-row select:focus{border-color:var(--acc);outline:none}
.load-more{padding:10px 18px;font-size:14.5px;font-weight:600;color:var(--ink);background:var(--raise);border:1px solid var(--line);border-radius:9px;cursor:pointer;font-family:inherit}
.load-more:hover{border-color:var(--acc)}
.load-more .mono{color:var(--ink3);font-weight:400;font-size:12.5px}
#nav-saved{color:var(--acc)}
@media (max-width:700px){
  .filter-row{flex-wrap:wrap}
  .filter-row select{flex:1;max-width:none}
}

/* ============================ v4 ============================ */
/* skip-to-content (a11y) */
.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--acc);color:var(--acc-ink);font-weight:650;padding:10px 16px;border-radius:0 0 8px 0}
.skip:focus{left:0}

/* keyboard focus ring on a listing row (j/k nav) */
.row.kb-focus{border-left-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset;background:var(--raise2)}
.row:focus-visible{outline:none;border-left-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}

/* keyboard hint footer */
.kbhint{margin-top:10px;color:var(--ink3);font-size:12.5px;font-family:var(--mono)}
.kbhint kbd{background:var(--raise2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:var(--mono);font-size:11.5px;color:var(--ink2)}
@media (hover:none),(max-width:700px){.kbhint{display:none}}

/* job-page action row (share + applied) */
.job-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:16px 0 4px}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.share-l{color:var(--ink3)}
.act{font-size:13px;padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:var(--raise);color:var(--ink2);cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s}
.act:hover{color:var(--acc);border-color:rgba(61,220,151,.45)}
.act-applied.on{background:rgba(61,220,151,.12);color:var(--acc);border-color:rgba(61,220,151,.5)}

/* applied treatment in lists */
.row.is-applied{opacity:.62}
.row.is-applied:hover{opacity:1}
.chip-applied{color:var(--acc);border-color:rgba(61,220,151,.45);background:rgba(61,220,151,.1);font-weight:600}

/* featured row (B3) — reads first without shouting */
.row.featured{border-left-color:var(--acc);background:linear-gradient(90deg,rgba(61,220,151,.06),var(--raise) 60%)}
.chip-featured{color:var(--acc-ink);background:var(--acc);border-color:var(--acc);font-weight:700;font-size:10.5px;letter-spacing:.04em}

/* verified employer badge (B2) — renders only from curated company-profiles.json */
.chip-verified{color:var(--acc);border-color:rgba(61,220,151,.45);background:rgba(61,220,151,.1);font-weight:600}
.verified-inline{color:var(--acc);font-weight:600;font-size:13px;white-space:nowrap}

/* recently-viewed strip (home) */
.recent{margin:6px 0 2px}
.recent-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.recent-hd h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);font-weight:600}
.recent-x{background:none;border:none;color:var(--ink3);font-size:12.5px;cursor:pointer;font-family:inherit;text-decoration:underline}
.recent-x:hover{color:var(--ink2)}
.recent-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:thin}
.recent-card{flex:0 0 auto;max-width:230px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--raise);border:1px solid var(--line);border-radius:9px;transition:border-color .12s}
.recent-card:hover{border-color:var(--acc)}
.recent-card strong{font-size:13.5px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.recent-card span{font-size:12.5px;color:var(--ink3)}

/* saved-page section heading */
.saved-h{font-size:15px;margin:26px 0 2px;color:var(--ink2)}

/* employer surfaces (/hire/, /widget/) */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0}
.feature-card{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.feature-card h3{font-size:15.5px;margin-bottom:6px}
.feature-card p{font-size:14px;color:var(--ink2);line-height:1.5}
.faq{display:flex;flex-direction:column;gap:14px;margin:8px 0}
.faq details{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:2px 18px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:600;font-size:15px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+ ";color:var(--acc);font-family:var(--mono)}
.faq details[open] summary::before{content:"− "}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq p{color:var(--ink2);font-size:14.5px;padding:12px 0}
.codeblock{background:#06080b;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:13px;color:var(--ink2);line-height:1.6;white-space:pre}
.codeblock .tok{color:var(--acc)}
.claim-note{background:var(--raise);border:1px solid var(--line);border-left:2px solid var(--acc);border-radius:var(--r);padding:14px 18px;font-size:14px;color:var(--ink2);margin:6px 0}
@media (max-width:700px){.feature-grid{grid-template-columns:1fr}}

/* claim-your-company (B2) */
.claim{margin-top:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--raise);padding:0 18px}
.claim summary{cursor:pointer;padding:15px 0;font-weight:600;font-size:14.5px;color:var(--ink2);list-style:none}
.claim summary::-webkit-details-marker{display:none}
.claim summary::before{content:"⊕ ";color:var(--acc)}
.claim[open] summary::before{content:"⊖ "}
.claim .claim-note{margin:2px 0 12px}
.claimform{display:flex;flex-direction:column;gap:12px;max-width:460px;padding-bottom:18px}
.claimform label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink2)}
.claimform input{padding:10px 12px;font-size:14.5px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:none;font-family:inherit}
.claimform input:focus{border-color:var(--acc)}
.claimform button{margin-top:2px;padding:11px 16px;font-size:14.5px;font-weight:640;background:var(--acc);color:var(--acc-ink);border:none;border-radius:9px;cursor:pointer}
.claimform button:hover{filter:brightness(1.08)}
.claimform button:disabled{opacity:.6;cursor:default}

@media (max-width:700px){
  .ft-cols{grid-template-columns:1fr 1fr}
}

/* ============================================================================
   MOBILE RESPONSIVE (v6, ~768px breakpoint) — design width 390px.
   Global chrome + full-screen nav overlay. Desktop untouched above 768px.
   ============================================================================ */
/* hamburger + overlay hidden on desktop; overlay driven by site.js */
.navtoggle{display:none}
.navmenu[hidden]{display:none}
.navmenu{position:fixed;inset:0;z-index:41;background:var(--bg);flex-direction:column}
.navmenu-hd{flex:none;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.navmenu-x{width:44px;height:44px;background:none;border:none;color:var(--ink);font-size:16px;cursor:pointer;margin-right:-10px}
.navmenu-items{display:flex;flex-direction:column;padding:8px 0}
.navmenu-items a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:16px;font-weight:500;color:var(--ink)}
.navmenu-items a .mono{font-size:12.5px;color:var(--ink3);font-weight:400}
.navmenu-cta{padding:16px}
.navmenu-cta a{display:block;text-align:center;min-height:44px;line-height:20px;color:var(--ink);background:var(--raise2);border:1px solid var(--ink3);padding:12px 0;border-radius:var(--r);font-weight:500;font-size:14.5px}
.navmenu-cta a:hover{border-color:var(--ink);color:var(--ink)}
.navmenu-sync{margin-top:auto;padding:16px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink3)}

@media (max-width:900px){
  :root{--gut:16px}
  /* header shrinks to 52px; text nav links collapse into the ☰ overlay */
  .hd-in{height:52px;padding:0 16px}
  .logo{font-size:17px;gap:6px}
  .logomark{width:22px;height:22px}
  .nav{gap:10px}
  .nav a:not(.cta){display:none}
  .nav .cta{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;font-size:12.5px;white-space:nowrap}
  .navtoggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;background:none;border:none;color:var(--ink2);font-size:18px;cursor:pointer}
  .navmenu{display:flex}
  .navmenu[hidden]{display:none}
}

/* ---- mobile stat line (home) : replaces the 4-cell strip with one mono line ---- */
.statline{display:none}
.statline .v{color:var(--ink)}
.statline-sync{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--ink3)}

@media (max-width:900px){
  /* home: nudge + keyboard affordances are desktop-only on touch */
  .nudge,.kbbar{display:none}
  .statstrip{display:none}
  .statline{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink3);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .statline::-webkit-scrollbar{display:none}

  /* search + chips: full-width 46px search, horizontally scrollable chips, not sticky */
  .hfilter{position:static;padding:12px 16px 4px;gap:10px}
  .hfilter-top{flex-direction:column;gap:10px}
  .tsearch{height:46px;padding:0 14px}
  .tsearch input,.tsearch-g{font-size:15px}
  .tsearch-k{display:none}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
  .hfilter-bot{flex-wrap:wrap;overflow:visible;row-gap:10px}
  .fgroup{display:flex;align-items:center;gap:8px}
  .fg-cat{order:1;width:100%;min-width:0}
  .fg-cat .catdd{flex:1;min-width:0}
  .fg-cat .catdd-trig{width:100%;justify-content:space-between;overflow:hidden}
  .fg-cat .catdd-trig-lbl{overflow:hidden;text-overflow:ellipsis}
  .fg-sort{order:2;flex:none}
  .fg-sort .ml-auto{margin-left:0}
  .fg-region{order:3;flex:1;min-width:0}
  .fg-region .chips{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .fg-region .microlabel{display:none}
  /* min-pay + posted: each its own full-width row with scrollable chips (overflow-safe) */
  .fg-sal{order:4;width:100%;min-width:0}
  .fg-date{order:5;width:100%;min-width:0}
  .fg-sal .chips,.fg-date .chips{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .chips::-webkit-scrollbar,.hfilter-bot::-webkit-scrollbar{display:none}
  .fchip,.rchip,.schip,.mchip,.dchip{flex:none;min-height:44px;display:inline-flex;align-items:center}
  .catdd{flex:none}
  .catdd-trig{min-height:44px}
  .microlabel{flex:none;align-self:center}

  /* category dropdown → bottom sheet on touch */
  .catdd.open .catdd-scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(5,7,10,.6)}
  .catdd.open .catdd-panel{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:41;width:auto;
    border:none;border-top:1px solid var(--line);border-radius:16px 16px 0 0;max-height:72vh;
    box-shadow:0 -8px 40px rgba(0,0,0,.5);animation:cjSheetUp .22s ease}
  .catdd-grab{display:block;flex:none;width:36px;height:4px;border-radius:2px;background:var(--line);margin:10px auto 4px}
  .catdd-head{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 12px;border-bottom:1px solid var(--line)}
  .catdd-head .microlabel{margin-right:0;letter-spacing:1.5px}
  .catdd-x{width:44px;height:44px;margin:-8px -12px -8px 0;background:none;border:none;color:var(--ink2);font-size:13px;cursor:pointer;font-family:var(--mono)}
  .catdd-row{padding:13px 20px;min-height:44px}
  .catdd-lbl{flex:1;width:auto;font-size:15px}
  .catdd-bar{display:none}
  .catdd-ck{width:16px;font-size:13px}
  .catdd-ct{color:var(--ink2);font-size:12.5px}
  @keyframes cjSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  @media (prefers-reduced-motion:reduce){.catdd.open .catdd-panel{animation:none}}

  /* home grid → single column (min-width:0 lets the list shrink, no h-overflow) */
  .home-grid{grid-template-columns:minmax(0,1fr)}
  .home-list,.list,.saltable,.co-grid{min-width:0}
  .home-list{border-right:none}

  /* featured pinned slot → card */
  .featrow{height:auto;display:grid;grid-template-columns:auto auto minmax(0,1fr);
    grid-template-areas:"logo tag sal" "main main main";gap:6px 8px;
    margin:12px 16px 0;border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;align-items:center}
  .featrow .clogo{grid-area:logo;width:18px;height:18px}
  .featrow .feat-tag{grid-area:tag}
  .featrow .row-sal{grid-area:sal;margin-left:auto;text-align:right;font-size:12.5px}
  .featrow-main{grid-area:main;width:auto;min-width:0;overflow:hidden}
  .featrow .chip,.featrow .row-date{display:none}

  /* job rows → two-line cards (favicon+title+NEW / company·loc + salary + ☆).
     the ☆ spans both rows so its 44px tap target fits without inflating the card. */
  .row{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;
    grid-template-areas:"logo title new star" ". co sal star";
    column-gap:8px;row-gap:2px;height:auto;min-height:56px;padding:9px 16px 9px 13px;align-items:center}
  .row-main{display:contents}
  .row .clogo{grid-area:logo;width:16px;height:16px;border-radius:4px;align-self:center}
  .row-main strong{grid-area:title;min-width:0;font-size:13.5px}
  .row-co{grid-area:co;min-width:0;font-size:11.5px}
  .row-new{grid-area:new;display:block;width:auto;text-align:right;font-size:9.5px;align-self:center}
  .row-sal{grid-area:sal;margin-left:0;text-align:right;font-size:12px;align-self:center}
  .row .bm{grid-area:star;align-self:center;font-size:15px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}
  .row-remote,.row .chip,.row-date,.row .feat-tag{display:none}
  .listfoot{padding:16px}
  .load50{min-height:44px}
  .emptystate{padding:48px 16px}

  /* proof rail → horizontal "hiring now" scroll + salary proofs + employer card below */
  .rail{border-top:1px solid var(--line)}
  .rail-h{padding:16px 16px 10px}
  .rail-cos{display:flex;grid-template-columns:none;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:0 16px 12px;scrollbar-width:none}
  .rail-cos::-webkit-scrollbar{display:none}
  .rail-co{flex:none;min-height:44px}
  .rail-all{padding:0 16px 12px;text-align:left}
  .rail-sal{margin:0 16px}
  .rail-emp{margin:16px}
  .rail-emp a{min-height:44px;display:inline-flex;align-items:center}

  /* companies: keep 2-col cards, drop the domain line */
  .co-head{padding:16px;gap:12px}
  .co-search{width:100%;height:44px}
  .co-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 16px;gap:8px}
  .co-card{padding:12px 14px}
  .co-card .dom{display:none}
  .co-shown{padding:0 16px 20px}

  /* salaries: table → stacked rows (title+range / company + band bar, same scale) */
  .sal-title{padding:16px}
  .saltable-hd{display:none}
  .salrow{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
    grid-template-areas:"role role range" "co band band";gap:4px 8px;padding:12px 16px;align-items:center}
  .salrow .col-role{grid-area:role;width:auto;min-width:0}
  .salrow .col-range{grid-area:range;width:auto;text-align:right}
  .salrow .col-co{grid-area:co;width:auto;display:flex;flex:none}
  .salrow .col-band{grid-area:band;display:flex;flex:1;min-width:0}
  .salrow .col-posted{display:none}
  .sal-note,.sal-medians{padding-left:16px;padding-right:16px}

  /* saved page + shared page footers */
  .page-foot,.jobd-foot,.scopefoot{padding:16px;flex-wrap:wrap}
}

/* ---- Slice 3: job detail + employer surfaces ---- */
/* sticky bottom bars (job Apply, employer CTA) — hidden on desktop */
.applybar,.stickybar{display:none}
@media (max-width:900px){
  /* job detail: single column already at 820; spec block → 2-col; sticky Apply bar */
  .jobd-main{padding:24px 16px}
  .jobd-main h1{font-size:24px}
  .specblock{grid-template-columns:1fr 1fr}
  .jobd-apply{gap:12px}
  .rail-job{padding:24px 16px}
  .applybar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:30;
    background:var(--bg);border-top:1px solid var(--line);padding:10px 16px;
    padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .applybar-sal{display:flex;flex-direction:column;flex:none}
  .applybar-sal .mono{font-size:14px;color:var(--ink)}
  .applybar-lbl{font-size:10.5px;color:var(--ink3)}
  .applybar-btn{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;
    background:var(--acc);color:#0a0c10;font-weight:600;font-size:14.5px;padding:12px 8px;border-radius:var(--r)}
  .applybar-btn:hover{color:#0a0c10}
  .jobd-foot{margin-bottom:72px}  /* clear the fixed Apply bar */

  /* employer pitch: compact hero + sticky accent CTA (inline CTA hidden on mobile) */
  .pitch-hero{grid-template-columns:minmax(0,1fr)}
  .pitch-steps,.incl-grid{grid-template-columns:minmax(0,1fr)}
  .pitch-left,.pitch-right,.previewbox{min-width:0}
  .pitch-left{padding:24px 16px}
  .pitch-left h1{font-size:26px}
  .pitch-cta{display:none}
  .pitch-right{padding:20px 16px}
  .pitch-step{padding:20px 16px}
  .pitch-incl{padding:24px 16px}
  .stickybar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg);
    border-top:1px solid var(--line);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .stickybar-btn{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;
    background:var(--acc);color:#0a0c10;font-weight:600;font-size:14.5px;padding:12px 0;border-radius:var(--r)}
  .stickybar-btn:hover{color:#0a0c10}
  .pitch-more{margin-bottom:72px}  /* clear the sticky CTA */

  /* post-a-job flow: live preview pinned ABOVE the form; sticky Next/Submit */
  .flow-grid{display:grid;grid-template-columns:minmax(0,1fr)}
  .flow-preview{order:-1;position:static;padding:16px;border-bottom:1px solid var(--line);min-width:0}
  .flow-form{padding:16px;max-width:none}
  .flow-field{min-width:0}
  .flow-field input,.flow-field select{min-width:0;width:100%}
  .flow-2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .flow-review{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .flow-tabs{gap:14px}
  .flow-step h2{font-size:22px}
  .flow-btns{position:sticky;bottom:0;z-index:5;background:var(--bg);border-top:1px solid var(--line);
    margin:8px -16px 0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .flow-next,.flow-submit{flex:1}
}

/* ============================ pricing page (dark until PRICING_PUBLIC) ============================ */
.pricing{display:flex;flex-direction:column}
.pr-hero{padding:56px var(--gut) 40px;display:flex;flex-direction:column;align-items:center;gap:14px;border-bottom:1px solid var(--line);text-align:center}
.pr-hero .microlabel{letter-spacing:2px;margin-right:0}
.pr-hero h1{font-size:38px;font-weight:650;letter-spacing:-.8px;color:var(--ink);max-width:720px}
.pr-hero p{font-size:15px;color:var(--ink2);max-width:560px;line-height:1.6}
.pr-hero p .mono{color:var(--ink)}
.pr-tiers{display:flex;justify-content:center;gap:16px;padding:48px var(--gut);flex-wrap:wrap}
.pr-card{width:400px;max-width:100%;background:var(--raise);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:20px}
.pr-card-feat{border-color:var(--acc);position:relative}
.pr-feattag{position:absolute;top:-11px;left:24px;font-size:10.5px;color:var(--acc-ink);background:var(--acc);border-radius:var(--r-tag);padding:3px 10px;letter-spacing:1.5px;font-weight:600}
.pr-card-hd{display:flex;flex-direction:column;gap:6px}
.pr-tier{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1.5px}
.pr-price{display:flex;align-items:baseline;gap:8px}
.pr-amt{font-size:40px;font-weight:500;color:var(--ink);letter-spacing:-1px}
.pr-per{font-size:13px;color:var(--ink3)}
.pr-found{color:var(--acc)}
.pr-perks{display:flex;flex-direction:column;gap:10px}
.pr-perks-note{font-size:11px;color:var(--ink2)}
.pr-perk{display:flex;align-items:baseline;gap:10px}
.pr-arw{font-size:12px;color:var(--ink3);flex:none}
.pr-perk span:last-child{font-size:13.5px;color:var(--ink2);line-height:1.5}
.pr-card-feat .pr-perk span:last-child{color:var(--ink)}
.pr-cta{margin-top:auto;text-align:center;color:var(--ink);background:var(--raise2);border:1px solid var(--line);padding:13px 0;border-radius:var(--r);font-weight:500;font-size:14.5px}
.pr-cta:hover{color:var(--ink);border-color:var(--ink3)}
.pr-cta-acc{color:#0a0c10;background:var(--acc);border-color:var(--acc);font-weight:600}
.pr-cta-acc:hover{color:#0a0c10;filter:brightness(1.08)}
.pr-placement{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pr-pl-top{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--raise2);border-bottom:1px solid var(--line)}
.pr-pl-fav{width:14px;height:14px;border-radius:3px;background:var(--raise);border:1px solid var(--line);flex:none}
.pr-pl-lbl{font-size:11.5px;font-weight:600;color:var(--ink)}
.pr-pl-tag{margin-left:auto;font-size:8.5px;color:var(--ink);border:1px solid var(--ink3);border-radius:3px;padding:2px 6px;letter-spacing:1px}
.pr-pl-ghost{height:22px;border-bottom:1px solid var(--line);opacity:.35;background:#0d1016}
.pr-pl-ghost:last-child{border-bottom:none}
.pr-includes{border-top:1px solid var(--line);padding:40px var(--gut);display:flex;flex-direction:column;align-items:center;gap:20px}
.pr-includes .microlabel{letter-spacing:1.5px;margin-right:0}
.pr-incl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1000px;width:100%}
.pr-incl{display:flex;flex-direction:column;gap:6px;background:var(--raise);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.pr-incl-h{font-size:13px;color:var(--ink)}
.pr-incl-b{font-size:12.5px;color:var(--ink3);line-height:1.5}
.pr-trust{border-top:1px solid var(--line);padding:32px var(--gut);display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.pr-trust-live{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink2)}
.pr-trust-note{font-size:12.5px;color:var(--ink3)}
.pr-footnote{border-top:1px solid var(--line);padding:20px var(--gut);font-size:11.5px;color:var(--ink3)}
.pr-stickybar{display:none}
@media (max-width:900px){
  .pr-hero{padding:40px 16px 32px}
  .pr-hero h1{font-size:26px}
  .pr-tiers{flex-direction:column;align-items:center;padding:32px 16px;gap:32px}
  .pr-incl-grid{grid-template-columns:1fr 1fr}
  .pr-trust{flex-direction:column;gap:12px;text-align:center}
  .pr-footnote{margin-bottom:76px}
  .pr-stickybar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .pr-stickybar .pr-cta{display:block;margin:0;min-height:44px;line-height:24px}
}
/* pricing entry-point links (render only when PRICING_PUBLIC) */
.pitch-pricing,.flow-pricing{margin-left:16px;font-size:13.5px;color:var(--ink2);text-decoration:underline;text-decoration-color:var(--ink3)}
.pitch-pricing:hover,.flow-pricing:hover{color:var(--ink)}
.rail-pricing{display:block;margin-top:10px;font-size:13px;color:var(--ink2)}
.rail-pricing:hover{color:var(--ink)}