@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500&display=swap";:root{color:#17231f;font-synthesis:none;background:#f8f8f4;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #e4e6df;align-items:center;gap:38px;max-width:1240px;margin:0 auto;padding:26px 40px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.brand-mark{color:#fff;background:#1d6df2;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}nav{color:#67736c;gap:28px;margin-left:auto;font-size:13px;display:flex}nav a:hover,nav a.active,.small-link:hover,.text-link:hover{color:#1d6df2}nav a.active{font-weight:700}.small-link,.text-link{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.menu-button{color:#17231f;background:0 0;border:0;padding:5px;display:none}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:72px;max-width:1240px;margin:0 auto;padding:86px 40px 110px;display:grid}.hero-copy{max-width:570px}.kicker{color:#1d6df2;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin:0 0 20px;font-size:11px;font-weight:700;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:25px;font-size:clamp(46px,6vw,79px);font-weight:600;line-height:.98}h1 em{color:#1d6df2;letter-spacing:-.07em;font-family:Fraunces,Georgia,serif;font-weight:500}.lede{color:#67736c;max-width:490px;margin-bottom:31px;font-size:17px;line-height:1.65}.primary-button,.secondary-button{color:#fff;background:#17231f;border:0;border-radius:7px;align-items:center;gap:34px;width:fit-content;padding:15px 18px 15px 21px;font-size:13px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 8px 22px #17231f1c}.primary-button:hover{background:#1d6df2;transform:translateY(-2px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.secondary-button{color:#17231f;box-shadow:none;background:#fff;border:1px solid #cfd8d0;gap:20px}.secondary-button:hover{color:#1d6df2;border-color:#1d6df2}.quiet-note{color:#89938c;align-items:center;gap:7px;margin:17px 0 0;font-size:12px;display:flex}.quiet-note svg{color:#1d6df2}.hero-art{background:#eaf0eb;border-radius:24px;min-height:480px;position:relative;overflow:hidden}.art-grid{opacity:.7;background-image:linear-gradient(#d9e4dc 1px,#0000 1px),linear-gradient(90deg,#d9e4dc 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.orbit{border:1px solid #bed0c4;border-radius:50%;position:absolute;transform:rotate(-23deg)}.orbit-one{width:370px;height:220px;top:94px;left:76px}.orbit-two{width:480px;height:280px;top:40px;left:8px}.center-node{color:#fff;background:#17231f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:145px;height:145px;display:flex;position:absolute;top:185px;left:50%;transform:translate(-50%);box-shadow:0 16px 28px #17231f2a}.center-node svg{color:#9ed4ff}.center-node span{letter-spacing:.04em;font-size:10px}.insight-card{background:#fff;border:1px solid #dbe4dd;border-radius:9px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;font-weight:600;display:flex;position:absolute;box-shadow:0 12px 25px #52705e16}.card-dot{border-radius:50%;width:8px;height:8px}.coral{background:#ee7e6e}.blue{background:#1d6df2}.gold{background:#e0b04e}.card-top{top:66px;right:67px}.card-middle{top:260px;right:24px}.card-bottom{bottom:62px;left:63px}.path-section{grid-template-columns:.82fr 1.18fr;gap:90px;max-width:1240px;margin:0 auto;padding:0 40px 116px;display:grid}.section-intro{max-width:350px}.section-intro h2,.approach h2{letter-spacing:-.055em;margin-bottom:17px;font-size:clamp(29px,3.1vw,43px);line-height:1.04}.section-intro>p:last-child,.approach>p{color:#67736c;font-size:15px;line-height:1.65}.module-list{border-top:1px solid #cfd8d0}.module{border-bottom:1px solid #cfd8d0;grid-template-columns:45px 1fr 22px;align-items:start;gap:18px;padding:22px 0;display:grid}.module-number{color:#1d6df2;font:12px/1.4 monospace}.module h3{letter-spacing:-.025em;margin-bottom:5px;font-size:16px}.module p{color:#77827a;margin:0;font-size:13px;line-height:1.55}.module-arrow{color:#87928a}.module:hover .module-arrow{color:#1d6df2;transform:translate(2px,-2px)}.approach{background:#dfeae2;border-radius:18px;grid-template-columns:1fr 1fr auto;align-items:end;gap:45px;max-width:1160px;margin:0 auto 100px;padding:55px 70px;display:grid}.approach .kicker{margin-bottom:12px}.approach h2{margin:0}.approach>p{max-width:340px;margin:0}.text-link{color:#1d6df2;white-space:nowrap}footer{color:#89938c;border-top:1px solid #e4e6df;justify-content:space-between;max-width:1240px;margin:0 auto;padding:22px 40px 32px;font-size:12px;display:flex}.content-page{max-width:1120px;margin:0 auto;padding:78px 40px 120px}.page-intro{max-width:720px;margin-bottom:48px}.page-intro h1{font-size:clamp(42px,5vw,68px)}.onboarding-card,.account-card,.account-copy,.path-summary,.empty-progress{background:#fff;border:1px solid #d5ded7;border-radius:18px;padding:32px;box-shadow:0 14px 30px #52705e0b}.onboarding-card{gap:22px;max-width:680px;display:grid}.onboarding-card label,.account-card label{color:#34433a;gap:8px;font-size:13px;font-weight:600;display:grid}.onboarding-card input,.onboarding-card select,.account-card input{color:#17231f;width:100%;font:inherit;background:#fbfcfa;border:1px solid #cdd8d0;border-radius:7px;outline:none;padding:13px 14px;font-size:14px}.onboarding-card input:focus,.onboarding-card select:focus,.account-card input:focus{border-color:#1d6df2;box-shadow:0 0 0 3px #1d6df21a}.form-note,.security-note{color:#77827a;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.form-note svg,.security-note svg{color:#1d6df2;flex:none}.path-board{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}.path-summary{background:#dfeae2;border:0}.status-pill{color:#1d6df2;background:#fff;border-radius:20px;margin-bottom:24px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.path-summary h2,.account-copy h2,.empty-progress h2{letter-spacing:-.04em;font-size:28px}.path-summary p,.account-copy p,.empty-progress p{color:#67736c;font-size:14px;line-height:1.65}.path-summary .secondary-button{margin-top:18px}.empty-progress{text-align:center;max-width:680px;padding:50px 32px}.empty-progress .primary-button{margin-top:16px}.progress-ring{color:#1d6df2;border:8px solid #dfeae2;border-top-color:#1d6df2;border-radius:50%;place-items:center;width:102px;height:102px;margin:0 auto 25px;font-weight:700;display:grid}.account-notice{color:#6f5628;background:#fff8e9;border:1px solid #e7c98f;border-radius:10px;max-width:820px;margin:-18px 0 28px;padding:14px 16px;font-size:13px;line-height:1.55}.account-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}.account-copy{color:#fff;background:#17231f;border:0;min-height:310px}.account-copy p{color:#b4c1b8}.security-note{color:#d8e4db;margin-top:44px}.security-note svg{color:#9ed4ff}.account-card{gap:20px;display:grid}.tabs{border-bottom:1px solid #d5ded7;gap:22px;margin:-4px 0 8px;display:flex}.tabs button{color:#89938c;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 13px;font-size:13px;font-weight:700}.tabs button.selected{color:#1d6df2;border-color:#1d6df2}.form-message{color:#1d6df2;margin:0;font-size:13px}.not-found{min-height:650px}.not-found h1{max-width:700px}@media (width<=800px){.topbar,.hero,.path-section{padding-left:22px;padding-right:22px}.topbar{gap:20px}.topbar nav{display:none}.topbar nav.nav-open{z-index:4;background:#fff;border:1px solid #d5ded7;border-radius:10px;gap:0;margin:0;padding:8px 18px;display:grid;position:absolute;top:78px;left:22px;right:22px;box-shadow:0 14px 30px #17231f14}.topbar nav.nav-open a{border-bottom:1px solid #edf0ec;padding:12px 0}.small-link{margin-left:auto}.menu-button{display:block}.hero{grid-template-columns:1fr;gap:48px;padding-top:58px}.hero-art{min-height:390px}.orbit-one{left:8%}.orbit-two{left:-4%}.card-top{right:25px}.card-bottom{left:25px}.path-section{grid-template-columns:1fr;gap:45px;padding-bottom:75px}.section-intro{max-width:500px}.approach{grid-template-columns:1fr;gap:24px;margin:0 22px 70px;padding:35px 28px}.approach>p{max-width:500px}footer{flex-wrap:wrap;gap:20px;padding-left:22px;padding-right:22px}.content-page{padding:55px 22px 80px}.path-board,.account-grid{grid-template-columns:1fr;gap:28px}}@media (width<=430px){h1{font-size:48px}.hero-art{min-height:340px}.center-node{width:120px;height:120px;top:130px}.center-node svg{width:29px}.orbit-one{width:285px;height:180px;top:75px}.orbit-two{width:360px;height:220px;top:48px}.card-top{top:34px;right:15px}.card-middle{top:223px;right:12px}.card-bottom{bottom:27px;left:15px}.insight-card{padding:10px 12px;font-size:11px}.onboarding-card,.account-card,.account-copy{padding:22px}}.tool-field{border:0;gap:8px;margin:0;padding:0;display:grid}.tool-field legend{color:#34433a;padding:0;font-size:13px;font-weight:600}.tool-field input:not([type=checkbox]){margin-top:2px}.checkbox-label{align-items:center;color:#67736c!important;grid-template-columns:none!important;gap:9px!important;font-weight:500!important;display:flex!important}.checkbox-label input{accent-color:#1d6df2;height:16px;width:16px!important;padding:0!important}.field-error{color:#ba4b42;font-size:12px;font-weight:500}.onboarding-card [aria-invalid=true]{border-color:#d86b61}.module-status{color:#89938c;margin-top:9px;font-size:11px;display:inline-block}.module-status.done{color:#21855b;font-weight:700}.selected-module{background:#eef5ef;border-radius:10px;padding-left:14px;padding-right:14px}.path-entry-note,.path-complete-note{color:#67736c;margin-top:18px;font-size:12px;line-height:1.5;display:block}.path-complete-note{color:#21855b;font-weight:700}.icon-button{color:#1d6df2;background:0 0;border:0;border-radius:7px;align-self:center;place-items:center;padding:9px;display:grid}.icon-button:hover,.icon-button:focus-visible{background:#eef5ff;outline:3px solid #1d6df233}.lesson-page{max-width:920px}.lesson-toolbar{color:#67736c;justify-content:space-between;align-items:center;margin-bottom:36px;font-size:12px;display:flex}.audio-card{background:#dfeae2;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:0 0 42px;padding:22px 24px;display:grid}.audio-card p{color:#67736c;margin:5px 0 0;font-size:13px}.audio-card audio{max-width:100%}.lesson-content{gap:20px;margin-bottom:42px;display:grid}.lesson-section{border-top:1px solid #d5ded7;grid-template-columns:58px 1fr;gap:20px;padding:26px 0;display:grid}.lesson-section h2{letter-spacing:-.04em;margin:0 0 10px;font-size:24px}.lesson-section p{color:#34433a;white-space:pre-line;margin:0;font-size:17px;line-height:1.75}.section-index{color:#1d6df2;font:700 13px monospace}.transcript{color:#34433a;background:#fbfcfa;border:1px solid #d5ded7;border-radius:10px;padding:18px 20px}.transcript summary{cursor:pointer;font-weight:700}.transcript p{white-space:pre-line;margin:14px 0 0;line-height:1.7}.quiz-card{background:#fff;border:1px solid #d5ded7;border-radius:18px;gap:18px;margin:42px 0;padding:30px;display:grid;box-shadow:0 14px 30px #52705e0b}.quiz-card h2{font-size:25px}.quiz-card fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.quiz-option{color:#34433a;cursor:pointer;border:1px solid #d5ded7;border-radius:9px;align-items:flex-start;gap:11px;padding:14px;display:flex}.quiz-option:has(input:checked){background:#eef5ff;border-color:#1d6df2}.quiz-option input{accent-color:#1d6df2;margin-top:3px}.quiz-feedback{border-radius:10px;padding:16px}.quiz-feedback p{margin:5px 0 0;line-height:1.6}.quiz-feedback.correct{color:#176641;background:#e6f5ec}.quiz-feedback.incorrect{color:#a14239;background:#fff0ed}.lesson-nav{border-top:1px solid #d5ded7;justify-content:space-between;gap:18px;margin-top:38px;padding-top:26px;display:flex}.lesson-nav button:disabled{opacity:.4;cursor:not-allowed}.form-message{color:#176641;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.audio-card{grid-template-columns:1fr;padding:20px}.lesson-section{grid-template-columns:36px 1fr;gap:12px}.lesson-section p{font-size:15px}.lesson-nav{grid-template-columns:1fr;display:grid}.lesson-nav button{justify-content:center}}.evaluation-page{max-width:1180px}.evaluation-toolbar{color:#67736c;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px;display:flex}.curated-banner{color:#fff;background:#17231f;border-radius:12px;align-items:baseline;gap:12px;margin-bottom:24px;padding:16px 18px;display:flex}.curated-banner strong{color:#9bc1ff;font-size:12px}.curated-banner span{color:#d8e0da;font-size:12px}.evaluation-context{background:#eef5ff;border-left:3px solid #1d6df2;margin-top:20px;padding:22px}.evaluation-context p{color:#34433a;margin:7px 0 0;line-height:1.65}.evaluation-question{font-weight:700}.evaluation-form{gap:28px;margin-top:28px;display:grid}.variant-fieldset,.issue-fieldset{border:0;margin:0;padding:0}.variant-fieldset legend,.issue-fieldset legend{color:#34433a;margin-bottom:14px;font-size:14px;font-weight:700}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.response-variant{color:#34433a;cursor:pointer;background:#fff;border:1px solid #d5ded7;border-radius:14px;align-items:flex-start;gap:12px;padding:22px;line-height:1.65;display:flex}.response-variant.selected{background:#eef5ff;border-color:#1d6df2;box-shadow:0 0 0 3px #1d6df21a}.response-variant input{accent-color:#1d6df2;margin-top:4px}.response-variant span{gap:8px;display:grid}.response-variant strong{color:#17231f}.issue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.issue-option{color:#34433a;cursor:pointer;background:#fff;border:1px solid #d5ded7;border-radius:9px;align-items:flex-start;gap:10px;padding:14px;font-size:13px;display:flex}.issue-option input{accent-color:#1d6df2;margin-top:3px}.evaluation-feedback{border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-top:30px;padding:28px;display:grid}.evaluation-feedback.correct{color:#176641;background:#e6f5ec}.evaluation-feedback.incorrect{color:#a14239;background:#fff0ed}.evaluation-feedback h2{margin:0 0 10px;font-size:32px}.evaluation-feedback p{line-height:1.65}.evaluation-feedback .kicker{margin-bottom:12px}.evaluation-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.evaluation-actions .secondary-button{color:#17231f;background:#fff}.evaluation-actions .primary-button,.evaluation-feedback.incorrect .primary-button{background:#17231f}@media (width<=800px){.evaluation-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.variant-grid,.issue-grid,.evaluation-feedback{grid-template-columns:1fr}.evaluation-actions{justify-content:flex-start}.curated-banner{gap:4px;display:grid}}.playground-page{max-width:1180px}.playground-toolbar{color:#67736c;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px;display:flex}.playground-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:28px;display:grid}.playground-main,.playground-guide,.curated-output{background:#fff;border:1px solid #d5ded7;border-radius:18px;padding:30px;box-shadow:0 14px 30px #52705e0b}.scenario-label,.prompt-editor>label{color:#34433a;gap:8px;font-size:13px;font-weight:700;display:grid}.scenario-label select,.prompt-editor textarea{color:#17231f;width:100%;font:inherit;background:#fbfcfa;border:1px solid #cdd8d0;border-radius:8px;padding:13px 14px}.scenario-label select:focus,.prompt-editor textarea:focus{border-color:#1d6df2;outline:none;box-shadow:0 0 0 3px #1d6df21a}.scenario-context{background:#eef5ff;border-left:3px solid #1d6df2;margin:22px 0;padding:16px 18px}.scenario-context p{color:#67736c;margin:5px 0 0;font-size:13px}.prompt-editor{gap:12px;margin-top:25px;display:grid}.prompt-editor textarea{resize:vertical;line-height:1.6}.prompt-meta{color:#89938c;justify-content:space-between;align-items:center;font-size:11px;display:flex}.playground-guide{background:#dfeae2}.playground-guide h2{letter-spacing:-.04em;font-size:25px}.guide-example{color:#34433a;font-size:15px;line-height:1.7}.component-list{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.component-list span{color:#1d6df2;background:#fff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.guide-note{color:#67736c;font-size:12px;line-height:1.6}.curated-output{color:#fff;background:#17231f;border:0;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;display:grid}.curated-output .kicker{color:#9bc1ff}.curated-output h2{font-size:27px}.curated-output p{color:#d8e0da;line-height:1.7}.curated-label{color:#9bc1ff;margin-top:13px;font-size:12px;font-weight:700;display:inline-block}.improvement-list{gap:10px;display:grid}.improvement-list h3{margin:0 0 4px;font-size:14px}.improvement{border:1px solid #46554b;border-radius:9px;gap:11px;padding:12px;display:flex}.improvement>span{color:#9aa69d}.improvement.good{border-color:#6aaf86}.improvement.good>span{color:#7fdda0}.improvement p{margin:3px 0 0;font-size:12px}.curated-output>.secondary-button{color:#17231f;background:#fff;grid-column:1/-1;justify-self:start}@media (width<=800px){.playground-grid,.curated-output{grid-template-columns:1fr}.playground-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.playground-main,.playground-guide,.curated-output{padding:22px}}.progress-toolbar{color:#67736c;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px;display:flex}.progress-overview{background:#dfeae2;border-radius:18px;gap:26px;margin-bottom:30px;padding:30px;display:grid}.progress-score{align-items:center;gap:25px;display:flex}.progress-score .progress-ring{flex:none;margin:0}.progress-score h2{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.progress-score p:not(.kicker){color:#67736c;margin:0;line-height:1.65}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-grid div{background:#fff;border-radius:10px;gap:5px;padding:16px;display:grid}.metric-grid strong{color:#1d6df2;font-size:24px}.metric-grid span{color:#67736c;font-size:12px}.progress-columns{grid-template-columns:1.2fr .8fr;align-items:start;gap:28px;display:grid}.progress-panel,.recommendation-card,.feedback-card{background:#fff;border:1px solid #d5ded7;border-radius:18px;padding:28px;box-shadow:0 14px 30px #52705e0b}.panel-heading h2{letter-spacing:-.04em;margin:0;font-size:27px}.progress-module-list{border-top:1px solid #d5ded7;margin-top:22px}.progress-module{border-bottom:1px solid #edf0ec;grid-template-columns:36px 1fr auto;align-items:center;gap:13px;padding:16px 0;display:grid}.progress-status-dot{color:#89938c;border:1px solid #cdd8d0;border-radius:50%;place-items:center;width:30px;height:30px;font:700 11px monospace;display:grid}.progress-status-dot.done{color:#21855b;background:#e6f5ec;border-color:#55ae7b}.progress-module strong,.progress-module span{display:block}.progress-module strong{font-size:14px}.progress-module div span{color:#89938c;margin-top:4px;font-size:11px}.recommendation-card{color:#fff;background:#17231f;border:0;min-height:250px}.recommendation-card .kicker{color:#9bc1ff}.recommendation-card h2{letter-spacing:-.04em;font-size:28px}.recommendation-card>p:not(.kicker){color:#d8e0da;line-height:1.65}.recommendation-card .primary-button{color:#17231f;background:#f5f8ff;margin-top:18px}.feedback-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;display:grid}.feedback-card{background:#fbfcfa}.feedback-card h2{letter-spacing:-.035em;margin-bottom:10px;font-size:22px}.feedback-card p:not(.kicker){color:#67736c;line-height:1.7}.progress-return{margin-top:28px}@media (width<=800px){.progress-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.progress-score{flex-direction:column;align-items:flex-start}.metric-grid,.progress-columns,.feedback-grid{grid-template-columns:1fr}.progress-overview,.progress-panel,.recommendation-card,.feedback-card{padding:22px}.progress-score h2{font-size:24px}}