[data-page-id="ai-video-generator"]{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}
[data-page-id="ai-video-generator"] *,[data-page-id="ai-video-generator"] ::before,[data-page-id="ai-video-generator"] ::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
[data-page-id="ai-video-generator"] h1,[data-page-id="ai-video-generator"] h2,[data-page-id="ai-video-generator"] h3,[data-page-id="ai-video-generator"] h4,[data-page-id="ai-video-generator"] h5,[data-page-id="ai-video-generator"] h6{font-size:inherit;font-weight:inherit}
[data-page-id="ai-video-generator"] ol,[data-page-id="ai-video-generator"] ul{list-style:none}
[data-page-id="ai-video-generator"] button,[data-page-id="ai-video-generator"] input,[data-page-id="ai-video-generator"] select,[data-page-id="ai-video-generator"] textarea{font:inherit;color:inherit;letter-spacing:inherit;border-radius:0;background-color:transparent}
[data-page-id="ai-video-generator"] img,[data-page-id="ai-video-generator"] video{display:block;vertical-align:middle;max-width:100%;height:auto}
[data-page-id="ai-video-generator"] strong,[data-page-id="ai-video-generator"] b{font-weight:bolder}
[data-page-id="ai-video-generator"] { --accent:#35eeff;--accent-hover:#22d3e8;--ink:#f7f8fa;--muted:#b9c0ca;--canvas:#06080b;--surface:#0f1318;--line:rgba(255,255,255,.14);--light:#fff;--light-ink:#090c14;--light-muted:rgba(20,29,45,.7);--light-line:rgba(9,12,20,.13);--radius:16px }
[data-page-id="ai-video-generator"] * { box-sizing:border-box }
[data-page-id="ai-video-generator"] { scroll-behavior:smooth }
[data-page-id="ai-video-generator"] { margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Arial,sans-serif }
[data-page-id="ai-video-generator"] a { color:inherit;text-decoration:none }
[data-page-id="ai-video-generator"] button,
[data-page-id="ai-video-generator"] textarea { font:inherit }
[data-page-id="ai-video-generator"] .site-header { position:fixed;inset:0 0 auto;z-index:20;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;background:rgba(6,8,11,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px) }
[data-page-id="ai-video-generator"] .brand { display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:18px;font-weight:700;letter-spacing:-.04em }
[data-page-id="ai-video-generator"] .brand-mark { display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:14px }
[data-page-id="ai-video-generator"] nav { display:flex;gap:30px;font-size:13px;color:var(--muted) }
[data-page-id="ai-video-generator"] nav a:hover { color:var(--ink) }
[data-page-id="ai-video-generator"] .site-header>.button { justify-self:end }
[data-page-id="ai-video-generator"] .button { display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:#090c14;font-weight:750;white-space:nowrap;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),background .2s ease }
[data-page-id="ai-video-generator"] .button:hover { background:var(--accent-hover);transform:translateY(-2px) }
[data-page-id="ai-video-generator"] .button:active { transform:scale(.98) }
[data-page-id="ai-video-generator"] .button:focus-visible,
[data-page-id="ai-video-generator"] .text-link:focus-visible,
[data-page-id="ai-video-generator"] a:focus-visible,
[data-page-id="ai-video-generator"] button:focus-visible,
[data-page-id="ai-video-generator"] summary:focus-visible,
[data-page-id="ai-video-generator"] textarea:focus-visible { outline:3px solid var(--accent);outline-offset:3px }
[data-page-id="ai-video-generator"] .button-small { min-height:38px;padding:0 18px;font-size:13px }
[data-page-id="ai-video-generator"] .hero { min-height:100dvh;padding:88px 2.5vw 24px 5vw;display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.42fr);gap:3vw;align-items:center;overflow:hidden }
[data-page-id="ai-video-generator"] .hero-copy { position:relative;z-index:2 }
[data-page-id="ai-video-generator"] .eyebrow { margin:0 0 24px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase }
[data-page-id="ai-video-generator"] h1,
[data-page-id="ai-video-generator"] h2,
[data-page-id="ai-video-generator"] h3,
[data-page-id="ai-video-generator"] p { margin-top:0 }
[data-page-id="ai-video-generator"] h1 { margin-bottom:0;max-width:690px;font-size:clamp(52px,6.1vw,104px);line-height:.88;letter-spacing:-.075em;font-weight:760 }
[data-page-id="ai-video-generator"] h1 em { display:inline-block;padding-bottom:.1em;color:var(--accent);font-family:Inter,Arial,sans-serif;font-weight:760;line-height:1.1 }
[data-page-id="ai-video-generator"] .hero-lede { max-width:480px;margin:28px 0 30px;color:var(--muted);font-size:clamp(16px,1.4vw,20px);line-height:1.55 }
[data-page-id="ai-video-generator"] .hero-actions { display:flex;align-items:center;gap:26px }
[data-page-id="ai-video-generator"] .text-link { padding:12px 0;border-bottom:1px solid currentColor;color:var(--muted);font-size:14px;transition:color .2s ease }
[data-page-id="ai-video-generator"] .text-link:hover { color:var(--ink) }
[data-page-id="ai-video-generator"] .hero-visual { position:relative;height:min(74dvh,760px);min-height:520px;margin-right:-14vw;border-radius:var(--radius) 0 0 var(--radius);overflow:hidden;background:var(--surface) }
[data-page-id="ai-video-generator"] .hero-visual img { object-fit:cover;object-position:center;transform:scale(1.08) }
[data-page-id="ai-video-generator"] .hero-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas) 0%,transparent 22%,transparent 84%,rgba(6,8,11,.3));pointer-events:none }
[data-page-id="ai-video-generator"] .frame-guide { position:absolute;inset:auto 3vw 2.5vw;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px }
[data-page-id="ai-video-generator"] .frame-guide span { height:2px;background:rgba(255,255,255,.35) }
[data-page-id="ai-video-generator"] .frame-guide span:first-child { background:var(--accent) }
[data-page-id="ai-video-generator"] .fact-rail { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line) }
[data-page-id="ai-video-generator"] .fact-rail div { padding:30px 5vw;border-right:1px solid var(--line) }
[data-page-id="ai-video-generator"] .fact-rail div:last-child { border-right:0 }
[data-page-id="ai-video-generator"] .fact-rail strong { display:block;color:var(--accent);font-size:26px;letter-spacing:-.04em }
[data-page-id="ai-video-generator"] .fact-rail span { display:block;margin-top:5px;color:var(--muted);font-size:12px }
[data-page-id="ai-video-generator"] .light-section { background:var(--light);color:var(--light-ink) }
[data-page-id="ai-video-generator"] .features,
[data-page-id="ai-video-generator"] .workflow,
[data-page-id="ai-video-generator"] .prompts,
[data-page-id="ai-video-generator"] .faq,
[data-page-id="ai-video-generator"] .use-cases { padding:clamp(90px,11vw,160px) 5vw }
[data-page-id="ai-video-generator"] .section-heading { max-width:760px;margin-bottom:64px }
[data-page-id="ai-video-generator"] .section-heading h2,
[data-page-id="ai-video-generator"] .continuity-intro h2,
[data-page-id="ai-video-generator"] .workflow h2,
[data-page-id="ai-video-generator"] .prompt-gallery-intro h2,
[data-page-id="ai-video-generator"] .faq h2,
[data-page-id="ai-video-generator"] .final-cta h2 { margin-bottom:18px;font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.06em }
[data-page-id="ai-video-generator"] .section-heading p,
[data-page-id="ai-video-generator"] .continuity-intro>p:last-child,
[data-page-id="ai-video-generator"] .workflow-copy>p,
[data-page-id="ai-video-generator"] .prompt-gallery-intro p,
[data-page-id="ai-video-generator"] .final-cta p { max-width:620px;color:var(--light-muted);font-size:18px;line-height:1.55 }
[data-page-id="ai-video-generator"] .feature-grid { display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:380px 320px;gap:18px }
[data-page-id="ai-video-generator"] .feature-grid article { position:relative;overflow:hidden;border-radius:var(--radius) }
[data-page-id="ai-video-generator"] .feature-main { padding:42px;background:#edfafd }
[data-page-id="ai-video-generator"] .feature-number { position:absolute;right:30px;top:16px;color:rgba(9,12,20,.08);font-size:168px;font-weight:800;line-height:1 }
[data-page-id="ai-video-generator"] .feature-main h3,
[data-page-id="ai-video-generator"] .feature-copy h3,
[data-page-id="ai-video-generator"] .feature-time h3 { position:relative;margin:0 0 14px;font-size:32px;line-height:1.05;letter-spacing:-.04em }
[data-page-id="ai-video-generator"] .feature-main p,
[data-page-id="ai-video-generator"] .feature-copy p,
[data-page-id="ai-video-generator"] .feature-time p { position:relative;max-width:440px;color:var(--light-muted);line-height:1.55 }
[data-page-id="ai-video-generator"] .asset-orbit { position:absolute;inset:auto 36px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px }
[data-page-id="ai-video-generator"] .asset-orbit span { padding:14px 10px;border:1px solid rgba(9,12,20,.12);border-radius:999px;text-align:center;font-size:12px }
[data-page-id="ai-video-generator"] .feature-image { grid-row:span 2 }
[data-page-id="ai-video-generator"] .feature-image img { object-fit:cover;object-position:center }
[data-page-id="ai-video-generator"] .feature-copy { padding:42px;border:1px solid var(--light-line);background:#fff }
[data-page-id="ai-video-generator"] .feature-time { padding:42px;background:#090c14;color:#fff }
[data-page-id="ai-video-generator"] .feature-time p { color:#b9c0ca }
[data-page-id="ai-video-generator"] .time-rings { position:absolute;right:-30px;bottom:-40px;width:230px;height:230px }
[data-page-id="ai-video-generator"] .time-rings span { position:absolute;inset:0;border:1px solid rgba(53,238,255,.4);border-radius:50% }
[data-page-id="ai-video-generator"] .time-rings span:nth-child(2) { inset:32px }
[data-page-id="ai-video-generator"] .time-rings span:nth-child(3) { inset:64px;background:var(--accent) }
[data-page-id="ai-video-generator"] .continuity { padding:clamp(100px,12vw,180px) 5vw }
[data-page-id="ai-video-generator"] .continuity-intro { max-width:780px;margin-bottom:90px }
[data-page-id="ai-video-generator"] .continuity-intro>p:last-child { color:var(--muted) }
[data-page-id="ai-video-generator"] .continuity-stack { max-width:1180px;margin:auto }
[data-page-id="ai-video-generator"] .continuity-card { position:sticky;display:grid;grid-template-columns:1.2fr .8fr;min-height:560px;margin-bottom:70px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0d1116;box-shadow:0 -20px 50px rgba(0,0,0,.35);transform-origin:center top }
[data-page-id="ai-video-generator"] .continuity-media { position:relative;min-height:400px }
[data-page-id="ai-video-generator"] .continuity-media img { object-fit:cover }
[data-page-id="ai-video-generator"] .crop-left img { object-position:left }
[data-page-id="ai-video-generator"] .crop-center img { object-position:center }
[data-page-id="ai-video-generator"] .crop-right img { object-position:right }
[data-page-id="ai-video-generator"] .continuity-copy { display:flex;flex-direction:column;justify-content:flex-end;padding:52px }
[data-page-id="ai-video-generator"] .continuity-copy>span { margin-bottom:auto;color:var(--accent);font-size:12px }
[data-page-id="ai-video-generator"] .continuity-copy h3 { max-width:450px;margin-bottom:16px;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em }
[data-page-id="ai-video-generator"] .continuity-copy p { max-width:420px;margin-bottom:0;color:var(--muted);line-height:1.6 }
[data-page-id="ai-video-generator"] .workflow { display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start }
[data-page-id="ai-video-generator"] .workflow-copy { position:sticky;top:100px }
[data-page-id="ai-video-generator"] .workflow-copy ol { margin:50px 0 0;padding:0;list-style:none }
[data-page-id="ai-video-generator"] .workflow-copy li { display:grid;grid-template-columns:150px 1fr;padding:18px 0;border-top:1px solid var(--light-line) }
[data-page-id="ai-video-generator"] .workflow-copy li span { color:var(--light-muted) }
[data-page-id="ai-video-generator"] .prompt-lab { padding:38px;border-radius:var(--radius);background:#0b0f14;color:#fff }
[data-page-id="ai-video-generator"] .prompt-lab label { display:block;margin-bottom:14px;font-weight:750 }
[data-page-id="ai-video-generator"] .prompt-lab textarea { width:100%;min-height:280px;resize:vertical;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#151b22;color:#f7f8fa;line-height:1.65 }
[data-page-id="ai-video-generator"] .prompt-lab textarea:focus { border-color:var(--accent) }
[data-page-id="ai-video-generator"] .prompt-meta { display:flex;justify-content:space-between;gap:20px;margin:12px 0 24px;color:#aeb7c3;font-size:12px }
[data-page-id="ai-video-generator"] .prompt-status { min-height:58px;margin-top:22px;padding:18px;border-radius:12px;background:#151b22;color:#c5ccd5;font-size:13px }
[data-page-id="ai-video-generator"] .prompt-status.ready { color:var(--accent) }
[data-page-id="ai-video-generator"] .prompt-status.error { color:#ff9e9e }
[data-page-id="ai-video-generator"] .shimmer { display:inline-block;width:80px;height:9px;margin-right:12px;border-radius:999px;background:linear-gradient(90deg,#26303b,var(--accent),#26303b);background-size:200% 100%; }
[data-page-id="ai-video-generator"] .use-cases { overflow:hidden }
[data-page-id="ai-video-generator"] .use-cases .section-heading p { color:var(--muted) }
[data-page-id="ai-video-generator"] .case-track { display:grid;grid-template-columns:repeat(4,minmax(270px,1fr));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px }
[data-page-id="ai-video-generator"] .case { min-height:410px;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:var(--radius);scroll-snap-align:start;transition:background .25s ease,transform .35s cubic-bezier(.16,1,.3,1) }
[data-page-id="ai-video-generator"] .case:hover { background:#10151b;transform:translateY(-6px) }
[data-page-id="ai-video-generator"] .case>span { color:var(--accent);font-size:12px }
[data-page-id="ai-video-generator"] .case h3 { margin-top:auto;margin-bottom:14px;font-size:30px;letter-spacing:-.04em }
[data-page-id="ai-video-generator"] .case p { color:var(--muted);line-height:1.55 }
[data-page-id="ai-video-generator"] .case a { width:max-content;margin-top:18px;border-bottom:1px solid var(--accent);color:var(--accent);font-size:13px }
[data-page-id="ai-video-generator"] .prompts { display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw }
[data-page-id="ai-video-generator"] .prompt-gallery-intro { position:sticky;top:105px;height:max-content }
[data-page-id="ai-video-generator"] .prompt-list details,
[data-page-id="ai-video-generator"] .faq-list details { border-top:1px solid var(--light-line) }
[data-page-id="ai-video-generator"] .prompt-list details:last-child,
[data-page-id="ai-video-generator"] .faq-list details:last-child { border-bottom:1px solid var(--light-line) }
[data-page-id="ai-video-generator"] summary { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;cursor:pointer;font-size:20px;font-weight:700;list-style:none }
[data-page-id="ai-video-generator"] summary::-webkit-details-marker { display:none }
[data-page-id="ai-video-generator"] summary b { color:var(--accent-hover);font-size:24px;transition:transform .25s ease }
[data-page-id="ai-video-generator"] details[open] summary b { transform:rotate(45deg) }
[data-page-id="ai-video-generator"] .prompt-list details p,
[data-page-id="ai-video-generator"] .faq-list details p { max-width:760px;color:var(--light-muted);line-height:1.65 }
[data-page-id="ai-video-generator"] .prompt-list button { margin:8px 0 28px;padding:10px 16px;border:1px solid var(--light-ink);border-radius:999px;background:transparent;color:var(--light-ink);cursor:pointer }
[data-page-id="ai-video-generator"] .faq { display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw }
[data-page-id="ai-video-generator"] .faq-title { position:sticky;top:100px;height:max-content }
[data-page-id="ai-video-generator"] .faq-title .text-link { color:var(--muted) }
[data-page-id="ai-video-generator"] .faq-list details { border-color:var(--line) }
[data-page-id="ai-video-generator"] .faq-list details p { color:var(--muted) }
[data-page-id="ai-video-generator"] .faq-list summary b { color:var(--accent) }
[data-page-id="ai-video-generator"] .final-cta { padding:clamp(90px,12vw,170px) 5vw;text-align:center }
[data-page-id="ai-video-generator"] .final-cta>div { max-width:950px;margin:auto }
[data-page-id="ai-video-generator"] .final-cta h2 { font-size:clamp(50px,7.5vw,112px) }
[data-page-id="ai-video-generator"] .final-cta p { margin:24px auto 32px }
[data-page-id="ai-video-generator"] .final-cta .button { margin:auto }
[data-page-id="ai-video-generator"] .jimeng-footer { display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:42px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:13px }
[data-page-id="ai-video-generator"] .jimeng-footer p { margin:0;text-align:center }
[data-page-id="ai-video-generator"] .jimeng-footer>a:last-child { justify-self:end;color:var(--ink) }
@media(max-width:900px) {
[data-page-id="ai-video-generator"] .feature-grid { grid-template-columns:1fr;grid-template-rows:none }
[data-page-id="ai-video-generator"] .feature-grid article { min-height:330px }
[data-page-id="ai-video-generator"] .feature-image { grid-row:auto }
[data-page-id="ai-video-generator"] .workflow,
[data-page-id="ai-video-generator"] .prompts,
[data-page-id="ai-video-generator"] .faq { grid-template-columns:1fr }
[data-page-id="ai-video-generator"] .workflow-copy,
[data-page-id="ai-video-generator"] .prompt-gallery-intro,
[data-page-id="ai-video-generator"] .faq-title { position:static }
[data-page-id="ai-video-generator"] .case-track { grid-template-columns:repeat(4,78vw) }
[data-page-id="ai-video-generator"] .continuity-card { grid-template-columns:1fr }
[data-page-id="ai-video-generator"] .continuity-media { min-height:360px }
[data-page-id="ai-video-generator"] .continuity-copy { padding:32px }
[data-page-id="ai-video-generator"] .continuity-copy>span { margin-bottom:80px }
}
@media(max-width:767px) {
[data-page-id="ai-video-generator"] .site-header { grid-template-columns:1fr auto;padding:0 16px }
[data-page-id="ai-video-generator"] nav { display:none }
[data-page-id="ai-video-generator"] .hero { min-height:auto;padding:88px 16px 20px;grid-template-columns:1fr;gap:34px }
[data-page-id="ai-video-generator"] h1 { font-size:clamp(48px,14vw,68px) }
[data-page-id="ai-video-generator"] .hero-lede { margin:20px 0 24px }
[data-page-id="ai-video-generator"] .hero-actions { align-items:flex-start;flex-direction:column;gap:8px }
[data-page-id="ai-video-generator"] .hero-visual { height:55dvh;min-height:410px;margin:0 -16px;border-radius:0 }
[data-page-id="ai-video-generator"] .hero-visual img { object-position:22% center }
[data-page-id="ai-video-generator"] .fact-rail { grid-template-columns:repeat(2,1fr) }
[data-page-id="ai-video-generator"] .fact-rail div { padding:24px }
[data-page-id="ai-video-generator"] .fact-rail div:nth-child(2) { border-right:0 }
[data-page-id="ai-video-generator"] .fact-rail div:nth-child(-n+2) { border-bottom:1px solid var(--line) }
[data-page-id="ai-video-generator"] .features,
[data-page-id="ai-video-generator"] .workflow,
[data-page-id="ai-video-generator"] .prompts,
[data-page-id="ai-video-generator"] .faq,
[data-page-id="ai-video-generator"] .use-cases,
[data-page-id="ai-video-generator"] .continuity { padding:80px 16px }
[data-page-id="ai-video-generator"] .section-heading { margin-bottom:42px }
[data-page-id="ai-video-generator"] .feature-main,
[data-page-id="ai-video-generator"] .feature-copy,
[data-page-id="ai-video-generator"] .feature-time { padding:28px!important }
[data-page-id="ai-video-generator"] .asset-orbit { grid-template-columns:repeat(2,1fr) }
[data-page-id="ai-video-generator"] .continuity-intro { margin-bottom:56px }
[data-page-id="ai-video-generator"] .continuity-card { position:relative!important;top:auto!important;margin-bottom:20px;min-height:0 }
[data-page-id="ai-video-generator"] .continuity-media { min-height:300px }
[data-page-id="ai-video-generator"] .prompt-lab { padding:22px }
[data-page-id="ai-video-generator"] .prompt-lab textarea { min-height:240px }
[data-page-id="ai-video-generator"] .workflow-copy li { grid-template-columns:110px 1fr }
[data-page-id="ai-video-generator"] .prompts,
[data-page-id="ai-video-generator"] .faq { gap:54px }
[data-page-id="ai-video-generator"] .case-track { margin-right:-16px }
[data-page-id="ai-video-generator"] .final-cta { padding:90px 16px }
[data-page-id="ai-video-generator"] .jimeng-footer { grid-template-columns:1fr;gap:24px;text-align:left }
[data-page-id="ai-video-generator"] .jimeng-footer p { text-align:left }
[data-page-id="ai-video-generator"] .jimeng-footer>a:last-child { justify-self:start }
}
@media(prefers-reduced-motion:reduce) {
[data-page-id="ai-video-generator"] { scroll-behavior:auto }
[data-page-id="ai-video-generator"] *,
[data-page-id="ai-video-generator"] *:before,
[data-page-id="ai-video-generator"] *:after { animation-duration:.01ms!important;transition-duration:.01ms!important }
[data-page-id="ai-video-generator"] .shimmer {  }
}
@media(min-width:901px) {
[data-page-id="ai-video-generator"] .hero { grid-template-columns:minmax(520px,.95fr) minmax(0,1.05fr);gap:2vw }
[data-page-id="ai-video-generator"] h1 { font-size:clamp(52px,5.2vw,76px) }
}
[data-page-id="ai-video-generator"] .feature-image:after { content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(6,8,11,.96));pointer-events:none }
[data-page-id="ai-video-generator"] .feature-image-copy { position:absolute;inset:auto 38px 36px;z-index:2;color:#fff }
[data-page-id="ai-video-generator"] .feature-image-copy h3 { max-width:520px;margin-bottom:12px;font-size:32px;line-height:1.05;letter-spacing:-.04em }
[data-page-id="ai-video-generator"] .feature-image-copy p { max-width:500px;margin-bottom:8px;color:#d7dce3;line-height:1.5 }
[data-page-id="ai-video-generator"] .testimonials { padding:clamp(90px,11vw,160px) 5vw }
[data-page-id="ai-video-generator"] .testimonial-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:0 6vw;border-top:1px solid var(--light-line) }
[data-page-id="ai-video-generator"] .testimonial { display:grid;grid-template-columns:1fr auto;gap:28px;margin:0;padding:34px 0;border-bottom:1px solid var(--light-line) }
[data-page-id="ai-video-generator"] .testimonial blockquote { margin:0;font-size:18px;line-height:1.55;letter-spacing:-.015em }
[data-page-id="ai-video-generator"] .testimonial figcaption { min-width:140px;font-size:13px;font-weight:750 }
[data-page-id="ai-video-generator"] .testimonial figcaption span { display:block;margin-top:5px;color:var(--light-muted);font-size:11px;font-weight:500 }
[data-page-id="ai-video-generator"] .hero-lede strong { color:var(--ink) }
@media(min-width:901px) {
[data-page-id="ai-video-generator"] .hero h1 { font-size:clamp(48px,4.4vw,64px) }
}
@media(max-width:767px) {
[data-page-id="ai-video-generator"] .feature-image-copy { inset:auto 24px 24px }
[data-page-id="ai-video-generator"] .feature-image-copy h3 { font-size:27px }
[data-page-id="ai-video-generator"] .testimonial-grid { grid-template-columns:1fr }
[data-page-id="ai-video-generator"] .testimonial { grid-template-columns:1fr }
[data-page-id="ai-video-generator"] .testimonial figcaption { min-width:0 }
[data-page-id="ai-video-generator"] .testimonials { padding:80px 16px }
}
[data-page-id="ai-video-generator"],
[data-page-id="ai-video-generator"] button,
[data-page-id="ai-video-generator"] textarea { font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Inter,Arial,sans-serif }
[data-page-id="ai-video-generator"] h1,
[data-page-id="ai-video-generator"] h2,
[data-page-id="ai-video-generator"] h3,
[data-page-id="ai-video-generator"] .button { font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Inter,Arial,sans-serif;letter-spacing:-.035em }
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { font-size:clamp(56px,7vw,92px);line-height:.96;letter-spacing:-.045em }
[data-page-id="ai-video-generator"] .section-heading,
[data-page-id="ai-video-generator"] .continuity-intro,
[data-page-id="ai-video-generator"] .workflow-copy,
[data-page-id="ai-video-generator"] .prompt-showcase-heading { max-width:760px }
[data-page-id="ai-video-generator"] .section-heading h2,
[data-page-id="ai-video-generator"] .continuity-intro h2,
[data-page-id="ai-video-generator"] .workflow-copy h2,
[data-page-id="ai-video-generator"] .prompt-showcase-heading h2,
[data-page-id="ai-video-generator"] .faq-title h2 { font-size:clamp(36px,4.1vw,58px);line-height:1.12;letter-spacing:-.04em }
[data-page-id="ai-video-generator"] .continuity-intro h2 { max-width:680px }
[data-page-id="ai-video-generator"] .section-heading p,
[data-page-id="ai-video-generator"] .continuity-intro>p:last-child,
[data-page-id="ai-video-generator"] .workflow-copy>p,
[data-page-id="ai-video-generator"] .prompt-showcase-heading>p:last-child { font-size:clamp(16px,1.35vw,18px);line-height:1.75 }
[data-page-id="ai-video-generator"] .overview-card h3,
[data-page-id="ai-video-generator"] .continuity-copy h3,
[data-page-id="ai-video-generator"] .case h3,
[data-page-id="ai-video-generator"] .workflow-steps h3 { line-height:1.22 }
@media(max-width:767px) {
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { font-size:clamp(48px,15vw,62px);line-height:1 }
[data-page-id="ai-video-generator"] .hero-centered .hero-lede { max-width:330px;font-size:16px;line-height:1.65 }
[data-page-id="ai-video-generator"] .hero-floating-cta .button { min-width:250px;padding-inline:22px;font-size:16px }
[data-page-id="ai-video-generator"] .section-heading h2,
[data-page-id="ai-video-generator"] .continuity-intro h2,
[data-page-id="ai-video-generator"] .workflow-copy h2,
[data-page-id="ai-video-generator"] .prompt-showcase-heading h2,
[data-page-id="ai-video-generator"] .faq-title h2 { font-size:clamp(30px,9vw,40px);line-height:1.18;letter-spacing:-.035em }
[data-page-id="ai-video-generator"] .continuity-intro,
[data-page-id="ai-video-generator"] .section-heading { margin-bottom:42px }
[data-page-id="ai-video-generator"] .continuity-copy h3 { font-size:clamp(28px,8.2vw,36px);line-height:1.16 }
[data-page-id="ai-video-generator"] .overview-card h3,
[data-page-id="ai-video-generator"] .case h3,
[data-page-id="ai-video-generator"] .workflow-steps h3 { font-size:clamp(23px,6.6vw,29px) }
}
[data-page-id="ai-video-generator"] .page-progress { position: fixed; z-index: 30; inset: 0 0 auto; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left center; pointer-events: none; }
[data-page-id="ai-video-generator"] { overflow-x: clip; }
[data-page-id="ai-video-generator"] .hero-visual img { transition: transform 1.1s cubic-bezier(.16,1,.3,1), object-position 1.1s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .hero-visual.frame-left img { object-position: 4% center; transform: scale(1.72); }
[data-page-id="ai-video-generator"] .hero-visual.frame-center img { object-position: 50% center; transform: scale(1.72); }
[data-page-id="ai-video-generator"] .hero-visual.frame-right img { object-position: 96% center; transform: scale(1.72); }
[data-page-id="ai-video-generator"] .hero-media-controls { position: absolute; z-index: 4; right: 3vw; top: 2.5vw; display: flex; align-items: center; gap: 6px; }
[data-page-id="ai-video-generator"] .hero-media-controls button,
[data-page-id="ai-video-generator"] .edit-controls button,
[data-page-id="ai-video-generator"] .format-controls button { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(6,8,11,.58); color: #fff; backdrop-filter: blur(16px); cursor: pointer; transition: background .25s ease, color .25s ease, transform .25s ease; }
[data-page-id="ai-video-generator"] .hero-media-controls button { display: grid; min-width: 42px; height: 42px; place-items: center; padding: 0 14px; }
[data-page-id="ai-video-generator"] .hero-media-controls button:hover,
[data-page-id="ai-video-generator"] .edit-controls button:hover,
[data-page-id="ai-video-generator"] .edit-controls button.active,
[data-page-id="ai-video-generator"] .format-controls button:hover,
[data-page-id="ai-video-generator"] .format-controls button.active { background: var(--accent); color: #090c14; }
[data-page-id="ai-video-generator"] .frame-guide button { height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.35); cursor: pointer; transition: background .25s ease, transform .25s ease; transform-origin: left center; }
[data-page-id="ai-video-generator"] .frame-guide button.active { background: var(--accent); transform: scaleY(2); }
[data-page-id="ai-video-generator"] .edit-controls { position: absolute; z-index: 4; top: 24px; left: 24px; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
[data-page-id="ai-video-generator"] .edit-controls > span { margin-right: 6px; color: #fff; font-size: 11px; font-weight: 700; }
[data-page-id="ai-video-generator"] .edit-controls button { padding: 9px 13px; font-size: 11px; }
[data-page-id="ai-video-generator"] .feature-image img { transition: transform .8s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .feature-image.edit-identity img { transform: scale(1.45) translateX(22%); }
[data-page-id="ai-video-generator"] .feature-image.edit-motion img { transform: scale(1.28); }
[data-page-id="ai-video-generator"] .feature-image.edit-lighting img { transform: scale(1.45) translateX(-22%); }
[data-page-id="ai-video-generator"] .format-playground { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 34px; align-items: end; margin: 0 0 64px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: #0c1015; }
[data-page-id="ai-video-generator"] .format-media { position: relative; justify-self: center; width: min(100%,860px); height: auto; max-height: 620px; overflow: hidden; border-radius: var(--radius); background: #151a20; }
[data-page-id="ai-video-generator"] .format-media.ratio-9-16 { width: min(42vw,350px); aspect-ratio: 9/16; }
[data-page-id="ai-video-generator"] .format-media.ratio-16-9 { aspect-ratio: 16/9; }
[data-page-id="ai-video-generator"] .format-media.ratio-21-9 { aspect-ratio: 21/9; }
[data-page-id="ai-video-generator"] .format-media img { object-fit: cover; transition: transform 1s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .format-media.ratio-9-16 img { object-position: 13% center; }
[data-page-id="ai-video-generator"] .format-media.ratio-16-9 img,
[data-page-id="ai-video-generator"] .format-media.ratio-21-9 img { object-position: center; }
[data-page-id="ai-video-generator"] .format-media.playing img {  }
[data-page-id="ai-video-generator"] .play-toggle { position: absolute; right: 18px; bottom: 18px; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: rgba(6,8,11,.65); color: #fff; backdrop-filter: blur(14px); cursor: pointer; }
[data-page-id="ai-video-generator"] .format-controls > span { display: block; margin-bottom: 16px; color: var(--muted); font-size: 13px; }
[data-page-id="ai-video-generator"] .format-controls > div { display: flex; flex-wrap: wrap; gap: 8px; }
[data-page-id="ai-video-generator"] .format-controls button { padding: 10px 14px; font-size: 12px; }
[data-page-id="ai-video-generator"] .spotlight-card { --spot-x: 50%; --spot-y: 50%; isolation: isolate; }
[data-page-id="ai-video-generator"] .spotlight-card::before { content: ""; position: absolute; z-index: 5; inset: 0; border-radius: inherit; background: radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(53,238,255,.13),transparent 70%); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
[data-page-id="ai-video-generator"] .spotlight-card:hover::before { opacity: 1; }
@media (max-width: 767px) {
[data-page-id="ai-video-generator"] .hero-media-controls { top: 16px; right: 16px; }
[data-page-id="ai-video-generator"] .hero-media-controls button { height: 38px; min-width: 38px; padding: 0 12px; }
[data-page-id="ai-video-generator"] .hero-visual.frame-left img,
[data-page-id="ai-video-generator"] .hero-visual.frame-center img,
[data-page-id="ai-video-generator"] .hero-visual.frame-right img { transform: scale(1.8); }
[data-page-id="ai-video-generator"] .edit-controls { top: 16px; left: 16px; right: 16px; }
[data-page-id="ai-video-generator"] .format-playground { grid-template-columns: 1fr; margin-bottom: 42px; padding: 16px; }
[data-page-id="ai-video-generator"] .format-media.ratio-9-16 { width: min(74vw,330px); }
[data-page-id="ai-video-generator"] .format-controls { order: -1; }
[data-page-id="ai-video-generator"] .spotlight-card::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
[data-page-id="ai-video-generator"] .hero-visual img,
[data-page-id="ai-video-generator"] .feature-image img,
[data-page-id="ai-video-generator"] .format-media img { transition: none !important; }
}
[data-page-id="ai-video-generator"] .site-header.jimeng-header { grid-template-columns: 1fr auto 1fr; height: 64px; padding: 0 32px; background: rgba(0,0,0,.72); border-color: rgba(255,255,255,.12); }
[data-page-id="ai-video-generator"] .official-brand { display: inline-flex; width: max-content; align-items: center; }
[data-page-id="ai-video-generator"] .official-brand img { display: block; width: 120px; height: 32px; object-fit: contain; }
[data-page-id="ai-video-generator"] .jimeng-header nav { justify-self: center; gap: 26px; color: #fff; }
[data-page-id="ai-video-generator"] .jimeng-header nav a { font-size: 13px; font-weight: 600; }
[data-page-id="ai-video-generator"] .header-actions { justify-self: end; display: flex; align-items: center; gap: 18px; color: #fff; font-size: 13px; }
[data-page-id="ai-video-generator"] .header-actions > span { color: rgba(255,255,255,.72); }
[data-page-id="ai-video-generator"] .header-create { padding: 10px 18px; border-radius: 10px; background: #fff; color: #090c14; font-weight: 750; transition: transform .25s ease, background .25s ease; }
[data-page-id="ai-video-generator"] .header-create:hover { background: var(--accent); transform: translateY(-1px); }
[data-page-id="ai-video-generator"] .hero.immersive-hero { position: relative; isolation: isolate; display: flex; min-height: 100dvh; padding: 118px 5vw 64px; align-items: center; justify-content: center; overflow: hidden; }
[data-page-id="ai-video-generator"] .hero-video { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #06080b; }
[data-page-id="ai-video-generator"] .hero-scrim { position: absolute; z-index: -2; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.42) 42%,rgba(0,0,0,.78)), radial-gradient(circle at 50% 42%,transparent 0,rgba(0,0,0,.2) 54%,rgba(0,0,0,.58) 100%); pointer-events: none; }
[data-page-id="ai-video-generator"] .hero-centered { display: flex; width: min(100%,1040px); flex-direction: column; align-items: center; text-align: center; }
[data-page-id="ai-video-generator"] .hero-centered .eyebrow { margin-bottom: 20px; color: #fff; text-shadow: 0 2px 22px rgba(0,0,0,.8); }
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { max-width: 1040px; color: #fff; font-size: clamp(58px,7.4vw,112px); line-height: .91; letter-spacing: -.075em; text-wrap: balance; text-shadow: 0 4px 44px rgba(0,0,0,.5); }
[data-page-id="ai-video-generator"] .hero-centered .hero-lede { max-width: 720px; margin: 28px auto 30px; color: rgba(255,255,255,.84); text-shadow: 0 2px 18px rgba(0,0,0,.65); }
[data-page-id="ai-video-generator"] .hero-centered .hero-lede strong { color: #fff; }
[data-page-id="ai-video-generator"] .hero-centered .hero-actions { justify-content: center; }
[data-page-id="ai-video-generator"] .hero-video-controls { position: absolute; right: 28px; bottom: 24px; display: flex; gap: 8px; }
[data-page-id="ai-video-generator"] .hero-video-controls button { min-width: 92px; height: 42px; padding: 0 16px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(0,0,0,.45); color: #fff; backdrop-filter: blur(16px); cursor: pointer; transition: color .25s ease, background .25s ease, transform .25s ease; }
[data-page-id="ai-video-generator"] .hero-video-controls button:hover { background: #fff; color: #090c14; transform: translateY(-2px); }
[data-page-id="ai-video-generator"] .jimeng-footer { display: block; padding: 70px 5vw 26px; border-top: 1px solid rgba(255,255,255,.12); background: #000; color: #fff; font-size: 13px; }
[data-page-id="ai-video-generator"] .footer-links { display: grid; grid-template-columns: repeat(4,1fr); gap: 5vw; padding-bottom: 64px; }
[data-page-id="ai-video-generator"] .footer-links > div { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
[data-page-id="ai-video-generator"] .footer-links h3 { margin: 0 0 8px; font-size: 14px; font-weight: 750; }
[data-page-id="ai-video-generator"] .footer-links a { color: rgba(255,255,255,.62); transition: color .2s ease; }
[data-page-id="ai-video-generator"] .footer-links a:hover { color: #fff; }
[data-page-id="ai-video-generator"] .footer-brand-row { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; padding: 40px 0; border-top: 1px solid rgba(255,255,255,.12); }
[data-page-id="ai-video-generator"] .footer-brand-row p { max-width: 480px; margin: 20px 0 0; color: rgba(255,255,255,.62); text-align: left; line-height: 1.55; }
[data-page-id="ai-video-generator"] .footer-social { display: flex; gap: 20px; }
[data-page-id="ai-video-generator"] .footer-social a { color: rgba(255,255,255,.72); }
[data-page-id="ai-video-generator"] .footer-legal { display: flex; justify-content: space-between; gap: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.5); }
[data-page-id="ai-video-generator"] .footer-legal > div { display: flex; gap: 24px; }
@media (max-width: 1023px) {
[data-page-id="ai-video-generator"] .site-header.jimeng-header { grid-template-columns: 1fr auto; padding: 0 20px; }
[data-page-id="ai-video-generator"] .jimeng-header nav { display: none; }
[data-page-id="ai-video-generator"] .header-actions > span,
[data-page-id="ai-video-generator"] .header-actions > a:not(.header-create) { display: none; }
[data-page-id="ai-video-generator"] .hero.immersive-hero { min-height: 100svh; padding: 104px 20px 88px; }
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { font-size: clamp(48px,11vw,78px); }
[data-page-id="ai-video-generator"] .hero-centered .hero-lede { font-size: 17px; }
[data-page-id="ai-video-generator"] .hero-video-controls { right: 16px; bottom: 16px; }
[data-page-id="ai-video-generator"] .footer-links { grid-template-columns: repeat(2,1fr); gap: 44px 32px; }
}
@media (max-width: 640px) {
[data-page-id="ai-video-generator"] .official-brand img { width: 105px; height: 28px; }
[data-page-id="ai-video-generator"] .header-create { padding: 9px 14px; }
[data-page-id="ai-video-generator"] .hero.immersive-hero { min-height: 100svh; }
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { font-size: clamp(44px,13vw,62px); }
[data-page-id="ai-video-generator"] .hero-video { object-position: center; }
[data-page-id="ai-video-generator"] .hero-video-controls button { min-width: 76px; height: 40px; padding: 0 12px; }
[data-page-id="ai-video-generator"] .footer-links { grid-template-columns: 1fr 1fr; }
[data-page-id="ai-video-generator"] .footer-brand-row { grid-template-columns: 1fr; align-items: start; }
[data-page-id="ai-video-generator"] .footer-legal { flex-direction: column; }
[data-page-id="ai-video-generator"] .footer-legal > div { flex-wrap: wrap; }
}
[data-page-id="ai-video-generator"] .hero-centered { transform-origin: center center; will-change: transform; }
[data-page-id="ai-video-generator"] .hero-scrim {  }
[data-page-id="ai-video-generator"] .hero-floating-cta { position: absolute; z-index: 3; left: 50%; bottom: max(96px,13vh); transform: translateX(-50%); }
[data-page-id="ai-video-generator"] .hero-floating-cta .button { min-width: 220px; box-shadow: 0 16px 50px rgba(0,0,0,.28); }
[data-page-id="ai-video-generator"] .feature-image > img { object-fit: cover; object-position: center; }
[data-page-id="ai-video-generator"] .feature-image.edit-identity > img { transform: scale(1.02); }
[data-page-id="ai-video-generator"] .feature-image.edit-motion > img { transform: scale(1.08) translateX(-2.5%); }
[data-page-id="ai-video-generator"] .feature-image.edit-lighting > img { transform: scale(1.08) translateX(2.5%); }
@media (max-width: 767px) {
[data-page-id="ai-video-generator"] .hero-centered {  }
[data-page-id="ai-video-generator"] .hero-floating-cta { bottom: 104px; }
[data-page-id="ai-video-generator"] .hero-floating-cta .button { min-width: 210px; }
[data-page-id="ai-video-generator"] .feature-image { min-height: 610px !important; aspect-ratio: 4/5; }
[data-page-id="ai-video-generator"] .feature-image-copy p { font-size: 14px; line-height: 1.5; }
[data-page-id="ai-video-generator"] .feature-image-copy p:last-child { margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
[data-page-id="ai-video-generator"] .hero-centered { transform: translateY(-23vh) scale(.66); }
[data-page-id="ai-video-generator"] .hero-scrim { opacity: .62; }
}
[data-page-id="ai-video-generator"] .features { padding-top: clamp(84px,9vw,128px); padding-bottom: clamp(84px,9vw,128px); }
[data-page-id="ai-video-generator"] .features .section-heading { max-width: 860px; margin-bottom: 48px; }
[data-page-id="ai-video-generator"] .features .section-heading .eyebrow { margin-bottom: 18px; color: #087d88; }
[data-page-id="ai-video-generator"] .feature-overview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--light-line); border-left: 1px solid var(--light-line); }
[data-page-id="ai-video-generator"] .overview-card { position: relative; min-height: 270px; padding: 38px; overflow: hidden; border-right: 1px solid var(--light-line); border-bottom: 1px solid var(--light-line); background: #fff; cursor: pointer; transition: color .4s ease, background .4s ease, transform .35s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .overview-card:hover { z-index: 1; background: #edfafd; transform: translateY(-4px); }
[data-page-id="ai-video-generator"] .overview-card > span { display: block; margin-bottom: 54px; color: #087d88; font-size: 12px; font-weight: 750; letter-spacing: .08em; }
[data-page-id="ai-video-generator"] .overview-card h3 { position: relative; z-index: 2; max-width: 440px; margin-bottom: 14px; font-size: clamp(25px,2.2vw,34px); line-height: 1.15; letter-spacing: -.035em; }
[data-page-id="ai-video-generator"] .overview-card p { max-width: 500px; margin: 0; color: var(--light-muted); font-size: 16px; line-height: 1.6; }
[data-page-id="ai-video-generator"] .overview-card i { position: absolute; inset: auto 38px 26px; height: 2px; overflow: hidden; background: rgba(9,12,20,.12); }
[data-page-id="ai-video-generator"] .overview-card i::after { content: ""; display: block; width: 100%; height: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .overview-card.active { z-index: 2; background: #0b1016; color: #fff; transform: translateY(-4px); }
[data-page-id="ai-video-generator"] .overview-card.active > span { color: var(--accent); }
[data-page-id="ai-video-generator"] .overview-card.active p { color: rgba(255,255,255,.68); }
[data-page-id="ai-video-generator"] .overview-card.active i { background: rgba(255,255,255,.16); }
[data-page-id="ai-video-generator"] .overview-card.active i::after { transform: scaleX(1); }
[data-page-id="ai-video-generator"] .benefit-card::after { content: attr(data-number); position: absolute; right: 22px; bottom: -34px; color: rgba(9,12,20,.035); font-size: 150px; font-style: normal; font-weight: 750; line-height: 1; pointer-events: none; transform: translateY(16px) rotate(4deg); transition: color .45s ease, transform .55s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .benefit-card > div { position: relative; z-index: 2; transition: transform .5s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .benefit-card > b { position: absolute; z-index: 3; right: 38px; top: 36px; color: var(--accent); font-size: 12px; opacity: 0; transform: translateX(-10px); transition: opacity .3s ease, transform .45s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .benefit-card > b em { display: inline-block; margin-left: 6px; font-style: normal; transition: transform .3s ease; }
[data-page-id="ai-video-generator"] .benefit-card.active { background: radial-gradient(circle at 78% 12%,rgba(53,238,255,.14),transparent 34%),#0b1016; }
[data-page-id="ai-video-generator"] .benefit-card.active::after { color: rgba(53,238,255,.08); transform: translateY(0) rotate(0); }
[data-page-id="ai-video-generator"] .benefit-card.active > div { transform: translateY(-6px); }
[data-page-id="ai-video-generator"] .benefit-card.active > b { opacity: 1; transform: translateX(0); }
[data-page-id="ai-video-generator"] .benefit-card.active > b em { transform: translate(2px,-2px); }
[data-page-id="ai-video-generator"] .prompt-showcase { padding: clamp(84px,9vw,128px) 5vw; }
[data-page-id="ai-video-generator"] .prompt-showcase-heading { max-width: 860px; }
[data-page-id="ai-video-generator"] .prompt-showcase-heading .eyebrow { margin-bottom: 18px; color: #087d88; }
[data-page-id="ai-video-generator"] .prompt-showcase-heading h2 { margin-bottom: 18px; font-size: clamp(42px,5.5vw,78px); line-height: .98; letter-spacing: -.06em; }
[data-page-id="ai-video-generator"] .prompt-showcase-heading > p:last-child { max-width: 650px; color: var(--light-muted); font-size: 18px; line-height: 1.55; }
[data-page-id="ai-video-generator"] .prompt-tabs { display: flex; gap: 8px; margin: 42px 0 18px; overflow-x: auto; }
[data-page-id="ai-video-generator"] .prompt-tabs button { flex: 0 0 auto; padding: 11px 17px; border: 1px solid var(--light-line); border-radius: 999px; background: transparent; color: var(--light-ink); cursor: pointer; transition: color .2s ease, background .2s ease; }
[data-page-id="ai-video-generator"] .prompt-tabs button.active,
[data-page-id="ai-video-generator"] .prompt-tabs button:hover { border-color: #090c14; background: #090c14; color: #fff; }
[data-page-id="ai-video-generator"] .prompt-stage { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 510px; overflow: hidden; border-radius: 22px; background: #090c14; color: #fff; }
[data-page-id="ai-video-generator"] .prompt-stage-media { position: relative; min-height: 420px; }
[data-page-id="ai-video-generator"] .prompt-stage-media img,
[data-page-id="ai-video-generator"] .prompt-stage-media video { width: 100%; height: 100%; object-fit: cover; }
[data-page-id="ai-video-generator"] .prompt-stage-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,4vw,64px); }
[data-page-id="ai-video-generator"] .prompt-stage-copy > span { margin-bottom: 28px; color: var(--accent); font-size: 12px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
[data-page-id="ai-video-generator"] .prompt-stage-copy h3 { margin-bottom: 22px; font-size: clamp(26px,2.7vw,38px); line-height: 1.14; letter-spacing: -.035em; }
[data-page-id="ai-video-generator"] .prompt-stage-copy p { color: var(--muted); font-size: 15px; line-height: 1.7; }
[data-page-id="ai-video-generator"] .prompt-stage-copy a { width: max-content; margin-top: 20px; padding-bottom: 5px; border-bottom: 1px solid var(--accent); color: var(--accent); font-weight: 700; }
[data-page-id="ai-video-generator"] .continuity { padding-top: clamp(84px,9vw,132px); padding-bottom: clamp(84px,9vw,132px); }
[data-page-id="ai-video-generator"] .continuity-intro { margin-bottom: 64px; }
[data-page-id="ai-video-generator"] .continuity-stack { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
[data-page-id="ai-video-generator"] .continuity-card { min-height: 470px; margin-bottom: 44px; }
[data-page-id="ai-video-generator"] .continuity-media img,
[data-page-id="ai-video-generator"] .continuity-media video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
[data-page-id="ai-video-generator"] .continuity-copy { justify-content: center; }
[data-page-id="ai-video-generator"] .continuity-copy > span { margin-bottom: 24px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
[data-page-id="ai-video-generator"] .continuity-copy h3 { margin-bottom: 18px; }
[data-page-id="ai-video-generator"] .continuity-copy p { margin-bottom: 0; }
[data-page-id="ai-video-generator"] .workflow { display: block; padding-top: clamp(84px,9vw,128px); padding-bottom: clamp(84px,9vw,128px); }
[data-page-id="ai-video-generator"] .workflow-copy { position: static; max-width: 820px; }
[data-page-id="ai-video-generator"] .workflow-copy h2 { margin-bottom: 18px; }
[data-page-id="ai-video-generator"] .workflow-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 52px 0 0; padding: 0; list-style: none; }
[data-page-id="ai-video-generator"] .workflow-steps li { min-height: 250px; padding: 30px; border: 1px solid var(--light-line); border-radius: var(--radius); background: #fff; }
[data-page-id="ai-video-generator"] .workflow-steps li > span { display: block; margin-bottom: 58px; color: #087d88; font-size: 13px; font-weight: 750; }
[data-page-id="ai-video-generator"] .workflow-steps h3 { margin-bottom: 14px; font-size: 26px; line-height: 1.08; letter-spacing: -.035em; }
[data-page-id="ai-video-generator"] .workflow-steps p { margin: 0; color: var(--light-muted); line-height: 1.55; }
[data-page-id="ai-video-generator"] .faq-title h2 { margin-bottom: 0; }
[data-page-id="ai-video-generator"] .case { position: relative; min-height: 520px; padding: 18px 18px 28px; }
[data-page-id="ai-video-generator"] .case-image { position: relative; height: 190px; margin-bottom: 24px; overflow: hidden; border-radius: 11px; background: #14191f; }
[data-page-id="ai-video-generator"] .case-image img { object-fit: cover; transition: transform .5s cubic-bezier(.16,1,.3,1); }
[data-page-id="ai-video-generator"] .case:hover .case-image img { transform: scale(1.045); }
[data-page-id="ai-video-generator"] .case > span,
[data-page-id="ai-video-generator"] .case h3,
[data-page-id="ai-video-generator"] .case p,
[data-page-id="ai-video-generator"] .case a { margin-left: 10px; margin-right: 10px; }
[data-page-id="ai-video-generator"] .case h3 { margin-top: 44px; }
[data-page-id="ai-video-generator"] .final-cta { padding: clamp(84px,9vw,124px) 5vw; text-align: center; }
[data-page-id="ai-video-generator"] .final-cta > div { display: flex; max-width: 900px; margin: 0 auto; align-items: center; flex-direction: column; gap: 34px; }
[data-page-id="ai-video-generator"] .final-cta > div > div { display: flex; align-items: center; flex-direction: column; }
[data-page-id="ai-video-generator"] .final-cta h2 { max-width: 760px; margin-bottom: 18px; font-size: clamp(40px,4.8vw,64px); line-height: 1.08; }
[data-page-id="ai-video-generator"] .final-cta p { max-width: 620px; margin: 0; font-size: 17px; line-height: 1.65; }
[data-page-id="ai-video-generator"] .final-cta .button { flex: 0 0 auto; min-width: 250px; margin: 0; }
@media (max-width: 767px) {
[data-page-id="ai-video-generator"] .feature-overview-grid { grid-template-columns: 1fr; }
[data-page-id="ai-video-generator"] .prompt-showcase { padding: 72px 16px; }
[data-page-id="ai-video-generator"] .prompt-showcase-heading h2 { font-size: clamp(40px,11vw,58px); }
[data-page-id="ai-video-generator"] .prompt-stage { grid-template-columns: 1fr; min-height: 0; }
[data-page-id="ai-video-generator"] .prompt-stage-media { min-height: 300px; }
[data-page-id="ai-video-generator"] .prompt-stage-copy { padding: 28px; }
[data-page-id="ai-video-generator"] .overview-card { min-height: 220px; padding: 26px; }
[data-page-id="ai-video-generator"] .overview-card > span { margin-bottom: 40px; }
[data-page-id="ai-video-generator"] .continuity-card { min-height: 0; }
[data-page-id="ai-video-generator"] .continuity-copy { padding-top: 34px; padding-bottom: 38px; }
[data-page-id="ai-video-generator"] .continuity-copy > span { margin-bottom: 18px; }
[data-page-id="ai-video-generator"] .workflow-steps { grid-template-columns: 1fr; gap: 12px; margin-top: 36px; }
[data-page-id="ai-video-generator"] .workflow-steps li { min-height: 0; padding: 26px; }
[data-page-id="ai-video-generator"] .workflow-steps li > span { margin-bottom: 38px; }
[data-page-id="ai-video-generator"] .case { min-height: 470px; }
[data-page-id="ai-video-generator"] .case-image { height: 180px; }
[data-page-id="ai-video-generator"] .final-cta { min-height: 420px; padding: 72px 24px; }
[data-page-id="ai-video-generator"] .final-cta > div { align-items: center; gap: 30px; }
[data-page-id="ai-video-generator"] .final-cta h2 { max-width: 330px; font-size: clamp(34px,9.5vw,42px); line-height: 1.14; }
[data-page-id="ai-video-generator"] .final-cta p { max-width: 320px; font-size: 16px; }
}
[data-page-id="ai-video-generator"] .section-heading h2,
[data-page-id="ai-video-generator"] .continuity-intro h2,
[data-page-id="ai-video-generator"] .workflow-copy h2,
[data-page-id="ai-video-generator"] .prompt-showcase-heading h2,
[data-page-id="ai-video-generator"] .faq-title h2 { font-size: clamp(36px,4.1vw,58px);
  line-height: 1.12;
  letter-spacing: -.04em; }
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { font-size: clamp(56px,7vw,92px);
  line-height: .96; }
[data-page-id="ai-video-generator"] .continuity-copy h3 { font-size: clamp(30px,3.25vw,44px);
  line-height: 1.14;
  letter-spacing: -.035em; }
@media (max-width: 767px) {
[data-page-id="ai-video-generator"] .hero-centered h1,
[data-page-id="ai-video-generator"] .hero-centered h1 strong { font-size: clamp(48px,15vw,62px); }
[data-page-id="ai-video-generator"] .section-heading h2,
[data-page-id="ai-video-generator"] .continuity-intro h2,
[data-page-id="ai-video-generator"] .workflow-copy h2,
[data-page-id="ai-video-generator"] .prompt-showcase-heading h2,
[data-page-id="ai-video-generator"] .faq-title h2 { font-size: clamp(30px,9vw,40px);
    line-height: 1.18; }
[data-page-id="ai-video-generator"] .prompt-stage-copy h3 { font-size: clamp(25px,7.4vw,32px); }
[data-page-id="ai-video-generator"] .continuity-copy h3 { font-size: clamp(27px,7.8vw,34px); }
[data-page-id="ai-video-generator"] .benefit-card > b { right: 26px;
    top: 24px; }
}

[data-page-id="ai-video-generator"],
[data-page-id="ai-video-generator"] * { box-sizing: border-box; }
[data-page-id="ai-video-generator"] { width: 100%; }
[data-page-id="ai-video-generator"] .case-image img { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-page-id="ai-video-generator"] .official-brand .jimeng-wordmark { display: block; color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: -.04em; }
[data-page-id="ai-video-generator"] .hero-subtitle { display: block; margin-top: 14px; font-size: .68em; }
[data-page-id="ai-video-generator"] .benefit-card a { position: relative; z-index: 3; display: inline-block; margin-top: 22px; color: #087d88; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
[data-page-id="ai-video-generator"] .benefit-card.active a { color: var(--accent); }
[data-page-id="ai-video-generator"] .review-summary { background: #06080b; color: #ebf8ff; }
[data-page-id="ai-video-generator"] .review-summary .section-heading { max-width: 1050px; margin-bottom: 72px; }
[data-page-id="ai-video-generator"] .review-summary .section-heading p { max-width: 900px; color: #a8b7c0; }
[data-page-id="ai-video-generator"] .review-summary .section-heading .review-disclosure { margin-top: 18px; font-size: 13px; line-height: 1.6; }
[data-page-id="ai-video-generator"] .review-summary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 64px; border-top: 1px solid #293238; }
[data-page-id="ai-video-generator"] .review-summary-item { padding: 34px 0; border-bottom: 1px solid #293238; }
[data-page-id="ai-video-generator"] .review-summary-item h3 { margin: 0 0 8px; font-size: 25px; line-height: 1.4; }
[data-page-id="ai-video-generator"] .review-summary-item > span { color: #a8b7c0; font-size: 12px; }
[data-page-id="ai-video-generator"] .review-summary-item p { margin: 18px 0 0; color: #a8b7c0; font-size: 17px; line-height: 1.85; }
[data-page-id="ai-video-generator"] .faq-list a { color: #087d88; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 767px) {
[data-page-id="ai-video-generator"] .hero-subtitle { font-size: clamp(28px,8vw,34px); }
[data-page-id="ai-video-generator"] .review-summary-grid { grid-template-columns: 1fr; }
[data-page-id="ai-video-generator"] .review-summary .section-heading { margin-bottom: 40px; }
[data-page-id="ai-video-generator"] .review-summary-item { padding: 28px 0; }
[data-page-id="ai-video-generator"] .review-summary-item h3 { font-size: 23px; }
}