/* ============================================================
   Answari - editorial design system
   Bone & ink, cobalt working accent, one chartreuse signal. Typography-led.
   ============================================================ */
:root{
  --bone:#f4f4ee;
  --bone-deep:#eaeadf;
  --bone-lift:#fbfbf7;
  --ink:#0a0a18;
  --ink-soft:#565672;
  --ink-faint:#676781;
  --cobalt:#2622f0;
  --cobalt-deep:#1b18ad;
  --lime:#d6f54a;
  --line:rgba(10,10,24,.16);
  --line-strong:rgba(10,10,24,.34);
  --measure:66ch;
  --gutter:clamp(22px,5vw,56px);
  --ease:cubic-bezier(.22,.61,.25,1);
  --dur-1:.18s;
  --dur-2:.28s;
  --mark:rgba(10,10,24,.4);
  --edge:rgba(10,10,24,.28);
}
/* metric-matched fallbacks: Georgia scaled to Fraunces/Newsreader advance widths so the web-font swap does not reflow headings/body */
@font-face{font-family:'Fraunces-fallback';src:local('Georgia'),local('Times New Roman');size-adjust:85.6%}
@font-face{font-family:'Newsreader-fallback';src:local('Georgia'),local('Times New Roman');size-adjust:99.75%}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bone);scroll-padding-top:88px}
body{
  font-family:'Newsreader','Newsreader-fallback',Georgia,serif;
  font-size:18px;line-height:1.65;
  color:var(--ink);background:var(--bone);
  -webkit-font-smoothing:antialiased;
  font-optical-sizing:auto;
  hanging-punctuation:first allow-end;
}
::selection{background:var(--cobalt);color:var(--bone)}
img{max-width:100%;display:block}
a{color:inherit}
p{text-wrap:pretty}

h1,h2,h3,h4{
  font-family:'Fraunces','Fraunces-fallback',Georgia,serif;
  font-weight:560;line-height:1.08;
  letter-spacing:-.015em;font-optical-sizing:auto;
  text-wrap:balance;
}
.mono{font-family:'Spline Sans Mono',ui-monospace,monospace}

.wrap{max-width:1100px;margin:0 auto;padding:0 var(--gutter)}
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 var(--gutter)}

/* ---------- skip link & focus ---------- */
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bone);padding:10px 18px;z-index:200}
.skip:focus{left:12px;top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--cobalt);outline-offset:3px;border-radius:2px}

