@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172036;font-synthesis:none;--ink:#172036;--muted:#596278;--coral:#ff5e45;--indigo:#5965e8;--violet:#9b59e8;--mint:#21a887;--cream:#fffaf4;--line:#e8dfd5;background:#fffaf4;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:12px 18px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf4eb;border-bottom:1px solid #17203617;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:19px;font-weight:700;display:flex}.brand strong{color:var(--coral)}.brand-mark{color:#fff;background:var(--ink);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.nav-links{align-items:center;gap:28px;font-size:15px;font-weight:600;display:flex}.nav-links>a:not(.button):hover{color:var(--coral)}.menu-button{color:var(--ink);background:0 0;border:0;padding:8px;display:none}.button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:700;line-height:1.2;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--ghost{border:1px solid var(--line);background:#fff}.button--dark{color:#fff;background:var(--ink);box-shadow:0 7px 20px #17203624}.button--primary{color:#fff;background:var(--coral);min-height:52px;padding-inline:24px;box-shadow:0 10px 24px #ff5e4540}.button--light{border:1px solid var(--line);background:#fff;min-height:52px;padding-inline:22px}.button--large{white-space:nowrap;min-height:54px;padding-inline:25px}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;min-height:690px;padding-block:88px 76px;display:grid}.kicker{color:#a83929;background:#ffe6df;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}h1,h2,h3{color:var(--ink);letter-spacing:-.04em;margin-top:0;font-family:Manrope,sans-serif;line-height:1.1}h1{max-width:700px;margin:24px 0;font-size:clamp(48px,6vw,76px)}h1 span{color:var(--coral)}.hero-lede{max-width:630px;color:var(--muted);margin:0 0 30px;font-size:20px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.trust-row{color:#3c465b;flex-wrap:wrap;gap:22px;margin-top:28px;font-size:15px;font-weight:600;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row svg{color:#fff;background:var(--mint);border-radius:50%;width:18px;height:18px;padding:3px}.hero-visual{background:#ebeaff;border-radius:48% 52% 43% 57%/60% 39% 61% 40%;place-items:center;min-height:470px;display:grid;position:relative;overflow:visible}.orbit{border:1px solid #5965e833;border-radius:50%;position:absolute}.orbit-one{width:86%;height:86%}.orbit-two{width:110%;height:63%;transform:rotate(-22deg)}.visual-card{z-index:2;background:#fff;border-radius:22px;width:min(350px,80%);padding:30px;position:relative;box-shadow:0 30px 70px #3836812e}.visual-icon{color:#fff;background:var(--indigo);border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:25px;display:grid}.visual-card>span{color:var(--indigo);letter-spacing:.13em;font-size:12px;font-weight:800}.visual-card>strong{margin-top:8px;font-family:Manrope;font-size:27px;display:block}.visual-card p{color:var(--muted);margin:5px 0 20px}.progress-bar{background:#ececf4;border-radius:99px;height:9px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,var(--coral),#ff9f6c);border-radius:inherit;width:68%;height:100%;display:block}.visual-card small{color:#626b7e;margin-top:9px;font-size:13px;display:block}.float-card{z-index:3;background:#fff;border:1px solid #eeebf6;border-radius:13px;align-items:center;gap:10px;padding:13px 16px;font-weight:700;display:flex;position:absolute;box-shadow:0 16px 34px #38368124}.float-card--top{top:70px;right:-18px}.status-dot{background:#2bbd92;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #d8f7ed}.float-card--bottom{bottom:64px;left:-36px}.float-card--bottom svg{color:var(--coral)}.float-card--bottom strong,.float-card--bottom span{display:block}.float-card--bottom span{color:var(--muted);font-size:13px;font-weight:500}.proof-strip{border-block:1px solid var(--line);background:#fff}.proof-grid{grid-template-columns:repeat(4,1fr);display:grid}.proof-grid div{border-right:1px solid var(--line);align-items:center;gap:13px;padding:26px 30px;display:flex}.proof-grid div:first-child{padding-left:0}.proof-grid div:last-child{border:0}.proof-grid strong{color:var(--coral);font:800 30px Manrope}.proof-grid span{color:#4f586c;font-weight:600;line-height:1.25}.section{padding-block:105px}.section-heading,.lesson-heading{justify-content:space-between;align-items:end;gap:80px;margin-bottom:40px;display:flex}.section-heading>div,.lesson-heading>div{max-width:690px}.section-heading>p,.lesson-heading>p{max-width:400px;color:var(--muted);font-size:17px}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:.13em;margin:0 0 12px;font-size:13px;font-weight:800}.section h2,.method-section h2,.cta-section h2{margin:0;font-size:clamp(34px,4vw,52px)}.level-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.level-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:310px;padding:25px;display:flex;box-shadow:0 8px 26px #1720360a}.level-top{justify-content:space-between;align-items:center;display:flex}.level-top span{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.level-top p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.level-card h3{margin:38px 0 12px;font-size:25px}.level-card>p{color:var(--muted);margin:0;font-size:16px}.level-outcome{align-items:center;gap:8px;margin-top:auto;padding-top:22px;font-size:14px;font-weight:700;display:flex}.level-outcome svg{width:17px}.level-card--coral .level-top span,.lesson-number--coral{background:var(--coral)}.level-card--indigo .level-top span,.lesson-number--indigo{background:var(--indigo)}.level-card--violet .level-top span,.lesson-number--violet{background:var(--violet)}.level-card--mint .level-top span,.lesson-number--mint{background:var(--mint)}.lesson-heading{margin-top:110px}.lesson-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;min-height:330px;padding:22px;transition:transform .2s,box-shadow .2s,border .2s;display:flex}.lesson-card:hover{border-color:#cfc5ba;transform:translateY(-5px);box-shadow:0 15px 34px #1720361a}.lesson-meta{justify-content:space-between;align-items:center;display:flex}.lesson-number{color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.lab-type{color:#596278;background:#f3f1ed;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700}.lesson-card h3{margin:25px 0 10px;font-size:20px}.lesson-card>p{color:var(--muted);margin:0;font-size:15.5px}.lesson-project{color:#364057;margin-top:auto;padding-top:20px;font-size:14px;font-weight:600}.lesson-project span{color:#8a5e56;text-transform:uppercase;letter-spacing:.1em;font-size:11px;display:block}.lesson-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:14px;font-weight:700;display:flex}.method-section{color:#e9edf8;background:#172036;padding-block:105px}.method-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;display:grid}.eyebrow--light{color:#ff8b78}.method-section h2{color:#fff}.method-copy>p:not(.eyebrow){color:#bfc7d9;max-width:520px;font-size:18px}.ownership-note{background:#222d46;border:1px solid #39445e;border-radius:14px;gap:15px;margin-top:32px;padding:19px;display:flex}.ownership-note svg{color:#62d6b9;flex:none}.ownership-note strong,.ownership-note span{display:block}.ownership-note span{color:#bfc7d9;font-size:14px}.method-list{margin:0;padding:0;list-style:none}.method-list li{border-bottom:1px solid #35405a;grid-template-columns:62px 1fr;gap:18px;padding:24px 0;display:grid}.method-list li>span{color:#ff8b78;font:700 15px Manrope}.method-list strong{color:#fff;font:700 20px Manrope}.method-list p{color:#bfc7d9;margin:5px 0 0;font-size:16px}.capstone-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.capstone-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fff8f0);border-radius:18px;flex-direction:column;min-height:290px;padding:30px;display:flex}.capstone-number{color:var(--coral);letter-spacing:.12em;font-size:12px;font-weight:800}.capstone-combines{color:var(--muted);font-size:14px}.capstone-card h3{max-width:430px;margin:13px 0 25px;font-size:28px}.flow-line{color:#445068;background:#f5f1eb;border-radius:10px;padding:15px;font:600 14px/1.5 DM Sans}.capstone-card a{color:#a83929;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-weight:700;display:flex}.cta-section{background:#ffd86b;border-radius:24px;justify-content:space-between;align-items:center;gap:60px;margin-block:20px 100px;padding:48px 54px;display:flex}.cta-section h2{max-width:720px;font-size:clamp(31px,4vw,46px)}.cta-section>div>p:last-child{color:#4e4d42;margin-bottom:0;font-size:17px}.site-footer{color:#dfe4ef;background:#111827}.footer-main{grid-template-columns:1fr 1fr;gap:100px;padding-block:64px 48px;display:grid}.brand--footer{color:#fff}.brand--footer .brand-mark{color:var(--ink);background:#ffd86b}.footer-brand>p,.footer-about>p:not(.eyebrow){color:#adb7c9;max-width:470px;font-size:16px}.footer-about .eyebrow{color:#ff8b78}.text-link{color:#fff;border-bottom:1px solid #788398;align-items:center;gap:7px;margin-top:8px;font-weight:700;display:inline-flex}.footer-meta{border-top:1px solid #30394d;justify-content:space-between;gap:40px;padding-block:23px;display:flex}.footer-meta p{color:#9fa9bc;margin:0;font-size:14px}.auth-page{background:#fff;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);min-height:100vh;display:grid}.auth-panel{padding:52px clamp(36px,5vw,80px)}.auth-panel--story{color:#e9edf8;background:#172036;flex-direction:column;display:flex}.brand--auth{color:#fff}.brand--auth .brand-mark{color:var(--ink);background:#ffd86b}.auth-story-copy{max-width:560px;margin-block:auto}.auth-story-copy h1{color:#fff;margin:16px 0 24px;font-size:clamp(42px,5vw,66px)}.auth-story-copy>p:not(.eyebrow){color:#c5cddd;font-size:18px}.auth-disclaimer{color:#8f9aaf;margin:30px 0 0;font-size:14px}.auth-panel--form{background:#fffaf4;place-items:center;display:grid}.auth-form-wrap{width:min(100%,540px)}.back-link{color:#4e586e;align-items:center;gap:8px;margin-bottom:55px;font-weight:700;display:inline-flex}.auth-icon{color:#fff;background:var(--coral);border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:26px;display:grid}.auth-form-wrap h2{margin:0 0 14px;font-size:clamp(34px,4vw,48px)}.auth-intro{color:var(--muted);margin:0 0 25px;font-size:17px}.return-notice{color:#343f57;border-left:4px solid var(--indigo);overflow-wrap:anywhere;background:#ececff;border-radius:8px;margin-bottom:24px;padding:14px 16px;font-size:15px}.auth-form{gap:18px;display:grid}.auth-form label{color:#303a51;font-weight:700}.auth-form input{width:100%;min-height:52px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d9d4cd;border-radius:10px;margin-top:7px;padding:12px 14px}.auth-form input:focus{border-color:var(--indigo);outline:3px solid #5965e82e}.auth-submit{border:0;width:100%;margin-top:4px}.auth-submit:disabled{cursor:not-allowed;opacity:.65;transform:none}.auth-pending{color:#6a7283;text-align:center;margin:14px 0 0;font-size:14px}.auth-switch{color:#596278;text-align:center;margin-top:28px}.auth-switch a{color:#a83929;text-underline-offset:3px;font-weight:800;text-decoration:underline}.route-loading{background:var(--cream);min-height:100vh;color:var(--muted);place-items:center;font-size:18px;display:grid}.auth-message{border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:22px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.auth-message--success{color:#12644f;background:#dcf7ee;border:1px solid #99dfcc}.auth-message--error{color:#922f25;background:#ffe5e1;border:1px solid #ffc1b8}.portal-page{background:var(--cream);min-height:100vh}.portal-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50% - 590px);display:flex}.portal-header .back-link{margin:0}.portal-main{width:min(1180px,100% - 40px);margin:auto;padding-block:75px 100px}.portal-main>h1{margin-bottom:16px;font-size:clamp(42px,6vw,68px)}.portal-lede{max-width:760px;color:var(--muted);font-size:19px}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:40px 0 70px;display:grid}.dashboard-summary>div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.dashboard-summary strong,.dashboard-summary span{display:block}.dashboard-summary strong{font:800 28px Manrope}.dashboard-summary span{color:var(--muted)}.portal-main section>h2{font-size:32px}.lesson-shell{max-width:900px}.lesson-placeholder{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:45px;padding:36px}.lesson-placeholder>strong{color:var(--coral);text-transform:uppercase;letter-spacing:.1em;font-size:13px}.lesson-placeholder h2{margin:12px 0;font-size:34px}.lesson-placeholder p{color:var(--muted);font-size:17px}.portal-notice{color:#5a4a1c;background:#fff4ce;border:1px solid #eed789;border-radius:10px;max-width:760px;margin-top:22px;padding:14px 18px}.readiness-card{color:#fff;background:#172036;border-radius:18px;grid-template-columns:1fr 1fr;gap:35px;margin:0 0 75px;padding:30px;display:grid}.readiness-card h2{color:#fff;margin:0 0 10px;font-size:29px}.readiness-card p:not(.eyebrow){color:#c5cddd;margin:0}.readiness-list{gap:8px;display:grid}.readiness-item{color:#dce4f5;text-align:left;cursor:pointer;background:#222d46;border:1px solid #3c4862;border-radius:9px;align-items:center;gap:10px;padding:11px 13px;font:600 14px DM Sans;display:flex}.readiness-item span{color:#8e9bb5;place-items:center;display:grid}.readiness-item.is-done{color:#fff;background:#194e49;border-color:#2d7e6d}.readiness-item.is-done span{color:#67dec0}.portal-section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.portal-section-heading h2{margin:0;font-size:34px}.portal-section-heading>span{color:var(--muted);font-size:15px}.portal-lesson-grid{grid-template-columns:repeat(4,1fr)}.lesson-card--portal{min-height:320px}.lesson-card--portal>svg{margin-bottom:20px}.status-pill{color:#566075;text-align:center;background:#f3f1ed;border-radius:6px;max-width:120px;padding:5px 8px;font-size:11px;font-weight:800}.status-pill--completed{color:#12644f;background:#dcf7ee}.status-pill--learning,.status-pill--practicing{color:#2c3d9f;background:#e8eaff}.status-pill--needs-review{color:#922f25;background:#ffe5e1}.curriculum-workspace{margin-top:90px}.curriculum-workspace>h2{margin:0 0 45px;font-size:40px}.curriculum-level{border-top:1px solid var(--line);padding:35px 0}.curriculum-level-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:25px;display:flex}.curriculum-level-heading>div{gap:18px;display:flex}.curriculum-level-heading>div>span{color:#fff;background:var(--indigo);border-radius:12px;flex:none;place-items:center;width:45px;height:45px;font-weight:800;display:grid}.curriculum-level-heading h3{margin:0;font-size:27px}.curriculum-level-heading p{color:var(--muted);margin:4px 0 0}.curriculum-level-heading>strong{color:var(--muted)}.portal-header-actions{align-items:center;gap:20px;display:flex}.brand--compact{font-size:15px}.brand--compact .brand-mark{width:32px;height:32px}.lesson-stage-row{flex-wrap:wrap;gap:8px;margin:35px 0;display:flex}.lesson-stage-row span{color:#8a92a3;background:#f2efeb;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:700}.lesson-stage-row span.is-active{color:#fff;background:var(--indigo)}.lesson-workspace{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:30px;padding:35px}.lesson-workspace h2{margin:6px 0 15px;font-size:34px}.lesson-workspace>p:not(.eyebrow):not(.save-state){color:var(--muted);font-size:17px}.status-label{max-width:340px;color:var(--ink);margin-top:28px;font-weight:800;display:block}.status-label select{width:100%;font:inherit;background:#fff;border:1px solid #d9d4cd;border-radius:9px;margin-top:8px;padding:12px 14px;display:block}.save-state{color:#697286;align-items:center;gap:7px;font-size:14px;display:flex}.save-state--success{color:#12644f}@media (width<=980px){.nav-links{gap:16px}.nav-links>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center}.hero-lede{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:min(600px,90%);margin-inline:auto}.level-grid,.lesson-grid{grid-template-columns:repeat(2,1fr)}.method-grid{gap:55px}.proof-grid div{padding-inline:14px}.section-heading,.lesson-heading{flex-direction:column;align-items:start;gap:12px}.section-heading>p,.lesson-heading>p{margin-top:0}.footer-main{gap:50px}.portal-lesson-grid{grid-template-columns:repeat(2,1fr)}.readiness-card{grid-template-columns:1fr}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-panel--story{min-height:420px}.auth-story-copy,.auth-panel--form{padding-block:70px}.auth-disclaimer{margin-top:0}}@media (width<=680px){body{font-size:16px}.shell{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.menu-button{display:block}.nav-links{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;padding:16px;display:none;position:absolute;top:68px;left:14px;right:14px;box-shadow:0 18px 40px #17203626}.nav-links.is-open{display:flex}.nav-links>a:not(.button){padding:9px;display:block}.hero{gap:55px;min-height:0;padding-block:55px}.kicker{font-size:12px}.hero h1{font-size:43px}.hero-lede{font-size:18px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-row{gap:10px 16px;font-size:14px}.hero-visual{border-radius:40px;width:100%;min-height:350px}.visual-card{width:82%;padding:22px}.visual-card>strong{font-size:22px}.float-card--top{font-size:13px;top:25px;right:-5px}.float-card--bottom{max-width:230px;bottom:24px;left:-5px}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid div{border-bottom:1px solid var(--line);padding:20px 12px}.proof-grid div:nth-child(2){border-right:0}.proof-grid strong{font-size:25px}.proof-grid span{font-size:14px}.section{padding-block:72px}.section h2,.method-section h2{font-size:36px}.level-grid,.lesson-grid,.capstone-grid{grid-template-columns:1fr}.level-card{min-height:285px}.lesson-heading{margin-top:75px}.lesson-card{min-height:300px}.method-section{padding-block:75px}.method-grid{grid-template-columns:1fr;gap:45px}.method-copy>p:not(.eyebrow){font-size:17px}.method-list li{grid-template-columns:45px 1fr}.cta-section{flex-direction:column;align-items:start;gap:28px;margin-bottom:60px;padding:36px 26px}.footer-main{grid-template-columns:1fr;gap:38px;padding-block:50px 38px}.footer-meta{flex-direction:column;gap:8px}.footer-meta p{font-size:14px}.float-card--bottom span{font-size:12px}.portal-header{padding-inline:16px}.portal-header .brand{font-size:15px}.portal-header-actions .brand{display:none}.portal-main{width:calc(100% - 28px);padding-block:55px 70px}.portal-main>h1{font-size:42px}.dashboard-summary{margin-bottom:45px}.portal-section-heading{display:block}.portal-section-heading>span{margin-top:8px;display:block}.portal-lesson-grid{grid-template-columns:1fr}.curriculum-workspace{margin-top:65px}.curriculum-level-heading{display:block}.curriculum-level-heading>strong{margin-top:12px;display:block}.curriculum-level-heading h3{font-size:24px}.lesson-workspace{padding:24px}.lesson-workspace h2{font-size:29px}.auth-panel{padding:30px 22px}.auth-panel--story{min-height:350px}.auth-story-copy{padding-block:55px 30px}.auth-story-copy h1{font-size:38px}.auth-panel--form{padding-block:50px}.back-link{margin-bottom:42px}.auth-form-wrap h2{font-size:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.lab-shell{width:min(1180px,100% - 40px)}.lab-hero{grid-template-columns:1fr 280px;align-items:end;gap:40px;display:grid}.lab-hero h1{margin:8px 0 12px;font-size:clamp(44px,6vw,70px)}.lab-status{border:1px solid var(--line);border-left:5px solid var(--indigo);background:#fff;border-radius:14px;padding:20px}.lab-status span,.lab-status strong,.lab-status small{display:block}.lab-status span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.lab-status strong{margin:4px 0;font:800 23px Manrope}.lab-status small{color:var(--muted);line-height:1.45}.lab-status--needs-review{border-left-color:#d95847}.lab-status--completed{border-left-color:var(--mint)}.lab-reminder{color:#fff;background:#172036;border-radius:12px;justify-content:space-between;gap:25px;margin:30px 0;padding:17px 20px;display:flex}.lab-reminder span{color:#cbd3e2}.lab-stage-nav{grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;display:grid}.lab-stage{color:#697286;border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:22px 24px 1fr;align-items:center;gap:4px;min-height:66px;padding:9px;font:700 12px DM Sans;display:grid}.lab-stage small{color:#9aa1af}.lab-stage.is-current{border-color:var(--indigo);outline:3px solid #5965e82e}.lab-stage--passed{color:#12644f;background:#effbf7;border-color:#a7dfce}.lab-stage--needs_attention{color:#922f25;background:#fff0ed;border-color:#ffc1b8}.lab-panel{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:580px;padding:clamp(25px,4vw,48px);box-shadow:0 16px 45px #1720360f}.stage-header{grid-template-columns:54px 1fr;gap:18px;margin-bottom:32px;display:grid}.stage-header>span{color:#fff;background:var(--coral);border-radius:13px;place-items:center;width:50px;height:50px;font-weight:800;display:grid}.stage-header h2{margin:0 0 8px;font-size:clamp(28px,4vw,40px)}.stage-header p{max-width:760px;color:var(--muted);margin:0;font-size:17px}.concept-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.concept-grid article{border:1px solid var(--line);background:#faf8f5;border-radius:12px;padding:20px}.concept-grid h3{margin:0 0 7px;font-size:18px}.concept-grid p{color:var(--muted);margin:0}.flow-diagram,.required-flow{background:#edf0ff;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:24px;display:flex}.flow-diagram span,.required-flow span{background:#fff;border:1px solid #ccd1f5;border-radius:8px;padding:10px 14px;font-weight:700}.flow-diagram div,.required-flow div{gap:7px;display:grid}.required-flow{flex-direction:column}.required-flow div{grid-template-columns:1fr 1fr}.build-steps{counter-reset:steps;gap:12px;padding:0;list-style:none;display:grid}.build-steps li{border:1px solid var(--line);counter-increment:steps;background:#faf8f5;border-radius:12px;padding:20px 20px 20px 58px;position:relative}.build-steps li:before{content:counter(steps);color:#fff;background:var(--indigo);border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:grid;position:absolute;top:18px;left:18px}.build-steps p{color:var(--muted);margin:5px 0}pre{color:#e8edfa;background:#172036;border-radius:10px;padding:15px;font:14px/1.55 ui-monospace,Consolas,monospace;overflow:auto}.test-grid,.output-grid,.reflection-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.test-grid article,.json-verifier{border:1px solid var(--line);background:#faf8f5;border-radius:13px;padding:22px}.test-grid article>span{color:var(--coral);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.test-grid h3,.json-verifier h3{margin:7px 0 12px}.lab-tip{color:#33408b;background:#edf0ff;border-radius:10px;align-items:center;gap:10px;padding:15px;display:flex}.file-drop{color:#39445c;cursor:pointer;background:#faf8f5;border:2px dashed #cfc7bd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;display:flex}.file-drop svg{color:var(--indigo)}.file-drop span{color:var(--muted);font-size:14px}.file-drop input{max-width:260px;margin-top:7px}.validation-results{gap:8px;margin-top:20px;display:grid}.validation-check{border-radius:9px;gap:12px;padding:12px 14px;display:flex}.validation-check>span{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.validation-check p{margin:2px 0 0}.validation-check.is-pass{color:#12644f;background:#e7f8f2}.validation-check.is-pass>span{background:#16876a}.validation-check.is-fail{color:#842c24;background:#fff0ed}.validation-check.is-fail>span{background:#d95847}.json-verifier textarea,.repair-box textarea,.reflection-grid textarea{width:100%;min-height:180px;color:var(--ink);resize:vertical;background:#fff;border:1px solid #d4cec7;border-radius:9px;margin-bottom:12px;padding:14px;font:15px/1.55 ui-monospace,Consolas,monospace}.lab-feedback{border-radius:9px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px;font-weight:600;display:flex}.lab-feedback--pass{color:#12644f;background:#dcf7ee}.lab-feedback--fail{color:#922f25;background:#ffe5e1}.instruction-list{padding-left:25px}.instruction-list li{margin:12px 0;font-size:17px}.quiz-list{gap:14px;display:grid}.quiz-question{border:1px solid var(--line);border-radius:12px;margin:0 0 16px;padding:18px}.quiz-question legend{padding:0 7px;font:700 17px Manrope}.quiz-question label{cursor:pointer;align-items:flex-start;gap:10px;margin:10px 0;display:flex}.quiz-question input{margin-top:6px}.repair-box{border:1px solid var(--line);background:#faf8f5;border-radius:13px;margin-top:28px;padding:22px}.repair-box h3{margin-bottom:5px}.reflection-grid label{font-weight:800}.reflection-grid textarea{margin-top:8px;font-family:DM Sans;font-weight:400;display:block}.completion-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:25px;display:grid}.completion-item{color:#687084;background:#f3f1ed;border-radius:9px;padding:13px;font-weight:700}.completion-item span{margin-right:8px}.completion-item.is-pass{color:#12644f;background:#dcf7ee}.complete-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.lab-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:45px;padding-top:25px;display:flex}.lab-controls>span{color:var(--muted);font-size:14px}.lab-controls button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=980px){.lab-stage-nav{grid-template-columns:repeat(2,1fr)}.lab-hero{grid-template-columns:1fr}.concept-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.lab-shell{width:calc(100% - 24px)}.lab-reminder{flex-direction:column;gap:3px}.lab-stage-nav{padding-bottom:8px;display:flex;overflow-x:auto}.lab-stage{min-width:175px}.lab-panel{padding:22px 17px}.concept-grid,.test-grid,.output-grid,.reflection-grid,.completion-grid{grid-template-columns:1fr}.flow-diagram{flex-wrap:wrap}.required-flow div{grid-template-columns:1fr}.stage-header{grid-template-columns:42px 1fr;gap:12px}.stage-header>span{width:40px;height:40px}.stage-header p{font-size:16px}.lab-controls{flex-wrap:wrap}.lab-controls>span{text-align:center;order:-1;width:100%}.lab-controls .button{flex:1;padding-inline:10px}.build-steps li{padding-left:50px}}.lab-stage:disabled{cursor:not-allowed;opacity:.5}.sync-retry{color:#273283;cursor:pointer;background:#edf0ff;border:1px solid #cbd0f4;border-radius:7px;margin-top:10px;padding:6px 10px;font:700 12px DM Sans}.route-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.route-test-card{border:1px solid var(--line);background:#faf8f5;border-radius:14px;padding:24px}.route-test-card.is-passed{background:#effbf7;border-color:#9fdcc9}.route-test-state{color:#4e586e;text-transform:uppercase;letter-spacing:.06em;background:#ece9e4;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.route-test-card.is-passed .route-test-state{color:#12644f;background:#d8f4e9}.route-test-card h3{margin:14px 0 8px;font-size:23px}.route-test-card>p{color:var(--muted);margin:0 0 12px}.route-test-card dl{gap:8px;margin:0 0 22px;display:grid}.route-test-card dl>div{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;gap:20px;padding:10px 12px;display:flex}.route-test-card dt{font-weight:700}.route-test-card dd{color:#a83929;margin:0;font:700 15px ui-monospace,Consolas,monospace}.route-choice{border:1px solid #d8d2ca;border-radius:10px;gap:8px;margin:0 0 18px;padding:16px;display:grid}.route-choice legend{padding:0 7px;font:700 16px Manrope}.route-choice label{cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.route-choice input{width:18px;height:18px;accent-color:var(--indigo)}.route-tests-complete{color:#12644f;background:#dcf7ee;border-radius:10px;align-items:center;gap:9px;margin:20px 0 0;padding:14px 16px;font-weight:700;display:flex}@media (width<=680px){.route-test-grid{grid-template-columns:1fr}.route-test-card{padding:20px 16px}.route-test-card h3{font-size:21px}}.legacy-notice{color:#285346;background:#e8f8f2;border:1px solid #a8dfce;border-radius:11px;align-items:center;gap:10px;margin:24px 0;padding:15px 18px;font-size:16px;font-weight:700;display:flex}.lab-panel{font-size:18px}.lab-panel p,.lab-panel li{line-height:1.7}.lab-primary-action{margin-top:30px;font-size:16px}.workflow-map{color:#26324a;background:linear-gradient(145deg,#edf0ff,#f7f4ff);border-radius:16px;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px;padding:28px;display:flex}.workflow-map>span,.workflow-map>div span{background:#fff;border:1px solid #cad0f1;border-radius:9px;padding:11px 15px;font-weight:800}.workflow-map>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.accordion-list{gap:10px;display:grid}.accordion-list details{border:1px solid var(--line);background:#faf8f5;border-radius:12px;overflow:hidden}.accordion-list summary{cursor:pointer;grid-template-columns:34px 1fr 24px;align-items:center;gap:10px;padding:17px;font-weight:800;list-style:none;display:grid}.accordion-list summary span{color:#fff;background:var(--indigo);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.accordion-list details p{color:var(--muted);margin:0;padding:0 20px 20px 61px}.upgrade-callout{color:#fff;background:#172036;border-radius:14px;align-items:center;gap:17px;margin-bottom:25px;padding:20px;display:flex}.upgrade-callout svg{color:#69dec2;flex:none}.upgrade-callout p{color:#c9d2e2;margin:4px 0 0}.url-compare{grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;display:grid}.url-compare article{border:1px solid var(--line);background:#f7f5f1;border-radius:12px;padding:20px}.url-compare p{color:var(--muted);margin:5px 0 0}.webhook-field{margin:25px 0 18px;display:block}.webhook-field>span,.webhook-field>small{display:block}.webhook-field>span{font:800 18px Manrope}.webhook-field>small{color:var(--muted);margin:4px 0 10px;font-size:15px}.webhook-field input{background:#fff;border:1px solid #cfc8bf;border-radius:10px;width:100%;min-height:56px;padding:13px 15px;font:16px DM Sans}.webhook-field input:focus{border-color:var(--indigo);outline:3px solid #5965e82e}.connection-card{color:#12644f;background:#e5f8f1;border:1px solid #9edcc8;border-radius:12px;align-items:flex-start;gap:13px;margin-top:20px;padding:18px;display:flex}.connection-card svg{flex:none}.connection-card p{margin:3px 0 0}.live-phase{border:1px solid var(--line);background:#faf8f5;border-radius:14px;margin-bottom:16px;padding:22px}.live-phase--passed{background:#effbf7;border-color:#9fdcc9}.live-phase--locked{opacity:.58}.live-phase-title{align-items:center;gap:10px;display:flex}.live-phase-title span{color:#fff;background:var(--indigo);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.live-phase--passed .live-phase-title span{background:var(--mint)}.live-phase-title h3{margin:0;font-size:22px}.live-results{gap:8px;margin-top:18px;display:grid}.live-results>div{border-radius:10px;gap:11px;padding:13px 15px;display:flex}.live-results .is-pass{color:#12644f;background:#dcf7ee}.live-results .is-fail{color:#922f25;background:#ffe5e1}.live-results p{margin:2px 0 0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=680px){.lab-panel{font-size:17px}.workflow-map>div,.url-compare{grid-template-columns:1fr}.legacy-notice{align-items:flex-start;font-size:15px}.webhook-field>small{font-size:15px}.button{font-size:16px}.accordion-list details p{padding-left:20px}}.lesson-opening{gap:72px;padding:24px 0 18px;font-size:18px;line-height:1.72;display:grid}.opening-hero{background:linear-gradient(135deg,#fff 0%,#fff8f3 55%,#eef1ff 100%);border:1px solid #e5ddd4;border-radius:28px;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:64px;padding:clamp(34px,6vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #17203617}.opening-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff614e33,#0000 68%);width:280px;height:280px;position:absolute;top:-110px;right:-90px}.opening-overline,.section-kicker{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}.opening-copy h1{letter-spacing:-.045em;max-width:760px;margin:0 0 20px;font-size:clamp(44px,6.4vw,78px);line-height:1.02}.opening-copy>p:not(.opening-overline):not(.opening-promise):not(.opening-lede){color:#4c5870;max-width:720px;margin:12px 0}.opening-lede{color:var(--ink);margin:0 0 8px;font:700 clamp(20px,2.2vw,26px)/1.4 Manrope}.opening-promise{color:#28357e;background:#edf0ff;border-radius:12px;align-items:flex-start;gap:10px;margin:25px 0 28px;padding:16px 18px;display:flex}.opening-promise svg{color:var(--coral);flex:none;margin-top:3px}.opening-cta{font-size:17px}.opening-journey{z-index:1;background:#172036;border-radius:22px;gap:10px;padding:28px;display:grid;position:relative;box-shadow:0 20px 45px #17203633}.journey-node{color:#f5f7ff;background:#25304a;border:1px solid #3c4862;border-radius:12px;align-items:center;gap:14px;padding:15px 17px;font-weight:800;transition:transform .2s,border-color .2s;display:flex}.journey-node:hover{border-color:#7d88ef;transform:translate(5px)}.journey-node svg{color:#8e9af8}.journey-node--start svg{color:#ff8b79}.journey-node--live{color:#092f27;background:#78e0c3;border-color:#78e0c3}.journey-node--live svg{color:#12644f}.journey-line{background:linear-gradient(#6975dc,#78e0c3);width:2px;height:16px;margin-left:31px;animation:2.2s ease-in-out infinite journeyPulse}.opening-section>h2,.opening-build-copy h2,.opening-mission h2{letter-spacing:-.025em;margin:0;font-size:clamp(32px,4vw,48px)}.opening-capabilities{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px;display:grid}.opening-capabilities article{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:250px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 32px #1720360b}.opening-capabilities article:hover{transform:translateY(-5px);box-shadow:0 18px 38px #17203617}.opening-capabilities svg{width:30px;height:30px;color:var(--indigo)}.opening-capabilities h3{margin:22px 0 9px;font-size:20px}.opening-capabilities p{color:#566177;margin:0;font-size:16px;line-height:1.65}.opening-build-card{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:50px;padding:clamp(30px,5vw,58px);display:grid}.opening-build-copy p:last-child{color:#526078;margin:18px 0 0}.opening-flow{background:linear-gradient(145deg,#edf0ff,#fbf8ff);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.opening-flow>span,.opening-flow>div span{background:#fff;border:1px solid #cbd1f4;border-radius:9px;padding:12px 16px;font-weight:800}.opening-flow>div{grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:6px;display:grid}.opening-flow>div span:first-child{color:#973d2f;border-color:#ffb7aa}.opening-flow>div span:last-child{color:#12644f;border-color:#9edcc8}.opening-mission{color:#fff;background:linear-gradient(120deg,#172036,#26345a);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:25px;padding:30px 34px;display:grid}.opening-mission>svg{color:#78e0c3;width:44px;height:44px}.opening-mission .section-kicker{color:#ff9a89}.opening-mission h2{color:#fff}.opening-mission p:last-child{color:#dce3f1;margin:8px 0 0}.completion-story{gap:42px;margin-top:34px;display:grid}.completion-hero{color:#fff;background:linear-gradient(130deg,#172036 0%,#253566 67%,#185d50 100%);border-radius:22px;padding:clamp(32px,5vw,56px);position:relative;overflow:hidden}.completion-hero:after{content:"✓";color:#ffffff14;font:800 180px/1 Manrope;position:absolute;bottom:-35px;right:34px}.completion-badge{z-index:1;color:#0d4b3d;letter-spacing:.08em;text-transform:uppercase;background:#8de8cc;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.completion-hero h2{z-index:1;color:#fff;text-transform:uppercase;max-width:800px;margin:22px 0 14px;font-size:clamp(34px,5vw,56px);line-height:1.08;position:relative}.completion-hero p{z-index:1;color:#e2e7f2;max-width:800px;margin:8px 0;font-size:18px;line-height:1.7;position:relative}.completion-section>.section-kicker{margin-bottom:18px}.completion-milestones{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.completion-milestones article{border:1px solid var(--line);background:#f8f6f2;border-radius:11px;align-items:center;gap:13px;padding:15px;display:flex}.completion-milestones span{color:#fff;background:var(--indigo);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.completion-milestones p{margin:0;font-size:16px;line-height:1.5}.completion-capabilities article{border:1px solid var(--line);border-top:4px solid var(--mint);background:#fff;border-radius:14px;padding:24px}.completion-capabilities svg{color:#16876a}.completion-capabilities h3{margin:17px 0 7px}.completion-capabilities p{color:#566177;margin:0}.mental-model{background:#edf0ff;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding:22px;display:flex}.mental-model>div{align-items:center;gap:6px;display:flex}.mental-model span{background:#fff;border:1px solid #cbd1f4;border-radius:8px;padding:9px 12px;font-weight:800}.mental-model svg{width:18px;color:var(--indigo)}.completion-realization{color:#27334c;border-left:5px solid var(--coral);background:#fff3ef;border-radius:0 14px 14px 0;margin:0;padding:28px 30px;font:600 clamp(20px,2.4vw,28px)/1.5 Manrope}.completion-next{background:#effbf7;border:1px solid #a7dfce;border-radius:18px;justify-content:space-between;align-items:center;gap:35px;padding:30px;display:flex}.completion-next h3{margin:0 0 7px;font-size:27px}.completion-next p:last-child{color:#405d56;max-width:670px;margin:0}.completion-next .button{flex:none}@keyframes journeyPulse{0%,to{opacity:.45;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1)}}@media (width<=1050px){.opening-hero{grid-template-columns:1fr;gap:40px}.opening-journey{grid-template-columns:repeat(4,1fr);align-items:center}.journey-node{text-align:center;flex-direction:column;height:100%}.journey-line{width:auto;height:2px;margin:0}.opening-capabilities{grid-template-columns:repeat(2,1fr)}.opening-capabilities article:last-child{grid-column:1/-1;min-height:0}.opening-build-card{grid-template-columns:1fr}.mental-model{flex-wrap:wrap}}@media (width<=680px){.lesson-opening{gap:48px;padding-top:4px;font-size:17px}.opening-hero{border-radius:20px;gap:34px;padding:28px 20px}.opening-copy h1{font-size:42px}.opening-lede{font-size:20px}.opening-journey{grid-template-columns:1fr;padding:20px}.journey-node{text-align:left;flex-direction:row}.journey-line{width:2px;height:14px;margin-left:27px}.opening-capabilities{grid-template-columns:1fr}.opening-capabilities article,.opening-capabilities article:last-child{grid-column:auto;min-height:0;padding:21px}.opening-build-card{gap:28px;padding:26px 18px}.opening-flow{padding:20px 12px}.opening-flow>div{grid-template-columns:1fr}.opening-mission{grid-template-columns:1fr;padding:25px 21px}.completion-story{gap:30px}.completion-hero{padding:30px 20px}.completion-hero p{font-size:17px}.completion-milestones,.completion-capabilities{grid-template-columns:1fr}.mental-model{justify-content:flex-start;align-items:stretch}.mental-model>div{justify-content:space-between;width:100%}.mental-model span{flex:1}.mental-model svg{transform:rotate(90deg)}.mental-model>div:last-child svg{display:none}.completion-realization{padding:23px 20px}.completion-next{flex-direction:column;align-items:stretch;padding:24px 20px}.completion-next .button{justify-content:center;width:100%}}.lab-hero-side{gap:10px;display:grid}.lesson-opening-link{justify-content:center;width:100%}.lesson-opening{gap:86px}.mission-hook{border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#fff8f4 58%,#eef1ff 100%);border-radius:26px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:56px;padding:clamp(30px,5vw,64px);display:grid;box-shadow:0 22px 65px #17203614}.mission-hook-copy h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(38px,5vw,64px);line-height:1.08}.mission-hook-copy h1 strong{color:var(--coral)}.opening-state{color:#33408b;letter-spacing:.06em;text-transform:uppercase;background:#e8ebff;border-radius:999px;align-items:center;gap:7px;margin:0 0 20px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.opening-state--complete{color:#12644f;background:#dcf7ee}.opening-story{margin:22px 0}.opening-story p{color:#4a566e;margin:5px 0}.transformation-visual{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.transformation-visual article{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;align-items:center;gap:8px;padding:23px 17px;display:flex;box-shadow:0 13px 30px #17203612}.transformation-visual article small{color:#697286;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:7px;font-weight:800}.transformation-visual article>span{color:#26324a;background:#f6f4f0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px;font-weight:700;display:flex}.transformation-visual article>span svg{width:18px;color:var(--indigo)}.transformation-visual article>svg{color:#8c94a4;width:18px}.transformation-visual article>strong{color:#273283;text-align:center}.transformation-visual .transformation-live{background:#effbf7;border-color:#a7dfce}.transformation-shift{color:var(--coral);text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.transformation-shift svg{width:25px}.mission-section{text-align:center}.mission-section h2{font-size:clamp(31px,4vw,46px)}.mission-track{align-items:stretch;margin-top:32px;display:flex}.mission-step{flex:1;align-items:center;min-width:0;display:flex}.mission-step article{background:#fff;border-radius:14px;flex:1;height:100%;padding:21px 14px;box-shadow:0 10px 26px #1720360f}.mission-step article>span{color:#fff;background:var(--indigo);border-radius:8px;place-items:center;width:28px;height:28px;margin:0 auto 12px;font-weight:800;display:grid}.mission-step h3{color:var(--coral);text-transform:uppercase;margin:0;font-size:18px}.mission-step p{color:#566177;margin:8px 0 0;font-size:15px;line-height:1.55}.mission-step>svg{width:22px;color:var(--indigo);flex:none;margin:0 5px}.mission-conclusion,.capability-conclusion{margin:25px 0 0;font-size:20px}.automation-showcase{border:1px solid var(--line);background:#fff;border-radius:23px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:38px;padding:clamp(28px,5vw,54px);display:grid}.automation-copy h2,.before-begin h2,.completion-section h2,.mental-model-section h2,.completion-next h2{margin:0 0 14px;font-size:clamp(30px,4vw,44px)}.automation-copy>p:last-of-type{color:#536078}.decision-key{gap:8px;margin-top:20px;display:grid}.decision-key span{background:#f7f5f1;border-radius:8px;padding:10px 12px}.trigger-transformation{color:#fff;background:#202b47;border-radius:14px;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px;display:grid}.trigger-transformation p{margin:0}.trigger-transformation svg{color:#78e0c3}.trigger-transformation small{color:#cfd6e5;text-align:center;grid-column:1/-1}.before-begin{background:linear-gradient(145deg,#fff,#f4f6ff);border-radius:23px;grid-template-columns:.8fr 1.2fr;gap:46px;padding:clamp(28px,5vw,54px);display:grid}.before-begin>div:first-child>p:not(.section-kicker){color:#526078}.eight-stage-path{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.eight-stage-path>div{background:#fff;border:1px solid #d9ddf5;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.eight-stage-path span{color:var(--indigo);font-size:12px;font-weight:800}.eight-stage-path svg{z-index:2;width:16px;color:var(--coral);position:absolute;bottom:-11px;right:-4px}.opening-finale{text-align:center;border-top:1px solid #d9dded;grid-column:1/-1;padding-top:30px}.opening-finale h2{font-size:clamp(28px,4vw,42px)}.opening-actions{justify-content:center;gap:12px;margin:22px 0;display:flex}.opening-finale>p{color:#536078;justify-content:center;align-items:center;gap:7px;margin:0;font-size:15px;display:flex}.opening-finale>p svg{color:#16876a}.completion-story{gap:64px}.completion-hero h2 strong{color:#8de8cc}.completion-lede{font-weight:800}.completion-section>h2{margin-bottom:24px}.engineering-cycle{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.engineering-cycle>div{background:#f8f6f2;border-radius:10px;align-items:center;gap:10px;min-height:64px;padding:13px;display:flex;position:relative}.engineering-cycle span{color:#fff;background:var(--indigo);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.engineering-cycle svg{z-index:2;width:16px;color:var(--coral);position:absolute;bottom:-11px;right:7px}.cycle-conclusion{color:#12644f;text-align:center;margin:22px 0 0;font:800 22px Manrope}.completion-capabilities{grid-template-columns:repeat(5,1fr)}.completion-capabilities article{min-height:220px}.completion-capabilities h3{text-transform:uppercase}.mental-model-section{background:#f2f4ff;border-radius:20px;padding:clamp(28px,5vw,52px)}.mental-model-section>div:first-child{text-align:center}.mental-model-section>div:first-child p:last-child{color:#536078}.mental-model{flex-direction:column;max-width:340px;margin:26px auto}.mental-model>div{flex-direction:column;width:100%}.mental-model span{text-align:center;width:100%}.mental-model svg{transform:none}.mental-model-section blockquote{color:#27334c;text-align:center;max-width:800px;margin:30px auto 0;font:600 23px/1.55 Manrope}.completion-proof{grid-template-columns:.7fr 1.3fr;align-items:center;gap:35px;display:grid}.completion-proof h2{margin:0 0 10px;font-size:36px}.completion-proof p:last-child{color:#536078}.completion-proof .completion-grid{margin:0}.completion-realization{background:linear-gradient(120deg,#fff3ef,#fff);border-left-width:7px}.completion-realization>strong{font-size:clamp(24px,3vw,35px)}.completion-realization p{color:#4b5870;margin:17px 0 0;font:400 18px/1.7 DM Sans}.completion-next{grid-template-columns:1fr 250px;display:grid}.completion-next p{max-width:760px}.completion-actions{gap:10px;margin-top:23px;display:flex}.closing-count{text-align:center;background:#fff;border:1px solid #a7dfce;border-radius:16px;flex-direction:column;align-items:center;padding:25px;display:flex}.closing-count strong{color:var(--coral);font:800 64px/1 Manrope}.closing-count span{text-transform:uppercase}.closing-count b{color:#12644f;margin-top:14px;font-size:24px}.closing-count small{color:#536078;margin-top:8px}@media (width<=1050px){.mission-hook{grid-template-columns:1fr}.transformation-visual{max-width:720px;margin:auto}.mission-track{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mission-step>svg{display:none}.automation-showcase{grid-template-columns:1fr}.trigger-transformation{grid-column:auto}.completion-capabilities{grid-template-columns:repeat(2,1fr)}.completion-capabilities article:last-child{grid-column:1/-1;min-height:0}.completion-proof{grid-template-columns:1fr}}@media (width<=680px){.lesson-opening{gap:52px}.mission-hook{padding:28px 18px}.mission-hook-copy h1{font-size:38px}.transformation-visual{grid-template-columns:1fr}.transformation-shift{flex-direction:row;justify-content:center}.transformation-shift svg{transform:rotate(90deg)}.mission-track{grid-template-columns:1fr}.mission-step article{text-align:left}.mission-step article>span{margin:0 0 12px}.automation-showcase,.before-begin{grid-template-columns:1fr;padding:26px 18px}.trigger-transformation{grid-template-columns:1fr}.trigger-transformation svg{transform:rotate(90deg)}.trigger-transformation small{grid-column:auto}.eight-stage-path{grid-template-columns:1fr}.opening-actions{flex-direction:column;align-items:stretch}.opening-actions .button{justify-content:center}.engineering-cycle,.completion-capabilities{grid-template-columns:1fr}.completion-capabilities article:last-child{grid-column:auto}.completion-capabilities article{min-height:0}.mental-model-section{padding:25px 18px}.mental-model-section blockquote{font-size:20px}.completion-proof .completion-grid,.completion-next{grid-template-columns:1fr}.completion-actions{flex-direction:column;align-items:stretch}.completion-actions .button{justify-content:center}.closing-count{margin-top:5px}}.lesson-action-stack{gap:9px;display:grid}.lesson-action-stack .button{justify-content:center;width:100%}.practice-stat{color:#33408b;background:#e8ebff;border-radius:999px;margin:18px 0 0;padding:8px 11px;font-size:14px;font-weight:800;display:inline-flex}.repeat-dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11192b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.repeat-dialog{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(510px,100%);padding:34px;box-shadow:0 28px 80px #0a122347}.repeat-dialog-icon{color:#fff;background:var(--indigo);border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.repeat-dialog h2{margin:20px 0 10px;font-size:32px}.repeat-dialog p{color:#526078;margin:0;font-size:17px;line-height:1.65}.repeat-dialog .repeat-dialog-error{color:#862b22;background:#fff0ed;border:1px solid #ffc0b7;border-radius:10px;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 14px;font-size:15px;line-height:1.5;display:flex}.repeat-dialog-error svg{flex:none;margin-top:1px}.repeat-dialog>div{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}@media (width<=680px){.repeat-dialog{padding:26px 20px}.repeat-dialog>div{flex-direction:column-reverse;align-items:stretch}.repeat-dialog .button{justify-content:center;width:100%}.practice-stat{border-radius:10px}}.lesson02-shell{--json-blue:#4055d8;--json-soft:#eef1ff}.lesson02-panel{overflow:hidden}.lesson02-opening{border:1px solid var(--line);background:linear-gradient(145deg,#fff 0%,#fff8f3 58%,#edf1ff 100%);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:42px;padding:clamp(28px,6vw,72px);display:grid;box-shadow:0 22px 65px #17203614}.json-opening-copy h1{margin:0 0 22px;font-size:clamp(40px,5.8vw,70px);line-height:1.05}.json-opening-copy h1 strong{color:var(--coral)}.json-opening-copy>p:not(.eyebrow){color:#4d5970;max-width:710px;font-size:18px}.json-transform-visual{color:#fff;background:#172036;border-radius:20px;gap:12px;padding:25px;display:grid;box-shadow:0 22px 45px #1720362e}.json-transform-visual>div{background:#26324d;border:1px solid #43506b;border-radius:13px;padding:18px}.json-transform-visual>div.is-clean{color:#123e34;background:#dff8f0;border-color:#8bd5bf}.json-transform-visual span{text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:12px;font-weight:800;display:block}.json-transform-visual pre{white-space:pre-wrap;margin:0;font:600 15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.json-transform-visual>b{text-align:center;color:#ff9a89}.mission-step-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mission-step-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;gap:4px 10px;padding:17px;display:grid}.mission-step-grid svg{color:var(--json-blue);grid-row:1/3}.mission-step-grid span{color:#5a6579;font-size:14px}.lesson02-opening>.opening-promise{color:#27334c;grid-column:1/-1;grid-template-columns:auto 1fr;margin:0;display:grid}.lesson02-opening>.opening-promise strong{color:var(--coral)}.prerequisite-shell{place-items:center;min-height:68vh;display:grid}.prerequisite-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:24px;width:min(680px,100%);padding:clamp(30px,6vw,58px);box-shadow:0 20px 55px #17203614}.prerequisite-card>svg{color:var(--indigo)}.prerequisite-card h1{margin:12px auto 18px;font-size:clamp(34px,5vw,52px)}.prerequisite-card p{color:#526078;font-size:18px}.prerequisite-card small{color:#697286;margin-top:18px;display:block}.lab-feedback--learning{color:#33408b;background:#edf0ff;border-color:#c7cdf8}.button--warning{color:#72291f;background:#ffd4cc;border:1px solid #ff9e90}.button--warning:disabled{opacity:.48}.sync-retry{color:#33408b;background:#fff;border:1px solid #cbd1f4;border-radius:7px;margin-top:8px;padding:5px 8px;font-weight:700}.json-anatomy{gap:22px;display:grid}.json-tree{color:#f7f8ff;background:#18223a;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;display:grid}.json-tree>div{background:#25304a;border:1px solid #3e4b68;border-radius:13px;padding:18px}.json-tree div div{border-left:2px solid #7b88ef;margin:11px 0 0 18px;padding:10px}.json-tree code{color:#f7f8ff;overflow-wrap:anywhere;display:block}.type-badge{text-transform:uppercase;border-radius:999px;margin:0 8px 7px 0;padding:4px 7px;font-size:11px;font-weight:800;display:inline-flex}.type-badge.object{color:#25307b;background:#dfe3ff}.type-badge.string{color:#175c49;background:#d5f6eb}.type-badge.array{color:#873125;background:#ffe2dc}.path-examples,.null-missing,.output-contract,.live-result-grid,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.path-examples article,.null-missing article,.output-contract article{border:1px solid var(--line);background:#f8f6f2;border-radius:12px;padding:18px}.path-examples span{color:#687185;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.path-examples code{font-size:17px}.path-examples p,.null-missing p{color:#596278;margin:7px 0 0}.null-missing{grid-template-columns:1fr auto 1fr;align-items:center}.null-missing>b{color:var(--coral);font-size:28px}.workflow-strip{background:var(--json-soft);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:21px;display:flex}.workflow-strip span{background:#fff;border:1px solid #cbd1f4;border-radius:9px;padding:10px 13px;font-weight:800}.workflow-strip b{color:var(--json-blue)}.url-field{gap:8px;margin:24px 0;display:grid}.url-field label{font-weight:800}.url-field input{width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #cfc7bd;border-radius:9px;padding:11px 14px}.url-field small{color:#667085}.breadcrumb-path{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;display:flex}.breadcrumb-path span{color:#2d397f;background:#edf0ff;border-radius:8px;padding:8px 11px;font-weight:800}.expression-list{gap:11px;display:grid}.expression-card{color:#fff;background:#172036;border-radius:11px;padding:17px}.expression-card strong,.expression-card code{display:block}.expression-card strong{color:#aeb8ff;margin-bottom:8px}.expression-card code{overflow-wrap:anywhere}.contract-note{color:#31405d;border-left:4px solid var(--coral);background:#fff2ed;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 18px}.array-visual{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.array-visual article{border:1px solid var(--line);border-top:4px solid var(--indigo);background:#fff;border-radius:12px;padding:19px}.array-visual small{color:#687185;font-weight:800;display:block}.array-visual strong{margin:7px 0;display:block}.exploration-card,.calculation-story,.challenge-phase,.watch-card{border:1px solid var(--line);background:#f8f6f2;border-radius:14px;padding:20px}.calculation-story{background:#edf0ff;margin:20px 0}.calculation-story code{overflow-wrap:anywhere}.output-contract{margin:20px 0}.output-contract article code{overflow-wrap:anywhere;display:block}.challenge-phase{background:#fff;grid-template-columns:auto 1fr;gap:16px;margin:20px 0;display:grid}.challenge-phase>span{color:#fff;background:var(--indigo);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.challenge-phase h3{margin:0 0 7px}.challenge-phase p{color:#566177;margin:0 0 15px}.challenge-phase.is-break>span{background:var(--coral)}.challenge-phase.is-repair>span{background:var(--mint)}.schema-drift-map{color:#fff;background:#172036;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;padding:20px;display:grid}.schema-drift-map div{background:#27324c;border-radius:9px;padding:13px}.schema-drift-map small,.schema-drift-map code{display:block}.schema-drift-map p{color:#ffb2a6;text-align:center;grid-column:1/-1;margin:0}.watch-card{margin:22px 0}.watch-card summary{cursor:pointer;font-weight:800}.watch-card pre{overflow:auto}.live-result{border:1px solid var(--line);border-radius:12px;padding:17px}.live-result.is-pass{color:#12644f;background:#e5f9f3;border-color:#9cddca}.live-result.is-fail{color:#8b2c22;background:#fff0ed;border-color:#ffc0b7}.live-result code{overflow-wrap:anywhere}.lesson02-completion{gap:42px;display:grid}.json-journey-recap{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.json-journey-recap>div{background:#f8f6f2;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.json-journey-recap span{color:#fff;background:var(--indigo);border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.lesson02-completion>blockquote{color:#27334c;border-left:5px solid var(--coral);background:#fff3ef;border-radius:0 13px 13px 0;margin:0;padding:26px;font:700 clamp(20px,2.6vw,29px)/1.5 Manrope}.capability-grid{grid-template-columns:repeat(5,1fr)}.capability-grid article{border:1px solid var(--line);border-top:4px solid var(--mint);background:#fff;border-radius:12px;padding:19px}.capability-grid p{color:#596278;margin:8px 0 0}.next-lesson-card{background:#effbf7;border:1px solid #a7dfce;border-radius:18px;padding:clamp(25px,4vw,42px)}.next-lesson-card h3{margin:0;font-size:34px}.next-lesson-card p:not(.eyebrow){color:#405d56;max-width:760px}.next-lesson-card .button{margin:10px 8px 0 0}@media (width<=900px){.lesson02-opening{grid-template-columns:1fr}.mission-step-grid,.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid article:last-child{grid-column:1/-1}.array-visual{grid-template-columns:1fr}.lab-hero-side{width:100%}}@media (width<=680px){.lesson02-opening{border-radius:20px;padding:27px 18px}.json-opening-copy h1{font-size:39px}.mission-step-grid,.json-tree,.path-examples,.output-contract,.live-result-grid,.json-journey-recap,.capability-grid{grid-template-columns:1fr}.capability-grid article:last-child{grid-column:auto}.lesson02-opening>.opening-promise,.null-missing{grid-template-columns:1fr}.null-missing>b{text-align:center}.schema-drift-map{grid-template-columns:1fr}.schema-drift-map>b{text-align:center;transform:rotate(90deg)}.challenge-phase{grid-template-columns:1fr}.workflow-strip{text-align:center;flex-direction:column;align-items:stretch}.workflow-strip b{transform:rotate(90deg)}.lesson02-panel{padding-inline:18px}.next-lesson-card .button{width:100%;margin-right:0}.lesson02-completion .mental-model{align-items:stretch}.lesson02-completion .mental-model>b{text-align:center;transform:rotate(90deg)}}.portfolio-note{color:#31405d;border:1px solid var(--line);background:#f8f6f2;border-radius:13px;padding:20px 22px}.portfolio-note p{margin:7px 0 0}.guided-stage~*{display:none!important}.teaching-loop{gap:24px;display:grid}.teaching-loop>section>h3{margin-bottom:7px}.guided-actions{gap:11px;margin:0;padding-left:25px;display:grid}.guided-actions li{color:#414d64;padding-left:5px}.guided-actions strong{color:var(--ink)}.term-callout,.action-callout{color:#31405d;border-left:4px solid var(--indigo);background:#edf0ff;border-radius:0 10px 10px 0;margin:0;padding:16px 18px}.action-callout{border-left-color:var(--coral);background:#fff2ed}.expected-result{background:#eaf9f4;border:1px solid #9bdac7;border-radius:14px;padding:21px}.expected-result>div:first-child{color:#12644f;align-items:center;gap:9px;display:flex}.expected-result>pre{color:#f7f8ff;background:#172036;border-radius:10px;margin:15px 0 0;padding:17px;font-size:15px;overflow:auto}.expected-result>code{margin-top:12px;font-size:20px;display:block}.why-it-worked{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 20px}.why-it-worked strong{color:var(--indigo);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.why-it-worked p{color:#4d5970;margin:7px 0 0}.why-it-worked code{overflow-wrap:anywhere}.learner-confirmed{color:#687185;font-size:14px;display:block}.term-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.term-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px}.term-grid p{color:#596278;margin:5px 0 0;font-size:14px}.sample-data-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.sample-data-grid article{background:#fff;border-radius:9px;flex-direction:column;padding:14px;display:flex}.sample-data-grid small{color:#687185}.sample-data-grid span{color:#596278}.normalization-example{background:#f5f6ff;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px;display:grid}.normalization-example>div{background:#fff;border:1px solid #d7dcf7;border-radius:10px;gap:6px;padding:16px;display:grid}.normalization-example>b{color:var(--coral);font-size:24px}.normalization-example small{color:#687185;text-transform:uppercase;font-weight:800}.field-setup-list{gap:11px;display:grid}.field-setup{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:.7fr .55fr 1.75fr;gap:12px;padding:17px;display:grid}.field-setup>div{gap:4px;min-width:0;display:grid}.field-setup small{color:#687185;text-transform:uppercase;font-size:11px;font-weight:800}.field-setup code{overflow-wrap:anywhere}.field-setup>p{color:#596278;grid-column:1/-1;margin:0}.split-result{grid-template-columns:repeat(2,1fr);margin-top:14px;gap:10px!important;display:grid!important}.split-result article{background:#fff;border-radius:9px;gap:5px;padding:14px;display:grid}.output-contract-table{border:1px solid var(--line);border-radius:13px;display:grid;overflow:hidden}.output-contract-table>div{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;padding:14px 17px;display:grid}.output-contract-table>div:last-child{border:0}.output-contract-table span{color:#596278}.test-purpose-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.test-purpose-grid article{border:1px solid var(--line);border-top:4px solid var(--indigo);background:#fff;border-radius:12px;padding:18px}.test-purpose-grid article>span{color:var(--coral);text-transform:uppercase;font-size:12px;font-weight:800}.test-purpose-grid article>strong{margin:5px 0 10px;display:block}.test-purpose-grid p{color:#566177;margin:6px 0;font-size:15px}.schema-lesson,.repair-guide{background:#fff8f4;border:1px solid #ffc6bb;border-radius:14px;gap:17px;padding:21px;display:grid}.repair-guide{background:#f1fbf8;border-color:#9fdcca}.schema-lesson h3,.repair-guide h3{margin:0}.schema-lesson>p{color:#566177;margin:0}@media (width<=900px){.term-grid{grid-template-columns:repeat(2,1fr)}.term-grid article:last-child{grid-column:1/-1}.field-setup{grid-template-columns:1fr 1fr}.field-setup>div:nth-child(3){grid-column:1/-1}.test-purpose-grid{grid-template-columns:1fr}}@media (width<=680px){.term-grid,.sample-data-grid,.normalization-example,.field-setup,.split-result{grid-template-columns:1fr}.term-grid article:last-child,.field-setup>div:nth-child(3){grid-column:auto}.normalization-example>b{text-align:center;transform:rotate(90deg)}.output-contract-table>div{grid-template-columns:1fr;gap:3px}.guided-actions{padding-left:21px}}.teaching-workflow{background:linear-gradient(#eef1ff,#f8f6f2);border:1px solid #d7dcf7;border-radius:22px;justify-items:center;gap:0;margin:26px 0;padding:clamp(20px,4vw,38px);display:grid}.teaching-workflow-label{color:#fff;background:#172036;border-radius:11px;width:min(100%,760px);margin-bottom:22px;padding:13px 16px}.teaching-workflow-label span,.teaching-workflow-label b{display:block}.teaching-workflow-label span{color:#9ee2ce;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.teaching-workflow-label b{margin-top:3px}.teaching-node{background:#fff;border:1px solid #d9dfe9;border-radius:17px;width:min(100%,760px);transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 10px 28px #1720360f}.teaching-node--active{border-color:var(--indigo);box-shadow:0 0 0 3px #5965e81f,0 14px 35px #17203617}.teaching-node--passed{border-color:#87d8c0}.teaching-node--error{border-color:#ff9e90}.teaching-node>header{background:#fff;grid-template-columns:auto 1fr;gap:13px;padding:18px 20px;display:grid}.teaching-node-state{color:#778198;background:#f1f3f7;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.teaching-node--active .teaching-node-state{color:#fff;background:var(--indigo)}.teaching-node--passed .teaching-node-state{color:#fff;background:var(--mint)}.teaching-node--error .teaching-node-state{color:#fff;background:var(--coral)}.teaching-node-state svg{width:19px}.teaching-node header small{color:#697286;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.teaching-node h3{margin:3px 0 4px;font-size:24px}.teaching-node header p{color:#596278;margin:0}.teaching-node-body{gap:17px;padding:0 20px 20px;display:grid}.teaching-node>footer{padding:0 20px 20px}.teaching-connector{height:48px;color:var(--indigo);place-items:center;font:800 28px/1 Manrope;display:grid}.teaching-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,980px);display:grid}.teaching-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.teaching-field{border:1px solid var(--line);background:#f8f6f2;border-radius:10px;grid-template-columns:minmax(120px,.8fr) 1fr;align-items:center;gap:12px;padding:12px;display:grid}.teaching-field span b,.teaching-field span small{display:block}.teaching-field span small{color:#687185;font-size:11px}.teaching-field input{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbc5bd;border-radius:8px;padding:9px 10px}.teaching-run{justify-self:start}.teaching-run:disabled{opacity:.45;cursor:not-allowed;transform:none}.teaching-note{color:#33408b;background:#edf0ff;border-radius:9px;margin:0;padding:12px 14px}.teaching-json{background:#172036;border-radius:11px;min-width:0;overflow:hidden}.teaching-json>span{color:#9ee2ce;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #36415a;padding:9px 13px;font-size:11px;font-weight:800;display:block}.teaching-json pre{color:#f6f8ff;margin:0;padding:14px;font:600 14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.teaching-execution{background:#eef1ff;border:1px solid #cbd1f4;border-radius:12px;gap:10px;padding:15px;display:grid}.teaching-execution>div:first-child{color:#33408b;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;display:grid}.teaching-execution>div:first-child span{overflow-wrap:anywhere}.teaching-execution>small{color:#596278;font-weight:700}.why-worked{border-left:4px solid var(--mint);background:#eaf9f4;border-radius:0 10px 10px 0;padding:16px 18px}.why-worked strong{color:#12644f;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.why-worked p{color:#3d5b53;margin:6px 0 0}.mirror-panel{border:1px solid #d9dfe9;border-radius:11px;overflow:hidden}.mirror-panel>button{text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.mirror-panel>button span small,.mirror-panel>button span strong{display:block}.mirror-panel>button span small{color:var(--coral);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mirror-panel>div{background:#fff;padding:0 18px 17px}.mirror-panel ol{margin:0;padding-left:22px}.mirror-panel li{color:#414d64;margin:8px 0}.mirror-expected{color:#33408b;background:#edf0ff;border-radius:8px;margin:14px 0 0;padding:11px}.teaching-status{color:#33408b;background:#edf0ff;border-radius:10px;padding:13px 16px;font-weight:700}.learner-confirm{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;align-items:flex-start;gap:12px;margin:18px 0;padding:16px;display:flex}.learner-confirm input{width:19px;height:19px;accent-color:var(--mint);margin-top:3px}.learner-confirm span b{color:#12644f;display:block}.mental-twin{background:#eef1ff;border-radius:17px;grid-template-columns:minmax(240px,.75fr) minmax(260px,1.25fr);gap:22px;margin:24px 0;padding:24px;display:grid}.mental-twin-flow{justify-items:stretch;display:grid}.mental-twin-flow>div{justify-items:center;display:grid}.mental-twin-flow button{color:#3f4960;cursor:pointer;background:#fff;border:1px solid #d7dcf7;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 13px;font-weight:800;display:flex}.mental-twin-flow button.is-active{color:#fff;background:var(--indigo);border-color:var(--indigo)}.mental-twin-flow button span{font-size:11px}.mental-twin-flow b{height:23px;color:var(--indigo)}.mental-twin>article{background:#fff;border:1px solid #d7dcf7;border-radius:13px;place-content:center;padding:25px;display:grid}.mental-twin>article svg{color:var(--coral)}.mental-twin>article small{color:#687185;text-transform:uppercase;margin-top:14px;font-weight:800}.mental-twin>article h3{margin:4px 0;font-size:31px}.mental-twin>article p{color:#596278;margin:0;font-size:18px}.compact-concepts{grid-template-columns:repeat(4,1fr)}.condition-builder{text-align:center;background:#f8f6f2;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:15px;display:grid}.condition-builder code{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}.execution-playground{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.execution-playground>article{border:1px solid var(--line);background:#fff;border-radius:14px;gap:13px;padding:18px;display:grid}.execution-playground>article>span{color:var(--coral);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.trigger-replacement{background:#eef1ff;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:24px 0;padding:22px;display:grid}.trigger-replacement>div{text-align:center;background:#fff;border:1px solid #d7dcf7;border-radius:11px;gap:5px;padding:18px;display:grid}.trigger-replacement>div.is-active{border-color:var(--mint);box-shadow:0 0 0 3px #21a8871f}.trigger-replacement small{color:#687185;text-transform:uppercase;font-weight:800}.trigger-replacement strong{font-size:18px}.trigger-replacement span{color:var(--indigo);font-weight:800}.url-mode-twin{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.url-mode-twin article{background:#f8f6f2;border-radius:9px;padding:14px}.url-mode-twin b,.url-mode-twin span{display:block}.url-mode-twin span{color:var(--coral);margin:4px 0;font-family:ui-monospace,monospace}.url-mode-twin p{color:#596278;margin:0}.mapping-table{border:1px solid var(--line);border-radius:10px;display:grid;overflow:hidden}.mapping-table>div{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:.8fr .8fr 1.4fr;gap:9px;padding:12px;display:grid}.mapping-table>div:first-child{background:#f8f6f2}.mapping-table>div:last-child{border:0}.mapping-table code{overflow-wrap:anywhere}.contract-twin{background:#fff8f4;border:1px solid #ffc6bb;border-radius:15px;gap:16px;margin:22px 0;padding:20px;display:grid}.contract-twin>header{align-items:center;gap:12px;display:flex}.contract-twin>header svg{color:var(--coral)}.contract-twin>header small{color:#a83929;text-transform:uppercase;font-weight:800}.contract-twin h3{margin:2px 0}.contract-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.contract-compare article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px}.contract-compare span,.contract-compare code{display:block}.contract-compare span{color:#596278}.contract-compare code{margin-top:5px}.contract-compare>b{border-radius:7px;padding:7px 9px}.contract-compare .is-match{color:#12644f;background:#dcf7ee}.contract-compare .is-mismatch{color:#922f25;background:#ffe5e1}.contract-actions{flex-wrap:wrap;gap:9px;display:flex}@media (width<=800px){.teaching-branches,.teaching-fields,.execution-playground,.url-mode-twin,.compact-concepts,.trigger-replacement,.mapping-table>div{grid-template-columns:1fr}.mapping-table>div:first-child{display:none}.mental-twin,.contract-compare{grid-template-columns:1fr}.contract-compare>b{text-align:center}.teaching-field{grid-template-columns:1fr}}.optional-proof,.optional-live-proof{background:#f8f9fc;border:1px dashed #aab2c3;border-radius:13px;margin:22px 0}.optional-proof>summary,.optional-live-proof>summary{color:#414d64;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;font-weight:800;list-style:none;display:flex}.optional-proof>summary::-webkit-details-marker{display:none}.optional-live-proof>summary::-webkit-details-marker{display:none}.optional-proof>summary small{color:#687185;margin-top:3px;font-weight:600;display:block}.optional-proof .mirror-panel-body,.optional-live-proof>div{padding:0 16px 16px}.optional-proof .mirror-panel{margin:0}.optional-real-actions{gap:14px;display:grid}.optional-real-actions>p{color:#596278;margin:0}.optional-real-actions>div{flex-wrap:wrap;gap:9px;display:flex}.visual-guide-shell{max-width:1180px}.visual-guide-hero{border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#fff5ef 52%,#edf0ff 100%);border-radius:26px;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:center;gap:42px;padding:clamp(30px,6vw,68px);display:grid;box-shadow:0 22px 60px #17203614}.visual-guide-hero h1{margin:0 0 20px;font-size:clamp(40px,5.5vw,67px)}.visual-guide-hero>div>p:not(.eyebrow){color:#4d5970;max-width:760px;font-size:18px}.visual-guide-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.visual-guide-hero aside{color:#fff;background:#172036;border-radius:17px;padding:24px}.visual-guide-hero aside strong{font:800 21px Manrope}.visual-guide-hero aside ol{color:#d6dceb;margin:17px 0;padding-left:22px}.visual-guide-hero aside li{margin:8px 0}.visual-guide-hero aside small{color:#9ee2ce;border-top:1px solid #39445e;padding-top:14px;font-weight:700;display:block}.visual-guide-nav{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:14px;gap:8px;margin:28px 0 70px;padding:10px;display:flex;position:sticky;top:12px;overflow-x:auto;box-shadow:0 12px 30px #17203614}.visual-guide-nav a{color:#3e4960;background:#f5f3ef;border-radius:8px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.visual-guide-nav a:hover{color:#fff;background:var(--indigo)}.visual-guide-sections{gap:90px;display:grid}.visual-guide-section{scroll-margin-top:105px}.visual-guide-section>header{max-width:760px;margin-bottom:25px}.visual-guide-section h2{margin:0 0 10px;font-size:clamp(30px,4vw,46px)}.visual-guide-section>header>p:last-child{color:#596278;margin:0;font-size:17px}.visual-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.visual-shot{border:1px solid var(--line);background:#fff;border-radius:17px;margin:0;overflow:hidden;box-shadow:0 10px 30px #1720360f}.visual-shot>a{background:#e9e5df;padding:10px;display:block;position:relative}.visual-shot img{aspect-ratio:16/7;object-fit:cover;object-position:top;border-radius:10px;width:100%;display:block}.visual-shot>a span{color:#fff;opacity:0;background:#172036e6;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;transition:all .2s;display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(5px)}.visual-shot>a:hover span{opacity:1;transform:none}.visual-shot figcaption{grid-template-columns:auto 1fr;gap:13px;padding:18px;display:grid}.visual-shot figcaption>b{color:#fff;background:var(--indigo);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.visual-shot figcaption strong{font:800 18px Manrope;display:block}.visual-shot figcaption p{color:#596278;margin:4px 0 0}.visual-guide-finish{color:#fff;background:#172036;border-radius:22px;justify-content:space-between;align-items:center;gap:40px;margin-top:90px;padding:clamp(28px,5vw,48px);display:flex}.visual-guide-finish h2{color:#fff;max-width:750px;margin:0 0 10px;font-size:clamp(28px,4vw,43px)}.visual-guide-finish p:last-child{color:#bfc7d9;margin:0}@media (width<=900px){.visual-guide-hero{grid-template-columns:1fr}.visual-guide-nav{top:6px}.visual-shot-grid{grid-template-columns:1fr}.visual-guide-finish{flex-direction:column;align-items:flex-start}}@media (width<=680px){.visual-guide-shell{width:min(100% - 24px,1180px);padding-top:30px}.visual-guide-hero{border-radius:19px;padding:27px 18px}.visual-guide-hero h1{font-size:38px}.visual-guide-actions{flex-direction:column;align-items:stretch}.visual-guide-actions .button{width:100%}.visual-guide-nav{margin-bottom:55px}.visual-guide-sections{gap:65px}.visual-shot img{aspect-ratio:auto}.visual-shot>a span{display:none}.visual-guide-finish .button{width:100%}}.lesson02-shell{max-width:1280px}.lesson02-shell .lab-hero h1{font-size:clamp(44px,6vw,76px);line-height:.98}.lesson02-signature{color:#fff;background:#172036;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;margin:24px 0;padding:17px;display:flex}.lesson02-signature span{letter-spacing:.06em;font-size:12px;font-weight:800}.lesson02-signature b{color:#87d8c0}.lesson02-stage-heading{margin-bottom:14px}.lesson02-stage-heading .section-kicker{color:var(--coral);margin:0 0 3px;font-size:11px}.evidence-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;margin:0 0 18px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.evidence-badge--teaching-twin{color:#33408b;background:#edf0ff}.evidence-badge--learner-confirmed{color:#735019;background:#fff1ce}.evidence-badge--live-verified{color:#12644f;background:#dcf7ee}.json-learning-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;display:grid}.json-explorer{background:#172036;border-radius:16px;padding:18px;overflow:auto}.json-explorer ul{margin:0;padding-left:20px;list-style:none}.json-explorer>ul{padding:0}.json-tree-branch button{color:#e8ecf5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;gap:10px;width:100%;margin:3px 0;padding:9px 11px;display:grid}.json-tree-branch button:hover,.json-tree-branch button.is-selected{background:#29344e;border-color:#6d7cf1}.json-tree-branch code{color:#9ee2ce}.json-type{color:#172036;text-transform:uppercase;background:#cfd5ff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.json-type--array{background:#ffd7a8}.json-type--string{background:#9ee2ce}.json-type--number{background:#ffd0c8}.json-type--null{background:#e3e5ea}.path-inspector{background:#f5f6ff;border:1px solid #d7dcf7;border-radius:16px;padding:21px}.path-inspector>span,.path-inspector dt{color:#687185;text-transform:uppercase;font-size:11px;font-weight:800}.path-inspector>strong{overflow-wrap:anywhere;margin:6px 0 14px;font:800 24px ui-monospace,monospace;display:block}.path-steps{flex-wrap:wrap;gap:6px;display:flex}.path-steps b{color:#fff;background:var(--indigo);border-radius:7px;padding:7px 9px}.path-inspector dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.path-inspector dl div{background:#fff;border-radius:8px;padding:12px}.path-inspector dd{margin:5px 0 0;font-weight:800}.null-missing-lab{background:#fff8f4;border:1px solid #ffc6bb;border-radius:14px;margin:18px 0;padding:19px}.null-missing-lab>div{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.null-missing-lab button{cursor:pointer;background:#fff;border:1px solid #e1b2a8;border-radius:8px;padding:9px 12px}.null-missing-lab button.is-active{color:#fff;background:var(--coral)}.null-missing-lab p{color:#596278;margin:0}.data-flight,.response-pipeline{background:#eef1ff;border-radius:15px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:20px 0;padding:22px;display:flex}.data-flight button{color:#fff;background:var(--indigo);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-weight:800;display:flex}.data-flight span{color:var(--coral);font-weight:900}.data-flight strong{color:#12644f}.json-preview{color:#f4f6ff;background:#172036;border-radius:13px;max-height:390px;padding:18px;overflow:auto}.mirror-in-n8n{background:#fff;border:1px solid #cbd1f4;border-radius:14px;margin:22px 0}.mirror-in-n8n summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 18px;list-style:none;display:flex}.mirror-in-n8n summary small,.mirror-in-n8n summary strong{display:block}.mirror-in-n8n summary small{color:var(--coral);text-transform:uppercase;font-size:11px;font-weight:900}.mirror-in-n8n>div{padding:0 20px 20px}.mirror-in-n8n li{margin:9px 0}.url-entry{gap:7px;margin:16px 0;display:grid}.url-entry span{font-weight:800}.url-entry input{width:100%;font:inherit;border:1px solid #cbc5bd;border-radius:8px;padding:12px}.json-expression{border:1px solid var(--line);background:#f8f6f2;border-radius:9px;grid-template-columns:minmax(120px,.6fr) minmax(0,1.7fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.json-expression span{text-transform:uppercase;font-size:11px;font-weight:900}.json-expression code{color:#33408b;overflow:auto}.json-expression button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:7px;display:flex}.field-builder{gap:11px;display:grid}.field-builder>header,.split-visualizer>header,.schema-drift-lab>header{align-items:center;gap:12px;display:flex}.field-builder>header{color:#fff;background:#172036;border-radius:13px;padding:18px}.field-builder h3,.split-visualizer h3,.schema-drift-lab h3{margin:2px 0}.field-builder article{border:1px solid var(--line);opacity:.62;background:#fff;border-radius:11px;grid-template-columns:.65fr .4fr 1.5fr auto;align-items:center;gap:10px;padding:14px;display:grid}.field-builder article.is-built{opacity:1;border-color:#87d8c0}.field-builder article>div span{color:#687185;font-size:10px;font-weight:900;display:block}.field-builder article>button,.expression-reveal>button{color:#fff;background:var(--indigo);cursor:pointer;border:0;border-radius:8px;padding:9px 11px;font-weight:800}.transformation-output{background:#eaf9f4;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:18px 0;padding:17px;display:grid}.transformation-output span{color:#12644f;font-weight:900}.transformation-output pre{margin:0}.array-explorer{grid-template-columns:.7fr 1.3fr;gap:15px;display:grid}.array-tabs{gap:9px;display:grid}.array-tabs button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:14px;display:grid}.array-tabs button.is-active{border-color:var(--indigo);box-shadow:0 0 0 3px #5965e81f}.array-tabs span{color:#687185}.array-explorer>article{background:#eef1ff;border-radius:14px;gap:10px;padding:20px;display:grid}.split-visualizer{background:#fff8f4;border:1px solid #ffc6bb;border-radius:15px;margin:22px 0;padding:20px}.branch-map{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.branch-map b{background:#fff;border-radius:9px;grid-row:1/3;place-items:center;display:grid}.branch-map span{background:#fff;border-radius:9px;padding:13px}.branch-map em{color:var(--coral);font-weight:800}.split-items{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.split-items article{background:#fff;border-radius:9px;padding:14px;display:grid}.before-after-json{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.before-after-json article{background:#172036;border-radius:13px;min-width:0;padding:16px}.before-after-json small{color:#9ee2ce;text-transform:uppercase;font-weight:900}.before-after-json pre{color:#f4f6ff;max-height:330px;overflow:auto}.calculation-visualizer{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.calculation-visualizer section{background:#f5f6ff;border-radius:12px;padding:18px}.calculation-visualizer h3{margin-top:0}.calculation-visualizer section p{display:grid}.calculation-visualizer span{color:#687185;font-size:12px}.expression-reveal{gap:10px;display:grid}.expression-reveal>button{justify-self:start}.response-mode{grid-template-columns:1fr 1fr;gap:12px;display:grid}.response-mode article{border:1px solid var(--line);background:#f8f6f2;border-radius:11px;padding:18px}.response-mode article.is-correct{background:#eaf9f4;border-color:#87d8c0}.url-warning{grid-template-columns:1fr 1fr;gap:8px;display:grid}.url-warning>*{border-radius:8px;padding:11px}.url-warning span{color:#922f25;background:#ffe5e1}.url-warning strong{color:#12644f;background:#dcf7ee}.live-result-grid{gap:9px;margin:14px 0;display:grid}.live-result-grid article{border-radius:10px;gap:11px;padding:14px;display:flex}.live-result-grid article.is-pass{color:#12644f;background:#dcf7ee}.live-result-grid article.is-fail{color:#922f25;background:#ffe5e1}.live-result-grid span,.live-result-grid p{margin:3px 0;display:block}.schema-drift-lab{background:#fff8f4;border:1px solid #ffc6bb;border-radius:15px;gap:15px;margin:24px 0;padding:20px;display:grid}.wrong-array-demo{border:1px solid var(--line);background:#f8f6f2;border-radius:12px;gap:8px;padding:17px;display:grid}.wrong-array-demo p{color:#596278;margin:0}.completion-ready{text-align:center;background:#eef1ff;border-radius:16px;padding:35px}.lesson02-finale{color:#fff;background:linear-gradient(135deg,#172036,#25386a 68%,#166e60);border-radius:22px;padding:clamp(24px,5vw,48px)}.lesson02-finale>span{color:#172036;background:#9ee2ce;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-weight:900;display:inline-flex}.lesson02-finale h2{color:#fff;font-size:clamp(32px,5vw,58px);line-height:.98}.lesson02-finale h2 strong{color:#9ee2ce}.lesson02-finale>p{color:#d6dceb;max-width:800px;font-size:18px}.final-mental-model{flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0;display:flex}.final-mental-model b{color:#172036;background:#fff;border-radius:8px;padding:9px 11px}.completion-capabilities{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.completion-capabilities span{background:#ffffff1a;border-radius:8px;align-items:center;gap:7px;padding:11px;display:flex}.lesson02-finale .completion-actions{margin-top:25px}@media (width<=850px){.json-learning-grid,.array-explorer,.before-after-json,.calculation-visualizer{grid-template-columns:1fr}.before-after-json>svg{justify-self:center;transform:rotate(90deg)}.field-builder article{grid-template-columns:1fr 1fr}.field-builder article .json-expression{grid-column:1/-1}.completion-capabilities{grid-template-columns:1fr 1fr}}@media (width<=620px){.lesson02-shell .lab-hero h1{font-size:40px}.json-tree-branch button{grid-template-columns:1fr auto}.json-tree-branch button code{grid-column:1/-1}.json-expression,.field-builder article,.split-items,.response-mode,.url-warning,.completion-capabilities,.branch-map{grid-template-columns:1fr}.branch-map b{grid-row:auto}.lesson02-signature b,.response-pipeline svg{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.lesson02-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.availability-pill{color:#687185;letter-spacing:.09em;background:#edf0f5;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.availability-pill--live{color:#0d614c;background:#d8f6eb}.lesson-card--flagship{background:linear-gradient(145deg,#fff,#ecfbf6)!important;border-color:#45b99b!important;box-shadow:0 18px 45px #14745d1f!important}.live-lessons,.available-now{color:#fff;background:linear-gradient(120deg,#172036,#183d4e);border-radius:18px;justify-content:space-between;align-items:center;gap:35px;margin-top:32px;padding:26px 30px;display:flex}.live-lessons h2,.available-now h2{color:#fff;margin:4px 0}.live-lessons p,.available-now p{color:#cdd7e6;margin:5px 0}.live-lessons .eyebrow,.available-now .eyebrow{color:#87d8c0}.available-now{margin:26px 0 30px}.lesson20-shell{max-width:1320px}.lesson20-hero{color:#fff;background:radial-gradient(circle at 80% 15%,#3dd2af3b,#0000 35%),linear-gradient(135deg,#111a31,#1b2c50 70%,#164c51);border-radius:25px;grid-template-columns:1.3fr .7fr;align-items:center;gap:28px;padding:clamp(26px,5vw,55px);display:grid}.lesson20-hero h1{color:#fff;margin:8px 0 18px;font-size:clamp(44px,7vw,82px);line-height:.94}.lesson20-hero>div>p:last-child{color:#d3daea;max-width:720px;font-size:18px}.lesson20-hero aside{background:#ffffff17;border:1px solid #ffffff29;border-radius:17px;gap:9px;padding:24px;display:grid}.lesson20-hero aside svg{color:#87d8c0}.lesson20-hero aside strong{font:800 22px Manrope}.lesson20-hero aside span{color:#d3daea}.lesson20-progress{background:#33415d;border-radius:999px;height:8px;overflow:hidden}.lesson20-progress i{background:#87d8c0;height:100%;transition:width .3s;display:block}.lesson20-stage-strip{border:1px solid var(--line);background:#fff;border-radius:13px;gap:7px;margin:18px 0 28px;padding:9px;display:flex;overflow:auto}.lesson20-stage-strip button{color:#687185;cursor:pointer;background:#f6f5f2;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:800;display:flex}.lesson20-stage-strip button.is-current{color:#fff;background:#5965e8}.lesson20-stage-strip button.is-passed{color:#12644f;background:#dcf7ee}.control-room-grid{grid-template-columns:minmax(0,1.55fr) minmax(275px,.45fr);gap:18px;display:grid}.control-console,.monitor-card,.execution-workspace{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 12px 35px #1720360f}.control-console{padding:24px}.control-console>header,.execution-workspace>header,.monitor-card>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.control-console h2,.execution-workspace h2{margin:4px 0}.live-chip{color:#12644f;letter-spacing:.09em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.live-chip i{background:#25ad85;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #dcf7ee}.scenario-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.scenario-tabs button{text-align:left;cursor:pointer;background:#f6f5f2;border:1px solid #0000;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px;display:grid}.scenario-tabs button b{color:#fff;background:#5965e8;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.scenario-tabs button span{font-size:11px;font-weight:800}.scenario-tabs button.is-active{background:#edf0ff;border-color:#5965e8}.scenario-tabs button svg{color:#16836a}.scenario-description{color:#596278}.option-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.option-grid label,.wide-option{color:#4c566c;text-transform:uppercase;gap:6px;font-size:11px;font-weight:900;display:grid}.option-grid select,.option-grid input,.wide-option select{text-transform:none;background:#fff;border:1px solid #cbc5bd;border-radius:8px;width:100%;padding:11px;font:500 14px Inter}.wide-option{margin-top:12px}.console-actions,.verify-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.execution-message{color:#27426a;background:#eef1ff;border-radius:8px;padding:11px}.monitor-card{align-self:start;overflow:hidden}.monitor-card>header{color:#fff;background:#172036;padding:19px}.monitor-card>header>div{flex:1;display:grid}.monitor-card small{color:#9ee2ce;text-transform:uppercase}.monitor-card button{color:#fff;cursor:pointer;background:#303b55;border:0;border-radius:7px;place-items:center;padding:8px;display:grid}.monitor-card dl{grid-template-columns:1fr 1fr;margin:0;display:grid}.monitor-card dl div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px}.monitor-card dt{color:#687185;font-size:11px}.monitor-card dd{margin:4px 0 0;font:800 23px Manrope}.execution-workspace{margin-top:18px;padding:clamp(20px,4vw,34px)}.run-status{color:#3f4b62;text-transform:uppercase;background:#eef0f4;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.run-status--completed{color:#12644f;background:#dcf7ee}.run-status--pending_approval{color:#765115;background:#fff1ce}.run-status--failed,.run-status--rejected{color:#922f25;background:#ffe5e1}.vertical-trace{max-width:760px;margin:25px auto}.trace-node{border:1px solid var(--line);background:#f6f5f2;border-radius:11px;grid-template-columns:auto 1fr;gap:13px;margin-bottom:12px;padding:14px 16px;display:grid;position:relative}.trace-node>span{color:#9da3af}.trace-node>div{display:grid}.trace-node strong{text-transform:capitalize}.trace-node small{color:#687185}.trace-node>i{background:#d4d6dc;width:2px;height:14px;position:absolute;bottom:-14px;left:28px}.trace-node--passed{background:#eaf9f4;border-color:#87d8c0}.trace-node--passed>span{color:#16836a}.trace-node--failed{background:#ffe8e4;border-color:#ffafa3}.decision-compare,.run-evidence{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.decision-compare article,.run-evidence article{background:#edf0ff;border-radius:10px;gap:5px;padding:16px;display:grid}.decision-compare small,.run-evidence small{color:#687185;text-transform:uppercase;font-size:10px;font-weight:900}.decision-compare strong{font-size:14px}.run-evidence{grid-template-columns:repeat(4,1fr)}.approval-panel{color:#fff;background:#7a5217;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:23px 0;padding:20px;display:grid}.approval-panel>svg{color:#ffd78f}.approval-panel h3{color:#fff;margin:4px 0}.approval-panel p{color:#fff2d6;margin:3px 0}.approval-panel>div:last-child{gap:8px;display:flex}.button--danger{color:#fff;background:#ad372c;border-color:#ad372c}.audit-timeline{background:#172036;border-radius:14px;margin-top:25px;padding:20px}.audit-timeline h3{color:#fff;margin-top:0}.audit-timeline article{border-top:1px solid #303b55;grid-template-columns:auto 1fr;gap:12px;padding:11px 0;display:grid}.audit-timeline article>span{color:#172036;background:#9ee2ce;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.audit-timeline article>div{display:grid}.audit-timeline strong{color:#f3f5fb}.audit-timeline small{color:#aeb7ca}.verify-row{justify-content:space-between}.verify-row code{color:#12644f;background:#dcf7ee;border-radius:7px;padding:9px}.security-lab{color:#fff;background:linear-gradient(120deg,#592c28,#172036);border-radius:17px;grid-template-columns:auto 1fr;gap:18px;margin:20px 0;padding:25px;display:grid}.security-lab svg{color:#ffb4a8}.security-lab h2{color:#fff;margin:4px 0}.security-lab p:last-child{color:#d6dbea;margin-bottom:0}.lesson20-finale{color:#fff;background:linear-gradient(135deg,#172036,#125f58);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:clamp(25px,5vw,44px);display:flex}.lesson20-finale h2{color:#fff;max-width:690px;margin:3px 0}.lesson20-finale p:not(.eyebrow){color:#cce7df}.lesson20-finale .button{flex:none}.execution-workspace{scroll-margin-top:18px}.next-action{color:#263b63;background:#eef1ff;border-left:4px solid #5965e8;border-radius:9px;gap:4px;margin:20px 0;padding:14px 16px;display:grid}.next-action strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.next-action span{font-size:14px}.evidence-mode{justify-content:flex-end;gap:4px;margin:18px 0 10px;display:flex}.evidence-mode button{color:#5a6479;border:1px solid var(--line);cursor:pointer;background:#f5f4f1;padding:9px 13px;font-size:12px;font-weight:800}.evidence-mode button:first-child{border-radius:9px 0 0 9px}.evidence-mode button:last-child{border-radius:0 9px 9px 0}.evidence-mode button.is-active{color:#fff;background:#263b63;border-color:#263b63}.execution-story{border:1px solid #dce0ea;border-radius:15px;overflow:hidden}.execution-story__heading{color:#fff;background:#172036;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);display:grid}.execution-story__heading span{letter-spacing:.09em;text-transform:uppercase;padding:13px 18px;font-size:11px;font-weight:900}.execution-story__heading span+span{border-left:1px solid #35405a}.story-stage{background:#fff;border-top:1px solid #e2e4ea;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);min-height:130px;animation:.35s both story-arrive;display:grid}.story-stage__event,.story-stage__meaning{padding:17px 18px}.story-stage__event{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.story-stage__meaning{border-left:1px solid #e2e4ea;flex-direction:column;justify-content:center;display:flex}.story-stage__icon{color:#6c7484;background:#eceef2;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.story-stage__icon svg{width:18px}.story-stage__event small{color:#6b7488;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.story-stage h3{margin:0 0 4px;font-size:16px}.story-stage p{color:#5f687b;margin:0;font-size:13px;line-height:1.55}.story-stage__meaning>p{color:#27344e;font-size:14px}.story-stage__meaning dl,.audit-timeline dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0;display:grid}.story-stage__meaning dl div,.audit-timeline dl div{background:#ffffff8c;border-radius:6px;gap:2px;padding:7px;display:grid}.story-stage__meaning dt,.audit-timeline dt{color:#697287;text-transform:uppercase;font-size:9px;font-weight:900}.story-stage__meaning dd,.audit-timeline dd{overflow-wrap:anywhere;margin:0;font-size:11px}.story-stage--completed{background:#edfaf6}.story-stage--completed .story-stage__icon{color:#087c64;background:#c9f2e6}.story-stage--processing{background:#edf4ff}.story-stage--processing .story-stage__icon{color:#315fc4;background:#d7e6ff}.story-stage--waiting{background:#fff8e7}.story-stage--waiting .story-stage__icon{color:#986315;background:#ffe8ac}.story-stage--failed{background:#fff0ed}.story-stage--failed .story-stage__icon{color:#a62f25;background:#ffd5cf}.story-stage--not_required{background:#f7f7f6}.story-stage--not_required .story-stage__icon{color:#828999;background:#e8e9ec}.story-stage--blocked{background:#f1f0f7}.story-stage--blocked .story-stage__icon{color:#4c4777;background:#dedbed}.story-stage--rejected{background:#f8eceb}.story-stage--rejected .story-stage__icon{color:#7d2927;background:#ebc9c6}.is-spinning{animation:1s linear infinite spin}.execution-story-empty{text-align:center;color:#647086;background:#f8f7f4;border:1px dashed #cfd2d9;border-radius:14px;place-items:center;gap:7px;padding:60px 20px;display:grid}.execution-story-empty h3,.execution-story-empty p{margin:0}.execution-story-empty p{max-width:580px}.learning-outcome{background:#eef1ff;border-left:5px solid #5965e8;border-radius:12px;margin:22px 0;padding:19px 21px}.learning-outcome h3{margin:3px 0 6px}.learning-outcome p:last-child{color:#4d5870;margin:0}.learning-outcome--passed{background:#eaf9f4;border-color:#16836a}.learning-outcome--correct{background:#fff4dc;border-color:#b87918}.learning-outcome--failed{background:#ffe8e4;border-color:#ad372c}.executive-summary{color:#fff;background:linear-gradient(125deg,#25304a,#172036);border-radius:14px;grid-template-columns:minmax(210px,.45fr) minmax(0,1fr);gap:22px;margin:22px 0;padding:22px;display:grid}.executive-summary h3{color:#fff;margin:3px 0}.executive-summary>p{color:#eef2fa;margin:0;line-height:1.65}.executive-summary>small{color:#aeb7ca;grid-column:2}.audit-timeline>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.audit-timeline>header h3{margin-bottom:5px}.audit-timeline>header p{color:#bdc5d5;max-width:760px;margin:0 0 12px;font-size:13px}.audit-timeline>header svg{color:#9ee2ce;flex:none}.audit-timeline article>div>small:first-child{color:#9ee2ce;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:900}.audit-timeline article p{color:#cbd2df;margin:7px 0;font-size:12px}.audit-timeline details{margin-top:7px}.audit-timeline summary{color:#9ee2ce;cursor:pointer;font-size:11px;font-weight:800}.audit-timeline dl div{background:#222d46}.audit-timeline dt{color:#8f9ab0}.audit-timeline dd{color:#e5e9f1}.audit-timeline dd code{color:#bfe8dc;white-space:normal;max-height:90px;display:block;overflow:auto}.verification-confirmation{color:#12644f;align-items:center;gap:7px;display:flex}.button--verified{color:#12644f;background:#dcf7ee;border-color:#16836a}@keyframes story-arrive{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.button--verified{color:#0d614c;background:#d8f6eb;border-color:#45b99b;opacity:1!important}.verification-confirmation{color:#12644f;align-items:center;gap:7px;font-size:14px;display:flex}.verification-confirmation svg{flex:none}@media (width<=1000px){.control-room-grid,.lesson20-hero{grid-template-columns:1fr}.option-grid,.run-evidence{grid-template-columns:1fr 1fr}.live-lessons,.available-now{flex-direction:column;align-items:flex-start}.execution-story__heading,.story-stage{grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr)}}@media (width<=650px){.lesson20-shell{width:min(100% - 22px,1320px)}.lesson20-hero{padding:26px 20px}.lesson20-hero h1{font-size:43px}.scenario-tabs,.option-grid,.decision-compare,.run-evidence,.approval-panel{grid-template-columns:1fr}.approval-panel>div:last-child{flex-direction:column}.control-console,.execution-workspace{padding:18px}.console-actions .button,.approval-panel .button,.lesson20-finale .button{width:100%}.evidence-mode{justify-content:stretch}.evidence-mode button{flex:1}.execution-story__heading{display:none}.story-stage{grid-template-columns:1fr}.story-stage__meaning{border-left:0;padding-top:0}.story-stage__meaning dl,.audit-timeline dl,.executive-summary{grid-template-columns:1fr}.executive-summary>small{grid-column:1}.audit-timeline>header svg{display:none}}.flagship-entry{color:#fff;background:linear-gradient(125deg,#122039 0%,#163c4a 58%,#14685f 100%);border:0;align-items:center;gap:42px;box-shadow:0 26px 70px #12203929}.flagship-entry h2,.dashboard-flagship h2{color:#fff}.flagship-entry>div:first-child,.dashboard-flagship>div:first-child{max-width:760px}.flagship-entry>div>p:not(.eyebrow),.dashboard-flagship>div>p:not(.eyebrow){color:#d8e8e8}.flagship-entry-points{flex-wrap:wrap;gap:12px 24px;margin-top:22px;display:flex}.flagship-entry-points span{color:#b8f1df;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.flagship-entry-points svg{width:16px}.flagship-entry-actions{flex-direction:column;gap:12px;min-width:300px;display:flex}.flagship-entry-actions .button{text-align:center;justify-content:center;line-height:1.35}.flagship-entry-actions .button--light{color:#fff;background:#ffffff14;border-color:#ffffff38}.dashboard-flagship{background:linear-gradient(125deg,#14213c,#154d53);box-shadow:0 24px 65px #0f1f3424}.lesson20-guide-bridge{background:linear-gradient(120deg,#effbf7,#fff8f2);border:1px solid #bfe7dc;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:34px;padding:24px 28px;display:flex}.lesson20-guide-bridge h2{margin:4px 0 6px;font-size:25px}.lesson20-guide-bridge p:not(.eyebrow){color:var(--muted);max-width:700px;margin:0}.lesson20-guide-bridge .button{flex:none}.guide-page{--guide-navy:#14213c;--guide-ink:#13243a;--guide-mint:#a8ecd9;--guide-green:#127a68;--guide-soft:#eff9f6;--guide-violet:#5d5fef;overflow-x:hidden}.guide-header{z-index:5;position:relative}.guide-header-actions{align-items:center;gap:22px;display:flex}.guide-header-actions>a{color:var(--guide-ink);font-size:14px;font-weight:750;text-decoration:none}.guide-overview{background:#fffaf4}.guide-hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:70px;padding-block:88px 100px;display:grid}.guide-kicker{color:#a93b29;letter-spacing:.06em;text-transform:uppercase;background:#ffe6dd;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.guide-hero h1{letter-spacing:-.055em;color:var(--guide-navy);margin:25px 0 18px;font-size:clamp(56px,7vw,92px);line-height:.96}.guide-hero h1 span{color:#ff5d48}.guide-hero-lede{color:#183e47;margin:0 0 15px;font:750 clamp(21px,2.4vw,30px)/1.3 Manrope}.guide-hero-copy>p:last-of-type{color:#536378;max-width:710px;font-size:18px;line-height:1.75}.guide-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.guide-simulation-note{background:#f0fbf7;border:1px solid #c5e7dc;border-radius:14px;align-items:flex-start;gap:13px;max-width:700px;margin-top:30px;padding:16px 18px;display:flex}.guide-simulation-note svg{color:var(--guide-green);flex:none}.guide-simulation-note strong,.guide-simulation-note span{display:block}.guide-simulation-note strong{color:#145e52}.guide-simulation-note span{color:#526b67;margin-top:3px;font-size:14px}.guide-hero-system{color:#fff;background:linear-gradient(145deg,#172440,#142f44 55%,#126a61);border-radius:36px 36px 120px;padding:34px;position:relative;box-shadow:0 35px 90px #14213c3d}.system-card{background:#ffffff14;border:1px solid #ffffff29;border-radius:17px;padding:23px}.system-card span,.system-card strong{display:block}.system-card span{color:#98ecd3;letter-spacing:.14em;font-size:11px;font-weight:800}.system-card strong{margin-top:7px;font:750 20px Manrope}.system-flow{grid-template-columns:repeat(2,1fr);gap:9px;margin:19px 0;display:grid}.system-flow div{background:#ffffff13;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;display:flex}.system-flow span{background:var(--guide-mint);color:#153448;border-radius:50%;place-items:center;width:28px;height:28px;font:800 11px Manrope;display:grid}.system-flow b{font-size:14px}.system-proof{color:var(--guide-navy);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.system-proof svg{color:var(--guide-green)}.system-proof strong,.system-proof span{display:block}.system-proof span{color:#627087;margin-top:2px;font-size:13px}.guide-promise{grid-template-columns:1.25fr .75fr;gap:70px;padding-block:90px 46px;display:grid}.guide-promise h2{max-width:780px;margin:7px 0 0;font-size:clamp(36px,4.5vw,60px);line-height:1.05}.guide-promise>p{color:#5b6879;align-self:end;font-size:18px;line-height:1.7}.guide-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:100px;display:grid}.guide-module-card{background:#fff;border:1px solid #e3ded5;border-radius:24px;flex-direction:column;min-height:390px;padding:34px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.guide-module-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px #14213c1a}.module-card-top{justify-content:space-between;align-items:center;display:flex}.module-card-top>span{background:var(--guide-navy);color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;font:800 17px Manrope;display:grid}.module-card-top small{color:#6d7888;font-weight:700}.guide-module-card h3{margin:29px 0 12px;font-size:29px;line-height:1.15}.guide-module-card>p{color:#5d6979;line-height:1.7}.module-outcome{background:var(--guide-soft);color:#175e54;border-radius:13px;align-items:flex-start;gap:10px;margin-top:auto;padding:17px;font-size:14px;font-weight:700;line-height:1.5;display:flex}.module-outcome svg{flex:none;width:17px}.guide-module-card>button{width:100%;color:var(--guide-navy);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:17px;padding:0;font:800 15px Manrope;display:flex}.guide-module-card>button svg{width:18px}.guide-module-card>i{background:#a8ecd940;border-radius:50%;width:130px;height:130px;position:absolute;top:100px;right:-70px}.guide-method{background:var(--guide-navy);color:#fff;padding-block:100px}.guide-method h2{max-width:900px;margin:10px 0 55px;font-size:clamp(38px,5vw,66px);line-height:1.05}.guide-method-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.guide-method-grid>div{background:#ffffff0e;border:1px solid #ffffff24;border-radius:18px;min-height:180px;padding:24px}.guide-method-grid span{color:#ff775f;font:800 12px Manrope}.guide-method-grid strong{margin:23px 0 6px;font:800 22px Manrope;display:block}.guide-method-grid p{color:#bfcadc}.guide-start{justify-content:space-between;align-items:center;gap:40px;padding-block:85px;display:flex}.guide-start h2{margin:6px 0 10px;font-size:43px}.guide-start p:not(.eyebrow){color:#647083}.guide-start .button{flex:none}.guide-learning-shell{background:#f5f7fa;grid-template-columns:340px minmax(0,1fr);align-items:start;min-height:calc(100vh - 78px);display:grid}.guide-sidebar{background:var(--guide-navy);color:#fff;height:100vh;padding:28px 22px;position:sticky;top:0;overflow-y:auto}.guide-back-overview{color:#bcd0db;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-weight:750;display:flex}.guide-back-overview svg{width:17px}.guide-progress{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:15px;margin:28px 0;padding:20px}.guide-progress>div:first-child{justify-content:space-between;display:flex}.guide-progress span{font-size:13px;font-weight:750}.guide-progress strong{color:var(--guide-mint)}.guide-progress .progress-bar{background:#ffffff1f;height:7px;margin:14px 0 9px}.guide-progress .progress-bar span{background:linear-gradient(90deg,#60d6b8,#b9f1df)}.guide-progress small{color:#aabac8}.guide-nav-module{border-bottom:1px solid #ffffff14}.guide-nav-module>button{color:#aab8c8;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;width:100%;padding:15px 4px;display:flex}.guide-nav-module>button>span{background:#ffffff14;border-radius:9px;place-items:center;width:32px;height:32px;font:800 11px Manrope;display:grid}.guide-nav-module>button div{flex:1}.guide-nav-module>button strong,.guide-nav-module>button small{display:block}.guide-nav-module>button strong{font:700 13px/1.35 Manrope}.guide-nav-module>button small{color:#7f91a5;margin-top:3px}.guide-nav-module.is-current>button{color:#fff}.guide-nav-module.is-current>button>span{background:#ff6650}.guide-nav-module ol{margin:0 0 13px;padding:0 0 0 44px;list-style:none}.guide-nav-module li button{color:#91a1b4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:8px;width:100%;padding:8px;font-size:12px;line-height:1.4;display:flex}.guide-nav-module li button.is-active{color:#c7f7e9;background:#a8ecd91a}.guide-nav-module li svg{flex:none;width:13px;height:13px;margin-top:2px}.guide-learning-main{width:min(1040px,100% - 70px);margin:0 auto;padding:55px 0 100px}.simulation-ribbon{color:#156355;letter-spacing:.04em;text-transform:uppercase;background:#eaf9f4;border:1px solid #badfd5;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:800;display:inline-flex}.simulation-ribbon svg{width:16px}.guide-step-meta{color:#667287;justify-content:space-between;margin:35px 0 15px;font-size:13px;font-weight:750;display:flex}.guide-step-meta span{color:#ff604b;text-transform:uppercase;letter-spacing:.1em}.guide-learning-main>h1{letter-spacing:-.045em;max-width:900px;margin:10px 0 20px;font-size:clamp(42px,5vw,70px);line-height:1.02}.guide-step-intro{color:#42536a;max-width:880px;font-size:21px;line-height:1.7}.guide-explanation-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:38px 0;display:grid}.guide-explanation-grid article{background:#fff;border:1px solid #dfe4ea;border-radius:18px;padding:25px}.explanation-icon{color:#365ad9;background:#eaf4ff;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:20px;display:grid}.explanation-icon svg{width:20px}.guide-explanation-grid article>span{text-transform:uppercase;letter-spacing:.06em;font:800 13px Manrope}.guide-explanation-grid p{color:#536176;line-height:1.65}.guide-memory{color:#fff;background:linear-gradient(110deg,#1b2a49,#174b51);border-radius:17px;align-items:center;gap:17px;padding:22px 25px;display:flex}.guide-memory>svg{color:#ff735d}.guide-memory span,.guide-memory strong{display:block}.guide-memory span{color:#9fe6d4;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.guide-memory strong{margin-top:5px;font:750 20px Manrope}.guide-interaction{background:#fff;border:1px solid #dce1e7;border-radius:22px;margin-top:34px;padding:32px;box-shadow:0 18px 50px #1626400f}.interaction-label{color:#db4c37;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:850}.guide-interaction h2{max-width:780px;margin:11px 0 8px;font-size:29px}.guide-interaction>p{color:#6a7484}.interaction-options{gap:10px;margin-top:23px;display:grid}.interaction-options button{width:100%;color:var(--guide-ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee5;border-radius:12px;align-items:center;gap:13px;padding:16px 18px;font:650 15px/1.45 Manrope;transition:all .18s;display:flex}.interaction-options button:hover{background:#f5fbf9;border-color:#8bbcad}.interaction-options button span{border:1px solid #c5ced8;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.interaction-options button svg{width:14px}.interaction-options button.is-correct{background:#eaf9f4;border-color:#63c8ad}.interaction-options button.is-incorrect{background:#fff2ef;border-color:#ee9d91}.interaction-feedback{border-radius:13px;margin-top:17px;padding:17px 19px}.interaction-feedback.is-correct{color:#155e51;background:#e7f8f2}.interaction-feedback.is-incorrect{color:#893526;background:#fff0ed}.interaction-feedback strong,.interaction-feedback p,.interaction-feedback span{display:block}.interaction-feedback p{margin:5px 0}.interaction-feedback span{font-size:13px}.guide-connection{background:#fff;border:1px dashed #b5c1cd;border-radius:17px;gap:15px;margin-top:32px;padding:23px;display:flex}.guide-connection svg{color:#5c60e9;flex:none}.guide-connection span{font-weight:800}.guide-connection p{color:#5d6878;margin:4px 0 0}.guide-step-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:35px;display:grid}.guide-step-controls>span{text-align:center;color:#737d8d;font-size:13px;font-weight:750}.guide-step-controls .button:last-child{justify-self:end}.guide-step-controls .button:first-child{justify-self:start}.guide-reset{color:#7c8797;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:30px auto 0;font-size:12px;display:flex}.guide-reset svg{width:14px}.operator-ready{color:#fff;background:linear-gradient(135deg,#13233f,#115f58);border-radius:25px;margin-top:36px;padding:38px}.operator-ready>div:first-child>svg{width:42px;height:42px;color:var(--guide-mint)}.operator-ready h2{margin:7px 0;font-size:42px}.operator-ready>div:first-child>p:last-child{color:#d1dee5}.readiness-proof{grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0;display:grid}.readiness-proof span{background:#ffffff12;border-radius:9px;align-items:flex-start;gap:8px;padding:11px;font-size:13px;display:flex}.readiness-proof svg{width:15px;color:var(--guide-mint);flex:none}.lesson20-new-attempt{background:#ffffff1a;border:1px solid #a9eeda6b;border-radius:16px;max-width:680px;margin-top:28px;padding:18px 20px}.lesson20-new-attempt p{color:#e8f6f2!important;margin:0 0 14px!important;line-height:1.55!important}.lesson20-new-attempt .button{box-shadow:0 10px 26px #ff604d38}.lesson20-hero aside>small{color:#a9eeda;margin-top:12px;font-weight:700;display:block}@media (width<=1000px){.guide-hero{grid-template-columns:1fr}.guide-hero-system{max-width:680px}.guide-learning-shell{grid-template-columns:270px minmax(0,1fr)}.guide-learning-main{width:calc(100% - 40px)}.guide-explanation-grid{grid-template-columns:1fr}.flagship-entry{display:block}.flagship-entry-actions{min-width:0;margin-top:28px}}@media (width<=760px){.guide-header-actions>a{display:none}.guide-header-actions{gap:6px}.guide-hero{gap:45px;padding-block:55px 70px}.guide-hero h1{font-size:52px}.guide-hero-system{border-radius:24px;padding:22px}.system-flow{grid-template-columns:1fr}.guide-promise{grid-template-columns:1fr;gap:20px;padding-top:65px}.guide-module-grid{grid-template-columns:1fr}.guide-module-card{min-height:0}.guide-method-grid{grid-template-columns:1fr}.guide-start{display:block}.guide-start .button{margin-top:25px}.guide-learning-shell{display:block}.guide-sidebar{height:auto;position:relative}.guide-sidebar nav{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.guide-nav-module ol{display:none}.guide-learning-main{width:calc(100% - 28px);padding-top:30px}.guide-learning-main>h1{font-size:43px}.guide-step-intro{font-size:18px}.guide-interaction{padding:23px 18px}.guide-step-controls{grid-template-columns:1fr 1fr}.guide-step-controls>span{grid-area:1/1/auto/-1}.readiness-proof{grid-template-columns:1fr}.lesson20-guide-bridge{display:block}.lesson20-guide-bridge .button{margin-top:18px}.flagship-entry-points{display:grid}.flagship-entry-actions{width:100%}}@media (prefers-reduced-motion:reduce){.guide-module-card,.interaction-options button{transition:none}.guide-module-card:hover{transform:none}}