/* infinitusbio. Layout concept: a quiet, light research-institute page (lots of white, thin rules,
   light-weight display type, mono labels) with one dark, living hero: the cell reading a molecule. */
/* Lato, self-hosted (SIL Open Font License 1.1, see fonts/OFL.txt) */
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/lato-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lato-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lato-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:italic;font-weight:300;font-display:swap;src:url(fonts/lato-latin-300-italic.woff2) format('woff2')}
:root{
  --bg:#f8f9f9; --surface:#ffffff; --sunk:#f0f3f3; --ink:#0a0e0f; --muted:#5a6668; --faint:#8a9597;
  --line:#e2e7e7; --teal:#0a8783; --teal-ink:#066562; --teal-wash:#e6f3f2;
  --violet:#6b55d6; --amber:#b9781a; --good:#1f7a4d; --bad:#b42318;
  --night:#030809; --night-ink:#eaf5f4; --night-muted:#93aaa8; --night-teal:#34d6cd;
  --f-sans:"Lato","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --f-mono:"Lato","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --s-1:.8125rem; --s0:1rem; --s1:1.1875rem; --s2:1.5rem; --s3:clamp(1.9rem,3.4vw,2.6rem); --s4:clamp(2.6rem,6.4vw,5.4rem);
  --wrap:1180px; --gutter:clamp(16px,4vw,40px); --radius:12px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#070b0c; --surface:#0d1415; --sunk:#0a1011; --ink:#eaf2f1; --muted:#9db0af; --faint:#6f8281; --line:#1f2b2c;
  --teal:#34d6cd; --teal-ink:#7fe6df; --teal-wash:#0e2726; --violet:#a896ff; --amber:#e8a948; --good:#5cc98f; --bad:#f07a6e; color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#070b0c; --surface:#0d1415; --sunk:#0a1011; --ink:#eaf2f1; --muted:#9db0af; --faint:#6f8281; --line:#1f2b2c;
  --teal:#34d6cd; --teal-ink:#7fe6df; --teal-wash:#0e2726; --violet:#a896ff; --amber:#e8a948; --good:#5cc98f; --bad:#f07a6e; color-scheme:dark }

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--s0)/1.6 var(--f-sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal-ink);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--teal)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--f-sans);line-height:1.1;letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:400}
h1{font-size:var(--s4);font-weight:300}
h2{font-size:var(--s3);font-weight:300}
h3{font-size:var(--s1);letter-spacing:-.01em;font-weight:700;line-height:1.25}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.prose{max-width:68ch}
.prose > * + *{margin-top:1em}
.prose h2{margin-top:1.8em}
.prose ul{padding-left:1.2em}
.lede{font-size:var(--s1);color:var(--muted);max-width:60ch;line-height:1.55}
.eyebrow{font:400 var(--s-1)/1.3 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.mono{font-family:var(--f-mono)}
.num{font-variant-numeric:tabular-nums}
.small{font-size:var(--s-1);color:var(--muted)}
.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:16px;background:var(--surface);padding:8px 12px;z-index:60}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:20px;min-height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 1.125rem/1 var(--f-sans);letter-spacing:-.01em}
.brand b{color:var(--teal);font-weight:700}
.brand svg{width:26px;height:26px;flex:none}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px;font-size:.9375rem}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);background:var(--sunk)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font:700 .9375rem/1 var(--f-sans);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--ink);color:var(--bg)}
.btn-primary:hover{background:var(--teal-ink);color:#fff}
.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.nav .btn-primary{color:var(--bg);margin-left:8px}
.nav .btn-primary:hover{color:#fff}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--ink);font:inherit}
@media (max-width:900px){
  .menu-toggle{display:inline-block}
  .nav{display:none;position:absolute;left:0;right:0;top:62px;background:var(--surface);border-bottom:1px solid var(--line);padding:12px var(--gutter);flex-direction:column;align-items:stretch}
  .nav.open{display:flex}
  .nav .btn-primary{margin:8px 0 0;justify-content:center}
}

/* sections */
section{padding-block:clamp(56px,8vw,112px)}
.section-head{display:grid;gap:14px;margin-bottom:40px;max-width:780px}
.band{background:var(--surface);border-block:1px solid var(--line)}
.sunk{background:var(--sunk)}
.rule{border-top:1px solid var(--line)}

/* hero (dark, living) */
.hero{position:relative;background:var(--night);color:var(--night-ink);padding:0;overflow:hidden;min-height:clamp(560px,82vh,780px);display:flex;align-items:flex-end}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:clamp(48px,8vw,96px)}
.hero-copy{display:grid;gap:24px;max-width:780px}
.hero h1{color:var(--night-ink);font-size:clamp(2.4rem,5.4vw,4.8rem);max-width:none;letter-spacing:-.015em;letter-spacing:-.015em}
.hero .lede{color:var(--night-muted)}
.hero .eyebrow{color:var(--night-teal)}
.principles-line{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 var(--s-1)/1.4 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--night-teal)}
.principles-line span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:2px;opacity:.8}
.hero .btn-primary{background:var(--night-ink);color:var(--night)}
.hero .btn-primary:hover{background:var(--night-teal);color:var(--night)}
.hero .btn-ghost{color:var(--night-ink);border-color:rgba(234,245,244,.28)}
.hero .btn-ghost:hover{border-color:var(--night-ink)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.principles-lead{margin:-2px 0 0;font:700 1.0625rem/1.3 var(--f-sans);letter-spacing:.01em;text-transform:none;color:#f2fbfa}
.ticker{position:absolute;right:var(--gutter);top:24px;z-index:2;display:flex;gap:18px;font:400 .8125rem/1 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--night-muted)}
.ticker span{opacity:.45;transition:opacity .4s,color .4s}
.ticker span.on{opacity:1;color:var(--night-teal)}
@media (max-width:860px){.ticker{left:var(--gutter);right:auto;flex-wrap:wrap;gap:8px 14px}.hero{min-height:0}.hero .wrap{padding-top:clamp(300px,78vw,440px)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,9,.78) 0%,rgba(3,8,9,.35) 48%,rgba(3,8,9,0) 70%);z-index:1;pointer-events:none}
@media (max-width:860px){.hero::after{background:linear-gradient(180deg,rgba(3,8,9,0) 30%,rgba(3,8,9,.85) 62%)}}

.page-hero{padding-block:clamp(48px,7vw,96px) clamp(24px,4vw,40px)}
.page-hero .wrap{display:grid;gap:20px}

/* answer box */
.answer{border-left:2px solid var(--teal);padding:4px 0 4px 20px;max-width:80ch;color:var(--ink);font-size:var(--s1);line-height:1.6}
.answer strong{font:400 var(--s-1)/1.3 var(--f-mono);letter-spacing:.01em;text-transform:none;display:block;margin-bottom:8px;color:var(--teal-ink)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.stat{padding:24px 20px 0 0;display:grid;gap:8px;align-content:start;min-width:0}
.stat + .stat{padding-left:20px;border-left:1px solid var(--line)}
.stat .v{font:300 clamp(2rem,4vw,3rem)/1 var(--f-sans);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.stat .k{color:var(--muted);font-size:.9375rem}
.stat .src{font:400 .72rem/1.3 var(--f-mono);color:var(--faint)}
@media (max-width:860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0;padding-left:0}.stat{padding-bottom:20px}}

/* four principles */
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.four > div{padding:22px 22px 0 0;display:grid;gap:10px;align-content:start;min-width:0}
.four > div + div{padding-left:22px;border-left:1px solid var(--line)}
.four .n{font:400 .75rem/1 var(--f-mono);color:var(--faint);letter-spacing:.1em}
.four h3{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:400;letter-spacing:-.02em}
.four p{color:var(--muted)}
@media (max-width:900px){.four{grid-template-columns:1fr 1fr}.four > div:nth-child(3){border-left:0;padding-left:0}.four > div{padding-bottom:22px}}
@media (max-width:520px){.four{grid-template-columns:1fr}.four > div + div{border-left:0;padding-left:0;border-top:1px solid var(--line)}}

/* simplicity: three inputs */
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0}
.flow .cell{border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:10px;background:var(--surface);min-width:0}
.flow .cell .k{font:400 .8125rem/1 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--faint)}
.flow .cell h3{font-size:1.35rem;font-weight:400}
.flow .cell p{color:var(--muted)}
.flow .arrow{display:grid;place-items:center;padding:0 10px;color:var(--faint);font:400 1.4rem var(--f-mono)}
@media (max-width:860px){.flow{grid-template-columns:1fr}.flow .arrow{transform:rotate(90deg);padding:6px}}
.etym{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.etym i{font:italic 300 clamp(1.6rem,3vw,2.2rem)/1 var(--f-sans);letter-spacing:-.02em}
.etym span{color:var(--muted);max-width:60ch}

/* readers: sentence builder */
.readers{display:grid;gap:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:400 .875rem/1 var(--f-sans);padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.sentence{font:300 clamp(1.6rem,3.6vw,2.9rem)/1.18 var(--f-sans);letter-spacing:-.01em;max-width:28ch;min-height:3.6em}
.sentence em{font-style:normal;color:var(--teal-ink);border-bottom:1px solid currentColor}
.reader-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:860px){.reader-panel{grid-template-columns:1fr}}
.reader-panel dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;border-top:1px solid var(--line);padding-top:18px}
.reader-panel dt{font:400 .8125rem/1.6 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--faint)}
.reader-panel dd{margin:0}
.reader{animation:fadein .5s ease}
@keyframes fadein{from{opacity:.0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.reader{animation:none}}
.progress{height:2px;background:var(--line);border-radius:2px;overflow:hidden;max-width:240px}
.progress i{display:block;height:100%;width:0;background:var(--teal)}

/* grids & cards */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:10px;align-content:start;min-width:0}
.card p{color:var(--muted)}
a.card{text-decoration:none;color:var(--ink);transition:border-color .15s}
a.card:hover{border-color:var(--ink)}
.card .go,.go{font:400 .8125rem/1 var(--f-mono);color:var(--teal-ink);letter-spacing:.04em;text-decoration:none}
.tag{display:inline-block;font:400 .8125rem/1 var(--f-mono);letter-spacing:.01em;text-transform:none;padding:6px 9px;border-radius:999px;background:var(--teal-wash);color:var(--teal-ink);justify-self:start}
.tag.amber{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber)}
.bignum{font:300 clamp(2rem,4vw,3rem)/1 var(--f-sans);letter-spacing:-.015em;color:var(--ink)}
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.principles > div{display:grid;gap:8px;border-top:1px solid var(--ink);padding-top:16px;min-width:0}
.principles p{color:var(--muted)}
@media (max-width:860px){.principles{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.principles{grid-template-columns:1fr}}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;display:grid;gap:8px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}
.steps li::before{content:"0" counter(s);font:400 .75rem/1 var(--f-mono);letter-spacing:.1em;color:var(--faint)}
.steps li p{color:var(--muted)}
.steps.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.steps,.steps.four-up{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps,.steps.four-up{grid-template-columns:1fr}}

/* tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:620px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:400 .8125rem/1.3 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--muted);background:var(--sunk)}
tr:last-child td{border-bottom:0}
td.us,th.us{background:var(--teal-wash)}
td .rk{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
caption{caption-side:bottom;text-align:left;padding:10px 14px;font-size:.8125rem;color:var(--muted)}

/* specimen */
.specimen{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.specimen header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px dashed var(--line);font:400 .75rem/1.3 var(--f-mono);color:var(--muted);letter-spacing:.06em}
.specimen .row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}
.specimen .row:last-child{border-bottom:0}
.specimen .row span{color:var(--muted);font-size:.9375rem}
.specimen .row b{font:700 1.2rem/1 var(--f-mono);font-variant-numeric:tabular-nums}
.meter{height:4px;border-radius:2px;background:var(--sunk);grid-column:1 / -1;overflow:hidden}
.meter i{display:block;height:100%;background:var(--teal)}
.seal{font:400 .7rem/1 var(--f-mono);color:var(--amber);border:1px solid currentColor;border-radius:4px;padding:4px 6px;letter-spacing:.08em}
.risk-high{color:var(--bad)!important}

/* bars */
.bars{display:grid;gap:14px}
.bar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) 76px;gap:14px;align-items:center}
.bar .lbl{font-size:.9375rem}
.bar .track{height:6px;background:var(--sunk);border-radius:3px;overflow:hidden;position:relative}
.bar .track i{position:absolute;inset:0 auto 0 0;background:var(--teal);border-radius:3px}
.bar .track.range i{background:color-mix(in srgb,var(--muted) 45%,transparent)}
.bar .val{font:700 .95rem/1 var(--f-mono);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:620px){.bar{grid-template-columns:1fr 76px}.bar .track{grid-column:1 / -1;grid-row:2}}

/* quotes */
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
blockquote{margin:0;display:grid;gap:16px;align-content:space-between;min-width:0;border-top:1px solid var(--line);padding-top:20px}
blockquote p{font-size:1rem;line-height:1.6}
blockquote footer{font-size:.875rem;color:var(--muted)}
blockquote footer b{color:var(--ink);display:block;font-weight:700}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}

/* sealed read (exclusive list) */
.vault{background:var(--night);color:var(--night-ink);border-radius:20px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;position:relative;overflow:hidden}
.vault h2{color:var(--night-ink)}
.vault p{color:var(--night-muted)}
.vault .eyebrow{color:var(--night-teal)}
.vault .btn-primary{background:var(--night-ink);color:var(--night)}
.vault .btn-primary:hover{background:var(--night-teal)}
@media (max-width:860px){.vault{grid-template-columns:1fr}}
.envelope{border:1px solid rgba(234,245,244,.18);border-radius:14px;padding:22px;display:grid;gap:14px;font-family:var(--f-mono);font-size:.8125rem;color:var(--night-muted);background:linear-gradient(160deg,rgba(52,214,205,.06),rgba(52,214,205,0) 60%)}
.envelope .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(234,245,244,.14);padding-bottom:10px}
.envelope .row:last-child{border-bottom:0;padding-bottom:0}
.envelope b{color:var(--night-ink);font-weight:400}
.envelope .hash{color:var(--night-teal);word-break:break-all}
.redact{background:var(--night-muted);color:transparent;border-radius:3px;user-select:none}

/* forms */
.form-shell{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,5vw,64px);align-items:start}
@media (max-width:860px){.form-shell{grid-template-columns:1fr}}
form.inbound{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,28px);display:grid;gap:16px}
.field{display:grid;gap:6px;min-width:0}
.field label,.field legend{font-weight:700;font-size:.9375rem}
.field .hint{font-size:.8125rem;color:var(--muted)}
input,select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:2px solid color-mix(in srgb,var(--teal) 25%,transparent);outline-offset:0}
textarea{min-height:100px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.two{grid-template-columns:1fr}}
fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.875rem;cursor:pointer;background:var(--bg);font-weight:400}
.pick input{width:auto;margin:0;accent-color:var(--teal)}
.pick label:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--bg)}
.err{color:var(--bad);font-size:.875rem}
.ticket{background:var(--night);color:var(--night-ink);border-radius:16px;padding:28px;display:grid;gap:16px}
.ticket h2{color:var(--night-ink);font-size:var(--s2)}
.ticket p{color:var(--night-muted)}
.ticket pre{white-space:pre-wrap;word-break:break-all;background:rgba(255,255,255,.04);border:1px solid rgba(234,245,244,.14);border-radius:10px;padding:12px;font:400 .78rem/1.5 var(--f-mono);color:var(--night-muted);max-height:220px;overflow:auto;margin:0}
.ticket .btn-ghost{color:var(--night-ink);border-color:rgba(234,245,244,.3)}

/* faq / glossary */
.faq{display:grid;max-width:900px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:18px 0;font-size:1.0625rem;font-weight:400;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--faint)}
.faq details[open] summary::after{content:"–"}
.faq details > div{padding:0 0 18px;color:var(--muted);display:grid;gap:10px;max-width:72ch}
.faq-group{margin-top:48px}
.faq-group:first-child{margin-top:0}
dl.gloss{display:grid;max-width:920px;border-top:1px solid var(--line);margin:0}
dl.gloss > div{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
dl.gloss dt{font-weight:700}
dl.gloss dd{margin:0;color:var(--muted)}
@media (max-width:640px){dl.gloss > div{grid-template-columns:1fr;gap:6px}}

/* team */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.person{display:grid;gap:10px;justify-items:start}
.person img{width:100%;max-width:220px;aspect-ratio:1;border-radius:12px;object-fit:cover}
.person b{font-weight:700}
.person span{color:var(--muted);font-size:.9375rem;margin-top:-6px}
@media (max-width:860px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.logowall{background:var(--night);border-radius:20px;padding:clamp(24px,4vw,48px);display:grid;gap:20px}
.logowall p{color:var(--night-muted)}
.logowall .eyebrow{color:var(--night-teal)}

/* misc */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.split > *{min-width:0}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checks li{padding-left:24px;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:1px;background:var(--teal)}
.notice{font-size:.875rem;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:14px 16px}
.toc{display:flex;gap:8px;flex-wrap:wrap}
.toc a{font:400 .8125rem/1 var(--f-mono);padding:8px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted)}
.toc a:hover{border-color:var(--ink);color:var(--ink)}
.byline{font:400 .8125rem/1.4 var(--f-mono);color:var(--muted)}
figure{margin:0}
.figure{border-radius:var(--radius);overflow:hidden;background:var(--night)}
.figure figcaption{background:var(--surface);padding:10px 14px;font-size:.8125rem;color:var(--muted);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}
.cta-band{background:var(--surface);border-top:1px solid var(--line)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band h2{max-width:22ch}
.cta-band p{color:var(--muted)}

/* footer */
.site-foot{padding-block:56px 32px;border-top:1px solid var(--line);font-size:.9375rem}
.foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}
.foot-grid h3{font:400 .8125rem/1 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--faint);margin-bottom:14px}
.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot-grid a{color:var(--ink);text-decoration:none}
.foot-grid a:hover{color:var(--teal-ink)}
.social{display:flex;gap:10px}
.social a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.social a:hover{border-color:var(--ink)}
.social svg{width:17px;height:17px}
.legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem;display:grid;gap:8px}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}

