@font-face{font-family:system-fallback;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Arial,"Microsoft YaHei",system-ui,sans-serif;color:#17191d;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #417bfa;outline-offset:5px}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}svg{display:block}::selection{background:#d7e4fc}.site-nav{position:fixed;inset:0 0 auto;z-index:60;height:76px;border-bottom:1px solid #eceef0;background:#ffffffed;backdrop-filter:blur(18px)}.nav-inner{height:100%;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:48px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.logo-symbol{display:grid;place-items:center;width:31px;height:34px;color:#196aee;font-size:28px;font-weight:500;transform:rotate(-8deg)}.logo em{font-style:normal;font-weight:400;color:#73777e}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;color:#5a5e65}.nav-links a:hover{color:#16191d}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:13px}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#181a1e;color:white;padding:14px 25px;border-radius:40px;font-size:14px;border:1px solid #181a1e;min-height:48px;transition:transform .2s,background .2s}.pill-button:hover{transform:translateY(-2px);background:#32363e}.pill-button svg,.text-link svg{width:17px;height:17px}.pill-button.light{color:#20242a;background:white;border-color:#e0e3e8}.pill-button.light:hover{background:#f3f6fa}.nav-actions>.pill-button{padding:10px 18px;min-height:38px;font-size:12px}.menu-toggle{display:none;border:0;background:none;width:36px;height:38px;padding:8px}.menu-toggle span{height:1px;background:#1e2227;display:block;margin:6px 0}.hero{position:relative;min-height:900px;height:calc(100svh - 20px);max-height:1200px;display:flex;align-items:center;justify-content:center;padding:140px 24px 100px;overflow:hidden}.particle-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;max-width:1100px}.release-note{display:inline-flex;align-items:center;gap:10px;border:1px solid #e3e6eb;padding:7px 12px 7px 7px;border-radius:30px;font-size:12px;color:#5e626b;background:#ffffffcf;margin-bottom:46px}.release-note span{background:#eceff6;color:#41617c;border-radius:20px;padding:4px 9px;font-size:10px;letter-spacing:.4px}.release-note svg{width:13px;height:13px}.hero h1{font-size:clamp(48px,6.8vw,100px);line-height:1.22;font-weight:400;letter-spacing:-5px}.hero h1>span{display:block}.hero h1 .second-line{color:#767b84}.hero-content>p{font-size:15px;line-height:1.9;color:#737982;margin:30px auto 0;max-width:490px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.hero-footnote{font-size:11px!important;color:#979ca5!important;margin-top:18px!important;letter-spacing:.1px}.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:15px;align-items:center;color:#969ba3;font-size:10px;letter-spacing:1.7px}.scroll-cue i{width:1px;height:29px;background:linear-gradient(#b2b9c4,transparent)}.section-wrap{max-width:1320px;margin:auto;padding:0 60px}.section-kicker{font-size:11px;letter-spacing:1.7px;color:#717985;font-weight:500;text-transform:uppercase}.product-section{padding:88px 0 115px;border-top:1px solid #edf0f2;background:#f8fafc}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:25px 0 52px}.section-top h2,.large-heading{font-size:clamp(33px,4.4vw,62px);font-weight:400;line-height:1.3;letter-spacing:-2px}.section-top>p{font-size:14px;line-height:1.9;color:#747c89;max-width:325px}.product-stage{min-height:620px;border:1px solid #e4e8ee;border-radius:20px;background:#eef2f8;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr 400px;align-items:center;padding:48px 70px;gap:60px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#bbc7d62b 1px,transparent 1px),linear-gradient(90deg,#bbc7d62b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#0005)}.stage-copy{position:relative;z-index:2;max-width:370px}.stage-label{font-size:11px;color:#6f7f97;display:flex;align-items:center;gap:9px}.stage-label:before{content:"";width:6px;height:6px;background:#5a86df;border-radius:50%}.stage-copy h3{font-size:36px;line-height:1.45;font-weight:400;letter-spacing:-1px;margin:24px 0 15px}.stage-copy p{font-size:14px;line-height:1.9;color:#798494}.stage-tabs{display:flex;gap:6px;margin-top:31px;border-bottom:1px solid #d3dce7}.stage-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 14px;color:#8590a0;font-size:12px}.stage-tabs button[aria-selected=true]{color:#2e5d9d;border-bottom-color:#366fcb}.stage-detail{font-size:12px!important;min-height:48px;margin-top:18px;line-height:1.8!important}.phone{width:268px;height:562px;border:7px solid #25282c;background:#fffefa;border-radius:40px;overflow:hidden;position:relative;box-shadow:0 20px 50px #273c5d1c,0 2px 4px #1c28393b;justify-self:center;z-index:2;transform:rotate(7deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.product-stage:hover .phone{transform:rotate(2deg) translateY(-8px)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:72px;height:17px;background:#25282c;border-radius:20px;z-index:4}.floating-card{position:absolute;right:22px;bottom:74px;background:#fffffff2;border:1px solid #e0e6ee;border-radius:14px;padding:16px 20px;box-shadow:0 12px 32px #18345610;z-index:4;display:flex;gap:13px;align-items:center;animation:float 6s ease-in-out infinite}.card-check{display:grid;place-items:center;background:#e7f1e8;border-radius:50%;color:#5e9170;width:31px;height:31px;font-size:16px}.floating-card b{display:block;font-size:13px;font-weight:500}.floating-card small{display:block;margin-top:5px;color:#8c969d;font-size:10px}.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:45px}.product-facts article{border-left:1px solid #dbe1e9;padding-left:22px}.product-facts h3{font-size:15px;font-weight:500;margin-bottom:12px}.product-facts p{font-size:13px;line-height:1.9;color:#7e8794}.routes-section{padding:125px 0 130px}.routes-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:25px 0 55px}.routes-intro p{max-width:300px;font-size:14px;line-height:1.9;color:#7d8491}.route-list{border-top:1px solid #e4e7eb}.route-row{position:relative;display:grid;grid-template-columns:65px 1fr 1.1fr 45px;align-items:center;gap:30px;padding:36px 14px;border-bottom:1px solid #e4e7eb;transition:background .25s,padding .3s}.route-row:hover{background:#f7f9fd;padding-left:28px;padding-right:24px}.route-number{font-size:12px;color:#9aA2ae}.route-name{font-size:32px;font-weight:400;letter-spacing:-1px}.route-name span{color:#a0a7b1;margin:0 18px;font-weight:300}.route-description{font-size:13px;color:#788291;line-height:1.9}.route-description small{display:block;font-size:11px;color:#9ba3ad;margin-top:8px}.route-row svg{width:24px;height:24px;color:#a0a8b5}.practice-section{padding:110px 0;background:#171c26;color:#eef1f5;position:relative;overflow:hidden}.practice-section:before{content:"";position:absolute;width:650px;height:650px;right:-200px;top:-350px;background:radial-gradient(ellipse,#25334c,transparent 70%);pointer-events:none}.practice-section .section-kicker{color:#8896ad}.practice-section .section-top>p{color:#94a1b5}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sound-demo,.study-demo{background:#1d2431;border:1px solid #30394a;border-radius:18px;padding:42px;position:relative;min-height:340px}.demo-number{font-size:11px;color:#7e8fa7;letter-spacing:.6px}.sound-word{display:flex;align-items:center;gap:22px;margin:38px 0 30px}.sound-word h3{font-size:54px;font-weight:400;letter-spacing:4px}.sound-word p{font-size:13px;color:#8495ad;margin-top:9px;letter-spacing:2px}.sound-play{margin-left:auto;width:60px;height:60px;border:1px solid #45566f;border-radius:50%;display:grid;place-items:center;color:#b5c9eb;background:#26344a;transition:background .3s}.sound-play:hover{background:#354c6e}.sound-play svg{width:24px;height:24px}.sound-wave{display:flex;align-items:center;gap:5px;height:37px;margin-bottom:18px}.sound-wave i{display:block;width:3px;border-radius:3px;background:#49688f;height:var(--height);transition:background .3s}.sound-demo.playing .sound-wave i{background:#97baff;animation:wave .8s ease-in-out infinite alternate;animation-delay:var(--delay)}.demo-caption{font-size:12px;color:#7f91aa;line-height:1.8}.study-demo h3{font-size:22px;font-weight:400;margin:28px 0 24px}.word-bank{display:flex;gap:8px;flex-wrap:wrap}.word-bank button,.sentence-slot button{background:#283345;border:1px solid #42506a;border-bottom:3px solid #121a28;color:#c3d1e6;border-radius:8px;padding:12px 17px;font-size:14px}.word-bank button:disabled{opacity:.2;cursor:default}.sentence-slot{height:60px;border-bottom:1px solid #42506a;margin-bottom:18px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sentence-slot button{padding:8px 10px}.order-status{min-height:21px;color:#8ba893;font-size:12px;margin-top:17px}.reset-order{position:absolute;right:30px;top:34px;border:0;background:none;color:#8394ad;font-size:11px;padding:8px}.download-section{padding:120px 0 115px;text-align:center;position:relative;overflow:hidden}.download-section .large-heading{margin:24px auto;position:relative}.download-section>div>p{color:#818a96;font-size:14px;line-height:1.9}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px;margin:45px auto 0;text-align:left}.download-card{padding:35px;border:1px solid #dfe4eb;border-radius:18px;background:#fbfcfe;position:relative}.download-card h3{font-size:23px;font-weight:400;margin:20px 0 13px}.download-card p{font-size:13px;color:#7a8696;line-height:1.8;min-height:47px}.platform-mark{display:flex;align-items:center;gap:9px;font-size:11px;color:#7a8799;letter-spacing:1px}.platform-mark svg{width:20px;height:20px}.download-card .pill-button{margin-top:27px;font-size:13px;padding:12px 23px}.release-meta{font-size:11px!important;margin-top:17px;line-height:1.9!important;min-height:0!important}.source-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#7a8798;margin:28px auto 0;border-bottom:1px solid #c8d2df;padding-bottom:4px}.source-link svg{height:15px;width:15px}.download-note{font-size:11px!important;margin:24px auto 0;max-width:700px;color:#9099a5!important}.faq-section{padding:0 0 110px}.faq-section .section-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq-heading h2{font-size:34px;line-height:1.4;font-weight:400;letter-spacing:-1px}.faq-heading p{font-size:13px;color:#9098a3;margin-top:16px}.faq-list details{border-top:1px solid #e3e7ed;padding:23px 0}.faq-list details:last-child{border-bottom:1px solid #e3e7ed}.faq-list summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#979fa9;font-size:18px}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:13px;color:#7c8797;line-height:1.9;margin:16px 27px 0 0}.site-footer{background:#f6f8fb;border-top:1px solid #e5e9ef;padding:52px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:45px}.footer-top>p{font-size:13px;color:#8b95a3;max-width:285px;line-height:1.9}.footer-links{display:flex;gap:26px;font-size:12px;color:#727f91}.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid #e0e6ee;font-size:10px;color:#949dab}.motion-ready [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].visible{opacity:1;transform:none}.hero-content{animation:appear 1.3s ease both}.hero-content h1{animation:appear 1.3s .15s ease both}.hero-actions{animation:appear 1.3s .3s ease both}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes wave{to{transform:scaleY(.35)}}
@media(min-width:1600px){.hero h1{font-size:108px}.section-wrap{max-width:1440px}}
@media(max-width:1000px){.nav-inner{padding:0 28px;gap:30px}.nav-links{gap:20px}.section-wrap{padding:0 35px}.product-stage{padding:40px;grid-template-columns:1fr 300px;gap:15px}.floating-card{right:10px}.stage-copy h3{font-size:31px}.product-facts{gap:25px}.route-row{grid-template-columns:40px 1fr 1fr 25px;gap:20px}.route-name{font-size:27px}.sound-demo,.study-demo{padding:30px}}
@media(max-width:700px){html{scroll-padding-top:90px}.site-nav{height:64px}.nav-inner{padding:0 20px;gap:12px}.logo{font-size:18px}.logo-symbol{font-size:25px;width:25px}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;background:white;padding:18px 25px;border-bottom:1px solid #e6e9ed;gap:0}.nav-links a{padding:13px 0;font-size:15px}.site-nav.menu-open .nav-links{display:flex}.nav-actions{gap:12px}.nav-actions>a:not(.pill-button){display:none}.nav-actions>.pill-button{font-size:11px;min-height:34px;padding:8px 12px}.menu-toggle{display:block}.hero{height:calc(100svh - 10px);min-height:710px;max-height:900px;padding:112px 20px 100px}.release-note{font-size:10px;margin-bottom:38px;gap:7px}.release-note span{font-size:9px}.hero h1{font-size:clamp(36px,9vw,58px);letter-spacing:-1.8px;line-height:1.4}.hero-content>p{font-size:13px;max-width:290px;margin-top:25px;line-height:1.9}.hero-actions{gap:10px;margin-top:29px}.hero-actions .pill-button{font-size:12px;padding:13px 20px}.hero-footnote{font-size:10px!important}.scroll-cue{bottom:24px;font-size:9px;gap:10px}.section-wrap{padding:0 23px}.product-section{padding:65px 0 70px}.section-kicker{font-size:10px}.section-top{display:block;margin:20px 0 32px}.section-top h2,.large-heading{font-size:34px;letter-spacing:-1px;line-height:1.4}.section-top>p{font-size:13px;margin-top:20px;max-width:320px}.product-stage{display:flex;flex-direction:column;padding:30px 25px 40px;min-height:850px;gap:32px;border-radius:16px;align-items:stretch}.stage-copy{max-width:none}.stage-copy h3{font-size:27px;line-height:1.4;margin:18px 0 12px}.stage-copy p{font-size:13px}.stage-tabs{margin-top:18px}.stage-tabs button{padding:11px 16px}.stage-detail{font-size:11px!important;min-height:38px;margin-top:12px}.phone{width:228px;height:478px;align-self:center;transform:rotate(5deg);border-width:6px;border-radius:34px}.product-stage:hover .phone{transform:rotate(3deg)}.floating-card{bottom:57px;right:10px;padding:12px 15px;gap:8px}.floating-card b{font-size:11px}.floating-card small{font-size:9px}.card-check{height:26px;width:26px}.product-facts{grid-template-columns:1fr;gap:27px;padding-top:34px}.product-facts article{padding-left:18px}.product-facts h3{font-size:14px;margin-bottom:8px}.product-facts p{font-size:12px}.routes-section{padding:75px 0}.routes-intro{display:block;margin:20px 0 35px}.routes-intro p{margin-top:20px;font-size:13px}.route-row{grid-template-columns:25px 1fr 22px;gap:15px;padding:27px 0}.route-name{font-size:26px;grid-column:2}.route-name span{margin:0 12px}.route-description{grid-column:2;grid-row:2;font-size:12px}.route-description small{font-size:10px}.route-row svg{grid-column:3;grid-row:1}.route-row:hover{padding-left:8px;padding-right:5px}.route-number{font-size:10px}.practice-section{padding:70px 0}.practice-grid{grid-template-columns:1fr;gap:15px}.sound-demo,.study-demo{padding:28px;min-height:310px}.sound-word h3{font-size:45px}.sound-word{margin:30px 0 23px}.sound-play{width:53px;height:53px}.sound-wave{gap:4px}.sound-wave i{width:3px}.demo-caption{font-size:11px}.study-demo h3{font-size:21px}.word-bank button{padding:11px 16px}.download-section{padding:75px 0 65px}.download-section>div>p{font-size:13px}.download-options{grid-template-columns:1fr;margin-top:32px;gap:15px}.download-card{padding:28px;border-radius:15px}.download-card h3{font-size:24px;margin-top:19px}.download-card p{min-height:0;font-size:12px}.download-card .pill-button{margin-top:23px}.release-meta{font-size:10px!important}.download-note{font-size:10px!important;line-height:1.8!important}.faq-section{padding-bottom:70px}.faq-section .section-wrap{display:block}.faq-heading{margin-bottom:30px}.faq-heading h2{font-size:29px}.faq-heading p{font-size:12px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.site-footer{padding:35px 0 25px}.footer-top{flex-direction:column;padding-bottom:30px;gap:25px}.footer-top>p{font-size:12px}.footer-links{flex-wrap:wrap;gap:21px;font-size:11px}.footer-bottom{font-size:9px;gap:20px;line-height:1.7}.motion-ready [data-reveal]{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}}