.brand-motion{--separation:135px;position:relative;width:min(680px,100%);height:340px;margin:54px auto 12px;isolation:isolate}.motion-glow{position:absolute;width:330px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#f9c1b52b,transparent 70%);filter:blur(16px);opacity:0}.symbol-tile{position:absolute;left:50%;top:46%;width:142px;height:142px;border-radius:34px;display:grid;place-items:center;will-change:transform,opacity}.instagram-tile{background:linear-gradient(145deg,#fff,#f9f9fc);border:1px solid #e5e5eb;box-shadow:0 16px 32px #0000000c,inset 0 2px 3px #ffffff;transform:translate(-50%,-50%) translateX(calc(-1 * var(--separation)))}.instagram-tile svg{width:84px;height:84px}.catchreel-tile{transform:translate(-50%,-50%) translateX(var(--separation));box-shadow:0 16px 32px #d4533b13;border-radius:38px}.catchreel-tile img{width:100%;height:100%;display:block}.motion-plus{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:33px;font-weight:300;color:#b6b6be}.motion-orbit{position:absolute;border:1px solid #e6604d24;width:250px;height:250px;left:50%;top:46%;border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:0}.motion-caption{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:15px;font-weight:500;color:#55555e;opacity:0;transform:translateY(8px)}.motion-tools{display:flex;justify-content:center;gap:12px;margin:0 auto 28px}.motion-tools button{display:inline-flex;gap:7px;align-items:center;background:none;color:#777780;font-size:11px;min-height:35px;padding:6px 10px}.motion-tools svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.brand-motion.play .instagram-tile{animation:ig-merge 4.8s cubic-bezier(.22,.8,.25,1) both}.brand-motion.play .catchreel-tile{animation:cr-merge 4.8s cubic-bezier(.22,.8,.25,1) both}.brand-motion.play .motion-plus{animation:plus-fade 4.8s both}.brand-motion.play .motion-glow{animation:merge-glow 4.8s both}.brand-motion.play .motion-orbit{animation:merge-orbit 4.8s both}.brand-motion.play .motion-caption{animation:merge-caption 4.8s both}.brand-motion.paused *{animation-play-state:paused!important}@keyframes ig-merge{0%,20%{transform:translate(-50%,-50%) translateX(calc(-1 * var(--separation))) scale(.94)}60%,100%{transform:translate(-50%,-50%) translateX(0) scale(1)}}@keyframes cr-merge{0%,20%{transform:translate(-50%,-50%) translateX(var(--separation)) scale(.94)}55%{transform:translate(-50%,-50%) translateX(18px) scale(.85)}78%,100%{transform:translate(-50%,-50%) translate(66px,58px) scale(.46);filter:drop-shadow(0 9px 13px #d4513524)}}@keyframes plus-fade{0%,23%{opacity:1}42%,100%{opacity:0}}@keyframes merge-glow{0%,30%{opacity:0}60%{opacity:1}100%{opacity:.5}}@keyframes merge-orbit{0%,38%{opacity:0;transform:translate(-50%,-50%) scale(.6)}55%{opacity:1}88%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes merge-caption{0%,66%{opacity:0;transform:translateY(8px)}88%,100%{opacity:1;transform:translateY(0)}}
.hero{padding-bottom:0}.demo-section{margin-top:0}.pricing{border-bottom:0}.motion-tools [hidden]{display:none}.nav,.hero{overflow-x:clip}
@media(max-width:760px){.brand-motion{--separation:90px;height:280px;margin-top:40px}.symbol-tile{width:112px;height:112px;border-radius:28px}.instagram-tile svg{width:67px;height:67px}.catchreel-tile{border-radius:29px}.motion-plus{font-size:26px}.motion-caption{font-size:13px;bottom:28px}.motion-tools{margin-bottom:20px}.motion-orbit{width:210px;height:210px}@keyframes cr-merge{0%,20%{transform:translate(-50%,-50%) translateX(var(--separation)) scale(.94)}55%{transform:translate(-50%,-50%) translateX(10px) scale(.85)}78%,100%{transform:translate(-50%,-50%) translate(52px,46px) scale(.46)}}}
@media(prefers-reduced-motion:reduce){.brand-motion.play *{animation:none!important}.instagram-tile{transform:translate(-50%,-50%)}.catchreel-tile{transform:translate(-50%,-50%) translate(66px,58px) scale(.46)}.motion-plus,.motion-orbit{opacity:0}.motion-caption{opacity:1;transform:none}.motion-tools{display:none}}