.hero-flow{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.95}
.hero-art .glass-caustic{position:absolute;inset:0;opacity:.32;filter:brightness(1.45) saturate(.8);mask-image:linear-gradient(115deg,transparent 34%,#fff 48%,transparent 62%);mask-size:320% 100%;mask-position:150% 0;animation:sculpture-breathe 12s ease-in-out infinite,caustic-sweep 15s linear infinite}
@keyframes caustic-sweep{0%{mask-position:150% 0;opacity:0}8%,85%{opacity:.32}100%{mask-position:-50% 0;opacity:0}}
.float-product{--flow-color:164,238,232;transition:border-color .8s,background .8s,box-shadow .8s}
.float-ai{--flow-color:200,168,255}.float-browser{--flow-color:187,241,212}
.float-product::after{content:'';position:absolute;inset:-5px;border-radius:20px;border:1px solid rgba(var(--flow-color),0);pointer-events:none;transition:border-color 1s,box-shadow 1s;opacity:.7}
.float-product.is-flow-active{border-color:rgba(var(--flow-color),.6);box-shadow:0 20px 70px #0004,0 0 28px rgba(var(--flow-color),.18),inset 0 1px 0 rgba(var(--flow-color),.2);background:linear-gradient(135deg,rgba(var(--flow-color),.15),#181528bd)}
.float-product.is-flow-active::after{border-color:rgba(var(--flow-color),.16);box-shadow:0 0 18px rgba(var(--flow-color),.08)}
.float-product.is-flow-active .float-icon{color:rgb(var(--flow-color));text-shadow:0 0 18px rgba(var(--flow-color),.6)}
.motion-toggle{margin-left:22px;border:1px solid #baa5df25;border-radius:20px;padding:7px 11px;background:#1e193233;color:#a698b9;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:8px;letter-spacing:.05em;transition:border-color .25s,color .25s}
.motion-toggle:hover,.motion-toggle:focus-visible{color:#eadcf9;border-color:#baa5df88}.motion-toggle[hidden]{display:none}.motion-toggle-icon{font-size:10px}
.motion-paused *, .motion-paused *::before, .motion-paused *::after{animation-play-state:paused!important}
.motion-paused .hero-art{transition:none}.motion-paused .pointer-glow{opacity:0}
@media(max-width:560px){.hero-flow{opacity:.85}.motion-toggle{margin-left:auto;font-size:7px;padding:6px 9px}.hero-bottom p{display:none}.hero-bottom>i{width:22px}.float-product::after{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.hero-flow{opacity:.5}.float-product{transition:none}}