/* Subtle interaction layer: motion is decorative, short and easy to disable. */
.hero-visual .visual-card{animation:device-float 8s ease-in-out infinite,device-turn 18s ease-in-out infinite}.hero-visual .floating-pill{animation:pill-float 5.5s ease-in-out infinite}.hero-visual .pill-ai{animation-delay:-1.4s}.hero-visual .pill-flow{animation-delay:-2.6s}.hero-visual .pill-content{animation-delay:-3.7s}.visual-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(106,75,255,.2);border-radius:18px;pointer-events:none}.visual-dashboard:after{content:"FANTASIA  /  DIGITAL FLOW";display:block;color:#8270bd;font-size:.48rem;letter-spacing:.12em;margin-top:16px}.button:active,.text-link:active,.nav-cta:active{transform:translateY(1px) scale(.97)}.button,.text-link,.nav-cta,.whatsapp-link,.location-item,.pack-card,.service-card{transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease}.service-card:hover .card-arrow,.pack-card:hover .pack-mark{transform:translate(2px,-2px)}.card-arrow,.pack-mark{transition:transform .28s ease}.faq-list details summary:hover{color:#d9ceff}.faq-list details summary:hover span{color:#6a4bff}.hero-actions .button:hover{transform:translateY(-4px)}@keyframes device-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes device-turn{0%,100%{rotate:4deg}50%{rotate:1.5deg}}@keyframes pill-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@media(prefers-reduced-motion:reduce){.hero-visual .visual-card,.hero-visual .floating-pill{animation:none}.button,.text-link,.nav-cta,.whatsapp-link,.location-item,.pack-card,.service-card{transition:none}}
