/* Supplied qj-landing.html, scoped to this preview; shared shell tokens remain isolated. */

.landing{
  color-scheme: light;
  --bg:#fdfcfa; --bg-2:#f6f3ee; --surface:#ffffff; --surface-2:#f5f2ec;
  --ink:#052d57; --ink-2:#3a5578; --ink-3:#7b8ba3;
  --rule:#e0dbd1; --rule-soft:#ece8df;
  --accent:#1a4fa0; --accent-deep:#143f82; --accent-soft:#e6ecf5; --accent-glow:transparent;
  --teal:#0e7c74; --teal-soft:#e2f0ee;
  --amber:#8a6014; --amber-soft:#f6efdf;
  --ok:#1f7a45; --warn:#d9542b;
  --navy:#111e3d; --navy-2:#1b2c52; --navy-ink:#e8ecf5; --navy-dim:#93a0bd;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a;
  --grid:#e4e0d8;
  --code-bg:#132347; --code-ink:#e9eef8; --code-dim:#8e9cba; --code-key:#ff7b72; --code-str:#f5c542;
  --shadow:none; --shadow-lg:none;
  --r:0px; --r-sm:0px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --sans:Inter,-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .landing{
    color-scheme: dark;
    --bg:#0c1630; --bg-2:#101c3a; --surface:#132244; --surface-2:#182a50;
    --ink:#eef1f7; --ink-2:#a9b1c4; --ink-3:#76809a;
    --rule:#27395f; --rule-soft:#1f2f52;
    --accent:#7fa6e6; --accent-deep:#6b95d9; --accent-soft:#1a2c55; --accent-glow:transparent;
    --teal:#4fb8ae; --teal-soft:#0f2a27;
    --amber:#d8ab52; --amber-soft:#2a2314;
    --ok:#4cb583; --warn:#f07a52;
    --navy:#081026; --navy-2:#132244; --navy-ink:#e8ecf5; --navy-dim:#8494b5;
    --s1:#3987e5; --s2:#d95926; --s3:#199e70;
    --grid:#26261f;
    --code-bg:#0a1330; --code-dim:#8494b5;
    --shadow:none; --shadow-lg:none;
  }
}
html[data-theme="dark"] .landing{
  color-scheme: dark;
  --bg:#0c1630; --bg-2:#101c3a; --surface:#132244; --surface-2:#182a50;
  --ink:#eef1f7; --ink-2:#a9b1c4; --ink-3:#76809a;
  --rule:#27395f; --rule-soft:#1f2f52;
  --accent:#7fa6e6; --accent-deep:#6b95d9; --accent-soft:#1a2c55; --accent-glow:transparent;
  --teal:#4fb8ae; --teal-soft:#0f2a27;
  --amber:#d8ab52; --amber-soft:#2a2314;
  --ok:#4cb583; --warn:#f07a52;
  --navy:#081026; --navy-2:#132244; --navy-ink:#e8ecf5; --navy-dim:#8494b5;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70;
  --grid:#26261f;
  --code-bg:#0a1330; --code-dim:#8494b5;
  --shadow:none; --shadow-lg:none;
}
.landing *{box-sizing:border-box}
.landing{scroll-behavior:smooth}
.landing{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
.landing .wrap{max-width:1280px;margin:0 auto;padding-inline:28px}
.landing h1{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:calc(clamp(28px,4.2vw,50px) + 1px);line-height:1.14;text-wrap:balance;margin:0;overflow-wrap:break-word}
.landing h2{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:calc(clamp(19px,2.3vw,26px) + 1px);line-height:1.25;text-wrap:balance;margin:0;overflow-wrap:break-word}
.landing h3{font-family:var(--sans);font-weight:650;font-size:19px;line-height:1.32;letter-spacing:-.012em;margin:0;text-wrap:balance}
.landing p{margin:0}
.landing a{color:var(--accent)}
.landing .mono{font-family:var(--mono)}
.landing .num{font-variant-numeric:tabular-nums}
.landing :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.landing .eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px}
.landing .eyebrow::before{content:"";width:14px;height:1px;background:var(--ink-3);flex:none}
.landing .lede{font-size:18px;line-height:1.58;color:var(--ink-2);max-width:62ch}
.landing .cap{font-size:13.5px;color:var(--ink-3);margin-top:10px;line-height:1.55}
.landing .micro{font-size:13.5px;color:var(--ink-3)}

/* ---------- nav ---------- */
.landing .landing-nav{background:transparent;position:sticky;top:env(safe-area-inset-top,0px);z-index:40;border-bottom:0;transition:background .2s,border-color .2s}
.landing .landing-nav.scrolled{background:rgba(253,252,250,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--rule)}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .landing .landing-nav.scrolled{background:rgba(12,22,48,.94)}}
html[data-theme="dark"] .landing .landing-nav.scrolled{background:rgba(12,22,48,.94)}
.landing .nav-in{display:flex;align-items:center;gap:24px;height:60px}
.landing .landing-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:650;font-size:16px;letter-spacing:-.01em;flex:none}
.landing .landing-brand svg{flex:none}
.landing .landing-nav-links{display:flex;gap:2px;flex:1;flex-wrap:nowrap;overflow:hidden}
.landing .landing-nav-links a{color:var(--ink-2);text-decoration:none;font-size:14.5px;white-space:nowrap;padding:6px 10px;border-radius:8px;transition:background .15s,color .15s}
.landing .landing-nav-links a:hover{color:var(--ink)}
.landing .nav-cta{background:var(--accent);color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:9px 16px;white-space:nowrap;flex:none}
@media (max-width:900px){
.landing .landing-nav-links{display:none}}

