/* Motion is additive: content remains visible without JS. */
.phone-main-btn,.phone-tile{width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit}
.phone-main-btn:focus-visible,.phone-tile:focus-visible{outline:3px solid #0b8f7d;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .reveal.motion-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
 .reveal.motion-ready.show{opacity:1;transform:translateY(0)}
 .hero .float{animation:viva-float 6s ease-in-out infinite}
 .hero .float.bottom{animation-delay:-3s}
 .nav.open{animation:viva-menu-in .25s ease both}
 .faq-detail[open] p{animation:viva-menu-in .3s ease both}
 @keyframes viva-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
 @keyframes viva-menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
 @media(max-width:760px){.hero .float{animation-duration:7s}.reveal.motion-ready{transform:translateY(16px)}.reveal.motion-ready.show{transform:translateY(0)}}
}
@media(hover:none){.btn:active{transform:scale(.98)}.feature-card:active,.plan:active{border-color:#0b8f7d}.hero-media:hover .hero-photo{transform:none}}
@media(max-width:760px){.about-sticky{position:static}.header .nav .mobile-account{display:block}.whatsapp-help{width:auto;border-radius:16px;max-width:calc(100vw - 32px)}.whatsapp-help .support-label{display:block!important;font-size:13px}.whatsapp-help .wa-dot{background:#08796b}}
@media(min-width:761px){.header .nav .mobile-account{display:none}}
.support-thread{display:grid;gap:12px;margin:18px 0}.support-message{padding:14px 16px;border:1px solid #dbe8e2;border-radius:14px;background:#f7fbf9;white-space:pre-wrap;overflow-wrap:anywhere}.support-message.from-admin{background:#e9f6f1;border-color:#b8dbcb}.support-message small{display:block;color:#526d64;margin-bottom:8px}.support-message p{margin:0}.support-protocol{overflow-wrap:anywhere;font-size:14px}