
:root{
  --ink:#0B0E14;
  --panel:#10141C;
  --panel-2:#131926;
  --line:#212939;
  --line-soft:#1A2130;
  --text:#E9E6DE;
  --muted:#96A0B3;
  --faint:#6B7688;
  --signal:#D8A94C;
  --signal-dim:rgba(216,169,76,.14);
  --analyst:#8FB0CE;
  --max:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--text);
  font-family:"Instrument Sans",system-ui,sans-serif;
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--signal);color:#0B0E14}
a{color:inherit}

/* ---------- primitives ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.mono{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:flex;align-items:baseline;gap:14px;color:var(--faint);margin-bottom:28px}
.eyebrow .num{color:var(--signal)}
.eyebrow .rule{flex:1;height:1px;background:var(--line-soft);align-self:center}
h1,h2,h3{font-family:"Newsreader",serif;font-weight:400;letter-spacing:-.01em}
h2{font-size:clamp(30px,3.6vw,44px);line-height:1.12;max-width:15em}
h2 em,h1 em{font-style:italic;font-weight:300;color:var(--analyst)}
.lede{color:var(--muted);max-width:38em;margin-top:20px;font-size:18px}
.lede strong{color:var(--text);font-weight:500}
section{padding:100px 0;border-top:1px solid var(--line-soft)}
.btn{
  display:inline-block;font-family:"Spline Sans Mono",monospace;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
  padding:15px 26px;border:1px solid var(--signal);color:var(--signal);
  transition:background .2s,color .2s;
}
.btn:hover{background:var(--signal);color:#0B0E14}
.btn.solid{background:var(--signal);color:#0B0E14}
.btn.solid:hover{background:#E7BC63;border-color:#E7BC63}
.btn.ghost{border-color:var(--line);color:var(--muted)}
.btn.ghost:hover{background:transparent;border-color:var(--muted);color:var(--text)}

/* reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
}

/* ---------- nav ---------- */
nav{
  position:sticky;top:0;z-index:50;
  background:rgba(11,14,20,.85);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-soft);
}
.nav-in{max-width:var(--max);margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:"Spline Sans Mono",monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--text)}
.logo b{color:var(--signal);font-weight:500}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.nav-links a:hover{color:var(--text)}
.nav-links .btn{padding:10px 18px}
@media(max-width:760px){.nav-links a:not(.btn){display:none}}

/* ---------- hero ---------- */
.hero{padding:92px 0 104px;border-top:none}
.hero .kicker{color:var(--faint);margin-bottom:34px;display:flex;gap:14px;align-items:center}
.hero .kicker .dot{width:6px;height:6px;background:var(--signal);border-radius:50%}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;max-width:12em}
.hero .lede{font-size:19px;max-width:40em}
.hero-cta{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.micro{margin-top:18px;font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.micro b{color:var(--muted);font-weight:400}
.micro span{color:var(--line)}

/* the answer card, signature element */
.exhibit{margin-top:78px}
.exhibit-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.exhibit-head .mono{color:var(--faint)}
.card{border:1px solid var(--line);background:var(--panel)}
.card .card-bar{
  display:flex;gap:10px;align-items:center;padding:14px 22px;
  border-bottom:1px solid var(--line-soft);color:var(--faint);
}
.card .card-bar .sys{display:flex;gap:6px}
.card .card-bar .sys i{width:8px;height:8px;border:1px solid var(--line);border-radius:50%;display:block}
.split{display:grid;grid-template-columns:1.5fr 1fr}
@media(max-width:880px){.split{grid-template-columns:1fr}}
.answer{padding:34px 36px 38px;border-right:1px solid var(--line-soft)}
@media(max-width:880px){.answer{border-right:none;border-bottom:1px solid var(--line-soft)}}
.answer .q{font-family:"Spline Sans Mono",monospace;font-size:13.5px;line-height:1.7;color:var(--analyst);margin-bottom:26px}
.answer .q::before{content:"BUYER PROMPT";display:block;font-size:11px;letter-spacing:.16em;color:var(--faint);margin-bottom:10px}
.answer .a{font-family:"Newsreader",serif;font-size:20px;line-height:1.65;color:var(--text)}
.answer .a::before{content:"SYNTHESIZED ANSWER";display:block;font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.16em;color:var(--faint);margin-bottom:12px}
.mark{
  border-bottom:1px solid var(--signal);cursor:default;
  background:linear-gradient(transparent 70%,var(--signal-dim) 70%);
  transition:background .2s;
}
.mark sup{font-family:"Spline Sans Mono",monospace;font-size:11px;color:var(--signal);margin-left:2px}
.mark.hot{background:var(--signal-dim)}
.evidence{padding:34px 30px 38px}
.evidence h4,.evidence .ev-title{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:500;margin-bottom:20px}
.ev-row{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line-soft);transition:background .2s}
.ev-row:first-of-type{border-top:none;padding-top:0}
.ev-row .n{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--signal);min-width:16px}
.ev-row p{font-size:14.5px;color:var(--muted);line-height:1.55}
.ev-row p b{color:var(--text);font-weight:500}
.ev-row.hot{background:var(--signal-dim)}
.exhibit-cap{margin-top:14px;color:var(--faint);font-size:13.5px;font-style:italic;font-family:"Newsreader",serif}

