@charset "UTF-8";
:root{--paper:#263d4d;--white:#304d5e;--ink:#f5f3f7;--muted:#c7d7df;--blue:#9be4df;--pale:#355866;--line:#577382;--sand:#c999ae;--serif:'Segoe UI',Arial,sans-serif;--pink:#f3a4c8;--wine:#2e151b;--turquoise:#70d8d3}body{background:#263d4d;color:#f5f3f7}h1,h2,h3{font-family:var(--sans);font-weight:650;letter-spacing:-.05em}h1 em,h2 em{font-style:normal;color:#f3a4c8}p{color:#c7d7df}header{border-color:#536c7b;position:relative;z-index:4}.brand{font-size:23px;letter-spacing:-1.4px}.brand span{background:#f3a4c8;border-color:#f3a4c8;color:#2e151b}.button{background:#f3a4c8;color:#351b2a;border-color:#f3a4c8;font-weight:700;box-shadow:0 7px 30px #f3a4c818;border-radius:10px}.button:hover{background:#ffc4df;color:#2e151b;border-color:#ffc4df}.button.secondary{color:#c5f7ef;border-color:#7ca5aa}.button.secondary:hover{background:#37616b}.text-button,.quiet-link{color:#e9f1f3}.eyebrow{color:#9ce2df;font-size:10px;letter-spacing:1.7px}.motion-toggle{background:none;border:1px solid #8094a3;border-radius:30px;color:#e2eaf0;padding:8px 11px;font:10px var(--sans);cursor:pointer;white-space:nowrap}.header-actions{gap:18px}.hero{padding-top:58px;padding-bottom:65px;grid-template-columns:.95fr 1.12fr;gap:45px;max-width:1420px;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:-80px -8% 0;background:radial-gradient(ellipse at 80% 40%,#45778d66,transparent 60%);pointer-events:none;z-index:-1}.hero h1{font-size:clamp(54px,5.6vw,80px);font-weight:700;line-height:1.04;margin-bottom:26px;letter-spacing:-.06em}.hero h1 em{color:#f7add0}.hero .lead{font-size:18px;line-height:1.75;max-width:500px;margin-block:20px 27px}.hero .lead strong{color:#f5f0f7;font-weight:600}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-actions .quiet-link{font-size:13px}.hero-features{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.hero-features span{border:1px solid #6a8395;border-radius:30px;padding:7px 11px;font-size:11px;color:#e0ecf0;background:#36536266}.human-visual{position:relative;min-width:0;min-height:600px;display:grid;place-items:center;align-self:center}.human-visual>img{width:108%;max-height:650px;object-fit:cover;height:auto;border:1px solid #80a5b255;border-radius:36px;box-shadow:0 20px 100px #081d2938;transform:rotate(1deg)}.human-visual:before{content:'';position:absolute;inset:9% -3%;border:1px solid #7ad9d36b;border-radius:50%;rotate:-25deg;z-index:2;pointer-events:none;animation:orbit-breathe 8s ease-in-out infinite}.human-visual:after{content:'';position:absolute;inset:0 12%;border:1px dashed #f3a4c888;border-radius:50%;rotate:30deg;z-index:2;pointer-events:none;animation:orbit-breathe 8s ease-in-out infinite reverse}.help-float{position:absolute;z-index:3;border:1px solid #7ca4ad;background:#304c5deb;backdrop-filter:blur(12px);box-shadow:0 12px 40px #0b253b30;border-radius:14px;padding:15px 18px;font-size:13px;line-height:1.5;animation:float-gentle 7s ease-in-out infinite;max-width:245px}.help-float>span{font-size:9px;font-weight:650;letter-spacing:1px;display:block;color:#a5e8df;margin-bottom:5px}.help-float strong{font-weight:600;color:#f8f1f6}.help-float.question{left:-3%;top:12%;rotate:-4deg;background:#f6b8d8;color:#402537;border-color:#f6b8d8}.help-float.question>span,.help-float.question strong{color:#402537}.help-float.answer{right:-3%;bottom:16%;animation-delay:-2s;rotate:3deg;max-width:260px}.help-float.win{left:0;bottom:3%;background:#a0e3dc;border-color:#a0e3dc;color:#1c3334;animation-delay:-4s;padding:11px 16px}.help-float.win strong,.help-float.win>span{color:#1c3334}.visual-caption{position:absolute;bottom:-30px;left:0;right:0;text-align:center;font-size:9px;color:#c6d9e1;letter-spacing:.3px}.hero .micro{font-size:12px;color:#c4d8e0}.promise-strip{background:#385d6b;border-color:#658a97;color:#e6f1f4;gap:75px;font-size:13px}.promise-strip b{color:#ffb7dc}.founder-note{font-family:var(--sans);font-size:25px;color:#e0e7ed;border-left-color:#f3a4c8;line-height:1.6;max-width:810px}.section h2{font-weight:650}.three-up h3,.course-map h3{font-family:var(--sans);font-weight:600;letter-spacing:-.8px;font-size:25px}.line-icon{border-color:#7f9cac;background:#355363;color:#f5b1d2}.demo-section{background:linear-gradient(125deg,#355e6b,#30465b)}.practice-card{background:#274454;border-color:#7c9caa;box-shadow:0 15px 60px #11273725}.practice-card .eyebrow{color:#b7ede6}#practice-screen{background:#203b49;border-color:#6e94a4}#practice-words{color:#f8c5df}.mini-steps b{border-color:#8db8c1;color:#c9f5ed}#demo-feedback{color:#d8e9ed}.course-map article{border-top-color:#70949f}.course-map article>span{color:#aee7e1}.book-panel{background:#334a5a;border-color:#647e8c}.book-art{background:#e4bdd5;color:#402538;border-left-color:#bf6d95;box-shadow:12px 12px 0 #52344b}.book-art small,.book-art p{color:#57384c}.book-art p{border-color:#b58ba5}.book-panel h3{font-family:var(--sans);font-weight:600;font-size:42px}.rules-section{background:#2e151b;color:#fff1f6;border-block:1px solid #8b5767}.rules-section .eyebrow,.rules-section h2 em{color:#f5b4d2}.two-rules article{border-color:#825362}.two-rules b{color:#f3a4c8}.two-rules p,.rules-section .micro{color:#e7ced8}.questions details{border-color:#6e8896}.closing{background:radial-gradient(ellipse at center,#41546855,transparent 70%)}footer{border-color:#607b8a;color:#c9dce3}footer .brand{color:#eae9ee}.access-card{background:#304d5e;border-color:#6f8b9d}.access-icon{background:#f3a4c8;color:#402436;border-color:#f3a4c8}.access-card input{background:#1f3948!important;color:#f3eef4;border-color:#7b9cac!important}.access-card .status{color:#b9eae2}.access-card .micro{color:#c7dbe4}.learner header{background:#263d4d}.lesson-box{background:#304d5e;border-color:#6f899a}.lesson-context{color:#c4dae1}.step-progress span{background:#516d7d}.step-progress span.done{background:#f3a4c8}.lesson-wrap h1{font-family:var(--sans);font-weight:650;font-size:52px}.lesson-wrap .summary{color:#e1eef2}.lesson-box h2{font-family:var(--sans);font-size:29px;font-weight:600}.back-option{background:#335966;border-color:#9de4dd}.back-option strong{color:#cff6ef}.lesson-wrap details{border-color:#6f8c99}.lesson-wrap summary{color:#e5f0f2}.prompt{background:#193643;color:#e9f4f5;border:1px solid #658c99}.privacy-note{background:#27424f;color:#d1e8e9!important}input:not([type=checkbox]):not([type=radio]),select,textarea{background:#243e4e;color:#f2eef3;border-color:#7493a3}input::placeholder,textarea::placeholder{color:#b9ccd6}.quiz-options label{background:#304d5e;border-color:#7897a4;color:#e8f1f3}.feedback{background:#3a616b;color:#f3f7f6}.feedback.retry{background:#684252;color:#fff0f5}.support-bar{background:#203847;border-color:#6c8797}.support-bar>span{color:#c7dce2}.support-bar .text-button{color:#e8bdd3}.safety-popover{background:#402d42;color:#f7edf5;border-color:#a87f9b}.safety-popover p{color:#e5d8e4}.lesson-drawer{background:#2b4556;border-color:#7493a3}.lesson-drawer nav a{border-color:#607d8e}.lesson-drawer nav a:hover,.lesson-drawer nav a.current{background:#385c6b}.lesson-drawer nav a>span{border-color:#8ba6b2}.helper-body{background:radial-gradient(ellipse at 75% 20%,#46627666,transparent 60%),#263d4d}.helper-intro h1{font-family:var(--sans);font-weight:650}.helper-intro h1 em{color:#f3a4c8}.mode-note{background:#594057;border-color:#977490;color:#fff2fa}.mode-note span{color:#ead9e7}#ask-form{background:#304d5e;border-color:#7b9aaa;box-shadow:0 18px 60px #0d243125}#question{color:#f5edf4}.device-row{border-color:#7d96a4}.device-row select{background:#243e4e;color:#f0f1f4}.suggestions button{border-color:#7b96a5;color:#e6edf2}.suggestions button:hover{background:#3c6070}.helper-answer{background:#304d5e;border-color:#7998a8}.helper-answer h2{font-family:var(--sans);font-weight:600}.helper-answer .helper-source{color:#c4d7df}.helper-answer .answer-actions{border-color:#7893a1}.helper-privacy{color:#bfd5df}.floating-help{background:#f3a4c8;color:#402336;box-shadow:0 10px 35px #100e1633}dialog{background:#304d5e;color:#f4eef4;border-color:#8ba4b3}dialog .dialog-close{color:#f0d1e1}dialog details{border-color:#7f97a5}.success-circle{background:#3c6170;color:#ffd1e6;border-color:#92b8be}.toast{background:#f3a4c8;color:#3d2332}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}@keyframes float-gentle{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes orbit-breathe{0%,100%{scale:1;opacity:.55}50%{scale:1.025;opacity:1}}@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:62px}.human-visual{min-height:510px}.help-float{max-width:200px;font-size:12px;padding:12px 15px}.help-float.answer{max-width:220px}.help-float.question{left:0}.help-float.answer{right:0}}@media(max-width:700px){header{padding:18px 6%;gap:13px}.brand{font-size:21px}.header-actions{gap:12px}.header-actions .motion-toggle{font-size:9px;padding:7px 10px}.hero{grid-template-columns:1fr;padding:40px 6% 62px;gap:35px;overflow:hidden}.hero h1{font-size:clamp(49px,12vw,66px);line-height:1.06}.hero .lead{font-size:17px}.hero-actions{gap:18px}.hero-actions>.button{width:100%;justify-content:space-between}.hero .hero-features span{font-size:10px}.human-visual{min-height:410px;width:100%;max-width:520px;margin:auto}.human-visual>img{width:100%;transform:none;border-radius:26px;max-height:530px}.human-visual:before{inset:8% 0}.help-float{max-width:190px;font-size:12px;padding:11px 13px}.help-float.question{left:0;top:0}.help-float.answer{right:0;bottom:12%;max-width:210px}.help-float.win{left:0;bottom:-3%;font-size:11px}.visual-caption{bottom:-37px;font-size:8px}.promise-strip{gap:20px;font-size:11px}.founder-note{font-size:21px;padding-left:20px;margin-bottom:45px}.book-panel h3{font-size:36px}.hero-features{margin:20px 0}.learner header .brand{font-size:18px}.lesson-wrap h1{font-size:42px}.hero:before{inset:0}.header-actions .quiet-link{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

html,body{overflow-x:clip}.motion-paused *{transition:none!important}

.large-text .hero .lead{font-size:22px}.large-text .hero .micro{font-size:16px}.large-text .device-row select{font-size:18px}.large-text .suggestions button{font-size:15px}