.landing { --brand: #C6F432; --brand-strong: #A8D41F; --bg: #0F1115; --panel: #171A21; --line: #2B303B; --text: #E8EBF2; --muted: #98A1B3; }
body.landing-page { display: block; padding: 0; margin: 0; }
body.landing-page > .top,body.landing-page > .foot,body.landing-page > #tabbar { display: none !important; }
body.landing-page #app { width: 100%; max-width: none; margin: 0; padding: 0; display: block; }
.landing { background: var(--bg); color: var(--text); font: 15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.landing *{box-sizing:border-box}
body.landing-page{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body.landing-page{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.landing button,.landing a{-webkit-tap-highlight-color:transparent}
.landing button{font:inherit;cursor:pointer}
.landing a{color:inherit;text-decoration:none}
.landing button,.landing a,.landing summary{touch-action:manipulation}
.landing button:disabled{cursor:default}
.landing a:focus-visible,.landing button:focus-visible,.landing summary:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.landing button{color:inherit}
.landing h1,.landing h2,.landing h3,.landing p{margin:0}
.landing h1,.landing h2,.landing h3{line-height:1.1}
.landing img,.landing video{max-width:100%;display:block}
.landing ::selection{background:var(--brand);color:var(--bg)}
.landing [hidden]{display:none!important}
.landing .wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.landing .muted{color:var(--muted)}
.landing .skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--brand);color:var(--bg);padding:10px 18px;border-radius:8px}
.landing .skip:focus{top:10px}
.landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 21px;border-radius:9px;border:1px solid var(--line);background:transparent;font-weight:650;font-size:14px;transition:background .18s,border-color .18s,transform .18s}
.landing .btn:hover{background:var(--panel);border-color:var(--muted)}
.landing .btn.primary{background:var(--brand);border-color:var(--brand);color:var(--bg)}
.landing .btn.primary:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-2px)}
.landing .arrow{font-size:20px;font-weight:400;line-height:1}
.landing .eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--brand);display:flex;align-items:center;gap:10px}
.landing .eyebrow::before{content:"";width:20px;height:1px;background:currentColor}
.landing .tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.3;font-weight:650;padding:6px 9px;border-radius:5px;background:var(--panel);color:var(--muted);border:1px solid var(--line)}
.landing .tag.live{color:var(--brand);border-color:var(--line);background:var(--panel)}
.landing .tag.trial{color:var(--brand);border-color:var(--line);background:var(--line)}
.landing .tag.live::before,.landing .tag.trial::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.landing .section{padding:88px 0}
.landing .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}
.landing .section-head h2{font-size:42px;letter-spacing:-1.6px;margin-top:16px;font-weight:650}
.landing .section-head p{max-width:350px;font-size:14px;color:var(--muted)}
.landing header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.landing .nav{height:82px;display:flex;align-items:center;gap:35px}
.landing .brand{display:flex;flex-direction:column;line-height:1.2;flex-shrink:0}
.landing .brand strong{font-size:20px;font-weight:750;letter-spacing:-.6px}
.landing .brand small{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:5px}
.landing .nav-links{display:flex;gap:26px;margin-left:auto;align-items:center}
.landing .nav-links a,.landing .login{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}
.landing .nav-links a:hover,.landing .login:hover{color:var(--brand)}
.landing .nav-actions{display:flex;align-items:center;gap:20px}
.landing .language{min-height:44px;min-width:54px;padding:6px 10px;background:none;border:1px solid var(--line);border-radius:7px;font-size:12px}
.landing .language:hover{background:var(--panel)}
.landing .nav .btn{min-height:42px;padding:9px 16px;font-size:12px}
.landing .hero{padding:64px 0 44px;position:relative}
.landing .hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:48px;align-items:center}
.landing .hero-copy{padding:14px 0}
.landing .hero-copy h1{font-size:clamp(48px,4.8vw,70px);letter-spacing:-3px;line-height:1.045;font-weight:700;margin:25px 0 22px}
.landing .hero-copy h1 em{font-style:normal;color:var(--brand)}
.landing .hero-copy .intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:405px}
.landing .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.landing .hero-actions .secondary{border:none;color:var(--text);padding-inline:12px}
.landing .hero-note{font-size:11px;color:var(--muted);margin-top:14px}
.landing .hero-workflow{display:flex;gap:16px;align-items:center;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.landing .hero-workflow b{color:var(--brand);font-weight:500;margin-right:6px}
.landing .hero-workflow .step-arrow{color:var(--line)}
.landing .hero-showcase{min-width:0;position:relative}
.landing .demo-frame{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px color-mix(in srgb,var(--bg) 33%,transparent)}
.landing .demo-top{height:40px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.7px}
.landing .demo-top .record-dot{width:5px;height:5px;border-radius:50%;background:var(--brand);display:inline-block;margin-right:7px}
.landing .split-labels{display:flex;position:absolute;left:0;right:0;top:12px;z-index:2;pointer-events:none}
.landing .split-labels span{width:50%;text-align:center}
.landing .split-labels b{font-size:10px;line-height:1.2;display:inline-block;padding:6px 9px;color:var(--text);background:color-mix(in srgb,var(--bg) 79%,transparent);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:5px;font-weight:500;backdrop-filter:blur(8px)}
.landing .split-labels span+span b{background:color-mix(in srgb,var(--brand) 93%,transparent);color:var(--bg);border-color:transparent}
.landing .video-wrap{position:relative;background:var(--bg);aspect-ratio:9/8;overflow:hidden}
.landing .video-wrap video{width:100%;height:100%;object-fit:contain}
.landing .video-wrap::after{content:"";position:absolute;width:1px;background:color-mix(in srgb,var(--text) 22%,transparent);top:0;bottom:0;left:50%;pointer-events:none}
.landing .video-controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;z-index:3;gap:6px}
.landing .media-btn{border:1px solid color-mix(in srgb,var(--text) 22%,transparent);background:color-mix(in srgb,var(--bg) 86%,transparent);color:var(--text);min-height:44px;border-radius:7px;padding:8px 12px;font-size:11px;backdrop-filter:blur(8px)}
.landing .media-btn:hover{background:var(--line)}
.landing .demo-bottom{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;font-size:11px;color:var(--muted)}
.landing .demo-bottom strong{color:var(--text);font-weight:550}
.landing .showcase-caption{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;color:var(--muted);padding-left:5px}
.landing .tiny-star{color:var(--brand);font-size:17px}
.landing .hero-divider{display:flex;justify-content:space-between;align-items:center;padding:30px 0 0;margin-top:44px;border-top:1px solid var(--line);gap:20px}
.landing .hero-divider p{font-size:11px;color:var(--muted)}
.landing .feature-jump{display:flex;gap:22px;font-size:12px;flex-wrap:wrap}
.landing .feature-jump a{display:flex;gap:8px;align-items:center}
.landing .feature-jump a:hover{color:var(--brand)}
.landing .feature-jump i{height:6px;width:6px;border-radius:50%;background:var(--brand)}
.landing .feature-jump a:nth-child(2) i{background:var(--brand)}
.landing .feature-jump a:nth-child(3) i{background:var(--brand)}
.landing .features{padding-top:65px}
.landing .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.landing .feature-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;scroll-margin-top:120px}
.landing .feature-card:hover{border-color:var(--line)}
.landing .feature-visual{height:260px;background:var(--bg);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.landing .feature-copy{padding:26px 28px 28px;flex:1;display:flex;flex-direction:column}
.landing .feature-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.landing .feature-type{font-size:10px;font-weight:650;color:var(--brand);letter-spacing:1.8px;text-transform:uppercase}
.landing .clone .feature-type{color:var(--brand)}
.landing .story .feature-type{color:var(--brand)}
.landing .more .feature-type{color:var(--muted)}
.landing .feature-copy h3{font-size:29px;letter-spacing:-.7px;font-weight:650}
.landing .feature-copy>p{color:var(--muted);font-size:14px;margin:14px 0 24px;max-width:420px}
.landing .feature-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto}
.landing .feature-footer small{font-size:10px;color:var(--muted);max-width:200px}
.landing .feature-footer .btn{min-height:44px;padding:9px 15px;font-size:12px;gap:14px;flex-shrink:0}
.landing .feature-footer button:disabled{color:var(--muted);background:var(--panel);border-color:var(--line)}
.landing .timeline-demo{padding:23px 28px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 3%,transparent),transparent 60%),var(--bg)}
.landing .mock-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:27px}
.landing .mock-toolbar span:first-child{color:var(--text)}
.landing .demo-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:8px}
.landing .wave-track{height:41px;background:var(--line);border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:2px;padding:5px 7px;position:relative;overflow:hidden}
.landing .wave-track .wave{height:26px;flex:1;background:repeating-linear-gradient(90deg,var(--brand) 0px,var(--brand) 2px,transparent 2px,transparent 5px);clip-path:polygon(0 42%,3% 26%,5% 50%,8% 4%,11% 37%,14% 15%,17% 48%,20% 24%,23% 8%,26% 44%,29% 26%,32% 39%,35% 5%,38% 40%,41% 20%,44% 47%,47% 17%,50% 35%,53% 9%,56% 47%,59% 20%,62% 41%,65% 12%,68% 30%,71% 7%,74% 44%,77% 29%,80% 12%,83% 47%,86% 18%,89% 36%,92% 4%,95% 36%,98% 25%,100% 43%,100% 67%,95% 79%,90% 66%,85% 94%,80% 68%,75% 84%,70% 65%,65% 90%,60% 67%,55% 82%,50% 65%,45% 91%,40% 67%,35% 89%,30% 63%,25% 88%,20% 67%,15% 92%,10% 66%,5% 81%,0 65%)}
.landing .wave-track .cut{position:absolute;top:0;bottom:0;left:23%;width:16%;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--brand) 27%,transparent) 0,color-mix(in srgb,var(--brand) 27%,transparent) 2px,color-mix(in srgb,var(--line) 67%,transparent) 2px,color-mix(in srgb,var(--line) 67%,transparent) 5px);border-inline:1px solid var(--brand)}
.landing .wave-track .cut.second{left:65%;width:10%}
.landing .timeline-arrow{text-align:center;color:var(--brand);line-height:20px;font-size:17px;margin:5px 0}
.landing .wave-track.after{background:var(--line);border-color:var(--brand);width:77%}
.landing .wave-track.after .wave{background:repeating-linear-gradient(90deg,var(--brand) 0,var(--brand) 2px,transparent 2px,transparent 5px)}
.landing .visual-note{font-size:9px;color:var(--muted);margin-top:12px;display:flex;gap:7px;align-items:center}
.landing .visual-note i{width:5px;height:5px;border-radius:50%;background:var(--brand)}
.landing .feature-visual.clone-preview{height:260px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.landing .clone-preview .video-wrap{height:260px;width:292.5px;justify-self:center;aspect-ratio:auto;grid-column:1/-1}
.landing .clone-preview video{object-fit:contain;background:var(--bg)}
.landing .clone-preview .split-labels{top:10px}
.landing .clone-preview .video-controls{bottom:8px}
.landing .feature-visual.storyboard{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--brand) 7%,transparent),transparent 75%),var(--bg)}
.landing .story-frame{width:28%;height:156px;max-width:130px;border:1px solid var(--line);background:var(--panel);border-radius:8px;position:relative;overflow:hidden}
.landing .story-frame:first-of-type{transform:rotate(-7deg) translateY(9px)}
.landing .story-frame:nth-of-type(3){transform:rotate(7deg) translateY(9px)}
.landing .story-frame .scene{position:absolute;inset:20px 0 0;background:linear-gradient(165deg,transparent 45%,var(--line) 45%,var(--line) 80%)}
.landing .story-frame:nth-of-type(2) .scene{background:radial-gradient(circle at 60% 23%,var(--text) 0 7px,transparent 8px),linear-gradient(155deg,transparent 45%,var(--line) 46%,var(--line) 80%)}
.landing .story-frame:nth-of-type(3) .scene{background:linear-gradient(20deg,var(--line) 30%,transparent 31%),linear-gradient(150deg,var(--line) 40%,var(--muted) 41%,var(--line) 68%)}
.landing .story-frame span{position:absolute;top:10px;left:10px;font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}
.landing .story-frame small{position:absolute;bottom:10px;left:10px;right:10px;color:var(--text);font-size:9px}
.landing .storyboard>.visual-note{position:absolute;bottom:17px;left:28px;margin:0}
.landing .more .feature-visual{background:var(--bg);display:flex;align-items:center;justify-content:center;background-image:radial-gradient(color-mix(in srgb,var(--text) 6%,transparent) 1px,transparent 1px);background-size:18px 18px}
.landing .future-orbit{width:128px;height:128px;border:1px dashed var(--line);border-radius:50%;display:grid;place-items:center;position:relative}
.landing .future-orbit::after{content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--text) 4%,transparent);border-radius:50%}
.landing .future-orbit span{font-size:40px;font-weight:200;color:var(--muted)}
.landing .more .feature-visual .visual-note{position:absolute;bottom:17px;left:28px}
.landing .more .feature-copy h3{font-size:26px}
.landing .examples{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.landing .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.landing .sample{min-width:0}
.landing .sample .video-wrap{border:1px solid var(--line);border-radius:12px}
.landing .sample .video-controls{left:8px;right:8px;bottom:8px}
.landing .sample .media-btn{font-size:10px;padding:8px 10px}
.landing .sample .split-labels{top:9px}
.landing .sample .split-labels b{font-size:9px}
.landing .sample-info{display:flex;gap:12px;align-items:flex-start;margin-top:17px}
.landing .sample-number{font:11px/1.6 ui-monospace,monospace;color:var(--muted);margin-top:2px}
.landing .sample-info h3{font-size:17px;font-weight:550;letter-spacing:-.3px}
.landing .sample-info p{font-size:11px;color:var(--muted);margin-top:7px}
.landing .gallery-note{font-size:11px;color:var(--muted);margin-top:30px;display:flex;align-items:center;gap:8px}
.landing .price-grid{display:grid;grid-template-columns:.95fr 1.6fr;gap:22px}
.landing .price-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:28px}
.landing .price-card .price-type{font-size:11px;letter-spacing:1.6px;color:var(--brand);text-transform:uppercase;font-weight:600}
.landing .price-card h3{font-size:26px;font-weight:600;margin-top:14px;letter-spacing:-.6px}
.landing .price-card p{font-size:12px;color:var(--muted);margin-top:10px}
.landing .topup-amount{margin:22px 0 3px;display:flex;align-items:baseline;gap:13px}
.landing .topup-amount b{font-size:49px;line-height:1.2;font-weight:650;letter-spacing:-2px}
.landing .topup-amount span{font-size:17px;color:var(--text)}
.landing .topup .btn{margin-top:22px;width:100%}
.landing .subscriptions{background:var(--panel)}
.landing .subscriptions-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.landing .subscriptions-head .tag{font-size:10px}
.landing .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:27px}
.landing .tier+.tier{border-left:1px solid var(--line);padding-left:20px}
.landing .tier h4{font-size:13px;font-weight:550;color:var(--muted);margin:0 0 8px}
.landing .tier strong{font-size:30px;letter-spacing:-1px;font-weight:600}
.landing .tier .period{color:var(--muted);font-size:11px}
.landing .tier p{font-size:11px}
.landing .tier .credits{font-size:12px;color:var(--text);margin-top:13px}
.landing .subscriptions>a{display:inline-flex;gap:12px;align-items:center;font-size:12px;color:var(--brand);min-height:44px;margin-top:18px}
.landing .cost-strip{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.landing .cost-strip strong{font-size:12px;font-weight:600}
.landing .cost-strip p{color:var(--muted);font-size:11px;margin-top:5px}
.landing .pricing-note{font-size:11px;color:var(--muted);margin-top:20px;max-width:920px}
.landing .faq{padding-top:25px}
.landing .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.landing .faq-heading h2{font-size:40px;letter-spacing:-1.5px;margin-top:18px;font-weight:650}
.landing .faq-heading p{font-size:13px;color:var(--muted);margin-top:20px}
.landing .faq-heading a{font-size:12px;display:inline-block;color:var(--brand);padding-top:6px;overflow-wrap:anywhere}
.landing .faq-list{border-top:1px solid var(--line)}
.landing details{border-bottom:1px solid var(--line)}
.landing summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-weight:550;font-size:14px;padding:23px 0;min-height:62px}
.landing summary::-webkit-details-marker{display:none}
.landing summary::after{content:"+";font-weight:300;font-size:24px;line-height:1;color:var(--muted);flex-shrink:0}
.landing details[open] summary::after{content:"−";color:var(--brand)}
.landing details p{font-size:13px;line-height:1.8;color:var(--muted);padding:0 30px 22px 0}
.landing details p a{color:var(--brand);text-decoration:underline;text-underline-offset:4px}
.landing .closing{padding:32px 0 80px}
.landing .closing-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 44px;background:var(--panel);border:1px solid var(--line);border-radius:15px}
.landing .closing h2{font-size:29px;font-weight:600;letter-spacing:-.8px}
.landing .closing p{font-size:12px;color:var(--muted);margin-top:9px}
.landing .closing .btn{flex-shrink:0}
.landing .footer{border-top:1px solid var(--line);padding:38px 0 25px}
.landing .footer-main{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.landing .footer-main>div p{color:var(--muted);font-size:11px;margin-top:15px}
.landing .footer-links{display:flex;gap:28px;flex-wrap:wrap;align-items:center;justify-content:flex-end;max-width:650px}
.landing .footer-links a{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;min-height:44px}
.landing .footer-links a:hover{color:var(--text)}
.landing .footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}
.landing .footer-bottom a{color:var(--muted)}
@media(min-width:1400px){.landing .hero-grid{gap:70px}
.landing .hero-copy h1{font-size:73px}
.landing .hero{padding-top:78px}
}
@media(max-width:1050px){.landing .wrap{width:calc(100% - 48px)}
.landing .nav{gap:22px}
.landing .nav-links{gap:18px}
.landing .nav-actions{gap:12px}
.landing .hero-grid{gap:28px;grid-template-columns:1fr 1.05fr}
.landing .hero-copy h1{font-size:52px;letter-spacing:-2px}
.landing .hero-copy .intro{font-size:14px}
.landing .hero-actions{gap:4px}
.landing .hero-actions .btn{padding-inline:15px;font-size:12px}
.landing .hero-workflow{gap:10px;font-size:10px}
.landing .section-head h2{font-size:35px}
.landing .section-head p{max-width:280px}
.landing .feature-footer{flex-wrap:wrap}
.landing .feature-footer small{max-width:none}
.landing .feature-copy{padding:24px}
.landing .gallery{gap:14px}
.landing .gallery .media-btn{font-size:9px;padding-inline:8px}
.landing .sample .split-labels b{font-size:8px;padding:5px 6px}
.landing .price-grid{grid-template-columns:.85fr 1.45fr}
.landing .price-card{padding:23px}
.landing .tiers{gap:12px}
.landing .tier+.tier{padding-left:12px}
.landing .tier strong{font-size:26px}
.landing .faq-layout{gap:50px}
.landing .footer-links{gap:20px}
}
@media(max-width:800px){.landing .nav{height:78px;gap:18px}
.landing .brand strong{font-size:18px}
.landing .nav-links{gap:16px}
.landing .nav-links a{font-size:12px}
.landing .nav-actions{gap:9px}
.landing .nav .login{font-size:11px}
.landing .nav .btn{font-size:11px;padding-inline:13px}
.landing .language{min-width:48px;padding-inline:8px}
.landing .hero{padding-top:42px}
.landing .hero-copy h1{font-size:44px;letter-spacing:-1.9px}
.landing .hero-grid{gap:26px}
.landing .hero-copy .intro{font-size:13px;line-height:1.7}
.landing .hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px}
.landing .hero-actions{gap:3px;margin-top:22px}
.landing .hero-actions .btn{font-size:11px;padding-inline:12px;gap:10px;min-height:44px}
.landing .hero-workflow{margin-top:26px;padding-top:17px;gap:7px;font-size:9px;flex-wrap:wrap}
.landing .hero-note{font-size:10px}
.landing .demo-top{font-size:8px;padding:0 10px;height:32px}
.landing .demo-bottom{font-size:9px;padding:11px}
.landing .hero .media-btn{font-size:10px;padding-inline:9px}
.landing .showcase-caption{font-size:9px;gap:5px}
.landing .hero-divider{margin-top:30px;padding-top:24px;align-items:flex-start}
.landing .hero-divider>p{max-width:160px}
.landing .feature-jump{gap:15px;font-size:10px}
.landing .section{padding:64px 0}
.landing .section-head{gap:26px}
.landing .section-head h2{font-size:32px}
.landing .section-head p{max-width:240px;font-size:12px}
.landing .feature-grid{gap:16px}
.landing .feature-visual,.landing .feature-visual.clone-preview,.landing .clone-preview .video-wrap{height:230px}
.landing .clone-preview .video-wrap{width:258.75px}
.landing .timeline-demo{padding:20px}
.landing .feature-copy{padding:21px}
.landing .feature-copy h3{font-size:25px}
.landing .feature-copy>p{font-size:12px}
.landing .feature-footer{gap:10px}
.landing .feature-footer .btn{font-size:11px;padding-inline:13px}
.landing .feature-footer small{font-size:9px}
.landing .more .feature-copy h3{font-size:24px}
.landing .feature-type{font-size:9px;letter-spacing:1.5px}
.landing .tag{font-size:10px}
.landing .story-frame{height:135px}
.landing .feature-visual.storyboard{gap:9px;padding-inline:22px}
.landing .gallery{gap:13px}
.landing .sample .video-controls{flex-wrap:wrap}
.landing .sample .media-btn{font-size:9px;min-height:36px;padding:6px 8px}
.landing .sample-info h3{font-size:15px}
.landing .sample-info p{font-size:10px}
.landing .sample-info{gap:8px}
.landing .price-grid{grid-template-columns:1fr}
.landing .price-card{padding:28px}
.landing .topup{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:28px}
.landing .topup .price-type,.landing .topup h3,.landing .topup>p{grid-column:1}
.landing .topup .topup-amount{grid-column:2;grid-row:1/3;margin:0}
.landing .topup .btn{grid-column:2;grid-row:3/5;margin-top:7px}
.landing .topup>p{margin-top:8px}
.landing .tier strong{font-size:33px}
.landing .tiers{gap:24px}
.landing .tier+.tier{padding-left:24px}
.landing .faq-layout{gap:36px;grid-template-columns:.8fr 1.2fr}
.landing .faq-heading h2{font-size:32px}
.landing .closing{padding:12px 0 64px}
.landing .closing-inner{padding:30px;gap:26px}
.landing .closing h2{font-size:25px}
.landing .footer-main{flex-direction:column}
.landing .footer-links{justify-content:flex-start;max-width:100%}
.landing .footer-bottom{margin-top:24px}
}
@media(max-width:600px){.landing .wrap{width:calc(100% - 36px)}
body.landing-page{scroll-padding-top:132px}
.landing .nav{height:auto;min-height:106px;display:grid;grid-template-columns:1fr auto;gap:0 10px;padding-top:12px}
.landing .brand strong{font-size:17px;letter-spacing:-.4px}
.landing .brand small{font-size:9px;letter-spacing:1.5px;margin-top:4px}
.landing .nav-links{grid-column:1/-1;grid-row:2;margin:3px 0 0;gap:28px;justify-content:center;border-top:1px solid var(--line);min-height:40px}
.landing .nav-links a{min-height:39px;font-size:11px}
.landing .nav-actions{grid-column:2;grid-row:1;gap:8px}
.landing .nav .btn{min-height:39px;padding:8px 12px;font-size:11px}
.landing .language{min-height:39px;min-width:48px;font-size:11px}
.landing .hero{padding:36px 0 30px}
.landing .hero-grid{grid-template-columns:1fr;gap:30px}
.landing .hero-copy{padding:0}
.landing .hero-copy .eyebrow{font-size:10px}
.landing .hero-copy h1{font-size:51px;line-height:1.04;letter-spacing:-2px;margin:20px 0 19px}
.landing .hero-copy .intro{font-size:14px;max-width:340px;line-height:1.7}
.landing .hero-actions{gap:10px;margin-top:24px}
.landing .hero-actions .btn{font-size:13px;min-height:48px;padding-inline:20px;gap:20px}
.landing .hero-actions .secondary{padding-inline:9px;gap:10px}
.landing .hero-note{font-size:10px;margin-top:12px}
.landing .hero-workflow{margin-top:23px;padding-top:17px;gap:13px;font-size:10px;justify-content:flex-start}
.landing .demo-frame{border-radius:13px}
.landing .demo-top{height:34px;font-size:9px;padding-inline:12px}
.landing .demo-bottom{font-size:10px;padding:12px}
.landing .hero .media-btn{min-height:44px;font-size:11px}
.landing .showcase-caption{font-size:10px;margin-top:10px}
.landing .hero-divider{margin-top:26px;padding-top:20px;display:block}
.landing .hero-divider>p{max-width:none;font-size:10px;margin-bottom:12px}
.landing .feature-jump{font-size:11px;gap:19px}
.landing .section{padding:48px 0}
.landing .section-head{display:block;margin-bottom:25px}
.landing .section-head h2{font-size:32px;letter-spacing:-1.1px;margin-top:13px}
.landing .section-head p{max-width:330px;font-size:13px;margin-top:16px}
.landing .eyebrow{font-size:10px;letter-spacing:1.7px}
.landing .feature-grid{grid-template-columns:1fr;gap:20px}
.landing .feature-visual,.landing .feature-visual.clone-preview,.landing .clone-preview .video-wrap{height:238px}
.landing .clone-preview .video-wrap{width:267.75px}
.landing .feature-copy{padding:23px}
.landing .feature-copy h3{font-size:28px}
.landing .feature-copy>p{font-size:13px;margin:12px 0 22px}
.landing .feature-footer{flex-wrap:nowrap;gap:14px}
.landing .feature-footer small{font-size:9px;max-width:158px}
.landing .feature-footer .btn{padding:9px 12px;font-size:11px;gap:10px}
.landing .feature-meta{margin-bottom:16px}
.landing .feature-type{font-size:9px}
.landing .tag{font-size:10px}
.landing .timeline-demo{padding:22px}
.landing .more .feature-copy h3{font-size:27px}
.landing .gallery{grid-template-columns:1fr;gap:32px}
.landing .sample .video-wrap{border-radius:11px}
.landing .sample .split-labels b{font-size:10px;padding:6px 9px}
.landing .sample .media-btn{min-height:44px;font-size:11px;padding:8px 12px}
.landing .sample .video-controls{left:12px;right:12px;bottom:12px}
.landing .sample-info{gap:12px;margin-top:14px}
.landing .sample-info h3{font-size:19px}
.landing .sample-info p{font-size:12px;margin-top:5px}
.landing .gallery-note{font-size:10px;margin-top:27px;align-items:flex-start}
.landing .price-card{padding:23px}
.landing .price-grid{gap:17px}
.landing .topup{display:block}
.landing .topup .topup-amount{margin-top:20px}
.landing .topup .btn{margin-top:20px}
.landing .price-card h3{font-size:25px}
.landing .subscriptions-head{gap:10px}
.landing .subscriptions-head .tag{font-size:9px;padding:6px}
.landing .tiers{gap:13px;margin-top:24px}
.landing .tier+.tier{padding-left:13px}
.landing .tier h4{font-size:12px}
.landing .tier strong{font-size:29px}
.landing .tier .period{font-size:10px}
.landing .tier .credits{font-size:10px}
.landing .tier p{font-size:10px}
.landing .cost-strip{grid-template-columns:1fr;gap:18px;margin-top:22px}
.landing .pricing-note{font-size:10px;line-height:1.8}
.landing .faq{padding-top:8px}
.landing .faq-layout{grid-template-columns:1fr;gap:25px}
.landing .faq-heading h2{font-size:32px}
.landing .faq-heading p{font-size:12px;margin-top:16px}
.landing .faq-heading a{font-size:12px}
.landing .faq-heading p,.landing .faq-heading a{display:inline}
.landing .faq-heading a{display:block}
.landing .faq-heading h2{margin-bottom:18px}
.landing summary{font-size:13px;padding:20px 0;min-height:64px;gap:18px}
.landing details p{font-size:12px;padding-right:10px}
.landing .closing{padding:0 0 48px}
.landing .closing-inner{display:block;padding:27px 24px}
.landing .closing h2{font-size:27px;line-height:1.15}
.landing .closing p{font-size:12px;margin-top:13px}
.landing .closing .btn{margin-top:23px;width:100%}
.landing .footer{padding-top:30px}
.landing .footer-main{gap:22px}
.landing .footer-links{gap:2px 22px}
.landing .footer-links .language{margin-left:0;min-height:40px}
.landing .footer-bottom{display:block;line-height:1.8;margin-top:23px}
.landing .footer-bottom span{display:block;margin-top:8px}
html[lang="zh-CN"] .landing .hero-copy h1{font-size:49px;line-height:1.15;letter-spacing:-1.8px}
html[lang="zh-CN"] .landing .nav-links{gap:35px}
}
@media(prefers-reduced-motion:reduce){body.landing-page{scroll-behavior:auto}
.landing *,.landing *::before,.landing *::after{transition:none!important;animation:none!important}
}
.landing .clone-spotlight{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.landing .clone-spotlight .clone-preview{height:440px;border-bottom:0;border-right:1px solid var(--line);display:flex;justify-content:center}
.landing .clone-spotlight .clone-preview .video-wrap{height:440px;width:495px;max-width:100%}
.landing .clone-spotlight .feature-copy{padding:36px;justify-content:center}
.landing .clone-spotlight h3{font-size:42px;line-height:1.14;max-width:370px}
.landing .clone-spotlight .feature-footer{flex-wrap:wrap;margin-top:22px}
.landing .clone-spotlight .feature-footer .btn{background:var(--brand);color:var(--bg);border-color:var(--brand)}
.landing .clone-steps{padding-left:20px;margin:0;color:var(--muted);font-size:13px;line-height:2}
.landing .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.landing .tools-grid .feature-visual{height:195px}
.landing .tools-grid .timeline-demo{padding:14px 18px}
.landing .tools-grid .mock-toolbar{margin-bottom:13px;font-size:8px}
.landing .tools-grid .demo-label{font-size:8px;margin-bottom:4px}
.landing .tools-grid .wave-track{height:31px}
.landing .tools-grid .timeline-arrow{line-height:16px;margin:2px 0}
.landing .tools-grid .visual-note{font-size:8px;margin-top:7px}
.landing .tools-grid .feature-copy{padding:22px}
.landing .tools-grid .feature-copy h3{font-size:23px;line-height:1.2;letter-spacing:-.5px}
.landing .tools-grid .feature-copy>p{font-size:13px;margin:12px 0 20px}
.landing .tools-grid .feature-footer{flex-wrap:wrap;gap:10px}
.landing .tools-grid .feature-type{font-size:9px;letter-spacing:1px}
.landing .tools-grid .storyboard{padding:22px 18px 30px;gap:8px}
.landing .tools-grid .story-frame{height:123px;width:30%}
.landing .tools-grid .storyboard>.visual-note{bottom:12px;left:18px}
.landing .shorts-demo{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;background:radial-gradient(ellipse at 70% 80%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 80%),var(--bg)}
.landing .landscape-mock{width:100px;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;background:linear-gradient(160deg,var(--line),var(--line));position:relative;display:grid;place-items:center;color:var(--text)}
.landing .landscape-mock b{position:absolute;bottom:4px;right:5px;font:8px ui-monospace,monospace}
.landing .shorts-arrow{color:var(--brand)}
.landing .vertical-mocks{display:flex;gap:5px}
.landing .vertical-mocks span{width:35px;height:64px;display:grid;place-items:center;border:1px solid var(--line);background:linear-gradient(165deg,var(--line),var(--line));border-radius:5px;font:8px ui-monospace,monospace;color:var(--text)}
.landing .vertical-mocks span:nth-child(2){transform:translateY(-8px)}
.landing .vertical-mocks span:nth-child(3){transform:translateY(8px)}
.landing .shorts-demo .visual-note{position:absolute;bottom:12px;left:18px}
.landing .shorts .feature-type{color:var(--brand)}
@media(max-width:1050px){.landing .tools-grid{gap:14px}
.landing .tools-grid .feature-copy{padding:17px}
.landing .tools-grid .feature-meta{align-items:flex-start;gap:6px}
.landing .tools-grid .feature-type{font-size:8px}
.landing .tools-grid .feature-copy h3{font-size:21px}
.landing .tools-grid .tag{font-size:9px;padding:5px 6px}
.landing .tools-grid .feature-visual{height:170px}
.landing .tools-grid .timeline-demo{padding:12px}
.landing .tools-grid .mock-toolbar{margin-bottom:8px}
.landing .tools-grid .visual-note{font-size:7px}
.landing .vertical-mocks span{width:24px;height:48px}
.landing .landscape-mock{width:68px}
.landing .shorts-demo{gap:6px;padding:12px}
.landing .tools-grid .story-frame{height:105px}
.landing .clone-spotlight .feature-copy{padding:26px}
.landing .clone-spotlight h3{font-size:34px}
}
@media(max-width:650px){.landing .clone-spotlight{grid-template-columns:1fr}
.landing .clone-spotlight .clone-preview{height:auto;border-right:0;border-bottom:1px solid var(--line)}
.landing .clone-spotlight .clone-preview .video-wrap{height:auto;width:100%;aspect-ratio:9/8}
.landing .clone-spotlight .feature-copy{padding:25px}
.landing .clone-spotlight h3{font-size:32px}
.landing .tools-grid{grid-template-columns:1fr}
.landing .tools-grid .feature-visual{height:175px}
.landing .tools-grid .feature-copy{padding:21px}
.landing .tools-grid .feature-copy h3{font-size:24px}
.landing .tools-grid .feature-meta{align-items:center}
.landing .tools-grid .feature-type{font-size:10px}
.landing .tools-grid .tag{font-size:10px}
.landing .tools-grid .timeline-demo{padding:12px 21px}
.landing .tools-grid .mock-toolbar{margin-bottom:9px}
.landing .tools-grid .visual-note{font-size:8px}
.landing .tools-grid .story-frame{height:112px}
.landing .vertical-mocks span{width:35px;height:64px}
.landing .landscape-mock{width:110px}
.landing .shorts-demo{gap:16px}
.landing .hero-copy h1{font-size:43px}
.landing .hero-actions .btn.primary{font-size:13px}
}

.landing .btn.primary,.landing .clone-spotlight .feature-footer .btn,.landing .split-labels span+span b { color: var(--bg); }
.landing .btn.primary:hover { background: var(--brand-strong); border-color: var(--brand-strong); }
.landing .sample-credit { margin: 9px 0 0; font-size: 11px; color: var(--muted); }
.landing .sample-credit a { text-decoration: underline; text-underline-offset: 3px; }
.landing .landing-lockup { width: 160px; height: 36px; object-fit: contain; }
.landing .brand-logo:has(img:not([hidden])) strong,.landing .brand-logo:has(img:not([hidden])) small { display:none; }
.landing .brand-logo { width: auto; height: auto; }
.landing .media-unavailable { position:absolute; inset:0; display:grid; place-items:center; color:var(--muted); background:var(--panel); padding:20px; text-align:center; }
.landing .video-wrap:has(.media-unavailable) .video-controls { display:none; }
.landing .video-wrap:has(.media-unavailable) .split-labels { display:none; }
.landing [hidden] { display: none !important; }
/* The product sign-in card also uses .login; the public navigation is an inline link. */
.landing .nav-actions .login { position: static; padding: 0; }

.landing .hero-availability { margin:18px 0 -12px; }
.landing .notify-status { color:var(--brand); font-size:13px; line-height:1.6; }
.landing .notify-status:empty { display:none; }
.landing .hero-actions .clip-now { border:1px solid var(--brand); color:var(--brand); }
.landing [data-clone-action][aria-disabled="true"] { opacity:.7; cursor:default; }
@media(max-width:650px) {
  .landing .brand-logo { flex-direction:row; gap:8px; align-items:center; }
  .landing .brand-logo .landing-lockup { width:32px; height:32px; }
  .landing .brand-logo:has(img:not([hidden])) strong { display:block; font-size:14px; }
  .landing .hero-actions .clip-now { width:100%; justify-content:center; }
}