:root{
  --ink:#0D0D11; --ink2:#43434D; --ink3:#86868F;
  --bg:#fff; --band:#F4F5F7; --line:#E6E7EB; --line2:#F0F1F4;
  --mercor:#5D3ABF; --micro:#1D9E75; --sa:#D85A30; --handshake:#1D4ED8;
  --afterquery:#0891B2; --turing:#B91C1C; --ethos:#BE185D;
  --navy:#152C6B; --brand:#2563EB;
  --f:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --m:ui-monospace,'SF Mono',Menlo,monospace;
  --r:14px; --shadow:0 1px 2px rgba(13,13,17,.04),0 8px 24px rgba(13,13,17,.06);
  --maxw:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f);background:var(--bg);color:var(--ink);
  font-size:17px;line-height:1.72;font-weight:400;-webkit-font-smoothing:antialiased;
  font-feature-settings:'ss01','cv01'}
a{color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--ink);color:#fff}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}

/* ── disclosure ── */
.bar{background:var(--ink);color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.5;
  text-align:center;padding:.5rem 1.25rem;font-weight:500}
.bar b{color:#fff;font-weight:700}

/* ── masthead ── */
.mast{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
.mast-in{max-width:var(--maxw);margin:0 auto;padding:.8rem 1.5rem;display:flex;align-items:center;gap:1rem}
.mark{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}
.mark img{height:52px;width:auto;border-radius:0;display:block}
.mark b{display:block;font-size:.92rem;font-weight:800;letter-spacing:-.022em;line-height:1.2}
.mark s{display:block;font-size:.63rem;color:var(--ink3);font-weight:600;letter-spacing:.02em;text-decoration:none}
.mast nav{margin-left:auto;display:flex;gap:.25rem}
.mast nav a{text-decoration:none;color:var(--ink2);font-size:.845rem;font-weight:600;
  padding:.4rem .7rem;border-radius:8px;transition:background .14s,color .14s}
.mast nav a:hover{background:var(--band);color:var(--ink)}
.cta{font-size:.845rem;font-weight:700;background:var(--ink);color:#fff;padding:.5rem 1rem;
  border-radius:9px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;
  transition:transform .14s,box-shadow .14s}
.cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(13,13,17,.2)}
.cta .dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;animation:pulse 1.8s ease infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:9px;
  padding:.42rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;font-family:var(--f)}

/* ── shell: site nav │ content │ on-this-page ── */
.shell{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem;display:grid;
  grid-template-columns:236px minmax(0,1fr) 190px;gap:3.5rem;align-items:start}
.shell.wide{display:block;padding:0}
.side{position:sticky;top:78px;padding:2.4rem 0;font-size:.845rem;
  max-height:calc(100vh - 78px);overflow-y:auto;scrollbar-width:thin}
.side h4{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);
  font-weight:800;margin:1.7rem 0 .55rem}
.side h4:first-child{margin-top:0}
.side a{display:block;text-decoration:none;color:var(--ink2);padding:.32rem .7rem;
  border-radius:7px;line-height:1.4;font-weight:500;transition:background .13s,color .13s}
.side a:hover{background:var(--band);color:var(--ink)}
.side a.on{background:var(--ink);color:#fff;font-weight:600}
.toc{position:sticky;top:78px;padding:2.4rem 0;font-size:.8rem}
.toc h5{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);
  font-weight:800;margin-bottom:.6rem}
.toc a{display:block;text-decoration:none;color:var(--ink3);padding:.26rem 0 .26rem .8rem;
  border-left:2px solid var(--line);line-height:1.4;transition:color .13s,border-color .13s}
.toc a:hover{color:var(--ink);border-left-color:var(--ink)}
main{padding:2.4rem 0 5rem;min-width:0}

/* ── type ── */
.crumb{font-size:.78rem;color:var(--ink3);margin-bottom:1.1rem;font-weight:600}
.crumb a{text-decoration:none;color:var(--ink3)}
.crumb a:hover{color:var(--ink)}
.crumb i{font-style:normal;padding:0 .4rem;opacity:.4}
h1{font-size:clamp(2rem,4.2vw,2.85rem);font-weight:800;line-height:1.08;
  letter-spacing:-.035em;margin-bottom:1rem}
h2{font-size:1.45rem;font-weight:800;letter-spacing:-.024em;margin:3rem 0 .85rem;
  scroll-margin-top:90px;line-height:1.25}
h3{font-size:1.06rem;font-weight:700;letter-spacing:-.012em;margin:1.9rem 0 .5rem;scroll-margin-top:90px}
p{margin-bottom:1.05rem;max-width:70ch;color:var(--ink2)}
main>p:first-of-type,.lede{color:var(--ink2)}
.lede{font-size:1.22rem;line-height:1.55;max-width:62ch;margin-bottom:1.8rem;font-weight:500;letter-spacing:-.011em}
main ul,main ol{margin:0 0 1.15rem 1.2rem;max-width:68ch;color:var(--ink2)}
main li{margin-bottom:.5rem;padding-left:.25rem}
main li::marker{color:var(--ink3)}
strong{font-weight:700;color:var(--ink)}
main a:not(.tile):not(.chip):not(.cta):not(.btn){color:var(--ink);text-decoration:underline;
  text-decoration-color:var(--line);text-underline-offset:3px;text-decoration-thickness:2px;
  transition:text-decoration-color .14s}
