:root{--bg: #070912;--surface: #0e1220;--surface-2: #151a2c;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #f4f6fb;--text-2: #b4bbcc;--text-3: #8a92a6;--blue: #2f6bff;--violet: #7c4dff;--focus: #8fb0ff;--chip: #c9d7ff;--grad: linear-gradient(90deg, #2f6bff, #7c4dff);--gutter: 16px;--nav-h: 56px;--sec-pad: 88px;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}@media(min-width:768px){:root{--gutter: 24px;--nav-h: 64px;--sec-pad: 120px}}@media(min-width:1280px){:root{--gutter: 32px;--sec-pad: 152px}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Mona Sans,Noto Sans TC,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}#root{width:100%;min-height:100vh}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}.section[id]{scroll-margin-top:calc(var(--nav-h) + 24px - var(--sec-pad))}#more.section{scroll-margin-top:calc(var(--nav-h) + 24px)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:#2f6bff59;color:#fff}.tnum{font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:calc(1200px + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--sec-pad);overflow-x:clip}.band{background:#0b0e1a}.t-h1{font-size:clamp(2.375rem,1.1rem + 5.2vw,4.5rem);text-wrap:balance}.t-h2{font-size:clamp(1.75rem,1rem + 2.6vw,3rem);text-wrap:balance}.t-h3{font-size:clamp(1.375rem,1.1rem + 1.2vw,2rem);text-wrap:balance}:lang(zh) .t-h1{font-weight:900;line-height:1.18;letter-spacing:.01em;text-wrap:wrap}:lang(zh) .t-h1>span{white-space:nowrap}@media(max-width:767px){:lang(zh) .t-h1{font-size:min(clamp(2.375rem,1.1rem + 5.2vw,4.5rem),calc((100vw - 32px) / 8.3))}}@media(min-width:768px)and (max-width:1023px){:lang(zh) .t-h1{font-size:min(clamp(2.75rem,.4rem + 5.6vw,4.25rem),calc(420px / 8.3))}}@media(min-width:1024px)and (max-width:1279px){:lang(zh) .t-h1{font-size:clamp(2.75rem,.4rem + 5.6vw,4.25rem)}}:lang(zh) #top .copy{max-width:30em}:lang(en) .t-h1{font-weight:800;line-height:1.05;letter-spacing:-.025em}:lang(en) .t-h1>span:first-child{text-wrap:balance}:lang(en) .t-h1>span:last-child{white-space:nowrap}@media(max-width:767px){:lang(en) .t-h1{font-size:min(clamp(2.375rem,1.1rem + 5.2vw,4.5rem),calc((100vw - 32px) / 7.3))}}@media(min-width:768px)and (max-width:1023px){:lang(en) .t-h1{font-size:clamp(2.75rem,1rem + 4.2vw,3.5rem)}}@media(min-width:1280px){:lang(en) .t-h1{font-size:4.25rem}}:lang(zh) .t-h2{font-weight:900;line-height:1.25}:lang(en) .t-h2{font-weight:800;line-height:1.1;letter-spacing:-.02em}:lang(zh) .t-h3{font-weight:900;line-height:1.3}:lang(en) .t-h3{font-weight:800;line-height:1.15;letter-spacing:-.01em}.t-h4{font-size:18px;line-height:1.35}:lang(zh) .t-h4{font-weight:900}:lang(en) .t-h4{font-weight:700;letter-spacing:-.005em}.eyebrow{font-size:13px;font-weight:600;line-height:1.4;color:var(--focus)}:lang(zh) .eyebrow{letter-spacing:.08em}:lang(en) .eyebrow{letter-spacing:.12em;text-transform:uppercase}.eyebrow{text-wrap:balance}.copy{font-size:16px;color:var(--text-2);text-wrap:pretty}@media(min-width:1024px){.copy{font-size:18px}}:lang(zh) .copy{line-height:1.75;max-width:34em}:lang(en) .copy{line-height:1.6;max-width:40ch}.copy.copy-wide{max-width:40em}:lang(en) .copy.copy-wide{max-width:56ch}.copy.copy-free{max-width:none}.fine{font-size:13px;line-height:1.6;color:var(--text-3)}.text-grad{background:linear-gradient(90deg,#6e97ff,#a68bff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.04em}@media(forced-colors:active){.text-grad{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}.link-inline{white-space:nowrap;color:var(--focus);text-decoration:underline;text-decoration-color:#8fb0ff73;text-underline-offset:3px;text-decoration-thickness:1px}.link-inline:hover{text-decoration-color:currentColor}.link-quiet{color:var(--text-2)}.link-quiet:hover{color:var(--text)}a.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:9999px;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}a.btn-sm{height:40px;padding:0 18px;font-size:14px}a.btn-primary,button.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px -12px #2f6bffb3,inset 0 1px #ffffff2e}a.btn-secondary,button.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--line-strong)}@media(prefers-reduced-motion:no-preference){a.btn,button.btn{transition:filter .15s var(--ease),transform .15s var(--ease),background-color .15s var(--ease)}a.btn:active,button.btn:active{transform:scale(.98)}}a.btn-primary:hover,button.btn-primary:hover{filter:brightness(1.08)}a.btn-secondary:hover,button.btn-secondary:hover{background:var(--surface-2)}button.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background:var(--surface);border:1px solid var(--line-strong);color:var(--text);cursor:pointer}button.icon-btn:hover{background:var(--surface-2)}.status-note{display:inline-flex;align-items:center;gap:8px;color:var(--text-3);font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}.status-note__dot{width:6px;height:6px;border-radius:9999px;background:var(--focus);box-shadow:0 0 0 3px #8fb0ff2e;flex:none}.plan-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap}.plan-badge--free{color:var(--text-2);background:var(--surface-2)}.plan-badge--points{color:#9db3ff;background:transparent;box-shadow:inset 0 0 0 1px #2f6bff80}.plan-badge--pro{color:#fff;background:var(--grad)}.plan-badge--coach{color:#fff;background:#614fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px}.grad-frame{padding:1px;background:linear-gradient(135deg,#2f6bffe6,#7c4dffe6)}.dot{width:6px;height:6px;border-radius:9999px;background:var(--grad);flex:none}.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(min-width:1280px){.feat-grid{gap:20px}}.feat{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);isolation:isolate}.feat__stage{--glow: 47, 107, 255;position:relative;height:196px;flex:none;overflow:hidden;background:radial-gradient(70% 90% at 50% 0%,rgba(var(--glow),.3),transparent 72%),linear-gradient(180deg,#10152a,var(--surface))}.feat__stage:after{content:"";position:absolute;inset:auto 0 0 0;height:56px;background:linear-gradient(180deg,rgba(14,18,32,0),var(--surface));pointer-events:none;z-index:2}@media(max-width:389px){.feat__stage{height:172px}}@media(min-width:1024px){.feat__stage{height:212px}}@media(min-width:1280px){.feat__stage{height:232px}}.feat__ui{position:absolute;top:22px;left:50%;width:calc(100% - 44px);max-width:360px;height:auto;transform:translate(-50%);border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#000;box-shadow:0 24px 50px -18px #000000d9,0 0 0 1px #0006;z-index:1}.feat__body{position:relative;z-index:3;margin-top:-18px;padding:0 20px 20px}@media(min-width:1280px){.feat__body{padding:0 24px 24px}}.feat__head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon tags" "name name";align-items:center;column-gap:10px;row-gap:12px}.feat__icon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;color:#d3deff;background:linear-gradient(135deg,#2f6bff57,#7c4dff4d),var(--surface);box-shadow:inset 0 0 0 1px #8fb0ff38,0 8px 20px -10px #2f6bffcc}.feat__tags{grid-area:tags;justify-self:end;display:inline-flex;flex-wrap:nowrap;gap:6px}.feat .plan-badge{height:22px;padding:0 8px}.feat .plan-badge--points{background:var(--surface)}.feat__name{grid-area:name;font-size:23px;line-height:1.25;color:var(--text);text-wrap:balance}:lang(zh) .feat__name{font-weight:900;letter-spacing:.02em;text-wrap:wrap}:lang(en) .feat__name{font-weight:800;line-height:1.15;letter-spacing:-.02em}@media(min-width:1280px){.feat__name{font-size:25px}}.feat__lead{margin-top:6px;font-size:16px;line-height:1.5;color:#dce2f0;text-wrap:balance}:lang(zh) .feat__lead{font-weight:500;text-wrap:wrap}:lang(en) .feat__lead{font-weight:600;line-height:1.4;letter-spacing:-.005em}@media(min-width:1280px){.feat__lead{font-size:17px}}.feat__copy{font-size:15px;line-height:1.6;color:var(--text-2)}:lang(zh) .feat__copy{line-height:1.7}.feat__bullet{display:flex;gap:10px;font-size:14px;line-height:1.55;color:var(--text-2)}.feat__bullet>span:last-child{color:var(--text-3)}:lang(zh) .feat__bullet{line-height:1.65}:lang(en) .feat__copy,:lang(en) .feat__bullet>span:last-child{text-wrap:pretty}@media(min-width:1024px){.feat--wide{grid-column:span 2;flex-direction:row-reverse}.feat--wide .feat__stage{width:50%;height:auto;min-height:100%;background:radial-gradient(60% 60% at 62% 42%,rgba(var(--glow),.3),transparent 72%)}.feat--wide .feat__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 8px 28px 32px}.feat--wide .feat__body{margin-top:0}.feat--wide .feat__head{row-gap:16px}.feat--wide .feat__icon{width:40px;height:40px;border-radius:12px}.feat__name--lg{font-size:clamp(1.875rem,.9rem + 1.6vw,2.375rem);line-height:1.2}.feat__lead--lg{margin-top:8px;font-size:clamp(1.0625rem,.8rem + .45vw,1.25rem)}}@media(min-width:1280px){.feat--wide .feat__stage{width:54%}}@media(min-width:1024px){:lang(en) .feat__name--lg{line-height:1.1;letter-spacing:-.025em}.feat--wide .feat__copy{font-size:16px}.feat--wide .feat__bullet{font-size:15px}.feat--wide .feat__stage{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:28px 24px}.feat--wide .feat__stage:after{display:none}.feat--wide .feat__ui{position:relative;top:auto;left:auto;transform:none}.feat__ui--back{align-self:flex-start;width:82%;max-width:340px;z-index:0}.feat__ui--front{align-self:flex-end;width:96%;max-width:420px;z-index:1;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 20px),transparent)}}.feat__ui--demo{width:auto;height:calc(100% - 86px);max-width:calc(100% - 44px);object-fit:contain}.feat-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:2px var(--gutter) 4px;margin-inline:calc(var(--gutter) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}.feat-rail::-webkit-scrollbar{display:none}.feat-rail:focus-visible{outline-offset:-2px;border-radius:22px}.feat-rail>.feat{flex:0 0 min(82vw,320px);scroll-snap-align:start}@media(min-width:768px){.feat-rail{gap:16px}.feat-rail>.feat{flex-basis:312px}}.feat-dots{display:flex;gap:6px}.feat-dots>span{width:6px;height:6px;border-radius:9999px;background:var(--line-strong)}.feat-dots>span.is-active{width:18px;background:var(--focus)}@media(prefers-reduced-motion:no-preference){.feat-dots>span{transition:width .2s var(--ease),background-color .2s var(--ease)}}button.icon-btn--sm{width:40px;height:40px}button.icon-btn:disabled{opacity:.35;cursor:default}button.icon-btn:disabled:hover{background:var(--surface)}.video-card{position:relative;aspect-ratio:9 / 16;border-radius:28px;overflow:hidden;background:#0b0f1e;border:1px solid var(--line-strong);box-shadow:0 50px 120px -30px #2f6bff73,0 30px 60px -20px #000000b3;isolation:isolate}.video-card--film{box-shadow:0 40px 100px -30px #7c4dff66}.video-card>img,.video-card>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;max-width:none}.video-card>video.is-hidden{opacity:0}@media(prefers-reduced-motion:no-preference){.video-card>video.fade{transition:opacity .3s var(--ease)}}.video-glow{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;border-radius:9999px;background:radial-gradient(#2f6bff55,#7c4dff33,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}button.video-center-play{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:9999px;background:#00000073;border:1px solid rgba(255,255,255,.25);color:#fff;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:2}button.film-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#07091200 55%,#07091259);cursor:pointer;z-index:2;border-radius:inherit}button.film-cover:focus-visible{outline-offset:-4px}.film-cover__disc{width:72px;height:72px;border-radius:9999px;background:var(--grad);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 40px -10px #2f6bffbf,0 0 0 8px #ffffff24}@media(prefers-reduced-motion:no-preference){.film-cover__disc{transition:transform .15s var(--ease)}button.film-cover:hover .film-cover__disc{transform:scale(1.06)}}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 72% 32%,rgba(47,107,255,.28),transparent 70%),radial-gradient(45% 40% at 88% 72%,rgba(124,77,255,.22),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}@media(max-width:1023px){.hero-glow{background:radial-gradient(80% 40% at 50% 70%,rgba(47,107,255,.26),transparent 70%),radial-gradient(60% 30% at 70% 88%,rgba(124,77,255,.2),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}}.hero-layout{position:relative}@media(min-width:1024px){.hero-layout{min-height:min(calc(100svh - 64px),920px);display:flex;align-items:center}}.hero-video{width:min(72vw,280px)}@media(min-width:768px){.hero-video{width:260px}}@media(min-width:1024px){.hero-video{width:300px;width:max(220px,min(300px,calc((100svh - 214px)*.5625)))}}@media(min-width:1280px){.hero-video{width:340px;width:max(220px,min(340px,calc((100svh - 214px)*.5625)))}}@media(min-width:1024px)and (max-height:760px){.wrap.hero-layout{padding-block:24px}}.film-video{width:min(80vw,320px)}@media(min-width:1024px){#film{scroll-margin-top:64px}#film.section{padding-top:56px}.film-video{height:min(calc(100vh - 168px),720px);height:max(420px,min(calc(100svh - 168px),720px));width:auto;aspect-ratio:9 / 16}}.film-bg{background:linear-gradient(180deg,#0b0e1a,#121a44,#070912)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent}.site-header.is-scrolled,.site-header.is-open{background:#070912b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line)}.site-header.is-open{background:#070912f5;-webkit-backdrop-filter:none;backdrop-filter:none}@media(prefers-reduced-motion:no-preference){.site-header{transition:background-color .15s linear,border-color .15s linear}}.mobile-nav{z-index:2;position:absolute;left:0;right:0;top:100%;background:#070912f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);max-height:calc(100svh - 56px);overflow-y:auto}.mobile-scrim{position:fixed;z-index:1;left:0;right:0;top:56px;bottom:0;background:#070912b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skip-link{position:absolute;left:12px;top:12px;z-index:100;padding:12px 16px;border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:600;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{transform:none}.faq-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding-block:18px;font-size:18px;font-weight:600;line-height:1.45;cursor:pointer}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary>span{text-wrap:pretty}.faq-item>summary:hover{color:#fff}.faq-chevron{flex:none;color:var(--text-3)}@media(prefers-reduced-motion:no-preference){.faq-chevron{transition:transform .2s var(--ease)}}.faq-item[open] .faq-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.faq-item[open] .faq-chevron{transform:none}}.faq-answer{font-size:16px;line-height:1.75;color:var(--text-2);padding-bottom:22px;padding-right:36px}.more-item{display:flex;gap:14px;padding-block:22px;border-top:1px solid var(--line)}.more-item__icon{flex:none;margin-top:3px;color:var(--focus)}.icon-tile{width:44px;height:44px;border-radius:12px;background:#2f6bff24;color:var(--focus);display:inline-flex;align-items:center;justify-content:center}.step-num{position:relative;width:48px;height:48px;border-radius:9999px;padding:1px;background:var(--grad);flex:none}.step-num>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:#0b0e1a;font-family:Mona Sans,system-ui,sans-serif;font-weight:800;font-size:18px;color:var(--text)}.step-line{position:absolute;background:var(--line-strong);pointer-events:none}.film-closing{font-size:24px;line-height:1.35;display:inline-block}:lang(zh) .film-closing{font-weight:900;letter-spacing:.02em}:lang(en) .film-closing{font-weight:800;letter-spacing:-.01em}.t-plan{font-size:24px;line-height:1.25}:lang(zh) .t-plan{font-weight:900}:lang(en) .t-plan{font-weight:800;letter-spacing:-.015em}@media(max-width:374px){:lang(en) #download-title{font-size:26px}}.cta-glow{position:absolute;left:50%;top:45%;width:min(720px,120%);aspect-ratio:1.6;transform:translate(-50%,-50%);background:radial-gradient(50% 50% at 40% 50%,rgba(47,107,255,.22),transparent 70%),radial-gradient(50% 50% at 62% 55%,rgba(124,77,255,.18),transparent 70%);filter:blur(20px);pointer-events:none}.bullets li>span:last-child,.plan-items li>span{text-wrap:pretty}.cjk-kw{word-break:keep-all;overflow-wrap:break-word}:lang(en) .faq-answer,:lang(en) .more-item p,:lang(en) #how li p{text-wrap:pretty}:lang(en) .balance-en{text-wrap:balance}:lang(zh) .copy,:lang(zh) .bullets li>span:last-child,:lang(zh) .plan-items li>span,:lang(zh) .faq-item>summary>span{text-wrap:wrap}.plan-card--highlight{background:radial-gradient(80% 60% at 50% 0%,rgba(47,107,255,.16),transparent 70%),var(--surface-2)}.plan-label{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1;color:#fff;background:var(--grad);white-space:nowrap}:lang(zh) .copy.film-copy{max-width:26em}
