:root{--paper:#f5f4f1;--ink:#172f42;--muted:#697b89;--accent:#7c78a8;--blue:#527f9f;--gold:#efc76b;--line:#d8dee2;--deep:#102536}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif}.progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--gold)}.topbar{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(24px,5vw,90px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px)}.back{display:flex;align-items:center;gap:11px;color:var(--ink);font:700 10px 'DM Mono',monospace;text-decoration:none;text-transform:uppercase}.back b{display:grid;place-items:center;width:30px;height:30px;color:var(--paper);background:var(--accent);font-size:15px}.topbar nav{display:flex;gap:28px}.topbar nav a,.languages{color:var(--muted);font:600 9px 'DM Mono',monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.languages{justify-self:end;display:flex;align-items:center;gap:7px}.languages button{padding:7px;border:0;color:var(--muted);background:transparent;cursor:pointer}.languages button.active{color:var(--paper);background:var(--blue)}main{max-width:1920px;margin:auto;padding:0 clamp(24px,5vw,90px)}.hero{min-height:700px;padding:130px 0 80px}.eyebrow,.section-label,.thesis>span{color:var(--accent);font:600 9px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.hero h1,.intro h2{margin:22px 0 50px;font-size:clamp(64px,8.3vw,148px);line-height:.82;letter-spacing:-.075em}.hero h1 em,.intro h2 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.hero-foot{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.hero-foot>p{max-width:750px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.hero-foot aside{display:grid;gap:8px;padding:23px;border-left:6px solid var(--gold);color:var(--paper);background:var(--deep)}.hero-foot aside span,.hero-foot aside small{color:var(--gold);font:500 8px 'DM Mono',monospace;letter-spacing:.08em}.hero-foot aside strong{font-size:32px}.thesis{display:grid;grid-template-columns:200px 1fr;gap:35px;align-items:center;margin:0 calc(clamp(24px,5vw,90px) * -1) 130px;padding:35px clamp(24px,5vw,90px);color:var(--paper);background:var(--ink)}.thesis strong{font-size:clamp(20px,2.4vw,38px);line-height:1.2}.section-label{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.section-label span:last-child{color:var(--muted)}.pipeline-section,.skill-section,.examples,.copy-lab{margin-bottom:140px;padding-top:30px}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin:45px 0}.intro h2{margin:15px 0 0;font-size:clamp(48px,5.6vw,92px)}.intro>p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;border:1px solid var(--line);background:var(--paper)}.pipeline button{display:grid;gap:8px;min-height:126px;padding:20px;border:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.pipeline button span{color:var(--accent);font:600 9px 'DM Mono',monospace}.pipeline button strong{font:700 13px 'DM Mono',monospace}.pipeline button small{color:var(--muted);font:10px 'DM Mono',monospace}.pipeline button.active{color:var(--paper);background:var(--blue);box-shadow:inset 0 -6px var(--gold)}.pipeline button.active span,.pipeline button.active small{color:var(--gold)}.pipeline>i{align-self:center;color:var(--gold);font-style:normal}.stage-detail{display:grid;grid-template-columns:120px 1.3fr .7fr;gap:35px;min-height:330px;padding:42px;color:var(--paper);background:var(--deep)}.stage-number{color:#ffffff24;font:500 76px 'DM Mono',monospace}.stage-detail>div:nth-child(2)>span,.skill-detail header span{color:var(--gold);font:500 9px 'DM Mono',monospace;letter-spacing:.08em}.stage-detail h3,.skill-detail h3{margin:15px 0;font-size:clamp(28px,3vw,48px);letter-spacing:-.05em}.stage-detail p,.skill-detail p{max-width:650px;color:#b8c8d2;font-size:13px;line-height:1.7}.stage-detail a,.skill-detail a,.example-grid a{display:inline-block;margin-top:15px;color:var(--gold);font:600 9px 'DM Mono',monospace;letter-spacing:.07em}.stage-detail pre,.skill-detail pre,.example-grid pre,.copy-lab pre{margin:0;overflow:auto;background:#081621}.stage-detail pre{align-self:stretch;padding:28px}.stage-detail code,.skill-detail code,.example-grid code,.copy-lab code{color:#c9d5dc;font:11px/1.7 'DM Mono',monospace}.skill-console{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);min-height:570px;border:1px solid var(--line);background:var(--line);gap:1px}.skill-list{display:grid;grid-template-rows:repeat(6,1fr);gap:1px;background:var(--line)}.skill-list button{display:grid;align-content:center;gap:7px;padding:18px 22px;border:0;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer}.skill-list button strong{font:700 12px 'DM Mono',monospace}.skill-list button small{color:var(--muted);font-size:10px}.skill-list button.active{color:var(--paper);background:var(--accent);box-shadow:inset 6px 0 var(--gold)}.skill-list button.active small{color:#f0eef8}.skill-detail{display:grid;align-content:center;padding:50px clamp(30px,5vw,80px);color:var(--paper);background:#5b7098}.skill-detail header{display:grid;gap:9px;padding-bottom:22px;border-bottom:1px solid #ffffff3a}.skill-detail header strong{font-size:12px}.skill-detail pre{margin:20px 0 0;padding:18px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:45px;background:var(--line)}.example-grid article{display:grid;grid-template-rows:auto auto 1fr auto;min-height:390px;padding:35px;background:var(--paper)}.example-grid article>span{color:var(--accent);font:600 9px 'DM Mono',monospace;letter-spacing:.08em}.example-grid h3{margin:22px 0;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.045em}.example-grid pre{padding:22px}.example-grid a{color:var(--blue)}.copy-lab{display:grid;grid-template-columns:.75fr 1.25fr;gap:1px;color:var(--paper);background:var(--line)}.copy-lab>div{padding:45px;background:var(--accent)}.copy-lab>div span{color:var(--gold);font:600 9px 'DM Mono',monospace}.copy-lab h2{margin:20px 0;font-size:clamp(30px,3.4vw,56px);line-height:1}.copy-lab>div p{max-width:420px;color:#eceaf5;line-height:1.6}.copy-lab article{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:var(--deep)}.copy-lab button{justify-self:end;display:flex;gap:20px;margin:20px;padding:11px 14px;border:1px solid #ffffff50;color:var(--paper);background:transparent;font:600 9px 'DM Mono',monospace;cursor:pointer}.copy-lab pre{padding:26px;white-space:pre-wrap}.copy-lab article>p{min-height:20px;margin:12px 24px;color:var(--gold);font:600 9px 'DM Mono',monospace}.deeper{margin:0 calc(clamp(24px,5vw,90px) * -1);padding:60px clamp(24px,5vw,90px) 100px;background:var(--gold)}.deeper>div{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}.deeper>div span{color:var(--accent);font:600 9px 'DM Mono',monospace}.deeper>div strong{max-width:700px;font-size:clamp(24px,3vw,44px);line-height:1.1}.deeper nav{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#132b3b}.deeper nav a{display:grid;gap:9px;min-height:160px;padding:25px;color:var(--paper);background:var(--ink);text-decoration:none}.deeper nav span{color:var(--accent);font:600 10px 'DM Mono',monospace}.deeper nav b{font-size:15px}.deeper nav small{color:#9eb0bb;font:9px 'DM Mono',monospace}.topbar a:focus-visible,.topbar button:focus-visible,.pipeline button:focus-visible,.skill-list button:focus-visible,.copy-lab button:focus-visible,.deeper a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}

@media(min-width:2200px){main{max-width:2880px;padding-inline:clamp(150px,7vw,300px)}.hero{min-height:900px}.hero h1{font-size:clamp(150px,7vw,220px)}.pipeline button{min-height:170px}.stage-detail{min-height:440px}.skill-console{min-height:720px}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{min-height:auto}.hero-foot,.intro,.copy-lab{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr 1fr}.pipeline>i{display:none}.pipeline button{min-height:100px}.stage-detail{grid-template-columns:80px 1fr}.stage-detail pre{grid-column:1/-1}.skill-console{grid-template-columns:1fr}.skill-list{grid-template-columns:1fr 1fr;grid-template-rows:none}.example-grid{grid-template-columns:1fr}.deeper nav{grid-template-columns:1fr 1fr}}
@media(max-width:600px){main{padding-inline:18px}.topbar{padding-inline:18px}.hero{padding-top:80px}.hero h1{font-size:clamp(54px,17vw,78px)}.hero-foot{gap:30px}.thesis{grid-template-columns:1fr;margin-inline:-18px;padding-inline:18px}.section-label{gap:20px}.section-label span:last-child{text-align:right}.pipeline{grid-template-columns:1fr}.pipeline button{grid-template-columns:38px 1fr;grid-template-rows:auto auto;min-height:82px}.pipeline button span{grid-row:1/-1;align-self:center}.stage-detail{grid-template-columns:1fr;padding:28px 22px}.stage-number{font-size:48px}.stage-detail pre{grid-column:auto}.skill-list{grid-template-columns:1fr}.skill-detail{padding:34px 24px}.example-grid article{min-height:340px;padding:25px}.copy-lab>div{padding:30px 24px}.deeper{margin-inline:-18px;padding-inline:18px}.deeper>div{display:grid}.deeper nav{grid-template-columns:1fr}.deeper nav a{min-height:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}}