/* ═══════════════════════════════════════════════════════════════════════════
   MOVING ATOMS — evaluation-platform landing page
   The page structure follows the eval-platform story (parallel GPU eval →
   world model → failure analysis → coverage), but the design language is
   ours, not an instrument-site transplant:
   - General Sans 600 for display type; Sentient serif ONLY for numbers and
     the italic accent in the hero sub (the benchmark page convention)
   - 24px cards, 14px inner tiles, pill chips with dots over footage
   - warm paper, green as the working accent
   - monospace appears only where a real product would be monospace:
     the event log and coordinate readouts. Never for labels or headers.
   - no pixel mosaics, no corner ticks — those belong to someone else
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#f5f4f1; --card:#efede8; --surface:#fdfcfa;
  --ink:#111016; --ink-2:#3f444d; --muted:#82848c;
  --line:#e6e3dd; --line-2:#d8d4cb; --line-3:#c9c4b9;
  --green:#1d7a4f; --green-deep:#175f3e; --green-soft:#e2efe7; --green-line:#b9d6c5;
  --amber:#9a6b2f; --peach:#e8c8a8; --clay:#cf9f63;
  --red:#a13c32; --red-soft:#f4e3e0;
  --r-card:24px; --r-md:14px; --r-in:10px; --r-pill:999px;
  --maxw:1240px; --pad:clamp(20px,5vw,72px);
  --sect:clamp(52px,8vh,96px);
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  --serif:'Sentient',Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;overflow-x:clip}
body{background:var(--bg);color:var(--ink-2);
  font-family:'General Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--ink);color:#fff}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}

/* small-caps label register — General Sans, ours */
.mc{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted)}
.eyebrow,p.eyebrow{font-size:12px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--muted);margin:0 0 14px;max-width:none;font-family:inherit}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--r-pill);
  font-size:15px;font-weight:500;letter-spacing:-.01em;text-decoration:none;cursor:pointer;
  white-space:nowrap;border:1px solid transparent;transition:all .18s var(--ease);font-family:inherit}
.btn svg{width:16px;height:16px}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#000;transform:translateY(-1px)}
.btn-ghost{background:transparent;border-color:var(--line-3);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{transform:translateY(-1px)}
.btn-glass{background:rgba(250,249,246,.14);border-color:rgba(255,255,255,.5);color:#fff;
  backdrop-filter:blur(6px)}
.btn-glass:hover{border-color:#fff;background:rgba(250,249,246,.22)}

/* ── header ── */
.hdr{max-width:calc(var(--maxw) + 2*var(--pad));margin:0 auto;width:100%;
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(10px,2vw,36px);padding:16px var(--pad)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 1 auto;
  min-width:0;color:var(--ink)}
.brand svg{height:26px;width:auto;flex:0 0 auto}
.brand span{font-size:23px;font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--ink);
  white-space:nowrap}
.mainnav{display:flex;align-items:center;gap:clamp(2px,.7vw,10px);margin:0 auto}
.mainnav a{padding:8px 12px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink);
  letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background .18s var(--ease)}
