/* Content-sized sections keep the page compact while gesture paging follows section starts. */
.screen{min-height:0;padding:88px 0 72px}
.site-header .brand img{width:64px;height:64px;flex-shrink:0;display:block}
.desktop-nav{gap:23px}
.hero{min-height:700px;padding:132px 0 72px;background:#f8f4eb;isolation:isolate}
.hero-background,.hero-background-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-background{object-fit:cover;object-position:center;z-index:-2}
.hero-background-shade{z-index:-1;background:linear-gradient(90deg,rgba(255,252,246,.94) 0%,rgba(255,252,246,.85) 28%,rgba(255,252,246,.35) 46%,transparent 64%)}
.hero-grid{grid-template-columns:.95fr 1.05fr;gap:40px}
.hero-scene{min-height:455px}
.hero h1{line-height:1.13;margin:20px 0 18px}
.hero h2{font-size:30px;margin-bottom:18px}
.hero-lead{font-size:16px;max-width:470px;line-height:1.85}
.pill-row{gap:8px;margin:22px 0}
.pill-row span{padding:8px 11px;background:rgba(255,255,255,.86);font-size:12px}
.section-heading{max-width:880px;margin-bottom:32px}
.section-heading h2{font-size:clamp(32px,3.6vw,48px);line-height:1.18}
.section-heading p{font-size:16px;line-height:1.8;margin-bottom:0}
.split-heading{gap:48px;max-width:none}
.split-heading>p{max-width:390px;margin-bottom:5px}
.steps-flow{grid-template-columns:1fr 42px 1fr 42px 1fr}
.step-card{padding:26px;border-radius:24px;display:flex;flex-direction:column;min-width:0}
.step-card h3{font-size:22px;margin-top:16px}
.step-card p{font-size:14px;line-height:1.75;min-height:49px;margin:8px 0 22px}
.step-card .icon-circle{flex-shrink:0}
.step-card .icon-circle svg{width:24px;height:24px}
.step-visual{height:178px;margin-top:auto;border:1px solid #eee6dd;border-radius:16px;background:#fffaf5;overflow:hidden;flex-shrink:0}
.ip-preview,.result-preview{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;padding:14px}
.ip-portrait,.result-portrait{height:148px;position:relative;overflow:hidden;border-radius:10px}
.ip-portrait img,.result-portrait img{width:100%;height:100%;object-fit:cover;object-position:30% center}
.ip-portrait:after,.result-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#24170fb3)}
.ip-portrait>span{position:absolute;z-index:1;left:8px;bottom:9px;font-size:10px;font-weight:700;color:#fff}
.ip-profile{min-width:0}.ip-profile>strong{font-size:16px;line-height:1.7}
.ip-voice{height:28px;display:flex;align-items:center;gap:5px;margin:9px 0 12px}
.ip-voice i{height:10px;width:4px;border-radius:4px;background:#ff9d5b}.ip-voice i:nth-child(2n){height:22px}.ip-voice i:nth-child(3n){height:15px}.ip-voice i:nth-child(4){height:28px;background:var(--orange)}
.ip-ready{font-size:10px;color:#af622e;white-space:nowrap}
.copy-preview{padding:15px;background:#fff}
.copy-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:0 0 13px}.copy-preview-heading strong{font-size:12px}.copy-preview-heading>span{font-size:9px;color:#9a8a7f;white-space:nowrap}
.copy-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #eee;border-radius:9px;padding:11px 10px;margin-top:9px;font-size:11px;line-height:1.5;color:#777}
.copy-choice.selected{background:#fff5eb;border-color:#ffc999;color:#bd5c16}.copy-choice b,.copy-choice i{width:16px;height:16px;flex-shrink:0;border-radius:50%;font-size:10px;display:grid;place-items:center;background:var(--orange);color:#fff}.copy-choice i{border:1px solid #ddd;background:#fff}
.result-preview{background:#f6f7f8;border-color:#e9e9ea;grid-template-columns:90px minmax(0,1fr);gap:12px}
.result-play{position:absolute;z-index:1;top:10px;right:8px;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#fff;background:#ffffff40;font-size:10px}
.result-portrait>strong{position:absolute;left:5px;right:5px;bottom:12px;z-index:1;color:#fff;font-size:10px;text-align:center;line-height:1.6}.result-portrait em{font-style:normal;color:#ffd37b;font-size:9px}
.result-details{display:flex;flex-direction:column;gap:7px;min-width:0}.result-details>strong{font-size:13px;margin-bottom:2px}.result-details>span{font-size:10px;color:#777}.result-details>b{font-size:10px;color:var(--orange);margin-top:3px}
.mini-editor{margin-top:22px;min-height:120px;display:flex;align-items:center;font-size:14px}
.avatars-large,.mini-video{margin-top:22px;height:120px}
.avatars-large img{height:120px}
.cap-card{min-height:385px;padding:24px;border-radius:24px}
.cap-card h3{font-size:24px;margin:16px 0 8px}
.cap-card p{font-size:14px;line-height:1.75}
.cap-card em{font-size:12px;line-height:1.7}
.topic-list{gap:6px;margin:18px 0}
.topic-list span{padding:7px 10px}
.portrait-stack{margin:23px 0}
.portrait-stack img{height:120px;width:80px}
.timeline{margin:30px 0 24px;height:112px}
.stacked-videos{margin:24px 0}
.stacked-videos img{height:130px;width:88px;margin-left:-44px}





.industries .section-heading{max-width:none}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.industry-card{margin:0;position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;background:#e9e0d6;isolation:isolate}
.industry-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .45s ease}
.industry-card:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(20,15,11,.68) 100%)}
.industry-card h3{position:absolute;z-index:2;bottom:17px;left:20px;right:16px;margin:0;font-size:20px;line-height:1.3;font-weight:700;color:#fff;text-shadow:0 2px 12px #0003}
@media(hover:hover){.industry-card:hover img{transform:scale(1.045)}}
@media(min-width:701px) and (max-width:1050px){.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.industry-card h3{font-size:18px;left:17px;bottom:15px}}
@media(max-width:700px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.industry-card{aspect-ratio:4/3;border-radius:13px}.industry-card h3{font-size:15px;left:13px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.industry-card img{transition:none}}


.workflow-section{background:linear-gradient(180deg,#fffaf5,#fff)}
.workflow-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin:0;padding:26px 18px;border:1px solid #eee5dc;background:#fff;border-radius:24px}
.workflow-rail>em{display:none}
.wf-step{width:auto;min-width:0;position:relative}
.wf-step:not(:last-child):after{content:'→';position:absolute;right:-15px;top:13px;color:#e9ad80}
.wf-step i{width:46px;height:46px;font-size:21px}
.wf-step b{font-size:13px;margin-top:10px}
.wf-step span{display:block;font-size:10px;line-height:1.6}
.workflow-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.workflow-scene{border:1px solid #eee5dc;border-radius:22px;overflow:hidden;background:#fff}
.workflow-production{margin:24px 0 0;overflow:hidden;border:1px solid #eee5dc;border-radius:24px;background:#fbf3e8}
.workflow-production img{display:block;width:100%;height:auto}
.scene-label{display:block;color:#b85d22;font-size:12px;font-weight:700;margin-bottom:12px}
.scene-content{padding:20px}
.scene-content h3{font-size:18px;margin:0 0 9px}
.scene-content p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.scene-tags{display:flex;gap:8px;margin-top:16px}
.scene-tags span{font-size:10px;padding:4px 8px;border-radius:6px;color:#996444;background:#fff5ec}
.effects-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.effect-card{padding:10px;border-radius:19px}
.effect-media{height:205px;border-radius:12px}
.effect-media strong{font-size:21px;left:10px;bottom:16px}
.effect-card h3{font-size:17px;margin:14px 4px 6px}
.effect-card p{font-size:11px;line-height:1.75}
.subtitle-chip{left:6px;right:6px;text-align:center;font-size:10px;padding:6px 3px}
.pip{width:70px;height:58px;right:8px}
.audio-wave{gap:5px}.audio-wave span{width:6px}.audio-wave b{margin-left:2px}
.cover strong{font-size:17px;padding:8px 6px}
.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.download-card{padding:28px 24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#fff,#fafafa);display:flex;flex-direction:column;align-items:flex-start;min-width:0;transition:border-color .2s,box-shadow .2s}
.download-card:hover{border-color:#ffbd90;box-shadow:0 15px 40px #20130808}
.download-os{width:44px;height:44px;margin-bottom:16px}
.download-os svg{width:100%;height:100%}.android{color:#48a97b}.mac,.ios{color:#282a2c}
.download-card h3{font-size:25px;margin:0 0 10px}
.download-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 28px}
.download-button{width:100%;font-size:13px;height:46px;padding:0 8px;border-radius:11px;margin-top:auto;box-shadow:none;white-space:nowrap}
.mac-downloads{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-top:auto}
.mac-downloads .btn{font-size:11px;padding:0 5px;gap:0}
.wechat-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:24px 28px;background:#f6faf7;border:1px solid #e5eee7;border-radius:20px}
.wechat-entry>div{display:flex;align-items:center;gap:18px}.wechat-symbol{color:#20ac69;font-size:36px}.wechat-entry strong{font-size:17px}.wechat-entry p{font-size:13px;color:var(--muted);margin:5px 0 0}.wechat-entry .btn{font-size:13px;height:44px}
.faq-section{background:#f8f8f8}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}
.faq-layout .section-heading{margin:0}.faq-layout .section-heading .btn{font-size:13px;margin-top:28px}
.faq-list{border-top:1px solid #dedede}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:21px 0;font-weight:600;font-size:16px}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{color:#96989b;font-size:20px;transition:transform .2s}
.faq-item[open] summary>span{transform:rotate(45deg);color:var(--orange)}
.faq-item p{display:block;font-size:14px;line-height:1.9;margin:0 35px 23px 0}
.final-cta{padding:64px 0}
.cta-deer{width:84px;height:62px;display:block;margin:0 auto 12px}
.final-inner h2{font-size:52px;line-height:1.15;margin:14px 0}
.final-inner p{font-size:16px;margin-bottom:24px}
.final-inner .btn-large{height:54px;font-size:15px}
.trust-row{margin-top:24px}.trust-row span{padding:5px 10px;font-size:11px}
.footer-links button{background:none;border:0;padding:0;font:inherit;font-size:14px;color:#c4c5c7;cursor:pointer}
.footer small{font-size:12px;white-space:nowrap}
.contact-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:36px;border:1px solid #eee;border-radius:26px;text-align:center;overflow:auto;overscroll-behavior:contain;color:var(--ink);box-shadow:0 30px 100px #0003}
.contact-dialog::backdrop{background:rgba(26,25,23,.42);backdrop-filter:blur(7px)}
.dialog-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f4f4f4;color:#777;font-size:23px;cursor:pointer}
.contact-brand{display:flex;justify-content:center;align-items:center;gap:8px;margin:9px 0 26px;font-size:14px;font-weight:700}
.contact-brand img{width:30px;height:25px;object-fit:contain}
.contact-dialog .kicker{font-size:10px}.contact-dialog h2{font-size:28px;margin:10px 0}.contact-dialog>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.contact-qr-frame{width:236px;max-width:100%;margin:22px auto 18px;padding:8px;border:1px solid #eee3da;background:#fff;border-radius:20px}
.contact-qr-frame img{width:100%;height:auto;display:block;border-radius:12px}
.contact-services{display:flex;justify-content:center;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:#898b8f}
html:has(.contact-dialog[open]){overflow:hidden}
html.paged-scroll{touch-action:auto}
.paged-scroll main,.paged-scroll .footer{touch-action:pan-x pinch-zoom}
:focus-visible{outline:3px solid #ffae6b;outline-offset:4px}
.back-to-top{position:fixed;right:28px;bottom:32px;z-index:40;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #ffd7b8;border-radius:18px;background:#fffaf5;color:#b84909;box-shadow:0 6px 24px #582a171a;text-decoration:none;font-size:11px;font-weight:700;line-height:1.3;transition:background .2s,box-shadow .2s,transform .2s}
.back-to-top[hidden]{display:none}
.back-to-top svg{width:24px;height:24px}
@media(hover:hover){.back-to-top:hover{background:#fff0e2;box-shadow:0 10px 28px #582a1726;transform:translateY(-3px)}}
@media(max-width:700px){.back-to-top{right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:16px;font-size:10px}.back-to-top svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
@media(min-width:1800px){.hero{min-height:760px}.hero-background{object-position:center 46%}}
@media(max-width:1150px){.desktop-nav{gap:15px}.nav-shell{gap:20px}.effects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.effect-media{height:190px}.download-grid{gap:14px}.download-card{padding:24px 18px}.faq-layout{gap:48px}}
@media(max-width:1050px){
  .ip-preview{grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px}.ip-profile>strong{font-size:13px}.ip-ready{font-size:8px}.ip-voice{gap:4px}.result-preview{grid-template-columns:68px minmax(0,1fr);gap:8px;padding:10px}.result-details>strong{font-size:11px}.result-details>span,.result-details>b{font-size:9px}.copy-preview{padding:12px}.copy-preview-heading{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:9px}.copy-choice{padding:9px 7px;font-size:10px;margin-top:7px}
  .screen{padding:80px 0 60px}.hero{padding:125px 0 48px;min-height:650px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero-copy{text-align:left}.hero h2{font-size:25px}.hero h1{font-size:clamp(28px,13.9cqi,68px)}.hero-scene{min-height:410px}.hero-background{object-position:60% center}.hero-background-shade{background:linear-gradient(90deg,#fffaf4ed,#fffaf4ce 30%,#fffaf438 60%,transparent)}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero .eyebrow,.hero .pill-row,.hero .hero-actions{justify-content:flex-start}.hero-lead{font-size:14px}.hero-actions .btn{padding:0 18px;font-size:13px}.pill-row span{font-size:10px;padding:7px 9px}
  .steps-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-arrow{display:none}.step-card{padding:21px}.step-card p{min-height:74px}.step-no{right:18px;top:22px}.avatars-large img{height:100px}.mini-video,.mini-editor{height:100px;min-height:100px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-card{min-height:350px}
  .workflow-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:22px 10px}.wf-step span{display:none}.wf-step b{font-size:11px}.wf-step:not(:last-child):after{right:-10px}.scene-content{padding:16px}.scene-content h3{font-size:16px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card{padding:26px}.download-button{font-size:14px}.mac-downloads .btn{font-size:13px}.faq-layout{grid-template-columns:.8fr 1.2fr;gap:36px}.faq-item summary{font-size:14px}.footer-row{flex-wrap:wrap;gap:22px}.footer small{width:100%}
}
@media(max-width:700px){
  .ip-preview{grid-template-columns:100px minmax(0,1fr);gap:20px;padding:14px}.ip-profile>strong{font-size:16px}.ip-ready{font-size:10px}.result-preview{grid-template-columns:90px minmax(0,1fr);gap:18px;padding:14px}.result-details>strong{font-size:13px}.result-details>span,.result-details>b{font-size:10px}.copy-preview{padding:15px}.copy-preview-heading{flex-direction:row;align-items:center;margin-bottom:13px}.copy-choice{padding:11px 10px;font-size:11px;margin-top:9px}
  .site-header .brand img{width:56px;height:56px}
  .container{width:calc(100% - 36px)}.nav-shell{height:68px}.mobile-menu{top:76px}.screen{padding:76px 0 48px}.hero{padding:109px 0 0;min-height:0}.hero-grid{display:block}.hero-copy{max-width:520px}.hero h1{font-size:clamp(28px,13.9cqi,70px);margin:18px 0 14px}.hero h2{font-size:24px}.hero-lead{font-size:14px;max-width:95%;margin-left:0}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero .hero-actions{flex-direction:row;gap:10px;margin-top:22px}.hero-actions .btn{height:48px;flex:1;padding:0 14px}.hero .pill-row{gap:6px;margin:18px 0}.pill-row span{font-size:10px;padding:6px 9px}.hero-scene{min-height:280px;margin:12px -18px 0}.hero-background{object-fit:cover;height:320px;top:auto;bottom:0;object-position:100% center}.hero-background-shade{background:linear-gradient(180deg,#fffaf4 0%,#fffaf4 51%,transparent 71%)}.hero{background:#fffaf4}
  .section-heading{margin-bottom:26px}.section-heading h2{font-size:32px;line-height:1.22}.section-heading p{font-size:14px}.split-heading>p{max-width:100%}.steps-flow{grid-template-columns:1fr}.step-card{padding:24px}.step-card p{min-height:0}.mini-editor{min-height:80px;height:80px;margin-top:16px}.avatars-large,.avatars-large img,.mini-video{height:130px}.avatars-large img{width:31.5%}.capability-grid{gap:14px}.cap-card{padding:19px;min-height:370px}.cap-card h3{font-size:20px}.cap-card p{font-size:12px}.cap-card em{font-size:11px}.cap-icon{width:44px;height:44px}.portrait-stack img{width:59px;height:100px}.stacked-videos img{width:65px;height:104px;margin-left:-40px}.timeline{padding:11px;margin-top:28px}.topic-list span{font-size:10px}
  .workflow-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 9px;padding:22px 12px}.wf-step:not(:last-child):after{display:none}.wf-step i{width:40px;height:40px}.wf-step b{font-size:10px}.workflow-scenes{grid-template-columns:1fr;gap:16px}.workflow-scene{border-radius:18px}.workflow-production{border-radius:18px}.scene-content{padding:18px 14px}.scene-content h3{font-size:16px}.scene-content p{font-size:12px}.scene-tags{flex-wrap:wrap;gap:4px;margin-top:12px}.scene-tags span{font-size:9px;padding:3px 6px}
  .effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.effect-media{height:190px}.effect-card h3{font-size:16px}.effect-card p{font-size:11px}.download-grid{gap:12px}.download-card{padding:22px 15px;border-radius:18px}.download-card h3{font-size:22px}.download-card p{font-size:12px;line-height:1.7;margin-bottom:22px}.download-os{width:35px;height:35px}.download-button{font-size:11px;height:42px}.mac-downloads{grid-template-columns:1fr;gap:6px}.mac-downloads .btn{font-size:11px;height:34px}.wechat-entry{padding:20px;display:block}.wechat-entry>div{gap:12px}.wechat-entry strong{font-size:15px}.wechat-entry p{font-size:11px}.wechat-entry .btn{width:100%;margin-top:18px}
  .faq-layout{grid-template-columns:1fr;gap:28px}.faq-layout .section-heading .btn{margin-top:18px}.faq-item summary{font-size:15px;padding:20px 0}.faq-item p{font-size:13px;margin-right:10px}.final-cta{padding:48px 0}.final-inner h2{font-size:40px}.final-inner p{font-size:14px}.trust-row{gap:8px}.footer-row{gap:20px}.footer-links{gap:18px}.footer-links a,.footer-links button{font-size:12px}.contact-dialog{padding:28px 24px}.contact-dialog h2{font-size:26px}.contact-brand{margin-bottom:22px}.contact-services{gap:16px}.demo-video{height:min(420px,70dvh)}
}
@media(max-width:360px){.capability-grid,.download-grid{grid-template-columns:1fr}.hero h2{font-size:21px}.hero .eyebrow{font-size:8px}.hero .eyebrow span{width:18px}.mac-downloads{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.faq-item summary>span{transition:none}}

/* Unified customer service dialog, with a compact embedded support page. */
.contact-dialog{width:min(520px,calc(100% - 32px));padding:24px}.contact-dialog .kicker{display:none}.contact-dialog .contact-brand{margin-bottom:12px}.contact-dialog h2{font-size:24px;margin:8px 0}.contact-dialog #contact-description{margin-bottom:12px}.contact-dialog #customer-support-frame{display:block}
@media(max-width:600px){.contact-dialog{padding:20px}.contact-dialog h2{font-size:23px}}