:root{--green:#9def00;--orange:#fe5c01;--ink:#20231c;--muted:#72766d;--paper:#fafaf8;--line:#e6e8e0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--green);color:var(--ink)}.shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(250,250,248,.94)}.site-header nav{height:94px}.brand{font-size:22px;font-weight:800;white-space:nowrap}.brand img{border-radius:11px}.brand-sub{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted);border-left:1px solid #d8dacf;padding-left:12px;margin-left:2px}.nav-feature{font-size:13px;color:#62665c}.nav-download{font-size:13px;font-weight:700;background:var(--green);padding:12px 19px;border-radius:8px}.language-switch{display:flex;border:1px solid #dfe2d7;border-radius:8px;padding:3px;gap:2px}.language-switch button{border:0;background:transparent;color:#72766d;font-size:12px;padding:6px 10px;border-radius:5px}.language-switch button[aria-pressed=true]{background:var(--ink);color:white}.hero{min-height:725px;padding-top:45px;padding-bottom:48px}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:650;display:flex;align-items:center;gap:9px}.status-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.hero h1{position:relative;font-size:clamp(60px,6.8vw,88px);font-weight:850;letter-spacing:-.065em;line-height:1.23;margin:29px 0}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;left:-3px;right:-10px;bottom:4px;height:31%;background:var(--green);z-index:-1;transform:rotate(-2deg)}.heading-spark{width:57px;height:57px;display:inline-block;vertical-align:top;margin:12px 0 0 20px;fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round}.hero-description{font-size:16px;line-height:1.95;color:var(--muted);max-width:400px;margin-bottom:30px}.store-button{display:inline-flex;align-items:center;gap:13px;background:#20231c;color:white;border-radius:12px;padding:12px 20px;min-width:196px;transition:transform .2s,background .2s;text-align:left}.store-button:hover{transform:translateY(-3px);background:#363c2c}.store-button svg{width:25px;height:30px}.store-button small{display:block;font-size:10px;line-height:1.4;letter-spacing:.035em}.store-button strong{font-size:23px;font-weight:550;line-height:1.2}.store-arrow{margin-left:8px;font-size:20px;color:#c2c7b9}.hero-note{font-size:11px;color:#82867b;margin-top:13px}.hero-bottom{display:flex;align-items:center;gap:11px;margin-top:40px;font-size:12px;color:#62675b}.mini-wave{display:flex;align-items:center;gap:3px;height:24px}.mini-wave i{display:block;width:3px;height:7px;background:#6d962a;border-radius:3px}.mini-wave i:nth-child(2n){height:16px}.mini-wave i:nth-child(3n){height:24px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:620px;background:radial-gradient(ellipse at 51% 48%,#e7f4c4 0%,#eef4e5 42%,transparent 69%)}.orbit{position:absolute;border:1px solid #dce5d0;border-radius:50%;width:470px;height:470px;transform:rotate(-25deg)}.orbit-two{width:570px;height:340px;transform:rotate(-40deg)}.phone{width:280px;position:relative;z-index:1;background:linear-gradient(#c5f76d 0,#f8f9f4 30%,#f8f9f4 100%);border:6px solid #252823;border-radius:43px;padding:15px 14px 10px;transform:rotate(5deg);box-shadow:12px 24px 30px #26331420,inset 0 0 0 1px #ffffff88}.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;margin:0 5px 26px}.island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:79px;height:23px;border-radius:20px;background:#22251e}.phone-heading{font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.phone-heading span{font-size:28px}.phone-subtitle{font-size:10px;color:#546439;margin:3px 0 19px}.phone-languages{display:flex;justify-content:space-between;align-items:center;margin:0 5px 11px;font-size:12px;font-weight:600}.orange{color:var(--orange);font-size:22px}.input-card{border:1px solid #e7e9e2;background:white;border-radius:16px;padding:17px 13px;height:96px;font-size:12px;display:flex;flex-direction:column;justify-content:space-between}.input-count{align-self:flex-end;font-size:9px;color:#a3a59c}.generate{background:var(--orange);color:white;border-radius:12px;padding:11px;text-align:center;font-size:13px;font-weight:700;margin:11px 0 14px}.generate>span:first-child{font-size:17px;margin-right:4px}.result-card{background:white;border:1px solid #eaede4;border-radius:18px;padding:15px 13px}.result-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px}.result-meta>span:first-child{background:#effbd9;padding:4px 8px;border-radius:5px;color:#619422}.ready{color:#829079;font-size:8px}.result-card p{font-size:21px;font-weight:650;line-height:1.35;letter-spacing:-.6px;margin:15px 0}.audio-track{display:flex;gap:9px;align-items:center}.play-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;font-size:10px;flex-shrink:0}.audio-track>span:last-child{font-size:9px;color:#8c9185}.waveform{display:flex;align-items:center;justify-content:space-between;gap:3px;flex:1;height:30px;overflow:hidden}.waveform i{width:3px;flex-shrink:0;border-radius:3px;background:#99cd49}.add-practice{border:1px solid #ffdac0;background:#fff4eb;color:#da580e;border-radius:8px;font-size:11px;text-align:center;margin-top:13px;padding:8px}.phone-tabs{display:flex;justify-content:space-around;font-size:10px;margin:17px 0 15px;color:#6c7165}.phone-tabs .active{color:#558918}.home-indicator{height:4px;width:85px;border-radius:4px;background:#242820;margin:0 auto}.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:#fffffff2;border:1px solid #e7eade;box-shadow:0 12px 30px #323b1a09;border-radius:12px;font-size:11px;padding:15px 18px;white-space:nowrap}.label-top{top:45px;right:0;transform:rotate(5deg)}.label-bottom{bottom:53px;left:0;transform:rotate(-5deg)}.check{display:grid;place-items:center;background:var(--green);width:32px;height:32px;border-radius:50%;font-size:18px}.label-bottom strong{font-size:12px;font-weight:650}.label-bottom small{display:block;font-size:10px;margin-top:5px;color:#828778}.art-caption{position:absolute;right:8px;bottom:16px;font-size:9px;color:#969d8c;letter-spacing:.12em}.language-strip{border-block:1px solid var(--line);padding:26px 0}.strip-label{font-size:11px;color:#8a8e81}.language-list{font-size:13px;font-weight:550;color:#53594c}.features{padding-top:90px;padding-bottom:84px}.section-heading .eyebrow{color:#7a805e;font-size:10px}.section-heading h2{font-size:32px;letter-spacing:-1px;margin:13px 0}.section-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.8}.feature-grid{margin-top:32px}.feature-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:27px 25px}.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.feature-symbol{font-size:24px;font-weight:650;letter-spacing:-2px;background:#edf8da;border-radius:12px;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.feature-symbol>span{font-size:11px;margin:0 1px;align-self:flex-start;margin-top:11px}.audio-symbol{background:#fff0e3;color:var(--orange);letter-spacing:2px}.step{font-size:9px;letter-spacing:.09em;color:#989e8f}.feature-card h3{font-size:19px;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}.feature-card>p{font-size:13px;line-height:1.9;color:var(--muted);min-height:74px;margin:0}.mini-translation,.mini-audio,.mini-practice{margin-top:23px;border-top:1px solid var(--line);padding-top:19px;min-height:65px;font-size:11px}.mini-translation{display:flex;flex-direction:column;gap:8px}.mini-translation>span:first-child{color:#94998b}.mini-audio{display:flex;align-items:center;gap:15px;color:var(--orange)}.mini-audio .waveform i{background:#ffae75}.mini-audio>span:last-child{background:#f6f6f2;color:#717568;padding:5px;border-radius:4px;font-size:10px}.mini-practice{display:flex;align-items:center;justify-content:space-between;gap:5px}.practice-pill{background:#f0f8e7;color:#699139;border-radius:20px;padding:7px 10px;font-size:10px}.download-section{padding-bottom:65px}.download-panel{background:var(--green);border-radius:24px;padding:48px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.download-panel .eyebrow{font-size:10px;letter-spacing:.17em}.download-panel h2{font-size:36px;font-weight:750;margin:15px 0;letter-spacing:-1px}.download-panel p:not(.eyebrow){font-size:13px;line-height:1.7;color:#435821}.download-action{flex-shrink:0;text-align:center}.download-action p{font-size:13px!important;margin-bottom:0}.footer{border-top:1px solid var(--line);padding-block:27px 35px}.footer .brand{font-size:18px}.footer p,.footer-main>a:last-child{font-size:14px;color:#666d5e}.footer-divider{margin:0 13px;color:#c2c6b9}.skip-link{position:absolute;left:15px;top:-80px;background:var(--ink);color:white;padding:10px;z-index:10}.skip-link:focus{top:10px}.noscript-note{padding:20px;text-align:center;font-size:13px}html[lang=en] .hero h1{font-size:clamp(40px,4.5vw,56px);letter-spacing:-.065em}html[lang=en] .heading-spark{width:40px;margin-left:8px}html[lang=en] .feature-card>p{min-height:100px}html[lang=en] .download-panel h2{font-size:32px}
@media(min-width:1024px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-bottom:10px}}
@media(max-width:1100px){.hero-art .orbit-two{width:440px}.label-top{right:-5px}.label-bottom{left:-15px}.shell{width:calc(100% - 56px)}.brand-sub{display:none}.hero h1{font-size:72px}.heading-spark{width:40px;margin-left:7px}.download-panel{padding:38px}.language-strip .shell{justify-content:center}}
@media(max-width:1023px){.hero{grid-template-columns:1fr 1fr;gap:15px;min-height:660px}.hero-art{min-height:570px}.phone{width:260px}.hero h1{font-size:62px}.hero-description{font-size:14px}.label-top{top:14px}.label-bottom{bottom:15px}.hero-art .orbit{width:330px;height:420px}.hero-art .orbit-two{width:350px;height:300px}.floating-label{font-size:10px;padding:12px}.hero-bottom{margin-top:28px}.feature-card{padding:22px 19px}.step{font-size:8px}.feature-card h3{font-size:17px}.feature-card>p{min-height:98px}.section-heading h2{font-size:29px}html[lang=en] .hero h1{font-size:40px}}
@media(max-width:767px){.shell{width:calc(100% - 40px)}.site-header nav{height:76px}.brand{font-size:19px}.brand img{width:34px;height:34px}.site-header nav>div{gap:12px}.nav-feature,.nav-download{display:none}.hero{grid-template-columns:1fr;padding-top:41px;padding-bottom:25px;gap:12px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px}.hero h1{font-size:66px;margin:23px 0}.hero-description{margin:0 auto 26px;max-width:350px;font-size:14px}.hero-note{font-size:10px}.hero-bottom{justify-content:center;margin-top:22px}.hero-art{width:100%;max-width:440px;min-height:590px;margin:0 auto}.phone{width:267px}.hero-art .orbit{width:330px;height:420px}.hero-art .orbit-two{width:350px;height:320px}.label-top{top:30px;right:0}.label-bottom{left:0;bottom:22px}.art-caption{right:0;bottom:0}.language-strip{padding:23px 0}.language-list{justify-content:center;gap:14px 23px;font-size:12px}.language-strip .shell{gap:15px}.features{padding-top:55px;padding-bottom:45px}.section-heading{text-align:center}.section-heading h2{font-size:26px;line-height:1.5}.section-heading>p:last-child{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:15px;margin-top:25px}.feature-card{padding:25px}.feature-top{margin-bottom:19px}.feature-card h3{font-size:21px}.feature-card>p,html[lang=en] .feature-card>p{min-height:0;font-size:14px}.mini-translation,.mini-audio,.mini-practice{min-height:55px}.download-panel{flex-direction:column;text-align:center;padding:32px 23px;gap:22px}.download-panel h2{font-size:30px}.download-panel p:not(.eyebrow){font-size:13px}.download-section{padding-bottom:35px}html[lang=en] .hero h1{font-size:clamp(34px,8.5vw,54px)}html[lang=en] .download-panel h2{font-size:29px}}
@media(max-width:374px){.shell{width:calc(100% - 28px)}.hero h1,html[lang=en] .hero h1{font-size:40px}.hero-art .orbit{width:280px}.hero-art .orbit-two{width:290px}.floating-label{padding:10px;font-size:9px}.label-bottom strong{font-size:10px}.heading-spark{width:30px}.section-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep the decorative orbits inside the illustration on narrow screens. */
.hero-art{overflow:clip}
html[lang=en] .brand-sub{display:none}
.hero>*{min-width:0}
@media(max-width:374px){.hero-bottom{font-size:10px}.hero-bottom>span:last-child{min-width:0}.highlight:after{right:0}html[lang=en] .hero h1{font-size:29px}}

.footer-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.footer-main p{margin:0;line-height:1.8}
.footer-main>a:last-child:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){.footer-main{gap:20px}.footer-main p{width:100%;text-align:center;order:3}.footer-divider{margin-inline:8px}}

/* Keep supporting copy readable at every breakpoint. */
.eyebrow,.section-heading .eyebrow,.download-panel .eyebrow{font-size:12px;line-height:1.7}
.hero-note,.hero-bottom,.strip-label{font-size:13px;line-height:1.7}
.store-button small{font-size:12px}
.language-list,.language-switch button{font-size:14px}
.feature-card>p,.section-heading>p:last-child,.download-panel p:not(.eyebrow){font-size:15px}
.step{font-size:11px;letter-spacing:.05em}
.feature-top{gap:12px}
.feature-symbol{flex-shrink:0}
.mini-translation,.mini-audio,.mini-practice{font-size:13px}
.mini-audio>span:last-child,.practice-pill{font-size:12px}
.mini-practice{flex-wrap:wrap;gap:8px}
.floating-label{font-size:12px;white-space:normal;max-width:calc(100% - 24px)}
.label-bottom strong{font-size:13px}
.label-bottom small,.art-caption{font-size:11px}
.check,.mini-wave{flex-shrink:0}
@media(max-width:767px){
  .hero-description{font-size:15px}
  .hero-bottom{max-width:340px;margin-inline:auto}
  .floating-label{padding:12px}
}