main>.section:not(.hero){overflow:hidden;--mx:50%;--my:45%}
main>.section:not(.hero) .section-heading,main>.section:not(.hero)>.xp-head,main>.section:not(.hero)>.split{position:relative;z-index:2}
main>.section:not(.hero) .dynamic-light{position:absolute;z-index:-1;left:var(--mx);top:var(--my);width:520px;height:520px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(61,127,232,.1),transparent 68%);filter:blur(8px);pointer-events:none;transition:left .5s ease,top .5s ease}
main>.section:not(.hero) .dynamic-scan{position:absolute;z-index:0;left:-35%;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,rgba(105,167,255,.035),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0}
main>.section.dynamic-active .dynamic-scan{animation:sectionScan 3.8s cubic-bezier(.2,.7,.3,1) both}
main>.section.dynamic-active:before{animation:toneBreath 7s ease-in-out infinite alternate}
.feature,.price-card,.insight,.flow article,.trust-card{will-change:transform,box-shadow}
.feature:hover,.price-card:hover,.insight:hover{box-shadow:0 38px 95px rgba(0,0,0,.58),0 0 35px rgba(51,111,208,.1)}
@keyframes sectionScan{0%{left:-35%;opacity:0}15%{opacity:1}80%{opacity:.8}100%{left:120%;opacity:0}}
@keyframes toneBreath{0%{filter:brightness(.88);opacity:.72}100%{filter:brightness(1.16);opacity:1}}
@media(prefers-reduced-motion:reduce){.dynamic-light,.dynamic-scan{display:none!important}main>.section.dynamic-active:before{animation:none!important}}
@media(max-width:720px){main>.section:not(.hero) .dynamic-light{width:320px;height:320px;opacity:.6}}