@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e9e9e5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0a0b0d;--panel:#0f1114;--panel-raised:#15171b;--line:#25282e;--line-soft:#1b1d22;--muted:#858990;--muted-2:#5c6067;--text:#e9e9e5;--accent:#dfff00;--accent-ink:#111400;--code:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;background:#0a0b0d;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.app-shell{min-height:100vh}.topbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0b0df2;grid-template-columns:280px 1fr auto;align-items:center;height:68px;display:grid;position:fixed;top:0;left:0;right:0}.brand{border:0;border-right:1px solid var(--line);letter-spacing:-.03em;cursor:pointer;background:0 0;align-items:center;gap:11px;height:100%;padding:0 22px;font-weight:800;display:flex}.brand-mark{background:var(--accent);width:27px;height:27px;color:var(--accent-ink);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:19px;display:grid}.brand-beta{color:var(--accent);font-family:var(--code);letter-spacing:.06em;border:1px solid #3c4100;margin-left:2px;padding:3px 5px 2px;font-size:8px;font-weight:500}.topnav{justify-self:center;gap:3px;display:flex}.topnav button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:10px 13px;font-size:12px;transition:color .15s;display:flex;position:relative}.topnav button:hover,.topnav button.active{color:var(--text)}.topnav button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:2px;left:13px;right:13px}.top-progress{border-left:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;min-width:205px;height:100%;padding:0 20px;display:flex}.top-progress>div:first-child{flex-direction:column;align-items:flex-end;display:flex}.top-progress span{color:var(--muted);font-size:10px}.top-progress strong{font-family:var(--code);margin-top:3px;font-size:10px;font-weight:500}.progress-ring{width:42px;height:42px;position:relative}.progress-ring svg{width:42px;height:42px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:3px}.ring-track{stroke:#24272c}.ring-value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .45s}.progress-ring>span{color:var(--text);font-family:var(--code);place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.mobile-menu{display:none}.sidebar{z-index:30;border-right:1px solid var(--line);background:#0c0d0f;flex-direction:column;width:280px;padding:24px 18px 18px;display:flex;position:fixed;top:68px;bottom:0;left:0;overflow-y:auto}.sidebar-title{color:#c6c7c4;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.sidebar-intro{color:var(--muted);margin:10px 0 21px;font-size:11px;line-height:1.65}.sidebar-mobile-head{display:none}.course-path{flex-direction:column;display:flex;position:relative}.module-link{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:30px 1fr;gap:11px;width:100%;min-height:75px;padding:8px 8px 9px 4px;transition:background .15s;display:grid;position:relative}.module-link:hover{background:#121418}.module-link.active{background:#16191a}.module-link.active:after{content:"";background:var(--accent);width:2px;position:absolute;top:15px;bottom:15px;right:0}.path-marker{z-index:2;color:#777b82;width:28px;height:28px;font-family:var(--code);background:#0c0d0f;border:1px solid #363a40;border-radius:50%;place-items:center;font-size:9px;display:grid;position:relative}.module-link.active .path-marker{border-color:var(--accent);color:var(--accent)}.module-link.done .path-marker{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.path-line{background:#292c31;width:1px;position:absolute;top:36px;bottom:-13px;left:17.5px}.module-link.done .path-line{background:#687600}.module-copy{flex-direction:column;min-width:0;padding-top:1px;display:flex}.module-copy small{color:var(--muted-2);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:700}.module-copy strong{color:#bdbfbd;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:600;overflow:hidden}.module-copy>span{color:#5f636a;font-family:var(--code);margin-top:4px;font-size:8px}.module-link.active .module-copy strong{color:var(--text)}.module-link.active .module-copy>span,.module-link.done .module-copy>span{color:#9baa20}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:16px 14px}.sidebar-foot>div{color:var(--accent);align-items:center;gap:7px;display:flex}.sidebar-foot>div span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.sidebar-foot>button:not(.reset-link){color:#d5d6d2;text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 0 2px;font-size:10px}.sidebar-foot .reset-link{color:var(--muted-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:9px;display:flex}.sidebar-foot button:hover{color:var(--accent)}.main-canvas{min-height:100vh;margin-left:280px;padding-top:68px}.lesson-layout{grid-template-columns:minmax(520px,1fr) minmax(370px,.72fr);min-height:calc(100vh - 68px);display:grid}.lesson-main{justify-self:center;width:100%;max-width:780px;padding:54px 56px 70px}.lesson-kicker{color:var(--muted);font-family:var(--code);letter-spacing:.08em;align-items:center;gap:9px;font-size:9px;display:flex}.lesson-kicker>span{align-items:center;gap:5px;display:flex}.lesson-kicker>span:first-child{color:var(--accent)}.lesson-kicker>span:last-child{margin-left:auto}.lesson-kicker i{background:#42464d;width:18px;height:1px}.lesson-main h1{color:#f2f2ee;letter-spacing:-.055em;max-width:660px;margin:16px 0 0;font-size:clamp(36px,4vw,59px);line-height:1.04}.lesson-subtitle{color:#8d9197;margin:13px 0 0;font-size:15px}.outcome-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:14px;margin:36px 0 0;padding:16px 0;display:flex}.outcome-icon{background:var(--accent);width:41px;height:41px;color:var(--accent-ink);place-items:center;display:grid}.outcome-band div{flex-direction:column;gap:4px;display:flex}.outcome-band small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.outcome-band strong{color:#d9dad6;font-size:12px;font-weight:600;line-height:1.5}.module-why{padding:31px 0 35px}.module-why h2,.steps-head h2{color:#e2e3df;letter-spacing:-.02em;margin:0;font-size:15px}.module-why p{color:#969a9f;max-width:670px;margin:12px 0 0;font-size:12px;line-height:1.85}.concepts{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.concepts span{color:#979b9f;font-family:var(--code);border:1px solid #2a2d32;padding:5px 8px;font-size:8px}.steps-head{border-top:1px solid var(--line);justify-content:space-between;align-items:end;padding:22px 0 14px;display:flex}.steps-head>div>span{color:var(--accent);font-family:var(--code);letter-spacing:.08em;margin-bottom:5px;font-size:8px;display:block}.steps-head>strong{color:#73777d;font-family:var(--code);font-size:10px;font-weight:500}.steps-list{border-top:1px solid var(--line)}.step-row{border-bottom:1px solid var(--line);transition:background .15s}.step-row.open{background:#0e1013}.step-summary{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;width:100%;padding:16px 6px;display:grid}.step-number{color:#777b82;width:27px;height:27px;font-family:var(--code);border:1px solid #363a40;border-radius:50%;place-items:center;font-size:9px;display:grid}.step-row.done .step-number{color:var(--accent);border-color:#6f7b10}.step-summary>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.step-summary small{color:#5f636a;font-family:var(--code);letter-spacing:.08em;font-size:7px}.step-summary strong{color:#c9cac7;font-size:11px;font-weight:600}.step-chevron{color:#555960;transition:transform .18s}.step-row.open .step-chevron{color:var(--accent);transform:rotate(180deg)}.step-detail-wrap{overflow:hidden}.step-detail{padding:0 7px 21px 48px}.step-detail>p{color:#8f9398;margin:0 0 15px;font-size:11px;line-height:1.75}.command-block{background:#08090b;border:1px solid #262a2f;margin:12px 0}.command-block>div{height:34px;color:var(--muted);border-bottom:1px solid #23262b;align-items:center;gap:7px;padding:0 10px;display:flex}.command-block>div>span{font-family:var(--code);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.command-block .quiet-button{margin-left:auto}.command-block pre{color:#d7d9d2;font-family:var(--code);white-space:pre-wrap;word-break:break-word;margin:0;padding:13px;font-size:9px;line-height:1.7;overflow-x:auto}.quiet-button{color:#73777d;font-family:var(--code);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.quiet-button:hover{color:var(--accent)}.evidence-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.evidence-grid>div{background:#111316;padding:11px 12px}.evidence-grid small{color:#686c72;text-transform:uppercase;letter-spacing:.07em;font-size:8px;font-weight:700}.evidence-grid p{color:#a7aaa7;margin:6px 0 0;font-size:9px;line-height:1.6}.complete-button{color:#a0a3a7;cursor:pointer;background:0 0;border:1px solid #33373c;align-items:center;gap:7px;margin-top:14px;padding:8px 11px;font-size:9px;font-weight:600;transition:all .15s;display:flex}.complete-button:hover{border-color:var(--accent);color:var(--accent)}.complete-button.done{color:var(--accent);background:#171b03;border-color:#4d5700}.lesson-nav{justify-content:space-between;padding-top:30px;display:flex}.lesson-nav button,.build-strip button{color:#a4a7aa;cursor:pointer;background:0 0;border:1px solid #33373c;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:inline-flex}.lesson-nav button:hover:not(:disabled){color:var(--text);border-color:#5a5f66}.lesson-nav button:disabled{opacity:.3;cursor:not-allowed}.lesson-nav .primary,.build-strip button{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700}.lesson-nav .primary:hover,.build-strip button:hover{color:var(--accent-ink);background:#efff70}.lab-panel{border-left:1px solid var(--line);background:#0d0f12;flex-direction:column;align-self:start;height:calc(100vh - 68px);display:flex;position:sticky;top:68px;overflow:hidden}.lab-tabs{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.lab-tabs span{color:#b2b5b5;font-family:var(--code);letter-spacing:.08em;align-items:center;gap:7px;font-size:8px;display:flex}.lab-tabs a{color:#6f7379;align-items:center;gap:5px;font-size:8px;text-decoration:none;display:flex}.lab-tabs a:hover{color:var(--accent)}.code-head{background:#111317;border-bottom:1px solid #22252a;grid-template-columns:50px 1fr auto;align-items:center;gap:7px;min-height:41px;padding:0 14px;display:grid}.code-head>div{gap:5px;display:flex}.code-head i{background:#373a40;border-radius:50%;width:6px;height:6px}.code-head i:first-child{background:#6a7414}.code-head>span{text-overflow:ellipsis;white-space:nowrap;color:#85898f;min-width:0;font-family:var(--code);text-align:center;font-size:8px;overflow:hidden}.code-window{color:#cfd2c9;min-height:180px;font-family:var(--code);tab-size:2;white-space:pre-wrap;background:#090a0c;flex:48%;margin:0;padding:21px 19px;font-size:clamp(8px,.72vw,10px);line-height:1.76;overflow:auto}.terminal-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111317;flex:0 0 40px;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.terminal-head span{color:#96999e;font-family:var(--code);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:8px;display:flex}.terminal-head button{color:#acafb2;cursor:pointer;background:#17191d;border:1px solid #363a40;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:flex}.terminal-head button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.terminal-head button:disabled{opacity:.5}.terminal-window{color:#aeb2ac;font-family:var(--code);background:#0b0d0f;flex:0 0 160px;padding:16px 17px;font-size:8.5px;line-height:1.8;overflow:auto}.terminal-window div>span{color:#42464c;-webkit-user-select:none;user-select:none;width:28px;display:inline-block}.terminal-window div:last-of-type{color:var(--accent)}.terminal-cursor{background:var(--accent);width:6px;height:11px;margin-left:29px;animation:.85s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.lab-note{border-top:1px solid var(--line);color:#74787e;flex:none;gap:10px;padding:13px 15px;display:flex}.lab-note svg{color:var(--accent);flex:none;margin-top:1px}.lab-note p{margin:0;font-size:8px;line-height:1.65}.lab-note strong{color:#b6b9b5}.blueprint-page{min-height:calc(100vh - 68px);padding:55px clamp(32px,6vw,90px) 80px}.blueprint-intro{grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;max-width:1200px;margin:0 auto;display:grid}.eyebrow{color:var(--accent);font-family:var(--code);letter-spacing:.14em;font-size:9px}.blueprint-intro h1{letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(38px,5vw,70px);line-height:1.04}.blueprint-intro>p{border-left:1px solid var(--accent);color:#92969b;margin:0 0 5px;padding-left:20px;font-size:12px;line-height:1.9}.phase-control{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:47px auto 0;display:grid}.phase-control button{border:0;border-right:1px solid var(--line);color:#6f7379;cursor:pointer;background:0 0;gap:10px;padding:16px 12px;font-size:10px;display:flex;position:relative}.phase-control button:first-child{border-left:1px solid var(--line)}.phase-control button span{font-family:var(--code);font-size:8px}.phase-control button.active{background:var(--accent);color:var(--accent-ink);font-weight:700}.topology{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#0d0f12;max-width:1200px;height:570px;margin:0 auto;position:relative;overflow:hidden}.topology:before,.topology:after{content:"";z-index:0;background:#202329;position:absolute}.topology:before{width:1px;top:0;bottom:0;left:50%}.topology:after{height:1px;top:50%;left:0;right:0}.topology svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.topology line{stroke:var(--accent);stroke-width:.18px;stroke-dasharray:1.1 1.1;vector-effect:non-scaling-stroke}.agent-node{z-index:3;background:#121418;border:1px solid #383c42;align-items:center;gap:10px;min-width:154px;padding:11px 13px;display:flex;position:absolute;box-shadow:0 0 0 5px #0d0f12;transform:translate(-50%,-50%)!important}.agent-node>span{color:#b9bcbd;width:31px;height:31px;font-family:var(--code);background:#292c31;border-radius:50%;flex:none;place-items:center;font-size:8px;display:grid}.agent-node.chief{border-color:var(--accent)}.agent-node.chief>span{background:var(--accent);color:var(--accent-ink)}.agent-node>div{flex-direction:column;display:flex}.agent-node strong{font-size:10px}.agent-node small{color:#74787e;margin-top:2px;font-size:8px}.topology-caption{z-index:4;color:#bdc0bc;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:16px;left:18px}.topology-caption small{color:#62666c;margin-left:10px}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse;box-shadow:0 0 0 4px #394000}@keyframes pulse{50%{box-shadow:0 0 0 7px #39400040}}.principles{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.principles>div{border-right:1px solid var(--line);min-height:166px;padding:22px}.principles>div:last-child{border-right:0}.principles span{color:var(--accent);font-family:var(--code);font-size:8px}.principles h3{margin:22px 0 7px;font-size:11px}.principles p{color:#7f8389;margin:0;font-size:9px;line-height:1.7}.build-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1200px;margin:45px auto 0;padding:28px 0;display:flex}.build-strip span{color:var(--accent);font-family:var(--code);letter-spacing:.1em;font-size:8px}.build-strip h2{margin:8px 0 5px;font-size:20px}.build-strip p{color:#858990;margin:0;font-size:10px}.build-strip button{flex:none}.mobile-scrim{display:none}@media (width<=1180px){.topbar{grid-template-columns:240px 1fr auto}.sidebar{width:240px}.main-canvas{margin-left:240px}.lesson-layout{grid-template-columns:minmax(470px,1fr) 350px}.lesson-main{padding-left:38px;padding-right:38px}}@media (width<=940px){.topbar{grid-template-columns:auto 1fr auto}.mobile-menu{border:0;border-right:1px solid var(--line);background:0 0;place-items:center;width:52px;height:100%;display:grid}.brand{border:0;padding-left:15px}.topnav{display:none}.top-progress{border-left:0;min-width:auto}.top-progress>div:first-child{display:none}.sidebar{z-index:70;width:min(320px,88vw);transition:transform .23s;top:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-head{color:#d0d1ce;justify-content:space-between;align-items:center;margin:-10px 0 25px;font-size:12px;font-weight:700;display:flex}.sidebar-mobile-head button{border:1px solid var(--line);background:0 0;place-items:center;width:32px;height:32px;display:grid}.mobile-scrim{z-index:60;opacity:0;pointer-events:none;background:#0000009e;transition:opacity .23s;display:block;position:fixed;inset:0}.mobile-scrim.visible{opacity:1;pointer-events:auto}.main-canvas{margin-left:0}.lesson-layout{grid-template-columns:1fr}.lesson-main{max-width:760px}.lab-panel{border-top:1px solid var(--line);border-left:0;height:720px;position:relative;top:auto}.code-window{font-size:10px}.blueprint-page{padding-left:30px;padding-right:30px}}@media (width<=650px){.topbar{height:58px}.brand{gap:8px;padding-left:11px;font-size:13px}.brand-beta{display:none}.brand-mark{width:24px;height:24px;font-size:17px}.mobile-menu{width:44px}.top-progress{padding:0 10px}.progress-ring,.progress-ring svg{width:38px;height:38px}.main-canvas{padding-top:58px}.lesson-main{padding:35px 20px 52px}.lesson-main h1{font-size:39px}.lesson-kicker>span:last-child{display:none}.outcome-band{margin-top:28px}.step-detail{padding-left:6px}.evidence-grid{grid-template-columns:1fr}.lab-panel{height:680px;top:auto}.lesson-nav{gap:10px}.lesson-nav button{flex:1;justify-content:center}.blueprint-page{min-height:calc(100vh - 58px);padding:34px 16px 60px}.blueprint-intro{grid-template-columns:1fr;gap:25px}.blueprint-intro h1{font-size:41px}.blueprint-intro>p{font-size:11px}.phase-control{grid-template-columns:repeat(2,1fr)}.phase-control button:nth-child(3){border-left:1px solid var(--line)}.phase-control button:nth-child(-n+2){border-bottom:1px solid var(--line)}.topology{height:530px}.agent-node{gap:7px;min-width:112px;padding:8px}.agent-node>span{width:25px;height:25px}.agent-node strong{font-size:8px}.agent-node small{font-size:6.5px}.topology-caption small{display:none}.principles{grid-template-columns:1fr 1fr}.principles>div{border-bottom:1px solid var(--line);min-height:150px}.principles>div:nth-child(2){border-right:0}.principles>div:nth-last-child(-n+2){border-bottom:0}.build-strip{flex-direction:column;align-items:flex-start;gap:22px}.build-strip button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}