@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");:root{--ink:#1c2428;--muted:#728084;--paper:#f8f8f4;--line:#e5e8e2;--teal:#0f7771;--teal-dark:#095a56;--mint:#dff1e8;--coral:#e98269;--yellow:#f4d57b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.topbar{height:74px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 5.3%;position:relative;z-index:2;background:hsla(60,22%,96%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand,.topbar{display:flex;align-items:center}.brand{border:0;background:none;gap:10px;font-weight:700;font-size:17px;color:var(--ink)}.brand-mark{height:34px;width:34px;border-radius:11px;background:var(--teal);color:#fff;display:grid;place-items:center}.top-actions{gap:20px;font-size:13px;color:var(--muted)}.points,.streak,.top-actions{display:flex;align-items:center}.points,.streak{gap:5px}.streak svg{color:var(--coral)}.points svg{color:#c79222}.avatar{border:0;background:#27363a;color:#fff;height:31px;width:31px;font-size:13px}.ambient,.avatar{border-radius:50%}.ambient{position:absolute;filter:blur(1px);opacity:.42;pointer-events:none}.ambient-one{width:420px;height:420px;background:#e4f1df;top:100px;left:-280px}.ambient-two{width:340px;height:340px;background:#f6e6ca;right:-220px;top:430px}.page-width{width:min(1080px,88%);margin-left:auto;margin-right:auto}.hero{padding:94px 0 55px;position:relative}.eyebrow{font:500 11px DM Mono,monospace;color:var(--teal);letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.eyebrow-dot{height:7px;width:7px;background:var(--coral);border-radius:50%}.hero h1,.step-header h2{font-size:clamp(43px,6vw,73px);line-height:1.02;letter-spacing:-3px;margin:25px 0 20px;font-weight:600}.hero h1 em,.step-header h2 em{font-family:Playfair Display,serif;font-weight:500;color:var(--teal)}.hero-copy{font-size:18px;color:#677579;line-height:1.55;max-width:580px;margin:0 0 42px}.setup-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 50px rgba(25,55,50,.07);padding:27px;max-width:680px}.field-label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}.field-label span{font-weight:400;color:#9aa6a3;margin-left:4px}.setup-card input{width:100%;border:0;border-bottom:1px solid #cbd7d2;padding:11px 0;font-size:20px;outline:0;color:var(--ink);background:transparent}.setup-card input:focus{border-color:var(--teal)}.setup-rule{height:27px}.small-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#647471;margin-bottom:12px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:9px;gap:9px}.method-option{border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left;padding:13px;display:flex;align-items:center;gap:11px;min-height:67px;position:relative;color:var(--ink)}.method-option.selected{border-color:var(--teal);background:#f1f8f4;box-shadow:inset 0 0 0 1px var(--teal)}.method-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#edf4ef;color:var(--teal);font-size:19px;flex:none}.method-option small,.method-option strong{display:block}.method-option strong{font-size:13px}.method-option small{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3}.selected-check{position:absolute;right:9px;top:9px;color:var(--teal)}.goal-label{margin-top:23px}.setup-card select{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--ink);outline:none}.primary-button{border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:600;padding:13px 17px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,transform .2s}.primary-button:hover{background:var(--teal-dark);transform:translateY(-1px)}.setup-card .primary-button{width:100%;margin-top:22px}.guest-note{display:flex;justify-content:center;gap:5px;align-items:center;color:#97a19f;font-size:11px;margin-top:13px}.hero-foot{max-width:680px;display:flex;justify-content:space-between;color:#82908e;font:11px DM Mono,monospace;margin-top:20px}.hero-foot span{display:flex;align-items:center;gap:6px}.step-header{padding:64px 0 31px;position:relative}.step-header .back-button{border:0;background:none;color:#87938f;font-size:12px;display:flex;align-items:center;gap:3px;padding:0;margin-bottom:43px}.step-header h2{font-size:clamp(37px,5vw,58px);margin:18px 0 12px;max-width:720px}.step-header p{color:var(--muted);font-size:16px;margin:0;max-width:620px;line-height:1.5}.diagnostic-card{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:27px;box-shadow:0 15px 40px rgba(25,55,50,.05)}.mini-track,.progress-track{height:5px;border-radius:10px;background:#edf0ec;overflow:hidden}.mini-track span,.progress-track span{display:block;height:100%;background:var(--teal);border-radius:10px;transition:width .3s}.question-purpose{color:var(--teal);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.8px;margin:32px 0 23px;display:flex;gap:7px;align-items:center}.diagnostic-card h3{font-size:25px;line-height:1.25;max-width:580px;margin:0 0 24px}.answer-options{display:grid;grid-gap:9px;gap:9px}.answer-options button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px;display:flex;align-items:center;text-align:left;gap:12px;color:var(--ink);font-size:14px}.answer-options button:hover{border-color:var(--teal);background:#f4faf7}.answer-options button svg{margin-left:auto;color:#a3aeaa}.option-key{height:24px;width:24px;border:1px solid #dce4df;border-radius:7px;display:grid;place-items:center;color:var(--teal)}.option-key,.question-foot{font:11px DM Mono,monospace}.question-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a0aaa7;margin-top:25px;padding-top:17px}.compare-layout,.lesson-layout,.profile-layout,.roadmap-layout{display:grid;grid-template-columns:minmax(0,700px) 280px;grid-gap:28px;gap:28px;align-items:start}.aside-note,.aside-progress,.compare-card,.lesson-card,.outcome-card,.profile-card,.strategy-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.profile-card-head{display:flex;align-items:center;gap:12px}.round-icon{width:39px;height:39px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--teal);flex:none}.aside-progress small,.lesson-meta,.outcome-card small,.persona-result small,.persona-section small,.profile-card-head small,.strategy-card small{font:10px DM Mono,monospace;color:#80908c;letter-spacing:1px}.profile-card h3{margin:4px 0 0;font-size:24px}.edit-button{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px;color:var(--muted);font-size:11px}.profile-stats{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-gap:15px;gap:15px;padding:20px 0;margin:24px 0}.profile-stats span,.profile-stats strong{display:block}.profile-stats span{font-size:11px;color:#99a6a2;margin-bottom:6px}.profile-stats strong{font-size:13px}.callout,.profile-insight{display:flex;gap:10px;align-items:flex-start;border-radius:9px;background:#f4f7ed;padding:14px;font-size:13px;line-height:1.45;color:#5b6b66}.callout svg,.profile-insight svg{color:#bb8d23;flex:none;margin-top:2px}.profile-main .confirm{margin-top:16px}.signals{padding:13px 4px}.signals h4{font-size:13px;margin:0 0 17px}.signal{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.signal>span{font-size:18px;color:var(--teal)}.signal.caution>span{color:var(--coral)}.signal small,.signal strong{display:block}.signal strong{font-size:12px}.signal small{font-size:11px;color:var(--muted);margin-top:3px}.signals p{font-size:11px;color:#9aa5a2;line-height:1.5;margin-top:20px}.outcome-card{display:flex;gap:13px;align-items:center;background:#edf7f2}.outcome-card h3{font-size:16px;line-height:1.4;margin:4px 0 0}.path-line{margin:28px 0 25px 17px;border-left:1px solid #d3ded8;padding-left:30px}.stage{position:relative;display:flex;gap:14px;padding:7px 0 24px;min-height:84px}.stage-marker{height:27px;width:27px;border-radius:50%;border:1px solid #d2dfd9;background:var(--paper);position:absolute;left:-44px;display:grid;place-items:center;color:#a4aeaa;font:11px DM Mono,monospace}.stage.current .stage-marker{background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 5px #e1f0e9}.stage.current .stage-marker span{width:7px;height:7px;border:2px solid #fff;border-radius:50%}.stage small{font:10px DM Mono,monospace;color:var(--teal);letter-spacing:1px}.stage h3{margin:4px 0 5px;font-size:17px}.stage p{margin:0;color:var(--muted);font-size:12px;line-height:1.4;max-width:470px}.stage-lock{color:#bcc5c2;margin:8px 0 0 auto}.lesson-cta{width:100%}.path-side{display:grid;grid-gap:13px;gap:13px}.strategy-title{display:flex;align-items:center;gap:10px;margin-top:14px}.strategy-card strong{font-size:16px}.strategy-card p{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:0}.compare-card{display:flex;gap:10px;align-items:center;text-align:left;color:var(--teal)}.compare-card div{flex:1 1}.compare-card small,.compare-card strong{display:block}.compare-card strong{font-size:12px;color:var(--ink)}.compare-card small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.35}.lesson-card{padding:29px;min-height:500px}.lesson-meta{display:flex;align-items:center;justify-content:space-between}.tag{color:var(--teal);background:#edf7f2;border-radius:20px;padding:5px 8px}.lesson-card h3{font-size:27px;line-height:1.25;max-width:570px;margin:30px 0 16px}.lesson-card p{font-size:15px;color:#62716e;line-height:1.65}.lesson-lead{font-size:17px!important}.lesson-card mark{background:#f9e7ab;color:inherit;padding:1px 3px}.callout{margin:25px 0}.interaction{border-top:1px solid var(--line);margin-top:31px;padding-top:25px}.interaction-label{display:flex;gap:11px;align-items:flex-start}.number-dot{border-radius:50%;background:var(--coral);color:#fff;width:25px;height:25px;display:grid;place-items:center;font:10px DM Mono,monospace;flex:none}.interaction small{font:10px DM Mono,monospace;color:var(--teal);letter-spacing:1px}.interaction h4{font-size:16px;margin:6px 0 14px}.interaction textarea{width:100%;min-height:105px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:13px;font-size:14px;outline:none}.interaction textarea:focus{border-color:var(--teal)}.hint-button{border:0;background:none;color:#ae8122;font-size:12px;display:flex;align-items:center;gap:5px;padding:11px 0}.submit-button{margin-top:4px}.submit-button:disabled{background:#c7d3cf;cursor:not-allowed;transform:none}.lesson-aside{display:grid;grid-gap:13px;gap:13px}.aside-progress{display:flex;gap:12px;align-items:center}.progress-ring{height:52px;width:52px;border:4px solid #dfeee6;border-top:4px solid var(--teal);border-radius:50%;display:grid;place-items:center;color:var(--teal);font:11px DM Mono,monospace}.aside-progress strong{display:block;font-size:12px;margin:5px 0 8px}.mini-track{width:140px;height:4px}.mini-track span{width:20%}.aside-note{background:#fff9e9;color:#8d762e;font-size:12px;line-height:1.5;display:flex;gap:8px}.aside-note p{margin:0}.adaptation-banner{color:var(--teal);font:11px DM Mono,monospace;letter-spacing:1px;display:flex;align-items:center;gap:7px}.adaptation h3{font-size:29px;margin:14px 0 10px}.adaptation>p{max-width:560px;margin-bottom:24px}.next-step{border:1px solid #cfe2d8;background:#f2f8f4;padding:16px;border-radius:10px;display:flex;gap:11px;align-items:center}.next-step small{font:10px DM Mono,monospace;display:block;color:var(--teal);letter-spacing:1px;margin-bottom:5px}.next-step strong{font-size:13px}.evidence{display:flex;align-items:center;gap:7px;color:#78907f;font-size:11px;margin:18px 0 25px}.evidence svg{color:var(--teal)}.adaptation .primary-button{width:100%}.compare-intro{display:flex;align-items:center;gap:12px;background:#edf7f2;border:1px solid #d8e9df;border-radius:12px;padding:17px;margin-bottom:17px}.compare-intro p{font-size:13px;line-height:1.5;margin:0}.persona-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.persona{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.persona.coral{border-top:3px solid var(--coral)}.persona.blue{border-top:3px solid #4d95aa}.persona-head{display:flex;align-items:center;gap:10px;padding:18px 18px 15px;border-bottom:1px solid var(--line)}.persona-avatar{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600}.coral .persona-avatar{background:var(--coral)}.blue .persona-avatar{background:#4d95aa}.persona-head small,.persona-head strong{display:block}.persona-head strong{font-size:14px}.persona-head small{font-size:10px;color:var(--muted);margin-top:2px}.persona-method{margin-left:auto;font:10px DM Mono,monospace;color:var(--teal);text-align:right}.persona-section{padding:17px 18px 0}.persona-section strong{display:block;font-size:13px;margin-top:7px}.answer-section{min-height:101px}.answer-section p{font-family:Playfair Display,serif;font-style:italic;font-size:14px;line-height:1.45;color:#52615e;margin:7px 0 0}.persona-result{display:flex;align-items:center;gap:10px;background:#f5f7f3;padding:15px 18px;margin-top:3px}.persona-result>div{flex:1 1}.persona-result small,.persona-result strong{display:block}.persona-result strong{font-size:12px;line-height:1.35;margin-top:5px}.persona-result svg{color:#9ba9a3}.persona-reason{display:flex;gap:7px;padding:14px 18px;color:#8b762f;background:#fff9e9;font-size:11px;line-height:1.4}.compare-bottom{justify-content:center;gap:7px;color:var(--teal);font-size:12px;margin:21px 0}.compare-bottom,.reset-link{display:flex;align-items:center}.reset-link{position:fixed;bottom:18px;right:22px;border:0;background:transparent;color:#a4afab;font-size:11px;gap:5px}.reset-link:hover{color:var(--teal)}@media(max-width:760px){.topbar{padding:0 5%}.top-actions{gap:10px}.streak{display:none}.hero{padding-top:62px}.hero h1{letter-spacing:-2px}.setup-card{padding:20px}.method-grid,.persona-grid{grid-template-columns:1fr}.page-width{width:90%}.step-header{padding-top:42px}.step-header .back-button{margin-bottom:30px}.lesson-layout,.profile-layout,.roadmap-layout{grid-template-columns:1fr}.signals{padding:0 5px 20px}.lesson-aside,.path-side{grid-row:1}.lesson-card{padding:21px}.profile-stats{grid-template-columns:1fr 1fr}.profile-stats div:first-child{grid-column:1/-1}.hero-foot{display:none}.persona-method{font-size:9px}.top-actions .points{display:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}.hero,.step-header{animation:rise-in .45s ease-out both}.compare-intro,.diagnostic-card,.lesson-card,.outcome-card,.profile-card,.setup-card{animation:soft-pop .45s ease-out .08s both}.stage{animation:rise-in .4s ease-out both}.stage:nth-child(2){animation-delay:.06s}.stage:nth-child(3){animation-delay:.12s}.stage:nth-child(4){animation-delay:.18s}.stage:nth-child(5){animation-delay:.24s}.persona{animation:rise-in .45s ease-out both}.persona:nth-child(2){animation-delay:.1s}.answer-options button,.compare-card,.method-option,.primary-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.answer-options button:hover,.method-option:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(21,63,55,.07)}.primary-button:not(:disabled):active{transform:translateY(0) scale(.985)}button:disabled{opacity:.68;cursor:wait}.edit-panel{display:grid;grid-gap:7px;gap:7px;background:#f7faf5;border:1px solid #e2ebe3;border-radius:9px;padding:13px;margin:18px 0 0;color:#657570;font-size:12px}.edit-panel strong{color:var(--ink);font-size:13px}.text-button{border:0;background:none;color:var(--teal);font-size:12px;display:flex;align-items:center;gap:5px;padding:4px 0;text-align:left}.text-button:hover{text-decoration:underline}.hint-reveal{display:flex;gap:7px;align-items:flex-start;background:#fff9e9;border-radius:8px;color:#8b762f;font-size:12px;line-height:1.45;padding:10px;margin:2px 0 10px}.hint-reveal svg{flex:none;margin-top:2px}.demo-link{border:0;background:transparent;padding:0;color:var(--teal);font:11px DM Mono,monospace}.demo-link:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.home-hero{padding-top:76px;padding-bottom:42px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,580px);grid-gap:76px;gap:76px;align-items:center}.hero-copy-column{padding-bottom:28px}.hero-copy-column .hero-copy{max-width:500px;margin-bottom:27px}.hero-copy-column h1{margin-top:27px}.hero-proof{display:flex;gap:17px;flex-wrap:wrap;color:#81908c;font:11px DM Mono,monospace}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{color:var(--teal);background:#e5f2eb;border-radius:50%;padding:2px}.setup-card{position:relative;padding:29px 29px 23px}.setup-kicker{display:flex;align-items:center;gap:7px;color:var(--teal);font:10px DM Mono,monospace;letter-spacing:1.2px;margin-bottom:25px}.setup-kicker-dot{height:7px;width:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px #fcedea}.topic-input-wrap{position:relative}.topic-input-wrap input{padding-right:45px}.input-count{position:absolute;right:0;bottom:12px;color:#a5afac;font:10px DM Mono,monospace}.home-lower{display:grid;grid-template-columns:1fr minmax(390px,580px);grid-gap:76px;gap:76px;align-items:start;margin-top:25px}.home-lower .hero-foot{margin-top:0;display:flex;align-self:center}.journey-preview{position:relative;overflow:hidden;border:1px solid #d9e6df;border-radius:16px;background:#eff7f1;padding:20px 22px 17px;box-shadow:0 12px 30px rgba(24,70,57,.05);animation:soft-pop .5s ease-out .17s both}.preview-glow{position:absolute;top:-80px;right:-40px;width:190px;height:190px;border-radius:50%;background:#d7eee1;opacity:.7}.preview-head,.preview-step,.preview-topic{position:relative;z-index:1}.preview-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #d8e8dd;padding-bottom:15px}.preview-head strong,.preview-label,.preview-step small,.preview-step strong,.preview-topic small,.preview-topic strong{display:block}.preview-label,.preview-step small,.preview-topic small{font:10px DM Mono,monospace;letter-spacing:1px;color:#769087}.preview-head strong{font-size:17px;margin-top:4px}.preview-badge{gap:5px;background:#fff;border:1px solid #d5e6dc;color:var(--teal);border-radius:20px;padding:6px 8px;font:10px DM Mono,monospace}.preview-badge,.preview-topic{display:flex;align-items:center}.preview-topic{gap:10px;padding:15px 0 13px}.preview-pin{height:30px;width:30px;border-radius:9px;background:#d8eee1;color:var(--teal);display:grid;place-items:center}.preview-topic strong{font-size:13px;margin-top:3px;max-width:440px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-path{border:1px solid #dce9df;border-radius:10px;background:hsla(0,0%,100%,.62);padding:11px 12px}.preview-step{display:flex;align-items:center;gap:9px;min-height:32px}.preview-step>div{flex:1 1}.preview-step strong{font-size:11px;margin-top:3px}.preview-step svg{color:#91a49b}.preview-node{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e4eee8;color:#8aa198;font:10px DM Mono,monospace;flex:none}.preview-step.active .preview-node{background:var(--teal);color:#fff;box-shadow:0 0 0 4px #dceee4}.preview-step.active>div strong{color:var(--teal)}.preview-step.muted{opacity:.63}.preview-connector{width:1px;height:11px;background:#c6dacf;margin:0 0 0 11px}.home-hero .guest-note{border-top:1px solid #eef1ed;padding-top:12px;margin-top:13px}@media(max-width:980px){.home-grid{grid-template-columns:1fr;gap:32px}.hero-copy-column{padding-bottom:0}.home-lower{grid-template-columns:1fr;gap:18px}.home-lower .hero-foot{max-width:none}.journey-preview{max-width:680px}.home-hero{padding-top:58px}}@media(max-width:760px){.home-hero{padding-top:45px}.home-grid{gap:25px}.hero-copy-column h1{font-size:clamp(43px,12vw,62px);margin-bottom:17px}.hero-copy-column .hero-copy{font-size:16px;margin-bottom:21px}.hero-proof{gap:10px;line-height:1.5}.setup-card{padding:22px 19px 19px}.setup-kicker{margin-bottom:20px}.home-lower{margin-top:17px}.home-lower .hero-foot{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.journey-preview{padding:17px}.preview-head strong{font-size:15px}.preview-badge{font-size:9px}.preview-topic strong{max-width:210px}}.home-lower .hero-foot{justify-content:flex-start;align-items:center;gap:18px;flex-wrap:wrap;padding:7px 4px}.home-lower .hero-foot .demo-link,.home-lower .hero-foot>span{white-space:nowrap}.home-lower .hero-foot .demo-link{padding-left:18px;border-left:1px solid #d8e1dc}