.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}}

/* Ocean Clean Import 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 Ocean Clean Import 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: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="abcdefghijk"]>img{transform:scale(1.35)}
.technology-card[data-home-video="abcdefghijk"]:hover>img,.technology-card[data-home-video="abcdefghijk"]: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{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(2rem,3.5vw,3rem);padding:clamp(3rem,5vw,4.5rem) clamp(1.5rem,5vw,5rem) clamp(2.5rem,4vw,3.5rem);overflow:hidden;color:#fff;background:#04122a}
.institutional-media{position:absolute;z-index:-2;top:0;right:0;bottom:0;width:62%;background:#06203f url('/static/video/institucional-recife-poster.jpg') center/cover no-repeat}
.institutional-video-bg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.institutional::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:62%;background:linear-gradient(90deg,#04122a 0%,rgba(4,18,42,.82) 22%,rgba(4,18,42,.4) 48%,rgba(4,18,42,0) 78%),linear-gradient(180deg,rgba(4,18,42,.1) 0%,rgba(4,18,42,.1) 55%,#04122a 100%)}
.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:560px;margin:1.15rem 0 1.45rem;text-align:justify;hyphens:manual;text-wrap:pretty;color:#f0f5fa;font-size:clamp(.98rem,1.1vw,1.12rem);line-height:1.5}
.institutional-copy>p:not(.eyebrow)+p:not(.eyebrow){margin-top:0}
.institutional-copy h2 span{color:#5ac8fa}
.institutional-copy .button.button-light{min-height:50px;padding:.75rem 1.4rem;border:0;border-radius:8px;background:#119ee8;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em}
.institutional-copy .button.button-light:hover,.institutional-copy .button.button-light:focus-visible{border:0;background:#2bb2f5;color:#fff}
.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/placeholder.svg') 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{padding:3.5rem clamp(1.5rem,6vw,4rem) 3rem}.institutional-media{width:100%;bottom:auto;height:420px}.institutional::before{width:100%;bottom:auto;height:420px;background:linear-gradient(180deg,rgba(4,18,42,.7) 0%,rgba(4,18,42,.55) 40%,#04122a 100%)}.institutional-copy{max-width:700px}.institutional-video{width:min(100%,760px);justify-self:center;align-items:flex-end}}
@media(max-width:560px){.institutional-copy>p:not(.eyebrow){text-align:left}.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,1.4fr) minmax(320px,.8fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);min-height:520px;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/revendedores-fundo.jpg') center 48%/cover no-repeat,#07101b}
.dealer-feature-copy{min-width:0;max-width:840px;color:#fff}
.dealer-feature .dealer-feature-copy .eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 1.1rem;color:#35b4f0;font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.dealer-feature-copy .eyebrow::before{content:"";width:28px;height:2px;background:#35b4f0}
.dealer-feature-copy h2{margin:0;color:#fff;font-size:clamp(2.35rem,4vw,4rem);font-weight:750;line-height:1.05;letter-spacing:-.05em}
.dealer-feature-copy h2 span{color:#2ab4f6}
.dealer-feature-copy>.dealer-feature-lead{max-width:540px;margin:1.3rem 0 1.7rem;color:#e2edf5;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.55}
.dealer-feature-search{display:flex;align-items:center;width:100%;max-width:640px;min-height:58px;padding:4px;border:1px solid rgba(221,236,247,.8);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);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-search-pin{display:grid;flex:0 0 auto;place-items:center;padding:0 .2rem 0 1rem;color:#123b5e}
.dealer-search-pin .icon{width:20px;height:20px}
.dealer-feature-search input{flex:1;min-width:0;padding:0 .9rem;border:0;outline:0;background:transparent;color:#122e49;font:inherit;font-size:.95rem}
.dealer-feature-search input::placeholder{color:#687d8e;opacity:1}
.dealer-feature-search button{display:grid;flex:0 0 52px;align-self:stretch;place-items:center;border:0;border-radius:6px;background:#0d3a66;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-all-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.4rem;padding:.4rem 0;border-bottom:1px solid #35b4f0;color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}
.dealer-all-link:hover,.dealer-all-link:focus-visible{color:#8fd8ff}
.dealer-all-link:focus-visible,.dealer-map-link:focus-visible{outline:2px solid #47b3ec;outline-offset:3px}
.dealer-all-link .icon,.dealer-map-link .icon{width:15px;height:15px}
.dealer-benefits{display:flex;flex-wrap:wrap;gap:1rem 0;margin:2.6rem 0 0;padding:0;list-style:none}
.dealer-benefits li{display:flex;align-items:center;gap:.7rem;padding:0 1.15rem;border-left:1px solid rgba(190,216,243,.22)}
.dealer-benefits li:first-child{padding-left:0;border-left:0}
.dealer-benefit-icon{display:grid;flex:0 0 auto;width:50px;height:50px;place-items:center;border:1px solid rgba(120,175,225,.25);border-radius:12px;background:rgba(10,32,66,.78);color:#4fc1ff}
.dealer-benefit-icon .icon{width:26px;height:26px}
.dealer-benefits strong,.dealer-benefits small{display:block}
.dealer-benefits strong{color:#fff;font-size:.95rem;font-weight:600;line-height:1.25}
.dealer-benefits small{margin-top:.2rem;color:#c7d8ea;font-size:.78rem;line-height:1.3}
.dealer-feature-side{min-width:0}
.dealer-spotlight{padding:1.6rem 1.7rem;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(250,252,255,.97);box-shadow:0 22px 50px rgba(0,9,24,.35);color:#122e49}
.dealer-spotlight-kicker{display:flex;align-items:center;gap:.7rem;margin:0 0 1.1rem;color:#4a617a;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.dealer-spotlight-kicker::before{content:"";width:28px;height:2px;background:#35b4f0}
.dealer-spotlight-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,36%,230px);align-items:start;gap:1rem 1.4rem}
.dealer-spotlight-card[hidden]{display:none}
.dealer-spotlight-info{min-width:0}
.dealer-spotlight-info h3{margin:0 0 .7rem;color:#0a2540;font-size:clamp(1.3rem,1.9vw,1.75rem);font-weight:750;line-height:1.15;letter-spacing:-.03em;overflow-wrap:anywhere}
.dealer-spotlight-info .dealer-spotlight-place{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;padding-bottom:.9rem;border-bottom:1px solid #dbe5ec;color:#4a617a;font-size:1rem}
.dealer-spotlight-place .icon{width:16px;height:16px;color:#2b95d6}
.dealer-spotlight-info .dealer-spotlight-text{margin:.85rem 0 0;color:#3d546b;font-size:1rem;line-height:1.55}
.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-spotlight-photo,.dealer-spotlight-placeholder{display:block;width:100%;aspect-ratio:1;padding:.5rem;object-fit:contain;border:1px solid #e5edf2;border-radius:16px;background:#fff}
.dealer-spotlight-fallback{padding:.25rem}
.dealer-map-link{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:50px;padding:.6rem 1rem;border-radius:8px;background:#071d3d;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,transform .2s ease}
.dealer-map-link:hover,.dealer-map-link:focus-visible{background:var(--reef-primary);color:#fff;transform:translateY(-1px)}
.dealer-spotlight-note{grid-column:1/-1;margin:.2rem 0 0;padding-top:.9rem;border-top:1px solid #dbe5ec;color:#637589;font-size:.74rem;line-height:1.45}
.dealer-spotlight-empty{display:flex;min-height:150px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem}
.dealer-spotlight-empty strong{color:#102c46;font-size:1.05rem}
.dealer-spotlight-empty .dealer-map-link{width:100%}
@media(max-width:1120px){.dealer-feature{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding:3.5rem clamp(1.5rem,5vw,4rem)}.dealer-feature-side{width:min(100%,560px)}}
@media(max-width:720px){.dealer-feature{padding:3rem clamp(1.25rem,5vw,2rem)}.dealer-benefits{flex-direction:column;gap:1.1rem;margin-top:2rem}.dealer-benefits li{padding:0;border-left:0}.dealer-spotlight{padding:1.25rem}}
@media(max-width:420px){.dealer-spotlight-card{grid-template-columns:minmax(0,1fr) 92px}.dealer-spotlight-info h3{font-size:1.15rem}}
@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/placeholder.svg');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}}

.institutional .pillars-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.7fr);gap:clamp(1rem,1.6vw,1.5rem);align-items:stretch}
.pillar-card{display:flex;gap:1.1rem;padding:1.5rem 1.6rem;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:linear-gradient(180deg,#fff 0%,#eef6fc 100%);color:#122e49;box-shadow:0 14px 34px rgba(0,8,24,.28)}
.pillar-icon{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:50%;background:#dcedfa;color:#0f6fae}
.pillar-icon .icon{width:24px;height:24px}
.pillar-body{min-width:0}
.pillar-card h3{margin:.1rem 0 .55rem;color:#0a2540;font-size:1.2rem;letter-spacing:-.02em}
.pillar-card h3::after{content:"";display:block;width:34px;height:3px;margin-top:.5rem;border-radius:2px;background:#119ee8}
.pillar-card p{margin:0;color:#2c4660;font-size:.96rem;line-height:1.6;text-align:left}
.pillar-card:last-child p{font-size:.92rem;line-height:1.55;text-align:justify;hyphens:manual;text-wrap:pretty}
@media(max-width:1100px){.institutional .pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.institutional .pillars-grid{grid-template-columns:1fr}.pillar-card{padding:1.25rem}.pillar-card:last-child p{text-align:left;hyphens:none}}

@media(prefers-reduced-motion:reduce){.institutional-video-bg{display:none}}

/* Home: marcas representadas (cartões com fotografia de recife; fotos reais recortadas em static/images/marcas-cards). */
.brand-cards{padding:clamp(3rem,5vw,4.5rem) clamp(1.25rem,5vw,5rem);background:linear-gradient(180deg,#f6f9fd 0%,#fff 100%)}
.brand-cards-inner{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,3fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);width:min(100%,1380px);margin-inline:auto}
.brand-cards-copy .eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;color:#2b8bd0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.brand-cards-copy .eyebrow::before{content:"";width:28px;height:2px;background:#2b8bd0}
.brand-cards-copy h2{margin:0;color:#0a1c38;font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1.1;letter-spacing:-.04em;white-space:normal;text-wrap:balance}
.brand-cards-copy>p:not(.eyebrow){margin:1rem 0 1.5rem;color:#4a5f78;font-size:1rem;line-height:1.55}
.brand-cards-copy .brand-cards-all{display:inline-flex;gap:.7rem;min-height:50px;padding:.75rem 1.4rem;border:0;border-radius:8px;background:#0a2a52;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.brand-cards-copy .brand-cards-all:hover,.brand-cards-copy .brand-cards-all:focus-visible{background:#0f4a8a;color:#fff}
.brand-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.3vw,1.2rem)}
.brand-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:430px;overflow:hidden;border-radius:12px;background:#0a2a52 var(--tile-photo) center/cover no-repeat;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(8,30,60,.18);transition:transform .25s ease,box-shadow .25s ease}
.brand-tile:nth-child(4n+1){--tile-photo:url('/static/images/marcas-cards/card-1.jpg')}
.brand-tile:nth-child(4n+2){--tile-photo:url('/static/images/marcas-cards/card-2.jpg')}
.brand-tile:nth-child(4n+3){--tile-photo:url('/static/images/marcas-cards/card-3.jpg')}
.brand-tile:nth-child(4n+4){--tile-photo:url('/static/images/marcas-cards/card-4.jpg')}
.brand-tile::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 15%,rgba(255,255,255,0) 38%),linear-gradient(0deg,rgba(4,16,38,.96) 0%,rgba(4,16,38,.82) 34%,rgba(4,16,38,0) 62%)}
.brand-tile:hover,.brand-tile:focus-visible{transform:translateY(-4px);box-shadow:0 20px 42px rgba(8,30,60,.28)}
.brand-tile:focus-visible{outline:3px solid #35a9f4;outline-offset:3px}
.brand-tile-logo{display:grid;place-items:center;padding:1.4rem 1.2rem 0;min-height:110px}
.brand-tile-logo img{display:block;width:auto;max-width:82%;max-height:70px;object-fit:contain;mix-blend-mode:multiply}
.brand-tile-body{display:flex;flex-direction:column;gap:.55rem;padding:0 1.3rem 1.3rem}
.brand-tile-body strong{font-size:1.25rem;letter-spacing:-.02em}
.brand-tile-text{color:#dce8f4;font-size:.9rem;line-height:1.45}
.brand-tile-cta{white-space:nowrap;display:inline-flex;align-items:center;gap:.55rem;align-self:flex-start;margin-top:.5rem;padding-bottom:.3rem;border-bottom:2px solid #35b4f0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.brand-tile-cta .icon{width:15px;height:15px;transition:transform .2s ease}
.brand-tile:hover .brand-tile-cta .icon{transform:translateX(3px)}
@media(max-width:1300px){.brand-cards-inner{grid-template-columns:1fr}.brand-cards-copy{max-width:560px}}
@media(max-width:1100px){.brand-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-cards-grid{grid-template-columns:1fr}.brand-tile{min-height:380px}}
@media(prefers-reduced-motion:reduce){.brand-tile,.brand-tile-cta .icon{transition:none}}