/* Layout: full-height chapters on one near-black ground. The hero and the
   "inside your account" chapter pin a headline while product panels travel
   past it; everything else is a conventional band. One ivory chapter for the
   product line so the dark reads as a decision. Single-theme by design. */
:root{
  --ink:#070D0B;          /* ground */
  --ink-2:#0C1714;        /* panel */
  --ink-3:#152521;        /* hairline */
  --ink-4:#20352F;        /* hover edge */
  --paper:#F6F3EC;        /* relief chapter */
  --fg:#F2EFE7;           /* text on ink */
  --fg-dim:#8E9C96;       /* muted on ink */
  --ink-fg:#0B1512;       /* text on paper */
  --ink-fg-dim:#546660;   /* muted on paper */
  --amber:#E89B33;        /* the accent */
  --amber-deep:#C87A21;   /* brand amber on paper */
  --live:#4FD18B;         /* status: working */
  --idle:#5A6A64;         /* status: standby */

  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --body:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --rail:1240px;
  --gut:clamp(20px,4vw,60px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--body);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.02em}
h1{font-weight:500;font-stretch:104%;line-height:1.02}
h2{font-weight:600;font-stretch:106%;line-height:1.02}
h3{font-weight:600;font-stretch:104%;line-height:1.15}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%}
.rail{max-width:var(--rail);margin:0 auto;padding-inline:var(--gut)}
section{position:relative}
.band{padding-block:clamp(80px,10vw,140px)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--fg-dim);margin-bottom:20px}
.eyebrow.amb{color:var(--amber)}
.lede{color:var(--fg-dim);font-size:clamp(16px,1.3vw,18.5px);max-width:58ch}
.h2{font-size:clamp(34px,4.8vw,64px)}

/* ---------- announcement + header ---------- */
.announce{background:#0E1C18;border-bottom:1px solid var(--ink-3);
  font-size:13.5px;text-align:center;padding:9px var(--gut);color:var(--fg)}
.announce a{color:var(--amber);text-decoration:underline;text-underline-offset:3px;margin-left:8px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;
  background:rgba(7,13,11,.72);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--ink-3)}
.hrow{display:flex;align-items:center;gap:28px;height:72px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.brand .lockup{height:42px;width:auto;display:block}
.brand span{font-family:var(--display);font-weight:800;font-stretch:120%;
  letter-spacing:.16em;font-size:15px}
nav{display:flex;gap:4px;margin:0 auto;font-size:15px;font-weight:500}
.ni{position:relative}
.nt{display:flex;align-items:center;gap:6px;padding:10px 11px;text-decoration:none;color:var(--fg);opacity:.86;border-radius:4px;transition:opacity .18s,background .18s}
.nt svg{width:9px;height:6px;opacity:.55;transition:transform .2s}
.ni:hover .nt,.ni:focus-within .nt{opacity:1;background:rgba(255,255,255,.04)}
.ni:hover .nt svg,.ni:focus-within .nt svg{transform:rotate(180deg)}
.nm{position:absolute;left:-6px;top:100%;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:70}
.ni:hover .nm,.ni:focus-within .nm{opacity:1;visibility:visible;transform:none}
.ni:nth-last-child(-n+2) .nm{left:auto;right:-6px}
.nc{min-width:260px;max-width:360px;display:flex;flex-direction:column;padding:8px;background:#0E1C18;border:1px solid var(--ink-4);border-radius:8px;box-shadow:0 24px 50px -20px #000}
.nc a{display:block;padding:9px 12px;border-radius:5px;font-size:14px;font-weight:500;color:var(--fg-dim);text-decoration:none;line-height:1.35}
.nc a:hover,.nc a:focus-visible{background:#152A24;color:var(--fg)}
.hbtns{display:flex;gap:10px;margin-left:auto}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--body);
  font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;
  padding:12px 20px;border-radius:3px;text-decoration:none;border:1px solid transparent;
  white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s}
.btn-a{background:var(--fg);color:#0B1512}
.btn-a:hover{background:#fff;transform:translateY(-1px)}
.btn-b{border-color:var(--ink-4);color:var(--fg);background:rgba(255,255,255,.03)}
.btn-b:hover{border-color:var(--amber);color:var(--amber)}
.btn-amb{background:var(--amber);color:#17100A}
.btn-amb:hover{background:#F2AB46}
@media(max-width:1180px){nav{display:none}.hbtns{margin-left:auto}}
@media(max-width:600px){.hbtns .btn-b{display:none}.btn{padding:10px 14px;font-size:12.5px}.hrow{gap:14px}}

/* ---------- hero: pinned, with a typed word ---------- */
.hero{display:block;
  padding-block:clamp(60px,8vw,110px)}
.reel{position:relative;margin-top:clamp(40px,6vw,76px);border-radius:14px;overflow:hidden;border:1px solid var(--ink-4);
  background:#F4F1E8;aspect-ratio:3/2;box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(232,155,51,.06);
  transform-origin:50% 0;transform:perspective(1800px) rotateX(var(--tilt,0deg)) scale(var(--sc,1));will-change:transform}
.reel video{display:block;width:100%;height:100%;object-fit:cover}
.reel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,13,11,0) 70%,rgba(7,13,11,.22))}
.reel-tag{position:absolute;left:16px;bottom:14px;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;
  background:rgba(7,13,11,.78);backdrop-filter:blur(8px);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--fg)}
.reel-tag i{width:7px;height:7px;border-radius:50%;background:var(--live);animation:breathe 2s ease-in-out infinite}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(32px,5vw,80px);align-items:end}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;align-items:start}}
h1{font-size:clamp(34px,5.3vw,78px)}
@media(max-width:960px){h1{font-size:clamp(32px,8.6vw,64px)}}
.typed-line{display:block;white-space:nowrap}
.typed{display:inline-block;color:var(--amber);min-width:1ch;white-space:nowrap}
.caret{display:inline-block;width:3px;height:.9em;background:var(--fg);
  vertical-align:-.1em;margin-left:4px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero-side p{font-size:clamp(16px,1.35vw,19px);color:var(--fg);max-width:40ch}
.hero-side .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink-4);
  border-radius:999px;padding:7px 13px 7px 9px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}
.badge i{width:18px;height:18px;border-radius:50%;border:1px solid var(--ink-4);
  display:grid;place-items:center;font-size:9px;color:var(--amber);font-style:normal}
.scroll-cue{display:flex;align-items:center;gap:12px;margin-top:clamp(40px,6vw,80px);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--fg-dim);
  text-transform:uppercase}
.scroll-cue i{width:40px;height:1px;background:var(--ink-4);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--amber);
  transform:translateX(-100%);animation:cue 2.4s ease-in-out infinite}
@keyframes cue{to{transform:translateX(100%)}}

/* ---------- pinned chapter: headline stays, panels travel ---------- */
.pin{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,80px);align-items:start;padding-block:clamp(60px,8vw,120px)}
.pin-left{position:sticky;top:calc(72px + env(safe-area-inset-top,0px) + 56px)}
.pin-left h2{font-size:clamp(36px,5.2vw,72px)}
.pin-left .lede{margin-top:22px}
.pin-steps{display:flex;flex-direction:column;gap:10px;margin-top:34px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--idle)}
.pin-steps span{display:flex;gap:12px;align-items:center;transition:color .3s}
.pin-steps span::before{content:"";width:22px;height:1px;background:currentColor;
  transition:width .3s}
.pin-steps span.on{color:var(--amber)}
.pin-steps span.on::before{width:40px}
.pin-right{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}
.panel{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:6px;
  overflow:hidden;transform:translateY(28px) scale(.985);opacity:.55;
  transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s,border-color .7s}
