:root{--ink:#15252b;--muted:#627174;--paper:#f8f7f2;--green:#342b47;--lime:#efce8f;--line:#d9ded6;--peach:#d4afc9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #619d84;outline-offset:4px}.top{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:#f8f7f2ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}.brand-light{font-weight:400;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#217766}.language{background:transparent;border:1px solid var(--line);border-radius:30px;padding:8px 16px}.hero{max-width:1500px;margin:auto;padding:85px 5% 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.1px;line-height:1.5}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#468562;margin-right:9px;animation:breathe 3s infinite}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.6vw,72px);line-height:1.08;letter-spacing:-3px;font-weight:650;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{font-size:17px;max-width:490px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;border:0;border-radius:8px;background:var(--green);color:white;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#236258}.hero-note{font-size:12px;color:var(--muted);margin-top:18px}.hero-art{height:490px;background:#342b47;border-radius:48% 48% 10px 10px;position:relative;overflow:hidden;isolation:isolate}.sun{position:absolute;border-radius:50%;width:170px;height:170px;background:var(--peach);left:calc(50% - 85px);top:55px;box-shadow:0 0 100px #edc79c30}.orbit{position:absolute;border:1px solid #ffffff17;border-radius:50%;width:550px;height:550px;left:calc(50% - 275px);top:15px}.orbit-two{width:650px;height:650px;left:calc(50% - 325px);top:-30px}.landscape{position:absolute;inset:160px 0 0;overflow:hidden}.ridge{position:absolute;width:150%;height:280px;left:-20%;border-radius:50% 50% 0 0;transform:rotate(-13deg);background:#625577;top:30px}.ridge.front{top:140px;background:#9988ad;transform:rotate(15deg);left:-30%;height:260px}.road{position:absolute;left:45%;top:100px;height:340px;width:65px;border-left:8px solid var(--lime);border-radius:50%;transform:rotate(-20deg)}.word{position:absolute;background:#fffef8;padding:14px 22px;border-radius:9px;box-shadow:0 12px 30px #001b2230;font-size:21px;font-weight:600;animation:float 7s ease-in-out infinite;z-index:2}.word span{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.word-one{left:5%;top:220px;transform:rotate(-6deg)}.word-two{right:5%;top:325px;animation-delay:-3s;transform:rotate(4deg)}.art-label{position:absolute;bottom:20px;left:24px;color:#d4e8d2;font-size:10px;letter-spacing:2px}.ribbon{background:var(--lime);padding:17px 5%;display:flex;gap:40px;justify-content:center;overflow:hidden;white-space:nowrap;font-size:18px}.ribbon i{font-style:normal}.section{max-width:1360px;margin:auto;padding:90px 5%}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:35px}.section-head>p{max-width:410px;color:var(--muted);font-size:14px}h2{font-size:clamp(30px,3.3vw,47px);line-height:1.15;letter-spacing:-1.7px;margin-bottom:0}h3{line-height:1.3}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.lesson-card{padding:26px;border:1px solid var(--line);border-radius:12px;position:relative;background:#fffefa;transition:transform .25s,border-color .25s}.lesson-card:hover{transform:translateY(-5px);border-color:#75a181}.lesson-card .num{font-size:11px;color:var(--muted);letter-spacing:2px}.lesson-card h3{font-size:22px;margin:30px 0 10px}.lesson-card .sample{font-family:Georgia,serif;font-size:19px;color:#35735f}.lesson-card p{font-size:13px;color:var(--muted);min-height:42px}.lesson-card button{border:0;background:transparent;padding:0;color:var(--green);font-size:13px;font-weight:650}.done{position:absolute;right:22px;top:20px;color:#2f7654;font-size:13px}.progress-row{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:var(--muted)}.text-button{color:var(--muted);border:0;border-bottom:1px solid var(--line);background:transparent;padding:0}.method{background:var(--green);max-width:none;color:#fff;padding-left:max(5%,calc((100vw - 1224px)/2));padding-right:max(5%,calc((100vw - 1224px)/2));display:grid;grid-template-columns:.85fr 1.6fr;gap:60px}.method .eyebrow{color:var(--lime)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.method-grid span{font-family:Georgia,serif;font-size:30px;color:var(--lime)}.method-grid h3{font-size:18px;margin-top:22px}.method-grid p{color:#bed2cc;font-size:13px}.phrase-tools{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0}.search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:10px 15px;border-radius:7px;min-width:280px}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;color:var(--ink);font-size:14px}.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:8px 15px;background:transparent;font-size:12px}.filters .active{background:var(--green);color:white;border-color:var(--green)}.phrase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.phrase{padding:17px 20px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:15px;align-items:center}.phrase b{font-size:15px;font-weight:600}.phrase span{display:block;font-size:12px;color:var(--muted)}.play{border:1px solid var(--line);background:transparent;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:12px;color:var(--green)}.empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted)}.conversation{background:#eee9de;border-radius:15px;text-align:center}.quote-mark{font:90px/1 Georgia,serif;color:#9baa81;height:75px}blockquote{font:italic clamp(25px,3.8vw,46px)/1.3 Georgia,serif;max-width:780px;margin:10px auto 20px}.conversation>p{max-width:540px;margin:0 auto;color:var(--muted)}.conversation-notes{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:50px;border-top:1px solid #d8d4c9;margin-top:45px;padding-top:35px}.conversation-notes h3{font-size:18px}.conversation-notes p{font-size:14px;color:var(--muted)}.quiz{background:#e6eddf;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:45px;border-radius:14px}.quiz h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin-top:25px}.quiz #quizOptions{display:grid;gap:8px}.quiz-option{background:#fffefa;border:1px solid #ccd6c3;border-radius:7px;padding:12px 16px;text-align:left;font-size:14px;color:var(--ink)}.quiz-option.correct{background:#c5e5ac;border-color:#6b9a5c}.quiz-option.wrong{background:#f7d9cd;border-color:#ce8f79}.quiz-option:disabled{color:var(--ink);cursor:default}.quiz #quizFeedback{font-size:12px;min-height:22px;margin:10px 0}.quiz .button{padding:11px 19px;font-size:12px}.faq{padding-top:35px}.faq h2{margin-bottom:30px}details{border-top:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:16px;font-weight:550}details p{margin:15px 0 0;max-width:780px;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}footer p,footer>a:not(.brand),footer>span{font-size:11px;margin:0;color:var(--muted)}dialog{border:0;border-radius:18px;background:var(--paper);color:var(--ink);padding:45px;max-width:650px;width:calc(100% - 30px);box-shadow:0 25px 100px #0004}dialog::backdrop{background:#102f2b99;backdrop-filter:blur(5px)}dialog h2{margin-bottom:24px}dialog p{font-size:15px}.example{padding:15px 0;border-top:1px solid var(--line)}.example b{display:block;font-size:17px}.example span{display:block;font-size:13px;color:var(--muted)}.close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:28px;color:var(--muted)}dialog .button{margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:white;border-radius:10px;padding:13px 20px;font-size:13px;max-width:90vw;z-index:30;transition:transform .3s;pointer-events:none}.toast.show{transform:translateX(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.privacy{max-width:800px;padding:65px 25px;margin:auto}.privacy h1{font-size:44px;letter-spacing:-1.5px}.privacy h2{font-size:24px;margin:35px 0 15px;letter-spacing:-.6px}.privacy p{color:var(--muted)}@keyframes float{50%{translate:0 -12px}}@keyframes breathe{50%{opacity:.45}}
@media(max-width:1000px){.hero{gap:30px;padding-top:55px}.hero-art{height:430px}.method{grid-template-columns:1fr;gap:35px}h1{letter-spacing:-2px}.top nav{gap:18px}.hero-note{font-size:10px}}@media(max-width:700px){.top{height:72px;padding:0 6%;gap:10px}.brand{font-size:15px;gap:8px}.brand-light{display:none}nav{gap:13px;font-size:11px}nav a:last-child{display:none}.language{padding:6px 11px;font-size:12px}.hero{grid-template-columns:1fr;padding:45px 6%;gap:30px}.hero-copy{max-width:540px}h1{font-size:43px;letter-spacing:-1.9px}.lead{font-size:15px}.hero-art{height:380px;max-width:480px;width:100%;margin:0 auto}.sun{top:35px;width:145px;height:145px;left:calc(50% - 72px)}.word-one{top:170px}.word-two{top:265px}.word{font-size:18px;padding:12px 16px}.ribbon{justify-content:flex-start;font-size:15px;gap:20px}.section{padding:60px 6%}.section-head{display:block}.section-head>p{margin-top:20px}.lesson-grid{grid-template-columns:1fr 1fr;gap:12px}.lesson-card{padding:20px}.lesson-card h3{font-size:19px}.lesson-card .sample{font-size:16px}.method-grid{grid-template-columns:1fr;gap:18px}.method-grid article{display:grid;grid-template-columns:40px 1fr;gap:5px 18px}.method-grid h3{margin:7px 0}.method-grid p{grid-column:2;margin:0}.phrase-grid{grid-template-columns:1fr}.search{width:100%;min-width:0}.filters{gap:5px}.filters button{padding:7px 12px}.conversation{border-radius:0}.conversation-notes{grid-template-columns:1fr;gap:18px}.quiz{padding:25px;grid-template-columns:1fr;gap:15px}.quiz h3{font-size:26px;margin:15px 0}.progress-row{align-items:start;font-size:11px}.text-button{font-size:11px}footer{padding:28px 6%;gap:16px}footer p{width:100%}dialog{padding:35px 24px}dialog h2{font-size:30px}blockquote{margin-left:0;margin-right:0}}@media(max-width:390px){.lesson-grid{grid-template-columns:1fr}.top nav{gap:10px}h1{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.word{max-width:85%;font-size:18px}.privacy h1{overflow-wrap:anywhere}@media(max-width:700px){.privacy h1{font-size:30px}}