.mainnav a:hover{background:rgba(17,16,22,.055)}
.hdr-cta{flex:0 0 auto}
.bl-short{display:none}
@media(max-width:920px){.mainnav{display:none}}
@media(max-width:600px){
  .brand span{font-size:19px}
  .hdr{padding:12px 16px}
  .hdr-cta .btn{padding:9px 15px;font-size:13px}
  .hdr-cta .bl-long{display:none}
  .hdr-cta .bl-short{display:inline}
}
/* mobile nav strip */
.subnav{display:none}
@media(max-width:920px){
  .subnav{display:flex;gap:20px;overflow-x:auto;padding:2px var(--pad) 12px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .subnav::-webkit-scrollbar{display:none}
  .subnav a{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
    color:var(--ink-2);text-decoration:none;white-space:nowrap;padding:10px 2px}
  .subnav a:hover{color:var(--ink)}
}

/* ── hero — copy over our generated footage, the old site's signature ── */
.hero{padding:clamp(10px,1.6vh,22px) 0 clamp(18px,2.6vh,30px)}
.hero-card{position:relative;border-radius:var(--r-card);overflow:hidden;
  background:#141318;box-shadow:0 26px 70px rgba(17,16,22,.16)}
.hero-card video{width:100%;aspect-ratio:21/10;object-fit:cover;display:block}
@media(max-width:860px){.hero-card video{aspect-ratio:4/4.6}}
.hero-grad{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(76deg,rgba(13,14,17,.66) 0%,rgba(13,14,17,.34) 44%,rgba(13,14,17,0) 70%),
             linear-gradient(0deg,rgba(13,14,17,.42) 0%,rgba(13,14,17,0) 34%)}
.hero-copy{position:absolute;left:clamp(20px,4vw,54px);bottom:clamp(20px,4.5vw,54px);
  max-width:600px;padding-right:18px}
h1{font-weight:600;font-size:clamp(36px,4.9vw,62px);line-height:1.04;
  letter-spacing:-.032em;color:#fff;margin:0}
.hero-sub{font-size:clamp(14.5px,1.25vw,16.5px);line-height:1.58;color:rgba(255,255,255,.92);
  max-width:56ch;margin:14px 0 0}
.hero-sub em{font-style:italic;font-family:var(--serif);font-size:1.07em;color:#fff}
.hero-sub b{color:#fff;font-weight:600}
.hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
/* provenance + scene chips over the footage */
.gen-badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:11px;
  background:rgba(250,249,246,.94);border:1px solid var(--line);border-radius:12px;
  padding:9px 14px 9px 10px;backdrop-filter:blur(6px);max-width:min(420px,72%)}
.gen-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;
  background:var(--ink);flex:0 0 auto}
.gen-mark svg{width:17px;height:auto;color:#fff}
.gen-text{display:flex;flex-direction:column;gap:1px;line-height:1.3}
.gen-text strong{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.gen-text span{font-size:11px;color:var(--muted)}
.scene-chip{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px;
  background:rgba(250,249,246,.92);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:7px 14px;font-size:11.5px;font-weight:500;color:var(--ink-2);backdrop-filter:blur(6px)}
.scene-chip .dot{width:7px;height:7px;border-radius:99px;background:var(--green);flex:0 0 auto}
@media(max-width:600px){.scene-chip{display:none}}
/* proof row on the paper below */
.proof{display:flex;align-items:center;gap:10px 26px;flex-wrap:wrap;margin-top:16px;
  padding:0 6px}
.proof .pi{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--muted);text-decoration:none;
  white-space:nowrap}
.proof .pi b{color:var(--ink-2);font-weight:600}
.yc-mark{display:grid;place-items:center;width:18px;height:18px;background:#f26522;color:#fff;
  font-weight:700;font-size:11px;border-radius:4px;flex:0 0 auto;letter-spacing:0}
a.pi:hover b{color:var(--ink)}
/* hero at phone width: copy flows below a fixed band of footage instead of
   overlaying it, so no copy length can ever collide with the badge.
   This block must live AFTER the base .hero-copy/.hero-card rules — equal
   specificity, document order decides. */
@media(max-width:600px){
  .hero-card video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
  .hero-copy{position:relative;left:auto;bottom:auto;max-width:none;
    padding:118vw 18px 22px}
  .gen-text span{display:none}
  .gen-badge{max-width:calc(100% - 28px)}
}

/* ── engines strip — pill chips, ours highlighted ── */
.engines{padding:clamp(26px,4.5vh,46px) 0 clamp(30px,5vh,54px)}
.engines .mc{display:block;margin-bottom:14px}
.pillrow{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;gap:9px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 17px;
  font-size:13.5px;font-weight:500;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.pill .dot{width:7px;height:7px;border-radius:99px;background:var(--line-3);flex:0 0 auto}
.pill small{font-size:10.5px;color:var(--muted);font-weight:500;margin-left:2px}
.pill.ours{border-color:var(--green-line);background:var(--green-soft)}
.pill.ours .dot{background:var(--green)}
.pill.ours small{color:var(--green-deep)}
.pillrow.lg .pill{padding:11px 19px;font-size:14.5px}

/* ── feature sections ── */
.fsec{padding:var(--sect) 0;border-top:1px solid var(--line)}
.fsec-wrap{display:flex;gap:clamp(28px,4.5vw,64px);align-items:flex-start}
.fsec-copy{flex:0 0 min(370px,38%)}
.fsec.flip .fsec-copy{order:2}
.fsec-panel{flex:1;min-width:0}
h2{font-weight:600;font-size:clamp(27px,3vw,39px);line-height:1.12;
  letter-spacing:-.028em;color:var(--ink);margin:0 0 14px;text-wrap:balance;font-family:inherit}
.fsec-body{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0 0 8px}
.feats{margin-top:16px}
.feat{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.feat:last-child{border-bottom:0}
.feat-ic{color:var(--green);flex:none;margin-top:2px}
.feat-ic svg{width:17px;height:17px;stroke:currentColor}
.feat-t{font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.feat-x{font-size:13px;line-height:1.55;color:var(--muted);margin-top:3px;max-width:36ch}
@media(max-width:880px){
  .fsec-wrap{flex-direction:column}
  .fsec-copy{flex:none;width:100%}
  .fsec.flip .fsec-copy{order:0}
  .fsec-panel{width:100%}
  .feat-x{max-width:none}
}

/* ── shared panel chrome — our cards ── */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);
  padding:clamp(16px,2vw,24px)}
.phead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.phead .t{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.phead .rule{flex:1;border-top:1px solid var(--line);transform:translateY(-4px)}
.phead .n{font-size:12px;color:var(--muted);white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(250,249,246,.92);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 12px;
  font-size:11px;font-weight:500;color:var(--ink-2);backdrop-filter:blur(5px);
  white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
.chip .dot{width:7px;height:7px;border-radius:99px;background:var(--line-3);flex:0 0 auto}
.chip.gen .dot{background:var(--green)}
.chip.sc{background:var(--green-soft);border-color:var(--green-line);color:var(--green-deep);
  font-weight:600}

/* stat trio (the benchmark page stats idiom) */
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:560px){.pstats{grid-template-columns:1fr}}
.pstat{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);
  padding:14px 16px}
.pstat .v{font-family:var(--serif);font-size:clamp(22px,2.1vw,28px);line-height:1.1;
  color:var(--ink);letter-spacing:-.01em}
.pstat .v small{font-family:'General Sans',sans-serif;font-size:12px;color:var(--muted);
  font-weight:500;margin-left:4px}
.pstat .k{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);margin-top:7px}

/* the rollout wall — real generations, each wearing its verdict */
.rwall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:560px){.rwall{grid-template-columns:repeat(2,1fr)}}
.rtile{position:relative;border-radius:var(--r-md);overflow:hidden;background:#141318;
  border:1px solid var(--line-2)}
.rtile video{width:100%;aspect-ratio:16/10;object-fit:cover}
.rtile .chip{position:absolute;left:9px;bottom:9px}
.chip.bad{background:var(--red-soft);border-color:#e6c3bd;color:var(--red);font-weight:600}
.gcap{font-size:12.5px;color:var(--muted);margin:12px 2px 14px;line-height:1.55}
.gcap b{color:var(--ink-2);font-weight:600}
.gcap a{color:var(--green-deep);text-decoration:none;border-bottom:1px solid var(--green-line)}
.gcap a:hover{border-color:var(--green-deep)}

/* rollout viewer + physics strip */
.viewer{padding:clamp(16px,2vw,24px)}
.panel .grp{margin:20px 0 10px}
.panel .grp.g1{margin-top:0}
.pstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:460px){.pstrip{grid-template-columns:1fr}}
.pcell{position:relative;border-radius:var(--r-md);overflow:hidden;background:#141318}
.pcell video{width:100%;aspect-ratio:16/9;object-fit:cover}
.pcell .chip{position:absolute;left:9px;bottom:9px}
.vgrid{display:grid;grid-template-columns:2fr 1fr;gap:10px}
@media(max-width:560px){.vgrid{grid-template-columns:1fr}}
.vcell{position:relative;border-radius:var(--r-md);overflow:hidden;background:#141318}
.vcell video{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.vcell.main video{aspect-ratio:0.98}
.vins{display:grid;grid-template-rows:1fr 1fr;gap:10px}
.vcell .chip{position:absolute;left:10px;bottom:10px}
.vread{position:absolute;right:10px;top:10px;font-family:var(--mono);font-size:8.5px;
  letter-spacing:.05em;color:rgba(200,235,212,.9);background:rgba(13,15,18,.66);
  border-radius:6px;padding:3px 8px;white-space:nowrap}
@media(max-width:700px){.vread{display:none}}
/* leaderboard strip — benchmark page idiom, serif scores */
.lb{margin-top:16px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.lb .lbh{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;
  background:var(--bg);border-bottom:1px solid var(--line)}
.lb .lbh .t{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted)}
.lb .lbh a{font-size:11.5px;font-weight:600;color:var(--green-deep);text-decoration:none;
  white-space:nowrap}
.lb .lbh a:hover{text-decoration:underline}
.lbr{display:grid;grid-template-columns:22px 1fr 120px 52px;gap:10px;align-items:center;
  padding:8px 14px;border-bottom:1px solid var(--line)}
.lbr:last-child{border-bottom:0}
.lbr .rk{font-size:11px;font-weight:600;color:var(--line-3);text-align:center}
.lbr .nm{font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.lbr .nm small{color:var(--muted);font-weight:400;font-size:11px;margin-left:6px}
.lbr .bar{height:5px;border-radius:99px;background:var(--card);overflow:hidden}
.lbr .bar i{display:block;height:100%;background:var(--line-3);border-radius:99px}
.lbr .sc{font-family:var(--serif);font-size:15.5px;text-align:right;color:var(--ink-2)}
.lbr.us .nm,.lbr.us .sc{color:var(--green-deep);font-weight:600}
.lbr.us .rk{color:var(--green)}
.lbr.us .bar i{background:var(--green)}
.lbr.us{background:linear-gradient(90deg,var(--green-soft),transparent 82%)}
.lbr.skip{padding:4px 14px}
.lbr.skip .nm{font-size:10.5px;color:var(--muted)}
.lbr.skip .bar{display:none}
.ustag{font-size:8.5px;font-weight:700;letter-spacing:.08em;background:var(--green);
  color:#fff;border-radius:5px;padding:2px 6px;margin-left:8px;vertical-align:2px}
@media(max-width:560px){.lbr{grid-template-columns:22px 1fr 52px}.lbr .bar{display:none}}

/* failure modes — the clip IS the row */
.fmodes{display:flex;flex-direction:column;gap:10px}
.fmode{display:grid;grid-template-columns:minmax(170px,250px) 1fr;gap:16px;align-items:center;
  border:1px solid var(--line);border-radius:var(--r-md);padding:10px;background:var(--surface)}
.fmode .rtile{border:0}
.fmi{min-width:0;padding-right:8px}
.fmn{font-size:15.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.stagerow{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.stg{display:inline-flex;align-items:center;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--r-pill);padding:4px 11px;font-size:11px;font-weight:500;color:var(--muted)}
.stg.ok{background:var(--green-soft);border-color:var(--green-line);color:var(--green-deep);
  font-weight:600}
.stg.bad{background:var(--red-soft);border-color:#e6c3bd;color:var(--red);font-weight:600}
.fmc{font-size:12.5px;color:var(--muted);margin-top:9px}
.fmc b{font-family:var(--serif);font-size:16px;color:var(--ink);font-weight:400;margin:0 1px}
@media(max-width:520px){.fmode{grid-template-columns:1fr}.fmi{padding:2px 6px 6px}}
/* ── coverage ── */
.bench{padding:var(--sect) 0;border-top:1px solid var(--line)}
.bench-head{max-width:660px}
.bench-cta{margin-top:16px}
.grp{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);margin:26px 0 10px}
.wtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:1020px){.wtiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.wtiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.wtiles{grid-template-columns:1fr}}
.wtile{position:relative;border-radius:var(--r-md);overflow:hidden;background:#141318;
  border:1px solid var(--line-2)}
.wtile video{width:100%;aspect-ratio:16/10;object-fit:cover}
.wtile .chip{position:absolute;left:10px;bottom:10px}

/* ── CTA ── */
.cta{padding:clamp(64px,11vh,128px) 0;border-top:1px solid var(--line);text-align:center}
.cta h2{font-size:clamp(34px,4.6vw,58px);margin:0 0 26px;letter-spacing:-.032em}
.cta .note{font-size:13px;color:var(--muted);margin-top:18px}
.cta .note a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-3);
  display:inline-block;padding:10px 4px;margin:-10px -4px}
.cta .note a:hover{color:var(--ink);border-color:var(--ink)}
@media(max-width:560px){.cta .note .x{display:none}}

/* ── about ── */
.about{padding:clamp(44px,8vh,84px) 0;border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,72px);
  align-items:start}
@media(max-width:880px){.about-grid{grid-template-columns:1fr}}
.about p:not(.eyebrow){font-size:15px;line-height:1.66;color:var(--ink-2);max-width:56ch;
  margin:0 0 14px}
.about p b{color:var(--ink);font-weight:550}
.founders{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.fdr{display:flex;gap:14px;align-items:baseline}
.fdr .fn{font-size:13.5px;font-weight:600;color:var(--ink);flex:0 0 84px}
.fdr .fx{font-size:13px;color:var(--muted);line-height:1.55}
.backed .mc{display:block;margin-bottom:12px}
.backed-cell{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);
  border-radius:var(--r-md);background:var(--surface);padding:16px 24px;text-decoration:none}
.backed-cell .yc-mark{width:26px;height:26px;font-size:15px;border-radius:6px}
.backed-cell span.t{font-size:17px;font-weight:550;color:var(--ink-2);letter-spacing:-.01em}

/* ── FAQ ── */
.faq{padding:clamp(44px,8vh,84px) 0 clamp(56px,9vh,100px);border-top:1px solid var(--line)}
.faq-item{max-width:660px;margin-top:28px}
.faq-item:first-of-type{margin-top:20px}
.faq h3{font-size:clamp(17px,1.7vw,20px);font-weight:600;letter-spacing:-.02em;
  color:var(--ink);margin:0 0 7px;font-family:inherit}
.faq .faq-item p{font-size:14.5px;line-height:1.62;color:var(--ink-2);margin:0}
.faq .faq-item p a{color:var(--green-deep);text-decoration:none;
  border-bottom:1px solid var(--green-line)}
.faq .faq-item p a:hover{border-color:var(--green-deep)}

/* ── footer ── */
.ft{border-top:1px solid var(--line);padding:clamp(34px,6vh,56px) 0 clamp(44px,7vh,70px)}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
@media(max-width:880px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-grid{grid-template-columns:1fr}}
.ft .fbrand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}
.ft .fbrand svg{height:20px;width:auto}
.ft .fbrand span{font-weight:600;font-size:17px;letter-spacing:-.03em}
.ft .tag{font-size:12.5px;color:var(--muted);margin-top:10px;max-width:30ch;line-height:1.55}
.ft .col .mc{display:block;margin-bottom:12px}
.ft .col a{display:block;font-size:13.5px;color:var(--ink-2);text-decoration:none;padding:4px 0}
.ft .col a:hover{color:var(--ink)}
.ft .col a small{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;display:block;margin-bottom:1px}
.ft .legal{font-size:11.5px;color:var(--muted);margin-top:34px;padding-top:18px;
  border-top:1px solid var(--line)}

/* copy-reveal note on partner buttons */
.pb-note{font-size:11px;font-weight:500;opacity:0;margin-left:8px;
  transition:opacity .2s var(--ease)}
.pb-note.on{opacity:.72}

:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .btn-dark:hover,.btn-light:hover{transform:none}
}