/* Reflane motion: the relationship connects, then the introduction arrives. */
.price-card,.flow-surface{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}
.button,.demo-action,.contacts-button{transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.button:active,.demo-action:active,.contacts-button:active{transform:translateY(1px) scale(.985)}
[data-price]{display:inline-block;font-variant-numeric:tabular-nums}
.price-mode button{transition:color .2s ease,background .2s ease,box-shadow .2s ease}
.motion-paused *, .motion-paused *::before,.motion-paused *::after,
.motion-suspended *, .motion-suspended *::before,.motion-suspended *::after,
.hero.motion-offscreen *, .hero.motion-offscreen *::before,.hero.motion-offscreen *::after{animation-play-state:paused!important}
.motion-paused{scroll-behavior:auto}
.motion-paused *{transition:none!important}
@media(hover:hover) and (pointer:fine){.price-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #102b4610}.flow-surface:hover{box-shadow:0 12px 32px #102b460c}.button:hover{box-shadow:0 7px 18px #102b461a}}
@media(max-width:800px){.road-motion{animation-duration:34s}.relationship-rule::after{animation-duration:6s}.referral-preview .new-state{animation-duration:6s}}
@media(prefers-reduced-motion:reduce){.road-motion{animation:none;transform:none;opacity:1;will-change:auto}.relationship-rule::after{display:none}.referral-preview .new-state{animation:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.price-card:hover,.button:hover,.button:active,.demo-action:active,.contacts-button:active{transform:none}}