.motion-control{position:fixed;top:108px;right:clamp(18px,4vw,64px);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(310px,calc(100vw - 36px));min-height:76px;padding:13px 16px 13px 20px;border:2px solid #fff0b7;border-radius:22px;background:linear-gradient(112deg,#ffe76b 0%,#ffad4c 54%,#ff665f 100%);color:#13284f;text-align:left;box-shadow:0 0 0 6px rgba(255,165,69,.16),0 16px 36px rgba(37,54,102,.27);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.motion-control:hover,.motion-control:focus-visible{transform:translateY(-3px) scale(1.025);box-shadow:0 0 0 8px rgba(255,165,69,.22),0 22px 42px rgba(37,54,102,.32);outline:3px solid #172e5f;outline-offset:3px}
.motion-control-copy{display:grid;gap:2px}.motion-control-kicker{font:850 10px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.motion-control-title{font:850 clamp(17px,1.5vw,21px) Inter,Arial,sans-serif;line-height:1.05;letter-spacing:-.035em}.motion-control-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#13284f;color:#fff;font:700 24px Inter,Arial,sans-serif;line-height:1}
@media(max-width:700px){.motion-control{top:125px;right:12px;width:min(270px,calc(100vw - 24px));min-height:65px;padding:10px 12px 10px 16px}.motion-control-title{font-size:17px}.motion-control-arrow{width:34px;height:34px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.motion-control{transition:none}}