@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5f6f5;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--ink:#10131b;--surface:#181d28;--surface-raised:#1d2430;--text:#f4f5f1;--muted:#a2a9b6;--line:#343b4a;--lime:#d9ff70;--mint:#75e5c1;--blue:#8bbcff;--violet:#c4a5ff;--orange:#ffb58a;--pink:#ff9db8;--mono:"DM Mono", ui-monospace, SFMono-Regular, monospace;background:#10131b;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:#10131b;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::selection{color:#11151e;background:#d9ff70}#root{min-height:100vh}.app-shell{background:radial-gradient(at 51% -28%,#323c58 0%,#0000 52%),#10131b;min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(95px);opacity:.13;border-radius:50%;position:absolute}.ambient-one{background:#9cff87;width:420px;height:420px;top:460px;right:-200px}.ambient-two{background:#58afc4;width:300px;height:300px;top:1000px;left:-210px}.page-frame{max-width:1120px;margin:auto;padding:0 32px;position:relative}.topbar{border-bottom:1px solid #ffffff12;align-items:center;gap:34px;height:86px;display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.brand-light{color:var(--muted);font-weight:500}.brand-mark{background:var(--lime);color:#171b20;border-radius:10px;place-items:center;width:30px;height:30px;display:grid;transform:rotate(-7deg)}.brand-mark .icon{width:19px;height:19px}.main-nav{align-items:center;gap:25px;margin-left:auto;display:flex}.main-nav a{color:#a6adba;font-size:12px;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a.active{position:relative}.main-nav a.active:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:-34px;left:0;right:0}.top-cta{color:var(--lime);align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.top-cta .icon{width:15px;height:15px;transition:transform .2s}.top-cta:hover .icon,.text-link:hover span{transform:translate(3px)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.home-hero{min-height:500px;padding:61px 0 55px}.hero-copy{max-width:570px}.eyebrow{font:500 10px/1.5 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--lime);align-items:center;gap:8px;display:inline-flex}.eyebrow-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 13px #d9ff70a0}.hero h1,.page-heading h1{letter-spacing:-.085em;margin:17px 0 18px;font-size:clamp(54px,8vw,88px);font-weight:700;line-height:.99}.hero h1 span,.page-heading h1 span{color:var(--lime)}.hero-copy>p{color:#b5bbc6;max-width:490px;margin:0;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:20px;margin-top:31px;display:flex}.button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:0 16px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#171a1b}.button-lime:hover{background:#e6ff9d}.button-lime .icon{width:15px;height:15px}.text-link{color:#e7eae3;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.text-link span{color:var(--lime);transition:transform .2s}.hero-art{place-items:center;height:320px;display:grid;position:relative}.orbit{border:1px solid #d9ff7028;border-radius:50%;position:absolute;transform:rotate(-26deg)}.orbit-large{width:300px;height:190px}.orbit-small{border-color:#75e5c127;width:228px;height:282px;transform:rotate(37deg)}.orbit:before,.orbit:after{content:"";background:var(--lime);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #d9ff7070}.orbit-large:before{top:25px;left:50px}.orbit-large:after{background:var(--mint);bottom:40px;right:23px}.orbit-small:before{background:var(--blue);top:49px;right:29px}.orbit-small:after{background:var(--pink);bottom:37px;left:39px}.orbit-core{width:108px;height:108px;color:var(--lime);background:radial-gradient(circle at 38% 32%,#354031,#161c23 71%);border:1px solid #d9ff7077;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 55px #d9ff7025,inset 0 0 30px #d9ff7012}.orbit-core .icon{stroke-width:1.15px;width:44px;height:44px}.orbit-node{color:#dfe4dd;font:10px var(--mono);letter-spacing:.05em;background:#151a23;border:1px solid #394150;border-radius:7px;padding:7px 11px;position:absolute;box-shadow:0 8px 22px #0004}.node-a{top:40px;left:36px}.node-b{color:var(--mint);top:94px;right:17px}.node-c{color:var(--blue);bottom:26px;left:46px}.orbit-caption{color:#a5adba;font:9px/1.65 var(--mono);letter-spacing:.09em;position:absolute;bottom:33px;right:14px}.orbit-caption b{color:var(--lime);font-weight:500}.home-overview{background:linear-gradient(105deg,#191f2b,#1c222d);border:1px solid #373f4f;border-radius:14px;grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:26px;padding:21px 24px;display:grid;box-shadow:0 18px 56px #080b1250}.overview-note,.overview-pace{align-items:center;gap:12px;display:flex}.overview-icon{width:36px;height:36px;color:var(--lime);background:#d9ff7017;border-radius:10px;place-items:center;display:grid}.overview-icon .icon{width:18px;height:18px}.overview-note>div:last-child,.overview-pace>div{gap:3px;display:grid}.overview-note strong,.overview-pace strong{font-size:12px}.overview-note span,.overview-pace span:last-child{color:var(--muted);font-size:10px}.overview-progress{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 22px}.overview-label,.progress-caption{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;display:flex}.overview-label strong{color:var(--text);font-size:11px}.overview-label small{color:var(--muted);font-size:10px;font-weight:400}.progress-track{background:#363e4d;border-radius:99px;width:100%;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--mint),var(--lime));border-radius:inherit;height:100%;transition:width .35s}.pace-spark{color:var(--mint);font-size:19px!important}.featured-section{padding:89px 0 0}.section-intro{justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px;display:flex}.section-intro h2{letter-spacing:-.06em;margin:9px 0 0;font-size:25px}.feature-card{background:linear-gradient(120deg,#1b2230,#171c27);border:1px solid #364052;border-radius:15px;grid-template-columns:38% 1fr;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;overflow:hidden}.feature-card:hover{border-color:#697754;transform:translateY(-4px);box-shadow:0 22px 60px #080b1280}.feature-art{background:radial-gradient(at 50% 44%,#65733c 0,#2d3b34 16%,#202a32 39%,#151b24 74%);place-items:center;min-height:276px;display:grid;position:relative;overflow:hidden}.feature-glow{border:1px solid #d9ff7035;border-radius:50%;width:250px;height:250px;position:absolute;box-shadow:0 0 50px #d9ff7010}.feature-index{font:11px var(--mono);color:var(--lime);position:absolute;top:20px;left:22px}.feature-index i{color:#aab1b7;font-style:normal}.feature-rings{border:1px solid #d9ff7065;border-radius:50%;place-items:center;width:168px;height:168px;display:grid;position:relative;transform:rotate(-22deg)}.feature-rings span{border:1px solid #75e5c15a;border-radius:50%;position:absolute;inset:16px}.feature-rings span:nth-child(2){border-color:#8bbcff68;inset:32px}.feature-rings span:nth-child(3){border-color:#d9ff7070;inset:48px}.feature-rings b{letter-spacing:-.1em;color:var(--lime);text-shadow:0 0 22px #d9ff7078;font-size:40px;transform:rotate(22deg)}.feature-stamp{color:#cbd2cd;font:11px var(--mono);position:absolute;bottom:20px;right:20px}.feature-stamp i{color:var(--lime);font-style:normal}.feature-content{flex-direction:column;padding:28px 30px 24px;display:flex}.card-meta{font:10px var(--mono);color:#aab2c0;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:12px;display:flex}.pill{letter-spacing:.04em;border-radius:4px;padding:5px 8px;font-size:9px}.pill-lime{color:var(--lime);background:#d9ff7016}.pill-mint{color:var(--mint);background:#75e5c116}.feature-content h3{letter-spacing:-.065em;margin:18px 0 9px;font-size:31px}.feature-content>p{color:#aeb6c3;max-width:560px;margin:0;font-size:12px;line-height:1.8}.feature-bottom{align-items:end;gap:20px;margin-top:auto;padding-top:23px;display:flex}.feature-progress{flex:1}.progress-caption{font:10px var(--mono);letter-spacing:.02em;margin-bottom:7px}.progress-caption strong{color:var(--lime);font-size:12px;font-weight:500}.round-arrow{width:37px;height:37px;color:var(--lime);border:1px solid #596346;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.feature-card:hover .round-arrow{background:#d9ff7018;transform:translate(2px)}.quote-strip{border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b;align-items:center;gap:19px;margin:56px 0 90px;padding:23px 0;display:flex}.quote-mark{color:var(--lime);font-size:40px;line-height:1}.quote-strip p{color:#aeb6c1;margin:0;font-size:14px;line-height:1.7}.quote-strip p b{color:var(--text);font-weight:600}.quote-tail{color:#818a99;font:10px var(--mono);margin-left:auto}.quote-tail i{color:var(--lime);margin-left:5px;font-style:normal}.site-footer{color:#818a98;border-top:1px solid #ffffff16;justify-content:space-between;gap:20px;padding:19px 0 28px;font-size:10px;display:flex}.footer-meta{font:9px var(--mono);letter-spacing:.09em}.inner-page{min-height:calc(100vh - 150px);padding:54px 0 80px}.page-heading{max-width:760px}.page-heading h1{margin-top:16px;font-size:clamp(48px,7vw,72px)}.page-heading>p{color:#aeb6c3;max-width:500px;margin:0;font-size:13px;line-height:1.85}.library-toolbar{color:#aab2c0;font:10px var(--mono);border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;margin:47px 0 14px;padding:12px 0;display:flex}.library-toolbar i{color:var(--lime);padding:0 5px;font-style:normal}.library-decoration{letter-spacing:.1em;color:#8992a0}.library-decoration b{color:var(--lime);margin-left:8px;font-size:15px}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.library-card{background:#181e29;border:1px solid #333c4c;border-radius:13px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.library-card:hover{border-color:#6e7a59;transform:translateY(-4px);box-shadow:0 20px 50px #080b1280}.library-art{background:radial-gradient(at 50% 48%,#45533b,#1b2529 56%,#141922);place-items:center;height:182px;display:grid;position:relative;overflow:hidden}.art-1{background:radial-gradient(at 50% 48%,#374962,#202c37 52%,#141922)}.art-2{background:radial-gradient(at 50% 48%,#483958,#262536 52%,#141922)}.art-stamp{color:var(--lime);font:10px var(--mono);position:absolute;top:15px;left:17px}.art-mark{font:17px var(--mono);letter-spacing:-.05em;align-items:center;gap:19px;display:flex}.art-mark b{width:48px;height:48px;color:var(--lime);border:1px solid #d9ff7075;border-radius:50%;place-items:center;font-size:23px;font-weight:400;display:grid;box-shadow:0 0 35px #d9ff7018}.art-arrow{width:29px;height:29px;color:var(--lime);border:1px solid #ffffff36;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:15px;right:15px}.library-body{padding:18px 19px 17px}.library-body h2{letter-spacing:-.05em;margin:13px 0 7px;font-size:20px}.library-body p{color:#aab2c0;min-height:61px;margin:0;font-size:11px;line-height:1.75}.library-foot{color:#9aa3b2;font:9px var(--mono);justify-content:space-between;margin:16px 0 8px;display:flex}.library-foot strong{color:var(--lime);font-weight:500}.library-foot strong span{color:#9aa3b2}.coming-note{color:#ccd1da;border-top:1px solid #ffffff18;align-items:center;gap:14px;margin-top:26px;padding:16px 0;display:flex}.coming-star{color:var(--lime);font-size:19px}.coming-note strong{font-size:12px}.coming-note p{color:#919aaa;margin:4px 0 0;font-size:10px}.breadcrumb{color:#828b9a;font:10px var(--mono);align-items:center;gap:10px;margin:-16px 0 30px;display:flex}.breadcrumb a{color:#b9c1cc}.breadcrumb a:hover{color:var(--lime)}.breadcrumb>span:nth-child(2){color:#515b68}.detail-hero{grid-template-columns:1fr 320px;align-items:center;gap:38px;padding:14px 0 44px;display:grid}.detail-copy h1{letter-spacing:-.075em;margin:14px 0 11px;font-size:clamp(42px,6vw,65px);line-height:1}.detail-copy>p{color:#b1b8c4;max-width:570px;font-size:13px;line-height:1.8}.detail-chips{color:#d6dbe2;font:10px var(--mono);align-items:center;gap:10px;margin-top:19px;display:flex}.detail-chips i{color:var(--lime);font-style:normal}.detail-visual{place-items:center;height:235px;display:grid;position:relative;overflow:hidden}.visual-shape{border:1px solid #d9ff7050;border-radius:50%;width:238px;height:142px;position:absolute;transform:rotate(-32deg)}.shape-two{border-color:#75e5c13c;width:155px;height:223px;transform:rotate(31deg)}.visual-center{width:83px;height:83px;font:12px var(--mono);background:radial-gradient(circle,#323c38,#131821 70%);border:1px solid #d9ff7080;border-radius:50%;justify-content:center;align-items:center;gap:7px;display:flex;position:relative;box-shadow:0 0 40px #d9ff7020}.visual-center i{color:var(--lime);font-style:normal}.visual-center b{color:var(--mint);font-weight:400}.visual-caption{color:#919baa;font:8px/1.7 var(--mono);letter-spacing:.07em;position:absolute;bottom:13px;right:5px}.visual-caption span,.visual-caption b{color:var(--lime)}.progress-panel{background:linear-gradient(112deg,#1b2330,#191f2b);border:1px solid #3c4655;border-radius:13px;padding:22px 24px 15px;box-shadow:0 15px 45px #080b124d}.progress-panel-head{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.progress-kicker{color:var(--lime);font:9px var(--mono);letter-spacing:.1em}.progress-panel h2{letter-spacing:-.05em;margin:5px 0 3px;font-size:18px}.progress-panel-head p{color:#98a1b0;margin:0;font-size:10px}.progress-ring{--progress:0deg;background:conic-gradient(var(--lime) var(--progress),#394150 0);border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:relative}.progress-ring:before{content:"";background:#1c2330;border-radius:50%;position:absolute;inset:4px}.progress-ring span{z-index:1;color:var(--lime);font:15px var(--mono)}.progress-ring small{font-size:9px}.data-actions{color:#929baa;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;font-size:9px;display:flex}.data-actions>span{align-items:center;gap:6px;display:flex}.data-actions>span i{color:var(--lime);font-style:normal}.data-actions>div{gap:7px;display:flex}.button-quiet{color:#c8ced8;background:0 0;border:1px solid #3b4555}.button-quiet:hover{background:#ffffff08;border-color:#7f8c70}.button-small{min-height:32px;padding:0 10px;font-size:10px}.button-small .icon{width:13px;height:13px}.form-message{color:var(--mint);margin:9px 0 0;font-size:10px}.roadmap-sections{padding-top:62px}.route-hours,.resource-note{font:10px var(--mono);color:#a0a9b8}.route-hours{color:var(--lime)}.section-explainer{color:#939dac;margin:-9px 0 27px;font-size:11px}.phases{gap:14px;display:grid}.phase-card{--tone:var(--lime);grid-template-columns:54px 1fr;gap:10px;display:grid}.tone-mint{--tone:var(--mint)}.tone-blue{--tone:var(--blue)}.tone-violet{--tone:var(--violet)}.tone-orange{--tone:var(--orange)}.tone-pink{--tone:var(--pink)}.phase-spine{flex-direction:column;align-items:center;display:flex}.phase-number{z-index:1;border:1px solid color-mix(in srgb,var(--tone) 50%,#3e4654);background:color-mix(in srgb,var(--tone) 12%,#171c26);width:38px;height:38px;color:var(--tone);font:10px var(--mono);border-radius:12px;place-items:center;display:grid}.phase-number .icon{width:16px;height:16px}.phase-line{background:linear-gradient(var(--tone),#373f4d 65%,transparent);flex:1;width:1px;margin-top:9px}.phase-main{background:linear-gradient(115deg,#191f2a,#171c26);border:1px solid #343d4c;border-radius:12px;min-width:0;padding:18px 20px;transition:border-color .2s,transform .2s}.phase-main:hover{border-color:#4b5666}.phase-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.phase-title-wrap{min-width:0}.phase-meta{color:#929baa;font:9px var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.phase-meta i{color:var(--tone);font-style:normal}.phase-title-wrap h3{letter-spacing:-.045em;margin:7px 0 3px;font-size:16px}.phase-subtitle{color:var(--tone);margin:0;font-size:10px}.phase-tools{align-items:center;gap:4px;display:flex}.phase-count{color:var(--tone);font:10px var(--mono);white-space:nowrap;margin-right:7px}.phase-count i{color:#8892a1;font-style:normal}.icon-button{color:#8c96a5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:29px;height:29px;padding:0;transition:color .18s,background .18s,border-color .18s;display:grid}.icon-button:hover{color:var(--text);background:#ffffff0a;border-color:#ffffff13}.icon-button .icon{width:14px;height:14px}.danger-hover:hover{color:#ff8997;background:#ff89970c;border-color:#ff899733}.phase-notes{color:#a8b0bd;margin:14px 0 0;font-size:11px;line-height:1.7}.todo-list{margin-top:13px;display:grid}.todo-row{border-top:1px solid #ffffff0c;justify-content:space-between;align-items:flex-start;gap:12px;min-height:34px;padding:7px 0;display:flex}.todo-label{cursor:default;color:#c5ccd6;align-items:flex-start;gap:10px;min-width:0;font-size:10px;line-height:1.7;display:flex}.todo-check{opacity:0;width:1px;height:1px;position:absolute}.checkmark{color:#0000;border:1px solid #697487;border-radius:4px;flex:0 0 15px;place-items:center;width:15px;height:15px;margin-top:1px;transition:all .15s;display:grid}.checkmark .icon{stroke-width:2.5px;width:11px;height:11px}.todo-check:checked+.checkmark{background:var(--tone);border-color:var(--tone);color:#151a21}.todo-check:focus-visible+.checkmark{outline:2px solid var(--lime);outline-offset:2px}.todo-open{min-width:0;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;transition:color .18s;display:grid}.todo-open:hover{color:var(--tone)}.todo-open:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:2px}.todo-open small{color:#8490a1;font-size:8px;line-height:1.3}.todo-row.is-done .todo-open>span:first-child{color:#788291;text-decoration:line-through}.todo-check:disabled{cursor:default}.todo-actions{opacity:0;gap:1px;transition:opacity .15s;display:flex}.todo-row:hover .todo-actions,.todo-row:focus-within .todo-actions{opacity:1}.todo-edit,.add-todo-form{align-items:center;gap:7px;padding-top:10px;display:flex}.todo-edit input,.add-todo-form input,.section-editor input,.section-editor textarea{width:100%;min-width:0;color:var(--text);background:#111721;border:1px solid #424c5e;border-radius:7px;padding:9px 10px;font-size:11px}.todo-edit input{padding:6px 9px}.todo-edit .icon-button{flex:0 0 28px}.add-todo{color:#a1aab8;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:10px;padding:4px 0;font-size:10px;display:inline-flex}.add-todo:hover{color:var(--lime)}.add-todo .icon{width:13px;height:13px}.milestone-note{background:color-mix(in srgb,var(--tone) 8%,#141923);color:#aeb6c2;border-radius:7px;align-items:flex-start;gap:9px;margin-top:13px;padding:10px 11px;font-size:10px;line-height:1.65;display:flex}.milestone-star{color:var(--tone)}.milestone-note b{color:var(--tone);margin-right:7px;font-weight:600}.todo-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080ed9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.todo-dialog{width:min(100%,980px);max-height:min(92vh,920px);color:var(--text);background:#111720;border:1px solid #394253;border-radius:19px;overflow:auto;box-shadow:0 32px 100px #0009}.todo-dialog-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px 21px;display:flex}.dialog-eyebrow{color:#8d9aaa;letter-spacing:.12em;font-size:9px;font-weight:700}.dialog-eyebrow i{color:var(--lime);padding:0 4px;font-style:normal}.todo-dialog-header h2{color:#f4f5f6;letter-spacing:-.025em;max-width:760px;margin:10px 0 0;font-size:clamp(18px,2.4vw,26px);line-height:1.3}.learning-outcome{background:linear-gradient(110deg,#c9f36b0c,#71e4d407 70%);border:1px solid #c9f36b28;border-radius:12px;grid-template-columns:34px 1fr;gap:12px;margin:22px 28px 26px;padding:16px 18px;display:grid}.outcome-mark{width:30px;height:30px;color:var(--lime);background:#c9f36b19;border-radius:9px;place-items:center;font-size:17px;display:grid}.learning-outcome p{color:#e1e5e9;margin:8px 0 7px;font-size:13px;line-height:1.6}.learning-outcome small{color:#9aa5b3;font-size:10px;line-height:1.6}.learning-outcome small b{color:#cad2dc}.learning-tree{margin:0 28px;padding-top:36px;position:relative}.tree-root{z-index:1;background:#192119;border:1px solid #c9f36b61;border-radius:11px;align-items:center;gap:11px;width:fit-content;max-width:100%;margin:0 auto;padding:11px 15px;display:flex;position:relative;box-shadow:0 0 32px #c9f36b0c}.tree-root:after{content:"";background:linear-gradient(#c9f36b88,#758298);width:1px;height:36px;position:absolute;top:100%;left:50%}.tree-root-icon{width:28px;height:28px;color:var(--lime);background:#c9f36b18;border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.tree-root>div{gap:3px;display:grid}.tree-root small{color:#99a68d;letter-spacing:.1em;font-size:8px}.tree-root b{color:#edf2e8;max-width:540px;font-size:11px;line-height:1.45}.tree-progress{color:var(--lime);font-variant-numeric:tabular-nums;margin-left:6px;font-size:10px}.tree-root-done{background:#152522;border-color:#76e4ce77}.tree-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-top:36px;display:grid;position:relative}.tree-branches:before{content:"";background:#758298;height:1px;position:absolute;top:0;left:16.666%;right:16.666%}.tree-branch{min-width:0;position:relative}.tree-branch:before{content:"";background:#758298;width:1px;height:36px;position:absolute;bottom:100%;left:50%}.tree-node{color:#e4e9ef;text-align:left;cursor:pointer;background:#171f2a;border:1px solid #303a48;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:54px;padding:9px 10px;transition:border-color .18s,background .18s,transform .18s;display:flex}.tree-node:hover,.tree-branch.is-active .tree-node{background:#202a2b;border-color:#c9f36b82;transform:translateY(-2px)}.tree-node-dot{width:25px;height:25px;color:var(--lime);background:#c9f36b16;border-radius:50%;flex:0 0 25px;place-items:center;font-size:11px;display:grid}.tree-node>span:nth-child(2){gap:3px;min-width:0;display:grid}.tree-node b{font-size:10px}.tree-node small{color:#929eae;font-size:8px}.tree-chevron{color:#7e8a9a;margin-left:auto;font-size:13px}.tree-leaves{gap:8px;margin:12px 0 0 17px;padding-left:15px;display:grid;position:relative}.tree-leaves:before{content:"";background:#495567;width:1px;position:absolute;top:-12px;bottom:12px;left:0}.tree-leaf{color:#c3ccd7;cursor:pointer;background:#0e141c;border:1px solid #ffffff0c;border-radius:8px;grid-template-columns:14px 1fr;align-items:start;gap:8px;padding:8px 9px;font-size:9px;line-height:1.55;transition:border-color .16s,background .16s;display:grid;position:relative}.tree-leaf:before{content:"";background:#495567;width:15px;height:1px;position:absolute;top:16px;right:100%}.tree-leaf:hover{background:#141c26;border-color:#ffffff2b}.tree-leaf input{opacity:0;width:1px;height:1px;position:absolute}.leaf-check{color:#0000;border:1px solid #687587;border-radius:4px;place-items:center;width:14px;height:14px;display:grid}.leaf-check .icon{stroke-width:2.7px;width:10px;height:10px}.tree-leaf input:checked+.leaf-check{border-color:var(--lime);background:var(--lime);color:#111720}.tree-leaf input:focus-visible+.leaf-check{outline:2px solid var(--mint);outline-offset:2px}.tree-leaf.is-complete>span:last-child{color:#899494}.step-focus{background:#151d27;border:1px solid #344052;border-radius:11px;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);gap:20px;margin:23px 28px 0;padding:17px 19px;display:grid}.step-focus h3{color:#f0f2f4;margin:6px 0 5px;font-size:13px}.step-focus p{color:#a9b3c0;margin:0;font-size:10px;line-height:1.65}.step-resources{align-content:start;gap:7px;display:grid}.step-resources a{color:var(--mint);font-size:9px;line-height:1.45;text-decoration:none}.step-resources a:hover{text-decoration:underline}.step-resources a span{padding-left:3px}.todo-dialog-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:14px;margin:19px 28px 24px;padding-top:17px;display:flex}.todo-dialog-footer>span{color:#99a5b4;font-size:9px}@media (width<=700px){.todo-dialog-backdrop{padding:10px}.todo-dialog{border-radius:14px;max-height:96vh}.todo-dialog-header{padding:18px 17px 15px}.learning-outcome{margin:16px 17px 21px;padding:13px}.learning-tree{margin:0 17px;padding-top:0}.tree-root{justify-content:flex-start;width:100%}.tree-root:after{height:22px;left:20px}.tree-root b{font-size:9px}.tree-branches{grid-template-columns:1fr;gap:10px;margin-left:20px;padding:22px 0 0 14px}.tree-branches:before{width:1px;height:auto;inset:0 auto 20px 0}.tree-branch:before{width:14px;height:1px;inset:27px 100% auto auto}.tree-leaves{grid-template-columns:1fr 1fr;margin-left:9px;padding-left:11px}.tree-leaf:before{width:11px}.step-focus{grid-template-columns:1fr;margin:19px 17px 0;padding:14px}.todo-dialog-footer{flex-direction:column;align-items:flex-start;margin:16px 17px 19px}}.section-editor{background:#151a24;border:1px solid #465164;border-radius:10px;gap:11px;margin-top:12px;padding:15px;display:grid}.section-editor>label{color:#dfe3e8;gap:6px;font-size:10px;display:grid}.section-editor>label span{color:#8590a0;font-size:9px}.section-editor input,.section-editor textarea{resize:vertical}.editor-actions{gap:8px;display:flex}.add-section-button{text-align:left;cursor:pointer;color:#adb6c2;background:#ffffff03;border:1px dashed #4a5566;border-radius:11px;align-items:center;gap:13px;width:calc(100% - 64px);margin:10px 0 0 64px;padding:15px 17px;transition:border-color .2s,background .2s;display:flex}.add-section-button:hover{background:#d9ff7008;border-color:#d9ff7080}.add-section-icon{width:31px;height:31px;color:var(--lime);background:#d9ff7017;border-radius:9px;place-items:center;display:grid}.add-section-icon .icon{width:16px}.add-section-button>span:nth-child(2){flex:1;gap:3px;display:grid}.add-section-button b{color:#e1e5ea;font-size:11px}.add-section-button small{color:#8690a0;font-size:9px}.add-section-button>.icon{color:var(--lime);width:15px}.resource-section{padding-top:62px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.resource-link{background:#171c26;border:1px solid #313a49;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;transition:border-color .18s,transform .18s;display:flex}.resource-link:hover{border-color:#75805d;transform:translateY(-2px)}.resource-link>span:first-child{gap:4px;display:grid}.resource-link small{color:var(--lime);font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.resource-link b{font-size:10px;font-weight:600}.external-mark{color:#93a0ad}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.empty-state{color:#aab2c0;text-align:center;border:1px dashed #3c4655;border-radius:14px;padding:42px;font-size:12px}@media (width<=800px){.page-frame{padding:0 23px}.hero{gap:20px}.home-hero{min-height:450px}.hero-art{transform:scale(.88)}.home-overview{grid-template-columns:1fr 1.3fr;gap:17px}.overview-pace{display:none}.overview-progress{border-right:0}.feature-card{grid-template-columns:35% 1fr}.feature-art{min-height:260px}.feature-content{padding:22px}.detail-hero{grid-template-columns:1fr 240px;gap:14px}.detail-visual{transform:scale(.9)}}@media (width<=620px){.page-frame{padding:0 17px}.topbar{gap:14px;height:68px}.brand{font-size:14px}.brand-mark{width:27px;height:27px}.main-nav{gap:14px}.main-nav a{font-size:10px}.main-nav a.active:after{bottom:-27px}.top-cta{gap:0;font-size:0}.top-cta .icon{width:18px;height:18px}.home-hero{grid-template-columns:1fr;gap:2px;padding:54px 0 32px}.hero h1{font-size:65px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-art{width:100%;max-width:360px;height:240px;margin:-8px auto 0;transform:scale(.78)}.home-overview{grid-template-columns:1fr;gap:15px;padding:16px}.overview-progress{border:0;grid-row:1;padding:0}.overview-note{border-top:1px solid var(--line);padding-top:13px}.featured-section{padding-top:62px}.feature-card{grid-template-columns:1fr}.feature-art{min-height:188px}.feature-content{min-height:230px;padding:20px}.feature-content h3{font-size:27px}.quote-strip{gap:10px;margin:38px 0 59px}.quote-mark{font-size:32px}.quote-strip p{font-size:12px}.quote-tail{display:none}.site-footer{font-size:9px}.footer-meta{font-size:8px}.inner-page{padding-top:39px}.page-heading h1{font-size:53px}.page-heading>p{font-size:12px}.library-toolbar{margin-top:35px}.library-decoration{font-size:8px}.roadmap-grid{grid-template-columns:1fr}.library-art{height:168px}.library-body p{min-height:0}.breadcrumb{margin-bottom:22px;font-size:9px}.detail-hero{grid-template-columns:1fr;padding-bottom:25px}.detail-copy h1{font-size:43px}.detail-copy>p{font-size:12px}.detail-visual{width:250px;height:170px;margin:-5px auto 0;transform:scale(.8)}.progress-panel{padding:17px}.progress-panel-head{align-items:center}.progress-panel h2{font-size:15px}.progress-ring{flex:0 0 53px;width:53px;height:53px}.data-actions{flex-direction:column;align-items:flex-start}.data-actions>div{flex-wrap:wrap}.roadmap-sections,.resource-section{padding-top:46px}.section-intro{flex-direction:column;align-items:flex-start;gap:10px}.section-intro h2{font-size:21px}.route-hours,.resource-note{font-size:9px}.section-explainer{line-height:1.7}.phase-card{grid-template-columns:33px 1fr;gap:7px}.phase-number{border-radius:9px;width:29px;height:29px;font-size:8px}.phase-main{padding:14px 12px}.phase-head{gap:6px}.phase-title-wrap h3{font-size:14px}.phase-meta{gap:5px;font-size:8px}.phase-subtitle{font-size:9px}.phase-count{margin-right:2px;font-size:9px}.phase-tools{gap:0}.phase-tools .icon-button{width:25px;height:25px}.phase-tools .icon-button .icon{width:12px;height:12px}.todo-label{font-size:10px}.todo-actions{opacity:1}.todo-actions .icon-button{width:24px;height:24px}.add-section-button{width:calc(100% - 40px);margin-left:40px;padding:13px}.resource-grid{grid-template-columns:1fr}.resource-link{padding:12px}.coming-note{margin-top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}