:root{--ink:#171817;--paper:#f5f3eb;--lime:#dfff4f;--purple:#bcb2ff;--coral:#ff7c64;--line:2px solid var(--ink);--muted:#5d6058}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
nav{min-height:72px;padding:12px 4vw;border-bottom:var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}
.brand img{display:block;width:142px}
nav>div{display:flex;align-items:center;gap:24px;font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
nav a{text-decoration:none}
.nav-cta,.button{display:inline-block;border:var(--line);background:var(--ink);color:#fff;padding:13px 17px;box-shadow:4px 4px var(--coral);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}
.hero{min-height:510px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);border-bottom:var(--line)}
.hero>div{padding:72px 4vw}
.eyebrow,.section-head>span,.finish>span{font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.hero h1{max-width:900px;margin:28px 0 24px;font-size:clamp(54px,7vw,106px);line-height:.88;letter-spacing:-.07em}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink)}
.hero>div>p{max-width:740px;font:19px/1.65 Georgia,"Times New Roman",serif}
.hero aside{padding:68px 3vw;border-left:var(--line);background:var(--purple);display:flex;flex-direction:column;justify-content:center}
.hero aside strong{font-size:22px}
.hero aside li{margin-top:15px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.text-link{font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-underline-offset:4px}
main>section{padding:88px 4vw;border-bottom:var(--line)}
.paper{background:#fff}
.section-head{display:grid;grid-template-columns:135px minmax(0,1fr);gap:28px;margin-bottom:44px}
.section-head h2{max-width:900px;margin:0;font-size:clamp(38px,5vw,70px);line-height:.95;letter-spacing:-.055em}
.section-head p{max-width:760px;margin:20px 0 0;font:17px/1.7 Georgia,"Times New Roman",serif}
.path-grid,.anatomy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.path-grid article,.anatomy article{min-width:0;padding:25px;border:var(--line);background:#fff}
.path-grid article:nth-child(2),.path-grid article:nth-child(6){background:var(--lime)}
.path-grid article:nth-child(3){background:var(--coral)}
.path-grid article:nth-child(4){background:var(--purple)}
.path-grid b,.anatomy b,.week-grid b,.terminal-card>span{font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.path-grid h3,.anatomy h3{margin:32px 0 10px;font-size:24px;line-height:1.08}
.path-grid p,.anatomy p{font:15px/1.62 Georgia,"Times New Roman",serif}
.path-grid ol{margin:20px 0 0;padding:14px 0 0 20px;border-top:1px solid}
.path-grid li{margin:8px 0;font-size:13px;line-height:1.45}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.split h3{font-size:28px}
dl{display:grid;grid-template-columns:100px 1fr;margin:0}
dt,dd{padding:13px 0;border-top:1px solid #bbb}
dt{font:700 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
dd{margin:0;font:15px/1.6 Georgia,"Times New Roman",serif}
.terminal-card{padding:25px;background:var(--ink);color:#fff}
.terminal-card pre{overflow-x:auto;margin:20px 0;padding:20px;border:1px solid #666;background:#0d0e0d;color:var(--lime);font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}
.terminal-card p{color:#ddd;font:15px/1.65 Georgia,"Times New Roman",serif}
.terminal-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.rule{margin-top:30px;padding:20px 24px;border:var(--line);background:var(--lime);font:16px/1.65 Georgia,"Times New Roman",serif}
.rule strong{font-family:Arial,Helvetica,sans-serif}
.learning-loop{margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:var(--line);list-style:none}
.learning-loop li{min-width:0;padding:20px 16px;border-right:var(--line);background:#fff}
.learning-loop li:last-child{border:0}
.learning-loop b{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.learning-loop h3{margin:28px 0 8px;font-size:20px}
.learning-loop p{margin:0;font:13px/1.6 Georgia,"Times New Roman",serif}
.anatomy article{background:var(--paper)}
.anatomy article:nth-child(odd){background:#fff}
.debug-ladder{margin:0;padding:0;counter-reset:debug;list-style:none}
.debug-ladder li{display:grid;grid-template-columns:38px 190px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid}
.debug-ladder li::before{counter-increment:debug;content:counter(debug,decimal-leading-zero);font:700 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.debug-ladder strong{font-size:21px}
.debug-ladder p{margin:0;max-width:760px;font:16px/1.65 Georgia,"Times New Roman",serif}
.week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.week-grid article{display:flex;flex-direction:column;min-height:300px;padding:23px;border:var(--line)}
.week-grid article:nth-child(1){background:var(--lime)}.week-grid article:nth-child(2){background:var(--purple)}.week-grid article:nth-child(3){background:var(--coral)}
.week-grid h3{margin:35px 0 12px;font-size:24px}
.week-grid p{font:15px/1.6 Georgia,"Times New Roman",serif}
.week-grid span{margin-top:auto;padding-top:18px;border-top:1px solid;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.finish{background:var(--lime)}
.finish h2{max-width:900px;margin:20px 0;font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.06em}
.finish>p{max-width:820px;font:19px/1.65 Georgia,"Times New Roman",serif}
footer{padding:36px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;background:var(--ink);color:#fff;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
footer img{display:block;width:132px;filter:invert(1)}
footer p{text-align:center}
footer span{text-align:right}
@media(max-width:1050px){.learning-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-loop li{border-bottom:var(--line)}.path-grid,.anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){nav>div>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero>div{padding:54px 20px}.hero aside{padding:38px 20px;border-left:0;border-top:var(--line)}main>section{padding:64px 20px}.section-head{grid-template-columns:1fr}.split{grid-template-columns:1fr}.debug-ladder li{grid-template-columns:38px 1fr}.debug-ladder p{grid-column:2}.path-grid,.anatomy,.week-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer p,footer span{text-align:left}}
@media(max-width:520px){.hero h1{font-size:54px}.learning-loop{grid-template-columns:1fr}.learning-loop li{border-right:0}.section-head h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}