/* Shared controls stay outside the videos, clear of the actual captions. */
.hero-pair-controls{display:flex;justify-content:center;gap:12px;margin:12px auto 0;position:relative;z-index:5}
.hero .pair{padding-bottom:0}
.hero-pair-controls .hero-video-control{width:44px;height:44px;min-width:44px}
/* Avoid backdrop-filter raster work on every moving video frame. */
.rail figure:not(.is-current) .reel:after{backdrop-filter:none;-webkit-backdrop-filter:none}
.rail .gallery-track>figure{transition:none!important}
.comparison .repurpose-row .compare-grid{align-items:stretch}
.comparison .repurpose-row .free-cell{display:flex;flex-direction:column;justify-content:center;align-items:center}
.comparison .repurpose-row .free-cell .reel{flex-shrink:0}
.motion-fan-two .fan-0{transform:translateX(-88%) rotate(-8deg)}
.motion-fan-two .fan-1{transform:translateX(-12%) rotate(8deg)}
.comparison .repurpose-row:after{content:none}
.repurpose-row .social-map{width:100%;max-width:500px;grid-template-columns:minmax(0,.6fr) 28px minmax(0,1.8fr);gap:7px;padding:8px 0}
.social-map .repurpose-outputs{gap:24px}
.social-map .repurpose-outputs>div>span{display:block;width:fit-content;max-width:100%;box-sizing:border-box;margin:10px auto 0;padding:7px 12px;border-radius:7px;background:#111527;color:#fff;font-size:19.6px;font-weight:750;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.social-map .social-reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;align-items:center}
.social-reel,.social-story{position:relative;aspect-ratio:9/16;overflow:hidden;border:2px solid #fff;border-radius:9px;box-shadow:0 6px 15px #15376d20;background:#15203a;color:#fff;text-align:left}
.social-reel>img,.social-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.social-reel:after,.social-story:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0003,transparent 30%,transparent 65%,#0007)}
.social-reel .reel-mark{position:absolute;top:4px;left:5px;font-size:15px;z-index:1;font-weight:bold}
.reel-ui{position:absolute;bottom:17px;right:4px;font-size:13px;line-height:1.4;z-index:1}
.social-reel>b{position:absolute;top:5px;right:5px;font-size:9px;z-index:1}
.reel-account{position:absolute;bottom:5px;left:4px;font-size:6px;z-index:1}
.social-carousel{position:relative;width:65%;max-width:194px;margin:0 auto;padding:7px;background:white;border:1px solid #d8e1f8;border-radius:10px;box-shadow:0 9px 24px #15376d22;isolation:isolate;text-align:left}
.social-post-top{display:flex;align-items:center;gap:4px;font-size:9px;padding:0 0 6px;color:#141827}
.social-post-top>i,.story-profile>i{display:block;width:12px;height:12px;flex:none;border-radius:50%;background:linear-gradient(135deg,#b6d3ff,#2653f7);border:1px solid #fff}
.social-post-top>span{margin-left:auto}
.social-slide{aspect-ratio:4/5;position:relative;overflow:hidden;background:#edf2ff;color:#10172d;padding:13% 8% 5%}
.social-slide .slide-count{position:absolute;right:4px;top:4px;padding:2px 4px;background:#131d37b3;border-radius:10px;color:#fff;font-size:8px}
.slide-kicker{font-size:6px;letter-spacing:.08em;display:block;color:#144cff;font-weight:750}
.social-slide>strong{display:block;font-size:clamp(12px,1.7vw,24px);line-height:1.05;letter-spacing:-.05em;margin-top:7px;position:relative;z-index:1}
.social-slide>img{position:absolute;bottom:14%;right:5%;width:62%;height:47%;object-fit:cover;object-position:center 36%;border-radius:8px;transform:rotate(-5deg);box-shadow:0 3px 7px #13265f25}
.slide-swipe{position:absolute;bottom:5%;left:8%;font-size:6px;font-weight:750;color:#144cff}
.social-post-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:6px;font-size:11px;color:#171e32}
.slide-dots{display:flex;gap:3px}
.slide-dots>*{width:3px;height:3px;border-radius:50%;background:#ced3e0}
.slide-dots>b{background:#144cff}
.slide-peek{position:absolute;z-index:-1;top:28px;bottom:21px;right:-14px;width:55%;border:2px solid white;border-radius:5px;background:#144cff;color:white;transform:rotate(5deg);padding:10px;font-size:11px;overflow:hidden}
.slide-peek>strong{display:block;margin-top:16px}
.social-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:auto;width:92%}
.social-story{border-radius:8px}
.story-progress{position:absolute;top:5px;left:4px;right:4px;display:flex;gap:2px;z-index:2}
.story-progress>i{height:2px;flex:1;background:#ffffff85;border-radius:2px}
.story-progress>i:first-child{background:white}
.story-profile{position:absolute;top:11px;left:4px;display:flex;align-items:center;gap:3px;font-size:7px;z-index:2}
.story-profile>i{width:10px;height:10px}
.story-sticker{position:absolute;top:61%;left:7%;right:7%;transform:rotate(-5deg);text-align:center;padding:4px 2px;font-size:8px;font-weight:750;color:#161d30;background:#fff;border-radius:4px;z-index:2}
.story-2 .story-sticker{background:#ceff64;transform:rotate(4deg)}
.story-3 .story-sticker{background:#144cff;color:#fff;transform:rotate(-3deg)}
.story-reply{position:absolute;bottom:5px;left:5px;right:5px;padding:3px;border:1px solid #ffffff80;border-radius:20px;font-size:5px;z-index:2}
.pro-download-prompt{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:38px 30px 24px;border:1px solid #cad7ff;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#caddff,transparent 62%),#fff;color:#111527;box-shadow:0 25px 100px #09256150;text-align:center;font-family:inherit;overflow:auto}
.pro-download-prompt::backdrop{background:#10182f66;backdrop-filter:blur(4px)}
.prompt-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#4c5878;font-size:28px;cursor:pointer}
.prompt-eyebrow{color:#144cff;font-size:11px;font-weight:750;letter-spacing:.12em}
.pro-download-prompt h2{font-size:36px;line-height:1.02;letter-spacing:-.055em;margin:16px 0}
.pro-download-prompt h2 em{font-style:normal;color:#144cff}
.pro-download-prompt p{font-size:15px;color:#596581;line-height:1.5;margin:0 0 24px}
.prompt-cta{display:flex;justify-content:center;gap:12px;padding:16px 12px;border-radius:14px;background:#144cff;color:#fff;text-decoration:none;font-size:19px;font-weight:750;box-shadow:0 4px #ff642c}
.pro-download-prompt small{display:block;font-size:11px;color:#63708c;margin:17px 0 9px}
.prompt-later{border:0;background:transparent;padding:12px;color:#3d4d70;cursor:pointer;font:inherit;font-size:13px}
.pro-download-prompt :focus-visible{outline:3px solid #144cff;outline-offset:3px}
@media(max-width:700px){
 .hero-pair-controls{margin-top:9px;gap:10px}
 .repurpose-row .social-map{grid-template-columns:minmax(0,.48fr) 8px minmax(0,1.6fr);gap:3px;padding:0}
 .social-map .social-reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .social-map .repurpose-outputs{gap:16px}
 .social-map .repurpose-outputs>div>span{font-size:14px;padding:6px 8px;margin-top:6px}
 .social-reel,.social-story{border-width:1px;border-radius:5px}
 .social-reel .reel-mark{font-size:10px;top:2px;left:3px}
 .social-reel>b{font-size:7px;right:3px;top:3px}
 .reel-ui{font-size:9px;bottom:11px;right:3px}
 .reel-account{font-size:4px;left:3px;bottom:3px}
 .social-carousel{width:90%;padding:4px;border-radius:6px}
 .social-post-top{font-size:6px;gap:3px;padding-bottom:4px}
 .social-post-top>i{width:8px;height:8px}
 .social-slide .slide-count{font-size:5px;top:2px;right:2px}
 .slide-kicker{font-size:4px}
 .social-slide>strong{font-size:12px;margin-top:5px}
 .slide-swipe{font-size:4px}
 .social-post-bottom{font-size:8px;padding-top:4px}
 .slide-peek{right:-6px;top:17px;bottom:16px;border-width:1px;padding:4px;font-size:6px}
 .social-stories{width:100%;gap:3px}
 .story-profile{top:7px;left:2px;font-size:4px;gap:1px}
 .story-profile>i{width:5px;height:5px}
 .story-progress{left:2px;right:2px;top:3px;gap:1px}
 .story-progress>i{height:1px}
 .story-sticker{font-size:4px;padding:2px 0;border-radius:2px}
 .story-reply{font-size:3px;left:2px;right:2px;bottom:3px;padding:2px 1px}
 .comparison .motion-fan-two .reel{width:68px!important}
}
@media(prefers-reduced-motion:reduce){.gallery-track>figure{transition:none!important}}

/* Keep each desktop illustration and its caption on the same center line. */
@media(min-width:701px){
 .requirements-v2 .needs article{align-items:center;justify-content:flex-start}
 .requirements-v2 .requirement-copy{width:100%}
}

/* Keep all three Motion previews inside the mobile Pro column */
@media(max-width:700px){
 .comparison .motion-fan-three .reel{width:clamp(54px,calc(18.75vw - 6px),68px)!important}
 .motion-fan-three .fan-0{transform:translateX(-80%) rotate(-15deg)}
 .motion-fan-three .fan-2{transform:translateX(-20%) rotate(15deg)}
}

/* One carousel slide uses the same content width as one Trial Reel.
   The slide remains 4:5; the neighboring Reels and Stories remain 9:16. */
.social-map .social-carousel{width:calc((100% - 15px)/4 + 8px);max-width:none;padding:3px;container-type:inline-size;border-radius:5px}
.social-map .social-post-top{font-size:7cqw;gap:3cqw;padding-bottom:5cqw}
.social-map .social-post-top>i{width:10cqw;height:10cqw}
.social-map .social-slide .slide-count{font-size:6cqw;top:3cqw;right:3cqw;padding:1.5cqw 3cqw}
.social-map .slide-kicker{font-size:4cqw}
.social-map .social-slide>strong{font-size:14cqw;margin-top:4cqw}
.social-map .social-slide>img{border-radius:4cqw}
.social-map .slide-swipe{font-size:4cqw}
.social-map .social-post-bottom{font-size:8cqw;padding-top:5cqw}
.social-map .slide-dots{gap:2.5cqw}
.social-map .slide-dots>*{width:2.5cqw;height:2.5cqw}
.social-map .slide-peek{right:-7cqw;top:15cqw;bottom:12cqw;border-width:1px;border-radius:3cqw;padding:6cqw;font-size:7cqw}
.social-map .slide-peek>strong{margin-top:10cqw}
@media(max-width:700px){.social-map .social-carousel{width:calc((100% - 4px)/2 + 8px)}}