:root{--g-bg:#080b10;--g-panel:#111720;--g-paper:#f1f0ea;--g-lime:#c8ff3d;--g-cyan:#6bdbf6;--g-muted:#aeb6ba;--g-line:rgba(241,240,234,.16)}
body{background:var(--g-bg);color:var(--g-paper)}
.gpu-nav{display:flex;gap:clamp(12px,1.7vw,28px);align-items:center}.gpu-nav a{color:#aeb6ba;text-decoration:none;font-size:12px}.gpu-nav a:hover{color:var(--g-lime)}
.gpu-hero{min-height:min(780px,calc(100svh - 76px));padding:clamp(46px,6vw,92px) clamp(22px,4vw,72px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:5vw;align-items:center}
.gpu-hero-copy,.chip-visual{position:relative;z-index:1;min-width:0}.gpu-hero h1{font-size:clamp(62px,7vw,132px);line-height:.91;letter-spacing:-.075em;max-width:980px;margin:28px 0 24px}.gpu-hero h1 span{color:var(--g-lime)}.gpu-lead{font-size:clamp(17px,1.35vw,23px);line-height:1.55;max-width:790px;color:#cbd2d3}.gpu-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.gpu-button{padding:15px 20px;border:1px solid var(--g-line);text-decoration:none;text-transform:uppercase;font:700 11px 'DM Mono',monospace;letter-spacing:.04em}.gpu-button:hover{border-color:var(--g-lime)}.gpu-button.primary{background:var(--g-lime);color:var(--g-bg);border-color:var(--g-lime)}
.chip-visual{border:1px solid rgba(200,255,61,.45);background:linear-gradient(145deg,#152519,#101720 70%);padding:24px;box-shadow:28px 28px 0 rgba(200,255,61,.06)}.chip-label,.chip-foot{font:700 10px 'DM Mono',monospace;letter-spacing:.09em;color:var(--g-lime)}.chip-foot{color:var(--g-muted);line-height:1.6}.chip-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:36px 0}.chip-grid i{aspect-ratio:1;border:1px solid rgba(200,255,61,.34);background:rgba(200,255,61,.12);box-shadow:inset 0 0 15px rgba(200,255,61,.06)}.chip-grid i:nth-child(3n){background:rgba(107,219,246,.25);border-color:var(--g-cyan)}
.chapter-nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--g-line);border-bottom:1px solid var(--g-line);background:#0e1319}.chapter-nav a{padding:16px 12px;text-align:center;text-decoration:none;border-right:1px solid var(--g-line);text-transform:uppercase;color:#c6ccca;font:700 10px 'DM Mono',monospace}.chapter-nav a:last-child{border-right:0}.chapter-nav a:hover{color:var(--g-lime);background:#171f20}
.study-section{padding:clamp(64px,7vw,116px) clamp(22px,4vw,72px)}.study-section.light{background:var(--g-paper);color:#090d12}.study-section.dark{background:var(--g-bg);color:var(--g-paper)}.section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:5vw;align-items:end;margin-bottom:32px}.section-head h2{font-size:clamp(38px,4.3vw,76px);line-height:1.02;letter-spacing:-.06em;max-width:1050px;margin:0}.section-head>p{max-width:620px;font-size:16px;line-height:1.7;color:#4e585d;margin:0}.dark .section-head>p{color:var(--g-muted)}.eyebrow{font:700 11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#477100;margin:0 0 24px}.dark .eyebrow{color:var(--g-lime)}
.comparison-grid,.phase-grid,.memory-grid,.ecosystem-grid{display:grid;gap:12px}.comparison-grid{grid-template-columns:repeat(2,1fr)}.phase-grid{grid-template-columns:repeat(3,1fr);margin-top:16px}.memory-grid,.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.comparison-grid article,.phase-grid article,.memory-grid article,.ecosystem-grid article{padding:clamp(24px,2.5vw,42px);border:1px solid rgba(8,11,16,.18);background:#fafaf6;min-height:210px}.dark .phase-grid article,.dark .ecosystem-grid article{background:#101720;border-color:var(--g-line)}.comparison-grid article.accent{background:var(--g-lime)}.comparison-grid span,.phase-grid span,.memory-grid span,.ecosystem-grid span,.math-example span,.worked-example span{font:700 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#4b7000}.dark .phase-grid span,.dark .ecosystem-grid span,.math-example span{color:var(--g-cyan)}.comparison-grid h3,.phase-grid h3,.memory-grid h3,.ecosystem-grid h3{font-size:clamp(24px,2vw,36px);letter-spacing:-.045em;line-height:1.12;margin:20px 0 12px}.comparison-grid p,.phase-grid p,.memory-grid p,.ecosystem-grid p{font-size:15px;line-height:1.65;color:#4b555b;margin:0}.dark .phase-grid p,.dark .ecosystem-grid p{color:#b0b9bd}.comparison-grid .accent p{color:#263500}
.flow-strip{margin-top:12px;border:1px solid rgba(8,11,16,.18);display:flex;align-items:stretch}.flow-strip div{flex:1;padding:25px;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}.flow-strip b{font:700 12px 'DM Mono',monospace;color:#477100}.flow-strip i{align-self:center;font-size:22px;font-style:normal;color:#477100}.study-callout{display:flex;gap:25px;align-items:flex-start;margin-top:14px;padding:24px 28px;background:#e6eccb;border-left:4px solid #80b400;line-height:1.6}.study-callout b{min-width:210px;font-size:18px}.study-callout span{color:#394543}.study-callout.inverted{background:#1d2a18;border-color:var(--g-lime)}.study-callout.inverted span{color:#b9c2bc}
.math-example{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#111b21;border:1px solid var(--g-line);padding:clamp(24px,3vw,48px)}.math-example h3{font-size:clamp(28px,2.8vw,46px);letter-spacing:-.05em;margin:16px 0}.math-example p{font-size:16px;line-height:1.7;color:#b7c0c0}.math-example code,.worked-example code{padding:2px 5px;background:rgba(200,255,61,.16);color:var(--g-lime)}.matrix-art{display:flex;justify-content:center;align-items:center;gap:18px}.matrix-art>div{position:relative;display:grid;grid-template-columns:repeat(2,42px);gap:4px;padding:22px 10px 10px;border-left:3px solid var(--g-cyan);border-right:3px solid var(--g-cyan)}.matrix-art small{position:absolute;top:-10px;left:45%;color:var(--g-cyan);font:700 12px 'DM Mono',monospace}.matrix-art b{display:grid;place-items:center;background:#1a2a30;min-height:40px}.matrix-art .result{border-color:var(--g-lime)}.matrix-art .result b{color:var(--g-lime)}.matrix-art .result small{color:var(--g-lime)}.matrix-art>strong{color:var(--g-lime);font-size:25px}.gpu-note{margin-top:16px;border-top:1px solid var(--g-line);padding:22px 0;display:flex;gap:25px}.gpu-note b{min-width:240px;color:var(--g-lime);font-size:18px}.gpu-note p{margin:0;color:#b7c0c0;line-height:1.65}
.worked-example{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:end;margin-top:16px;padding:34px;background:#dbe5c0;border-left:5px solid #80b400}.worked-example h3{font-size:clamp(24px,2.5vw,40px);line-height:1.1;letter-spacing:-.045em;margin:12px 0}.worked-example p{line-height:1.65;margin:0}.worked-example>p{color:#3c4a42}.worked-example code{background:#233816;color:#dbff9b}
.table-wrap{overflow-x:auto;border:1px solid var(--g-line)}table{border-collapse:collapse;min-width:760px;width:100%;background:#101720}caption{text-align:left;padding:12px 16px;color:var(--g-muted);font-size:12px}th,td{padding:20px 18px;text-align:left;border-top:1px solid var(--g-line);vertical-align:top;font-size:14px;line-height:1.55}thead th{color:var(--g-cyan);font:700 11px 'DM Mono',monospace;text-transform:uppercase}tbody th{color:var(--g-lime);font:700 17px Manrope,sans-serif}td{color:#b8c0c1}.ecosystem-grid{margin-top:14px}
.parallel-lab{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:24px;align-items:center;border:1px solid rgba(8,11,16,.2);background:#fafaf6;padding:clamp(24px,3vw,48px)}.lab-controls label{display:flex;justify-content:space-between;font-weight:700;gap:10px}.lab-controls input{width:100%;accent-color:#709e00;margin:22px 0}.lab-presets{display:flex;flex-wrap:wrap;gap:8px}.lab-presets button{padding:9px 11px;background:transparent;border:1px solid #9da5a0;cursor:pointer;font-size:12px}.lab-presets button:hover,.lab-presets button:focus-visible{background:#c8ff3d;border-color:#709e00}.lab-controls p{font-size:18px;margin:26px 0 8px}.lab-controls small{color:#5e6869;line-height:1.5;display:block}.task-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.task-grid i{aspect-ratio:1;display:grid;place-items:center;background:#dce4d2;border:1px solid #aab4a4;font:700 10px 'DM Mono',monospace;font-style:normal;color:#182309}.task-grid i:nth-child(4n){background:#b8d7d9}
.timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--g-line)}.timeline li{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--g-line)}.timeline time{color:var(--g-lime);font:700 17px 'DM Mono',monospace}.timeline h3{font-size:26px;letter-spacing:-.04em;margin:0 0 8px}.timeline p{max-width:850px;color:#b4bec0;line-height:1.65;margin:0 0 10px}.timeline a{font:700 11px 'DM Mono',monospace;color:var(--g-cyan);text-decoration:none}.timeline a:hover{text-decoration:underline}
.resources{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.resources a{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid rgba(8,11,16,.2);background:#fafaf6;text-decoration:none}.resources a:hover{border-color:#709e00;background:#e9f5cb}.resources b{font-size:17px}.resources span{font-size:13px;line-height:1.5;color:#516064}.next-reading{margin-top:30px;padding:25px;background:#142018;color:#f1f0ea;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.next-reading p{width:100%;color:var(--g-lime);font:700 11px 'DM Mono',monospace}.next-reading a{border:1px solid var(--g-line);padding:10px 12px;text-decoration:none;font-size:13px}.next-reading a:hover{border-color:var(--g-lime)}.gpu-footer{padding:28px clamp(22px,4vw,72px);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--g-line);font-size:12px;color:#acb5b3}.gpu-footer a{text-decoration:none;color:var(--g-lime)}
@media(max-width:1050px){.gpu-nav{display:none}.gpu-hero{grid-template-columns:1fr}.chip-visual{max-width:530px}.section-head{grid-template-columns:1fr;gap:18px}.chapter-nav{grid-template-columns:repeat(3,1fr)}.phase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.gpu-hero{min-height:0;grid-template-columns:minmax(0,1fr)}.gpu-hero h1{font-size:clamp(42px,11vw,70px);overflow-wrap:break-word}.chip-visual{box-shadow:none}.comparison-grid,.phase-grid,.memory-grid,.ecosystem-grid,.resources,.parallel-lab,.math-example,.worked-example{grid-template-columns:minmax(0,1fr)}.chapter-nav{grid-template-columns:repeat(2,1fr)}.flow-strip{display:grid}.flow-strip i{display:none}.flow-strip div{border-bottom:1px solid rgba(8,11,16,.15)}.study-callout,.gpu-note{display:block}.study-callout b,.gpu-note b{display:block;margin-bottom:10px}.matrix-art{gap:8px}.matrix-art>div{grid-template-columns:repeat(2,30px)}.matrix-art b{min-height:30px}.timeline li{grid-template-columns:1fr;gap:10px}.gpu-footer{flex-direction:column;align-items:flex-start}}