/* V16: Restore motion and improve responsive hero presentation */
.agent-stage{animation:agentFloat 6s ease-in-out infinite!important;will-change:transform}
.agent-stage:hover,.agent-stage:focus-within{animation-play-state:paused!important}
.scenario-choice{transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.scenario-choice:hover{transform:translateY(-3px);box-shadow:0 7px 18px rgba(18,82,151,.13)}
.agent-result{transition:opacity .4s ease,transform .4s ease}
.agent-result.switching{opacity:.28;transform:translateY(6px)}
@media(max-width:760px){
.hero-v5 .hero-grid{display:flex!important;flex-direction:column!important;gap:22px!important;align-items:stretch!important}
.hero-v5 .hero-copy{width:100%;min-width:0}
.hero-v5 h1{font-size:clamp(34px,9vw,46px)!important;letter-spacing:-1.2px!important;line-height:1.12!important}
.hero-v5 .hero-lead{font-size:15px;line-height:1.55}
.agent-stage{width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none!important;animation:agentMobileFloat 6s ease-in-out infinite!important;padding:14px!important;border-radius:20px!important}
.agent-selector{padding:12px!important}
.scenario-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.scenario-choice{min-width:0!important;padding:10px 5px!important;min-height:58px!important}
.agent-dialog{margin:12px 0!important}.agent-user{margin-left:0!important}.agent-user>div{font-size:15px!important;min-height:0!important;padding:13px!important}
.agent-thinking{margin:12px 0!important}.agent-result{padding:14px!important}.agent-task{font-size:14px!important;line-height:1.5!important}
.agent-bottom{flex-wrap:wrap;gap:8px}.agent-topline{flex-wrap:wrap;gap:8px}
.hero-v5 .hero-proof{display:none!important}
}
@keyframes agentMobileFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:reduce){.agent-stage{animation:none!important}.scenario-choice{transition:none!important}}