@font-face{
  font-family:"Azeret Mono";
  src:url("/assets/AzeretMono.ttf") format("truetype");
  font-display:swap;
  font-style:normal;
  font-weight:100 900;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans ExLight.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans ExLight.woff") format("woff");
  font-weight:200;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Light.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Light.woff") format("woff");
  font-weight:300;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Regular.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Regular.woff") format("woff");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Medium.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Medium.woff") format("woff");
  font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans SemiBold.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans SemiBold.woff") format("woff");
  font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Bold.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans Bold.woff") format("woff");
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JUST Sans";
  src:url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans ExBold.woff2") format("woff2"),
      url("/assets/fonts/JUST Sans/Web Fonts/JUST Sans ExBold.woff") format("woff");
  font-weight:800;font-style:normal;font-display:swap;
}

:root{
  --paper:#ffffff;
  --ink:#111111;
  --muted:#5b5b57;
  --soft:#f4f3ef;
  --line:#d8d6cf;
  --strong-line:#9a9891;

  /* C&C Design System — Unbiased brand tokens (design-system repo, tokens/tokens.css,
     [data-brand="unbiased"] block). --brand, --font-display, --font-mono, and --radius
     are the four tokens that vary per brand; everything else here is shared with ATXP. */
  --brand:#ff563f;
  --font-display:"Azeret Mono","SFMono-Regular",Consolas,monospace;
  --font-mono:"Azeret Mono","SFMono-Regular",Consolas,monospace;
  --radius:0px;

  /* theme/background — page canvas, shared across brands (design.md, Backgrounds &
     Surfaces). Distinct from --paper below, which is the white card/surface color
     (theme/card-primary / theme/interactive-bg) sitting on top of this background. */
  --background:#f7f9ff;

  /* theme/accent — accent/highlight surface (design.md, Backgrounds & Surfaces).
     Used at 50% opacity ("accent/50") for the hero grid's idle-cell color; canvas
     fillStyle can't read a CSS var directly, so the RGB is duplicated in the
     <script> below (search REST_ALPHA) — keep both in sync if this value changes. */
  --accent:#dbeafe;

  --orange:var(--brand); /* alias kept for existing var(--orange) call sites */
  --accessible-orange:#f4513a; /* --brand fails 3:1 focus-indicator contrast against --background (2.998:1); this passes at 3.28:1 */
  --grapefruit:#ff7764; /* fixed secondary "un" hue from the brand mark, not a live token */
  --mono:var(--font-display); /* alias kept for existing var(--mono) call sites */
  --sans:"JUST Sans",system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.checkout-open{overflow:hidden}
body{
  margin:0;
  min-height:100vh;
  background:var(--background);
  color:var(--ink);
  font-family:var(--sans);
  font-size:18px;
  line-height:1.55;
  letter-spacing:0;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
button,input,textarea,select{font:inherit}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,
button:focus-visible{
  outline:2px solid var(--accessible-orange);
  outline-offset:3px;
}
[hidden]{display:none!important}

.skip-link{
  position:absolute;
  top:8px;
  left:8px;
  z-index:10;
  transform:translateY(-150%);
  padding:7px 10px;
  border:1px solid var(--ink);
  background:var(--paper);
  font-size:16px;
  line-height:1.3;
}
.skip-link:focus{transform:translateY(0)}

.shell{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}

.masthead{
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.96);
}
.mast-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  min-height:76px;
}
.lockup{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.lockup-icon{
  display:block;
  height:28px;
  width:auto;
  flex:0 0 auto;
}
.lockup-wordmark{
  display:block;
  height:22px;
  width:auto;
  flex:0 0 auto;
}
.site-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
  font-size:16px;
  font-weight:700;
}
.site-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
}
.site-nav .nav-cta{
  justify-content:center;
  min-height:42px;
  padding:8px 15px;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--paper);
  text-decoration:none;
}
.site-nav .nav-cta:hover{
  background:var(--orange);
  color:var(--ink);
}

