:root{--paper: #f5f9fb;--paper-deep: #e3f2f9;--ink: #17242d;--muted: #62717b;--brand: #1598d4;--brand-dark: #087db8;--line: rgba(23, 54, 72, 0.14);--white: #ffffff;--hanzi-font: "Kaiti SC", "STKaiti", "KaiTi", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans", system-ui, sans-serif;line-height:1.6}a{color:inherit}.site-header,.section-shell,.site-footer{width:min(1180px, calc(100% - 48px));margin-inline:auto}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:700;text-decoration:none;font-size:1.05rem}.brand-icon{width:39px;height:39px;display:block;object-fit:cover;border-radius:10px;box-shadow:0 3px 12px rgba(21,152,212,0.12)}.main-nav{display:flex;gap:34px}.main-nav a,.text-link{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:600}.main-nav a:hover,.text-link:hover{color:var(--brand)}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:76px 94px}.eyebrow{margin:0 0 18px;color:var(--brand);text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.06}h1{margin-bottom:25px;font-size:clamp(3.8rem, 7vw, 6.5rem);font-weight:600}h1 span{color:var(--brand);font-family:"Noto Serif SC", serif}h2{margin-bottom:24px;font-size:clamp(2.35rem, 4.5vw, 4rem);font-weight:600}.hero-statement{max-width:620px;margin-bottom:40px;color:var(--ink);font-size:clamp(1.55rem, 2.7vw, 2.2rem);font-weight:500;letter-spacing:-.025em;line-height:1.35}.hero-statement span{display:block;color:var(--ink);font-family:"DM Sans", system-ui, sans-serif}.hero-statement strong{display:block;margin:15px 0 12px;color:var(--brand);font-size:clamp(4rem, 7.2vw, 6.7rem);font-weight:600;letter-spacing:-.055em;line-height:.95}.store-row{display:flex;flex-wrap:wrap;gap:12px}.store-button{min-width:176px;display:inline-flex;align-items:center;gap:12px;padding:10px 17px;color:white;background:var(--ink);border-radius:12px;text-decoration:none;font-size:1.05rem;font-weight:600;line-height:1.1;transition:transform .2s ease, background .2s ease}.store-button:hover{transform:translateY(-2px);background:#000}.store-button small{display:block;font-size:.63rem;font-weight:400;margin-bottom:3px}.store-icon{width:25px;height:25px;object-fit:contain;filter:invert(1)}.store-icon.google-play-icon{filter:none}.hero-visual{position:relative;height:560px}.ink-circle{position:absolute;width:460px;height:460px;top:45px;left:50%;transform:translateX(-50%);border-radius:50%;background:var(--paper-deep)}.phone{position:absolute;width:250px;height:510px;padding:9px;background:#14212a;border:2px solid #3d4c55;border-radius:39px;box-shadow:0 32px 70px rgba(20,76,105,0.2)}.phone::before{content:"";position:absolute;z-index:2;top:17px;left:50%;width:74px;height:20px;transform:translateX(-50%);background:#14212a;border-radius:20px}.phone-front{top:5px;left:50%;transform:translateX(-50%)}.phone-screen{height:100%;padding:52px 22px 24px;overflow:hidden;background:#f9fcfd;border-radius:30px;text-align:center}.placeholder-label{color:#999084;font-size:.55rem;letter-spacing:.16em}.screen-kicker{margin:6px 0 32px;color:#958f85;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em}.review-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-card{min-width:0}.pinyin{display:block;margin-bottom:10px;font-weight:400;font-size:1.2rem}.hanzi-grid{width:100%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #aaa298;background:transparent}.hanzi-grid span{color:var(--brand);font-family:var(--hanzi-font);font-size:4.35rem;font-weight:400;line-height:1}.review-meaning{margin:22px 0 0;color:var(--muted);font-size:1.05rem;font-weight:600}.review-actions{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-button{padding:12px 6px;color:white;border-radius:9px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hard-button{background:#aa4a43}.easy-button{background:#3f765a}.videos{margin-bottom:72px;padding:58px 62px 64px;background:var(--white);border:1px solid var(--line);border-radius:24px}.videos-heading{max-width:650px;margin-bottom:45px}.videos h2{margin-bottom:14px;font-size:clamp(2.3rem, 4vw, 3.2rem)}.videos p{margin:0;color:var(--muted);font-size:1.02rem}.social-links{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:28px}.social-links a{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;padding:13px 2px;text-decoration:none;font-weight:500}.social-icon{width:36px;height:36px;flex:0 0 36px;display:inline-grid;place-items:center;background:var(--paper-deep);border-radius:10px}.social-icon img{width:19px;height:19px;opacity:.68;transition:filter .2s ease, opacity .2s ease}.social-links a:hover{color:var(--brand)}.social-links a:hover .social-icon{color:var(--white);background:var(--brand)}.social-links a:hover .social-icon img{filter:invert(1);opacity:1}.site-footer{min-height:120px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.site-footer nav{width:100%;display:flex;justify-content:center;gap:24px}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--brand)}.compact-header{min-height:76px}.legal-page{width:min(760px, calc(100% - 48px));min-height:calc(100vh - 216px);margin:0 auto;padding:64px 0 130px}.legal-page h1{font-size:clamp(3rem, 6vw, 5rem)}.legal-page h2{margin-top:50px;font-size:1.55rem;letter-spacing:-.02em}.legal-page p,.legal-page li{color:#57534b}.legal-page a{color:var(--brand)}.legal-page .product-name{color:var(--brand);font-weight:600}@media (max-width: 820px){.site-header,.section-shell,.site-footer{width:min(100% - 32px, 680px)}.main-nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding-top:65px;gap:35px}.hero-visual{height:525px}.social-links{grid-template-columns:1fr 1fr}.videos{padding:44px 34px 50px}.site-footer{padding-block:38px}}@media (max-width: 500px){.site-header{min-height:72px}.legal-page{padding-top:48px}h1{font-size:3.25rem}.hero{padding-top:52px}.hero-visual{height:440px;transform:scale(0.84);transform-origin:top center;margin-bottom:-65px}.ink-circle{width:400px;height:400px}.phone{width:225px;height:460px}.hanzi-grid span{font-size:3.85rem}.social-links{grid-template-columns:1fr}.videos{margin-bottom:48px;padding:38px 24px 44px;border-radius:18px}.site-footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none !important}}