.feature-page--video-motion{--feature-accent:#ef684d;--feature-accent-2:#625cf6;--feature-accent-soft:rgba(239,104,77,.12);--feature-wash:rgba(98,92,246,.09)}
.video-motion-shell{padding-top:25px}.video-motion-hero{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:48px;min-height:680px;padding-top:30px}.video-motion-hero h1{font-size:clamp(45px,5vw,72px)}.video-motion-hero .feature-trust-row li::before{content:"✓";width:auto;height:auto;color:var(--feature-accent);background:none;box-shadow:none;font-size:11px;font-weight:900}
.video-motion-demo,.meaning-card,.timing-card,.layer-card,.video-motion-chat-card{overflow:hidden;color:#f6f4f1;border:1px solid #302e31;border-radius:23px;background:#121215;box-shadow:0 28px 70px rgba(19,17,20,.22)}
.video-motion-bar,.video-motion-card-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid #302e31;font:800 9px "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase}.video-motion-bar>span{display:flex;align-items:center;gap:8px;color:#8c8990}.video-motion-bar>span i{width:7px;height:7px;border-radius:50%;background:#8cf274}.video-motion-bar>div{display:flex;gap:5px}.video-motion-bar button{min-height:29px;padding:0 9px;border:1px solid #343239;border-radius:7px;color:#85828b;background:#1b1a1f;font-size:8px;font-weight:800;cursor:pointer}.video-motion-bar button.is-active{color:#fff0eb;border-color:#ef684d;background:rgba(239,104,77,.18)}
.video-motion-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(circle at 22% 25%,rgba(239,104,77,.14),transparent 30%),radial-gradient(circle at 82% 72%,rgba(98,92,246,.17),transparent 36%),#17171c}.video-motion-stage::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:42px 42px}.video-motion-source{position:absolute;inset:0}.video-motion-source>span{position:absolute;left:12px;top:12px;padding:4px 7px;border-radius:5px;color:#96929a;background:rgba(13,13,16,.66);font:800 7px "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase}.presenter-head{position:absolute;right:18%;top:17%;width:21%;aspect-ratio:1;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,#625b58,#29282d);box-shadow:inset 12px 2px 20px rgba(255,255,255,.05)}.presenter-body{position:absolute;right:5%;bottom:-20%;width:50%;height:65%;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#313038,#18181d)}
.video-graphic{position:absolute;z-index:3;opacity:0;transform:translateY(13px) scale(.97);transition:opacity 260ms ease,transform 420ms cubic-bezier(.2,.8,.2,1)}.video-motion-demo[data-graphic-state="stat"] .video-graphic--stat,.video-motion-demo[data-graphic-state="drop"] .video-graphic--drop,.video-motion-demo[data-graphic-state="steps"] .video-graphic--steps,.video-motion-demo[data-graphic-state="growth"] .video-graphic--growth,.video-motion-demo[data-graphic-state="message"] .video-graphic--message{opacity:1;transform:none}.video-motion-demo.is-raw .video-graphic{opacity:0!important;transform:translateY(13px) scale(.97)!important}.video-motion-stage>p{position:absolute;z-index:4;left:5%;right:5%;bottom:5%;margin:0;color:#fff;font:800 16px/1.3 "Manrope",sans-serif;text-shadow:0 2px 9px #000}
.video-graphic--stat{left:7%;top:21%;display:grid;width:34%}.video-graphic--stat>span,.video-graphic--growth>span,.video-graphic--steps>span{color:#afaab1;font:800 9px "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase}.video-graphic--stat>strong{color:#fff4ef;font:900 clamp(74px,10vw,130px)/.86 "Manrope",sans-serif;letter-spacing:-.09em}.video-graphic--stat>strong i{color:#ef684d;font-style:normal}.video-graphic--stat>b{height:6px;margin-top:15px;border-radius:99px;background:#35323a}.video-graphic--stat>b i{display:block;width:34%;height:100%;border-radius:inherit;background:#ef684d}
.video-graphic--drop{left:5%;top:18%;width:49%;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(18,18,22,.82)}.video-graphic--drop>span{color:#9c98a0;font:800 8px "Manrope",sans-serif;text-transform:uppercase}.video-graphic--drop>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:18px}.video-graphic--drop i{color:#eee9e6;font:800 9px "Manrope",sans-serif;font-style:normal}.video-graphic--drop b{height:2px;background:linear-gradient(90deg,#625cf6 0 41%,#ef684d 41% 56%,#323038 56%)}.video-graphic--drop>strong{display:block;margin:13px 28% 0;color:#ef684d;font:900 12px "Manrope",sans-serif;text-align:center;text-transform:uppercase}
.video-graphic--steps{left:5%;right:5%;top:17%}.video-graphic--steps>div{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:6px;margin-top:18px;width:74%}.video-graphic--steps i{display:grid;place-items:center;aspect-ratio:1;border:1px solid #625cf6;border-radius:50%;color:#fff;font:900 18px "Manrope",sans-serif;font-style:normal;background:rgba(98,92,246,.14)}.video-graphic--steps i small{display:block;margin-top:2px;color:#b9b5bd;font-size:6px;text-transform:uppercase}.video-graphic--steps b{height:2px;background:#625cf6}
.video-graphic--growth{left:5%;top:16%;width:52%}.video-graphic--growth>div{display:flex;align-items:center;gap:15px;margin-top:5px}.video-graphic--growth strong{color:#f6efeb;font:900 clamp(48px,6vw,78px) "Manrope",sans-serif;letter-spacing:-.07em}.video-graphic--growth strong:last-child{color:#ef684d}.video-graphic--growth i{color:#625cf6;font:500 25px "Manrope",sans-serif;font-style:normal}.video-graphic--growth svg{width:100%;margin-top:-5px}.video-graphic--growth path{fill:none;stroke:#625cf6;stroke-width:5;stroke-linecap:round;stroke-dasharray:390;animation:video-chart 1.3s ease forwards}@keyframes video-chart{from{stroke-dashoffset:390}to{stroke-dashoffset:0}}
.video-graphic--message{left:5%;top:24%;display:grid}.video-graphic--message strong{color:#f8f2ee;font:900 clamp(30px,4vw,52px)/1 "Manrope",sans-serif;letter-spacing:-.05em}.video-graphic--message strong i{color:#ef684d;font-style:normal}.video-graphic--message span{margin-top:12px;color:#aaa6ad;font:800 12px "Manrope",sans-serif;text-transform:uppercase}.video-motion-timeline{min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:0 16px;color:#79767e;font:700 7px "Manrope",sans-serif}.video-motion-timeline>div{position:relative;display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr 1fr;gap:3px;height:18px}.video-motion-timeline i{border-radius:4px;background:#343139}.video-motion-timeline i:nth-child(2),.video-motion-timeline i:nth-child(4){background:rgba(98,92,246,.55)}.video-motion-timeline i:nth-child(3),.video-motion-timeline i:nth-child(5){background:rgba(239,104,77,.5)}.video-motion-timeline b{position:absolute;top:-4px;bottom:-4px;left:calc(var(--video-progress,0)*100%);width:2px;background:#fff;transform:translateX(-1px)}
.video-motion-proof{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin-top:78px;padding:45px;border:1px solid var(--theme-border);border-radius:27px;background:color-mix(in srgb,var(--theme-surface-solid) 88%,transparent)}.video-motion-proof h2{margin:0;max-width:650px;color:var(--theme-text-strong);font:900 clamp(31px,3.8vw,52px)/1.03 "Manrope",sans-serif;letter-spacing:-.05em}.video-motion-proof dl{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0}.video-motion-proof dl div{padding-left:16px;border-left:1px solid var(--theme-border)}.video-motion-proof dt{color:var(--feature-accent);font:900 35px "Manrope",sans-serif}.video-motion-proof dd{margin:2px 0 0;color:var(--theme-text-muted);font-size:10px}
.video-motion-process{margin-top:120px}.video-motion-screens{display:grid;gap:32px;margin-top:46px}.video-motion-screen{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);align-items:center;gap:50px;min-height:620px;padding:50px;border:1px solid var(--theme-border);border-radius:29px;background:color-mix(in srgb,var(--theme-surface-solid) 88%,transparent)}.video-motion-copy>span{color:var(--feature-accent);font:900 10px "Manrope",sans-serif;letter-spacing:.1em}.video-motion-copy h3{margin:17px 0 0;color:var(--theme-text-strong);font:900 clamp(29px,3.3vw,45px)/1.04 "Manrope",sans-serif;letter-spacing:-.045em}.video-motion-copy>p{margin:17px 0 0;color:var(--theme-text-muted);font-size:15px;line-height:1.7}.video-motion-card-bar{color:#85818a}.video-motion-card-bar strong{color:#f2eeeb}
.meaning-layout{display:grid;grid-template-columns:.82fr 1.18fr;min-height:360px}.meaning-lines{display:grid;align-content:center;gap:6px;padding:16px;border-right:1px solid #302e31}.meaning-lines button{padding:12px;border:1px solid transparent;border-radius:9px;color:#8e8a92;background:transparent;font:700 9px/1.45 "Manrope",sans-serif;text-align:left;cursor:pointer}.meaning-lines button.is-active{color:#f5efec;border-color:#625cf6;background:rgba(98,92,246,.12)}.meaning-preview{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 60% 30%,rgba(98,92,246,.18),transparent 34%),#17171c}.meaning-preview>div{position:absolute;opacity:0;transform:scale(.92);transition:opacity 200ms ease,transform 280ms ease}.meaning-preview[data-meaning-preview="stat"] .meaning-stat,.meaning-preview[data-meaning-preview="drop"] .meaning-drop,.meaning-preview[data-meaning-preview="steps"] .meaning-steps,.meaning-preview[data-meaning-preview="message"] .meaning-message{opacity:1;transform:none}.meaning-stat{display:grid;color:#ef684d}.meaning-stat strong{font:900 76px/.9 "Manrope",sans-serif}.meaning-stat i{width:34%;height:5px;margin-top:12px;border-radius:9px;background:#ef684d}.meaning-drop{display:grid;grid-template-columns:auto 70px auto;align-items:center;gap:7px;color:#f2ece9;font:800 9px "Manrope",sans-serif}.meaning-drop i{font-style:normal}.meaning-drop b{height:2px;background:linear-gradient(90deg,#625cf6 0 45%,#ef684d 45% 62%,#3a373e 62%)}.meaning-steps{display:grid;grid-template-columns:34px 30px 34px 30px 34px;align-items:center}.meaning-steps i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #625cf6;border-radius:50%;font-style:normal}.meaning-steps b{height:2px;background:#625cf6}.meaning-message{color:#f6efec;font:900 25px "Manrope",sans-serif}.meaning-message i{color:#ef684d;font-style:normal}
.video-motion-copy label{display:grid;gap:9px;margin-top:24px;color:var(--theme-text-soft);font:800 9px "Manrope",sans-serif;text-transform:uppercase}.video-motion-copy input{width:100%;accent-color:var(--feature-accent)}.timing-preview{position:relative;overflow:hidden;min-height:280px;background:radial-gradient(circle at 30% 30%,rgba(239,104,77,.12),transparent 30%),#17171c}.timing-presenter{position:absolute;right:10%;bottom:-25%;width:42%;height:105%;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#3e3b42,#1e1d22)}.timing-preview>div:last-child{position:absolute;left:8%;top:29%;display:grid;opacity:var(--timing-graphic-opacity,1);transform:translateY(calc((1 - var(--timing-graphic-opacity,1))*12px))}.timing-preview strong{color:#ef684d;font:900 48px "Manrope",sans-serif;letter-spacing:-.07em}.timing-preview span{color:#aaa6ad;font:800 9px "Manrope",sans-serif;text-transform:uppercase}.timing-tracks{position:relative;display:grid;gap:6px;padding:15px}.timing-tracks>div{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px;color:#74717a;font:800 7px "Manrope",sans-serif}.timing-tracks i{display:block;height:12px;border-radius:3px;background:#323038}.timing-tracks .speech-wave{background:repeating-linear-gradient(90deg,#4b4850 0 2px,transparent 2px 5px)}.timing-tracks .layer-stat{width:22%;margin-left:5%;background:rgba(239,104,77,.55)}.timing-tracks .layer-callout{width:19%;margin-left:25%;background:rgba(98,92,246,.58)}.timing-tracks .layer-process{width:27%;margin-left:41%;background:rgba(239,104,77,.42)}.timing-tracks .layer-growth{width:24%;margin-left:68%;background:rgba(98,92,246,.52)}.timing-tracks>b{position:absolute;top:12px;bottom:12px;left:calc(73px + (100% - 90px)*var(--timing));width:2px;background:#fff}
.video-layer-modes{display:flex;gap:8px;margin-top:22px}.video-layer-modes button{min-height:38px;padding:0 14px;border:1px solid var(--theme-border);border-radius:99px;color:var(--theme-text-muted);background:var(--theme-surface-solid);font-size:10px;font-weight:800;cursor:pointer}.video-layer-modes button.is-active{color:var(--feature-accent);border-color:color-mix(in srgb,var(--feature-accent) 55%,var(--theme-border));background:var(--feature-accent-soft)}.layer-workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;padding:14px}.layer-preview{position:relative;display:grid;align-content:center;min-height:280px;padding:24px;border-radius:11px;background:radial-gradient(circle at 68% 30%,rgba(98,92,246,.2),transparent 35%),#18181d}.layer-preview span{color:#959099;font:800 8px "Manrope",sans-serif;text-transform:uppercase}.layer-preview strong{color:#ef684d;font:900 48px "Manrope",sans-serif;letter-spacing:-.07em}.layer-preview i{width:70%;height:5px;margin-top:12px;border-radius:9px;background:#625cf6;transition:width 220ms ease}.layer-card:not(.is-refined) .layer-preview i{width:95%}.layer-controls{display:grid;align-content:center;gap:6px}.layer-controls button{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;padding:11px 9px;border:1px solid #302e34;border-radius:8px;color:#aaa6ae;background:#1b1a1f;text-align:left}.layer-controls button i{width:6px;height:6px;border-radius:2px;background:#625cf6}.layer-controls button:nth-child(odd) i{background:#ef684d}.layer-controls span{overflow:hidden;font:800 8px "Manrope",sans-serif;white-space:nowrap;text-overflow:ellipsis}.layer-controls small{color:#716e76;font-size:6px}
.video-motion-chat{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px;margin-top:118px}.video-motion-chat h2{margin:0;color:var(--theme-text-strong);font:900 clamp(34px,4vw,56px)/1 "Manrope",sans-serif;letter-spacing:-.05em}.video-motion-chat>div:first-child>p:last-child{color:var(--theme-text-muted);line-height:1.7}.video-motion-chat-card{display:grid;gap:11px;padding:20px}.video-motion-chat-card article{padding:13px;border-radius:11px;color:#c9c4cb;background:#1b1a1f}.video-motion-chat-card article span{color:#ef684d;font:800 8px "Manrope",sans-serif;text-transform:uppercase}.video-motion-chat-card article p{margin:6px 0 0;font-size:10px;line-height:1.55}.video-motion-chat-card>div:not(.chat-layer-change){display:grid;gap:3px;padding-left:12px;border-left:2px solid #625cf6}.video-motion-chat-card>div strong{font:800 9px "Manrope",sans-serif}.video-motion-chat-card>div span{color:#7e7982;font-size:8px}.chat-layer-change{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:13px;border:1px solid #302e34;border-radius:10px}.chat-layer-change i{height:9px;border-radius:3px;background:#625cf6}.chat-layer-change i:last-child{width:85%;background:#ef684d}
.video-motion-showcase,.video-motion-seo,.video-motion-workflow{margin-top:122px}.video-motion-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.video-motion-showcase-grid article{padding:12px 12px 20px;border:1px solid var(--theme-border);border-radius:17px;background:color-mix(in srgb,var(--theme-surface-solid) 86%,transparent)}.video-motion-showcase-grid article>div{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border-radius:10px;color:#f7efeb;background:#17171c}.video-motion-showcase-grid article>div>strong{color:#ef684d;font:900 45px "Manrope",sans-serif}.video-motion-showcase-grid article>div>i{width:34%;height:5px;border-radius:9px;background:#ef684d}.video-motion-showcase-grid h3{margin:17px 4px 0;color:var(--theme-text-strong);font:800 14px "Manrope",sans-serif}.video-motion-showcase-grid p{margin:7px 4px 0;color:var(--theme-text-muted);font-size:10px;line-height:1.55}.showcase-flow{grid-template-columns:30px 28px 30px 28px 30px}.showcase-flow i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #625cf6;border-radius:50%;font-style:normal}.showcase-flow b{height:2px;background:#625cf6}.showcase-callout{grid-template-columns:auto 40px auto;align-content:center;gap:6px;font:800 8px "Manrope",sans-serif}.showcase-callout>i{width:auto!important;height:auto!important;background:none!important;font-style:normal}.showcase-callout b{height:2px;background:linear-gradient(90deg,#625cf6 0 45%,#ef684d 45%)}.showcase-callout strong{position:absolute!important;bottom:19%!important;color:#ef684d!important;font-size:9px!important;text-transform:uppercase}.showcase-message{display:flex!important;gap:8px;color:#eee9e6;font:900 20px "Manrope",sans-serif}.showcase-message i{width:auto!important;height:auto!important;color:#ef684d;background:none!important;font-style:normal}.showcase-message strong{color:#eee9e6!important;font-size:20px!important}
.video-motion-seo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}.video-motion-seo-grid>div{padding:28px;border:1px solid var(--theme-border);border-radius:17px;background:color-mix(in srgb,var(--theme-surface-solid) 82%,transparent)}.video-motion-seo-grid h3{margin:0;color:var(--theme-text-strong);font:800 17px/1.3 "Manrope",sans-serif}.video-motion-seo-grid p{margin:12px 0 0;color:var(--theme-text-muted);line-height:1.72}.video-motion-related{margin:24px 0 0;color:var(--theme-text-muted);font-size:13px}.video-motion-related a{color:var(--feature-accent);font-weight:800}.video-motion-final-cta{margin-bottom:90px}
@media(max-width:1040px){.video-motion-hero{grid-template-columns:1fr}.video-motion-demo{width:min(100%,760px);margin:auto}.video-motion-screen{grid-template-columns:1fr}.video-motion-chat{grid-template-columns:1fr}.video-motion-showcase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.video-motion-shell{width:min(100% - 28px,1180px);padding-top:7px}.video-motion-hero{gap:34px;padding:35px 0 60px}.video-motion-hero h1{font-size:clamp(39px,12vw,55px)}.video-motion-demo{border-radius:19px}.video-motion-bar{padding:0 11px}.video-motion-bar>span{font-size:7px}.video-motion-stage{aspect-ratio:1/1}.video-motion-stage>p{font-size:11px}.presenter-head{right:12%;top:18%;width:28%}.presenter-body{right:-5%;width:62%}.video-graphic--stat{width:43%}.video-graphic--stat>strong{font-size:74px}.video-graphic--drop{width:61%}.video-graphic--steps>div{width:90%;grid-template-columns:1fr 18px 1fr 18px 1fr}.video-graphic--growth{width:60%}.video-graphic--message strong{font-size:28px}.video-motion-proof{grid-template-columns:1fr;padding:28px 20px}.video-motion-process{margin-top:80px}.video-motion-screen{gap:28px;min-height:0;padding:28px 17px;border-radius:21px}.meaning-layout{grid-template-columns:1fr}.meaning-lines{border-right:0;border-bottom:1px solid #302e31}.meaning-preview{min-height:220px}.timing-preview{min-height:230px}.layer-workspace{grid-template-columns:1fr}.video-motion-chat{margin-top:82px}.video-motion-showcase,.video-motion-seo,.video-motion-workflow{margin-top:88px}.video-motion-showcase-grid,.video-motion-seo-grid{grid-template-columns:1fr}.video-motion-showcase-grid article>div{aspect-ratio:16/8}.video-motion-final-cta{margin-bottom:70px}}
@media(prefers-reduced-motion:reduce){.video-graphic,.meaning-preview>div,.layer-preview i{transition:none}.video-graphic--growth path{animation:none;stroke-dashoffset:0}}