/* Product pages: see-through sections with the top-section gradient (product logo colours) moving behind the whole page. Footer, menu and animated illustrations untouched. */
html:has(body.product-theme-page),body.product-theme-page{background:#fff!important}
body.product-theme-page::before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;filter:blur(70px);opacity:.55;
  background:
    radial-gradient(45% 50% at 15% 20%, var(--tv-accent,#2b5bd7), transparent 70%),
    radial-gradient(45% 55% at 85% 30%, var(--tv-accent-2,#4338ca), transparent 70%),
    radial-gradient(50% 50% at 45% 85%, var(--tv-accent-3,#3898d6), transparent 70%);
  background-size:140% 140%;animation:pfFlow 22s ease-in-out infinite alternate}
@keyframes pfFlow{0%{background-position:0% 0%,100% 0%,50% 100%}50%{background-position:60% 40%,30% 60%,10% 30%}100%{background-position:100% 100%,0% 100%,90% 0%}}
@media (prefers-reduced-motion:reduce){body.product-theme-page::before{animation:none}}
html body.product-theme-page :is(main,section,#z#z#z):not(footer):not(footer *):not(:is(.erm-digital-pad,.tvx,[class*="illus"],[class*="story"],[class*="stage"],[class*="dashboard-visual"]) *),
html body.product-theme-page :is(section,main) :is(div,article,li,aside,#z#z#z):not(.tvx):not(button):not(:is(.erm-digital-pad,.native-dashboard,.tvx,[class*="illus"],[class*="story"],[class*="stage"],[class*="anim"],[class*="ai-card"],[class*="pill"],[class*="badge"]) *):not(.erm-digital-pad):not(.product-ai-panel .split>*):not(.native-dashboard):not([class*="illus"]):not([class*="story"]):not([class*="stage"]):not([class*="anim"]):not([class*="pill"]):not([class*="badge"]):not([class*="dot"]){background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
html body.product-theme-page :is(section,main) :is([class*="card"],[class*="panel"],[class*="box"],[class*="tile"]):not(:is(.erm-digital-pad,.native-dashboard,.tvx,[class*="illus"],[class*="story"],[class*="stage"]) *){border-color:color-mix(in srgb,var(--tv-accent,#4338ca) 22%,transparent)!important}
html body.product-theme-page section canvas.ai-mesh:not(:first-of-type){}
html body.product-theme-page :is(section,main) :is(a,div,article,li,aside,#z#z#z):is(.card,[class*="card"],[class*="tile"],[class*="box"],[class*="panel"],[class*="integr"],[class*="logo"],[class*="grid"],[class*="split"],[class*="wrap"]):not(:is(.erm-digital-pad,.native-dashboard,.tvx,[class*="illus"],[class*="story"],[class*="stage"],[class*="anim"]) *):not(.erm-digital-pad):not(.product-ai-panel .split>*):not(.native-dashboard):not([class*="ai-card"]),
html body.product-theme-page :is(section,#z#z#z)::before,html body.product-theme-page :is(section,#z#z#z)::after{background-color:transparent!important;background-image:none!important;box-shadow:none!important}