:root {
  color-scheme: dark;
  --bg: #080b0f;
  --panel: #0d1218;
  --panel-2: #111820;
  --line: #26313c;
  --text: #f1f5f7;
  --muted: #9ba8b3;
  --cyan: #2ce6c5;
  --cyan-soft: rgba(44, 230, 197, .14);
  --orange: #ff8d3a;
  --blue: #6d8cff;
  --max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; color: var(--text); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.6; }
a { color: inherit; }
button, select { font: inherit; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 100; padding: .65rem 1rem; background: var(--cyan); color: #06100e; font-weight: 800; border-radius: .4rem; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }

.site-header { min-height: 72px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 32px; position: sticky; top: 0; z-index: 20; background: rgba(8, 11, 15, .9); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; margin-right: auto; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--cyan); color: var(--cyan); font-weight: 900; font-size: 1.3rem; box-shadow: inset 0 0 16px var(--cyan-soft); }
.brand strong, .brand small { display: block; line-height: 1.15; }
.brand small { color: var(--muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; margin-top: 3px; }
nav { display: flex; gap: 28px; }
nav a, .repo-link { color: var(--muted); text-decoration: none; font-size: .88rem; font-weight: 650; }
nav a:hover, .repo-link:hover { color: var(--cyan); }
.repo-link { border: 1px solid var(--line); padding: .48rem .8rem; }

main { overflow: clip; }
.hero { max-width: var(--max); margin: 0 auto; padding: 108px 24px 82px; min-height: 690px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 64px; }
.eyebrow { margin: 0 0 14px; color: var(--cyan); font: 750 .72rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .16em; }
h1 { margin: 0; font-size: clamp(2.8rem, 5vw, 5.3rem); line-height: .98; letter-spacing: -.055em; max-width: 750px; }
h1 span { color: var(--cyan); }
.hero-lead { max-width: 670px; font-size: 1.07rem; color: #b7c1c8; margin: 27px 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; min-height: 46px; padding: 0 19px; align-items: center; justify-content: center; text-decoration: none; font-weight: 750; font-size: .9rem; border: 1px solid var(--line); }
.button.primary { color: #03110e; background: var(--cyan); border-color: var(--cyan); }
.button.ghost:hover { border-color: var(--cyan); color: var(--cyan); }
.boundary-note { max-width: 620px; margin-top: 22px; color: var(--muted); font-size: .78rem; }
.boundary-note span { color: var(--orange); margin-right: 7px; }

.hero-visual { height: 465px; position: relative; border: 1px solid var(--line); background: radial-gradient(circle at 50% 58%, rgba(44,230,197,.12), transparent 35%), linear-gradient(145deg, #0d1319, #090d12); overflow: hidden; }
.visual-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to bottom, #000, transparent 94%); }
.tower { position: absolute; left: 42px; width: 132px; height: 88px; border: 1px solid var(--line); padding: 13px; background: rgba(8,11,15,.78); }
.tower-image { top: 66px; }.tower-text { bottom: 74px; }
.tower span { color: var(--muted); font: .65rem ui-monospace, monospace; }.tower strong,.tower small { display:block; }.tower strong { margin-top: 5px; letter-spacing: .08em; }.tower small { color: var(--muted); font-size: .68rem; }
.flow { position: absolute; left: 174px; width: 95px; height: 1px; background: linear-gradient(90deg,var(--line),var(--cyan)); transform-origin: left; }.flow::after { content:""; position:absolute; right:0; top:-3px; border-left:6px solid var(--cyan); border-top:3px solid transparent; border-bottom:3px solid transparent; }
.flow-a { top: 154px; transform: rotate(25deg); }.flow-b { bottom: 161px; transform: rotate(-25deg); }
.fusion { position: absolute; left: 254px; top: 178px; width: 118px; height: 110px; display: grid; place-content: center; text-align:center; border:1px solid var(--cyan); background:var(--cyan-soft); box-shadow: 0 0 40px rgba(44,230,197,.08); }
.fusion span { color:var(--cyan); font-size:2rem; font-weight:900; line-height:1; }.fusion strong { font-size:.72rem; letter-spacing:.12em; margin-top:7px; }
.vector-cloud i { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--blue); box-shadow:0 0 14px var(--blue); }.vector-cloud i:nth-child(1){right:70px;top:92px}.vector-cloud i:nth-child(2){right:112px;top:142px;background:var(--cyan)}.vector-cloud i:nth-child(3){right:50px;top:206px;background:var(--orange)}.vector-cloud i:nth-child(4){right:128px;top:250px}.vector-cloud i:nth-child(5){right:72px;bottom:92px;background:var(--cyan)}.vector-cloud i:nth-child(6){right:42px;bottom:147px}
.visual-caption { position:absolute; right:20px; bottom:16px; font:.68rem ui-monospace,monospace; color:var(--muted); }

.stat-rail { border-block: 1px solid var(--line); max-width: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-inline: max(24px, calc((100vw - var(--max)) / 2)); }
.stat-rail div { min-height: 126px; padding: 25px 28px; display:flex; align-items:center; gap:18px; border-right:1px solid var(--line); }.stat-rail div:first-child{border-left:1px solid var(--line)}
.stat-rail strong { font:800 2.35rem/1 ui-monospace,monospace; color:var(--cyan); }.stat-rail span { color:var(--muted); font-size:.76rem; line-height:1.35; text-transform:uppercase; letter-spacing:.08em; }

.section { max-width: var(--max); margin: 0 auto; padding: 104px 24px; scroll-margin-top: 72px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:36px; }.section-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.35rem); letter-spacing:-.04em; line-height:1.05; }.section-heading>p { max-width:480px; margin:0; color:var(--muted); font-size:.92rem; }
.track-tabs { display:flex; gap:8px; margin-bottom:12px; }.track-tab,.mode { color:var(--muted); background:transparent; border:1px solid var(--line); padding:.72rem 1rem; cursor:pointer; }.track-tab.is-active,.mode.is-active { color:#04110e; border-color:var(--cyan); background:var(--cyan); font-weight:750; }
.metric-workspace { min-height:390px; border:1px solid var(--line); display:grid; grid-template-columns:.72fr 1.28fr; background:var(--panel); }.metric-summary { padding:38px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; }.scope-pill { align-self:flex-start; border:1px solid var(--line); color:var(--muted); font: .68rem ui-monospace,monospace; padding:.35rem .55rem; }.metric-summary h3 { font-size:1.65rem; margin:23px 0 10px; }.headline-delta { display:flex; align-items:baseline; gap:12px; }.headline-delta strong { color:var(--cyan); font:850 4.1rem/1 ui-monospace,monospace; }.headline-delta span { color:var(--muted); }.metric-summary>p { color:var(--muted); font-size:.78rem; }.legend { display:flex; gap:18px; margin-top:24px; color:var(--muted); font-size:.72rem; }.legend i { display:inline-block; width:9px; height:9px; margin-right:7px; }.legend .baseline{background:#526171}.legend .trained{background:var(--cyan)}
.chart { padding:34px; display:grid; gap:18px; align-content:center; }.bar-group { display:grid; grid-template-columns:86px 1fr; gap:16px; align-items:center; }.bar-label { color:var(--muted); font:.75rem ui-monospace,monospace; }.bars { display:grid; gap:7px; }.bar { height:34px; min-width:2px; padding:0 10px; display:flex; align-items:center; justify-content:flex-end; font:700 .72rem ui-monospace,monospace; transition:width .45s ease; }.bar.baseline{background:#27333e;color:#c5cdd3}.bar.trained{background:linear-gradient(90deg,#157f71,var(--cyan));color:#03110e}

.lab-section { max-width:none; background:#0a0e13; border-block:1px solid var(--line); padding-inline:max(24px, calc((100vw - var(--max)) / 2)); }.lab-section .section-heading { max-width:var(--max); margin-inline:auto; }.lab-grid { max-width:var(--max); margin:auto; display:grid; grid-template-columns:340px 1fr; border:1px solid var(--line); background:var(--panel); }.query-panel { padding:28px; border-right:1px solid var(--line); }.query-panel label { display:block; font-size:.73rem; color:var(--muted); margin-bottom:8px; text-transform:uppercase; letter-spacing:.08em; }.query-panel select { width:100%; background:#080c10; color:var(--text); border:1px solid var(--line); padding:.76rem; }.mode-switch { display:grid; margin:20px 0; }.mode { text-align:left; border-bottom:0; }.mode:last-child{border-bottom:1px solid var(--line)}.gate-card { padding:17px; border:1px solid var(--line); }.gate-card>div { display:flex; justify-content:space-between; font-size:.75rem; color:var(--muted); }.gate-card strong { color:var(--text); }.gate-track { height:5px; margin:7px 0 14px; background:#202a33; }.gate-track i { display:block; width:54%; height:100%; background:var(--cyan); transition:width .3s ease; }.gate-track.text i { width:46%; background:var(--blue); }.fixture-label { margin:17px 0 0; color:var(--orange); font:.62rem ui-monospace,monospace; letter-spacing:.07em; }.result-panel { padding:28px; }.result-head { display:flex; justify-content:space-between; color:var(--muted); font:.72rem ui-monospace,monospace; margin-bottom:15px; }.synthetic-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.synthetic-card { border:1px solid var(--line); background:#0a0e13; overflow:hidden; }.synthetic-art { aspect-ratio:1.38; position:relative; overflow:hidden; background:var(--art-bg); }.synthetic-art::before,.synthetic-art::after { content:""; position:absolute; border-radius:50%; filter:blur(1px); }.synthetic-art::before{width:62%;height:62%;left:10%;top:13%;background:var(--art-a);transform:rotate(17deg);border-radius:22% 65% 30% 55%}.synthetic-art::after{width:45%;height:45%;right:5%;bottom:3%;background:var(--art-b);border-radius:65% 25% 56% 22%}.synthetic-card:nth-child(2) .synthetic-art::before{transform:rotate(54deg);left:25%}.synthetic-card:nth-child(3) .synthetic-art::after{right:30%;bottom:18%}.synthetic-body { padding:14px; }.synthetic-meta{display:flex;justify-content:space-between;color:var(--muted);font:.68rem ui-monospace,monospace}.synthetic-body p{font-size:.83rem;min-height:2.7em;margin:10px 0 0}.synthetic-meta strong{color:var(--cyan)}

.protocol-flow { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }.protocol-flow li { min-height:230px; padding:25px; border-right:1px solid var(--line); position:relative; }.protocol-flow li:last-child{border:0}.protocol-flow span { color:var(--cyan); font: .72rem ui-monospace,monospace; }.protocol-flow strong { display:block; font-size:1.1rem; margin:48px 0 8px; }.protocol-flow p { color:var(--muted); font-size:.82rem; }.attribution-card { margin-top:16px; padding:28px; border:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(90deg,var(--cyan-soft),transparent); }.attribution-card h3 { margin:0; max-width:590px; }.attribution-values { display:flex; gap:24px; }.attribution-values span { color:var(--muted); font-size:.72rem; }.attribution-values strong{display:block;color:var(--text);font:800 1.15rem ui-monospace,monospace}
.claim-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.claim { min-height:285px; padding:28px; border:1px solid var(--line); background:var(--panel); }.claim>span{font:.68rem ui-monospace,monospace;letter-spacing:.09em}.claim.allowed>span{color:var(--cyan)}.claim.blocked>span{color:var(--orange)}.claim.boundary>span{color:var(--blue)}.claim h3{font-size:1.3rem;margin:28px 0 20px}.claim ul{padding-left:1.1rem;color:var(--muted);font-size:.82rem}.claim li+li{margin-top:10px}
footer { min-height:90px; padding:0 max(24px,calc((100vw - var(--max))/2)); border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:.75rem; }footer a{color:var(--cyan);text-decoration:none}

@media (max-width: 900px) {
  nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:72px; }
  .hero-visual { max-width:600px; width:100%; }
  .stat-rail { grid-template-columns:repeat(2,1fr); }
  .metric-workspace,.lab-grid { grid-template-columns:1fr; }
  .metric-summary,.query-panel { border-right:0; border-bottom:1px solid var(--line); }
  .protocol-flow { grid-template-columns:repeat(2,1fr); }.protocol-flow li:nth-child(2){border-right:0}.protocol-flow li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .attribution-card,.section-heading { align-items:flex-start; flex-direction:column; }.attribution-values{flex-wrap:wrap}
}

@media (max-width: 540px) {
  .site-header { padding-inline:16px; min-height:64px; }.repo-link{display:none}.brand small{display:none}
  .hero { padding:56px 16px 58px; gap:42px; min-height:0; }.hero-visual{height:380px}.tower{left:20px;width:108px}.flow{left:128px;width:62px}.fusion{left:183px;width:102px}.vector-cloud i:nth-child(n){right:24px}.visual-caption{font-size:.58rem}
  h1 { font-size:2.55rem; }.hero-lead{font-size:.94rem}.button{width:100%}
  .stat-rail { padding-inline:0; }.stat-rail div{padding:20px 16px;min-height:104px}.stat-rail div:nth-child(odd){border-left:0}.stat-rail strong{font-size:1.8rem}
  .section,.lab-section { padding:76px 16px; }.section-heading{gap:18px}.section-heading h2{font-size:2rem}.track-tabs{display:grid}.metric-summary,.chart,.query-panel,.result-panel{padding:22px}.headline-delta strong{font-size:3.2rem}.bar-group{grid-template-columns:60px 1fr}.synthetic-results{grid-template-columns:1fr}.synthetic-art{aspect-ratio:2.2}.result-head{gap:10px;align-items:flex-start;flex-direction:column}
  .protocol-flow,.claim-grid{grid-template-columns:1fr}.protocol-flow li{border-right:0;border-bottom:1px solid var(--line)!important;min-height:180px}.protocol-flow li:last-child{border-bottom:0!important}.protocol-flow strong{margin-top:28px}.attribution-values{display:grid;grid-template-columns:1fr 1fr}.claim{min-height:0}.claim-grid{gap:10px}
  footer{padding:22px 16px;gap:10px;align-items:flex-start;flex-direction:column}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}