.panel.live{transform:none;opacity:1;border-color:var(--ink-4)}
.p-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;border-bottom:1px solid var(--ink-3);font-family:var(--mono);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}
.p-head b{color:var(--live);font-weight:500}
.p-head b::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--live);margin-right:8px;vertical-align:1px;animation:breathe 2s ease-in-out infinite}
@keyframes breathe{50%{opacity:.3}}
.p-body{padding:12px 18px 16px}
.p-cap{padding:16px 18px 20px;border-top:1px solid var(--ink-3)}
.p-cap .eyebrow{margin-bottom:8px;font-size:10.5px}
.p-cap h3{font-size:clamp(20px,2vw,26px)}
.p-cap p{color:var(--fg-dim);font-size:15.5px;margin-top:8px;max-width:52ch}
@media(max-width:860px){
  .pin{grid-template-columns:1fr}
  .pin-left{position:static}
  .panel{transform:none;opacity:1}
}

/* scripts at work */
.agents{display:flex;flex-direction:column;gap:6px;font-family:var(--body)}
.vid{position:relative;background:#F4F1E8;aspect-ratio:3/2;overflow:hidden}
.vid video{display:block;width:100%;height:100%;object-fit:cover}
.p-body.v{padding:0}
.ag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:11px 14px;border-radius:4px;background:#0A1411;border:1px solid var(--ink-3);
  transition:background .4s,border-color .4s}
.ag.work{background:#0D1F19;border-color:#1E4A3A}
.ag.done{opacity:.72}
.ag b{display:block;font-weight:600;font-size:14.5px}
.ag small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--fg-dim);margin-top:2px}
.pill{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 9px;border-radius:3px;border:1px solid var(--ink-4);color:var(--idle);white-space:nowrap}
.ag.work .pill{color:var(--live);border-color:#1E4A3A;background:#0A2A1F}
.ag.done .pill{color:var(--fg-dim)}

/* systems grid */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media(max-width:560px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sys{position:relative;aspect-ratio:1.45;border:1px solid var(--ink-3);border-radius:4px;
  background:#0A1411;display:grid;place-items:center;text-align:center;padding:10px;
  font-family:var(--display);font-weight:600;font-stretch:104%;font-size:clamp(11px,1.1vw,14px);
  color:var(--fg-dim);transition:color .4s,border-color .4s,background .4s;min-width:0}
.sys::after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;
  background:var(--ink-4);transition:background .4s,box-shadow .4s}
.sys.on{color:var(--fg);border-color:var(--ink-4);background:#0C1A15}
.sys.on::after{background:var(--live);box-shadow:0 0 10px var(--live)}
.sys small{display:block;font-family:var(--mono);font-weight:400;font-size:9.5px;
  letter-spacing:.08em;color:var(--idle);margin-top:4px;text-transform:uppercase}

/* ledger stream */
.ledger{font-family:var(--mono);font-size:12px;display:flex;flex-direction:column;gap:5px;
  height:188px;overflow:hidden;justify-content:flex-end}
.lg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;color:var(--fg-dim)}
.lg t{color:#4F6660}
.lg s{text-decoration:none;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg u{text-decoration:none;color:var(--live);font-variant-numeric:tabular-nums}
.lg.warn u{color:var(--amber)}

/* ---------- product line (ivory chapter) ---------- */
.paper{background:var(--paper);color:var(--ink-fg)}
.paper .eyebrow{color:var(--ink-fg-dim)}
.paper .eyebrow.amb{color:var(--amber-deep)}
.paper .lede{color:var(--ink-fg-dim)}
.sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
@media(max-width:860px){.sec-head{grid-template-columns:1fr;align-items:start}}
.dash3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
@media(max-width:860px){.dash3{grid-template-columns:1fr}}
.dcard{transition:transform .3s}.dcard:hover{transform:translateY(-3px)}
.dashx + .paper{padding-top:0}
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.prods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.prods{grid-template-columns:1fr}}
.prods-v{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
@media(max-width:760px){.prods-v{grid-template-columns:1fr}}
.prods-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.prods-2{grid-template-columns:1fr}}
.prod.pv{padding:0;overflow:hidden}
.prod.pv .pc{padding:22px 24px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.prod{background:#fff;border:1px solid #E6E1D6;border-radius:6px;padding:26px 24px 24px;
  min-width:0;display:flex;flex-direction:column;gap:12px;
  transition:transform .3s,box-shadow .3s,border-color .3s}
.prod:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(11,21,18,.45);border-color:#D8D1C2}
.prod .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.prod .tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-deep)}
.prod .st{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:#2E8F5E;background:#E6F5EC;border-radius:3px;padding:4px 8px}
.prod h3{font-size:21px;color:var(--ink-fg)}
.prod h3 a{text-decoration:none;color:inherit}.prod h3 a:hover{color:var(--amber-deep)}
.more{display:inline-flex;margin-top:16px;font-weight:600;font-size:14.5px;color:var(--amber);text-decoration:none}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.more.dark{color:var(--amber-deep)}
.more-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px}
.prod p{color:var(--ink-fg-dim);font-size:15.5px;flex:1}
.prod ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;
  font-family:var(--mono);font-size:11.5px;color:#3E4E48}
.prod li{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #EFEAE0}
.prod li:last-child{border-bottom:0}
.prod li b{font-weight:500;color:var(--ink-fg)}

/* ---------- numbers ---------- */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ink-3);
  border:1px solid var(--ink-3);border-radius:6px;overflow:hidden}