/* ---------- cells / grids ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);margin-top:52px}
@media(max-width:820px){.grid-3{grid-template-columns:1fr}}
.cell{background:var(--panel);padding:32px 30px 36px}
.cell .tag{color:var(--signal);margin-bottom:18px;display:block}
.cell h3{font-size:23px;line-height:1.25;margin-bottom:12px}
.cell p{color:var(--muted);font-size:15.5px}
.section-cta{margin-top:44px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}

/* flow diagram */
.flow{margin-top:56px;border:1px solid var(--line);background:var(--panel);padding:44px 40px;overflow-x:auto}
.flow svg{display:block;min-width:640px;width:100%;height:auto}

/* ---------- symptoms ---------- */
.symptoms{display:grid;grid-template-columns:1fr 1fr;margin-top:52px;border-top:1px solid var(--line)}
@media(max-width:820px){.symptoms{grid-template-columns:1fr}}
.sym{padding:26px 34px 26px 0;border-bottom:1px solid var(--line-soft);display:flex;gap:20px;align-items:baseline}
.sym .sig{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--signal);white-space:nowrap}
.sym p{font-family:"Newsreader",serif;font-size:22px;line-height:1.35;color:var(--text)}
@media(min-width:821px){.sym:nth-child(odd){border-right:1px solid var(--line-soft);padding-right:40px}.sym:nth-child(even){padding-left:40px}}
.sym-note{margin-top:40px;font-family:"Newsreader",serif;font-size:21px;font-style:italic;color:var(--analyst);max-width:30em}

/* ---------- questions buyers ask ---------- */
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px}
@media(max-width:760px){.qgrid{grid-template-columns:1fr}}
.qchip{border:1px solid var(--line);background:var(--panel);padding:22px 26px;display:flex;gap:16px;align-items:baseline}
.qchip .pr{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--signal)}
.qchip p{font-family:"Spline Sans Mono",monospace;font-size:14px;line-height:1.6;color:var(--analyst)}

/* ---------- table ---------- */
.cmp{margin-top:52px;border:1px solid var(--line);overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;min-width:680px}
.cmp th,.cmp td{padding:20px 26px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft)}
.cmp tr:last-child td{border-bottom:none}
.cmp th{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;background:var(--panel)}
.cmp th:first-child{color:var(--faint);width:20%}
.cmp th.aeo{color:var(--muted);width:37%}
.cmp th.abi{color:var(--signal);width:43%;background:var(--panel-2)}
.cmp td{font-size:15.5px;color:var(--muted)}
.cmp td:first-child{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.cmp td.abi{background:var(--panel-2);color:var(--text)}
.pull{margin-top:44px;font-family:"Newsreader",serif;font-size:clamp(22px,2.6vw,30px);line-height:1.4;max-width:26em;border-left:2px solid var(--signal);padding-left:28px}

/* ---------- finding dossier ---------- */
.dossier{margin-top:52px;border:1px solid var(--line);background:var(--panel)}
.dossier-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px}
.dossier-bar .mono{color:var(--faint)}
.badge{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);border:1px solid var(--signal);padding:5px 10px}
.d-row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line-soft)}
.d-row:last-child{border-bottom:none}
@media(max-width:760px){.d-row{grid-template-columns:1fr}}
.d-key{padding:26px 28px;font-family:"Spline Sans Mono",monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border-right:1px solid var(--line-soft)}
@media(max-width:760px){.d-key{border-right:none;padding-bottom:0}}
.d-val{padding:26px 30px}
.d-val p{color:var(--muted);font-size:15.5px;max-width:44em}
.d-val p b{color:var(--text);font-weight:500}
.d-val .quote{font-family:"Newsreader",serif;font-size:19px;line-height:1.6;color:var(--text);font-style:italic}

