.page-hero-shader{--hero-mesh-accent:#b0b0b0;--hero-mesh-deep:#303238;position:relative;isolation:isolate;width:100%;overflow:hidden;background:#080808}
.page-hero-shader[data-hero-palette="cloud"]{--hero-mesh-accent:#77b5ff;--hero-mesh-deep:#245bb5}
.page-hero-shader[data-hero-palette="security"]{--hero-mesh-accent:#59d7d0;--hero-mesh-deep:#007a76}
.page-hero-shader[data-hero-palette="ai"]{--hero-mesh-accent:#b69cff;--hero-mesh-deep:#6842b8}
.page-hero-shader[data-hero-palette="operations"]{--hero-mesh-accent:#ffaa73;--hero-mesh-deep:#9b4b15}
.page-hero-shader[data-hero-palette="teams"]{--hero-mesh-accent:#f39ac7;--hero-mesh-deep:#9a3867}
.page-hero-shader>.page-hero{position:relative;z-index:1;background:transparent}
.page-hero-shader-art{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 14% 85%,color-mix(in srgb,var(--hero-mesh-accent) 25%,#080808) 0%,transparent 58%),radial-gradient(ellipse at 85% 16%,color-mix(in srgb,var(--hero-mesh-deep) 65%,#080808) 0%,transparent 62%),#080808}
.page-hero-shader-art::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#08080870 0%,#08080824 40%,transparent 72%),linear-gradient(180deg,#08080835 0%,transparent 28%,transparent 72%,#080808d9 100%);pointer-events:none}
.page-hero-shader-art canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 180ms ease}
.page-hero-shader[data-hero-renderer="webgl"] .page-hero-shader-art canvas{opacity:1}
@media(prefers-reduced-motion:reduce){.page-hero-shader-art canvas{transition:none}}

.page-hero-motion-toggle{position:absolute;z-index:2;top:12px;right:48px;min-height:44px;padding:10px 12px;border:1px solid #ffffff20;border-radius:999px;background:#08080880;color:#c7c7c7;font:400 12px/20px Helvetica,Arial,sans-serif;letter-spacing:normal;cursor:pointer}
.page-hero-motion-toggle:hover{background:#ffffff12;color:#fff}
.page-hero-motion-toggle:focus-visible{outline:2px solid #b0b0b0;outline-offset:3px}
.page-hero-motion-toggle[hidden]{display:none}
@media(max-width:1000px){.page-hero-motion-toggle{right:32px}}
@media(max-width:560px){.page-hero-motion-toggle{top:0;right:20px}}
