:root { color-scheme: dark; --ink:#f0eee6; --page:#0d0f0c; --panel:#141711; --soft:#252820; --line:#383c32; --muted:#93998d; --acid:#c9ff2f; --coral:#ff6752; --on-dark:#f3f0e8; --dark-panel:#080a08; }
@font-face { font-family:Geist; src:url('/vendor/geist-latin.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
html[data-theme="light"] { color-scheme: light; --ink:#11130f; --page:#f0ede4; --panel:#f8f6ef; --soft:#e1dfd6; --line:#aeb0a5; --muted:#707469; --on-dark:#f3f0e8; --dark-panel:#151812; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--page); color:var(--ink); font-family:Geist,"Trebuchet MS",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
.site-shell { width:100%; min-height:100vh; overflow-x:hidden; background:var(--page); color:var(--ink); transition:background .35s ease,color .35s ease; }
.topbar { height:70px; padding:0 clamp(18px,3vw,48px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid #393d33; background:#12150f; color:var(--on-dark); }
.brand { width:max-content; display:flex; align-items:center; gap:11px; font-size:12px; font-weight:750; letter-spacing:.11em; }
.brand img { width:34px; height:34px; display:block; object-fit:cover; background:#050605; }
.topbar-note,.fact-track,.eyebrow,.metric span,.panel>header span,.panel>header small,.panel-state,.panel-footnote,th,td,.theme-switch,.range-tabs button,.herd-labels,.herd-panel dd,.site-footer>p { font-family:"SFMono-Regular",Consolas,monospace; }
.topbar-note { margin:0; color:#8d9386; font-size:9px; letter-spacing:.14em; }
.top-actions { justify-self:end; display:flex; align-items:center; gap:24px; }
.top-actions nav,.site-footer nav { display:flex; gap:20px; color:#a7ac9f; font-size:10px; }
.top-actions nav a:hover,.site-footer nav a:hover,.text-link:hover { color:var(--acid); }
.theme-switch { width:72px; height:30px; padding:0 7px; display:flex; align-items:center; justify-content:space-between; border:1px solid #505448; background:transparent; color:#d7d9d0; cursor:pointer; font-size:7px; letter-spacing:.08em; }
.theme-switch i { width:13px; height:13px; display:block; border-radius:50%; background:var(--acid); box-shadow:inset -4px 0 0 rgba(17,19,15,.35); transition:transform .3s ease; }
html[data-theme="light"] .theme-switch i { transform:rotate(180deg); box-shadow:inset 4px 0 0 rgba(17,19,15,.42); }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid var(--acid); outline-offset:3px; }
.fact-marquee { min-height:42px; overflow:hidden; background:var(--acid); color:#11130f; }
.fact-track { width:max-content; min-height:42px; padding:0 28px; display:flex; align-items:center; gap:46px; animation:fact-scroll 32s linear infinite; font-size:9px; font-weight:650; letter-spacing:.09em; }
@keyframes fact-scroll { to { transform:translateX(-50%); } }
main { width:100%; overflow:hidden; }
.hero-split { width:min(1464px,calc(100% - 36px)); min-height:500px; margin:0 auto; padding:70px 0 62px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr); gap:clamp(48px,6vw,88px); align-items:center; }
.hero-copy { max-width:52rem; }
.eyebrow { margin:0 0 18px; color:var(--muted); font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.hero-copy h1 { max-width:52rem; margin:0; font-size:clamp(2.8rem,4.2vw,5.1rem); line-height:.88; letter-spacing:-.075em; font-weight:780; }
.hero-copy h1 span { display:block; white-space:nowrap; }
.hero-mark { width:.58em; height:.58em; display:inline-block; vertical-align:-.04em; object-fit:cover; }
.hero-copy>p:not(.eyebrow) { max-width:560px; margin:28px 0 24px; color:var(--muted); font-size:14px; line-height:1.6; }
.text-link { display:inline-flex; gap:12px; align-items:center; color:var(--ink); font:10px "SFMono-Regular",Consolas,monospace; text-transform:uppercase; letter-spacing:.08em; text-decoration:underline; text-underline-offset:5px; }
.flow-diagram { position:relative; min-height:300px; padding:28px 0 28px 44px; border-left:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:0; }
.flow-line { position:absolute; top:50%; left:0; right:0; border-top:1px solid var(--line); }
.flow-step { position:relative; z-index:1; min-height:120px; padding:18px 26px; background:var(--page); border-bottom:1px solid var(--line); }
.flow-step:nth-of-type(odd) { border-right:1px solid var(--line); }
.flow-step:nth-of-type(n+3) { border-bottom:0; }
.flow-index { display:block; margin-bottom:18px; color:var(--acid); font:10px "SFMono-Regular",Consolas,monospace; }
.flow-step strong { display:block; font-size:20px; letter-spacing:-.04em; }
.flow-step p { max-width:180px; margin:8px 0 0; color:var(--muted); font-size:11px; line-height:1.4; }
.evidence { width:min(1464px,calc(100% - 36px)); margin:0 auto; padding:44px 0 22px; border-top:1px solid var(--ink); }
.section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:22px; }
.section-heading h2 { max-width:700px; margin:0; font-size:clamp(30px,4vw,58px); line-height:.9; letter-spacing:-.06em; }
.section-heading>p { max-width:290px; margin:0; color:var(--muted); font:8px/1.5 "SFMono-Regular",Consolas,monospace; text-align:right; }
.metric-rail { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--ink); }
.metric { min-width:0; min-height:112px; padding:18px; background:var(--panel); border-right:1px solid var(--ink); }
.metric:last-child { border-right:0; }
.metric span { display:block; color:var(--muted); font-size:10px; letter-spacing:.08em; }
.metric strong { display:block; margin-top:20px; overflow:hidden; color:var(--ink); font-size:clamp(20px,2vw,31px); line-height:1; letter-spacing:-.06em; text-overflow:ellipsis; white-space:nowrap; }
.metric small { display:block; margin-top:8px; color:var(--muted); font-size:9px; line-height:1.35; }
.metric-featured { background:var(--acid); color:#11130f; }
.metric-featured strong,.metric-featured span,.metric-featured small { color:#11130f; }
.account-grid { width:min(1464px,calc(100% - 36px)); margin:0 auto; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-flow:dense; gap:0; border-left:1px solid var(--ink); border-top:1px solid var(--ink); }
.panel { min-width:0; overflow:hidden; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:var(--panel); }
.panel>header { min-height:70px; padding:16px 18px; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; border-bottom:1px solid var(--line); }
.panel>header span { color:var(--muted); font-size:10px; letter-spacing:.08em; }
.panel>header strong { display:block; margin-top:8px; font-size:15px; }
.panel>header small { display:block; margin-top:7px; color:var(--muted); font-size:9px; letter-spacing:.03em; }
.chart-panel { grid-column:span 8; min-height:370px; }
.herd-panel { grid-column:span 4; min-height:370px; background:var(--dark-panel); color:var(--on-dark); border-right-color:#33372e; }
.ledger-panel { grid-column:span 8; }
.activity-panel { grid-column:span 4; }
.range-tabs,.carousel-controls { display:flex; gap:3px; }
.range-tabs button,.carousel-controls button { min-width:32px; padding:6px; border:0; background:transparent; color:var(--muted); cursor:pointer; font-size:8px; }
.range-tabs button[aria-pressed="true"] { background:var(--muted); color:var(--panel); }
.chart-wrap { height:240px; padding:0 18px; }
#equity-chart { width:100%; height:100%; display:block; }
.chart-grid line { stroke:var(--line); stroke-opacity:.6; stroke-width:1; }
#equity-area { fill:url(#chart-fill); }
#equity-line { fill:none; stroke:var(--ink); stroke-width:3; stroke-linejoin:round; stroke-linecap:round; }
#equity-dot { fill:var(--acid); stroke:var(--ink); stroke-width:2; }
.chart-empty rect { fill:var(--soft); stroke:var(--line); stroke-width:1; }
.chart-empty line { stroke:var(--muted); stroke-dasharray:5 6; stroke-opacity:.6; }
.chart-empty text { fill:var(--muted); font:9px "SFMono-Regular",Consolas,monospace; letter-spacing:.04em; }
.chart-panel>footer { display:flex; justify-content:space-between; padding:0 18px 14px; color:var(--muted); font:8px "SFMono-Regular",Consolas,monospace; }
.herd-center { min-height:238px; padding:24px 26px 18px; display:flex; flex-direction:column; justify-content:center; }
#herd-empty { margin:0 0 18px; color:var(--acid); font:8px "SFMono-Regular",Consolas,monospace; letter-spacing:.08em; }
.herd-score { display:flex; align-items:baseline; justify-content:space-between; }
.herd-score strong { font-size:clamp(56px,5vw,82px); line-height:.8; letter-spacing:-.08em; }
.herd-score strong:last-child { color:#959b8f; }
.herd-score i { color:#4d5147; font-style:normal; }
.herd-labels { padding:13px 0 9px; display:flex; justify-content:space-between; color:#969c90; font-size:8px; }
.herd-bar { height:8px; display:flex; gap:3px; }
.herd-bar i { width:0; background:var(--acid); transition:width .6s ease; }
.herd-bar b { width:100%; background:var(--coral); transition:width .6s ease; }
.herd-panel dl { margin:0; border-top:1px solid #33372e; }
.herd-panel dl div { padding:11px 18px; display:flex; justify-content:space-between; border-bottom:1px solid #33372e; font-size:9px; }
.herd-panel dt { color:#949a8e; }
.herd-panel dd { margin:0; font-size:9px; }
.panel-state,.panel-footnote { color:var(--muted); font-size:9px; letter-spacing:.03em; }
.table-wrap { overflow-x:auto; }
table { width:100%; min-width:760px; border-collapse:collapse; }
th { padding:12px 15px; border-bottom:1px solid var(--line); color:var(--muted); text-align:left; font-size:9px; letter-spacing:.07em; }
td { padding:14px 15px; border-bottom:1px solid var(--line); font-size:10px; }
tbody tr:hover { background:var(--soft); }
.buy-text { color:#769d2f; }
.sell-text { color:var(--coral); }
.fill-status { padding:4px 6px; background:rgba(100,132,40,.12); color:#769d2f; font-size:8px; }
.table-message,.panel-empty { padding:26px 18px; color:var(--muted); font-size:12px; }
.carousel-controls button { border:1px solid var(--line); }
.leader-track { min-height:216px; display:grid; align-content:start; }
.leader { min-height:64px; padding:0 18px; display:grid; grid-template-columns:32px 1fr auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.leader>span,.leader small { color:var(--muted); font:9px "SFMono-Regular",Consolas,monospace; }
.leader strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.leader b { color:var(--muted); font:8px "SFMono-Regular",Consolas,monospace; }
.panel-footnote { margin:12px 18px; padding:10px; background:var(--dark-panel); line-height:1.4; }
.method-section { width:min(1464px,calc(100% - 36px)); margin:0 auto; padding:150px 0; display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:clamp(50px,8vw,150px); border-top:1px solid var(--ink); }
.method-thesis { align-self:start; }
.method-thesis h2 { max-width:460px; margin:0; font-size:clamp(38px,4.5vw,68px); line-height:.9; letter-spacing:-.065em; }
.method-thesis>p:not(.eyebrow) { max-width:370px; margin:24px 0; color:var(--muted); font-size:14px; line-height:1.55; }
.method-process { border-top:1px solid var(--ink); }
.process-item { padding:23px 0; display:grid; grid-template-columns:100px 1fr; gap:16px; border-bottom:1px solid var(--line); }
.process-item>span { color:var(--acid); font:9px "SFMono-Regular",Consolas,monospace; text-transform:uppercase; }
.process-item strong { font-size:20px; letter-spacing:-.04em; }
.process-item p { grid-column:2; max-width:560px; margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.rules-slices { width:min(1464px,calc(100% - 36px)); margin:0 auto; padding:20px 0 150px; }
.slice-track { display:flex; min-height:230px; border:1px solid var(--ink); }
.rule-slice { min-width:0; flex:1 1 0; border-right:1px solid var(--ink); background:var(--panel); transition:flex-basis .45s ease,background .35s ease; }
.rule-slice:last-child { border-right:0; }
.rule-slice:hover,.rule-slice:focus-within,.rule-slice[open] { flex:2.2 1 0; background:var(--soft); }
.rule-slice summary { height:100%; min-height:230px; padding:18px; display:flex; flex-direction:column; justify-content:space-between; cursor:pointer; list-style:none; }
.rule-slice summary::-webkit-details-marker { display:none; }
.rule-slice summary span { font-size:18px; writing-mode:vertical-rl; transform:rotate(180deg); letter-spacing:-.04em; }
.rule-slice summary b { color:var(--muted); font:9px "SFMono-Regular",Consolas,monospace; }
.rule-slice p { max-width:290px; margin:0; padding:0 18px 20px; color:var(--muted); font-size:13px; line-height:1.5; }
.site-footer { min-height:92px; padding:0 clamp(18px,3vw,48px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-top:1px solid #393d33; background:#12150f; color:var(--on-dark); }
.site-footer .brand img { width:30px; height:30px; }
.site-footer>p { margin:0; color:#8d9386; font-size:8px; letter-spacing:.13em; }
.site-footer nav { justify-self:end; }
@media (max-width:1050px) { .topbar { grid-template-columns:1fr auto; } .topbar-note { display:none; } .hero-split { gap:48px; grid-template-columns:1fr .9fr; } .metric-rail { grid-template-columns:repeat(3,1fr); } .metric:nth-child(3) { border-right:0; } .metric:nth-child(-n+3) { border-bottom:1px solid var(--ink); } }
@media (max-width:820px) { .top-actions nav { display:none; } .hero-split { min-height:0; padding:70px 0 52px; grid-template-columns:1fr; gap:48px; } .hero-copy h1 { max-width:700px; } .flow-diagram { max-width:620px; } .chart-panel,.herd-panel,.ledger-panel,.activity-panel { grid-column:span 12; } .method-section { grid-template-columns:1fr; gap:56px; padding:110px 0; } .method-thesis { max-width:620px; } .slice-track { min-height:0; } .rule-slice summary { min-height:190px; } .site-footer { grid-template-columns:1fr auto; } .site-footer>p { display:none; } }
@media (max-width:600px) { .topbar { height:60px; padding:0 12px; } .brand { font-size:10px; } .brand img { width:30px; height:30px; } .theme-switch { width:62px; } .fact-track { gap:28px; font-size:8px; } .hero-split,.evidence,.account-grid,.method-section,.rules-slices { width:calc(100% - 24px); } .hero-split { padding:56px 0 48px; } .hero-copy h1 { font-size:clamp(2.65rem,12vw,4rem); line-height:.9; } .hero-copy h1 span { white-space:normal; } .hero-copy>p:not(.eyebrow) { font-size:12px; } .flow-diagram { min-height:0; padding:0; border-left:0; grid-template-columns:1fr; } .flow-line { top:0; bottom:0; left:17px; right:auto; border-top:0; border-left:1px solid var(--line); } .flow-step,.flow-step:nth-of-type(odd),.flow-step:nth-of-type(n+3) { min-height:0; padding:17px 18px 17px 48px; border-right:0; border-bottom:1px solid var(--line); } .flow-step:last-child { border-bottom:0; } .flow-index { position:absolute; top:20px; left:0; } .flow-step p { max-width:none; } .evidence { padding-top:30px; } .section-heading { display:block; } .section-heading>p { max-width:none; margin-top:16px; text-align:left; } .metric-rail { grid-template-columns:1fr 1fr; } .metric { min-height:106px; padding:14px 12px; border-bottom:1px solid var(--ink); } .metric:nth-child(odd) { border-right:1px solid var(--ink); } .metric:nth-child(even) { border-right:0; } .metric:last-child { grid-column:1/-1; border-bottom:0; } .metric strong { margin-top:17px; font-size:22px; } .chart-wrap { height:190px; padding:0 8px; } .herd-center { min-height:220px; padding:22px 18px; } .herd-score strong { font-size:62px; } .method-section { padding:88px 0; } .process-item { grid-template-columns:76px 1fr; gap:10px; } .process-item strong { font-size:16px; } .process-item p { grid-column:2; font-size:12px; } .slice-track { display:block; border-bottom:0; } .rule-slice,.rule-slice:hover,.rule-slice:focus-within,.rule-slice[open] { display:block; border-right:0; border-bottom:1px solid var(--ink); background:var(--panel); } .rule-slice summary,.rule-slice summary span { min-height:0; height:auto; display:flex; flex-direction:row; align-items:center; justify-content:space-between; writing-mode:horizontal-tb; transform:none; } .rule-slice summary span { font-size:18px; } .rule-slice p { padding:0 18px 20px; } .site-footer { min-height:78px; padding:0 12px; } .site-footer nav { display:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* At 390px keep the first semantic headline span intact; the second may use
   two lines, preserving the three-line editorial hierarchy without overflow. */
@media (max-width:600px) {
  .hero-copy h1 { font-size:clamp(2.25rem,9.6vw,3.2rem); letter-spacing:-.09em; }
  .hero-copy h1 span:first-child { white-space:nowrap; }
}