/* Identidade OceanH2O: luz, água, curvas e as cores da marca. */
:root{--navy:#073b61;--blue:#009bdd;--ink:#123449}body{background:#fff}header{padding:22px 5%;border-bottom:1px solid #eff4f6}.brand{width:177px}.button{background:#007cac;border-radius:40px;padding:16px 25px;box-shadow:none}.button:hover{background:#075581}.button.small{border-radius:30px;padding:12px 20px}.hero{display:block;max-width:1440px;padding:28px 5% 66px;position:relative;background:radial-gradient(ellipse at 10% 90%,#e7f7fb 0,transparent 55%)}.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}.hero-copy{padding:25px 0;max-width:610px}.hero h1{font-size:clamp(44px,4.6vw,68px);font-weight:500;line-height:1.1;letter-spacing:-.055em}.hero h1 em{color:#008fca}.hero .intro{max-width:450px}.eyebrow{color:#426b7e;font-size:10px;letter-spacing:.14em}.eyebrow span{background:#0badd7}.actions{gap:24px;flex-wrap:wrap}.hero-highlights{display:flex;gap:25px;margin-top:36px;padding-top:24px;border-top:1px solid #d8e8ee}.hero-highlights div{display:flex;flex-direction:column}.hero-highlights strong{font-size:11px;font-weight:600}.hero-highlights span{font-size:10px;color:#647a86;margin-top:3px}.ocean-visual{height:555px;position:relative;margin-top:15px;border-radius:48% 48% 17px 17px;overflow:hidden;background:#d1f1f8}.ocean-visual>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.ocean-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#063d5be6)}.visual-note{position:absolute;z-index:1;bottom:28px;left:30px;right:30px;color:#fff}.visual-note>span{display:block;font-size:9px;letter-spacing:.2em;color:#b9edfb;margin-bottom:12px}.visual-note strong{font-family:Manrope,Arial,sans-serif;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.025em}.visual-note small{position:absolute;right:0;bottom:0;font-size:8px;color:#cfe4ec}.audience{background:#f0f8fa;border-block:1px solid #dcebf0;padding:25px max(5%,calc((100vw - 1296px)/2));gap:30px}.audience div{display:flex;flex-direction:column}.audience strong{font-size:17px;font-weight:500}.audience span{font-size:11px;color:#69838f;margin-top:4px}.section-heading h2,h2{font-size:clamp(32px,3.3vw,48px);font-weight:500}.services{gap:20px}.service{background:#f3f9fa;border:0;border-radius:16px;padding:32px}.service.primary{background:#073b61}.service h3{font-size:27px;font-weight:500}.service-icon{line-height:1.6}.service a{font-size:12px}.difference{background:#fff;align-items:center;gap:70px;padding-top:20px;padding-bottom:70px}.difference-photo{position:relative;height:570px;border-radius:18px 130px 18px 18px;overflow:hidden}.difference-photo img{width:100%;height:100%;object-fit:cover}.difference-photo>span{position:absolute;bottom:0;left:0;right:0;background:#073b61e8;padding:22px;color:white;font-size:11px}.difference-intro{font-size:14px;color:#627c89;margin-top:22px}.difference-content .eyebrow{font-size:9px}.reasons article{padding:20px 0;gap:17px}.reasons h3{font-size:19px}.reasons p{font-size:13px;margin-top:8px}.reasons article>span{color:#0096c5}.difference-content .button{margin-top:25px}.scope-banner{background:#eaf6f9;padding:44px max(5%,calc((100vw - 1296px)/2));display:flex;gap:60px;align-items:center;justify-content:space-between}.scope-banner h2{font-size:30px}.scope-banner p:last-child{font-size:14px;max-width:750px;color:#5b7887;margin-top:16px}.scope-banner .eyebrow{margin-bottom:15px}.scope-banner .text-link{white-space:nowrap;color:#0877a3}.regions{background:#073b61;border-radius:25px}.quote{background:#eaf6f9}.quote form{border-radius:16px}.floating-cta{position:fixed;right:26px;bottom:26px;z-index:20;display:flex;align-items:center;justify-content:center;width:62px;height:62px;background:#25d366;color:white;border-radius:50%;box-shadow:0 5px 25px #075e5440;transition:background .15s}.floating-cta:hover{background:#1db956}.floating-cta svg{width:33px;height:33px;display:block}.floating-label{position:absolute;right:74px;background:#fff;color:#19556a;font-size:11px;font-weight:600;padding:8px 12px;white-space:nowrap;border-radius:8px;box-shadow:0 4px 20px #073b6115;opacity:0;pointer-events:none}.floating-cta:hover .floating-label,.floating-cta:focus-visible .floating-label{opacity:1}footer{padding-bottom:80px}
@media(max-width:1000px){.hero-inner{gap:30px}.ocean-visual{height:510px}.hero-highlights{gap:15px}.difference{gap:40px}.difference-photo{height:550px}.scope-banner{gap:30px}}
@media(max-width:700px){header{padding:16px 6%}.brand{width:155px}.menu{border-radius:20px;padding:8px 15px}.hero{padding:20px 6% 40px}.hero-inner{grid-template-columns:1fr;gap:28px}.hero-copy{padding:12px 0 0}.hero h1{font-size:44px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero .intro{font-size:15px}.actions{gap:18px}.actions .button{font-size:12px;gap:20px}.hero-highlights{gap:12px;justify-content:space-between;margin-top:27px;padding-top:20px}.hero-highlights strong{font-size:10px}.hero-highlights span{font-size:9px;max-width:90px}.ocean-visual{height:355px;width:100%;max-width:430px;justify-self:center;margin:0;border-radius:46% 46% 14px 14px}.visual-note{left:25px;bottom:23px;right:23px}.visual-note strong{font-size:23px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:25px 6%}.audience strong{font-size:16px}.audience span{font-size:10px}.service{padding:28px}.difference{padding:0 6% 48px;gap:28px}.difference-photo{height:340px;border-top-right-radius:90px}.difference-content h2{font-size:32px}.scope-banner{padding:36px 6%;flex-direction:column;align-items:start;gap:20px}.scope-banner h2{font-size:28px}.scope-banner p:last-child{font-size:13px}.regions{border-radius:18px}.floating-cta{right:18px;bottom:18px;width:58px;height:58px}.floating-cta svg{width:31px;height:31px}.floating-label{display:none}footer{padding-bottom:88px}}