/* Motion system: subtle, performant and disabled when the visitor requests less motion. */
.motion-enabled .motion-reveal{opacity:0;transform:translate3d(0,26px,0) scale(.985);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms);will-change:opacity,transform}
.motion-enabled .motion-reveal.motion-in,.motion-enabled .reveal.in{opacity:1;transform:translate3d(0,0,0) scale(1)}
.motion-enabled .motion-intro{animation:motion-intro .82s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--motion-delay,0ms)}
header{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
header.motion-scrolled{background:rgba(5,11,18,.92);border-color:rgba(157,242,217,.16);box-shadow:0 16px 40px rgba(0,0,0,.22)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,color .22s ease}
.btn::after{content:'';position:absolute;inset:-80% -35%;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);transform:translateX(-70%) rotate(8deg);transition:transform .58s cubic-bezier(.22,1,.36,1)}
.btn:hover::after{transform:translateX(70%) rotate(8deg)}.btn:active{transform:translateY(1px) scale(.985)}
.card,.flow-step,.value-card,.path-card,.mismatch-card,.price-card,.feature,.arch-row{transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease}
@media (hover:hover) and (pointer:fine){.card:hover,.flow-step:hover,.feature:hover,.arch-row:hover{transform:translateY(-5px);border-color:rgba(79,224,207,.34);box-shadow:0 18px 42px -28px rgba(22,198,183,.62)}}
.hero-workspace{transition:box-shadow .3s ease,border-color .3s ease}.hero-workspace:hover{border-color:rgba(157,242,217,.31);box-shadow:0 48px 110px -54px rgba(22,198,183,.32)}
.symbol-glow{animation:glow-breathe 5.5s ease-in-out infinite alternate}.hero-panel-head .dot{animation:status-pulse 2.4s ease-out infinite}
.flow-step::after{content:'';position:absolute;left:20px;right:20px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);transform:scaleX(0);transition:transform .4s cubic-bezier(.22,1,.36,1)}.flow-step:hover::after{transform:scaleX(1)}
.whatsapp-float.ready{animation:whatsapp-arrive .55s cubic-bezier(.22,1,.36,1) both}
@keyframes motion-intro{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes glow-breathe{from{opacity:.62;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}
@keyframes status-pulse{0%,55%{box-shadow:0 0 0 4px rgba(124,217,138,.15)}100%{box-shadow:0 0 0 12px rgba(124,217,138,0)}}
@keyframes whatsapp-arrive{from{opacity:0;transform:translateY(18px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-enabled .motion-reveal,.motion-enabled .motion-intro{opacity:1!important;transform:none!important}}