:root {
  --navy: #081b36;
  --navy-deep: #050c18;
  --orange: #ff7900;
  --orange-dark: #d96100;
  --paper: #f5f6f8;
  --white: #ffffff;
  --ink: #101621;
  --muted: #667180;
  --line: #dce1e8;
  --mono: "DM Mono", monospace;
  --display: "Manrope", sans-serif;
  --shadow: 0 22px 68px rgba(4, 15, 32, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; color: var(--ink); background: var(--paper); font-family: var(--display); line-height: 1.5; }
body.menu-open, body:has(dialog[open]) { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.container { width: min(1180px, calc(100% - 56px)); margin: 0 auto; }
.skip-link { position: fixed; z-index: 100; top: -48px; left: 20px; padding: 10px 14px; color: var(--white); background: var(--navy); transition: top .2s ease; }
.skip-link:focus { top: 20px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 19px; color: var(--orange); font-family: var(--mono); font-size: 10px; letter-spacing: .12em; }
.eyebrow::before { width: 24px; height: 1px; content: ""; background: currentColor; }
.eyebrow.light { color: #ff9b46; }
.section { padding: 112px 0; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 44px; margin-bottom: 42px; }
.section-head h2, .section-title { max-width: 730px; margin: 0; font-size: clamp(34px, 4.3vw, 59px); letter-spacing: -.06em; line-height: 1.04; }
.section-head h2 em, .section-title em { color: var(--orange); font-style: normal; }
.section-head > p { max-width: 320px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; gap: 10px; padding: 0 21px; border: 0; font-size: 12px; font-weight: 800; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--white); background: var(--orange); }
.button-primary:hover { background: var(--orange-dark); }
.button-outline { border: 1px solid currentColor; color: var(--white); background: transparent; }
.button-outline:hover { color: var(--navy); background: var(--white); }
.button svg, .text-link svg { width: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.text-link { display: inline-flex; align-items: center; gap: 9px; border: 0; padding: 0; color: var(--navy); background: transparent; font-size: 12px; font-weight: 800; }
.text-link:hover { color: var(--orange); }

/* Shared navigation is rendered by site.js so every page uses one source of truth. */
.site-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid rgba(255,255,255,.14); color: var(--white); background: rgba(5,12,24,.94); backdrop-filter: blur(16px); }
.nav-shell { display: flex; width: min(1320px, calc(100% - 56px)); height: 140px; align-items: center; justify-content: space-between; margin: 0 auto; }
.brand { display: inline-flex; min-width: max-content; align-items: center; gap: 9px; }
.brand-logo { display:block; width:264px; height:124px; object-fit:contain; }
.brand-mark { display: grid; width: 40px; height: 33px; place-items: center; }
.brand-mark svg { width: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.3; }
.brand-mark .accent { stroke: var(--orange); }
.brand-copy { display: grid; line-height: 1; }
.brand-word { font-size: 17px; font-weight: 800; letter-spacing: .25em; }
.brand-word b { color: var(--orange); font-weight: inherit; }
.brand-sub { margin-top: 4px; font-family: var(--mono); font-size: 7px; letter-spacing: .42em; }
.main-nav { display: flex; align-items: center; gap: 27px; margin-left: 52px; }
.main-nav a { position: relative; padding: 8px 0; font-size: 12px; font-weight: 700; }
.main-nav a::after { position: absolute; right: 0; bottom: 1px; left: 0; height: 2px; content: ""; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.main-nav a:hover::after, .main-nav a.is-active::after { transform: scaleX(1); }
.nav-actions { display: flex; align-items: center; gap: 18px; }
.language-switcher { display: flex; gap: 5px; color: rgba(255,255,255,.64); font-family: var(--mono); font-size: 9px; }
.language-switcher a { padding: 3px; }
.language-switcher a.is-active, .language-switcher a:hover { color: var(--orange); }
.nav-request { display: inline-flex; align-items: center; gap: 10px; border: 0; border-left: 1px solid rgba(255,255,255,.35); padding: 10px 0 10px 18px; color: var(--white); background: transparent; font-size: 11px; font-weight: 800; }
.nav-request:hover { color: var(--orange); }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.55); color: var(--white); background: transparent; }
.menu-toggle span { display: block; width: 18px; height: 1px; margin: 5px auto; background: currentColor; transition: transform .2s ease; }
.menu-toggle.is-open span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-toggle.is-open span:last-child { transform: translateY(-3px) rotate(-45deg); }
.mobile-menu { position: fixed; z-index: 19; inset: 0; display: grid; align-content: center; gap: 34px; padding: 110px 28px 48px; color: var(--white); background: var(--navy); opacity: 0; pointer-events: none; transform: translateY(-10px); transition: opacity .2s ease, transform .2s ease; }
.mobile-menu.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
.mobile-menu nav { display: grid; }
.mobile-menu nav a { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.18); font-size: 27px; font-weight: 700; }

