/* Shared centre-out reveal. Content remains fully visible if animation is unavailable. */
.feature-banner-content{display:contents}
html body .v3-proof{background:var(--neo-bg)!important;color:var(--ink)!important;border:0!important;border-radius:22px!important;box-shadow:var(--neo-inset)!important;padding:24px!important;margin:24px 6%!important;box-sizing:border-box!important}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){
 html body .features-banner{position:relative!important;isolation:isolate;min-height:76px;box-sizing:border-box!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
 .features-banner::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:32px;background:var(--neo-bg);box-shadow:var(--neo-inset);z-index:-1;pointer-events:none}
 .features-banner .feature-banner-content{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-width:0;clip-path:inset(0 calc(50% - 32px) 0 calc(50% - 32px) round 32px)}
 .features-banner .feature-banner-content>span{opacity:1!important;transform:none!important;white-space:nowrap}
 .features-banner.features-open::before{animation:features-unfold 1.7s cubic-bezier(.22,1,.36,1) both}
 .features-banner.features-open .feature-banner-content{animation:features-uncover 1.7s cubic-bezier(.22,1,.36,1) both}
 @keyframes features-unfold{0%,10%{width:64px;height:64px;border-radius:32px}100%{width:100%;height:100%;border-radius:22px}}
 @keyframes features-uncover{0%,10%{clip-path:inset(0 calc(50% - 32px) 0 calc(50% - 32px) round 32px)}100%{clip-path:inset(0 0 0 0 round 22px)}}
}
@media(max-width:700px){html body .v3-proof{margin:20px 22px!important;padding:20px!important}}