/* Ask infinitusbio assistant */
.ask-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--bg);border:0;border-radius:999px;padding:12px 16px;font:700 .9rem/1 var(--f-sans);cursor:pointer;box-shadow:0 10px 30px rgb(0 0 0 / .18)}
.ask-fab svg{width:16px;height:16px}
.ask-fab{transition:opacity .2s,transform .2s}.ask-fab.fab-hide{opacity:0;transform:translateY(12px);pointer-events:none}
.ask{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:50;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 120px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgb(0 0 0 / .18);display:flex;flex-direction:column;overflow:hidden}
.ask header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.ask header b{font-weight:700}
.ask header small{display:block;color:var(--faint);font:400 .7rem/1.3 var(--f-mono);letter-spacing:.06em}
.ask header button{background:none;border:0;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:4px 8px}
.ask .log{padding:16px;overflow:auto;display:grid;gap:12px;align-content:start;flex:1}
.msg{max-width:92%;padding:10px 12px;border-radius:12px;font-size:.92rem;line-height:1.5}
.msg.bot{background:var(--sunk);justify-self:start}
.msg.me{background:var(--ink);color:var(--bg);justify-self:end}
.msg .src{display:block;margin-top:6px;font:400 .72rem/1.3 var(--f-mono)}
.ask .sugg{display:flex;flex-wrap:wrap;gap:6px}
.ask .sugg button{font:400 .8rem/1.2 var(--f-sans);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 10px;cursor:pointer;text-align:left}
.ask form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.ask form input{flex:1}
.ask form button{border:0;background:var(--ink);color:var(--bg);border-radius:10px;padding:0 14px;cursor:pointer;font:700 .9rem var(--f-sans)}

/* logo swap by theme */
.brand img{height:40px;width:auto;display:block}
.site-foot .brand img{height:48px}
.logo-d{display:none!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-l{display:none!important}:root:not([data-theme="light"]) .logo-d{display:block!important}}
:root[data-theme="dark"] .logo-l{display:none!important}
:root[data-theme="dark"] .logo-d{display:block!important}

/* mobile touch refinements */
.toc a{min-height:40px;display:inline-flex;align-items:center;padding:10px 14px}
a.go,.card .go{display:inline-flex;align-items:center;min-height:44px}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;flex:none}
.pick label{min-height:44px;padding:9px 14px}
.chip{min-height:40px}
.faq summary{min-height:44px;align-items:center}
@media (max-width:640px){
  .ask-fab{width:52px;height:52px;padding:0;justify-content:center;font-size:0;gap:0}
  .ask-fab svg{width:22px;height:22px}
  .ask{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .nav a{padding:12px}
}
@media (max-width:900px){.btn{min-height:44px}.ask header button{min-width:44px;min-height:44px}.menu-toggle{min-height:44px}}
.social a{width:44px;height:44px}
@media (max-width:640px){.ask-fab{background:var(--teal);color:#fff;box-shadow:0 8px 24px rgb(0 0 0 / .35)}}

/* press facts */
.facts dl{margin:0;display:grid;gap:0}
.facts dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.facts dl>div:first-child{border-top:0;padding-top:0}
.facts dt{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--faint)}
.facts dd{margin:0;font-size:.95rem}
@media (max-width:640px){.facts dl>div{grid-template-columns:1fr;gap:4px}}

.quotes.quotes-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media (max-width:900px){.quotes.quotes-2{grid-template-columns:1fr}}

/* press release cards (press.html) and release pages */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.news-card{display:grid;gap:14px;align-content:start;text-decoration:none;color:var(--ink)}
.news-thumb{aspect-ratio:4/3;border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;background:var(--night);color:var(--night-ink);transition:transform .35s ease}
.news-thumb::before{content:"";position:absolute;inset:0;pointer-events:none}
.news-thumb-a::before{background:radial-gradient(120% 90% at 85% 10%,rgba(52,214,205,.38),transparent 60%),radial-gradient(80% 70% at 10% 100%,rgba(106,79,208,.28),transparent 65%)}
.news-thumb-b::before{background:radial-gradient(110% 90% at 15% 0%,rgba(52,214,205,.30),transparent 60%),radial-gradient(90% 80% at 100% 100%,rgba(11,127,130,.45),transparent 65%)}
.news-thumb span{position:relative;font:300 clamp(1.6rem,2.6vw,2.2rem)/1.05 var(--f-sans);letter-spacing:-.01em}
.news-thumb small{position:relative;font:400 .8125rem/1.3 var(--f-mono);letter-spacing:.01em;text-transform:none;color:var(--night-teal)}
.news-card h3{font:400 1.125rem/1.4 var(--f-sans);margin:0;text-wrap:pretty}
.news-meta{display:flex;gap:12px;margin:0;font-size:.8125rem;color:var(--muted)}
.news-meta span{color:var(--ink)}
.news-card:hover .news-thumb,.news-card:focus-visible .news-thumb{transform:scale(1.015)}
.news-card:hover h3{text-decoration:underline;text-underline-offset:3px}
.news-title{font-size:clamp(1.8rem,3.6vw,3rem);max-width:28ch}
@media (max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.news-grid{grid-template-columns:1fr}}

/* ---- The Ledger ---- */
.lg-count{white-space:nowrap;font:300 clamp(1.9rem,4.4vw,3.6rem)/1 var(--f-sans);color:var(--night-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0}
.lg-count b{font-weight:300}
.lg-count i{font-style:normal;font-size:.38em;color:var(--night-teal);margin:0 .5em 0 .12em;letter-spacing:.08em}
.lg-count.is-live{color:var(--night-teal)}
.lg-teaser{font-size:var(--s1);color:var(--night-ink)!important}
.vault .lg-ghost{color:var(--night-ink);border-color:rgba(234,245,244,.28)}
.vault .lg-ghost:hover{border-color:var(--night-ink)}
.lg-env .hash,.lg-scramble{color:var(--night-teal)}
.lg-scramble{animation:lgPulse 2.4s ease-in-out infinite}
@keyframes lgPulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.lg-scramble{animation:none}}
.lg-note{color:var(--muted);font-size:.9375rem}
.lg-list{display:grid;gap:12px}
.lg-row{display:grid;grid-template-columns:120px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px 24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.lg-row.is-example{background:repeating-linear-gradient(135deg,var(--surface) 0 14px,var(--sunk) 14px 15px)}
.lg-row span{display:block;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--faint)}
.lg-id b{font:300 1.5rem/1.1 var(--f-sans)}
.lg-tag{display:inline-block!important;margin-top:6px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:.6875rem!important;color:var(--muted)!important}
.lg-meta span:first-child{color:var(--ink);font-size:.9375rem;letter-spacing:0;text-transform:none}
.lg-meta span+span{margin-top:4px}
.lg-fp code{font:400 .875rem var(--f-mono);color:var(--teal-ink);word-break:break-all}
.lg-status{font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.lg-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);display:inline-block!important}
.is-revealed .lg-dot{background:var(--violet,#6a4fd0)}
.lg-reveal{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px dashed var(--line);padding-top:14px}
.lg-reveal b{font-weight:400;font-size:.9375rem}
.lg-verify.ok b{color:var(--teal-ink)}
.lg-verify.bad b{color:#b3261e}
.lg-row .redact{display:inline-block!important;width:auto;font-size:.8em;letter-spacing:-.05em;vertical-align:middle}
.lg-score{display:flex;flex-wrap:wrap;gap:32px}
.lg-score b{font:300 2.2rem/1 var(--f-sans);display:block}
.lg-score span{color:var(--muted);font-size:.875rem}
.lg-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg-partners{list-style:none;padding:0;margin:0;display:grid}
.lg-partners li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line)}
.lg-partners li:last-child{border-bottom:1px solid var(--line)}
.lg-partners a{font:300 1.5rem/1.2 var(--f-sans);text-decoration:none;color:var(--ink)}
.lg-partners a:hover{color:var(--teal-ink)}
.lg-partners span{color:var(--muted);font-size:.875rem;text-align:right}
.lg-founders{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.lg-row{grid-template-columns:1fr 1fr}.lg-reveal{grid-template-columns:1fr 1fr}.lg-steps{grid-template-columns:1fr}}
@media (max-width:520px){.lg-row{grid-template-columns:1fr}.lg-reveal{grid-template-columns:1fr}}

/* =====================================================================
   MAISON LAYER: the luxury finish shared by every edition.
   Onyx and porcelain, hairlines, wide-tracked small capitals, Lato only,
   and one jewel tone (the brand teal) kept for the cell and for links.
   ===================================================================== */
@font-face{font-family:'Lato';font-style:normal;font-weight:100;font-display:swap;src:url(fonts/lato-latin-100-normal.woff2) format('woff2')}
:root:not([data-theme="none"]){
  --bg:#060809; --surface:#0a0e0f; --sunk:#080b0c; --ink:#eceeeb; --muted:#9ba4a3; --faint:#69716f;
  --line:rgba(236,238,235,.11); --line-strong:rgba(236,238,235,.28);
  --teal:#3fd0c6; --teal-ink:#93e2db; --teal-wash:rgba(63,208,198,.07);
  --violet:#a896ff; --amber:#e3b066; --good:#7fd1a7; --bad:#f08a7e;
  --night:#030506; --night-ink:#eceeeb; --night-muted:#9ba4a3; --night-teal:#93e2db;
  --platinum:#cdd3d0;
  --radius:0px; --wrap:1240px;
  color-scheme:dark;
}
::selection{background:rgba(63,208,198,.28);color:#fff}
body{font:300 1.0625rem/1.75 var(--f-sans);letter-spacing:.006em;background:var(--bg)}
h1{font-weight:300;letter-spacing:-.022em;line-height:1.04;font-size:clamp(2.7rem,6.2vw,5.8rem)}
h2{font-weight:300;letter-spacing:-.016em;line-height:1.12;font-size:clamp(1.9rem,3.6vw,3.1rem)}
h3{font-weight:400;letter-spacing:.005em;font-size:1.125rem}
b,strong{font-weight:700}
a{color:var(--ink);text-decoration-color:var(--line-strong)}
a:hover{color:var(--teal-ink);text-decoration-color:currentColor}
:focus-visible{outline:1px solid var(--teal);outline-offset:4px;border-radius:0}
.lede{color:var(--muted);font-weight:300;font-size:1.1875rem;line-height:1.7}
.eyebrow{font:400 .8125rem/1.4 var(--f-sans);letter-spacing:.01em;text-transform:none;color:var(--platinum)}
.eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:currentColor;opacity:.55;vertical-align:middle;margin:-2px 14px 0 0}
.hero .eyebrow,.vault .eyebrow{color:var(--night-teal)}
.small{color:var(--muted);font-size:.8125rem;letter-spacing:.02em}
section{padding-block:clamp(84px,11vw,168px)}
.section-head{gap:22px;margin-bottom:56px}
.band{background:var(--surface);border-color:var(--line)}
.sunk{background:var(--sunk)}

/* header: quiet, tracked capitals */
.site-head{background:rgba(6,8,9,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(14px) saturate(1.2)}
.site-head .wrap{min-height:76px}
.logo-l{display:none!important}.logo-d{display:block!important}
.nav{gap:6px}
.nav a{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--muted);padding:10px 14px;border-radius:0}
.nav a:hover{background:none;color:var(--ink)}
.nav a[aria-current="page"]{background:none;color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}
.menu-toggle{border-radius:0;border-color:var(--line-strong);font-size:.8125rem;letter-spacing:.01em;text-transform:none;padding:10px 16px}
@media (max-width:900px){.nav{top:76px;background:#070a0b;padding:20px var(--gutter) 28px}.nav a{padding:14px 0;font-size:.75rem}}

/* buttons: squared, tracked, understated */
.btn{border-radius:0;padding:16px 28px;font:400 .8125rem/1 var(--f-sans);letter-spacing:.01em;text-transform:none;border:1px solid var(--line-strong);transition:background .35s,color .35s,border-color .35s}
.btn-primary,.nav .btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-primary:hover,.nav .btn-primary:hover{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.nav .btn-primary{padding:12px 20px;margin-left:14px}
.hero .btn-primary,.vault .btn-primary{background:var(--night-ink);color:var(--night);border-color:var(--night-ink)}
.hero .btn-primary:hover,.vault .btn-primary:hover{background:transparent;color:var(--night-ink)}
@media (max-width:900px){.btn{min-height:48px}}

/* hero */
.hero{background:var(--night)}
.hero h1{font-weight:300;letter-spacing:-.025em}
.principles-line{font:400 .6875rem/1.5 var(--f-sans);letter-spacing:.3em;color:var(--night-muted)}
.principles-line span::before{width:4px;height:4px;opacity:.9;background:var(--night-teal)}
.principles-lead{font:400 .9375rem/1.3 var(--f-sans);letter-spacing:.42em;color:var(--night-ink)}
.ticker span{letter-spacing:.3em;font-size:.625rem}

/* surfaces: hairlines instead of boxes */
.card,.envelope,.vault,.form-shell form,.facts,.specimen,.lg-row,details{border-radius:0!important}
.card{background:transparent;border:1px solid var(--line);box-shadow:none}
.vault{background:radial-gradient(90% 120% at 100% 0%,rgba(63,208,198,.10),transparent 55%),var(--night);border:1px solid var(--line)}
.envelope{border-color:var(--line-strong);background:transparent}
.answer{border-left:1px solid var(--platinum);font-weight:300}
.answer strong{color:var(--platinum);letter-spacing:.34em;font-weight:400;font-size:.6875rem}
.notice{border-radius:0;border-style:solid;border-color:var(--line);color:var(--faint)}
table{border-color:var(--line)}
th{font-weight:400;letter-spacing:.01em;text-transform:none;font-size:.8125rem;color:var(--platinum)}
.stat .v,.bignum,.lg-count b,.lg-score b,.lg-id b{font-weight:100!important;letter-spacing:-.02em}
.stat .v{font-size:clamp(2.6rem,4.6vw,3.8rem)}
details summary{font-weight:300;font-size:1.125rem}
.chip{border-radius:0!important;letter-spacing:.01em;text-transform:none;font-size:.8125rem}
input,select,textarea{border-radius:0!important;background:transparent!important;border-color:var(--line-strong)!important;color:var(--ink)!important}
.person img,.team img{border-radius:0!important;filter:grayscale(.35) contrast(1.03);transition:filter .8s}
.person:hover img{filter:none}
.person b{font-weight:400;letter-spacing:.02em}
.logowall{border-radius:0;border:1px solid var(--line)}
.news-thumb{border-radius:0}
.figure img,figure img{border-radius:0}
blockquote{border-top-color:var(--line)}
blockquote p{font-weight:300;font-size:1.0625rem;font-style:italic}
.cta-band{border-top:1px solid var(--line)}

/* manifesto line and information edge */
.statement{text-align:center;padding-block:clamp(96px,13vw,190px);border-block:1px solid var(--line)}
.statement .eyebrow::before{display:none}
.statement-line{max-width:22ch;margin:26px auto 0;font:300 clamp(1.9rem,4vw,3.4rem)/1.18 var(--f-sans);letter-spacing:-.018em;text-wrap:balance}
.statement-line em{display:block;margin-top:.5em;font-style:normal;color:var(--muted)}
.edge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.edge .fine{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--platinum)}
@media (max-width:860px){.edge{grid-template-columns:1fr}}

/* footer */
.site-foot{background:#040607;border-top:1px solid var(--line)}
.site-foot h3{font-weight:400;letter-spacing:.01em;font-size:.8125rem;text-transform:none;color:var(--platinum)}
.site-foot a{color:var(--muted);text-decoration:none}
.site-foot a:hover{color:var(--ink)}
.social a{border-radius:0!important;border-color:var(--line)!important}

/* ledger edition: the thin line that runs above every page */





/* slow reveal on scroll (added by maison.js only when motion is welcome) */
.reveal{opacity:0;transform:translateY(22px);transition:opacity 1.4s cubic-bezier(.2,.65,.1,1),transform 1.4s cubic-bezier(.2,.65,.1,1)}
.reveal.in{opacity:1;transform:none}
@media print{.reveal{opacity:1!important;transform:none!important}}

.redact{background:rgba(236,238,235,.16)!important;color:transparent!important}
.ask-fab{background:#0a0e0f!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;border-radius:0!important;font:400 .8125rem/1 var(--f-sans)!important;letter-spacing:.01em;text-transform:none;box-shadow:0 18px 40px rgba(0,0,0,.5)!important}
.ask-fab:hover{border-color:var(--ink)!important}
@media (max-width:640px){.ask-fab{background:#0a0e0f!important;border-radius:0!important}}
.ask{border-radius:0!important;background:#0a0e0f!important;border:1px solid var(--line-strong)!important;color:var(--ink)}
.ask header{background:#060809!important;border-bottom:1px solid var(--line)!important;color:var(--ink)}
.ask .msg,.ask .bubble{border-radius:0!important}
@media (max-width:640px){.ask-fab{font-size:0!important;letter-spacing:0}}
@media (max-width:640px){.btn{white-space:normal;text-align:center;max-width:100%;line-height:1.5}.hero-ctas{flex-wrap:wrap}}

/* ===== REFINE LAYER: aligned figures, striped tables, the asymmetry window ===== */
table tbody tr:nth-child(odd){background:rgba(236,238,235,.05)}
table tbody tr:nth-child(even){background:transparent}
table tbody tr:hover{background:rgba(63,208,198,.05)}
table thead tr{background:rgba(236,238,235,.06)}
.bar{grid-template-columns:minmax(0,1fr) 64px;row-gap:8px;column-gap:18px}
.bar .lbl{grid-column:1/-1;font-size:.875rem;color:var(--muted)}
.bar .track{grid-column:1;grid-row:2;height:3px;border-radius:0}
.bar .track i{border-radius:0}
.bar .val{grid-column:2;grid-row:2;font-weight:300;font-size:1rem}
.g4{align-items:stretch}.g4 .card{display:flex;flex-direction:column;gap:12px;height:100%}
.tag{border-radius:0!important;letter-spacing:.01em;text-transform:none;font-size:.8125rem!important}
.proof{margin:0;display:grid;gap:14px;align-content:start}
.proof-num{font:100 clamp(4rem,9vw,7.5rem)/.95 var(--f-sans);letter-spacing:-.03em;color:var(--ink)}
.proof-meta{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--platinum);line-height:1.8}
.proof-note{color:var(--muted);max-width:52ch;border-top:1px solid var(--line);padding-top:16px}
.proof-list{list-style:none;padding:0;margin:0;display:grid}
.proof-list li{padding:18px 0;border-top:1px solid var(--line);color:var(--muted)}
.proof-list li:last-child{border-bottom:1px solid var(--line)}
.proof-list b{color:var(--ink);font-weight:400}
.partners{padding-block:28px;border-bottom:1px solid var(--line)}
.partners-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 44px}
.partners-row .eyebrow::before{display:none}
.partners-row a{font:300 1.25rem/1 var(--f-sans);letter-spacing:.02em;color:var(--ink);text-decoration:none}
.partners-row a:hover{color:var(--teal-ink)}
.partners-row .small{margin-left:auto}
.moments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.moment{display:grid;gap:12px;align-content:start;padding:28px 24px 30px 0;border-right:1px solid var(--line);text-decoration:none;color:var(--ink)}
.moment+.moment{padding-left:24px}.moment:last-child{border-right:0}
.moment span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--platinum)}
.moment p{color:var(--muted);font-size:1.0625rem}
a.moment:hover p{color:var(--ink)}
@media (max-width:900px){.moments{grid-template-columns:1fr 1fr}.moment:nth-child(2){border-right:0}.moment:nth-child(3){padding-left:0}.moment{border-bottom:1px solid var(--line)}}
@media (max-width:560px){.moments{grid-template-columns:1fr}.moment,.moment+.moment{padding-left:0;border-right:0}.partners-row .small{margin-left:0}}
.closing{text-align:center;padding-block:clamp(110px,15vw,220px);border-top:1px solid var(--line)}
.closing-line{font:300 clamp(2.2rem,5vw,4.4rem)/1.1 var(--f-sans);letter-spacing:-.02em;margin-bottom:44px}
.closing-line em{display:block;font-style:normal;color:var(--muted)}
.faq-more{margin-top:40px;color:var(--muted)}
.window{position:relative;display:grid;grid-template-columns:1fr 1.4fr auto;max-width:520px;margin-top:34px;padding-top:14px}
.window::before{content:"";position:absolute;left:4px;right:4px;top:18px;height:1px;background:linear-gradient(90deg,rgba(236,238,235,.25) 0 34%,var(--night-teal) 34% 100%)}
.w-pt{position:relative;display:grid;gap:12px;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--night-muted);padding-top:0}
.w-pt i{width:9px;height:9px;border-radius:50%;background:var(--night-muted);display:block;position:relative;top:0}
.w-seal{color:var(--night-teal)}.w-seal i{background:var(--night-teal);box-shadow:0 0 0 5px rgba(63,208,198,.16)}
.w-end{justify-items:end;text-align:right}.w-end i{background:var(--night-ink)}
.w-label{grid-column:2/4;text-align:center;margin-top:10px;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--night-teal)}
@media (max-width:640px){.window{margin-top:26px}}
@media (max-width:860px){.hero .wrap{padding-top:430px}}
@media (max-width:560px){.partners-row{flex-direction:column;align-items:flex-start;gap:12px}}

/* ===== SIDES LAYER ===== */
.sides{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.side{display:grid;gap:16px;align-content:start;padding:clamp(28px,4vw,52px);text-decoration:none;color:var(--ink);transition:background .5s}
.side+.side{border-left:1px solid var(--line)}
.side:hover{background:rgba(63,208,198,.04);color:var(--ink)}
.side-tag{font:300 clamp(2rem,4vw,3.2rem)/1 var(--f-sans);letter-spacing:-.015em}
.side-who{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--platinum)}
.side h3{font-weight:300;font-size:1.375rem;margin-top:14px}
.side ul{list-style:none;margin:0;padding:0;display:grid}
.side li{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line);color:var(--muted)}
.side li b{font-weight:400;color:var(--ink);font-size:.8125rem;letter-spacing:.01em;text-transform:none}
.side-go{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink);margin-top:8px}
.also{margin-top:28px;color:var(--muted)}
.reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.reads-2{grid-template-columns:1fr;border-top:0}
.read{display:grid;gap:12px;align-content:start;padding:28px 28px 32px 0;border-right:1px solid var(--line)}
.read+.read{padding-left:28px}.read:last-child{border-right:0}
.reads-2 .read{padding:24px 0;border-right:0;border-top:1px solid var(--line)}
.read span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.read h3{font-weight:300;font-size:1.5rem}
.read p{color:var(--muted)}
.tenets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.tenets>div{padding:26px 24px 0 0;display:grid;gap:10px;align-content:start}
.tenets>div+div{padding-left:24px;border-left:1px solid var(--line)}
.tenets h3{font-weight:400;font-size:1rem}
.tenets p{color:var(--muted);font-size:.9375rem}
.table-wrap{overflow-x:auto;border:1px solid var(--line)}
.sides-table{width:100%;border-collapse:collapse;min-width:620px}
.sides-table th,.sides-table td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.sides-table tbody th{font-weight:400;color:var(--ink);text-transform:none;letter-spacing:0;font-size:1rem}
.sides-table td{color:var(--muted)}
.sides-table tbody tr:last-child th,.sides-table tbody tr:last-child td{border-bottom:0}
@media (max-width:900px){.sides{grid-template-columns:1fr}.side+.side{border-left:0;border-top:1px solid var(--line)}.reads,.tenets{grid-template-columns:1fr 1fr}.read:nth-child(2){border-right:0}.read:nth-child(3){padding-left:0}.tenets>div:nth-child(3){padding-left:0;border-left:0}.tenets>div{padding-bottom:22px}}
@media (max-width:560px){.reads,.tenets{grid-template-columns:1fr}.read,.read+.read{padding-left:0;border-right:0}.tenets>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.sides-table tbody th{background:transparent!important}
.sides-table thead th{background:transparent!important}
@media (max-width:640px){.principles-lead{letter-spacing:.24em;font-size:.875rem}}

/* ===== QUADS LAYER: build · buy · sell · fund ===== */
.quads{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.quad{display:grid;gap:14px;align-content:start;padding:clamp(28px,4vw,52px);text-decoration:none;color:var(--ink);transition:background .5s;min-height:300px}
.quad:nth-child(2n){border-left:1px solid var(--line)}
.quad:nth-child(n+3){border-top:1px solid var(--line)}
.quad:nth-child(2n){padding-left:clamp(48px,7vw,104px)}
.quad:nth-child(-n+2){padding-bottom:clamp(48px,6vw,84px)}
.quad:nth-child(n+3){padding-top:clamp(48px,6vw,84px)}
.quad:hover{background:rgba(63,208,198,.04);color:var(--ink)}
.quad h3{font-weight:300;font-size:1.3125rem;max-width:26ch}
.quad-fig{display:flex;align-items:baseline;gap:12px;color:var(--muted);font-size:.8125rem;letter-spacing:.06em}
.quad-fig b{font:100 2.4rem/1 var(--f-sans);letter-spacing:-.02em;color:var(--ink)}
.quad-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:168px;height:168px;border-radius:50%;background:var(--bg);border:1px solid rgba(63,208,198,.55);box-shadow:0 0 0 10px var(--bg),0 0 60px rgba(63,208,198,.12);display:grid;place-content:center;text-align:center;gap:8px;pointer-events:none}
.quad-core span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.quad-core b{font-weight:300;font-size:.875rem;color:var(--ink);max-width:12ch;margin:auto;line-height:1.4}
.betfigs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.betfigs>div{display:grid;gap:10px;padding:28px 28px 0 0}
.betfigs>div+div{padding-left:28px;border-left:1px solid var(--line)}
.betfigs b{font:100 clamp(2.6rem,5vw,4rem)/1 var(--f-sans);letter-spacing:-.02em}
.betfigs span{color:var(--muted)}
@media (max-width:900px){.quads{grid-template-columns:1fr}.quad,.quad:nth-child(2n){border-left:0;padding:32px 24px}.quad+.quad{border-top:1px solid var(--line)}.quad-core{position:static;transform:none;width:auto;height:auto;border-radius:0;border:0;border-top:1px solid var(--line);box-shadow:none;padding:22px;order:-1}.quad{min-height:0}
 .betfigs{grid-template-columns:1fr}.betfigs>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:24px}}

/* ===== OFFERS LAYER: one request per audience ===== */
.offer-head{margin-top:72px}
.offers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 40px}
.offers a{display:grid;gap:10px;padding:24px 20px 24px 0;text-decoration:none;color:var(--ink);font-weight:300;font-size:1.0625rem;transition:color .4s}
.offers a+a{padding-left:20px;border-left:1px solid var(--line)}
.offers a span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.offers a:hover{color:var(--teal-ink)}
label.check{display:flex;gap:12px;align-items:center;text-transform:none;letter-spacing:0;font-size:.9375rem}
label.check input{width:18px;height:18px;accent-color:var(--teal-ink)}
:lang(zh){font-family:"Lato","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",system-ui,sans-serif}
:lang(zh) .page-hero h1,:lang(zh) h2{letter-spacing:.02em}
@media (max-width:1000px){.offers{grid-template-columns:1fr 1fr}.offers a,.offers a+a{padding:20px 16px 20px 0;border-left:0;border-top:1px solid var(--line)}.offers a:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}.offers a:nth-child(-n+2){border-top:0}}
@media (max-width:560px){.offers{grid-template-columns:1fr}.offers a,.offers a:nth-child(2n){padding:18px 0;border-left:0}.offers a:nth-child(2){border-top:1px solid var(--line)}}
@media (min-width:901px){.tenets.t3{grid-template-columns:repeat(3,minmax(0,1fr))}.tenets.t3>div{padding-bottom:26px}.tenets.t3>div:nth-child(3n+1){padding-left:0;border-left:0}.tenets.t3>div:nth-child(n+4){border-top:1px solid var(--line)}}

