.brand-motion{height:300px;margin-top:26px;margin-bottom:0}.motion-caption{bottom:30px}.motion-tools{margin-bottom:22px}.brand-motion.play .instagram-tile,.brand-motion.play .catchreel-tile,.brand-motion.play .motion-plus,.brand-motion.play .motion-glow,.brand-motion.play .motion-orbit,.brand-motion.play .motion-caption{animation-duration:7.2s;animation-iteration-count:infinite}.trial-summary{font-size:13px;color:#6e6e73;line-height:1.8;margin-top:18px}.section-top h2{font-size:clamp(34px,4.2vw,56px);line-height:1.25}.section-top .section-sub{font-size:16px;line-height:1.9;word-break:keep-all}.autoplay-tools{max-width:1120px;margin:0 auto 14px;display:flex;align-items:center;gap:8px;color:#74747b;font-size:12px}.autoplay-tools>span{margin-right:auto}.autoplay-tools button{background:none;border:1px solid #dcdce1;border-radius:20px;font-size:11px;color:#606069;min-height:34px;padding:6px 12px}.demo-shell{position:relative}.demo-cursor{position:absolute;left:0;top:0;z-index:4;width:25px;height:32px;pointer-events:none;filter:drop-shadow(0 2px 3px #0004);opacity:0;will-change:transform}.demo-cursor svg{width:25px;height:32px;display:block}.demo-cursor i{position:absolute;left:-13px;top:-13px;width:32px;height:32px;border-radius:50%;border:2px solid #e6604d;opacity:0}.demo-cursor.click i{animation:cursor-tap .55s ease-out both}.demo-shell.manual .demo-cursor{opacity:0!important}@keyframes cursor-tap{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
@keyframes ig-merge{0%,15%,100%{transform:translate(-50%,-50%) translateX(calc(-1 * var(--separation))) scale(.94)}48%,78%{transform:translate(-50%,-50%) scale(1)}}
@keyframes cr-merge{0%,15%,100%{transform:translate(-50%,-50%) translateX(var(--separation)) scale(.94)}45%{transform:translate(-50%,-50%) translateX(18px) scale(.85)}58%,78%{transform:translate(-50%,-50%) translate(66px,58px) scale(.46);filter:drop-shadow(0 9px 13px #d4513524)}}
@keyframes plus-fade{0%,15%,100%{opacity:1}35%,80%{opacity:0}}
@keyframes merge-glow{0%,20%,100%{opacity:0}50%,75%{opacity:.8}}
@keyframes merge-orbit{0%,30%,100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}45%{opacity:1}65%,90%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@keyframes merge-caption{0%,45%,96%,100%{opacity:0;transform:translateY(8px)}58%,80%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.brand-motion{height:250px;margin-top:22px}.motion-caption{bottom:22px}.motion-tools{margin-bottom:16px}.section-top h2{font-size:33px}.section-top .section-sub{font-size:14px;max-width:480px;margin-left:auto;margin-right:auto}.autoplay-tools{font-size:10px;gap:5px;padding:0 3px}.autoplay-tools>span{max-width:130px;line-height:1.6}.autoplay-tools button{font-size:10px;padding:6px 9px}.demo-cursor,.demo-cursor svg{width:21px;height:26px}.trial-summary{font-size:12px}@keyframes cr-merge{0%,15%,100%{transform:translate(-50%,-50%) translateX(var(--separation)) scale(.94)}45%{transform:translate(-50%,-50%) translateX(10px) scale(.85)}58%,78%{transform:translate(-50%,-50%) translate(52px,46px) scale(.46)}}}
@media(prefers-reduced-motion:reduce){.demo-cursor{display:none!important}.brand-motion.play *{animation:none!important}}