/* ---------- header ---------- */
header.site{
  position:sticky;top:0;z-index:100;
  background:rgba(244,244,238,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s;
}
header.site.scrolled{box-shadow:0 1px 0 var(--line-strong)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:24px;font-weight:600;letter-spacing:-.02em;text-decoration:none}
.brand .dot{color:var(--cobalt)}
.navlinks{display:flex;gap:30px;align-items:center;list-style:none}
.navlinks a{font-family:'Spline Sans Mono',monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink-soft);position:relative;padding:4px 0}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--cobalt);transition:width .25s}
.navlinks a:hover::after,.navlinks a[aria-current]::after{width:100%}
.navlinks a[aria-current]{color:var(--ink)}
.nav-cta{border:1px solid var(--ink);padding:9px 16px !important;color:var(--ink) !important;transition:background .2s,color .2s}
.nav-cta:hover{background:var(--ink);color:var(--bone) !important}
.nav-cta::after{display:none}
.menu-btn{display:none;background:none;border:1px solid var(--line-strong);font-family:'Spline Sans Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;cursor:pointer;color:var(--ink)}

/* ---------- shared atoms ---------- */
.eyebrow{
  font-family:'Spline Sans Mono',monospace;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);
  display:flex;align-items:baseline;gap:12px;margin-bottom:26px;
}
.eyebrow::before{content:"";width:6px;height:6px;border:1px solid var(--cobalt);border-radius:50%;align-self:center;flex-shrink:0;order:-2}
.eyebrow::after{content:"";width:24px;height:1px;background:var(--cobalt);opacity:.55;align-self:center;flex-shrink:0;order:-1;margin-left:-11px}
.capsule{
  font-size:clamp(19px,2.3vw,23px);line-height:1.55;
  max-width:var(--measure);color:var(--ink);
}
.capsule strong{font-weight:600}
.marginalia{
  font-family:'Spline Sans Mono',monospace;font-size:12px;
  color:var(--ink-faint);letter-spacing:.03em;line-height:1.7;
}
.btn{
  display:inline-block;font-family:'Spline Sans Mono',monospace;
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  padding:15px 26px;border:1px solid var(--ink);color:var(--ink);
  text-decoration:none;background:transparent;cursor:pointer;
  transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);
}
.btn:hover{background:var(--ink);color:var(--bone);transform:translateY(-1px);box-shadow:0 4px 12px -6px rgba(10,10,24,.35)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn-solid{background:var(--cobalt);border-color:var(--cobalt);color:var(--bone)}
.btn-solid:hover{background:var(--cobalt-deep);border-color:var(--cobalt-deep);color:var(--bone)}
.rule{border:none;border-top:1px solid var(--line);margin:0}

section{padding:clamp(64px,9vw,110px) 0}
.sec-head{max-width:var(--measure);margin-bottom:clamp(36px,5vw,60px)}
.sec-head h2{font-size:clamp(30px,4.4vw,46px);margin-bottom:18px}
.sec-head p{font-size:19px;color:var(--ink-soft)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(14px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{padding:clamp(70px,10vw,130px) 0 clamp(56px,7vw,90px)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,80px);align-items:start}
.hero h1{font-size:clamp(46px,6.6vw,78px);font-weight:600;margin-bottom:26px;max-width:12ch}
.hero h1 em{font-style:italic;font-weight:480;color:var(--cobalt)}
.hero .capsule{margin-bottom:36px;color:var(--ink-soft)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.hero-note{font-family:'Spline Sans Mono',monospace;font-size:12.5px;color:var(--ink-faint)}

/* the citation demonstration (signature element) */
.citation-demo{
  border:1px solid var(--line-strong);background:var(--bone-lift);
  padding:32px 32px 26px;position:relative;z-index:1;
}
.citation-demo .cd-label{
  font-family:'Spline Sans Mono',monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);
  display:flex;justify-content:space-between;border-bottom:1px solid var(--line);
  padding-bottom:14px;margin-bottom:20px;
}
.citation-demo .cd-q{
  font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:20px;font-weight:500;
  margin-bottom:18px;line-height:1.35;
}
.citation-demo .cd-a{font-size:17px;line-height:1.75;min-height:9.5em;color:var(--ink-soft)}
.cd-a .cited{background:var(--lime);color:var(--ink);padding:1px 8px;border-radius:5px;font-weight:600;white-space:nowrap}
.cd-a sup{font-family:'Spline Sans Mono',monospace;font-size:10px;color:var(--cobalt)}
.cd-caret{display:inline-block;width:8px;height:1.05em;background:var(--cobalt);vertical-align:text-bottom;margin-left:2px;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.cd-annotation{
  position:absolute;right:-12px;top:52%;transform:rotate(90deg) translateX(-50%);transform-origin:right top;
  font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cobalt);
}
.cd-foot{font-family:'Spline Sans Mono',monospace;font-size:11.5px;color:var(--ink-faint);margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
/* reserve the answer's final wrapped height per width so the typing demo does not shift layout (CLS) */
@media(max-width:459px){.citation-demo .cd-a{min-height:11em}}
@media(max-width:389px){.citation-demo .cd-a{min-height:14.2em}}
@media(max-width:345px){.citation-demo .cd-a{min-height:16em}}

/* engine strip */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;background:var(--bone-deep)}
.strip .wrap{display:flex;gap:14px 26px;flex-wrap:wrap;align-items:baseline;justify-content:center}
.strip .lbl{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.strip .eng{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:17px;font-weight:500}
.strip .sep{color:var(--line-strong)}

/* two flows */
.flows{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.flow-card{border:1px solid var(--line);padding:30px;background:var(--bone-lift)}
.flow-card.now{border-color:var(--line-strong)}
.flow-card .tag{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:22px}
.flow-card.now .tag{color:var(--cobalt)}
.flow-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:16.5px;font-weight:500}
.flow-line .node{border:1px solid var(--line-strong);padding:9px 15px;background:var(--bone)}
.flow-line .node.win{background:var(--cobalt);border-color:var(--cobalt);color:var(--bone)}
.flow-line .arr{color:var(--cobalt);font-family:'Spline Sans Mono',monospace}
.flow-foot{margin-top:22px;font-size:16px;color:var(--ink-soft)}
.flow-foot strong{color:var(--ink)}

/* numbered phases (real sequence) */
.phases{border-top:1px solid var(--line-strong)}
.phase{
  display:grid;grid-template-columns:110px 1fr;gap:clamp(20px,4vw,54px);
  padding:38px 0;border-bottom:1px solid var(--line);
}
.phase .num{
  font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:clamp(30px,3.4vw,40px);
  font-weight:400;font-style:italic;color:var(--cobalt);line-height:1;
}
.phase h3{font-size:clamp(21px,2.4vw,26px);margin-bottom:12px}
.phase p{max-width:var(--measure);color:var(--ink-soft)}
.phase .done-when{
  font-family:'Spline Sans Mono',monospace;font-size:12.5px;color:var(--cobalt);
  margin-top:14px;letter-spacing:.02em;
}
.phase .done-when::before{content:"done when - ";color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:11px}

/* citation share bars */
.scorecard{border:1px solid var(--line-strong);background:var(--bone-lift);padding:30px;position:relative}
.scorecard .cap{font-family:'Spline Sans Mono',monospace;font-size:11.5px;color:var(--ink-faint);letter-spacing:.04em;margin-bottom:24px}
.bar-row{margin-bottom:20px}
.bar-row:last-child{margin-bottom:0}
.bar-row .top{display:flex;justify-content:space-between;font-size:15px;margin-bottom:7px}
.bar-row .who{font-weight:500;color:var(--ink-soft)}
.bar-row.you .who{color:var(--cobalt);font-weight:600}
.bar-row .pct{font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--ink-faint)}
.bar-row.you .pct{color:var(--cobalt)}
.track{height:6px;background-color:rgba(10,10,24,.055);background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line-strong),var(--line-strong));background-size:1px 100%,1px 100%,1px 100%,1px 100%;background-position:25% 0,50% 0,75% 0,100% 0;background-repeat:no-repeat}
.fill{height:100%;background:rgba(10,10,24,.42);width:0;transition:width 1.1s var(--ease)}
.bar-row.you .fill{background:var(--cobalt)}
.in .fill{width:var(--w)}