/* ---------- section sub-nav ---------- */
.landing .subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 60px);z-index:30;background:rgba(253,252,250,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:0}
html:not([data-theme="light"]) .landing .subnav{background:rgba(12,22,48,.88)}
@media (prefers-color-scheme: light){
html:not([data-theme="dark"]) .landing .subnav{background:rgba(253,252,250,.92)}}
html[data-theme="dark"] .landing .subnav{background:rgba(12,22,48,.88)}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .landing .subnav{background:rgba(12,22,48,.92)}}
html[data-theme="dark"] .landing .subnav{background:rgba(12,22,48,.92)}
.landing .subnav-in{display:flex;gap:4px;overflow-x:auto;padding-block:8px;scrollbar-width:none}
.landing .landing-nav-links{justify-content:flex-end;gap:8px;margin-right:10px}
.landing .landing-nav-links a{color:var(--ink);font-weight:600;border-radius:0;padding:6px 4px;margin:0 6px;border-bottom:1.5px solid transparent}
.landing .landing-nav-links a:hover,.landing .landing-nav-links a.active{color:var(--ink);border-bottom-color:var(--ink)}
.landing .subnav a.active{color:var(--ink);border-bottom-color:var(--ink)}
.landing .nav-actions{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}
.landing .icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:1px solid transparent;cursor:pointer;padding:0}
.landing .icon-btn:hover{border-color:var(--rule);color:var(--accent)}
.landing .ic-moon{display:none}
html[data-theme="dark"] .landing .ic-moon{display:block}
html[data-theme="dark"] .landing .ic-sun{display:none}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .landing .ic-moon{display:block}
html:not([data-theme="light"]) .landing .ic-sun{display:none}}
.landing .nav-cta{border:1px solid var(--accent);margin-left:6px;transition:background .15s,color .15s}
.landing .nav-cta:hover{background:transparent;color:var(--accent)}
.landing .btn:hover{background:transparent;color:var(--accent)}
.landing .hero .btn:hover{background:transparent;color:var(--accent);border-color:var(--accent)}
.landing .hero .btn.ghost:hover{background:transparent;color:#021a36;border-color:#021a36;border-width:1.5px}
.landing .btn.orange,.landing .hero .btn.orange{background:#e4661a;border-color:#e4661a;color:#fff;border-radius:4px}
.landing .btn,.landing .icon-btn{border-radius:4px}
.landing .prompt-box,.landing .answer-box,.landing .strip-cell,.landing .rel-cell,.landing .route,.landing .aud>div,.landing .surface,.landing .panel,.landing .plan,.landing .skill,.landing .slot,.landing .kpi,.landing pre.code,.landing .env{border-radius:4px}
.landing .hero .hero-kicker{color:#e4661a;font-size:13.5px;margin-bottom:-6px}
.landing .hero .hero-kicker::before{background:#e4661a}
.landing .btn.orange:hover,.landing .hero .btn.orange:hover{background:transparent;color:#e4661a;border-color:#e4661a}
.landing .nav-cta{background:#e4661a;border-color:#e4661a;border-radius:4px}
.landing .nav-cta:hover{background:transparent;color:#e4661a}
.landing .subnav a{color:var(--ink);border-bottom-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.landing .subnav a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.landing .subnav-label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:7px 12px 7px 0;white-space:nowrap;align-self:center}
.landing .subnav-in::-webkit-scrollbar{display:none}
.landing .subnav a{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;padding:7px 12px;white-space:nowrap;border-bottom:1px solid transparent}
.landing .subnav a:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* ---------- hero ---------- */
.landing .hero{background:transparent;color:var(--ink);position:relative;overflow:visible;clip-path:inset(-120px 0 0 0);isolation:isolate;min-height:calc(80vh - 60px);display:flex;align-items:center}
.landing .hero::before{top:-120px!important}
.landing .hero::before{content:"";position:absolute;inset:-12% 0 0 0;z-index:-2;filter:blur(46px) saturate(1.1);
  background:
    radial-gradient(42% 58% at 80% 28%,rgba(242,160,70,.55),transparent 64%),
    radial-gradient(30% 42% at 18% 78%,rgba(217,84,43,.30),transparent 66%),
    radial-gradient(26% 34% at 56% 92%,rgba(255,196,130,.55),transparent 62%),
    radial-gradient(32% 36% at 36% 14%,rgba(250,214,160,.65),transparent 62%),
    radial-gradient(18% 26% at 92% 82%,rgba(232,120,60,.35),transparent 60%),
    linear-gradient(120deg,var(--bg) 0%,var(--bg) 100%)}
.landing .hero::after{content:"";position:absolute;inset:0;top:-120px;z-index:-1;background:linear-gradient(180deg,rgba(253,252,250,0) 0%,rgba(253,252,250,.15) 55%,rgba(253,252,250,.9) 100%)}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .landing .hero::after{background:linear-gradient(180deg,rgba(12,22,48,0) 0%,rgba(12,22,48,.2) 55%,rgba(12,22,48,.9) 100%)}}
html[data-theme="dark"] .landing .hero::after{background:linear-gradient(180deg,rgba(12,22,48,0) 0%,rgba(12,22,48,.2) 55%,rgba(12,22,48,.9) 100%)}
.landing .hero-in{position:relative;padding-block:clamp(56px,8vw,104px) clamp(48px,6vw,72px);display:grid;gap:26px;width:100%}
.landing .hero h1{color:var(--ink);max-width:30ch}
.landing .hero h1 .hl{color:#e4661a;font-weight:400}
.landing .hero .lede{color:var(--ink);max-width:72ch;font-size:18.5px}
.landing .hero .hl{color:#e4661a;font-weight:650}
.landing .hero .eyebrow{color:var(--ink-3)}
.landing .hero-points{list-style:none;margin:10px 0 0;padding:18px 0 0;border-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px;max-width:1100px}
.landing .hero-points li{display:grid;gap:4px}
.landing .hero-points b{font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-weight:600}
.landing .hero-points span{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
@media (max-width:900px){
.landing .hero-points{grid-template-columns:repeat(2,1fr)}}
.landing .dpath{font-family:var(--mono);font-size:calc(clamp(16px,2.2vw,26px) + 1px);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2px;margin:8px 0 26px;color:var(--ink)}
.landing .dpath .d{font-weight:700}
.landing .dpath .dot{color:var(--ink-3)}
.landing .dpath .dom{color:#e4661a;font-weight:600}
.landing .dpath .sub{color:var(--accent);font-weight:600}
.landing .dpath .rt{color:var(--ink)}
.landing .dpath .arrow{margin:0 16px;color:var(--ink-3)}
.landing .dpath .prov{font-size:calc(.6em + 0.4px);color:var(--ink-2);border:1px solid var(--rule);padding:6px 10px;border-radius:4px;background:var(--surface)}
.landing .dpath .prov b{color:var(--ok);font-weight:600}
.landing .domtree{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--rule)}
.landing .drow{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:0 8px;padding:9px 0;border-bottom:1px solid var(--rule-soft);font-family:var(--mono)}
.landing .dpre{color:var(--ink-3);font-size:14px}
.landing .drow b{color:#e4661a;font-size:14.5px;font-weight:600}
.landing .dsep{color:var(--ink-3);font-size:14px;margin-left:-6px}
.landing .dchips{display:flex;flex-wrap:wrap;gap:4px;margin-left:4px}
.landing .dchip{font-size:12px;color:var(--ink-2);border:1px solid var(--rule);background:var(--surface);padding:2px 7px;border-radius:3px}
@media (max-width:900px){
.landing .domtree{grid-template-columns:1fr}}
.landing .domgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:4px;overflow:hidden}
.landing .domgrid>div{background:var(--surface);padding:14px 16px;display:grid;gap:4px}
.landing .domgrid b{font-family:var(--mono);font-size:14px;color:#e4661a;font-weight:600}
.landing .domgrid span{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
@media (max-width:900px){
.landing .domgrid{grid-template-columns:repeat(2,1fr)}}
.landing .dom-points{grid-template-columns:repeat(3,1fr);max-width:none;margin-top:22px}
.landing .cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.landing .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid var(--accent);background:var(--accent);color:#fff;transition:background .15s,color .15s}
.landing .btn:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.landing .hero .btn{background:var(--accent);color:#fff;border-color:var(--accent)}
.landing .hero .btn:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.landing .btn.ghost,.landing .hero .btn.ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.landing .hero .btn.ghost:hover{background:rgba(5,45,87,.06)}
/* ticker */
.landing .ticker{margin-top:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:12px;display:grid;gap:10px}
.landing .ticker-hd{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-dim)}
.landing .ticker-row{display:flex;flex-wrap:wrap;gap:8px 26px}
.landing .ticker-row span{font-size:15px;color:#e6ecf8;font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;align-items:baseline;gap:8px}
.landing .ticker-row i{font-style:normal;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#f2b56b}
/* receipts tape */
.landing .tape{margin-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.landing .tape-hd{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-dim)}
.landing .tape-hd b{color:#8fd3a5;font-weight:500}
.landing .tape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.landing .tape-cell{background:rgba(11,21,48,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:13px 14px;display:grid;gap:5px;min-width:0}
.landing .tape-cell .inst{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#f2b56b}
.landing .tape-cell .route{font-family:var(--mono);font-size:11.5px;color:#a9b6d6;background:none;border:0;padding:0;border-radius:0;white-space:normal;overflow-wrap:anywhere}
.landing .tape-cell .val{font-size:22px;font-weight:650;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.landing .tape-cell .val small{font-size:13px;font-weight:400;color:#c9d3ea;letter-spacing:0;margin-left:4px}
.landing .tape-cell .rid{font-family:var(--mono);font-size:11px;color:#6f7f9c;display:flex;justify-content:space-between;gap:8px}
@media (max-width:900px){
.landing .tape-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){
.landing .tape-grid{grid-template-columns:1fr}}
.landing .env{background:var(--code-bg);overflow:hidden;border:1px solid rgba(255,255,255,.12);margin:0}
.landing .env-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.landing .env-top span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--code-dim)}
.landing .env-top b{color:#8fd3a5;font-weight:500}
.landing pre{margin:0;overflow-x:auto}
.landing pre.code{font-family:var(--mono);font-size:13.5px;line-height:1.66;padding:16px;color:var(--code-ink)}
.landing pre.code .k{color:var(--code-key)}
.landing pre.code .s{color:var(--code-str)}
.landing pre.code .c{color:var(--code-dim)}
.landing pre.code .n{color:#ffa657}
.landing pre.code .f{color:#79c0ff}
.landing pre.code .r{color:#f2b56b}
.landing pre.code .k{color:#ff7b72}
.landing pre.code .j{color:#79c0ff}

/* ---------- strip (floats over hero edge) ---------- */
.landing .strip{background:transparent;border:0;position:relative;z-index:2;margin-top:0;padding-top:28px}
.landing .strip-in{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:4px;overflow:hidden}
@media (max-width:1000px){
.landing .strip-in{grid-template-columns:repeat(3,1fr)}}
.landing .strip-cell{background:var(--surface);padding:14px 16px}
.landing .strip-cell a{color:var(--accent)}
.landing .strip-cell b{display:block;font-size:23px;font-weight:650;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.landing .strip-cell span{font-size:13px;color:var(--ink-2);display:block;margin-top:3px;line-height:1.35}
@media (max-width:760px){
.landing .strip-in{grid-template-columns:1fr 1fr}}
.landing .rel{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:14px}
.landing .rel-cell{background:var(--surface);padding:16px 18px}
.landing .rel-cell b{display:block;font-size:23px;font-weight:650;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--accent)}
.landing .rel-cell span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:4px}
@media (max-width:760px){
.landing .rel{grid-template-columns:1fr 1fr}}
.landing .live-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:center;padding:14px 18px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);margin-top:14px}
.landing .live{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start}
.landing .live b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.landing .live em{font-style:normal;display:block;font-size:13px;color:var(--ink-3);line-height:1.45;margin-top:2px}
.landing .live-dot{width:8px;height:8px;background:var(--amber);margin-top:5px}
.landing .live-dot.ok{background:var(--ok)}
.landing .live-link{font-size:13.5px;white-space:nowrap;text-decoration:none;font-weight:600}
@media (max-width:900px){
.landing .live-strip{grid-template-columns:1fr 1fr}}
@media (max-width:600px){
.landing .live-strip{grid-template-columns:1fr}}
.landing section{border-bottom:0}
.landing .sec-in{padding-block:clamp(48px,7vw,80px)}
.landing .sec-head{display:grid;gap:12px;max-width:68ch;margin-bottom:32px}

/* ---------- cards (shared) ---------- */
.landing .aud>div,.landing .surface,.landing .fig,.landing .panel,.landing .plan,.landing .skill,.landing .slot,.landing .note,.landing .tok,.landing .kpi{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r)}
.landing .aud,.landing .surfaces,.landing .kpis,.landing .tokgrid,.landing .skills-grid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:4px;overflow:hidden}
.landing .aud>div,.landing .surface,.landing .kpi,.landing .tok,.landing .skill{border:0}
.landing .aud{grid-template-columns:repeat(3,1fr)}
.landing .aud>div{padding:24px;display:grid;gap:8px;align-content:start}
.landing .aud .eyebrow{color:#e4661a;font-weight:700;font-size:18px}
.landing .aud .eyebrow::before{display:none}
.landing .aud p{font-size:15px;color:var(--ink-2)}
@media (max-width:780px){
.landing .aud{grid-template-columns:1fr}}

/* ---------- surfaces ---------- */
.landing .surfaces{grid-template-columns:repeat(3,1fr)}
.landing .surface{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.landing .surface-hd{padding:13px 16px;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:2px}
.landing .surface-hd strong{font-size:14.5px;font-weight:650}
.landing .surface-hd span{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.03em}
.landing .surface pre.code{background:var(--code-bg);flex:1;font-size:12.5px;line-height:1.62}
@media (max-width:820px){
.landing .surfaces{grid-template-columns:1fr}}

/* ---------- figures & diagrams ---------- */
.landing .fig{padding:0;margin:0;background:transparent;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:16px}
.landing .diagram-box{background:transparent;border:0;padding:0}
.landing .fig figcaption{font-size:13.5px;color:var(--ink-3);margin-top:12px;padding-top:12px;border-top:1px solid var(--rule-soft);max-width:82ch;line-height:1.55}
.landing .diagram-scroll{overflow-x:auto}
.landing .diagram-scroll svg{display:block;min-width:700px;width:100%;height:auto}
.landing .variants .diagram-scroll{max-width:calc(90% - 26px);margin-left:26px}
.landing .dg-box{fill:var(--surface-2);stroke:var(--rule);stroke-width:1}
.landing .dg-core{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1}
.landing .dg-agent{fill:var(--surface-2);stroke:currentColor;stroke-width:1.4}
.landing .dg-warn{fill:none;stroke:var(--s2);stroke-width:1.4;stroke-dasharray:4 3}
.landing .dg-ok{fill:none;stroke:var(--accent);stroke-width:1.4}
.landing .dg-perim{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:5 4}
.landing .dg-t{font-family:var(--sans);font-size:12.5px;fill:currentColor}
.landing .dg-t.b{font-weight:600;font-size:13.5px}
.landing .dg-s{font-family:var(--mono);font-size:10.5px;fill:var(--ink-3);letter-spacing:.02em}
.landing .dg-lbl{font-family:var(--mono);font-size:10.5px;fill:var(--ink-3)}
.landing .dg-h{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;fill:currentColor}
.landing .dg-n{font-family:var(--mono);font-size:11px;font-weight:600;fill:var(--accent)}
.landing .dg-f{font-family:var(--sans);font-size:12.5px;fill:var(--warn)}
.landing .dg-p{font-family:var(--sans);font-size:12.5px;fill:var(--ink-2)}

/* ---------- token comparison ---------- */
.landing .tokgrid{grid-template-columns:repeat(4,1fr);margin-top:24px}
.landing .tok{padding:18px}
.landing .tok.lead{background:var(--navy);color:#fff}
.landing .tok.lead span,.landing .tok.lead em{color:var(--navy-dim)}
.landing .tok span{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.4;min-height:32px}
.landing .tok b{display:block;font-size:29px;font-weight:650;line-height:1.1;margin:6px 0 4px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.landing .tok.lead b{color:#fff}
.landing .tok em{font-style:normal;font-size:13px;color:var(--ink-2);display:block;line-height:1.45}
@media (max-width:820px){
.landing .tokgrid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
.landing .tokgrid{grid-template-columns:1fr}
.landing .tok span{min-height:0}}

/* ---------- three ---------- */
.landing .three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.landing .three>div{display:grid;gap:8px;align-content:start;padding-top:14px;border-top:2px solid var(--accent)}
.landing .three h3{font-size:18px}
.landing .three p{font-size:15px;color:var(--ink-2)}
.landing .three>div>.mono{font-size:12.5px;color:var(--ink-3);display:block}
@media (max-width:860px){
.landing .three{grid-template-columns:1fr;gap:22px}}

/* ---------- before/after ---------- */
.landing .ba{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.landing .ba-col{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:var(--shadow)}
.landing .ba-hd{padding:13px 16px;border-bottom:1px solid var(--rule-soft);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.landing .ba-hd strong{font-size:14.5px;font-weight:650}
.landing .ba-hd span{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.landing .ba pre.code{background:var(--code-bg);flex:1;font-size:12.5px;line-height:1.6}
@media (max-width:700px){
.landing .ba{grid-template-columns:1fr}}

/* ---------- objection ---------- */
.landing .objection{background:transparent;border:0;border-left:3px solid var(--amber);padding:4px 0 4px 18px;margin-bottom:34px;max-width:92ch}
.landing .objection p:last-child{font-size:15.5px;color:var(--ink-2);line-height:1.62;margin-top:8px}
.landing .objection strong{color:var(--ink);font-weight:650}
.landing .objection .eyebrow{color:var(--amber)}
.landing .objection .eyebrow::before{background:var(--amber)}

/* ---------- ladder ---------- */
.landing .band{margin-top:6px}
.landing .band:first-of-type{margin-top:24px}
.landing .band:first-of-type{margin-top:0}
.landing .band-hd{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--rule);margin-bottom:0;cursor:pointer;list-style:none;user-select:none}
.landing .band-hd::-webkit-details-marker{display:none}
.landing .fold{width:22px;height:22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative}
.landing .fold::before,.landing .fold::after{content:"";position:absolute;background:var(--ink)}
.landing .fold::before{width:10px;height:1.5px}
.landing .fold::after{width:1.5px;height:10px;transition:transform .15s}
.landing details.band[open]>.band-hd .fold::after,.landing details.note[open]>.note-hd .fold::after{transform:scaleY(0)}
.landing .band-hd:hover h3{color:var(--accent-deep)}
.landing details.band[open]>.band-hd{border-bottom-color:var(--accent)}
.landing .band-hd h3{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;color:var(--ink)}
.landing .band-hd span{font-size:13.5px;color:var(--ink-3);margin-left:auto;text-align:right}
.landing .rung{position:relative;padding:34px 0 34px 58px;display:grid;gap:18px}
.landing .rung::before{content:"";position:absolute;left:19px;top:0;bottom:0;width:1px;background:var(--rule)}
.landing .rung:last-child::before{bottom:auto;height:60px}
.landing .rung-hd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline}
.landing .rung-meta{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-3);text-align:right;white-space:nowrap}
.landing .rung-meta b{font-weight:500;color:var(--accent)}
@media (max-width:800px){
.landing .rung-hd{grid-template-columns:1fr}
.landing .rung-meta{text-align:left;white-space:normal}}
.landing .rung-n{position:absolute;left:0;top:34px;width:38px;height:38px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;border:0;padding:0;margin:0}
.landing .rung-hd p{font-size:14px;color:var(--ink-3);margin-top:3px}
.landing .vchip{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule);background:var(--surface);padding:7px 12px;text-align:center;line-height:1.25;white-space:nowrap}
.landing .vchip b{display:block;font-size:19px;letter-spacing:0;color:var(--ink);font-weight:650}
.landing .vchip i{display:block;font-style:normal;font-size:10.5px;letter-spacing:.05em;color:var(--ink-3);margin-top:3px}
.landing .vchip.lead{border-color:var(--accent);background:var(--accent-soft);color:var(--ink-2)}
.landing .vchip.lead b{color:var(--accent)}
.landing .vchip.lead i{color:var(--ink-3)}
@media (max-width:700px){
.landing .rung{padding-left:0}
.landing .rung::before{display:none}
.landing .rung-n{position:static;width:32px;height:32px}
.landing .rung-hd{grid-template-columns:auto 1fr auto;align-items:center}}
.landing .rung>.routes,.landing .rung>details.sdk{margin-left:106px}
@media (max-width:700px){
.landing .rung>.routes,.landing .rung>details.sdk{margin-left:0}}
.landing .prompt{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;background:transparent;border:0;padding:0;font-size:17px;line-height:1.5}
.landing .prompt .eyebrow{margin:0;padding-top:14px}
.landing .prompt-box{background:var(--accent-soft);border:1px solid #cdd8ea;padding:14px 18px;max-width:100ch}
@media (max-width:700px){
.landing .prompt{grid-template-columns:1fr;gap:6px}
.landing .prompt .eyebrow{padding-top:0}}
.landing .prompt .eyebrow{display:flex;color:var(--accent)}
.landing .prompt .eyebrow::before{display:none}
.landing .routes{display:flex;flex-wrap:wrap;gap:6px}
.landing .route{font-family:var(--mono);font-size:12.5px;padding:4px 9px;background:var(--surface);border:1px solid var(--rule);color:var(--ink-2);white-space:nowrap}
.landing .route i{font-style:normal;color:var(--accent)}
.landing details.sdk{border:0;background:none;margin-top:-4px}
.landing details.sdk summary{cursor:pointer;list-style:none;padding:0;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--accent);user-select:none;display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%}
.landing details.sdk summary::after{content:"";flex:1;height:1px;background:var(--rule);min-width:40px}
.landing details.sdk summary::-webkit-details-marker{display:none}
.landing details.sdk summary::before{content:"\25B8  ";color:var(--ink-3)}
.landing details.sdk[open] summary::before{content:"\25BE  "}
.landing details.sdk summary:hover{color:var(--ink)}
.landing details.sdk pre.code{background:var(--code-bg);font-size:14px;line-height:1.72;padding:16px 18px;margin-top:10px;tab-size:2;white-space:pre}
.landing .panel{padding:18px;box-shadow:var(--shadow)}
.landing .kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.landing .kpis.k3{grid-template-columns:repeat(3,1fr)}
.landing .kpis.k4{grid-template-columns:repeat(4,1fr)}
@media (max-width:700px){
.landing .kpis.k3,.landing .kpis.k4{grid-template-columns:repeat(2,1fr)}}
.landing .kpi{padding:14px 16px;position:relative}
.landing .kpi::before{display:none}
.landing .kpi span{display:block;font-size:12.5px;color:var(--ink-3)}
.landing .kpi b{display:block;font-size:24px;font-weight:650;line-height:1.2;margin-top:4px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.landing .kpi em{font-style:normal;font-size:13px;color:var(--ink-2);display:block;margin-top:2px}
.landing .answer{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;background:transparent;border:0;padding:0}
.landing .answer>.eyebrow{margin:0;padding-top:16px}
.landing .answer-box{background:#eef5ee;border:1px solid #cfdfd0;padding:16px 18px 18px;display:grid;gap:16px;min-width:0}
@media (max-width:700px){
.landing .answer{grid-template-columns:1fr;gap:6px}
.landing .answer>.eyebrow{padding-top:0}}
.landing .answer>.eyebrow{color:var(--ok)}
.landing .answer>.eyebrow::before{display:none}
.landing .answer .lead{font-size:16.5px;line-height:1.6;color:var(--ink);max-width:88ch}
.landing .answer .lead.more{font-size:15.5px;color:var(--ink-2);margin-top:-6px}
.landing .answer .lead b{font-weight:650}
.landing .answer .panel{border:1px solid #cfdfd0;background:var(--surface);padding:16px}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]) .landing .answer-box{background:#0f2a22;border-color:#1f4a38}
html:not([data-theme="light"]) .landing .prompt-box{border-color:#2d4a80}
html:not([data-theme="light"]) .landing .answer .panel,html:not([data-theme="light"]) .landing .answer .kpis{border-color:#1f4a38;background:var(--surface)}}
html[data-theme="dark"] .landing .answer-box{background:#0f2a22;border-color:#1f4a38}
html[data-theme="dark"] .landing .prompt-box{border-color:#2d4a80}
html[data-theme="dark"] .landing .answer .panel,html[data-theme="dark"] .landing .answer .kpis{border-color:#1f4a38;background:var(--surface)}
.landing .answer .kpis{background:#cfdfd0;border:1px solid #cfdfd0}
.landing .answer .kpi{background:var(--surface)}
.landing .src-tag{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--amber);text-transform:none;letter-spacing:0;display:block}
.landing table{border-collapse:collapse;width:100%;font-size:14.5px;font-variant-numeric:tabular-nums}
.landing th,.landing td{text-align:right;padding:8px 11px;border-bottom:1px solid var(--rule-soft)}
.landing th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-weight:500;background:var(--surface-2)}
.landing th:first-child,.landing td:first-child{text-align:left}
.landing tbody tr:last-child td{border-bottom:0}
.landing tbody tr:hover td{background:var(--surface-2)}
.landing td.pos{color:var(--ok)}
.landing td.neg{color:var(--s2)}
.landing td.mut{color:var(--ink-3);font-style:italic}
.landing table.tidy{font-size:14px}
.landing table.tidy td,.landing table.tidy th{padding:7px 10px;text-align:right}
.landing table.tidy td:first-child,.landing table.tidy th:first-child{text-align:left;color:var(--ink-3)}
.landing table.tidy tbody td{color:var(--ink)}
.landing table.tidy td.src{font-family:var(--mono);font-size:11.5px;color:var(--amber)}
.landing .scroll-x{overflow-x:auto}
.landing figure{margin:0}
.landing svg.chart{display:block;width:100%;height:auto;overflow:visible}
.landing .tick{font-size:11.5px;fill:var(--ink-3);font-variant-numeric:tabular-nums;font-family:var(--mono)}
.landing .endlab{font-size:12px;font-weight:600;fill:var(--ink-2);font-family:var(--mono)}
.landing .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin-bottom:10px}
.landing .legend span{display:inline-flex;align-items:center;gap:6px}
.landing .key{width:14px;height:3px;border-radius:2px}

/* ---------- skills ---------- */
.landing .skills-grid{grid-template-columns:repeat(4,1fr);margin-top:26px}
.landing .skill{padding:18px;display:grid;gap:7px;align-content:start}
.landing .skill-id{font-family:var(--mono);font-size:11.5px;color:var(--amber);letter-spacing:.02em;overflow-wrap:break-word}
.landing .skill h3{font-size:16.5px}
.landing .skill p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.landing .skill-map{font-size:13px;color:var(--ink-3);border-top:1px solid var(--rule-soft);padding-top:9px;margin-top:3px}
@media (max-width:900px){
.landing .skills-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){
.landing .skills-grid{grid-template-columns:1fr}}
.landing .skills-cta{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:center;margin-top:36px;border:0;border-top:1px solid var(--rule);padding:24px 0 0}
.landing .skills-cta pre.code{background:var(--code-bg);border-radius:var(--r-sm);font-size:13px}
.landing .skills-cta pre.code .c{display:block;margin-bottom:2px;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
@media (max-width:820px){
.landing .skills-cta{grid-template-columns:1fr}}

/* ---------- skill notes ---------- */
.landing .notes{display:grid;grid-template-columns:1fr;gap:0}
.landing .sub-h3{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:calc(clamp(16px,1.8vw,21px) + 1px);color:var(--ink);margin:0}
.landing .sub-head{margin-top:56px;padding-top:28px;border-top:1px solid var(--rule)}
.landing .sub-head .lede{margin-top:10px;max-width:70ch}
.landing .note{position:relative;margin-left:0;margin-top:6px}
.landing .note-n{position:absolute;left:-58px;top:0;width:38px;height:38px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}
.landing .note:last-child::before{display:none}
.landing .note .note-sec>figure{max-width:620px}
.landing .note .note-sec>.scroll-x{max-width:760px}
.landing .note .note-sec p,.landing .note .note-sec ul{max-width:82ch}
@media (max-width:760px){
.landing .note{margin-left:0}
.landing .note-n{position:static;margin:0 0 10px}
.landing .note::before{display:none}}
.landing .note{padding:0;overflow:visible;display:flex;flex-direction:column;background:transparent;border:0;border-top:1px solid var(--rule)}
.landing .note .prompt{margin:16px 0 14px;font-size:16px}
.landing .note .answer-box{gap:0}
.landing .note .answer-box .note-sec:first-child{padding-top:0}
.landing .note .note-ft{padding-bottom:0}
.landing .note .prompt .eyebrow{color:var(--accent);display:flex}
.landing .note .prompt b{font-weight:650;color:var(--ink)}
.landing .note-prompt{font-size:15.5px;line-height:1.45;color:var(--ink);font-weight:500}
.landing .note-sec{padding:16px 0;border-bottom:1px solid var(--rule-soft)}
.landing .note-sec h4{margin:0 0 9px;font-family:var(--mono);font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.landing .note-sec.q h4{color:var(--amber)}
.landing .note-sec.warn{background:transparent;border-left:3px solid var(--amber);padding-left:16px;border-bottom-color:color-mix(in srgb,var(--amber) 40%,transparent)}
.landing .note-sec.warn h4{color:var(--amber)}
.landing .note-sec p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.landing .note-sec ul{margin:0;padding-left:17px;display:grid;gap:5px}
.landing .note-sec li{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.landing .note-sec b{color:var(--ink);font-weight:650}
.landing .note figure svg{max-width:100%}
.landing .note-ft{margin-top:auto;padding:13px 0;display:grid;gap:7px;background:transparent}
.landing .note-ft span{font-size:12px;line-height:1.5;color:var(--ink-3);overflow-wrap:break-word}
.landing .note-ft b{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}
.landing .note{display:block}
.landing .note-hd{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;padding:18px 0 16px;cursor:pointer;list-style:none;position:relative}
.landing .note-hd::-webkit-details-marker{display:none}
.landing .note-hd .fold{margin-top:2px}
.landing .note-hd-t{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.landing .note.plain .note-hd{cursor:default}
.landing .fold.none{visibility:hidden}
.landing .note-hd-t .skill-id{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--accent)}
.landing .note-hd-t h3{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;color:var(--ink);margin:0}
.landing .note-hd-t p{font-size:15px;line-height:1.55;color:var(--ink-2);margin:0}
.landing .note-hd-t h3::after{content:" —";color:var(--ink-3)}
.landing .note-hd:hover h3{color:var(--accent-deep)}
.landing details.note[open]>.note-hd{border-bottom:1px solid var(--accent);margin-bottom:4px}
.landing .note-body{display:flex;flex-direction:column;padding-bottom:26px}
.landing .skills-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;align-items:baseline}
.landing .skills-links a{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent)}
.landing .skills-links a:hover{color:var(--accent-deep)}
.landing .skills-links span{font-size:15px;color:var(--ink-2)}
.landing .skills-why{display:grid;grid-template-columns:1fr 1.6fr;gap:26px;margin-top:36px;border-top:2px solid var(--ink);padding-top:24px}
@media (max-width:820px){
.landing .skills-why{grid-template-columns:1fr;gap:16px}}
.landing .skills-why ol{margin:0;padding-left:20px;display:grid;gap:11px}
.landing .skills-why li{font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.landing .skills-why b{color:var(--ink);font-weight:650}

/* ---------- sources ---------- */
.landing .src-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:780px){
.landing .src-split{grid-template-columns:1fr}}
.landing .src-hd{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--rule);margin-bottom:14px}
.landing .src-hd b{font-size:29px;font-weight:650;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.landing .src-hd span{font-size:14px;color:var(--ink-2)}
.landing .src-list{display:flex;flex-wrap:wrap;gap:6px}
.landing .src-list span{font-family:var(--mono);font-size:12.5px;padding:4px 9px;border:1px solid var(--rule);color:var(--ink-2);background:var(--surface)}
.landing .src-note{font-size:14px;color:var(--ink-3);margin-top:14px;max-width:56ch}

/* ---------- testimonial slots ---------- */
.landing .slot-warn{border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);background:var(--amber-soft);padding:14px 18px;border-radius:var(--r);font-size:14.5px;color:var(--ink-2);margin-bottom:22px;max-width:78ch}
.landing .slot-warn b{color:var(--ink)}
.landing .slots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.landing .slot{border-style:dashed;padding:18px;display:grid;gap:12px;align-content:start;min-height:190px}
.landing .slot .tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.landing .slot .q{font-size:17.5px;line-height:1.45;color:var(--ink-3);font-style:italic}
.landing .slot .who{font-size:13.5px;color:var(--ink-3);border-top:1px solid var(--rule-soft);padding-top:10px;margin-top:auto}
.landing .slot .who b{display:block;color:var(--ink-2);font-weight:600}
@media (max-width:860px){
.landing .slots{grid-template-columns:1fr}}

/* ---------- limits / pricing ---------- */
.landing .limits{display:grid;gap:13px;max-width:72ch}
.landing .limit{font-size:15.5px;color:var(--ink-2);position:relative;padding-left:22px}
.landing .limit b{color:var(--ink);font-weight:650}
.landing .limit::before{content:"—";position:absolute;left:0;color:var(--ink-3)}
.landing .plans{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:700px){
.landing .plans{grid-template-columns:1fr}}
.landing .plan{padding:26px;display:grid;gap:16px;align-content:start;box-shadow:var(--shadow)}
.landing .plan.lead{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:-2px}
.landing .plan .price{font-size:35px;font-weight:650;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.landing .plan .price small{font-size:15px;font-weight:400;color:var(--ink-2)}
.landing .plan ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}

/* ---------- footer ---------- */
/* Keep the shared footer content, with the supplied HTML palette only on v2. */
.landing + .branding-footer{
  --bg:5 45 87; --text:185 198 218; --muted:143 162 191;
  --line:255 255 255 / .15; --accent:242 181 107;
  margin-top:0;background:#052d57;color:#b9c6da;border-top:0;
}
.landing + .branding-footer .branding-footer-inner{border-top:0}
.landing + .branding-footer .branding-logo,
.landing + .branding-footer .branding-logo span,
.landing + .branding-footer .branding-logo .brand-icon{color:#fff}
.landing + .branding-footer .footer-column h3{color:#f2b56b}
.landing + .branding-footer .legal-note{color:#8fa2bf}
.landing + .branding-footer .footer-links a:hover,
.landing + .branding-footer .legal-line a:hover,
.landing + .branding-footer .social-icons a:hover{color:#fff}
.landing + .branding-footer .newsletter-form input{background:rgba(255,255,255,.08);color:#fff}
.landing + .branding-footer .newsletter-form button{color:#052d57}
.landing + .branding-footer .newsletter-form button:hover{color:#f2b56b}
.landing + .branding-footer :focus-visible{outline:2px solid #f2b56b;outline-offset:3px}
.landing .foot{background:#052d57;color:#b9c6da;border-top:0}
.landing .foot h4{color:#f2b56b}
.landing .foot .landing-brand{color:#fff}
.landing .foot-in{padding-block:40px;display:grid;gap:24px}
.landing .foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
@media (max-width:780px){
.landing .foot-cols{grid-template-columns:1fr 1fr}}
.landing .foot h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#f2b56b;margin:0 0 10px;font-weight:500}
.landing .foot a{color:#b9c6da;text-decoration:none;font-size:14.5px;display:block;padding:3px 0}
.landing .foot a:hover{color:#fff}
.landing .foot .fine{font-size:13px;color:#8fa2bf;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;max-width:80ch}

/* ---------- variants ---------- */
.landing .variants{margin-top:18px;display:grid;gap:14px}
.landing .variants>.eyebrow{margin-top:6px}
.landing .variant{position:relative}
.landing .variant-tag{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:12px;padding-bottom:10px;border-bottom:0;max-width:96ch;line-height:1.55;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.landing .variant-tag>span{font-weight:500}
.landing .variant-tag b{width:28px;height:28px;background:var(--ink);color:var(--bg);border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600;margin-top:0}
.landing .variants .fig{border-bottom:0;border-top:0;padding-block:20px 4px}
.landing .variants{gap:6px}
/* ---------- clients ---------- */
.landing .clients{display:grid;gap:10px;margin-top:22px;padding:14px 0 0;border-top:1px solid var(--rule)}
.landing .clients p{font-size:15.5px;color:var(--ink);line-height:1.6}
.landing .cl-lbl{font-weight:700;color:var(--ink);margin-right:10px}
.landing .clients-col{background:transparent;border:0;padding:0;display:grid;gap:12px;align-content:start}
.landing .client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
@media (max-width:900px){
.landing .client-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){
.landing .client-grid{grid-template-columns:repeat(2,1fr)}}
.landing .client{background:var(--surface);padding:14px 8px 12px;font-size:13px;font-weight:550;color:var(--ink);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px}
.landing .client i{font-style:normal;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:700;font-size:16px;letter-spacing:-.02em}
.landing .clients-col:last-child .client i{background:var(--teal)}
.landing .client>span{line-height:1.25}
.landing .clients .cap{margin-top:0}

@media (prefers-reduced-motion:reduce){
.landing *{animation:none!important;transition:none!important}
.landing{scroll-behavior:auto}}


/* Integration only: shared header height and the shared heading priority. */
.landing h1 { letter-spacing: .04em !important; }
.landing h2 { letter-spacing: .06em !important; }
.landing .subnav { top: var(--landing-header-height, 68px); }
.landing section[id] { scroll-margin-top: calc(var(--landing-header-height, 68px) + 64px); }
.landing .variant { min-width: 0; }

/* Keep every supplied navbar action reachable on narrow phones. */
@media (max-width: 480px) {
  .landing .nav-in { gap: 8px; padding-inline: 16px; }
  .landing .landing-brand { font-size: 14px; gap: 8px; }
  .landing .nav-actions { gap: 2px; }
  .landing .icon-btn { width: 32px; }
  .landing .nav-cta { padding-inline: 10px; margin-left: 2px; }
}

/* Evidence comparison: restrained research panels, with source metadata. */
.landing .evidence-section { scroll-margin-top: calc(var(--landing-header-height,68px) + 64px); }
.landing .evidence-section .sec-head { max-width: 82ch; }
.landing .evidence-section .sec-head .lede { max-width: none; }
.landing .evidence-question { display: flex; align-items: center; gap: 24px; padding: 18px 20px; margin-bottom: 16px; background: var(--accent-soft); border: 1px solid var(--rule); }
.landing .evidence-question p { font-size: 19px; font-weight: 600; }
.landing .evidence-question .eyebrow { flex: none; }
.landing .evidence-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.landing .evidence-pane { border: 1px solid var(--rule); background: var(--surface); min-width: 0; }
.landing .evidence-pane-head { padding: 18px 20px; border-bottom: 1px solid var(--rule); }
.landing .evidence-pane-head p { color: var(--ink-2); font-size: 14px; margin-top: 4px; }
.landing .evidence-connected .evidence-pane-head { background: var(--accent-soft); }
.landing .evidence-pane-body { padding: 20px; }
.landing .evidence-label { display: block; font: 12px/1.5 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-2); }
.landing .evidence-pane blockquote { margin: 16px 0 24px; font-size: 19px; line-height: 1.55; }
.landing .evidence-pane h4 { margin: 0 0 12px; font-size: 15px; font-weight: 650; }
.landing .evidence-questions { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.landing .evidence-questions li { padding-left: 18px; position: relative; font-size: 15px; line-height: 1.5; }
.landing .evidence-questions li::before { content: "?"; position: absolute; left: 0; color: var(--ink-3); font-family: var(--mono); }
.landing .evidence-note { margin-top: 20px; color: var(--ink-2); font-size: 13.5px; line-height: 1.55; }
.landing .evidence-numbers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 20px 0; }
.landing .evidence-numbers dt { color: var(--ink-2); font-size: 14px; }
.landing .evidence-numbers dd { margin: 4px 0 0; font-size: 32px; font-weight: 650; line-height: 1.2; font-variant-numeric: tabular-nums; }
.landing .evidence-numbers dd span { font-size: 15px; font-weight: 400; }
.landing .evidence-metadata { margin: 0; display: grid; gap: 12px; }
.landing .evidence-metadata > div { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 12px; }
.landing .evidence-metadata dt { font: 12px/1.6 var(--mono); color: var(--ink-2); }
.landing .evidence-metadata dd { margin: 0; font-size: 14px; line-height: 1.5; }
.landing .evidence-section code { font-family: var(--mono); font-size: .92em; overflow-wrap: anywhere; }
.landing .evidence-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 28px 0 36px; }
.landing .evidence-principles > div { padding-left: 14px; border-left: 2px solid var(--accent); }
.landing .evidence-principles h3 { font-family: var(--mono); font-size: 16px; }
.landing .evidence-principles p { margin-top: 8px; font-size: 14px; line-height: 1.55; color: var(--ink-2); }
.landing .evidence-comparison h3 { margin-bottom: 18px; }
.landing .evidence-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.landing .evidence-table th,.landing .evidence-table td { white-space: normal; text-align: left; vertical-align: top; padding: 14px 16px; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.landing .evidence-table thead th { background: var(--surface); font-family: var(--mono); font-size: 12px; color: var(--ink); }
.landing .evidence-table th:first-child { width: 17%; }
.landing .evidence-table tbody th { font-weight: 600; color: var(--ink); }
.landing .evidence-table th:last-child,.landing .evidence-table td:last-child { background: var(--accent-soft); }
.landing .evidence-cta { margin-top: 28px; }
.landing .evidence-cta .btn:hover,.landing .evidence-cta .btn:focus-visible { background: var(--accent-deep); color: var(--bg); }
.landing .evidence-cta .btn.ghost:hover,.landing .evidence-cta .btn.ghost:focus-visible { background: var(--ink); border-color: var(--ink); color: var(--bg); }
@media (max-width: 800px) {
  .landing .evidence-pair { grid-template-columns: 1fr; }
  .landing .evidence-principles { grid-template-columns: 1fr; gap: 18px; }
  .landing .evidence-table th,.landing .evidence-table td { padding: 12px 8px; font-size: 13px; }
  .landing .evidence-table th:first-child { width: 22%; }
}
@media (max-width: 480px) {
  .landing .evidence-question { align-items: flex-start; flex-direction: column; gap: 8px; }
  .landing .evidence-pane-head,.landing .evidence-pane-body { padding: 16px; }
  .landing .evidence-metadata > div { grid-template-columns: 76px minmax(0,1fr); gap: 8px; }
  .landing .evidence-numbers dd { font-size: 28px; }
}

/* Prompt rows with answers expanded in place. */
.landing .homepage-examples > .sec-in { padding-top: clamp(104px,13vw,176px); }
.landing .homepage-examples .sec-head { max-width: none; margin-bottom: clamp(48px,5vw,64px); }
.landing .homepage-examples .sec-head h2 { text-wrap: initial; }
.landing .homepage-prompts { display: grid; gap: 16px; }
.landing .homepage-prompt-summary { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--rule); border-radius: 4px; background: var(--accent-soft); cursor: pointer; list-style: none; }
.landing .homepage-prompt-summary::-webkit-details-marker { display: none; }
.landing .homepage-prompt-label { flex: none; font-size: 17px; }
.landing .homepage-prompt-copy { flex: 1; min-width: 0; font-size: 17px; line-height: 1.5; }
.landing .show-answer { flex: none; white-space: nowrap; color: var(--accent); font-weight: 600; font-size: 15px; text-decoration: none; }
.landing .homepage-prompt-summary:hover .show-answer { text-decoration: underline; text-underline-offset: 4px; }
.landing .homepage-prompt-summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.landing .answer-open { display: none; }
.landing .homepage-disclosure[open] > summary .answer-closed { display: none; }
.landing .homepage-disclosure[open] > summary .answer-open { display: inline; }
.landing .answer-arrow { display: inline-block; }
.landing .homepage-disclosure[open] > summary .answer-arrow { transform: rotate(-90deg); }
.landing .homepage-answer { padding: 24px 20px 16px; }
.landing .homepage-answer .rung { padding: 0; min-width: 0; border: 0; }
.landing .homepage-answer .rung::before { display: none; }
.landing .homepage-answer .rung > .routes,
.landing .homepage-answer .rung > details.sdk { margin-left: 0; }
.landing .homepage-answer .route { white-space: normal; overflow-wrap: anywhere; }
.landing .homepage-answer .rung-meta { text-align: left; white-space: normal; }
.landing .homepage-answer .answer { grid-template-columns: 1fr; }
.landing .homepage-answer .answer > .eyebrow { display: none; }
.landing .homepage-examples .cta-row { margin-top: 24px; }
.landing .homepage-examples .btn.ghost:hover,
.landing .homepage-examples .btn.ghost:focus-visible { background: var(--ink); color: var(--bg); border-color: var(--ink); }
@media (min-width: 900px) { .landing .homepage-examples .sec-head h2 { white-space: nowrap; } }
@media (max-width: 600px) { .landing .homepage-prompt-summary { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; padding: 16px; } .landing .show-answer { grid-column: 2; justify-self: end; } .landing .homepage-answer { padding-inline: 0; } }
.landing .preview-page-head { padding-block: 56px; background: var(--bg-2); border-bottom: 0; }
.landing .preview-page-head .wrap { display: grid; gap: 22px; }
.landing .preview-back { color: var(--ink-2); font-size: 14px; width: fit-content; }
.landing .rung[id], .landing details[id] { scroll-margin-top: calc(var(--landing-header-height,61px) + 24px); }