.video-agent-page { --vf-muted:#b7c5d9; --vf-line:rgba(175,199,233,.18); }
.video-agent-page main { overflow:clip; }
.video-agent-page main p { color:var(--vf-muted); }
.vf-hero { padding:110px 0 64px; }
.vf-breadcrumbs { display:flex; gap:12px; color:#91a5c1; font-size:12px; margin-bottom:32px; }
.vf-breadcrumbs a { color:#c5d6ef; }
.vf-hero-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); grid-template-rows:auto auto; column-gap:70px; align-items:center; }
.vf-intro { align-self:end; }
.visual-polish.video-agent-page main h1 { font-size:clamp(38px,4.3vw,60px); line-height:1.1; letter-spacing:-.04em; margin:0; font-weight:600; }
.video-agent-page h1 span { color:#b9c9e0; }
.vf-lead { max-width:490px; font-size:18px; line-height:1.65; margin:24px 0 0; }
.vf-showreel { grid-column:2; grid-row:1 / 3; width:min(100%,294px); margin:0 auto; position:relative; }
.vf-film { position:relative; border-radius:24px; overflow:hidden; background:#101c2b; border:1px solid rgba(203,221,249,.26); }
.vf-film video { width:100%; height:auto; aspect-ratio:9/16; display:block; object-fit:contain; }
.vf-film-label { position:absolute; top:12px; left:12px; background:rgba(5,13,25,.85); color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:30px; font-size:11px; padding:5px 10px; pointer-events:none; }
.vf-video-error { font-size:13px; }
.vf-hero-action { align-self:start; margin-top:30px; }
.vf-hero-price { display:block; width:fit-content; margin-top:24px; font-size:24px; font-weight:600; }
.vf-hero-price span { color:var(--vf-muted); font-size:14px; font-weight:450; }
.vf-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.vf-inline-link { color:#a6caff; font-size:14px; font-weight:600; text-underline-offset:5px; }
.vf-inline-link:hover,.vf-hero-price:hover { color:#fff; text-decoration:underline; }
.vf-section { padding:76px 0; position:relative; }
.vf-section h2 { margin:0; }
.vf-audience { padding:36px 0 46px; border-top:1px solid var(--vf-line); }
.visual-polish .vf-audience h2 { font-size:24px; margin:0 0 28px; }
.vf-use-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; list-style:none; padding:0; margin:0; }
.vf-use-cases li { display:flex; flex-direction:column; gap:8px; }
.vf-use-cases strong { font-size:19px; font-weight:550; }
.vf-use-cases span { font-size:14px; color:var(--vf-muted); }
.vf-workflow { border-block:1px solid var(--vf-line); background:rgba(10,24,43,.8); }
.vf-repeat { display:flex; align-items:center; gap:12px; margin-top:38px; padding-top:24px; border-top:1px solid var(--vf-line); color:#bdd2ed; font-size:14px; }
.vf-repeat svg { width:24px; height:24px; flex:0 0 24px; color:#97bdf0; }
.vf-proof-row { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:64px; }
.visual-polish .vf-proof h2 { font-size:36px; }
.vf-buy { background:rgba(13,30,52,.86); border-top:1px solid var(--vf-line); }
.vf-buy-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; }
.vf-buy-lead { font-size:17px; margin:22px 0; }
.vf-included { display:flex; flex-direction:column; gap:10px; padding:0; list-style:none; margin:0; }
.vf-included li { position:relative; padding-left:24px; font-size:15px; color:#c2d2e8; }
.vf-included li::before { content:''; position:absolute; top:8px; left:2px; width:10px; height:6px; border-left:1.5px solid #94bdf5; border-bottom:1.5px solid #94bdf5; transform:rotate(-45deg); }
.video-agent-page .vf-price { margin:0; color:#fff; font-size:clamp(42px,4.5vw,60px); font-weight:600; line-height:1.2; letter-spacing:-.04em; }
.vf-price > span { font-size:22px; font-weight:450; color:#b7c5d9; letter-spacing:0; }
.vf-period { font-size:14px; margin:12px 0 26px; }
.vf-purchase .button { width:100%; max-width:360px; }
.vf-price-note { max-width:360px; font-size:12px; margin:16px 0; }
.vf-short-faq { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:54px; }
.vf-short-faq details { border-top:1px solid var(--vf-line); padding-top:20px; }
.vf-short-faq summary { font-size:14px; font-weight:550; cursor:pointer; }
.vf-short-faq p { font-size:14px; margin:16px 0 0; }
.vf-studio { margin-top:38px; border:1px solid #365175; border-radius:20px; overflow:hidden; background:#0a182b; }
.vf-stage { min-height:480px; position:relative; }
.vf-scene { min-height:480px; padding:36px 48px; display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; align-items:center; }
.vf-scene[hidden] { display:none; }
.vf-scene-copy > span { color:#9ab4d6; font-size:13px; }
.vf-scene-copy h3 { font-size:38px; line-height:1.16; letter-spacing:-.035em; margin:16px 0; }
.vf-scene-copy p { font-size:15px; margin:0; max-width:280px; }
.vf-conversation { display:flex; flex-direction:column; gap:18px; max-width:460px; }
.vf-message { border-radius:16px; padding:20px 24px; }
.vf-message > span { font-size:11px; font-weight:600; }
.vf-message p { font-size:15px; line-height:1.5; margin:8px 0 14px; }
.vf-message-user { background:#225fc8; margin-left:35px; transform:rotate(1deg); }
.video-agent-page .vf-message-user p { color:#fff; }
.vf-message-agent { background:#1a2d47; margin-right:30px; }
.vf-file { display:flex; gap:10px; align-items:center; border-top:1px solid rgba(255,255,255,.2); padding-top:12px; font-size:12px; color:#e8f0ff; }
.vf-file svg { width:21px; height:21px; stroke:currentColor; stroke-width:1.5; }
.vf-context-tags { display:flex; gap:8px; }
.vf-context-tags i { font-size:11px; font-style:normal; padding:4px 9px; background:#29476e; border-radius:20px; }
.vf-script-stack { position:relative; padding-bottom:20px; max-width:425px; }
.vf-script-sheet { padding:26px; border-radius:12px; background:#e8eff9; color:#132d50; transform:rotate(-2deg); box-shadow:10px 12px 0 #244d82; }
.vf-sheet-top { display:flex; justify-content:space-between; gap:20px; font-size:12px; color:#446087; }
.vf-script-sheet h4 { font-size:25px; line-height:1.2; font-weight:650; margin:20px 0; letter-spacing:-.025em; }
.vf-script-line { border-top:1px solid #bacbe1; padding:12px 0; display:flex; flex-direction:column; gap:3px; }
.vf-script-line b { font-size:11px; color:#3266a6; }
.vf-script-line span { font-size:13px; }
.vf-format-tag { position:absolute; bottom:0; right:-10px; padding:9px 14px; background:#2869d8; border-radius:7px; color:#fff; font-size:11px; transform:rotate(2deg); }
.vf-calendar { background:#132b49; border:1px solid #3b5c87; border-radius:14px; padding:26px; }
.vf-calendar-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:26px; }
.vf-calendar-heading strong { font-size:17px; font-weight:550; }
.vf-calendar-heading > span { font-size:11px; color:#a2b9d7; }
.vf-week { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; text-align:center; margin-bottom:24px; }
.vf-week > span { color:#94afd0; font-size:11px; }
.vf-week > b { display:grid; place-items:center; aspect-ratio:1; border:1px solid #355274; border-radius:8px; font-size:15px; font-weight:500; }
.vf-week .vf-day-active { background:#205fc9; border-color:#6099f5; }
.vf-schedule-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 0; border-top:1px solid #365273; font-size:12px; }
.vf-schedule-row > b { font-weight:500; color:#9bc2ff; }
.vf-edit-scene { display:block; padding:28px 42px; }
.vf-editor { width:100%; max-width:820px; margin:auto; }
.vf-edit-top { display:flex; justify-content:space-between; gap:20px; font-size:12px; color:#c0d3ec; margin-bottom:18px; }
.vf-edit-top > span:last-child { color:#8fa8c8; }
.vf-edit-preview { display:grid; grid-template-columns:1.7fr 1fr; gap:25px; align-items:center; }
.vf-kinetic-title { position:relative; min-height:180px; padding:25px 32px; overflow:hidden; background:#2564d2; border-radius:10px; isolation:isolate; }
.vf-kinetic-title > span { position:relative; z-index:2; font-size:15px; color:#d3e5ff; }
.vf-kinetic-title strong { position:relative; z-index:2; display:block; font-size:36px; line-height:1.05; margin-top:10px; letter-spacing:-.035em; }
.vf-kinetic-title i { position:absolute; right:-18px; top:40px; width:115px; height:115px; border:1px solid #8cb6ff; border-radius:24px; transform:rotate(-25deg); }
.vf-kinetic-title i:nth-of-type(2) { right:32px; top:70px; }
.vf-kinetic-title i:nth-of-type(3) { right:82px; top:100px; }
.vf-edit-settings { display:flex; flex-direction:column; gap:18px; }
.vf-edit-settings > span { display:flex; justify-content:space-between; gap:16px; color:#8ea8c9; font-size:12px; }
.vf-edit-settings b { color:#d1e2f8; font-weight:500; }
.vf-timeline { position:relative; display:flex; flex-direction:column; gap:7px; margin-top:22px; }
.vf-timeline > div:not(.vf-playhead) { display:grid; grid-template-columns:54px 1fr; gap:14px; align-items:center; }
.vf-timeline > div > span { font-size:11px; color:#9cb1ce; }
.vf-track { display:flex; gap:5px; height:26px; }
.vf-track i { font-style:normal; font-size:11px; overflow:hidden; white-space:nowrap; }
.vf-track-scenes i { background:#2159a6; flex:1; padding:4px 10px; border-radius:4px; }
.vf-track-captions i { background:#365077; color:#dbe8fa; flex:1; padding:4px 10px; border-radius:4px; }
.vf-track-voice { align-items:center; padding:2px 8px; background:#142f36; border-radius:4px; justify-content:space-around; }
.vf-track-voice i { flex:0 0 3px; height:65%; background:#75c8c3; border-radius:2px; }
.vf-track-voice i:nth-child(3n) { height:95%; }.vf-track-voice i:nth-child(4n) { height:35%; }.vf-track-voice i:nth-child(5n) { height:80%; }
.vf-playhead { position:absolute; left:68px; right:0; top:-5px; bottom:-5px; border-left:2px solid #b9d7ff; transform:translateX(0); pointer-events:none; }
.vf-export { width:235px; margin:0 auto; transform:rotate(3deg); }
.vf-export-art { border-radius:12px 12px 0 0; padding:22px; min-height:245px; display:flex; flex-direction:column; justify-content:space-between; background:#286bdc; color:#fff; }
.vf-export-art svg { width:40px; height:40px; border:1px solid #8ab2f5; border-radius:50%; }
.vf-export-art strong { font-size:29px; letter-spacing:-.04em; line-height:1.12; }
.vf-export-art > span { font-size:11px; letter-spacing:.1em; color:#bcd7ff; }
.vf-export-file { display:flex; align-items:center; justify-content:space-between; padding:16px; background:#e3eefc; border-radius:0 0 12px 12px; color:#123762; }
.vf-export-file b,.vf-export-file small { display:block; }.vf-export-file b { font-size:13px; }.vf-export-file small { font-size:11px; margin-top:3px; }
.vf-export-file svg { width:24px; height:24px; color:#266bb9; }
.vf-scene-nav { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid var(--vf-line); }
.vf-scene-nav button { position:relative; border:0; border-right:1px solid var(--vf-line); background:transparent; color:#9db2cf; padding:12px 16px; font:inherit; font-size:12px; text-align:left; cursor:pointer; }
.vf-scene-nav button:last-child { border-right:0; }.vf-scene-nav button span { display:inline; font-size:11px; margin-right:8px; opacity:.75; }
.vf-scene-nav button[aria-pressed="true"] { color:#fff; background:#173761; }
.vf-scene-nav button:hover { color:#fff; background:#18304e; }
.vf-scene-nav button[aria-pressed="true"]::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#8bb8ff; transform-origin:left; }
.vf-studio.is-playing .vf-scene-nav button[aria-pressed="true"]::after { animation:vf-progress 7s linear both; }
.vf-scene:not([hidden]) .vf-message-agent { animation:vf-arrive .7s .45s both; }
.vf-scene:not([hidden]) .vf-context-tags i { animation:vf-arrive .45s .8s both; }.vf-scene:not([hidden]) .vf-context-tags i:nth-child(2) { animation-delay:1s; }.vf-scene:not([hidden]) .vf-context-tags i:nth-child(3) { animation-delay:1.2s; }
.vf-scene:not([hidden]) .vf-script-line { animation:vf-arrive .55s .3s both; }.vf-scene:not([hidden]) .vf-script-line:nth-of-type(3) { animation-delay:.6s; }.vf-scene:not([hidden]) .vf-script-line:nth-of-type(4) { animation-delay:.9s; }
.vf-scene:not([hidden]) .vf-day-active { animation:vf-day .8s .4s both; }.vf-scene:not([hidden]) .vf-day-active:nth-of-type(3) { animation-delay:.9s; }.vf-scene:not([hidden]) .vf-day-active:nth-of-type(5) { animation-delay:1.4s; }
.vf-scene:not([hidden]) .vf-kinetic-title strong { animation:vf-title 1.2s cubic-bezier(.16,1,.3,1) both; }
.vf-scene:not([hidden]) .vf-kinetic-title i { animation:vf-orbit 6s ease-in-out both; }
.vf-scene:not([hidden]) .vf-playhead { animation:vf-scrub 6.6s linear both; }
.vf-scene:not([hidden]) .vf-export { animation:vf-export .85s cubic-bezier(.16,1,.3,1) both; }
.vf-studio:not(.is-playing) *, .vf-studio:not(.is-playing) *::after { animation:none !important; }
.vf-delivery { border:1px solid #314f75; border-radius:16px; background:#0e2038; padding:24px; overflow:hidden; }
.vf-delivery-head { display:flex; align-items:center; justify-content:space-between; color:#a5bcda; font-size:12px; margin-bottom:22px; }.vf-delivery-head svg { width:24px; height:24px; }
.vf-delivery-filmstrip { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.vf-delivery-filmstrip > div { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; min-height:130px; padding:15px; background:#1c4377; border-radius:8px; }
.vf-delivery-filmstrip > div:nth-child(2) { background:#245bc1; }.vf-delivery-filmstrip > div:nth-child(3) { background:#153055; }
.vf-delivery-filmstrip span { font-size:12px; color:#bad4fc; }.vf-delivery-filmstrip b { font-size:14px; font-weight:550; }
.vf-delivery-filmstrip i { position:absolute; left:0; bottom:0; height:3px; width:100%; background:#93beff; transform:scaleX(.1); transform-origin:left; }
.vf-delivery.is-playing .vf-delivery-filmstrip i { animation:vf-progress 2s ease-in-out both; }.vf-delivery.is-playing .vf-delivery-filmstrip > div:nth-child(2) i { animation-delay:.8s; }.vf-delivery.is-playing .vf-delivery-filmstrip > div:nth-child(3) i { animation-delay:1.6s; }
.vf-delivery p { margin:18px 0 0; font-size:13px; }
@keyframes vf-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes vf-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes vf-title { from { transform:translateY(28px); clip-path:inset(100% 0 0); } to { transform:translateY(0); clip-path:inset(0); } }
@keyframes vf-day { from { background:#132b49; transform:scale(.9); } to { background:#205fc9; transform:scale(1); } }
@keyframes vf-orbit { from { transform:translateX(55px) rotate(10deg); } to { transform:translateX(0) rotate(-25deg); } }
@keyframes vf-scrub { from { transform:translateX(0); } to { transform:translateX(95%); } }
@keyframes vf-export { from { opacity:0; transform:translateY(30px) rotate(-5deg) scale(.93); } to { opacity:1; transform:translateY(0) rotate(3deg) scale(1); } }
@media(prefers-reduced-motion:reduce) { .vf-studio *, .vf-studio *::after,.vf-delivery * { animation:none !important; } }
@media(max-width:900px) { .vf-scene { padding:30px; gap:28px; }.vf-scene-copy h3 { font-size:30px; }.vf-calendar { padding:20px; }.vf-calendar-heading { flex-direction:column; align-items:flex-start; }.vf-proof-row { grid-template-columns:1fr; } }
@media(max-width:600px) {
 .vf-studio { margin-top:28px; border-radius:14px; }
 .vf-stage,.vf-scene { min-height:575px; }.vf-scene { grid-template-columns:1fr; padding:24px 18px; gap:24px; align-content:start; }.vf-scene-copy h3 { font-size:28px; margin:10px 0; }.vf-scene-copy h3 br { display:none; }.vf-scene-copy p { font-size:13px; max-width:none; }.vf-scene-copy > span { font-size:11px; }
 .vf-message { padding:15px; }.vf-message-user { margin-left:12px; }.vf-message-agent { margin-right:12px; }.vf-message p { font-size:13px; }.vf-file { font-size:11px; }.vf-context-tags { gap:5px; }.vf-context-tags i { padding:4px 7px; }
 .vf-script-sheet { padding:20px; }.vf-script-sheet h4 { font-size:22px; margin:16px 0; }.vf-script-line { padding:9px 0; }.vf-script-line span { font-size:12px; }.vf-format-tag { right:-4px; font-size:11px; }
 .vf-calendar { padding:18px; }.vf-week { gap:5px; }.vf-week > b { font-size:12px; }.vf-calendar-heading { flex-direction:row; margin-bottom:20px; }.vf-calendar-heading strong { font-size:14px; }.vf-schedule-row { font-size:11px; }
 .vf-edit-scene { display:flex; align-items:center; padding:24px 18px; }.vf-edit-top { flex-direction:column; gap:4px; }.vf-edit-preview { grid-template-columns:1fr; gap:16px; }.vf-kinetic-title { min-height:190px; padding:24px; }.vf-kinetic-title strong { font-size:32px; }.vf-edit-settings { flex-direction:row; gap:12px; justify-content:space-between; }.vf-edit-settings > span { flex-direction:column; gap:3px; font-size:11px; }
 .vf-timeline > div:not(.vf-playhead) { grid-template-columns:42px 1fr; gap:8px; }.vf-timeline > div > span { font-size:11px; }.vf-track i { font-size:11px; }.vf-track-scenes i,.vf-track-captions i { padding:5px; }.vf-track-voice i { flex-basis:2px; }.vf-playhead { left:50px; }
 .vf-export { width:200px; }.vf-export-art { min-height:180px; }.vf-export-art strong { font-size:26px; }.vf-export-file { padding:12px; }
 .vf-scene-nav { grid-template-columns:repeat(5,1fr); }.vf-scene-nav button { padding:10px 2px; min-height:52px; font-size:11px; text-align:center; }.vf-scene-nav button span { display:block; margin:0 0 3px; font-size:10px; }
 .vf-delivery { padding:20px; }.vf-delivery-filmstrip { gap:8px; }.vf-delivery-filmstrip > div { padding:10px; min-height:116px; }.vf-delivery-filmstrip b { font-size:11px; }
}
@media(max-width:1100px) {
 .vf-hero-grid { column-gap:35px; }
 .vf-proof-row { gap:40px; }
 .vf-buy-grid { gap:55px; }
}
@media(max-width:760px) {
 .video-agent-page .container { width:calc(100% - 40px); }
 .vf-hero { padding:100px 0 44px; }
 .vf-breadcrumbs { margin-bottom:25px; font-size:11px; }
 .vf-hero-grid { display:flex; flex-direction:column; align-items:stretch; }
 .vf-intro { align-self:stretch; }
 .visual-polish.video-agent-page main h1 { font-size:clamp(32px,8.6vw,48px); line-height:1.1; }
 .vf-lead { font-size:15px; margin-top:20px; }
 .vf-showreel { width:min(calc(100% - 64px),250px); margin:24px 64px 0 0; }
 .vf-film { border-radius:20px; }
 .vf-hero-action { margin-top:26px; align-self:stretch; }
 .vf-hero-price { font-size:25px; }
 .vf-actions { gap:20px; }
 .vf-actions .button { width:100%; }
 .vf-section { padding-block:48px; }
 .vf-section h2,.visual-polish .vf-proof h2 { font-size:30px; }
 .vf-audience { padding-block:30px; }
 .visual-polish .vf-audience h2 { font-size:23px; margin-bottom:22px; }
 .vf-use-cases { grid-template-columns:1fr; gap:16px; }
 .vf-use-cases li { flex-direction:row; align-items:baseline; justify-content:space-between; gap:16px; }
 .vf-use-cases strong { font-size:14px; }
 .vf-use-cases span { font-size:12px; text-align:right; }
 .vf-repeat { margin-top:28px; font-size:13px; align-items:flex-start; }
 .vf-proof-row,.vf-buy-grid { grid-template-columns:1fr; gap:28px; }
 .vf-buy-lead { font-size:15px; margin-top:18px; }
 .vf-purchase { padding-top:28px; border-top:1px solid var(--vf-line); }
 .vf-short-faq { grid-template-columns:1fr; gap:24px; margin-top:34px; }
}
.video-agent-page.vf-studio-visible .quick-actions { visibility:hidden; pointer-events:none; }
.vf-delivery-filmstrip small { color:#c4d9f7; font-size:11px; line-height:1.45; margin-top:8px; }
.vf-delivery-filmstrip > div { min-height:158px; }
.vf-delivery-filmstrip b { margin-top:auto; padding-top:20px; }
@media(max-width:600px) { .vf-delivery-filmstrip { grid-template-columns:1fr; }.vf-delivery-filmstrip > div { min-height:108px; padding:14px; }.vf-delivery-filmstrip b { font-size:16px; padding-top:8px; } }