.home-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);
  gap:72px;
  align-items:end;
  padding:84px 0 78px;
}
.eyebrow{
  margin:0 0 18px;
  font-family:var(--mono);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-transform:uppercase;
}
.home-hero h1,
.document-hero h1{
  margin:0;
  font-weight:400;
  letter-spacing:0;
}
.home-hero h1{
  font-family:var(--mono);
  font-size:clamp(44px,6.5vw,78px);
  font-weight:600;
  line-height:.98;
}
.home-hero h1 .un{color:var(--orange)}
.hero-thesis{
  max-width:760px;
  margin:28px 0 0;
  font-size:clamp(30px,4vw,48px);
  line-height:1.08;
}
.hero-copy{
  max-width:820px;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:32px;
  flex-wrap:wrap;
}
.primary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 18px;
  border:1px solid var(--ink);
  border-radius:var(--radius);
  background:var(--ink);
  color:var(--paper);
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}
.primary-action:hover{
  background:var(--orange);
  color:var(--ink);
}
.text-action{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-weight:700;
}
.hero-status{
  padding:6px 0 4px 28px;
  border-left:1px solid var(--strong-line);
}
.hero-status h2{
  margin:8px 0 10px;
  font-size:32px;
  font-weight:400;
  line-height:1.05;
}
.hero-status p{margin:0 0 18px}
.status-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-family:var(--mono);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.status-label::before{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--orange);
  content:"";
}
.status-facts{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 14px;
  margin:21px 0 0;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:15px;
  line-height:1.4;
}
.status-facts dt{
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.status-facts dd{margin:0}

.research{
  border-top:1px solid var(--strong-line);
  border-bottom:1px solid var(--strong-line);
}
.research-layout{
  display:grid;
  grid-template-columns:185px minmax(0,1fr);
  gap:62px;
  padding:60px 0 72px;
}
.research-nav{
  align-self:start;
  position:sticky;
  top:28px;
}
.research-nav-label{
  margin:0 0 12px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.research-tab{
  display:block;
  width:100%;
  padding:7px 0;
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:16px;
  font-weight:400;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}
.research-tab:hover,
.research-tab:focus-visible{color:var(--ink);text-decoration:underline}
.research-tab[aria-selected="true"]{
  color:var(--ink);
  font-weight:700;
}
.research-panels{min-width:0}
.research-panel:not([hidden]){
  animation:panel-reveal .42s cubic-bezier(.16,1,.3,1) both;
}
.panel-layout{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:54px;
}
.panel-label{
  margin:3px 0 0;
  font-family:var(--mono);
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  text-transform:uppercase;
}
.section-tabs{
  display:flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--paper);
  box-shadow:0 14px 32px rgba(17,17,17,.08);
  overflow:hidden;
}
.section-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 20px;
  border:0;
  border-right:1px solid var(--line);
  background:transparent;
  color:var(--muted);
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.section-tab:last-child{border-right:0}
.section-tab[aria-current="page"]{
  background:var(--soft);
  color:var(--ink);
  box-shadow:inset 0 -2px 0 var(--orange);
}
.panel-body h2{
  max-width:720px;
  margin:0 0 18px;
  font-size:34px;
  font-weight:400;
  line-height:1.12;
}
.panel-body p{
  max-width:720px;
  margin:0 0 18px;
}
.panel-body ol,
.panel-body ul{
  max-width:720px;
  margin:20px 0 24px;
  padding-left:25px;
}
.panel-body li{margin:8px 0}
.evidence-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:28px 0 24px;
  border-top:1px solid var(--line);
}
.evidence-item{
  min-height:112px;
  padding:18px 20px 18px 0;
  border-bottom:1px solid var(--line);
}
.evidence-item:nth-child(odd){
  padding-right:26px;
  border-right:1px solid var(--line);
}
.evidence-item:nth-child(even){padding-left:26px}
.evidence-item h3{
  margin:0 0 6px;
  font-family:var(--mono);
  font-size:13px;
  line-height:1.35;
}
.evidence-item p{
  margin:0;
  font-size:16px;
  line-height:1.45;
}

