.site{overflow-x:clip}.site-nav{position:relative;z-index:20;display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:18px 24px}.site-logo{display:block;margin-right:auto}.site-logo-title{width:150px;filter:drop-shadow(0 4px 10px rgba(60,30,140,.4))}.site-links{display:flex;align-items:center;gap:6px}.site-links a:not(.btn){padding:9px 14px;border-radius:999px;font-weight:800;font-size:.92rem;color:var(--muted-2)}.site-links a:not(.btn):hover,.site-links a.on{color:var(--text);background:#ffffff14}.site-burger{display:none;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:center;justify-content:center;gap:4px}.site-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text)}.land-section{max-width:1200px;margin:0 auto;padding:72px 24px 8px}.land-section h2,.course-band h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;margin:4px 0 28px;max-width:720px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}[data-reveal].in{opacity:1;transform:none}.chip-live{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:.82rem;color:#fff}.land-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.land-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:36px 24px 24px}.land-hero-copy h1{margin:18px 0 14px;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;font-weight:700}.land-hero-copy h1 em,.course-hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#ff8fbd,#b79cff 55%,#74b9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.land-hero-copy>p{margin:0;max-width:520px;font-size:1.12rem;line-height:1.6;color:var(--muted-2)}.land-stats{display:flex;gap:12px;margin:30px 0 0}.land-stats div{min-width:96px;padding:12px 16px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--line)}.land-stats dt{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.land-stats dd{margin:2px 0 0;font-family:var(--font-display);font-size:1.7rem;font-weight:700}.land-hero-art{position:relative;aspect-ratio:1.08;border-radius:36px;overflow:hidden;isolation:isolate;box-shadow:var(--shadow)}.land-sky{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 98%,#fff 0 70px,transparent 71px),radial-gradient(circle at 34% 106%,#ffe0f0 0 90px,transparent 91px),radial-gradient(circle at 70% 104%,#dcefff 0 96px,transparent 97px),radial-gradient(circle at 94% 96%,#fff 0 70px,transparent 71px),radial-gradient(1.5px 1.5px at 22% 18%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 64% 30%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 80% 14%,#fff 50%,transparent 51%),radial-gradient(60% 55% at 50% 40%,#2a2563,#2a2563d9 38%,#2a256300 75%),linear-gradient(130deg,#ffb9da,#d5b6ff 38%,#a9b8ff 66%,#93d6ff)}.land-title{position:absolute;left:50%;top:12%;width:72%;transform:translate(-50%);filter:drop-shadow(0 8px 18px rgba(18,8,60,.55))}.land-cat,.land-dog{position:absolute;bottom:6%;width:38%;filter:drop-shadow(0 14px 20px rgba(40,20,90,.35));animation:float 4.2s ease-in-out infinite}.land-cat{left:6%}.land-dog{right:5%;animation-delay:-2.1s}.land-vs{position:absolute;left:50%;top:52%;width:26%;transform:translate(-50%,-50%);animation:float 3s ease-in-out infinite}.land-hero-art .d1{left:8%;top:8%}.land-hero-art .d2{left:44%;top:74%}.land-hero-art .d3{right:8%;top:8%}.land-hero-art .d4{right:40%;top:36%}.land-hero-art .d5{left:24%;top:40%}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{padding:22px;border-radius:var(--radius-xl);background:var(--panel);border:1px solid var(--line);transition:transform .2s ease,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#b79cff73}.feature-art{display:block;width:auto;height:92px;max-width:100%;margin-bottom:14px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}.feature-art.small{height:64px}.feature h3,.steps h3{font-size:1.18rem;margin-bottom:6px}.feature p,.steps p{margin:0;color:var(--muted);line-height:1.55}.showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:36px;align-items:center}.showcase-copy p{margin:-12px 0 22px;color:var(--muted-2);line-height:1.65;font-size:1.04rem}.showcase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.showcase-cards.single{grid-template-columns:minmax(0,360px);justify-content:center}.showcase-cards .poll-card:nth-child(2){transform:translateY(18px)}.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-weight:800}.ticks li{display:flex;align-items:center;gap:10px}.ticks svg{flex:none;padding:3px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:step}.steps li{position:relative;padding:24px 22px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line)}.step-num{position:absolute;top:18px;right:20px;font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1;opacity:.18}.step-art{display:block;height:86px;width:auto;margin-bottom:14px}.course-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;max-width:1152px;margin:80px auto 0;padding:30px 34px;border-radius:32px;background:linear-gradient(120deg,#2b2f6e,#3a2a73 50%,#22406f);color:#fff;box-shadow:var(--shadow)}.course-band h2{margin:4px 0 8px}.course-band p{margin:0;color:#d9dcf7;line-height:1.6}.course-band .eyebrow{color:#ffc4dc}.course-band-art{width:120px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}.site-footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px;max-width:1200px;margin:80px auto 0;padding:36px 24px 48px;border-top:1px solid var(--line);font-size:.9rem}.site-footer-title{width:140px}.site-footer-brand p{margin:10px 0 0;color:var(--muted);max-width:300px;line-height:1.55}.site-footer nav{display:grid;align-content:start;gap:8px}.site-footer nav a{color:var(--muted-2);font-weight:700}.site-footer nav a:hover{color:var(--text)}.course-hero{position:relative;display:flex;flex-direction:column;min-height:max(640px,min(100vh,900px));overflow:hidden;isolation:isolate;color:#fff}.course-hero-top{position:relative;z-index:3;background:linear-gradient(180deg,#080e229e,#080e2200)}.course-hero .site-links a:not(.btn){color:#e6e9ff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pond{position:relative;overflow:hidden;background:#13244a}.course-pond{position:absolute;inset:0;z-index:-1}.pond canvas{display:block;image-rendering:crisp-edges;image-rendering:pixelated;touch-action:pan-y;cursor:crosshair}.pond-controls{position:absolute;right:18px;bottom:18px;z-index:4;display:grid;gap:6px;padding:10px 14px;border-radius:16px;background:#0a10289e;border:1px solid rgba(255,255,255,.14);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dfe6ff}.pond-controls label{display:grid;grid-template-columns:52px 120px;align-items:center;gap:8px}.pond-controls input{accent-color:#ff8fbd}.pond-rider{position:absolute;z-index:1;width:clamp(92px,11vw,150px);transform:translate(-50%,-82%);pointer-events:none;filter:drop-shadow(0 10px 12px rgba(4,10,30,.45))}.course-hero-copy{position:relative;z-index:2;align-self:center;max-width:760px;margin:auto 24px;padding:34px 36px 30px;border-radius:32px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,#0e1430d1,#0e14309e);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px #03081873}.course-hero-copy h1{margin:16px 0 12px;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.05;font-weight:700}.course-hero-copy p{margin:0 auto;max-width:560px;font-size:1.06rem;line-height:1.6;color:#d9def8}.course-hero-copy .land-cta{justify-content:center}.hero-facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:22px 0 0;padding:0;font-weight:800;font-size:.86rem;color:#c9d1f5}.hero-facts li{display:inline-flex;align-items:center;gap:6px}.hero-facts li+li:before{content:"✦";margin-right:12px;color:var(--butter)}.pond-hint{position:absolute;left:50%;bottom:22px;z-index:2;margin:0;transform:translate(-50%);font-family:var(--font-display);font-size:.92rem;letter-spacing:.08em;color:#e9f6ff;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}.progress-note{margin-left:10px;padding:4px 10px;border-radius:999px;background:var(--ok);color:#fff;font-family:var(--font-ui);font-size:.8rem;vertical-align:middle}.curriculum{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.curriculum a{display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);transition:transform .15s,border-color .15s}.curriculum a:hover{transform:translateY(-2px);border-color:#b79cff80}.lesson-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel-3);font-family:var(--font-display);font-weight:700;font-size:.92rem}.curriculum li.done .lesson-num,.learn-side a.done .lesson-num{background:var(--ok);color:#fff}.lesson-text{display:grid;gap:2px;min-width:0}.lesson-text small{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-time{font-size:.78rem;font-weight:800;color:var(--muted);white-space:nowrap}.os-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.os-card{padding:24px;border-radius:var(--radius-xl);background:var(--panel);border:1px solid var(--line)}.os-card h3{margin-bottom:8px}.os-card p{margin:0 0 16px;color:var(--muted);line-height:1.55}.os-card pre,.prose pre{margin:0;padding:14px 16px;border-radius:14px;background:#0a0f22;overflow-x:auto;font-family:var(--font-mono);font-size:.86rem;line-height:1.6;color:#dce3ff}.faq{display:grid;gap:10px;max-width:820px}.faq details{padding:16px 20px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:900;font-size:1.02rem}.faq p{margin:10px 0 0;color:var(--muted-2);line-height:1.6}.learn-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 20px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.learn-top .site-logo{margin-right:0}.learn-top .site-logo-title{width:120px}.learn-menu{display:none}.learn-crumb{margin-right:auto;font-weight:800;font-size:.86rem;color:var(--muted)}.os-toggle{display:inline-flex;padding:3px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.os-toggle button{padding:7px 13px;border-radius:999px;font-weight:800;font-size:.8rem;color:var(--muted)}.os-toggle button.on{background:linear-gradient(180deg,#5aa6ff,#2f72ff);color:#fff}.learn-body{display:grid;grid-template-columns:270px minmax(0,1fr) 200px;gap:32px;max-width:1360px;margin:0 auto;padding:24px 20px 80px}.learn-side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin}.learn-progress{display:grid;grid-template-columns:1fr auto;gap:6px;padding:14px;margin-bottom:12px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--line);font-size:.82rem}.learn-progress span{color:var(--muted)}.bar-track{grid-column:1 / -1;height:8px;border-radius:999px;background:var(--panel-3);overflow:hidden}.bar-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8fbd,#b79cff);transition:width .5s ease}.learn-side ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.learn-side a{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;font-weight:700;font-size:.88rem;color:var(--muted-2)}.learn-side a .lesson-num{width:26px;height:26px;font-size:.8rem}.learn-side a:hover{background:var(--panel);color:var(--text)}.learn-side a.on{background:var(--nav-active);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.learn-main{min-width:0;max-width:780px}.lesson-head{display:flex;align-items:center;gap:18px;padding-bottom:20px;margin-bottom:8px;border-bottom:1px solid var(--line)}.lesson-head h1{font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:1.1;margin:2px 0 6px}.lesson-head p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:.9rem}.learn-toc{position:sticky;top:84px;align-self:start;display:grid;gap:4px;font-size:.82rem}.learn-toc strong{margin-bottom:4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.learn-toc button{text-align:left;padding:4px 0;color:var(--muted-2);font-weight:700}.learn-toc button:hover{color:var(--text)}.prose{font-size:1.02rem;line-height:1.75;color:var(--muted-2)}.prose h2{margin:40px 0 12px;font-size:1.5rem;color:var(--text);scroll-margin-top:90px}.prose h3{margin:28px 0 8px;font-size:1.15rem;color:var(--text);scroll-margin-top:90px}.prose p{margin:12px 0}.prose strong{color:var(--text)}.prose a{color:var(--blue-2);font-weight:800;text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:6px 0}.prose li::marker{color:var(--violet-2);font-weight:900}.prose :not(pre)>code{padding:2px 7px;border-radius:7px;background:var(--panel-2);color:#ffc4dc;font-family:var(--font-mono);font-size:.86em}[data-theme=light] .prose :not(pre)>code{color:#b72e66}.prose img{max-width:100%;border-radius:16px}.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92rem}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose th{color:var(--text)}.prose blockquote{margin:18px 0;padding:2px 18px;border-left:4px solid var(--violet);border-radius:0 14px 14px 0;background:var(--panel)}.code{margin:14px 0;border-radius:16px;overflow:hidden;border:1px solid rgba(116,185,255,.18);background:#0a0f22}.code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 7px 16px;background:#121a38;font-size:.74rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#9fb0e8}.code[data-os=windows] .code-head{color:#8fd0ff}.code[data-os=linux] .code-head{color:#ffd66e}.code pre{border-radius:0}.copy{padding:5px 12px;border-radius:999px;background:#ffffff14;color:#e6ecff;font-size:.72rem;font-weight:900;letter-spacing:.04em}.copy:hover{background:#ffffff29}:root[data-os=windows] [data-os=linux],:root[data-os=linux] [data-os=windows]{display:none}.callout{margin:18px 0;padding:4px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.callout.tip{border-color:#6fdcb873;background:#6fdcb814}.callout.warn{border-color:#ffd66e80;background:#ffd66e14}.callout.check{border-color:#74b9ff73;background:#74b9ff14}.lesson-done{margin:40px 0 20px}.done-note{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#2fbf7a26;color:#6fe3a8;font-weight:900}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-link{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);font-weight:800}.lesson-link.next{justify-content:flex-end;text-align:right}.lesson-link small{display:block;color:var(--muted);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.lesson-link:hover{border-color:#b79cff80}@media(max-width:1180px){.learn-body{grid-template-columns:250px minmax(0,1fr)}.learn-toc{display:none}}@media(max-width:960px){.land-hero,.showcase{grid-template-columns:1fr}.land-hero-art{max-width:560px;width:100%;margin:0 auto}.feature-grid,.feature-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum{grid-template-columns:1fr}.course-band{grid-template-columns:1fr;text-align:center;justify-items:center;margin-inline:16px}.site-footer{grid-template-columns:1fr 1fr}.learn-body{grid-template-columns:minmax(0,1fr);padding-top:16px}.learn-menu{display:grid}.learn-side{position:fixed;top:0;bottom:0;left:0;z-index:50;width:min(320px,86vw);max-height:none;padding:18px 14px;background:var(--bg-2);border-right:1px solid var(--line);transform:translate(-102%);transition:transform .25s ease}.learn-side.open{transform:none}.learn-crumb{display:none}.learn-top .site-logo{margin-right:auto}}@media(max-width:720px){.site-burger{display:flex}.site-links{position:absolute;top:74px;right:16px;left:16px;display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.site-links.open{display:flex}.site-links .btn{margin-top:6px}.site-nav{padding:14px 16px}.site-logo-title{width:124px}.land-section{padding:56px 16px 4px}.land-hero{padding:20px 16px;gap:28px}.land-stats div{min-width:0;flex:1;padding:10px 12px}.feature-grid,.feature-grid.three,.steps,.os-cards,.showcase-cards{grid-template-columns:1fr}.showcase-cards .poll-card:nth-child(2){transform:none}.course-hero{min-height:900px}.course-hero-copy{margin:12px 14px auto;padding:24px 18px 22px;border-radius:24px}.os-mac{display:none}.pond-rider{width:84px}.pond-controls{left:50%;right:auto;bottom:12px;transform:translate(-50%);grid-auto-flow:column;gap:14px}.pond-controls label{grid-template-columns:auto 80px}.pond-hint{display:none}.site-footer{grid-template-columns:1fr}.curriculum a{grid-template-columns:30px 34px minmax(0,1fr)}.lesson-time{display:none}.os-toggle button{padding:6px 10px}.learn-app{display:none}.lesson-nav{grid-template-columns:1fr}}