.home-hero { position: relative; min-height: 650px; overflow: hidden; color: var(--white); background: var(--navy-deep); }
.home-hero::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(5,12,24,.94), rgba(5,12,24,.68) 45%, rgba(5,12,24,.23)), url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=2200&q=88") center / cover; }
.home-hero::after { position: absolute; inset: 0; opacity: .24; content: ""; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, black, transparent 76%); }
.home-hero-content { position: relative; z-index: 1; display: grid; min-height: 540px; align-items: center; padding: 88px 0 128px; }
.home-hero-copy { max-width: 700px; }
.home-hero h1 { max-width: 680px; margin: 0 0 21px; font-size: clamp(51px, 6.4vw, 86px); letter-spacing: -.07em; line-height: .97; }
.home-hero h1 em { color: var(--orange); font-style: normal; }
.home-hero p:not(.eyebrow) { max-width: 535px; margin: 0 0 31px; color: rgba(255,255,255,.73); font-size: 15px; line-height: 1.8; }
.home-hero { min-height:170vh; background:var(--navy-deep); }.hero-video-shell { position:sticky; top:0; z-index:0; height:100vh; overflow:hidden; }.hero-video-shell .scroll-film { width:100%; height:100%; object-fit:cover; opacity:.86; }.home-hero::before { z-index:1; background:linear-gradient(90deg,rgba(5,12,24,.94),rgba(5,12,24,.62) 45%,rgba(5,12,24,.22)),linear-gradient(0deg,var(--navy) 0%,rgba(8,27,54,.8) 9%,transparent 38%); }.home-hero::after { z-index:2; }.home-hero-content { position:absolute; z-index:3; top:0; right:0; left:0; min-height:700px; padding:115px 0 0; }.quick-panel { z-index:4; top:clamp(585px,62vh,670px); bottom:auto; transform:none; }.trust-strip { min-height:104px; padding-top:24px; color:#ffad65; border-top:1px solid rgba(255,121,0,.55); background:linear-gradient(180deg,var(--navy) 0%,var(--navy) 74%,var(--paper) 100%); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.quick-panel { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; transform: translateY(50%); }
.quick-form { display: grid; grid-template-columns: 1.14fr repeat(3, minmax(0, 1fr)) 58px; background: var(--white); box-shadow: var(--shadow); }
.quick-form label { display: grid; gap: 7px; padding: 16px 18px; border-left: 1px solid var(--line); }
.quick-form label span, .quick-form .form-label { color: #6b7582; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.quick-form select, .quick-form input { min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 12px; font-weight: 700; }
.quick-form .form-label { display: flex; align-items: center; padding: 16px 18px; color: var(--white); background: var(--navy); }
.quick-submit { display: grid; place-items: center; border: 0; color: var(--white); background: var(--orange); }
.quick-submit:hover { background: var(--orange-dark); }.quick-submit svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.hero-note { margin: 11px 0 0; color: rgba(255,255,255,.58); font-size: 10px; }

.trust-strip { display: flex; min-height: 73px; align-items: center; justify-content: center; overflow: hidden; padding-top: 38px; color: var(--white); background: var(--orange); }
.seo-intro { padding:54px 0 34px; color:var(--white); background:linear-gradient(180deg,var(--navy) 0%,var(--navy) 82%,var(--paper) 100%); }.seo-intro + .section { padding-top:48px; }.seo-intro-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:start; }.seo-intro h2 { max-width:560px; margin:0; font-size:clamp(31px,4vw,53px); letter-spacing:-.06em; line-height:1.06; }.seo-intro h2 em { color:var(--orange); font-style:normal; }.seo-intro-grid > div:last-child { padding-top:18px; }.seo-intro p:not(.eyebrow) { margin:0 0 12px; color:rgba(255,255,255,.72); font-size:14px; line-height:1.8; }
.trust-track { display: flex; width: max-content; gap: 22px; align-items: center; font-family: var(--mono); font-size: 10px; letter-spacing: .09em; white-space: nowrap; animation: ticker 32s linear infinite; }
.trust-track i { width: 5px; height: 5px; border: 1px solid currentColor; border-radius: 50%; }
@keyframes ticker { to { transform: translateX(-50%); } }

.grid { display: grid; gap: 18px; }
.card-grid { grid-template-columns: repeat(3, 1fr); }
.vehicle-grid { grid-template-columns: repeat(3, 1fr); }
.vehicle-card, .location-card, .article-card, .info-card { overflow: hidden; background: var(--white); box-shadow: 0 7px 26px rgba(5, 16, 33, .06); transition: transform .25s ease, box-shadow .25s ease; }
.vehicle-card:hover, .location-card:hover, .article-card:hover, .info-card:hover { box-shadow: 0 20px 38px rgba(5,16,33,.13); transform: translateY(-5px); }
.vehicle-image { position: relative; height: 230px; overflow: hidden; }
.vehicle-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.vehicle-card:hover .vehicle-image img { transform: scale(1.06); }
.tag { position: absolute; top: 13px; left: 13px; padding: 5px 7px; color: var(--white); background: var(--navy); font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }
.vehicle-content { padding: 19px; }
.vehicle-content h3, .location-card h3, .article-card h3 { margin: 0 0 5px; font-size: 21px; letter-spacing: -.04em; }.vehicle-content > span { display:block; margin-top:7px; color:#657285; font-size:14px; font-weight:700; }.vehicle-specs { display: flex; gap: 10px; padding: 15px 0; margin: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #536174; font-family: var(--mono); font-size: 12px; font-weight:600; list-style: none; }
.vehicle-specs li + li::before { margin-right: 10px; color: var(--orange); content: "+"; }
.price-row { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.price-row small { display: block; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }.price-row strong { font-size: 24px; letter-spacing: -.05em; }.price-row strong sup { color: var(--orange); font-family: var(--mono); font-size: 9px; }.vehicle-detail-link { display:inline-flex; margin:-2px 0 14px; color:var(--navy); font-size:12px; font-weight:800; }.vehicle-detail-link::after { margin-left:7px; color:var(--orange); content:"↗"; }.vehicle-detail-link:hover { color:var(--orange); }
.card-action { border: 0; padding: 0; color: var(--navy); background: transparent; font-size: 11px; font-weight: 800; }.card-action:hover { color: var(--orange); }
.whatsapp-rent-button { position:relative; display:inline-flex; min-height:40px; align-items:center; gap:8px; padding:0 12px; color:#fff; background:#176c45; box-shadow:0 0 0 1px rgba(255,255,255,.12),0 8px 22px rgba(23,108,69,.3); font-size:10px; overflow:visible; isolation:isolate; transition:transform .2s ease,background .2s ease; }.whatsapp-rent-button:hover { color:#fff; background:#0f8150; transform:translateY(-2px); }.whatsapp-rent-button::before { position:absolute; z-index:-1; inset:-5px; border:1px solid rgba(255,121,0,.75); content:""; animation:cta-frame 1.7s ease-in-out infinite; }.whatsapp-rent-button::after { position:absolute; z-index:-1; inset:-9px; content:""; background:radial-gradient(circle,rgba(255,121,0,.45),transparent 65%); filter:blur(8px); opacity:.55; animation:cta-glow 1.7s ease-in-out infinite; }.whatsapp-rent-button i { color:#ffb16c; font-size:13px; font-style:normal; animation:heart-beat 1.15s ease-in-out infinite; }

.floating-actions { position:fixed; z-index:30; right:22px; bottom:106px; display:grid; gap:10px; }.floating-action { position:relative; display:grid; width:62px; min-height:58px; place-items:center; padding:8px 5px; color:#fff; background:rgba(8,27,54,.94); box-shadow:0 12px 28px rgba(3,12,25,.24); text-align:center; transition:transform .2s ease,background .2s ease; }.floating-action:hover { color:#fff; background:var(--orange); transform:translateX(-5px) scale(1.04); }.floating-action::before { position:absolute; z-index:-1; inset:-5px; border:1px solid rgba(255,121,0,.7); content:""; animation:cta-frame 1.9s ease-in-out infinite; }.floating-action::after { position:absolute; z-index:-1; inset:-10px; content:""; background:radial-gradient(circle,rgba(255,121,0,.42),transparent 68%); filter:blur(8px); animation:cta-glow 1.9s ease-in-out infinite; }.floating-action svg { width:19px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.6; }.floating-action span { margin-top:3px; font-size:8px; font-weight:800; line-height:1.28; }.floating-action b { position:absolute; top:-10px; right:-6px; color:#ff9a4a; font-size:13px; animation:heart-float 1.8s ease-in-out infinite; }.float-whatsapp { background:#176c45; }.float-instagram { background:#55245e; }
@keyframes cta-frame { 0%,100% { opacity:.32; transform:scale(.96); } 50% { opacity:1; transform:scale(1.04); } } @keyframes cta-glow { 0%,100% { opacity:.25; transform:scale(.82); } 50% { opacity:.8; transform:scale(1.15); } } @keyframes heart-beat { 0%,100% { transform:scale(.9); } 50% { transform:scale(1.25); } } @keyframes heart-float { 0%,100% { transform:translateY(1px) scale(.9); opacity:.5; } 50% { transform:translateY(-6px) scale(1.25); opacity:1; } }

.split-band { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; color: var(--white); background: var(--navy); }
.split-media { min-height: 520px; background: linear-gradient(90deg, transparent, rgba(8,27,54,.96)), url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1500&q=88") center / cover; }
.split-content { padding: 96px max(48px, calc((100vw - 1180px) / 2)) 88px 72px; }
.split-content h2 { max-width: 570px; margin: 0 0 20px; font-size: clamp(36px, 4vw, 58px); letter-spacing: -.06em; line-height: 1.05; }.split-content h2 em { color: var(--orange); font-style: normal; }
.split-content > p:not(.eyebrow) { max-width: 500px; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.8; }
.motion-stage { position:relative; display:grid; min-height:620px; overflow:hidden; place-items:center; color:var(--white); background:var(--navy-deep); }.scroll-film,.motion-shade { position:absolute; inset:0; width:100%; height:100%; }.scroll-film { object-fit:cover; opacity:.75; }.motion-shade { background:linear-gradient(90deg,rgba(5,12,24,.9),rgba(5,12,24,.36)); }.motion-copy { position:relative; z-index:1; padding:90px 0; }.motion-copy h2 { max-width:700px; margin:0 0 18px; font-size:clamp(42px,5.5vw,76px); letter-spacing:-.07em; line-height:1; }.motion-copy h2 em { color:var(--orange); font-style:normal; }.motion-copy p { max-width:540px; color:rgba(255,255,255,.72); font-size:14px; line-height:1.8; }.motion-copy code { color:#ffad65; font-family:var(--mono); font-size:11px; }.motion-copy > span { display:block; margin-top:36px; color:#ffad65; font-family:var(--mono); font-size:9px; letter-spacing:.15em; }
.feature-list { margin-top: 33px; border-top: 1px solid rgba(255,255,255,.18); }.feature-list article { display: grid; grid-template-columns: 39px 1fr; gap: 13px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.18); }.feature-list span { color: var(--orange); font-family: var(--mono); font-size: 10px; }.feature-list h3 { margin: 0 0 4px; font-size: 14px; }.feature-list p { margin: 0; color: rgba(255,255,255,.6); font-size: 12px; }
.vehicle-detail-hero { padding:42px 0 72px; color:var(--white); background:linear-gradient(135deg,#061326,#0b294d); }.detail-back { display:inline-flex; margin-bottom:28px; color:#ffad65; font-family:var(--mono); font-size:11px; }.vehicle-detail-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:58px; align-items:center; }.vehicle-detail-image { min-height:460px; overflow:hidden; background:#102945; }.vehicle-detail-image img { width:100%; height:100%; min-height:460px; object-fit:cover; }.detail-category { display:inline-flex; margin:0 0 13px; padding:5px 7px; color:#ffb16c; border:1px solid rgba(255,177,108,.45); font-family:var(--mono); font-size:9px; letter-spacing:.09em; }.vehicle-detail-copy h1 { margin:0 0 18px; font-size:clamp(42px,5vw,70px); letter-spacing:-.07em; line-height:.96; }.vehicle-detail-copy > p:not(.eyebrow) { max-width:500px; color:rgba(255,255,255,.7); font-size:15px; line-height:1.8; }.detail-price { display:grid; gap:5px; margin:28px 0; }.detail-price small,.detail-specs small { color:#ffad65; font-family:var(--mono); font-size:9px; letter-spacing:.09em; }.detail-price strong { font-size:35px; letter-spacing:-.06em; }.detail-price sup { color:var(--orange); font-family:var(--mono); font-size:11px; }.detail-spec-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:start; }.detail-spec-section h2 { margin:0; font-size:clamp(31px,4vw,48px); letter-spacing:-.06em; line-height:1.06; }.detail-spec-section h2 em { color:var(--orange); font-style:normal; }.detail-specs { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }.detail-specs article { display:grid; gap:10px; min-height:124px; padding:24px; background:#fff; }.detail-specs strong { font-size:16px; }.detail-benefits { padding:80px 0; color:#fff; background:var(--navy); }.detail-benefits h2 { max-width:700px; margin:0 0 35px; font-size:clamp(29px,4vw,46px); letter-spacing:-.06em; line-height:1.08; }.detail-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.detail-benefit-grid article { display:grid; gap:22px; padding:22px; border:1px solid rgba(255,255,255,.17); }.detail-benefit-grid span { color:var(--orange); font-family:var(--mono); font-size:10px; }.detail-benefit-grid strong { font-size:17px; }

.page-hero { position: relative; overflow: hidden; padding: 94px 0 83px; color: var(--white); background: var(--navy); }
.page-hero::after { position: absolute; inset: 0; opacity: .55; content: ""; background: radial-gradient(circle at 75% 20%, rgba(255,121,0,.32), transparent 26%), linear-gradient(125deg, transparent 38%, rgba(255,255,255,.05) 38.2%, transparent 38.5%); }
.page-hero .container { position: relative; z-index: 1; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 23px; color: rgba(255,255,255,.6); font-family: var(--mono); font-size: 9px; }.breadcrumb a:hover { color: var(--orange); }.breadcrumb span { color: var(--orange); }
.page-hero h1 { max-width: 840px; margin: 0 0 17px; font-size: clamp(42px, 5.7vw, 74px); letter-spacing: -.07em; line-height: .98; }.page-hero h1 em { color: var(--orange); font-style: normal; }
.page-hero p { max-width: 630px; margin: 0; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.75; }
.page-hero-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }.page-hero-meta span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.28); font-family: var(--mono); font-size: 9px; }

.intro-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 56px; }.intro-grid .lead { margin: 0; font-size: 21px; letter-spacing: -.03em; line-height: 1.55; }.intro-grid .body-copy { color: var(--muted); font-size: 14px; line-height: 1.85; }.stat-stack { display: grid; gap: 1px; background: var(--line); }.stat-stack article { padding: 25px; background: var(--white); }.stat-stack strong { display: block; color: var(--orange); font-size: 30px; letter-spacing: -.05em; }.stat-stack span { color: var(--muted); font-size: 12px; }
.location-card { display: flex; min-height: 230px; flex-direction: column; justify-content: flex-end; padding: 25px; color: var(--white); background: linear-gradient(170deg, rgba(8,27,54,.94), rgba(8,27,54,.71)), var(--card-image) center / cover; }.location-card small { margin-bottom: 9px; color: #ffad65; font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }.location-card p { margin: 0 0 16px; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.65; }.location-card .text-link { color: var(--white); }.location-card .text-link:hover { color: var(--orange); }
.article-card { min-height: 274px; padding: 26px; }.article-card.featured { position: relative; color: var(--white); background: var(--navy); }.article-card.featured::before { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(5,12,24,.92), rgba(5,12,24,.11)), var(--article-image) center / cover; }.article-card > * { position: relative; }.article-card small { display: block; margin-bottom: 15px; color: var(--orange); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }.article-card p { color: var(--muted); font-size: 13px; line-height: 1.7; }.article-card.featured p { color: rgba(255,255,255,.68); }.article-card .text-link { margin-top: auto; }

.content-surface { background: var(--white); }.seo-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 52px; }.seo-copy h2 { margin: 0 0 18px; font-size: 32px; letter-spacing: -.05em; }.seo-copy h3 { margin: 31px 0 10px; font-size: 20px; letter-spacing: -.04em; }.seo-copy p, .seo-copy li { color: var(--muted); font-size: 14px; line-height: 1.85; }.seo-copy ul { padding-left: 19px; }.seo-copy li::marker { color: var(--orange); }
.map-card { overflow: hidden; background: var(--navy); }.map-card iframe { display: block; width: 100%; min-height: 295px; border: 0; filter: grayscale(.75) contrast(1.05); }.map-caption { padding: 21px; color: var(--white); }.map-caption small { display: block; color: var(--orange); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }.map-caption h3 { margin: 6px 0; font-size: 18px; }.map-caption p { margin: 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.65; }
.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; cursor: pointer; font-size: 15px; font-weight: 800; list-style: none; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after { flex: 0 0 auto; color: var(--orange); content: "+"; font-family: var(--mono); font-size: 20px; font-weight: 400; }.faq-item[open] summary::after { content: "−"; }.faq-item p { max-width: 780px; margin: 0; padding: 0 0 20px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.cta-band { position: relative; overflow: hidden; padding: 86px 0; color: var(--white); background: var(--navy-deep); }.cta-band::before { position: absolute; inset: 0; opacity: .34; content: ""; background: linear-gradient(90deg, rgba(5,12,24,.94), rgba(5,12,24,.3)), url("https://images.unsplash.com/photo-1514316454349-750a7fd3da3a?auto=format&fit=crop&w=1800&q=84") center / cover; }.cta-band .container { position: relative; }.cta-band h2 { max-width: 700px; margin: 0 0 17px; font-size: clamp(37px, 4.4vw, 61px); letter-spacing: -.06em; line-height: 1.04; }.cta-band h2 em { color: var(--orange); font-style: normal; }.cta-band p { max-width: 520px; margin: 0 0 28px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }

.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; }.contact-info { padding: 33px; color: var(--white); background: var(--navy); }.contact-info h2 { margin: 0 0 13px; font-size: 35px; letter-spacing: -.06em; }.contact-info > p { color: rgba(255,255,255,.67); font-size: 14px; line-height: 1.75; }.contact-points { display: grid; gap: 18px; margin-top: 39px; }.contact-points div { padding-top: 14px; border-top: 1px solid rgba(255,255,255,.18); }.contact-points small { display: block; margin-bottom: 4px; color: var(--orange); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }.contact-points span { font-size: 13px; }.contact-form { padding: 33px; background: var(--white); }.contact-form h2 { margin: 0 0 22px; font-size: 29px; letter-spacing: -.05em; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.form-field { display: grid; gap: 7px; }.form-field.full { grid-column: 1 / -1; }.form-field label { color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }.form-field input, .form-field select, .form-field textarea { width: 100%; border: 0; border-bottom: 1px solid var(--line); outline: 0; padding: 11px 0; color: var(--ink); background: transparent; font-size: 13px; font-weight: 600; }.form-field textarea { resize: vertical; }.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--orange); }.form-consent { display: flex; gap: 9px; align-items: flex-start; margin: 23px 0; color: var(--muted); font-size: 10px; line-height: 1.6; }.form-consent input { margin-top: 3px; accent-color: var(--orange); }

.site-footer { color: var(--white); background: var(--navy-deep); }.footer-top { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 46px; align-items: center; padding: 49px 0; border-bottom: 1px solid rgba(255,255,255,.16); }.footer-description { max-width: 335px; margin: 0; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.7; }.footer-request { border: 0; padding: 0; color: var(--orange); background: transparent; font-size: 12px; font-weight: 800; }.footer-request:hover { color: var(--white); }.footer-columns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; padding: 40px 0; }.footer-columns div { display: grid; align-content: start; gap: 10px; }.footer-columns strong { margin-bottom: 5px; color: var(--orange); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }.footer-columns a, .footer-columns p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; }.footer-columns a:hover { color: var(--orange); }.footer-columns p { line-height: 1.7; }.footer-bottom { display: flex; justify-content: space-between; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.37); font-family: var(--mono); font-size: 9px; letter-spacing: .04em; }

