@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&family=Nunito:wght@600;700;800;900;1000&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#123a42;--muted:#61777a;--teal:#148c92;--turq:#39b6bc;--mint:#e8f5ef;--ivory:#fcfbf7;--coral:#ed927d;--gold:#dbad62;--line:#e1e9e4;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button:disabled{cursor:default;opacity:.5}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-90px;left:20px;z-index:200;background:white;padding:15px}.skip:focus{top:10px}.site-header{height:90px;position:sticky;top:0;z-index:30;background:#fcfbf7ed;border-bottom:1px solid #e1e9e470;backdrop-filter:blur(18px)}.nav-wrap{width:min(1240px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Nunito,Arial,sans-serif;font-size:29px;font-weight:1000;letter-spacing:-1.1px}.brand img{border-radius:12px;object-fit:cover}.brand>span>span{color:var(--teal)}.desktop-nav{display:flex;gap:31px;font-size:13px;font-weight:750}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:25px}.language-button{display:flex;align-items:center;gap:8px;background:none;color:var(--ink);font-size:12px;font-weight:750;padding:12px 0}.language-button svg:last-child{width:15px}.language-button #languageFlag svg{width:25px;height:19px;border-radius:3px;stroke:none}.nav-login{background:white;border:1.5px solid var(--line);border-radius:12px;padding:11px 24px;color:var(--teal);font-size:13px;font-weight:800}.hero{min-height:650px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:15px;padding-block:70px 66px;position:relative}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:1.8px;color:var(--teal);line-height:1.7}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #148c9210}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,Arial,sans-serif}h1{font-size:clamp(42px,5.2vw,67px);font-weight:1000;letter-spacing:-2.8px;line-height:1.1;margin-block:20px 24px}em{font-style:normal;color:var(--teal)}.hero-description{max-width:410px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:16px 26px;border-radius:13px;font-size:13px;font-weight:800;transition:transform .22s var(--ease),box-shadow .22s,background .22s}.primary{background:var(--teal);color:white;box-shadow:0 4px 0 #0c6971}.primary:hover{background:#107d83;transform:translateY(-2px);box-shadow:0 6px 0 #0c6971}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #0c6971}.button .arrow{font-size:22px;font-weight:500;line-height:16px}.text-action{background:none;display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--ink);font-size:12px;font-weight:800}.text-action:hover{color:var(--teal)}.mini-play{width:23px;height:23px;border:1.5px solid #92b7b7;border-radius:50%;display:grid;place-items:center}.mini-play:after{content:'';border-left:5px solid var(--teal);border-top:3px solid transparent;border-bottom:3px solid transparent;margin-left:2px}.hero-foot{display:flex;align-items:center;gap:7px;margin-top:26px;color:#718583;font-size:10px}.tiny-check{color:var(--teal);font-weight:800}.hero-world{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.hero-chang{width:120%;max-width:none;position:relative;z-index:2;animation:world-arrive 1.2s var(--ease) both;filter:drop-shadow(0 20px 20px #23595a0c);transform-origin:center}.world-halo{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d8f1df9c 0%,#eaf4e76c 50%,transparent 71%);inset:5% auto auto}.hello-bubble{position:absolute;left:0;top:3%;z-index:4;display:grid;grid-template-columns:1fr 24px;column-gap:17px;background:white;border:1px solid #d9e7e3;border-radius:20px 20px 20px 5px;padding:14px 20px;box-shadow:0 12px 30px #244d4a08;transform:rotate(-7deg);animation:bubble-sway 6s ease-in-out infinite}.hello-bubble>span{font-family:'Noto Sans Thai',sans-serif;color:var(--ink);font-size:24px;font-weight:600}.hello-bubble>small{grid-column:1;color:var(--teal);font-size:10px;text-align:left}.hello-bubble>svg{grid-column:2;grid-row:1/3;align-self:center;color:var(--teal);width:20px}.world-tag{position:absolute;z-index:3;bottom:0;right:10%;display:flex;align-items:center;gap:7px;background:#fffdf9e8;padding:10px 15px;border:1px solid #e9ece0;border-radius:30px;font-size:10px;color:#688177;transform:rotate(3deg)}.world-tag svg{width:16px;height:16px;color:#c2985c}.world-spark{position:absolute;color:#ddad66;font-size:25px;animation:twinkle 4s ease-in-out infinite}.spark-one{top:12%;right:2%}.spark-two{left:-5%;bottom:20%;font-size:19px;animation-delay:1s}.language-strip{border-block:1px solid var(--line);background:#fffefa}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:93px}.strip-inner>span{font-size:11px;font-weight:700;color:#80908c}.strip-inner>div{display:flex;align-items:center;gap:34px}.language-pill{display:flex;align-items:center;gap:10px;background:none;color:#6b7e7d;font-size:12px;font-weight:700;padding:14px 3px;position:relative}.language-pill.active{color:var(--ink)}.language-pill.active:after{content:'';position:absolute;bottom:0;left:3px;right:3px;height:2px;background:var(--teal);border-radius:3px}.language-pill svg{width:27px;height:20px;border-radius:4px;stroke:none}.section{padding-block:105px}.section-heading{max-width:610px;text-align:center;margin:0 auto 55px}.section-heading>.eyebrow{justify-content:center}h2{font-size:clamp(32px,3.7vw,46px);font-weight:950;letter-spacing:-1.5px;line-height:1.17;margin-block:17px 22px}.section-heading>p,.try-copy>p,.daily-copy>p{color:var(--muted);font-size:14px;line-height:1.9}.section-heading>p{max-width:470px;margin-inline:auto}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-inline:30px}.feature{text-align:center}.feature-icon{display:grid;place-items:center;width:59px;height:59px;margin:0 auto 22px;background:#e0f0e9;color:var(--teal);border-radius:20px;transform:rotate(-5deg)}.feature-icon svg{width:28px;height:28px;transform:rotate(5deg)}.feature-icon.coral{background:#fbeae2;color:#bd7465;transform:rotate(5deg)}.feature-icon.gold{background:#f7efd7;color:#b38b3e}.feature h3{font-size:21px;font-weight:900;letter-spacing:-.5px;margin-bottom:12px}.feature p{font-size:12px;line-height:1.9;color:var(--muted)}.try-section{padding-block:85px;background:#edf5ef;position:relative;overflow:hidden}.try-section:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #dceade;border-radius:50%;left:-350px;top:0}.try-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-inline:50px}.try-copy>p{max-width:370px}.lesson-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.word-tab{background:none;border:1px solid #c8dad1;padding:9px 13px;border-radius:30px;color:#738880;font-size:11px}.word-tab.active{background:var(--ink);color:white;border-color:var(--ink)}.try-copy p.tone-note{font-size:10px;color:#7f9588;max-width:320px;margin-top:24px}.word-demo{background:#fffefa;border:1px solid #e2eae1;border-radius:25px;padding:25px 31px;text-align:center;box-shadow:0 12px 0 #d8e6dc66;position:relative;transform:rotate(2deg)}.demo-top{display:flex;justify-content:space-between;align-items:center}.pill{font-size:8px;font-weight:800;letter-spacing:1.5px;color:#759285;background:#edf4eb;border-radius:30px;padding:7px 10px}.demo-step{color:#9daaa0;font-size:9px}.sound-orb{background:#ddf0e7;color:var(--teal);width:47px;height:47px;border-radius:50%;display:grid;place-items:center;margin:20px auto 16px}.sound-orb:hover,.sound-orb.playing{background:#bce8d8;animation:pulse-sound 1s ease-in-out infinite}.thai-word{font-family:'Noto Sans Thai',sans-serif;font-size:45px;font-weight:600;line-height:1.5;letter-spacing:-1px}.roman{color:#8a799d;font-size:15px;font-weight:700;margin:8px 0 13px}.word-demo h3{font-size:22px;margin-bottom:20px}.word-context{display:flex;align-items:center;gap:11px;text-align:left;background:#f3f5ec;border-radius:12px;padding:15px;margin-block:18px}.word-context>span{color:#af9870}.word-context p{font-size:10px;line-height:1.7;color:#75816e;margin:0}.word-context svg{width:19px}.soft{background:#e5f2e8;color:var(--teal);width:100%;box-shadow:0 3px 0 #c3decd;font-size:11px;min-height:45px}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.destination{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffefa;transition:transform .3s var(--ease)}.destination:hover{transform:translateY(-7px)}.destination-art{height:200px;position:relative;overflow:hidden;background:#edf4e8;display:flex;align-items:center;justify-content:center}.destination-art>svg{width:100%;height:100%;stroke:none}.destination:nth-child(2) .destination-art{background:#f7ecdc}.destination:nth-child(3) .destination-art{background:#e5efed}.destination-number{position:absolute;left:18px;top:15px;font-size:10px;font-weight:800;letter-spacing:1px;color:#6d8a7b}.destination-copy{padding:22px}.destination-copy>small{font-size:8px;letter-spacing:1.5px;color:#9b9f8e;font-weight:800}.destination-copy h3{font-size:22px;font-weight:950;margin-block:8px}.destination-copy p{color:var(--muted);font-size:11px;line-height:1.8;margin-bottom:17px}.destination-link{font-size:10px;font-weight:800;color:var(--teal);background:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0}.destination-link svg{width:17px}.journey-bottom{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;color:#859489;font-size:10px}.journey-bottom .text-action{font-size:10px;margin-left:25px}.passport-icon{color:#849c8a}.passport-icon svg{width:18px}.daily-section{background:#f4eee4;padding-block:85px;overflow:hidden}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-inline:65px}.widget-world{height:530px;position:relative}.phone-mock{background:linear-gradient(150deg,#a8ccbc,#619b8f 60%,#347b78);border:7px solid #173c3f;outline:2px solid #e0cdb8;border-radius:43px;width:250px;height:489px;position:absolute;left:40px;top:5px;overflow:hidden;transform:rotate(-8deg);box-shadow:15px 22px 30px #574a3520;text-align:center;color:#fffdf6}.phone-island{width:76px;height:21px;background:#173c3f;border-radius:20px;position:absolute;top:7px;left:50%;transform:translateX(-50%)}.phone-date{padding-top:43px;font-size:9px;font-weight:600}.phone-time{font-size:54px;font-weight:650;letter-spacing:-3px;line-height:1.2;margin-top:2px}.lock-widget{position:relative;text-align:left;margin:23px 23px 0;z-index:3;display:flex;flex-direction:column;gap:2px}.lock-brand{font-size:7px;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:3px}.lock-widget strong{font:600 28px 'Noto Sans Thai',sans-serif}.widget-roman{font-size:10px;font-weight:650}.lock-widget>span:last-child{font-size:9px}.phone-temple{position:absolute;bottom:30px;height:270px;left:-45px;width:320px;opacity:.6}.phone-temple svg{width:100%;height:100%;stroke:none}.phone-bottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between}.phone-bottom>span{background:#ffffff15;border-radius:30px;padding:8px}.phone-bottom svg{width:11px;height:11px}.widget-small{display:flex;align-items:center;gap:10px;position:absolute;bottom:12px;left:50px;background:var(--ink);color:white;padding:15px 23px 15px 12px;border-radius:22px;box-shadow:0 15px 25px #364c3d20;transform:rotate(5deg);width:330px}.widget-small>div{display:flex;flex-direction:column;gap:5px}.widget-small small{font-size:6px;letter-spacing:1px;color:#92c3b5}.widget-small strong{font-family:Nunito;font-size:18px}.widget-small span{font-size:8px;color:#a4c1b6}.widget-sticker{position:absolute;z-index:3;top:20px;right:-15px;background:#fce3a8;color:#8c7340;transform:rotate(9deg);padding:12px 16px;display:flex;align-items:center;gap:8px;border-radius:10px;box-shadow:0 4px 0 #e6c884;font-size:7px;letter-spacing:1px;font-weight:800}.widget-sticker svg{width:16px;height:16px}.daily-copy h2{font-size:42px}.check-list{list-style:none;padding:0;margin:25px 0 30px}.check-list li{font-size:11px;color:#657d70;margin-block:15px;display:flex;gap:9px;align-items:center}.check-list li:before{content:'✓';display:grid;place-items:center;color:#418e79;background:#e5ead9;border-radius:50%;height:19px;width:19px;font-size:10px;flex-shrink:0}.availability{display:block;color:#8a9586;font-size:9px;line-height:1.8;margin-top:25px;max-width:340px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}.faq-intro>img{opacity:.9;transform:rotate(-7deg);margin-left:20px}.faq-list details{border-bottom:1px solid var(--line);padding-block:22px}.faq-list details:first-child{padding-top:9px}.faq-list summary{font-family:Nunito;list-style:none;cursor:pointer;font-size:17px;font-weight:850;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq-list summary:after{content:'+';font-family:Manrope;font-weight:500;font-size:22px;color:var(--teal);transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;color:var(--muted);margin:17px 25px 0 0;animation:fade-up .3s var(--ease)}.final-section{background:#deeee3;padding:60px 0;overflow:hidden}.final-inner{display:flex;align-items:center;justify-content:space-between;padding-inline:100px;gap:50px}.final-inner>img{width:245px;transform:rotate(5deg);animation:chang-breathe 5s ease-in-out infinite}.final-inner h2{font-size:43px;margin-bottom:17px}.final-inner p{font-size:12px;color:#678474;margin-bottom:25px}.site-footer{padding-block:48px 25px}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-main .brand{font-size:25px}.footer-main>div>p{font-size:11px;color:#89948d;margin-top:14px}.footer-links{display:flex;gap:23px;align-items:center;flex-wrap:wrap;font-size:10px;color:#75847b}.footer-links button,.footer-bottom button{font-size:inherit;color:inherit;background:none;padding:0}.footer-bottom{margin-top:33px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8c9990}
/* Dialogs share the same quiet motion and spacing as the page. */
dialog{border:1px solid #d7e4dc;border-radius:25px;padding:0;background:var(--ivory);color:var(--ink);box-shadow:0 30px 100px #102c3a30;max-height:calc(100dvh - 40px);width:min(570px,calc(100% - 32px));overflow:auto}dialog::backdrop{background:#0b323f65;backdrop-filter:blur(8px);animation:backdrop-in .3s ease}dialog[open]{animation:dialog-in .45s var(--ease)}.language-dialog{padding:32px}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-header h2{font-size:28px;margin-top:8px}.dialog-header .eyebrow{font-size:8px}.icon-button{display:grid;place-items:center;color:#627c79;width:38px;height:38px;flex-shrink:0;background:#e8efea;border-radius:50%;transition:background .2s}.icon-button:hover{background:#d4e5dd}.icon-button svg{width:18px;height:18px}.language-choice{width:100%;background:none;border:1px solid var(--line);border-radius:13px;display:flex;gap:16px;align-items:center;padding:17px 19px;margin-top:10px;text-align:left;color:var(--ink)}.language-choice svg{width:33px;height:25px;stroke:none;border-radius:4px}.language-choice>span{flex:1;font-weight:750;font-size:14px}.language-choice>small{font-size:10px;color:var(--teal)}.language-choice.active,.option.selected{background:#e6f3e9;border-color:#83b7a3}.info-dialog{padding:42px}.info-close{position:absolute;right:18px;top:18px}.info-dialog h2{font-size:31px;max-width:90%;margin-top:15px}.info-dialog p,.info-dialog li{font-size:13px;color:var(--muted);line-height:1.9}.info-dialog .button{width:100%;margin-top:15px}.info-dialog .small{font-size:10px}.info-dialog ul{padding-left:20px}.info-dialog img{width:110px;display:block;margin:0 auto 12px}.flow-dialog{width:min(820px,calc(100% - 40px));height:min(760px,calc(100dvh - 40px));overflow:hidden}.flow-shell{height:100%;display:flex;flex-direction:column}.flow-header{display:flex;gap:22px;align-items:center;padding:25px 30px}.flow-progress{height:9px;flex:1;background:#e0e9e1;border-radius:20px;overflow:hidden}.flow-progress i{display:block;height:100%;width:0;background:var(--turq);border-radius:20px;transition:width .6s var(--ease)}.flow-content{flex:1;overflow:auto;padding:24px 70px 30px}.flow-content>div{animation:flow-arrive .5s var(--ease)}.flow-content h2{font-size:31px;letter-spacing:-.7px;line-height:1.25;margin-top:0;margin-bottom:15px}.flow-content p{color:var(--muted);font-size:12px;line-height:1.8}.flow-kicker{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--teal);display:block;margin-bottom:12px}.flow-chang{width:100px;float:right;margin-left:25px}.option-list{display:grid;gap:10px;margin-top:25px}.option{display:flex;align-items:center;gap:15px;border:1.5px solid #dce6dd;box-shadow:0 3px 0 #e3e8df;background:#fffefa;color:var(--ink);border-radius:13px;padding:18px;text-align:left;width:100%;font-weight:750;font-size:13px;transition:background .2s,border-color .2s,transform .2s}.option:hover{background:#eef5ed}.option:active{transform:translateY(2px)}.option>svg{color:var(--teal);width:25px}.option>span{flex:1}.option>small{color:#7e9184;font-size:10px}.flow-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;background:#f7f8f0;min-height:100px}.flow-footer>p{font-size:10px;line-height:1.7;color:#7a8d7f;margin:0;max-width:330px}.flow-footer .button{min-width:170px;font-size:11px}.lesson-head{text-align:center;padding:5px 0 15px}.lesson-head .sound-orb{margin-top:12px}.lesson-head .thai-word{font-size:48px}.lesson-head .roman{font-size:17px}.lesson-head>p{max-width:400px;margin:20px auto 0}.translation-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:20px}.translation-chip{background:#edf2e9;padding:8px 12px;border-radius:10px;font-size:12px;color:#688373}.lesson-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.lesson-choices .option{min-height:69px;font-weight:650}.lesson-choices .option.wrong{background:#fff1e8;border-color:#d7ab8a}.lesson-choices .option.correct{background:#e2f3e4;border-color:#6aa987}.feedback{border-radius:12px;padding:13px 17px;background:#e4f1e4;color:#3d7b58;font-size:12px;line-height:1.7;margin-top:20px;animation:fade-up .3s}.feedback.hint{background:#fcf0df;color:#946b40}.result-head{text-align:center}.result-head>img{width:160px;height:147px;float:none;display:block;margin:0 auto 20px}.result-head .earned{display:inline-flex;gap:10px;color:#9b7735;background:#fcf0ce;padding:10px 20px;border-radius:30px;font-size:13px;font-weight:800;margin:10px 0 20px}.result-head .earned svg{width:17px;height:17px}.result-word{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}.result-word button{background:none;color:var(--teal);display:flex;gap:9px;align-items:center;font-family:'Noto Sans Thai',sans-serif;font-weight:600}.result-word svg{width:17px;height:17px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;font-size:12px;padding:13px 22px;border-radius:30px;z-index:100;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:1}.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(22px)}.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}.how-grid .reveal:nth-child(2),.destinations .reveal:nth-child(2){transition-delay:.1s}.how-grid .reveal:nth-child(3),.destinations .reveal:nth-child(3){transition-delay:.2s}@keyframes world-arrive{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubble-sway{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes twinkle{0%,100%{opacity:.4;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(12deg)}}@keyframes chang-breathe{0%,100%{transform:rotate(5deg) scale(1)}50%{transform:rotate(2deg) scale(1.025)}}@keyframes pulse-sound{50%{box-shadow:0 0 0 7px #148c9210}}@keyframes fade-up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-arrive{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hero{min-height:720px}.hero-world{min-height:480px}}@media(max-width:1000px){.desktop-nav{gap:18px}.nav-wrap{gap:20px}.nav-actions{gap:17px}.hero{gap:10px;min-height:600px}h1{font-size:55px}.hero-chang{width:120%}.hero-description{font-size:14px}.hello-bubble{left:0;top:8%;padding:11px 15px}.how-grid{padding-inline:0;gap:30px}.try-grid{padding:0;gap:65px}.daily-grid{padding:0;gap:65px}.widget-small{left:0;width:300px}.phone-mock{left:15px}.widget-sticker{right:-15px}.daily-copy h2{font-size:38px}.faq-section{gap:50px}.final-inner{padding-inline:40px}.footer-links{gap:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:74px}.nav-wrap{width:calc(100% - 36px);gap:15px}.brand{font-size:25px}.brand img{width:33px;height:33px;border-radius:10px}.desktop-nav{display:none}.language-button{font-size:11px}.nav-login{padding:9px 15px;font-size:11px;border-radius:10px}.nav-actions{gap:16px}.hero{grid-template-columns:1fr;text-align:center;padding-block:37px 38px;gap:0}.hero-copy>.eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px}h1{font-size:48px;letter-spacing:-2px;margin-block:18px}.hero-description{font-size:13px;line-height:1.8;max-width:370px;margin-inline:auto}.hero-actions{align-items:center;gap:20px;margin-top:24px}.hero-actions .button{width:min(330px,100%);font-size:12px;min-height:52px;justify-content:space-between}.hero-foot{justify-content:center;font-size:9px;margin-top:19px}.hero-world{min-height:330px;max-width:420px;width:100%;margin:12px auto 0;grid-row:2;align-self:auto}.hero-chang{width:103%;max-width:none}.world-halo{inset:0 auto auto;width:90%}.hello-bubble{top:14px;left:8px;padding:9px 12px;column-gap:10px;border-radius:15px 15px 15px 4px}.hello-bubble>span{font-size:20px}.hello-bubble>small{font-size:8px}.world-tag{bottom:-2px;right:7%;font-size:8px;padding:8px 11px}.world-tag svg{width:13px}.spark-one{top:10px;right:20px}.spark-two{left:0;bottom:45px}.strip-inner{flex-direction:column;justify-content:center;gap:12px;min-height:110px;padding-block:18px}.strip-inner>span{font-size:9px}.strip-inner>div{gap:25px;justify-content:center;flex-wrap:wrap}.language-pill{font-size:10px;padding:5px 0 8px;gap:7px}.language-pill svg{width:21px;height:17px}.section{padding-block:65px}.section-heading{margin-bottom:35px}.eyebrow{font-size:8px;letter-spacing:1.3px}h2{font-size:35px;letter-spacing:-1.2px;margin-block:14px 18px}.section-heading>p,.try-copy>p,.daily-copy>p{font-size:12px;line-height:1.9}.how-grid{grid-template-columns:1fr;gap:28px;max-width:380px;margin:auto}.feature{display:grid;grid-template-columns:55px 1fr;column-gap:16px;text-align:left}.feature-icon{grid-row:1/3;width:51px;height:51px;border-radius:16px;margin-top:5px}.feature-icon svg{width:25px}.feature h3{font-size:19px;margin:3px 0 7px}.feature p{font-size:11px;margin:0}.try-section{padding-block:58px}.try-grid{grid-template-columns:1fr;gap:35px;padding-inline:0;max-width:420px}.try-copy{text-align:center}.try-copy .eyebrow{justify-content:center}.try-copy>p{margin-inline:auto;max-width:330px}.lesson-tabs{justify-content:center;margin-top:20px}.try-copy p.tone-note{font-size:9px;margin:20px auto 0}.word-demo{max-width:340px;width:100%;margin:auto;padding:21px 25px;transform:rotate(1deg)}.thai-word{font-size:43px}.destinations{grid-template-columns:1fr;max-width:420px;margin:auto;gap:17px}.destination{display:grid;grid-template-columns:135px 1fr;border-radius:17px}.destination-art{height:100%;min-height:190px}.destination-art>svg{height:100%;width:200px;max-width:none;position:absolute}.destination-number{font-size:8px;left:13px;top:13px}.destination-copy{padding:19px 17px}.destination-copy>small{font-size:7px}.destination-copy h3{font-size:20px;margin-block:7px}.destination-copy p{font-size:10px;line-height:1.8;margin-bottom:12px}.destination-link{font-size:9px}.journey-bottom{flex-wrap:wrap;margin:28px auto 0;gap:8px;max-width:340px;font-size:9px}.journey-bottom .text-action{margin:10px 35px 0;font-size:10px}.daily-section{padding-block:58px}.daily-grid{display:flex;flex-direction:column-reverse;gap:35px;max-width:420px;padding:0}.daily-copy{text-align:center}.daily-copy>.eyebrow{justify-content:center}.daily-copy h2{font-size:35px}.daily-copy>p{max-width:340px;margin-inline:auto}.check-list{display:inline-block;text-align:left;margin-block:10px 20px}.check-list li{font-size:10px;margin-block:12px}.daily-copy .text-action{display:flex;justify-content:center}.availability{margin:18px auto 0;font-size:8px;max-width:310px}.widget-world{height:470px;width:330px;max-width:100%;margin:auto}.phone-mock{left:30px;top:5px;width:225px;height:444px;border-radius:37px}.phone-time{font-size:49px}.phone-date{font-size:8px}.phone-temple{bottom:15px}.widget-small{left:22px;width:300px;padding:11px 16px 11px 10px;bottom:0}.widget-small>img{width:77px}.widget-small strong{font-size:17px}.widget-sticker{right:-3px;top:10px;font-size:6px;padding:11px 13px}.faq-section{grid-template-columns:1fr;gap:5px}.faq-intro{text-align:center}.faq-intro>.eyebrow{justify-content:center}.faq-intro>img{display:none}.faq-list{max-width:420px;width:100%;margin:auto}.faq-list summary{font-size:16px}.faq-list details{padding-block:20px}.faq-list details p{font-size:11px}.final-section{padding-block:45px}.final-inner{flex-direction:column;gap:20px;text-align:center;padding:0}.final-inner>div>.eyebrow{justify-content:center}.final-inner h2{font-size:36px}.final-inner>img{width:170px}.final-inner .button{min-width:290px}.site-footer{padding-block:35px 22px}.footer-main{flex-direction:column;gap:15px}.footer-main .brand{font-size:25px}.footer-links{gap:17px;font-size:9px;line-height:2}.footer-main>div>p{font-size:10px}.footer-bottom{font-size:8px;gap:12px;flex-wrap:wrap;margin-top:23px;padding-top:20px}.footer-bottom>span:nth-child(2){display:none}.flow-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.flow-header{padding:18px 20px;gap:15px}.flow-content{padding:25px 25px 30px}.flow-content h2{font-size:28px}.flow-chang{width:80px}.flow-footer{padding:20px 25px max(25px,env(safe-area-inset-bottom));flex-direction:column-reverse;gap:17px;align-items:stretch}.flow-footer .button{width:100%}.flow-footer>p{font-size:9px;max-width:100%;text-align:center}.flow-kicker{font-size:8px}.option{padding:16px;font-size:12px}.lesson-choices .option{min-height:64px}.language-dialog{padding:25px 20px;border-radius:22px}.dialog-header h2{font-size:25px}.language-choice{padding:15px}.info-dialog{padding:35px 24px}.info-dialog h2{font-size:28px}.info-dialog p,.info-dialog li{font-size:12px}.info-dialog .button{font-size:11px}.result-word{font-size:12px}.info-close{right:15px;top:15px}}@media(max-width:380px){.nav-login{display:none}.language-button{gap:6px}h1{font-size:43px}.hero-world{min-height:285px}.strip-inner>div{gap:15px}.destination{grid-template-columns:110px 1fr}.destination-copy{padding:17px 14px}.flow-content{padding-inline:20px}.lesson-choices{gap:9px}.lesson-choices .option{padding:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.in-view){opacity:1;transform:none}}

.store-badges{display:flex;gap:11px;margin:25px 0}.store-badge{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fffefa;border-radius:10px;padding:10px 13px;text-align:left;min-width:140px}.store-badge:disabled{opacity:1;cursor:default}.store-badge svg{width:25px;height:28px}.store-badge>span:last-child{display:flex;flex-direction:column;gap:1px}.store-badge small{font-size:7px;letter-spacing:.4px}.store-badge strong{font-size:16px;font-weight:650;letter-spacing:-.5px}.option.correct:disabled{opacity:1}.hero-chang{animation:world-arrive 1.2s var(--ease) both,hero-sway 8s 1.2s ease-in-out infinite}@keyframes hero-sway{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.5deg)}}@media(max-width:760px){.store-badges{justify-content:center;margin:20px 0}.store-badge{min-width:132px;padding:9px 11px}.store-badge strong{font-size:15px}}

