/* Identidade visual Fenix: legibilidade e apresentação consistente. */
html{-webkit-text-size-adjust:100%}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.18;letter-spacing:-.015em;text-wrap:balance}
p,li{line-height:1.7}
.step,.service{border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(4,38,65,.12)}
.step{border:1px solid #2c7394;background:linear-gradient(135deg,#092f4d,#0b3d5b)}
.step .text{padding:clamp(24px,3.4vw,42px)}
.step .text h2{font-size:clamp(23px,2.4vw,30px);color:#95e4ff;margin-bottom:14px}
.step .text p{font-size:clamp(16px,1.15vw,18px);color:#f1f8fc}
.step img,.service img{display:block;object-fit:cover;object-position:center;min-width:0}
.service .body h2,.brochure-intro h2,main>h2{color:#075487}
.service .body{padding:clamp(25px,3vw,38px)}
.service .body h2{font-size:clamp(24px,2.6vw,32px)}
.service .body li{margin-block:.35em}
.card{overflow:hidden;border-radius:14px;box-shadow:0 8px 26px rgba(5,42,70,.13)}
.card img{display:block;object-fit:cover;object-position:center}
.card-body h2,.card-body h3{color:#075487}
.brochure-intro{border-left-color:#00a7dd}
a:focus-visible,button:focus-visible{outline:3px solid #32c2f3;outline-offset:3px}
@media(max-width:600px){.step img{height:auto;aspect-ratio:16/10;min-height:0}.step .text{padding:24px 20px}.service img{height:auto;aspect-ratio:16/10;min-height:0}.service .body{padding:24px 20px}}

/* Cabeçalho inspirado nos tons azul e ciano da marca. */
.topbar{background:linear-gradient(100deg,#062b5c 0%,#064e9c 75%,#0572b8 100%);color:#fff}
.topbar .inner{font-weight:600;letter-spacing:.035em}
.header{border-bottom:2px solid #d8edf7;box-shadow:0 5px 20px rgba(4,43,86,.1)}
.header .nav{gap:clamp(12px,1.6vw,25px)}
.header .nav a{position:relative;color:#073c78;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(11px,.9vw,13px);font-weight:700;letter-spacing:.035em;line-height:1.3;padding:11px 0;transition:color .18s ease}
.header .nav a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:linear-gradient(90deg,#0758c8,#00bde6);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.header .nav a:hover,.header .nav a:focus-visible{color:#006eae}
.header .nav a:hover::after,.header .nav a:focus-visible::after{transform:scaleX(1)}
.header .mobile-menu{background:linear-gradient(110deg,#073b82,#007fbd);color:#fff;border-radius:6px;letter-spacing:.04em}
@media(max-width:900px){.header .nav{gap:2px}.header .nav a{font-size:14px;padding:12px 2px}.header .nav a::after{bottom:5px}}
@media(prefers-reduced-motion:reduce){.header .nav a,.header .nav a::after{transition:none}}