.request-dialog { width: min(950px, calc(100% - 28px)); max-height: calc(100vh - 28px); border: 0; padding: 0; background: var(--white); box-shadow: 0 30px 90px rgba(0,0,0,.38); }.request-dialog::backdrop { background: rgba(3,10,20,.75); backdrop-filter: blur(5px); }.request-dialog-shell { display: grid; grid-template-columns: .72fr 1.28fr; }.request-dialog-aside { display: flex; min-height: 580px; flex-direction: column; padding: 46px 37px; color: var(--white); background: linear-gradient(160deg, rgba(8,27,54,.93), rgba(5,12,24,.96)), url("https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=900&q=82") center / cover; }.request-dialog-aside h2 { margin: 0 0 15px; font-size: 34px; letter-spacing: -.06em; line-height: 1.05; }.request-dialog-aside > p { color: rgba(255,255,255,.67); font-size: 13px; line-height: 1.7; }.request-summary { margin-top: auto; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.22); }.request-summary small { display: block; color: var(--orange); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; }.request-summary strong { display: block; margin: 6px 0; font-size: 15px; }.request-summary span { color: rgba(255,255,255,.6); font-size: 11px; }.request-dialog-form { padding: 45px; }.request-dialog-form h3 { margin: 0 0 23px; font-size: 21px; letter-spacing: -.04em; }.dialog-close { position: absolute; z-index: 1; top: 14px; right: 14px; display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(255,255,255,.35); color: var(--white); background: rgba(5,12,24,.2); font-size: 23px; }.dialog-close:hover { color: var(--orange); border-color: var(--orange); }
.toast { position: fixed; z-index: 100; right: 22px; bottom: 22px; max-width: 345px; padding: 14px 17px; color: var(--white); background: var(--navy); box-shadow: var(--shadow); font-size: 12px; opacity: 0; pointer-events: none; transform: translateY(15px); transition: opacity .2s ease, transform .2s ease; }.toast::before { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; content: ""; background: var(--orange); }.toast.is-visible { opacity: 1; transform: translateY(0); }

