/* v11 — performance layer: same look, far less GPU/CPU work */
/* 1. glass blur only on the header bar and its menus (blur behind dozens of cards is the main cost) */
*:not(.nav):not(.menu):not(.lang-menu){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.card,.fmt:not(.big),.feat,.fam,.panel,.form-card,.faq details,.pair a,.ws-sec,.portal-card,.flip-f,.cefr{background:rgba(255,255,255,.93)}
.co-mod{background:rgba(255,255,255,.95)}
.ax-chip{background:rgba(8,20,38,.92)}
/* 2. reveal animations: fade + slide only, no blur */
.rv,.rv.in{filter:none!important}
@keyframes docopen{0%{opacity:0;transform:perspective(1400px) rotateX(-22deg) translateY(40px) scale(.97)}100%{opacity:1;transform:none}}
/* 3. soft colour blobs: soft-edged mask instead of huge live blur + blending */
.aur,.v2-orb,.cr-glow,.sx-glow,.ax-aurora i,.giant .orb{filter:none!important;mix-blend-mode:normal!important;-webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.45) 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.45) 45%,transparent 100%)}
.ax-aurora i{opacity:.42}.sx-glow{opacity:.35!important}
/* 4. skip rendering sections that are off screen */
main>section:not(:first-child),main>div>section{content-visibility:auto;contain-intrinsic-size:auto 900px}
/* 5. lite mode for weaker computers: no moving background layers */
.lite .ax-aurora i,.lite .aur,.lite .v2-orb,.lite .ax-gridfloor,.lite .sx-floor,.lite .ax-mq-track,.lite .ax-device,.lite .ax-chip,.lite .co-motif,.lite .co-orbit-ring,.lite .co-orb-i,.lite .co-card::before{animation:none!important}
/* 6. large animated backgrounds repaint the whole area every frame: keep them still */
.v2-page,.v2-hero,.cta-band,.hero-floor,.sx-floor,.ax-gridfloor,.flag-silk::after{animation:none!important}
*[style*="meshmove"]{animation:none!important}
/* 7. calm growth-path background: fully visible on the right, fades out behind the text */
canvas.net,canvas.constellation{opacity:1!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 38%,#000 66%)!important;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 38%,#000 66%)!important}
@media (max-width:820px){canvas.net,canvas.constellation{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 45%,rgba(0,0,0,.7) 75%,#000 100%)!important;mask-image:linear-gradient(180deg,transparent 0,transparent 45%,rgba(0,0,0,.7) 75%,#000 100%)!important}}
.ax-hero.co.hub canvas.net{display:none}