@font-face{font-family:"Instrument Sans";src:url("/assets/instrument-sans-latin.e56556cd96.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";src:url("/assets/ibm-plex-mono-400-latin.227f4986c8.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";src:url("/assets/ibm-plex-mono-500-latin.ccb4c73c3e.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";src:url("/assets/ibm-plex-mono-600-latin.285090ef9b.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ink:#10141c;--ink-2:#1a2130;--ink-3:#242c3d;
  --paper:#eceef1;--paper-2:#e3e6ea;--card:#fff;
  --muted:#59627a;--faint:#8d95a8;
  --rule:rgba(16,20,28,.12);--rule-soft:rgba(16,20,28,.07);
  --open:#e0680a;--open-ink:#b44f00;--open-soft:#fbead9;
  --on-dark:#f2f4f7;--on-dark-muted:#98a1b4;--on-dark-rule:rgba(255,255,255,.11);--open-dark:#ff8f2b;
  --wrap:1160px;--gut:26px;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 1px 2px rgba(16,20,28,.05),0 14px 34px rgba(16,20,28,.07);
  --shadow-lg:0 2px 4px rgba(16,20,28,.06),0 30px 70px rgba(16,20,28,.14);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 16px/1.6 var(--sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0}
img,svg{display:block;max-width:100%}svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
code,pre,kbd{font-family:var(--mono)}
::selection{background:#ffd9b0;color:var(--ink)}
:focus-visible{outline:2px solid var(--open-ink);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;padding:12px 16px;background:var(--ink);color:#fff;z-index:99;border-radius:0 0 8px 0}
.skip:focus{left:0}
.wrap{width:min(var(--wrap),calc(100% - var(--gut)*2));margin-inline:auto}
.hide{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- type utilities ---------- */
.rail{margin:0 0 20px;display:flex;align-items:center;gap:9px;
  font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.rail::before{content:"";width:16px;height:1px;background:currentColor;opacity:.6}
.rail.on-dark{color:var(--open-dark)}
.d1{font-size:clamp(2.9rem,6.6vw,5.1rem);letter-spacing:-.048em;line-height:.97}
.d2{font-size:clamp(2rem,3.9vw,3.15rem);letter-spacing:-.042em;line-height:1.02}
.d3{font-size:clamp(1.35rem,2vw,1.6rem);letter-spacing:-.032em;line-height:1.14}
.lede{color:var(--muted);font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.55;max-width:38rem}
.note{color:var(--faint);font-size:.8rem;line-height:1.55}
.mono{font-family:var(--mono)}
em.q{font-style:normal;color:var(--muted)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:10px;
  background:var(--ink);color:#fff;font-size:.95rem;font-weight:550;letter-spacing:-.01em;
  box-shadow:0 1px 2px rgba(16,20,28,.16);transition:transform .18s cubic-bezier(.2,.7,.3,1),background .18s}
.btn:hover{background:#000;transform:translateY(-1px)}
.btn .arw{color:var(--open-dark);font-size:1.05em;line-height:1}
.btn.alt{background:var(--card);color:var(--ink);border:1px solid var(--rule);box-shadow:var(--shadow)}
.btn.alt:hover{background:#fff;border-color:rgba(16,20,28,.24)}
.cmd{display:inline-flex;align-items:center;gap:11px;height:46px;padding:0 16px;border-radius:10px;
  border:1px dashed rgba(16,20,28,.22);background:rgba(255,255,255,.55);
  font:500 .84rem/1 var(--mono);color:#2b3348;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.cmd::-webkit-scrollbar{display:none}
.cmd .p{color:var(--open-ink)}
.note .link{font-size:inherit;font-weight:600}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:550;font-size:.92rem;
  border-bottom:1px solid rgba(16,20,28,.25);padding-bottom:2px;transition:border-color .18s}
.link:hover{border-color:var(--ink)}
.link .arw{color:var(--open-ink)}
.on-dark .link{border-color:rgba(255,255,255,.3)}
.on-dark .link:hover{border-color:#fff}
.on-dark .link .arw{color:var(--open-dark)}

/* ---------- hero ---------- */
.hero{padding:clamp(46px,6vw,78px) 0 clamp(40px,5vw,60px);
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(32px,5vw,68px);align-items:center}
.hero h1{margin:0 0 22px;font-size:clamp(2.55rem,4.6vw,4.05rem);letter-spacing:-.045em;line-height:1}
.hero h1 .gap{position:relative;white-space:nowrap}
.hero h1 .gap::after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.055em;height:.075em;
  background:var(--open);border-radius:2px}
.hero .lede{margin-bottom:30px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-facts{margin:32px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px}
.hero-facts li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.83rem}
.hero-facts li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--open);flex:none}

/* ---------- run record (dark instrument card) ---------- */
.record{background:var(--ink);color:var(--on-dark);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}
.record-head{height:44px;padding:0 16px;display:flex;align-items:center;gap:12px;
  border-bottom:1px solid var(--on-dark-rule);font:500 11px/1 var(--mono);color:var(--on-dark-muted)}
.record-head .id{color:var(--on-dark);letter-spacing:-.01em}
.record-head .live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:var(--open-dark)}
.record-head .live i{width:6px;height:6px;border-radius:50%;background:currentColor}
.record-body{padding:20px 18px 18px}
.record-figure{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.record-figure b{font:600 clamp(2.2rem,4.4vw,2.9rem)/1 var(--sans);letter-spacing:-.05em}
.record-figure span{display:block;font:500 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--on-dark-muted);margin-bottom:9px}
.delta{font:500 11px/1 var(--mono);color:var(--open-dark);background:rgba(255,143,43,.12);
  border-radius:999px;padding:6px 9px}
.record-foot{border-top:1px solid var(--on-dark-rule);padding:13px 16px;display:flex;gap:10px;align-items:baseline;
  font:400 11.5px/1.5 var(--mono);color:var(--on-dark-muted);overflow-x:auto;scrollbar-width:none}
.record-foot::-webkit-scrollbar{display:none}
.record-foot .p{color:var(--open-dark)}
.record-foot code{color:var(--on-dark);white-space:nowrap}

/* ---------- obligation ledger (signature) ---------- */
.ledger{display:grid;grid-template-columns:repeat(var(--cols,40),1fr);gap:2px}
.ledger i{aspect-ratio:1;border-radius:1.5px;background:#2e394e}
.ledger i[data-o]{background:var(--open-dark)}
.ledger.light i{background:rgba(16,20,28,.13)}
.ledger.light i[data-o]{background:var(--open)}
.ledger-legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 16px;
  font:400 10.5px/1 var(--mono);color:var(--on-dark-muted);letter-spacing:.02em}
.ledger-legend span{display:inline-flex;align-items:center;gap:6px}
.ledger-legend i{width:8px;height:8px;border-radius:2px;background:#2e394e}
.ledger-legend .o i{background:var(--open-dark)}
@media (prefers-reduced-motion:no-preference){
  .ledger.anim i[data-c]{animation:cell .45s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i,0)*7ms)}
  @keyframes cell{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:none}}
}

/* ---------- section frame ---------- */
.sec{padding:clamp(66px,8.5vw,116px) 0;border-top:1px solid var(--rule)}
.sec.dark{background:var(--ink);color:var(--on-dark);border-top:0}
.sec.dark .lede,.sec.dark .note{color:var(--on-dark-muted)}
.sec-head{max-width:44rem;margin-bottom:clamp(34px,4vw,52px)}
.sec-head .lede{margin-top:18px}
.sec-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(30px,5vw,72px);align-items:start}
.sec-split>*{min-width:0}
.sec-split>div>.lede{margin-top:18px}
.sec-split>div>.note{margin-top:16px}

/* ---------- thesis ---------- */
.thesis{padding:clamp(70px,9vw,124px) 0}
.thesis p{font-size:clamp(1.6rem,3.3vw,2.55rem);line-height:1.16;letter-spacing:-.038em;font-weight:500;max-width:23ch}
.thesis .two{margin-top:26px;color:var(--muted);font-size:1.02rem;line-height:1.65;max-width:36rem;font-weight:400;letter-spacing:-.006em}
.thesis strong{font-weight:600}

/* ---------- proof strip ---------- */
.proof{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:stretch}
.proof>div{padding:22px 0 22px 26px;border-left:1px solid var(--rule);display:flex;flex-direction:column;justify-content:center;gap:5px}
.proof>div:first-child{border-left:0;padding-left:0;max-width:15rem}
.proof b{font:600 1.5rem/1 var(--sans);letter-spacing:-.04em}
.proof span{color:var(--muted);font-size:.8rem;line-height:1.45}
.proof .who{color:var(--muted);font-size:.83rem;line-height:1.5}
.proof .who a{border-bottom:1px solid var(--rule)}

/* ---------- numbered sequence ---------- */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule)}
.steps li{padding:24px 22px 22px 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;min-height:250px}
.steps li:last-child{border-right:0}
.steps li+li{padding-left:22px}
.steps .n{font:600 11px/1 var(--mono);color:var(--open-ink);letter-spacing:.1em}
.steps h3{margin:34px 0 10px;font-size:1.1rem;letter-spacing:-.03em}
.steps p{color:var(--muted);font-size:.875rem;line-height:1.55}
.steps code{margin-top:auto;padding-top:16px;display:block;font-size:.72rem;line-height:1.5;color:#39415a;
  overflow-wrap:anywhere}
.steps code .p{color:var(--open-ink)}

/* ---------- terminal ---------- */
.term{background:var(--ink);color:var(--on-dark);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}
.term.plain{box-shadow:none;border:1px solid var(--on-dark-rule)}
.term-head{height:40px;padding:0 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--on-dark-rule);
  font:500 11px/1 var(--mono);color:var(--on-dark-muted)}
.term-head .dot{width:7px;height:7px;border-radius:50%;background:#39415a}
.term-head .t{margin-left:6px}
.term pre{margin:0;padding:17px 18px;overflow-x:auto;font-size:12.5px;line-height:1.72;
  -webkit-overflow-scrolling:touch}
.term pre::-webkit-scrollbar{height:6px}
.term pre::-webkit-scrollbar-thumb{background:#2b3346;border-radius:3px}
.tk-p{color:var(--open-dark)}
.tk-cm{color:#707a92}
.tk-dim{color:#6a7288}
.tk-str{color:#9fd3a8}
.tk-flag{color:#8fb4f5}
.tk-key{color:#e5e8ee;font-weight:500}
.tk-ok{color:#78d39b}
.tk-warn{color:var(--open-dark)}
.tk-num{color:#f0c987}

/* ---------- cards ---------- */
.cards{display:grid;gap:14px}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--rule-soft);border-radius:14px;padding:24px;box-shadow:var(--shadow)}
.card h3{font-size:1.02rem;letter-spacing:-.028em;margin-bottom:9px}
.card.oss{display:block;transition:transform .18s cubic-bezier(.2,.7,.3,1),border-color .18s}
.card.oss:hover{transform:translateY(-2px);border-color:var(--rule)}
.card.oss h3{font-family:var(--mono);font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.card.oss .k{margin-bottom:34px}
.card p{color:var(--muted);font-size:.875rem;line-height:1.6}
.card .k{font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--open-ink);
  display:block;margin-bottom:26px}
.sec.dark .card{background:rgba(255,255,255,.035);border-color:var(--on-dark-rule);box-shadow:none}
.sec.dark .card p{color:var(--on-dark-muted)}
.sec.dark .card .k{color:var(--open-dark)}

/* ---------- witness table (MC/DC) ---------- */
.witness{border:1px solid var(--rule);border-radius:14px;overflow-x:auto;background:var(--card)}
.witness table{width:100%;min-width:30rem;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}
.witness caption{caption-side:top;text-align:left;padding:15px 18px;border-bottom:1px solid var(--rule-soft);
  font:500 11px/1.5 var(--mono);color:var(--muted);letter-spacing:.02em;white-space:normal}
.witness th,.witness td{padding:9px 10px;text-align:center;border-bottom:1px solid var(--rule-soft)}
.witness th{font-weight:500;color:var(--faint);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.witness td:first-child,.witness th:first-child{text-align:left;color:var(--muted);white-space:nowrap}
.witness tbody tr:last-child td{border-bottom:0}
.witness .hit{background:var(--open-soft);color:var(--open-ink);font-weight:600}
.witness thead .hit{background:var(--open-soft);color:var(--open-ink)}
.witness .t{color:var(--ink);font-weight:500}
.witness .f{color:var(--faint)}
.witness tfoot td{background:rgba(16,20,28,.02);text-align:left;font-size:11.5px;color:var(--muted);
  padding:13px 18px;line-height:1.55}

/* ---------- overnight band ---------- */
.overnight{margin-top:clamp(34px,4vw,56px);background:var(--ink);color:var(--on-dark);border-radius:16px;
  padding:clamp(24px,3vw,34px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,54px)}
.overnight figure{margin:0}
.overnight figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px;
  font:500 11px/1 var(--mono);color:var(--on-dark-muted);letter-spacing:.04em}
.overnight figcaption b{font:600 1.55rem/1 var(--sans);letter-spacing:-.045em;color:var(--on-dark)}
.overnight figcaption .t{color:var(--faint)}
.overnight figure+figure figcaption b{color:var(--open-dark)}
.overnight-note{grid-column:1/-1;margin-top:2px;color:var(--on-dark-muted);font-size:.8rem;line-height:1.55}

/* ---------- measured facts ---------- */
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.facts>div{padding:26px 24px 26px 0;border-right:1px solid var(--rule)}
.facts>div+div{padding-left:24px}
.facts>div:last-child{border-right:0}
.facts b{display:block;font-size:clamp(1.9rem,3.4vw,2.7rem);letter-spacing:-.05em;line-height:1;font-weight:600}
.facts span{display:block;margin-top:11px;color:var(--muted);font-size:.83rem;line-height:1.5;max-width:19rem}

/* ---------- matrix (support table) ---------- */
.matrix{border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--card)}
.matrix table{width:100%;border-collapse:collapse;font-size:.86rem}
.matrix th,.matrix td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.matrix thead th{font:600 10.5px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--faint);
  background:rgba(16,20,28,.02)}
.matrix tbody tr:last-child td{border-bottom:0}
.matrix td:first-child{font-weight:550}
.matrix td code{font-size:.82em;color:#39415a}
.matrix .lvl{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font:500 11px/1 var(--mono)}
.matrix .lvl::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--ink)}
.matrix .lvl.partial::before{background:var(--open)}
.matrix .lvl.none::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--faint)}
.matrix .lvl.partial{color:var(--open-ink)}
.matrix .lvl.none{color:var(--muted)}

/* ---------- prompt block ---------- */
.prompt{background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--open);border-radius:0 14px 14px 0;
  padding:24px 26px}
.prompt .k{font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--open-ink)}
.prompt p{margin-top:16px;font-family:var(--mono);font-size:.83rem;line-height:1.8;color:#2b3348}

/* ---------- faq ---------- */
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(30px,5vw,64px);border-top:1px solid var(--rule)}
.faq>div{padding:26px 0;border-bottom:1px solid var(--rule)}
.faq h3{font-size:1rem;letter-spacing:-.025em;margin-bottom:10px}
.faq p{color:var(--muted);font-size:.875rem;line-height:1.6}
.faq code{font-size:.85em;color:#39415a}

/* ---------- cta ---------- */
.cta{padding:clamp(70px,9vw,120px) 0;text-align:center;background:var(--ink);color:var(--on-dark)}
.cta .d2{margin-bottom:20px}
.cta .lede{margin-inline:auto;color:var(--on-dark-muted)}
.cta .cta-row{justify-content:center;margin-top:32px}
.cta .btn{background:var(--card);color:var(--ink)}
.cta .btn:hover{background:#fff}
.cta .btn .arw{color:var(--open-ink)}
.cta .cmd{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04);color:var(--on-dark)}
.cta .cmd .p{color:var(--open-dark)}

/* ---------- docs ---------- */
.docs{display:grid;grid-template-columns:216px minmax(0,1fr) 190px;gap:clamp(26px,4vw,54px);
  align-items:start;padding-bottom:96px}
.docs-nav{position:sticky;top:62px;max-height:calc(100vh - 62px);overflow-y:auto;padding:38px 0 30px}
.docs-nav h4{font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}
.docs-nav h4+ul{margin-bottom:24px}
.docs-nav ul{list-style:none;display:grid;gap:1px}
.docs-nav a{display:block;padding:6px 10px;margin-left:-10px;border-radius:7px;color:var(--muted);
  font-size:.875rem;transition:background .16s,color .16s}
.docs-nav a:hover{background:rgba(16,20,28,.05);color:var(--ink)}
.docs-nav a[aria-current]{background:var(--ink);color:#fff;font-weight:500}
.docs-main{min-width:0;padding:38px 0 0}
.docs-head{padding-bottom:26px;margin-bottom:34px;border-bottom:1px solid var(--rule)}
.docs-head h1{font-size:clamp(2.1rem,4vw,2.9rem);letter-spacing:-.042em}
.docs-head .lede{margin-top:14px;font-size:1.05rem}
.docs-head .src{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font:400 11.5px/1 var(--mono);color:var(--faint)}
.docs-head .src:hover{color:var(--muted)}
.toc{position:sticky;top:62px;max-height:calc(100vh - 62px);overflow-y:auto;padding:38px 0}
.toc h4{font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}
.toc ul{list-style:none;display:grid;gap:8px;border-left:1px solid var(--rule);padding-left:14px}
.toc a{color:var(--muted);font-size:.79rem;line-height:1.4;display:block}
.toc a:hover{color:var(--ink)}
.toc .lv3{padding-left:12px;color:var(--faint)}
.docs-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule);display:flex;
  justify-content:space-between;gap:16px;flex-wrap:wrap}
.docs-foot a{display:grid;gap:4px;font-size:.9rem;font-weight:550}
.docs-foot span{font:400 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.docs-foot .next{text-align:right}

/* ---------- prose ---------- */
.prose{max-width:44rem;font-size:.97rem;line-height:1.72;color:#252c3c}
.prose>*+*{margin-top:19px}
.prose h2{margin:52px 0 0;padding-top:26px;border-top:1px solid var(--rule);font-size:1.5rem;letter-spacing:-.035em;scroll-margin-top:78px}
.prose h3{margin:34px 0 0;font-size:1.12rem;letter-spacing:-.03em;scroll-margin-top:78px}
.prose h4{margin:26px 0 0;font-size:.95rem;scroll-margin-top:78px}
.prose h2+*,.prose h3+*,.prose h4+*{margin-top:13px}
.prose a{color:var(--open-ink);border-bottom:1px solid rgba(180,79,0,.28)}
.prose a:hover{border-bottom-color:var(--open-ink)}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul,.prose ol{padding-left:20px;display:grid;gap:8px}
.prose li{padding-left:3px}
.prose li>ul,.prose li>ol{margin-top:8px}
.prose :not(pre)>code{background:rgba(16,20,28,.055);border-radius:5px;padding:.13em .28em;font-size:.85em;color:#2b3348}
.prose pre{background:var(--ink);color:var(--on-dark);border-radius:12px;padding:16px 18px;overflow-x:auto;
  font-size:12.5px;line-height:1.72}
.prose pre code{background:none;padding:0;color:inherit;font-size:inherit}
.prose blockquote{margin-left:0;padding:2px 0 2px 18px;border-left:3px solid var(--open);color:var(--muted)}
.prose hr{border:0;border-top:1px solid var(--rule);margin:34px 0}
.prose table{width:100%;border-collapse:collapse;font-size:.86rem}
.prose thead th{font:600 10.5px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);
  text-align:left;padding:11px 14px;background:rgba(16,20,28,.03);border-bottom:1px solid var(--rule)}
.prose td{padding:11px 14px;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.prose tbody tr:last-child td{border-bottom:0}
.tw{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;background:var(--card)}
.tw table{min-width:34rem}

/* ---------- minimal landing ---------- */
body.landing{
  min-height:100svh;color:#090909;background:
    radial-gradient(circle at 50% 41%,rgba(255,255,255,.98) 0,rgba(255,255,255,.68) 27%,rgba(255,255,255,0) 58%),
    #f1f0ec;
}
.landing-nav{position:absolute;inset:0 0 auto;z-index:10;padding:8px max(22px,calc((100vw - 980px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}
.landing-brand-lockup{display:flex;align-items:center;gap:8px;min-width:0}
.landing-brand{display:inline-flex;align-items:center;gap:8px;color:#050505;
  font-size:.98rem;font-weight:620;line-height:1;letter-spacing:-.035em}
.landing-brand img{width:24px;height:24px;flex:none}
.landing-brand-divider{color:#a1a1a6;font-size:.88rem;font-weight:400;line-height:1}
.landing-brand-section{color:#424245;font-size:.84rem;font-weight:500;line-height:1;letter-spacing:-.015em}
.landing-brand-section:hover{color:#000}
.landing-nav-links{display:flex;align-items:center;gap:25px}
.landing-nav-links a{display:inline-flex;align-items:center;gap:7px;color:#42413e;font-size:.76rem;font-weight:560;line-height:1;transition:color .18s ease,transform .18s ease}
.landing-nav-links a:hover{color:#050505;transform:translateY(-1px)}
.landing-nav-links img{width:19px;height:19px;border-radius:6px;box-shadow:0 2px 7px rgba(15,18,21,.13)}
.landing-nav-links svg{width:15px;height:15px;fill:currentColor}
.landing-nav-github{height:30px;padding:0 10px;border:1px solid rgba(20,20,20,.09);border-radius:999px;background:rgba(255,255,255,.55);box-shadow:0 4px 12px rgba(28,25,20,.04)}
.landing-nav-github span{font-weight:590}.landing-nav-github em{font-style:normal;font-weight:520;color:#76736e}
.landing-nav-github strong{padding-left:7px;border-left:1px solid rgba(20,20,20,.1);color:#8c6417;font-size:.65rem;font-weight:620;letter-spacing:-.01em;white-space:nowrap}
.landing-sticky-nav{height:52px;position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(29,29,31,.14);background:rgba(250,250,250,.9);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);transition:opacity .18s ease,transform .28s cubic-bezier(.25,.8,.25,1),visibility 0s linear .28s}
.landing-sticky-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.landing-sticky-inner{width:min(980px,calc(100% - 44px));height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.landing-sticky-brand{display:inline-flex;align-items:center;gap:8px;color:#1d1d1f;font-size:.98rem;font-weight:620;line-height:1;letter-spacing:-.035em}
.landing-sticky-brand img{width:24px;height:24px;flex:none}
.landing-sticky-links{display:flex;align-items:center;gap:21px}
.landing-sticky-links a{display:inline-flex;align-items:center;gap:6px;color:#424245;font-size:.75rem;font-weight:500;line-height:1;transition:color .15s ease}
.landing-sticky-links a:hover{color:#000}
.landing-sticky-icon-link img{width:18px;height:18px;border-radius:5px;box-shadow:0 2px 6px rgba(15,18,21,.12)}
.landing-sticky-github svg{width:14px;height:14px;fill:currentColor}
.landing-sticky-copy{height:32px;padding:0 14px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:7px;background:#0071e3;color:#fff;font:560 .75rem/1 var(--sans);white-space:nowrap;box-shadow:0 4px 12px rgba(0,91,210,.18);transition:background .15s ease,transform .15s ease}
.landing-sticky-copy:hover{background:#0077ed;transform:translateY(-1px)}
.landing-sticky-copy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.landing-sticky-copy-short{display:none}
.landing-main{min-height:100svh}
.landing-hero{width:min(100%,1320px);min-height:calc(100svh - 112px);margin-inline:auto;padding:clamp(64px,7vh,80px) 28px clamp(22px,3vh,32px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.landing-object{width:clamp(196px,18vw,252px);margin:0 auto clamp(10px,1.2vw,16px);position:relative}
.landing-object img{width:100%;height:auto;filter:none}
.landing-intro{width:min(100%,1000px);display:flex;flex-direction:column;align-items:center;gap:28px}
.landing-headline{max-width:850px;color:#1d1d1f;font-size:clamp(2rem,3.35vw,3.25rem);font-weight:600;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.headline-agent-phrase,.headline-night{white-space:nowrap}
.headline-agent-cycle{width:.76em;height:.76em;margin:0 .13em .015em .08em;position:relative;display:inline-grid;vertical-align:-.075em;filter:drop-shadow(0 .08em .1em rgba(30,32,39,.12))}
.headline-agent-cycle>span{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.82) rotate(5deg)}
.headline-agent-cycle img{width:100%;height:100%;object-fit:contain}
.headline-moon{width:1.02em;height:1.12em;margin:-.12em -.05em -.22em .08em;padding:.08em .08em .22em;position:relative;display:inline-block;vertical-align:-.2em;transform-origin:50% 54%;isolation:isolate}
.headline-moon::after{content:"";position:absolute;left:21%;right:14%;bottom:13%;height:18%;border-radius:50%;background:rgba(38,40,46,.18);filter:blur(.11em);z-index:-1}
.headline-moon img{width:100%;height:100%;object-fit:contain;filter:none}
.landing-copy{height:34px;min-width:98px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:0;border-radius:999px;background:#0071e3;color:#fff;font:550 .68rem/1 var(--sans);letter-spacing:-.015em;cursor:pointer;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),background .18s,box-shadow .18s}
.landing-copy:hover{background:#0077ed;transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,113,227,.24)}
.landing-copy:active{transform:translateY(0) scale(.98)}
.landing-copy[data-state="copied"]{background:#23663d}
.landing-copy svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.landing-copy-label{white-space:nowrap}

/* ---------- switchable hero prompt compositions ---------- */
.hero-composer{width:100%;display:grid;justify-items:center;gap:12px}
.hero-prompt-variant{max-width:100%}
.hero-prompt-shell{width:max-content;max-width:100%;overflow:hidden;border:1px solid rgba(10,10,10,.1);border-radius:25px;background:rgba(255,255,255,.8);box-shadow:0 1px 1px rgba(0,0,0,.03),0 14px 38px rgba(28,25,20,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hero-prompt-main{display:flex;align-items:center;gap:17px;padding:5px 5px 5px 19px;text-align:left}
.hero-prompt-main p{flex:1;color:#292827;font-size:.94rem;font-weight:500;line-height:1.42;letter-spacing:-.024em;white-space:nowrap}
.hero-prompt-main code{display:inline-block;font:650 .9em/1.42 var(--mono);letter-spacing:-.035em;vertical-align:baseline;white-space:nowrap;background:linear-gradient(92deg,#ef5b4c 0%,#ed9a18 21%,#2aae72 43%,#177ee7 67%,#8159df 84%,#d249a2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-agent-ribbon{min-height:48px;padding:8px 16px;border-top:1px solid rgba(25,25,24,.07);display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(90deg,rgba(247,247,246,.5),rgba(248,246,252,.68),rgba(247,247,246,.5))}
.hero-agent-list{display:flex;align-items:center;gap:15px}.hero-agent-list>span{color:#77736c;font-size:.66rem;font-weight:580;white-space:nowrap}
.hero-agent-inline{display:flex;align-items:center;white-space:nowrap}.hero-agent-inline>div{display:flex;align-items:center;gap:10px}
.hero-agent-inline>div>span{width:22px;height:22px;display:grid;place-items:center;opacity:.78;transition:opacity .18s ease,transform .18s ease}.hero-agent-inline>div>span:hover{opacity:1;transform:translateY(-1px)}
.hero-agent-inline img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(20,24,30,.1))}
.hero-agent-github{display:inline-flex;align-items:baseline;gap:4px;color:#55534f;font-size:.64rem;font-weight:610;line-height:1;white-space:nowrap;transition:color .18s ease,transform .18s ease}.hero-agent-github:hover{color:#111;transform:translate(1px,-1px)}.hero-agent-github b{font-size:.72rem;font-weight:520}
/* ---------- coding-agent workflows ---------- */
.landing-workflows{padding:clamp(96px,9vw,136px) 28px clamp(112px,10vw,154px);background:#f5f5f7}
@media (prefers-reduced-motion:no-preference){
  .landing-object{animation:landing-reveal .76s .08s cubic-bezier(.2,.75,.25,1) both}
  .landing-intro{animation:landing-reveal .76s .16s cubic-bezier(.2,.75,.25,1) both}
  .headline-agent-cycle>span{animation:headline-agent-swap 12s calc(var(--i)*2.4s) ease-in-out infinite}
  .headline-moon{animation:headline-moon-float 4.8s ease-in-out infinite}
  @keyframes landing-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes headline-agent-swap{0%{opacity:0;transform:scale(.8) rotate(7deg)}2%,17%{opacity:1;transform:scale(1) rotate(0)}20%,100%{opacity:0;transform:scale(.82) rotate(-6deg)}}
  @keyframes headline-moon-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.055em) rotate(-3deg)}}
}

/* ---------- looping feature studies ---------- */
.workflow-features{width:min(1120px,100%);margin-inline:auto}
.workflow-feature{min-width:0}
.workflow-visual{position:relative;overflow:hidden;border-radius:34px;isolation:isolate}
.workflow-feature-copy{padding:20px 6px 58px}
.workflow-feature-copy h3{display:inline;color:#1d1d1f;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:630;line-height:1.42;letter-spacing:-.025em}
.workflow-feature-copy p{display:inline;margin-left:3px;color:#77777d;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:510;line-height:1.42;letter-spacing:-.025em}
.workflow-compatibility{margin:0 0 68px}
.compatibility-gallery{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.compat-card{min-width:0}
.compat-visual{height:390px;position:relative;overflow:hidden;border-radius:34px;isolation:isolate}
.compat-card-copy{padding:18px 5px 0}
.compat-card-copy h3{display:inline;color:#1d1d1f;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:630;line-height:1.42;letter-spacing:-.025em}
.compat-card-copy p{display:inline;margin-left:3px;color:#77777d;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:510;line-height:1.42;letter-spacing:-.025em}
.compat-scene-logos>span{position:absolute;width:56px;height:56px;border:1px solid rgba(255,255,255,.84);border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,237,243,.86));box-shadow:0 15px 28px rgba(45,49,71,.15),1px 1px 1px rgba(255,255,255,.95) inset,-1px -2px 4px rgba(55,61,76,.06) inset;backdrop-filter:blur(16px)}
.compat-scene-logos img{width:33px;height:33px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(22,25,32,.1))}

.compat-agents-visual{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96),transparent 24%),radial-gradient(circle at 14% 14%,rgba(188,226,255,.9),transparent 39%),linear-gradient(145deg,#deedff 0%,#e8e2ff 54%,#f8e9ff 100%)}
.compat-agent-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(80,101,178,.25);stroke-width:1;stroke-dasharray:3 7;stroke-linecap:round}
.compat-agent-hub{position:absolute;left:50%;top:48%;width:150px;height:150px;z-index:2;transform:translate(-50%,-50%);pointer-events:none}
.compat-agent-glass{position:absolute;inset:9px;border:1px solid rgba(255,255,255,.78);border-radius:38px;background:rgba(255,255,255,.25);box-shadow:0 16px 42px rgba(72,80,127,.14),0 1px 0 rgba(255,255,255,.74) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none}
.compat-agent-logos>span:nth-child(1){left:9%;top:9%}.compat-agent-logos>span:nth-child(2){right:9%;top:8%}
.compat-agent-logos>span:nth-child(3){left:8%;bottom:11%}.compat-agent-logos>span:nth-child(4){right:8%;bottom:13%}
.compat-agent-logos>span:nth-child(5){left:50%;bottom:4%;transform:translateX(-50%)}
.compat-agent-signal{position:absolute;left:calc(50% - 6px);top:calc(48% - 6px);width:12px;height:12px;border:3px solid rgba(255,255,255,.92);border-radius:50%;background:#4a93f5;box-shadow:0 0 20px rgba(79,116,246,.75)}

/* The glass frame stays put. Only the metal object is the control. */
.compat-agent-button{appearance:none;position:absolute;left:50%;top:50%;width:100px;height:100px;padding:0;border:0;background:transparent;cursor:pointer;overflow:visible;font:inherit;pointer-events:auto;z-index:3;transform:translate(-50%,-50%);transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .22s ease}
.compat-agent-button:hover{transform:translate(-50%,calc(-50% - 3px)) scale(1.025);filter:brightness(1.02)}
.compat-agent-button:active{transform:translate(-50%,calc(-50% + 2px)) scale(.955);transition-duration:.09s}
.compat-agent-button:focus-visible{outline:3px solid rgba(0,113,227,.5);outline-offset:5px;border-radius:29%}
.compat-agent-button>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(40,43,57,.18))}
.compat-agent-copy-ripple{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;border:2px solid rgba(0,113,227,.52);border-radius:29%;opacity:0;transform:translate(-50%,-50%) scale(.72);pointer-events:none}
.compat-agent-button[data-state="copied"] .compat-agent-copy-ripple{animation:compat-agent-copy .68s cubic-bezier(.16,.7,.2,1)}
@keyframes compat-agent-copy{0%{opacity:.8;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}

.compat-suites-visual{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.86),transparent 36%),linear-gradient(145deg,#fff0d8 0%,#ffe3e9 52%,#e7e1ff 100%)}
.workflow-feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}

.codex-window-head{height:52px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.codex-window-head>div{display:flex;align-items:center;gap:8px}.codex-window-head img{width:18px;height:18px}.codex-window-head strong{font-size:.72rem;font-weight:620}
.codex-window-head>span{color:#c8c8ca;font-size:.68rem;font-weight:560}.codex-window-head>i{justify-self:end;color:#727276;font-style:normal;letter-spacing:.14em}
@media (prefers-reduced-motion:no-preference){
  .landing-workflows.is-visible .compatibility-gallery{animation:landing-reveal .7s .14s cubic-bezier(.2,.75,.25,1) both}
  .landing-workflows.is-visible .compat-agent-lines path{animation:compat-dash 12s linear infinite}
  .landing-workflows.is-visible .compat-agent-signal{animation:compat-signal 3.4s ease-in-out infinite}
  .landing-workflows.is-visible .compat-agent-logos img{animation:compat-float 4.8s calc(var(--i)*-.55s) ease-in-out infinite}
  .landing-workflows.is-visible .compat-suite-logos img{animation:compat-float 4.4s calc(var(--i)*-.42s) ease-in-out infinite}
  @keyframes compat-dash{to{stroke-dashoffset:-80}}
  @keyframes compat-signal{0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 28px rgba(79,116,246,.88)}}
  @keyframes compat-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .docs{grid-template-columns:196px minmax(0,1fr)}
  .toc{display:none}
}
@media (max-width:920px){
  .hero{grid-template-columns:1fr;gap:38px}
  .sec-split{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .steps li{border-bottom:1px solid var(--rule);min-height:216px}
  .steps li:nth-child(2n){border-right:0}
  .steps li:nth-child(2n+1){padding-left:0}
  .steps li:nth-child(2n){padding-left:22px}
  .proof{grid-template-columns:1fr 1fr}
  .proof>div:first-child{grid-column:1/-1;max-width:none;padding-bottom:18px;border-bottom:1px solid var(--rule)}
  .proof>div:nth-child(2){padding-left:0;border-left:0}
  .cards.c3,.cards.c4{grid-template-columns:1fr 1fr}
  .overnight{grid-template-columns:1fr;gap:26px}
  .foot-in{grid-template-columns:1fr 1fr}
  .workflow-feature-pair{grid-template-columns:1fr;gap:0}
  .codex-stage{height:580px}
  .codex-stage-copy{left:40px;top:38px;transform:none}
  .codex-window{right:-18px;bottom:-18px;width:calc(100% - 58px);height:390px}
  .compatibility-gallery{grid-template-columns:repeat(3,minmax(340px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:5px}
  .compatibility-gallery::-webkit-scrollbar{display:none}.compat-card{scroll-snap-align:start}
}
@media (max-width:760px){
  :root{--gut:20px}
  .record-head{white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .record-head::-webkit-scrollbar{display:none}
  .record-figure{flex-wrap:wrap;gap:10px}
  .record-figure b{font-size:2.6rem}
  .prose h2{font-size:1.35rem}
  .docs-head h1{font-size:2.1rem}
  .nav-links{display:none}
  .facts,.cards.c2,.cards.c3,.cards.c4,.faq{grid-template-columns:1fr}
  .facts>div{border-right:0;border-bottom:1px solid var(--rule);padding:22px 0}
  .facts>div+div{padding-left:0}
  .facts>div:last-child{border-bottom:0}
  .steps{grid-template-columns:1fr}
  .steps li,.steps li:nth-child(2n){padding-left:0;border-right:0;min-height:0}
  .steps li:last-child{border-bottom:0}
  .proof{grid-template-columns:1fr}
  .proof>div{padding:18px 0;border-left:0;border-bottom:1px solid var(--rule)}
  .proof>div:last-child{border-bottom:0}
  .docs{grid-template-columns:1fr;gap:0}
  /* A scrollable tab strip keeps the page's first screen about the page. */
  .docs-nav{position:static;max-height:none;padding:14px 0 0;margin-bottom:4px;
    border-bottom:1px solid var(--rule)}
  .docs-nav h4,.docs-nav .note{display:none}
  .docs-nav nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px;
    margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}
  .docs-nav nav::-webkit-scrollbar{display:none}
  .docs-nav ul{display:flex;gap:6px}
  .docs-nav a{margin-left:0;white-space:nowrap;border:1px solid var(--rule);border-radius:999px;padding:7px 13px}
  .docs-main{padding-top:26px}
  .foot-in{grid-template-columns:1fr}
  .cmd{font-size:.78rem}
  .thesis p{font-size:clamp(1.5rem,7vw,2rem)}
  .landing-nav{padding:8px 20px;gap:12px}
  .landing-brand{font-size:.98rem;gap:8px}
  .landing-brand img{width:24px;height:24px}
  .landing-nav-links{gap:10px}
  .landing-nav-links a{gap:5px;font-size:.66rem}
  .landing-nav-links img{width:16px;height:16px;border-radius:5px}
  .landing-nav-links svg{width:13px;height:13px}
  .landing-nav-github{height:27px;padding:0 8px}.landing-nav-github strong{padding-left:5px;font-size:.58rem}
  .landing-sticky-inner{width:calc(100% - 24px);gap:12px}
  .landing-sticky-links{gap:8px}
  .landing-sticky-icon-link{width:29px;height:29px;justify-content:center;border:1px solid rgba(29,29,31,.09);border-radius:50%}
  .landing-sticky-icon-link span{display:none}
  .landing-sticky-copy{height:30px;padding:0 11px}
  .landing-sticky-copy-long{display:none}.landing-sticky-copy-short{display:inline}
  .landing-hero{min-height:calc(100svh - 92px);padding:64px 20px 28px;justify-content:center}
  .landing-object{width:clamp(182px,53vw,218px);margin-bottom:12px}
  .landing-intro{gap:22px}
  .landing-headline{max-width:22rem;font-size:clamp(1.7rem,7.5vw,2.1rem);line-height:1.1}
  .landing-copy{height:34px;min-width:98px;padding-inline:11px}
  .hero-composer,.hero-prompt-variant{width:100%}
  .hero-prompt-shell{width:100%;border-radius:22px}
  .hero-prompt-main{gap:10px;padding:6px 6px 6px 14px;flex-wrap:nowrap}
  .hero-prompt-main p{min-width:0;font-size:.78rem;line-height:1.36;white-space:normal}
  .hero-prompt-main code{font-size:.88em;line-height:1.36}
  .hero-prompt-main .landing-copy{min-width:98px}
  .hero-agent-ribbon{min-height:45px;padding:8px 9px;display:flex;justify-content:space-between;gap:9px}
  .hero-agent-list{gap:8px}.hero-agent-list>span{font-size:.59rem}
  .hero-agent-inline>div{gap:7px}.hero-agent-inline>div>span{width:19px;height:19px}.hero-agent-inline img{width:17px;height:17px}
  .hero-agent-github{font-size:.59rem}
  .landing-workflows{padding:90px 20px 78px}
  .workflow-visual{border-radius:26px}
  .workflow-feature-copy{padding:17px 3px 48px}
  .workflow-compatibility{margin-bottom:48px}
  .compatibility-gallery{width:calc(100vw - 20px);grid-template-columns:repeat(3,minmax(310px,82vw));gap:14px;padding-right:20px}
  .compat-visual{height:356px;border-radius:27px}
  .compat-card-copy{padding:15px 3px 0}
  .compat-agent-hub{width:136px;height:136px}.compat-agent-button{width:88px;height:88px}.compat-agent-lines{height:356px}
  .codex-stage{height:520px}
  .codex-aura{right:-90px;bottom:-110px;width:360px;height:280px}
  .codex-stage-copy{left:26px;top:30px;width:280px;font-size:1.36rem;line-height:1.13}
  .codex-window{right:-14px;bottom:-14px;width:calc(100% - 28px);height:350px;border-radius:21px 21px 0 0}
  .codex-window-head{height:46px;padding-inline:13px;grid-template-columns:auto 1fr auto;gap:10px}
  .codex-window-head strong{display:none}.codex-window-head>span{justify-self:center;font-size:.59rem}
  .factory-stage,.reset-stage{height:330px}
  .reset-stage{padding:30px 24px}
}
@media (max-width:430px){.landing-sticky-brand span{display:none}.landing-sticky-links{gap:6px}}
@media (max-width:420px){
  .landing-nav-links{gap:8px}
  .landing-nav-supercorp span{display:none}
  .documentation .landing-brand span{display:none}
  .landing-nav-github em{display:none}
  .landing-nav-github strong{padding-left:5px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .headline-agent-cycle>span{opacity:0!important;transform:none!important}.headline-agent-cycle>span:first-child{opacity:1!important}
}

/* ---------- current landing refinements ---------- */
.landing-object,.landing-intro,.headline-moon{overflow:visible}
@media (prefers-reduced-motion:no-preference){
  .landing-object{animation:landing-fade .76s .08s ease backwards}
  .landing-intro{animation:landing-fade .76s .16s ease both}
  .landing-workflows.is-visible .context-remaining img{animation:hourglass-live 5s ease-in-out infinite}
  .landing-workflows.is-visible .context-transfer i{animation:context-transfer-live 2.8s calc(var(--i,0)*.18s) ease-in-out infinite}
  @keyframes landing-fade{from{opacity:0}to{opacity:1}}
  @keyframes hourglass-live{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}
  @keyframes context-transfer-live{0%,100%{transform:translateX(-2px);opacity:.25}50%{transform:translateX(3px);opacity:1}}
}
.landing-copy{width:104px;min-width:104px}.landing-copy-icons{width:14px;height:14px;position:relative;display:block;flex:none}.landing-copy-icons svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .16s ease,transform .18s ease}.landing-copy-check{opacity:0;transform:scale(.72)}.landing-copy[data-state="copied"]{background:#0071e3}.landing-copy[data-state="copied"] .landing-copy-icons>svg:first-child,.task-copy[data-state="copied"] .landing-copy-icons>svg:first-child{opacity:0;transform:scale(.78)}.landing-copy[data-state="copied"] .landing-copy-check,.task-copy[data-state="copied"] .landing-copy-check{opacity:1;transform:scale(1)}
.hero-agent-list{min-width:0}.hero-agent-list>span{overflow:hidden;text-overflow:ellipsis}.hero-agent-inline{flex:none}.hero-agent-inline>div>span{opacity:.88}

.landing-workflows{padding:26px 28px clamp(112px,10vw,154px)}
.workflow-features{width:min(1120px,100%)}
.workflow-feature-copy{padding-top:18px}
.workflow-feature-copy h3,.compat-card-copy h3{font-weight:650}.workflow-feature-copy p,.compat-card-copy p{color:#6e6e73}
.workflow-compatibility{margin-top:22px}

.codex-window-head{height:58px;padding:0 22px}.codex-window-head>div{gap:9px}.codex-window-head img{width:19px;height:19px}.codex-window-head strong{font-size:.76rem}.codex-window-head>span{font-size:.71rem}

.factory-stage,.reset-stage{height:380px;padding:34px}
.factory-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 10%,rgba(255,255,255,.38) 34%,transparent 58%),radial-gradient(circle at 16% 18%,rgba(221,238,255,.95),transparent 42%),radial-gradient(circle at 84% 82%,rgba(229,214,255,.88),transparent 46%),linear-gradient(145deg,#edf6ff,#f5f0ff)}
.factory-stage::before{content:"24/7";position:absolute;left:50%;top:50%;transform:translate(-50%,-53%);color:rgba(45,57,89,.055);font-size:clamp(7rem,16vw,12rem);font-weight:700;letter-spacing:-.1em;white-space:nowrap}
.factory-eternal{position:absolute;left:34px;top:30px;z-index:3;color:#363943;font-size:.64rem;font-weight:690;letter-spacing:.04em}
.reset-stage{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;background:radial-gradient(circle at 17% 20%,rgba(255,255,255,.8),transparent 35%),linear-gradient(135deg,#fff0dc,#ffe2e9 53%,#e7e2ff)}
.context-remaining{display:grid;align-content:center;justify-items:center;gap:8px;text-align:center}.context-remaining img{width:92px;height:138px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(83,66,92,.2));will-change:transform}.context-remaining p{display:grid;justify-items:center;gap:2px;margin:0;line-height:1}.context-remaining strong{color:#252226;font-size:1.45rem;letter-spacing:-.055em}.context-remaining strong small{margin-left:3px;font-size:.48em;letter-spacing:-.02em}.context-remaining span{color:#796d76;font-size:.58rem;font-weight:610}
.context-transfer{display:grid;justify-items:center;gap:9px}.context-transfer::after{content:"→";color:#8e7e9f;font-size:1rem}.context-transfer i{width:7px;height:7px;border-radius:50%;background:#8a75ee;box-shadow:0 0 13px rgba(110,89,227,.4)}.context-transfer i:nth-child(2){opacity:.66}.context-transfer i:nth-child(3){opacity:.32}
.context-durable{min-height:190px;display:grid;align-content:center;justify-items:center;gap:8px;text-align:center}.context-durable-object{width:96px;height:138px;object-fit:contain;filter:drop-shadow(0 13px 15px rgba(75,62,91,.2));will-change:transform}.context-durable p{display:grid;justify-items:center;gap:2px;margin:0;line-height:1}.context-durable strong{color:#211e22;font-size:1.8rem;line-height:.88;letter-spacing:-.065em}.context-durable span{color:#796d76;font-size:.58rem;font-weight:610;letter-spacing:0}

.workflow-feature-supercorp{margin-top:14px}.supercorp-proof-card{min-height:290px;padding:48px 58px 62px;border-radius:34px;position:relative;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:64px;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.98),transparent 39%),linear-gradient(135deg,#edf0f4,#dddde5 58%,#ece7f2)}.supercorp-proof-brand{display:flex;align-items:center;gap:19px}.supercorp-proof-brand img{width:78px;height:78px;border-radius:22px;box-shadow:0 15px 26px rgba(18,18,22,.18)}.supercorp-proof-brand p{display:grid}.supercorp-proof-brand span{color:#707078;font-size:.7rem;font-weight:580}.supercorp-proof-brand strong{color:#1d1d1f;font-size:1.55rem;letter-spacing:-.045em}.supercorp-proof-stats{display:flex;align-items:center;gap:48px}.supercorp-proof-stats>div{min-width:0;display:grid;grid-template-columns:72px auto;grid-template-rows:auto auto;align-items:center;column-gap:15px}.supercorp-proof-stats>div+div{padding-left:48px;border-left:1px solid rgba(35,35,42,.12)}.supercorp-proof-stats img{grid-row:1/3;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(40,42,54,.15))}.supercorp-proof-stats p{display:contents}.supercorp-proof-stats strong{align-self:end;color:#1d1d1f;font-size:2.25rem;line-height:1;letter-spacing:-.06em}.supercorp-proof-stats span{align-self:start;margin-top:6px;color:#66666d;font-size:.68rem;font-weight:580}.supercorp-proof-note{position:absolute;left:60px;bottom:34px;color:#76767d;font-size:.6rem}.supercorp-proof-card>a{position:absolute;right:58px;bottom:31px;color:#34343a;font-size:.65rem;font-weight:620}.supercorp-proof-card>a:hover{text-decoration:underline}

@media (max-width:920px){
  .codex-stage{height:540px;padding:42px}.codex-window{width:100%;height:100%;right:auto;bottom:auto}.codex-window-body{padding:20px 22px}
  .factory-stage,.reset-stage{height:360px}
}
@media (max-width:760px){
  .landing-nav{padding:8px 20px}.landing-nav-links{gap:10px}
  .hero-agent-ribbon{padding:9px 11px}.hero-agent-list{gap:8px}.hero-agent-list>span{font-size:.55rem}.hero-agent-inline>div{gap:5px}.hero-agent-inline>div>span:nth-child(n+5){display:none}.hero-agent-github{font-size:.56rem}
  .landing-workflows{padding:22px 20px 78px}.workflow-feature-copy{padding-bottom:44px}
  .codex-stage{border-radius:28px}.codex-window-head{height:48px;padding-inline:14px}.codex-window-head strong{display:inline;font-size:.64rem}.codex-window-head>span{font-size:.57rem}
  .compatibility-gallery{grid-template-columns:repeat(3,82vw)}
  .factory-stage,.reset-stage{height:330px;padding:25px 20px}
  .reset-stage{grid-template-columns:1fr 30px 1fr}.context-remaining{display:grid;justify-items:center}.context-remaining img{width:76px;height:112px}.context-remaining p{text-align:center}.context-remaining strong{font-size:1.2rem}.context-remaining strong small{margin-left:2px;font-size:.52em}.context-durable{min-height:0;grid-template-columns:1fr;gap:7px}.context-durable-object{width:70px;height:112px}.context-durable strong{font-size:1.4rem}.context-durable span{font-size:.58rem}
  .supercorp-proof-card{min-height:390px;padding:42px 28px 72px;grid-template-columns:1fr;gap:28px}.supercorp-proof-brand img{width:64px;height:64px;border-radius:18px}.supercorp-proof-stats{gap:24px}.supercorp-proof-stats>div{grid-template-columns:58px auto}.supercorp-proof-stats>div+div{padding-left:24px}.supercorp-proof-stats img{width:58px;height:58px}.supercorp-proof-stats strong{font-size:1.8rem}.supercorp-proof-note{left:28px;right:28px;bottom:44px}.supercorp-proof-card>a{left:28px;right:auto;bottom:20px}
}
@media (max-width:430px){
  .landing-nav-supercorp img{width:17px;height:17px}
  .landing-copy{width:100px;min-width:100px}.hero-prompt-main{padding-left:12px}.hero-prompt-main p{font-size:.72rem}.hero-agent-list>span{max-width:none;font-size:0}.hero-agent-list>span::after{content:"Any coding agent";font-size:.55rem}.hero-agent-inline>div>span:nth-child(n+4){display:none}
  .compatibility-gallery{grid-template-columns:repeat(3,82vw)}
}

/* ---------- composed live-agent scene ---------- */
.codex-stage{height:610px;padding:0;background:radial-gradient(circle at 76% 18%,rgba(67,82,125,.42),transparent 36%),radial-gradient(circle at 64% 100%,rgba(88,48,98,.34),transparent 42%),#09090a}
.codex-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 42%);pointer-events:none}
.codex-stage-message{position:absolute;left:48px;top:50%;width:31%;z-index:3;transform:translateY(-50%);color:#f5f5f7}
.codex-stage-message>span{display:block;margin-bottom:16px;color:#8e8e93;font-size:.66rem;font-weight:620;letter-spacing:.03em;text-transform:uppercase}
.codex-stage-message p{color:#f5f5f7;font-size:clamp(1.2rem,2.1vw,1.66rem);font-weight:590;line-height:1.17;letter-spacing:-.042em}
.task-copy{height:34px;margin-top:18px;padding:0 13px;border:1px solid rgba(255,255,255,.9);border-radius:999px;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#1d1d1f;font:630 .58rem/1 var(--sans);box-shadow:0 10px 24px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.9) inset;transition:transform .15s,background .18s,border-color .18s}.task-copy:hover{background:#f5f5f7;border-color:#fff;transform:translateY(-1px)}.task-copy:active{transform:translateY(1px) scale(.97)}.task-copy .landing-copy-icons{width:13px;height:13px;color:#0071e3}.task-copy[data-state="copied"]{background:#fff;color:#1d1d1f;border-color:#fff}
.codex-stage-object{position:absolute;right:27%;top:4%;width:330px;height:318px;object-fit:contain;opacity:.5;filter:drop-shadow(0 30px 36px rgba(65,108,255,.25));transform:rotate(-13deg);z-index:1}
.codex-window{position:absolute;right:-44px;bottom:-38px;width:71%;height:524px;border:1px solid rgba(255,255,255,.16);border-radius:30px 30px 0 0;overflow:hidden;background:#202022;color:#eee;box-shadow:0 38px 80px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.18) inset;z-index:2}
.codex-window-body{height:calc(100% - 58px);padding:26px 30px;position:relative;overflow:hidden}
.codex-provider-cycle{min-width:136px;height:28px;position:relative;display:block}.codex-provider{position:absolute;inset:0 auto auto 0;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(5px);transition:opacity .32s ease,transform .38s ease;pointer-events:none}.codex-provider.is-active{opacity:1;transform:none}.codex-provider img{width:22px;height:22px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.94}.codex-provider strong{white-space:nowrap}
.codex-live-head{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.08);color:#a1a1a6;font-size:.65rem}.codex-live-head p{font-weight:610}.codex-live-head time{margin-left:auto;color:#737378}.codex-live-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 5px rgba(96,165,250,.1),0 0 15px rgba(96,165,250,.45)}
.codex-live-feed{height:375px;padding:11px 4px 42px;overflow:hidden;scroll-behavior:smooth;pointer-events:none;user-select:none;mask-image:linear-gradient(to bottom,#000 0,#000 91%,transparent 100%)}
.codex-chat-response{margin:8px 0;padding:10px 5px;display:flex;align-items:flex-start;gap:12px}.codex-chat-response .codex-provider-cycle{min-width:22px;width:22px;height:22px;flex:none}.codex-chat-response .codex-provider{width:22px;height:22px}.codex-chat-response .codex-provider img{width:20px;height:20px}.codex-chat-response p{max-width:90%;color:#e7e7ea;font-size:.7rem;line-height:1.48}.codex-chat-response.is-typing p::after{content:"";display:inline-block;width:1px;height:.92em;margin-left:2px;vertical-align:-.08em;background:#59a9ff;animation:codex-caret .8s step-end infinite}

/* ---------- language coverage spectrum ---------- */
.compat-languages-visual{display:grid;place-items:center;background:radial-gradient(circle at 18% 12%,#fff8cf 0,transparent 32%),radial-gradient(circle at 86% 86%,#c9edff 0,transparent 38%),linear-gradient(145deg,#f4f1ff,#eaf4ff 58%,#fff1e2)}
.compat-language-spectrum{width:82%;height:78%;position:relative;display:grid;place-items:center}.compat-language-spectrum::before{content:"";position:absolute;inset:10% 8% 22%;border-radius:50%;background:conic-gradient(from 225deg,#ffba00,#ff496c,#9c58ff,#288cff,#21caad,#ffba00);filter:blur(30px);opacity:.36}.compat-language-mark{width:88px;height:88px;position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 18px 22px rgba(52,67,98,.2))}.compat-language-number{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;align-items:flex-start;z-index:2;font-weight:690;letter-spacing:-.08em}.compat-language-number strong{font-size:5.8rem;line-height:1;color:transparent;background:linear-gradient(115deg,#ffb000,#fa456f 32%,#7e52ed 59%,#188ae8 80%,#20b995);-webkit-background-clip:text;background-clip:text;opacity:.3}.compat-language-number span{margin:8px 0 0 5px;color:#6c55d4;font-size:1.45rem}.compat-language-logos{position:absolute;left:0;right:0;bottom:7%;display:flex;align-items:center;justify-content:space-between;z-index:4}.compat-language-logos>span{width:48px;height:48px;border:1px solid rgba(255,255,255,.88);border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(242,245,251,.72));box-shadow:0 10px 24px rgba(54,64,95,.14),0 1px 0 #fff inset;filter:none}.compat-language-logos img{width:30px;height:30px;object-fit:contain}.compat-language-logos>span[data-logo="javascript"] img{width:31px;height:31px;border-radius:6px;box-shadow:0 5px 10px rgba(161,132,0,.18)}

/* ---------- Supercorp provenance ---------- */
.workflow-feature-supercorp{margin-top:56px}.supercorp-proof-card{min-height:330px;padding:52px 58px;border-radius:34px;display:grid;grid-template-columns:1fr 1px .64fr;align-items:center;gap:56px;background:#fff;box-shadow:0 26px 58px rgba(35,39,55,.07)}.supercorp-proof-main{display:grid;align-content:center}.supercorp-proof-lockup{display:flex;align-items:center;gap:10px;color:#1d1d1f}.supercorp-proof-lockup img{width:36px;height:36px;object-fit:contain}.supercorp-proof-lockup img:first-child{filter:none}.supercorp-proof-lockup strong{font-size:.82rem}.supercorp-proof-lockup span{margin:0 4px;color:#88888e;font-size:.7rem}.supercorp-proof-main h3{margin-top:36px;color:#606066;font-size:1.8rem;font-weight:620;letter-spacing:-.05em}.supercorp-proof-main>p{margin-top:21px;color:#74747a;font-size:.66rem}.supercorp-proof-main>p b{color:#29292d;font-weight:650}.supercorp-proof-divider{width:1px;height:158px;background:#dedee2}.supercorp-proof-stats{display:grid;gap:21px;align-content:center}.supercorp-proof-stats>span{margin-bottom:4px;color:#8a8a90;font-size:.53rem;font-weight:650;letter-spacing:.08em}.supercorp-proof-stats>div{display:grid;grid-template-columns:58px max-content 32px;align-items:center;justify-content:start;gap:14px}.supercorp-proof-stats>div+div{padding:0;border:0}.supercorp-proof-stats img{grid-row:auto;width:58px;height:58px}.supercorp-proof-stats p{display:grid}.supercorp-proof-stats strong{font-size:1.75rem}.supercorp-proof-stats em{margin-top:3px;color:#717177;font-size:.62rem;font-style:normal}.supercorp-proof-card>a{right:58px;bottom:32px}
.supercorp-proof-lockup>a{display:flex;align-items:center;gap:8px;color:#1d1d1f}.supercorp-proof-lockup>a:hover strong{text-decoration:underline;text-underline-offset:3px}.supercorp-proof-lockup>span{margin-inline:4px}.supercorp-proof-products{margin-top:21px;display:flex;gap:22px}.supercorp-proof-products>a{min-width:0;display:grid;grid-template-columns:32px 1fr 12px;align-items:center;column-gap:9px;color:#29292d}.supercorp-proof-products>a>img{width:32px;height:32px;border-radius:9px;object-fit:cover;box-shadow:0 6px 14px rgba(22,24,34,.14)}.supercorp-product-copy{display:grid;gap:1px}.supercorp-product-copy strong{font-size:.7rem;font-weight:650}.supercorp-product-copy small{color:#74747a;font-size:.58rem}.supercorp-proof-products b{color:#85858b;font-size:.68rem}.supercorp-proof-products>a:hover strong{text-decoration:underline;text-underline-offset:3px}.supercorp-stat-object{width:58px;height:58px;position:relative;display:grid;place-items:center}.supercorp-stat-object img{width:58px;height:58px;object-fit:contain}.supercorp-stat-npm .supercorp-stat-download{width:58px;height:58px}.supercorp-stat-link{width:32px;height:32px;border:1px solid #e1e1e5;border-radius:50%;display:grid;place-items:center;position:relative;color:#34343a;background:#fafafa;box-shadow:0 7px 16px rgba(28,28,34,.08)}.supercorp-stat-link svg{width:16px;height:16px;fill:currentColor}.supercorp-stat-link span{position:absolute;right:-4px;top:-5px;width:14px;height:14px;margin:0;border-radius:50%;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-size:.5rem}.supercorp-stat-link:hover{transform:translateY(-1px)}

/* ---------- landing legal footer ---------- */
.landing-footer{padding:78px 28px 34px;overflow:hidden;background:#f5f5f7;color:#6e6e73}.landing-footer-word{width:min(1280px,calc(100% + 28px));margin:0 auto 52px;display:block;color:#1d1d1f;font-size:clamp(5.4rem,18vw,15rem);font-weight:690;line-height:.72;letter-spacing:-.085em;text-align:center}.landing-footer-inner{width:min(1120px,100%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:.72rem}.landing-footer-brand{display:inline-flex;align-items:center;color:#1d1d1f}.landing-footer-brand img{width:30px;height:30px;filter:none}.landing-footer nav{margin-left:auto;display:flex;align-items:center;gap:24px}.landing-footer a{transition:color .18s}.landing-footer nav a:hover{color:#111}

@media (prefers-reduced-motion:no-preference){
  .landing-workflows.is-visible .codex-stage-object{animation:chat-object-float 7s ease-in-out infinite}
  .landing-workflows.is-visible .compat-language-mark{animation:language-mark-live 6s ease-in-out infinite}.landing-workflows.is-visible .compat-language-logos>span{animation:language-logo-live 5s calc(var(--i,0)*-.38s) ease-in-out infinite}
  .landing-workflows.is-visible .supercorp-stat-object>img:first-child{animation:proof-object-float 5.5s ease-in-out infinite}.landing-workflows.is-visible .supercorp-proof-stats>div+div .supercorp-stat-object>img:first-child{animation-delay:-2.4s}
  @keyframes codex-caret{50%{opacity:0}}
  @keyframes chat-object-float{0%,100%{transform:rotate(-13deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-9px)}}
  @keyframes language-mark-live{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-55%) rotate(2deg)}}
  @keyframes language-logo-live{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  @keyframes proof-object-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
}

@media (max-width:920px){.codex-stage-message{left:34px;width:30%}.codex-stage-object{right:23%;width:280px}.codex-window{right:-26px;width:72%}.supercorp-proof-card{gap:34px}.supercorp-proof-main h3{font-size:1.5rem}}
@media (max-width:760px){
  .codex-stage{height:540px}.codex-stage-message{left:24px;top:34px;width:calc(100% - 48px);transform:none}.codex-stage-message>span{margin-bottom:8px}.codex-stage-message p{max-width:21rem;font-size:1.05rem}.codex-stage-object{right:-38px;top:64px;width:230px;opacity:.35}.codex-window{right:-15px;bottom:-18px;width:calc(100% - 34px);height:380px}.codex-window-body{padding:16px 14px}.codex-live-feed{height:278px;padding-bottom:26px}.codex-chat-response{padding:15px 2px}.codex-chat-response p{font-size:.62rem}
  .compat-language-spectrum{width:88%}.compat-language-number strong{font-size:4.8rem}.compat-language-mark{width:76px;height:76px}.compat-language-logos>span{width:38px;height:38px}.compat-language-logos img{width:28px;height:28px}
  .supercorp-proof-card{min-height:560px;padding:38px 26px 46px;grid-template-columns:1fr;gap:28px}.supercorp-proof-lockup{gap:8px;flex-wrap:wrap}.supercorp-proof-main h3{margin-top:28px;font-size:1.45rem}.supercorp-proof-products{gap:20px;flex-wrap:wrap}.supercorp-proof-divider{width:100%;height:1px}.supercorp-proof-stats{gap:18px}.supercorp-proof-stats>div{grid-template-columns:50px max-content 32px}.supercorp-stat-object,.supercorp-stat-object img{width:50px;height:50px}.supercorp-proof-stats strong{font-size:1.55rem}
  .landing-footer{padding:62px 20px 30px}.landing-footer-word{width:100%;margin-bottom:42px}.landing-footer-inner{gap:16px}.landing-footer nav{gap:16px}
}
@media (max-width:430px){.codex-stage-message p{font-size:.94rem}.task-copy{margin-top:12px}.codex-window{width:calc(100% - 22px)}.codex-window-head>span{font-size:.54rem}.codex-provider-cycle{min-width:100px}.codex-provider strong{font-size:.58rem}.factory-stage{height:390px;grid-template-columns:1fr;padding-block:20px}.compat-language-spectrum{width:92%}.supercorp-proof-lockup strong{font-size:.76rem}.landing-footer-inner{gap:12px}.landing-footer nav{margin-left:auto;gap:12px;font-size:.66rem}}

/* ---------- final landing refinements ---------- */
.supercorp-stat-link{width:22px;height:22px;border:0;border-radius:0;display:grid;place-items:center;position:static;color:#34343a;background:transparent;box-shadow:none;font-size:.72rem;font-weight:700}.supercorp-stat-link span{position:static;width:auto;height:auto;margin:0;border-radius:0;display:block;background:transparent;color:inherit;font-size:inherit}.supercorp-stat-link:hover{transform:translate(1px,-1px);color:#0071e3}
.workflow-feature-pair{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr)}
.factory-stage{background:radial-gradient(circle at 18% 20%,rgba(194,227,255,.9),transparent 42%),radial-gradient(circle at 82% 78%,rgba(255,220,184,.82),transparent 44%),linear-gradient(145deg,#f5f8ff,#f2eeff 58%,#fff4e8)}
.factory-stage::before{content:none}
.factory-orbit-scene{width:258px;height:258px;position:relative;display:grid;place-items:center;z-index:2}
.factory-orbit-scene::before{content:"";position:absolute;inset:18px;border-radius:50%;background:conic-gradient(from -78deg,rgba(69,150,255,.08),rgba(69,150,255,.72),rgba(117,104,237,.72),rgba(255,159,81,.72),rgba(255,159,81,.08));filter:blur(13px);opacity:.48}
.factory-orbit-track{position:absolute;inset:25px;border:1px solid rgba(90,111,169,.22);border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.22),0 0 0 13px rgba(99,119,174,.06)}
.factory-orbit-track i{width:13px;height:13px;position:absolute;left:50%;top:50%;border:3px solid rgba(255,255,255,.94);border-radius:50%;background:#368df4;box-shadow:0 0 0 5px rgba(54,141,244,.13),0 0 20px rgba(54,141,244,.6);transform:translate(-50%,-50%) rotate(0deg) translateY(-104px);will-change:transform}
.factory-loop-object{width:156px;height:156px;position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(45,57,89,.23));will-change:transform}
.factory-eternal{left:30px;top:28px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 1px 0 rgba(255,255,255,.8) inset;color:#343842;font-size:.59rem;letter-spacing:.035em}
@media (prefers-reduced-motion:no-preference){.landing-workflows.is-visible .factory-orbit-track i{animation:factory-proof-orbit 7.2s linear infinite}.landing-workflows.is-visible .factory-loop-object{animation:factory-loop-breathe 4.8s ease-in-out infinite}@keyframes factory-proof-orbit{to{transform:translate(-50%,-50%) rotate(360deg) translateY(-104px)}}@keyframes factory-loop-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}}
@media (max-width:920px){.workflow-feature-pair{grid-template-columns:1fr}.factory-stage{display:grid;grid-template-columns:1fr}}
@media (max-width:430px){.factory-stage{height:330px;padding:20px}.factory-orbit-scene{width:220px;height:220px}.factory-orbit-track{inset:22px}.factory-orbit-track i{transform:translate(-50%,-50%) rotate(0deg) translateY(-87px)}.factory-loop-object{width:132px;height:132px}.factory-eternal{left:20px;top:20px}@keyframes factory-proof-orbit{to{transform:translate(-50%,-50%) rotate(360deg) translateY(-87px)}}}
.landing-object{appearance:none;padding:0;border:0;display:block;overflow:visible;background:none;cursor:pointer;isolation:isolate;transform-origin:50% 58%;transition:transform .22s cubic-bezier(.2,.75,.25,1)}
.landing-object:hover{transform:translateY(-3px)}
.landing-object:active{transform:translateY(2px) scale(.955);transition-duration:.09s}
.landing-object:focus-visible{outline:3px solid rgba(0,113,227,.55);outline-offset:8px;border-radius:28%}
.landing-object-ripple{position:absolute;left:50%;top:49%;width:62%;aspect-ratio:1;border:2px solid rgba(0,113,227,.52);border-radius:28%;opacity:0;transform:translate(-50%,-50%) scale(.72);pointer-events:none}
.landing-object[data-state="copied"] .landing-object-ripple{animation:landing-object-copy .68s cubic-bezier(.16,.7,.2,1)}
@keyframes landing-object-copy{0%{opacity:.75;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.38)}}

.copy-toast{width:min(440px,calc(100vw - 28px));padding:13px 14px;position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:100;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;border:1px solid rgba(255,255,255,.72);border-radius:21px;background:rgba(248,248,250,.88);box-shadow:0 20px 55px rgba(23,26,34,.2),0 1px 0 #fff inset;backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);opacity:0;pointer-events:none;transform:translate(-50%,18px) scale(.96);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.78,.25,1)}
.copy-toast.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}
.copy-toast-check{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#35d887,#1eb877);box-shadow:0 8px 18px rgba(30,184,119,.24),0 1px 0 rgba(255,255,255,.7) inset;color:#fff}.copy-toast-check svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.copy-toast-copy{min-width:0;display:grid;gap:1px}.copy-toast-copy strong{color:#1d1d1f;font-size:.76rem}.copy-toast-copy small{color:#6e6e73;font-size:.62rem}.copy-toast-copy code{margin-top:6px;padding:6px 8px;border-radius:8px;background:rgba(110,110,115,.08);color:#4d4d52;font:.5rem/1.35 var(--mono);white-space:normal}

.compatibility-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 24px}.compat-card-agents,.compat-card-mit{grid-column:span 4}.compat-card-suites,.compat-card-languages{grid-column:span 2}
.compat-suites-visual{display:block;background:radial-gradient(circle at 18% 13%,rgba(255,255,255,.94),transparent 38%),linear-gradient(145deg,#e8f2ff,#eee8ff 51%,#fff0e4)}
.compat-mit-visual{display:grid;place-items:center;background:radial-gradient(circle at 84% 12%,rgba(255,255,255,.92),transparent 34%),linear-gradient(145deg,#efeaff 0%,#e8f2ff 50%,#fff1df 100%)}
.compat-open-source-scene{width:min(82%,560px);display:grid;justify-items:start;position:relative}.compat-open-source-scene>span{color:#6c6590;font-size:.58rem;font-weight:680;letter-spacing:.18em}.compat-open-source-scene>strong{margin:-7px 0 -10px;color:#1d1d1f;font-size:clamp(6.2rem,12vw,10.2rem);font-weight:650;line-height:1;letter-spacing:-.09em;text-shadow:0 10px 26px rgba(47,47,60,.09)}.compat-open-source-scene>div{width:100%;display:flex;align-items:center;gap:12px;color:#56535f}.compat-open-source-scene b{font-size:.66rem;font-weight:610}.compat-open-source-scene i{height:1px;flex:1;background:linear-gradient(90deg,rgba(101,89,203,.2),rgba(45,151,214,.62),rgba(244,137,79,.22))}
.compat-language-logos>span[data-logo="python"],.compat-language-logos>span[data-logo="go"]{opacity:.28;filter:grayscale(1) saturate(.2);box-shadow:0 6px 14px rgba(54,64,95,.06),0 1px 0 rgba(255,255,255,.7) inset}

.codex-provider img{filter:none;opacity:1}.provider-codex img,.provider-cursor img,.provider-github-copilot img{filter:brightness(0) invert(1)}
.codex-live-head{padding:0 0 12px;border:0}.codex-live-feed{padding:14px 0 42px;mask-image:linear-gradient(to bottom,#000 0,#000 94%,transparent 100%)}
.codex-tool-message,.codex-chat-response{opacity:0;transform:translateY(10px);transition:opacity .36s ease,transform .42s ease}.codex-tool-message.is-shown,.codex-chat-response.is-shown{opacity:1;transform:none}
.codex-tool-message{margin:13px 0;padding:0;display:block}.codex-tool-message>div{min-width:0;display:grid;grid-template-columns:1fr;gap:4px}.codex-tool-message b{color:#a8a8ad;font-size:.68rem;font-weight:610}.codex-tool-message code{min-width:0;color:#eeeeef;font:.67rem/1.46 var(--mono);overflow-wrap:anywhere}.codex-tool-message small{color:#85858b;font:.56rem/1.44 var(--mono)}.codex-tool-message small::before{content:"↳ ";color:#5caaff}.codex-tool-edit small::before{content:"+ ";color:#64d98a}
.codex-chat-response{margin:15px 0;padding:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:11px}.codex-chat-response .codex-provider-cycle{min-width:24px;width:24px;height:24px}.codex-chat-response .codex-provider,.codex-chat-response .codex-provider img{width:22px;height:22px}.codex-chat-response p{max-width:none;padding-top:0;color:#e8e8ea;font-size:.7rem;line-height:1.5}

.supercorp-stat-npm .supercorp-stat-download{width:68px;height:68px;transform:scale(1.1)}
.landing-footer-inner{border-top:0;padding-top:0}

@media (prefers-reduced-motion:no-preference){.landing-workflows.is-visible .compat-open-source-scene>strong{animation:mit-type-live 6s ease-in-out infinite}@keyframes mit-type-live{0%,100%{letter-spacing:-.09em;filter:none}50%{letter-spacing:-.075em;filter:drop-shadow(0 8px 20px rgba(84,92,214,.12))}}}

@media (max-width:920px){.compatibility-gallery{grid-template-columns:repeat(4,minmax(340px,1fr))}.compat-card{grid-column:auto}}
@media (max-width:760px){.compatibility-gallery{grid-template-columns:repeat(4,82vw)}.codex-tool-message code{font-size:.58rem}.codex-tool-message small{font-size:.5rem}.codex-chat-response{grid-template-columns:24px minmax(0,1fr);gap:8px}.copy-toast{bottom:max(14px,env(safe-area-inset-bottom))}}

/* ---------- intentional finishing pass ---------- */
.landing-object-wrap{width:clamp(196px,18vw,252px);margin:0 auto clamp(10px,1.2vw,16px);position:relative;overflow:visible}
.landing-object-wrap .landing-object{width:100%;margin:0}
.copy-toast-hero{width:330px;padding:14px 17px 15px;position:absolute;left:calc(100% - 2px);top:47%;right:auto;bottom:auto;z-index:8;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;border:0;border-radius:22px 22px 22px 0;background:rgba(0,113,227,.94);box-shadow:0 20px 46px rgba(0,91,210,.27),0 1px 0 rgba(255,255,255,.2) inset;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);color:#fff;text-align:left;transform:translate(12px,-50%) scale(.95);transform-origin:left center}
.copy-toast-hero::after{content:none}
.copy-toast-hero.is-visible{transform:translate(0,-50%) scale(1)}
.copy-toast-hero .copy-toast-check{width:15px;height:15px;margin-top:1px;border-radius:0;background:none;box-shadow:none}
.copy-toast-hero .copy-toast-check svg{width:14px;height:14px;color:#fff;stroke-width:2.2}
.copy-toast-hero .copy-toast-copy{gap:4px;text-align:left}.copy-toast-hero .copy-toast-copy strong{display:block;color:#fff;font-size:.88rem;font-weight:680;line-height:1.32;letter-spacing:-.01em}.copy-toast-hero .copy-toast-copy small{color:rgba(255,255,255,.88);font-size:.62rem;font-weight:520;line-height:1.34;letter-spacing:-.006em}
.copy-toast-hero .copy-toast-copy img{width:16px;height:16px;margin:0 2px;display:inline-block;vertical-align:-3px;filter:brightness(0) invert(1)}

/* This notice belongs to the illustration, rather than to the viewport. */
.copy-toast-agent{width:224px;padding:11px 13px 12px;position:absolute;left:50%;right:auto;top:calc(48% - 88px);bottom:auto;z-index:12;grid-template-columns:14px minmax(0,1fr);align-items:start;gap:8px;border:0;border-radius:17px 17px 17px 0;background:rgba(0,113,227,.92);box-shadow:0 17px 38px rgba(0,91,210,.24),0 1px 0 rgba(255,255,255,.2) inset;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);color:#fff;text-align:left;transform:translate(-50%,calc(-100% + 8px)) scale(.95);transform-origin:center bottom}
.copy-toast-agent::after{content:none}
.copy-toast-agent.is-visible{transform:translate(-50%,-100%) scale(1)}
.copy-toast-agent .copy-toast-check{width:14px;height:14px;margin-top:1px;border-radius:0;background:none;box-shadow:none}
.copy-toast-agent .copy-toast-check svg{width:13px;height:13px;color:#fff;stroke-width:2.25}
.copy-toast-agent .copy-toast-copy{gap:0;text-align:left}
.copy-toast-agent .copy-toast-copy strong{display:block;color:#fff;font-size:.69rem;font-weight:670;line-height:1.34;letter-spacing:-.01em}
.copy-toast-agent .copy-toast-copy img{width:14px;height:14px;margin:0 2px;display:inline-block;vertical-align:-3px;filter:brightness(0) invert(1)}

.compat-suites-visual{padding:0;display:block;background:#050505}
.compat-suites-visual::before,.compat-suites-visual::after{content:"";position:absolute;left:0;right:0;height:48px;z-index:3;pointer-events:none}.compat-suites-visual::before{top:0;background:linear-gradient(#050505 8%,rgba(5,5,5,.86) 35%,transparent)}.compat-suites-visual::after{bottom:0;background:linear-gradient(transparent,rgba(5,5,5,.86) 65%,#050505 92%)}
.compat-suite-track{width:min(80%,286px);position:absolute;left:50%;top:-10px;transform:translateX(-50%)}
.compat-suite-actions{width:100%;display:grid;gap:8px}
.compat-suite-actions>span{height:40px;padding:0 14px;display:flex;align-items:center;gap:10px;border-radius:999px;background:#262628;color:#f5f5f7;box-shadow:0 1px 0 rgba(255,255,255,.065) inset;transform:none!important;animation:none!important}
.compat-suite-actions>span:nth-child(even){margin-left:18px}.compat-suite-actions>span:nth-child(3n){margin-right:14px}
.compat-suite-actions i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#313134;font-style:normal;flex:none}
.compat-suite-actions img{width:17px;height:17px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))}
.compat-suite-actions b{font-size:.67rem;font-weight:540;letter-spacing:-.01em}

.codex-window-body{display:flex;flex-direction:column;box-sizing:border-box}
.codex-live-head{width:min(100%,610px);margin-inline:auto;flex:none}
.codex-live-feed{width:100%;height:auto;min-height:0;flex:1;padding:18px 0 22px;mask-image:none;overflow:hidden}
.codex-tool-message,.codex-chat-response{width:min(100%,610px);margin-left:auto;margin-right:auto;box-sizing:border-box}
.codex-tool-message>div{width:100%}.codex-chat-response{align-items:center}

/* Unrevealed messages must not reserve space. If they do, the feed already
   overflows before its first row appears and the animation scrolls that row
   behind the fixed status header on narrow screens. */
.codex-live-feed [data-stream-item]{height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(8px)}
.codex-live-feed [data-stream-item].is-shown{height:auto;overflow:visible;visibility:visible;opacity:1;transform:none}
.codex-live-feed .codex-tool-message.is-shown{margin-top:13px;margin-bottom:13px}
.codex-live-feed .codex-chat-response.is-shown{margin-top:15px;margin-bottom:15px;padding-top:0;padding-bottom:0}

.compat-card-supercorp{grid-column:1/-1}
.compat-card-supercorp .supercorp-proof-card{height:100%;min-height:350px;padding:48px 54px;border-radius:34px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:54px;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.98),transparent 42%),radial-gradient(circle at 92% 100%,rgba(215,225,255,.85),transparent 50%),linear-gradient(135deg,#f7f8fb,#eceef6);box-shadow:none}
.compat-card-supercorp .supercorp-proof-main h3{margin-top:34px;color:#1d1d1f;font-size:clamp(1.55rem,3vw,2.3rem)}
.compat-card-supercorp .supercorp-proof-stats{display:flex;align-items:center;justify-content:flex-start;gap:34px}
.compat-card-supercorp .supercorp-proof-stats>div{grid-template-columns:58px max-content 22px;gap:12px}.compat-card-supercorp .supercorp-proof-stats>div+div{padding:0;border:0}.compat-card-supercorp .supercorp-proof-stats em{white-space:nowrap}

@media (max-width:920px){.compatibility-gallery{grid-template-columns:repeat(5,minmax(340px,1fr))}.compat-card-supercorp{grid-column:auto}.compat-card-supercorp .supercorp-proof-card{min-height:520px;padding:38px 30px;grid-template-columns:1fr;gap:28px}.compat-card-supercorp .supercorp-proof-stats{align-items:flex-start}}
@media (max-width:760px){.landing-object-wrap{width:clamp(182px,53vw,218px);margin-bottom:12px}.compatibility-gallery{grid-template-columns:repeat(5,82vw)}.compat-suite-track{width:min(80%,270px)}.copy-toast-hero{width:min(340px,calc(100vw - 34px));left:50%;top:auto;bottom:calc(100% + 14px);transform:translate(-50%,10px) scale(.96);transform-origin:center bottom}.copy-toast-hero.is-visible{transform:translate(-50%,0) scale(1)}.copy-toast-agent{width:min(246px,calc(100% - 32px));left:50%;right:auto;top:calc(48% - 78px);transform:translate(-50%,calc(-100% + 8px)) scale(.95);transform-origin:center bottom}.copy-toast-agent.is-visible{transform:translate(-50%,-100%) scale(1)}}

/* ---------- bento hierarchy ---------- */
.compat-card-reset-use,.compat-card-factory-use{grid-column:span 4}
.compat-card-use-case .compat-visual{position:relative;height:390px}
.workflow-use-tag{width:max-content;margin:0 0 9px;padding:5px 9px;border:1px solid rgba(0,113,227,.13);border-radius:999px;display:flex;align-items:center;gap:6px;background:rgba(0,113,227,.06);color:#0066cc;font-size:.55rem;font-weight:670;line-height:1;letter-spacing:.025em}
.workflow-use-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:#0a84ff;box-shadow:0 0 0 3px rgba(10,132,255,.1)}
.workflow-use-tag-visual{position:absolute;left:28px;bottom:24px;z-index:8;margin:0;padding:9px 14px;gap:8px;border-color:rgba(0,113,227,.18);background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(60,74,112,.12),inset 0 1px 0 rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);font-size:.7rem}
.workflow-use-tag-visual::before{width:6px;height:6px}
.compat-card-use-case .compat-card-copy h3,.compat-card-use-case .compat-card-copy p{display:inline}
.workflow-feature-pair{grid-template-columns:1fr 1fr;gap:24px}
.workflow-feature-agent .workflow-visual,.workflow-feature-mit .workflow-visual{height:380px}
.workflow-feature-agent .compat-agent-hub{top:48%}
.compat-metal-mit{display:block;width:min(82%,600px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(45,52,66,.22));transform:translateY(-2px)}

.supercorp-supported{display:grid}.supercorp-supported>a{width:max-content;display:flex;align-items:center;gap:13px;color:#1d1d1f}.supercorp-supported span{color:#77777d;font-size:.68rem;font-weight:610}.supercorp-supported img{width:54px;height:54px;border-radius:15px;object-fit:cover;box-shadow:0 11px 24px rgba(24,26,34,.16)}.supercorp-supported strong{font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.055em}.supercorp-supported>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.compat-card-supercorp .supercorp-proof-main>p{margin-top:14px;color:#707076;font-size:.78rem;font-weight:540;line-height:1.4}

.supercorp-supported span,.supercorp-supported strong{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1;letter-spacing:-.055em}.supercorp-supported span{font-weight:570}.compat-card-supercorp .supercorp-proof-main>p{margin-top:21px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.35;font-weight:540}.compat-card-supercorp .supercorp-proof-stats>div{grid-template-columns:76px max-content 24px;gap:16px}.compat-card-supercorp .supercorp-stat-object,.compat-card-supercorp .supercorp-stat-object img{width:76px;height:76px}.compat-card-supercorp .supercorp-proof-stats strong{font-size:clamp(2.4rem,4vw,3.25rem);line-height:.95}.compat-card-supercorp .supercorp-proof-stats em{margin-top:7px;font-size:clamp(.82rem,1.25vw,1rem);line-height:1.2}

@media (max-width:920px){.compat-card-reset-use,.compat-card-factory-use{grid-column:auto}.workflow-feature-pair{grid-template-columns:1fr}.workflow-feature-agent .workflow-visual,.workflow-feature-mit .workflow-visual{height:360px}}
@media (max-width:430px){.workflow-feature-agent .workflow-visual,.workflow-feature-mit .workflow-visual{height:330px}.workflow-use-tag-visual{left:18px;bottom:18px;padding:8px 12px;font-size:.65rem}.compat-metal-mit{width:90%}.supercorp-supported span,.supercorp-supported strong{font-size:1.45rem}.compat-card-supercorp .supercorp-proof-stats>div{grid-template-columns:64px max-content 20px;gap:12px}.compat-card-supercorp .supercorp-stat-object,.compat-card-supercorp .supercorp-stat-object img{width:64px;height:64px}.compat-card-supercorp .supercorp-proof-stats strong{font-size:2.25rem}.compat-card-supercorp .supercorp-proof-stats em{font-size:.82rem}}

/* ---------- masking MC/DC feature ---------- */
@media (min-width:921px){.compat-card-mcdc{grid-column:1/-1}}
.compat-mcdc-visual{height:410px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 77% 45%,rgba(255,255,255,.94) 0,rgba(255,255,255,.33) 30%,transparent 55%),radial-gradient(circle at 0 0,rgba(202,231,255,.82),transparent 47%),radial-gradient(circle at 100% 100%,rgba(255,218,193,.68),transparent 52%),linear-gradient(135deg,#e8f1ff,#eee9ff 50%,#fff0e7)}
.mcdc-readings{position:absolute;left:6.5%;top:50%;z-index:4;width:45%;display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:#1d1d1f;transform:translateY(-50%)}
.mcdc-readings strong{display:block;font-size:clamp(1.7rem,3.8vw,3.5rem);font-weight:700;line-height:.94;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}
.mcdc-rover{position:absolute;right:3%;top:52%;z-index:3;width:min(45%,480px);height:auto;transform:translateY(-50%);filter:drop-shadow(0 26px 24px rgba(54,61,78,.18))}
.compat-card-mcdc .compat-card-copy{max-width:1050px}.compat-card-mcdc .compat-card-copy h3,.compat-card-mcdc .compat-card-copy p{display:inline}
@media (max-width:920px){.compat-mcdc-visual{height:390px}.mcdc-readings{left:5%;width:44%}.mcdc-rover{right:-1%;width:min(51%,420px)}}
@media (max-width:520px){.compat-mcdc-visual{height:356px}.mcdc-readings{left:22px;top:30px;width:52%;gap:8px;transform:none}.mcdc-readings strong{font-size:clamp(1.22rem,6.4vw,1.65rem)}.mcdc-rover{right:-4%;top:auto;bottom:1%;width:56%;transform:none;filter:drop-shadow(0 17px 16px rgba(54,61,78,.16))}}

.compat-mit-visual{position:relative}
.compat-mit-github{position:absolute;left:50%;bottom:24px;z-index:3;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(29,29,31,.1);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(46,50,65,.14),0 1px 0 rgba(255,255,255,.94) inset;color:#1d1d1f;font-size:.67rem;font-weight:650;transform:translateX(-50%);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.compat-mit-github:hover{background:#fff;box-shadow:0 15px 34px rgba(46,50,65,.18),0 1px 0 #fff inset;transform:translateX(-50%) translateY(-2px)}
.compat-mit-github:active{transform:translateX(-50%) translateY(1px) scale(.98)}
.compat-mit-github:focus-visible{outline:3px solid rgba(0,113,227,.42);outline-offset:3px}
.compat-mit-github svg{width:16px;height:16px;fill:currentColor}.compat-mit-github i{color:#6e6e73;font-size:.72rem;font-style:normal}
@media (max-width:430px){.compat-mit-github{bottom:18px;min-height:40px;padding-inline:14px}}

/* Phones use a single reading column. The desktop bento rhythm stays varied,
   while narrow screens avoid half-visible cards and horizontal scrolling. */
@media (max-width:760px){
  .compatibility-gallery{
    width:100%;
    grid-template-columns:minmax(0,1fr);
    gap:36px;
    padding:0;
    overflow:visible;
    scroll-snap-type:none;
  }
  .compatibility-gallery .compat-card{
    width:100%;
    grid-column:1;
    scroll-snap-align:none;
  }
  .compatibility-gallery .compat-visual:not(.supercorp-proof-card),
  .compat-card-use-case .compat-visual,
  .workflow-feature-agent .workflow-visual,
  .workflow-feature-mit .workflow-visual,
  .compat-mcdc-visual{
    height:356px;
  }
  .compat-card-copy{padding:15px 3px 0}

  .compat-card-supercorp .supercorp-proof-card{
    width:100%;
    height:auto;
    min-height:0;
    padding:34px 24px 36px;
    grid-template-columns:minmax(0,1fr);
    gap:30px;
    align-items:start;
    border-radius:27px;
  }
  .compat-card-supercorp .supercorp-proof-main,
  .compat-card-supercorp .supercorp-proof-stats{min-width:0}
  .supercorp-supported>a{width:100%;gap:10px}
  .supercorp-supported span,
  .supercorp-supported strong{font-size:clamp(1.12rem,5.4vw,1.45rem)}
  .supercorp-supported img{width:48px;height:48px;border-radius:14px}
  .compat-card-supercorp .supercorp-proof-main>p{
    margin-top:17px;
    font-size:1rem;
  }
  .compat-card-supercorp .supercorp-proof-stats{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .compat-card-supercorp .supercorp-proof-stats>div,
  .compat-card-supercorp .supercorp-proof-stats>div+div{
    width:100%;
    padding:0;
    border:0;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 28px;
    gap:13px;
    align-items:center;
  }
  .compat-card-supercorp .supercorp-stat-object,
  .compat-card-supercorp .supercorp-stat-object img{width:58px;height:58px}
  .compat-card-supercorp .supercorp-proof-stats strong{font-size:2.2rem}
  .compat-card-supercorp .supercorp-proof-stats em{
    margin-top:4px;
    font-size:.82rem;
    white-space:normal;
  }
}

/* ---------- maximum-performance proof ---------- */
.compat-card-performance{grid-column:span 2}
.compat-performance-visual{height:410px;display:grid;place-items:center;padding:56px clamp(20px,3vw,42px);background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.98),transparent 37%),radial-gradient(circle at 92% 88%,rgba(183,224,255,.7),transparent 45%),linear-gradient(145deg,#fafaff,#f0edff 56%,#ebf8ff)}
.compat-performance-simple{width:100%;display:grid;place-items:center}
.compat-performance-object{display:block;width:100%;height:auto;object-fit:contain;transform:scale(1.06);transform-origin:center;filter:drop-shadow(0 24px 18px rgba(54,61,78,.22))}
@media (min-width:921px){.compat-card-mcdc{grid-column:span 4}}
@media (max-width:920px){.compat-card-performance{grid-column:auto}.compat-performance-visual{height:390px;padding:48px 34px}}
@media (max-width:760px){.compat-performance-visual{height:410px;padding:48px 18px}.compat-performance-object{transform:scale(1.03);filter:drop-shadow(0 18px 14px rgba(54,61,78,.2))}}

/* ---------- compact proof triplet ---------- */
.workflow-feature-triplet{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.workflow-feature-triplet .workflow-visual{height:380px}
.workflow-feature-triplet .workflow-feature-supercorp{margin-top:0}
.workflow-feature-supercorp .supercorp-mini-card{
  min-height:0;
  padding:34px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:32px;
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 0,rgba(255,255,255,.72),transparent 40%),
    radial-gradient(circle at 94% 100%,rgba(183,201,255,.72),transparent 52%),
    linear-gradient(135deg,#eef2fb,#e3e8f7);
}
.supercorp-mini-support{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  color:#1d1d1f;
  text-decoration:none;
}
.supercorp-mini-label{
  color:#1d1d1f;
  font-size:.74rem;
  font-weight:620;
  line-height:1.05;
  letter-spacing:-.018em;
}
.supercorp-mini-brand{
  display:flex;
  align-items:center;
  gap:9px;
}
.supercorp-mini-support strong{
  font-size:.96rem;
  font-weight:680;
  line-height:1.05;
  letter-spacing:-.03em;
}
.supercorp-mini-support img{
  width:30px;
  height:30px;
  border-radius:9px;
  object-fit:cover;
  box-shadow:0 10px 24px rgba(14,15,22,.16);
}
.supercorp-mini-support:hover strong{
  text-decoration:underline;
  text-underline-offset:3px;
}
.supercorp-mini-stats{
  display:grid;
  gap:24px;
  width:100%;
}
.supercorp-mini-stat{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  align-items:center;
  gap:13px;
}
.supercorp-mini-object,
.supercorp-mini-object img{
  width:60px;
  height:60px;
  display:block;
  object-fit:contain;
}
.supercorp-mini-stat p{margin:0;min-width:0}
.supercorp-mini-stat strong{
  display:block;
  color:#1d1d1f;
  font-size:clamp(1.9rem,2.4vw,2.45rem);
  line-height:.9;
  letter-spacing:-.06em;
}
.supercorp-mini-stat em{
  display:block;
  color:#6e6e73;
  font-size:.76rem;
  font-style:normal;
  font-weight:580;
  line-height:1.2;
}
.supercorp-mini-stat p>em{margin-top:7px}
.supercorp-mini-caption{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:7px;
}
.supercorp-mini-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#55555b;
  font-size:.9rem;
  font-weight:650;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease,color .18s ease;
}
.supercorp-mini-link:hover{color:#1d1d1f;transform:translate(1px,-1px)}
@media (max-width:920px){
  .workflow-feature-triplet{grid-template-columns:1fr;gap:34px}
  .workflow-feature-triplet .workflow-visual{height:360px}
}
@media (max-width:430px){
  .workflow-feature-triplet .workflow-visual{height:330px}
  .workflow-feature-supercorp .supercorp-mini-card{padding:30px 26px}
}

/* ---------- reference-style documentation layout ---------- */
body.documentation{--ink:#1d1d1f;--muted:#6e6e73;--faint:#8a8a90;--rule:rgba(29,29,31,.11);--rule-soft:rgba(29,29,31,.065);--card:#fff;--docs-sidebar:clamp(210px,18vw,250px);min-height:100svh;color:#1d1d1f;background:#fff}
.documentation .landing-nav{position:sticky;top:0;z-index:20;border-bottom:1px solid #d2d2d7;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}
.documentation .docs.wrap{width:min(1400px,100%);min-height:70vh;margin:0 auto;grid-template-columns:var(--docs-sidebar) minmax(0,1fr);gap:0;padding:0;align-items:start;background:#fff}
.documentation .docs-nav{top:48px;width:var(--docs-sidebar);height:calc(100vh - 48px);max-height:calc(100vh - 48px);padding:52px 24px 24px 28px;border:0;display:block;overflow-y:auto;background:#fff;scrollbar-gutter:stable}
.documentation .docs-nav nav{padding:0 0 0 24px;border-left:1px solid #d2d2d7}
.documentation .docs-nav-page{position:relative;display:block;min-height:0;margin:0;padding:4px 0;color:#77777d;font-size:.875rem;font-weight:400;line-height:1.42;border:0;border-radius:0;background:transparent;transition:color .15s ease}
.documentation .docs-nav-page::before{display:none}
.documentation .docs-nav-page::after{content:none}
.documentation .docs-nav-overview{margin-bottom:8px;font-weight:600;color:#6e6e73}
.documentation .docs-nav-page:hover{color:#1d1d1f;background:transparent}
.documentation .docs-nav-page[aria-current]{color:#1d1d1f;font-weight:600;background:transparent;box-shadow:none}
.documentation .docs-nav-page[aria-current]::after{content:"";width:2px;height:28px;position:absolute;left:-25px;top:0;background:#1d1d1f}
.documentation .docs-nav-section{margin:0 0 5px}
.documentation .docs-nav-section-title{margin:0;padding:4px 0;color:#6e6e73;font-size:.875rem;font-weight:600;line-height:1.42}
.documentation .docs-nav-section ul{margin:0;padding:0;display:grid;gap:0}
.documentation .docs-nav-section li{list-style:none}
.documentation .docs-nav-section .docs-nav-page{padding-left:0}
.documentation .docs-nav-source{display:none}
.documentation .toc{display:none}
.documentation .docs-main{width:100%;justify-self:stretch;padding:52px clamp(44px,4.7vw,96px) 120px clamp(64px,7vw,140px)}
.documentation .docs-head{min-height:0;margin:0 0 48px;padding:0 0 42px;border:0;border-bottom:1px solid #d2d2d7;border-radius:0;overflow:visible;background:none;box-shadow:none}
.documentation .docs-head::before{content:none}
.documentation .docs-overview-head{display:block}
.documentation .docs-head-object,.documentation .docs-head .rail{display:none}
.documentation .docs-head h1{max-width:none;color:#1d1d1f;font-size:clamp(2.5rem,3.75vw,3rem);font-weight:600;line-height:1.084;letter-spacing:-.003em}
.documentation .docs-head .lede{max-width:68rem;margin-top:22px;color:#1d1d1f;font-size:1.3125rem;line-height:1.38;letter-spacing:-.012em}
.documentation .docs-head .src{margin-top:22px;padding:0;border:0;border-radius:0;background:none;color:#6e6e73;font-size:.72rem;line-height:1.4}
.documentation .docs-index{display:grid}
.documentation .docs-index-section{position:relative;padding:0 0 48px;border-bottom:1px solid #d2d2d7}
.documentation .docs-index-section+.docs-index-section{padding-top:48px}
.documentation .docs-index-icon{width:22px;height:28px;margin-bottom:18px;border:2px solid #1d1d1f;border-radius:3px;display:block;position:relative}
.documentation .docs-index-icon::before{content:"";position:absolute;left:4px;right:4px;top:7px;height:2px;background:#1d1d1f;box-shadow:0 5px #1d1d1f,0 10px #1d1d1f}
.documentation .docs-index-section h2{margin:0;color:#1d1d1f;font-size:1.68125rem;font-weight:600;line-height:1.125;letter-spacing:.008em}
.documentation .docs-index-links{margin-top:27px;display:grid;gap:18px}
.documentation .docs-index-link{display:block;color:inherit}
.documentation .docs-index-link h3{margin:0;color:#0066cc;font-size:1.0625rem;font-weight:400;line-height:1.47;letter-spacing:-.012em}
.documentation .docs-index-link p{margin:1px 0 0;max-width:66rem;color:#6e6e73;font-size:.875rem;line-height:1.715;letter-spacing:-.012em}
.documentation #quick-start{margin-top:48px!important;padding:48px 0 0;border-top:0;border-radius:0;background:none;box-shadow:none}
.documentation #quick-start h2{font-size:1.68125rem!important;font-weight:600;line-height:1.125;letter-spacing:.008em}
.documentation .term{border:1px solid #dedee2;border-radius:12px;background:#f5f5f7;color:#1d1d1f;box-shadow:none}
.documentation .term-head{border-color:#dedee2;color:#6e6e73}
.documentation .term pre{color:#1d1d1f}
.documentation .term .tk-key{color:#1d1d1f}.documentation .term .tk-cm{color:#77777d}.documentation .term .tk-p{color:#b45100}
.documentation article.docs-main>.prose{max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#1d1d1f;font-size:1.0625rem;line-height:1.53;letter-spacing:-.012em}
.documentation .prose>*{max-width:66rem}
.documentation .prose>.tw,.documentation .prose>pre,.documentation .prose>table{max-width:none}
.documentation .prose>*+*{margin-top:17px}
.documentation .prose h2{margin-top:60px;padding-top:42px;border-color:#d2d2d7;font-size:1.68125rem;font-weight:600;line-height:1.125;letter-spacing:.008em}
.documentation .prose h3{font-size:1.3125rem;font-weight:600;line-height:1.2;letter-spacing:.004em}
.documentation .prose h2+*,.documentation .prose h3+*,.documentation .prose h4+*{margin-top:15px}
.documentation .prose a{color:#0066cc}
.documentation .prose :not(pre)>code{border-color:#dedee2;background:#f5f5f7;color:#333336}
.documentation .prose pre{border:1px solid #dedee2;border-radius:12px;background:#f5f5f7;color:#1d1d1f;box-shadow:none}
.documentation .prose pre .tk-key{color:#1d1d1f}.documentation .prose pre .tk-cm{color:#77777d}.documentation .prose pre .tk-p{color:#b45100}
.documentation .prose blockquote{border-radius:0;background:#f5f5f7;box-shadow:inset 3px 0 #8e8e93;color:#515156}
.documentation .tw{border-color:#dedee2;border-radius:10px;background:#fff}
.documentation .docs-foot{margin-top:64px;padding-top:28px;border-top:1px solid #d2d2d7}
.documentation .docs-foot a{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#0066cc}
.documentation .docs-foot a:hover{background:none;transform:none}

@media (max-width:1020px){
  body.documentation{--docs-sidebar:220px}
  .documentation .docs-nav{padding:48px 20px 24px}
  .documentation .docs-main{padding:48px 40px 104px 52px}
}
@media (max-width:760px){
  .documentation .docs.wrap{grid-template-columns:1fr;background:#fff}
  .documentation .docs-nav{position:static;width:100%;height:auto;max-height:none;padding:14px 0 0;border-right:0;border-bottom:1px solid #d2d2d7;background:#fff;display:block;overflow:visible}
  .documentation .docs-nav nav{margin:0;padding:0 16px 14px;border-left:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .documentation .docs-nav nav::-webkit-scrollbar{display:none}
  .documentation .docs-nav-section{display:contents}
  .documentation .docs-nav-section-title{display:none}
  .documentation .docs-nav-section ul{margin:0;padding:0;display:flex;gap:6px}
  .documentation .docs-nav-page,.documentation .docs-nav-section .docs-nav-page{min-height:auto;margin:0;padding:7px 12px;border:1px solid rgba(29,29,31,.1);border-radius:999px;background:#fff;white-space:nowrap;font-size:.75rem}
  .documentation .docs-nav-page::before,.documentation .docs-nav-page::after{display:none}
  .documentation .docs-nav-overview{margin:0}
  .documentation .docs-nav-page[aria-current]{color:#0066cc;background:#f0f5ff}
  .documentation .docs-nav-source{display:none}
  .documentation .docs-main{width:100%;padding:42px 20px 78px}
  .documentation .docs-head{margin-bottom:34px;padding:0 0 30px}
  .documentation .docs-head h1{font-size:2.5rem;line-height:1.08}
  .documentation .docs-head .lede{font-size:1rem}
  .documentation article.docs-main>.prose{padding:0}
}

/* ---------- documentation color modes and mobile containment ---------- */
body.documentation{
  --docs-bg:#fff;--docs-surface:#fff;--docs-code:#f5f5f7;--docs-text:#1d1d1f;
  --docs-muted:#6e6e73;--docs-faint:#8a8a90;--docs-rule:#d2d2d7;
  --docs-rule-soft:#dedee2;--docs-link:#0066cc;--docs-active:#f0f5ff;
  --docs-header:rgba(255,255,255,.94);--docs-glyph-filter:none;
  --ink:var(--docs-text);--muted:var(--docs-muted);--faint:var(--docs-faint);
  --rule:var(--docs-rule);--rule-soft:var(--docs-rule-soft);--card:var(--docs-surface);
  color:var(--docs-text);background:var(--docs-bg);color-scheme:light;
}
@media (prefers-color-scheme:dark){
  html:not([data-theme]) body.documentation{
    --docs-bg:#0b0b0c;--docs-surface:#0b0b0c;--docs-code:#1c1c1e;--docs-text:#f5f5f7;
    --docs-muted:#a1a1a6;--docs-faint:#8e8e93;--docs-rule:#38383a;
    --docs-rule-soft:#2c2c2e;--docs-link:#2997ff;--docs-active:rgba(41,151,255,.15);
    --docs-header:rgba(11,11,12,.9);--docs-glyph-filter:invert(1);color-scheme:dark;
  }
}
html[data-theme="dark"] body.documentation{
  --docs-bg:#0b0b0c;--docs-surface:#0b0b0c;--docs-code:#1c1c1e;--docs-text:#f5f5f7;
  --docs-muted:#a1a1a6;--docs-faint:#8e8e93;--docs-rule:#38383a;
  --docs-rule-soft:#2c2c2e;--docs-link:#2997ff;--docs-active:rgba(41,151,255,.15);
  --docs-header:rgba(11,11,12,.9);--docs-glyph-filter:invert(1);color-scheme:dark;
}
html[data-theme="light"] body.documentation{color-scheme:light}

.docs-theme-toggle{width:30px;height:30px;padding:0;border:0;display:grid;place-items:center;background:transparent;color:var(--docs-muted);cursor:pointer;transition:color .15s ease,transform .15s ease}
.docs-theme-toggle:hover{color:var(--docs-text);transform:translateY(-1px)}
.docs-theme-toggle:active{transform:translateY(0) scale(.94)}
.docs-theme-toggle:focus-visible{outline:2px solid var(--docs-link);outline-offset:1px;border-radius:50%}
.docs-theme-icon{grid-area:1/1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.docs-theme-icon-moon{fill:currentColor;stroke:none}.docs-theme-icon-sun{display:none}
@media (prefers-color-scheme:dark){
  html:not([data-theme]) .documentation .docs-theme-icon-moon{display:none}
  html:not([data-theme]) .documentation .docs-theme-icon-sun{display:block}
}
html[data-theme="dark"] .documentation .docs-theme-icon-moon{display:none}
html[data-theme="dark"] .documentation .docs-theme-icon-sun{display:block}
html[data-theme="light"] .documentation .docs-theme-icon-moon{display:block}
html[data-theme="light"] .documentation .docs-theme-icon-sun{display:none}

.documentation .landing-nav{border-color:var(--docs-rule);background:var(--docs-header)}
.documentation .landing-brand,.documentation .landing-brand-section,.documentation .landing-nav-links a{color:var(--docs-text)}
.documentation .landing-brand-divider{color:var(--docs-faint)}
.documentation .landing-brand-section:hover,.documentation .landing-nav-links a:hover{color:var(--docs-text)}
.documentation .landing-brand img,.documentation .landing-footer-brand img{filter:var(--docs-glyph-filter)}
.documentation .landing-nav-github{border-color:var(--docs-rule-soft);background:var(--docs-code);box-shadow:none}
.documentation .docs.wrap,.documentation .docs-nav{background:var(--docs-bg)}
.documentation .docs-nav nav{border-color:var(--docs-rule)}
.documentation .docs-nav-page,.documentation .docs-nav-overview,.documentation .docs-nav-section-title{color:var(--docs-muted)}
.documentation .docs-nav-page:hover,.documentation .docs-nav-page[aria-current]{color:var(--docs-text)}
.documentation .docs-nav-page[aria-current]::after{background:var(--docs-text)}
.documentation .docs-head,.documentation .docs-index-section,.documentation .prose h2,.documentation .docs-foot{border-color:var(--docs-rule)}
.documentation .docs-head h1,.documentation .docs-head .lede,.documentation .docs-index-section h2{color:var(--docs-text)}
.documentation .docs-head .src,.documentation .docs-index-link p{color:var(--docs-muted)}
.documentation .docs-index-icon{border-color:var(--docs-text)}
.documentation .docs-index-icon::before{background:var(--docs-text);box-shadow:0 5px var(--docs-text),0 10px var(--docs-text)}
.documentation .docs-index-link h3,.documentation .prose a,.documentation .docs-foot a{color:var(--docs-link)}
.documentation .term,.documentation .prose pre{border-color:var(--docs-rule-soft);background:var(--docs-code);color:var(--docs-text)}
.documentation .term-head{border-color:var(--docs-rule-soft);color:var(--docs-muted)}
.documentation .term pre,.documentation .term .tk-key,.documentation .prose pre .tk-key{color:var(--docs-text)}
.documentation .term .tk-cm,.documentation .prose pre .tk-cm{color:var(--docs-muted)}
.documentation .term .tk-p,.documentation .prose pre .tk-p{color:#ff9f0a}
.documentation article.docs-main>.prose{color:var(--docs-text)}
.documentation .prose :not(pre)>code{border-color:var(--docs-rule-soft);background:var(--docs-code);color:var(--docs-text)}
.documentation .prose blockquote{background:var(--docs-code);box-shadow:inset 3px 0 var(--docs-faint);color:var(--docs-muted)}
.documentation .prose thead th{background:var(--docs-code);color:var(--docs-faint);border-color:var(--docs-rule)}
.documentation .tw{border-color:var(--docs-rule-soft);background:var(--docs-surface)}
.documentation .landing-footer{background:var(--docs-code);color:var(--docs-muted)}
.documentation .landing-footer-word{color:var(--docs-text)}

@media (max-width:760px){
  body.documentation{max-width:100%;overflow-x:clip}
  .documentation .docs.wrap{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr);overflow-x:clip}
  .documentation .docs-nav{min-width:0;max-width:100%;border-color:var(--docs-rule);background:var(--docs-bg)}
  .documentation .docs-nav nav{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .documentation .docs-nav-page,.documentation .docs-nav-section .docs-nav-page{border-color:var(--docs-rule-soft);background:var(--docs-surface)}
  .documentation .docs-nav-page[aria-current]{color:var(--docs-link);background:var(--docs-active)}
  .documentation .docs-main,.documentation article.docs-main>.prose{min-width:0;max-width:100%}
  .documentation .docs-head h1{font-size:clamp(2.15rem,10vw,2.5rem);overflow-wrap:anywhere}
  .documentation .docs-head .lede,.documentation .docs-head .src,.documentation .prose p,.documentation .prose li,.documentation .prose a{overflow-wrap:anywhere}
  .documentation .prose>*{min-width:0;max-width:100%}
  .documentation .prose :not(pre)>code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
  .documentation .prose pre,.documentation .term pre,.documentation .tw{max-width:100%;min-width:0;overflow-x:auto}
  .documentation .landing-nav-links>a[href="/docs"]{display:none}
}
@media (max-width:520px){
  .documentation .landing-nav{padding-inline:16px}
  .documentation .landing-brand span{display:inline}
  .documentation .landing-nav-links{gap:8px}
  .documentation .landing-nav-supercorp,.documentation .landing-nav-github{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%}
  .documentation .landing-nav-supercorp span,.documentation .landing-nav-github span{display:none}
}
@media (max-width:350px){.documentation .landing-brand span{display:none}}