:root{color-scheme:light dark;--canvas:#edf5ff;--ink:#10243f;--muted:#506580;--accent:#236fe6;--line:rgba(29,73,129,.13);--button:#1262dd;--button-ink:#fff;--surface:rgba(255,255,255,.5);--glow:rgba(118,181,255,.3);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--canvas);line-height:1.6;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;inset:0 0 auto;height:860px;z-index:0;pointer-events:none;background:radial-gradient(ellipse 48% 53% at 80% 21%,var(--glow),transparent 80%),radial-gradient(ellipse 52% 48% at 15% 50%,rgba(206,226,252,.45),transparent 80%)}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:5px}a:hover{color:var(--accent)}::selection{background:#aacfff;color:#10243f}.site-header,main,.site-footer{position:relative;z-index:1}.site-header{max-width:1440px;margin:auto;padding:31px 48px}.company-link{display:inline-flex;flex-direction:column;font-size:17px;letter-spacing:-.035em;font-weight:750;line-height:1.35}.company-link span{margin-top:4px;color:var(--muted);font-size:12px;letter-spacing:0;font-weight:450}.skip-link{position:fixed;z-index:1100;left:20px;top:12px;transform:translateY(-160%);padding:10px 18px;border-radius:12px;background:var(--button);color:#fff}.skip-link:focus{transform:translateY(0)}.hero{max-width:860px;min-height:730px;margin:0 auto;padding:53px 24px 70px;text-align:center}.app-icon{display:block;margin:0 auto 23px;width:100px;height:100px;filter:drop-shadow(0 14px 22px rgba(35,97,169,.16));animation:arrive .75s cubic-bezier(.16,1,.3,1) both}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.04em}.hero h1{margin:0;font-size:clamp(68px,7.7vw,104px);font-weight:800;letter-spacing:-.075em;line-height:1.15}.hero-heading{margin:21px auto 14px;font-size:clamp(28px,3.2vw,39px);font-weight:550;line-height:1.25;letter-spacing:-.045em}.hero-intro{max-width:475px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.75;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.download-button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:15px 27px;color:var(--button-ink);background:var(--button);border:1px solid transparent;border-radius:999px;font-size:16px;font-weight:650;letter-spacing:-.025em;box-shadow:0 8px 26px rgba(29,103,217,.19);transition:transform .32s cubic-bezier(.2,1.6,.4,1),box-shadow .25s,background .25s}.download-button:hover{color:var(--button-ink);background:#0755c7;transform:translateY(-3px);box-shadow:0 13px 30px rgba(29,103,217,.25)}.download-button:active{transform:scale(.97)}.source-link{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-size:15px;font-weight:550}.source-link svg{opacity:.75}.platform-note{margin:15px 0 0;font-size:12px;color:var(--muted)}.feature-line{display:flex;list-style:none;gap:29px;justify-content:center;margin:48px 0 0;padding:0;font-size:14px;font-weight:500}.feature-line li{display:flex;align-items:center;gap:8px}.feature-number{color:var(--accent);font-size:10px;font-weight:650;opacity:.8;font-variant-numeric:tabular-nums}.hero>p,.hero>h1,.hero>h2,.hero-actions,.feature-line{animation:arrive .7s cubic-bezier(.16,1,.3,1) both}.hero>.eyebrow{animation-delay:.07s}.hero>h1{animation-delay:.11s}.hero>h2{animation-delay:.15s}.hero>.hero-intro{animation-delay:.19s}.hero-actions{animation-delay:.23s}.hero>.platform-note{animation-delay:.27s}.feature-line{animation-delay:.31s}.questions{display:grid;grid-template-columns:1fr 1.5fr;gap:76px;max-width:1080px;margin:0 auto;padding:73px 32px 104px;border-top:1px solid var(--line)}.section-label{font-size:12px;color:var(--accent);font-weight:650;letter-spacing:.09em}.questions-heading h2{font-size:30px;font-weight:600;letter-spacing:-.045em;line-height:1.25;margin:15px 0}.questions-heading>p{font-size:15px;color:var(--muted);margin:0;max-width:265px}.faq-list{margin-top:-17px}.faq-item{border-bottom:1px solid var(--line);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:76px;padding:22px 2px;font-size:16px;font-weight:550;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-mark{position:relative;flex-shrink:0;display:block;width:16px;height:16px;color:var(--muted)}.faq-mark::before,.faq-mark::after{content:"";position:absolute;inset:7px 0 auto;height:1.4px;background:currentColor;border-radius:1px;transition:transform .28s cubic-bezier(.16,1,.3,1)}.faq-mark::after{transform:rotate(90deg)}.faq-item[open] .faq-mark::after{transform:rotate(0)}.faq-answer{padding:0 22px 24px 2px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--muted);font-size:15px;line-height:1.85}.faq-answer p{margin:0}.faq-answer a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:4px;color:var(--accent);overflow-wrap:anywhere}.site-footer{max-width:1080px;margin:auto;padding:28px 32px 36px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-weight:550;color:var(--ink)}.footer-main nav{display:flex;flex-wrap:wrap;gap:23px}.footer-bottom{margin-top:29px}.language-links{display:flex;gap:19px}.language-links a[aria-current]{color:var(--ink);font-weight:650}.am-footer__version{opacity:.55;font-size:11px}.site-footer a{padding-block:4px}.hero-heading:lang(zh){letter-spacing:-.04em;font-weight:600}.hero-intro:lang(zh){max-width:425px;line-height:1.9}.questions-heading h2:lang(zh){font-size:27px;line-height:1.45}
@keyframes arrive{from{opacity:0;transform:translateY(13px) scale(.99)}to{opacity:1;transform:none}}
.hero h1{letter-spacing:-.045em}
@media(max-width:760px){.site-header{padding:25px 24px}.company-link{font-size:16px}.company-link span{font-size:11px}.hero{padding:43px 24px 64px;min-height:690px}.app-icon{width:88px;height:88px;margin-bottom:22px}.hero h1{font-size:76px}.hero-heading{font-size:31px;margin-top:21px}.hero-intro{font-size:16px;max-width:370px}.hero-actions{gap:19px;margin-top:28px}.download-button{font-size:14px;padding-inline:23px;min-height:54px}.source-link{font-size:14px}.feature-line{gap:20px;margin-top:40px;font-size:12px}.questions{grid-template-columns:1fr;gap:34px;margin-inline:24px;padding:45px 0 64px}.questions-heading h2{font-size:28px;margin-top:10px}.questions-heading>p{max-width:none}.faq-list{margin-top:0}.faq-item summary{font-size:16px;min-height:73px}.site-footer{margin-inline:24px;padding:26px 0 28px}.footer-main{align-items:flex-start;flex-direction:column;gap:16px}.footer-main nav{gap:20px}.footer-bottom{margin-top:25px}.questions-heading h2:lang(zh){font-size:25px}}
@media(max-width:380px){.hero{padding-inline:20px}.hero h1{font-size:69px}.hero-heading{font-size:28px}.hero-actions{flex-direction:column;gap:8px}.hero-actions .source-link{min-height:37px}.feature-line{gap:12px;font-size:11px}.feature-number{font-size:9px}.hero{min-height:740px}.language-links{gap:14px}}
@media(max-width:760px) and (max-height:700px){.site-header{padding-block:18px}.hero{min-height:0;padding-top:22px;padding-bottom:48px}.app-icon{width:56px;height:56px;margin-bottom:16px}.eyebrow{font-size:12px}.hero h1{font-size:58px}.hero-heading{font-size:25px;margin-top:16px}.hero-intro{font-size:14px;line-height:1.7}.hero-actions{margin-top:18px}.feature-line{margin-top:23px}}
@media(prefers-color-scheme:dark){:root{--canvas:#0a1727;--ink:#e7f1ff;--muted:#a1b5ce;--accent:#83b8ff;--line:rgba(160,192,233,.15);--button:#4892f4;--button-ink:#061b35;--surface:rgba(22,42,68,.5);--glow:rgba(30,79,144,.22)}body::before{background:radial-gradient(ellipse 50% 53% at 80% 21%,var(--glow),transparent 80%),radial-gradient(ellipse 52% 48% at 15% 50%,rgba(21,55,96,.24),transparent 80%)}.download-button:hover{background:#65a6ff}.app-icon{filter:drop-shadow(0 14px 28px rgba(0,0,0,.3))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--muted:#294460;--line:#7e9bbd}.download-button{border-color:currentColor}.platform-note,.feature-number,.am-footer__version{opacity:1}}
@media(prefers-color-scheme:dark) and (prefers-contrast:more){:root{--muted:#d4e5fa;--line:#708eaf}}
@media print{body::before,.hero-actions,.skip-link,.language-links{display:none}.hero{min-height:auto;padding:20px}.questions{padding:24px 0;display:block}.faq-item .faq-answer{display:block}.faq-item{break-inside:avoid}a{color:inherit}}

/* Open learning: a quiet, separate editorial section, not another hero CTA. */
.hero{min-height:0}
.hero-intro{margin-top:22px}
.community{max-width:1080px;margin:0 auto;padding:76px 32px 84px;border-top:1px solid var(--line)}
.community-heading{max-width:660px}
.community-heading h2{margin:15px 0 14px;font-size:clamp(28px,3.2vw,39px);font-weight:600;line-height:1.3;letter-spacing:-.045em;text-wrap:balance}
.community-heading>p{max-width:570px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:45px}
.community-item{border-top:1px solid var(--line);padding-top:22px}
.community-number{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}
.community-item h3{margin:11px 0 12px;font-size:20px;font-weight:600;letter-spacing:-.035em;line-height:1.4}
.community-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.ecosystem-status{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--accent);font-size:11px;font-weight:550}
.ecosystem-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.community-actions{display:flex;align-items:center;flex-wrap:wrap;gap:27px;margin-top:37px}
.community-actions .source-link{min-height:48px;padding:9px 20px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);transition:transform .3s cubic-bezier(.2,1.6,.4,1),border-color .2s}
.community-actions .source-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}
.community-actions .source-link:active{transform:scale(.97)}
.guide-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:14px}
@media(max-width:760px){.community{margin-inline:24px;padding:45px 0 57px}.community-heading h2{font-size:28px}.community-heading>p{font-size:15px}.community-grid{grid-template-columns:1fr;gap:26px;margin-top:29px}.community-item{padding-top:17px}.community-item h3{font-size:19px;margin-top:7px}.community-actions{gap:17px;margin-top:29px}}
@media(prefers-reduced-motion:reduce){.community-actions .source-link{transition:none}.community-actions .source-link:hover,.community-actions .source-link:active{transform:none}}
@media print{.community{padding:24px 0}.community-grid{display:block}.community-item{break-inside:avoid}.community-actions{display:none}}

/* Promo film: a dark cinematic frame under the hero; native controls, optional overlay play button. */
.film{max-width:1180px;margin:0 auto;padding:12px 32px 88px;text-align:center}
.film-heading{max-width:640px;margin:0 auto 34px}
.film-heading h2{margin:15px 0 12px;font-size:clamp(28px,3.2vw,39px);font-weight:600;line-height:1.3;letter-spacing:-.045em;text-wrap:balance}
.film-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.film-frame{position:relative;max-width:100%;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#05070b;box-shadow:0 30px 80px rgba(16,36,63,.22),0 0 0 1px var(--line)}
.film-video{display:block;width:100%;height:100%;object-fit:cover;background:#05070b}
.film-video:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.film-play{display:none;position:absolute;left:50%;top:40.3%;width:84px;height:84px;margin:-42px 0 0 -42px;padding:0 0 0 5px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:rgba(18,98,221,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(18,98,221,.45);cursor:pointer;transition:transform .32s cubic-bezier(.2,1.6,.4,1),background .25s}
.film-frame.is-enhanced .film-play{display:flex}
.film-frame.is-playing .film-play{display:none}
.film-play:hover{transform:scale(1.07);background:rgba(18,98,221,.9)}
.film-play:active{transform:scale(.96)}
.film-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.film-heading h2:lang(zh){letter-spacing:-.03em}
@media(max-width:760px){.film{padding:0 24px 56px}.film-heading{margin-bottom:24px}.film-heading h2{font-size:28px}.film-heading>p{font-size:15px}.film-frame{border-radius:18px}.film-play{width:64px;height:64px;margin:-32px 0 0 -32px}}
@media(prefers-color-scheme:dark){.film-frame{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px var(--line)}}
@media(prefers-reduced-motion:reduce){.film-play{transition:none}.film-play:hover,.film-play:active{transform:none}}
@media print{.film{display:none}}

/* Typography: the same SF Pro system face as the WordAI app (Flutter fontFamily: null) and the WordAI film,
   bold display headings with tight tracking; Chinese keeps PingFang with natural spacing. */
:root:lang(zh-Hant){font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue","PingFang TC","Hiragino Sans CNS","Microsoft JhengHei",sans-serif}
.hero h1{font-weight:700;letter-spacing:-.04em}
.eyebrow,.section-label{font-weight:600}
.community-heading h2,.film-heading h2,.questions-heading h2{font-weight:650;letter-spacing:-.032em}
.community-item h3{font-weight:600;letter-spacing:-.02em}
.download-button{font-weight:600;letter-spacing:-.01em}
.hero-intro,.film-heading>p,.community-heading>p{letter-spacing:-.005em}
.faq-item summary{font-weight:550;letter-spacing:-.01em}
.faq-answer{font-family:inherit}
:lang(zh) .community-heading h2,:lang(zh) .film-heading h2,:lang(zh) .questions-heading h2,.hero-heading:lang(zh){letter-spacing:-.01em}
:lang(zh) .hero-intro,:lang(zh) .community-item h3,:lang(zh) .faq-item summary{letter-spacing:0}

/* Hero is just the icon and the wordmark; the film follows straight away and the download sits under it. */
.hero{padding-bottom:36px}
.film-actions{display:flex;flex-direction:column;align-items:center;margin-top:34px}
.film-actions .platform-note{margin-top:14px}
@media(max-width:760px){.hero{padding-bottom:28px}.film-actions{margin-top:26px}}
@media print{.film-actions{display:none}}
/* After the film ends it holds on the end card; a quiet Replay pill sits in the empty top-right corner. */
.film-replay{display:none;position:absolute;top:18px;right:18px;gap:7px;align-items:center;padding:8px 14px 8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:rgba(255,255,255,.86);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.film-frame.is-ended .film-replay{display:inline-flex}
.film-replay:hover{background:rgba(255,255,255,.16);color:#fff}
.film-replay:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.film-replay{top:10px;right:10px;padding:6px 11px 6px 9px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.film-replay{transition:none}}