/* Editorial motion study. Vector artwork is intentionally distinct from the app screenshots. */
.brand-logo{width:52px;height:52px;object-fit:contain;margin-right:6px}.footer .brand-logo{width:40px;height:40px}
.workflow-film{margin:0;min-width:0;--ease:cubic-bezier(.16,1,.3,1)}
.film-stage{border:1px solid #e1d8e9;border-radius:18px;overflow:hidden;background:#f5f1f9;box-shadow:0 24px 60px -28px #4d326739}
.film-stage svg{display:block;width:100%;height:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.motion-brand{font-size:17px;font-weight:650;letter-spacing:-.4px;fill:#302638}.motion-heading{font-size:21px;font-weight:560;letter-spacing:-.5px;fill:#44334f}.motion-small{font-size:15px;fill:#8c779e}.motion-file{font-size:13px;font-weight:550;fill:#4c3b5b}.motion-metadata{font-size:9px;letter-spacing:1px;fill:#9d88ad}.vision-line{font-size:21px;font-weight:450;letter-spacing:-.5px;fill:#4c375d}.passage-title{font-size:15px;font-weight:550;fill:#51405f}.editor-title{font-size:12px;font-weight:550;fill:#7e6b8e}.typing-caret{fill:#8760aa}
.film-scene{visibility:hidden;opacity:0;transform:translateY(13px) scale(.98);transform-origin:300px 245px;transition:opacity .26s ease,transform .42s var(--ease),visibility 0s .42s}
.workflow-film[data-scene="0"] .scene-drop,.workflow-film[data-scene="1"] .scene-vision,.workflow-film[data-scene="2"] .scene-story,.workflow-film[data-scene="3"] .scene-editor{visibility:visible;opacity:1;transform:translateY(0) scale(1);transition-delay:0s}
.film-controls{display:flex;align-items:center;gap:12px;margin-top:18px}.film-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}.film-steps button,.film-toggle{border:0;background:transparent;color:#8d7c9d;font-size:12px;cursor:pointer;min-height:44px}.film-steps button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;border-radius:7px;padding:7px 5px;overflow:hidden;transition:background .25s,color .25s}.film-steps button span{color:#a18bb2;font-size:10px;letter-spacing:.05em}.film-steps button[aria-current]{color:#624183;font-weight:600;background:#ebe3f3}.film-steps button[aria-current] span{color:#79599b}.film-steps button[aria-current]:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;transform:scaleX(var(--scene-progress,0));transform-origin:left;background:#b99bd5}.film-toggle{width:38px;min-height:38px;border:1px solid #dcd1e5;border-radius:9px;font-size:14px;flex:none;color:#72508e}.film-toggle:hover,.film-steps button:hover{background:#e9dff1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.media-transfer,.source-cursor{transform:translate(158px,62px)}.upload-hint{opacity:0}.transfer-cards{opacity:0}.timeline-playhead{transform:translateX(358px)}
.workflow-film[data-scene="0"] .media-transfer,.workflow-film[data-scene="0"] .source-cursor{animation:source-transfer 2.1s var(--ease) both}.workflow-film[data-scene="0"] .upload-hint{animation:hint-away 1.5s both}.workflow-film[data-scene="0"] .source-ready{animation:source-ready .5s 1.55s var(--ease) both}.workflow-film[data-scene="0"] .drop-surface{animation:surface-receive 2.4s ease both}
.workflow-film[data-scene="1"] .vision-submit{animation:submit-ready .4s var(--vision-ready-delay) ease both}
.workflow-film[data-scene="2"] .processing-line{animation:processing-flow .65s linear 4}.workflow-film[data-scene="2"] .passage{animation:passage-arrive .7s var(--ease) both}.workflow-film[data-scene="2"] .passage-one{animation-delay:.6s}.workflow-film[data-scene="2"] .passage-two{animation-delay:.92s}.workflow-film[data-scene="2"] .passage-three{animation-delay:1.24s}.workflow-film[data-scene="2"] .review-pointer{animation:review-select 2.3s var(--ease) both}
.workflow-film[data-scene="3"] .transfer-cards{animation:timeline-transfer 2.3s var(--ease) both}.workflow-film[data-scene="3"] .edit-clips{animation:timeline-arrive .4s 1.18s var(--ease) both}.workflow-film[data-scene="3"] .timeline-playhead{animation:timeline-play 3.3s cubic-bezier(.3,0,.5,1) both}.workflow-film[data-scene="3"] .editor-brands{animation:brand-arrive .5s 1.4s ease both}
.workflow-film.is-paused *{animation-play-state:paused!important}.workflow-film.is-inspecting *{animation:none!important}.workflow-film.is-inspecting .typing-caret{display:none}
@keyframes source-transfer{0%{transform:translate(-15px,-12px);opacity:0}14%{transform:translate(0,0);opacity:1}32%{transform:translate(0,0)}78%{transform:translate(160px,63px)}100%{transform:translate(158px,62px);opacity:1}}
@keyframes hint-away{0%,50%{opacity:1}100%{opacity:0}}
@keyframes source-ready{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes surface-receive{0%,45%{stroke:#ddd2e8}70%{stroke:#a687c4}100%{stroke:#ddd2e8}}
@keyframes submit-ready{from{opacity:.25}to{opacity:1}}
@keyframes processing-flow{to{stroke-dashoffset:-56}}
@keyframes passage-arrive{from{opacity:0;transform:translate(24px,8px)}to{opacity:1;transform:translate(0,0)}}
@keyframes review-select{0%,55%{opacity:0;transform:translate(40px,22px)}75%{opacity:1;transform:translate(0,0)}100%{opacity:1;transform:translate(-13px,-10px)}}
@keyframes timeline-transfer{0%{opacity:0;transform:translateY(15px)}12%,25%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translate(-40px,-104px) scale(1.01);transform-origin:106px 395px}64%,100%{opacity:0;transform:translate(-40px,-104px);transform-origin:106px 395px}}
@keyframes timeline-arrive{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes timeline-play{0%,47%{opacity:0;transform:translateX(0)}48%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(358px)}}
@keyframes brand-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.brand-logo{width:43px;height:43px;margin-right:3px}.film-stage{border-radius:13px}.film-controls{gap:6px;margin-top:10px}.film-steps{gap:3px}.film-steps button{font-size:10px;gap:5px}.film-toggle{width:34px;min-height:36px;font-size:12px}.film-stage .passage-title{font-size:17px}.motion-brand{font-size:19px}.motion-heading{font-size:23px}.vision-line{font-size:22px}.motion-metadata{font-size:10px}}
@media(prefers-reduced-motion:reduce){.workflow-film *{animation:none!important;transition:none!important}.film-toggle,.typing-caret{display:none}}