.marketing-page{--marketing-heading:var(--navy);color:var(--text);overflow-wrap:break-word}:root[data-theme=dark] .marketing-page{--marketing-heading:var(--ink)}.marketing-container{width:min(1200px,100% - 80px);min-width:0;margin-inline:auto}.marketing-section{padding-block:clamp(56px,6vw,88px)}.marketing-page h1,.marketing-page h2,.marketing-page h3{color:var(--marketing-heading);text-wrap:balance}.marketing-page h1{letter-spacing:-.035em;margin:0;font-size:clamp(38px,4.8vw,64px);font-weight:800;line-height:1.08}.marketing-page h2{letter-spacing:-.025em;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.12}.marketing-page h3{margin:0;font-size:22px;font-weight:750;line-height:1.25}.marketing-page p{line-height:1.65}.marketing-page .btn{border-radius:12px;min-height:48px;font-size:16px}.marketing-page a:not(.btn){color:var(--green-dark)}.marketing-page a:focus-visible,.marketing-page summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:5px}.marketing-eyebrow{font:500 13px/1.5 var(--mono);letter-spacing:.06em;color:var(--green-dark);margin:0 0 18px}.marketing-eyebrow:before{content:">_";color:var(--logo-green);margin-right:10px;font-weight:700}.marketing-hero{padding-block:clamp(48px,6vw,88px)}.marketing-hero-copy{flex-direction:column;align-items:flex-start;gap:22px;min-width:0;display:flex}.marketing-hero-copy>p:not(.marketing-eyebrow){max-width:690px;margin:0;font-size:19px}.marketing-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.marketing-note{color:var(--muted);font-size:14px!important}.marketing-section-heading{flex-direction:column;gap:18px;max-width:780px;margin-bottom:36px;display:flex}.marketing-section-heading>p:not(.marketing-eyebrow){margin:0;font-size:18px}.marketing-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:24px;display:grid}.marketing-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;min-width:0;padding:28px}.marketing-card>p:last-child{margin-bottom:0}.marketing-cover{aspect-ratio:1.8;object-fit:cover;background:var(--illustration-cream);border-radius:16px;width:100%;height:auto;display:block}.marketing-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:56px;display:grid}.marketing-stats{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:32px;display:grid}.marketing-stat{min-width:0}.marketing-stat strong{font:700 42px/1.1 var(--mono);color:var(--marketing-heading);margin-bottom:12px;display:block}.marketing-stat p{margin:0;font-size:15px}.marketing-band{background:var(--surface);border-block:1px solid var(--line)}.marketing-pill{background:var(--mint);color:var(--green-dark);font:600 12px/1.5 var(--mono);border-radius:100px;align-items:center;padding:5px 10px;display:inline-flex}.marketing-stage-list{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.marketing-faq{border-top:1px solid var(--line)}.marketing-faq details{border-bottom:1px solid var(--line)}.marketing-faq summary{cursor:pointer;color:var(--marketing-heading);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:700;line-height:1.45;list-style:none;display:flex}.marketing-faq summary::-webkit-details-marker{display:none}.marketing-faq-sign{width:16px;height:16px;color:var(--green);flex:none;position:relative}.marketing-faq-sign:before,.marketing-faq-sign:after{content:"";background:currentColor;height:2px;position:absolute;inset:7px 0 auto}.marketing-faq-sign:after{transform:rotate(90deg)}.marketing-faq details[open] .marketing-faq-sign:after{transform:none}.marketing-faq-answer{max-width:800px;padding:0 32px 24px 0;font-size:17px;line-height:1.65}.marketing-faq-answer>:first-child{margin-top:0}.marketing-faq-answer>:last-child{margin-bottom:0}.marketing-closing{text-align:center;background:var(--navy);color:var(--on-navy);border-block:1px solid var(--line)}.marketing-closing p{max-width:650px;margin:20px auto 28px;font-size:18px}.marketing-closing .marketing-actions{justify-content:center;margin-top:28px}.marketing-preview{min-width:0;margin:0}.marketing-preview-window{border:1px solid var(--line);background:var(--surface);box-shadow:0 32px 64px -40px var(--navy);border-radius:24px;overflow:hidden}.marketing-preview-bar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.marketing-preview-bar>span:first-child{color:var(--ink);font-weight:650}.marketing-preview-tools{white-space:nowrap;margin-left:auto}.marketing-preview-body{padding:clamp(16px,3vw,30px)}.marketing-preview-passage{border:1px solid var(--line);background:var(--reading-bg);font:clamp(15px, 2.2vw, 30px)/1.7 var(--lesson-font);font-variant-ligatures:none;color:var(--lesson-upcoming);overflow-wrap:anywhere;border-radius:16px;padding:clamp(16px,2.6vw,28px)}.marketing-preview-passage .correct{color:var(--green)}.marketing-preview-passage .corrected{color:var(--lesson-corrected);text-underline-offset:6px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.marketing-preview-passage .next{color:var(--ink);border-bottom:3px solid var(--lesson-caret)}.marketing-preview-stage{background:var(--mint);flex-direction:column;align-items:center;gap:20px;padding:20px clamp(12px,3vw,40px) 30px;display:flex}.marketing-preview-cue{background:var(--surface);color:var(--ink);border-radius:100px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:14px;font-weight:600;display:flex}.marketing-preview-cue b{background:var(--green);width:30px;height:30px;color:var(--on-accent);font-family:var(--lesson-font);border-radius:9px;place-items:center;display:grid}.marketing-preview-keyboard{flex-direction:column;gap:7px;width:100%;max-width:880px;display:flex}.marketing-preview-row{gap:clamp(2px,.5vw,7px);display:flex}.marketing-preview-row>span{background:var(--surface);min-width:0;height:clamp(24px,3.4vw,48px);color:var(--ink);border:1px solid var(--line);font:500 clamp(8px, 1.1vw, 15px)/1 var(--lesson-font);border-bottom-width:2px;border-radius:clamp(3px,.6vw,9px);flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative}.marketing-preview-row .modifier{color:var(--muted);font-size:clamp(5px,.75vw,11px)}.marketing-preview-row .guided{background:var(--green);color:var(--on-accent);outline:3px solid var(--selection);font-weight:700}.marketing-preview-row i{background:var(--muted);border-radius:2px;width:25%;height:2px;position:absolute;bottom:4px}.marketing-preview figcaption{color:var(--muted);text-align:center;max-width:720px;margin:16px auto 0;font-size:14px;line-height:1.6}.marketing-preview-target{background:var(--reading-bg);border:1px solid var(--line);border-radius:16px;align-items:baseline;gap:16px;padding:18px 22px;display:flex}.marketing-preview-target small{color:var(--muted)}.marketing-preview-target strong{color:var(--ink);font-size:40px;font-weight:500}.marketing-preview-composition{border:2px solid var(--lesson-caret);border-radius:14px;margin-top:16px;padding:12px 16px}.marketing-preview-pinyin{font:22px/1.5 var(--lesson-font);color:var(--ink)}.marketing-preview-pinyin span{vertical-align:-3px;background:var(--lesson-caret);width:2px;height:22px;margin-left:3px;display:inline-block}.marketing-preview-candidates{color:var(--ink);flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.marketing-preview-candidates>span{border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:19px;display:flex}.marketing-preview-candidates small{font:13px var(--lesson-font);color:var(--muted)}.marketing-preview-candidates .selected{box-shadow:inset 0 0 0 1.5px var(--lesson-caret);background:var(--blue)}.marketing-preview-zh .marketing-preview-row>span{height:40px;font-size:13px}.marketing-preview-zh figcaption{text-align:left}@media (max-width:800px){.marketing-container{width:calc(100% - 40px)}.marketing-split{grid-template-columns:1fr;gap:36px}.marketing-preview-tools{display:none}}@media (max-width:480px){.marketing-page h1{font-size:38px}.marketing-page h2{font-size:30px}.marketing-card{padding:22px}.marketing-actions{gap:14px 18px}.marketing-preview-bar{padding:12px;font-size:11px}.marketing-preview-cue{font-size:11px}.marketing-preview-stage{padding-inline:10px}.marketing-preview-zh .marketing-preview-row>span{height:30px;font-size:10px}}.marketing-closing h2{color:var(--on-navy)}.marketing-closing .btn{background:var(--surface);color:var(--green-dark)}.marketing-page p{color:var(--text)}.marketing-page .marketing-note{color:var(--muted)}.marketing-page .marketing-eyebrow{color:var(--green-dark)}.marketing-page .marketing-closing p,.marketing-page .marketing-closing a:not(.btn),.marketing-page .is-independent :is(p,h3,span){color:var(--on-navy)}.marketing-page .marketing-closing .btn:not(.secondary):not(.ghost){background:var(--logo-green);color:var(--navy);border-color:#0000}.marketing-page .marketing-closing .btn:not(.secondary):not(.ghost):hover{background:var(--green);color:var(--on-accent)}.marketing-preview-tools{gap:16px;display:flex}@media (max-width:800px){.marketing-preview-tools{display:none}}.marketing-page .marketing-note a{text-underline-offset:3px;text-decoration:underline}.marketing-page .english-marketing-placement a:not(.btn){color:var(--on-navy)}