/* Distinctive, accessible motion layer — keeps native browser scrolling intact */
html,body{overflow-x:clip}
.bubble-section{background:radial-gradient(ellipse at 20% 0%,#123e68,#07182c 68%)!important;color:white;padding:110px 0 130px!important;position:relative;isolation:isolate;overflow:hidden}
.bubble-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 30%,#31bfe31f,transparent 28%),radial-gradient(circle at 15% 85%,#f4478712,transparent 28%)}
.bubble-section .eyebrow{color:#65d9eb!important}.bubble-section h2{font-size:clamp(2.5rem,5.8vw,5.5rem);color:#fff;letter-spacing:-.05em}.bubble-section .accent-text{color:#70e0df}
.physics-world{height:580px;border-radius:48px;border:1px solid #ffffff24;background:radial-gradient(ellipse at 50% 80%,#123f6b,#071b34 60%,#05172b);box-shadow:inset 0 0 90px #6bc7ff10,0 25px 85px #03142499}
.physics-world:before{background-size:38px 38px;background-image:radial-gradient(#8bd4ff20 1px,transparent 2px)}
.bubble-item{width:215px;height:215px;border:2px solid #ffffffb8;background:radial-gradient(circle at 30% 20%,#ffffff 0%,#f4fcff 37%,#caedfb 67%,#7caecb 100%);box-shadow:inset -22px -25px 36px #1d638d44,inset 14px 15px 20px #ffffff,0 33px 65px #020b2366,0 0 38px #5be8f93d;transition:box-shadow .25s,filter .3s;filter:drop-shadow(0 8px 12px #06152a50)}
.bubble-item:hover{box-shadow:inset -22px -25px 40px #1d638d3a,inset 14px 15px 22px #fff,0 36px 75px #020b2388,0 0 75px #69e3f977;filter:brightness(1.04)}
.bubble-item img{max-width:162px;max-height:135px;filter:drop-shadow(0 9px 9px #17456b35)}
.bubble-nav{text-align:center;margin:30px 0 0}.bubble-nav a{display:inline-block;padding:16px 30px;border-radius:99px;background:linear-gradient(120deg,#218ce6,#51c8df);color:#fff;font:800 14px Manrope,sans-serif;box-shadow:0 14px 40px #077db344;transition:transform .3s}.bubble-nav a:hover{transform:translateY(-5px) scale(1.04)}
.flood-section{position:relative;isolation:isolate}
.flood-rise{transform:translate3d(0,90px,0) rotateX(9deg) scale(.93);opacity:0;filter:blur(9px);transition:opacity .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1),filter .95s ease;transform-origin:50% 100%}
.flood-rise.flood-in{transform:translateZ(0) rotateX(0) scale(1);opacity:1;filter:blur(0)}
.flood-section .product:nth-child(3n+1),.flood-section .customer:nth-child(3n+1){transition-delay:.05s}.flood-section .product:nth-child(3n+2),.flood-section .customer:nth-child(3n+2){transition-delay:.17s}.flood-section .product:nth-child(3n),.flood-section .customer:nth-child(3n){transition-delay:.29s}
.flood-section:before{content:"";position:absolute;pointer-events:none;z-index:-1;top:5%;right:-18%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,#48cce10e,transparent 65%);transform:translate3d(0,var(--flood-parallax,0px),0)}
.flood-section .section-top h2,.flood-section .intro h2{letter-spacing:-.04em}
.flood-section .product:hover{transform:translateY(-14px) perspective(900px) rotateX(2deg);box-shadow:0 40px 75px #155b932b}
@media(max-width:900px){.physics-world{height:530px}.bubble-item{width:168px;height:168px}.bubble-item img{max-width:128px;max-height:108px}}
@media(max-width:600px){.bubble-section{padding:70px 0 85px!important}.physics-world{height:520px;border-radius:28px}.bubble-item{width:128px;height:128px}.bubble-item img{max-width:98px;max-height:82px}.flood-rise{transform:translateY(38px) scale(.98);filter:none}}
@media(prefers-reduced-motion:reduce){.flood-rise{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.bubble-item{transition:none!important}}