/* oh.technology home, v1 (2026-10-27). The deck's look on the web: near-black, the cyan → blue → purple → pink
   gradient, Inter, spaced small caps for labels, a serif italic for the equation, and the deck's renders as scenes. */
:root{--bg:#050507;--bg1:#07080c;--bg2:#0c0d12;--panel:#111219;--line:#22242e;--line2:#33364a;--text:#fff;--body:#c9ccd5;--muted:#9da2ae;
--cyan:#0bddef;--blue:#2b6bff;--purple:#7a3cff;--magenta:#d931c9;--pink:#eb286c;
--grad:linear-gradient(90deg,#0bddef 0%,#2b6bff 35%,#7a3cff 65%,#eb286c 100%);
--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--math:"STIX Two Text","Cambria Math","Times New Roman",serif;
--g:clamp(16px,4vw,56px);--max:1280px;--bar:64px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--body);font:400 1rem/1.62 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:50}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
h1,h2,h3{color:var(--text);font-weight:500;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(2rem,4.2vw,3.4rem);max-width:20ch}
h3{font-size:clamp(1.2rem,1.8vw,1.5rem);letter-spacing:-.01em;line-height:1.2}
p{max-width:62ch}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{display:block;font-size:.76rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
.kicker.pink{color:var(--magenta)}
.lead{font-size:clamp(1.08rem,1.5vw,1.28rem);color:#dfe1e7;line-height:1.55}
.muted{color:var(--muted)}
.src{display:block;font-size:.82rem;font-style:italic;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;background:var(--grad);color:#fff;text-decoration:none;font-weight:600;font-size:.98rem;transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn.line{background:transparent;border:1px solid rgba(255,255,255,.4)}
.btn.line:hover{border-color:var(--cyan);color:var(--cyan);filter:none}
.btn svg{width:16px;height:16px}
.textlink{color:var(--cyan);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(11,221,239,.35)}
.textlink:hover{border-color:var(--cyan)}

/* top bar */
.sitebar{position:fixed;inset:0 0 auto;z-index:40;height:var(--bar);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.sitebar.solid{background:rgba(5,5,7,.82);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-color:rgba(255,255,255,.07)}
.sitebar .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.brand img{height:24px;width:auto}
.sitebar nav ul{display:flex;align-items:center;gap:30px;list-style:none;font-size:.9rem;font-weight:500}
.sitebar nav a{text-decoration:none;color:#e4e6eb}.sitebar nav a:hover{color:var(--cyan)}
.sitebar nav .btn{min-height:40px;padding:8px 18px;font-size:.88rem;color:#fff}
.navtoggle,.burger{display:none}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg1)}
.hero-field{position:absolute;inset:0;pointer-events:none}
.hero-field img,.hero-field canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-field img{object-fit:cover;object-position:78% 50%;opacity:.9;transition:opacity 1.2s}
.hero-field canvas{opacity:0;transition:opacity 1.4s}
.hero.live .hero-field canvas{opacity:1}.hero.live .hero-field img{opacity:0}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,12,.96) 0%,rgba(7,8,12,.9) 40%,rgba(7,8,12,0) 64%),linear-gradient(0deg,var(--bg) 0%,rgba(5,5,7,0) 22%)}
.hero > .wrap{position:relative;z-index:2;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--bar) + 40px);padding-bottom:56px}
.hero .facts{position:relative;z-index:2;background:rgba(5,5,7,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero h1{font-size:clamp(2.5rem,4.8vw,4.4rem);font-weight:500;letter-spacing:-.035em;line-height:1.04;max-width:12.5em}
.hero h1 .grad{display:block}
.hero h1{text-shadow:0 2px 28px rgba(5,6,10,.85)}
.hero .lead{margin-top:26px;max-width:50ch}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.eq-hero{font-family:var(--math);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.9rem);color:var(--cyan);margin-top:34px;letter-spacing:.01em}
.motion-toggle{position:absolute;right:var(--g);bottom:28px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(5,5,7,.4);color:#fff;cursor:pointer;display:grid;place-items:center}
.motion-toggle:hover{border-color:var(--cyan)}
.motion-toggle svg{width:14px;height:14px}

/* facts strip */
.facts{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts ul{list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}
.facts li{padding:30px 24px 28px;border-left:1px solid var(--line)}
.facts li:first-child,.facts li:nth-child(2){border-left:0;padding-left:0}
.facts b{display:block;font-size:clamp(2rem,3.4vw,3.1rem);font-weight:600;color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.facts span{display:block;margin-top:8px;font-size:.88rem;color:var(--muted);line-height:1.4}
.facts .asof{grid-column:1/-1;border:0;padding:24px 0 6px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* sections */
.sec{position:relative;padding:clamp(64px,8vw,112px) 0}
.sec.tight{padding-top:clamp(32px,4vw,56px)}
.sec-head{margin-bottom:clamp(36px,5vw,64px)}
.sec-head .lead{margin-top:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.grid2.align-top{align-items:start}

/* beliefs */
.beliefs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.belief{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 26px 28px}
.belief .n{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--magenta);font-weight:600}
.belief h3{margin-top:10px;font-size:1.25rem}
.belief p{margin-top:8px;color:var(--cyan)}
.until{margin-top:34px;font-size:1.15rem;color:var(--text)}

/* acts: one sticky rail over the five chapters */
.acts{position:relative}
.actbar{position:sticky;top:var(--bar);z-index:30;background:rgba(5,5,7,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.actbar ol{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.actbar a{display:block;padding:14px 0 13px;font-size:.78rem;color:var(--muted);text-decoration:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actbar a b{font-weight:600;margin-right:6px;color:inherit}
.actbar a::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--line2);transition:background .3s}
.actbar a.on{color:var(--text)}.actbar a.on::before{background:var(--cyan)}
.actbar a.done::before{background:rgba(11,221,239,.4)}
.opener{position:relative;min-height:min(76svh,700px);display:flex;align-items:center;overflow:hidden;background:var(--bg1)}
.opener .art{position:absolute;inset:-6% 0 -6% 18%;will-change:transform}
.opener .art img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.opener::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg1) 0%,rgba(7,8,12,.92) 34%,rgba(7,8,12,0) 68%),linear-gradient(0deg,var(--bg) 0%,rgba(5,5,7,0) 18%),linear-gradient(180deg,var(--bg) 0%,rgba(5,5,7,0) 14%)}
.opener .wrap{position:relative;z-index:2;width:100%}
.num{display:block;font-size:clamp(5rem,12vw,9.5rem);font-weight:200;line-height:.9;color:var(--cyan);letter-spacing:-.04em}
.opener .kicker{margin-top:26px}
.opener h2{max-width:16ch;font-size:clamp(2.25rem,4vw,3.5rem)}
.opener .lead{margin-top:24px;max-width:48ch}

/* media blocks */
.media{position:relative;aspect-ratio:16/9}
.media{background:transparent;isolation:isolate}
.media img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:brightness(.8) contrast(1.2);-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 62% 62% at 50% 50%,#000 45%,transparent 100%)}
.commit .media img{-webkit-mask-image:radial-gradient(ellipse 55% 55% at 50% 52%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 55% 55% at 50% 52%,#000 45%,transparent 100%)}
.media.wide{aspect-ratio:16/9}
.big10{font-size:clamp(3.4rem,7vw,5.6rem);font-weight:600;color:var(--magenta);letter-spacing:-.03em;line-height:1}
.big10 sup{font-size:.48em;vertical-align:.95em}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px)}
.stat{display:flex;flex-direction:column}.stat p{flex:1}
.stat b{display:block;white-space:nowrap;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:600;color:var(--cyan);letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}
.stat .bar{height:6px;border-radius:3px;background:#1a1c26;margin:18px 0 16px;overflow:hidden}
.stat .bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:3px;transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.stat p{font-size:.95rem}
.in .stat .bar i{width:var(--w)}
.quote{margin-top:clamp(40px,5vw,64px);border-left:3px solid;border-image:var(--grad) 1;padding:20px 26px;background:var(--panel);border-radius:0 12px 12px 0;color:var(--text);font-size:1.1rem;max-width:none}
.quote b{color:var(--cyan);font-weight:600}
.rules{list-style:none;margin-top:30px;counter-reset:r}
.rules li{counter-increment:r;display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:1.2rem;color:var(--text)}
.rules li::before{content:counter(r);flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;border:1.5px solid var(--cyan);color:var(--cyan)}
.rules li:nth-child(2)::before{border-color:var(--purple);color:#b38cff}
.rules li:nth-child(3)::before{border-color:var(--magenta);color:var(--magenta)}

/* equation */
.eq{font-family:var(--math);font-style:italic;font-size:clamp(2.2rem,6vw,4.6rem);color:var(--text);line-height:1.2;display:flex;flex-wrap:wrap;align-items:baseline;gap:.08em .1em}
.eq .op{color:var(--muted);font-style:normal;font-family:var(--sans);font-weight:300;font-size:.8em}
.term{font:inherit;font-style:italic;background:none;border:0;color:var(--cyan);cursor:pointer;padding:0 .06em;border-radius:6px;position:relative;transition:color .2s,text-shadow .2s}
.term::after{content:"";position:absolute;left:8%;right:8%;bottom:.04em;height:2px;background:currentColor;opacity:.35;transition:opacity .2s}
.term:hover,.term.on{color:#fff;text-shadow:0 0 18px rgba(11,221,239,.8),0 0 42px rgba(122,60,255,.5)}
.term.on::after{opacity:1}
.defs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.def{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px 22px;transition:border-color .25s,background .25s,transform .25s}
.def .sym{font-family:var(--math);font-style:italic;font-size:1.7rem;color:var(--cyan);line-height:1}
.def h3{font-size:1.05rem;margin-top:10px}
.def p{font-size:.92rem;margin-top:6px}
.def.on{border-color:var(--cyan);background:#0f1a22;transform:translateY(-2px)}
.timebox{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);align-items:center}
.eq2{font-family:var(--math);font-style:italic;font-size:clamp(1.5rem,3vw,2.3rem);color:var(--cyan);margin:18px 0 14px}
.scrub{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 24px 22px}
.periods{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.period{aspect-ratio:3/4;border-radius:6px;border:1.5px solid var(--line2);background:radial-gradient(circle at 30% 30%,rgba(11,221,239,.14),transparent 60%),radial-gradient(circle at 70% 70%,rgba(217,49,201,.14),transparent 60%),#0a0b10;transition:border-color .3s,box-shadow .3s,opacity .3s;opacity:.45;position:relative}
.period.read{opacity:1;border-color:rgba(11,221,239,.55)}
.period.now{border-color:var(--magenta);box-shadow:0 0 22px rgba(217,49,201,.45)}
.period span{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:.66rem;color:var(--muted);letter-spacing:.06em}
.scrub label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin:18px 0 8px}
.scrub input[type=range]{width:100%;accent-color:var(--magenta);height:28px;cursor:pointer}
.weights{margin-top:16px;display:grid;gap:10px}
.w{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;font-size:.82rem}
.w i{display:block;height:10px;border-radius:5px;background:#1a1c26;position:relative;overflow:hidden}
.w i em{position:absolute;top:0;bottom:0;border-radius:5px;background:rgba(11,221,239,.25);transition:left .5s,width .5s}
.w i s{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--cyan);border-radius:2px;transition:left .5s}
.w.res i s{display:none}
.w.res i em{left:0!important;background:linear-gradient(90deg,var(--magenta),var(--pink))}
.note{font-size:.76rem;color:var(--muted);margin-top:14px;font-style:italic}
.lineage{margin-top:clamp(56px,7vw,96px)}
.lineage ol{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:26px;position:relative}
.lineage ol::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple),var(--magenta))}
.lineage li{position:relative;padding:30px 12px 0 0}
.lineage li::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(11,221,239,.7)}
.lineage .y{display:block;font-size:.8rem;color:var(--cyan);font-weight:600}
.lineage .who{display:block;color:var(--text);font-weight:600;font-size:.92rem;margin-top:4px}
.lineage .what{display:block;font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:4px}

/* platform */
.steps{list-style:none;display:grid;gap:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:6px 18px;padding:22px 0;border-bottom:1px solid var(--line)}
.steps li:first-child{padding-top:0}
.steps li::before{content:"0" counter(s);font-size:.82rem;font-weight:600;color:var(--cyan);letter-spacing:.08em;padding-top:4px}
.steps h3{font-size:1.15rem}
.steps p{font-size:.95rem}
.computed{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(11,221,239,.08),rgba(122,60,255,.06) 50%,rgba(235,40,108,.07));border:1px solid rgba(11,221,239,.35);border-radius:16px;padding:30px 34px}
.computed .mark{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;color:var(--text);letter-spacing:-.02em;line-height:1.1}
.computed p{font-size:1rem}
.sources{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sources span{font-size:.8rem;padding:8px 14px;border-radius:999px;border:1px solid var(--line2);color:#e4e6eb}
.sources span b{color:var(--cyan);font-weight:600;margin-right:6px}
.flops{margin-top:26px;display:grid;gap:22px}
.flop b{display:block;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;color:var(--text);letter-spacing:-.02em}
.flop.h b{color:var(--cyan)}
.flop span{font-size:.88rem;color:var(--muted)}
.flop i{display:block;height:8px;border-radius:4px;background:#1a1c26;margin-top:10px;overflow:hidden}
.flop i em{display:block;height:100%;width:0;border-radius:4px;background:#fff;transition:width 1.8s cubic-bezier(.2,.7,.2,1)}
.flop.h i em{background:var(--grad)}
.in .flop i em{width:var(--w)}
.axis{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);margin-top:6px}

/* proof */
.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.proof{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 26px 26px;display:flex;flex-direction:column}
.proof .tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--magenta)}
.proof b{display:block;margin-top:16px;font-size:clamp(2.2rem,3.2vw,2.9rem);font-weight:600;color:var(--cyan);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.proof b small{display:block;font-size:.95rem;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:8px}
.proof h3{margin-top:14px;font-size:1.1rem}
.proof p{margin-top:8px;font-size:.93rem;flex:0 0 auto}
.proof .vs{display:flex;align-items:flex-end;gap:14px;height:86px;margin-top:20px}
.proof .vs i{flex:1;border-radius:6px 6px 0 0;height:0;transition:height 1.4s cubic-bezier(.2,.7,.2,1)}
.proof .vs i:first-child{background:linear-gradient(0deg,var(--purple),var(--magenta))}
.proof .vs i:last-child{background:#3a3d4c}
.in .proof .vs i,.proof.in .vs i{height:var(--h)}
.proof .vs + .lbl{display:flex;gap:14px;font-size:.72rem;color:var(--muted);margin-top:6px}.proof .vs + .lbl span{flex:1;text-align:center}
.proof .textlink{margin-top:18px;align-self:flex-start}

/* applications */
.products{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.product{position:relative;border-radius:24px;padding:clamp(28px,3.4vw,44px);overflow:hidden;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:420px}
.product::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9}
.product.talent::before{background:radial-gradient(120% 80% at 100% 0%,rgba(11,221,239,.22),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(43,107,255,.16),transparent 60%)}
.product.ent::before{background:radial-gradient(120% 80% at 100% 0%,rgba(217,49,201,.22),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(122,60,255,.18),transparent 60%)}
.product > *{position:relative}
.status{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#e4e6eb}
.status i{width:8px;height:8px;border-radius:50%;background:#2ee59d;box-shadow:0 0 10px #2ee59d}
.product .lockup{display:flex;align-items:center;gap:12px;margin-top:26px}
.product .lockup img{width:44px;height:44px}
.product .lockup strong{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;color:var(--text);letter-spacing:-.025em}
.product .who{margin-top:14px;color:var(--cyan);font-weight:600;font-size:.95rem}
.product.ent .who{color:#e58ae0}
.product p{margin-top:12px}
.product ul{list-style:none;margin-top:18px;display:grid;gap:10px}
.product li{display:flex;gap:12px;font-size:.95rem}
.product li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;margin-top:.62em;background:var(--cyan)}
.product.ent li::before{background:var(--magenta)}
.product .btn{margin-top:auto;align-self:flex-start}
.product .spacer{flex:1;min-height:26px}
.next{margin-top:clamp(48px,6vw,80px)}
.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.domain{border-top:2px solid var(--line2);padding-top:18px}
.domain h3{font-size:1.1rem}
.domain .r{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-left:8px}
.domain p{font-size:.93rem;margin-top:8px}

/* commitments */
.commit{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}
.commits{list-style:none;margin-top:34px;counter-reset:c}
.commits li{counter-increment:c;display:grid;grid-template-columns:44px 170px 1fr;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.commits li::before{content:counter(c);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.82rem;border:1.5px solid var(--cyan);color:var(--cyan)}
.commits li:nth-child(2)::before{border-color:var(--blue);color:#8fb0ff}
.commits li:nth-child(3)::before{border-color:var(--purple);color:#b38cff}
.commits li:nth-child(4)::before{border-color:var(--magenta);color:var(--magenta)}
.commits li:nth-child(5)::before{border-color:var(--pink);color:#ff7aa6}
.commits b{color:var(--text);font-weight:600}
.commits span{font-size:.93rem}
.commit .media{aspect-ratio:4/5}

/* company */
.company{background:var(--bg2);border-top:1px solid var(--line)}
.co{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(28px,4vw,64px)}
.people{list-style:none;margin-top:26px;display:grid;gap:12px}
.people li{display:flex;align-items:center;gap:14px}
.people .av{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:.9rem;color:#fff;background:var(--grad)}
.people b{display:block;color:var(--text);font-weight:600}
.people span{font-size:.88rem;color:var(--muted)}
.co h3{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:18px}
.co dl{display:grid;grid-template-columns:80px 1fr;gap:10px 16px;font-size:.95rem}
.co dt{color:var(--muted)}
.co dd a{color:var(--cyan);text-decoration:none}
.co .links{list-style:none;display:grid;gap:10px;font-size:.95rem}
.co .links a{text-decoration:none;color:#e4e6eb}.co .links a:hover{color:var(--cyan)}

/* footer */
.foot{background:#000;padding:44px 0 34px;font-size:.86rem;color:var(--muted);border-top:1px solid var(--line)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}
.foot img{height:22px;width:auto}
.foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px}
.foot a{text-decoration:none}.foot a:hover{color:var(--cyan)}

/* reveal on scroll (only when JS is running) */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].in{opacity:1;transform:none}
.js [data-reveal="2"]{transition-delay:.12s}.js [data-reveal="3"]{transition-delay:.24s}.js [data-reveal="4"]{transition-delay:.36s}

@media (max-width:1080px){
 .lineage ol{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
 .lineage li{scroll-snap-align:start}
 .lineage ol::before{right:auto;width:calc(180px * 8)}
 .defs{grid-template-columns:repeat(2,1fr)}
 .co{grid-template-columns:1fr 1fr}.co > div:first-child{grid-column:1/-1}
}
@media (max-width:900px){
 .burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:12px 4px;margin-right:-4px}
 .burger span{width:22px;height:2px;background:#fff;border-radius:1px}
 .sitebar nav{position:absolute;top:var(--bar);left:0;right:0;background:rgba(5,5,7,.97);border-bottom:1px solid var(--line);display:none}
 .navtoggle:checked ~ nav{display:block}
 .navtoggle:checked ~ .burger{opacity:.7}
 .sitebar nav ul{flex-direction:column;align-items:stretch;gap:0;padding:6px var(--g) 22px}
 .sitebar nav li a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
 .sitebar nav li:last-child a{margin-top:16px;justify-content:center;border:0}
 .sitebar.open{background:rgba(5,5,7,.97)}
 .grid2,.timebox,.commit{grid-template-columns:1fr}
 .stats{grid-template-columns:repeat(2,1fr)}
 .proofs{grid-template-columns:1fr}
 .products{grid-template-columns:1fr}
 .product{min-height:0}
 .domains{grid-template-columns:1fr}
 .facts ul{grid-template-columns:repeat(2,1fr)}
 .facts li{padding:20px 16px 20px 0;border-left:0;border-top:1px solid var(--line)}
 .facts li:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
 .facts li:nth-child(2){grid-column:1/-1;border-top:0;padding-left:0;border-left:0}
 .facts .asof{padding-top:18px}
 .actbar ol{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;gap:22px;overflow-x:auto;scrollbar-width:none}
 .actbar ol::-webkit-scrollbar{display:none}
 .commit .media{aspect-ratio:16/10;order:-1}
}
@media (max-width:760px){
 .hero{justify-content:flex-end;min-height:100svh}
 .hero::after{background:linear-gradient(180deg,rgba(7,8,12,0) 0%,rgba(7,8,12,0) 34%,rgba(7,8,12,.92) 56%,var(--bg1) 70%),linear-gradient(0deg,var(--bg) 0%,rgba(5,5,7,0) 10%)}
 .hero-field{bottom:auto;height:62svh}
 .hero-field img{object-position:72% 40%}
 .hero > .wrap{padding-bottom:64px;padding-top:44svh}
 .hero .lead{margin-top:20px}
 .ctas .btn{flex:1 1 100%;justify-content:center}
 .eq-hero{margin-top:26px}
 .motion-toggle{top:calc(var(--bar) + 12px);bottom:auto}
 .opener{min-height:auto;align-items:flex-end;padding:0 0 56px}
 .opener .art{position:relative;inset:auto;height:52svh;max-height:440px;margin:0 0 -90px}
 .opener::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(5,5,7,0) 12%,rgba(7,8,12,0) 34%,var(--bg1) 62%)}
 .opener{flex-direction:column;align-items:stretch}
 .beliefs{grid-template-columns:1fr}
 .defs{grid-template-columns:1fr}
 .periods{gap:5px}
 .commits li{grid-template-columns:40px 1fr;gap:4px 14px}
 .commits li::before{grid-row:span 2}
 .computed{grid-template-columns:1fr;gap:12px;padding:24px}
 .co{grid-template-columns:1fr}
 .stats{gap:28px 18px}
}

/* v1.1: Bayes, the stack, the proof rows, Oh Roster, the customer and the lines of business */
.bayes{display:flex;align-items:center;gap:12px;font-family:var(--math);font-style:italic;font-size:1.25rem;color:var(--cyan);margin:14px 0 6px;max-width:none}
.bayes .frac{display:inline-flex;flex-direction:column;align-items:center;font-size:.92em}
.bayes .frac span:first-child{border-bottom:1px solid currentColor;padding:0 4px 3px}
.bayes .frac span:last-child{padding-top:3px}
.bayes sub{font-size:.6em}
.stack{list-style:none;margin-top:28px;display:grid;gap:0}
.stack li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.stack .k{font-size:.82rem;font-weight:600;color:var(--cyan);padding-top:3px}
.stack li:nth-child(2) .k{color:#8fb0ff}.stack li:nth-child(3) .k{color:#b38cff}.stack li:nth-child(4) .k{color:var(--magenta)}.stack li:nth-child(5) .k{color:#ff7aa6}
.stack h3{font-size:1.05rem}
.stack h3 em{font-style:normal;color:var(--cyan);margin-right:8px}
.stack p{font-size:.92rem;margin-top:4px}
.proof b.m{font-family:var(--math);font-style:italic;font-weight:400;letter-spacing:0;font-size:clamp(2.1rem,3.4vw,2.9rem)}
.proofs.two{grid-template-columns:1.25fr 1fr;margin-bottom:16px}
.plan{list-style:none;margin-top:12px;display:grid;gap:8px;counter-reset:pl}
.plan li{counter-increment:pl;display:flex;gap:12px;font-size:.93rem}
.plan li::before{content:counter(pl);flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--magenta);color:var(--magenta);display:grid;place-items:center;font-size:.72rem}
.roster{margin-top:22px;padding:16px 18px;border-radius:14px;background:rgba(11,221,239,.07);border:1px solid rgba(11,221,239,.28);display:grid;gap:4px}
.roster b{color:var(--text);font-weight:600}
.roster span{font-size:.92rem}
.customer{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(28px,4vw,64px);align-items:center;border-radius:24px;padding:clamp(28px,4vw,52px);border:1px solid rgba(217,49,201,.35);background:radial-gradient(90% 90% at 100% 0%,rgba(217,49,201,.16),transparent 60%),radial-gradient(80% 80% at 0% 100%,rgba(122,60,255,.14),transparent 60%),var(--panel)}
.customer h2{font-size:clamp(1.7rem,3vw,2.5rem);max-width:22ch}
.journey{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.journey li{font-size:.8rem;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#e4e6eb;position:relative}
.journey li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.7rem}
.journey li{margin-right:6px}
.cstats{display:grid;gap:22px}
.cstats b{display:block;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:600;color:var(--magenta);letter-spacing:-.02em;line-height:1}
.cstats span{display:block;font-size:.9rem;margin-top:6px;color:var(--muted)}
.lines{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.lob{border-radius:16px;padding:22px 22px 24px;background:var(--panel);border:1px solid var(--line);position:relative}
.lob:nth-child(1){border-color:rgba(11,221,239,.45)}.lob:nth-child(2){border-color:rgba(43,107,255,.5)}.lob:nth-child(3){border-color:rgba(122,60,255,.55)}.lob:nth-child(4){border-color:rgba(217,49,201,.55)}
.lob h3{font-size:1.2rem}
.lob .new{display:inline-block;margin-top:6px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--magenta)}
.lob ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.lob li{display:flex;gap:10px;font-size:.93rem}
.lob li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;margin-top:.6em;background:var(--cyan)}
.lob:nth-child(2) li::before{background:var(--blue)}.lob:nth-child(3) li::before{background:var(--purple)}.lob:nth-child(4) li::before{background:var(--magenta)}
.base{display:flex;align-items:center;gap:22px;margin-top:14px;padding:14px 22px 14px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.base img{width:150px;height:auto;border-radius:10px}
.base b{display:block;color:var(--text);font-weight:600;font-size:1.05rem}
.base span{display:block;font-size:.88rem;color:var(--cyan);margin-top:4px}
@media (max-width:1080px){.lines{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.proofs.two{grid-template-columns:1fr}.customer{grid-template-columns:1fr}.cstats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.lines{grid-template-columns:1fr}.cstats{grid-template-columns:1fr}.base{flex-direction:column;align-items:flex-start}.base img{width:100%}.bayes{font-size:1.1rem}}
/* v1.2 readable floor: small copy never under about 14px */
.def p,.steps p,.stack p,.proof p,.lineage .what,.lob li,.commits span,.cstats span,.plan li,.roster span,.product li,.domain p,.stat p,.belief p,.base span,.sources span,.flop span{font-size:max(.9rem,14px);line-height:1.55}
.lineage .who{font-size:.98rem}
.proof .textlink{margin-top:auto;padding-top:16px}
.actbar ol{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
@media (min-width:901px){.actbar ol{-webkit-mask-image:none;mask-image:none}}
@media (max-width:760px){
 .hero .kicker{letter-spacing:.12em;font-size:.68rem}
 .lineage ol{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible;gap:22px 14px}
 .lineage ol::before{display:none}
 .lineage li{padding:0 0 0 22px}
 .lineage li::before{top:4px;width:10px;height:10px}
 .opener::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(5,5,7,0) 12%,rgba(7,8,12,0) 30%,var(--bg1) 58%)}
}
@media (max-width:480px){.defs{grid-template-columns:1fr 1fr;gap:10px}.def{padding:14px 14px 16px}.def p{font-size:.86rem}.def .sym{font-size:1.4rem}}
/* v1.3 round-3 fixes */
.minifacts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.minifacts li{padding:12px 12px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:.84rem;color:var(--muted)}
.minifacts b{display:block;font-size:1.5rem;font-weight:600;color:var(--text);letter-spacing:-.02em;line-height:1.1;margin:0;font-variant-numeric:tabular-nums}
.lineage .what,.lineage .y,.note,.proof .vs + .lbl,.actbar a{font-size:.875rem}
#commitments{padding-top:clamp(32px,4vw,56px)}
@media (min-width:1101px){
 .facts li{padding:18px 24px 18px}.facts .asof{padding:16px 0 0}
 .motion-toggle{top:calc(var(--bar) + 16px);bottom:auto}
}
@media (min-width:1101px) and (max-height:820px){
 .hero h1{font-size:clamp(2.3rem,4.2vw,3.6rem)}.hero .lead{margin-top:16px}.ctas{margin-top:22px}.eq-hero{margin-top:18px}
 .facts li{padding:12px 24px 14px}.facts .asof{padding:12px 0 0}
}
@media (min-width:1101px) and (max-height:740px){.hero > .wrap{padding-top:calc(var(--bar) + 16px);padding-bottom:28px}.hero .lead{font-size:1rem}}
@media (min-width:761px) and (max-width:1100px){
 .hero{min-height:auto}
 .hero::after{background:linear-gradient(90deg,rgba(7,8,12,.95) 0%,rgba(7,8,12,.86) 56%,rgba(7,8,12,0) 84%),linear-gradient(0deg,var(--bg) 0%,rgba(5,5,7,0) 22%)}
 .hero > .wrap{padding-top:calc(var(--bar) + 80px);padding-bottom:88px}
 .hero-field img{object-position:72% 40%}
 .lineage ol{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;overflow:visible;gap:26px 16px}
 .lineage ol::before{display:none}
 .lineage li{padding:0 0 0 22px}
 .lineage li::before{top:4px;width:10px;height:10px}
}
@media (max-width:760px){.minifacts{grid-template-columns:repeat(2,1fr)}}
/* v1.4 round-4 fixes */
.media.cube img{transform:translateX(-9%) scale(.9)}
.axis-cap{font-size:.75rem;color:var(--muted);margin-top:4px;text-align:right;max-width:none}
.proofs > .proof{align-self:start}
.commit .media img{filter:brightness(1.15) contrast(1.1);transform:scale(1.25);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 52%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 52%,#000 55%,transparent 100%)}
@media (max-width:1100px){.commit .media{aspect-ratio:auto;height:280px}.commit .media img{object-fit:contain}}
/* v1.5 the stack, labelled: a line from each layer's glowing tip to its name */
.stackfig{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(56px,8vw,128px);align-items:center}
.stackart{position:relative;margin:0}
.stackart img{width:100%;height:auto;display:block;mix-blend-mode:screen;filter:brightness(.88) contrast(1.2);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.stackfig .stack{margin-top:0}
.stackfig .stack li:nth-child(1) .k,.stackfig .stack li:nth-child(1) h3 em{color:#0bddef}
.stackfig .stack li:nth-child(2) .k,.stackfig .stack li:nth-child(2) h3 em{color:#3fa9ff}
.stackfig .stack li:nth-child(3) .k,.stackfig .stack li:nth-child(3) h3 em{color:#c35bff}
.stackfig .stack li:nth-child(4) .k,.stackfig .stack li:nth-child(4) h3 em{color:#ff5fd2}
.stackfig .stack li:nth-child(5) .k,.stackfig .stack li:nth-child(5) h3 em{color:#ff4d94}
.stacklines{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.stacklines path{fill:none;stroke:currentColor;stroke-width:1.4;opacity:.95;filter:drop-shadow(0 0 3px currentColor);transition:stroke-dashoffset 1.3s cubic-bezier(.4,0,.2,1)}
.stacklines circle{fill:currentColor;filter:drop-shadow(0 0 5px currentColor)}
.stackfig.in .stacklines path{stroke-dashoffset:0!important}
.stacklines path:nth-of-type(2){transition-delay:.12s}.stacklines path:nth-of-type(3){transition-delay:.24s}.stacklines path:nth-of-type(4){transition-delay:.36s}.stacklines path:nth-of-type(5){transition-delay:.48s}
.pin{display:none;position:absolute;transform:translate(6px,-50%);width:24px;height:24px;border-radius:50%;place-items:center;font:600 .75rem var(--sans);color:#05060a;box-shadow:0 0 12px currentColor}
.pin:nth-of-type(1){background:#0bddef;color:#05060a}.pin:nth-of-type(2){background:#3fa9ff}.pin:nth-of-type(3){background:#c35bff}.pin:nth-of-type(4){background:#ff5fd2}.pin:nth-of-type(5){background:#ff4d94}
@media (max-width:900px){
 .stackfig{grid-template-columns:1fr;gap:12px}
 .stacklines{display:none}
 .pin{display:grid}
 .stackart{max-width:520px}
}
@media (prefers-reduced-motion:reduce){.stacklines path{transition:none}}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .js [data-reveal]{opacity:1;transform:none;transition:none}
 .stat .bar i,.flop i em,.proof .vs i,.btn,.def,.period,.w i em,.w i s{transition:none}
 .opener .art{transform:none!important}
}