body.home-page{background-image:none}.home{font-size:var(--type-body);line-height:1.6}.home :is(h1,h2,h3){font-family:var(--font-display-family);font-weight:600;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}.lead{color:var(--on-surface);font-size:var(--type-lead);line-height:1.45}.small{color:var(--on-surface-variant);font-size:var(--type-small)}.more{display:inline-flex;align-items:center;gap:8px;padding:14px 0;color:var(--primary);font-weight:700}.more:hover{text-decoration:underline;text-underline-offset:5px}.more svg{transition:transform .18s var(--ease-out)}.more:hover svg{transform:translate(2px,-2px)}.device{--device-pad: 12px;--device-screen: var(--radius-card);padding:var(--device-pad);border-radius:calc(var(--device-screen) + var(--device-pad));background:var(--on-surface)}.device img{width:100%;border-radius:var(--device-screen)}.device-rise{align-self:end;padding-bottom:0;border-end-start-radius:0;border-end-end-radius:0}.device-rise img{border-end-start-radius:0;border-end-end-radius:0;aspect-ratio:4 / 3;object-fit:cover;object-position:top}.section{margin-top:var(--section-gap);scroll-margin-top:24px}.head{display:flex;flex-direction:column;gap:20px;max-width:760px;margin-bottom:56px}.head h2{font-size:var(--type-head)}.head .more{align-self:flex-start}.panel{overflow:hidden;border-radius:var(--radius-surface);background:var(--surface-container)}.panel-copy{display:flex;flex-direction:column;gap:20px;padding-bottom:56px}.panel-copy h3{font-size:var(--type-sub)}.hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:56px;padding-block:48px 120px}.hero-copy{display:flex;flex-direction:column;gap:28px}.hero h1{max-width:14ch;font-size:var(--type-hero)}.hero .lead{max-width:32ch}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.hero-pic{position:relative;padding-right:9%}.device-main img{aspect-ratio:1 / 1;object-fit:cover;object-position:top}.device-side{--device-pad: 8px;--device-screen: var(--radius-tile);position:absolute;right:0;bottom:-48px;width:38%}.device-side img{object-position:top}.facts{--facts-row-gap: 24px;padding:48px;border-radius:var(--radius-surface);background:var(--surface-container)}.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--facts-row-gap) 24px}.fact{display:flex;flex-direction:column}.fact-value{order:-1;font-family:var(--font-display-family);font-size:var(--type-fact);font-weight:600;letter-spacing:-.04em;line-height:1}.fact dt,.fact-link{margin-top:12px}.fact-link .more{padding:0}.facts-note{margin-top:calc(var(--facts-row-gap) + 8px)}.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:72px}.strip li{display:flex;align-items:center;gap:18px}.strip strong{display:block}.hanzi-mark{display:flex;flex:none;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-card);background:var(--primary-tint);color:var(--primary);font-family:var(--font-hanzi);font-size:40px;font-weight:400}.quiz,.routine-today{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;padding:56px 64px 0}.video-section{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:end;gap:56px}.video-section .head{margin-bottom:0}.video-frame{overflow:hidden;border-radius:var(--radius-surface);background:var(--surface-container)}.video-frame video{display:block;width:100%;height:auto}.routine{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.routine-today{grid-column:1 / -1}.routine-today .panel-copy,.routine-card .panel-copy{gap:16px}.routine-card{grid-column:span 6;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:48px}.routine-card .panel-copy{padding-bottom:0}.routine-fable{background:var(--tertiary-tint)}.routine-glossary{background:var(--chart1-tint)}.routine-glossary img{width:100%;border-radius:var(--radius-card);background:var(--background)}.fable{padding:28px 28px 32px;border-radius:var(--radius-surface);background:var(--surface-container-lowest)}.fable-inner{display:flex;flex-direction:column;gap:10px}.fable-title{font-weight:700}.fable-line{font-family:var(--font-hanzi);font-size:var(--type-sub);font-weight:400;line-height:1.3}.fable-written{color:var(--on-surface)}.fable-guide{color:var(--outline-variant)}.fable-pinyin{margin-top:-6px;color:var(--on-surface-variant);font-size:var(--type-small)}.learn{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:64px}.learn .head{margin:0}.guides{display:flex;flex-direction:column;gap:12px}.guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:var(--radius-card);background:var(--background);transition:background-color .18s ease,transform .18s var(--ease-out)}.guide:hover{background:var(--surface-container-highest);transform:translateY(-2px)}.guide svg{flex:none;color:var(--primary)}.guide-title,.guide-description{display:block}.guide-title{font-family:var(--font-display-family);font-size:var(--type-sub);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.guide-description{margin-top:8px;color:var(--on-surface-variant)}.reviews{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}.reviews-column{display:flex;flex-direction:column;gap:24px}.review{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:48px;border-radius:var(--radius-surface);background:var(--surface-container)}.reviews-column .review{flex:1}.review blockquote{font-family:var(--font-display-family);font-size:var(--type-sub);letter-spacing:-.01em;line-height:1.35}.review figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--on-surface-variant);font-size:var(--type-small)}.review-name{color:var(--primary);font-weight:700}.review-translation{margin-top:12px;color:var(--on-surface-variant)}.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px}.faq .head{position:sticky;top:32px;margin:0}.faq-item{margin-bottom:10px;padding:0 28px;border-radius:var(--radius-card);background:var(--surface-container);transition:background-color .18s ease}.faq-item[open]{background:var(--primary-tint)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-block:10px;font-weight:700;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{flex:none;color:var(--primary);transition:transform .2s var(--ease-out)}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{max-width:62ch;padding-bottom:24px}.closing{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.closing-copy{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:72px 64px}.closing-copy h2{font-size:var(--type-head)}.closing-copy .button{align-self:flex-start}.closing img{width:100%;height:100%;min-height:420px;object-fit:cover}@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:arrive .8s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.device-main{animation:arrive 1s var(--ease-out) .1s both}.device-side{animation:arrive 1s var(--ease-out) .3s both}@supports (animation-timeline: view()){.rise{animation:lift linear both;animation-timeline:view();animation-range:entry 0% entry 60%}.rise.d1{animation-range:entry 8% entry 68%}.rise.d2{animation-range:entry 16% entry 76%}.device-side{animation:arrive 1s var(--ease-out) .3s both,float linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 900px}}}@keyframes arrive{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes lift{0%{translate:0 36px}to{translate:0 0}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@media(max-width:1100px){.hero,.quiz,.video-section,.routine-today,.learn,.faq,.reviews,.closing{grid-template-columns:1fr}.hero{gap:72px}.hero h1{max-width:12ch}.facts{--facts-row-gap: 56px}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz,.routine-today{padding:48px 48px 0}.quiz .panel-copy,.routine-today .panel-copy{order:-1;padding-bottom:0}.routine-card{grid-column:1 / -1}.faq .head{position:static}.closing img{height:320px;min-height:320px}}@media(max-width:640px){.hero{padding-block:24px 96px}.hero-actions .button{width:100%}.facts{--facts-row-gap: 28px;padding:28px 24px}.facts-grid{column-gap:16px}.strip{grid-template-columns:1fr;gap:20px;padding-top:48px}.quiz,.routine-today{gap:32px;padding:32px 20px 0}.routine-card{padding:32px 24px}.learn{gap:32px;padding:32px 24px}.guide{padding:22px 20px}.guide-title,.review blockquote{font-size:var(--type-lead)}.review{padding:32px 24px}.closing-copy{padding:40px 24px}.device{--device-pad: 8px;--device-screen: var(--radius-tile)}.device-side{--device-pad: 6px;--device-screen: var(--radius-small)}}@media(prefers-reduced-motion:reduce){.more svg,.guide,.faq-item,.faq-item summary svg{transition:none}.more:hover svg,.guide:hover{transform:none}}