/* offer cards */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.offer{border:1px solid var(--line);padding:30px 26px;background:var(--bone-lift);display:flex;flex-direction:column}
.offer.lead{border-color:var(--line-strong);border-top:2px solid var(--cobalt)}
.offer .ph{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px}
.offer.lead .ph{color:var(--cobalt)}
.offer h3{font-size:23px;margin-bottom:6px}
.offer .price{font-family:'Spline Sans Mono',monospace;font-size:13.5px;color:var(--cobalt);margin-bottom:16px}
.offer p{font-size:15.5px;color:var(--ink-soft);margin-bottom:20px}
.offer ul{list-style:none;margin-top:auto}
.offer li{font-size:14.5px;padding:10px 0;border-top:1px solid var(--line);display:flex;gap:10px}
.offer li::before{content:"→";color:var(--cobalt);font-family:'Spline Sans Mono',monospace;flex-shrink:0}

/* who grid */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.who-card{border:1px solid var(--line);padding:20px 22px;font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:17.5px;font-weight:500;display:flex;gap:12px;align-items:baseline;background:var(--bone-lift);transition:border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
.who-card:hover{border-color:var(--cobalt);transform:translateY(-2px)}
.who-card .ic{color:var(--cobalt);font-family:'Spline Sans Mono',monospace;font-size:13px;transition:transform var(--dur-1) var(--ease)}
.who-card:hover .ic{transform:translateX(3px)}

/* research finding */
.finding{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.finding .mark{font-family:'Spline Sans Mono',monospace;font-size:17px;width:22px;flex-shrink:0}
.finding.up .mark{color:var(--cobalt)}
.finding.down .mark{color:var(--ink)}
.finding p{font-size:16px;color:var(--ink-soft)}
.finding b{color:var(--ink)}

/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line-strong)}
.faq summary{
  font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:clamp(19px,2.2vw,22px);font-weight:500;
  padding:24px 0;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  transition:color var(--dur-1) var(--ease);
}
.faq summary:hover{color:var(--cobalt)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Spline Sans Mono',monospace;color:var(--cobalt);font-size:22px;transition:transform .2s;flex-shrink:0}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 26px;color:var(--ink-soft);max-width:var(--measure)}

/* founder block */
.founder-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(34px,5vw,64px);align-items:start}
.founder-photo{border:1px solid var(--line-strong);position:relative}
.founder-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;filter:saturate(.92)}
.founder-body h2{font-size:clamp(30px,4vw,44px);margin-bottom:8px}
.founder-body .role{font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--cobalt);margin-bottom:24px;letter-spacing:.05em}
.founder-body p{max-width:var(--measure);color:var(--ink-soft);margin-bottom:16px;font-size:17.5px}

/* final CTA band */
.final{background:var(--ink);color:var(--bone);text-align:center}
.final .eyebrow{justify-content:center;color:var(--bone)}
.final .eyebrow::before{border-color:var(--bone);background:transparent}
.final .eyebrow::after{background:var(--bone);opacity:.5}
.final h2{font-size:clamp(34px,5vw,56px);max-width:18ch;margin:0 auto 20px;color:var(--bone)}
.final h2 em{font-style:italic;color:var(--bone);font-weight:480}
.final p{max-width:52ch;margin:0 auto 36px;color:rgba(246,241,231,.75);font-size:18px}
.final .btn{border-color:var(--bone);color:var(--bone)}
.final .btn:hover{background:var(--bone);color:var(--ink)}
.final .btn-solid{background:var(--cobalt);border-color:var(--cobalt);color:var(--bone)}
.final .btn-solid:hover{background:var(--cobalt-deep);border-color:var(--cobalt-deep)}
.final a:focus-visible,.final button:focus-visible{outline-color:var(--bone)}

/* forms */
.form-card{border:1px solid var(--line-strong);background:var(--bone-lift);padding:32px;max-width:560px;position:relative}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-family:'Spline Sans Mono',monospace;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px}
.form-row input,.form-row select,.form-row textarea{
  width:100%;background:var(--bone);border:1px solid rgba(10,10,24,.48);
  padding:12px 14px;font-family:'Newsreader','Newsreader-fallback',Georgia,serif;font-size:16px;color:var(--ink);
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid var(--cobalt);outline-offset:0;border-color:var(--cobalt)}
.form-msg{margin-top:16px;font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--cobalt);display:none}