.comparison-preview,
.frontier-preview{
  margin:34px 0 30px;
  border:1px solid var(--strong-line);
  background:var(--paper);
}
.preview-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
}
.preview-kicker{
  margin:0 0 4px!important;
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  text-transform:uppercase;
}
.preview-heading h3{
  margin:0;
  font-size:23px;
  font-weight:700;
  line-height:1.15;
}
.preview-badge{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid var(--line);
  background:var(--soft);
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  text-transform:uppercase;
}
.model-pair{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:20px 22px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.model-choice{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.model-choice strong,
.model-choice small{display:block}
.model-choice strong{
  overflow:hidden;
  font-size:17px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.model-choice small{
  margin-top:2px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}
.model-mark{
  width:28px;
  height:28px;
  flex:0 0 auto;
  border:1px solid var(--ink);
}
.pareto-mark{
  background:
    linear-gradient(135deg,transparent 42%,var(--orange) 43% 57%,transparent 58%),
    var(--paper);
}
.comparison-mark{
  background:
    repeating-linear-gradient(135deg,var(--paper) 0 4px,var(--line) 4px 5px);
}
.versus{
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.comparison-metrics{
  padding:12px 22px 16px;
}
.comparison-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:42px;
  border-bottom:1px solid var(--line);
}
.comparison-row:last-child{border-bottom:0}
.comparison-row span{
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.comparison-row i{
  position:relative;
  display:block;
  height:9px;
  background:var(--soft);
  overflow:hidden;
}
.comparison-row i::after{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 0 30%,rgba(255,86,63,.38) 48%,transparent 66% 100%);
  transform:translateX(-100%);
  animation:metric-scan 2.8s cubic-bezier(.16,1,.3,1) infinite;
  content:"";
}
.comparison-row i:nth-child(3)::after{animation-delay:.4s}
.comparison-preview figcaption,
.frontier-preview figcaption{
  margin:0;
  padding:13px 22px 15px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
.frontier-chart{
  padding:8px 18px 0;
  border-top:1px solid var(--line);
  overflow:hidden;
}
.frontier-chart svg{
  display:block;
  width:100%;
  height:auto;
}
.chart-grid{
  fill:none;
  stroke:var(--line);
  stroke-width:1;
}
.chart-axis{
  fill:none;
  stroke:var(--strong-line);
  stroke-width:1.5;
}
.frontier-line{
  fill:none;
  stroke:var(--orange);
  stroke-width:3;
  stroke-dasharray:12 7;
  stroke-linecap:round;
  animation:frontier-drift 5s linear infinite;
}
.sample-points circle{
  fill:var(--paper);
  stroke:var(--ink);
  stroke-width:2;
  transform-box:fill-box;
  transform-origin:center;
  animation:point-breathe 3.4s cubic-bezier(.16,1,.3,1) infinite;
}
.sample-points circle:nth-child(2n){animation-delay:.5s}
.sample-points circle:nth-child(3n){animation-delay:1s}
.sample-points .frontier-end{
  fill:var(--orange);
  stroke:var(--orange);
}
.sample-points .secondary-point{
  fill:var(--soft);
  stroke:var(--strong-line);
  animation:none;
}
.axis-label{
  fill:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.chart-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 22px 18px;
  border:1px solid var(--line);
}
.chart-controls span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px;
  border-right:1px solid var(--line);
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.chart-controls span:last-child{border-right:0}

@keyframes panel-reveal{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes metric-scan{
  0%,22%{transform:translateX(-100%)}
  68%,100%{transform:translateX(100%)}
}
@keyframes frontier-drift{
  to{stroke-dashoffset:-38}
}
@keyframes point-breathe{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.22)}
}

.availability{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:center;
  padding:34px 0;
  border-bottom:1px solid var(--strong-line);
}
.availability h2{
  margin:0 0 4px;
  font-size:26px;
  font-weight:400;
}
.availability p{margin:0;color:var(--muted)}

/* ── 4-column section grid ─────────────────────────────────────────────────
   Use on any section that should share column alignment with the glance grid.
   .section-4col        — grid container (place directly inside .shell)
   .section-col-label   — col 1: eyebrow/label (mono, uppercase)
   .section-col-body    — cols 2–4: heading, paragraphs, sub-grids
   ──────────────────────────────────────────────────────────────────────── */
.section-4col{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.section-col-label{
  padding-right:28px;
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--muted);
  margin:0;
}
.section-col-body{
  grid-column:2/5;
  padding-left:28px;
}

.document-hero{
  border-bottom:1px solid var(--strong-line);
}
.document-hero>.shell{
  padding:76px 0 50px;
}
.document-hero h1{
  font-size:60px;
  line-height:1.03;
}
.document-hero .dek{
  max-width:720px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:21px;
  line-height:1.42;
}
.document-tabs{
  padding:0 0 42px;
  border-bottom:1px solid var(--line);
}
.document-tabs .section-tabs{margin:0}

.reading-layout{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:60px 0 96px;
}
.toc{
  align-self:start;
  position:sticky;
  top:28px;
  padding-right:28px;
}
.article{
  grid-column:2/5;
  padding-left:28px;
  max-width:calc(720px + 28px); /* reading width + left padding */
}
.toc p{
  margin:0 0 12px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.toc a{
  display:block;
  padding:7px 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.25;
  text-decoration:none;
}
.toc a:hover,
.toc a:focus-visible{color:var(--ink);text-decoration:underline}
.article{min-width:0}
.article section{scroll-margin-top:28px}
.article h2{
  margin:54px 0 16px;
  font-family:var(--font-display);
  font-size:27px;
  font-weight:600;
  line-height:1.15;
}
.article section:first-child h2{margin-top:0}
.article p{margin:0 0 22px}
.article ul,
.article ol{margin:0 0 26px;padding-left:26px}
.article li{margin:9px 0}
.summary{
  margin-top:58px;
  padding-top:34px;
  border-top:2px solid var(--ink);
}
.summary h2{margin-top:0}

.coming-soon{
  margin:62px 0 110px;
  padding:30px 0;
}

.lede{
  margin:18px 0 42px;
  color:var(--muted);
  font-size:20px;
  line-height:1.4;
}
.faq-contact{margin-top:44px}
.faq-contact h2{margin:0 0 8px;font-size:24px}
.faq-contact p{margin:0;max-width:620px}
.coming-soon h2{
  margin:0 0 12px;
  font-size:36px;
  font-weight:400;
  line-height:1.1;
}
.coming-soon p{max-width:650px;margin:0 0 18px}

.checkout-status{
  display:none;
  margin:12px 0 0;
  padding:8px 10px;
  border:1px solid var(--line);
}
.checkout-status.visible{display:block}
.checkout-dialog{
  width:min(520px,calc(100% - 28px));
  max-height:calc(100dvh - 28px);
  margin:auto;
  padding:0;
  border:1px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
}
.checkout-dialog::backdrop{background:rgba(0,0,0,.38)}
.dialog-inner{position:relative;padding:24px;text-align:center}
.dialog-close{
  position:absolute;
  top:8px;
  right:10px;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.checkout-dialog h2{margin:0 42px 5px;font-size:22px}
.checkout-dialog > .dialog-inner > p{margin:0 0 18px}
.checkout-options{
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
  list-style:none;
}
.checkout-options li{border-bottom:1px solid var(--line)}
.checkout-options a{
  display:block;
  min-height:56px;
  padding:13px 4px;
  font-size:20px;
  font-weight:700;
}
.checkout-options span{
  display:block;
  margin-top:3px;
  color:var(--ink);
  font-size:16px;
  font-weight:400;
  text-decoration:none;
}
.checkout-legal{
  margin:16px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.35;
}

.footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:20px 24px 24px;
  font-size:16px;
  text-align:center;
}
.footer p{margin:8px 0 0}
.footer-links{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  gap:18px;
  flex-wrap:wrap;
}
.footer-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
}

@media(max-width:900px){
  .section-4col{grid-template-columns:1fr}
  .section-col-label{padding-right:0}
  .section-col-body{grid-column:1;padding-left:0}
  .home-hero{
    grid-template-columns:1fr;
    gap:46px;
  }
  .hero-status{
    max-width:700px;
    padding-left:22px;
  }
  .research-layout{
    grid-template-columns:1fr;
    gap:0;
    padding:40px 0 60px;
  }
  .research-nav{
    position:static;
    display:flex;
    gap:0 22px;
    margin-bottom:40px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
    flex-wrap:wrap;
  }
  .research-nav-label{display:none}
  .research-tab{
    flex:0 0 auto;
    width:auto;
    min-height:44px;
    padding:10px 0;
    font-size:15px;
  }
  .panel-layout{
    grid-template-columns:150px minmax(0,1fr);
    gap:34px;
  }
  .reading-layout{
    display:block;
    padding-top:32px;
  }
  .article{
    grid-column:1;
    padding-left:0;
    max-width:100%;
  }
  .toc{
    position:static;
    padding-right:0;
    display:flex;
    gap:8px 22px;
    margin-bottom:48px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
    overflow-x:auto;
    scrollbar-color:var(--orange) var(--soft);
    scrollbar-width:thin;
  }
  .toc::-webkit-scrollbar{height:4px}
  .toc::-webkit-scrollbar-track{background:var(--soft)}
  .toc::-webkit-scrollbar-thumb{background:var(--orange)}
  .toc p{display:none}
  .toc a{
    flex:0 0 auto;
    min-height:44px;
    padding:11px 0;
  }
}

@media(max-width:760px){
  body{font-size:17px}
  .shell{width:min(100% - 28px,100%)}
  .lede{font-size:18px}
  .mast-row{
    flex-wrap:wrap;
    gap:0;
    min-height:0;
    padding-top:14px;
  }
  .lockup{min-height:48px}
  .lockup svg{width:25px;height:28px}
  .wordmark{font-size:20px}
  .site-nav{
    flex:0 0 calc(100% + 28px);
    width:calc(100% + 28px);
    margin-left:-14px;
    padding:0 14px;
    border-top:1px solid var(--line);
    gap:16px;
    justify-content:space-between;
    overflow-x:auto;
  }
  .site-nav a{
    flex:0 0 auto;
    min-height:48px;
    font-size:15px;
  }
  .site-nav .nav-cta{
    min-height:38px;
    margin:5px 0;
    padding:6px 12px;
  }
  .home-hero{padding:52px 0 50px}
  .home-hero h1{
    font-size:clamp(39px,11.5vw,48px);
    white-space:nowrap;
  }
  .hero-thesis{
    margin-top:22px;
    font-size:34px;
  }
  .hero-actions{align-items:stretch;gap:14px;margin-top:26px}
  .primary-action{width:100%}
  .hero-actions .text-action{justify-content:center;width:100%}
  .hero-status{padding-left:18px}
  .section-tabs{
    width:100%;
    box-shadow:none;
  }
  .section-tab{
    flex:1 1 0;
    min-width:0;
    padding:9px 8px;
    font-size:14px;
    white-space:normal;
  }
  .panel-layout{display:block}
  .panel-label{margin-bottom:14px}
  .panel-body h2{font-size:29px}
  .evidence-list{grid-template-columns:1fr}
  .evidence-item,
  .evidence-item:nth-child(odd),
  .evidence-item:nth-child(even){
    min-height:0;
    padding:16px 0;
    border-right:0;
  }
  .preview-heading{
    gap:14px;
    padding:17px 16px;
  }
  .preview-heading h3{font-size:21px}
  .preview-badge{
    max-width:124px;
    text-align:center;
  }
  .model-pair{
    grid-template-columns:1fr;
    gap:10px;
    padding:17px 16px;
  }
  .versus{text-align:center}
  .comparison-metrics{padding:10px 16px 14px}
  .comparison-row{
    grid-template-columns:86px minmax(0,1fr) minmax(0,1fr);
    gap:9px;
  }
  .comparison-preview figcaption,
  .frontier-preview figcaption{padding:12px 16px 14px}
  .frontier-chart{padding:4px 4px 0}
  .chart-controls{margin:0 16px 16px}
  .availability{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 0;
  }
  .document-hero>.shell{padding:52px 0 34px}
  .document-hero h1{font-size:42px}
  .document-hero .dek{font-size:19px}
  .document-tabs{padding-bottom:28px}
  .reading-layout{padding-bottom:70px}
  .toc{margin-bottom:38px}
  .article h2{margin-top:44px;font-size:24px}
  .coming-soon{margin:44px 0 80px}
  .coming-soon h2{font-size:31px}
  .dialog-inner{padding:22px 18px 18px}
  .checkout-options a{min-height:64px;padding:15px 4px}
}

@media(max-width:380px){
  .site-nav{gap:8px}
  .site-nav a{font-size:14px}
  .site-nav .nav-cta{padding-right:8px;padding-left:8px}
  .hero-thesis{font-size:30px}
  .research-tab,
  .section-tab{font-size:13px}
  .footer{font-size:15px}
  .footer-links{gap:0 12px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .research-panel:not([hidden]),
  .comparison-row i::after,
  .frontier-line,
  .sample-points circle{animation:none}
}