
:root{--ink:#14161B;--paper:#F6F4EF;--sig:#2B3BFF;--rule:#C9C5BB;--mut:#6B6E76;--body:#3A3D45;--pad:clamp(20px,5vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 'Inter Tight',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--sig);text-decoration:none}a:hover{color:var(--ink)}::selection{background:var(--sig);color:#fff}
p,h1,h2,h3{margin:0;text-wrap:pretty}
.mono{font:400 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.serif{font-family:'Instrument Serif',serif;font-weight:400}
.wrap{max-width:1320px;margin:0 auto}
.sec{border-bottom:1px solid var(--ink)}
.head{padding:88px var(--pad) 44px;max-width:1040px}
.head h2{font:400 clamp(40px,5vw,68px)/1 'Instrument Serif';letter-spacing:-.02em}
.head p.lead{color:var(--body);max-width:640px;margin-top:20px}
.btn{display:inline-flex;gap:10px;align-items:center;background:var(--ink);color:var(--paper);padding:14px 22px;font:500 15px/1 'Inter Tight';white-space:nowrap;transition:background .2s}
.btn:hover{background:var(--sig);color:#fff}
.btn2{display:inline-flex;border:1px solid var(--ink);color:var(--ink);padding:13px 22px;font:500 15px/1 'Inter Tight';white-space:nowrap;transition:background .2s}.btn2:hover{background:var(--ink);color:var(--paper)}
/* nav */
nav{position:sticky;top:0;z-index:20;background:rgba(246,244,239,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--pad)}
.wm{font:300 24px/1 'Inter Tight';letter-spacing:-.045em;color:var(--ink)}.wm span{color:var(--sig)}
.navl{display:flex;gap:28px;font-size:14px}.navl a{color:var(--ink)}.navl a:hover{color:var(--sig)}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.hl{padding:72px var(--pad);border-right:1px solid var(--ink)}
.hero h1{font:400 clamp(52px,7.2vw,104px)/.94 'Instrument Serif';letter-spacing:-.025em;margin:0 0 30px}.hero h1 em{color:var(--sig)}
.hero .lead{font-size:19px;color:var(--body);max-width:560px}
.ro{padding:44px clamp(20px,3.5vw,48px);display:flex;flex-direction:column}
.rohead{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.roq{font:400 28px/1.22 'Instrument Serif';padding:24px 0 20px;min-height:110px}
.row{display:grid;grid-template-columns:32px 1fr auto;padding:15px 0;border-bottom:1px solid var(--rule);align-items:center;transition:opacity .4s,transform .4s}
.row.hide{opacity:0;transform:translateY(6px)}
.row.you{background:var(--sig);color:#fff;margin:0 -12px;padding:15px 12px;border:0}
.share{margin-top:auto;padding-top:26px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.share div{border-top:2px solid var(--rule);padding-top:8px;color:var(--mut);transition:border-color .3s,color .3s}.share div.on{border-color:var(--ink);color:var(--ink)}
/* client line */
.cline{padding:56px var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.cline p{font:400 clamp(30px,3.4vw,46px)/1.1 'Instrument Serif';letter-spacing:-.015em}.cline p+p{color:var(--sig)}
/* demo */
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 var(--pad) 24px}
.tab{text-align:left;background:#fff;border:1px solid var(--ink);padding:22px 22px 24px;font:400 30px/1.05 'Instrument Serif';color:var(--ink);cursor:pointer;position:relative;display:flex;flex-direction:column;gap:10px;min-height:150px;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.tab::before{content:attr(data-n);font:500 11px/1 'JetBrains Mono';letter-spacing:.06em;color:var(--sig)}
.tab small{display:block;font:400 14px/1.4 'Inter Tight';color:var(--body);margin-top:auto}
.tab:hover{transform:translateY(-4px);box-shadow:0 14px 0 -6px var(--sig)}
.tab.on{background:var(--ink);color:#fff;transform:translateY(-4px);box-shadow:0 14px 0 -6px var(--sig)}.tab.on small{color:#B6B4AE}.tab.on::before{color:#7D88FF}
.tab i{position:absolute;left:0;bottom:0;height:3px;background:var(--sig);width:0}
.demo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.chat{background:var(--ink);color:var(--paper);padding:32px clamp(20px,4vw,56px) 40px;min-height:520px;display:flex;flex-direction:column;gap:22px}
.chat .bar{display:flex;justify-content:space-between;color:#8B8E96;padding-bottom:14px;border-bottom:1px solid #2A2D35}
.who{color:#8B8E96;margin-bottom:8px}
.ask{align-self:flex-end;max-width:85%;background:#23262E;padding:16px 20px;font:400 22px/1.3 'Instrument Serif';min-height:58px}
.ans{font-size:17px;line-height:1.6;color:#D9D6CE;min-height:120px}
.ans b{font-weight:500;color:#fff}
.ans s{text-decoration:none;background:#3A1F22;color:#FFB4B4;padding:0 4px}
.caret{display:inline-block;width:8px;height:1.1em;background:#7D88FF;vertical-align:-3px;margin-left:2px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8B8E96;margin-right:5px;animation:dt 1s infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dt{50%{opacity:.2}}
.verdict{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #2A2D35;padding-top:18px;opacity:0;transition:opacity .5s}
.verdict.on{opacity:1}.verdict strong{font:400 26px/1.1 'Instrument Serif';color:#fff}
.you2{background:#fff;padding:32px clamp(20px,4vw,56px) 40px;display:flex;flex-direction:column;gap:0;border-left:1px solid var(--ink)}
.you2 .bar{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ink);color:var(--mut)}
.metric{display:grid;grid-template-columns:1fr auto;padding:16px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.metric b{font:400 30px/1 'Instrument Serif';font-weight:400}
.flat{height:90px;margin:22px 0 8px;position:relative}
.flat svg{position:absolute;inset:0;width:100%;height:100%}
.nothing{font:400 28px/1.15 'Instrument Serif';margin-top:auto;padding-top:22px;opacity:0;transition:opacity .6s}.nothing.on{opacity:1}
.seen{background:var(--sig);color:#fff;padding:18px var(--pad);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;transform:translateY(100%);opacity:0;transition:all .5s}
.seen.on{transform:none;opacity:1}.seen p{font:400 24px/1.2 'Instrument Serif'}.seen a{color:#fff;border-bottom:1px solid #fff}
/* engines */
.engines{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:center;gap:32px;padding:28px var(--pad)}
.enl{font:400 22px/1.2 'Instrument Serif'}
.enrow{display:flex;flex-wrap:wrap;gap:10px 0;border-left:1px solid var(--rule)}
.en{flex:1 1 auto;display:flex;align-items:center;gap:12px;padding:10px 20px;border-right:1px solid var(--rule);font:500 16px/1.2 'Inter Tight';transition:color .25s}.mg{width:26px;height:26px;flex:none;display:grid;place-items:center;border:1px solid var(--ink);font:500 13px 'JetBrains Mono';font-style:normal}
@media (max-width:1200px){.engines{grid-template-columns:1fr;gap:14px}.enrow{border-left:0}.en:first-child{padding-left:0}}
.en img{width:26px;height:26px;flex:none;transition:filter .25s}.en:hover{color:var(--sig)}
/* proof + trust */
.proof{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border-top:1px solid var(--ink)}
.proof>div{padding:44px var(--pad) 52px}.proof>div+div{border-left:1px solid var(--ink);background:#fff;display:flex;flex-direction:column;gap:18px}
.proof blockquote{margin:0;font:400 clamp(28px,3vw,40px)/1.15 'Instrument Serif'}
.sheet{border:1px solid var(--ink);padding:18px;display:grid;gap:8px;background:var(--paper)}
.sheet{gap:12px}.sh-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--ink)}.sh-top span{white-space:nowrap}
.sh-q{font:400 19px/1.25 'Instrument Serif'}
.sh-t{width:100%;border-collapse:collapse;font-size:13px}.sh-t th{font:500 10px/1 'JetBrains Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--mut);text-align:right;padding:0 0 8px}.sh-t th:first-child{text-align:left}
.sh-t td{padding:7px 0;border-top:1px solid var(--rule);text-align:right;font-family:'JetBrains Mono';font-size:12px}.sh-t td:first-child{text-align:left;font-family:'Inter Tight';font-size:13px}.sh-t td.z{color:var(--sig);font-weight:500}
.sh-f{font-size:13px;line-height:1.45;padding-top:10px;border-top:1px solid var(--ink)}.sh-f .mono{display:block;color:var(--sig);margin-bottom:4px}
.party{padding:64px var(--pad);text-align:left}
.party p{font:400 clamp(40px,5vw,72px)/1 'Instrument Serif';letter-spacing:-.02em;max-width:1100px}.party p em{color:var(--sig)}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.trust div{padding:22px var(--pad);border-right:1px solid var(--ink);font-size:15px}.trust div:last-child{border-right:0}
.redact{background:#2A2D35;color:#fff;padding:0 6px;font-weight:500}
/* founders */
.fh{font:400 26px/1.15 'Instrument Serif';padding:28px var(--pad) 18px}
.founders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.fd{padding:20px 24px 26px;display:flex;flex-direction:column;gap:12px}.fd:first-child{padding-left:var(--pad)}.fd:last-child{padding-right:var(--pad)}.fd+.fd{border-left:1px solid var(--rule)}
.fdt{display:flex;align-items:center;gap:14px}
.fd image-slot{display:block;width:48px;height:48px;flex:none}
.fd b{display:block;font:500 16px/1.25 'Inter Tight';white-space:nowrap}.fd .mono{color:var(--sig);font-size:10px}
.fd p{font-size:14px;line-height:1.5;color:var(--body)}
.li{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid var(--rule);font:600 13px/1 'Inter Tight';color:var(--ink);transition:background .2s,color .2s,border-color .2s}.li:hover{background:var(--sig);border-color:var(--sig);color:#fff}
@media (max-width:900px){.founders{grid-template-columns:1fr}.fd,.fd:first-child,.fd:last-child{padding:20px var(--pad) 26px}.fd+.fd{border-left:0;border-top:1px solid var(--rule)}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{padding:40px var(--pad) 56px;border-right:1px solid var(--ink)}.stat:last-child{border-right:0}
.big{font:400 clamp(64px,7vw,108px)/1 'Instrument Serif';letter-spacing:-.03em}.big .ar{color:var(--sig)}
.stat p.d{margin-top:14px;color:var(--body);max-width:360px}.stat .src{margin-top:12px;color:var(--mut)}
/* layers (sticky) */
.layers{height:300vh;position:relative}
.stick{position:sticky;top:61px;height:calc(100vh - 61px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-bottom:1px solid var(--ink)}
.lyl{padding:56px var(--pad);border-right:1px solid var(--ink);display:flex;flex-direction:column}
.lyl h2{font:400 clamp(40px,4.6vw,64px)/1 'Instrument Serif';letter-spacing:-.02em;margin:0 0 22px}
.steps{margin-top:auto;display:grid}
.step{display:grid;grid-template-columns:44px 1fr;padding:18px 0;border-top:1px solid var(--rule);color:var(--mut);transition:color .3s}
.step b{font:400 26px/1.1 'Instrument Serif';display:block;color:inherit}.step.on{color:var(--ink)}.step.on .mono{color:var(--sig)}
.lyr{padding:56px clamp(20px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:0}
.avg{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:20px 0;border-bottom:1px solid var(--ink)}
.track{grid-column:1/-1;height:10px;background:#E4E0D6;position:relative}.track i{position:absolute;left:0;top:0;bottom:0;background:var(--ink);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.lrow{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--rule);transition:opacity .4s,background .4s}
.lrow.off{opacity:.25}.lrow .st{font:500 12px/1 'JetBrains Mono';letter-spacing:.05em;text-transform:uppercase;padding:6px 8px;border:1px solid currentColor}
.lrow .st.bad{color:var(--sig)}
/* questions */
.qlist{display:grid}
.qi{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.3fr);gap:32px;padding:26px var(--pad);border-top:1px solid var(--rule);align-items:baseline;transition:background .25s}
.qi:hover{background:#fff}.qi:hover .qn{color:var(--sig)}
.qi h3{font:400 30px/1.1 'Instrument Serif'}.qi p{color:var(--body)}.qn{color:var(--mut)}
.qsplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.qsplit div{padding:22px var(--pad)}.qsplit div+div{border-left:1px solid var(--ink)}
/* directory wall (dark) */
.dark{background:var(--ink);color:var(--paper)}.dark .head p.lead{color:#B6B4AE}.dark .mono{color:#8B8E96}
.dstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #2A2D35}.dstats .big{font-size:clamp(56px,5.6vw,92px)}
.dstats div{padding:36px var(--pad) 48px;border-right:1px solid #2A2D35}.dstats div:last-child{border-right:0}
.dstats .big{color:var(--paper)}.dstats .big .ar{color:#7D88FF}.dstats p{color:#B6B4AE;margin-top:12px}
/* seo vs aeo */
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.vs>div{padding:40px var(--pad) 56px}.vs>div+div{border-left:1px solid var(--ink);background:#fff}
.vs h3{font:400 54px/1 'Instrument Serif';margin:14px 0 10px}.vs>div+div h3{color:var(--sig)}
.mini{margin-top:28px;display:grid;gap:8px}.mini div{height:14px;background:#E4E0D6}.mini div.n{background:var(--sig)}
/* loop */
.loop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.loopL{padding:0 var(--pad) 72px;position:relative}
.lp{position:relative;padding:0 var(--pad) 72px 0}
.lpline{position:absolute;left:21px;top:8px;bottom:80px;width:1px;background:var(--rule)}.lpline i{position:absolute;left:0;top:0;width:1px;background:var(--sig);height:0}
.ls{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:0 0 40px;position:relative}
.ls .dot{width:43px;height:43px;border:1px solid var(--ink);background:var(--paper);display:grid;place-items:center;font:500 12px 'JetBrains Mono';transition:background .3s,color .3s,border-color .3s}
.ls.on .dot{background:var(--sig);border-color:var(--sig);color:#fff}
.ls h3{font:400 32px/1.1 'Instrument Serif'}.ls p{color:var(--body);margin-top:6px;max-width:520px}
.phases{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.phases span{border:1px solid var(--ink);padding:7px 10px}
/* why */
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.why>div{padding:36px var(--pad) 48px;border-right:1px solid var(--ink)}.why>div:last-child{border-right:0}
.why h3{font:400 36px/1.05 'Instrument Serif';margin:0 0 14px}.why p{color:var(--body)}
.contrast{padding:44px var(--pad);border-top:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}
.contrast p.s{font:400 clamp(30px,3.2vw,44px)/1.08 'Instrument Serif'}.contrast p.b{color:var(--body)}
/* tiers */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.tier{padding:36px var(--pad) 44px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:14px;transition:background .3s,color .3s}.tier:last-child{border-right:0}
.tier h3,.tier p,.tier .mono{transition:color .3s}
.tier:hover{background:var(--ink);color:var(--paper)}.tier:hover p{color:#D9D6CE}.tier:hover h3{color:#fff}.tier:hover .mono{color:#7D88FF}
.tier h3{font:400 56px/1 'Instrument Serif'}.tier p{color:var(--body)}
.tier.own{background:var(--ink);color:var(--paper)}.tier.own p{color:#B6B4AE}.tier.own h3{color:#fff}.tier.own .mono{color:#7D88FF}
.tier.build h3,.tier.build p{color:var(--sig)}.tier.build:hover{background:var(--sig)}.tier.build:hover h3,.tier.build:hover p{color:#fff}
.tier.own:hover{background:var(--paper);color:var(--ink)}.tier.own:hover h3,.tier.own:hover p{color:var(--ink)}.tier.own:hover .mono{color:var(--mut)}
.arc{padding:22px var(--pad);border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
/* faq */
.faq{border-top:1px solid var(--ink)}
.fq{border-bottom:1px solid var(--rule)}.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 40px;padding:24px var(--pad);font:400 30px/1.15 'Instrument Serif'}
.fq summary::-webkit-details-marker{display:none}.fq summary i{font-style:normal;font:400 22px 'JetBrains Mono';text-align:right;transition:transform .25s}.fq[open] summary i{transform:rotate(45deg);color:var(--sig)}
.fq p{padding:0 var(--pad) 28px;color:var(--body);max-width:820px}
/* cta */
.cta{padding:96px var(--pad);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:end}
.cta h2{font:400 clamp(56px,7vw,112px)/.92 'Instrument Serif';letter-spacing:-.025em}.cta h2 em{color:#7D88FF}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px var(--pad);border-top:1px solid #2A2D35;color:#8B8E96}
footer .wm{color:var(--paper)}footer .wm span{color:#7D88FF}footer a{color:#B6B4AE;white-space:nowrap}footer a:hover{color:#fff}
/* reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media (max-width:900px){
.navl{display:none}.hero,.cline,.head,.stats,.dstats,.vs,.loop,.why,.tiers,.contrast,.cta,.qsplit{grid-template-columns:1fr}
.hl,.stat,.dstats div,.why>div,.tier{border-right:0!important;border-bottom:1px solid currentColor}
.vs>div+div,.qsplit div+div{border-left:0;border-top:1px solid var(--ink)}
.demo{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr}.tab{font-size:24px;min-height:120px}.engines,.proof{grid-template-columns:1fr}.enrow{grid-template-columns:1fr 1fr;border-left:0}.en{border-right:0;border-bottom:1px solid var(--rule)}.proof>div+div{border-left:0;border-top:1px solid var(--ink)}.trust{grid-template-columns:1fr 1fr}.dstats[style]{grid-template-columns:1fr 1fr!important}.trust div{border-bottom:1px solid var(--ink)}.you2{border-left:0;border-top:1px solid var(--ink)}.qi{grid-template-columns:48px 1fr}.qi p{grid-column:2}
.layers{height:auto}.stick{position:relative;top:0;height:auto;grid-template-columns:1fr}.lyl{border-right:0;border-bottom:1px solid var(--ink)}
.lp{padding-left:var(--pad)}.lpline{left:calc(var(--pad) + 21px)}
}
.navl a,.rohead span,.row .mono,footer .mono,.lyr>.mono span,.chat .bar span,.you2 .bar span{white-space:nowrap}
.rohead,.lyr>.mono{flex-wrap:wrap;row-gap:6px}
@media (max-width:1180px){.navl{display:none}}
@media (max-height:720px) and (min-width:901px){.layers{height:auto}.stick{position:relative;top:0;height:auto}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}*{transition:none!important}}

/* ===== shared page components (site-wide) ===== */
.ph{padding:96px var(--pad) 64px;border-bottom:1px solid var(--ink)}
.ph h1{font:400 clamp(52px,7vw,100px)/.95 'Instrument Serif';letter-spacing:-.025em;max-width:1100px}.ph h1 em{color:var(--sig)}
.ph .lead{font-size:19px;color:var(--body);max-width:640px;margin-top:28px}
.ph .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.phs{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border-bottom:1px solid var(--ink)}.phs .ph{border-bottom:0;border-right:1px solid var(--ink)}
.side{padding:56px clamp(20px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.cells{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));border-top:1px solid var(--ink)}
.cells>div{padding:36px var(--pad) 44px;border-right:1px solid var(--ink)}.cells>div:last-child{border-right:0}
.cells h3{font:400 34px/1.05 'Instrument Serif';margin:0 0 12px}.cells p{color:var(--body)}.cells .k{color:var(--sig);margin-bottom:14px;display:block}
.dark .cells{border-color:#2A2D35}.dark .cells>div{border-color:#2A2D35}.dark .cells p{color:#B6B4AE}
.steps5{border-top:1px solid var(--ink)}
.s5{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.2fr) minmax(0,.8fr);gap:32px;padding:30px var(--pad);border-bottom:1px solid var(--rule);align-items:baseline}
.s5 .n{font:400 44px/1 'Instrument Serif';color:var(--sig)}.s5 h3{font:400 30px/1.1 'Instrument Serif'}.s5 p{color:var(--body)}.s5 .out{font-size:14px}.s5 .out b{display:block;font-weight:500;color:var(--ink);margin-top:4px}
.band{padding:28px var(--pad);border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.band p{font:400 clamp(24px,2.6vw,34px)/1.15 'Instrument Serif'}
.kv{width:100%;border-collapse:collapse;border-top:1px solid var(--ink)}
.kv th,.kv td{text-align:left;vertical-align:top;padding:16px var(--pad);border-bottom:1px solid var(--rule)}
.kv th{width:28%;font:400 11px/1.6 'JetBrains Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.prosewrap{display:grid;grid-template-columns:260px minmax(0,1fr);border-top:1px solid var(--ink)}
.toc{padding:40px var(--pad) 40px;border-right:1px solid var(--ink)}.toc nav{position:sticky;top:96px;display:grid;gap:10px;background:none;border:0;backdrop-filter:none}
.toc a{color:var(--mut);font-size:14px}.toc a:hover{color:var(--sig)}
.prose{padding:40px clamp(20px,5vw,72px) 72px;max-width:820px}
.prose h2{font:400 clamp(36px,4vw,52px)/1.02 'Instrument Serif';letter-spacing:-.015em;margin:56px 0 18px}.prose h2:first-child{margin-top:0}
.prose h3{font:400 30px/1.1 'Instrument Serif';margin:36px 0 10px}
.prose p{font-size:18px;line-height:1.65;color:var(--body);margin:0 0 16px}
.prose .def{font:400 24px/1.3 'Instrument Serif';color:var(--ink);margin-bottom:14px}
.prose .risk{border-left:2px solid var(--sig);padding:4px 0 4px 18px;margin:18px 0 8px;font-size:16px;color:var(--ink)}.prose .risk .mono{display:block;color:var(--sig);margin-bottom:4px}
.term{padding:40px 0;border-top:1px solid var(--rule)}.term:first-of-type{border-top:0;padding-top:0}
.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font:400 11px/1.4 'JetBrains Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.form input,.form select{font:400 17px 'Inter Tight';color:var(--ink);background:var(--paper);border:1px solid var(--ink);padding:14px 14px;border-radius:0;outline:none}
.form input:focus,.form select:focus{border-color:var(--sig);box-shadow:0 0 0 3px rgba(43,59,255,.15)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cardlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.cardlist a{display:flex;flex-direction:column;gap:12px;padding:32px var(--pad) 40px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--ink);min-height:260px;transition:background .25s,color .25s}
.cardlist a:nth-child(3n){border-right:0}.cardlist a h3{font:400 32px/1.08 'Instrument Serif'}.cardlist a p{color:var(--body)}.cardlist a .mono{color:var(--sig)}.cardlist a .go{margin-top:auto;font-size:14px}
.cardlist a:hover{background:var(--ink);color:var(--paper)}.cardlist a:hover p{color:#D9D6CE}.cardlist a:hover .mono{color:#7D88FF}
.gnav{position:relative}.dd{position:absolute;top:100%;left:-20px;display:none;background:var(--paper);border:1px solid var(--ink);min-width:300px;padding:8px 0}
.gnav:hover .dd,.gnav:focus-within .dd{display:block}.dd a{display:block;padding:12px 20px}.dd a b{display:block;font-weight:500}.dd a span{color:var(--mut);font-size:13px}.dd a:hover{background:#fff}
@media (max-width:900px){.phs,.prosewrap,.cardlist{grid-template-columns:1fr}.phs .ph{border-right:0;border-bottom:1px solid var(--ink)}.cells{grid-template-columns:1fr}.cells>div{border-right:0;border-bottom:1px solid var(--ink)}.s5{grid-template-columns:48px 1fr}.s5 p,.s5 .out{grid-column:2}.toc{display:none}.cardlist a{border-right:0}.form .two{grid-template-columns:1fr}}

.phs>*,.side,.form label{min-width:0}.form input,.form select{width:100%;min-width:0;box-sizing:border-box}
.chat .bar{flex-wrap:wrap;row-gap:6px}.chat .bar span{white-space:normal}
.fd b{white-space:normal}.fdt{min-width:0}.fdt>div{min-width:0}

/* ===== production additions (selectio.ai build, 2026-10) ===== */
.fd img.fp{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.navl{align-items:center}.gnav>a{display:inline-block}
nav .btn{flex:none}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:99}.skip:focus{left:var(--pad)}
/* phone: short CTA label in the nav, wrapping footer link row */
nav .btn .cta-short{display:none}
@media (max-width:560px){nav .btn .cta-long{display:none}nav .btn .cta-short{display:inline}nav .wrap{gap:14px}}
footer .wrap>span{flex-wrap:wrap}
/* Jacob 2026-10-16: big stats are one colour, number and unit alike */
.big .ar,.dstats .big .ar{color:inherit}
/* audit form: live wiring */
.form .chk{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.45 'Inter Tight';letter-spacing:0;text-transform:none;color:var(--ink)}
.form .chk input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--sig);flex:none}
.form button.btn{border:0;cursor:pointer;justify-content:center;width:100%}
/* ===== article body components (site build, 2026-10) ===== */
.prose figure{margin:0 0 32px}.prose figure img,.prose figure video{display:block;width:100%;height:auto;border:1px solid var(--ink)}.prose figcaption{font:400 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-top:10px}
.prose hr{border:0;border-top:1px solid var(--ink);margin:40px 0}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;color:var(--body);font-size:18px;line-height:1.65}.prose li{margin-bottom:8px}.prose li::marker{color:var(--sig)}
.prose strong{font-weight:500;color:var(--ink)}.prose a{color:var(--sig)}.prose a:hover{color:var(--ink)}
.prose .pull{margin:36px 0;font:400 clamp(26px,3vw,38px)/1.15 'Instrument Serif';color:var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:28px 0}.prose .pull p{font:inherit;color:inherit;margin:0}
.prose .say{font:400 24px/1.3 'Instrument Serif';font-style:italic;color:var(--ink);margin:18px 0}
.prose .label{display:block;color:var(--sig);margin:28px 0 6px}
.prose .stat{background:var(--ink);color:var(--paper);padding:28px 32px;margin:32px 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:baseline}.prose .stat .big{font-size:clamp(48px,5vw,76px);color:#fff}.prose .stat p{color:#D9D6CE;font-size:17px;margin:0}.prose .stat .src{display:block;color:#8B8E96;margin-top:8px}
@media (max-width:600px){.prose .stat{grid-template-columns:1fr}}
.prose .ctabox{margin-top:48px;background:var(--ink);color:var(--paper);padding:32px}.prose .ctabox h3{font:400 32px/1.1 'Instrument Serif';color:#fff;margin:0}.prose .ctabox p{color:#B6B4AE;margin:12px 0 22px;font-size:17px}
.prose .band{margin:36px 0;border:1px solid var(--ink);padding:22px 24px}.prose .band p{font-size:clamp(20px,2.2vw,26px);margin:0;color:var(--ink)}
.prose .faq{margin:8px 0 32px}.prose .fq summary{padding:18px 0;font-size:24px}.prose .fq p{padding:0 0 22px;font-size:17px}
.prose .sources{font-size:14px;color:var(--mut);margin-top:32px;padding-top:18px;border-top:1px solid var(--rule)}
.prose .risk .mono{display:block}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0 8px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;border-top:1px solid var(--ink)}
.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--rule);background:var(--paper)}
.prose thead th{font:500 11px/1.4 'JetBrains Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.prose tbody th{font-weight:400;min-width:170px;position:sticky;left:0;z-index:1}
.cmp-name{display:block;font-weight:500;color:var(--ink)}.cmp-sub{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.cmp-v{text-align:center;white-space:nowrap}.cmp td.cmp-v{width:1%;min-width:120px}
.v{display:inline-block;position:relative}.v i{display:inline-block;width:22px;height:22px;position:relative;vertical-align:middle}
.v-yes i{background:var(--sig);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.4l2.9 2.9 6-6.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}
.v-no i{border:1px solid var(--rule)}.v-no i::after{content:"";position:absolute;left:6px;top:10px;width:8px;height:1px;background:var(--rule)}
.v-part i{border:1px solid var(--sig);background:linear-gradient(90deg,var(--sig) 50%,transparent 50%)}
.v-note{display:block;margin-top:4px;font-size:12px;color:var(--mut);white-space:nowrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cmp-us th,.cmp-us td{background:#fff}.cmp-us th{box-shadow:inset 3px 0 0 var(--sig)}
.prose .abbr{display:inline-block;border:1px solid var(--ink);padding:6px 10px;font:500 13px 'JetBrains Mono';letter-spacing:.06em;margin-bottom:18px}
/* grid children must be allowed to shrink (wide tables scroll inside .tscroll instead of widening the page) */
.prosewrap>*,.prose,.cells>*,.tiers>*,.founders>*,.cardlist>*{min-width:0}
.prose .tscroll{max-width:100%}

.prose p,.prose li,.prose .fq p{overflow-wrap:anywhere}
/* QA 2026-10-19: FAQ toggle column must not widen the page on phones */
.fq summary{min-width:0;overflow-wrap:anywhere}.fq summary i{width:28px;justify-self:end}
@media (max-width:600px){.fq summary{grid-template-columns:minmax(0,1fr) 28px;gap:8px;font-size:24px}}

/* mobile menu (nav links hide under 1180px) */
.burger{display:none;width:42px;height:42px;border:1px solid var(--ink);background:transparent;cursor:pointer;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;margin-left:-8px}
.burger span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .2s,opacity .2s}
nav.open .burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}nav.open .burger span:nth-child(2){opacity:0}nav.open .burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--ink);padding:4px var(--pad) 28px;max-height:calc(100vh - 78px);overflow:auto}
nav.open .mnav{display:block}
.mnav a{display:block;padding:12px 0;border-bottom:1px solid var(--rule);font-size:17px;color:var(--ink)}
.mnav a:hover{color:var(--sig)}
.mnav .mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:22px 0 2px}
.mnav a.btn{display:inline-flex;margin-top:24px;border:0;padding:14px 22px;font-size:15px;color:var(--paper)}
@media (max-width:1180px){.burger{display:flex}}
@media (max-width:560px){nav .wrap{gap:12px}.burger{margin-left:-4px}}

/* article contents rail: more prominent */
.toc nav{gap:0}
.toc nav::before{content:"Contents";font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:2px}
.toc a{color:var(--ink);font-size:15px;line-height:1.35;padding:10px 0;border-bottom:1px solid var(--rule)}
.toc a:hover,.toc a.cur{color:var(--sig)}
.toc a.cur{font-weight:500}

/* phone fold */
.foldbtn{display:none}
@media (max-width:700px){.fold:not(.open) .fx{display:none!important}
.foldbtn{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:11px 16px;border:1px solid var(--ink);background:none;font:500 13px/1 'Inter Tight',sans-serif;color:var(--ink);cursor:pointer}
.foldbtn span{font:400 16px/1 'JetBrains Mono',monospace}
.dark .foldbtn{border-color:var(--paper);color:var(--paper)}
.fold:not(.open){padding-bottom:40px}}
