: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: linear-gradient(145deg, #0a2f4b, #06213a); border: 1px solid #f5c54b; border-radius: 14px; box-shadow: 0 18px 50px rgba(2,18,32,.42); }
.nav-dropdown-menu a { display: block; padding: 11px 12px; color: #fff !important; border-radius: 9px; white-space: nowrap; }
.nav-dropdown-menu a:hover { background: #164b68; color: #f5c54b !important; }
.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: #fff !important; 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:#765700}.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:#087a45!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}}

/* Cabeçalho e rodapé oficiais — referência aprovada pelo cliente. */
.official-topbar{background:#020d18;color:#d8e3ed;border-bottom:1px solid rgba(255,255,255,.16);font-size:11px}
.official-topbar-inner{min-height:37px;display:flex;align-items:center;gap:28px;white-space:nowrap}
.top-socials{margin-left:auto;display:flex;align-items:center;gap:16px}.top-socials a{color:#fff;font-weight:900}.top-socials small{font-size:10px;font-weight:400;margin-left:8px}
.official-header{position:relative;background:#061b2e!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.official-header .header-inner{min-height:72px}.official-header .brand{width:190px}.official-header .brand img{height:auto;filter:none}.official-header .main-nav{align-items:center;gap:6px}.official-header .main-nav>a,.official-header .nav-dropbtn{font-size:12px}.official-header .nav-cta{background:#16ae69!important;color:#fff!important;line-height:1.15;padding:9px 17px!important;text-align:center}.official-header .nav-cta small{font-size:12px}.official-header .menu-toggle{background:#0c314b}
.official-footer{background:#03192c!important;padding:52px 0 0!important;color:#e9f1f7}.official-footer .footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr .8fr;gap:30px;padding-bottom:42px}.official-footer .brand-footer{width:190px}.official-footer .brand-footer img{filter:none}.official-footer p{color:#c6d4df}.official-footer .footer-grid>div,.official-footer .footer-links{display:flex;flex-direction:column;gap:10px}.official-footer strong{color:#fff;font-size:14px}.official-footer a{color:#dbe7f0;font-size:13px}.official-footer a:hover{color:#f5c54b}.official-footer .social-links{display:flex;gap:16px;font-size:22px}.official-footer .social-links a{font-size:20px}.official-footer .footer-contact b{color:#fff}.official-footer .map-button{display:inline-flex;margin-top:8px;padding:9px 13px;border:1px solid #2d83b8;border-radius:999px;color:#fff}.official-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.15);font-size:11px;color:#c1cfdb}.official-footer .footer-bottom strong{font-size:14px}
@media(max-width:900px){.official-topbar{display:none}.official-header .main-nav{gap:0}.official-footer .footer-grid{grid-template-columns:1fr 1fr}.official-footer .footer-bottom{flex-wrap:wrap}}
@media(max-width:560px){.official-footer .footer-grid{grid-template-columns:1fr}.official-footer .footer-bottom{display:grid}.official-header .brand{width:158px}}

/* 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}}

/* Correções verificadas na auditoria pré-publicação. */
.eyebrow-dark{color:#075a9c!important}
.nav-cta{background:#087a45!important}

/* Final visual corrections for the approved preview layout. */
.v6-top .container,.header-inner,.v4-hero-grid,.v4-services>.container,.v4-features>.container,.v4-client-grid,.v4-band>.container,.site-footer>.container { width:min(calc(100% - 40px),1240px); }
.header-inner { min-height:76px; }
.site-header .brand { width:150px; flex:0 0 auto; }
.main-nav { z-index:80; }
.nav-dropdown.is-open > .nav-dropdown-menu { display:block; }
.nav-dropdown-menu { z-index:90; }
.v4-hero { min-height:0!important; }
.v4-hero-grid { min-height:560px!important; display:grid!important; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important; gap:38px!important; padding:55px 0!important; }
.v4-copy { width:auto!important; min-width:0!important; padding:0!important; }
.v4-copy h1 { max-width:680px!important; font-size:clamp(46px,5.2vw,76px)!important; line-height:.98!important; }
.v4-scene { width:auto!important; height:560px!important; margin:0!important; clip-path:none!important; }
.v4-scene>img:first-child { object-position:center!important; mask-image:linear-gradient(to right,transparent 0,#000 18%)!important; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%)!important; }
.v4-scene:before,.v4-scene:after { display:none!important; }
.social-links,.app-links { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:16px; }
.social-links a,.app-links a { color:#d9e6f5; font-size:12px; font-weight:750; }
.social-links a:hover,.app-links a:hover { color:#f5c54b; }
.floating-whatsapp span { font-size:18px; line-height:0; }
@media(max-width:939px){.v4-hero-grid { grid-template-columns:1fr!important; min-height:0!important; }.v4-scene { height:420px!important; }.main-nav { top:calc(100% + 2px); }}
@media(max-width:767px){.v6-top { display:none; }.v4-copy h1 { font-size:clamp(40px,11vw,58px)!important; }.v4-scene { height:360px!important; }.v4-phone { right:30%!important; top:6%!important; transform:none!important; }.v4-benefits { display:grid; grid-template-columns:1fr 1fr; }.v4-benefits span { font-size:12px; }}

/* Fundo institucional cinza claro em todas as páginas publicadas. */
body { background: #edf1f4; }
.section-light, .v4-services, .v4-client, .breadcrumb-wrap, .v6-title { background: #edf1f4 !important; }
.section-soft, .contact-box, .callout, .v4-features, .v4-app-box { background: #e3e8ed !important; }
.access-card, .card, .article-card { background: #f7f9fb; }

/* Modelo visual aprovado: consolidação final sobre as camadas V4–V8. */
:root { --model-navy:#061b31; --model-navy-2:#082943; --model-gold:#f6c541; --model-gray:#e8edf2; }
body { background:var(--model-gray)!important; }
.v6-top { background:#061727!important; padding:5px 0!important; font-size:10px!important; }
.site-header { background:#061b31!important; min-height:58px; }
.header-inner { min-height:58px!important; }
.site-header .brand { width:142px!important; }
.site-header .brand img { height:45px!important; }
.main-nav { font-size:11px; }
.main-nav a { padding:8px 9px!important; font-size:11px!important; }
.nav-cta { background:#20b86b!important; color:#fff!important; padding:8px 13px!important; }
.v4-hero { min-height:405px!important; background:linear-gradient(90deg,rgba(4,24,43,.98) 0%,rgba(4,35,57,.88) 39%,rgba(4,35,57,.18) 72%),url('assets/v8/car.webp') center/cover!important; }
.v4-hero-grid { min-height:405px!important; padding:32px 0!important; grid-template-columns:.84fr 1.16fr!important; gap:18px!important; }
.v4-copy h1 { font-size:clamp(38px,4.45vw,62px)!important; line-height:.93!important; max-width:560px!important; margin:10px 0 14px!important; }
.v4-copy>p:not(.eyebrow) { max-width:500px!important; font-size:13px!important; line-height:1.35!important; }
.v4-benefits { gap:7px!important; margin:17px 0 10px!important; font-size:10px!important; }
.v4-benefits span { padding:6px 8px!important; }
.hero-actions .button { min-height:34px!important; padding:8px 13px!important; font-size:11px!important; }
.v4-scene { height:405px!important; }
.v4-scene>img:first-child { opacity:.55!important; mask-image:none!important; -webkit-mask-image:none!important; }
.v4-scene:after { content:'Seu veículo sempre com você, em qualquer lugar.'; display:block; position:absolute; right:5%; top:12%; z-index:8; width:130px; color:#f6c541; font-size:11px; font-style:italic; line-height:1.15; transform:rotate(-7deg); }
.v4-scene .v4-moto { width:150px!important; height:100px!important; bottom:18px!important; }
.v4-scene .v4-boat { width:170px!important; height:105px!important; bottom:18px!important; }
.v4-phone { width:145px!important; height:300px!important; right:35%!important; top:9%!important; }
.v6-title { padding:23px 0 9px!important; background:var(--model-gray)!important; }
.v6-title h2 { font-size:31px!important; margin:3px 0!important; }
.v4-services { padding:11px 0 20px!important; background:var(--model-gray)!important; }
.v8-bento { grid-template-rows:220px 220px!important; gap:10px!important; }
.v8-bento .v4-card { border-radius:9px!important; border:2px solid #fff!important; }
.v8-bento .v4-card>div { padding:11px 13px!important; }
.v8-bento .v4-card h2 { font-size:16px!important; }
.v8-bento .v4-card:first-child h2 { font-size:21px!important; }
.v8-bento .v4-card p { font-size:10px!important; }
.v7-proof { margin-top:0!important; background:#fff!important; }
.v7-proof .container>div { padding:14px 18px!important; }
.v4-features { padding:15px 0!important; background:#e0e6ec!important; }
.v4-features .container>div { padding:4px 15px!important; }
.v4-features strong { font-size:12px!important; }
.v4-features small { font-size:10px!important; }
.v4-client { padding:25px 0!important; background:var(--model-gray)!important; }
.v4-client-box,.v4-app-box { min-height:255px!important; padding:25px!important; border-radius:17px!important; }
.v4-client-box h2,.v4-app-box h2 { font-size:29px!important; }
.v4-band { padding:25px 0!important; }
.site-footer { padding:28px 0!important; }
@media(max-width:939px){ .v4-hero-grid{grid-template-columns:1fr!important}.v4-hero{min-height:0!important}.v4-scene{height:330px!important} }

/* Bloco de indicadores presente no layout de referência. */
.model-stats { background:#fff; border-block:1px solid #dce4eb; }
.model-stats .container { display:grid; grid-template-columns:repeat(4,1fr); }
.model-stats .container>div { min-height:78px; display:grid; grid-template-columns:44px 1fr; grid-template-rows:1fr 1fr; align-content:center; align-items:center; padding:12px 22px; border-right:1px solid #d5dee7; }
.model-stats .container>div:last-child { border-right:0; }
.model-stats b { grid-row:1/3; display:grid; place-items:center; width:34px; height:34px; color:#0879ed; font-size:23px; }
.model-stats strong { color:#071d39; font-size:16px; line-height:1; }
.model-stats span { color:#53677d; font-size:11px; line-height:1; }
@media(max-width:760px){ .model-stats .container{grid-template-columns:1fr 1fr}.model-stats .container>div{border-bottom:1px solid #d5dee7}.model-stats .container>div:nth-child(2){border-right:0}.model-stats strong{font-size:14px} }

/* App badges and a real visual map preview inside the phone frame. */
.app-badge { min-width:145px; justify-content:flex-start; gap:9px; padding:9px 14px; text-align:left; line-height:1.05; }
.app-badge small { display:block; margin-bottom:3px; color:#b8c8d8; font-size:8px; font-weight:500; }
.store-logo { display:grid; place-items:center; width:22px; height:25px; color:#fff; font-size:19px; }
.play-logo { color:#69d5ff; }
.apple-logo { position:relative; border:0; border-radius:0; font-size:0!important; }
.apple-logo::before { content:""; width:16px; height:18px; background:#fff; border-radius:48% 48% 45% 45% / 55% 55% 42% 42%; box-shadow:inset 5px 0 0 #071727; transform:translateY(2px); }
.apple-logo::after { content:""; position:absolute; top:1px; left:13px; width:7px; height:4px; background:#fff; border-radius:100% 0 100% 0; transform:rotate(-35deg); }
.app-phone { position:relative; align-self:end; display:block; height:290px; padding:0!important; overflow:hidden; border:8px solid #071727; border-radius:28px 28px 0 0; background:#f7fafc!important; color:#071727; box-shadow:0 24px 45px #07172755; text-align:left!important; }
.app-phone-head { display:flex; justify-content:space-between; align-items:center; height:38px; padding:0 10px; color:#fff; background:#08243d; font-size:8px; }
.app-phone-head b { color:#4fc4ff; }
.app-phone-head span { color:#a7bed0; letter-spacing:2px; }
.app-phone-map { position:relative; height:164px; overflow:hidden; background:linear-gradient(28deg,#d9eedc,#f4f1dc 54%,#d8eaf2); }
.app-road { position:absolute; display:block; width:220px; height:10px; background:#fff; border:1px solid #d1dce2; }
.app-road-a { top:57px; left:-34px; transform:rotate(-18deg); }.app-road-b { top:106px; left:-17px; transform:rotate(27deg); }.app-road-c { top:40px; left:20px; transform:rotate(78deg); }
.app-pin { position:absolute; top:55px; left:69px; display:grid; place-items:center; width:27px; height:27px; color:#fff; background:#0aa86a; border-radius:50% 50% 50% 0; box-shadow:0 3px 8px #0003; transform:rotate(-45deg); font-size:9px; font-style:normal; }
.app-car { position:absolute; top:95px; left:63px; color:#08243d; font-size:22px; text-shadow:0 2px 3px #fff; }
.app-phone-status { display:flex; flex-direction:column; gap:3px; margin:8px; padding:8px; color:#fff; background:#08243d; border-radius:8px; font-size:9px; }
.app-phone-status small { color:#cbdbe8; font-size:7px; }.online-dot { color:#3de49c; }
.app-phone-nav { display:flex; justify-content:space-around; padding:4px; color:#16344b; font-size:7px; font-weight:800; }
@media(max-width:900px){.app-phone{height:290px;}.app-badge{min-width:132px;}}

/* Remove legacy phone typography that was leaking into the new app preview. */
.site-header .brand img { filter:none!important; }
.app-phone { font-size:initial!important; line-height:normal!important; transform:none!important; }
.app-phone * { box-sizing:border-box; font-size:inherit; line-height:normal; }
.app-phone-head { font-size:8px!important; line-height:1!important; }
.app-phone-head strong { font-size:8px!important; }
.app-phone-head span { font-size:8px!important; }
.app-phone-status { font-size:9px!important; line-height:1.15!important; }
.app-phone-status b { font-size:9px!important; }.app-phone-status small { font-size:7px!important; }
.app-phone-nav { font-size:7px!important; line-height:1!important; }
.app-pin { font-size:9px!important; }.app-car { font-size:22px!important; }
.app-badge { font-size:11px!important; line-height:1.05!important; white-space:nowrap; }
.app-badge > span:last-child { font-size:11px!important; }
.app-badge small { font-size:8px!important; }

/* Área do cliente: mesma paleta do acesso Web, com hierarquia mais clara. */
#conteudo:has(.access-grid) { background:#f3f7fa; }
#conteudo:has(.access-grid) .page-hero { padding:48px 0 42px; background:linear-gradient(120deg,#061b2e,#123f4e); }
#conteudo:has(.access-grid) .section-soft { padding:42px 0 70px; background:#f3f7fa; }
#conteudo:has(.access-grid) .access-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#conteudo:has(.access-grid) .access-card { min-height:238px; padding:26px; border:1px solid #d9e2e9; box-shadow:0 8px 22px rgba(7,25,44,.05); }
#conteudo:has(.access-grid) .access-card.accent { background:linear-gradient(135deg,#09243a,#164c5b); border-color:transparent; }
#conteudo:has(.access-grid) .access-card:nth-child(3),#conteudo:has(.access-grid) .access-card:nth-child(4) { background:#e6f3f8; }
#conteudo:has(.access-grid) .access-card:nth-child(n+5) { background:#fffdf7; }
#conteudo:has(.access-grid) .access-card h3 { font-size:27px; color:#071b31; }
#conteudo:has(.access-grid) .access-card.accent h3 { color:#fff; }
#conteudo:has(.access-grid) .access-card .eyebrow { margin-bottom:9px; }
#conteudo:has(.access-grid) .access-card .button { margin-top:auto; }
#conteudo:has(.access-grid) .section-light { background:#fff; }
@media(max-width:659px){#conteudo:has(.access-grid) .access-grid{grid-template-columns:1fr;}#conteudo:has(.access-grid) .access-card{min-height:215px;padding:22px;}#conteudo:has(.access-grid) .access-card h3{font-size:24px;}}

/* Área do Cliente: todos os acessos seguem a identidade do Monitoramento WEB. */
#conteudo:has(.access-grid) .access-card,
#conteudo:has(.access-grid) .access-card.accent,
#conteudo:has(.access-grid) .access-card:nth-child(3),
#conteudo:has(.access-grid) .access-card:nth-child(4),
#conteudo:has(.access-grid) .access-card:nth-child(n+5){
  color:#fff;
  background:linear-gradient(135deg,#09243a 0%,#164c5b 100%);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 14px 30px rgba(7,25,44,.14);
}
#conteudo:has(.access-grid) .access-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(7,25,44,.22)}
#conteudo:has(.access-grid) .access-card h3,
#conteudo:has(.access-grid) .access-card.accent h3{color:#fff}
#conteudo:has(.access-grid) .access-card p,
#conteudo:has(.access-grid) .access-card small{color:#c3d7e2}
#conteudo:has(.access-grid) .access-card .eyebrow,
#conteudo:has(.access-grid) .access-card .eyebrow-dark{color:#f5c54b}
#conteudo:has(.access-grid) .access-card .button,
#conteudo:has(.access-grid) .access-card .button-light,
#conteudo:has(.access-grid) .access-card .button-primary{color:#071b31;background:#f5c54b;box-shadow:0 10px 24px rgba(245,197,75,.2)}
#conteudo:has(.access-grid) .access-card .button:hover{background:#ffd96c}
/* Premium visual pass — mantém a estrutura e os links existentes. */
.home-v4{overflow:hidden;background:#f7f9fc}
.v4-hero{position:relative;background:linear-gradient(115deg,#06152d 0%,#092b50 58%,#0b5870 100%);color:#fff;padding:clamp(3rem,7vw,6.8rem) 0 clamp(3rem,6vw,5.4rem)}
.v4-hero:after{content:"";position:absolute;inset:auto -10% -30% 35%;height:55%;background:radial-gradient(ellipse,rgba(245,190,36,.2),transparent 68%);pointer-events:none}
.v4-hero-grid{position:relative;z-index:1;align-items:center;gap:clamp(2rem,5vw,6rem)}
.v4-copy{max-width:680px}.v4-copy h1{font-size:clamp(2.25rem,4.7vw,4.7rem);line-height:1.04;letter-spacing:-.045em;margin:.75rem 0 1.35rem}.v4-copy>p:not(.eyebrow){font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;color:#d9e7f5;max-width:590px}
.eyebrow{font-size:.73rem;letter-spacing:.17em;font-weight:800;color:#f5c52b}.v4-benefits{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin:1.7rem 0;color:#eef6ff;font-size:.9rem}.v4-benefits span{white-space:nowrap}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{border-radius:999px;padding:.9rem 1.35rem;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #03122633}.button-primary{background:#f5c52b;color:#07152c}.button-ghost{border:1px solid #ffffff55;color:#fff;background:#ffffff0d}
.v4-scene{min-height:470px;position:relative}.v4-scene>img:first-child{filter:drop-shadow(0 28px 25px #0008);width:min(100%,600px);height:auto;position:absolute;right:-8%;bottom:2%;z-index:1}.v4-moto{position:absolute!important;width:43%!important;right:5%!important;bottom:0!important;z-index:2;filter:drop-shadow(0 18px 16px #0008)}.v4-boat{position:absolute!important;width:42%!important;left:-4%!important;top:5%!important;z-index:0;filter:drop-shadow(0 15px 15px #0008)}
.v4-phone,.app-phone{border:7px solid #111d2a!important;box-shadow:0 25px 45px #0009,0 0 0 2px #ffffff55;z-index:4!important}.v4-phone{right:7%!important;bottom:7%!important}.app-phone{background:#102e51!important}
.v6-title{padding:5rem 0 1.3rem;background:#f7f9fc}.v6-title h2{font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.04em;color:#07152c}.v4-services{padding-bottom:5rem;background:#f7f9fc}.v4-card{border:1px solid #dce5ef!important;box-shadow:0 10px 30px #18355512!important;background:#fff!important;transition:transform .25s,box-shadow .25s}.v4-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #18355524!important}.v4-card img{aspect-ratio:1.35;object-fit:cover}.v4-card h2{font-size:1.2rem!important;color:#07152c}.v4-card p{color:#5b6b7d!important}
.v7-proof{background:#f5c52b!important;color:#07152c}.v7-proof strong{font-size:1rem}.v7-proof span{color:#31445a!important}.v4-features{background:#07152c!important;color:#fff}.v4-features strong{color:#fff}.v4-features small{color:#a9bdd1!important}
.v4-client{padding:5rem 0;background:#eef3f8}.v4-client-box{background:linear-gradient(135deg,#07152c,#0c3e64)!important;color:#fff!important;border-radius:28px!important}.v4-client-box p:not(.eyebrow){color:#d8e5f1!important}.v4-app-box{border-radius:28px!important;background:#f5c52b!important}.v4-app-box h2{color:#07152c!important}.app-badge{border-radius:14px!important;background:#07152c!important;color:#fff!important}.store-logo{font-size:1.45rem!important;color:#f5c52b!important}.apple-logo{font-size:1.55rem!important}
.v4-band{background:#06152d!important}.site-footer{background:#041020!important}.social-links a,.footer-links a,.footer-contact a{transition:color .2s}.social-links a:hover,.footer-links a:hover,.footer-contact a:hover{color:#f5c52b!important}
@media(max-width:760px){.v4-hero{padding-top:3rem}.v4-hero-grid{display:flex;flex-direction:column}.v4-copy h1{font-size:2.5rem}.v4-scene{width:100%;min-height:360px;transform:scale(.92);transform-origin:top center}.v4-scene>img:first-child{right:-16%}.v4-phone{right:4%!important}.v4-moto{right:0!important}.v4-boat{left:-13%!important}.v4-client-grid{gap:1rem}.v4-app-box{padding:1.5rem!important}.v4-band .container{gap:1.4rem!important}}
.v4-benefits a{color:inherit;text-decoration:none;background:#ffffff0e;border:1px solid #f5c54b55;padding:9px 12px;border-radius:999px;transition:.2s}.v4-benefits a:hover{color:#061827;background:#f5c54b;border-color:#f5c54b;transform:translateY(-2px)}

/* Sistema visual unificado das páginas internas. */
.page-hero{background:linear-gradient(120deg,#06152d,#0b3d5b)!important;color:#fff!important;padding:clamp(3rem,7vw,5.5rem) 0!important;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:28rem;height:28rem;right:-10rem;top:-14rem;background:#f5c52b22;border-radius:50%;filter:blur(4px)}
.page-hero h1{position:relative;z-index:1;max-width:850px;font-size:clamp(2.35rem,5vw,4.5rem)!important;line-height:1.03!important;letter-spacing:-.045em}
.page-hero p:not(.eyebrow){position:relative;z-index:1;max-width:700px;color:#d9e7f5!important;font-size:1.12rem;line-height:1.7}
.section-light,.section-soft{background:#f5f8fb!important}
.page-content{max-width:900px!important}
.page-content h2{color:#07152c;letter-spacing:-.03em}
.callout{border-left:4px solid #f5c52b!important;background:#fff!important;box-shadow:0 10px 25px #18355512}
.site-footer{border-top:4px solid #f5c52b22}
.main-nav a:hover,.nav-dropbtn:hover{color:#f5c52b!important}
@media(max-width:760px){.page-hero{padding:3rem 0!important}.page-hero h1{font-size:2.7rem!important}.page-content{padding-inline:20px!important}.header-inner{min-height:70px}.site-header .brand img{max-width:180px;height:auto!important}}

/* Acabamento baseado na referência aprovada: foco, ritmo e leitura comercial. */
.v4-hero{background:linear-gradient(105deg,#06152d 0%,#092943 48%,#0d5268 100%)!important}
.v4-copy h1 em{display:block;color:#f5c52b;font-style:normal}
.v4-copy h1{max-width:620px}
.v4-copy>p:not(.eyebrow){max-width:520px}
.v4-benefits a{display:inline-flex;align-items:center;gap:6px}
.v4-services{padding-top:18px!important}
.v4-card{border-radius:16px!important;overflow:hidden}
.v4-card>div{position:relative;min-height:155px;padding:18px 20px 22px!important;background:linear-gradient(180deg,#092d4b,#061a30)!important;color:#fff}
.v4-card>div>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f5c52b;color:#07152c;font-size:20px;font-weight:900}
.v4-card h2{margin:9px 0 4px!important;color:#fff!important;font-size:1.25rem!important}
.v4-card p{margin:0!important;color:#cbd8e4!important}
.v4-card b{position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #f5c52b;border-radius:50%;color:#f5c52b;font-size:20px}
.v7-proof{background:#fff!important;border-top:1px solid #e2e9f0;border-bottom:1px solid #e2e9f0}
.v7-proof .container{grid-template-columns:repeat(3,1fr)!important}
.v7-proof strong{color:#07152c!important}
.v4-features{background:#fff!important;color:#07152c!important}
.v4-features strong{color:#07152c!important}
.v4-features b{color:#07152c!important}
.v4-app-box{background:linear-gradient(135deg,#e8f5fb,#d9edf5)!important}
.v4-app-box h2{max-width:300px;font-size:2.25rem!important;line-height:1.05!important}
.app-phone{background:#f7fafc!important;border-color:#07152c!important}
.app-phone-map{height:164px;background:radial-gradient(circle at 68% 26%,#bce5f1 0 9%,transparent 10%),linear-gradient(145deg,#b9dcbf,#f4f1d8 48%,#b7dce8)!important}
.app-road{height:12px;background:#fff!important;border-color:#c3d1d6!important;box-shadow:0 0 0 3px #d4c99b55}
.app-car{font-size:25px!important;color:#07152c!important;background:#fff;padding:2px 5px;border-radius:5px;box-shadow:0 2px 5px #0004}
.store-logo{display:inline-grid;place-items:center;width:25px;height:25px;color:#f5c52b!important}
.play-logo{font-size:1.1rem!important}.apple-logo:before{width:17px!important;height:19px!important}
.site-footer{border-top:5px solid #f5c52b!important}
@media(max-width:760px){.v7-proof .container{grid-template-columns:1fr!important}.v4-copy h1{font-size:2.9rem!important}.v4-app-box h2{font-size:2rem!important}.v4-card>div{min-height:145px}}

/* Refined service strip: custom visual language and touch-friendly spacing. */
.v7-proof .container>div{position:relative;padding-left:76px}
.v7-proof .container>div:last-child{border-right:0}
.proof-icon{position:absolute;left:30px;top:24px;display:grid;place-items:center;width:32px;height:32px;color:#061827;background:#ffffff35;border:1px solid #06182730;border-radius:10px;font-size:23px;line-height:1}
.v7-proof span:not(.proof-icon){margin-top:5px}
.feature-icon{display:grid!important;place-items:center;width:38px;height:38px;flex:0 0 38px;color:#1677ff!important;background:#edf5ff;border:1px solid #cfe1fb;border-radius:11px;font-size:23px!important;line-height:1}
.v4-features .container>div{padding-inline:28px}
@media(max-width:560px){.v7-proof .container>div{padding-left:66px}.proof-icon{left:20px}.v4-features .container>div{padding-inline:20px}}
.social-links a:nth-child(1){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E")}.social-links a:nth-child(2){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v4h4v-4h3l1-4h-4V9c0-.7.3-1 1-1z'/%3E%3C/svg%3E")}.social-links a:nth-child(3){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='m5 3 14 9-14 9V3z'/%3E%3C/svg%3E")}.social-links a:nth-child(4){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M14 4v10.2a3.8 3.8 0 1 1-2-3.4V7l8-2v8.2a3.8 3.8 0 1 1-2-3.4V4h-4z'/%3E%3C/svg%3E")}.social-links a:nth-child(5){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M5 4h4v16H5zM7 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM11 9h4v2c1-2 3-3 5-3 4 0 5 3 5 7v5h-4v-5c0-2-1-4-2.5-4S15 13 15 15v5h-4V9z'/%3E%3C/svg%3E")}

/* Ícones oficiais: substitui caracteres genéricos por pictogramas vetoriais legíveis. */
.proof-icon,.feature-icon,.model-stats b,.store-logo,.social-links a{font-size:0!important;position:relative;}
.proof-icon::before,.feature-icon::before,.model-stats b::before,.store-logo::before,.social-links a::before{content:"";display:block;width:1.15em;height:1.15em;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;}
.proof-icon:nth-child(1){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 12h4l2-7 4 14 2-7h6'/%3E%3C/svg%3E")}
.proof-icon:nth-child(2),.feature-icon:nth-child(2){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M9 5h6M10 18h4'/%3E%3C/svg%3E")}
.proof-icon:nth-child(3),.feature-icon:nth-child(3){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}
.feature-icon:nth-child(1),.model-stats b:nth-child(4){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E")}
.feature-icon:nth-child(4){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M5 4h14v16H5zM8 8h8M8 12h5'/%3E%3Cpath d='M8 16h8'/%3E%3C/svg%3E")}
.model-stats b:nth-child(1){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4 4-6 8-6s7 2 8 6'/%3E%3C/svg%3E")}
.model-stats b:nth-child(2){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 1 0-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3C/svg%3E")}
.model-stats b:nth-child(3){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3z'/%3E%3C/svg%3E")}
.store-logo.play-logo{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='m5 3 14 9-14 9V3z'/%3E%3C/svg%3E")}.store-logo.apple-logo{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16.7 12.7c0-2 1.7-3 1.8-3.1-1-.1-2.1-1.1-3.4-1.1-1.4 0-2.3.8-3.5.8-1.2 0-2.1-.8-3.4-.8-1.4 0-2.8.9-3.5 2.2-1.5 2.6-.4 6.5 1.1 8.6.7 1 1.5 2.2 2.7 2.1 1.1 0 1.6-.7 3-.7s1.8.7 3 .7c1.2 0 2-1 2.6-2.1.8-1.1 1.1-2.2 1.2-2.3-.1 0-2.5-1-2.6-4.3zM14.7 7.2c.6-.8 1-1.9.9-3-1 .1-2.2.7-2.9 1.5-.6.7-1.1 1.8-1 2.8 1.1.1 2.3-.5 3-1.3z'/%3E%3C/svg%3E")}

/* Fundo institucional cinza claro — regra final para todas as páginas. */
body,
.section-light,
.v4-services,
.v4-client,
.breadcrumb-wrap,
.v6-title { background: #edf1f4 !important; }
.section-soft,
.contact-box,
.callout,
.v4-features,
.v4-app-box { background: #e3e8ed !important; }
.access-card,
.card,
.article-card { background: #f7f9fb !important; }

/* Correção solicitada: não exibir endereço não confirmado e recuperar a escala visual. */
.official-topbar-inner > span:first-child { font-size: 0 !important; }
.official-topbar-inner > span:first-child::after { content: "Anápolis - GO"; font-size: 13px; }
.official-topbar-inner { min-height: 38px !important; font-size: 13px !important; }
.site-header .brand { width: 190px !important; }
.site-header .brand img { height: 58px !important; width: auto !important; }
.header-inner { min-height: 84px !important; }
.main-nav > a, .nav-dropbtn { font-size: 14px !important; }
.nav-cta { font-size: 14px !important; padding: 11px 18px !important; }
.nav-cta small { font-size: 13px !important; }
.top-socials a { font-size: 16px !important; min-width: 20px; display: inline-block; text-align: center; }
.v4-copy h1 { font-size: clamp(52px, 6vw, 84px) !important; }
.v4-copy>p:not(.eyebrow) { font-size: 18px !important; line-height: 1.5 !important; }
.v4-benefits span { font-size: 14px !important; padding: 11px 14px !important; }
.hero-actions .button { font-size: 15px !important; padding: 14px 20px !important; }

/* Ícones dos blocos: fallback visual direto, independente de máscara CSS. */
.v4-features .feature-icon::before,
.v7-proof .proof-icon::before { content: "" !important; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.v4-features .feature-icon:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E"); }
.v4-features .feature-icon:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E"); }
.v4-features .feature-icon:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M9 5h6M10 18h4'/%3E%3C/svg%3E"); }
.v4-features .feature-icon:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E"); }
.v4-features .feature-icon:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 4h14v16H5zM8 8h8M8 12h5M8 16h8'/%3E%3C/svg%3E"); }
.v7-proof .proof-icon:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 12h4l2-7 4 14 2-7h6'/%3E%3C/svg%3E"); }
.v7-proof .proof-icon:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3C/svg%3E"); }
.v7-proof .proof-icon:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152d' stroke-width='1.8'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E"); }
/* Ícones oficiais: SVG inline, legíveis e sem caracteres genéricos */
.icon,.proof-icon,.feature-icon{background-repeat:no-repeat!important;background-position:center!important;background-size:65%!important;font-size:0!important}
.icon{display:inline-block;width:30px;height:30px;vertical-align:middle;filter:brightness(0) saturate(100%) invert(82%) sepia(45%) saturate(700%) hue-rotate(355deg)}
.proof-icon,.feature-icon{background-size:60%!important}
.icon-car{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c54b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14l1-5-2-5H6l-2 5 1 5Z'/%3E%3Ccircle cx='7' cy='17' r='1.5'/%3E%3Ccircle cx='17' cy='17' r='1.5'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.icon-moto{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c54b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='17' r='3'/%3E%3Ccircle cx='18' cy='17' r='3'/%3E%3Cpath d='M6 17h4l3-6h3l2 3M10 17l2-3M13 11h-3l-2-3'/%3E%3C/svg%3E")}
.icon-fleet,.icon-truck{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c54b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h12v10H3zM15 10h4l2 3v3h-6z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.icon-boat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c54b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15h16l-3 4H7l-3-4ZM7 15l2-7h6l2 7M12 8V5M9 5h6'/%3E%3Cpath d='M3 21c2-2 4 2 6 0s4 2 6 0 4 2 6 0'/%3E%3C/svg%3E")}
.icon-monitor,.icon-app,.icon-wallet,.icon-install,.icon-phone,.icon-web,.icon-support{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061727' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 18v3M7 14l3-3 2 2 4-5'/%3E%3C/svg%3E")}