/* article styles */
.article-head{padding:clamp(56px,8vw,96px) 0 clamp(30px,4vw,50px)}
.article-head h1{font-size:clamp(36px,5.4vw,58px);max-width:20ch;margin-bottom:22px}
.byline{display:flex;gap:16px;align-items:center;font-family:'Spline Sans Mono',monospace;font-size:12.5px;color:var(--ink-faint);flex-wrap:wrap}
.byline .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong)}
.byline a{color:var(--cobalt)}
article.prose{padding-bottom:clamp(64px,9vw,110px)}
.prose>*{max-width:var(--measure)}
.prose p{margin-bottom:1.35em;color:var(--ink-soft);font-size:18px}
.prose p:first-of-type{font-size:20.5px;color:var(--ink)}
.prose h2{font-size:clamp(25px,3vw,32px);margin:1.9em 0 .7em}
.prose h3{font-size:21px;margin:1.6em 0 .6em}
.prose ul,.prose ol{margin:0 0 1.35em 1.3em;color:var(--ink-soft)}
.prose li{margin-bottom:.55em}
.prose strong{color:var(--ink)}
.prose a{color:var(--cobalt);text-decoration-thickness:1px;text-underline-offset:3px}
.prose blockquote{position:relative;border-top:1px solid var(--line-strong);padding:24px 0 0;margin:2.4em 0;font-style:italic;font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:clamp(21px,2.4vw,26px);line-height:1.35;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.prose blockquote::before{content:"";position:absolute;top:-3.5px;left:0;width:6px;height:6px;border:1px solid var(--cobalt);border-radius:50%;background:var(--bone)}
.prose .framework{border:1px solid var(--line-strong);background:var(--bone-lift);padding:26px 28px;margin:2.4em 0;position:relative}
.prose .framework h3{margin-top:0}
.prose .framework ol{margin-bottom:0}
.prose table{border-collapse:collapse;width:100%;margin:1.8em 0;font-size:16px;border-top:2px solid var(--ink)}
.prose caption{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);text-align:left;padding-bottom:10px;letter-spacing:.04em;text-transform:uppercase}
.prose th{font-family:'Spline Sans Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line-strong);color:var(--ink)}
.prose td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
.updated{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase}

/* author box */
.author-box{display:flex;gap:20px;border:1px solid var(--line-strong);background:var(--bone-lift);padding:24px;margin-top:2.5em;max-width:var(--measure)}
.author-box img{width:74px;height:74px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--line-strong)}
.author-box .ab-name{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:19px;font-weight:600}
.author-box .ab-role{font-family:'Spline Sans Mono',monospace;font-size:11.5px;color:var(--cobalt);margin:3px 0 10px;letter-spacing:.05em;text-transform:uppercase}
.author-box p{font-size:15px;color:var(--ink-soft);margin:0}
.author-box a{color:var(--cobalt)}

/* insights hub cards */
.post-list{border-top:1px solid var(--line-strong)}
.post-item{display:grid;grid-template-columns:150px 1fr;gap:clamp(18px,4vw,48px);padding:34px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}
.post-item:hover{background:var(--bone-lift)}
.post-item .pi-date{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);padding-top:8px}
.post-item h2.pi-t, .post-item h3{font-size:clamp(21px,2.6vw,27px);margin-bottom:10px;transition:color .2s}
.post-item:hover h2.pi-t, .post-item:hover h3{color:var(--cobalt)}
.post-item p{color:var(--ink-soft);max-width:60ch;font-size:16.5px}
.post-item .pi-read{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--cobalt);margin-top:12px;display:inline-block}

/* glossary */
.gloss-list{border-top:1px solid var(--line-strong)}
.gloss-item{padding:30px 0;border-bottom:1px solid var(--line)}
.gloss-item dt{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:24px;font-weight:600;margin-bottom:10px}
.gloss-item dt .g-type{font-family:'Spline Sans Mono',monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin-left:12px;font-weight:400}
.gloss-item dd{max-width:var(--measure);color:var(--ink-soft)}
.gloss-nav{display:flex;gap:8px 18px;flex-wrap:wrap;margin-bottom:40px;font-family:'Spline Sans Mono',monospace;font-size:13px}
.gloss-nav a{color:var(--cobalt);text-decoration:none;position:relative}
.gloss-nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--cobalt);transition:width .25s var(--ease)}
.gloss-nav a:hover::after{width:100%}

/* breadcrumbs */
.crumbs{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);padding-top:22px;letter-spacing:.03em}
.crumbs ol{list-style:none;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a{color:var(--ink-faint);text-decoration:none}
.crumbs a:hover{color:var(--cobalt)}
.crumbs li:not(:last-child)::after{content:"/";margin-left:10px;color:var(--line-strong)}
.crumbs [aria-current]{color:var(--ink)}

/* key facts */
.keyfacts{border:1px solid var(--line);border-top:2px solid var(--ink);background:var(--bone-lift);padding:26px 28px;margin:2em 0;max-width:var(--measure)}
.keyfacts h2,.keyfacts h3{margin:0 0 14px;font-size:15px;font-family:'Spline Sans Mono',monospace;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt)}
.keyfacts ul{list-style:none;margin:0}
.keyfacts li{padding:9px 0;border-top:1px solid var(--line);font-size:16px;color:var(--ink-soft);display:flex;gap:10px}
.keyfacts li::before{content:"·";color:var(--cobalt);font-weight:700}

/* footer */
footer.site{border-top:1px solid var(--line-strong);padding:56px 0 40px;background-color:var(--bone-deep);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='560' height='240' fill='none' stroke='rgba(10,10,24,0.10)'><path d='M60 40L170 20L300 55L430 25L520 90M300 55L390 120L480 190M60 40L110 130L250 150L390 120M250 150L200 210'/><circle cx='60' cy='40' r='2.5'/><circle cx='170' cy='20' r='2.5'/><circle cx='300' cy='55' r='3'/><circle cx='430' cy='25' r='2.5'/><circle cx='520' cy='90' r='2.5'/><circle cx='110' cy='130' r='2.5'/><circle cx='250' cy='150' r='3'/><circle cx='480' cy='190' r='2.5'/><circle cx='200' cy='210' r='2.5'/><circle cx='390' cy='120' r='3.5' fill='rgba(38,34,240,0.28)' stroke='none'/></svg>");background-repeat:no-repeat;background-position:right -120px bottom -90px}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:clamp(28px,4vw,44px) clamp(28px,4vw,52px);align-items:start}
.foot-tag{font-size:15px;color:var(--ink-soft);max-width:36ch;margin-top:12px}
.foot-cols{display:contents}
.foot-cols .foot-h{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;font-weight:500}
.foot-cols ul{list-style:none}
.foot-cols li{margin-bottom:9px}
.foot-cols a{font-size:15px;text-decoration:none;color:var(--ink-soft)}
.foot-cols a:hover{color:var(--cobalt)}
.foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);letter-spacing:.04em}

