.integrated-video{grid-template-columns:1.1fr 1fr}.order-motion{margin:0;padding:34px;background:radial-gradient(ellipse at 30% 50%,#0d63804d,transparent 70%),#041d38;border-right:1px solid #32d9ed30;overflow:hidden}.motion-brand{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px}.motion-brand>span:first-child{font:600 24px Manrope,Arial,sans-serif;letter-spacing:-.04em}.brand-plus{color:var(--cyan);font-weight:400;font-size:30px;margin-left:3px}.motion-brand>span:last-child{font-size:9px;letter-spacing:.15em;color:#8bb7cf}.motion-story .eyebrow{font-size:9px;margin:0 0 13px}.motion-story h3{font-size:30px;line-height:1.2;min-height:75px;margin:0 0 20px}.order-scene{height:270px;position:relative}.document-stack{position:absolute;left:0;top:18px;width:71%;padding:23px;background:linear-gradient(140deg,#17445e,#10334d);border:1px solid #56a6be70;border-radius:8px;box-shadow:9px 9px 0 -1px #0c2c45,9px 9px 0 0 #315770;transition:transform .65s,opacity .5s;transform-origin:left center}.file-label{font-size:8px;letter-spacing:.13em;color:#99c5d5;display:block}.document-stack>strong{font:500 22px Manrope,Arial,sans-serif;display:block;margin:12px 0 18px}.document-rule{width:70%;height:3px;background:#a2c8d533;border-radius:3px;margin-bottom:8px}.document-rule.short{width:46%;margin-bottom:18px}.document-route{font-size:15px;color:#e4f4f8;display:block}.document-route>span{color:var(--cyan);margin:0 10px}.document-detail{font-size:10px;display:block;color:#a3c1d3;margin:8px 0 15px}.file-types{display:flex;gap:6px;flex-wrap:wrap}.file-types b{font-size:8px;padding:3px 7px;border:1px solid #32d9ed30;border-radius:3px;color:var(--cyan);font-weight:500}.ai-transfer{position:absolute;left:0;top:97px;width:24%;text-align:center;opacity:0;transition:opacity .4s}.ai-transfer>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);font-size:27px;box-shadow:0 0 25px #32d9ed30}.ai-transfer i{display:block;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));width:85%;margin:14px auto}.ai-transfer b{font-size:9px;color:#a7d4de;font-weight:400}.order-preview{position:absolute;right:0;top:10px;width:72%;border:1px solid #32d9ed50;background:#0b304a;border-radius:8px;padding:19px;opacity:0;transform:translateX(30px);transition:opacity .6s,transform .6s;overflow:hidden}.order-preview-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff20;padding-bottom:14px;font-size:8px;letter-spacing:.06em;color:#a7c9db}.preview-status{color:#f0ce94;font-size:8px;letter-spacing:0}.order-field{padding:12px 0 9px;border-bottom:1px solid #ffffff10;display:flex;justify-content:space-between;gap:10px;font-size:11px}.order-field>span{color:#90b0c6}.order-field>strong{font-weight:500;color:#e1f5fa;opacity:0;transition:opacity .6s}.order-field:nth-child(3)>strong{transition-delay:.35s}.order-field:nth-child(4)>strong{transition-delay:.7s}.review-marker{margin-top:14px;font-size:10px;color:#c7dce8;opacity:.4}.review-marker>span{display:inline-grid;place-items:center;border:1px solid #a0bfd066;width:19px;height:19px;border-radius:50%;margin-right:6px;color:var(--cyan)}.order-approved{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#0b304af5;opacity:0;transform:scale(.92);transition:opacity .5s,transform .5s}.order-approved>span{display:grid;place-items:center;border:1px solid var(--cyan);background:#32d9ed12;border-radius:50%;width:54px;height:54px;font-size:29px;color:var(--cyan)}.order-approved strong{font:500 22px/1.3 Manrope,Arial,sans-serif;text-align:center;letter-spacing:-.03em}.order-motion[data-stage="1"] .document-stack,.order-motion[data-stage="2"] .document-stack,.order-motion[data-stage="3"] .document-stack{transform:translateX(-40px) scale(.7);opacity:0}.order-motion[data-stage="1"] .ai-transfer,.order-motion[data-stage="2"] .ai-transfer,.order-motion[data-stage="3"] .ai-transfer{opacity:1}.order-motion:not([data-stage="0"]) .order-preview{opacity:1;transform:none}.order-motion:not([data-stage="0"]) .order-field>strong{opacity:1}.order-motion[data-stage="2"] .review-marker,.order-motion[data-stage="3"] .review-marker{opacity:1;color:var(--cyan)}.order-motion[data-stage="2"] .order-preview{border-color:var(--cyan);box-shadow:0 0 25px #32d9ed18}.order-motion[data-stage="3"] .order-approved{opacity:1;transform:none}.motion-caption{font-size:13px;line-height:1.65;min-height:65px;margin:12px 0 17px;color:#abc7d8}.motion-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.motion-play{border:1px solid #32d9ed60;background:#32d9ed0c;border-radius:4px;padding:9px 14px;color:var(--cyan);font-size:12px;display:flex;gap:12px;align-items:center}.motion-play:hover{background:#32d9ed20}.motion-position{font-size:10px;letter-spacing:.12em;color:#82abc4}.motion-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.motion-steps button{background:none;border:0;border-top:2px solid #ffffff20;color:#8dafc4;padding:13px 0;text-align:left;font-size:10px;line-height:1.5}.motion-steps button>span{display:block;font-size:9px;margin-bottom:4px}.motion-steps button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.order-motion figcaption{font-size:9px;line-height:1.7;margin-top:15px;color:#91b0c7}.integrated-video .post-example .post-steps{display:none}.original-video-link{display:block;font-size:11px;color:#a4c2d5;margin-top:15px;text-decoration:underline;text-underline-offset:4px}@media(max-width:950px){.order-motion{padding:25px}.motion-story h3{font-size:27px}.document-stack{padding:18px;width:85%}.order-preview{padding:15px;width:76%}.order-scene{height:265px}.motion-caption{min-height:85px}.motion-brand>span:last-child{font-size:8px}}@media(max-width:650px){.integrated-video{grid-template-columns:1fr}.order-motion{border-right:0;border-bottom:1px solid #32d9ed30;padding:26px 22px}.motion-story h3{font-size:28px;min-height:100px}.motion-brand{margin-bottom:26px}.document-stack{width:87%}.document-stack>strong{font-size:21px}.order-preview{width:77%;padding:14px}.order-preview-head{font-size:7px;flex-wrap:wrap}.order-field{font-size:10px}.ai-transfer{width:20%}.ai-transfer b{font-size:8px}.order-scene{height:270px}.motion-caption{min-height:85px}.motion-steps{gap:6px}.motion-steps button{font-size:9px}.order-motion figcaption{font-size:9px}.motion-brand>span:first-child{font-size:23px}}@media(prefers-reduced-motion:reduce){.order-motion *{transition:none!important;animation:none!important}}
.upload-target{position:absolute;right:0;top:24px;width:68%;height:215px;border:1px dashed #32d9ed80;border-radius:9px;background:#0d304a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;opacity:0}.order-motion[data-stage="0"] .upload-target{opacity:1}.upload-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #32d9ed55;border-radius:50%;color:var(--cyan);font-size:24px;margin-bottom:10px}.upload-target>strong{font-size:12px;font-weight:500}.upload-file{font-size:10px;color:#a0c5d6;margin-top:6px}.upload-progress{width:80%;height:4px;border-radius:4px;background:#ffffff16;margin-top:18px;overflow:hidden}.upload-progress i{display:block;background:var(--cyan);width:0;height:100%;box-shadow:0 0 12px #32d9ed}.upload-wait,.upload-done{font-size:10px;margin-top:10px;color:#a9c9d9}.upload-done{display:none;color:var(--cyan)}.order-motion[data-stage="0"] .document-stack{width:58%;z-index:2;top:20px;box-shadow:6px 6px 0 -1px #0c2c45,6px 6px 0 0 #315770}.order-motion[data-stage="0"] .document-stack>strong{font-size:18px}.order-motion[data-stage="0"] .document-route{font-size:12px}.order-motion[data-stage="0"] .document-detail{font-size:8px}.order-motion[data-stage="0"][data-animate="true"] .document-stack{animation:upload-document 1.6s .3s ease-in-out both}.order-motion[data-stage="0"][data-animate="true"] .upload-progress i{animation:upload-progress 2.2s 1.6s ease-out forwards}.order-motion[data-stage="0"][data-animate="true"] .upload-wait{animation:upload-hide .1s 3.8s forwards}.order-motion[data-stage="0"][data-animate="true"] .upload-done{display:block;opacity:0;position:absolute;bottom:24px;animation:upload-show .3s 3.8s forwards}.order-motion[data-stage="1"] .order-field>strong{opacity:1!important;transition:none;clip-path:inset(0 100% 0 0)}.order-motion[data-stage="1"][data-animate="true"] .order-field:nth-child(2)>strong{animation:fill-value .85s .5s steps(6,end) forwards}.order-motion[data-stage="1"][data-animate="true"] .order-field:nth-child(3)>strong{animation:fill-value .9s 1.7s steps(7,end) forwards}.order-motion[data-stage="1"][data-animate="true"] .order-field:nth-child(4)>strong{animation:fill-value 1s 2.9s steps(10,end) forwards}.order-motion[data-stage="1"][data-animate="true"] .order-field:nth-child(2){animation:highlight-field 1.2s .4s both}.order-motion[data-stage="1"][data-animate="true"] .order-field:nth-child(3){animation:highlight-field 1.2s 1.6s both}.order-motion[data-stage="1"][data-animate="true"] .order-field:nth-child(4){animation:highlight-field 1.2s 2.8s both}.order-motion[data-paused="true"] .order-scene *{animation-play-state:paused!important}@keyframes upload-document{0%{transform:translate(0,0) scale(.92);opacity:1}35%{transform:translate(35px,-12px) scale(.8);opacity:1}100%{transform:translate(135px,55px) scale(.2);opacity:0}}@keyframes upload-progress{to{width:100%}}@keyframes upload-hide{to{opacity:0}}@keyframes upload-show{to{opacity:1}}@keyframes fill-value{to{clip-path:inset(0 0 0 0)}}@keyframes highlight-field{0%,100%{background:transparent}25%,75%{background:#32d9ed16}}@media(max-width:650px){.upload-target{width:72%;padding:15px}.upload-target>strong{font-size:11px}.order-motion[data-stage="0"] .document-stack{padding:15px;width:63%}.order-motion[data-stage="0"] .file-label{font-size:7px}.order-motion[data-stage="0"] .document-stack>strong{font-size:16px}.order-motion[data-stage="0"] .file-types b{font-size:7px;padding:3px 5px}}@media(prefers-reduced-motion:reduce){.order-motion[data-stage="0"][data-animate="true"] .document-stack{opacity:0}.order-motion[data-stage="0"][data-animate="true"] .upload-progress i{width:100%}.order-motion[data-stage="0"][data-animate="true"] .upload-wait{opacity:0}.order-motion[data-stage="0"][data-animate="true"] .upload-done{opacity:1}.order-motion[data-stage="1"] .order-field>strong{clip-path:none}}