@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;--font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ink: #17202b;--ink-soft: #566170;--canvas: #f4f7fb;--surface: #ffffff;--surface-raised: #ffffff;--line: #dce3ec;--accent: #e85639;--accent-strong: #c63b21;--accent-wash: #fff0eb;--lime: #b6e86a;--shadow: 0 24px 70px rgb(23 32 43 / .1);--radius-sm: .7rem;--radius-lg: 1.4rem;--max-width: 1180px}:root[data-theme=dark]{color-scheme:dark;--ink: #eef3f7;--ink-soft: #9ba9b8;--canvas: #11161c;--surface: #19212a;--surface-raised: #202b36;--line: #33414f;--accent: #ff775a;--accent-strong: #ff997f;--accent-wash: #36211d;--shadow: 0 24px 70px rgb(0 0 0 / .32)}:root[data-theme=matrix]{color-scheme:dark;--ink: #d7ffd9;--ink-soft: #82b987;--canvas: #050b07;--surface: #08150b;--surface-raised: #0d2112;--line: #1b4a24;--accent: #58f477;--accent-strong: #9cffad;--accent-wash: #0b2912;--lime: #b9ff69;--shadow: 0 24px 70px rgb(0 0 0 / .45)}*,*:before{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 85% 7%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 23rem),var(--canvas);color:var(--ink);font-family:var(--font-sans);line-height:1.55;transition:background-color .18s ease,color .18s ease}body:before{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.36;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(to bottom,black,transparent 65%);content:""}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.container{width:min(calc(100% - 2rem),var(--max-width));margin-inline:auto}.eyebrow,.mono{font-family:var(--font-mono);letter-spacing:.08em}.eyebrow{margin:0 0 1rem;color:var(--accent-strong);font-size:.74rem;font-weight:500;text-transform:uppercase}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 86%,transparent);backdrop-filter:blur(14px)}.nav-wrap{display:flex;min-height:5.25rem;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink);font-weight:700;text-decoration:none}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid var(--ink);border-radius:.65rem;background:var(--ink);color:var(--canvas);font-family:var(--font-mono);font-size:.8rem}.brand-copy{display:grid;line-height:1.05}.brand-copy small{margin-top:.25rem;color:var(--ink-soft);font-family:var(--font-mono);font-size:.63rem;font-weight:400}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--ink-soft);font-size:.92rem;text-decoration:none}.nav-links a:hover{color:var(--ink)}.theme-picker{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.theme-picker button{width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer;font:.85rem var(--font-mono)}.theme-picker button[aria-pressed=true]{background:var(--ink);color:var(--canvas)}.hero{display:grid;min-height:min(680px,calc(100vh - 5.25rem));align-items:center;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:clamp(2rem,7vw,7rem);padding-block:clamp(4rem,10vw,8rem)}.hero h1{max-width:760px;margin:0;font-size:clamp(2.8rem,6.5vw,5.8rem);letter-spacing:-.075em;line-height:.92}.hero h1 span{color:var(--accent)}.hero-lede{max-width:570px;margin:2rem 0 0;color:var(--ink-soft);font-size:clamp(1.05rem,1.5vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.hero-stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:2.4rem;color:var(--ink-soft);font:.72rem var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.hero-stats span{display:inline-flex;align-items:baseline;gap:.35rem}.hero-stats strong{color:var(--ink);font-size:1.1rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.6rem;padding:.72rem 1.15rem;border:1px solid var(--ink);border-radius:.55rem;background:var(--ink);color:var(--canvas);font-weight:600;text-decoration:none}.button:hover{background:var(--accent);border-color:var(--accent)}.button.secondary{background:transparent;color:var(--ink)}.hero-art{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.hero-art:after{position:absolute;inset:1rem;border:1px dashed var(--line);border-radius:calc(var(--radius-lg) - .5rem);content:""}.terminal{position:absolute;z-index:1;right:12%;bottom:14%;left:12%;padding:1.15rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-raised);box-shadow:0 16px 40px #0003;font:.78rem/1.85 var(--font-mono)}.terminal-bar{display:flex;gap:.35rem;margin-bottom:1rem}.terminal-bar i{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}.terminal-line{color:var(--ink-soft)}.terminal-line strong{color:var(--accent);font-weight:400}.signal{position:absolute;width:7rem;height:7rem;border:1px solid var(--accent);border-radius:50%;opacity:.45}.signal.one{top:12%;right:-2rem}.signal.two{top:22%;right:4rem;width:4rem;height:4rem;border-color:var(--lime)}.orbit-label{position:absolute;z-index:1;color:var(--ink-soft);font-size:.62rem;letter-spacing:.12em}.orbit-label-top{top:19%;left:13%}.orbit-label-bottom{right:13%;bottom:17%;color:var(--accent-strong)}.intro-band{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,8vw,8rem);padding-block:3rem;border-block:1px solid var(--line)}.intro-copy h2{max-width:360px;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.06em;line-height:1.02}.prep-grid{display:grid;gap:1.35rem}.prep-item{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;align-items:start}.prep-icon,.method-index{display:grid;width:2.3rem;height:2.3rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent-strong);font:.7rem var(--font-mono)}.prep-item h3,.method-step h3{margin:0 0 .3rem;font-size:1rem}.prep-item p,.method-step p{margin:0;color:var(--ink-soft);font-size:.92rem}.section{padding-block:clamp(4rem,8vw,7rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.section-heading h2{max-width:560px;margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1}.section-heading p{max-width:310px;margin:0;color:var(--ink-soft)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{min-height:260px;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card,.button,.theme-picker button{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.card-number{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-wash);color:var(--accent-strong);font:.75rem var(--font-mono)}.card h3{margin:2.2rem 0 .65rem;font-size:1.35rem}.card p{margin:0;color:var(--ink-soft)}.method-section{border-bottom:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.method-step{display:grid;gap:1.2rem;padding:1.35rem 0;border-top:1px solid var(--line)}.method-step:nth-child(2) .method-index{color:var(--lime);background:var(--ink)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.landing-lesson-card{display:flex;min-height:285px;flex-direction:column;padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.landing-lesson-card:hover{border-color:var(--accent);transform:translateY(-3px)}.landing-lesson-card-topline,.landing-lesson-meta{display:flex;align-items:center;justify-content:space-between}.landing-lesson-card .card-number{width:2.25rem;height:2.25rem}.landing-lesson-status{padding:.3rem .55rem;border-radius:999px;background:var(--accent-wash);color:var(--accent-strong);font:.62rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.landing-lesson-status.is-ready{background:color-mix(in srgb,var(--lime) 26%,transparent);color:var(--ink)}.landing-lesson-card .lesson-feature{margin:1.7rem 0 0;color:var(--accent-strong);font-size:.67rem;text-transform:uppercase}.landing-lesson-card h3{margin:.5rem 0 .65rem;font-size:1.3rem}.landing-lesson-card>p:not(.lesson-feature){margin:0;color:var(--ink-soft);font-size:.92rem}.lesson-meta{margin-top:auto;padding-top:1.6rem;color:var(--ink-soft);font:.7rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.landing-lesson-meta span:last-child{color:var(--accent);font-size:1.1rem}.progress-section{padding-top:1rem;padding-bottom:clamp(4rem,8vw,7rem)}.progress-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:2rem;align-items:end;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow)}.progress-summary h2{margin:0;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.06em;line-height:1}.progress-copy{max-width:510px;margin:1rem 0 0;color:var(--ink-soft)}.progress-meter-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem;color:var(--ink-soft);font-size:.83rem}.progress-meter-label strong{color:var(--ink)}.progress-track{height:.65rem;overflow:hidden;border-radius:999px;background:var(--canvas)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.progress-note{margin:0;color:var(--ink-soft);font-size:.65rem}.progress-summary-actions{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:1rem}.progress-reset{min-height:2.4rem;padding:.5rem .8rem;font-size:.78rem}.lesson-path{display:grid;grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);gap:2rem}.lesson-sidebar{align-self:start;position:sticky;top:1.5rem}.lesson-sidebar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.lesson-sidebar-heading .eyebrow{margin-bottom:0}.lesson-sidebar-heading .mono{color:var(--ink-soft);font-size:.68rem}.lesson-steps{display:grid;gap:.3rem}.lesson-step{display:flex;align-items:center;gap:.75rem;padding:.7rem;border:1px solid transparent;border-radius:.7rem;color:var(--ink-soft);text-decoration:none}.lesson-step:hover,.lesson-step.is-current{border-color:var(--line);background:var(--surface);color:var(--ink)}.lesson-step.is-current{border-left:3px solid var(--accent)}.lesson-step-number{color:var(--accent-strong);font:.72rem var(--font-mono)}.lesson-step-copy{display:grid;gap:.12rem;line-height:1.2}.lesson-step-copy strong{font-size:.88rem}.lesson-step-copy small{color:var(--ink-soft);font:.68rem var(--font-mono)}.lesson-card{display:block;color:inherit;text-decoration:none}.card-meta{display:block;margin-top:1.4rem;color:var(--accent-strong);font-size:.72rem}.lesson-shell{display:grid;grid-template-columns:minmax(190px,.24fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem);padding-block:clamp(3rem,7vw,6rem)}.lesson-article{min-width:0;max-width:790px}.lesson-header{padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.lesson-kicker{display:flex;align-items:center;gap:.8rem}.lesson-kicker .eyebrow{margin:0}.lesson-status{padding:.24rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font:.67rem var(--font-mono);text-transform:uppercase}.lesson-header h1{max-width:760px;margin:1.25rem 0 1rem;font-size:clamp(2.8rem,7vw,6rem);letter-spacing:-.07em;line-height:.95}.lesson-summary{max-width:650px;margin:0;color:var(--ink-soft);font-size:clamp(1.08rem,1.7vw,1.35rem)}.lesson-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;color:var(--ink-soft);font-size:.82rem}.lesson-meta .mono{color:var(--accent-strong);font-size:.72rem;text-transform:uppercase}.phase-nav{display:flex;align-items:center;gap:1rem;margin:2rem 0 3rem;padding:.7rem 0;border-block:1px solid var(--line)}.phase-nav-label{flex:0 0 auto;color:var(--ink-soft);font-size:.68rem;text-transform:uppercase}.phase-nav ol{display:flex;flex:1;justify-content:space-between;gap:.5rem;margin:0;padding:0;list-style:none}.phase-nav li{display:grid;gap:.35rem}.phase-nav a{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-soft);font-size:.85rem;text-decoration:none}.phase-complete{padding:.2rem .4rem;border:1px solid transparent;border-radius:.35rem;background:transparent;color:var(--ink-soft);cursor:pointer;font:.62rem var(--font-mono)}.phase-complete:hover,.phase-complete[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--accent-strong)}.phase-nav a:hover{color:var(--accent-strong)}.phase-nav a span{color:var(--accent-strong);font:.68rem var(--font-mono)}.lesson-content{font-size:1.04rem}.lesson-content h2{scroll-margin-top:1.5rem;margin:3.5rem 0 1rem;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.045em}.lesson-content h2:first-child{margin-top:0}.lesson-content p{max-width:68ch;color:var(--ink-soft)}.setup-guide section+section{margin-top:3.5rem}.setup-guide figure{margin:0;margin-top:1.25rem}.setup-guide img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.setup-guide figcaption{margin-top:.65rem;color:var(--ink-soft);font-size:.84rem}.setup-stack-images{display:grid;gap:1.5rem}.setup-guide .setup-stack-images figure{margin-top:0}.setup-final-goal-images{display:grid;gap:1.5rem}.setup-guide .setup-final-goal-images figure{margin-top:0}.lesson-article pre{position:relative;overflow-x:auto;margin:1.25rem 0 2.5rem;padding:1.25rem;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:.7rem;background:var(--surface-raised);color:var(--ink);font:.82rem/1.7 var(--font-mono)}.prompt-copy{position:absolute;top:.65rem;right:.65rem;min-height:2rem;padding:.35rem .55rem;border:1px solid var(--line);border-radius:.35rem;background:var(--surface);color:var(--ink-soft);cursor:pointer;font:.65rem var(--font-mono)}.prompt-copy:hover{border-color:var(--accent);color:var(--accent-strong)}.lesson-article pre:has(.prompt-copy){padding-top:3.5rem}.lesson-article pre.terminal-code{border-left-color:var(--lime);background:#11161c;color:#eef3f7;box-shadow:0 .8rem 1.8rem #11161c29}.lesson-article pre.terminal-code:before{position:absolute;top:.85rem;left:1.25rem;color:var(--lime);content:"terminal";font:.62rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.lesson-article pre.terminal-code code{color:inherit}.terminal-copy{border-color:#eef3f74d;background:#1d2732;color:#eef3f7}.terminal-copy:hover{border-color:var(--lime);color:var(--lime)}.workflow-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}.workflow-controls .button{min-height:2.5rem;padding:.55rem .8rem;font-size:.78rem}.workflow-status{color:var(--ink-soft);font:.68rem var(--font-mono)}.follow-up-cycle{display:grid;gap:1.25rem;margin-top:3rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}.follow-up-cycle h2{margin:0;font-size:1.8rem}.follow-up-cycle p:not(.eyebrow){max-width:60ch;margin:.7rem 0 0;color:var(--ink-soft)}.follow-up-cycles{display:grid;gap:.75rem}.follow-up-cycle-card{padding:.9rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface)}.follow-up-cycle-card.is-complete{border-color:var(--lime)}.follow-up-cycle-heading{display:flex;justify-content:space-between;gap:1rem}.follow-up-cycle-heading .mono{color:var(--accent-strong);font-size:.65rem}.follow-up-cycle-card ol{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 0;padding-left:1.2rem}.follow-up-cycle-card li{padding-left:.2rem}.lesson-article pre code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.lesson-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.lesson-pager-link{display:grid;gap:.45rem;padding:1rem;border:1px solid var(--line);border-radius:.7rem;color:inherit;text-decoration:none}.lesson-pager-link:hover{border-color:var(--accent);background:var(--surface)}.lesson-pager-link.next{text-align:right}.lesson-pager-link .mono{color:var(--accent-strong);font-size:.68rem}.lesson-pager-link strong{font-size:1.1rem}.site-footer{padding-block:2rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.85rem}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width:780px){.nav-wrap{min-height:4.5rem}.nav-links a{display:none}.hero{grid-template-columns:1fr;padding-block:4.5rem}.hero-art{min-height:300px}.card-grid,.intro-band,.progress-summary{grid-template-columns:1fr}.method-grid,.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-path,.lesson-shell{grid-template-columns:1fr}.lesson-shell{padding-top:2.5rem}.lesson-sidebar{position:static}.lesson-shell .lesson-sidebar{order:2}.lesson-steps{display:flex;overflow-x:auto;margin-inline:-.5rem;padding:.5rem}.lesson-step{min-width:9rem}.lesson-sidebar-heading{margin-bottom:.35rem}.phase-nav{display:block}.phase-nav-label{display:block;margin-bottom:.7rem}.phase-nav ol{overflow-x:auto;justify-content:start;padding-bottom:.2rem}.phase-nav a{white-space:nowrap}.lesson-pager{grid-template-columns:1fr}.lesson-pager-link.next{text-align:left}.section-heading,.footer-wrap{align-items:start;flex-direction:column}}@media(max-width:520px){.hero-stats{gap:.8rem}.method-grid,.lesson-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}