/* page hero (inner pages) */
.page-head{padding:clamp(56px,8vw,96px) 0 clamp(36px,5vw,64px)}
.page-head h1{font-size:clamp(40px,6vw,66px);max-width:16ch;margin-bottom:24px}
.page-head .capsule{color:var(--ink-soft)}

/* 404 */
.err{min-height:60vh;display:flex;align-items:center}
.err h1{font-size:clamp(60px,12vw,140px);font-style:italic;color:var(--cobalt)}

@media(max-width:900px){
  .hero-grid,.founder-grid,.flows{grid-template-columns:1fr;gap:36px}
  .offers,.who-grid{grid-template-columns:1fr}
  .phase{grid-template-columns:1fr;gap:8px}
  .phase .num{font-size:26px}
  .post-item{grid-template-columns:1fr;gap:6px}
  .navlinks{display:none}
  .navlinks.open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--bone);flex-direction:column;align-items:flex-start;padding:26px var(--gutter);gap:20px;border-bottom:1px solid var(--line-strong)}
  .menu-btn{display:block}
  .cd-annotation{display:none}
  .hero-net{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .fill{transition:none}
  .cd-caret{animation:none}
  .dia .dr{stroke-dasharray:none;stroke-dashoffset:0}
  .dia .nf{opacity:1}
  .hero-net .pp{animation:none}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

.form-privacy{font-size:13px;color:var(--ink-faint);margin-top:14px;line-height:1.6}
.form-privacy a{color:var(--cobalt)}
.foot-legal a{color:inherit}
.foot-legal a:hover{color:var(--cobalt)}

.legal h2{margin:40px 0 14px}
.legal p,.legal li{color:var(--ink-soft);font-size:16.5px;line-height:1.75;margin-bottom:14px}
.legal ul{padding-left:22px;margin-bottom:16px}
.legal table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:15px;border-top:2px solid var(--ink)}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.legal th{font-family:"Spline Sans Mono",monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.legal .stamp{font-family:"Spline Sans Mono",monospace;font-size:12.5px;color:var(--ink-faint);margin-top:36px}

.who-for{font-size:14.5px;color:var(--ink-faint);font-style:italic;margin:-14px 0 20px}
.note{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);padding:16px 0 18px;color:var(--ink-soft);font-size:15px;line-height:1.7;margin:30px 0;max-width:var(--measure)}
.note::before{content:"N.B.";display:block;font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--cobalt);margin-bottom:8px}

a.who-card{color:var(--ink);text-decoration:none}

#consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bone-lift);border-top:1px solid var(--line);padding:14px clamp(16px,4vw,32px);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#consent-banner p{margin:0;font-size:14px;max-width:70ch}
#consent-banner .consent-actions{display:flex;gap:14px;align-items:center}
#consent-banner .btn{padding:9px 18px;font-size:13px}
.consent-decline{background:none;border:none;color:var(--cobalt);font-family:'Spline Sans Mono',monospace;font-size:13px;cursor:pointer;text-decoration:underline}
#consent-banner[hidden]{display:none}
@media(max-width:560px){#consent-banner{padding-bottom:18px}}

/* trust strip */
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bone-lift);padding:clamp(44px,6vw,68px) 0}
.trust-list{list-style:none;margin:20px 0 0;padding:0;max-width:var(--measure)}
.trust-list li{padding:10px 0;border-top:1px solid var(--line);font-size:15.5px}
.trust-list li:first-child{border-top:none}
.trust-list a{color:var(--cobalt)}
.trust-note{font-family:'Spline Sans Mono',monospace;font-size:12.5px;color:var(--ink-soft);margin-top:20px;letter-spacing:.02em}
/* after-submit */
.after-submit{max-width:var(--measure);margin-top:34px;border:1px solid var(--line);background:var(--bone-lift);padding:24px 26px}
.after-submit ul{list-style:none;margin:10px 0 0;padding:0}
.after-submit li{padding:9px 0;font-size:15px;border-top:1px solid var(--line)}
.after-submit li:first-child{border-top:none}
/* fit grid */
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px}
.fit-card{border:1px solid var(--line);background:var(--bone-lift);padding:26px}
.fit-head{font-family:'Spline Sans Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin:0 0 14px}
.fit-card.not .fit-head{color:var(--ink-soft)}
.fit-card ul{list-style:none;margin:0;padding:0}
.fit-card li{padding:9px 0 9px 26px;border-top:1px solid var(--line);font-size:15px;position:relative}
.fit-card li::before{content:"\2192";position:absolute;left:0;color:var(--cobalt);font-family:'Spline Sans Mono',monospace;font-size:13px}
.fit-card.not li::before{content:"\2715";color:var(--ink-soft)}
@media(max-width:760px){.fit-grid{grid-template-columns:1fr}}

/* ============================================================
   Refinement pass - knowledge-graph language & editorial figures
   ============================================================ */

/* pull quotes */
.pullquote{max-width:var(--measure);margin-inline:auto;position:relative;border-top:1px solid var(--line-strong);padding-top:clamp(24px,3.4vw,38px)}
.pullquote::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--cobalt);border-radius:50%;background:var(--bone)}
.pullquote p{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(24px,3.3vw,37px);line-height:1.28;letter-spacing:-.012em;color:var(--ink);max-width:26ch}
.pullquote p em{color:var(--cobalt)}
.pullquote .pq-source{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);letter-spacing:.05em;margin-top:18px;font-style:normal}
.pq-band{padding:clamp(30px,4.5vw,56px) 0 clamp(44px,6vw,72px)}
.hero-grid .pullquote p{font-size:clamp(22px,2.6vw,29px);line-height:1.35}