.not-found { display: grid; min-height: calc(100vh - 78px); place-items: center; padding: 80px 0; color: var(--white); background: radial-gradient(circle at 70% 20%, rgba(255,121,0,.3), transparent 23%), var(--navy-deep); }.not-found-content { max-width: 710px; text-align: center; }.not-found-code { display: block; margin-bottom: 10px; color: var(--orange); font-family: var(--mono); font-size: clamp(80px, 17vw, 190px); font-weight: 500; line-height: .8; }.not-found h1 { margin: 0 0 16px; font-size: clamp(35px, 5vw, 62px); letter-spacing: -.06em; }.not-found p { max-width: 500px; margin: 0 auto 28px; color: rgba(255,255,255,.65); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s cubic-bezier(.2,.65,.3,1), transform .7s cubic-bezier(.2,.65,.3,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: .1s; }.reveal-delay-2 { transition-delay: .2s; }

@media (max-width: 1020px) { .main-nav { gap: 16px; margin-left: 20px; }.vehicle-grid { grid-template-columns: repeat(2, 1fr); }.split-content { padding: 75px 48px; }.footer-top { grid-template-columns: 1fr 1fr; }.footer-request { justify-self: start; }.quick-form { grid-template-columns: repeat(3, 1fr) 58px; }.quick-form .form-label { display: none; }.quick-form label:first-of-type { border-left: 0; }.seo-layout { grid-template-columns: 1fr; }.map-card { max-width: 620px; }.page-hero { padding: 75px 0; } }
@media (max-width: 760px) { .container, .nav-shell { width: calc(100% - 36px); }.nav-shell { height: 70px; }.main-nav, .nav-actions { display: none; }.menu-toggle { display: block; }.site-header { position: sticky; }.section { padding: 78px 0; }.section-head { display: block; margin-bottom: 31px; }.section-head > p { margin-top: 16px; }.home-hero { min-height: 705px; }.home-hero-content { min-height: 510px; padding: 78px 0 205px; }.home-hero h1 { font-size: 49px; }.home-hero h1 em { display: block; }.home-hero p:not(.eyebrow) { font-size: 14px; }.quick-panel { bottom: 18px; transform: none; }.quick-form { grid-template-columns: 1fr 1fr; }.quick-form label { min-height: 69px; padding: 13px; border-top: 1px solid var(--line); }.quick-form label:nth-of-type(odd) { border-left: 0; }.quick-form label:first-of-type, .quick-form label:nth-of-type(2) { border-top: 0; }.quick-submit { grid-column: span 2; min-height: 54px; }.hero-note { margin-top: 8px; font-size: 9px; }.trust-strip { min-height: 58px; padding-top: 18px; }.vehicle-grid, .card-grid { grid-template-columns: 1fr; }.split-band { grid-template-columns: 1fr; }.split-media { min-height: 285px; }.split-content { padding: 70px 18px; }.page-hero { padding: 66px 0; }.page-hero h1 { font-size: 45px; }.intro-grid, .contact-grid { grid-template-columns: 1fr; gap: 30px; }.intro-grid .lead { font-size: 19px; }.contact-info, .contact-form { padding: 28px; }.form-grid { grid-template-columns: 1fr; }.footer-top, .footer-columns { grid-template-columns: 1fr 1fr; gap: 29px 18px; }.footer-description, .footer-request { grid-column: span 2; }.footer-bottom { display: grid; gap: 7px; }.request-dialog-shell { grid-template-columns: 1fr; }.request-dialog-aside { min-height: 235px; padding: 40px 28px; }.request-dialog-aside h2 { font-size: 29px; }.request-dialog-aside > p { display: none; }.request-summary { margin-top: 22px; }.request-dialog-form { padding: 33px 28px; }.toast { right: 18px; bottom: 18px; left: 18px; max-width: none; }.not-found { min-height: calc(100vh - 70px); } }
@media (max-width: 760px) { .motion-stage { min-height:520px; }.motion-copy { padding:72px 0; }.motion-copy h2 { font-size:46px; } }
@media (max-width: 760px) { .home-hero { min-height:135vh; }.hero-video-shell { height:100vh; }.home-hero-content { min-height:510px; padding:84px 0 0; }.quick-panel { top:clamp(545px,67vh,610px); }.trust-strip { min-height:82px; padding-top:16px; } }
@media (max-width: 760px) { .seo-intro { padding:50px 0 70px; }.seo-intro-grid { grid-template-columns:1fr; gap:16px; }.seo-intro-grid > div:last-child { padding-top:0; } }
@media (max-width: 390px) { .home-hero h1 { font-size: 44px; }.hero-actions { align-items: flex-start; flex-direction: column; }.footer-columns { grid-template-columns: 1fr; }.footer-description, .footer-request { grid-column: auto; } }

/* The hero video stays sticky for the entire scrub range, then blends into the next section. */
.home-hero { min-height:170vh; overflow:visible; background:var(--navy-deep); }
.hero-video-shell .scroll-film { transform:translateZ(0); will-change:contents; }
.quick-panel { z-index:4; top:clamp(585px,62vh,670px); bottom:auto; transform:none; }
.trust-strip { min-height:104px; padding-top:24px; color:#ffad65; border-top:1px solid rgba(255,121,0,.55); background:linear-gradient(180deg,var(--navy) 0%,var(--navy) 74%,var(--paper) 100%); }

@media (max-width:760px) { .home-hero { min-height:135vh; }.quick-panel { top:clamp(545px,67vh,610px); }.trust-strip { min-height:82px; padding-top:16px; } }
@media (max-width:760px) { .floating-actions { right:12px; bottom:78px; gap:8px; }.floating-action { width:54px; min-height:52px; }.floating-action span { font-size:7px; } }
@media (max-width:760px) { .nav-shell { height:108px; }.brand-logo { width:184px; height:86px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }