/* Earth Hydro / Rosnedra — single clean banner stylesheet.
   Three.js globe geometry and atmospherics are in the original globe module.
   This stylesheet owns layout; only one foreground wave is used. */
:root{--eh-navy:#06183d;--eh-azure:#67caff;--eh-ink:#f9fcff}
html,body,#root{margin:0;min-width:320px;width:100%;overflow-x:clip}
body,.site{background:var(--eh-navy)}
.site>.intro,.site>.section,.site>.footer{display:none!important}
.hero{position:relative;isolation:isolate;min-height:630px;height:100svh;max-height:950px;overflow:hidden;color:var(--eh-ink);background:radial-gradient(ellipse at 83% 87%,#164d9a 0%,#0a2d67 45%,#06183d 83%)!important}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#91c8ff .7px,transparent 1.25px);background-size:138px 103px}
.hero::after{content:"";position:absolute;inset:64px 0 0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#041535cc 0%,#04153555 38%,transparent 63%)!important}
.header{position:relative!important;z-index:30!important;display:flex;align-items:center;justify-content:space-between;flex:none;height:64px!important;padding:0 clamp(16px,3.4vw,52px)!important;background:#f5f7fa!important;border:0!important;color:#111c30!important}
.header .brand{display:flex;align-items:center;gap:0!important;min-width:185px}
.header .brand img{display:block;width:clamp(158px,13vw,195px);height:auto;object-fit:contain}
.header .brand:has(img)>.brand-mark,.header .brand:has(img)>span:not(.brand-mark){display:none!important}
.header .nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,33px)!important}
.header .nav a{font:600 12px/1.4 Arial,sans-serif!important;white-space:nowrap;color:#111a2e!important;text-decoration:none}
.header-phone{background:#1c3c87!important;color:#fff!important;padding:10px 14px!important;border-radius:28px;font:700 12px Arial,sans-serif!important;white-space:nowrap}
.menu-toggle{color:#123c86}
.hero-copy{position:relative;z-index:6;width:min(54vw,705px);max-width:none;padding:clamp(82px,12vh,118px) 0 0 clamp(26px,15.6vw,182px)!important;pointer-events:none}
.hero-copy>*{pointer-events:auto}
.eyebrow{margin:0 0 21px!important;display:block!important;letter-spacing:.15em!important;text-transform:uppercase;font:700 10px/1.4 Arial,sans-serif!important;color:#a4ccff!important}
.eyebrow::before{display:none!important}
.hero h1{margin:0!important;max-width:480px;font:700 clamp(34px,3.03vw,50px)/1.15 Arial,sans-serif!important;letter-spacing:-.025em!important;text-wrap:balance}
.hero-lead{max-width:480px;margin:22px 0 24px!important;font:400 clamp(13px,1.05vw,16px)/1.6 Arial,sans-serif!important;color:#d9e4f8!important}
.hero-proof{display:flex!important;position:static!important;left:auto!important;bottom:auto!important;flex-wrap:nowrap;gap:clamp(12px,1.9vw,27px)!important;margin:0 0 28px!important}
.proof-item{padding-left:10px!important;border-left:1px solid #8cb7f5!important;min-width:0}
.proof-num{display:block;font:700 clamp(25px,2.35vw,35px)/1.08 Arial,sans-serif!important;letter-spacing:-.03em!important;color:#fff!important}
.proof-caption{display:block;margin-top:5px;font:400 10px/1.3 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#becfe8!important;max-width:156px}
.hero-actions{display:flex;align-items:center;gap:12px!important;flex-wrap:wrap}
.button-primary,.button-quiet{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;border-radius:40px!important;padding:15px 21px!important;font:700 12px/1.25 Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap;transition:transform .18s}
.button-primary{background:#fff!important;color:#163e8b!important;border:1px solid #fff!important}
.button-quiet{background:transparent!important;color:#f9fcff!important;border:1px solid #aac1e180!important}
.button-primary:hover,.button-quiet:hover{transform:translateY(-2px)}
.button-primary svg,.button-quiet svg{display:none}
.earth-wrap{z-index:4!important;position:absolute!important;top:calc(54% + 7px)!important;right:clamp(-14px,2.8vw,46px)!important;width:min(48vw,680px)!important;height:auto!important;aspect-ratio:1!important;transform:translateY(-50%)!important;opacity:1!important;pointer-events:auto!important}
.earth-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline:0}
.earth-canvas:active{cursor:grabbing}
.earth-note{display:none!important}
.eh-water-grid{position:absolute;z-index:3;left:0;right:0;bottom:-2px;height:28%;pointer-events:none;overflow:hidden;opacity:.92}
.eh-water-grid::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent 65%,#08265a36);pointer-events:none}
.eh-water-grid canvas{display:block;width:100%;height:100%}
.eh-map-note{position:absolute;z-index:7;bottom:9px;right:17px;max-width:360px;text-align:right;font:9px/1.35 Arial,sans-serif;color:#9bbfe7aa;pointer-events:none}
.eh-geography-tooltip{max-width:265px!important;min-width:175px;border:1px solid #64cafa88!important;box-shadow:0 14px 40px #010d2fc7!important;font:500 12px/1.6 Arial,sans-serif!important}
html.eh-embedded .header{display:none!important}
html.eh-embedded .hero{height:100%;min-height:530px}
html.eh-embedded .hero::after{inset:0}
@media(max-width:1190px) and (min-width:751px){
 .hero-copy{padding-left:clamp(30px,7vw,100px)!important;width:55vw}
 .hero h1{font-size:clamp(32px,3.5vw,42px)!important}
 .earth-wrap{width:57vw!important;right:-7vw!important}
 .hero-lead{max-width:450px}
 .header .nav{gap:16px!important}
}
@media(max-width:750px){
 .hero{height:auto!important;max-height:none!important;min-height:min(930px,100svh);display:flex;flex-direction:column;overflow:hidden}
 .header{height:62px!important;padding:0 15px!important}
 .header .brand{min-width:0}.header .brand img{width:142px!important}
 .header-phone{display:none!important}
 .menu-toggle{display:grid!important;z-index:35!important}
 .header .nav{display:none!important;position:absolute!important;top:62px!important;left:0;right:0;padding:18px;background:#082759!important;align-items:flex-start;flex-direction:column}
 .header .nav.open{display:flex!important}
 .header .nav.open a{color:#fff!important}
 .hero::after{inset:62px 0 0;background:linear-gradient(180deg,#04153555,transparent 70%)!important}
 .hero-copy{order:1;flex:none;width:100%;max-width:100%;padding:30px 20px 0!important;margin:0;z-index:7}
 .eyebrow{font-size:9px!important;margin-bottom:15px!important}
 .hero h1{max-width:540px;font-size:clamp(27px,7.45vw,38px)!important;line-height:1.15!important}
 .hero-lead{margin:17px 0 19px!important;max-width:520px;font-size:13px!important;line-height:1.56!important}
 .hero-proof{gap:12px!important;margin-bottom:17px!important;flex-wrap:wrap}
 .proof-item{min-width:80px;padding-left:9px!important}
 .proof-num{font-size:23px!important}.proof-caption{font-size:9px!important;max-width:120px}
 .hero-actions{gap:10px!important}.button-primary,.button-quiet{font-size:11px!important;padding:12px 17px!important}
 .earth-wrap{order:2;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;flex:none;width:min(100vw,550px)!important;max-width:100%;margin:17px auto 68px!important;transform:none!important;z-index:5!important}
 .eh-water-grid{height:22%;opacity:.76}
 .eh-map-note{bottom:8px;left:8px;right:8px;max-width:none;text-align:center;font-size:8px}
 html.eh-embedded .hero{min-height:710px}
}
@media(max-width:370px){.hero-copy{padding:23px 16px 0!important}.hero h1{font-size:27px!important}.hero-lead{font-size:12px!important}.earth-wrap{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.eh-water-grid{opacity:.52}.button-primary,.button-quiet{transition:none}}