/* ---------- sprint ---------- */
.sprint-frame{margin-top:52px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
@media(max-width:820px){.sprint-frame{grid-template-columns:1fr}}
.phase{background:var(--panel);padding:34px 30px 38px}
.phase .wk{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.14em;color:var(--signal);display:block;margin-bottom:20px}
.phase h3{font-size:24px;margin-bottom:12px}
.phase p{color:var(--muted);font-size:15px}
.facts{margin-top:1px;border:1px solid var(--line-soft);border-top:none;background:var(--panel-2);display:grid;grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.facts{grid-template-columns:1fr}}
.fact{padding:26px 30px;border-right:1px solid var(--line-soft)}
.fact:last-child{border-right:none}
@media(max-width:820px){.fact{border-right:none;border-bottom:1px solid var(--line-soft)}.fact:last-child{border-bottom:none}}
.fact .fk{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:8px}
.fact p{font-size:15.5px;color:var(--text)}
.deliverable{margin-top:1px;border:1px solid var(--line-soft);border-top:none;background:var(--panel);padding:32px 36px;display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}
.deliverable p{font-family:"Newsreader",serif;font-size:20px;max-width:30em}
.deliverable p b{color:var(--signal);font-weight:500;font-style:italic}

/* ---------- FAQ ---------- */
.faq{margin-top:52px;max-width:820px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line-soft)}
.faq summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:baseline;
  padding:24px 4px;font-family:"Newsreader",serif;font-size:21px;color:var(--text);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Spline Sans Mono",monospace;font-size:16px;color:var(--signal)}
.faq details[open] summary::after{content:"-"}
.faq details p{padding:0 4px 26px;color:var(--muted);font-size:15.5px;max-width:44em}
.faq details p b{color:var(--text);font-weight:500}

/* ---------- final cta ---------- */
.final{padding:130px 0 120px}
.final h2{font-size:clamp(36px,5vw,60px);max-width:14em}
.final .lede{font-size:19px}
.final .hero-cta{margin-top:44px}
footer{border-top:1px solid var(--line-soft);padding:34px 0;color:var(--faint)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline}
.foot .mono{font-size:11.5px}


