.clarity-hero{isolation:isolate;background-color:var(--light-haze);background-image:radial-gradient(70% 75% at 100% 100%, var(--light-dusk), color-mix(in srgb, var(--light-dusk) 55%, transparent) 35%, transparent 75%), radial-gradient(62% 62% at 0% 100%, var(--light-sand), color-mix(in srgb, var(--light-sand) 45%, transparent) 50%, transparent 80%), radial-gradient(60% 85% at 100% 35%, var(--light-blue), color-mix(in srgb, var(--light-blue) 40%, transparent) 50%, transparent 78%), linear-gradient(to bottom, var(--light-sky), var(--light-haze) 62%, color-mix(in srgb, var(--light-sand) 50%, var(--light-haze)));position:relative}:root{--film-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='3' intercept='-1'/><feFuncG type='linear' slope='3' intercept='-1'/><feFuncB type='linear' slope='3' intercept='-1'/></feComponentTransfer></filter><rect width='240' height='240' filter='url(%23n)'/></svg>")}.grain:after{content:"";z-index:-1;pointer-events:none;mix-blend-mode:overlay;opacity:.5;background-image:var(--film-grain);position:absolute;inset:0}.grain--soft:after{opacity:.35}.soft-shade{position:relative}.soft-shade:before{content:"";z-index:-10;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--foreground) 29%, transparent) 35%, color-mix(in srgb, var(--foreground) 17%, transparent) 58%, color-mix(in srgb, var(--foreground) 6%, transparent) 82%, transparent);position:absolute;inset:-8rem -20rem}.clarity-panel{isolation:isolate;background:var(--light-haze) url(/images/home/platform-sky.webp) center / cover no-repeat;position:relative;overflow:hidden}.clarity-glow{background-color:var(--background);background-image:radial-gradient(38% 46% at 78% 22%, color-mix(in srgb, var(--primary) 12%, transparent), color-mix(in srgb, var(--primary) 6%, transparent) 40%, color-mix(in srgb, var(--primary) 2%, transparent) 72%, transparent), radial-gradient(34% 40% at 18% 82%, color-mix(in srgb, var(--warning) 16%, transparent), color-mix(in srgb, var(--warning) 8%, transparent) 40%, color-mix(in srgb, var(--warning) 2%, transparent) 72%, transparent)}.clarity-glow--panel{background-color:var(--subtle);background-image:radial-gradient(46% 52% at 72% 26%, color-mix(in srgb, var(--primary) 18%, transparent), color-mix(in srgb, var(--primary) 6%, transparent) 50%, transparent), radial-gradient(40% 46% at 24% 80%, color-mix(in srgb, var(--warning) 20%, transparent), color-mix(in srgb, var(--warning) 6%, transparent) 50%, transparent)}