.water-hero-clean{--water-bg:var(--ro-void);--water-fg:var(--ro-paper);--water-muted:var(--ro-steel);--water-line:var(--ro-line);--water-primary:#0f6a8b;--water-cyan:#1b8fb0;--water-accent:#38bdf8;--water-deep:#06222e;position:relative;isolation:isolate;overflow:hidden;background:var(--water-bg);color:var(--water-fg);font-family:var(--font-sans),system-ui,sans-serif;min-height:calc(100vh - 72px);min-height:calc(100dvh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 0;transition:background-color .3s ease,color .3s ease}.water-banner-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.water-banner-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 45%;object-position:center 45%;width:100%;height:100%;transform:scale(1.02);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.water-hero-clean:hover .water-banner-img{transform:scale(1.045)}canvas.water-wave-canvas{width:100%;height:100%;opacity:.55;mix-blend-mode:screen}.water-banner-vignette,canvas.water-wave-canvas{position:absolute;inset:0;pointer-events:none}:is(.dark,[data-theme=dark]) .water-banner-vignette{background:linear-gradient(90deg,rgba(6,34,46,.72) 0,rgba(6,34,46,.45) 36%,rgba(6,34,46,.12) 65%,rgba(6,34,46,.35) 100%),linear-gradient(180deg,var(--water-bg) 0,transparent 15%,transparent 85%,var(--water-bg) 100%)}html:not(.dark):not([data-theme=dark]) .water-banner-vignette{background:linear-gradient(90deg,rgba(240,249,255,.6) 0,rgba(240,249,255,.32) 36%,rgba(240,249,255,.05) 65%,rgba(240,249,255,.2) 100%),linear-gradient(180deg,rgba(255,255,255,.5) 0,transparent 15%,transparent 85%,var(--water-bg) 100%)}.water-hero-shell{width:100%;max-width:1440px;min-height:calc(100vh - 120px);min-height:clamp(500px,75vh,680px);margin-inline:auto;padding-inline:clamp(24px,5vw,64px);z-index:2}.water-hero-shell,.water-left-clean{position:relative;display:flex;align-items:center;justify-content:flex-start}.water-left-clean{z-index:10;text-align:left;max-width:min(88vw,540px)}.water-logo-container{display:inline-block;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;transition:transform .35s ease}.water-logo-container:hover{transform:scale(1.02)}.water-logo-light{filter:drop-shadow(0 2px 14px rgba(255,255,255,.95)) drop-shadow(0 1px 4px rgba(0,0,0,.18))}.water-logo-dark,.water-logo-light{display:block;height:clamp(52px,6.2vw,88px);width:auto;max-width:min(88vw,520px);-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}.water-logo-dark{filter:drop-shadow(0 3px 20px rgba(0,0,0,.85)) drop-shadow(0 0 24px rgba(6,34,46,.7))}html:not(.dark):not([data-theme=dark]) .water-logo-dark{display:none!important}:is(.dark,[data-theme=dark]) .water-logo-light{display:none!important}.water-satellite-node{all:unset;box-sizing:border-box;position:absolute;left:var(--x);top:var(--y);width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transform:translate(-50%,-50%);color:var(--water-muted);background:rgba(6,34,46,.88);border:1.5px solid color-mix(in srgb,var(--water-line) 70%,transparent);backdrop-filter:blur(10px);z-index:15;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease,color .3s ease,box-shadow .35s ease;animation:waterNodeFloat calc(5.2s + var(--n) * .6s) ease-in-out infinite;animation-delay:calc(var(--n) * .7s)}@keyframes waterNodeFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}.water-satellite-node.on,.water-satellite-node:hover{transform:translate(-50%,-50%) translateY(-3px) scale(1.06);color:var(--node-color);background:rgba(6,34,46,.96);border-color:var(--node-color);box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 22px color-mix(in srgb,var(--node-color) 45%,transparent);z-index:25}.water-satellite-ring{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none;overflow:visible}.water-satellite-ring circle{fill:none;stroke:var(--node-color);stroke-width:1.8;stroke-dasharray:14 10;opacity:.35;transform-origin:center;animation:waterRingSpin 18s linear infinite;transition:opacity .35s ease,stroke-width .35s ease}.water-satellite-node.on .water-satellite-ring circle,.water-satellite-node:hover .water-satellite-ring circle{opacity:.95;stroke-width:2.4;animation:waterRingSpin 8s linear infinite}@keyframes waterRingSpin{to{transform:rotate(1turn)}}.water-satellite-icon{display:grid;place-items:center;width:24px;height:24px;transition:transform .3s ease}.water-satellite-icon svg{width:100%;height:100%}.water-satellite-node.on .water-satellite-icon,.water-satellite-node:hover .water-satellite-icon{transform:scale(1.1)}.water-satellite-lab{position:absolute;background:rgba(6,26,38,.95);color:#ffffff;border:1.5px solid var(--node-color);border-radius:12px;padding:7px 13px;white-space:nowrap!important;width:-moz-max-content!important;width:max-content!important;max-width:none!important;opacity:0;pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 16px color-mix(in srgb,var(--node-color) 35%,transparent);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.water-satellite-node.lab-bottom .water-satellite-lab{top:calc(100% + 10px)}.water-satellite-node.lab-top .water-satellite-lab{bottom:calc(100% + 10px)}.water-satellite-node.align-left .water-satellite-lab{left:0;transform:translateY(-4px)}.water-satellite-node.align-left.on .water-satellite-lab,.water-satellite-node.align-left:hover .water-satellite-lab{opacity:1;transform:translateY(0)}.water-satellite-node.align-right .water-satellite-lab{right:0;left:auto;transform:translateY(-4px)}.water-satellite-node.align-right.on .water-satellite-lab,.water-satellite-node.align-right:hover .water-satellite-lab{opacity:1;transform:translateY(0)}.water-satellite-node.align-center .water-satellite-lab{left:50%;transform:translateX(-50%) translateY(-4px)}.water-satellite-node.align-center.on .water-satellite-lab,.water-satellite-node.align-center:hover .water-satellite-lab{opacity:1;transform:translateX(-50%) translateY(0)}.water-satellite-title{font-size:12px;letter-spacing:.02em;color:#ffffff}.water-satellite-detail,.water-satellite-title{font-weight:700;line-height:1.25;white-space:nowrap!important}.water-satellite-detail{font-size:9.5px;color:var(--node-color);background:color-mix(in srgb,var(--node-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 35%,transparent);border-radius:5px;padding:1.5px 6.5px;letter-spacing:.06em;text-transform:uppercase}html:not(.dark):not([data-theme=dark]) .water-satellite-node{background:rgba(255,255,255,.92);border-color:rgba(15,106,139,.28);color:#0369a1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(15,106,139,.16)}html:not(.dark):not([data-theme=dark]) .water-satellite-node.on,html:not(.dark):not([data-theme=dark]) .water-satellite-node:hover{background:#ffffff;border-color:var(--node-color);color:color-mix(in srgb,var(--node-color) 40%,#0369a1);box-shadow:0 12px 28px rgba(15,106,139,.22),0 0 18px color-mix(in srgb,var(--node-color) 40%,transparent)}html:not(.dark):not([data-theme=dark]) .water-satellite-lab{background:rgba(255,255,255,.98);border:1.5px solid color-mix(in srgb,var(--node-color) 65%,#0284c7);box-shadow:0 12px 32px rgba(8,47,73,.16),0 2px 8px rgba(0,0,0,.05),0 0 14px color-mix(in srgb,var(--node-color) 25%,transparent)}html:not(.dark):not([data-theme=dark]) .water-satellite-title{color:#032b43}html:not(.dark):not([data-theme=dark]) .water-satellite-detail{color:color-mix(in srgb,var(--node-color) 30%,#0369a1);background:color-mix(in srgb,var(--node-color) 12%,rgba(3,105,161,.08));border-color:color-mix(in srgb,var(--node-color) 30%,rgba(3,105,161,.22))}@media (max-width:860px){.water-hero-clean{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding:16px 0}.water-hero-shell{min-height:clamp(540px,calc(100dvh - 90px),680px);padding-inline:clamp(16px,4vw,24px);align-items:flex-start;padding-top:clamp(24px,5vh,44px);padding-bottom:24px}.water-left-clean{max-width:100%;width:100%;z-index:20;pointer-events:auto;margin-bottom:20px}.water-logo-container{max-width:100%}.water-logo-dark,.water-logo-light{height:auto;max-height:clamp(36px,8.5vw,54px);width:auto;max-width:min(90vw,440px);-o-object-position:left center;object-position:left center}.water-satellite-node{width:44px;height:44px;left:var(--mx,var(--x));top:var(--my,var(--y));animation:waterNodeFloatMobile calc(4.8s + var(--n) * .5s) ease-in-out infinite;animation-delay:calc(var(--n) * .6s)}@keyframes waterNodeFloatMobile{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.water-satellite-node.on,.water-satellite-node:hover{animation-play-state:paused;transform:translate(-50%,-50%) translateY(-2px) scale(1.04)}.water-satellite-icon{width:20px;height:20px}.water-satellite-ring{inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px)}.water-satellite-node.mob-lab-bottom .water-satellite-lab{top:calc(100% + 8px);bottom:auto}.water-satellite-node.mob-lab-top .water-satellite-lab{bottom:calc(100% + 8px);top:auto}.water-satellite-node.mob-align-left .water-satellite-lab{left:0;right:auto;transform:translateY(-4px)}.water-satellite-node.mob-align-left.on .water-satellite-lab,.water-satellite-node.mob-align-left:hover .water-satellite-lab{opacity:1;transform:translateY(0)}.water-satellite-node.mob-align-right .water-satellite-lab{right:0;left:auto;transform:translateY(-4px)}.water-satellite-node.mob-align-right.on .water-satellite-lab,.water-satellite-node.mob-align-right:hover .water-satellite-lab{opacity:1;transform:translateY(0)}.water-satellite-node.mob-align-center .water-satellite-lab{left:50%;right:auto;transform:translateX(-50%) translateY(-4px)}.water-satellite-node.mob-align-center.on .water-satellite-lab,.water-satellite-node.mob-align-center:hover .water-satellite-lab{opacity:1;transform:translateX(-50%) translateY(0)}.water-satellite-lab{padding:6px 11px!important;border-radius:10px!important;white-space:nowrap!important;width:-moz-max-content!important;width:max-content!important;max-width:none!important;text-align:center;gap:2.5px!important}.water-satellite-title{font-size:11px!important;line-height:1.25!important;white-space:nowrap!important}.water-satellite-detail{font-size:8.5px!important;padding:1px 5.5px!important;line-height:1.2!important;letter-spacing:.05em!important;white-space:nowrap!important}}@media (max-width:480px){.water-hero-shell{min-height:clamp(520px,calc(100dvh - 84px),640px);padding-inline:14px;padding-top:clamp(18px,4vh,32px)}.water-satellite-node{width:38px;height:38px}.water-satellite-icon{width:17px;height:17px}.water-satellite-ring{inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px)}.water-satellite-lab{padding:5px 10px!important;border-radius:9px!important;white-space:nowrap!important;width:-moz-max-content!important;width:max-content!important;max-width:none!important;gap:2px!important}.water-satellite-title{font-size:10px!important;line-height:1.25!important;white-space:nowrap!important}.water-satellite-detail{font-size:7.5px!important;padding:1px 5px!important;line-height:1.2!important;letter-spacing:.04em!important;white-space:nowrap!important}}