/* Reuse the product stories inside feature pages without changing their heroes. */
.feature-animation-section{padding:clamp(48px,7vw,100px) 6%;background:#e9effc}
.feature-animation-section>.feature-animation-grid{max-width:1320px;margin-inline:auto}
.feature-animation-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.feature-animation-copy h2{font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px}
.feature-animation-copy p{font-size:clamp(18px,1.5vw,22px);line-height:1.6;max-width:480px}
.feature-animation{width:100%;max-width:640px;min-width:0;margin-inline:auto}
.feature-animation .animation-fallback img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover}
.feature-animation .vks{--vks-body:DM,Arial,sans-serif}
.feature-animation .vks .pill{min-width:0;min-height:0;letter-spacing:normal}
.feature-animation .vks button:focus-visible{outline:3px solid #2455dc;outline-offset:4px}
@media(max-width:800px){.feature-animation-grid{grid-template-columns:minmax(0,1fr);gap:32px}.feature-animation{max-width:520px}}

.feature-conversion-page .conv-setup.brand-animation-section{background:#0f172e;color:#fff}
.brand-animation-section h2{color:#fff}
.brand-animation-section .conv-setup-grid>div>p{color:#d1d9eb}
.brand-animation-section .conv-text-link{color:#b9d0ff}