main a:not(.tile):not(.chip):not(.cta):not(.btn):hover{text-decoration-color:var(--ink)}

/* ── SIGNATURE 1: the answer card ──
   Every page opens with a self-contained factual answer written to be
   quoted verbatim by a search snippet or an AI assistant. It is the
   reason this site exists, so it leads. */
.answer{background:var(--band);border-radius:18px;padding:1.5rem 1.7rem 1.6rem;
  margin:0 0 2.4rem;max-width:70ch;position:relative;border:1px solid var(--line2)}
.answer .tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--m);
  font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3);
  font-weight:600;margin-bottom:.75rem}
.answer .tag::before{content:'';width:14px;height:2px;background:var(--ink);border-radius:2px}
.answer p{margin:0;font-size:1.05rem;line-height:1.62;color:var(--ink);font-weight:450}
.answer p+p{margin-top:.8rem;color:var(--ink2);font-weight:400}

/* ── SIGNATURE 2: the market strip ──
   Real proportional counts per platform. The only saturated colour
   above the fold, and it is entirely data. */
.strip{margin:2.5rem 0 1rem;max-width:940px}
.strip-bar{display:flex;gap:4px;height:12px;margin-bottom:1.1rem}
.strip-bar span{border-radius:99px;transition:transform .2s}
.strip-bar span:hover{transform:scaleY(1.5)}
.strip-key{display:flex;flex-wrap:wrap;gap:1.35rem}
.strip-key div{display:flex;flex-direction:column;gap:.1rem}
.strip-key b{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.strip-key s{font-size:.76rem;color:var(--ink3);font-weight:600;text-decoration:none;
  display:flex;align-items:center;gap:.35rem}
.strip-key s::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}

/* ── tables ── */
.tw{overflow-x:auto;margin:1.2rem 0 1.9rem;border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:.875rem}
th,td{text-align:left;padding:.78rem 1rem;border-bottom:1px solid var(--line2);vertical-align:top;color:var(--ink2)}
th{font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;
  color:var(--ink3);background:var(--band);white-space:nowrap}
tr:last-child td{border-bottom:none}
tbody tr:hover td{background:#FAFAFB}
td strong{color:var(--ink)}

/* ── platform chips: the only colour ── */
.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;
  text-decoration:none;padding:.28rem .7rem;border-radius:99px;white-space:nowrap;
  border:1px solid currentColor;transition:background .14s}
.chip::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.chip.mercor{color:var(--mercor)}    .chip.mercor:hover{background:rgba(93,58,191,.07)}
.chip.micro{color:var(--micro)}      .chip.micro:hover{background:rgba(29,158,117,.07)}
.chip.handshake{color:var(--handshake)} .chip.handshake:hover{background:rgba(29,78,216,.07)}
.chip.sa{color:var(--sa)}            .chip.sa:hover{background:rgba(216,90,48,.07)}
.chip.afterquery{color:var(--afterquery)} .chip.afterquery:hover{background:rgba(8,145,178,.07)}
.chip.turing{color:var(--turing)}    .chip.turing:hover{background:rgba(185,28,28,.07)}
.chip.ethos{color:var(--ethos)}      .chip.ethos:hover{background:rgba(190,24,93,.07)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.6rem}
.applybtn{display:inline-flex;align-items:center;gap:.28rem;background:#2563EB;color:#fff!important;
  font-size:.76rem;font-weight:700;padding:.38rem .78rem;border-radius:7px;text-decoration:none!important;
  white-space:nowrap;transition:transform .13s,box-shadow .13s,background .13s;letter-spacing:-.005em}
