.landing-page{overflow:clip}.landing-page .site-shell{width:min(100% - 96px,1240px)}.landing-opening{isolation:isolate;position:relative}.landing-ribbons{z-index:-2;object-fit:cover;object-position:center;opacity:.9}.landing-opening:after{content:"";z-index:-1;background:linear-gradient(90deg, #f7f7f0ed 0%, #f7f7f0ad 35%, #f7f7f000 72%), linear-gradient(0deg, var(--canvas), transparent 18%);position:absolute;inset:0}.landing-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:700px;padding-block:44px 48px;display:grid}.landing-eyebrow{letter-spacing:.16em;color:var(--accent);margin:0 0 24px;font-size:10px;font-weight:600;line-height:1.8}.landing-hero h1{font-family:var(--font-manrope), var(--font-noto-thai), sans-serif;letter-spacing:-.065em;margin:0;font-size:clamp(48px,5.2vw,74px);font-weight:600;line-height:1.08}.landing-hero h1 span{color:#53705b;display:block}.landing-hero-description{color:#4b6050;max-width:400px;margin:28px 0 0;font-size:17px;line-height:1.8}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:32px;display:flex}.landing-page .landing-primary{border-radius:100px;gap:10px;min-height:52px;padding:12px 26px;font-size:15px}.landing-text-link{text-underline-offset:6px;align-items:center;gap:16px;min-height:38px;font-size:13px;font-weight:600;-webkit-text-decoration:underline #254e4055;text-decoration:underline #254e4055;display:inline-flex}.landing-text-link:hover{text-decoration-color:currentColor}.landing-availability{color:#5d6e61;max-width:300px;margin:14px 0 0;font-size:11px;line-height:1.75}.landing-hero-preview{min-width:0;margin:0}.landing-hero-composition{object-fit:contain;filter:drop-shadow(0 22px 20px #183e321a);width:100%;height:auto;max-height:660px;animation:.8s cubic-bezier(.16,1,.3,1) both hero-composition-enter;display:block}.app-screen{background:#202823;border:5px solid #27352d;border-radius:39px;width:250px;overflow:hidden;box-shadow:0 0 0 1px #a2aa9f,0 30px 50px -20px #183e324d,inset 0 0 0 1px #a2aa9f}.app-screen img{border-radius:32px;width:100%;height:auto;display:block}.landing-hero-preview figcaption{flex-direction:column;align-items:center;gap:5px;margin-top:22px;font-size:12px;display:flex}.landing-hero-preview figcaption span:last-child{color:var(--muted);font-size:10px}.landing-facts{color:#4b6050;border-top:1px solid #254e4025;justify-content:space-between;margin-block:0;padding:28px 0 32px;font-size:12px;list-style:none;display:flex}.landing-facts li{align-items:center;gap:14px;display:flex}.landing-facts li:before{content:"";background:#6e8973;border-radius:50%;width:5px;height:5px}.landing-learning{padding-block:106px 104px}.landing-section-heading{max-width:650px}.landing-section-heading h2,.landing-feature-copy h2,.landing-download h2{font-family:var(--font-manrope), var(--font-noto-thai), sans-serif;letter-spacing:-.05em;white-space:pre-line;text-wrap:balance;margin:0;font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.15}.landing-section-heading>p:last-child{color:var(--muted);max-width:525px;margin-top:22px;font-size:16px;line-height:1.85}.landing-learning-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;margin-top:52px;display:grid}.landing-step-number{color:#6c8170;font-size:12px;font-family:var(--font-manrope), sans-serif}.landing-learning-steps article{border-top:1px solid var(--border);padding-top:20px}.landing-learning-steps h3{margin:22px 0 12px;font-size:18px;font-weight:600;line-height:1.6}.landing-learning-steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.landing-story{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:10px 100px;display:grid}.landing-story-art{background:#e2e9d9 url(/branding/landing-ribbons.webp) 30%/cover;border-radius:180px 180px 32px 32px;justify-content:center;align-items:center;padding:44px 30px;display:flex}.landing-story-art .app-screen{width:256px;transform:rotate(-3deg)}.landing-feature-copy>p:not(.landing-eyebrow){color:var(--muted);max-width:420px;margin:26px 0;font-size:16px;line-height:1.9}.landing-feature-copy ul{margin:26px 0;padding:0;list-style:none}.landing-feature-copy li{border-bottom:1px solid var(--border);gap:14px;padding:13px 0;font-size:13px;display:flex}.landing-feature-copy li:before{content:"↗";color:#718773}.landing-widget{background:#e5ebdd;position:relative}.landing-widget-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:84px;padding-block:50px 0;display:grid}.landing-widget .landing-feature-copy{padding-block:35px 65px}.landing-widget-note{color:var(--muted);margin-top:26px;font-size:11px;display:block}.landing-widget-art{justify-content:center;align-self:end;padding-bottom:32px;display:flex}.landing-download{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:120px 100px;scroll-margin-top:30px;display:grid}.landing-download-copy>p:not(.landing-eyebrow){color:var(--muted);max-width:410px;margin:22px 0 30px;font-size:16px;line-height:1.9}.landing-download-mascot{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.landing-download-mascot .mascot-image{width:240px;margin:0}.landing-download-mascot>span{max-width:300px;color:var(--accent);font-size:16px;line-height:1.7}.landing-topics{padding-block:24px 96px}.landing-topics .landing-section-heading>p:last-child{max-width:520px;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.9}.landing-topics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:52px;margin-top:52px;display:grid}.landing-topic{border-top:1px solid var(--border);padding-top:22px}.landing-topic-glyph{color:var(--accent);align-items:baseline;gap:12px;margin:0 0 20px;display:flex}.landing-topic-glyph span:first-child{font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:44px;line-height:1}.landing-topic-glyph span:last-child{color:var(--muted);font-size:13px;font-weight:600}.landing-topic h3{letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:600;line-height:1.35}.landing-topic h3 a{color:var(--ink);text-underline-offset:6px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .16s,text-decoration-color .16s}.landing-topic h3 a:hover{color:var(--accent);text-decoration-color:#edd79f}.landing-topic>p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.landing-topic ul{margin:18px 0 0;padding:0;list-style:none}.landing-topic li a{min-height:46px;color:var(--accent);border-top:1px solid #254e4018;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.landing-topic li a:after{content:"→";color:#8aa08f;transition:transform .2s cubic-bezier(.16,1,.3,1),color .16s}.landing-topic li a:hover:after{color:var(--accent);transform:translate(4px)}.landing-topics-more{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:40px;padding-top:22px;display:flex}.landing-topics-more p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 18px;margin:0;font-size:13px;display:flex}.landing-topics-more p a{min-height:38px;color:var(--accent);text-underline-offset:6px;align-items:center;font-weight:600;display:inline-flex}.landing-page[lang=th] .landing-topic h3{letter-spacing:0;line-height:1.5}.landing-page .home-faq{padding-block:52px 80px}.landing-page[lang=th] .landing-hero h1{font-family:var(--font-noto-thai), sans-serif;letter-spacing:-.035em;font-size:clamp(44px,4.75vw,67px);line-height:1.4}.landing-page[lang=th] :is(.landing-section-heading h2,.landing-feature-copy h2,.landing-download h2){font-family:var(--font-noto-thai), sans-serif;letter-spacing:-.03em;line-height:1.5}.landing-page[lang=th] .landing-eyebrow{letter-spacing:.035em;font-size:12px}@media (max-width:1100px) and (min-width:768px){.landing-page .site-shell{width:calc(100% - 64px)}.landing-hero{gap:30px;min-height:640px}.landing-hero h1{font-size:clamp(44px,5.5vw,60px)}.landing-hero-description{font-size:15px}.landing-story,.landing-download{gap:52px}.landing-widget-inner{gap:36px}}@media (max-width:767px){.landing-page .site-shell{width:calc(100% - 40px)}.landing-hero{grid-template-columns:1fr;gap:42px;min-height:0;padding-block:32px 30px}.landing-hero h1{letter-spacing:-.06em;max-width:530px;font-size:clamp(43px,8.7vw,64px)}.landing-hero-description{max-width:440px;margin-top:22px;font-size:16px}.landing-eyebrow{letter-spacing:.12em;margin-bottom:20px;font-size:9px}.landing-hero-actions{flex-flow:wrap;align-items:center;gap:18px;margin-top:24px}.landing-page .landing-primary{gap:10px;min-height:50px;padding:10px 22px;font-size:14px}.landing-availability{max-width:100%;font-size:10px}.landing-hero-preview{justify-self:center;width:min(100%,440px)}.app-screen{border-width:4px;border-radius:28px}.app-screen img{border-radius:23px}.landing-hero-preview figcaption{margin-top:14px;font-size:11px}.landing-facts{flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;padding-block:22px;font-size:10px}.landing-facts li{gap:8px}.landing-opening:after{background:linear-gradient(180deg,#f7f7f0d9 0%,#f7f7f0aa 40%,transparent 65%,var(--canvas) 98%)}.landing-learning{padding-block:66px 60px}.landing-section-heading h2,.landing-feature-copy h2,.landing-download h2{font-size:clamp(30px,7vw,42px)}.landing-section-heading>p:last-child,.landing-feature-copy>p:not(.landing-eyebrow),.landing-download-copy>p:not(.landing-eyebrow){font-size:15px}.landing-learning-steps{grid-template-columns:1fr;gap:26px;margin-top:34px}.landing-learning-steps article{grid-template-columns:30px 1fr;gap:8px 16px;padding-top:18px;display:grid}.landing-step-number{padding-top:5px}.landing-learning-steps h3{margin:0;font-size:17px}.landing-learning-steps p{grid-column:2;font-size:13px}.landing-story{grid-template-columns:1fr;gap:36px;padding-block:0 70px}.landing-story-art{border-radius:120px 120px 24px 24px;align-items:flex-start;max-height:510px;padding:32px 24px 0;overflow:hidden}.landing-story-art .app-screen{flex-shrink:0;width:230px}.landing-widget-inner{grid-template-columns:1fr;gap:20px;padding-top:50px}.landing-widget .landing-feature-copy{padding:0}.landing-widget-art .lock-preview{width:min(90%,350px)}.landing-download{grid-template-columns:1fr;gap:36px;padding-block:65px}.landing-download-mascot{text-align:left;flex-direction:row;justify-content:center;gap:20px}.landing-download-mascot .mascot-image{width:120px}.landing-download-mascot>span{max-width:160px;font-size:14px}.landing-page .home-faq{padding-block:38px 50px}.landing-topics{padding-block:8px 64px}.landing-topics .landing-section-heading>p:last-child{font-size:15px}.landing-topics-grid{gap:36px;margin-top:34px}.landing-topic-glyph span:first-child{font-size:38px}.landing-page[lang=th] .landing-hero h1{font-size:clamp(35px,7.3vw,50px);line-height:1.5}}@keyframes hero-composition-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1400px){.landing-hero{gap:72px;padding-block:40px}}@media (prefers-reduced-motion:reduce){.landing-hero-composition{animation:none}}