/* ---------- multi-page additions ---------- */
.page-hero{padding:86px 0 74px;border-top:none}
.page-hero h1{font-size:clamp(40px,5.4vw,68px);line-height:1.05;max-width:12em}
.page-hero .lede{max-width:43em}
.breadcrumb{color:var(--faint);margin-bottom:26px}
.statline{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.statline span{border:1px solid var(--line);background:var(--panel);padding:10px 14px;font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);margin-top:52px}
@media(max-width:820px){.two-col{grid-template-columns:1fr}}
.panel-box{background:var(--panel);padding:34px 32px}
.panel-box h3{font-size:26px;margin-bottom:14px}.panel-box p{color:var(--muted);font-size:15.5px}.panel-box ul{margin-top:18px;padding-left:19px;color:var(--muted);font-size:15.5px}.panel-box li{margin:8px 0}
.article{max-width:860px}.article h3{font-size:27px;margin:38px 0 12px}.article p{color:var(--muted);margin:14px 0}.article strong{color:var(--text);font-weight:500}
.list-card{border:1px solid var(--line);background:var(--panel);padding:28px 30px;margin-top:18px}.list-card h3{font-size:24px;margin-bottom:12px}.list-card p{color:var(--muted);font-size:15.5px}.list-card .mono{color:var(--signal);display:block;margin-bottom:12px}
.process{margin-top:52px;border:1px solid var(--line);background:var(--panel)}
.process-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line-soft)}.process-row:last-child{border-bottom:none}
.process-key{padding:24px 28px;border-right:1px solid var(--line-soft);font-family:"Spline Sans Mono",monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.process-val{padding:24px 30px}.process-val p{color:var(--muted);font-size:15.5px}.process-val b{color:var(--text);font-weight:500}
@media(max-width:760px){.process-row{grid-template-columns:1fr}.process-key{border-right:none;padding-bottom:0}}
.note-box{border:1px solid var(--signal);background:var(--signal-dim);padding:28px 30px;margin-top:42px}.note-box p{font-family:"Newsreader",serif;font-size:22px;line-height:1.45;color:var(--text)}
.finding-card{border:1px solid var(--line);background:var(--panel);margin-top:26px}.finding-card .finding-head{padding:18px 26px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.finding-card .finding-head .mono{color:var(--signal)}
.finding-body{display:grid;grid-template-columns:220px 1fr}.finding-label{padding:22px 26px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.finding-copy{padding:22px 28px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:15.5px}.finding-copy b{color:var(--text);font-weight:500}
.finding-body .finding-label:nth-last-child(2),.finding-body .finding-copy:last-child{border-bottom:none}
@media(max-width:760px){.finding-body{grid-template-columns:1fr}.finding-label{border-right:none;padding-bottom:4px}.finding-copy{padding-top:8px}}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);margin-top:52px}@media(max-width:820px){.fit-grid{grid-template-columns:1fr}}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-family:"Spline Sans Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--faint)}.footer-links a:hover{color:var(--text)}


/* ---------- v3 credibility content additions ---------- */
.inline-link{color:var(--signal);text-decoration:none;border-bottom:1px solid var(--signal)}
.inline-link:hover{color:#E7BC63;border-color:#E7BC63}
.copy-block{max-width:860px}.copy-block p{color:var(--muted);margin:16px 0;font-size:17px}.copy-block strong{color:var(--text);font-weight:500}
.copy-block h3{font-size:27px;margin:38px 0 12px}.copy-block ul{color:var(--muted);margin:18px 0 0 22px}.copy-block li{margin:10px 0}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);margin-top:44px}
@media(max-width:900px){.kpi-row{grid-template-columns:1fr 1fr}}@media(max-width:560px){.kpi-row{grid-template-columns:1fr}}
.kpi{background:var(--panel);padding:26px 24px}.kpi .k{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:10px}.kpi p{font-family:"Newsreader",serif;font-size:22px;line-height:1.25;color:var(--text)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);margin-top:52px}@media(max-width:820px){.method-grid{grid-template-columns:1fr}}
.method-card{background:var(--panel);padding:32px 30px}.method-card .tag{display:block;color:var(--signal);margin-bottom:14px}.method-card h3{font-size:25px;margin-bottom:10px}.method-card p{color:var(--muted);font-size:15.5px}.method-card ul{color:var(--muted);font-size:15.5px;margin:16px 0 0 19px}.method-card li{margin:8px 0}
.warning-box{border:1px solid var(--line);background:var(--panel-2);padding:30px 32px;margin-top:42px}.warning-box p{font-size:16px;color:var(--muted)}.warning-box b{color:var(--text);font-weight:500}
.proof-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.proof-strip span{border:1px solid var(--line);background:var(--panel);padding:10px 14px;font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.audit-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);margin-top:52px}@media(max-width:860px){.audit-list{grid-template-columns:1fr}}
.audit-item{background:var(--panel);padding:30px}.audit-item .num{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--signal);display:block;margin-bottom:14px}.audit-item h3{font-size:24px;margin-bottom:10px}.audit-item p{color:var(--muted);font-size:15.5px}
.cta-panel{border:1px solid var(--signal);background:linear-gradient(180deg,var(--signal-dim),rgba(19,25,38,.45));padding:42px 40px;margin-top:54px;display:flex;justify-content:space-between;gap:28px;align-items:center;flex-wrap:wrap}.cta-panel h3{font-size:31px;line-height:1.15;max-width:18em}.cta-panel p{color:var(--muted);max-width:35em;margin-top:12px}.cta-panel .btn{flex-shrink:0}
.small-note{color:var(--faint);font-size:13.5px;margin-top:16px}
.toc{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.toc a{border:1px solid var(--line);padding:9px 12px;text-decoration:none;color:var(--muted);font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.toc a:hover{color:var(--text);border-color:var(--muted)}