.applybtn:hover{background:#1D4ED8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.35)}
.applybtn::after{content:'92';font-weight:600}
td.applycell{text-align:right;white-space:nowrap}
.rate-soft{color:var(--ink3);font-size:.82rem}

/* ── tiles ── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:.85rem;margin:1.3rem 0 2rem}
.tile{display:block;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);
  padding:1.05rem 1.15rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}
.tile:hover{border-color:transparent;box-shadow:var(--shadow);transform:translateY(-2px)}
.tile b{display:block;font-size:.92rem;font-weight:700;letter-spacing:-.015em;margin-bottom:.2rem;color:var(--ink)}
.tile span{display:block;font-size:.79rem;color:var(--ink3);line-height:1.45;font-weight:500}
.tile em{font-style:normal;font-family:var(--m);font-size:.68rem;color:var(--ink3);
  display:block;margin-top:.5rem;letter-spacing:.04em}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--ink);color:#fff;
  font-size:.92rem;font-weight:700;padding:.72rem 1.35rem;border-radius:11px;text-decoration:none;
  transition:transform .15s,box-shadow .15s;margin:.4rem .5rem .4rem 0}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(13,13,17,.2)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn.ghost:hover{border-color:var(--ink);box-shadow:none}

/* ── Q&A ── */
.qa{border-top:1px solid var(--line2);padding:1.35rem 0}
.qa:last-of-type{border-bottom:1px solid var(--line2)}
.qa h3{margin:0 0 .4rem;font-size:1rem;font-weight:700;letter-spacing:-.014em}
.qa p{margin:0;font-size:.94rem}

.form{background:var(--band);border-radius:18px;padding:1.9rem;margin:1.6rem 0 2rem;max-width:640px;border:1px solid var(--line2)}
.fg{margin-bottom:1.15rem}
.fg label{display:block;font-size:.83rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.008em}
.fg label i{font-style:normal;color:var(--ink3);font-weight:500}
.fg input,.fg select,.fg textarea{width:100%;padding:.72rem .9rem;border:1.5px solid var(--line);
  border-radius:10px;font-size:.94rem;font-family:var(--f);background:var(--bg);
  color:var(--ink);transition:border-color .15s,box-shadow .15s}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.fg input[type=file]{padding:.6rem;background:var(--bg);cursor:pointer;font-size:.86rem}
.fg input[type=file]::file-selector-button{border:none;background:var(--ink);color:#fff;
  padding:.45rem .9rem;border-radius:7px;font-family:var(--f);font-weight:600;font-size:.82rem;
  cursor:pointer;margin-right:.8rem}
.fg small{display:block;font-size:.76rem;color:var(--ink3);margin-top:.35rem;line-height:1.45}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fcheck{display:flex;gap:.65rem;align-items:flex-start;font-size:.83rem;color:var(--ink2);
  line-height:1.5;margin:1.3rem 0}
.fcheck input{width:17px;height:17px;flex-shrink:0;margin-top:.15rem;accent-color:var(--ink)}
.fsub{width:100%;background:var(--ink);color:#fff;border:none;padding:.9rem;border-radius:11px;
  font-family:var(--f);font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}
.fsub:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(13,13,17,.2)}
@media(max-width:600px){.frow{grid-template-columns:1fr}.form{padding:1.4rem}}
.svc{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem;margin:1.3rem 0 2rem}
.svc div{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.15rem}
.svc b{display:block;font-size:.9rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.014em}
.svc span{font-size:.8rem;color:var(--ink3);line-height:1.5}
.note{font-size:.9rem;background:var(--band);border-radius:var(--r);padding:1.05rem 1.25rem;
  margin:1.7rem 0;max-width:68ch;line-height:1.62;color:var(--ink2);border-left:3px solid var(--ink)}
.note strong{color:var(--ink)}

.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;
  margin:1.6rem 0 2.2rem;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-row div b{display:block;font-size:2rem;font-weight:800;letter-spacing:-.035em;line-height:1}
.stat-row div s{display:block;font-size:.79rem;color:var(--ink3);font-weight:600;
  text-decoration:none;margin-top:.3rem;line-height:1.4}

/* ── hero (home) ── */
.hero{max-width:var(--maxw);margin:0 auto;padding:4rem 1.5rem 1rem}
.hero h1{max-width:19ch}
.hero .lede{max-width:56ch}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--m);font-size:.68rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink3);font-weight:600;margin-bottom:1.2rem}
.eyebrow::before{content:'';width:20px;height:2px;background:var(--ink);border-radius:2px}
.band{background:var(--band);margin-top:4rem;padding:3.5rem 0}
.band-in{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}
.band h2{margin-top:0}
.band .tile{background:var(--bg)}

/* ── footer ── */
footer{background:var(--ink);color:rgba(255,255,255,.6);font-size:.82rem;
  padding:2.3rem 1.5rem 1.5rem;margin-top:3.5rem}
.foot-in{max-width:var(--maxw);margin:0 auto;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}
footer h5{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.38);
  font-weight:800;margin-bottom:.75rem}
footer a{display:block;color:rgba(255,255,255,.72);text-decoration:none;padding:.22rem 0;transition:color .13s}
footer a:hover{color:#fff}
.foot-end{max-width:var(--maxw);margin:1.7rem auto 0;padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:rgba(255,255,255,.38)}
.foot-end a{display:inline;color:rgba(255,255,255,.62)}

@media(max-width:1120px){
  .shell{grid-template-columns:222px minmax(0,1fr);gap:2.8rem}
  .toc{display:none}
}
@media(max-width:900px){
  .shell{grid-template-columns:1fr;gap:0}
  .side{position:static;max-height:none;padding:1.3rem 0;border-bottom:1px solid var(--line)}
  .side.hide{display:none}
  .mast nav{display:none}
  .burger{display:block;margin-left:auto}
  body{font-size:16px}
  .hero{padding:2.5rem 1.25rem .5rem}
  .band{padding:2.5rem 0;margin-top:2.5rem}
  .strip-key{gap:1.1rem}
  .strip-key b{font-size:1.25rem}
  main{padding:1.8rem 0 3.5rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{
  animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(max-width:900px){.mark img{height:42px}}
.bar{background:var(--ink);color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.5;text-align:center;padding:.45rem 1.25rem;font-weight:500}