@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Inter:wght@400;450;500;550;600;650;700;750&family=Noto+Serif+SC:wght@400;500&display=swap";html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color:#242424;font-synthesis:none;--accent:#646464;--ink:#242424;--muted:#797979;background:#f8f8f8;font-family:Inter,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #848484}.nav{background:#f0f0f0;border:1px solid #e6e6e6;border-radius:100px;justify-content:space-between;align-items:center;max-width:760px;margin:32px auto 0;padding:12px 17px 12px 25px;display:flex}.wordmark{letter-spacing:-1.5px;font-size:24px;font-weight:750}.wordmark span{color:var(--accent);margin-left:2px}.nav>div{align-items:center;gap:30px;font-size:14px;display:flex}.nav-cta{background:#fff;border-radius:40px;padding:10px 17px}.nav-cta span{margin-left:10px}.hero{text-align:center;padding:83px 20px 0}.eyebrow{letter-spacing:1.7px;font-size:12px;font-weight:650}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:0 7px 2px 0;display:inline-block}h1{letter-spacing:-4.5px;margin:25px auto 23px;font-size:clamp(44px,5.4vw,76px);font-weight:550;line-height:1.04}h1>span{color:var(--accent)}.intro{color:#757575;margin:0;font-size:18px;line-height:1.6}.button{background:var(--ink);color:#fff;border-radius:100px;align-items:center;gap:32px;margin-top:25px;padding:17px 24px;font-size:15px;display:inline-flex}.button:hover{background:var(--accent)}.availability{color:var(--muted);margin-top:14px;font-size:12px}.showcase{justify-content:center;align-items:center;max-width:1100px;margin:64px auto 105px;padding:10px 24px 0;scroll-margin-top:35px;display:flex;position:relative}.side-card{border:1px solid #e2e2e2;border-radius:17px;width:286px;min-width:0;height:365px;padding:25px;position:relative}.card-top{letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex}.source-card{background:#e5e5e5;margin-top:15px;margin-right:-28px;transform:rotate(-8deg)}.topic-mark{writing-mode:vertical-rl;color:#a0a0a0;font-family:Noto Serif SC,serif;font-size:35px;position:absolute;top:63px;right:20px}.tiny-label{letter-spacing:1px;margin-top:43px;font-size:9px}.source-card h2{letter-spacing:-1px;margin:14px 0;font-size:29px;font-weight:500;line-height:1.05}.source-card>p:not(.tiny-label){color:#5f5f5f;font-size:12px;line-height:1.6}.source-bottom{border-top:1px solid #c5c5c5;margin-top:18px;padding-top:14px;font-size:9px}.reader-card{z-index:2;background:#fefefe;border:1px solid #e1e1e1;border-radius:18px;width:440px;min-width:0;min-height:424px;padding:23px 30px 18px;position:relative;box-shadow:0 12px 22px #2424240c,0 45px 60px -50px #24242450}.reader-toolbar{color:#858585;justify-content:space-between;font-size:12px;display:flex}.reading-meta{color:#8d8d8d;letter-spacing:.5px;justify-content:space-between;margin-top:28px;font-size:10px;display:flex}.reader-card h2{margin:13px 0 5px;font:500 29px Noto Serif SC,serif}.english-title{color:#999;margin:0;font-size:12px}.reader-rule{background:#e8e8e8;height:1px;margin:22px 0}.chinese{letter-spacing:1px;font-family:Noto Serif SC,serif;font-size:21px;line-height:2.8}.chinese p{margin:0 0 4px}.chinese rt{color:#999;letter-spacing:0;font:9px Inter,Arial,sans-serif}.no-pinyin rt{visibility:hidden}.word{font:inherit;color:inherit;background:#e7e7e7;border:0;border-radius:4px;padding:0 2px}.reader-bottom{color:#9b9b9b;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:9px;display:flex}.reader-bottom button{color:#6c6c6c;background:#f0f0f0;border:0;border-radius:5px;padding:6px 9px;font-size:12px}.reader-bottom button span{margin-left:4px;font-size:10px}.definition{color:#fff;background:#373737;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;bottom:68px;left:30px;right:30px;box-shadow:0 6px 25px #0002}.definition span{font-size:12px}.definition button{color:#fff;background:0 0;border:0;margin-left:auto}.vocabulary-card{background:#e9e9e9;margin-top:22px;margin-left:-25px;transform:rotate(8deg)}.vocabulary-card .tiny-label{margin-top:48px}.vocabulary-card h2{margin:15px 0 0;font:500 58px Noto Serif SC,serif}.pronunciation{color:#909090;margin:4px 0;font-size:13px}.vocab-rule{background:#cecece;height:1px;margin:19px 0 13px}.meaning{margin:0;font-size:16px}.vocab-note{color:#848484;margin:12px 0;font-size:12px;line-height:1.5}.vocab-footer{color:#848484;font-size:10px}.how{border-top:1px solid #e1e1e1;grid-template-columns:1fr 1.2fr;gap:65px;max-width:1020px;margin:0 auto;padding:60px 20px 80px;display:grid}.section-heading .eyebrow{color:var(--accent);font-size:10px}.section-heading h2{letter-spacing:-2px;margin-top:22px;font-size:43px;font-weight:500;line-height:1.1}.steps article{padding:0 0 24px 39px;position:relative}.steps article>span{color:#a5a5a5;font-size:12px;position:absolute;top:3px;left:0}.steps h3{margin:0 0 8px;font-size:18px;font-weight:500}.steps p{color:#7c7c7c;margin:0;font-size:15px;line-height:1.7}footer{border-top:1px solid #e4e4e4;justify-content:space-between;align-items:center;max-width:1020px;margin:auto;padding:30px 0;display:flex}footer p,footer>span{color:#8e8e8e;font-size:12px}footer .wordmark{font-size:20px}@media (width>=1500px){.hero{padding-top:100px}.showcase{margin-top:75px}}@media (width<=700px){.nav{margin:18px 18px 0;padding:10px 12px 10px 18px}.wordmark{font-size:22px}.nav>div{gap:17px;font-size:12px}.hero{padding-top:59px}.eyebrow{letter-spacing:1.2px;font-size:9px}h1{letter-spacing:-2.4px;font-size:clamp(36px,7.5vw,52px);line-height:1.08}.intro{max-width:340px;margin:auto;font-size:16px}.desktop-break{display:none}.showcase{margin:46px auto 55px;padding:0 20px}.side-card{display:none}.reader-card{width:420px;min-height:410px;padding:23px}.reader-card h2{font-size:27px}.chinese{font-size:21px}.how{margin:0 24px;padding:35px 0;display:block}.section-heading h2{font-size:36px}.steps{margin-top:36px}.steps p{font-size:16px}.reader-bottom{font-size:9px}footer{flex-wrap:wrap;gap:18px;margin:0 24px}footer>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.card-top,.tiny-label,.source-bottom,.vocab-footer,.reading-meta,.reader-bottom,.reader-bottom button span,.english-title,.reader-toolbar{font-size:12px}.source-card>p:not(.tiny-label),.vocab-note,.pronunciation{font-size:14px}.reader-bottom{gap:10px}.reader-bottom button{flex-shrink:0}.source-card .tiny-label{max-width:160px}.source-card,.vocabulary-card{height:390px}.chinese rt{font-size:11px}.audience{text-align:center;max-width:720px;margin:0 auto 80px;padding:0 24px}.audience .eyebrow{color:var(--accent);font-size:12px}.audience h2{letter-spacing:-2px;margin:24px 0;font-size:43px;font-weight:500;line-height:1.13}.audience>p:last-child{color:#727272;font-size:18px;line-height:1.8}.input-section{border-top:1px solid #e1e1e1;grid-template-columns:1fr 1.2fr;gap:65px;max-width:1020px;margin:0 auto 65px;padding:60px 20px 0;display:grid}.input-copy p{color:#727272;margin:0 0 20px;font-size:16px;line-height:1.8}.input-copy strong{color:var(--ink);font-weight:550}.input-copy a{color:var(--accent);text-underline-offset:4px;font-size:14px;text-decoration:underline}@media (width<=700px){.audience{margin-bottom:45px}.audience h2{font-size:34px}.audience>p:last-child{font-size:16px}.input-section{margin:0 24px 45px;padding:35px 0 0;display:block}.input-copy{margin-top:25px}}button.nav-cta,button.button{border:0;font-family:inherit}button.nav-cta:disabled,button.button:disabled{cursor:default;opacity:1}button.button:disabled:hover{background:var(--ink)}button.nav-cta:disabled{color:var(--ink);-webkit-text-fill-color:var(--ink)}button.button:disabled{color:#fff;-webkit-text-fill-color:#fff}.source-card,.vocabulary-card{height:420px}.source-card h2{max-width:205px;font-size:27px;line-height:1.12}.source-card>p:not(.tiny-label){max-width:215px}.vocab-note{max-width:190px}.reading-meta{font-size:11px}.hero .intro{max-width:780px;margin-left:auto;margin-right:auto}.landing-page .showcase{font-family:Noto Serif SC,serif}.landing-page .chinese rt{font-family:inherit}.landing-page .steps article{padding-left:0}.landing-page .section-heading h2{margin-top:0}.landing-page .reader-card h2{margin-top:28px}