.editorial-index{background:#fff}.editorial-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.editorial-note{position:relative;min-height:215px;padding:1.4rem;background:#f3f7fb;border-top:2px solid var(--reef-primary);overflow:hidden}.editorial-note img{width:68px;height:50px;object-fit:contain;float:right}.editorial-note .eyebrow{margin:.1rem 0 .8rem}.editorial-note h3{max-width:300px;margin:.5rem 0;font-size:1.45rem;line-height:1.1;letter-spacing:-.03em}.editorial-note>p:not(.eyebrow){max-width:340px;color:#52647c;font-size:.9rem}.editorial-note .text-link{position:relative;z-index:1}@media(max-width:700px){.editorial-index-grid{grid-template-columns:1fr}.editorial-note{min-height:auto}}

/* Home showcase: generous brand whitespace followed by immersive environment photography. */
.brand-showcase{padding:clamp(3.5rem,7vw,6.5rem) clamp(1.25rem,6vw,5rem) clamp(3rem,5.5vw,5rem);background:#fff}
.brand-showcase-inner,.environment-showcase-inner{width:min(100%,1380px);margin-inline:auto}
.brand-showcase .eyebrow,.environment-showcase .eyebrow{margin:0 0 .65rem;color:#718097;font-size:.65rem;letter-spacing:.16em}
.brand-showcase h2,.environment-showcase-heading h2{margin:0;color:#0a1c38;font-size:clamp(1.55rem,2.3vw,2rem);line-height:1.1;letter-spacing:-.035em}
.brand-showcase-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:1.25rem 2.2rem;margin-top:2.4rem}
.brand-showcase-item{display:grid;place-items:center;min-width:0;min-height:88px;padding:.75rem 1rem;color:#14263d;text-align:center;text-decoration:none;transition:opacity .22s ease,transform .22s ease}
.brand-showcase-item img{display:block;width:100%;height:64px;object-fit:contain;filter:grayscale(1);opacity:.76;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.brand-showcase-item:hover img,.brand-showcase-item:focus-visible img{filter:grayscale(0);opacity:1;transform:scale(1.045)}
.brand-showcase-item:hover,.brand-showcase-item:focus-visible{transform:translateY(-2px)}
.brand-showcase-fallback{font-size:clamp(.9rem,1.25vw,1.15rem);font-weight:750;letter-spacing:-.025em}
.environment-showcase{padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,6vw,5rem) clamp(4rem,7vw,6.5rem);background:#f4f7fa}
.environment-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}
.environment-showcase-heading>p{max-width:350px;margin:0 0 .15rem;color:#52647c;font-size:.95rem}
.environment-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.environment-showcase-card{position:relative;display:block;min-width:0;aspect-ratio:1.72;min-height:280px;overflow:hidden;background:#07182c;color:#fff;text-decoration:none;isolation:isolate}
.environment-showcase-card:after{position:absolute;z-index:0;inset:38% 0 0;content:"";background:linear-gradient(180deg,transparent 0%,rgba(2,10,20,.82) 100%);pointer-events:none}
.environment-showcase-card img{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.25,1),filter .35s ease}
.environment-showcase-card:hover img,.environment-showcase-card:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}
.environment-card-copy{position:absolute;z-index:1;inset:auto 1.5rem 1.25rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}
.environment-card-copy>strong{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;letter-spacing:-.045em}
.environment-card-copy>span{display:inline-flex;align-items:center;gap:.45rem;padding-bottom:.18rem;border-bottom:1px solid #ffffff9c;font-size:.72rem;font-weight:700;letter-spacing:.02em}
.environment-card-copy b{font-size:1rem;font-weight:500;transition:transform .2s ease}
.environment-showcase-card:hover .environment-card-copy b,.environment-showcase-card:focus-visible .environment-card-copy b{transform:translate(2px,-2px)}
@media(max-width:850px){.brand-showcase-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem 1rem}.environment-showcase-heading{align-items:start;flex-direction:column;gap:.75rem}}
@media(max-width:620px){.brand-showcase-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .5rem;margin-top:1.5rem}.brand-showcase-item{min-height:72px;padding:.55rem}.brand-showcase-item img{height:50px}.environment-showcase-grid{grid-template-columns:1fr;gap:.75rem}.environment-showcase-card{aspect-ratio:1.38;min-height:260px}.environment-showcase-card:after{inset:25% 0 0}.environment-card-copy{inset:auto 1.15rem 1rem}.environment-card-copy>strong{font-size:2rem}.environment-card-copy>span{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.brand-showcase-item,.brand-showcase-item img,.environment-showcase-card img,.environment-card-copy b{transition:none}}

/* Reef Point home masthead and hero */
.hero{isolation:isolate;min-height:clamp(350px,27vw,560px);padding:clamp(2rem,4vw,4rem) clamp(2rem,9vw,8rem);background-color:#04132c;background-image:radial-gradient(ellipse at 70% 95%,rgba(0,119,227,.35),transparent 34%),linear-gradient(90deg,rgba(2,11,28,.97) 0%,rgba(2,14,34,.85) 40%,rgba(2,14,34,.16) 100%),var(--hero-image,linear-gradient(120deg,#04132c,#0c3760));background-position:center;background-size:cover;color:#fff}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 76% 85%,rgba(30,133,225,.22),transparent 34%);pointer-events:none}
.hero.hero-photo{background-image:linear-gradient(90deg,rgba(2,11,28,.93) 0%,rgba(2,14,34,.75) 42%,rgba(2,14,34,.18) 100%),var(--hero-image);background-position:center,center 48%;background-size:cover}
@media(max-width:760px){.hero.hero-photo{background-image:linear-gradient(180deg,rgba(2,11,28,.92) 0%,rgba(2,14,34,.68) 58%,rgba(2,14,34,.3) 100%),var(--hero-image);background-position:center,60% center}}
.hero-inner{max-width:540px}.hero .eyebrow{margin:0 0 .65rem;color:#fff;font-size:.65rem;letter-spacing:.19em}.hero h1{max-width:600px;margin:.25rem 0 .7rem;font-size:clamp(2.7rem,4.2vw,4.25rem);line-height:.91;letter-spacing:-.055em}.hero-inner>p:not(.eyebrow){max-width:370px;margin:.85rem 0 0;color:#e0eafa;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.4}.hero .actions{margin-top:1.25rem;gap:.65rem}.hero .button{min-height:40px;font-size:.65rem;border-radius:4px}.hero .button-outline{border-color:var(--reef-primary);color:#fff}.hero-product{position:absolute;inset:0 4% 0 42%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 61% 70%,rgba(25,124,227,.56),transparent 25%),radial-gradient(ellipse at 72% 32%,rgba(15,40,99,.72),transparent 46%)}.hero-product img{display:none}.hero-brand{position:absolute;right:6.5%;bottom:18%;z-index:2;display:grid;justify-items:end;gap:.35rem;text-align:right;text-transform:uppercase;color:#fff;font-weight:700;font-size:.58rem;line-height:1.45;letter-spacing:.08em}.hero-brand img{width:112px;max-height:48px;object-fit:contain;filter:brightness(0) invert(1)}.hero-controls{position:absolute;inset:auto 3.5% 1rem;display:flex;align-items:center;justify-content:space-between;color:#fff}.hero-controls>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff80;border-radius:50%;font-size:1.35rem}.hero-controls i{width:5px;height:5px;border-radius:50%;background:#d4eaff}
.site-header{position:relative;min-height:64px;justify-content:flex-start;gap:clamp(.8rem,2vw,1.7rem);padding:.45rem clamp(1rem,6.8vw,4.5rem);background:#03142f;border-bottom:1px solid #1c3960}.site-header .wordmark{flex:0 0 auto}.site-header .wordmark img{width:126px;max-height:50px}.site-header nav{flex:1;justify-content:center;gap:clamp(.6rem,1.55vw,1.25rem)}.site-header nav a{font-size:.72rem;white-space:nowrap;transition:color .18s ease}.site-header nav a span{color:#9eb6d0;font-size:.78rem}.site-header nav a:hover span{color:var(--reef-on-dark)}.header-cta{flex:0 0 auto;min-height:36px;padding:.45rem .75rem;border-radius:4px;color:#3abaff;background:transparent;text-transform:none;letter-spacing:0;font-size:.65rem}.header-cta:hover{color:white;background:var(--reef-primary)}.header-search{display:flex;align-items:center;flex:0 1 235px;height:36px;padding:0 .45rem 0 .8rem;border:1px solid #17375f;border-radius:8px;background:#0b2850}.header-search input{width:100%;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:white;font-size:.68rem;outline:0}.header-search input::placeholder{color:#90a6c3}.header-search button{border:0;background:transparent;color:#9bb8d7;font-size:1.2rem;cursor:pointer}.language-switch{display:flex;align-items:center;gap:.35rem;flex:0 0 auto;color:#9bb8d7;font-size:.64rem}.language-switch a{text-decoration:none;color:white}.language-switch a:not([aria-current]){color:#9bb8d7}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.site-header{gap:.8rem;padding-inline:1.2rem}.site-header nav{gap:.65rem}.site-header nav a{font-size:.65rem}.header-search{flex-basis:180px}.site-header .wordmark img{width:110px}}
@media(max-width:760px){.site-header{min-height:62px;flex-wrap:wrap;padding:.55rem 1rem;gap:.6rem}.site-header .wordmark img{width:108px}.menu-toggle{display:inline-flex;margin-left:auto;order:2;padding:.45rem .65rem;border:1px solid #ffffff55;border-radius:4px;background:transparent;color:white;font:inherit;font-size:.8rem}.site-header .language-switch{order:3}.site-header nav{display:none;order:5;width:100%;flex-basis:100%;align-items:stretch;flex-direction:column;padding:.35rem 0 .6rem;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:.58rem .25rem;border-top:1px solid #ffffff18;font-size:.8rem}.header-search{order:4;flex:1 1 100%;height:38px}.site-header .header-cta{order:6;display:inline-flex;min-height:36px}.hero{min-height:520px;align-items:flex-start;padding:4.25rem 1.35rem 4rem;background-position:60% center}.hero-inner{max-width:440px}.hero h1{font-size:clamp(2.7rem,12vw,4rem)}.hero-product{inset:38% 0 0 0;background:radial-gradient(ellipse at 70% 70%,rgba(25,124,227,.52),transparent 38%),linear-gradient(0deg,rgba(2,12,29,.12),transparent)}.hero-brand{right:8%;bottom:17%;font-size:.52rem}.hero-brand img{width:88px}.hero-controls{inset:auto 1rem .8rem}}
@media(max-width:1050px){.site-header .header-cta{display:inline-flex}}

/* Locally bundled Lucide icons and refined Reef Point composition. */
.icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.site-header nav .nav-chevron{width:.75rem;height:.75rem;margin-left:.12rem;color:#9eb6d0}
.header-search>.icon{color:#a9bfd8}
.header-search button{display:grid;place-items:center;width:24px;height:28px;padding:0}
.header-search button .icon{width:15px;height:15px}
.menu-toggle{align-items:center;gap:.45rem}
.hero{min-height:clamp(430px,38vw,600px);padding:clamp(3.25rem,6vw,5.4rem) clamp(1.4rem,9vw,8rem);background-image:linear-gradient(90deg,rgba(2,9,27,.94) 0%,rgba(3,13,33,.82) 35%,rgba(4,16,37,.42) 60%,rgba(3,11,28,.12) 100%),linear-gradient(0deg,rgba(2,10,27,.34),transparent 34%),var(--hero-image);background-position:center;background-size:cover}
.hero-inner{max-width:570px}
.hero .eyebrow{font-size:.67rem;letter-spacing:.18em}
.hero h1{font-size:clamp(3.2rem,5.35vw,5.4rem);line-height:.93;max-width:650px}
.hero-inner>p:not(.eyebrow){max-width:400px;font-size:clamp(1rem,1.38vw,1.2rem)}
.hero .actions{gap:.75rem;margin-top:1.55rem}
.hero .button{min-height:44px;padding:.75rem 1.05rem;font-size:.67rem}
.hero .button .icon{width:15px;height:15px}
.hero-product{position:absolute;z-index:1;inset:0 1% 0 auto;width:min(51%,720px);display:flex;align-items:center;justify-content:center;pointer-events:none;background:none}
.hero-product img{display:block;width:clamp(400px,47vw,650px);max-width:100%;height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 18px 28px rgba(0,0,0,.62)) saturate(1.12);transform:translate(1.5%,2%)}
.hero-brand{z-index:2;right:5.2%;bottom:13%;text-shadow:0 2px 12px #02091b}
.hero-controls svg{width:15px;height:15px}
.hero-controls>span:first-child svg{transform:rotate(180deg)}
.support-symbol .icon{width:1em;height:1em}
.footer-column a .icon,.dealer-card a .icon{width:.9rem;height:.9rem;margin-right:.3rem}
@media(max-width:760px){
  .hero{min-height:clamp(700px,calc(95vw + 180px),860px);padding:3.2rem 1.35rem 20rem;background-image:linear-gradient(180deg,rgba(2,9,27,.93) 0%,rgba(3,13,33,.83) 35%,rgba(4,16,37,.36) 65%,rgba(3,11,28,.18) 100%),linear-gradient(90deg,rgba(2,10,27,.42),transparent 100%),var(--hero-image);background-position:center;background-size:auto 100%}
  .hero h1{font-size:clamp(2.8rem,10vw,3.8rem);line-height:.94}
  .hero-inner{max-width:430px}
  .hero-inner>p:not(.eyebrow){max-width:360px}
  .hero-product{inset:auto 0 3.1rem auto;width:min(74vw,360px);height:auto;display:block}
  .hero-product img{width:100%;max-width:none;transform:none}
  .hero-brand{display:none}
  .hero-controls{z-index:3}
}

/* Institutional reef photo hero: keep the left copy legible while preserving coral detail. */
.hero{background-image:linear-gradient(90deg,rgba(2,10,25,.72) 0%,rgba(3,14,31,.58) 34%,rgba(4,18,38,.22) 62%,rgba(3,12,28,.06) 100%),linear-gradient(0deg,rgba(2,10,27,.2),transparent 38%),var(--hero-image);background-position:center;background-size:cover}
@media(max-width:760px){.hero{background-image:linear-gradient(180deg,rgba(2,10,25,.76) 0%,rgba(3,14,31,.57) 37%,rgba(4,18,38,.14) 76%,rgba(3,12,28,.06) 100%),var(--hero-image);background-position:center;background-size:cover}}

/* Compact brand rail and text-led environment strip. */
.brand-showcase{padding:1rem clamp(1rem,3vw,2.5rem);background:#f8fafc}
.brand-showcase-inner{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr) auto;align-items:center;gap:1.4rem;width:min(100%,1380px);min-height:54px;margin-inline:auto}
.brand-showcase h2{font-size:.58rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.brand-showcase-list{display:flex;align-items:center;justify-content:space-around;gap:clamp(.6rem,2vw,2rem);min-width:0;margin:0}
.brand-showcase-item{flex:1 1 0;min-height:38px;padding:.1rem .25rem;transition:opacity .2s ease}
.brand-showcase-item img{width:auto;height:42px;max-width:min(100%,135px);filter:none;opacity:1;transition:opacity .2s ease}
.brand-showcase-item.brand-marcorocks img,.brand-showcase-item.brand-illumagic img{filter:brightness(0) saturate(100%)}
.brand-showcase-item:hover,.brand-showcase-item:focus-visible{transform:none;opacity:.72}
.brand-showcase-fallback{font-size:clamp(.68rem,1vw,.95rem)}
.brand-showcase-all{display:inline-flex;align-items:center;gap:.4rem;color:#35516f;font-size:.58rem;font-weight:800;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.brand-showcase-all .icon{width:13px;height:13px}
.environment-showcase{padding:1rem clamp(1rem,3vw,2.5rem) 1.25rem;background:#fff}
.environment-showcase-inner{display:grid;grid-template-columns:minmax(150px,.82fr) repeat(4,minmax(0,1fr));align-items:stretch;gap:.65rem;width:min(100%,1380px)}
.environment-showcase-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;margin:0}
.environment-showcase-heading .eyebrow{margin:0;color:#35516f;font-size:.57rem;font-weight:800;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.environment-showcase-heading h2{font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:.98;letter-spacing:-.05em}
.environment-showcase-heading h2 span{color:var(--reef-primary)}
.environment-showcase-grid{display:contents}
.environment-showcase-card{aspect-ratio:1.18;min-height:155px;border-radius:7px}
.environment-showcase-card:after{inset:28% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(2,10,20,.86) 100%)}
.environment-card-copy{inset:auto 2.5rem .72rem .8rem;display:flex;align-items:flex-start;flex-direction:column;gap:.25rem}
.environment-card-copy>strong{font-size:clamp(.95rem,1.45vw,1.25rem);line-height:1.05;letter-spacing:-.03em}
.environment-card-copy>span{display:block;max-width:100%;font-size:clamp(.61rem,.76vw,.73rem);font-weight:400;line-height:1.32;letter-spacing:0}
.environment-card-arrow{position:absolute;z-index:1;right:.65rem;bottom:.65rem;display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffffa8;border-radius:50%;background:#03142f88;color:#fff;transition:background .2s ease,transform .2s ease}
.environment-card-arrow .icon{width:14px;height:14px}
.environment-showcase-card:hover .environment-card-arrow,.environment-showcase-card:focus-visible .environment-card-arrow{transform:translateX(2px);background:var(--reef-primary)}
@media(max-width:900px){.brand-showcase-inner{grid-template-columns:1fr auto;gap:.75rem 1rem}.brand-showcase-list{grid-column:1/-1;grid-row:2;order:3}.brand-showcase-all{grid-column:2;grid-row:1}.environment-showcase-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.environment-showcase-heading{grid-column:1/-1;min-height:80px}.environment-showcase-heading h2 br{display:none}.environment-showcase-heading h2{font-size:2rem}}
@media(max-width:620px){.brand-showcase{padding:.8rem 1rem}.brand-showcase-inner{grid-template-columns:1fr auto}.brand-showcase h2{white-space:normal}.brand-showcase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.brand-showcase-item{min-height:42px;padding:.15rem}.brand-showcase-item img{height:34px}.brand-showcase-fallback{font-size:.72rem}.brand-showcase-all{font-size:.52rem}.environment-showcase{padding:.85rem 1rem 1.25rem}.environment-showcase-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.environment-showcase-heading{grid-column:1/-1;min-height:0;padding:.45rem 0 .65rem}.environment-showcase-heading h2{font-size:2.25rem}.environment-showcase-grid{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.environment-showcase-card{aspect-ratio:.96;min-height:180px}.environment-showcase-card:after{inset:20% 0 0}.environment-card-copy{inset:auto 2.35rem .7rem .7rem;gap:.22rem}.environment-card-copy>strong{font-size:1rem}.environment-card-copy>span{font-size:.62rem}.environment-card-arrow{right:.5rem;bottom:.55rem;width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.environment-card-arrow{transition:none}}

/* Editorial technology feature, arranged to match the supplied reference. */
.technology-showcase{display:grid;grid-template-columns:minmax(205px,.94fr) repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.25rem);align-items:stretch;width:min(100%,1440px);margin:0 auto;padding:clamp(1.3rem,2.3vw,2rem) clamp(1rem,2.2vw,2rem);background:#f7f9fc}
.technology-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.25rem .4rem}
.technology-intro .eyebrow{margin:0 0 .75rem;color:#536884;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.technology-intro h2{margin:0;color:#091a35;font-size:clamp(2rem,3.3vw,3.05rem);line-height:.98;letter-spacing:-.055em}
.technology-intro>p:not(.eyebrow){max-width:270px;margin:.8rem 0 1.2rem;color:#344660;font-size:1rem;line-height:1.45}
.technology-intro .button{min-height:44px;padding:.7rem 1rem;font-size:.73rem}
.technology-cards{display:contents}
.technology-card{position:relative;display:block;min-height:235px;aspect-ratio:1.08;overflow:hidden;border-radius:6px;background:#03142f;color:#fff;text-decoration:none}
.technology-card:after{position:absolute;inset:34% 0 0;content:"";background:linear-gradient(180deg,transparent 0%,rgba(0,13,29,.9) 100%)}
.technology-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.technology-card:hover>img,.technology-card:focus-visible>img{transform:scale(1.045)}
.technology-card-copy{position:absolute;z-index:1;inset:auto 1rem .9rem;display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;text-shadow:0 1px 8px #001124}
.technology-card-copy>strong{font-size:clamp(1.2rem,1.8vw,1.65rem);font-weight:800;letter-spacing:-.04em}
.technology-brand-logo{display:block;width:auto;max-width:min(68%,170px);height:auto;max-height:34px;object-fit:contain;object-position:left center}
.technology-card-copy>span:nth-child(2){font-size:.82rem;line-height:1.35;color:#e1eafa}
.technology-card-copy>span:last-child{display:inline-flex;align-items:center;gap:.35rem;margin-top:.22rem;color:#58c2ff;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.technology-card-copy .icon{width:14px;height:14px}
.site-header .wordmark img{width:148px;max-height:62px;object-fit:contain;background:transparent;filter:none;box-shadow:none;opacity:1;mix-blend-mode:normal}
.site-header nav a{font-size:.78rem}
.header-cta{font-size:.72rem}
.brand-showcase h2{font-size:.68rem}
.brand-showcase-all{font-size:.68rem}
.environment-showcase-heading .eyebrow{font-size:.66rem}
.environment-card-copy>span{font-size:clamp(.68rem,.84vw,.78rem)}
body{font-size:1.025rem}
@media(max-width:900px){.technology-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.technology-intro{grid-column:1/-1;min-height:145px}.technology-intro h2 br{display:none}.technology-intro h2{font-size:2.5rem}.technology-intro>p:not(.eyebrow){max-width:500px;margin:.5rem 0 .8rem}}
@media(max-width:620px){.technology-showcase{grid-template-columns:1fr;padding:1rem;gap:.7rem}.technology-intro{grid-column:auto;padding:.25rem 0 .55rem}.technology-intro h2{font-size:2.65rem}.technology-intro>p:not(.eyebrow){font-size:1rem}.technology-card{min-height:230px;aspect-ratio:1.4}.technology-card-copy{inset:auto 1rem .85rem}.site-header .wordmark img{width:124px;max-height:52px}.brand-showcase-all{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.technology-card>img{transition:none}}
.header-search{gap:.55rem}
.header-search input{flex:1 1 auto;width:0}

.technology-card{width:100%;padding:0;border:0;font:inherit;text-align:left;cursor:pointer;isolation:isolate}
.technology-card:after{inset:0;background:linear-gradient(180deg,rgba(0,12,29,.08) 10%,rgba(0,12,29,.3) 40%,rgba(0,12,29,.94) 100%);pointer-events:none}
.technology-card>img{z-index:-1}
.technology-card[data-home-video="OCJ0us5-hZU"]>img{transform:scale(1.35)}
.technology-card[data-home-video="OCJ0us5-hZU"]:hover>img,.technology-card[data-home-video="OCJ0us5-hZU"]:focus-visible>img{transform:scale(1.4)}
.technology-card-copy{right:1rem;gap:.45rem}
.technology-card-copy>strong{font-size:clamp(1.05rem,1.4vw,1.38rem);line-height:1.15}
.technology-card-copy>span:last-child{display:block;margin:0;color:#e1eafa;font-size:.78rem;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none}
.technology-play{position:absolute;z-index:1;top:1rem;left:1rem;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffffa8;border-radius:50%;background:#071a35a8;color:#fff;backdrop-filter:blur(5px);transition:background .2s ease,transform .2s ease}
.technology-play .icon{width:22px;height:22px;fill:currentColor}
.technology-empty{grid-column:2/-1;align-self:center;margin:0;padding:2rem;border:1px solid #dbe7f0;border-radius:6px;color:#344660;text-align:center}
.technology-card:hover .technology-play,.technology-card:focus-visible .technology-play{background:var(--reef-primary);transform:scale(1.06)}
.technology-card:focus-visible{outline:3px solid var(--reef-primary);outline-offset:3px}
.home-video-dialog{width:min(960px,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:1px solid #d4e5ef;border-radius:14px;background:#071a35;color:#fff;box-shadow:0 28px 90px #0011249c;overflow:auto}
.home-video-dialog::backdrop{background:rgba(2,11,27,.82)}
.home-video-dialog-panel{position:relative;padding:clamp(.7rem,2vw,1.3rem)}
.home-video-dialog h2{margin:0 3rem .8rem 0;font-size:clamp(1rem,2vw,1.4rem);line-height:1.25}
.home-video-dialog-close{position:absolute;top:.55rem;right:.65rem;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.7rem;cursor:pointer}
.home-video-dialog-close:hover,.home-video-dialog-close:focus-visible{background:var(--reef-primary)}
.home-video-dialog-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.home-video-frame{width:100%;aspect-ratio:16/9;background:#020b1b}
.home-video-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:620px){.home-video-dialog{width:calc(100vw - 1rem)}.technology-card-copy>strong{font-size:1.3rem}}
@media(max-width:900px){.technology-empty{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.technology-play{transition:none}}

/* Institutional story: one continuous reef backdrop with a restrained video frame. */
.institutional{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;gap:clamp(1rem,2.5vw,2.5rem);min-height:470px;padding:clamp(2.5rem,4.5vw,4.5rem) clamp(1.5rem,5vw,5rem);color:#fff;background:linear-gradient(90deg,rgba(2,10,25,.98) 0%,rgba(2,13,31,.96) 24%,rgba(5,21,42,.86) 39%,rgba(34,55,76,.62) 52%,rgba(150,168,184,.5) 66%,rgba(237,244,249,.88) 84%,rgba(255,255,255,.98) 100%),url('/static/images/estoque2.webp') center/cover no-repeat}
.institutional-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;color:#fff}
.institutional-copy .eyebrow{margin:0 0 .8rem;color:#f4f8fc;font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.institutional-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(2.5rem,3.55vw,3.75rem);line-height:1.04;letter-spacing:-.052em;text-shadow:0 2px 18px #00132b55}
.institutional-copy>p:not(.eyebrow){max-width:550px;margin:1.15rem 0 1.45rem;color:#f0f5fa;font-size:clamp(.98rem,1.1vw,1.12rem);line-height:1.5}
.institutional-copy .button{min-height:50px;padding:.75rem 1.2rem;border:2px solid #05b9f5;border-radius:8px;background:#071a35aa;color:#fff;font-size:.75rem;letter-spacing:.08em}
.institutional-video{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:.65rem}
.institutional-video-frame{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:linear-gradient(130deg,rgba(5,22,46,.34),rgba(5,22,46,.08)),url('/static/images/estoque2.webp') center/cover no-repeat;box-shadow:0 20px 50px rgba(7,26,53,.2)}
.institutional-video-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.institutional-audio-toggle{position:absolute;z-index:1;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(5,20,40,.82);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.25);cursor:pointer;backdrop-filter:blur(6px)}
.institutional-audio-toggle[hidden]{display:none}
.institutional-audio-toggle:hover{background:rgba(5,20,40,.96)}
.institutional-audio-toggle:focus-visible{outline:3px solid #35a9f4;outline-offset:3px}
.institutional-audio-toggle .icon{width:20px;height:20px}
.institutional-video-fallback{display:inline-flex;align-items:center;gap:.35rem;color:#345b79;font-size:.69rem;font-weight:750;letter-spacing:.03em;text-decoration:none}
.institutional-video-fallback:hover,.institutional-video-fallback:focus-visible{color:var(--reef-primary);text-decoration:underline}
.institutional-video-fallback:focus-visible{outline:2px solid var(--reef-primary);outline-offset:3px}
.institutional-video-fallback .icon{width:13px;height:13px}
@media(max-width:950px){.institutional{grid-template-columns:1fr;gap:2rem;min-height:0;padding:3.5rem clamp(1.5rem,6vw,4rem);background:linear-gradient(180deg,rgba(2,10,25,.98) 0%,rgba(3,17,37,.94) 25%,rgba(17,40,63,.8) 43%,rgba(117,145,167,.62) 62%,rgba(239,246,251,.9) 84%,#fff 100%),url('/static/images/estoque2.webp') center/cover no-repeat}.institutional-copy{max-width:700px}.institutional-video{width:min(100%,760px);justify-self:center;align-items:flex-end}}
@media(max-width:560px){.institutional{gap:1.75rem;padding:3rem 1.25rem 2.5rem}.institutional-copy h2{font-size:clamp(2.4rem,9vw,3rem)}.institutional-copy>p:not(.eyebrow){font-size:.98rem}.institutional-video{width:100%}.institutional-video-frame{border-radius:11px}}

/* Home: dealer locator. Keep the map and spotlight in the document flow at every width. */
.dealer-feature{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,2.5vw,3rem);min-height:500px;padding:clamp(3.25rem,5vw,5.5rem) clamp(1.5rem,5vw,5.5rem);overflow:hidden;background:linear-gradient(90deg,rgba(2,9,20,.83) 0%,rgba(2,10,21,.62) 48%,rgba(2,9,20,.77) 100%),url('/static/images/fundoTodoBRasil.jpg') center 48%/cover no-repeat,#07101b}
.dealer-feature-copy{min-width:0;max-width:420px;color:#fff}
.dealer-feature-copy .eyebrow{margin:0 0 1.05rem;color:#9ccae5;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.dealer-feature-copy h2{margin:0;color:#fff;font-size:clamp(2.35rem,3.45vw,3.8rem);font-weight:750;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
.dealer-feature-copy>p:not(.eyebrow){max-width:350px;margin:1.15rem 0 1.7rem;color:#e2edf5;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.55}
.dealer-feature-search{display:flex;width:100%;max-width:420px;min-height:54px;padding:4px;border:1px solid rgba(221,236,247,.8);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(0,0,0,.18);transition:border-color .2s ease,box-shadow .2s ease}
.dealer-feature-search:focus-within{border-color:#48a9dd;box-shadow:0 0 0 3px rgba(78,172,222,.27),0 12px 30px rgba(0,0,0,.18)}
.dealer-feature-search input{flex:1;min-width:0;padding:0 .9rem;border:0;outline:0;background:transparent;color:#122e49;font:inherit;font-size:.87rem}
.dealer-feature-search input::placeholder{color:#687d8e;opacity:1}
.dealer-feature-search button{display:grid;flex:0 0 46px;place-items:center;border:0;border-radius:7px;background:#123b5e;color:#fff;cursor:pointer;transition:background .2s ease}
.dealer-feature-search button:hover,.dealer-feature-search button:focus-visible{background:var(--reef-primary)}
.dealer-feature-search button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.dealer-feature-search .icon{width:20px;height:20px}
.dealer-portrait{display:grid;min-width:0;place-items:center;margin:0}
.dealer-portrait-image{display:block;width:100%;max-width:500px;max-height:500px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 15px 24px rgba(0,6,15,.3))}
.dealer-feature-side{display:flex;min-width:0;flex-direction:column;gap:1.15rem}
.dealer-spotlight{min-height:178px;overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:15px;background:rgba(248,251,254,.97);box-shadow:0 18px 42px rgba(0,9,24,.22)}
.dealer-spotlight-card{display:grid;grid-template-columns:minmax(96px,35%) minmax(0,1fr);align-items:center;gap:1rem 1.25rem;min-height:210px;padding:1.1rem}
.dealer-spotlight-card[hidden]{display:none}
.dealer-spotlight-photo,.dealer-spotlight-placeholder{display:block;width:100%;height:145px;object-fit:contain;border:1px solid #e5edf2;border-radius:10px;background:#fff}
.dealer-spotlight-placeholder{display:grid;place-items:center;color:#54718a;background:#eaf1f5}
.dealer-spotlight-placeholder .icon{width:36px;height:36px}
.dealer-spotlight-info{min-width:0}
.dealer-spotlight-info h3{margin:0 0 .4rem;color:#102c46;font-size:clamp(1.05rem,1.28vw,1.3rem);line-height:1.2;overflow-wrap:anywhere}
.dealer-spotlight-info p{margin:0 0 .75rem;color:#61758a;font-size:.84rem;line-height:1.35}
.dealer-badge{display:inline-flex;align-items:center;padding:.32rem .58rem;border:1px solid #c9dce9;border-radius:999px;background:#eef5f9;color:#245d82;font-size:.65rem;font-weight:750;line-height:1.2}
.dealer-map-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;margin-top:1.2rem;padding:.55rem .75rem;border-radius:7px;background:#123b5e;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,transform .2s ease}
.dealer-spotlight-info .dealer-map-link{display:flex;width:max-content;max-width:100%}
.dealer-spotlight-note{grid-column:1/-1;margin:0;padding-top:.9rem;border-top:1px solid #dbe5ec;color:#637589;font-size:.72rem;line-height:1.45}
.dealer-map-link:hover,.dealer-map-link:focus-visible{background:var(--reef-primary);color:#fff;transform:translateY(-1px)}
.dealer-map-link:focus-visible,.dealer-all-link:focus-visible{outline:2px solid #47b3ec;outline-offset:3px}
.dealer-map-link .icon,.dealer-all-link .icon{width:15px;height:15px}
.dealer-spotlight-empty{display:flex;min-height:178px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem;padding:1.25rem}
.dealer-spotlight-empty strong{color:#102c46;font-size:1.05rem}
.dealer-all-link{display:inline-flex;align-items:center;justify-content:flex-end;align-self:flex-end;gap:.55rem;padding:.4rem 0;border-bottom:1px solid rgba(225,239,250,.65);color:#e4f4ff;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}
.dealer-all-link:hover,.dealer-all-link:focus-visible{border-color:#fff;color:#fff}
@media(max-width:1120px){.dealer-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.75rem 2.5rem;padding:3.5rem clamp(1.5rem,5vw,4rem)}.dealer-portrait{grid-column:2;grid-row:1}.dealer-feature-side{grid-column:1/-1;grid-row:2;width:min(100%,480px);justify-self:center}.dealer-feature-copy{max-width:440px}}
@media(max-width:720px){.dealer-feature{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:3rem clamp(1.25rem,5vw,2rem)}.dealer-feature-copy{max-width:560px}.dealer-feature-copy h2{font-size:clamp(2.35rem,9vw,3.5rem)}.dealer-feature-copy>p:not(.eyebrow){margin:1rem 0 1.35rem}.dealer-portrait{grid-column:1;grid-row:2;width:min(100%,500px);justify-self:center}.dealer-feature-side{grid-column:1;grid-row:3;width:min(100%,500px)}.dealer-all-link{align-self:center}}
@media(max-width:420px){.dealer-spotlight-card{grid-template-columns:92px minmax(0,1fr);gap:.8rem;padding:.75rem}.dealer-spotlight-photo,.dealer-spotlight-placeholder{height:126px}.dealer-spotlight-info h3{font-size:1rem}.dealer-badge{font-size:.6rem}.dealer-map-link{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.dealer-feature-search,.dealer-feature-search button,.dealer-map-link,.dealer-all-link{transition:none}}

/* Compact support navigation across the Home. */
.support-strip{padding:.6rem clamp(1rem,3vw,2.5rem);background-color:#03142f;background-image:linear-gradient(90deg,rgba(2,12,29,.93),rgba(3,17,38,.88)),url('/static/images/hero/reef-tank.jpg');background-position:center 56%;background-size:cover;color:#fff}
.support-strip-inner{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(0,4fr);align-items:center;gap:clamp(1rem,2.5vw,2.5rem);width:min(100%,1440px);margin-inline:auto}
.support-intro .eyebrow{margin:0 0 .4rem;color:#fff;font-size:.6rem;line-height:1.3;letter-spacing:.11em}
.support-intro h2{margin:0;color:#fff;font-size:clamp(1.5rem,2.25vw,2.1rem);line-height:1.02;letter-spacing:-.04em}
.support-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.support-link{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-content:center;align-items:start;gap:.35rem .5rem;min-width:0;min-height:78px;padding:.25rem clamp(.7rem,1.4vw,1.4rem);border-top:0;border-left:1px solid rgba(190,216,243,.15);color:#fff;text-decoration:none;transition:background-color .2s ease}
.support-link:first-child{border-left:0}
.support-link:hover,.support-link:focus-visible{background:rgba(21,157,242,.12)}
.support-link:focus-visible{outline:2px solid var(--reef-on-dark);outline-offset:-2px}
.support-link .support-symbol{grid-column:1;grid-row:1;width:26px;height:26px;color:#20aafa;stroke-width:1.8}
.support-copy{grid-column:1/-1;grid-row:2;min-width:0}
.support-link strong,.support-link small{display:block}
.support-link strong{font-size:clamp(.68rem,.85vw,.82rem);line-height:1.2;font-weight:750}
.support-link small{margin-top:.2rem;color:#d1ddeb;font-size:clamp(.6rem,.72vw,.72rem);line-height:1.25}
.support-link .support-arrow{grid-column:2;grid-row:1;width:14px;height:14px;margin-top:.3rem;color:#82cafa;transition:transform .2s ease}
.support-link:hover .support-arrow,.support-link:focus-visible .support-arrow{transform:translateX(3px)}
@media(max-width:800px){.support-strip-inner{grid-template-columns:1fr;gap:1rem}.support-links{grid-template-columns:repeat(2,minmax(0,1fr))}.support-link{min-height:84px;border-top:1px solid rgba(190,216,243,.15)}.support-link:nth-child(odd){border-left:0}}
@media(max-width:580px){.support-strip{padding:1.5rem 1rem}.support-intro h2{font-size:1.85rem}.support-links{grid-template-columns:1fr}.support-link{grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;min-height:68px;padding:.65rem .25rem;border-left:0}.support-link .support-symbol{grid-column:1;grid-row:1}.support-copy{grid-column:2;grid-row:1}.support-link .support-arrow{grid-column:3;grid-row:1;margin-top:0}.support-link strong{font-size:.82rem}.support-link small{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.support-link,.support-link .support-arrow{transition:none}}

/* Show only the header logo lettering in white on the dark navigation. */
.site-header .header-logo{position:relative;display:block;width:100px}
.site-header .wordmark img{display:block;width:100%;max-height:60px;filter:none}
.site-header .header-logo>img:first-child{clip-path:inset(0 0 26% 0)}
.site-header .wordmark .header-logo-white-text{position:absolute;inset:0;width:100%;height:100%;max-height:none;filter:brightness(0) invert(1);clip-path:inset(74% 0 0);pointer-events:none}
.footer-brand .wordmark img{display:block;width:120px;max-height:none}
@media(max-width:620px){.site-header .header-logo{width:88px}.site-header .wordmark img{max-height:52px}}