/* ===== MINIMAL LAYER: one hook, three doors ===== */
.hero h1+.hero-count{margin:6px 0 18px;font-size:clamp(2.6rem,6vw,4.8rem);color:var(--ink)}
.hero-count i{color:var(--teal-ink)}
.proof-line{margin:0 0 28px;color:var(--muted);font-weight:300;font-size:1.0625rem}
.proof-line b{font-weight:300;color:var(--ink);font-size:1.5rem;margin-right:6px}
.quad{min-height:220px}
.seq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.seq>div{display:grid;gap:8px;padding:20px 20px 0 0;align-content:start}
.seq>div+div{padding-left:20px;border-left:1px solid var(--line)}
.seq span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.seq b{font-weight:300;font-size:1.25rem}
.seq p{color:var(--muted);font-size:.875rem;margin:0}
.answer-quiet{margin:56px auto 0;max-width:68ch;text-align:left;font-size:.8125rem;color:var(--muted);opacity:.8}
@media (max-width:640px){.seq{grid-template-columns:1fr}.seq>div,.seq>div+div{padding:16px 0;border-left:0}.seq>div+div{border-top:1px solid var(--line)}}

/* ===== READABILITY LAYER (Nov 2026): stronger text, clearer header and footer ===== */
:root:not([data-theme="none"]){--muted:#bcc5c4;--night-muted:#bcc5c4;--faint:#a9b2b1}
p,li,td,dd,.lede,.small,.fine,.hint,label,legend{font-weight:400}
.lede{color:#c9d1d0}
.notice{color:#bcc5c4}
.nav a{color:#dde3e2;font-weight:400}
.nav a:hover,.nav a[aria-current="page"]{color:#fff}
.foot-grid ul a{color:#d6dddc;font-weight:400}
.foot-grid ul a:hover{color:#fff}
footer h3{color:#e6ebea}
.foot-tag{display:grid;gap:6px;margin:4px 0 0;font-size:.9375rem;line-height:1.5;color:#d6dddc;max-width:42ch}
.foot-tag span:first-child{color:var(--ink)}
.legal-split{display:grid;gap:10px}
.legal-split .legal-head{margin:0;font-weight:700;font-size:.9375rem;color:var(--ink)}
.legal-split .legal-body{margin:0;font-size:.875rem;line-height:1.75;color:#c3cbca;max-width:110ch}
.answer-quiet{opacity:1;font-size:.9375rem;line-height:1.7;color:#c3cbca}
.answer-quiet strong{color:var(--ink)}
.principles-line span{color:#d6dddc}
/* home */
.hero .hero-co{font-size:.9375rem;letter-spacing:.2em;color:var(--teal-ink);text-wrap:balance}
.quad-core{width:196px;height:196px;gap:10px}
.quad-core span{font-size:.8125rem;letter-spacing:.3em}
.quad-core b{font-size:1.1875rem;line-height:1.35;font-weight:400}
.quad .side-who{color:#d6dddc}
.lg-next h2{font-size:clamp(1.7rem,2.9vw,2.5rem);line-height:1.2}
.lg-next h2 .ln{display:block;white-space:nowrap}
@media (min-width:901px){
 .quads{grid-template-rows:repeat(8,auto);row-gap:0}
 .quad{grid-row:span 4;grid-template-rows:subgrid;row-gap:14px;min-height:0}
}
/* labels that sit side by side stay on one line, so the rows below them line up */
.seq span,.moment span,.read span{white-space:nowrap}
.seq>div{grid-template-rows:auto auto 1fr}
/* vision and mission */
.vision{position:relative;overflow:hidden;text-align:center;padding:clamp(96px,14vw,180px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vision-bg{position:absolute;inset:0;background:url(img/cell-vision.jpg) center/min(900px,110%) no-repeat;opacity:.38;
 -webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent 100%);mask-image:radial-gradient(closest-side,#000 40%,transparent 100%)}
.vision .wrap{position:relative}
.vision .eyebrow{justify-content:center;color:var(--teal-ink)}
.vision .eyebrow::before{display:none}
.vision h2{font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:300;line-height:1.08;margin:18px auto 0;letter-spacing:-.01em}
.vision-rule{display:block;width:96px;height:1px;background:rgba(127,230,223,.45);margin:48px auto}
.vision .mission{font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:300;color:var(--ink);margin:16px auto 0;max-width:34ch;line-height:1.4}
@media (max-width:560px){.lg-next h2 .ln{white-space:normal}}
.vision-bg{mix-blend-mode:screen;opacity:.55;-webkit-mask-image:radial-gradient(circle closest-side,#000 35%,transparent 78%);mask-image:radial-gradient(circle closest-side,#000 35%,transparent 78%)}
.vision .mission{max-width:42ch}
.vision+section{padding-top:clamp(72px,9vw,120px)}
.vision{border-bottom:0;margin-bottom:clamp(56px,7vw,96px)}

/* footer disclaimer: full width of the footer, standard footer size */
.legal-split{gap:6px}
.legal-split .legal-head{font-size:.8125rem}
.legal-split .legal-body{font-size:.75rem;line-height:1.65;max-width:none}
.legal-split p:last-child:not(.legal-body){font-size:.75rem;margin:4px 0 0}
#vision{margin-bottom:0;border-bottom:1px solid var(--line)}

/* ===== INTERACTIVE TABLES (Nov 2026) ===== */
.mx-source{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mx-host{margin-top:8px}
.mx-n{font-size:.6875rem;letter-spacing:.24em;color:var(--teal-ink);font-variant-numeric:tabular-nums}
.mx-f{display:grid;gap:8px}
.mx-f>span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--muted)}
.mx-f p{margin:0;color:#d6dddc;font-size:1.0625rem;line-height:1.5}
.mx-f.is-big p{font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:300;line-height:1.3;color:var(--ink)}
.mx-f.is-us>span{color:var(--teal-ink)}
.mx-cap{margin-top:20px;font-size:.875rem;color:var(--muted)}
.mx button{font:inherit;color:inherit;background:none;border:0;text-align:left;cursor:pointer}
.mx button:focus-visible{outline:1px solid var(--teal-ink);outline-offset:4px}
/* A · select */
.mx-select{display:grid;grid-template-columns:minmax(240px,.9fr) 1.6fr;border:1px solid var(--line)}
.mx-tabs{display:grid;align-content:start;border-right:1px solid var(--line)}
.mx-tab{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:baseline;padding:22px 26px;border-bottom:1px solid var(--line);font-size:1.0625rem;color:#c3cbca;transition:background .3s,color .3s;position:relative}
.mx-tab:last-child{border-bottom:0}
.mx-tab:hover{color:var(--ink);background:rgba(127,230,223,.03)}
.mx-tab[aria-selected="true"]{color:var(--ink);background:rgba(127,230,223,.06)}
.mx-tab[aria-selected="true"]::after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:2px;background:var(--teal-ink)}
.mx-tab.is-us span:last-child{color:var(--teal-ink)}
.mx-panels{padding:clamp(28px,4vw,52px);display:grid;align-content:center;min-height:260px}
.mx-panel{display:grid;gap:26px;animation:mxIn .45s ease}
.mx-who{margin:0;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
@keyframes mxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* B · unfold */
.mx-unfold{border-top:1px solid var(--line)}
.mx-row{border-bottom:1px solid var(--line);transition:background .3s}
.mx-row.is-open{background:rgba(127,230,223,.04)}
.mx-head{width:100%;display:grid;grid-template-columns:44px minmax(0,1.2fr) minmax(0,1fr) 28px;gap:16px;align-items:center;padding:24px 8px}
.mx-title{font-size:1.1875rem;font-weight:300;color:var(--ink)}
.mx-row.is-us .mx-title{color:var(--teal-ink)}
.mx-lead{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:#c3cbca}
.mx-plus{width:14px;height:14px;position:relative;justify-self:end}
.mx-plus::before,.mx-plus::after{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--teal-ink);transition:transform .35s}
.mx-plus::after{transform:rotate(90deg)}
.mx-row.is-open .mx-plus::after{transform:rotate(0)}
.mx-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 40px;padding:0 44px 30px 68px;animation:mxIn .4s ease}
/* C · cards */
.mx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mx-card{position:relative;display:grid;align-content:start;gap:14px;min-height:250px;padding:26px 24px 52px;border:1px solid var(--line);overflow:hidden;transition:border-color .4s}
.mx-card:hover,.mx-card[aria-expanded="true"]{border-color:rgba(127,230,223,.5)}
.mx-card.is-us{border-color:rgba(127,230,223,.55)}
.mx-card .mx-title{font-size:1.25rem}
.mx-front{display:grid;gap:8px;font-size:1rem;color:#d6dddc}
.mx-front>span{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--muted)}
.mx-front.is-us>span{color:var(--teal-ink)}
.mx-back{position:absolute;inset:0;display:grid;align-content:center;gap:18px;padding:26px 24px;background:linear-gradient(180deg,#0b1314,#071011);border-top:1px solid var(--teal-ink);transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mx-card:hover .mx-back,.mx-card:focus-visible .mx-back,.mx-card[aria-expanded="true"] .mx-back,.mx-card.is-us .mx-back{transform:none}
.mx-back .mx-f.is-big p{font-size:1.25rem}
.mx-hint{position:absolute;left:24px;bottom:20px;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
@media (max-width:760px){
 .mx-select{grid-template-columns:1fr}.mx-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}
 .mx-tab{flex:0 0 auto;grid-template-columns:auto auto;border-bottom:0;border-right:1px solid var(--line);padding:16px 18px;white-space:nowrap}
 .mx-tab[aria-selected="true"]::after{left:0;right:0;top:auto;bottom:-1px;width:auto;height:2px}
 .mx-head{grid-template-columns:34px 1fr 24px}.mx-lead{display:none}.mx-body{padding:0 8px 26px 50px}
}
@media (prefers-reduced-motion:reduce){.mx-panel,.mx-body{animation:none}.mx-back{transition:none}}

/* ledger: the notice on one quiet line above the steps */
.notice-line{margin:0 0 26px;font-size:.6875rem;line-height:1.5;color:var(--muted);letter-spacing:.01em}
@media (min-width:1180px){.notice-line{white-space:nowrap}}

/* footer: brand + two columns */
.foot-grid{grid-template-columns:1.6fr repeat(2,1fr)}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}

/* ===== BLOG (Substack-style) ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blog-col{max-width:720px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}
.blog-mast{padding:clamp(72px,10vw,120px) 0 48px;text-align:center;border-bottom:1px solid var(--line)}
.blog-av{width:64px;height:64px;border-radius:14px;border:1px solid var(--line);background:#0e1415;padding:8px;margin:0 auto 22px;display:block}
.blog-mast h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:300;line-height:1.08;margin:0 0 14px}
.blog-mast>.blog-col>p:not(.small){font-size:1.125rem;color:#c9d1d0;max-width:46ch;margin:0 auto 28px}
.subscribe{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:480px;margin:0 auto}
.subscribe input[type=email]{flex:1 1 240px;min-width:0;padding:14px 16px;background:#0b1011;border:1px solid var(--line);color:var(--ink);font:inherit}
.subscribe .sub-msg{flex-basis:100%;margin:6px 0 0;font-size:.875rem;color:var(--teal-ink);text-align:center}
.blog-mast .small{margin-top:14px}
.blog-list{padding:28px 0 96px}
.blog-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:8px}
.blog-tabs span{padding:12px 0;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}
.post-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.post-card h2{font-size:1.5rem;font-weight:400;line-height:1.25;margin:0 0 8px;transition:color .3s}
.post-card:hover h2{color:var(--teal-ink)}
.post-card p{margin:0 0 12px;color:#c3cbca;font-size:1rem;line-height:1.5}
.post-card>div>span{font-size:.6875rem;letter-spacing:.2em;color:var(--muted)}
.post-card-img{width:160px;height:120px;object-fit:cover;border:1px solid var(--line)}
.post{max-width:720px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(16px,4vw,24px) 96px}
.post-pub{display:inline-block;margin-bottom:22px;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink);text-decoration:none}
.post-head h1{font-size:clamp(2.2rem,5.4vw,3.4rem);font-weight:400;line-height:1.1;margin:0 0 14px;letter-spacing:-.01em}
.post-sub{font-size:1.25rem;line-height:1.45;color:#c9d1d0;margin:0 0 28px}
.post-by{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.post-av{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#0e1415;padding:5px}
.post-by>div{display:grid;gap:2px}.post-by b{font-weight:700;font-size:.9375rem}.post-by span{font-size:.8125rem;color:var(--muted)}
.post-share{margin-left:auto;display:flex;gap:8px}
.post-share a{padding:8px 12px;border:1px solid var(--line);font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:#d6dddc;text-decoration:none}
.post-share a:hover{border-color:var(--teal-ink);color:var(--ink)}
.post-cover{margin:36px 0 0}.post-cover img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.post-body{margin-top:36px;font-size:1.125rem;line-height:1.75}
.post-body p,.post-body li{color:#dbe1e0}
.post-body h2{font-size:1.625rem;font-weight:400;margin:44px 0 14px}
.post-body ul.small li{font-size:.875rem;color:var(--muted)}
.post-tldr{margin:0 0 32px;padding:22px 24px;border-left:2px solid var(--teal-ink);background:rgba(127,230,223,.04);font-size:1.0625rem;line-height:1.65;color:#dbe1e0}
.post-tldr strong{display:block;margin-bottom:6px;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.post-subscribe{margin:64px 0 0;padding:36px 28px;border:1px solid var(--line);text-align:center}
.post-subscribe h2{font-size:1.5rem;font-weight:300;margin:0 0 8px}.post-subscribe>p{color:#c3cbca;margin:0 0 20px}
.post-more{margin-top:56px}
@media (max-width:640px){.post-card{grid-template-columns:1fr}.post-card-img{display:none}.post-share{margin-left:0}}
/* cards: content swaps in place, the title stays */
.mx .mx-card{border:1px solid var(--line);min-height:0;padding:26px 24px 24px;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px}
.mx .mx-card:hover,.mx .mx-card[aria-expanded="true"],.mx .mx-card.is-us{border-color:rgba(127,230,223,.55);background:rgba(127,230,223,.035)}
.mx-swap{display:grid}
.mx-swap>.mx-front,.mx-swap>.mx-back{grid-area:1/1;position:static;inset:auto;background:none;border:0;padding:0;transform:none;align-content:start;transition:opacity .35s,transform .35s}
.mx-swap>.mx-back{display:grid;gap:16px;opacity:0;transform:translateY(8px);pointer-events:none}
.mx-card:hover .mx-front,.mx-card:focus-visible .mx-front,.mx-card[aria-expanded="true"] .mx-front,.mx-card.is-us .mx-front{opacity:0;transform:translateY(-6px)}
.mx-card:hover .mx-back,.mx-card:focus-visible .mx-back,.mx-card[aria-expanded="true"] .mx-back,.mx-card.is-us .mx-back{opacity:1;transform:none}
.mx .mx-hint{position:static}
.mx-card:hover .mx-hint,.mx-card[aria-expanded="true"] .mx-hint{opacity:.4}
.mx-card .mx-back .mx-f.is-big p{font-size:1.1875rem}
.mx-f{align-content:start}
.post-by>.post-share{display:flex;gap:8px}
.lg-steps li{display:grid;grid-template-rows:auto auto 1fr;align-content:start;row-gap:12px}.lg-steps li h3,.lg-steps li p{margin:0}

/* cards: even columns, a wide closing card, breathing room before the next section */
.mx-cards{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:16px}
.mx-cards[data-wide]>.mx-card:last-child{grid-column:1/-1}
.mx-cards[data-wide]>.mx-card:last-child .mx-back{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.mx-host{margin-bottom:clamp(48px,6vw,88px)}
.mx-host .mx-cap{margin-top:24px}
@media (max-width:1024px){.mx-cards{grid-template-columns:repeat(min(var(--cols,3),3),minmax(0,1fr))}}
@media (max-width:860px){.mx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-cards[data-wide]>.mx-card:last-child .mx-back{grid-template-columns:1fr}}
@media (max-width:560px){.mx-cards{grid-template-columns:1fr}}

/* FAQ as a blog post */
.faq-intro{font-size:1.1875rem;color:#dbe1e0}
.faq-post{margin:28px 0 36px;border-top:1px solid var(--line)}
.faq-tools{display:flex;justify-content:flex-end;padding:12px 0}
.faq-all{font:inherit;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink);background:none;border:0;cursor:pointer}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;font-size:1.25rem;font-weight:400;color:var(--ink);transition:color .3s}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:1.5rem;font-weight:300;color:var(--teal-ink);transition:transform .35s}
.qa[open] summary::after{transform:rotate(45deg)}
.qa summary:hover{color:var(--teal-ink)}
.qa-a{padding:0 0 24px;animation:mxIn .4s ease}
.qa-a p{margin:0;font-size:1.0625rem;line-height:1.75;color:#dbe1e0}

/* footer: brand + three columns */
.foot-grid{grid-template-columns:1.5fr repeat(3,1fr)}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}

/* ===== FLASH CARDS (blog) ===== */
.fc-deck{margin:32px 0 40px}
.fc-item{margin:0 0 28px}.fc-item h3{font-size:1.25rem;font-weight:400;margin:0 0 8px}
.fc-deck .fc-card{display:none}
.fc-deck.is-live{outline:none}
.fc-deck.is-live .fc-item{margin:0;perspective:1600px}
.fc-deck.is-live .fc-item>h3,.fc-deck.is-live .fc-item>.fc-a{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fc-deck.is-live .fc-card{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.fc-inner{display:grid;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.fc-card[aria-pressed="true"] .fc-inner{transform:rotateY(180deg)}
.fc-face{grid-area:1/1;display:grid;align-content:space-between;gap:28px;min-height:340px;padding:clamp(28px,5vw,48px);border:1px solid var(--line);background:linear-gradient(160deg,#0d1415,#080b0c);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fc-back{transform:rotateY(180deg);border-color:rgba(127,230,223,.55);background:linear-gradient(160deg,#0c1718,#071011)}
.fc-card:hover .fc-front,.fc-card:focus-visible .fc-front{border-color:rgba(127,230,223,.45)}
.fc-card:focus-visible{outline:1px solid var(--teal-ink);outline-offset:4px}
.fc-k{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--teal-ink)}
.fc-q{font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:300;line-height:1.2;color:var(--ink)}
.fc-a2 p{margin:0;font-size:1.0625rem;line-height:1.7;color:#dbe1e0}
.fc-hint{font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--muted)}
.fc-nav{display:flex;align-items:center;gap:14px;margin-top:18px}
.fc-nav>button{width:44px;height:44px;border:1px solid var(--line);background:none;color:var(--ink);font-size:1.125rem;cursor:pointer;transition:border-color .3s}
.fc-nav>button:hover{border-color:var(--teal-ink)}
.fc-dots{display:flex;gap:8px;flex:1;justify-content:center}
.fc-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--muted);background:none;padding:0;cursor:pointer}
.fc-dot[aria-current="true"]{background:var(--teal-ink);border-color:var(--teal-ink)}
.fc-count{font-size:.75rem;letter-spacing:.2em;color:var(--muted);min-width:56px;text-align:right}
@media (max-width:560px){.fc-face{min-height:380px}.fc-count{display:none}}
@media (prefers-reduced-motion:reduce){.fc-inner{transition:none}}

/* ===== SENTENCE CASE (Nov 2026): no forced capitals; labels read as normal text ===== */
.eyebrow{font-weight:400;color:var(--teal-ink)}
.nav a{font-size:.875rem}
.btn{font-size:.875rem;letter-spacing:.01em;font-weight:400}
.mx-f>span,.mx-front>span,.fc-k,.fc-hint,.mx-hint,.seq span,.side-tag,.side-who,.post-pub,.blog-tabs span,.mx-n{letter-spacing:.01em}
.principles-line,.principles-line span,.ticker span,.answer strong,.hero .hero-co,.quad-core span,.mx-n,.post-card>div>span,.fc-count,.four .n,.steps li::before{letter-spacing:.01em}
.principles-lead{letter-spacing:.02em;font-size:1rem}
.hero .hero-co{font-size:1.0625rem}
.principles-line span{font-size:.875rem}
/* cards: rows shared across a line of cards, so labels and text line up */
.mx-cards{grid-auto-rows:auto}
.mx .mx-card{grid-row:span 4;grid-template-rows:subgrid;row-gap:12px}
.mx-cards[style*="--cols:5"] .mx-card .mx-title{font-size:1.125rem}
@media (max-width:560px){.mx .mx-card{grid-row:auto;grid-template-rows:auto auto 1fr auto}}
/* home hero: the company line and principles in capitals */
.hero .hero-co{text-transform:uppercase;letter-spacing:.16em;font-size:.9375rem}
.hero .principles-line span{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}
.hero .principles-lead{text-transform:uppercase;letter-spacing:.18em;font-size:.875rem}

/* accessibility: 24px tap targets for the card dots, a visible focus ring on the deck */
.fc-dots{gap:0}
.fc-dot{width:24px;height:24px;border:0;border-radius:0;background:none;display:grid;place-items:center}
.fc-dot::before{content:"";width:8px;height:8px;border-radius:50%;border:1px solid var(--muted);box-sizing:border-box}
.fc-dot[aria-current="true"]{background:none}
.fc-dot[aria-current="true"]::before{background:var(--teal-ink);border-color:var(--teal-ink)}
.fc-dot:focus-visible{outline:1px solid var(--teal-ink);outline-offset:0}
.fc-deck.is-live:focus-visible{outline:1px solid var(--teal-ink);outline-offset:8px}
/* new logo artwork: the wordmark sits smaller beside the 8, so the logo runs a little taller */
header .brand img{height:46px}
footer .brand img{height:56px}
@media (max-width:640px){header .brand img{height:40px}}
.site-foot .brand img{height:56px}
/* ===== LIGHT MODE (opt-in via the header toggle; generated from the white edition) ===== */
:root[data-theme="light"]{--bg:#ffffff;--surface:#ffffff;--sunk:#f4f6f6;--ink:#0a0e0f;--muted:#4f5a5c;--faint:#5f6a6c;--line:rgba(10,14,15,.12);--line-strong:rgba(10,14,15,.3);
 --teal:#0a8783;--teal-ink:#066562;--teal-wash:#e6f3f2;--night:#050809;--night-ink:#eceeeb;--night-muted:#bcc5c4;--night-teal:#7fe6df;color-scheme:light}




/* ===== D15: home order, live interactome, the read, larger text, lighter outer borders, theme toggle ===== */
/* larger, more legible text (USWDS body 16 to 22px; nothing below 14px) */
html{font-size:103.125%}
body{font-size:1.0625rem}
.lg-tag,.answer strong,.mx-n,.notice-line,.post-card>div>span,.fc-count,.ticker span,.stat .src,.four .n,.steps li::before,.seal,.ask header small,.msg .src,.legal-split .legal-body,.legal-split p:last-child:not(.legal-body){font-size:.8125rem}
.nav a{font-size:.875rem}
.small,small{font-size:.875rem}
.btn{font-size:.875rem}
.principles-line{font-size:.8125rem}
.answer-quiet,.foot-tag{font-size:1rem}
.quad h3{font-size:1.3125rem}
.partners-row a{font-size:1.25rem}

/* outer borders: one step lighter; inner dividers and boxes inside them keep their lines */
:root:not([data-theme="none"]){--line-outer:rgba(236,238,235,.075)}
.quads,.sides,.vault,.mx-select,.table-wrap,.logowall,.post-subscribe,.card,.mx .mx-card,.fc-face,.steps li,form.inbound,.specimen,.flow .cell,.ro-step{border-color:var(--line-outer)}
.site-head{border-bottom-color:var(--line-outer)}
.partners{border-bottom-color:var(--line-outer)}
.closing{border-top-color:var(--line-outer)}
.site-foot{border-top-color:var(--line-outer)}

/* theme toggle */


/* 1. vision and mission, side by side */
.vm{padding:clamp(72px,10vw,140px) 0;text-align:left;margin-bottom:0;border-top:0;border-bottom:1px solid var(--line-outer)}
.vm .vision-bg{background-position:center;background-size:min(1100px,120%)}
.vm .vm-co{display:flex;align-items:center;gap:14px;justify-content:flex-start;text-transform:uppercase;letter-spacing:.16em;font-size:.9375rem;color:var(--teal-ink);margin:0 0 clamp(40px,6vw,72px)}
.vm .vm-co::before{display:block}
.vm-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;column-gap:clamp(40px,7vw,112px);row-gap:18px;align-items:start}
.vm-col{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start}
.vm-col+.vm-col{border-left:1px solid var(--line);padding-left:clamp(28px,5vw,72px)}
.vm .vm-col .eyebrow{justify-content:flex-start;margin:0}
.vm h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:300;line-height:1.08;letter-spacing:-.015em;margin:0}
.vm .mission{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:300;line-height:1.3;margin:0;max-width:24ch;color:var(--ink)}
.vision.vm+section{padding-top:clamp(64px,8vw,104px)}
@media (max-width:760px){.vm-grid{grid-template-columns:1fr;row-gap:40px}.vm-col{grid-row:auto;grid-template-rows:none;gap:14px}.vm-col+.vm-col{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:36px}}

/* 2. the four quadrants around the live interactome */
.quads-live{grid-template-columns:minmax(0,1fr) minmax(300px,1.05fr) minmax(0,1fr);grid-template-rows:repeat(8,auto)}
.quads-live .quad{grid-row:span 4;min-height:0;padding:clamp(28px,3.4vw,48px)}
.quads-live .quad:nth-child(n){border:0;padding-left:clamp(28px,3.4vw,48px)}
.quads-live .q-build{grid-column:1;grid-row:1/span 4}
.quads-live .q-sell{grid-column:1;grid-row:5/span 4;border-top:1px solid var(--line)}
.quads-live .q-buy{grid-column:3;grid-row:1/span 4}
.quads-live .q-fund{grid-column:3;grid-row:5/span 4;border-top:1px solid var(--line)}
.quads-live .q-buy,.quads-live .q-fund{text-align:right;justify-items:end}
.quads-live .q-buy h3,.quads-live .q-fund h3{margin-left:auto}
.quad-core.quad-live{position:relative;left:auto;top:auto;transform:none;grid-column:2;grid-row:1/span 8;width:auto;height:auto;min-height:520px;border-radius:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:none;background:transparent;display:block;pointer-events:auto;overflow:hidden}
.quad-live canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.quad-live .core-cap{position:absolute;left:0;right:0;bottom:22px;margin:0;display:grid;gap:6px;text-align:center;pointer-events:none}
.quad-live .core-cap span{font-size:.9375rem;color:var(--ink)}
.quad-live .core-cap .core-k{font-size:.8125rem;letter-spacing:.24em;text-transform:uppercase;color:var(--teal-ink)}
.quad-live .ticker{position:absolute;top:20px;left:0;right:0;justify-content:center;flex-wrap:wrap;gap:6px 14px;color:var(--muted)}
.quad-live .ticker span{letter-spacing:.06em;font-size:.8125rem}
.quad-live .ticker span.on{color:var(--teal-ink)}
@media (max-width:900px){
 .quads-live{grid-template-columns:1fr;grid-template-rows:none}
 .quads-live .quad,.quads-live .q-build,.quads-live .q-buy,.quads-live .q-sell,.quads-live .q-fund{grid-column:1;grid-row:auto;text-align:left;justify-items:start;border-top:1px solid var(--line);padding:32px 24px}
 .quads-live .q-buy h3,.quads-live .q-fund h3{margin-left:0}
 .quad-core.quad-live{grid-column:1;grid-row:1;order:-1;min-height:380px;border:0}
 .quads-live .q-build{grid-row:2}.quads-live .q-buy{grid-row:3}.quads-live .q-sell{grid-row:4}.quads-live .q-fund{grid-row:5}
}

/* 3. the read: what one read tells you */
.read-offer{padding-block:clamp(72px,9vw,128px)}
.ro-head{display:grid;gap:16px;max-width:62ch;margin-bottom:clamp(36px,5vw,56px)}
.ro-head h2{margin:0}
.ro-sub{margin:0;font-size:1.1875rem;color:var(--muted)}
.ro-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}
.ro-step{position:relative;display:grid;align-content:start;gap:14px;padding:28px 24px 30px;border:1px solid var(--line-outer);background:color-mix(in srgb,var(--teal) 4%,transparent)}
.ro-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:-36px;width:28px;height:2px;background:var(--teal-ink)}
.ro-step:not(:last-child)::before{content:"";position:absolute;top:calc(50% - 5px);right:-38px;border:6px solid transparent;border-left:8px solid var(--teal-ink);border-right:0}
.ro-step:nth-child(3)::after{background:var(--amber)}.ro-step:nth-child(3)::before{border-left-color:var(--amber)}
.ro-k{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink)}
.ro-step b{font-size:1.3125rem;font-weight:400;line-height:1.3;color:var(--ink)}
.ro-step>span:last-child{color:var(--muted);font-size:1rem}
.ro-list{display:grid;gap:2px}
.ro-alt{border-color:color-mix(in srgb,var(--amber) 55%,transparent);background:color-mix(in srgb,var(--amber) 6%,transparent)}
.ro-alt .ro-k{color:var(--amber)}
.ro-note{margin:28px 0 32px;font-size:.875rem;color:var(--muted)}
.ro-step sup,.ro-note sup{color:var(--teal-ink)}
@media (max-width:1000px){.ro-flow{grid-template-columns:1fr 1fr}.ro-step:nth-child(2)::after,.ro-step:nth-child(2)::before{display:none}}
@media (max-width:620px){.ro-flow{grid-template-columns:1fr;gap:40px}.ro-step:not(:last-child)::after{top:auto;bottom:-30px;right:auto;left:32px;width:2px;height:22px}.ro-step:not(:last-child)::before{top:auto;bottom:-38px;right:auto;left:27px;border:6px solid transparent;border-top:8px solid var(--teal-ink);border-bottom:0}.ro-step:nth-child(2)::after,.ro-step:nth-child(2)::before{display:block}.ro-step:nth-child(3)::before{border-top-color:var(--amber);border-left-color:transparent}}

/* 4. the next call, just above the ledger seal */
.nextcall{padding-block:clamp(64px,8vw,112px);border-top:1px solid var(--line-outer)}
.nc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.nc-clock h2{font-size:clamp(2.2rem,4.6vw,4rem);margin:0}
.nc-clock .hero-count{margin:14px 0 0;font-size:clamp(2.6rem,6vw,4.8rem);color:var(--ink)}
.nc-clock .hero-count i{color:var(--teal-ink)}
.nc-copy{display:grid;gap:22px}
.nc-copy .lede{margin:0;color:var(--ink);opacity:.9}
.nc-copy .principles-line span{text-transform:uppercase;letter-spacing:.14em;font-size:.8125rem;color:var(--ink)}
.nc-copy .principles-lead{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.9375rem;color:var(--teal-ink)}
@media (max-width:860px){.nc-grid{grid-template-columns:1fr;align-items:start}}

/* light mode: the vision band and the interactome on white */
.story{display:grid;gap:20px}.story .lede{margin:0}

.vm .vm-co::before{content:"";width:40px;height:1px;background:currentColor;flex:none}
/* tighter rhythm around the map */
#map.map{padding-bottom:clamp(40px,5vw,64px)}
#map.map+.partners{padding-top:8px}
.quad-live canvas{inset:56px 0 72px;height:calc(100% - 128px)}
/* the read: titles line up across the four steps */
.ro-k{letter-spacing:.1em}
@media (max-width:600px){.vm .vm-co::before{display:none}}
.quad-live .ticker span{opacity:1;color:var(--faint)}
.quad-live .ticker span.on{color:var(--teal-ink)}

/* ===== D15b: calmer display sizes, single-line vision ===== */
.vm-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.vm h1{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.15;white-space:nowrap}
.vm h1 br{display:none}
.vm .mission{font-size:clamp(1.25rem,1.9vw,1.6rem);max-width:30ch}
@media (max-width:1000px){.vm-grid{grid-template-columns:1fr;row-gap:36px}.vm-col{grid-row:auto;grid-template-rows:none;gap:14px}.vm-col+.vm-col{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:32px}}
@media (max-width:560px){.vm h1{white-space:normal}.vm h1 br{display:inline}}
.nc-clock h2{font-size:clamp(1.9rem,3.6vw,3.1rem)}
.nc-clock .hero-count{font-size:clamp(2.3rem,4.8vw,3.9rem)}
.ro-head h2{font-size:clamp(1.8rem,3.2vw,2.75rem)}
.closing-line{font-size:clamp(2rem,4.4vw,3.8rem)}
.quads-live .side-tag{font-size:clamp(2rem,3.2vw,2.75rem)}

/* light mode: the ledger box, the countdown bar and the logo wall follow the page */

/* ===== molecule economy options (review page) ===== */
.me-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.me-jump a{padding:10px 16px;border:1px solid var(--line-strong);text-decoration:none;color:var(--ink);font-size:.9375rem}
.me-jump a:hover{border-color:var(--ink)}
.me-opt{border-top:1px solid var(--line-outer)}
.me-where{margin:0 0 40px;padding:14px 18px;border-left:2px solid var(--amber);background:color-mix(in srgb,var(--amber) 7%,transparent);font-size:.9375rem;color:var(--ink)}
.me-where b{display:block;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}
.me-opt h2{font-size:clamp(1.8rem,3.2vw,2.75rem);margin:14px 0 20px}
.me-lead{font-size:1.125rem;color:var(--muted);max-width:56ch;margin:0 0 28px}
.me-a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.me-table{margin:0;display:grid;border-top:1px solid var(--line)}
.me-tr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.me-tr dt{color:var(--muted);font-size:.9375rem}.me-tr dd{margin:0;color:var(--ink)}
.me-th dd{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink)}
.me-us dd:last-child{color:var(--teal-ink);font-weight:400}
.me-a-fig{display:grid;justify-items:center;gap:14px;color:var(--muted)}
.me-chip{width:min(100%,380px);height:auto}
.me-pkg{fill:color-mix(in srgb,var(--teal) 5%,transparent)}
.me-cap{margin:0;font-size:.9375rem;text-align:center}
.me-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 28px}
.me-lane{border:1px solid var(--line-outer);padding:24px;display:grid;gap:16px;align-content:start}
.me-lane-k{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.me-lane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.me-lane li{padding:8px 12px;border:1px solid var(--line);font-size:.9375rem;color:var(--ink)}
.me-lane li+li::before{content:"→";margin:0 10px 0 -2px;color:var(--muted);position:relative;left:-14px;margin-right:-8px}
.me-lane p{margin:0;color:var(--muted);font-size:1rem}
.me-hot{border-color:var(--teal-ink)!important;color:var(--teal-ink)!important;background:color-mix(in srgb,var(--teal) 8%,transparent)}
.me-cold{border-color:var(--amber)!important;color:var(--amber)!important}
.me-lane-us{border-color:color-mix(in srgb,var(--teal-ink) 45%,transparent)}
.me-lane-us .me-lane-k{color:var(--teal-ink)}
.me-line{font-size:1.25rem;font-weight:300;color:var(--ink);max-width:60ch;margin:0}
.me-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.me-sheet{margin:0;border:1px solid var(--line-strong);background:var(--surface);font-size:.9375rem}
.me-sheet header,.me-sheet footer{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink)}
.me-sheet header{border-bottom:2px solid var(--teal-ink)}
.me-sheet footer{border-top:1px solid var(--line);color:var(--muted)}
.me-tag{color:var(--amber)}
.me-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding:12px 20px;border-bottom:1px dashed var(--line)}
.me-row:last-of-type{border-bottom:0}
.me-row span{color:var(--muted)}.me-row b{font-weight:400;color:var(--ink)}
@media (max-width:900px){.me-a,.me-c,.me-b{grid-template-columns:1fr}.me-tr{grid-template-columns:1fr 1fr 1fr;font-size:.9375rem}}
@media (max-width:520px){.me-tr{grid-template-columns:1fr 1fr}.me-tr dt{grid-column:1/-1}}
.me-lane ol{gap:8px 26px}
.me-lane li{position:relative;padding:7px 11px;font-size:.875rem}
.me-lane li+li::before{content:"→";position:absolute;left:-19px;top:50%;transform:translateY(-50%);margin:0;color:var(--muted)}
.me-b{grid-template-columns:1fr;gap:12px}
.me-lane{grid-template-columns:minmax(160px,.7fr) minmax(0,1.5fr) minmax(0,1.3fr);align-items:center;gap:24px;padding:20px 24px}
.me-lane ol{flex-wrap:nowrap}
@media (max-width:1000px){.me-lane{grid-template-columns:1fr;gap:14px}.me-lane ol{flex-wrap:wrap}}


/* ===== D16 ===== */
/* sentence case everywhere: no forced capitals, no wide tracking */
.hero .principles-lead,
.hero .principles-line span,
.me-lane-k,
.me-sheet header,.me-sheet footer,
.me-th dd,
.me-where b,
.nc-copy .principles-lead,
.nc-copy .principles-line span,
.quad-live .core-cap .core-k,
.ro-k,
.vm .vm-co{text-transform:none!important;letter-spacing:.01em!important}
/* type: a little larger again */
html{font-size:106.25%}
/* header logo now carries "Powered by KHAi.net" */
header .brand img,.site-head .brand img{height:52px}
@media (max-width:640px){header .brand img,.site-head .brand img{height:44px}}
/* home: the statement over the four quadrants */
.map-first{padding-top:clamp(56px,7vw,96px)}
.statement{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;margin-bottom:clamp(44px,6vw,72px)}
.st-h{margin:0;font-size:clamp(2.1rem,4.2vw,3.6rem);font-weight:300;line-height:1.1;letter-spacing:-.015em;color:var(--ink)}
.st-bar{align-self:stretch;width:2px;background:var(--teal-ink);opacity:.8}
.st-copy{display:grid;gap:16px}
.st-copy .lede{margin:0;font-size:1.125rem;line-height:1.65;color:var(--ink);opacity:.92}
.st-copy .principles-line{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0}
.st-copy .principles-line span{font-size:.9375rem;color:var(--ink)}
.st-copy .principles-lead{margin:0;font-size:.9375rem;color:var(--teal-ink)}
@media (max-width:900px){.statement{grid-template-columns:1fr;gap:20px}.st-bar{width:64px;height:2px;align-self:start}}
.nc-line{margin:0;font-size:1.25rem;font-weight:300;line-height:1.5;color:var(--ink);max-width:34ch}
/* about us: vision over mission, each on one line */
.about-vm{margin-bottom:0}
.about-vm .about-k{margin:0 0 36px;font-size:1rem;font-weight:400;color:var(--muted)}
.about-vm h2{font-size:clamp(1.9rem,4.2vw,3.5rem);white-space:nowrap}
.about-vm .mission{font-size:clamp(1.1rem,2vw,1.6rem);white-space:nowrap;max-width:none}
@media (max-width:620px){.about-vm h2,.about-vm .mission{white-space:normal}}
.about-vm+section.page-hero{padding-top:clamp(64px,8vw,104px)}
.ph-h{font-size:clamp(2rem,4vw,3.25rem);font-weight:300;line-height:1.1;margin:12px 0 18px}

.statement{grid-template-columns:auto auto minmax(0,1fr);text-align:left}
.st-h{font-size:clamp(2rem,3.5vw,3.25rem);white-space:nowrap}
@media (max-width:1100px){.st-h{white-space:normal}}
@media (max-width:900px){.statement{grid-template-columns:1fr}}
.map-first .statement{padding-block:0;border-block:0}


/* ===== D17 ===== */
/* home statement */
.statement{grid-template-columns:auto auto minmax(380px,1fr)}
.st-h{font-size:clamp(2.2rem,3.6vw,3.35rem);white-space:normal;line-height:1.12}
.st-caps{display:block;white-space:nowrap;text-transform:uppercase;letter-spacing:.015em;font-weight:300}
.st-sub{display:block}
.st-copy .lede{font-size:1.125rem}
.st-prin{margin:0;font-size:1rem;color:var(--ink);white-space:nowrap}
.st-mech{margin:0;font-size:1.1875rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal-ink)}
@media (max-width:1180px){.statement{grid-template-columns:1fr;gap:22px}.st-bar{width:64px;height:2px;align-self:start}}
@media (max-width:620px){.st-caps{white-space:normal}.st-prin{white-space:normal}.st-mech{font-size:1rem}}
/* the read: three answers */
/* read 1 */
.r1{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.r1-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.r1-list li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.r1-n{font-size:3rem;font-weight:300;line-height:1;color:var(--teal-ink)}
.r1-alt .r1-n{color:var(--amber)}
.r1-list h3{margin:0 0 8px;font-size:1.4rem;font-weight:400;color:var(--ink)}
.r1-list p{margin:0;color:var(--muted)}
.r1 .ro-note{grid-column:1/-1;margin:0}
@media (max-width:860px){.r1{grid-template-columns:1fr}}
.r1-head .hero-ctas{margin-top:8px}
/* how it works: architecture */
.arch-kick{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:300;margin:12px 0 18px}
.arch-h{font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:300;line-height:1.55;color:var(--ink);max-width:62ch;margin:0}
/* lean compute */
.lc-arch{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;gap:clamp(16px,3vw,40px);align-items:center;margin:28px 0 44px}
.lc-chip{margin:0;display:grid;justify-items:center;gap:14px;text-align:center}
.lc-chip svg,.lc-chip canvas{width:140px;height:140px}
.lc-chip figcaption{display:grid;gap:4px;color:var(--muted);font-size:.9375rem;max-width:24ch}
.lc-chip figcaption b{color:var(--ink);font-weight:400;font-size:1.0625rem}
.lc-us figcaption b{color:var(--teal-ink)}
.lc-cpu rect{fill:none;stroke:var(--muted);stroke-width:1.5}
.lc-gpu rect{fill:var(--muted);opacity:.35}
.lc-arch.in .lc-gpu rect{animation:lcWave 1.8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes lcWave{0%,100%{opacity:.3}50%{opacity:1;fill:var(--teal-ink)}}
.lc-arrow,.lc-eq{font-size:2rem;color:var(--muted)}
.lc-cmp{border-top:1px solid var(--line)}
.lc-head,.lc-r{display:grid;grid-template-columns:minmax(120px,.6fr) 1fr 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.lc-head span{font-size:.9375rem;color:var(--muted)}.lc-head span:last-child{color:var(--teal-ink)}
.lc-r>span:first-child{color:var(--muted)}
.lc-r>span{color:var(--ink);display:grid;gap:10px}
.lc-r b{font-weight:400;color:var(--teal-ink)}
.lc-bar{display:block;height:10px;width:var(--w);background:var(--muted);opacity:.7;transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.lc-bar.us{background:var(--teal-ink);opacity:1;transition-delay:.4s}
.lc-cmp.in .lc-bar{transform:scaleX(1)}
@media (max-width:900px){.lc-arch{grid-template-columns:1fr 1fr;row-gap:28px}.lc-arrow,.lc-eq{display:none}.lc-us{grid-column:1/-1}.lc-head,.lc-r{grid-template-columns:1fr 1fr}.lc-head span:first-child{display:none}.lc-r>span:first-child{grid-column:1/-1}}
.st-mech{display:grid;gap:2px;font-size:1.25rem;letter-spacing:.1em;line-height:1.35}
.statement{column-gap:clamp(28px,3.2vw,48px)}

.review-strip{display:block;padding:12px var(--gutter);text-align:center;background:var(--amber);color:#111;font-size:.9375rem;text-decoration:none}
/* D18: company line as written; the caps line spans the column above it */
.st-caps{text-transform:none!important;letter-spacing:-.01em}
.st-copy{width:max-content;max-width:100%}
.st-copy .lede{max-width:44ch}
.st-mech{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:10px;font-size:1.0625rem;letter-spacing:.08em;white-space:nowrap;line-height:1.3}
@media (max-width:620px){.st-copy{width:auto}.st-mech{font-size:.9375rem;letter-spacing:.05em}}
.st-mech{gap:.5em;letter-spacing:.08em}
@media (max-width:620px){.st-mech{letter-spacing:.06em}}
/* D19: architecture section */
.arch-kick{font-size:clamp(1.45rem,2.4vw,2rem)}
.lc-arch{grid-template-columns:auto 1fr auto 1fr auto}
.lc-arch .lc-chip{width:200px}
.lc-arch .lc-chip:first-child{justify-self:start}
.lc-arch .lc-us{justify-self:end}
.arch-h{max-width:calc(100% - 30px)}
@media (max-width:900px){.lc-arch{grid-template-columns:1fr 1fr}.lc-arch .lc-chip{width:auto}.lc-arch .lc-us{justify-self:center}.arch-h{max-width:none}}

/* ===== D20 ===== */
/* section labels: larger, no leading dash (option A; options B and C below) */
.eyebrow{font-size:1.0625rem;line-height:1.4;letter-spacing:0;color:var(--teal-ink)}
.eyebrow::before{display:none!important}
html.eb-b .eyebrow{font-size:.875rem;font-weight:700;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--muted)}
html.eb-c .eyebrow{font-size:1.375rem;font-weight:300;color:var(--ink)}
html.eb-c .eyebrow::after{content:"";display:block;width:40px;height:2px;margin-top:10px;background:var(--teal-ink)}
html.eb-0 .eyebrow{font-size:.8125rem}
html.eb-0 .eyebrow::before{display:inline-block!important}
/* page titles: same size as the home headline, with the text to the side of a divider */
.ph-grid{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr);column-gap:clamp(28px,3.2vw,48px);align-items:center}
.ph-t{display:grid;gap:14px;align-content:center}
.page-hero h1,.page-hero .ph-h{font-size:clamp(2.2rem,3.6vw,3.35rem);font-weight:300;line-height:1.12;letter-spacing:-.01em;margin:0}
.ph-bar{align-self:stretch;width:2px;background:var(--teal-ink);opacity:.8}
.ph-c{display:grid;gap:18px;align-content:center}
.ph-c>*{margin:0}
.ph-c .lede{font-size:1.125rem;line-height:1.65;max-width:52ch}
.ph-c .hero-ctas{margin:0}
.ph-after{margin-top:clamp(32px,4vw,48px)}
@media (max-width:1000px){.ph-grid{grid-template-columns:1fr;row-gap:20px}.ph-bar{width:64px;height:2px;align-self:start}}
.page-hero .news-title{font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.25}
.post-head h1,.blog-head h1,.blog-hero h1{font-size:clamp(2.2rem,3.6vw,3.35rem)}
/* ledger slate */
.slate{display:grid;gap:0}
.sl-redact{letter-spacing:-.1em;color:var(--line-strong)}
.sl-pill{display:inline-block;font-size:.875rem;padding:2px 10px;border:1px solid currentColor;white-space:nowrap}
.sl-open{color:var(--amber)}.sl-late{color:var(--teal-ink)}.sl-reveal{color:var(--ink)}.sl-revealed{color:var(--teal-ink)}
.sl-empty{color:var(--muted)}
.sl-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border:1px solid color-mix(in srgb,var(--amber) 55%,transparent);background:radial-gradient(80% 140% at 0% 0%,color-mix(in srgb,var(--amber) 9%,transparent),transparent 60%)}
.sl-hero-l,.sl-hero-r{padding:clamp(24px,3vw,40px)}
.sl-hero-r{border-left:1px solid var(--line);display:grid;align-content:start;gap:14px}
.sl-kick{margin:0;font-size:1rem;color:var(--amber)}
.sl-title{margin:6px 0 4px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:300;color:var(--ink)}
.sl-what{margin:0 0 22px;color:var(--muted)}
.sl-sub{margin:0 0 8px;color:var(--ink)}
.sl-clock{display:flex;gap:10px;flex-wrap:wrap}
.sl-clock span{display:grid;justify-items:center;min-width:78px;padding:12px 8px;border:1px solid var(--line-strong);background:var(--surface);font-size:.875rem;color:var(--muted)}
.sl-clock b{font-size:2.2rem;font-weight:300;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.sl-rule{margin:18px 0 0;color:var(--muted);max-width:52ch}
.sl-count{margin:0;font-size:1.25rem;color:var(--ink)}
.sl-count b{font-size:3rem;font-weight:300;color:var(--amber);margin-right:8px}
.sl-ladder{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:12px}
.sl-ladder li{position:relative;display:grid;gap:2px;color:var(--muted);font-size:.9375rem}
.sl-ladder li::before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line-strong)}
.sl-ladder li b{font-weight:400;color:var(--ink)}
.sl-ladder li.done::before{background:var(--muted);border-color:var(--muted)}
.sl-ladder li.now::before{background:var(--amber);border-color:var(--amber)}
.sl-ladder li.now b{color:var(--amber)}
.sl-hero-r .btn{justify-self:start;margin-top:4px}
.sl-proof{margin:16px 0 0;padding:14px 18px;border:1px solid var(--line-outer);color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sl-proof b{color:var(--teal-ink);font-weight:400}
.sl-ex{font-size:.875rem;color:var(--amber)}
@media (max-width:860px){.sl-hero{grid-template-columns:1fr}.sl-hero-r{border-left:0;border-top:1px solid var(--line)}.sl-clock span{min-width:64px}.sl-clock b{font-size:1.8rem}}
.sl-views{display:flex;gap:8px;margin:0 0 20px}
.sl-views button{min-height:44px;padding:0 18px;background:none;border:1px solid var(--line-strong);color:var(--ink);font:inherit;font-size:.9375rem;cursor:pointer}
.sl-views button[aria-pressed="true"]{border-color:var(--teal-ink);color:var(--teal-ink);background:color-mix(in srgb,var(--teal) 8%,transparent)}
.sl-views button:focus-visible,.sl-table-wrap:focus-visible{outline:2px solid var(--teal-ink);outline-offset:2px}
.sl-tl{display:grid;gap:10px}
.sl-tl-axis,.sl-lane{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}
.sl-tl-axis>div{position:relative;height:48px;border-bottom:1px solid var(--line-strong)}
.sl-tl-axis>div span{position:absolute;top:0;padding-left:8px;border-left:1px solid var(--line);height:100%;font-size:.9375rem;color:var(--ink);display:grid;align-content:start}
.sl-tl-axis i{font-style:normal;font-size:.875rem;color:var(--muted)}
.sl-lane-k{color:var(--muted)}
.sl-lane-track{position:relative;height:120px;border-bottom:1px solid var(--line)}
.sl-today{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed var(--ink);z-index:2}
.sl-today i{position:absolute;bottom:4px;left:6px;font-style:normal;font-size:.875rem;color:var(--ink);background:var(--bg);padding:0 4px}
.sl-bar{position:absolute;top:calc(14px + var(--row) * 52px);height:42px;min-width:28px;padding:0 0 0 8px;background:color-mix(in srgb,var(--teal) 22%,transparent);border-right:3px solid var(--ink);color:var(--ink);display:grid;align-content:center;overflow:hidden}
.sl-bar .sl-own{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--amber) 45%,transparent)}
.sl-bar b,.sl-bar em{position:relative;white-space:nowrap;font-size:.875rem;font-weight:400;font-style:normal;line-height:1.2}
.sl-bar em{color:var(--muted)}
.sl-tl-key{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:.9375rem;margin-top:14px}
.sl-tl-key span{display:inline-flex;align-items:center;gap:8px}
.sl-tl-key i{width:22px;height:12px;display:inline-block}
.k-own{background:color-mix(in srgb,var(--amber) 45%,transparent)}.k-mem{background:color-mix(in srgb,var(--teal) 22%,transparent)}.k-cat{border-right:3px solid var(--ink);width:6px!important}
@media (max-width:760px){.sl-tl{overflow-x:auto}.sl-tl-axis,.sl-lane{min-width:720px}}
.sl-table-wrap{overflow-x:auto}
.sl-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:860px}
.sl-table th,.sl-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.sl-table thead th{font-weight:400;color:var(--muted)}
.sl-qrow th{padding-top:24px;font-size:1.125rem;font-weight:400;color:var(--ink);border-bottom:1px solid var(--line-strong)}
/* legal pages */
.legal-doc{max-width:72ch;display:grid;gap:8px}
.legal-doc h2{font-size:1.5rem;font-weight:400;margin:32px 0 6px}
.legal-doc p,.legal-doc li{color:var(--ink);opacity:.92}
.legal-doc ul{padding-left:1.2em;display:grid;gap:6px;margin:0 0 8px}
.legal-doc .meta{color:var(--muted)}
.addr{font-style:normal}
.foot-legal-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px}
.foot-legal-links a,.foot-legal-links button{color:var(--muted);font:inherit;font-size:.875rem;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:24px}
.foot-legal-links a:hover,.foot-legal-links button:hover{color:var(--ink)}
/* cookie notice */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:720px;margin:0 auto;padding:20px 22px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 12px 40px rgba(0,0,0,.5);display:grid;gap:14px}
.cookie p{margin:0;font-size:.9375rem;color:var(--ink)}
.cookie a{color:var(--teal-ink)}
.cookie .row{display:flex;flex-wrap:wrap;gap:10px}
.cookie[hidden]{display:none}
.about-vm h1{font-size:clamp(1.9rem,3.6vw,3.35rem);font-weight:300;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;margin:14px 0 0;color:var(--ink)}
@media (max-width:620px){.about-vm h1{white-space:normal}}
.nextcall .nx-k{margin:0 0 18px}
.nx-more{margin:18px 0 0}
.nx-more a{color:var(--teal-ink)}
.join-h{margin:0 0 28px}
@media (max-width:420px){.st-h{font-size:1.85rem}.st-caps{white-space:normal!important}}
@media (max-width:1180px){.statement{grid-template-columns:minmax(0,1fr)}}
/* D21: section labels, option B (uppercase label) */
.eyebrow{font-size:.875rem;font-weight:700;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--muted)}
/* D21: calendar */
.sl-facts{margin:10px 0 20px;display:grid;gap:6px}
.sl-facts div{display:grid;grid-template-columns:130px 1fr;gap:12px}
.sl-facts dt{color:var(--muted)}.sl-facts dd{margin:0;color:var(--ink)}
.sl-with{margin:18px 0 0;color:var(--teal-ink)}
.sl-est{margin:0;font-size:1.75rem;font-weight:300;color:var(--ink)}
.sl-found{margin:0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);color:var(--ink);font-size:.9375rem}
.sl-found b{color:var(--amber);font-weight:400}
.sl-ctas{display:flex;flex-wrap:wrap;gap:10px}
.sl-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;align-items:center;margin-bottom:20px}
.sl-controls .sl-views{margin:0}
.sl-areas{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sl-chk{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line-strong);cursor:pointer;color:var(--ink);font-size:.9375rem}
.sl-chk input{width:18px;height:18px;accent-color:var(--teal-ink);margin:0}
.sl-chk:focus-within{outline:2px solid var(--teal-ink);outline-offset:2px}
.sl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.sl-a0{background:#3fd0c6}.sl-a1{background:#a996ff}.sl-a2{background:#e3b066}.sl-a3{background:#e8857a}
.sl-lane-k{display:flex;align-items:center}
/* sample report */
.report{max-width:900px;margin:0 auto;border:1px solid var(--line-strong);background:var(--surface);padding:clamp(24px,4vw,56px)}
.rp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;padding-bottom:24px;border-bottom:2px solid var(--teal-ink)}
.rp-k{margin:0;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.rp-head h2{margin:6px 0 0;font-size:2rem;font-weight:300}
.rp-meta{margin:0;display:grid;gap:6px}
.rp-meta div{display:grid;grid-template-columns:110px 1fr;gap:10px}
.rp-meta dt{color:var(--muted)}.rp-meta dd{margin:0;color:var(--ink)}
.rp-sec{padding:28px 0;border-bottom:1px solid var(--line)}
.rp-sec h3{display:flex;gap:14px;align-items:baseline;margin:0 0 12px;font-size:1.375rem;font-weight:400;color:var(--ink)}
.rp-sec h3 span{color:var(--teal-ink);font-weight:300;font-size:1.5rem}
.rp-sec p{margin:0 0 10px;color:var(--ink);opacity:.92}
.rp-call{font-size:1.25rem}
.rp-ph{font-size:.875rem;color:var(--amber)!important;opacity:1!important}
.rp-list{margin:0 0 10px;padding-left:1.2em;display:grid;gap:6px;color:var(--ink)}
.rp-table{overflow-x:auto;margin:0 0 10px}
.rp-table table{width:100%;border-collapse:collapse;font-size:.9375rem}
.rp-table th,.rp-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.rp-table th{font-weight:400;color:var(--muted)}
.rp-fig{margin:0 0 10px}
.rp-figbox{height:180px;border:1px dashed var(--line-strong);display:grid;place-items:center;color:var(--muted)}
.rp-fig figcaption{margin-top:8px;color:var(--muted)}
.rp-foot{padding-top:24px}
.rp-foot p{margin:0 0 8px;color:var(--muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}
@media (max-width:700px){.rp-head{grid-template-columns:1fr}.rp-meta div{grid-template-columns:96px 1fr}}
@media print{
 .site-head,.site-foot,.maison-bar,.page-hero,.skip,.cookie,.rp-ph{display:none!important}
 body,main,section{background:#fff!important;color:#111!important}
 main>section{padding:0!important}
 .report{border:0;background:#fff;color:#111;max-width:none;padding:0}
 .report *{color:#111!important;opacity:1!important}
 .rp-head{border-bottom-color:#066562}.rp-sec h3 span{color:#066562!important}
 .redact{color:#111!important}
 .rp-sec h3{break-after:avoid}
}
/* D21: header and the infinity menu (desktop: Ledger and Request stay visible; phones and tablets: lines become the loop) */
.site-head .wrap{display:flex;align-items:center;gap:20px}
.site-head .brand{margin-right:auto}
.nav-quick{display:flex;align-items:center;gap:22px}
.nav-quick a{color:var(--ink);text-decoration:none;font-size:.9375rem}
.nav-quick .nq-ledger{color:var(--amber);padding:10px 2px;border-bottom:2px solid transparent}
.nav-quick .nq-ledger:hover,.nav-quick .nq-ledger[aria-current="page"]{border-bottom-color:var(--amber)}
.nav-quick .btn{color:var(--bg)}
.inf-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;background:none;border:1px solid var(--line-strong);color:var(--ink);font:inherit;font-size:.9375rem;cursor:pointer}
.inf-btn:hover{border-color:var(--ink)}
.inf-btn:focus-visible,.inf-panel a:focus-visible{outline:2px solid var(--teal-ink);outline-offset:2px}
.inf-btn svg{width:34px;height:20px;overflow:visible}
.inf-btn path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ib-l1,.ib-l2{display:none}
.ib-inf{stroke-dasharray:90;stroke-dashoffset:0}
.inf-btn:hover .ib-inf{animation:ibDraw 1.1s ease}
.inf-btn[aria-expanded="true"] .ib-inf{stroke:var(--teal-ink)}
@keyframes ibDraw{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}
.site-head{position:sticky}
.inf-panel{position:absolute;left:0;right:0;top:100%;z-index:50;background:color-mix(in srgb,var(--bg) 97%,var(--teal) 3%);border-bottom:1px solid var(--line-strong);box-shadow:0 24px 48px rgba(0,0,0,.45);padding:28px 0 32px;max-height:calc(100vh - 100px);overflow:auto}
.inf-panel[hidden]{display:none}
.ip-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.1fr);gap:16px}
.ip-ledger{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;padding:14px 18px;border:1px solid color-mix(in srgb,var(--amber) 55%,transparent);text-decoration:none}
.ip-ledger b{font-size:1.5rem;font-weight:300;color:var(--amber)}.ip-ledger span{color:var(--muted)}
.ip-card{display:grid;gap:6px;align-content:start;padding:16px 18px;border:1px solid var(--line-outer);text-decoration:none}
.ip-card b{font-size:1.5rem;font-weight:300;color:var(--ink)}.ip-card span{font-size:.9375rem;color:var(--muted)}
.ip-card:hover,.ip-card[aria-current="page"]{border-color:var(--teal-ink)}
.ip-links{display:grid;gap:10px;align-content:start;padding:4px 0 0 6px}
.ip-links a{color:var(--ink)}.ip-links a[aria-current="page"]{color:var(--teal-ink)}
.ip-next{grid-column:1/5;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding:12px 18px;border:1px solid var(--line-outer);color:var(--muted);text-decoration:none}
.ip-next b{color:var(--ink);font-weight:400}
.ip-req{display:none!important}
@media (max-width:1024px){
 .nav-quick{display:none}
 .ib-inf{display:none}.ib-l1,.ib-l2{display:inline}
 .ib-l1,.ib-l2{transition:transform .3s ease,opacity .2s}
 .inf-btn .ib-inf2{display:none}
 .inf-btn[aria-expanded="true"] .ib-l1,.inf-btn[aria-expanded="true"] .ib-l2{display:none}
 .inf-btn[aria-expanded="true"] .ib-inf{display:inline;stroke-dasharray:90;animation:ibDraw .6s ease}
 .inf-panel{position:fixed;top:var(--head-h,76px);bottom:0;max-height:none;padding:24px 0 40px}
 .ip-grid{grid-template-columns:1fr}
 .ip-ledger,.ip-card{border:0;padding:6px 0;display:block}
 .ip-ledger b,.ip-card b{font-size:2rem;line-height:1.25}
 .ip-ledger span,.ip-card span{display:none}
 .ip-links{grid-auto-flow:row;grid-template-columns:1fr 1fr;padding:16px 0 0;border-top:1px solid var(--line);margin-top:10px}
 .ip-next{grid-column:auto}
 .ip-req{display:inline-flex!important;justify-self:start;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.inf-btn:hover .ib-inf,.inf-btn[aria-expanded="true"] .ib-inf{animation:none}}
.menu-open body{overflow:hidden}@media (min-width:1025px){.menu-open body{overflow:auto}}
.ip-grid{align-items:stretch}
.ip-links{grid-column:5;grid-row:2/4}
@media (max-width:1024px){
 .inf-panel{position:absolute;top:100%;bottom:auto;height:calc(100vh - var(--head-h,76px));height:calc(100dvh - var(--head-h,76px));background:var(--bg)}
 .ip-links{grid-column:auto;grid-row:auto}
}
.site-head .ip-grid{align-items:stretch;gap:16px}
@media print{html,body{background:#fff!important}.report table,.report thead,.report th,.report td,.report tr{background:#fff!important;border-color:#ccc!important}.rp-figbox{border-color:#999!important}.rp-pn{display:block!important;font-size:9pt;margin:0 0 12pt;color:#8a5a12!important}}
.rp-pn{display:none}
.report{min-width:0;overflow-wrap:anywhere}.report .redact{word-break:break-all}.rp-table{max-width:100%}.rp-table table{min-width:440px}.report .rp-sec,.report .rp-head{min-width:0}

/* ===== D22: the infinity button and a simple menu ===== */
.inf-btn{position:relative;width:56px;height:44px;min-height:44px;padding:0;justify-content:center;border:1px solid var(--line-strong);border-radius:22px}
.inf-btn .t{display:none}
.ib-svg{width:40px;height:20px;overflow:visible}
.ib-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ib-base{stroke:url(#ib-steel);stroke-width:2.6;transition:stroke .3s}
.ib-glow{stroke:var(--teal-ink);stroke-width:2.6;stroke-dasharray:0 100;opacity:0;transition:opacity .2s}
.inf-btn:hover .ib-svg{filter:drop-shadow(0 0 4px rgba(127,230,223,.35))}
.inf-btn .ib-svg{transition:transform .55s cubic-bezier(.4,.1,.2,1)}
.inf-btn[aria-expanded="true"]{border-color:var(--teal-ink)}
.inf-btn[aria-expanded="true"] .ib-svg{transform:rotate(180deg)}
.inf-btn[aria-expanded="true"] .ib-glow{opacity:1;animation:ibFlow 1.6s linear infinite}
@keyframes ibFlow{from{stroke-dasharray:22 78;stroke-dashoffset:0}to{stroke-dasharray:22 78;stroke-dashoffset:-100}}
@media (prefers-reduced-motion:reduce){.inf-btn .ib-svg{transition:none}.inf-btn[aria-expanded="true"] .ib-svg{transform:none}.inf-btn[aria-expanded="true"] .ib-glow{animation:none;stroke-dasharray:none}}
.site-head .wrap{position:relative}
.inf-panel{position:absolute;left:auto;right:var(--gutter,24px);top:calc(100% + 6px);bottom:auto;height:auto;max-height:none;width:min(240px,calc(100vw - 32px));padding:8px 0;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 18px 40px rgba(0,0,0,.5);overflow:visible}
.inf-panel ul{list-style:none;margin:0;padding:0}
.inf-panel a{display:block;padding:12px 20px;font-size:1.25rem;font-weight:300;color:var(--ink);text-decoration:none}
.inf-panel a:hover,.inf-panel a[aria-current="page"]{color:var(--teal-ink);background:color-mix(in srgb,var(--teal) 7%,transparent)}
.menu-open body{overflow:auto}
@media (max-width:1024px){.nav-quick{display:flex}.inf-panel{position:absolute;top:calc(100% + 6px);height:auto;background:var(--surface)}}
@media (max-width:640px){.nav-quick .btn{display:none}.nav-quick{gap:14px}}
/* blog masthead: one line each */
.blog-mast h1{font-size:clamp(1.6rem,3vw,2.4rem);white-space:nowrap}
.blog-mast h1+p{font-size:.9375rem;white-space:nowrap;color:var(--muted)}
@media (max-width:720px){.blog-mast h1,.blog-mast h1+p{white-space:normal}}
/* the chips-vs-molecules rows inside a blog post */
.post-body .me-b{display:grid;gap:12px;margin:8px 0 24px}
.post-body .me-lane{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 20px;border:1px solid var(--line-outer)}
.post-body .me-lane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px}
.post-body .me-lane li{position:relative;margin:0;padding:6px 10px;border:1px solid var(--line);font-size:.9375rem;line-height:1.3}
.post-body .me-lane li::marker{content:none}
.post-body .me-lane li+li::before{content:"→";position:absolute;left:-19px;top:50%;transform:translateY(-50%);color:var(--muted)}
.post-body .me-lane p{margin:0;font-size:1rem;color:var(--muted)}
.post-body .me-lane-k{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.post-body .me-lane-us .me-lane-k{color:var(--teal-ink)}
.inf-panel{right:0}
.sl-stake{color:var(--muted)}.sl-stake.hi{color:var(--amber)}

/* D23 odds */
.sl-note{font-size:.875rem;color:var(--muted);margin:.75rem 0 0;max-width:72ch}.sl-note b{color:var(--ink,#e8ecef);font-weight:700}.sl-src{display:block;font-size:.8125rem;color:var(--muted);margin-top:.2rem}

/* D24 layered menu */
.inf-panel.inf-layers{z-index:60;isolation:isolate;width:min(600px,calc(100vw - 32px));padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.inf-layers::before,.inf-layers::after{content:"";position:absolute;left:14px;right:14px;bottom:-7px;height:20px;background:var(--sunk);border:1px solid var(--line);border-top:0;z-index:-1}
.inf-layers::after{left:28px;right:28px;bottom:-14px;z-index:-2;background:var(--bg);border-color:var(--line)}
.il{position:relative;border:1px solid var(--line-strong);padding:18px 22px;animation:ilIn .38s cubic-bezier(.2,.7,.2,1) both}
.il+.il{border-top:0}
.il-1{background:var(--surface);box-shadow:0 20px 44px rgba(0,0,0,.55)}
.il-2{background:color-mix(in srgb,var(--surface) 55%,var(--bg));animation-delay:.06s}
.il-3{background:var(--bg);animation-delay:.12s;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding:14px 22px}
@keyframes ilIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.il-k{margin:0 0 10px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.inf-layers ul{list-style:none;margin:0;padding:0}
.il-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.inf-layers .il-q{display:grid;gap:2px;padding:14px 16px;background:var(--surface);text-decoration:none;color:var(--ink)}
.il-q b{font-weight:300;font-size:1.5rem;line-height:1.15}
.il-q span{font-size:.8125rem;color:var(--muted)}
.inf-layers .il-q:hover,.inf-layers .il-q:focus-visible{background:color-mix(in srgb,var(--teal) 9%,var(--surface))}
.il-q:hover b,.il-q:focus-visible b{color:var(--teal-ink)}
.il-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.inf-layers .il-cols a{display:block;padding:5px 0;font-size:.9375rem;font-weight:400;color:var(--ink);text-decoration:none;background:none}
.inf-layers .il-cols a:hover{color:var(--teal-ink);background:none}
.inf-layers .il-3 a{padding:0;font-size:.875rem;background:none}
.inf-layers .il-cta{color:var(--teal-ink);font-weight:700;font-size:.9375rem!important}
.il-legal{display:flex;gap:18px}.inf-layers .il-legal a{color:var(--muted)}
.inf-layers a:focus-visible{outline:2px solid var(--teal-ink);outline-offset:-2px}
@media (max-width:560px){.il-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.il{padding:16px}.il-q b{font-size:1.25rem}}
@media (prefers-reduced-motion:reduce){.il{animation:none}}

/* D24 decisions page */
.dhero .ph-grid{margin-bottom:56px}
.dmap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--line-strong);margin:28px 0 8px}
.dmap-rays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.dmap-rays line{stroke:var(--teal);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.22;stroke-dasharray:3 5;animation:rayFlow 2.4s linear infinite}
@keyframes rayFlow{to{stroke-dashoffset:-16}}
.dq{position:relative;display:grid;align-content:start;gap:10px;min-height:220px;padding:34px 40px;color:var(--ink);text-decoration:none;transition:background .25s}
.dq-build,.dq-sell{padding-right:110px}.dq-fund,.dq-buy{padding-left:110px;text-align:right;justify-items:end}
.dq-build,.dq-fund{border-bottom:1px solid var(--line-strong)}.dq-build,.dq-sell{border-right:1px solid var(--line-strong)}
.dq-tag{font-size:clamp(2.4rem,5vw,4rem);font-weight:300;line-height:1;letter-spacing:-.01em}
.dq-h{font-size:1.0625rem;color:var(--muted);max-width:30ch}
.dq-m{margin-top:6px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.dq:hover,.dq:focus-visible{background:color-mix(in srgb,var(--teal) 7%,transparent)}
.dq:hover .dq-tag,.dq:focus-visible .dq-tag{color:var(--teal-ink)}
.dq:focus-visible{outline:2px solid var(--teal-ink);outline-offset:-3px}
.dmap[data-hot] .dq:not(:hover):not(:focus-visible){opacity:.55}
.dmap-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;width:150px;padding:18px 0 14px;background:var(--bg);border:1px solid var(--line-strong);border-radius:999px;pointer-events:none;z-index:1}
.dmap-core svg{width:92px;height:46px;overflow:visible}
.dmap-core path{fill:none;stroke-width:1.6;stroke-linejoin:round}
.dc-base{stroke:var(--ink);opacity:.55}.dc-glow{stroke:var(--teal-ink);stroke-width:2.2;animation:ibFlow 3.2s linear infinite}
.dmap-core span{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dmap-ax{position:absolute;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:var(--bg);padding:0 10px}
.dmap-x1{top:-.7em;left:25%;transform:translateX(-50%)}.dmap-x2{top:-.7em;left:75%;transform:translateX(-50%)}
.dmap-y1,.dmap-y2{left:-.7em;transform:translateX(-50%) rotate(-90deg);transform-origin:center}
.dmap-y1{top:25%;left:0}.dmap-y2{top:75%;left:0}
.dsub{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dsub ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.dsub a{display:block;padding:14px 18px;color:var(--muted);text-decoration:none;font-size:1rem;border-bottom:2px solid transparent;margin-bottom:-1px}
.dsub a:hover{color:var(--ink)}.dsub a.on{color:var(--teal-ink);border-bottom-color:var(--teal-ink)}
.dsec{padding:96px 0 40px;scroll-margin-top:56px}
.dsec+.dsec{border-top:1px solid var(--line-outer,var(--line))}
.dsec-head{display:grid;gap:12px;max-width:760px;margin-bottom:36px}
.dsec-tag{display:flex;align-items:baseline;gap:16px;margin:0}
.dsec-tag span:first-child{font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.dsec-pos{font-size:.8125rem;color:var(--faint);letter-spacing:.04em}
.dsec h2{margin:0;font-size:var(--s3);font-weight:300;line-height:1.12}
.dsec-who{margin:0;color:var(--muted);font-size:.9375rem}
.dsec .lede{margin:4px 0 0}
.dcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.dcard{display:grid;align-content:start;gap:10px;padding:22px 22px 26px;background:var(--bg)}
.dcard-m{justify-self:start;font-size:.8125rem;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);padding:3px 9px}
.dcard h3{margin:0;font-size:1.1875rem;font-weight:400;line-height:1.3}
.dcard p{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.5}
.dcard-k{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.dseq-wrap{margin-top:40px}
.dseq{list-style:none;margin:14px 0 0;padding:0}
.dseq>li{display:grid;gap:8px;padding:20px 20px 0 0;align-content:start}
.dseq>li+li{padding-left:20px;border-left:1px solid var(--line)}
.dseq p{margin:0;color:var(--muted)}
.dsec-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:36px}
.dsec-close{margin:0;font-size:1.25rem;font-weight:300;max-width:46ch}
@media (max-width:760px){
 .dmap{grid-template-columns:1fr;border:0;gap:12px;margin-top:20px}
 .dmap-rays,.dmap-ax{display:none}
 .dq,.dq-fund,.dq-buy{padding:22px 20px;min-height:0;text-align:left;justify-items:start;border:1px solid var(--line-strong)!important}
 .dq-build,.dq-sell{padding-right:20px}.dq-tag{font-size:2.2rem}
 .dmap-core{position:static;transform:none;order:-1;width:auto;flex-direction:row;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px}
 .dmap-core svg{width:56px;height:28px}
 .dsub a{padding:12px 12px}
 .dseq{grid-template-columns:1fr}.dseq>li+li{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:16px}
 .dsec{padding-top:64px}
}
@media (prefers-reduced-motion:reduce){.dmap-rays line,.dc-glow{animation:none}.dc-glow{stroke-dasharray:none;opacity:.8}}
/* D24 fixes */
.site-head .inf-panel.inf-layers{right:var(--gutter)}
@media (max-width:560px){.site-head .inf-panel.inf-layers{right:16px;left:16px;width:auto;max-height:calc(100dvh - var(--head-h,110px) - 24px);overflow-y:auto}.inf-layers::before,.inf-layers::after{display:none}}
.il-quad li{display:grid}
.dcards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.dmap[data-hot] .dq:not(:hover):not(:focus-visible){opacity:1}
@media (hover:hover){.dmap[data-hot] .dq:not(:hover):not(:focus-visible){opacity:.55}}
.dcards{background:none;border:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.dcard{border:1px solid var(--line-strong)}
/* D25 order: Buy · Sell · Fund · Build */
.quads-live .q-buy{grid-column:1;grid-row:1/span 4;border-top:0;text-align:left;justify-items:start}
.quads-live .q-fund{grid-column:1;grid-row:5/span 4;border-top:1px solid var(--line);text-align:left;justify-items:start}
.quads-live .q-sell{grid-column:3;grid-row:1/span 4;border-top:0;text-align:right;justify-items:end}
.quads-live .q-build{grid-column:3;grid-row:5/span 4;border-top:1px solid var(--line);text-align:right;justify-items:end}
.quads-live .q-buy h3,.quads-live .q-fund h3{margin-left:0}
.quads-live .q-sell h3,.quads-live .q-build h3{margin-left:auto}
.dq-build,.dq-sell{padding-right:40px;padding-left:110px;text-align:right;justify-items:end;border-right:0}
.dq-buy,.dq-fund{padding-left:40px;padding-right:110px;text-align:left;justify-items:start;border-right:1px solid var(--line-strong)}
.dq-buy,.dq-sell{border-bottom:1px solid var(--line-strong)}.dq-fund,.dq-build{border-bottom:0}
/* footer tagline */
.foot-tag{gap:2px;margin:6px 0 2px}
.foot-tag span:first-child{font-size:1.125rem;font-weight:400;color:var(--ink)}
.foot-tag span+span{color:var(--muted)}
@media (max-width:900px){.quads-live .quad,.quads-live .q-build,.quads-live .q-buy,.quads-live .q-sell,.quads-live .q-fund{grid-column:1;grid-row:auto;text-align:left;justify-items:start;border-top:1px solid var(--line)}.quads-live .q-sell h3,.quads-live .q-build h3{margin-left:0}}
@media (max-width:760px){.dq-build,.dq-sell,.dq-buy,.dq-fund{padding:22px 20px;text-align:left;justify-items:start}}
/* D26 footer: one-size tagline, icons on the links' baseline, circular icons */
.foot-grid>div:first-child{display:flex!important;flex-direction:column;gap:12px!important;align-self:stretch}
.foot-tag{margin:2px 0 0}
.foot-tag span,.foot-tag span:first-child,.foot-tag span+span{font-size:1rem;font-weight:400;line-height:1.45;color:var(--ink)}
.foot-tag span+span{color:var(--muted)}
.site-foot .social{margin-top:auto;gap:10px}
.site-foot .social a{width:40px;height:40px;border-radius:50%!important;border:1px solid var(--line-strong)!important;color:var(--ink);transition:border-color .2s,color .2s,background .2s}
.site-foot .social a:hover{border-color:var(--teal-ink)!important;color:var(--teal-ink);background:color-mix(in srgb,var(--teal) 8%,transparent)}
.site-foot .social svg{width:16px;height:16px}
@media (max-width:860px){.site-foot .social{margin-top:8px}}
.foot-grid>div:first-child{gap:6px!important}.foot-tag{margin:0}
.site-foot .social{margin-bottom:5px}
/* D27 footer logo smaller, even spacing */
.site-foot .brand img{height:36px;width:auto}
.foot-grid>div:first-child{gap:14px!important}
/* evidence key results as boxes */
.kr{margin-top:8px}
.kr-h{margin:0 0 14px;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.kr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.kr-box{display:grid;align-content:start;gap:10px;padding:22px 20px 24px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 70%,transparent)}
.kr-n{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:300;line-height:1.05;color:var(--ink)}
.kr-t{font-size:.9375rem;line-height:1.5;color:var(--muted)}
.kr-s{font-size:.8125rem;color:var(--teal-ink)}
.boiler{display:grid;gap:14px}.boiler p{margin:0}
/* menu: loop-unravel morph (driven by site.js) */
.inf-btn .ib-svg,.inf-btn[aria-expanded="true"] .ib-svg{transform:none}
.inf-btn[aria-expanded="true"] .ib-glow{opacity:0;animation:none}
.inf-btn[aria-expanded="false"]:hover .ib-glow{opacity:1;animation:ibFlow 1.4s linear infinite}
.inf-btn[aria-expanded="true"] .ib-base{stroke:var(--teal-ink)}
.site-foot .brand img{height:40px}
.kr-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.kr-box{grid-column:span 2}.kr-box:nth-child(n+4){grid-column:span 3}
@media (max-width:860px){.kr-grid{grid-template-columns:1fr}.kr-box,.kr-box:nth-child(n+4){grid-column:auto}}
/* press boilerplate lead + social icons */
.boiler-lead{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:300;line-height:1.3;color:var(--ink)}
.social-inline{display:flex;gap:10px;margin-top:4px}
.social-inline a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%!important;border:1px solid var(--line-strong)!important;color:var(--ink)}
.social-inline a:hover{border-color:var(--teal-ink)!important;color:var(--teal-ink)}
.social-inline svg{width:16px;height:16px}
/* footer: bigger logo, readable spacing, uppercase column heads */
.site-foot .brand img{height:46px}
.foot-grid>div:first-child{gap:18px!important}
.site-foot .social{margin:4px 0 0}
.foot-grid h3{font-size:.8125rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--muted)!important}
/* D29 home statement: prior layout, larger on both sides of the divider, more air */
.map-first{padding-top:clamp(88px,10vw,150px)}
.map-first .statement{margin-bottom:clamp(88px,10vw,150px)}
.map-first .st-h{font-size:clamp(2.3rem,3.9vw,3.7rem)}
.map-first .st-copy .lede{font-size:1.25rem;max-width:42ch}
.map-first .st-prin{font-size:1.125rem}
@media (max-width:620px){.map-first .st-h{font-size:clamp(1.85rem,8.4vw,2.4rem)}.map-first .st-copy .lede{font-size:1.125rem}.map-first .st-prin{font-size:1rem;white-space:normal}.map-first .st-copy{width:auto;min-width:0}.map-first .statement>*{min-width:0}}
.map-first .st-copy .lede{text-wrap:pretty}
/* boilerplate: two-line lead, smaller body, facts card centred */
.boiler-lead span{display:block}
.boiler .lede{font-size:1.0625rem;line-height:1.6}
.map-first .st-copy{grid-template-columns:minmax(0,1fr)}
/* D30 press lead takes the h2 size; investor relations with its own section header */
h2.boiler-lead{font-size:clamp(1.9rem,3.6vw,3.1rem);font-weight:300;line-height:1.12;letter-spacing:-.016em;margin:0}
.ir{padding-top:clamp(72px,9vw,128px)}
.ir-head{border-top:1px solid var(--line-strong);padding-top:22px;margin-bottom:clamp(28px,4vw,48px)}
.ir-head .eyebrow{margin:0}
.ir-body{display:grid;gap:16px;max-width:760px}
.ir-body h2{margin:0}
.ir-body .hero-ctas{margin-top:8px}
.ir-note{margin:12px 0 0;max-width:68ch;font-size:.9375rem;line-height:1.6;color:var(--muted)}
@media (min-width:1000px){.press-about{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important}.press-about h2.boiler-lead span{white-space:nowrap}}
/* D31 investor relations: tighter, smaller disclaimer */
.ir{padding-top:clamp(40px,5vw,72px)}
.ir-head{margin-bottom:clamp(20px,3vw,32px)}
.ir-note{font-size:.8125rem;line-height:1.55}
section:has(> .wrap > .logowall){padding-bottom:clamp(32px,4vw,56px)}.ir{padding-top:clamp(32px,4vw,56px)}

/* ===== D32 site-wide rhythm: one section spacing, alternating bands ===== */
:root{--sec:clamp(72px,8vw,112px)}
main>section[data-band]{padding-block:var(--sec)}
main>section[data-band][style*="padding-top:0"]{padding-top:0}
main>section[data-band="a"]{background:var(--bg)}
main>section[data-band="b"]{background:var(--surface)}
main>section[data-band]:not(:first-child):not([style*="padding-top:0"]){border-top:1px solid var(--line)}
main>section[data-band].band{border-bottom:0}
main>section[data-band].map-first{padding-top:clamp(88px,10vw,150px)}
main>section[data-band].cta-band{padding-block:clamp(56px,6vw,80px)}
.section-head{margin-bottom:clamp(28px,3.4vw,44px)}
/* the card and table surfaces must still read on a band-b background */
main>section[data-band="b"] .card,main>section[data-band="b"] .kr-box,main>section[data-band="b"] .dcard{background:var(--bg)}

/* home: centred lede in the right column */
.map-first .st-copy .st-lede{text-align:left;margin-inline:0}

/* how it works: one-line lead, centred over the two boxes */
.lead-one{text-align:center;margin-inline:auto}
.lead-one h2{font-size:clamp(1.5rem,2.35vw,2.15rem);line-height:1.2;margin-inline:auto}
@media (min-width:1000px){.lead-one h2{white-space:nowrap}}
.lead-pair{max-width:980px;margin-inline:auto}
.lead-src{text-align:center;margin-top:16px}
/* landscape: infinitusbio row in the same type as every other row, marked only by a tint */
table tr.us-row td{background:color-mix(in srgb,var(--teal) 7%,transparent);font:inherit;color:inherit;font-weight:inherit}

/* evidence: quotes first, then key results */
#voices .quotes{margin-top:0}
#results .kr{margin-top:0}

/* about: much larger vision and mission, smaller story text */
.about-vm h1{font-size:clamp(2.4rem,4.7vw,4.25rem)!important;line-height:1.06}
.about-vm .mission{font-size:clamp(1.4rem,2.75vw,2.4rem)!important;line-height:1.25}
.about-vm .eyebrow{font-size:.9375rem}
.story .lede{font-size:1.0625rem!important;line-height:1.65}
/* investors: button and a small disclaimer only */
.ir2-box{display:grid;justify-items:start;gap:14px;max-width:640px}
.ir2-note{margin:0;font-size:.75rem;line-height:1.55;color:var(--muted)}
.section-head.lead-one{max-width:none;width:100%;justify-items:center;text-align:center}

/* ===== D33 one type scale (1rem = 17px) =====
   h1 page titles 3.05rem · h2 section titles 3.05rem · card titles 1.1875rem · ledes 1.125rem
   body 1.0625rem · labels and buttons .875rem */
main .dsec h2{font-size:clamp(1.9rem,3.6vw,3.1rem)}
main .card h3,main .tenets h3,main .dcard h3{font-size:1.1875rem;line-height:1.3}
main .quads .quad h3,.read-offer li h3{font-size:1.3125rem;line-height:1.3}
main .lede{font-size:1.125rem}
.map-first .st-copy .st-lede{font-size:1.25rem}
.story .lede{font-size:1.0625rem!important}
.about-vm .eyebrow{font-size:.875rem}
.dsec-tag span,.dsec-tag .dsec-pos{font-size:.875rem}
.sl-proof,.sl-proof b,.sl-proof .sl-pill,.sl-proof .sl-ex{font-size:.9375rem}
dl dt,dl dd{font-size:.9375rem}
main dl dt,main dl dd{font-size:.9375rem!important}
main h3:not([style]):not(.sl-title):not(.news-title){font-size:1.1875rem;line-height:1.3}
main .quads .quad h3,main .read-offer li h3{font-size:1.3125rem}

/* ===== D34 ===== */
/* decisions: these headlines stay on one line on wider screens */
.dsec-head{max-width:none}
@media (min-width:900px){#sell-h,#fund-h{white-space:nowrap}}
/* landscape: infinitusbio card in the middle column, amber highlight */
.mx-cards .mx-card.is-hl{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 9%,var(--bg));box-shadow:inset 0 3px 0 var(--amber)}
.mx-cards .mx-card.is-hl .mx-title,.mx-cards .mx-card.is-hl .mx-n{color:var(--amber)}
@media (min-width:861px){.mx-cards[style*="--cols:3"] .mx-card.is-hl:nth-child(3n+1):last-child{grid-column:2}}
table tr.us-row td{background:color-mix(in srgb,var(--amber) 10%,transparent)}
/* our story: two chapters with year markers */
.oc{display:grid;gap:0}
.oc-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:36px 0;border-top:1px solid var(--line)}
.oc-yr{margin:0;font-size:clamp(2rem,3.4vw,3rem);font-weight:300;line-height:1.05}
.oc-k{margin:8px 0 0;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.oc-body{display:grid;gap:14px;max-width:760px}.oc-body p{margin:0;font-size:1.0625rem;line-height:1.65}
.oc-body figure{display:flex;gap:14px;align-items:center;margin:0 0 6px}
.oc-body img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.oc-body figcaption{display:grid;font-size:.875rem;color:var(--muted)}.oc-body figcaption b{color:var(--ink);font-weight:700}
@media (max-width:900px){.oc-row{grid-template-columns:1fr;gap:16px}}
@media (min-width:561px) and (max-width:860px){.mx-cards .mx-card.is-hl:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}}
/* evidence quotes: each leader's organisation logo under the quote, aligned along the bottom */
#voices .quotes blockquote{display:flex;flex-direction:column}
#voices .quotes blockquote>p{flex:1}
.q-logo{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);height:74px;display:flex;align-items:center}
.q-logo img{height:56px;width:auto;opacity:.9}
.q-logo-pending{justify-content:center;border:1px dashed var(--line-strong);border-top-style:dashed;padding:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.q-logo img.ql-debio{height:44px}.q-logo img.ql-onco{height:38px}.q-logo img.ql-jcvi{height:52px}
.q-logo img.ql-onco{height:48px}
/* line the three wordmarks up on one horizontal line: the shift moves each word ("Debiopharm", "ONCOVITA",
   "JCVI") to the middle of the strip, measured from the artwork, so the Oncovita star rises above
   and the JCVI name line hangs below, as each logo is drawn */
.q-logo{height:104px;padding-top:12px}
.q-logo img.ql-debio{translate:0 1px}
.q-logo img.ql-onco{translate:0 -14px}
.q-logo img.ql-jcvi{translate:0 13px}
/* logos left-aligned with the quote text, no rule above */
.q-logo{justify-content:flex-start;border-top:0;padding-top:0;margin-top:20px;height:80px}
/* top edges of the three logos on one line, the same distance under each title */
.q-logo{align-items:flex-start;height:auto;margin-top:24px}
.q-logo img.ql-debio,.q-logo img.ql-onco,.q-logo img.ql-jcvi{translate:none}
.q-logo{height:52px;flex:none}

/* ===== D35 evidence quotes: one featured quote, two supporting ===== */
.qv{display:grid;gap:44px}
.qv blockquote{margin:0}
.qv blockquote p{margin:0;font-style:italic;font-weight:300;line-height:1.6;color:var(--ink)}
.qv footer{display:grid;gap:2px;font-size:.9375rem;color:var(--muted)}.qv footer b{color:var(--ink);font-weight:700}
.qv-logo{flex:none;display:flex;align-items:center}.qv-logo img{width:auto;opacity:.92}
.qv .lg-debio img{height:40px}.qv .lg-onco img{height:44px}.qv .lg-jcvi img{height:48px}
.qv-feat{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:44px;border-bottom:1px solid var(--line)}
.qv-side{display:grid;gap:18px}
.qv-feat p{font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.5}
.qv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.qv-q{display:flex;flex-direction:column;gap:22px}.qv-q p{flex:1;font-size:1.0625rem}
.qv-foot{display:flex;gap:18px;align-items:center}
@media (max-width:900px){.qv-feat{grid-template-columns:1fr;gap:20px}.qv-two{grid-template-columns:1fr;gap:36px}}
.qv blockquote.qv-q{border:0;padding:0}
.qv blockquote.qv-feat{border-top:0;padding-top:0}
/* home: the lede runs the full width of its column, flush left like the lines under it */
.map-first .st-copy .st-lede{max-width:none;text-wrap:pretty}
.qv-foot{gap:24px}
.qv-side{gap:28px}

/* ===== D36 ===== */
/* "Molecule Economy" in the brand's neutral gray wherever the tagline is a title (8:1 on the page background) */
:root{--me-gray:#a6acae}
.me-g{color:var(--me-gray)}
.map-first .st-sub{color:var(--ink)}
.foot-tag span+span{color:var(--ink)}
.foot-tag .me-g,.map-first .me-g{color:var(--me-gray)}
/* header: text links, then the hamburger with its label */
.nav-quick .nq-link{color:var(--ink);padding:10px 2px;border-bottom:2px solid transparent;font-size:.9375rem}
.nav-quick .nq-link:hover,.nav-quick .nq-link[aria-current="page"]{border-bottom-color:var(--ink)}
.inf-btn.menu-btn{width:auto;height:44px;min-height:44px;padding:0 16px 0 14px;gap:10px;border-radius:22px;justify-content:center}
.mb-ic{position:relative;display:inline-block;width:18px;height:12px}
.mb-ic i{position:absolute;left:0;width:18px;height:2px;border-radius:1px;background:currentColor;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.mb-ic i:nth-child(1){top:0}.mb-ic i:nth-child(2){top:5px}.mb-ic i:nth-child(3){top:10px}
.menu-btn[aria-expanded="true"] .mb-ic i:nth-child(1){top:5px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] .mb-ic i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .mb-ic i:nth-child(3){top:5px;transform:rotate(-45deg)}
.menu-btn .t{font-size:.9375rem}
.menu-btn:hover{border-color:var(--ink)}
@media (prefers-reduced-motion:reduce){.mb-ic i{transition:none}}
@media (max-width:900px){.nav-quick .nq-link{display:none}}
/* home: the four decisions as the same quadrant map used on the decisions page, with the cell animation at its centre */
.quads.quads-live{border:1px solid var(--line-strong);margin-top:14px}
.quads-live .qx,.quads-live .qy{position:absolute;z-index:3;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:var(--bg);padding:0 10px;pointer-events:none}
.quads-live .qx{top:-.7em}.quads-live .qx-1{left:18%;transform:translateX(-50%)}.quads-live .qx-2{left:82%;transform:translateX(-50%)}
.quads-live .qy{left:0;transform:translate(-50%,-50%) rotate(-90deg)}.quads-live .qy-1{top:25%}.quads-live .qy-2{top:75%}
.quads-live .quad{align-content:start;gap:12px}
.quads-live .quad .side-tag{font-size:clamp(2.6rem,4.6vw,4rem);font-weight:300;line-height:1}
.quads-live .quad h3{font-size:1.1875rem;font-weight:300;color:var(--muted);max-width:26ch;margin:6px 0 0}
.quads-live .side-m{margin-top:10px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.quads-live .quad:hover .side-tag,.quads-live .quad:focus-visible .side-tag{color:var(--teal-ink)}
.quads-live .q-buy,.quads-live .q-fund{text-align:left;justify-items:start}
.quads-live .q-sell,.quads-live .q-build{text-align:right;justify-items:end}
.quads-live .q-sell h3,.quads-live .q-build h3{margin-left:auto}
.quads-live .q-buy h3,.quads-live .q-fund h3{margin-left:0}
.quad-live .core-mark{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);margin:0;display:grid;justify-items:center;gap:6px;padding:10px 22px 9px;background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--line-strong);border-radius:999px;pointer-events:none}
.quad-live .core-mark svg{width:54px;height:27px;overflow:visible}
.quad-live .core-mark path{fill:none;stroke-width:1.6;stroke-linejoin:round}
.quad-live .core-mark span{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.quads-live .qx,.quads-live .qy{display:none}.quads-live .q-sell,.quads-live .q-build{text-align:left;justify-items:start}.quads-live .q-sell h3,.quads-live .q-build h3{margin-left:0}}
/* read section: each question in its number's colour */
.r1-list li .r1-n+div h3{color:var(--teal-ink)}
.r1-list li.r1-alt .r1-n+div h3{color:var(--amber)}
/* how it works: the three steps above the lede */
.how-steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 16px;font-size:.8125rem;letter-spacing:.06em;color:var(--muted)}
.how-steps span{animation:howStep 9s infinite}
.how-steps span:nth-child(2){animation-delay:3s}.how-steps span:nth-child(3){animation-delay:6s}
@keyframes howStep{0%,33%{color:var(--teal-ink)}34%,100%{color:var(--muted)}}
@media (prefers-reduced-motion:reduce){.how-steps span{animation:none;color:var(--teal-ink)}}
/* home: the How it works title block, repeated as a section */
.home-how .ph-h1{margin:0;font-size:clamp(2.2rem,3.6vw,3.35rem);font-weight:300;line-height:1.08}
@media (min-width:901px){.quads.quads-live{min-height:612px}.quads-live .q-fund,.quads-live .q-build{border-top:1px solid var(--line-strong)!important}.quads-live .q-buy,.quads-live .q-sell{border-top:0!important}}
.menu-btn .t{display:inline!important}
.ph-c .how-steps{margin-bottom:6px}.ph-c .how-steps~.toc{margin-top:6px}

/* D37: ONE READ badge sits at the centre of the cell animation */
.quad-live .core-mark{top:50%;bottom:auto;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
/* D38: ONE READ badge, lit ring (teal outline and soft glow that pulses) */
.quad-live .core-mark{border-color:color-mix(in srgb,var(--teal) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 25%,transparent),0 0 28px 4px color-mix(in srgb,var(--teal) 28%,transparent);animation:cmPulse 3.2s ease-in-out infinite}
.quad-live .core-mark span{color:var(--ink)}
@keyframes cmPulse{50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 35%,transparent),0 0 40px 8px color-mix(in srgb,var(--teal) 40%,transparent)}}
@media (prefers-reduced-motion:reduce){.quad-live .core-mark{animation:none}}

/* D39: Ledger "opening soon" (ledger_open false in tools/data/ledger-settings.json) */
.sl-opening .sl-op-p{margin:14px 0 0;color:var(--muted);max-width:56ch}
.sl-opening .sl-title{margin-bottom:0}
body[data-ledger="opening"] #calendar,body[data-ledger="opening"] .nx-more,body[data-ledger="opening"] a[href="ledger.html#calendar"]{display:none}
.lg-closed{display:none}body[data-ledger="opening"] .lg-closed{display:inline}body[data-ledger="opening"] p.lg-closed{display:block}body[data-ledger="opening"] .lg-open{display:none}

/* the Read No. 010 countdown bar is retired: hide it even if an old cached page still has it */
.maison-bar{display:none!important}
/* D40: form fields line up across a row; envelope rows read left to right */
.field{align-content:start}
.envelope .row{display:grid;grid-template-columns:minmax(8.5rem,32%) 1fr;justify-content:start;gap:16px;text-align:left;align-items:baseline}
@media (max-width:560px){.envelope .row{grid-template-columns:1fr;gap:2px}}
/* D41: "The Intelligence Company" on line one, "for the Molecule Economy." kept whole on line two */
.map-first .st-caps,.map-first .st-sub{display:block}
.map-first .st-sub{white-space:nowrap}
@media (max-width:380px){.map-first .st-h{font-size:calc((100vw - 32px) / 12.6)}}
/* D42: Papers */
.papers-head{padding-block:clamp(56px,8vw,104px) clamp(28px,4vw,44px)}
.papers-head h1{font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:300;line-height:1.1;margin:14px 0 18px;letter-spacing:-.01em}
.papers-head .lede{max-width:44rem;margin:0}
.papers-list{padding-bottom:clamp(64px,9vw,120px)}
.paper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.paper-card{display:grid;align-content:start;gap:14px;padding:clamp(24px,3vw,36px);border:1px solid var(--line-outer)}
.paper-k{margin:0;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.paper-card h2{margin:0;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:300;line-height:1.15}
.paper-card h2 a{color:inherit;text-decoration:none}.paper-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.paper-cs{margin:0;font-size:1.125rem;line-height:1.5;color:#c9d1d0}
.paper-au{margin:6px 0 0;display:grid;gap:2px}.paper-au b{font-weight:700;font-size:.9375rem}.paper-au span{font-size:.875rem;color:var(--muted)}
.paper-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.papers-foot{margin-top:28px;color:var(--muted)}
.paper-by{justify-content:space-between;gap:16px 28px}.paper-by .paper-acts{margin:0}
.paper .post-body h2{scroll-margin-top:96px}
.paper-sources{margin-top:48px;padding-top:8px;border-top:1px solid var(--line)}
.paper-sources h2{font-size:1.25rem}.paper-sources li{font-size:.9375rem;color:var(--muted)}
.paper-note{font-size:.9375rem}.paper-note em{color:var(--muted)}
.paper-cite{margin:56px 0 0;padding:28px;border:1px solid var(--line-outer);display:grid;gap:12px}
.paper-cite .eyebrow{margin:0}.paper-ref{margin:0;font-size:1rem;line-height:1.6;word-break:break-word}
.paper-cite .small{margin:0;color:var(--muted)}
.paper-hist{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.875rem;color:var(--muted)}
.paper-by .paper-acts{flex-wrap:nowrap}@media (max-width:560px){.paper-by .paper-acts{flex-wrap:wrap}}
.post-by>.paper-acts{display:flex;gap:12px}
/* D43: "Molecule Economy" in teal on the home headline, the Papers and the Blog */
.map-first .st-h .me-g,.papers-head .me-g,.paper-card .me-g,.paper .post-head .me-g,.post-more .me-g,.blog-mast .me-g,.post-pub .me-g,.post-subscribe .me-g{color:var(--teal-ink)}
/* D44: Papers heading matches the other page headings; the line under it stays on one line on wide screens */
.papers-head h1{font-size:clamp(2.2rem,3.6vw,3.35rem);line-height:1.12}
.papers-head .lede{max-width:none;font-size:clamp(1rem,1.25vw,1.125rem)}
@media (min-width:1000px){.papers-head .lede{white-space:nowrap}}
/* D45: links to the Papers */
.st-paper{margin:0}.st-paper a,.blog-start a,.oc-paper a{color:var(--teal-ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--teal-ink) 45%,transparent)}
.st-paper a:hover,.blog-start a:hover,.oc-paper a:hover{border-bottom-color:currentColor}
.st-paper a{font-size:.9375rem}
.toc .toc-out{color:var(--teal-ink)}
.blog-start{margin:-6px 0 22px}
.oc-paper{margin-top:4px}