:root {
  --navy: #07152c;
  --navy-2: #0b1f3a;
  --blue: #1677ff;
  --cyan: #67c4d1;
  --gold: #d0a53b;
  --ink: #10213d;
  --muted: #607089;
  --line: #dbe4ee;
  --soft: #f3f7fa;
  --white: #fff;
  --green: #1aa56d;
  --container: 1180px;
  --radius: 24px;
  --shadow: 0 24px 70px rgba(7, 21, 44, .13);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font: 400 16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button { font: inherit; }
.container { width: min(calc(100% - 32px), var(--container)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 99; top: 12px; left: 16px; padding: 9px 14px; color: #fff; background: var(--blue); border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid #f4c94b; outline-offset: 3px; }
.preview-bar { padding: 6px 16px; color: #b8c8dc; background: #041024; font-size: 11px; text-align: center; }
.preview-bar p { margin: 0; }
.preview-bar strong { color: #fff; letter-spacing: .12em; text-transform: uppercase; }
.site-header { position: sticky; top: 0; z-index: 30; color: #d9e6f5; background: rgba(7, 21, 44, .94); border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(18px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 76px; }
.brand { display: block; width: 154px; }
.brand img { display: block; width: 100%; height: auto; }
.menu-toggle { display: grid; width: 43px; height: 43px; place-content: center; gap: 5px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: 50%; }
.menu-toggle span:not(.sr-only) { display: block; width: 19px; height: 2px; background: currentColor; }
.main-nav { position: absolute; top: calc(100% + 8px); right: 16px; left: 16px; display: none; padding: 12px; color: #d9e6f5; background: var(--navy-2); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; box-shadow: 0 18px 40px rgba(0,0,0,.25); }
.main-nav.is-open { display: grid; }
.main-nav a { padding: 11px 10px; border-radius: 9px; font-size: 13px; font-weight: 750; }
.main-nav a:hover { background: rgba(255,255,255,.08); color: #fff; }
.main-nav .nav-cta { color: var(--navy); background: #fff; text-align: center; }
.hero { position: relative; overflow: hidden; color: #fff; background: var(--navy); }
.hero:before { content: ""; position: absolute; inset: 0; opacity: .2; background-image: radial-gradient(rgba(255,255,255,.16) .7px, transparent .7px); background-size: 16px 16px; pointer-events: none; }
.hero-grid { position: relative; display: grid; gap: 36px; align-items: center; padding: 72px 0 56px; }
.hero-copy { max-width: 680px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 16px; color: #94c0ff; font-size: 11px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow:before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 0 5px rgba(208,165,59,.14); }
.eyebrow-dark { color: var(--blue); }
h1, h2, h3 { margin: 0 0 18px; font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif; line-height: 1.05; letter-spacing: -.055em; }
h1 { max-width: 800px; font-size: clamp(42px, 8vw, 76px); }
h2 { max-width: 750px; font-size: clamp(35px, 6vw, 58px); }
h3 { font-size: 25px; }
.hero-lead { max-width: 610px; margin: 0 0 27px; color: #b8c8dc; font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 999px; font-size: 13px; font-weight: 850; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--blue); box-shadow: 0 14px 30px rgba(22,119,255,.25); }
.button-primary:hover { background: #398eff; }
.button-ghost { color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); }
.button-light { color: var(--navy); background: #fff; }
.hero-micro { margin: 24px 0 0; color: #9bb1cc; font-size: 12px; }
.hero-micro strong { color: #fff; }
.hero-visual { position: relative; min-height: 310px; display: grid; place-items: center; }
.hero-visual:after { content: ""; position: absolute; right: 2%; bottom: 5%; left: 7%; height: 18px; background: rgba(22,119,255,.32); filter: blur(25px); }
.hero-visual img { position: relative; z-index: 1; width: min(100%, 430px); height: clamp(290px, 72vw, 430px); aspect-ratio: 1 / .92; object-fit: cover; object-position: center 48%; border: 1px solid rgba(255,255,255,.26); border-radius: 25px; box-shadow: 0 25px 80px rgba(0,0,0,.3); transform: none; }
.hero-visual .visual-tag { position: absolute; z-index: 2; right: 0; bottom: 18px; padding: 14px 17px; color: #fff; background: rgba(7,21,44,.88); border: 1px solid rgba(255,255,255,.18); border-radius: 14px; box-shadow: 0 15px 35px rgba(0,0,0,.25); }
.visual-tag small { display: block; margin-bottom: 2px; color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.visual-tag strong { font-size: 14px; }
.hero-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; padding: 17px 0 23px; color: #96aac1; border-top: 1px solid rgba(255,255,255,.14); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.section { padding: 78px 0; }
.section-light { background: #fff; }
.section-soft { background: var(--soft); }
.section-navy { color: #fff; background: var(--navy-2); }
.section-head { display: grid; gap: 18px; align-items: end; margin-bottom: 35px; }
.section-head > p { margin: 0; color: var(--muted); }
.section-navy .section-head > p { color: #b7c6d8; }
.lead { max-width: 680px; margin: 0; color: var(--muted); font-size: 17px; }
.intro-layout { display: grid; gap: 30px; }
.inline-link, .text-link { color: var(--blue); font-size: 13px; font-weight: 850; }
.link-arrow { display: inline-flex; align-items: center; gap: 11px; }
.card-grid { display: grid; gap: 14px; }
.card { padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.card:hover { border-color: #9dbde9; box-shadow: var(--shadow); }
.card-number { color: var(--gold); font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.card h3 { margin-top: 34px; }
.card p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
.service-card { position: relative; overflow: hidden; }
.service-card:after { content: ""; position: absolute; right: -40px; bottom: -65px; width: 150px; height: 150px; border: 1px solid rgba(22,119,255,.13); border-radius: 50%; box-shadow: 0 0 0 22px rgba(22,119,255,.04), 0 0 0 45px rgba(22,119,255,.03); }
.client-section { color: #fff; background: linear-gradient(135deg, #07152c, #0b1f3a 64%, #124452); }
.client-section .section-head > p { color: #b7c6d8; }
.client-grid { display: grid; gap: 12px; }
.client-card { position: relative; display: flex; flex-direction: column; min-height: 195px; padding: 22px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); border-radius: 19px; }
.client-card.featured { background: linear-gradient(145deg, rgba(22,119,255,.36), rgba(255,255,255,.06)); }
.client-icon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 20px; color: #fff; background: rgba(255,255,255,.11); border-radius: 12px; font-size: 18px; }
.client-card h3 { margin: 0 0 8px; font-size: 21px; }
.client-card p { min-height: 45px; margin: 0 0 16px; color: #b7c6d8; font-size: 13px; }
.client-card .button { align-self: flex-start; margin-top: auto; }
.support-card { background: rgba(208,165,59,.1); }
.support-card .client-icon { background: rgba(208,165,59,.25); }
.breadcrumb-wrap { background: var(--soft); border-bottom: 1px solid var(--line); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; padding: 15px 0; color: var(--muted); font-size: 12px; }
.breadcrumbs a { color: var(--blue); font-weight: 700; }
.breadcrumbs span { color: #9aa8b8; }
.page-hero { padding: 56px 0; color: #fff; background: var(--navy); }
.page-hero h1 { max-width: 820px; font-size: clamp(39px, 7vw, 66px); }
.page-hero p { max-width: 690px; margin: 0; color: #b8c8dc; font-size: 17px; }
.page-content { max-width: 860px; }
.page-content h2 { margin-top: 44px; font-size: clamp(30px, 4vw, 44px); }
.page-content h3 { margin-top: 30px; font-size: 23px; }
.page-content p, .page-content li { color: var(--muted); }
.page-content ul, .page-content ol { padding-left: 22px; }
.callout { margin: 28px 0; padding: 23px; color: var(--ink); background: var(--soft); border-left: 4px solid var(--blue); border-radius: 0 16px 16px 0; }
.callout p { margin: 0; }
.cta-band { color: #fff; background: var(--navy-2); }
.cta-band .section-head > p { color: #b7c6d8; }
.access-grid { display: grid; gap: 14px; }
.access-card { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.access-card h3 { margin: 0 0 8px; font-size: 25px; }
.access-card p { margin: 0; color: var(--muted); font-size: 14px; }
.access-card .button { align-self: flex-start; }
.access-card small { color: var(--muted); font-size: 11px; }
.access-card.accent { background: linear-gradient(145deg, #0b1f3a, #124452); color: #fff; border-color: transparent; }
.accent p, .accent small { color: #c2d0df; }
.contact-grid { display: grid; gap: 14px; }
.contact-box { padding: 25px; background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); }
.contact-box h2 { font-size: 34px; }
.contact-box dl { margin: 24px 0 0; }
.contact-box dt { margin-top: 15px; color: var(--blue); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.contact-box dd { margin: 3px 0 0; color: var(--muted); }
.contact-box dd a { color: var(--ink); font-weight: 750; }
.content-list { display: grid; gap: 14px; }
.article-card { padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.article-card h2 { margin: 9px 0 10px; font-size: 29px; }
.article-card p { margin: 0 0 17px; color: var(--muted); }
.article-card time { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.site-footer { padding: 36px 0 92px; color: #8fa3bc; background: #041024; }
.footer-grid { display: grid; gap: 22px; }
.brand-footer { width: 150px; }
.footer-grid p { margin: 10px 0 0; font-size: 12px; }
.footer-links { display: grid; gap: 7px; font-size: 12px; }
.footer-links a:hover { color: #fff; }
.footer-contact { display: grid; gap: 6px; font-size: 12px; }
.footer-contact a { color: #c4d5ea; }
.footer-meta { color: #6d849f; font-size: 11px; }
.floating-whatsapp { position: fixed; right: 15px; bottom: 15px; z-index: 25; display: inline-flex; align-items: center; gap: 7px; padding: 12px 15px; color: #fff; background: var(--green); border: 2px solid #fff; border-radius: 999px; box-shadow: 0 12px 30px rgba(7,21,44,.27); font-size: 12px; font-weight: 850; }
@media (min-width: 660px) {
  .container { width: min(calc(100% - 48px), var(--container)); }
  .hero-grid { grid-template-columns: 1.05fr .95fr; min-height: 530px; padding: 84px 0 70px; }
  .hero-visual { min-height: 420px; }
  .hero-visual img { height: min(430px, 34vw); }
  .section { padding: 100px 0; }
  .section-head, .intro-layout { grid-template-columns: 1.05fr .95fr; gap: 60px; }
  .card-grid.three { grid-template-columns: repeat(3, 1fr); }
  .client-grid { grid-template-columns: repeat(2, 1fr); }
  .access-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1.1fr .9fr; }
  .content-list { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1.2fr .8fr .8fr; align-items: start; }
}
@media (min-width: 940px) {
  .menu-toggle { display: none; }
  .main-nav { position: static; display: flex; align-items: center; gap: 23px; padding: 0; background: transparent; border: 0; box-shadow: none; }
  .main-nav a { padding: 0; }
  .main-nav a:hover { background: transparent; }
  .main-nav .nav-cta { padding: 12px 16px; color: var(--navy); background: #fff; }
  .hero-grid { gap: 75px; }
  .client-grid { grid-template-columns: repeat(4, 1fr); }
  .client-card { min-height: 224px; }
  .client-card.featured { grid-column: span 2; }
  .client-card.support { grid-column: span 2; }
  .access-grid.four { grid-template-columns: repeat(2, 1fr); }
  .site-footer { padding-bottom: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Dropdown navigation */
.nav-dropdown { position: relative; }
.nav-dropbtn { border: 0; padding: 10px 8px; color: inherit; background: transparent; font: inherit; font-weight: 750; cursor: pointer; }
.nav-dropdown-menu { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; display: none; min-width: 250px; padding: 9px; background: #fff; border: 1px solid rgba(7,21,44,.1); border-radius: 14px; box-shadow: 0 18px 50px rgba(7,21,44,.16); }
.nav-dropdown-menu a { display: block; padding: 11px 12px; color: #07152c; border-radius: 9px; white-space: nowrap; }
.nav-dropdown-menu a:hover { background: #f1f6fb; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { display: block; }
@media (max-width: 767px) { .nav-dropdown { width: 100%; } .nav-dropbtn { width: 100%; text-align: left; } .nav-dropdown-menu { position: static; display: block; min-width: 0; margin: 2px 0 8px 12px; padding: 0 0 0 10px; background: transparent; border: 0; border-left: 2px solid rgba(255,255,255,.16); border-radius: 0; box-shadow: none; } .nav-dropdown-menu a { color: inherit; white-space: normal; } }

/* V3.1 visual: photography integrated into solution cards. */
.visual-service { overflow: hidden; padding-top: 0; }
.service-image { display: block; width: calc(100% + 48px); max-width: none; height: 180px; margin: 0 -24px 22px; object-fit: cover; }
.visual-break { color: #fff; background: #07152c; overflow: hidden; }
.visual-break-inner { display: grid; gap: 28px; align-items: center; padding-block: 54px; }
.visual-break h2 { max-width: 650px; margin-bottom: 14px; }
.visual-break p { color: #b8c8dc; }
.visual-break-photo { min-height: 280px; border-radius: 24px; background: linear-gradient(90deg, rgba(7,21,44,.2), transparent), url('https://images.unsplash.com/photo-1515569067071-ec3b51335dd0?auto=format&fit=crop&w=1100&q=80') center/cover; box-shadow: 0 25px 70px rgba(0,0,0,.28); }
@media (min-width: 800px) { .visual-break-inner { grid-template-columns: .9fr 1.1fr; padding-block: 70px; } .visual-break-photo { min-height: 360px; } }

/* Mobile polish: keep the hero artwork straight and inside the viewport. */
@media (max-width: 767px) {
  .hero-visual { min-height: 300px; padding-inline: 8px; }
  .hero-visual img { width: 100%; max-width: 430px; height: 340px; aspect-ratio: auto; object-fit: cover; object-position: center; transform: none; }
  .hero-visual .visual-tag { right: 8px; bottom: 12px; }
}

/* V4 — redesign aprovado */
.home-v4{background:#f5f8fc}.v4-hero{background:linear-gradient(110deg,#031a30 0%,#062d4d 55%,#061827 100%);color:#fff;overflow:hidden}.v4-hero-grid{min-height:520px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px}.v4-copy{padding:60px 0}.v4-copy h1{font-size:clamp(46px,5.5vw,78px);line-height:.94;letter-spacing:-.055em;margin:16px 0 22px;max-width:760px}.v4-copy h1 em,.v4-band h2 em{font-style:normal;color:#f5c54b}.v4-copy>p:not(.eyebrow){font-size:18px;max-width:650px;color:#e5edf5}.v4-benefits{display:flex;gap:22px;flex-wrap:wrap;margin:30px 0 12px;font-weight:700;font-size:13px}.v4-scene{height:520px;position:relative;margin-right:-8vw}.v4-scene>img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to right,transparent 0,#000 18%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%)}.v4-phone{position:absolute;right:9%;top:12%;width:155px;height:310px;border:8px solid #07121f;border-radius:28px;background:linear-gradient(#f7fafc 0 28%,#d9f3e6 28% 100%);color:#061b31;box-shadow:0 20px 45px #0008;padding:26px 12px;text-align:center;transform:rotate(3deg)}.v4-phone strong{font-size:12px}.v4-phone strong b{color:#1689db}.v4-phone span{display:block;color:#12a866;font-size:55px;margin:55px 0 35px}.v4-phone small{font-weight:800}.v4-services{padding:16px 0 28px;background:#fff}.v4-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.v4-card{min-height:330px;position:relative;border-radius:14px;overflow:hidden;background:#031d35;color:#fff;text-decoration:none;box-shadow:0 8px 25px #08213c1a}.v4-card>img{width:100%;height:180px;object-fit:cover}.v4-card>div{padding:17px 18px}.v4-card span{color:#f5c54b;font-size:22px}.v4-card h2{font-size:21px;line-height:1.02;margin:7px 0}.v4-card p{font-size:13px;color:#e6edf5;margin:0;max-width:160px}.v4-card b{position:absolute;right:15px;bottom:15px;border:1px solid #f5c54b;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#f5c54b}.v4-features{background:#f7f9fc;border-block:1px solid #dce5ef}.v4-features>.container{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px}.v4-features .container>div{display:flex;gap:14px;align-items:center;padding:5px 24px;border-right:1px solid #ccd8e5}.v4-features .container>div:last-child{border:0}.v4-features b{font-size:30px;color:#061b31}.v4-features span{display:flex;flex-direction:column}.v4-features small{color:#53677d}.v4-client{padding:34px 0;background:#fff}.v4-client-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.v4-client-box{background:linear-gradient(135deg,#04213a,#0b3656);color:#fff;border-radius:18px;padding:34px}.v4-client-box h2,.v4-app-box h2{font-size:38px;margin:8px 0 10px}.v4-app-box{border-radius:18px;background:#eef5fb;padding:34px;display:grid;grid-template-columns:1fr 170px;overflow:hidden}.button-dark{background:#071727;color:#fff}.app-phone{align-self:end;height:260px;border:8px solid #071727;border-radius:26px 26px 0 0;background:linear-gradient(#fff,#d7f3e4);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:58px;color:#11a768}.app-phone small{font-size:12px;color:#061b31;text-align:center;font-weight:800}.v4-band{padding:28px 0;background:#09243b;color:#fff}.v4-band>.container{display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;gap:20px}.v4-band h2{font-size:32px;line-height:1.05;margin:0}.v4-band span{font-weight:800;text-align:center;color:#f5c54b}.v4-band small{color:#fff;font-weight:400}.site-footer{background:#03192c!important}
@media(max-width:900px){.v4-hero-grid{grid-template-columns:1fr}.v4-copy{padding:42px 0 10px}.v4-scene{height:330px;margin:0 -20px}.v4-phone{width:120px;height:240px;right:8%;top:8%}.v4-phone span{margin:35px 0 20px;font-size:42px}.v4-card-grid{grid-template-columns:repeat(2,1fr)}.v4-features>.container{grid-template-columns:1fr 1fr}.v4-client-grid{grid-template-columns:1fr}.v4-band>.container{grid-template-columns:1fr 1fr}.v4-band h2{grid-column:1/-1}}@media(max-width:560px){.v4-copy h1{font-size:48px}.v4-card-grid{grid-template-columns:1fr}.v4-card{min-height:300px}.v4-card>img{height:190px}.v4-features>.container{grid-template-columns:1fr}.v4-features .container>div{border-right:0;border-bottom:1px solid #dce5ef}.v4-app-box{grid-template-columns:1fr}.app-phone{display:none}.v4-band>.container{grid-template-columns:1fr}.v4-band span{text-align:left}}
.v4-boat{position:absolute!important;right:2%!important;bottom:3%!important;width:42%!important;height:42%!important;object-fit:cover!important;border-radius:24px 0 0 0;box-shadow:-12px -10px 32px #00101f99;mask-image:linear-gradient(135deg,transparent 0,#000 22%);-webkit-mask-image:linear-gradient(135deg,transparent 0,#000 22%)}
@media(max-width:900px){.v4-boat{width:48%!important;height:40%!important;right:0!important}}

/* V4.2 mapa e acabamento profissional */
.v4-phone{padding:0!important;overflow:hidden;background:#f8fbfd!important;text-align:left!important}.phone-head{height:62px;background:#05213b;color:#fff;padding:20px 12px 8px;text-align:center}.phone-head strong{font-size:12px}.phone-head b{color:#22a5ed}.phone-map{height:170px;position:relative;background:linear-gradient(25deg,#dff0e4,#f7f5e9 52%,#dcecf6);overflow:hidden}.map-road{position:absolute;display:block;background:#fff;border:1px solid #d2dce3;width:220px;height:12px;left:-28px}.map-road.r1{top:62px;transform:rotate(-20deg)}.map-road.r2{top:105px;transform:rotate(28deg)}.map-road.r3{top:36px;left:20px;transform:rotate(78deg)}.map-pin{position:absolute;left:66px;top:50px;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#0bb46d;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;box-shadow:0 3px 8px #0003}.map-pin::first-letter{transform:rotate(45deg)}.map-car{position:absolute;left:61px;top:92px;color:#09243b;font-size:27px;text-shadow:0 2px 3px #fff}.phone-status{margin:8px;background:#062743;color:#fff;border-radius:9px;padding:8px;display:flex;flex-direction:column}.phone-status span{font-size:10px!important;color:#4de79c!important;margin:0!important}.phone-status small{font-size:8px;color:#dfe9f2}.phone-nav{display:flex;justify-content:space-around;font-size:7px;font-weight:800;color:#19344d;padding:2px 5px}.v4-card h2{min-height:43px}.v4-card p{line-height:1.35;max-width:190px}.v4-card>img{filter:saturate(.9) contrast(1.04)}

/* V5 — composição visual aprovada */
.v4-hero{position:relative;background:radial-gradient(circle at 76% 24%,#174b69 0,transparent 28%),linear-gradient(115deg,#03182b 0%,#062a46 58%,#071927 100%)}
.v4-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:#f5c54b}.v4-hero-grid{min-height:610px}.v4-copy{position:relative;z-index:5}.v4-copy h1{font-weight:900}.v4-copy .eyebrow{color:#f5c54b;letter-spacing:.14em;font-weight:900}.v4-scene{height:610px;isolation:isolate}.v4-scene>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9;filter:saturate(.8) contrast(1.08);border-radius:0;mask-image:linear-gradient(to right,transparent,#000 24%);-webkit-mask-image:linear-gradient(to right,transparent,#000 24%)}
.v4-scene .v4-moto{position:absolute;z-index:2;left:-3%;bottom:24px;width:235px;height:155px;object-fit:cover;border:5px solid #fff;border-radius:18px;box-shadow:0 18px 45px #0008;transform:rotate(-4deg);mask-image:none;-webkit-mask-image:none}.v4-scene .v4-boat{z-index:3;right:1%;bottom:24px;width:250px;height:155px;object-fit:cover;border:5px solid #fff;border-radius:18px;box-shadow:0 18px 45px #0008;transform:rotate(4deg);mask-image:none;-webkit-mask-image:none}.v4-phone{z-index:6!important;right:35%!important;top:10%!important;width:185px!important;height:380px!important;border:9px solid #07121f!important;border-radius:32px!important;transform:rotate(1deg)!important}.phone-map{height:220px}.phone-head{height:68px}.v4-benefits span{background:#ffffff0e;border:1px solid #ffffff20;padding:9px 12px;border-radius:999px}.v4-services{padding:28px 0 34px}.v4-card{min-height:365px;border-radius:18px;transition:.25s}.v4-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #071d3425}.v4-card>img{height:205px}.v4-card>div{padding:20px}.v4-card h2{font-size:20px}.v4-features>.container{max-width:1180px}.v4-client{padding:50px 0}.v4-client-box,.v4-app-box{min-height:330px}.v4-app-box{position:relative}.app-phone{height:285px;transform:rotate(5deg);box-shadow:0 16px 35px #06233b25}.v4-band{padding:38px 0}.site-footer{padding-top:45px!important}
@media(max-width:900px){.v4-hero-grid{min-height:auto}.v4-scene{height:500px;margin:0}.v4-scene .v4-moto{width:180px;height:120px;left:2%}.v4-scene .v4-boat{width:180px;height:120px;right:2%}.v4-phone{right:35%!important;width:155px!important;height:330px!important}.phone-map{height:175px}}

/* V6 — mudança visual evidente */
.v6-top{background:#020d18;color:#c9d6e2;font-size:12px;padding:8px 0;border-bottom:1px solid #ffffff14}.v6-top .container{display:flex;gap:30px;justify-content:flex-end}.site-header{background:#04192c!important;border:0!important;position:sticky;top:0;z-index:50}.site-header .brand img{filter:brightness(0) invert(1);height:54px;width:auto}.main-nav a,.nav-dropbtn{color:#fff!important}.nav-cta{background:#1fb86a!important;border:0!important;border-radius:999px!important;padding:12px 20px!important}.v4-hero-grid{grid-template-columns:.9fr 1.1fr!important;max-width:1320px!important}.v4-copy h1{font-size:clamp(52px,5.8vw,84px)!important;max-width:650px!important}.v4-copy>p:not(.eyebrow){font-size:19px!important;line-height:1.65!important}.button-primary{background:#f5c54b!important;color:#061827!important;border-color:#f5c54b!important}.v6-title{padding:58px 0 8px;background:#f5f8fc}.v6-title p{font-size:12px;font-weight:900;letter-spacing:.14em;color:#b08316}.v6-title h2{font-size:clamp(30px,4vw,48px);color:#041d34;margin:7px 0}.v4-services{padding-top:22px!important}.v4-card-grid{max-width:1320px!important}.v4-card{background:#041d34!important}.v4-card>div{background:linear-gradient(180deg,#082d4c,#041a2f)!important}.v4-card h2{color:#fff!important}.v4-card p{color:#cbd8e4!important}.v4-features{background:#fff!important;border-top:1px solid #e0e7ef;border-bottom:1px solid #e0e7ef}.v4-client-box{background:#041d34!important}.v4-app-box{background:#dceff8!important}.v4-band{background:linear-gradient(110deg,#03182b,#0a3856)!important}.site-footer{background:#020f1d!important}.floating-whatsapp{background:#1fb86a!important;color:#fff!important;box-shadow:0 12px 28px #0003!important}
@media(max-width:760px){.v6-top{display:none}.v4-hero-grid{grid-template-columns:1fr!important}.v4-copy h1{font-size:48px!important}.site-header .brand img{height:45px}.v6-title{padding-top:38px}}

/* V7 — reconstrução visual */
body{background:#f4f7fb}.v4-hero{min-height:720px;background:linear-gradient(90deg,#03182b 0%,#052943 44%,transparent 70%),linear-gradient(180deg,#082b43,#031522)!important}.v4-hero-grid{min-height:720px!important}.v4-copy{padding:75px 0!important}.v4-copy h1{font-size:clamp(58px,6vw,92px)!important;line-height:.92!important;letter-spacing:-.065em!important}.v4-copy h1 em{display:block}.v4-scene{height:720px!important;margin-right:-14vw!important}.v4-scene>img:first-child{opacity:1!important;object-position:58% center!important;mask-image:linear-gradient(to right,transparent 0,#000 28%)!important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28%)!important}.v4-scene:after{content:"RASTREAMENTO • APP • WEB";position:absolute;right:4%;top:7%;z-index:7;color:#fff;font-size:11px;font-weight:900;letter-spacing:.15em;background:#071a29cc;border:1px solid #ffffff33;border-radius:999px;padding:10px 14px}.v4-scene .v4-moto{left:3%!important;bottom:54px!important;width:265px!important;height:175px!important}.v4-scene .v4-boat{right:2%!important;bottom:54px!important;width:295px!important;height:180px!important}.v4-phone{right:34%!important;top:14%!important;width:205px!important;height:420px!important;box-shadow:0 30px 70px #000b!important}.v4-benefits{gap:10px!important}.v4-benefits span{border-color:#f5c54b55!important}.v6-title{text-align:center;padding:75px 0 24px!important}.v6-title h2{font-size:52px!important}.v4-card-grid{gap:18px!important}.v4-card{min-height:410px!important;border:1px solid #0c3555}.v4-card>img{height:230px!important}.v4-card h2{font-size:22px!important;line-height:1.05}.v4-card p{font-size:14px;max-width:none!important}.v7-proof{background:#f5c54b;padding:0}.v7-proof .container{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px}.v7-proof .container>div{padding:22px 30px;border-right:1px solid #06182726;display:flex;flex-direction:column}.v7-proof strong{color:#061827;font-size:17px}.v7-proof span{color:#294053;font-size:12px;margin-top:4px}.v4-features{padding:30px 0!important}.v4-client{padding:80px 0!important}.v4-client-grid{gap:24px!important}.v4-client-box,.v4-app-box{border-radius:28px!important;min-height:400px!important;padding:48px!important}.v4-client-box h2,.v4-app-box h2{font-size:42px!important}.v4-band{padding:70px 0!important}.v4-band h2{font-size:46px!important}.site-footer{padding:65px 0!important}
@media(max-width:900px){.v4-hero{min-height:auto}.v4-hero-grid{min-height:auto!important}.v4-scene{height:520px!important;margin:0!important}.v7-proof .container{grid-template-columns:1fr}.v6-title h2{font-size:38px!important}.v4-client-box,.v4-app-box{padding:30px!important}.v4-card{min-height:360px!important}}

/* V8 — novo formato e novas imagens */
.v4-hero{min-height:650px!important}.v4-hero-grid{display:flex!important;max-width:none!important;padding-left:max(24px,calc((100vw - 1240px)/2))!important;padding-right:0!important}.v4-copy{width:46%;min-width:520px}.v4-scene{width:54%;height:650px!important;margin:0!important;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.v4-scene>img:first-child{mask-image:none!important;-webkit-mask-image:none!important;filter:brightness(.72) saturate(.85)!important}.v4-scene:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#052943 0,transparent 34%)}.v4-scene .v4-moto{left:8%!important;bottom:35px!important;width:230px!important;height:150px!important}.v4-scene .v4-boat{right:3%!important;bottom:35px!important;width:270px!important;height:165px!important}.v4-phone{right:36%!important;top:11%!important}.v8-bento{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;grid-template-rows:320px 320px!important;gap:18px!important}.v8-bento .v4-card{min-height:0!important;height:auto!important;display:grid!important;grid-template-rows:58% 42%!important}.v8-bento .v4-card:first-child{grid-row:1/3;grid-template-rows:65% 35%!important}.v8-bento .v4-card:first-child>img{height:100%!important}.v8-bento .v4-card:nth-child(4){grid-column:2}.v8-bento .v4-card:nth-child(5){grid-column:3}.v8-bento .v4-card>img{height:100%!important;min-height:0!important}.v8-bento .v4-card>div{padding:18px 20px!important}.v8-bento .v4-card h2{margin:6px 0!important;font-size:20px!important}.v8-bento .v4-card:first-child h2{font-size:28px!important}.v8-bento .v4-card p{margin:4px 0!important}.v6-title{text-align:left!important;max-width:1320px;margin:auto}.v6-title .container{max-width:1320px!important}.v7-proof{margin-top:40px}.v4-features>.container{max-width:1320px!important}.v4-client-grid{max-width:1320px!important}
@media(max-width:900px){.v4-hero-grid{display:grid!important;padding:0 20px!important}.v4-copy{width:auto;min-width:0}.v4-scene{width:auto;clip-path:none}.v8-bento{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.v8-bento .v4-card,.v8-bento .v4-card:first-child{grid-row:auto!important;grid-column:auto!important;height:380px!important;grid-template-rows:55% 45%!important}}@media(max-width:560px){.v8-bento{grid-template-columns:1fr!important}.v8-bento .v4-card{height:360px!important}}