@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');

:root{--navy:#032e50;--deep:#003d68;--ocean:#006ca4;--aqua:#14b8b2;--sky:#bff3ff;--coral:#ff6a4c;--yellow:#ffd447;--ink:#082b3b;--muted:#617784;--line:#d9e8ec;--soft:#f3f9fa;--white:#fff;--shadow:0 24px 60px rgba(0,51,84,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Noto Sans SC','PingFang SC',sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,20,48,.22))}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:19px;letter-spacing:.08em}.brand-copy small{font-size:9px;letter-spacing:.16em;opacity:.7;margin-top:5px;text-transform:uppercase}
.desktop-nav{display:flex;gap:36px;font-size:14px;font-weight:500}.desktop-nav a{opacity:.8;transition:.2s}.desktop-nav a:hover{opacity:1;color:var(--yellow)}
.header-cta{font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.7);padding:10px 18px;border-radius:999px}.header-cta span{color:var(--yellow);margin-left:6px}
.menu-toggle{display:none;background:none;border:0;color:#fff;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px}
.hero{min-height:780px;height:100vh;position:relative;color:#fff;display:flex;align-items:center;padding:100px 8vw 50px;isolation:isolate;overflow:hidden;background:var(--navy)}
.hero-art{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;z-index:-2;transform-origin:62% 45%;animation:hero-ocean-drift 8s ease-in-out infinite alternate;will-change:transform}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,33,70,.95) 0%,rgba(2,48,87,.79) 32%,rgba(0,69,110,.2) 63%,rgba(0,0,0,.03) 100%)}
@keyframes hero-ocean-drift{0%{transform:scale(1) translate3d(-2.4%,1.5%,0)}42%{transform:scale(1.07) translate3d(2.2%,-1.8%,0)}100%{transform:scale(1.13) translate3d(-1.2%,-3.2%,0)}}
.hero-content{max-width:650px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:13px;color:var(--ocean)}.eyebrow{color:var(--sky)}.eyebrow span{width:24px;height:2px;background:var(--coral)}
.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.1;letter-spacing:-.055em;margin:24px 0 22px;font-weight:900}.hero h1 em{font-style:normal;color:var(--yellow);white-space:nowrap}
.hero-content>p{font-size:19px;max-width:590px;opacity:.88;line-height:1.9;margin:0 0 34px}
.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap}.button{height:54px;padding:0 24px;border-radius:15px;border:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:15px;transition:.25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--coral);color:#fff;box-shadow:0 15px 36px rgba(255,106,76,.3)}.button-ghost{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.play{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:var(--deep);font-size:9px;padding-left:2px}
.trust-row{display:flex;align-items:center;gap:24px;margin-top:42px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:18px}.trust-row span{font-size:12px;opacity:.6}.trust-row i{height:30px;width:1px;background:rgba(255,255,255,.25)}
.scroll-hint{position:absolute;right:5vw;bottom:26px;display:flex;align-items:center;gap:12px;padding:8px 9px 8px 18px;border:0;border-radius:999px;background:#062f55;box-shadow:0 10px 28px rgba(0,20,43,.45),inset 0 0 0 2px rgba(255,208,58,.85);overflow:hidden;color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;transition:background .2s ease,transform .2s ease}.scroll-hint:hover{background:#0a4775;transform:translateY(-3px)}.scroll-hint i{font-style:normal;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:18px;font-weight:900;animation:scroll-arrow-nudge 1.4s ease-in-out infinite}.scroll-hint span{text-shadow:0 1px 5px rgba(0,0,0,.35)}@keyframes scroll-arrow-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.value-section,.steps-section,.scenes-section,.plans-section,.faq-section{padding:112px 7vw}.section-intro{text-align:center;max-width:720px;margin:0 auto 58px}.section-intro.left{text-align:left;margin-left:0}.section-intro h2,.demo-copy h2,.safety-section h2{font-size:clamp(36px,4vw,58px);line-height:1.2;letter-spacing:-.04em;margin:14px 0 18px}.section-intro p{color:var(--muted);font-size:17px;margin:0}.section-kicker.light{color:var(--sky)}
.value-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px;max-width:1240px;margin:auto}.value-card{border:1px solid var(--line);border-radius:24px;padding:32px;min-height:360px;position:relative;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card-number{position:absolute;right:25px;top:19px;font-size:12px;font-weight:800;opacity:.28}.value-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin-bottom:55px;flex:0 0 auto}.value-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.value-icon.coral{background:#ffe7e1;color:#d94328}.value-icon.yellow{background:#fff4c7;color:#b77a00}.value-icon.aqua{background:#d8f7f5;color:#057d79}.value-card h3{font-size:23px;margin:0 0 12px}.value-card p{color:var(--muted);margin:0}
.mini-prompt{margin-top:32px;padding:10px 10px 10px 15px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:10px;font-size:12px}.mini-prompt span{color:var(--muted)}.mini-prompt strong{min-width:0;flex:1;font-size:13px}.mini-prompt i{font-style:normal}.typing-caret{width:2px;height:16px;margin-left:-8px;background:var(--coral);animation:caret-blink .75s steps(1) infinite}.mini-generate{min-width:78px;padding:8px 10px;border-radius:9px;color:var(--coral);font-weight:800;text-align:center;transition:transform .2s ease,background .2s ease,color .2s ease}.mini-generate.is-pressing{transform:scale(.9);background:rgba(255,106,76,.15)}.mini-generate.is-working{background:var(--coral);color:#fff;animation:generate-pulse .7s ease-in-out infinite alternate}.mini-generate.is-done{background:var(--aqua);color:#fff}.progress-visual{display:flex;align-items:center;width:100%;margin-top:44px}.progress-visual span{display:grid;place-items:center;flex:0 0 38px;height:38px;border:2px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:12px;font-weight:800;position:relative;z-index:1}.progress-visual i{height:3px;flex:1;background:var(--line);transform-origin:left center}.progress-visual span:nth-of-type(1){animation:progress-step-one 7s infinite}.progress-visual span:nth-of-type(2){animation:progress-step-two 7s infinite}.progress-visual span:nth-of-type(3){animation:progress-step-three 7s infinite}.progress-visual i:nth-of-type(1){animation:progress-line-one 7s infinite}.progress-visual i:nth-of-type(2){animation:progress-line-two 7s infinite}@keyframes caret-blink{50%{opacity:0}}@keyframes generate-pulse{to{transform:scale(.96);opacity:.82}}@keyframes progress-step-one{0%,8%{border-color:var(--coral);color:var(--coral);box-shadow:0 0 0 5px rgba(255,106,76,.12)}18%,94%{background:var(--aqua);border-color:var(--aqua);color:#fff;box-shadow:none}100%{background:#fff;border-color:var(--line);color:var(--muted)}}@keyframes progress-step-two{0%,27%{background:#fff;border-color:var(--line);color:var(--muted)}34%,42%{border-color:var(--coral);color:var(--coral);box-shadow:0 0 0 5px rgba(255,106,76,.12)}52%,94%{background:var(--aqua);border-color:var(--aqua);color:#fff;box-shadow:none}100%{background:#fff;border-color:var(--line);color:var(--muted)}}@keyframes progress-step-three{0%,61%{background:#fff;border-color:var(--line);color:var(--muted)}68%,76%{border-color:var(--coral);color:var(--coral);box-shadow:0 0 0 5px rgba(255,106,76,.12)}86%,94%{background:var(--aqua);border-color:var(--aqua);color:#fff;box-shadow:none}100%{background:#fff;border-color:var(--line);color:var(--muted)}}@keyframes progress-line-one{0%,17%{background:var(--line)}28%,94%{background:var(--aqua)}100%{background:var(--line)}}@keyframes progress-line-two{0%,51%{background:var(--line)}62%,94%{background:var(--aqua)}100%{background:var(--line)}}.age-chips{display:flex;width:100%;gap:7px;margin-top:40px}.age-chips span{flex:1;padding:10px 4px;border:1px solid transparent;border-radius:9px;background:var(--soft);color:var(--ink);font-size:11px;font-weight:700;text-align:center;animation-duration:9s;animation-iteration-count:infinite}.age-chips span:nth-child(1){animation-name:age-one}.age-chips span:nth-child(2){animation-name:age-two}.age-chips span:nth-child(3){animation-name:age-three}@keyframes age-one{0%,27%{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 7px 16px rgba(3,52,86,.18)}34%,100%{background:var(--soft);border-color:transparent;color:var(--ink);transform:none;box-shadow:none}}@keyframes age-two{0%,33%,67%,100%{background:var(--soft);border-color:transparent;color:var(--ink);transform:none;box-shadow:none}34%,60%{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 7px 16px rgba(3,52,86,.18)}}@keyframes age-three{0%,66%,100%{background:var(--soft);border-color:transparent;color:var(--ink);transform:none;box-shadow:none}67%,94%{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 7px 16px rgba(3,52,86,.18)}}
.mini-prompt,.progress-visual,.age-chips{min-height:58px;margin-top:auto}.age-chips{align-items:center}
.demo-section{background:var(--deep);color:#fff;padding:110px 7vw;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;overflow:hidden}.demo-copy>p{opacity:.68;font-size:17px;max-width:500px}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{margin:13px 0;display:flex;gap:12px}.check-list li span{color:var(--yellow);font-weight:900}.text-link{display:inline-flex;gap:9px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px;font-weight:700}.text-link span{color:var(--yellow)}
.product-window{background:#fff;border-radius:22px;box-shadow:0 35px 80px rgba(0,18,35,.35);overflow:hidden;color:var(--ink);transform:rotate(1deg)}.window-bar{height:48px;background:#edf5f6;display:flex;align-items:center;padding:0 18px;gap:7px}.window-bar i{width:9px;height:9px;background:#c4d8dc;border-radius:50%}.window-bar i:first-child{background:var(--coral)}.window-bar span{font-size:11px;color:#78909a;margin-left:10px}.window-body{display:grid;grid-template-columns:180px 1fr;min-height:420px}.lesson-sidebar{background:#f2f8f8;padding:28px 20px}.lesson-sidebar>strong{font-size:12px;color:#718891}.step{display:flex;gap:11px;margin-top:28px;opacity:.55}.step b{flex:0 0 27px;height:27px;display:grid;place-items:center;border:1px solid #a9bec4;border-radius:50%;font-size:10px}.step span{font-size:11px;font-weight:700}.step small{display:block;font-size:8px;font-weight:400;margin-top:3px}.step.done,.step.current{opacity:1}.step.done b{background:var(--aqua);color:#fff;border-color:var(--aqua)}.step.current b{border:2px solid var(--coral);color:var(--coral);animation:lesson-step-pulse 7s ease-in-out infinite}.lesson-stage{padding:30px}.stage-top{display:flex;justify-content:space-between;color:var(--ocean);font-weight:800;font-size:12px}.stage-top small{color:#8ba0a8}.lesson-stage>p{text-align:center;font-size:17px;font-weight:800;margin:38px 0 26px;animation:question-enter 7s ease-in-out infinite}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.answer-grid button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px 8px;position:relative;color:var(--ink);animation:answer-enter 7s ease-in-out infinite}.answer-grid button:nth-child(2){animation-name:correct-answer}.answer-grid b{display:block;font-size:34px}.answer-grid span{font-size:11px}.answer-grid .correct{border:1px solid var(--line);background:#fff}.answer-grid i{position:absolute;right:7px;top:7px;font-style:normal;width:17px;height:17px;border-radius:50%;background:var(--aqua);color:#fff;font-size:9px;opacity:0;transform:scale(.3);animation:check-pop 7s ease-in-out infinite}.encourage{margin:30px auto 0;background:#fff5ca;color:#735800;border-radius:11px;padding:11px;text-align:center;font-size:10px;opacity:0;transform:translateY(10px);animation:feedback-rise 7s ease-in-out infinite}.encourage span{color:#e5a800}@keyframes question-enter{0%,8%{opacity:0;transform:translateY(8px)}16%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes answer-enter{0%,18%{opacity:0;transform:translateY(12px)}28%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes correct-answer{0%,18%{opacity:0;transform:translateY(12px);border-color:var(--line);background:#fff;box-shadow:none}28%,45%{opacity:1;transform:none;border-color:var(--line);background:#fff;box-shadow:none}50%,57%{opacity:1;transform:scale(.94);border-color:var(--coral);background:#fff5f1;box-shadow:0 0 0 5px rgba(255,106,76,.13)}64%,92%{opacity:1;transform:none;border-color:var(--aqua);background:#f1fffd;box-shadow:0 10px 24px rgba(20,184,178,.16)}100%{opacity:0}}@keyframes check-pop{0%,59%{opacity:0;transform:scale(.3)}66%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes feedback-rise{0%,64%{opacity:0;transform:translateY(10px)}72%,91%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}@keyframes lesson-step-pulse{0%,45%,100%{box-shadow:none}52%,68%{box-shadow:0 0 0 6px rgba(255,106,76,.12)}}
.steps-section{background:#f6fafb}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;border-top:1px solid var(--line)}.steps-grid article{position:relative;padding:38px 3.2vw 24px;display:grid;grid-template-columns:46px 1fr;gap:16px;border-radius:18px;animation:how-card-cycle 9s ease-in-out infinite}.steps-grid article+article{border-left:1px solid var(--line)}.step-index{font-size:24px;line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--coral);padding-top:10px;transform-origin:center top;animation:how-index-cycle 9s ease-in-out infinite}.step-heading{display:flex;align-items:center;gap:13px}.step-symbol{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#e4f4fa;color:var(--ocean);display:grid;place-items:center;animation:how-icon-cycle 9s ease-in-out infinite}.step-symbol svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.steps-grid article:nth-child(2) .step-symbol{background:#fff1cc;color:#a87000}.steps-grid article:nth-child(3) .step-symbol{background:#def7f4;color:#087d78}.steps-grid article:nth-child(2),.steps-grid article:nth-child(2) .step-index,.steps-grid article:nth-child(2) .step-symbol,.steps-grid article:nth-child(2):after{animation-delay:-6s}.steps-grid article:nth-child(3),.steps-grid article:nth-child(3) .step-index,.steps-grid article:nth-child(3) .step-symbol{animation-delay:-3s}.steps-grid h3{font-size:20px;margin:0}.steps-grid p{color:var(--muted);font-size:14px;margin:12px 0 0;line-height:1.75}.steps-grid article:after{content:'→';position:absolute;right:14px;top:57px;color:var(--aqua);animation:how-arrow-cycle 9s ease-in-out infinite}.steps-grid article:last-child:after{display:none}@keyframes how-card-cycle{0%,24%{background:#fff;box-shadow:0 15px 32px rgba(3,52,86,.12);transform:translateY(-8px)}31%,100%{background:transparent;box-shadow:none;transform:none}}@keyframes how-index-cycle{0%,24%{opacity:1;transform:scale(1.18);text-shadow:0 6px 15px rgba(255,106,76,.2)}31%,100%{opacity:.72;transform:none;text-shadow:none}}@keyframes how-icon-cycle{0%,24%{transform:scale(1.13) rotate(-5deg);box-shadow:0 8px 20px rgba(3,52,86,.14)}31%,100%{transform:none;box-shadow:none}}@keyframes how-arrow-cycle{0%,18%{opacity:1;transform:translateX(7px)}24%{opacity:.2;transform:translateX(13px)}31%,100%{opacity:.35;transform:none}}
.lesson-sidebar .step:nth-of-type(1){animation:sidebar-copy-one 7s ease-in-out infinite}.lesson-sidebar .step:nth-of-type(2){animation:sidebar-copy-two 7s ease-in-out infinite}.lesson-sidebar .step:nth-of-type(3){animation:sidebar-copy-three 7s ease-in-out infinite}.lesson-sidebar .step:nth-of-type(1) b{animation:sidebar-step-one 7s ease-in-out infinite}.lesson-sidebar .step:nth-of-type(2) b{animation:sidebar-step-two 7s ease-in-out infinite}.lesson-sidebar .step:nth-of-type(3) b{animation:sidebar-step-three 7s ease-in-out infinite}@keyframes sidebar-copy-one{0%,24%{opacity:1;transform:translateX(3px)}32%,100%{opacity:.55;transform:none}}@keyframes sidebar-copy-two{0%,18%{opacity:.55;transform:none}27%,72%{opacity:1;transform:translateX(3px)}80%,100%{opacity:.55;transform:none}}@keyframes sidebar-copy-three{0%,72%{opacity:.55;transform:none}80%,94%{opacity:1;transform:translateX(3px)}100%{opacity:.55;transform:none}}@keyframes sidebar-step-one{0%,12%{background:#fff;border-color:var(--coral);color:var(--coral);box-shadow:0 0 0 5px rgba(255,106,76,.12)}20%,94%{background:var(--aqua);border-color:var(--aqua);color:#fff;box-shadow:none}100%{background:#fff;border-color:#a9bec4;color:var(--ink)}}@keyframes sidebar-step-two{0%,24%{background:#fff;border-color:#a9bec4;color:var(--ink);box-shadow:none}30%,58%{background:#fff;border:2px solid var(--coral);color:var(--coral);box-shadow:0 0 0 5px rgba(255,106,76,.12)}66%,94%{background:var(--aqua);border-color:var(--aqua);color:#fff;box-shadow:none}100%{background:#fff;border-color:#a9bec4;color:var(--ink)}}@keyframes sidebar-step-three{0%,72%{background:#fff;border-color:#a9bec4;color:var(--ink);box-shadow:none}80%,92%{background:#fff;border:2px solid var(--coral);color:var(--coral);box-shadow:0 0 0 5px rgba(255,106,76,.12)}100%{background:#fff;border-color:#a9bec4;color:var(--ink);box-shadow:none}}
.scenes-section{background:#fff}.scene-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.scene-card{--scene-motion:rgba(34,157,219,.3);border-radius:22px;padding:34px;min-height:255px;position:relative;overflow:hidden;isolation:isolate}.scene-card>*{position:relative;z-index:2}.scene-card:before{content:'';position:absolute;z-index:0;top:-25%;bottom:-25%;left:-95%;width:85%;background:linear-gradient(105deg,transparent 5%,var(--scene-motion) 34%,rgba(255,255,255,.78) 50%,var(--scene-motion) 66%,transparent 95%);transform:skewX(-12deg);filter:blur(3px);animation:scene-light-sweep 4.6s ease-in-out infinite}.scene-card:after{content:'';position:absolute;z-index:1;width:190px;height:190px;border:34px solid var(--scene-motion);border-radius:50%;right:-72px;bottom:-94px;animation:scene-ring-drift 4.6s ease-in-out infinite}.scene-card:nth-child(2):before,.scene-card:nth-child(2):after{animation-delay:-1.15s}.scene-card:nth-child(3):before,.scene-card:nth-child(3):after{animation-delay:-2.3s}.scene-card:nth-child(4):before,.scene-card:nth-child(4):after{animation-delay:-3.45s}.scene-card span{font-size:12px;font-weight:800;letter-spacing:.08em;opacity:.75}.scene-card h3{font-size:27px;margin:26px 0 7px}.scene-card p{max-width:420px;margin:0 0 25px;opacity:.7}.scene-card b{font-size:11px;border:1px solid currentColor;padding:6px 10px;border-radius:999px;margin-right:7px}.scene-card.blue{--scene-motion:rgba(25,143,213,.32);background:#e6f6ff;color:#07517c}.scene-card.orange{--scene-motion:rgba(255,118,77,.28);background:#fff0ea;color:#9b351e}.scene-card.teal{--scene-motion:rgba(10,180,167,.27);background:#e6f8f5;color:#075f5c}.scene-card.navy{--scene-motion:rgba(50,219,225,.28);background:var(--navy);color:#fff}.scene-card.navy:before{background:linear-gradient(105deg,transparent 5%,rgba(29,179,202,.08) 30%,rgba(87,229,235,.38) 50%,rgba(29,179,202,.08) 70%,transparent 95%)}@keyframes scene-light-sweep{0%{left:-95%;opacity:.2}16%{opacity:1}58%{left:125%;opacity:.95}59%,100%{left:125%;opacity:0}}@keyframes scene-ring-drift{0%,100%{transform:translate3d(18px,14px,0) scale(.72);opacity:.25}42%{transform:translate3d(-42px,-34px,0) scale(1.18);opacity:.85}62%{transform:translate3d(-55px,-44px,0) scale(1.28);opacity:0}}
.plans-section{background:var(--soft)}.free-experience{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;background:var(--navy);color:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.free-main{padding:52px;position:relative;background:radial-gradient(circle at 85% 20%,rgba(20,184,178,.28),transparent 34%)}.free-main:after{content:'';position:absolute;width:180px;height:180px;border:32px solid rgba(255,255,255,.04);border-radius:50%;right:-70px;bottom:-90px}.free-badge{display:inline-flex;background:var(--yellow);color:#4a3700;font-size:12px;font-weight:900;letter-spacing:.08em;padding:7px 12px;border-radius:999px}.free-main h3{font-size:clamp(30px,3vw,45px);line-height:1.25;letter-spacing:-.035em;margin:24px 0 15px}.free-main p{color:rgba(255,255,255,.7);max-width:580px;margin:0 0 28px}.key-actions{position:relative;z-index:1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.free-main .button{width:auto}.key-login{font-size:13px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}.free-main>small{display:block;color:rgba(255,255,255,.48);font-size:12px;margin-top:14px}.free-steps{background:#fff;color:var(--ink);padding:38px 34px;display:flex;flex-direction:column;justify-content:center}.free-steps>div{display:flex;align-items:flex-start;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.free-steps>div:last-child{border:0}.free-steps b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e3f8f7;color:#058d88;font-size:11px}.free-steps span{display:flex;flex-direction:column}.free-steps strong{font-size:16px}.free-steps small{font-size:13px;color:var(--muted);margin-top:4px}.after-trial{max-width:1120px;margin:20px auto 0;border:1px solid var(--line);background:rgba(255,255,255,.65);border-radius:18px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.after-trial p{margin:0;display:flex;flex:1;flex-direction:column}.after-trial p strong{font-size:15px}.after-trial p span{font-size:13px;color:var(--muted);margin-top:4px}.after-trial>a{white-space:nowrap;font-size:13px;color:var(--ocean);font-weight:800}.after-trial>a span{color:var(--coral);margin-left:6px}.wechat-placeholder{width:104px;height:104px;flex:0 0 104px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(3,52,86,.1);overflow:hidden}.wechat-placeholder img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.safety-section{background:var(--coral);color:#fff;padding:65px 8vw;display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;align-items:center}.safety-mark{width:62px;height:150px;border:1px solid rgba(255,255,255,.6);border-radius:31px;display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.35}.safety-section h2{margin-bottom:0}.safety-section>p{font-size:16px;opacity:.78;max-width:480px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:var(--coral);transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);font-size:14px;margin:15px 40px 0 0}
.final-cta{margin:0 4vw 70px;border-radius:32px;background:var(--ocean);color:#fff;text-align:center;padding:90px 20px;position:relative;overflow:hidden}.final-cta>span{font-size:12px;letter-spacing:.13em;color:var(--sky);font-weight:800}.final-cta h2{font-size:clamp(38px,5vw,66px);line-height:1.2;margin:18px 0}.final-cta p{max-width:650px;margin:0 auto 30px;opacity:.7}.cta-actions{justify-content:center}.button-white{background:#fff;color:var(--navy)}.button-white span{color:var(--coral)}.button-outline{border:1px solid rgba(255,255,255,.55)}.bubble{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.bubble-one{width:230px;height:230px;left:-70px;bottom:-80px}.bubble-two{width:110px;height:110px;right:7%;top:-30px}
footer{padding:45px 7vw 30px;background:#021f35;color:#fff;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:30px}.footer-brand{justify-self:start}.footer-brand .brand-mark{width:46px;height:46px;flex-basis:46px}.footer-brand .brand-copy strong{font-size:16px}footer>p{font-size:13px;text-align:center;opacity:.55}.footer-links{display:flex;justify-content:flex-end;gap:20px;font-size:12px;opacity:.7}.footer-friends{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px 22px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:12px;color:rgba(255,255,255,.68)}.footer-friends strong{color:#fff;font-size:12px}.footer-friends a{transition:color .2s ease}.footer-friends a:hover{color:var(--yellow)}footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:10px;opacity:.55}.footer-legal{display:flex;justify-content:center;align-items:center;row-gap:8px;flex-wrap:wrap}.icp-group{display:inline-flex;align-items:center;white-space:nowrap}.icp-group i{font-style:normal;margin:0 12px;color:rgba(255,255,255,.45)}.footer-legal a{color:rgba(255,255,255,.78);transition:color .2s ease}.footer-legal a:hover{color:var(--yellow)}
.video-dialog{width:min(92vw,860px);max-height:92vh;padding:0;border:0;border-radius:24px;background:#031f35;color:#fff;box-shadow:0 35px 100px rgba(0,15,30,.55);overflow:auto}.video-dialog::backdrop{background:rgba(0,18,32,.8);backdrop-filter:blur(8px)}.video-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.video-dialog-head span{display:block;color:var(--sky);font-size:11px;font-weight:800;letter-spacing:.1em}.video-dialog-head h2{font-size:21px;margin:2px 0 0}.video-dialog-head button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:24px;cursor:pointer}.video-wrap{background:#001421;padding:18px;display:grid;place-items:center}.video-wrap video{display:block;width:auto;max-width:100%;height:min(66vh,670px);border-radius:16px;background:#001421;box-shadow:0 12px 30px rgba(0,0,0,.25)}.video-dialog>p{margin:0;padding:15px 20px 20px;text-align:center;color:rgba(255,255,255,.6);font-size:13px}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.desktop-nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:24px 5vw;flex-direction:column;gap:20px}.hero{min-height:720px;height:auto}.hero-overlay{background:linear-gradient(90deg,rgba(1,33,70,.95),rgba(1,45,78,.7))}.hero-content{max-width:590px}.value-grid{grid-template-columns:1fr}.value-card{min-height:300px}.demo-section{grid-template-columns:1fr}.product-window{transform:none}.steps-grid{grid-template-columns:1fr;border:0}.steps-grid article,.steps-grid article+article{border-top:1px solid var(--line);border-left:0;padding:28px 0;grid-template-columns:48px 1fr;gap:14px}.step-index{font-size:26px;padding-top:8px}.step-heading{gap:12px}.steps-grid p{margin-top:8px}.steps-grid article:after{display:none}.free-experience{grid-template-columns:1fr}.after-trial{align-items:flex-start}.safety-section{grid-template-columns:70px 1fr}.safety-section>p{grid-column:2}.faq-section{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}.footer-brand,footer>p,.footer-links{justify-self:center}.footer-links{justify-content:center;flex-wrap:wrap}}
@media(max-width:620px){.site-header{height:68px}.brand-mark{width:38px;height:38px;flex-basis:38px}.hero{padding:120px 6vw 55px;min-height:760px;align-items:flex-end}.hero-art{object-position:67% center}.hero-overlay{background:linear-gradient(180deg,rgba(1,33,70,.25) 0%,rgba(1,33,70,.94) 58%,rgba(1,33,70,1) 100%)}.hero h1{font-size:43px}.hero h1 em{white-space:normal}.hero-content>p{font-size:16px}.button{width:100%}.trust-row{gap:14px;justify-content:space-between}.trust-row strong{font-size:15px}.scroll-hint{display:none}.value-section,.steps-section,.scenes-section,.plans-section,.faq-section{padding:80px 5vw}.section-intro h2,.demo-copy h2,.safety-section h2{font-size:35px}.value-card{padding:26px}.demo-section{padding:80px 5vw}.window-body{grid-template-columns:1fr}.lesson-sidebar{display:none}.lesson-stage{padding:22px 14px}.answer-grid button{padding:15px 5px}.scene-grid{grid-template-columns:1fr}.scene-card{padding:28px;min-height:230px}.free-main{padding:34px 26px}.key-actions{display:block}.key-login{display:block;width:max-content;margin:18px auto 0}.free-main .button{width:100%}.free-steps{padding:14px 24px}.free-steps>div{padding:20px 0}.after-trial{flex-direction:column;align-items:flex-start;padding:20px}.wechat-placeholder{width:132px;height:132px;flex-basis:132px;align-self:center}.safety-section{grid-template-columns:1fr;padding:65px 7vw;gap:18px}.safety-mark{width:100%;height:auto;padding:8px;border-radius:20px;display:block}.safety-mark br{display:none}.safety-section>p{grid-column:auto}.final-cta{margin:0 0 0;border-radius:0;padding:75px 6vw}footer{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.hero-art,.scroll-hint i,.typing-caret,.mini-generate,.progress-visual span,.progress-visual i,.age-chips span,.lesson-sidebar .step,.lesson-sidebar .step b,.lesson-stage>p,.answer-grid button,.answer-grid i,.encourage,.steps-grid article,.steps-grid .step-index,.steps-grid .step-symbol,.steps-grid article:after,.scene-card:before,.scene-card:after{animation:none}.hero-art{transform:none}.typing-caret{display:none}.progress-visual span{background:var(--aqua);border-color:var(--aqua);color:#fff}.progress-visual i{background:var(--aqua)}.age-chips .selected{background:var(--navy);border-color:var(--navy);color:#fff}.answer-grid .correct{border:2px solid var(--aqua);background:#f1fffd}.answer-grid i,.encourage{opacity:1;transform:none}}