@media(max-width:760px){.nav-wrap{gap:12px}.brand{font-size:23px;gap:7px}.brand img{width:30px;height:30px}.nav-actions{gap:12px}.nav-login{padding:9px 12px}}
html[lang="ru"] h1{font-size:clamp(42px,4.3vw,55px)}.feature p{font-size:13px}.destination-copy p{font-size:12px}.word-context p{font-size:11px}
@media(max-width:760px){html[lang="ru"] h1{font-size:39px;letter-spacing:-1.4px}.hero-description{font-size:14px}.section-heading>p,.try-copy>p,.daily-copy>p{font-size:14px}.feature p{font-size:13px}.feature h3{font-size:20px}.word-context p{font-size:12px}.destination-copy p{font-size:12px}.check-list li{font-size:12px}.faq-list details p{font-size:13px}.flow-content p{font-size:13px}.flow-footer>p{font-size:10px}.flow-content .option{font-size:14px}}

/* Decorative layers never intercept taps. */
.try-section:before,.world-halo,.world-spark,.world-tag{pointer-events:none}.try-grid{position:relative;z-index:1}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hero-world,.widget-world,.destination-art{-webkit-touch-callout:none}
.option-check{display:grid;place-items:center!important;width:22px!important;flex:none!important;opacity:0;transform:scale(.7);transition:opacity .18s,transform .25s var(--ease);color:var(--teal)}.option.selected .option-check{opacity:1;transform:scale(1)}.option.selected{box-shadow:0 3px 0 #9dc4af;background:#e1f2e6;border-color:#66a78d}.option{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.option>span:not(.option-check){pointer-events:none}.option svg{pointer-events:none}
.flow-footer .button:disabled{background:#e0e6df;color:#8a9a90;box-shadow:0 3px 0 #cbd5cc;opacity:1;transform:none}.flow-footer .button:not(:disabled){animation:button-ready .28s var(--ease)}
.hero-description,.section-heading>p,.try-copy>p,.daily-copy>p,.feature p,.destination-copy p,.word-context p,.faq-list details p{font-weight:500;color:#526c70}p strong,.check-list strong,.flow-content strong{font-weight:800;color:var(--ink)}.check-list li{font-weight:550;color:#526f64}.availability{color:#697c6c;font-size:10px}.footer-main>div>p,.footer-links{color:#65796c}.hero-foot{color:#5e786c}.tone-note{color:#647d6c!important}
.hero-chang{will-change:transform}.hello-bubble:hover{animation-play-state:paused}.primary .arrow,.destination-link svg{transition:transform .28s var(--ease)}.primary:hover .arrow{transform:translate(3px,-2px)}.destination-link:hover svg{transform:translateX(4px)}.destination-art>svg{transform-origin:50% 100%;animation:landmark-breathe 10s ease-in-out infinite}.destination:nth-child(2) .destination-art>svg{animation-delay:-3s}.destination:nth-child(3) .destination-art>svg{animation-delay:-6s}.widget-sticker{animation:sticker-sway 7s ease-in-out infinite}@keyframes button-ready{from{filter:brightness(.9);transform:translateY(1px)}to{filter:brightness(1);transform:translateY(0)}}@keyframes landmark-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}@keyframes sticker-sway{0%,100%{transform:rotate(9deg)}50%{transform:rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.hero-chang{will-change:auto}.option-check,.primary .arrow,.destination-link svg{transition:none}}

@media(max-width:760px){.strip-inner>div{gap:14px;row-gap:8px}.language-pill{font-size:10px;gap:5px}.language-pill svg{width:19px;height:15px}}html[lang="fr"] h1{font-size:clamp(42px,4.6vw,59px)}html[lang="fr"] .final-inner h2{font-size:39px}@media(max-width:760px){html[lang="fr"] h1{font-size:43px}html[lang="fr"] .final-inner h2{font-size:33px}}