:root{--paper:#fffdf7;--ink:#182238;--ink-soft:#4a5568;--mandarin:#ff6b00;--peel:#c2410c;--amber:#ffa800;--leaf:#00c47e;--leaf-dark:#0b7a4f;--leaf-soft:#e6f8f0;--line:#f3e6d2;--radius:24px;--measure:36rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;margin:0;font-size:1.0625rem;line-height:1.55}h1,h2,h3{font-family:var(--font-display), var(--font-body), sans-serif;letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.12}h1{max-width:18ch;font-size:clamp(2rem,5vw,3.1rem)}.accent{color:var(--mandarin)}h2{margin-bottom:1rem;font-size:clamp(1.6rem,3.4vw,2.25rem)}h3{margin-bottom:.35rem;font-size:1.2rem}p{max-width:var(--measure);margin:0 0 1rem}a{color:var(--peel)}.logo{align-items:center;gap:.5rem;display:inline-flex}.logo-word{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.45rem;font-weight:700;line-height:1}.logo-badge{font-family:var(--font-display);letter-spacing:.12em;color:#fff;background:var(--leaf);border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:700;line-height:1}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--mandarin);outline-offset:3px;border-radius:6px}.page{width:min(100% - 32px,1080px);margin:0 auto;padding-bottom:3rem}.top{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex;position:sticky;top:0}.top-right{align-items:center;gap:.75rem;display:flex}.brand{text-decoration:none;display:inline-flex}.langs{gap:.4rem;display:flex}.lang{color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem;font-size:.95rem;text-decoration:none}.lang:hover{border-color:var(--mandarin);color:var(--ink)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;padding:3.5rem 0 4rem;display:grid}.lead{color:var(--ink-soft);font-size:1.2rem}.hero .lead{margin:1.25rem 0 1.75rem}.note{color:var(--ink-soft);margin-top:.9rem;font-size:.95rem}.cta{font-family:var(--font-display);background:var(--mandarin);color:#fff;letter-spacing:.01em;box-shadow:0 4px 0 var(--peel);border:0;border-radius:18px;padding:.95rem 1.6rem;font-size:1.1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.cta:hover{filter:brightness(1.04)}.cta:active{box-shadow:0 0 0 var(--peel);transform:translateY(4px)}.cta-small{box-shadow:0 3px 0 var(--peel);border-radius:14px;padding:.55rem 1rem;font-size:.95rem}.cta-small:active{transform:translateY(3px)}.cta:disabled{opacity:.6;cursor:default}.demo{justify-content:center;display:flex}.card{border:2px solid var(--line);text-align:center;background:#fff;border-radius:28px;width:min(100%,330px);padding:2.4rem 1.5rem 1.5rem;position:relative;overflow:visible;box-shadow:0 18px 40px -24px #2a1f1759}.card-won{border-color:var(--leaf)}.speak{color:inherit;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:.25rem .5rem;display:inline-flex}.hanzi{display:block}.speak:hover .speaker{transform:scale(1.12)}.speaker{color:var(--peel);font-size:1.4rem;line-height:1;transition:transform .12s}.hanzi{font-family:var(--font-hanzi), serif;color:var(--ink);font-size:5.5rem;line-height:1}.pinyin{color:var(--mandarin);margin-top:.4rem;font-size:1.35rem;font-weight:700}.mandy{filter:drop-shadow(0 6px 10px #ff6b002e);animation:3.2s ease-in-out infinite float;position:absolute;top:-34px;left:-26px}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(2deg)}}.meaning{color:var(--ink-soft);margin-top:.15rem}.prompt{min-height:1.5em;margin:1.25rem 0 .75rem;font-weight:700}.card-won .prompt{color:var(--leaf)}.choices{justify-content:center;gap:.75rem;display:flex}.choice{border:2px solid var(--line);background:var(--paper);border-radius:20px;width:74px;height:74px;font-size:2.2rem;line-height:1;transition:transform .12s,opacity .25s}.choice:hover:not(:disabled){border-color:var(--mandarin);transform:scale(1.06)}.choice.off{opacity:.18;transform:scale(.92)}.choice.hit{border-color:var(--leaf);background:#eaf4ec}.again{color:var(--peel);background:0 0;border:0;margin-top:1rem;font-weight:700;text-decoration:underline}.burst{pointer-events:none;border-radius:28px;position:absolute;inset:0;overflow:hidden}.burst span{left:calc(8% + var(--i) * 9%);animation:1.4s ease-in forwards fall;animation-delay:calc(var(--i) * 60ms);font-size:1.5rem;position:absolute;top:-12%}@keyframes fall{to{opacity:0;transform:translateY(120%)rotate(200deg)}}.problem,.steps,.how,.signup{border-top:1px solid var(--line);padding:3.25rem 0}.steps-list{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.step{border:2px solid var(--line);background:#fff;border-radius:28px;padding:1.4rem 1.3rem 1.3rem}.step-n{background:var(--amber);width:38px;height:38px;color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:.8rem;font-size:1.1rem;font-weight:700;display:inline-grid}.step h3{font-size:1.25rem}.step p{color:var(--ink-soft);margin:0;font-size:1rem}.trust{flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.trust li{background:var(--leaf-soft);color:var(--leaf-dark);border-radius:999px;padding:.5rem .95rem .5rem .8rem;font-size:.95rem;font-weight:700}.trust li:before{content:"✓";margin-right:.45rem}.foot-brand{gap:.5rem;display:grid}.foot-brand p{margin:0}.problem ul{max-width:var(--measure);margin:0;padding:0;list-style:none}.problem li{margin-bottom:.9rem;padding-left:2rem;font-size:1.1rem;position:relative}.problem li:before{content:"";background:var(--mandarin);border-radius:0 0 14px 14px;width:14px;height:7px;position:absolute;top:.5em;left:0}.problem h2,.steps h2,.how h2,.signup h2{max-width:24ch}.how-list{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.how-item p{color:var(--ink-soft);margin:0}.signup>*{max-width:40rem}form{gap:1.1rem;margin-top:.5rem;display:grid}label{gap:.35rem;font-weight:700;display:grid}input[type=email],select{font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;padding:.85rem .95rem}input[type=email]:focus,select:focus{border-color:var(--mandarin);outline:none}fieldset{border:0;gap:.4rem;margin:0;padding:0;display:grid}legend{margin-bottom:.4rem;padding:0;font-weight:700}.radio,.check{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}.radio input,.check input{accent-color:var(--mandarin);flex:none;width:1.1rem;height:1.1rem;margin-top:.3rem}.check{color:var(--ink-soft);font-size:.95rem}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.error{color:#a3321f;margin:0;font-weight:700}form .cta{justify-self:start}.thanks{background:var(--leaf-soft);border:2px solid var(--leaf);border-radius:28px;padding:1.5rem 1.75rem}.thanks h2{color:var(--leaf-dark)}footer{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.95rem;display:flex}footer nav{gap:1.25rem;display:flex}footer a{color:var(--ink-soft)}.legal{max-width:44rem;padding-top:1.5rem}.legal h1{margin:1.5rem 0 1rem}.legal h2{margin:1.5rem 0 .5rem;font-size:1.3rem}.legal p{max-width:none}@media (max-width:1000px){.steps-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:2.75rem;padding:2.25rem 0 3rem}.how-list{grid-template-columns:1fr;gap:1.5rem}.hanzi{font-size:4.5rem}.demo{padding-top:1.5rem}}@media (max-width:600px){.steps-list{grid-template-columns:1fr}.cta-small,.logo-badge{display:none}}@media (prefers-reduced-motion:reduce){.burst span,.cta,.choice,.mandy{transition:none;animation:none}}