:root{--canvas:#e8eef2;--ink:#0f1c24;--brand:#0a5c63;--action:#1b4dff;--action-ink:#fff;--surface-quiet:#f7fafb;--rule:#c5d0d8;--mist-deep:#cfdce6;--mist-soft:#f0f5f8;--teal-soft:#d4ecee;--cobalt-soft:#dce6ff;--font-display:"Fraunces", "Palatino Linotype", Palatino, serif;--font-body:"Source Serif 4", "Iowan Old Style", "Apple Garamond", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--measure:68ch;--shell:72rem;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--space-7:6rem;--radius-sm:2px;--focus:2px solid var(--action);--focus-offset:3px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100vh;color:var(--ink);background-color:var(--canvas);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-underline-offset:.18em}a:hover{color:var(--action)}a:focus-visible,button:focus-visible,.site-cta:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}.skip-link{left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-3);background:var(--ink);color:var(--surface-quiet);font-family:var(--font-mono);font-size:.875rem;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.site-shell{width:min(100% - 2rem, var(--shell));margin-inline:auto}.site-header{z-index:10;padding-block:var(--space-3);border-bottom:1px solid #0000;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.site-wordmark{font-family:var(--font-display);color:var(--brand);letter-spacing:-.02em;font-size:1.25rem;font-weight:600;text-decoration:none}.site-wordmark:hover{color:var(--brand);text-decoration:underline}.site-nav{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-nav a{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:.8125rem;text-decoration:none}.site-nav a:hover{color:var(--brand);text-decoration:underline}.site-cta{background:var(--action);min-height:44px;color:var(--action-ink);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.8125rem;text-decoration:none;transition:transform .16s,background-color .16s;display:inline-flex}.site-cta:hover{color:var(--action-ink);background:#1540d6;text-decoration:none}.site-cta:active{transform:translateY(1px)}.site-cta--ghost{color:var(--brand);border:1px solid var(--brand);background:0 0}.site-cta--ghost:hover{background:var(--teal-soft);color:var(--brand)}.site-footer{margin-top:var(--space-7);padding-block:var(--space-5);border-top:1px solid var(--rule);font-size:.95rem}.site-footer__inner{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer nav{gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer a{color:var(--ink);text-decoration:none}.site-footer a:hover{color:var(--brand);text-decoration:underline}.site-footer__meta{gap:var(--space-2);flex-direction:column;max-width:42ch;display:flex}.site-footer__note,.site-footer__credit{color:color-mix(in srgb, var(--ink) 70%, transparent);margin:0}.site-footer__credit{color:color-mix(in srgb, var(--brand) 75%, var(--ink));font-size:.875rem}.mono-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 65%, transparent);font-size:.75rem}.section{padding-block:var(--space-6)}.section+.section{border-top:1px solid var(--rule)}.section__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-3);color:var(--ink);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:1.2}.section__lede{margin:0 0 var(--space-4);max-width:48ch;color:color-mix(in srgb, var(--ink) 82%, transparent)}.hero{isolation:isolate;min-height:calc(100vh - 4.5rem);padding-block:var(--space-6);align-items:center;display:flex;position:relative;overflow:hidden}.hero__atmosphere{z-index:-1;background:radial-gradient(ellipse 80% 60% at 15% 20%, var(--teal-soft) 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 90% 10%, var(--cobalt-soft) 0%, transparent 50%), radial-gradient(ellipse 90% 70% at 50% 100%, var(--mist-deep) 0%, transparent 60%), linear-gradient(165deg, var(--mist-soft) 0%, var(--canvas) 45%, #d9e6ef 100%);position:absolute;inset:0}.hero__atmosphere:after{content:"";opacity:.35;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");background-size:180px 180px;animation:28s ease-in-out infinite alternate mist-drift;position:absolute;inset:0}.hero__content{max-width:38rem;animation:.9s cubic-bezier(.22,1,.36,1) both hero-rise}.hero__brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--brand);margin:0 0 var(--space-4);font-size:clamp(3rem,10vw,5.5rem);font-weight:650;line-height:.95}.hero__tagline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 var(--space-3);font-size:clamp(1.5rem,3.5vw,2rem);font-style:italic;font-weight:500;line-height:1.25}.hero__support{margin:0 0 var(--space-5);max-width:36ch;color:color-mix(in srgb, var(--ink) 80%, transparent);font-size:1.125rem}@keyframes hero-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes mist-drift{0%{opacity:.28;transform:translate(0,0)scale(1)}to{opacity:.4;transform:translate(-1.5%,1%)scale(1.03)}}@media (prefers-reduced-motion:reduce){.hero__content,.hero__atmosphere:after{animation:none}}.steps{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.steps{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}.steps li{padding-top:var(--space-3);border-top:1px solid var(--rule)}.steps h3{font-family:var(--font-display);margin:var(--space-2) 0;font-size:1.25rem;font-weight:600}.steps p{color:color-mix(in srgb, var(--ink) 80%, transparent);margin:0}.path-list,.lesson-list{margin:0;padding:0;list-style:none}.path-list li,.lesson-list li{border-top:1px solid var(--rule)}.path-list li:last-child,.lesson-list li:last-child{border-bottom:1px solid var(--rule)}.path-list a,.lesson-list a{gap:var(--space-3);padding-block:var(--space-4);color:inherit;grid-template-columns:auto 1fr auto;align-items:baseline;min-height:44px;text-decoration:none;transition:padding-left .16s;display:grid}.path-list a:hover,.lesson-list a:hover{color:var(--brand);padding-left:.35rem}.path-list a:hover .lesson-list__arrow,.lesson-list a:hover .lesson-list__arrow{transform:translate(4px)}.lesson-list__num{font-family:var(--font-mono);color:color-mix(in srgb, var(--ink) 55%, transparent);min-width:2ch;font-size:.8125rem}.lesson-list__title{font-family:var(--font-display);font-size:1.25rem;font-weight:550}.lesson-list__meta{font-family:var(--font-mono);letter-spacing:.04em;color:color-mix(in srgb, var(--ink) 55%, transparent);font-size:.75rem}.lesson-list__arrow{transition:transform .16s;display:inline-block}.lesson-chrome{gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--rule);margin-bottom:var(--space-5);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.lesson-chrome a{color:var(--ink);text-decoration:none}.lesson-chrome a:hover{color:var(--brand);text-decoration:underline}.lesson-article{background:var(--surface-quiet);padding:var(--space-5) var(--space-4);margin-inline:calc(-1 * var(--space-3));border-radius:var(--radius-sm)}@media (width>=720px){.lesson-article{padding:var(--space-6);margin-inline:0}}.lesson-article h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 var(--space-3);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.15}.lesson-prose{max-width:var(--measure)}.lesson-prose h2{font-family:var(--font-display);margin:var(--space-5) 0 var(--space-3);font-size:1.4rem;font-weight:600}.lesson-prose h3{font-family:var(--font-display);margin:var(--space-4) 0 var(--space-2);font-size:1.15rem;font-weight:600}.lesson-prose p,.lesson-prose ul,.lesson-prose ol{margin:0 0 var(--space-3)}.lesson-prose ul,.lesson-prose ol{padding-left:1.25rem}.lesson-prose li+li{margin-top:.35rem}.lesson-prose strong{font-weight:650}.try-this{margin:var(--space-5) 0;padding:var(--space-4) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.try-this .mono-label{margin-bottom:var(--space-2);color:var(--brand);display:block}.lesson-nav{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;display:flex}.lesson-nav a{font-family:var(--font-mono);letter-spacing:.03em;align-items:center;min-height:44px;font-size:.8125rem;text-decoration:none;display:inline-flex}.page-header{padding-block:var(--space-6) var(--space-4)}.page-header h1{font-family:var(--font-display);letter-spacing:-.03em;margin:var(--space-2) 0 var(--space-3);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:600;line-height:1.1}.page-header p{max-width:48ch;color:color-mix(in srgb, var(--ink) 80%, transparent);margin:0}.glossary-list{margin:0;padding:0;list-style:none}.glossary-list li{padding-block:var(--space-4);border-top:1px solid var(--rule)}.glossary-list dt{font-family:var(--font-display);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.glossary-list dd{max-width:var(--measure);color:color-mix(in srgb, var(--ink) 85%, transparent);margin:0}.diagram{margin:var(--space-5) 0;max-width:100%;padding:0}.diagram__caption{gap:var(--space-1);margin-bottom:var(--space-3);font-family:var(--font-body);color:color-mix(in srgb, var(--ink) 85%, transparent);flex-direction:column;font-size:1rem;display:flex}.diagram__caption .mono-label{color:var(--brand)}.diagram__frame{-webkit-overflow-scrolling:touch;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface-quiet);overflow-x:auto}.diagram__svg{width:100%;min-width:28rem;height:auto;font-family:var(--font-mono);display:block}.diagram__svg .diagram-num{letter-spacing:.06em;font-size:11px;font-weight:500}.diagram__svg .diagram-label{font-size:14px;font-weight:500;font-family:var(--font-display), serif}.diagram__svg .diagram-hint{letter-spacing:.02em;opacity:.85;font-size:10px}.diagram__legend{align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-3) 0 0;font-family:var(--font-mono);letter-spacing:.02em;color:color-mix(in srgb, var(--ink) 70%, transparent);flex-wrap:wrap;font-size:.75rem;display:flex}.diagram__swatch{border-radius:var(--radius-sm);vertical-align:middle;border:1.5px solid;width:.85rem;height:.85rem;display:inline-block}.diagram__swatch--you{background:var(--teal-soft);border-color:var(--brand)}.diagram__swatch--ai{background:var(--cobalt-soft);border-color:var(--action)}