:root {
  color-scheme: dark;
  --ink: #08090b;
  --ink-2: #121417;
  --ink-3: #1b1d20;
  --gold: #d4af37;
  --gold-light: #f1cd65;
  --white: #f8f8f6;
  --muted: #a7a9ad;
  --muted-dim: #96989f;
  --line: rgba(248, 248, 246, .12);
  --line-gold: rgba(212, 175, 55, .35);
  --display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --container: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; background: var(--ink); color: var(--white); font: 16px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--gold); color: var(--ink); }
.container { width: min(var(--container), calc(100% - 64px)); margin-inline: auto; }
.section-space { padding-block: clamp(76px, 9vw, 132px); }
.skip-link { position: fixed; z-index: 999; left: 16px; top: 12px; padding: 12px 18px; background: var(--gold); color: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.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; }
:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
.skip-link:focus-visible { outline-color: #fff; }
.topline { border-bottom: 1px solid rgba(255,255,255,.07); background: #050607; color: #d5d5d2; font-size: 11px; letter-spacing: .075em; text-transform: uppercase; }
.topline__inner { height: 38px; display: flex; align-items: center; gap: 9px; }
.topline p { margin: 0; }
.topline__inner > a { margin-left: auto; color: var(--gold-light); }
.topline__inner > a span { margin-left: 6px; }
.topline__divider { color: var(--muted-dim); margin: 0 4px; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 12px var(--gold); }
.site-header { position: sticky; z-index: 30; top: 0; background: rgba(8,9,11,.91); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.075); }
.header__inner { height: 82px; display: flex; align-items: center; justify-content: space-between; }
.wordmark { display: inline-flex; flex-direction: column; line-height: 1; gap: 5px; min-width: 185px; }
.wordmark__name { font: 21px/1 var(--display); letter-spacing: -.035em; }
.wordmark__place { color: var(--muted); font-size: 9px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.wordmark__place i { color: var(--gold); font-style: normal; margin-left: 4px; letter-spacing: .18em; }
.header__owner { flex: 1 1 auto; min-width: 0; margin-inline: 12px; text-align: center; }
.header__owner-link { display: flex; width: fit-content; min-width: 44px; min-height: 44px; margin-inline: auto; align-items: center; justify-content: center; color: #d6b77c; font-size: clamp(18px, 1.45vw, 20px); font-weight: 750; letter-spacing: .055em; text-align: center; text-decoration: none; white-space: nowrap; }
.header__owner-link:focus-visible { outline: 2px solid #d6b77c; outline-offset: 2px; }
.main-nav { display: flex; align-items: center; gap: clamp(16px, 2.2vw, 32px); }
.main-nav > a:not(.button) { color: #d1d0cb; font-size: 12px; transition: color .2s ease; }
.main-nav > a:not(.button):hover { color: var(--gold-light); }
.button { display: inline-flex; min-height: 52px; padding: 0 23px; align-items: center; justify-content: center; gap: 14px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: .025em; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button--gold { color: #171307; background: linear-gradient(110deg, #bd9828, #f1cd65 48%, #d4af37); box-shadow: 0 10px 32px rgba(212,175,55,.12); }
.button--gold:hover { background: var(--gold-light); }
.button--ghost, .button--outline { color: var(--white); border-color: rgba(248,248,246,.25); background: transparent; }
.button--ghost:hover, .button--outline:hover { border-color: var(--gold); color: var(--gold-light); }
.button--small { min-height: 42px; padding: 0 17px; font-size: 11px; }
.menu-toggle { display: none; border: 1px solid var(--line); background: none; width: 44px; height: 44px; color: var(--white); }
.menu-toggle span { display: block; width: 18px; height: 1px; margin: 5px auto; background: currentColor; }

.hero { min-height: 690px; position: relative; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at 70% 45%, rgba(126,101,37,.11), transparent 42%), linear-gradient(110deg, #08090b 0%, #0b0c0e 52%, #0c0d0e 100%); }
.hero__glow { position: absolute; width: 560px; aspect-ratio: 1; border: 1px solid rgba(212,175,55,.10); border-radius: 50%; right: 8%; top: 14%; box-shadow: 0 0 0 52px rgba(212,175,55,.018), 0 0 0 104px rgba(212,175,55,.014); pointer-events: none; }
.hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: .88fr 1.12fr; gap: 5%; align-items: center; padding-block: 74px 96px; }
.hero__copy { position: relative; z-index: 2; padding-block: 20px; }
.eyebrow { margin: 0 0 21px; color: var(--gold-light); font-size: 10px; font-weight: 700; letter-spacing: .2em; line-height: 1.4; text-transform: uppercase; display: flex; align-items: center; gap: 11px; }
.eyebrow__line { width: 26px; height: 1px; background: var(--gold); flex: 0 0 auto; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--display); font-weight: 400; letter-spacing: -.045em; }
h1 { max-width: 580px; margin-bottom: 23px; font-size: clamp(48px, 6.5vw, 82px); line-height: .99; }
h1 em, h2 em { color: var(--gold-light); font-weight: 400; }
.hero__lead { max-width: 445px; color: #b6b6b3; font-size: 15px; line-height: 1.8; }
.hero__availability { width: fit-content; margin: 0 auto 18px; padding: 6px 14px; border: 1px solid rgba(227,200,143,.65); border-radius: 999px; color: #f1cd65; font-size: 12px; font-weight: 750; letter-spacing: .16em; line-height: 1.3; text-align: center; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero__facts { margin-top: 54px; padding-top: 20px; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.hero__facts > div { display: flex; align-items: flex-start; gap: 9px; }
.fact-icon { color: var(--gold); font-size: 16px; line-height: 1.3; }
.hero__facts strong, .hero__facts small { display: block; }
.hero__facts strong { font-size: 10px; font-weight: 650; }
.hero__facts small { margin-top: 4px; color: var(--muted-dim); font-size: 9px; line-height: 1.4; }
.hero__visual { position: relative; margin: 0; min-width: 0; }
.hero__image-frame { position: relative; overflow: hidden; margin: 0; background: #101112; border: 1px solid rgba(248,248,246,.12); }
.hero__image-frame img { width: 100%; aspect-ratio: 1.42; object-fit: cover; object-position: 55% center; }
.hero__image-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,9,11,.42), transparent 44%), linear-gradient(0deg, rgba(8,9,11,.72), transparent 36%); pointer-events: none; }
.image-caption { position: absolute; bottom: 16px; left: 18px; max-width: calc(100% - 36px); color: rgba(248,248,246,.8); font-size: 9px; letter-spacing: .045em; }
.image-caption span { color: var(--gold-light); padding-right: 5px; }
.hero__index { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 13px; color: var(--muted-dim); font-size: 9px; letter-spacing: .15em; }
.hero__index span:first-child { color: var(--gold); font: 22px var(--display); letter-spacing: 0; }
.hero__index i { width: 44px; height: 1px; background: var(--line-gold); }
.hero__bottom { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; padding-block: 17px; border-top: 1px solid var(--line); color: var(--muted-dim); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.hero__scroll { color: #c5c5c0; }
.hero__scroll i { color: var(--gold); font-style: normal; margin-left: 7px; font-size: 14px; }

.intro { background: #f0eee8; color: #171817; }
.intro :focus-visible, .regions :focus-visible, .faq :focus-visible { outline-color: #70591d; }
.intro__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 9%; align-items: start; }
.intro .eyebrow { color: #716124; margin-top: 12px; }
.intro .eyebrow__line { background: #9a7e27; }
.intro h2, .section-heading h2, .difference h2, .regions h2, .faq h2 { margin-bottom: 17px; font-size: clamp(37px, 4.8vw, 59px); line-height: 1.05; }
.intro h2 span, .section-heading h2 span, .difference h2 span, .regions h2 span, .faq h2 span { color: #8b7429; }
.intro__body { max-width: 665px; margin-bottom: 22px; color: #565751; font-size: 15px; line-height: 1.85; }
.text-link { display: inline-flex; align-items: center; gap: 14px; color: var(--gold-light); font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translate(3px, -3px); }
.intro .text-link { color: #78611e; }

.services { background: #101113; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 43px; }
.section-heading h2 { max-width: 700px; margin-bottom: 0; }
.section-heading > p { max-width: 280px; margin: 0 0 4px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-card { position: relative; min-height: 255px; padding: 28px 28px 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); transition: background .25s ease; }
.service-card:hover { background: rgba(212,175,55,.055); }
.service-card__number { position: absolute; top: 28px; right: 28px; color: var(--muted-dim); font-size: 10px; letter-spacing: .14em; }
.service-card__icon { display: inline-grid; place-items: center; width: 38px; height: 38px; margin-bottom: 32px; border: 1px solid var(--line-gold); font-size: 18px; }
.service-card h3 { margin-bottom: 9px; font: 22px/1.1 var(--display); }
.service-card p { max-width: 300px; min-height: 43px; margin-bottom: 20px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.service-card--accent { background: linear-gradient(125deg, rgba(212,175,55,.13), rgba(212,175,55,.025)); }
.service-direct { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding-top: 20px; }
.service-direct > span { color: var(--muted-dim); font-size: 10px; }
.service-direct a { color: #d9c16d; font-size: 10px; }
.service-direct a span { margin-left: 4px; }
.service-direct a:hover { color: var(--white); }

.difference { background: #08090b; }
.difference__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10%; }
.difference__intro h2 { max-width: 420px; }
.difference__intro > p:not(.eyebrow) { max-width: 390px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.difference__intro .button { margin-top: 22px; }
.difference__list article { display: grid; grid-template-columns: 40px 1fr 18px; gap: 17px; padding: 22px 0; border-top: 1px solid var(--line); align-items: start; }
.difference__list article:last-child { border-bottom: 1px solid var(--line); }
.difference__num { color: var(--gold); font-size: 10px; letter-spacing: .12em; padding-top: 3px; }
.difference__list h3 { margin-bottom: 5px; font: 22px var(--display); }
.difference__list p { max-width: 540px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.difference__arrow { color: var(--gold); font-size: 13px; }

.vehicle { background: #121315; }
.vehicle__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 8%; align-items: center; }
.vehicle__visual { position: relative; }
.vehicle__visual img { width: 100%; aspect-ratio: 1.35; object-fit: cover; border: 1px solid var(--line); }
.vehicle__label { position: absolute; left: 14px; bottom: 12px; padding: 7px 10px; color: rgba(255,255,255,.86); background: rgba(8,9,11,.76); font-size: 9px; }
.vehicle__copy h2 { margin-bottom: 20px; font-size: clamp(42px, 5.2vw, 65px); line-height: 1; }
.vehicle__copy > p:not(.eyebrow) { color: #b5b5b1; font-size: 14px; line-height: 1.8; }
.vehicle__cta { margin-top: 4px; }
.vehicle__spec { display: flex; flex-direction: column; gap: 4px; margin: 24px 0; padding: 15px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.vehicle__spec span { color: var(--muted-dim); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.vehicle__spec strong { font: 20px var(--display); font-weight: 400; }

.regions { background: #efeee8; color: #161715; }
.regions__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; }
.regions .eyebrow { color: #716124; }
.regions .eyebrow__line { background: #9a7e27; }
.regions__content { padding-top: 30px; }
.regions__content > p:first-child { max-width: 500px; color: #575852; font-size: 15px; line-height: 1.8; }
.regions__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 18px; }
.regions__tags span { padding: 8px 12px; border: 1px solid rgba(22,23,21,.18); color: #34352f; font-size: 10px; }
.regions__content .regions__small { color: #62645b; font-size: 11px; }

.faq { background: #f0eee8; color: #191a18; }
.faq__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 9%; }
.faq .eyebrow { color: #716124; }
.faq .eyebrow__line { background: #9a7e27; }
.faq__grid > div:first-child > p:not(.eyebrow) { max-width: 310px; color: #67675f; font-size: 13px; line-height: 1.7; }
.faq__grid > div:first-child > .text-link { color: #78611e; margin-top: 12px; }
.faq__list details { border-top: 1px solid rgba(20,21,19,.17); }
.faq__list details:last-child { border-bottom: 1px solid rgba(20,21,19,.17); }
.faq__list summary { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 17px 0; list-style: none; cursor: pointer; font: 19px var(--display); }
.faq__list summary::-webkit-details-marker { display: none; }
.faq__list summary span { color: #8a742b; font: 20px var(--sans); transition: transform .2s ease; }
.faq__list details[open] summary span { transform: rotate(45deg); }
.faq__list details p { max-width: 650px; padding: 0 30px 16px 0; margin: -1px 0 0; color: #62625b; font-size: 12px; line-height: 1.75; }
.faq__list details p a { color: #75601f; text-decoration: underline; }

.final-cta { position: relative; overflow: hidden; padding-block: 78px; background: radial-gradient(ellipse at 80% 50%, rgba(212,175,55,.16), transparent 44%), #171614; border-block: 1px solid var(--line-gold); }
.final-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.final-cta h2 { max-width: 720px; margin-bottom: 13px; font-size: clamp(36px, 4.5vw, 57px); line-height: 1.04; }
.final-cta__inner > div:first-child > p:last-child { margin: 0; color: #b3b1a9; font-size: 12px; }
.final-cta__actions { display: flex; flex-direction: column; min-width: 216px; gap: 10px; }
.final-cta__actions .button { width: 100%; }
.site-footer { background: #08090b; }
.footer__main { position: relative; display: grid; grid-template-columns: 1.4fr .65fr 1fr; gap: 8%; padding-block: 51px 42px; }
.wordmark--footer { margin-bottom: 15px; }
.footer__brand p { margin-bottom: 7px; color: #c9c8c1; font: 15px var(--display); }
.footer__brand > span { color: var(--muted-dim); font-size: 10px; }
.footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer__col strong { margin-bottom: 4px; color: var(--gold-light); font-size: 10px; text-transform: uppercase; letter-spacing: .13em; }
.footer__col a, .footer__col span { color: #aaa9a2; font-size: 10px; }
.footer__col a:hover { color: var(--gold-light); }
.footer__whatsapp { position: absolute; right: 0; top: 52px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--line-gold); color: var(--gold); }
.footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding-block: 16px; border-top: 1px solid var(--line); color: var(--muted-dim); font-size: 9px; }
.footer__bottom a { color: #c7c5bd; text-decoration: underline; text-underline-offset: 3px; }
.footer__bottom a:hover { color: var(--gold-light); }
.floating-whatsapp { position: fixed; z-index: 20; right: 22px; bottom: 22px; display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(212,175,55,.6); border-radius: 50%; color: #171307; background: var(--gold-light); box-shadow: 0 8px 26px rgba(0,0,0,.35); font-size: 19px; transition: transform .2s; }
.floating-whatsapp[hidden] { display: none; }
.floating-whatsapp:hover { transform: translateY(-3px); }

@media (max-width: 980px) {
  .container { width: min(var(--container), calc(100% - 44px)); }
  .main-nav { gap: 15px; }
  .main-nav > a:not(.button) { font-size: 11px; }
  .nav-cta { display: none; }
  .hero { min-height: auto; }
  .hero__grid { grid-template-columns: .95fr 1.05fr; gap: 3%; padding-block: 76px 92px; }
  .hero__facts { gap: 8px; }
  .hero__facts small { font-size: 8px; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 72px; }
  .container { width: min(var(--container), calc(100% - 36px)); }
  .topline__inner { height: 34px; font-size: 9px; }
  .topline__inner > a { display: none; }
  .header__inner { height: 70px; }
  .wordmark { min-width: 0; }
  .wordmark__name { font-size: 19px; }
  .menu-toggle { display: block; cursor: pointer; }
  .main-nav { position: absolute; top: calc(100% + 1px); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 18px 17px; background: rgba(8,9,11,.98); border-bottom: 1px solid var(--line); }
  .main-nav.is-open { display: flex; }
  .main-nav > a:not(.button) { padding: 13px 3px; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 13px; }
  .main-nav .nav-cta { display: inline-flex; margin-top: 12px; }
  .hero__grid { grid-template-columns: 1fr; gap: 35px; padding-block: 64px 83px; }
  .hero__copy { padding: 0; }
  h1 { max-width: 520px; font-size: clamp(48px, 13vw, 72px); }
  .hero__lead { max-width: 540px; }
  .hero__facts { margin-top: 31px; }
  .hero__visual { width: 100%; }
  .hero__image-frame img { aspect-ratio: 1.35; }
  .hero__glow { width: 350px; right: -26%; top: 28%; }
  .hero__bottom { font-size: 8px; }
  .intro__grid, .difference__grid, .vehicle__grid, .regions__grid, .faq__grid { grid-template-columns: 1fr; gap: 35px; }
  .intro__grid { gap: 5px; }
  .intro .eyebrow { margin-top: 0; }
  .intro h2, .section-heading h2, .difference h2, .regions h2, .faq h2 { font-size: clamp(38px, 10vw, 54px); }
  .section-heading { display: block; margin-bottom: 30px; }
  .section-heading > p { margin-top: 17px; }
  .service-grid { grid-template-columns: 1fr 1fr; }
  .service-direct { gap: 10px 16px; }
  .service-card { min-height: 245px; padding: 22px 17px; }
  .service-card__number { top: 22px; right: 17px; }
  .service-card__icon { margin-bottom: 24px; }
  .service-card h3 { font-size: 19px; }
  .service-card p { min-height: 65px; font-size: 11px; }
  .difference__grid { gap: 30px; }
  .vehicle__grid { gap: 30px; }
  .vehicle__copy h2 { font-size: clamp(43px, 11vw, 61px); }
  .regions__content { padding-top: 0; }
  .faq__grid { gap: 27px; }
  .faq__list summary { font-size: 18px; }
  .final-cta__inner { display: block; }
  .final-cta__actions { flex-direction: row; margin-top: 26px; }
  .final-cta__actions .button { min-width: 0; }
  .footer__main { grid-template-columns: 1fr 1fr; gap: 33px 20px; padding-block: 42px 33px; }
  .footer__brand { grid-column: 1 / -1; }
  .footer__whatsapp { top: 40px; }
  .footer__bottom { flex-wrap: wrap; }
}
@media (max-width: 460px) {
  .container { width: calc(100% - 32px); }
  .topline { font-size: 8px; }
  .hero__facts { grid-template-columns: 1fr; gap: 11px; }
  .hero__facts > div { align-items: center; }
  .hero__facts small { font-size: 9px; }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .button { width: 100%; }
  .hero__bottom { gap: 12px; }
  .hero__scroll { white-space: nowrap; }
  .service-grid { grid-template-columns: 1fr; }
  .service-direct { align-items: flex-start; flex-direction: column; gap: 9px; }
  .service-card { min-height: 0; }
  .service-card p { min-height: 0; }
  .service-card__icon { margin-bottom: 19px; }
  .final-cta__actions { flex-direction: column; }
  .footer__main { grid-template-columns: 1fr; }
  .footer__brand { grid-column: auto; }
  .footer__whatsapp { top: 39px; }
  .footer__bottom { gap: 8px 17px; }
  .floating-whatsapp { right: max(14px, env(safe-area-inset-right, 0px)); bottom: max(14px, env(safe-area-inset-bottom, 0px)); width: 46px; height: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Readable, modern typography across desktop and mobile. */
body { font-size: 18px; line-height: 1.65; }
h1, h2, h3 { font-family: var(--display); font-weight: 700; }
h1, h2 { letter-spacing: -.035em; }
.topline { font-size: 12px; }
.wordmark__name { font-size: 23px; font-weight: 700; }
.wordmark__place { font-size: 11px; }
.main-nav > a:not(.button) { font-size: 14px; }
.button { font-size: 14px; }
.button--small { font-size: 13px; }
.eyebrow { font-size: 12px; letter-spacing: .14em; }
h1 { line-height: 1.04; }
.hero__lead { font-size: 18px; line-height: 1.75; }
.hero__facts strong { font-size: 14px; }
.hero__facts small { font-size: 12px; }
.image-caption { font-size: 12px; }
.hero__index { font-size: 11px; }
.hero__bottom { font-size: 11px; }
.intro__body { font-size: 18px; }
.text-link { font-size: 14px; }
.section-heading > p { font-size: 16px; }
.service-card__number { font-size: 12px; }
.service-card h3 { font-size: 24px; font-weight: 650; }
.service-card p { min-height: 76px; font-size: 15px; line-height: 1.65; }
.service-direct > span, .service-direct a { font-size: 13px; }
.difference__intro > p:not(.eyebrow) { font-size: 17px; }
.difference__num { font-size: 12px; }
.difference__list h3 { font-size: 24px; font-weight: 650; }
.difference__list p { font-size: 15px; }
.vehicle__label { font-size: 12px; }
.vehicle__copy > p:not(.eyebrow) { font-size: 16px; }
.vehicle__spec span { font-size: 11px; }
.vehicle__spec strong { font-size: 22px; }
.regions__content > p:first-child { font-size: 18px; }
.regions__tags span { font-size: 13px; }
.regions__content .regions__small { font-size: 14px; }
.faq__grid > div:first-child > p:not(.eyebrow) { font-size: 16px; }
.faq__list summary { font-size: 22px; font-weight: 600; }
.faq__list details p { font-size: 16px; }
.final-cta__inner > div:first-child > p:last-child { font-size: 15px; }
.footer__brand p { font-size: 17px; font-weight: 600; }
.footer__brand > span { font-size: 13px; }
.footer__col strong { font-size: 13px; }
.footer__col a, .footer__col span { font-size: 14px; }
.footer__bottom { font-size: 12px; }

@media (max-width: 980px) {
  .main-nav > a:not(.button) { font-size: 13px; }
}
@media (max-width: 760px) {
  .topline__inner { font-size: 11px; }
  .wordmark__name { font-size: 21px; }
  .main-nav > a:not(.button) { font-size: 15px; }
  .service-card p { min-height: 84px; }
}
@media (max-width: 460px) {
  .service-card p { min-height: 0; }
}

.legal-page { min-height: 100vh; background: #0b0c0e; color: var(--white); }
.legal-page__header { padding-block: 20px; border-bottom: 1px solid var(--line); }
.legal-page__content { max-width: 900px; padding-block: clamp(52px, 8vw, 100px); }
.legal-page__content h1 { max-width: 800px; margin-bottom: 14px; font-size: clamp(40px, 6vw, 68px); line-height: 1.04; }
.legal-page__content > p:not(.eyebrow, .legal-page__updated, .legal-page__back) { max-width: 760px; color: #c2c2bd; font-size: 17px; line-height: 1.8; }
.legal-page__updated { color: var(--muted); font-size: 14px; }
.legal-page__content section { max-width: 760px; margin-top: 42px; }
.legal-page__content section h2 { margin-bottom: 12px; color: var(--gold-light); font-size: clamp(24px, 3vw, 32px); line-height: 1.2; }
.legal-page__content section p { color: #c2c2bd; font-size: 16px; line-height: 1.8; }
.legal-page__content section a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 3px; }
.legal-page__back { margin-top: 42px; }
.legal-page__footer { padding-block: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.legal-page__footer .container { display: flex; justify-content: space-between; gap: 20px; }
.legal-page__footer a { color: var(--gold-light); }
.error-page__code { margin: 0 0 -5px; color: var(--gold); font-size: clamp(90px, 19vw, 220px); font-weight: 800; line-height: .85; letter-spacing: -.07em; }
.legal-page__content > .error-page__code { max-width: none; color: var(--gold); }
.error-page__code + h1 { margin-top: 28px; }
@media (max-width: 520px) {
  .legal-page__footer .container { flex-direction: column; gap: 8px; }
}

/* Direct WhatsApp flow: keep the existing editorial dark-and-gold identity. */
.hero__grid { padding-block: 56px 88px; }
.hero__copy { padding-block: 0; }
.hero__actions { align-items: flex-start; gap: 12px 20px; margin-top: 26px; }
.hero__primary { min-height: 58px; padding-inline: 24px; font-size: 16px; }
.hero__phone-link { display: inline-flex; min-height: 48px; align-items: center; color: var(--gold-light); font-size: 16px; font-weight: 700; text-underline-offset: 5px; }
.hero__phone-link:hover { color: var(--white); }
.hero__facts { margin-top: 28px; }
.topline__inner > a { min-height: 38px; display: inline-flex; align-items: center; font-size: 14px; }
.direct-contact { background: radial-gradient(ellipse at 15% 10%, rgba(212,175,55,.08), transparent 42%), #0d0e10; }
.direct-contact__inner { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 8%; }
.direct-contact h2 { max-width: 520px; margin-bottom: 16px; font-size: clamp(44px, 5.8vw, 70px); line-height: 1; }
.direct-contact__inner > div:first-child > p:last-child { max-width: 550px; color: #b5b5b1; font-size: 17px; line-height: 1.7; }
.direct-contact__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.direct-contact__actions .button { min-height: 58px; padding-inline: 24px; font-size: 15px; }
.direct-contact__actions > a:last-child { min-height: 44px; display: inline-flex; align-items: center; color: var(--gold-light); font-size: 15px; text-underline-offset: 4px; }
:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 4px; }
@media (max-width: 980px) {
  .hero__grid { padding-block: 48px 82px; }
  .hero__facts { gap: 10px; }
  .hero__facts small { font-size: 12px; }
  .direct-contact__inner { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 760px) {
  .hero__grid { gap: 26px; padding-block: 38px 76px; }
  h1 { max-width: 520px; font-size: clamp(43px, 10.5vw, 60px); }
  .hero__lead { max-width: 560px; font-size: 16px; line-height: 1.6; }
  .hero__actions { margin-top: 20px; gap: 7px; }
  .hero__primary { width: 100%; justify-content: center; min-height: 58px; padding-inline: 14px; font-size: 15px; }
  .hero__phone-link { min-height: 44px; }
  .hero__facts { margin-top: 17px; }
  .hero__bottom { font-size: 9px; }
  .intro__grid, .difference__grid, .vehicle__grid, .regions__grid, .faq__grid { grid-template-columns: 1fr; gap: 32px; }
  .direct-contact__inner { grid-template-columns: 1fr; gap: 18px; }
  .direct-contact__actions .button { width: 100%; justify-content: center; }
}
@media (max-width: 460px) {
  .topline__inner { gap: 6px; font-size: 9px; }
  .topline__inner > a { display: none; }
  .hero__facts { grid-template-columns: 1fr; gap: 10px; }
  .hero__facts > div { align-items: center; }
  .hero__facts small { font-size: 12px; }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .button { width: 100%; }
  .hero__bottom { gap: 10px; }
  .hero__scroll { white-space: nowrap; }
  .service-grid { grid-template-columns: 1fr; }
  .service-direct { align-items: flex-start; flex-direction: column; gap: 9px; }
  .service-card { min-height: 0; }
  .service-card p { min-height: 0; }
  .service-card__icon { margin-bottom: 19px; }
  .final-cta__actions { flex-direction: column; }
  .footer__main { grid-template-columns: 1fr; }
  .footer__brand { grid-column: auto; }
  .footer__bottom { gap: 8px 17px; }
}

/* Identidade azul: contraste calmo, superfícies claras e acentos econômicos. */
:root {
  color-scheme: light;
  --ink: #0c2340;
  --ink-2: #123b70;
  --ink-3: #1b4b82;
  --gold: #b79b63;
  --gold-light: #d6b77c;
  --white: #f5f8fc;
  --muted: #c6d3e2;
  --muted-dim: #a8bbd1;
  --line: rgba(245, 248, 252, .2);
  --line-gold: rgba(214, 183, 124, .55);
}
body { background: #f5f8fc; color: #0c2340; }
::selection { background: #d6b77c; color: #0c2340; }
:focus-visible { outline: 3px solid #0c2340; outline-offset: 4px; }
.skip-link { background: #d6b77c; color: #0c2340; }
.topline { background: #0c2340; border-color: rgba(245,248,252,.14); color: #edf3fa; }
.site-header { background: rgba(12,35,64,.97); border-color: rgba(245,248,252,.16); }
.site-header .wordmark__name, .site-footer .wordmark__name { color: #fff; }
.wordmark__place { color: #d4dfec; }
.wordmark__place i { color: #d6b77c; }
.main-nav > a:not(.button) { color: #e8eff8; }
.main-nav > a:not(.button):hover { color: #d6b77c; }
.button--gold { color: #fff; background: #145ca6; box-shadow: 0 8px 22px rgba(7,27,53,.22); }
.button--gold:hover { color: #fff; background: #0f4d8f; }
.button--ghost, .button--outline { color: #f5f8fc; border-color: rgba(245,248,252,.56); background: transparent; }
.button--ghost:hover, .button--outline:hover { color: #fff; border-color: #d6b77c; background: rgba(245,248,252,.08); }
.menu-toggle { color: #f5f8fc; border-color: rgba(245,248,252,.4); }
.hero { background: linear-gradient(116deg, #123b70 0%, #0c2340 68%, #0b1f39 100%); border-color: rgba(245,248,252,.18); }
.hero, .hero h1 { color: #f5f8fc; }
.hero__glow { border-color: rgba(214,183,124,.18); box-shadow: 0 0 0 52px rgba(214,183,124,.035), 0 0 0 104px rgba(214,183,124,.02); }
.hero h1 em, .hero h2 em { color: #e3c88f; }
.hero__lead { color: #edf3fa; }
.hero__facts { border-color: rgba(245,248,252,.28); }
.fact-icon, .hero__index span:first-child, .hero__scroll i { color: #e3c88f; }
.fact-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.hero__facts small, .hero__index, .hero__bottom { color: #d0dceb; }
.hero__image-frame { background: #0c2340; border-color: rgba(245,248,252,.48); }
.hero__image-frame img { object-position: 55% center; }
.hero__image-shade { display: none; }
.image-caption { padding: 8px 10px; color: #fff; background: rgba(12,35,64,.82); }
.image-caption span { color: #e3c88f; }
.image-caption__mark { display: inline-block; width: 12px; height: 12px; margin-right: 5px; vertical-align: -2px; fill: none; stroke: #e3c88f; stroke-width: 1.5; stroke-linecap: round; }
.hero__bottom { border-color: rgba(245,248,252,.28); }
.hero__scroll { color: #fff; text-underline-offset: 4px; }
.hero__scroll:hover { color: #e3c88f; }
.icon-arrow, .icon-down { display: inline-block; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; transition: transform .2s ease; }
.icon-arrow { margin-left: 2px; }
.text-link:hover .icon-arrow { transform: translate(2px,-2px); }
.icon-down { margin-left: 5px; }
.final-cta, .final-cta h2 { color: #f5f8fc; }
.final-cta h2 em { color: #e3c88f; }
.intro, .faq { background: #f5f8fc; color: #0c2340; }
.intro .eyebrow, .regions .eyebrow, .faq .eyebrow { color: #123b70; }
.intro .eyebrow__line, .regions .eyebrow__line, .faq .eyebrow__line { background: #b79b63; }
.intro h2 span, .section-heading h2 span, .difference h2 span, .regions h2 span, .faq h2 span { color: #1a5b9c; }
.intro__body, .faq__grid > div:first-child > p:not(.eyebrow), .faq__list details p { color: #465b65; }
.intro .text-link, .regions .text-link, .faq .text-link, .faq__list details p a { color: #123b70; }
.services { color: #f5f8fc; background: #123b70; }
.services h2 span, .difference h2 span { color: #e3c88f; }
.services .section-heading > p { color: #e1eaf4; }
.service-feature { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 26px; padding: 30px 0; border-top: 1px solid rgba(245,248,252,.34); border-bottom: 1px solid rgba(245,248,252,.34); }
.service-feature__mark { display: grid; width: 54px; aspect-ratio: 1; place-items: center; border: 1px solid #d6b77c; color: #e3c88f; font: 700 17px var(--display); letter-spacing: .08em; }
.service-feature h3 { margin: 0 0 7px; color: #fff; font: 650 25px/1.2 var(--display); }
.service-feature p { max-width: 700px; margin: 0; color: #e1eaf4; font-size: 15px; line-height: 1.7; }
.service-feature .text-link { color: #fff; white-space: nowrap; }
.service-feature .text-link span { color: #e3c88f; }
.services :focus-visible, .difference :focus-visible, .direct-contact :focus-visible, .final-cta :focus-visible, .site-footer :focus-visible, .legal-page :focus-visible { outline-color: #e3c88f; }
.intro :focus-visible, .vehicle :focus-visible, .regions :focus-visible, .faq :focus-visible { outline-color: #0c2340; }
.difference { background: #0c2340; color: #f5f8fc; }
.difference__intro > p:not(.eyebrow), .difference__list p { color: #d4dfec; }
.difference__num, .difference__arrow { color: #e3c88f; }
.difference__list article { grid-template-columns: 44px minmax(0,1fr); border-color: rgba(245,248,252,.24); }
.vehicle { background: #fff; color: #0c2340; }
.vehicle .eyebrow { color: #123b70; }
.vehicle h2 em { color: #123b70; }
.vehicle__visual img { border-color: rgba(12,35,64,.18); }
.vehicle__label { color: #fff; background: rgba(12,35,64,.86); }
.vehicle__copy > p:not(.eyebrow) { color: #465b65; }
.vehicle__spec { border-color: rgba(12,35,64,.18); }
.vehicle__spec span { color: #52697d; }
.vehicle__spec strong { color: #0c2340; }
.vehicle .text-link { color: #123b70; }
.regions { background: #eaf1f8; color: #0c2340; }
.regions__content > p:first-child { color: #465b65; }
.regions__content .regions__small { color: #465b65; }
.direct-contact { background: #f5f8fc; color: #0c2340; }
.direct-contact .eyebrow { color: #123b70; }
.direct-contact .eyebrow__line { background: #b79b63; }
.direct-contact h2 em { color: #1a5b9c; }
.direct-contact__inner > div:first-child > p:last-child { color: #465b65; }
.direct-contact__actions > a:last-child { color: #123b70; }
.faq__list details { border-color: rgba(12,35,64,.2); }
.faq__list summary span { color: #123b70; }
.final-cta { background: linear-gradient(110deg, #123b70, #0c2340); border-color: rgba(214,183,124,.5); }
.final-cta .eyebrow { color: #e3c88f; }
.final-cta__inner > div:first-child > p:last-child { color: #e1eaf4; }
.site-footer { background: #0c2340; color: #f5f8fc; }
.footer__brand p { color: #e1eaf4; }
.footer__col strong { color: #e3c88f; }
.footer__col a, .footer__col span, .footer__brand > span, .footer__bottom { color: #d0dceb; }
.footer__col a:hover, .footer__bottom a:hover { color: #e3c88f; }
.footer__whatsapp { display: grid; place-items: center; border-color: rgba(214,183,124,.7); color: #e3c88f; }
.footer__whatsapp svg, .floating-whatsapp svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.floating-whatsapp { border-color: #0c2340; color: #fff; background: #145ca6; box-shadow: 0 8px 26px rgba(7,27,53,.28); }
.floating-whatsapp:hover { background: #0f4d8f; }
.legal-page { background: #f5f8fc; color: #0c2340; }
.legal-page__header { border-color: rgba(12,35,64,.15); }
.legal-page__content > p:not(.eyebrow, .legal-page__updated, .legal-page__back), .legal-page__content section p { color: #465b65; }
.legal-page__content section h2 { color: #123b70; }
.legal-page__content section a, .legal-page__footer a { color: #123b70; }
.legal-page__updated, .legal-page__footer { color: #52697d; }
.legal-page__footer { border-color: rgba(12,35,64,.16); }
.error-page__code, .legal-page__content > .error-page__code { color: #123b70; }
.error-page__code + h1 { color: #0c2340; }
@media (max-width: 760px) {
  .main-nav { background: #0c2340; border-color: rgba(245,248,252,.2); }
  .main-nav > a:not(.button) { border-color: rgba(245,248,252,.14); }
  .service-feature { grid-template-columns: 50px minmax(0,1fr); gap: 14px 18px; }
  .service-feature .text-link { grid-column: 2; }
}
@media (max-width: 460px) {
  .service-feature { grid-template-columns: 1fr; gap: 16px; }
  .service-feature .text-link { grid-column: 1; white-space: normal; }
  .service-feature h3 { font-size: 22px; }
  .service-feature p { font-size: 14px; }
}
@media (min-width: 981px) {
  .hero__grid { grid-template-columns: .95fr 1.05fr; gap: 3.5%; }
  .hero h1 { font-size: clamp(52px, 4.6vw, 68px); }
}

/* WhatsApp contact surfaces: vivid green with dark text for readable contrast. */
.button--whatsapp {
  color: #0c2340;
  background: #25d366;
  border-color: #25d366;
  box-shadow: 0 8px 22px rgba(4, 51, 27, .2);
  font-size: 16px;
  font-weight: 750;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.button--small.button--whatsapp { font-size: 13px; }
.button--whatsapp:hover {
  color: #0c2340;
  background: #20bf5b;
  border-color: #20bf5b;
}
.button--whatsapp:active { transform: translateY(0); }
.button--whatsapp:focus-visible { outline-color: #0c2340; }
.intro .button--whatsapp.intro__cta { color: #fff; background: #0c6b36; border-color: #0c6b36; }
.intro .button--whatsapp.intro__cta:hover { color: #fff; background: #07592d; border-color: #07592d; }
.intro .button--whatsapp.intro__cta:focus-visible { outline-color: #0c2340; }
.intro .button--whatsapp.intro__cta:active { background: #064a26; border-color: #064a26; transform: translateY(0); }
.hero__contact {
  padding: 14px 18px 17px;
  border-radius: 12px;
  background: #25d366;
  color: #0c2340;
}
.hero__contact-name {
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(12, 35, 64, .28);
  font-size: 18px;
  font-weight: 750;
  text-transform: uppercase;
}
.hero__facts {
  margin-top: 0;
  padding-top: 12px;
  border: 0;
}
.hero__facts .fact-icon,
.hero__facts strong,
.hero__facts small { color: #0c2340; }
.hero__facts strong { text-transform: uppercase; }
.hero__facts small { text-transform: none; }
.hero__facts strong { font-size: 17px; }
.hero__facts small { font-size: 14px; }
.hero__contact :focus-visible { outline-color: #0c2340; }
.service-feature {
  padding: 26px 30px;
  border: 0;
  border-radius: 14px;
  background: #25d366;
  color: #0c2340;
}
.service-feature__mark {
  border-color: rgba(12, 35, 64, .55);
  color: #0c2340;
}
.service-feature h3,
.service-feature p,
.service-feature .text-link { color: #0c2340; }
.service-feature h3 { text-transform: uppercase; }
.service-feature p { text-transform: none; }
.service-feature h3 { font-size: 27px; }
.service-feature p { font-size: 16px; }
.service-feature .button--whatsapp,
.faq__contact-panel .button--whatsapp {
  color: #fff;
  background: #0c6b36;
  border-color: #0c6b36;
}
.service-feature .button--whatsapp:hover,
.faq__contact-panel .button--whatsapp:hover {
  color: #fff;
  background: #07592d;
  border-color: #07592d;
}
.service-feature :focus-visible { outline-color: #0c2340; }
.faq__contact-panel {
  align-self: start;
  padding: 28px;
  border-radius: 14px;
  background: #25d366;
  color: #0c2340;
}
.faq__contact-panel h2 span { color: #0c2340; }
.faq__grid > div.faq__contact-panel > p:not(.eyebrow) { color: #0c2340; }
.faq__contact-panel h2 { text-transform: uppercase; }
.faq__contact-panel > p:not(.eyebrow) { text-transform: none; }
.faq__contact-panel > p:not(.eyebrow) { font-size: 16px; }
.faq__contact-panel .button { margin-top: 8px; }
.faq__contact-panel :focus-visible { outline-color: #0c2340; }
.direct-contact__actions > a.direct-contact__phone {
  min-height: 44px;
  color: #0c2340;
  font-size: 17px;
  font-weight: 700;
  text-underline-offset: 4px;
}
.footer__whatsapp {
  border-color: #25d366;
  color: #0c2340;
  background: #25d366;
}
.footer__whatsapp:hover { color: #0c2340; background: #20bf5b; }
.floating-whatsapp {
  border-color: #25d366;
  color: #0c2340;
  background: #25d366;
}
.floating-whatsapp:hover { color: #0c2340; background: #20bf5b; }
@media (max-width: 760px) {
  .service-feature { padding: 22px; }
  .service-feature .button--whatsapp { grid-column: 2; justify-self: start; }
  .faq__contact-panel { padding: 24px; }
}
@media (max-width: 460px) {
  .button--whatsapp { font-size: 15px; }
  .button--small.button--whatsapp { font-size: 12px; }
  .hero__facts strong { font-size: 15px; }
  .hero__facts small { font-size: 13px; }
  .service-feature h3 { font-size: 23px; }
  .service-feature p,
  .faq__contact-panel > p:not(.eyebrow) { font-size: 15px; }
  .service-feature .button--whatsapp { grid-column: 1; justify-self: stretch; }
}