@media(max-width:900px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.num{background:var(--ink-2);padding:34px 28px 30px;min-width:0}
.num b{display:block;font-family:var(--display);font-weight:500;font-stretch:104%;
  font-size:clamp(44px,5.2vw,72px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.num span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-dim);margin-top:14px}
.num p{color:var(--fg-dim);font-size:15px;margin-top:10px}

/* ---------- flow ---------- */
.flow-wrap{border:1px solid var(--ink-3);background:var(--ink-2);border-radius:6px;
  padding:clamp(18px,3vw,36px);overflow-x:auto}
.flow{min-width:720px}
.flow .node{fill:#0A1411;stroke:var(--ink-4)}
.flow .node-hi{fill:#12221C;stroke:var(--amber)}
.flow .wire{fill:none;stroke:var(--ink-4);stroke-width:1.5}
.flow .pulse-wire{fill:none;stroke:var(--amber);stroke-width:1.5;stroke-linecap:round;
  stroke-dasharray:14 240;filter:drop-shadow(0 0 4px rgba(232,155,51,.5))}
.flow text{font-family:var(--body);font-size:13px;font-weight:500;fill:var(--fg)}
.flow text.sm{font-family:var(--mono);font-size:10px;letter-spacing:.08em;fill:#7E948B}
.flow text.amb{fill:var(--amber)}
@keyframes travel{from{stroke-dashoffset:254}to{stroke-dashoffset:0}}
.flow-legend{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-family:var(--mono);
  font-size:11px;color:var(--fg-dim)}
.flow-legend i{display:inline-block;width:18px;height:2px;background:var(--amber);vertical-align:middle;margin-right:8px}

/* ---------- marquee ---------- */
.ticker{border-top:1px solid var(--ink-3);border-bottom:1px solid var(--ink-3);padding:18px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tick-track{display:flex;width:max-content;animation:slide 50s linear infinite}
.tick-track span{font-family:var(--display);font-weight:600;font-stretch:108%;font-size:22px;
  color:var(--fg-dim);padding:0 30px;white-space:nowrap;letter-spacing:-.01em}
.tick-track span::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--amber);margin-left:30px;vertical-align:middle}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---------- timeline ---------- */
.tl{border:1px solid var(--ink-3);background:var(--ink-2);border-radius:6px;padding:clamp(18px,3vw,30px);overflow-x:auto}
.tl-inner{min-width:640px}
.tl-months{display:grid;grid-template-columns:210px repeat(6,1fr);font-family:var(--mono);font-size:10px;
  letter-spacing:.1em;color:#4F6660;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--ink-3)}
.tl-phase{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #0F1A16}
.tl-phase:last-child{border-bottom:0}
.tl-phase h3{font-size:16px}
.tl-phase span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#4F6660;margin-top:5px}
.track{position:relative;height:9px;background:#0F1A16;border-radius:5px}
.track i{position:absolute;top:0;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--amber-deep),var(--amber));
  width:0;transition:width .9s cubic-bezier(.22,1,.36,1)}

/* ---------- faq / close ---------- */
details{border-bottom:1px solid var(--ink-3)}
summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:20px;
  align-items:baseline;font-family:var(--display);font-weight:600;font-stretch:104%;font-size:clamp(17px,1.8vw,21px)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--amber);font-family:var(--mono);font-size:20px;flex:0 0 auto;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--fg-dim);font-size:15.5px;padding-bottom:22px;max-width:70ch}
.close{min-height:70vh;display:grid;align-items:center}
.close-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,60px);align-items:center}
@media(max-width:860px){.close-grid{grid-template-columns:1fr}}
.contact{font-family:var(--mono);font-size:14px;display:grid;gap:12px}
.contact div{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.contact k{color:#4F6660;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;flex:0 0 86px}
.contact v{color:var(--fg);word-break:break-word;min-width:0}
footer{border-top:1px solid var(--ink-3);padding-block:34px;color:#4F6660;font-size:13.5px}
.foot-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}

/* ---------- reveal: visible by default, JS opts in, safety net below ---------- */
.js .rev{opacity:0;transform:translateY(16px)}
.js .rev.in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rev,.js .rev.in{opacity:1!important;transform:none!important;transition:none!important}
  .panel{transform:none!important;opacity:1!important}
  .tick-track,.caret,.scroll-cue i::after,.p-head b::before{animation:none!important}
  .pulse-wire{animation:none!important;stroke-dasharray:none;opacity:.5}
  *{transition-duration:.001ms!important}
}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
/* preview header */
.ah{--ink:#070D0B;--ink-3:#152521;--ink-4:#20352F;--fg:#F2EFE7;--fg-dim:#8E9C96;--amber:#E89B33;
  position:sticky;top:env(safe-area-inset-top,0px);z-index:1000;background:rgba(7,13,11,.86);backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ink-3);font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
.ah *{box-sizing:border-box}
.ah-row{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,60px);height:72px;display:flex;align-items:center;gap:20px}
.ah .brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.ah .lockup{height:42px;width:auto;display:block}
.ah nav{display:flex;gap:4px;margin:0 auto;font-size:15px;font-weight:500}
.ah .ni{position:relative}
.ah .nt{display:flex;align-items:center;gap:6px;padding:10px 11px;text-decoration:none;color:var(--fg);opacity:.86;border-radius:4px;transition:opacity .18s,background .18s}
.ah .nt svg{width:9px;height:6px;opacity:.55;transition:transform .2s}
.ah .ni:hover .nt,.ah .ni:focus-within .nt{opacity:1;background:rgba(255,255,255,.04)}
.ah .ni:hover .nt svg,.ah .ni:focus-within .nt svg{transform:rotate(180deg)}
.ah .nm{position:absolute;left:-6px;top:100%;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:70}
.ah .ni:hover .nm,.ah .ni:focus-within .nm{opacity:1;visibility:visible;transform:none}
.ah .ni:nth-last-child(-n+2) .nm{left:auto;right:-6px}
.ah .nc{min-width:260px;max-width:360px;display:flex;flex-direction:column;padding:8px;background:#0E1C18;border:1px solid var(--ink-4);border-radius:8px;box-shadow:0 24px 50px -20px #000}
.ah .nc a{display:block;padding:9px 12px;border-radius:5px;font-size:14px;font-weight:500;color:var(--fg-dim);text-decoration:none;line-height:1.35}
.ah .nc a:hover,.ah .nc a:focus-visible{background:#152A24;color:var(--fg)}
.ah .hbtns{margin-left:auto;display:flex;align-items:center;gap:10px}
.ah .ah-btn{display:inline-flex;align-items:center;font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;padding:12px 20px;border-radius:3px;
  background:var(--fg);color:#0B1512;text-decoration:none;white-space:nowrap;transition:background .18s,transform .18s}
.ah .ah-btn:hover{background:#fff;transform:translateY(-1px)}
.ah .burger{display:none;width:44px;height:44px;border-radius:4px;border:1px solid var(--ink-4);background:transparent;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.ah .burger i{display:block;width:18px;height:2px;background:var(--fg);border-radius:1px;transition:transform .2s,opacity .2s}
.ah .burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ah .burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.ah .burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ah .mnav{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 72px);overflow:auto;background:#0A1512;border-bottom:1px solid var(--ink-4);padding:8px clamp(20px,4vw,60px) 20px}
.ah .mnav details{border-bottom:1px solid var(--ink-3)}
.ah .mnav summary{list-style:none;cursor:pointer;padding:16px 0;font-size:17px;font-weight:600;color:var(--fg);display:flex;justify-content:space-between}
.ah .mnav summary::-webkit-details-marker{display:none}
.ah .mnav summary::after{content:"+";color:var(--amber);font-family:'JetBrains Mono',monospace}
.ah .mnav details[open] summary::after{content:"−"}
.ah .mnav a{display:block;padding:9px 0 9px 12px;font-size:15px;color:var(--fg-dim);text-decoration:none}
.ah .mnav a.all{color:var(--amber)}
.ah .mnav .mcta{margin-top:18px;padding:14px;text-align:center;background:var(--fg);color:#0B1512;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:13.5px}
@media(max-width:1180px){.ah nav{display:none}.ah .burger{display:flex}}
@media(max-width:520px){.ah .ah-btn{display:none}}
@media(prefers-reduced-motion:reduce){.ah *{transition:none!important}}
.ah :focus-visible{outline:2px solid var(--amber);outline-offset:3px}
/* pop-in on scroll (pop.js adds .pop, then .in when seen) */
.pop{opacity:0;transform:translateY(38px) scale(.95);filter:blur(3px)}
.pop.pv{opacity:1;transform:none;filter:none;
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.34,1.42,.64,1),filter .7s ease}
.stage.pop{transform:perspective(1800px) rotateX(18deg) translateY(60px) scale(.92)}
.stage.pop.pv{transform:perspective(1800px) rotateX(var(--tilt,0deg)) scale(var(--sc,1))}
.mod.pop.popped{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.mod.pop.pv:hover{transform:translateY(-4px)}
.reel.pop{transform:perspective(1800px) rotateX(20deg) translateY(60px) scale(.9)}
.reel.pop.pv{transform:perspective(1800px) rotateX(var(--tilt,0deg)) scale(var(--sc,1))}
.prod.pop.pv:hover,.dcard.pop.pv:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.pop{opacity:1!important;transform:none!important;filter:none!important}}

.ann{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin-bottom:30px;padding:7px 16px 7px 7px;border-radius:999px;
  border:1px solid #4A3417;background:linear-gradient(90deg,rgba(232,155,51,.16),rgba(232,155,51,.04));color:var(--fg);text-decoration:none;
  font-size:14.5px;line-height:1.3;transition:border-color .2s,background .2s;position:relative;overflow:hidden}
.ann::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.10) 50%,transparent 70%);transform:translateX(-100%);animation:annsweep 4.5s ease-in-out infinite}
@keyframes annsweep{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ann:hover{border-color:var(--amber);background:rgba(232,155,51,.18)}
.ann-k{flex:0 0 auto;font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:5px 10px;border-radius:999px;background:var(--amber);color:#17100A;font-weight:700}
.ann-t{min-width:0}
.ann i{font-style:normal;color:var(--amber);transition:transform .2s}.ann:hover i{transform:translateX(3px)}
@media(max-width:600px){.ann{font-size:13px;gap:10px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.ann::after{animation:none}}

/* hero: headline block sits at the top; trust badges fill the space under it */
.hero{padding-block:clamp(44px,5.5vw,80px)}
.hero .hero-grid{align-items:start}
.hero .hero-grid .badges{margin-top:30px}
.hero .hero-side .badges.bm{display:none}
@media(max-width:960px){.hero .hero-grid > div:first-child .badges{display:none}.hero .hero-side .badges.bm{display:flex}}
@media(min-width:961px){.hero .hero-side{padding-top:84px}}

.slogan{display:flex;align-items:center;gap:16px;margin-top:30px;font-family:var(--display);font-weight:500;font-stretch:104%;
  font-size:clamp(18px,1.7vw,24px);letter-spacing:-.01em;color:var(--fg-dim)}
.slogan i{flex:0 0 auto;width:44px;height:2px;background:var(--amber);border-radius:1px}
@media(max-width:600px){.slogan{margin-top:18px;gap:12px;font-size:17px}.slogan i{width:24px}}

/* ===== v12: type matched to bond.ai (Inter, light display weights), tighter
   spacing, glass menus, shared footer. Loaded last so it wins. ===== */
:root{
  --display:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --code:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
body{font-family:var(--body);font-size:16px;line-height:1.555;font-weight:300}
p{font-weight:300}
b,strong{font-weight:600}
h1,h2,h3,h4{font-family:var(--display);font-stretch:normal}
h1{font-weight:300;line-height:1.1;letter-spacing:-.01em}
.hero h1,.phero h1{font-size:clamp(32px,3.3vw,52px);max-width:22ch}
h1 em,h1 .typed,.phero h1 em{font-weight:700}
.h2,.sec-head h2,.pin-left h2,.close h2{font-size:clamp(28px,3.25vw,50px);font-weight:300;line-height:1.1;letter-spacing:-.01em}
.sub-h{font-size:clamp(24px,2.3vw,35px);font-weight:300}
h3{font-weight:600;letter-spacing:-.6px;line-height:1.28}
.mod-c h3,.prod h3,.p-cap h3,.tb b,.ps h3,.inc b,.box2 h3,.plan h3,.sh h3,.tln b,.ss b,.bk b{font-size:22px;font-weight:600;letter-spacing:-.6px}
.mod.feat h3{font-size:clamp(24px,2.3vw,35px);font-weight:300;letter-spacing:-.01em}
.statement{font-family:var(--display);font-size:clamp(22px,2.3vw,35px);font-weight:300;line-height:1.15;letter-spacing:-.01em}
.statement em,.statement b{font-weight:700}
.lede,.hero-side p,.phero .hero-side p{font-size:clamp(16px,1.15vw,18px);font-weight:300;line-height:1.555}
.mod-c p,.prod p,.p-cap p,.tb p,.ps p,.inc p,.box2 p,.sh p,.tln p,.ss p,.bk p,details p{font-size:16px;font-weight:300;line-height:1.555}
.eyebrow{font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:-.2px;text-transform:none;margin-bottom:14px}
.slogan{font-family:var(--display);font-weight:300;font-size:clamp(18px,1.4vw,22px)}
.btn,.ah .ah-btn,.ah .mnav .mcta{font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;padding:12px 22px;border-radius:6px}
.ah,.ah nav{font-family:var(--body)}
.ah .nt{font-size:15px;font-weight:300;opacity:.92}
.ah .nc a{font-size:15px;font-weight:300}
summary{font-family:var(--display);font-weight:500;font-size:clamp(17px,1.4vw,20px)}
.num b,.fact b,.big,.kp b,.cfact b{font-family:var(--display);font-weight:300;letter-spacing:-.02em}
/* code and logs stay monospaced: they are screens, not prose */
pre,code,.code,.feed,.fl,.ledger,.lg,.mp code,.ph{font-family:var(--code)}

/* ---- spacing: less air under the header, above the footer ---- */
.ah-row{height:64px}
.band{padding-block:clamp(40px,4.6vw,72px)}
.sec-head{margin-bottom:clamp(22px,2.6vw,38px)!important}
.stage{margin-top:clamp(28px,3.6vw,52px)}
.statement{max-width:44ch}
.statement:has(.dim){max-width:52ch}
.hero{padding-block:clamp(32px,4vw,64px)}
.phero{padding-top:clamp(32px,4vw,64px)}
.ticker{margin-top:clamp(28px,3.4vw,52px)!important}
.close{min-height:0}
.band.close{padding-block:clamp(44px,5vw,80px)}

/* ---- glass menus, desktop dropdowns and phone menu alike ---- */
.ah{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ah::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(7,13,11,.66);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.ah .nc{background:rgba(14,28,24,.74);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 60px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.ah .nc a:hover,.ah .nc a:focus-visible{background:rgba(255,255,255,.07)}
.ah .mnav{background:rgba(9,18,15,.88);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}
.ah .mnav details{border-bottom-color:rgba(255,255,255,.07)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ah .nc,.ah .mnav{background:#0E1C18}}

/* ---- footer ---- */
footer.sf{border-top:1px solid var(--ink-3);background:var(--ink);padding-block:36px 26px;color:var(--fg-dim);font-family:var(--body);font-weight:300}
.sf-top{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.sf-brand{display:block;flex:0 0 auto}.sf-brand svg{height:38px;width:auto;display:block}
.sf-tag{font-size:15px;color:var(--fg-dim);margin:0}
.sf-soc{margin-left:auto;display:flex;gap:10px}
.sf-soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ink-4);color:var(--fg);transition:border-color .2s,color .2s,background .2s}
.sf-soc a:hover{border-color:var(--amber);color:var(--amber);background:rgba(232,155,51,.06)}
.sf-soc svg{width:17px;height:17px;display:block}
.sf-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:24px;font-size:15px}
.sf-links a{color:var(--fg-dim);text-decoration:none}.sf-links a:hover{color:var(--fg)}
.sf-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ink-3);font-size:14px;color:#6E7F78}
.sf-bot a{color:inherit;text-decoration:none}.sf-bot a:hover{color:var(--fg)}
@media(max-width:600px){.sf-soc{margin-left:0}.sf-top{gap:14px}}

/* ---- every screen: phones, tablets, laptops, wide monitors ---- */
img,video,svg,canvas{max-width:100%}
.rail{max-width:1240px}
@media(min-width:1800px){.rail{max-width:1400px}}
@media(max-width:1100px){.mods.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr!important;gap:22px}
  .sec-head{grid-template-columns:1fr!important;gap:14px}
  .close-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .mods,.mods.two,.mods.four,.prods,.dash3,.plans,.shorts,.facts{grid-template-columns:1fr!important}
  .incs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .inc{padding:16px 14px 18px!important}.inc b{font-size:17px!important;letter-spacing:-.3px!important}.inc p{font-size:14px!important}
  .mod.wide{grid-column:auto}
  .btn{padding:11px 18px;font-size:15px}
  .hero-side .cta,.phero .cta{gap:8px}
  .tabs{gap:18px}
}
@media(max-width:380px){
  :root{--gut:16px}
  .ah .lockup{height:34px}
  .btn{padding:10px 14px;font-size:14.5px}
}

.statement.long{font-size:clamp(18px,1.5vw,22px);line-height:1.5;max-width:68ch;color:var(--fg)}

/* ---- v13: headline sits right under the menu ---- */
.hero{padding-top:clamp(18px,2.2vw,34px)!important}
.phero{padding-top:clamp(18px,2vw,30px)!important}
.phero .hero-grid,.hero .hero-grid{align-items:start!important}
.phero .hero-side{padding-top:4px}
.crumb{margin-bottom:16px}
.phero .eyebrow{margin-bottom:10px}
.hero .ann{margin-bottom:18px}
.stage{margin-top:clamp(22px,2.6vw,40px)}

/* ======================= inner pages ======================= */
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5E7069;margin-bottom:26px}
.crumb a{color:#7F918A;text-decoration:none}.crumb a:hover{color:var(--fg)}
.crumb span{margin:0 10px;color:#33463F}
.phero{padding-block:clamp(56px,7vw,100px) 0;background:radial-gradient(110% 120% at 88% -10%,#14291F 0%,rgba(7,13,11,0) 60%)}
.phero h1{font-size:clamp(38px,6vw,86px);max-width:15ch}
.phero h1 em{font-style:normal;color:var(--amber)}
.phero .hero-grid{align-items:end}
.phero .hero-side p{color:var(--fg-dim)}
.stage{position:relative;margin-top:clamp(40px,6vw,72px);transform-origin:50% 0;
  transform:perspective(1800px) rotateX(var(--tilt,0deg)) scale(var(--sc,1));will-change:transform}
.stage::before{content:"";position:absolute;inset:-12% -6% 30%;background:radial-gradient(50% 50% at 50% 50%,rgba(232,155,51,.13),transparent 70%);filter:blur(30px);z-index:-1;pointer-events:none}
.stage-cap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#4F6660}

/* ---------- window ---------- */
.win{background:#0A1411;border:1px solid var(--ink-4);border-radius:12px;overflow:hidden;
  box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(232,155,51,.05);min-width:0}
.wbar{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--ink-3);background:#0C1815;min-width:0}
.wbar .dots{display:flex;gap:6px;flex:0 0 auto}.wbar .dots i{width:9px;height:9px;border-radius:50%;background:#20352F}
.wbar .ttl{font-family:var(--mono);font-size:11px;color:var(--fg-dim);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.live-b{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--live);white-space:nowrap;flex:0 0 auto}
.live-b::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);margin-right:7px;vertical-align:1px;animation:breathe 2s ease-in-out infinite}
.lv-b{transition:none}
.app{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:0}
.side{border-right:1px solid var(--ink-3);padding:16px 10px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--fg-dim)}
.side b{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#4F6660;font-weight:500;padding:12px 10px 6px}
.side span{padding:7px 10px;border-radius:5px;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.side span.cur{background:#12221C;color:var(--fg)}
.side span em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--amber)}
.main{padding:18px 20px 20px;min-width:0}
.mhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.mhead h4{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(17px,1.6vw,21px);letter-spacing:-.01em}
.mhead small{display:block;font-family:var(--mono);font-size:10.5px;color:#5E7069;margin-top:3px;letter-spacing:.04em}
@media(max-width:820px){.app{grid-template-columns:1fr}.side{display:none}.main{padding:14px}}

/* ---------- kpi strip ---------- */
.kps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.kp{border:1px solid var(--ink-3);border-radius:7px;padding:10px 12px;background:#0C1815;min-width:0}
.kp span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#5E7069;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kp b.g{color:var(--live)}.kp b.a{color:var(--amber)}
@media(max-width:620px){.kps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- run table ---------- */
.rt{display:flex;flex-direction:column;border:1px solid var(--ink-3);border-radius:8px;overflow:hidden}
.rh,.r{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(70px,.7fr) 96px;gap:12px;align-items:center;padding:10px 14px}
.rh{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#4F6660;background:#0C1815;border-bottom:1px solid var(--ink-3)}
.r{border-bottom:1px solid #0F1C18;font-size:13.5px;transition:background .5s}
.r:last-child{border-bottom:0}
.r.on{background:#0E211A}
.r .rn{min-width:0}.r .rn b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .rn small{display:block;font-family:var(--mono);font-size:10px;color:#5E7069;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .mt{font-family:var(--mono);font-size:11px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pb{height:4px;border-radius:3px;background:#13241F;overflow:hidden}.pb i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber-deep),var(--amber));border-radius:3px}
.r.done .pb i{background:var(--live)}
.sp{justify-self:end;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:3px;border:1px solid var(--ink-4);color:var(--idle);white-space:nowrap}
.sp i{font-style:normal;display:none}.sp .q{display:inline}
.on>.sp,.on .sp{color:var(--amber);border-color:#4A3417;background:#1E160B}
.on .sp .q,.done .sp .q{display:none}.on .sp .r1{display:inline}
.done .sp{color:var(--live);border-color:#1E4A3A;background:#0A2A1F}.done .sp .d{display:inline}
@media(max-width:620px){.rh,.r{grid-template-columns:minmax(0,1fr) 64px 84px}.rh .c2,.r .mt{display:none}}

/* ---------- checklist ---------- */
.chk{display:flex;flex-direction:column;gap:2px;position:relative}
.ck{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:6px 0;position:relative;opacity:.5;transition:opacity .4s}
.ck.on,.ck.done{opacity:1}
.ck .dt{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-4);display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:#5E7069;margin-top:1px;background:#0A1411;transition:all .35s}
.ck.on .dt{border-color:var(--amber);color:var(--amber);box-shadow:0 0 0 4px rgba(232,155,51,.14)}
.ck.done .dt{border-color:var(--live);background:#0A2A1F;color:var(--live);font-size:0}
.ck.done .dt::after{content:"✓";font-size:10px}
.ck b{display:block;font-size:13.5px;font-weight:600;line-height:1.35}
.ck small{display:block;font-family:var(--mono);font-size:10px;color:#5E7069;margin-top:2px;line-height:1.4}
.ck .ms{font-family:var(--mono);font-size:10px;color:#5E7069;padding-top:2px;opacity:0;transition:opacity .3s}
.ck.done .ms{opacity:1}

/* ---------- pipeline chips ---------- */
.chips{display:flex;align-items:center;gap:0;flex-wrap:nowrap;min-width:0}
.chip{flex:0 0 auto;padding:7px 11px;border:1px solid var(--ink-4);border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--fg-dim);background:#0A1411;white-space:nowrap;transition:all .35s}
.chip.on{border-color:var(--amber);color:var(--amber);box-shadow:0 0 18px -4px rgba(232,155,51,.5)}
.chip.done{border-color:#1E4A3A;color:var(--live);background:#0A2A1F}
.cn{flex:1 1 10px;min-width:8px;height:1.5px;background:var(--ink-4);position:relative;overflow:hidden}
.cn i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--live)}

/* ---------- feed ---------- */
.feed{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;font-family:var(--mono);font-size:11.5px;gap:0}
.fl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .45s;color:var(--fg-dim)}
.fl.on,.fl.done{max-height:26px;opacity:1}
.fl>*{padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl t{color:#4F6660}.fl s{text-decoration:none;color:var(--fg)}.fl u{text-decoration:none;color:var(--live);font-variant-numeric:tabular-nums}
.fl.w u{color:var(--amber)}

/* ---------- bars ---------- */
.bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}
.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.bar i{display:block;width:100%;height:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--amber),var(--amber-deep))}
.bar i.g{background:linear-gradient(180deg,#5FDB98,#2E8F5E)}
.bar i.m{background:#1C302A}
.bar span{font-family:var(--mono);font-size:9px;color:#5E7069;letter-spacing:.06em}
.bar2{flex:1;align-self:stretch;width:100%;display:flex;gap:2px;align-items:flex-end;min-height:0}.bar2 i{flex:1;width:auto}

/* ---------- code ---------- */
.code{font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#C9D3CE;white-space:pre-wrap;word-break:break-word;margin:0}
.code .k{color:var(--amber)}.code .c{color:#4F6660}
.typing::after{content:"";display:inline-block;width:7px;height:13px;background:var(--amber);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}

/* ---------- small helpers ---------- */
.fade{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}
.fade.on,.fade.done{opacity:1;transform:none}
.hl{transition:color .35s,background .35s,border-color .35s}
.tag2{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:3px;border:1px solid var(--ink-4);color:var(--fg-dim);white-space:nowrap}
.tag2.g{color:var(--live);border-color:#1E4A3A;background:#0A2A1F}.tag2.a{color:var(--amber);border-color:#4A3417;background:#1E160B}
.mini{display:flex;flex-direction:column;gap:7px;min-width:0}
.mrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;padding:7px 10px;border:1px solid var(--ink-3);border-radius:6px;background:#0C1815;min-width:0;transition:all .4s}
.mrow>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow.on{border-color:#4A3417;background:#17140C}.mrow.done{border-color:#1E4A3A}
.mono{font-family:var(--mono)}
.dim{color:var(--fg-dim)}
.big{font-family:var(--display);font-weight:500;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.wlabel{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#4F6660}
svg.sv{display:block;width:100%;height:auto;overflow:visible}
.sv .wire{fill:none;stroke:#20352F;stroke-width:1.5}
.sv .drw{fill:none;stroke:var(--amber);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1}
.sv .drw.g{stroke:var(--live)}
.sv .dotr{fill:var(--amber);filter:drop-shadow(0 0 5px rgba(232,155,51,.8));opacity:0}
.sv .dotr.g{fill:var(--live);filter:drop-shadow(0 0 5px rgba(79,209,139,.8))}
.sv .nd{fill:#0C1815;stroke:#20352F;transition:stroke .35s,fill .35s}
.sv .nd.on{stroke:var(--amber);fill:#17140C}.sv .nd.done{stroke:#2E8F5E;fill:#0A2018}
.sv text{font-family:var(--body);font-size:12px;fill:var(--fg);font-weight:500}
.sv text.s{font-family:var(--mono);font-size:9px;fill:#5E7069;letter-spacing:.06em;font-weight:400}
.sv text.a{fill:var(--amber)}

/* ---------- module cards ---------- */
.mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mods.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mods.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.mods.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.mods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mods,.mods.two,.mods.four{grid-template-columns:1fr}}
.mod{position:relative;display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:10px;overflow:hidden;min-width:0;
  text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.mod:hover{transform:translateY(-4px);border-color:#3A3020;box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.mod-v{position:relative;padding:16px;border-bottom:1px solid var(--ink-3);background:linear-gradient(180deg,#0B1613,#09110F);min-height:244px;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}
.mod-v.pad{justify-content:flex-start;padding-top:42px}
.mod-v .mlabel{position:absolute;top:12px;left:16px;right:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mod-v .live-b{position:absolute;top:10px;right:14px}

.mod-v.vid0{padding:0;min-height:0;background:#F4F1E8}
.mod-c{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.mod-c .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.mod-c h3{font-size:clamp(19px,1.7vw,23px)}
.mod-c p{color:var(--fg-dim);font-size:15px;flex:1}
.mod-c .go{font-weight:600;font-size:14px;color:var(--fg);display:flex;align-items:center;gap:8px}
.mod-c .go::after{content:"→";color:var(--amber);transition:transform .25s}
.mod:hover .go::after{transform:translateX(4px)}
.mod.wide{grid-column:span 2}
@media(max-width:640px){.mod.wide{grid-column:auto}}
.mod.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-column:1/-1}
.mod.feat .mod-v{border-bottom:0;border-right:1px solid var(--ink-3);min-height:340px}
.mod.feat .mod-c{padding:clamp(22px,3vw,40px);justify-content:center}
.mod.feat h3{font-size:clamp(24px,2.6vw,36px)}
@media(max-width:860px){.mod.feat{grid-template-columns:1fr}.mod.feat .mod-v{border-right:0;border-bottom:1px solid var(--ink-3);min-height:0}}

/* ---------- tabs with video ---------- */
.tabs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center}
@media(max-width:900px){.tabs{grid-template-columns:1fr}}
.tlist{display:flex;flex-direction:column;gap:4px}
.tb{all:unset;cursor:pointer;display:block;padding:18px 20px 20px;border-radius:8px;border:1px solid transparent;position:relative;overflow:hidden;transition:background .3s,border-color .3s;--p:0}
.tb:hover{background:rgba(255,255,255,.02)}
.tb.on{background:var(--ink-2);border-color:var(--ink-3)}
.tb .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#4F6660;display:block}
.tb.on .k{color:var(--amber)}
.tb b{display:block;font-family:var(--display);font-weight:600;font-size:clamp(18px,1.7vw,22px);margin-top:6px;letter-spacing:-.01em}
.tb p{color:var(--fg-dim);font-size:14.5px;margin-top:8px;display:none}
.tb.on p{display:block}
.tb::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--amber);transform-origin:0 50%;transform:scaleX(var(--p));opacity:0}
.tb.on::after{opacity:1}
.tb:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.tview{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--ink-4);box-shadow:0 50px 100px -50px rgba(0,0,0,.9);background:#F4F1E8;aspect-ratio:3/2}
.tp{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}
.tp.on{opacity:1;pointer-events:auto}
.tp video{display:block;width:100%;height:100%;object-fit:cover}
.tp .reel-tag{position:absolute;left:14px;bottom:12px}
@media(max-width:900px){.tb p{display:block}.tb:not(.on) p{display:none}}

/* ---------- process (ivory) ---------- */
.proc>.lv-b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;margin-top:clamp(36px,5vw,60px)}
.proc.five>.lv-b{grid-template-columns:repeat(5,minmax(0,1fr))}
.proc .line{position:absolute;left:0;right:0;top:22px;height:2px;background:#E2DBCC}
.proc .line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber-deep),#2E8F5E)}
.proc .line i.vt{display:none;width:100%;height:0;background:linear-gradient(180deg,var(--amber-deep),#2E8F5E)}
.ps{position:relative;padding:0 22px 0 0;min-width:0}
.ps .n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid #D8D0BF;font-family:var(--mono);font-size:13px;color:var(--ink-fg-dim);position:relative;z-index:1;transition:all .4s}
.ps.on .n{border-color:var(--amber-deep);color:var(--amber-deep);box-shadow:0 0 0 6px rgba(200,122,33,.12)}
.ps.done .n{border-color:#2E8F5E;background:#2E8F5E;color:#fff}
.ps h3{font-size:clamp(18px,1.6vw,22px);margin-top:20px;color:var(--ink-fg)}
.ps p{color:var(--ink-fg-dim);font-size:15px;margin-top:8px}
.ps .gate{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-deep);border:1px solid #E8D3B3;background:#FBF1DF;border-radius:3px;padding:4px 8px;opacity:.35;transition:opacity .4s}
.ps.done .gate{opacity:1}
@media(max-width:860px){.proc>.lv-b,.proc.five>.lv-b{grid-template-columns:1fr;gap:26px}.proc .line{left:22px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .proc .line i.hz{display:none}.proc .line i.vt{display:block}.ps{padding:0 0 0 70px}.ps .n{position:absolute;left:0;top:0}.ps h3{margin-top:8px}}

/* ---------- statement + facts ---------- */
.statement{font-family:var(--display);font-weight:500;font-stretch:104%;font-size:clamp(26px,3.6vw,50px);line-height:1.12;letter-spacing:-.02em;max-width:24ch}
.statement em{font-style:normal;color:var(--amber)}
.statement .dim{color:#4F6660}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ink-3);border:1px solid var(--ink-3);border-radius:8px;overflow:hidden;margin-top:clamp(36px,5vw,56px)}
@media(max-width:760px){.facts{grid-template-columns:1fr}}
.fact{background:var(--ink-2);padding:26px 24px}
.fact b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;line-height:1}
.fact span{display:block;color:var(--fg-dim);font-size:15px;margin-top:12px}
.paper .mod{background:#fff;border-color:#E6E1D6}
.paper .mod-c p{color:var(--ink-fg-dim)}
.paper .mod-c .k{color:var(--amber-deep)}
.paper .mod-c .go{color:var(--ink-fg)}
.paper .mod-c h3{color:var(--ink-fg)}
.paper .mod:hover{border-color:#D8D1C2;box-shadow:0 20px 40px -28px rgba(11,21,18,.45)}
.sub-h{font-size:clamp(26px,3vw,40px)}
.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.chiprow a,.chiprow span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--ink-4);border-radius:999px;color:var(--fg-dim);text-decoration:none;transition:all .2s}
.chiprow a:hover{border-color:var(--amber);color:var(--amber)}
.note{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:#4F6660;margin-top:18px}
@media(prefers-reduced-motion:reduce){.live-b::before,.typing::after{animation:none!important}.stage{transform:none!important}}

@media(max-width:700px){.mhead .chips{display:none}}
.chips{max-width:100%;overflow:hidden}
@media(max-width:700px){.xg{grid-template-columns:1fr!important}}
.phero{overflow-x:clip}main{overflow-x:clip}
.mod-v .kp b{font-size:20px}
.swap{opacity:0;transition:opacity .5s}.swap.on{opacity:1}
.mod-v .chip{padding:6px 9px;font-size:10px}

/* ---------- NetSuite look (light): the same chrome as the clips ---------- */
.nsx{background:#F4F1E8;border:1px solid #2A3D37;border-radius:12px;overflow:hidden;color:#0E1F1A;box-shadow:0 60px 120px -50px rgba(0,0,0,.9);min-width:0;
  --nf:#0E1F1A;--nd:#46564F;--nfa:#8D9790;--nl:#E6E0D2}
.nsx .bb{height:30px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#F1EDE2;border-bottom:1px solid #E4DCC9}
.nsx .bb .dots i{background:#DFD7C4}
.nsx .bb .u{height:20px;flex:0 1 460px;min-width:0;border-radius:10px;background:#fff;border:1px solid #E4DCC9;padding:0 12px;display:flex;align-items:center;font-family:var(--mono);font-size:10.5px;color:#8D9790;white-space:nowrap;overflow:hidden}
.nsx .hh{height:44px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#FBF9F4;border-bottom:1px solid #EAE4D6;min-width:0}
.nsx .hh svg{height:24px;width:auto;flex:0 0 auto}
.nsx .hh .sr{margin-left:60px;flex:0 1 280px;height:24px;border:1px solid #CFC7B5;border-radius:4px;background:#fff;font-size:11px;color:#A9A497;display:flex;align-items:center;padding:0 10px}
.nsx .hh .us{margin-left:auto;text-align:right;line-height:1.15;white-space:nowrap}
.nsx .hh .us b{display:block;font-size:11.5px;font-weight:600}.nsx .hh .us span{font-size:10px;color:#8D9790}
.nsx .nn{height:30px;display:flex;align-items:center;gap:4px;padding:0 16px;background:#0E1F1A;overflow:hidden}
.nsx .nn span{font-size:12px;font-weight:500;color:#C4D2CB;padding:0 11px;height:30px;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}
.nsx .nn span.on{color:#fff;border-bottom-color:#C87A21}
.nsx .nn .hm{width:24px;height:20px;padding:0;border-radius:4px;background:#C87A21;margin-right:24px}
.nsx .pg{padding:14px 16px 16px}
.nsx .pt{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.nsx .pt h4{margin:0;font-family:var(--body);font-size:18px;font-weight:600}
.nsx .pt small{font-size:11px;color:#2F6B8F}
.nsx .pt .sub{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:#8D9790}
.pgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
@media(max-width:760px){.pgrid{grid-template-columns:1fr}.nsx .hh .sr{display:none}.nsx .nn span:nth-child(n+5){display:none}}
.plt{background:#fff;border:1px solid #E6E0D2;border-radius:6px;overflow:hidden;min-width:0}
.plt>h5{margin:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#FBF9F4;border-bottom:1px solid #EFEAE0;font-family:var(--body);font-size:12px;font-weight:600;color:#0E1F1A}
.plt>h5::before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #8D9790}
.plt>h5 span{margin-left:auto;font-weight:400;font-size:10.5px;color:#2F6B8F}
.plt .pb2{padding:10px 12px}
.kpt{width:100%;border-collapse:collapse;font-size:12px}
.kpt th{font-family:var(--mono);font-weight:400;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8D9790;text-align:right;padding:0 6px 6px;border-bottom:1px solid #EFEAE0}
.kpt th:first-child{text-align:left}
.kpt td{padding:7px 6px;border-bottom:1px solid #F3EFE6;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpt td:first-child{text-align:left;color:#2F6B8F}
.kpt tr:last-child td{border-bottom:0}
.kpt .up{color:#2E8F5E}.kpt .dn2{color:#C2483B}
.kpt tr{transition:background .4s}.kpt tr.on{background:#FBF1DF}
.rem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rem div{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#46564F;min-width:0}
.rem b{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#FBF0DC;border:1px solid #EBC98C;color:#9A5A12;font-family:var(--mono);font-size:12px;font-weight:600}
.rem b.g{background:#E6F5EC;border-color:#B9DFC8;color:#2E8F5E}
.nbars{display:flex;align-items:flex-end;gap:5px;height:118px;border-bottom:1px solid #EFEAE0;padding-top:6px}
.nbars .c{flex:1;height:100%;display:flex;gap:2px;align-items:flex-end}
.nbars .c i{flex:1;display:block;height:0;border-radius:2px 2px 0 0;background:#2F6B8F}
.nbars .c i.p{background:#CFC7B5}
.nlab{display:flex;gap:5px;margin-top:4px}.nlab span{flex:1;text-align:center;font-family:var(--mono);font-size:9px;color:#8D9790}
.nleg{display:flex;gap:14px;margin-top:6px;font-family:var(--mono);font-size:9.5px;color:#8D9790}
.nleg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.fun{display:flex;flex-direction:column;gap:7px}
.fun div{display:grid;grid-template-columns:72px minmax(0,1fr) 60px;gap:8px;align-items:center;font-size:11.5px}
.fun .tr{height:14px;background:#F4F1E8;border-radius:3px;overflow:hidden}
.fun .tr i{display:block;height:100%;width:0;background:#2F6B8F;border-radius:3px}
.fun b{font-family:var(--mono);font-weight:500;font-size:11px;text-align:right}
.gau{display:flex;align-items:center;gap:12px}
.gau svg{flex:0 0 auto}
.gau b{display:block;font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.02em}
.gau span{font-family:var(--mono);font-size:10px;color:#8D9790}
.nsx .lsr{display:flex;flex-direction:column;gap:0;font-size:11.5px}
.nsx .lsr div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 0;border-bottom:1px solid #F3EFE6;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.nsx .lsr div.on,.nsx .lsr div.done{opacity:1;transform:none}
.nsx .lsr div span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nsx .lsr u{text-decoration:none;font-family:var(--mono);font-size:10.5px;color:#9A5A12}
.nsx .lsr u.g{color:#2E8F5E}
.nsx .swap{position:absolute;inset:0}
.mod-v.nsv{padding:0;background:#F4F1E8;min-height:0;justify-content:flex-start}
.mod-v.nsv .nsx{border:0;border-radius:0;box-shadow:none}
.mod-v.nsv .nsx .bb{display:none}
.mod-v.nsv .nsx .hh .sr{display:none}
.gau b span{font:inherit;color:inherit;letter-spacing:inherit}
.xg>*,.pgrid>*{min-width:0}
@media(max-width:700px){.chips{flex-wrap:wrap;row-gap:8px}.chips .cn{display:none}.chips .chip{margin-right:6px}}
.plt .pb2{overflow-x:auto}
@media(max-width:620px){.kpt.k5 th:nth-child(2),.kpt.k5 td:nth-child(2),.kpt.k5 th:nth-child(4),.kpt.k5 td:nth-child(4){display:none}}
/* pop-in on scroll (pop.js adds .pop, then .in when seen) */
.pop{opacity:0;transform:translateY(38px) scale(.95);filter:blur(3px)}
.pop.pv{opacity:1;transform:none;filter:none;
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.34,1.42,.64,1),filter .7s ease}
.stage.pop{transform:perspective(1800px) rotateX(18deg) translateY(60px) scale(.92)}
.stage.pop.pv{transform:perspective(1800px) rotateX(var(--tilt,0deg)) scale(var(--sc,1))}
.mod.pop.popped{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.mod.pop.pv:hover{transform:translateY(-4px)}
.reel.pop{transform:perspective(1800px) rotateX(20deg) translateY(60px) scale(.9)}
.reel.pop.pv{transform:perspective(1800px) rotateX(var(--tilt,0deg)) scale(var(--sc,1))}
.prod.pop.pv:hover,.dcard.pop.pv:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.pop{opacity:1!important;transform:none!important;filter:none!important}}

/* ===== v12: type matched to bond.ai (Inter, light display weights), tighter
   spacing, glass menus, shared footer. Loaded last so it wins. ===== */
:root{
  --display:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --code:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
body{font-family:var(--body);font-size:16px;line-height:1.555;font-weight:300}
p{font-weight:300}
b,strong{font-weight:600}
h1,h2,h3,h4{font-family:var(--display);font-stretch:normal}
h1{font-weight:300;line-height:1.1;letter-spacing:-.01em}
.hero h1,.phero h1{font-size:clamp(32px,3.3vw,52px);max-width:22ch}
h1 em,h1 .typed,.phero h1 em{font-weight:700}
.h2,.sec-head h2,.pin-left h2,.close h2{font-size:clamp(28px,3.25vw,50px);font-weight:300;line-height:1.1;letter-spacing:-.01em}
.sub-h{font-size:clamp(24px,2.3vw,35px);font-weight:300}
h3{font-weight:600;letter-spacing:-.6px;line-height:1.28}
.mod-c h3,.prod h3,.p-cap h3,.tb b,.ps h3,.inc b,.box2 h3,.plan h3,.sh h3,.tln b,.ss b,.bk b{font-size:22px;font-weight:600;letter-spacing:-.6px}
.mod.feat h3{font-size:clamp(24px,2.3vw,35px);font-weight:300;letter-spacing:-.01em}
.statement{font-family:var(--display);font-size:clamp(22px,2.3vw,35px);font-weight:300;line-height:1.15;letter-spacing:-.01em}
.statement em,.statement b{font-weight:700}
.lede,.hero-side p,.phero .hero-side p{font-size:clamp(16px,1.15vw,18px);font-weight:300;line-height:1.555}
.mod-c p,.prod p,.p-cap p,.tb p,.ps p,.inc p,.box2 p,.sh p,.tln p,.ss p,.bk p,details p{font-size:16px;font-weight:300;line-height:1.555}
.eyebrow{font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:-.2px;text-transform:none;margin-bottom:14px}
.slogan{font-family:var(--display);font-weight:300;font-size:clamp(18px,1.4vw,22px)}
.btn,.ah .ah-btn,.ah .mnav .mcta{font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;padding:12px 22px;border-radius:6px}
.ah,.ah nav{font-family:var(--body)}
.ah .nt{font-size:15px;font-weight:300;opacity:.92}
.ah .nc a{font-size:15px;font-weight:300}
summary{font-family:var(--display);font-weight:500;font-size:clamp(17px,1.4vw,20px)}
.num b,.fact b,.big,.kp b,.cfact b{font-family:var(--display);font-weight:300;letter-spacing:-.02em}
/* code and logs stay monospaced: they are screens, not prose */
pre,code,.code,.feed,.fl,.ledger,.lg,.mp code,.ph{font-family:var(--code)}

/* ---- spacing: less air under the header, above the footer ---- */
.ah-row{height:64px}
.band{padding-block:clamp(40px,4.6vw,72px)}
.sec-head{margin-bottom:clamp(22px,2.6vw,38px)!important}
.stage{margin-top:clamp(28px,3.6vw,52px)}
.statement{max-width:44ch}
.statement:has(.dim){max-width:52ch}
.hero{padding-block:clamp(32px,4vw,64px)}
.phero{padding-top:clamp(32px,4vw,64px)}
.ticker{margin-top:clamp(28px,3.4vw,52px)!important}
.close{min-height:0}
.band.close{padding-block:clamp(44px,5vw,80px)}

/* ---- glass menus, desktop dropdowns and phone menu alike ---- */
.ah{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ah::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(7,13,11,.66);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.ah .nc{background:rgba(14,28,24,.74);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 60px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.ah .nc a:hover,.ah .nc a:focus-visible{background:rgba(255,255,255,.07)}
.ah .mnav{background:rgba(9,18,15,.88);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}
.ah .mnav details{border-bottom-color:rgba(255,255,255,.07)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ah .nc,.ah .mnav{background:#0E1C18}}

/* ---- footer ---- */
footer.sf{border-top:1px solid var(--ink-3);background:var(--ink);padding-block:36px 26px;color:var(--fg-dim);font-family:var(--body);font-weight:300}
.sf-top{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.sf-brand{display:block;flex:0 0 auto}.sf-brand svg{height:38px;width:auto;display:block}
.sf-tag{font-size:15px;color:var(--fg-dim);margin:0}
.sf-soc{margin-left:auto;display:flex;gap:10px}
.sf-soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ink-4);color:var(--fg);transition:border-color .2s,color .2s,background .2s}
.sf-soc a:hover{border-color:var(--amber);color:var(--amber);background:rgba(232,155,51,.06)}
.sf-soc svg{width:17px;height:17px;display:block}
.sf-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:24px;font-size:15px}
.sf-links a{color:var(--fg-dim);text-decoration:none}.sf-links a:hover{color:var(--fg)}
.sf-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ink-3);font-size:14px;color:#6E7F78}
.sf-bot a{color:inherit;text-decoration:none}.sf-bot a:hover{color:var(--fg)}
@media(max-width:600px){.sf-soc{margin-left:0}.sf-top{gap:14px}}

/* ---- every screen: phones, tablets, laptops, wide monitors ---- */
img,video,svg,canvas{max-width:100%}
.rail{max-width:1240px}
@media(min-width:1800px){.rail{max-width:1400px}}
@media(max-width:1100px){.mods.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr!important;gap:22px}
  .sec-head{grid-template-columns:1fr!important;gap:14px}
  .close-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .mods,.mods.two,.mods.four,.prods,.dash3,.plans,.shorts,.facts{grid-template-columns:1fr!important}
  .incs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .inc{padding:16px 14px 18px!important}.inc b{font-size:17px!important;letter-spacing:-.3px!important}.inc p{font-size:14px!important}
  .mod.wide{grid-column:auto}
  .btn{padding:11px 18px;font-size:15px}
  .hero-side .cta,.phero .cta{gap:8px}
  .tabs{gap:18px}
}
@media(max-width:380px){
  :root{--gut:16px}
  .ah .lockup{height:34px}
  .btn{padding:10px 14px;font-size:14.5px}
}

.statement.long{font-size:clamp(18px,1.5vw,22px);line-height:1.5;max-width:68ch;color:var(--fg)}

/* ---- v13: headline sits right under the menu ---- */
.hero{padding-top:clamp(18px,2.2vw,34px)!important}
.phero{padding-top:clamp(18px,2vw,30px)!important}
.phero .hero-grid,.hero .hero-grid{align-items:start!important}
.phero .hero-side{padding-top:4px}
.crumb{margin-bottom:16px}
.phero .eyebrow{margin-bottom:10px}
.hero .ann{margin-bottom:18px}
.stage{margin-top:clamp(22px,2.6vw,40px)}