/* registration marks on specimen figures */
.citation-demo::after,.scorecard::after,.form-card::after,.prose .framework::after,.founder-photo::after,.matrix::after,.equation::after,.err-spec::after{
  content:"";position:absolute;inset:-9px;pointer-events:none;background-repeat:no-repeat;
  background-image:linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark));
  background-size:12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px;
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;
}

/* scorecard axis */
.sc-axis{display:flex;justify-content:space-between;font-family:'Spline Sans Mono',monospace;font-size:10.5px;color:var(--ink-faint);letter-spacing:.04em;margin-top:18px;padding-top:10px;border-top:1px solid var(--line)}

/* editorial diagrams */
.dia{overflow:visible}
.dia-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.dia svg{display:block;width:100%;height:auto}
.dia-w svg{min-width:620px}
.dia figcaption{margin-top:14px}
.dia .lb{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;fill:var(--ink-soft)}
.dia .lb-s{font-size:10px;fill:var(--ink-faint)}
.dia .lb-c{fill:var(--cobalt)}
.dia .an{font-family:'Newsreader','Newsreader-fallback',Georgia,serif;font-style:italic;font-size:13.5px;fill:var(--ink-faint);text-transform:none;letter-spacing:0}
.dia .an.lb-c{fill:var(--cobalt)}
.dia .num{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-size:16px;fill:var(--cobalt)}
.dia .nd{fill:var(--bone-lift);stroke:var(--line-strong)}
.dia .nd-you{fill:var(--cobalt)}
.dia .nd-ink{fill:var(--ink)}
.dia .nd-win{fill:var(--lime);stroke:var(--ink)}
.dia .ed{stroke:var(--edge);fill:none}
.dia .ed-hi{stroke:var(--cobalt);fill:none;stroke-opacity:.8}
.dia .ed-dash{stroke-dasharray:3 5}
.dia path,.dia line,.dia circle,.dia rect,.dia polyline{vector-effect:non-scaling-stroke}
.dia .dr{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ease)}
.dia .nf{opacity:0;transition:opacity .5s var(--ease)}
.rv.in .dr{stroke-dashoffset:0}
.rv.in .nf{opacity:1}
.dl1{transition-delay:.2s}.dl2{transition-delay:.4s}.dl3{transition-delay:.6s}.dl4{transition-delay:.8s}.dl5{transition-delay:1s}

/* phase list spine nodes */
.phase{position:relative}
.phase::before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.4}

/* hero constellation */
.hero{overflow:clip}
.hero-fig{position:relative}
.hero-net{position:absolute;top:-48px;right:-54px;width:min(300px,56%);height:auto;pointer-events:none}
.hero-net .hn-e{stroke:rgba(10,10,24,.16)}
.hero-net .hn-n{fill:none;stroke:rgba(10,10,24,.3)}
.hero-net .hn-c{fill:var(--cobalt);opacity:.5}
@keyframes ndp{0%,100%{opacity:.2}50%{opacity:.65}}
.hero-net .pp{animation:ndp 6s var(--ease) infinite}

/* link underline refinement */
.prose a{text-decoration-color:color-mix(in oklab,var(--cobalt) 45%,transparent);transition:text-decoration-color var(--dur-1) var(--ease)}
.prose a:hover{text-decoration-color:var(--cobalt)}

/* ============================================================
   Instrument pass - the audit as designed object
   Verdict chips, scorecard notes, sequence rail, crawler matrix,
   question split, page anatomy, answer-demo motif, big stat.
   ============================================================ */

/* verdict & priority chips */
.chip{display:inline-block;font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;padding:3px 9px 4px;border:1px solid var(--line-strong);color:var(--ink);white-space:nowrap;border-radius:3px;line-height:1.5;font-weight:500}
.chip-yes{background:var(--lime);border-color:var(--ink);color:var(--ink)}
.chip-part{background:var(--bone-deep);border-color:var(--line-strong);color:var(--ink)}
.chip-no{background:transparent;color:var(--ink-soft)}
.chip-hold{border-style:dashed;border-color:var(--line);color:var(--ink-faint)}
.chip-high{background:var(--cobalt);border-color:var(--cobalt);color:var(--bone)}
.chip-med{border-color:var(--cobalt);color:var(--cobalt)}
td .chip{margin:1px 0}

/* answer-demo - the recurring citation motif (static, per-page) */
.answer-demo{border:1px solid var(--line-strong);background:var(--bone-lift);padding:26px 28px 20px;margin:2.4em 0;position:relative;max-width:var(--measure)}
.answer-demo .ad-label{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.answer-demo .ad-q{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:19px;font-weight:500;line-height:1.35;margin:0 0 14px;color:var(--ink)}
.answer-demo .ad-a{font-size:16.5px;line-height:1.75;color:var(--ink-soft);margin:0}
.answer-demo .ad-a .cited{background:var(--lime);color:var(--ink);padding:1px 8px;border-radius:5px;font-weight:600;white-space:nowrap}
.answer-demo .ad-a sup{font-family:'Spline Sans Mono',monospace;font-size:10px;color:var(--cobalt)}
.answer-demo .ad-foot{font-family:'Spline Sans Mono',monospace;font-size:11.5px;color:var(--ink-faint);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.answer-demo::after{content:"";position:absolute;inset:-9px;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark));background-size:12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%}

