:root{--bg:#070503;--bg-2:#0f0c08;--panel:#120f0bc7;--panel-strong:#1c1712eb;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#fff8ed;--muted:#aaa198;--muted-2:#746d66;--blue:#005b94;--cyan:#00a7c9;--purple:#612a78;--charcoal:#484947;--shadow:0 30px 120px #00000094;color:var(--text);background:var(--bg);font-family:Acumin Variable Concept,Acumin Pro,Avenir Next,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-shell{isolation:isolate;background:radial-gradient(circle at 50% -10%,#00a7c938,#0000 28rem),radial-gradient(circle at 82% 18%,#612a783d,#0000 30rem),linear-gradient(#080503 0%,#100c08 48%,#070503 100%);min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:"";z-index:0;pointer-events:none;opacity:.68;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:92px 92px;animation:9s ease-in-out infinite alternate gridBreathe;position:fixed;inset:-2px;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000000b8,#0000 78%);mask-image:linear-gradient(#000000b8,#0000 78%)}.site-shell:after{content:"";z-index:0;pointer-events:none;opacity:.95;will-change:transform;background:radial-gradient(circle at 18% 24%,#00a7c93d,#0000 27rem),radial-gradient(circle at 82% 18%,#612a7842,#0000 31rem),radial-gradient(circle at 48% 92%,#005b942e,#0000 34rem);animation:16s ease-in-out infinite alternate ambientDrift;position:fixed;inset:-18vh -16vw;transform:translate(-4vw,-2vh)scale(1.01)}.grain{z-index:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0;transform:translateZ(0)}.section-wrap{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.reveal{opacity:0;filter:blur(10px);transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1),filter .76s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)scale(.985)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.hierarchy-card:nth-child(2),.phase-card:nth-child(2),.feature-card:nth-child(2),.metrics div:nth-child(2){--reveal-delay:90ms}.hierarchy-card:nth-child(3),.phase-card:nth-child(3),.feature-card:nth-child(3),.metrics div:nth-child(3){--reveal-delay:.18s}.hierarchy-card:nth-child(4),.phase-card:nth-child(4){--reveal-delay:.27s}.pointer-glow{--glow-x:50%;--glow-y:50%;isolation:isolate;position:relative;overflow:hidden}.pointer-glow:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #00a7c947, transparent 130px), radial-gradient(circle at calc(var(--glow-x) + 52px) calc(var(--glow-y) + 38px), #612a783d, transparent 150px);transition:opacity .22s;position:absolute;inset:-1px}.pointer-glow:hover:before{opacity:1}.pointer-glow>*{z-index:1;position:relative}.nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080503b8;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 40px);margin:14px auto 0;padding:12px 14px;display:flex;position:sticky;top:14px;box-shadow:0 16px 60px #00000059}.brand{border-radius:999px;align-items:center;min-width:232px;padding:4px 10px 4px 5px;transition:background .18s,box-shadow .18s;display:inline-flex}.brand:hover{background:#ffffff0b;box-shadow:inset 0 1px #ffffff0f}.logo-lockup{white-space:nowrap;align-items:center;gap:11px;display:inline-flex}.logo-symbol{background:radial-gradient(circle at 70% 20%,#00a7c96b,#0000 34%),radial-gradient(circle at 30% 80%,#612a7880,#0000 40%),linear-gradient(145deg,#ffffff1a,#ffffff06);border:1px solid #ffffff1f;border-radius:15px;flex:none;width:42px;height:42px;transition:transform .22s,border-color .22s,box-shadow .22s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000057,0 0 28px #00a7c921,inset 0 1px #ffffff21}.logo-symbol:after{content:"";opacity:.48;border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:8px}.logo-fold{border-radius:999px 999px 4px;width:16px;height:30px;display:block;position:absolute;transform:rotate(34deg);box-shadow:inset 0 1px #ffffff38}.logo-fold-a{background:linear-gradient(#00a7c9,#005b94 64%,#612a78);top:6px;left:9px}.logo-fold-b{opacity:.92;background:linear-gradient(#612a78,#005b94 48%,#00a7c9);bottom:6px;right:9px;transform:rotate(34deg)scaleY(-1)}.logo-core{background:#fff8ed;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #00a7c9b8}.brand:hover .logo-symbol{border-color:#00a7c96b;transform:translateY(-1px)rotate(-2deg);box-shadow:0 16px 44px #00000061,0 0 34px #00a7c938,inset 0 1px #ffffff2b}.logo-text{color:#f8efe4;letter-spacing:-.055em;align-items:baseline;font-size:21px;font-weight:850;line-height:1;display:inline-flex}.logo-text span:first-child{background:linear-gradient(135deg,#fff8ed 0%,#e8fbff 55%,#c9b3d4 100%);color:#0000;-webkit-background-clip:text}.logo-text span:last-child{color:#75dff1;letter-spacing:-.02em;text-shadow:0 0 18px #00a7c947;margin-left:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68em;font-weight:800}.logo-lockup-large{gap:14px;margin-bottom:20px}.logo-lockup-large .logo-symbol{border-radius:19px;width:56px;height:56px}.logo-lockup-large .logo-fold{width:21px;height:39px}.logo-lockup-large .logo-fold-a{top:8px;left:11px}.logo-lockup-large .logo-fold-b{bottom:8px;right:11px}.logo-lockup-large .logo-core{width:10px;height:10px}.logo-lockup-large .logo-text{font-size:clamp(31px,4vw,48px)}.nav nav{align-items:center;gap:6px;display:flex}.nav nav a,.nav-cta{color:#d8d0c6;border-radius:999px;padding:11px 14px;font-size:14px;line-height:1;transition:color .18s,background .18s,border-color .18s}.nav nav a:hover{color:#fff;background:#ffffff0f}.nav-cta{border:1px solid var(--line-strong);background:#ffffff0f}.nav-cta:hover{color:#fff;border-color:#00a7c9a6}.hero{text-align:center;padding:108px 0 90px}.orb{filter:blur(55px);opacity:.72;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate orbFloat;position:absolute}.orb-cyan{background:#00a7c947;width:320px;height:320px;top:60px;left:-100px}.orb-purple{background:#612a784d;width:380px;height:380px;animation-delay:-5s;top:220px;right:-130px}.announcement{color:#d8d0c6;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 8px;animation:.6s both rise;display:inline-flex;box-shadow:inset 0 1px #ffffff17}.announcement span{color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan) 55%, var(--purple));border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.085em;text-wrap:balance;max-width:1040px;margin:24px auto 20px;font-size:clamp(58px,9vw,128px);line-height:.88;animation:.7s 80ms both rise}.product-title{letter-spacing:-.09em;justify-content:center;align-items:baseline;gap:0;margin:28px auto 0;font-family:Acumin Variable Concept,Acumin Pro,Avenir Next,Inter,sans-serif;font-size:clamp(72px,12vw,170px);line-height:.82;display:flex}.terminal-cursor{color:#7fe8f5;text-shadow:0 0 28px #00a7c9bf;animation:1.05s step-end infinite terminalBlink;display:inline-block}.tagline{color:#f4ede4;letter-spacing:-.045em;text-wrap:balance;margin:18px auto 22px;font-size:clamp(24px,3.2vw,44px);font-weight:700;animation:.7s .12s both rise}.hero-copy{color:#c6beb5;text-wrap:balance;max-width:790px;margin:0 auto;font-size:clamp(18px,2.2vw,23px);line-height:1.45;animation:.7s .16s both rise}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin:34px 0 54px;animation:.7s .24s both rise;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:14px 19px;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg, var(--blue), var(--cyan), var(--purple), var(--cyan), var(--blue));color:#fff;background-size:260% 100%;box-shadow:0 16px 46px #00a7c933}.primary:hover{animation:1.6s ease-in-out infinite buttonGradientShift;box-shadow:0 18px 54px #00a7c94d,0 0 34px #612a7838}.secondary{border:1px solid var(--line-strong);color:#ece5dc;background:#ffffff0d}.secondary:hover{border-color:#ffffff52}.product-frame{width:min(1120px,100%);box-shadow:var(--shadow), 0 0 90px #00a7c91f, inset 0 1px 0 #ffffff1a;text-align:left;background:linear-gradient(#1e1914f2,#0a0807fa);border:1px solid #ffffff1f;border-radius:31px;margin:0 auto;animation:.78s .3s both rise;overflow:hidden}.product-topbar{color:#aaa198;border-bottom:1px solid #ffffff14;grid-template-columns:130px 1fr auto;align-items:center;gap:14px;height:58px;padding:0 18px;font-size:13px;display:grid}.traffic{gap:8px;display:flex}.traffic i{background:#3a342e;border-radius:50%;width:11px;height:11px}.traffic i:first-child{background:#612a78}.traffic i:nth-child(2){background:#005b94}.traffic i:nth-child(3){background:#00a7c9}.status{color:#dbfaff;align-items:center;gap:6px;display:inline-flex}.product-grid{grid-template-columns:220px 1fr 295px;min-height:530px;display:grid}.file-tree,.instructor-pane{background:#ffffff06;padding:22px}.file-tree{border-right:1px solid #ffffff14}.file-tree p,.pane-title,.panel-title{color:#e8e0d7;align-items:center;gap:8px;margin-bottom:18px;font-weight:750;display:flex}.file-tree ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.file-tree li{color:#8f867d;border-radius:12px;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.file-tree .active{color:#eaffff;background:linear-gradient(90deg,#005b946b,#00a7c91f);border:1px solid #00a7c92e}.editor-pane{background:radial-gradient(circle at 50% 0,#00a7c914,#0000 42%);padding:24px}.lesson-progress{color:#d8d0c6;justify-content:space-between;gap:16px;margin-bottom:22px;display:flex}.lesson-progress div{gap:7px;display:flex}.lesson-progress i{background:#ffffff21;border-radius:999px;width:28px;height:6px}.lesson-progress .current{background:linear-gradient(90deg, var(--cyan), var(--purple))}pre{white-space:pre-wrap;color:#e9e0d8;background:#03040594;border:1px solid #ffffff14;border-radius:22px;min-height:410px;margin:0;padding:24px;font:15px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.instructor-pane{border-left:1px solid #ffffff14}.chat-message,.hint-box{color:#e9e0d8;border-radius:16px;margin-bottom:12px;padding:14px;font-size:14px;line-height:1.45}.learner{background:#ffffff0e}.mentor{background:linear-gradient(135deg,#005b9457,#612a7842);border:1px solid #00a7c929}.hint-box{color:#dffbff;background:#00a7c91a;border:1px solid #00a7c93d}.split{grid-template-columns:1.08fr .92fr;align-items:end;gap:70px;padding:36px 0 60px;display:grid}.eyebrow{color:#75dff1;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}h2{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(36px,5vw,72px);line-height:.95}.split>p,.showcase-copy p,.knowledge-card p,.cta p,.feature-card p,.phase-card p,.instructor-card p,.how-intro p,.hierarchy-card p,.loop-copy p,.loop-card p,.hands-dirty-card p{color:var(--muted);font-size:17px;line-height:1.65}.divider-section{padding:54px 0 28px}.section-divider{color:#d8d0c6;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:18px;margin-bottom:54px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg,#0000,#00a7c973,#ffffff14);flex:1;height:1px}.section-divider:after{background:linear-gradient(90deg,#ffffff14,#612a788c,#0000)}.section-divider:before,.section-divider:after{transition:transform .9s cubic-bezier(.22,1,.36,1);transform:scaleX(.24)}.is-visible .section-divider:before,.is-visible .section-divider:after{transform:scaleX(1)}.section-divider:before{transform-origin:100%}.section-divider:after{transform-origin:0}.section-divider span{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:999px;padding:9px 13px}.how-intro{grid-template-columns:.9fr 1.1fr;align-items:end;gap:40px;display:grid}.how-intro .eyebrow{grid-column:1/-1;margin-bottom:-18px}.how-intro h2,.how-intro p:last-child{margin:0}.hierarchy-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 0 76px;display:grid}.hierarchy-card{background:linear-gradient(#00a7c914,#ffffff06);border:1px solid #ffffff1a;border-radius:28px;min-height:260px;padding:24px;transition-property:opacity,transform,filter,border-color,background;box-shadow:inset 0 1px #ffffff14}.hierarchy-card:hover,.phase-card:hover,.feature-card:hover,.mini-panel:hover,.metrics div:hover{background:linear-gradient(#00a7c91b,#ffffff09);border-color:#00a7c942}.hierarchy-card span{color:#6bdced;margin-bottom:64px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.hierarchy-card h3{letter-spacing:-.04em;margin-bottom:11px;font-size:24px}.teaching-loop{grid-template-columns:1fr .86fr;align-items:center;gap:28px;padding-bottom:92px;display:grid}.loop-copy p{margin-bottom:18px}.loop-card{box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;background:radial-gradient(circle at 100% 0,#612a7838,#0000 42%),linear-gradient(#fff1,#ffffff06);border:1px solid #00a7c92e;border-radius:30px;padding:26px}.prompt-line{color:#dffbff;background:#00a7c91c;border:1px solid #00a7c933;border-radius:999px;margin:10px 0;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:inline-flex}.learner-line{color:#f5dcff;background:#612a7829;border-color:#612a7845}.insight-line{color:#e9e0d8;background:#fff1;border-color:#ffffff1f}.loop-card p{margin:0 0 10px;font-size:16px}.phase-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:96px;display:grid}.phase-card,.feature-card,.mini-panel,.knowledge-card,.metrics div,.cta{background:linear-gradient(#ffffff0f,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff14}.phase-card{border-radius:26px;min-height:230px;padding:22px}.phase-card span{color:#6bdced;margin-bottom:52px;font-family:ui-monospace,monospace;display:block}.phase-card h3,.feature-card h3,.mini-panel h3{letter-spacing:-.03em;margin-bottom:11px;font-size:22px}.hands-dirty{padding:0 0 92px}.hands-dirty-card{text-align:center;max-width:980px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;background:radial-gradient(circle at 12% 0,#00a7c92e,#0000 38%),radial-gradient(circle at 88% 100%,#612a7833,#0000 40%),linear-gradient(#fff1,#ffffff06);border:1px solid #ffffff1c;border-radius:34px;margin:0 auto;padding:52px;position:relative;overflow:hidden}.hands-dirty-card:before{content:"";pointer-events:none;border:1px solid #00a7c91a;border-radius:24px;position:absolute;inset:18px}.hands-dirty-card h2{max-width:780px;margin:0 auto 18px}.hands-dirty-card p:last-child{max-width:760px;margin:0 auto}.showcase{grid-template-columns:.78fr 1.22fr;align-items:center;gap:34px;padding:92px 0;display:grid}.mockup-stack{gap:18px;display:grid}.mini-panel{background-color:#110e0bcc;border-radius:28px;padding:24px}.lesson-panel ol{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.lesson-panel li{color:#cfc6bc;gap:12px;line-height:1.45;display:flex}.lesson-panel li span{border:1px solid #00a7c98c;border-radius:50%;flex:0 0 18px;height:18px;margin-top:2px;box-shadow:0 0 18px #00a7c924}.instructor-card{background:radial-gradient(circle at 100% 0,#612a783d,#0000 42%),#110e0be0;margin-left:70px}.diff-row{border-radius:13px;margin:10px 0;padding:12px 14px;font-family:ui-monospace,monospace;font-size:14px}.good{color:#c5f8ff;background:#00a7c91a}.warn{color:#f0d7ff;background:#612a7829}.feature-band{padding:62px 0 96px}.feature-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.feature-heading h2{max-width:760px}.features{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.feature-card{border-radius:28px;min-height:280px;padding:26px}.feature-icon{color:#eaffff;background:linear-gradient(135deg,#005b94c2,#00a7c961,#612a7894);border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:46px;display:grid}.knowledge{padding:30px 0 96px}.knowledge-card{border-radius:34px;padding:46px;position:relative;overflow:hidden}.knowledge-card:after{content:"";background:radial-gradient(circle,#00a7c938,#0000 65%);border-radius:50%;width:420px;height:420px;animation:14s ease-in-out infinite alternate slowOrbit;position:absolute;top:-110px;right:-120px}.knowledge-card h2,.knowledge-card p,.stack-cloud{z-index:1;max-width:780px;position:relative}.stack-cloud{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.stack-cloud span{color:#eee7de;background:#fff1;border:1px solid #ffffff17;border-radius:999px;padding:11px 14px}.metrics{grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:96px;display:grid}.metrics div{border-radius:30px;min-height:190px;padding:30px}.metrics strong{letter-spacing:-.07em;background:linear-gradient(135deg, #fff, var(--cyan), var(--purple));color:#0000;-webkit-background-clip:text;margin-bottom:18px;font-size:clamp(54px,8vw,100px);line-height:.85;display:block}.metrics span{color:var(--muted);font-size:17px;line-height:1.45}.cta{text-align:center;background:radial-gradient(circle at 50% 0,#00a7c92e,#0000 44%),#ffffff0b;border-radius:38px;margin-bottom:84px;padding:72px 28px;overflow:hidden}.cta:before,.cta:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #00a7c921;position:absolute;inset:24px}.cta:after{border-color:#612a7829;inset:48px}.cta-spark{color:#7fe8f5;margin-bottom:16px;animation:2.8s ease-in-out infinite sparkPulse}.cta h2{max-width:760px;margin:0 auto 18px}.cta p{max-width:620px;margin:0 auto 28px}.footer{color:#8f867d;border-top:1px solid #ffffff14;grid-template-columns:1fr auto;gap:42px;padding:46px 0 54px;display:grid}.footer-brand{max-width:430px}.footer-brand p{color:var(--muted);margin:0;line-height:1.6}.footer-links{grid-template-columns:repeat(2,minmax(140px,1fr));gap:44px;display:grid}.footer-links div{gap:10px;display:grid}.footer h3{color:#f4ede4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:14px}.footer a{color:#aaa198;transition:color .18s}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff12;grid-column:1/-1;justify-content:space-between;gap:18px;padding-top:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:flex}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes gridBreathe{0%{opacity:.42}to{opacity:.72}}@keyframes ambientDrift{0%{transform:translate(-4vw,-2vh)scale(1.01)}to{transform:translate(4vw,3vh)scale(1.04)}}@keyframes orbFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(22px,-18px)scale(1.08)}}@keyframes slowOrbit{0%{transform:translate(0,0)scale(1)}to{transform:translate(-34px,24px)scale(1.08)}}@keyframes sparkPulse{0%,to{filter:drop-shadow(0 0 #00a7c900);transform:translateY(0)rotate(0)scale(1)}50%{filter:drop-shadow(0 0 18px #00a7c96b);transform:translateY(-4px)rotate(8deg)scale(1.08)}}@keyframes buttonGradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes terminalBlink{0%,48%{opacity:1}49%,to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}.reveal{opacity:1;filter:none;transform:none}}@media (width<=960px){.nav nav{display:none}.brand{min-width:0}.logo-text{font-size:19px}.hero{padding-top:82px}.product-topbar{grid-template-columns:auto 1fr}.product-topbar .status{display:none}.product-grid{grid-template-columns:1fr}.file-tree,.instructor-pane{border:0}.split,.showcase,.how-intro,.teaching-loop{grid-template-columns:1fr;gap:24px}.phase-grid,.features,.metrics,.hierarchy-grid{grid-template-columns:1fr}.how-intro .eyebrow{grid-column:auto;margin-bottom:0}.hierarchy-card{min-height:auto}.hierarchy-card span{margin-bottom:28px}.phase-card{min-height:auto}.phase-card span{margin-bottom:28px}.instructor-card{margin-left:0}.footer{text-align:center;grid-template-columns:1fr}.footer-brand{margin:0 auto}.footer-links{justify-content:center}}@media (width<=560px){.section-wrap,.nav{width:min(100% - 24px,1180px)}.nav{margin-top:8px;padding:10px;top:8px}.nav-cta{padding:10px 12px;font-size:13px}.brand{padding:3px}.logo-lockup{gap:8px}.logo-symbol{border-radius:13px;width:36px;height:36px}.logo-fold{width:14px;height:26px}.logo-fold-a{top:5px;left:8px}.logo-fold-b{bottom:5px;right:8px}.logo-text{letter-spacing:-.05em;font-size:17px}h1{font-size:clamp(48px,16vw,72px)}.product-title{letter-spacing:-.075em;font-size:clamp(56px,17vw,88px)}.announcement{text-align:left;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.product-frame{border-radius:22px}.product-topbar{grid-template-columns:1fr;height:auto;padding:14px}.traffic{display:none}.file-tree,.editor-pane,.instructor-pane,.knowledge-card{padding:18px}pre{padding:16px;font-size:12px}.cta{padding:52px 18px}.footer-links{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}}