/* scorecard bar notes (read-outs under each bar) */
.bar-note{font-size:14.5px;color:var(--ink-soft);margin-top:6px;max-width:56ch;line-height:1.55}
.scorecard .cap a{color:var(--cobalt)}

/* sequence rail - the three-stage commercial model */
.seq-rail{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-strong);background:var(--bone-lift);margin:clamp(28px,4vw,44px) 0 0;position:relative}
.seq-cell{padding:22px 24px 20px;position:relative;border-left:1px solid var(--line)}
.seq-cell:first-child{border-left:none}
.seq-cell + .seq-cell::before{content:"\2192";position:absolute;left:-9px;top:20px;font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--cobalt);background:var(--bone-lift);padding:0 2px;line-height:1}
.seq-k{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--cobalt);margin:0 0 10px}
.seq-t{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:19px;font-weight:600;margin:0 0 6px;color:var(--ink)}
.seq-p{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);margin:0;letter-spacing:.02em}
.seq-d{font-size:14.5px;color:var(--ink-soft);margin:10px 0 0;line-height:1.6}

/* crawler access matrix */
.matrix{border:1px solid var(--line-strong);background:var(--bone-lift);margin:1.8em 0;max-width:var(--measure);position:relative}
.mx-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr) auto;gap:10px 16px;padding:11px 18px;border-top:1px solid var(--line);align-items:center}
.mx-row:first-child{border-top:none}
.mx-head{font-family:'Spline Sans Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:12px 18px 10px}
.mx-agent{font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--ink)}
.mx-how{font-size:13.5px;color:var(--ink-faint);line-height:1.5}
.mx-row .chip{justify-self:end}

/* question split - which battles to fight */
.q-split{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:1.8em 0}
.q-cell{border:1px solid var(--line);background:var(--bone-lift);padding:18px 18px 16px;display:flex;flex-direction:column;gap:0}
.q-k{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}
.q-q{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-size:16.5px;line-height:1.4;margin:0 0 12px;color:var(--ink)}
.q-w{font-size:13.5px;color:var(--ink-soft);margin:0 0 14px;line-height:1.55}
.q-v{margin-top:auto}

/* page anatomy - the answer-shaped page as a specimen */
.anatomy{display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:clamp(20px,3.5vw,34px);margin:2.2em 0;max-width:var(--measure)}
.an-page{border:1px solid var(--line-strong);background:var(--bone-lift);padding:16px;display:flex;flex-direction:column;gap:9px;position:relative}
.an-page::after{content:"";position:absolute;inset:-9px;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--mark),var(--mark));background-size:12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%}
.an-el{border:1px solid var(--line);padding:10px;position:relative;background:var(--bone)}
.an-n{position:absolute;top:-1px;right:-1px;font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-size:12px;color:var(--bone);background:var(--cobalt);width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}
.an-cap{border-left:3px solid var(--cobalt)}
.an-t{font-family:'Spline Sans Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 7px}
.an-l{height:5px;background:rgba(10,10,24,.14);margin:5px 0}
.an-l.sh{width:62%}
.an-l.hi{background:rgba(38,34,240,.35)}
.an-rows{display:flex;flex-direction:column;gap:5px}
.an-rows span{display:block;height:5px;background:rgba(10,10,24,.12)}
.an-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.an-grid span{display:block;height:9px;background:rgba(10,10,24,.08);border:1px solid var(--line)}
.an-grid span:nth-child(-n+3){background:rgba(10,10,24,.2)}
.an-faq{display:flex;justify-content:space-between;align-items:center;gap:8px}
.an-faq i{font-style:normal;font-family:'Spline Sans Mono',monospace;font-size:10px;color:var(--cobalt)}
.an-byline{display:flex;align-items:center;gap:7px}
.an-byline b{width:14px;height:14px;border-radius:50%;border:1px solid var(--line-strong);flex-shrink:0}
.an-keys{list-style:none;margin:0;padding:0;align-self:center}
.an-keys li{padding:11px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink-soft);display:flex;gap:12px;line-height:1.55}
.an-keys li:first-child{border-top:none}
.an-keys .kn{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;color:var(--cobalt);flex-shrink:0;font-size:16px}
.an-keys b{color:var(--ink);font-weight:600}

/* equation - the metric, written down */
.equation{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);padding:26px 0 24px;margin:2.4em 0;max-width:var(--measure);position:relative}
.eq-row{display:flex;align-items:center;gap:clamp(14px,3vw,26px);flex-wrap:wrap}
.eq-frac{display:inline-flex;flex-direction:column;text-align:center}
.eq-frac .top{padding:0 6px 8px;border-bottom:1.5px solid var(--ink)}
.eq-frac .bot{padding:8px 6px 0}
.eq-frac span{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-size:clamp(16px,2vw,19px);color:var(--ink)}
.eq-eq{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-size:clamp(20px,2.6vw,26px);color:var(--ink-faint)}
.eq-res{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(20px,2.6vw,26px);color:var(--cobalt)}
.eq-note{font-family:'Spline Sans Mono',monospace;font-size:11.5px;color:var(--ink-faint);margin-top:14px}

/* big editorial stat */
.bigstat{border-top:1px solid var(--line-strong);padding:24px 0 4px;margin:2.4em 0;position:relative;max-width:var(--measure)}
.bigstat::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--cobalt);border-radius:50%;background:var(--bone)}
.bigstat .bs-n{font-family:'Fraunces','Fraunces-fallback',Georgia,serif;font-style:italic;font-weight:560;font-size:clamp(56px,9vw,96px);line-height:1;color:var(--ink);letter-spacing:-.02em}
.bigstat .bs-n em{color:var(--cobalt);font-style:italic}
.bigstat .bs-t{font-size:17px;color:var(--ink-soft);max-width:46ch;margin:14px 0 0;line-height:1.6}
.bigstat .bs-src{font-family:'Spline Sans Mono',monospace;font-size:11.5px;color:var(--ink-faint);margin-top:14px}
.bigstat .bs-src a{color:var(--cobalt)}

/* specimen meta line (sample audit head) */
.spec-meta{font-family:'Spline Sans Mono',monospace;font-size:12px;color:var(--ink-faint);letter-spacing:.04em;display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:22px}
.spec-meta span::before{content:"\00B7";color:var(--cobalt);margin-right:10px}
.spec-meta span:first-child::before{content:""}

@media(max-width:820px){
  .q-split{grid-template-columns:1fr}
  .anatomy{grid-template-columns:1fr}
  .an-page{max-width:340px}
  .seq-rail{grid-template-columns:1fr}
  .seq-cell{border-left:none;border-top:1px solid var(--line)}
  .seq-cell:first-child{border-top:none}
  .seq-cell + .seq-cell::before{content:"\2193";left:24px;top:-9px}
  .mx-row{grid-template-columns:1fr auto;gap:6px 14px}
  .mx-how{grid-column:1 / -1;order:3}
}

/* matrix result chips - pass stays quiet, the defect is the loudest object.
   Lime is never used here: chartreuse holds one job only, the citation highlight. */
.chip-ok{background:transparent;border-color:var(--line-strong);color:var(--ink-soft)}
.chip-alert{background:var(--ink);border-color:var(--ink);color:var(--bone)}

/* table scroll wrapper - real tables stay real, small screens scroll them */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 22px;scrollbar-width:thin}
.table-scroll table{margin:0;width:100%}


/* ============================================================
   Elevation pass - v7.1 review (Part B)
   ============================================================ */
/* B1 - tabular lining figures: the instruments read their numbers like a ledger */
.bigstat .bs-n,.bar-row .pct,.sc-axis,.offer .price,.seq-p,.eq-frac span,.eq-eq,.eq-res,.prose td,.legal td,.chip,.spec-meta,.pi-date,.updated,.byline{font-variant-numeric:tabular-nums lining-nums}
/* B2 - hang the opening quotation mark so the specimen quotes align true (consistent across browsers) */
.cd-q,.answer-demo .ad-q{hanging-punctuation:none;text-indent:-.264em}
.q-q{hanging-punctuation:none;text-indent:-.313em}
/* B4 - the citation share measures in, the you-row first then competitors */
.scorecard .bar-row:nth-of-type(1) .fill{transition-delay:.05s}
.scorecard .bar-row:nth-of-type(2) .fill{transition-delay:.20s}
.scorecard .bar-row:nth-of-type(3) .fill{transition-delay:.35s}
.scorecard .bar-row:nth-of-type(4) .fill{transition-delay:.50s}
/* B5 - cut the masthead tighter at display sizes */
.hero h1{letter-spacing:-.03em}
.final h2{letter-spacing:-.025em}
/* B8 - footer composes on a defined grid; collapses cleanly on small screens */
@media(max-width:640px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px 30px}.foot-grid>div:first-child{grid-column:1 / -1}}
/* B9 - the final band joins the reveal language; its eyebrow tick draws in (skips constellation: a light starfield on the ink band would read as a particle background) */
.final .wrap.rv.in .eyebrow::after{animation:drawtick .55s var(--ease) both}
@keyframes drawtick{from{width:0}}
/* B10 - the 404 headline, mounted as a specimen absent from the answer */
.err-spec{position:relative;display:inline-block;padding:2px 20px 8px 0}
/* B6 - one hover vocabulary: the cobalt underline draws left-to-right, matching the nav */
.foot-cols a{position:relative}
.foot-cols a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--cobalt);transition:width .25s var(--ease)}
.foot-cols a:hover::after{width:100%}

/* ============================================================
   Print - the site as a lab report on paper
   ============================================================ */
@media print{
  @page{margin:16mm}
  html{scroll-padding-top:0}
  body{background:#fff}
  header.site{position:static;box-shadow:none;border-bottom:1px solid var(--line-strong)}
  #consent-banner,.menu-btn{display:none}
  /* nothing hides behind scroll: reveal every deferred element */
  .rv{opacity:1;transform:none}
  .fill{width:var(--w)}
  .dia .dr{stroke-dashoffset:0}.dia .nf{opacity:1}
  /* the ink CTA band, dark chips and win-node print as ink on white */
  .final{background:transparent;color:var(--ink)}
  .final h2,.final h2 em,.final .eyebrow{color:var(--ink)}
  .final p{color:var(--ink-soft)}
  .final .eyebrow::before{border-color:var(--ink)}
  .final .eyebrow::after{background:var(--ink)}
  .chip-alert,.chip-high{background:transparent;color:var(--ink);border-color:var(--ink)}
  .flow-line .node.win{background:transparent;color:var(--ink);border-color:var(--ink)}
  .btn,.btn-solid,.final .btn,.final .btn-solid{background:transparent;color:var(--ink);border-color:var(--ink)}
  a{color:var(--ink)}
  /* the citation is the one mark that must survive to paper */
  .cited{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}