:root {
  --navy-950: #071827;
  --navy-900: #0b2238;
  --navy-800: #103653;
  --blue-700: #174b78;
  --blue-600: #24659a;
  --blue-100: #e7f1f8;
  --red-700: #8f2634;
  --red-600: #a63242;
  --silver-100: #f5f7f9;
  --silver-200: #e8edf1;
  --silver-300: #d6dee5;
  --ink: #122333;
  --muted: #607080;
  --white: #ffffff;
  --success: #147d55;
  --border: rgba(16, 54, 83, 0.12);
  --shadow-sm: 0 10px 30px rgba(7, 24, 39, 0.07);
  --shadow-md: 0 22px 55px rgba(7, 24, 39, 0.11);
  --shadow-lg: 0 32px 90px rgba(7, 24, 39, 0.18);
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 34px;
  --container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 90% -10%, rgba(36, 101, 154, 0.11), transparent 26%),
    linear-gradient(180deg, #fbfcfd 0%, #ffffff 45%, #f7f9fb 100%);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.container { width: min(var(--container), calc(100% - 34px)); margin-inline: auto; }
.hidden { display: none !important; }
.text-center { text-align: center; }
.text-white { color: #fff; }
.muted { color: var(--muted); }
.small { color: var(--muted); font-size: 13px; line-height: 1.65; }

.announcement {
  background: var(--navy-950);
  color: rgba(255,255,255,.82);
  font-size: 12px;
  letter-spacing: .04em;
}
.announcement-inner {
  min-height: 38px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}
.announcement-points { display: flex; gap: 24px; flex-wrap: wrap; }
.announcement-points span { display: inline-flex; align-items: center; gap: 8px; }
.announcement-link { color: #fff; font-weight: 800; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(16,54,83,.08);
  backdrop-filter: blur(18px);
  transition: box-shadow .25s ease, background .25s ease;
}
.site-header.is-scrolled { box-shadow: 0 12px 35px rgba(7,24,39,.08); background: rgba(255,255,255,.96); }
.nav-wrap { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 13px; min-width: max-content; }
.brand-logo { width: 62px; height: 62px; object-fit: contain; filter: drop-shadow(0 8px 15px rgba(7,24,39,.14)); }
.brand-copy { display: grid; gap: 2px; }
.brand-name { color: var(--navy-900); font-size: 18px; font-weight: 900; letter-spacing: -.02em; }
.brand-tagline { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-link {
  position: relative;
  padding: 13px 12px;
  color: #405263;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 750;
  transition: color .22s ease, background .22s ease;
}
.nav-link:hover, .nav-link.active { color: var(--navy-900); background: var(--silver-100); }
.nav-link.active::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  height: 2px;
  border-radius: 3px;
  background: var(--red-600);
}
.nav-actions { display: flex; align-items: center; gap: 10px; }
.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.mobile-panel { display: none; }

.btn {
  appearance: none;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
  padding: 13px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--navy-900);
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(7,24,39,.04);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: rgba(16,54,83,.22); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--red-600), var(--red-700)); border-color: transparent; }
.btn-navy { color: #fff; background: linear-gradient(135deg, var(--navy-800), var(--navy-950)); border-color: transparent; }
.btn-soft { background: var(--silver-100); }
.btn-outline-light { color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.25); }
.btn-outline-light:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.4); }
.btn-block { width: 100%; }
.icon { width: 18px; height: 18px; flex: 0 0 18px; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  color: var(--blue-700);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: var(--red-600); }
.eyebrow.light { color: rgba(255,255,255,.76); }
.section { padding: 94px 0; }
.section-sm { padding: 62px 0; }
.section-kicker { color: var(--blue-700); font-weight: 850; }
.section-title {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(34px, 4.5vw, 58px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.section-title.sm { font-size: clamp(30px, 3.6vw, 46px); }
.section-subtitle { max-width: 760px; margin: 18px 0 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 34px; }
.section-head .section-subtitle { max-width: 640px; }

.hero { padding: 28px 0 36px; }
.hero-frame {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  border-radius: 38px;
  background:
    linear-gradient(105deg, rgba(7,24,39,.99) 0%, rgba(11,34,56,.96) 50%, rgba(15,52,82,.76) 100%),
    url('../images/gallery_17.jpg') center/cover;
  box-shadow: var(--shadow-lg);
}
.hero-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(90deg, transparent 55%, rgba(255,255,255,.05));
}
.hero-grid { position: relative; z-index: 2; min-height: 680px; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 42px; padding: 58px; }
.hero-copy { max-width: 650px; }
.hero-copy h1 { margin: 0; color: #fff; font-size: clamp(50px, 6.3vw, 84px); line-height: .96; letter-spacing: -.058em; }
.hero-copy h1 span { color: #b8d5e8; }
.hero-copy p { max-width: 620px; margin: 23px 0 0; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-trust { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 34px; color: rgba(255,255,255,.72); font-size: 13px; font-weight: 750; }
.hero-trust span { display: inline-flex; align-items: center; gap: 8px; }
.hero-trust span::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); }
.hero-visual { position: relative; min-height: 530px; }
.hero-photo {
  position: absolute;
  inset: 24px 0 24px 62px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  box-shadow: 0 30px 80px rgba(0,0,0,.34);
}
.hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7,24,39,.5)); }
.hero-logo-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 168px;
  height: 168px;
  display: grid;
  place-items: center;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.93);
  box-shadow: 0 25px 60px rgba(0,0,0,.28);
  backdrop-filter: blur(16px);
  z-index: 3;
}
.hero-logo-card img { width: 142px; height: 142px; object-fit: contain; }
.hero-badge {
  position: absolute;
  z-index: 4;
  right: -2px;
  bottom: 3px;
  width: min(330px, 88%);
  padding: 22px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  color: #fff;
  background: rgba(7,24,39,.78);
  box-shadow: 0 25px 55px rgba(0,0,0,.22);
  backdrop-filter: blur(16px);
}
.hero-badge strong { display: block; font-size: 22px; }
.hero-badge span { display: block; margin-top: 7px; color: rgba(255,255,255,.67); font-size: 13px; line-height: 1.55; }

.metric-strip { position: relative; z-index: 4; margin-top: -20px; }
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: rgba(255,255,255,.97);
  box-shadow: var(--shadow-md);
}
.metric-item { padding: 25px 28px; border-right: 1px solid var(--border); }
.metric-item:last-child { border-right: 0; }
.metric-item strong { display: block; color: var(--navy-900); font-size: 34px; letter-spacing: -.04em; }
.metric-item span { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; line-height: 1.45; }

.grid { display: grid; gap: 22px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: rgba(255,255,255,.94);
  box-shadow: var(--shadow-sm);
}
.card-body { padding: 25px; }
.card-media { position: relative; height: 245px; overflow: hidden; background: var(--silver-200); }
.card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.card:hover .card-media img { transform: scale(1.045); }
.card-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 7px 11px;
  border-radius: 999px;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.badge.red { color: var(--red-700); background: #f7e9eb; }
.badge.success { color: var(--success); background: #e6f5ef; }

.service-card { position: relative; padding: 27px; min-height: 290px; display: flex; flex-direction: column; }
.service-card::after {
  content: "";
  position: absolute;
  width: 140px;
  height: 140px;
  right: -65px;
  bottom: -70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36,101,154,.12), transparent 67%);
}
.service-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, var(--navy-800), var(--blue-600));
  box-shadow: 0 14px 30px rgba(16,54,83,.19);
}
.service-icon svg { width: 27px; height: 27px; }
.service-card h3 { margin: 22px 0 10px; color: var(--navy-900); font-size: 20px; letter-spacing: -.025em; }
.service-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.service-card .service-link { margin-top: auto; padding-top: 20px; color: var(--red-700); font-size: 13px; font-weight: 900; }

.feature-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-md);
}
.feature-content { padding: clamp(34px, 5vw, 66px); display: flex; flex-direction: column; justify-content: center; }
.feature-media { position: relative; min-height: 590px; overflow: hidden; }
.feature-media img { width: 100%; height: 100%; object-fit: cover; }
.feature-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(7,24,39,.55)); }
.feature-stamp {
  position: absolute;
  left: 25px;
  bottom: 25px;
  z-index: 2;
  max-width: 285px;
  padding: 21px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 19px;
  color: #fff;
  background: rgba(7,24,39,.72);
  backdrop-filter: blur(14px);
}
.feature-stamp strong { font-size: 30px; }
.list-check { list-style: none; padding: 0; margin: 25px 0 0; display: grid; gap: 14px; }
.list-check li { display: flex; gap: 12px; color: #46596a; line-height: 1.55; }
.list-check li::before { content: "✓"; flex: 0 0 24px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--blue-700); font-size: 12px; font-weight: 900; }

.branch-card { display: flex; flex-direction: column; }
.branch-card .card-media { height: 220px; }
.branch-card h3 { margin: 14px 0 6px; color: var(--navy-900); font-size: 19px; line-height: 1.35; }
.branch-card .branch-speciality { color: var(--red-700); font-size: 13px; font-weight: 900; }
.branch-meta { display: grid; gap: 8px; margin-top: 16px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.branch-meta-row { display: flex; gap: 9px; align-items: flex-start; }
.branch-meta-row svg { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 2px; color: var(--blue-700); }
.tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.tag { padding: 7px 10px; border: 1px solid var(--border); border-radius: 999px; color: #526474; background: var(--silver-100); font-size: 11px; font-weight: 750; }

.trust-section { background: var(--navy-950); color: #fff; }
.trust-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 54px; align-items: center; }
.trust-section .section-title { color: #fff; }
.trust-section .section-subtitle { color: rgba(255,255,255,.66); }
.trust-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.trust-card { padding: 24px; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: rgba(255,255,255,.055); }
.trust-card strong { display: block; font-size: 31px; color: #fff; }
.trust-card span { display: block; margin-top: 8px; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.55; }

.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: process; }
.process-card { position: relative; padding: 29px; border: 1px solid var(--border); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); counter-increment: process; }
.process-card::before { content: "0" counter(process); display: block; margin-bottom: 35px; color: #c5d0da; font-size: 44px; font-weight: 900; letter-spacing: -.06em; }
.process-card h3 { margin: 0 0 10px; color: var(--navy-900); font-size: 20px; }
.process-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

.gallery-preview { display: grid; grid-template-columns: 1.35fr .65fr .65fr; grid-template-rows: 240px 240px; gap: 16px; }
.gallery-preview-item { position: relative; overflow: hidden; border-radius: 22px; cursor: pointer; }
.gallery-preview-item:first-child { grid-row: span 2; }
.gallery-preview-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gallery-preview-item:hover img { transform: scale(1.05); }
.gallery-preview-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(7,24,39,.58)); }
.gallery-preview-item span { position: absolute; z-index: 2; left: 18px; bottom: 16px; color: #fff; font-size: 13px; font-weight: 850; }

.cta-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(40px, 6vw, 74px);
  border-radius: var(--radius-lg);
  color: #fff;
  background: linear-gradient(125deg, var(--navy-950), var(--navy-800));
  box-shadow: var(--shadow-lg);
}
.cta-panel::before { content: ""; position: absolute; width: 460px; height: 460px; right: -180px; top: -220px; border-radius: 50%; border: 90px solid rgba(255,255,255,.045); }
.cta-grid { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.cta-panel h2 { margin: 0; max-width: 690px; font-size: clamp(35px, 4vw, 55px); line-height: 1.05; letter-spacing: -.045em; }
.cta-panel p { max-width: 670px; margin: 16px 0 0; color: rgba(255,255,255,.66); line-height: 1.7; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 10px; min-width: max-content; }

.page-hero { padding: 28px 0 22px; }
.page-hero-card {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  display: flex;
  align-items: flex-end;
  padding: 52px;
  border-radius: 34px;
  color: #fff;
  background:
    linear-gradient(110deg, rgba(7,24,39,.98), rgba(15,52,82,.86)),
    url('../images/gallery_12.jpg') center/cover;
  box-shadow: var(--shadow-lg);
}
.page-hero-card::after { content: ""; position: absolute; width: 420px; height: 420px; right: -160px; top: -150px; border: 80px solid rgba(255,255,255,.045); border-radius: 50%; }
.page-hero-content { position: relative; z-index: 2; max-width: 820px; }
.page-hero-content h1 { margin: 0; font-size: clamp(42px, 6vw, 70px); line-height: 1; letter-spacing: -.055em; }
.page-hero-content p { max-width: 700px; margin: 18px 0 0; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.75; }
.page-logo-watermark { position: absolute; z-index: 1; right: 50px; bottom: -58px; width: 255px; opacity: .12; filter: grayscale(1); }
.breadcrumbs { display: flex; gap: 9px; align-items: center; margin-bottom: 18px; color: rgba(255,255,255,.6); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.breadcrumbs a { color: #fff; }

.filters { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 30px; }
.filter-btn { border: 1px solid var(--border); border-radius: 999px; background: #fff; padding: 11px 16px; color: #526474; font-size: 12px; font-weight: 850; cursor: pointer; transition: .2s ease; }
.filter-btn:hover, .filter-btn.active { color: #fff; border-color: var(--navy-800); background: var(--navy-800); }

.company-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.company-card { padding: 26px; border: 1px solid var(--border); border-radius: 22px; background: #fff; box-shadow: var(--shadow-sm); }
.company-card h3 { margin: 14px 0 7px; color: var(--navy-900); font-size: 19px; }
.company-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.company-monogram { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: var(--navy-800); font-size: 13px; font-weight: 900; letter-spacing: .06em; }

.gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.gallery-item { position: relative; height: 300px; overflow: hidden; border-radius: 20px; cursor: pointer; background: var(--silver-200); }
.gallery-item.wide { grid-column: span 2; }
.gallery-item.tall { grid-row: span 2; height: 616px; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.gallery-item:hover img { transform: scale(1.055); }
.gallery-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7,24,39,.72)); }
.gallery-overlay { position: absolute; z-index: 2; left: 18px; right: 18px; bottom: 17px; color: #fff; }
.gallery-overlay strong { display: block; font-size: 15px; }
.gallery-overlay span { display: block; margin-top: 4px; color: rgba(255,255,255,.68); font-size: 11px; }
.lightbox { position: fixed; inset: 0; z-index: 3000; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(3,13,22,.9); }
.lightbox.open { display: flex; }
.lightbox-inner { position: relative; max-width: min(1180px, 96vw); max-height: 92vh; }
.lightbox-inner img { max-width: 100%; max-height: 88vh; border-radius: 20px; box-shadow: 0 30px 90px #000; }
.lightbox-close { position: absolute; right: 12px; top: 12px; width: 42px; height: 42px; border: 0; border-radius: 50%; color: var(--navy-950); background: #fff; font-size: 18px; cursor: pointer; }

.car-card h3 { margin: 14px 0 8px; color: var(--navy-900); }
.car-specs { display: flex; flex-wrap: wrap; gap: 7px; color: var(--muted); font-size: 12px; }
.car-price { margin-top: 16px; color: var(--navy-900); font-size: 25px; font-weight: 900; letter-spacing: -.03em; }
.car-detail-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 28px; align-items: start; }
.car-main-image { height: 560px; overflow: hidden; border-radius: 24px; background: var(--silver-200); }
.car-main-image img { width: 100%; height: 100%; object-fit: cover; }
.car-thumbs { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 12px; }
.thumb-btn { height: 100px; overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 14px; background: transparent; cursor: pointer; }
.thumb-btn.active { border-color: var(--red-600); }
.thumb-btn img { width: 100%; height: 100%; object-fit: cover; }
.detail-card { position: sticky; top: 112px; padding: 30px; }
.detail-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 22px; }
.detail-item { padding: 14px; border-radius: 14px; background: var(--silver-100); }
.detail-item span { display: block; color: var(--muted); font-size: 11px; }
.detail-item strong { display: block; margin-top: 5px; color: var(--navy-900); font-size: 14px; }

.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 26px; align-items: start; }
.form-card { padding: 30px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.field { display: grid; gap: 8px; }
.field label { color: var(--navy-900); font-size: 12px; font-weight: 900; }
.field input, .field select, .field textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 13px;
  outline: none;
  background: #fff;
  padding: 14px 15px;
  color: var(--ink);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.field textarea { min-height: 145px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue-600); box-shadow: 0 0 0 4px rgba(36,101,154,.1); }
.form-span-2 { grid-column: span 2; }
.notice { margin-top: 16px; padding: 15px 17px; border: 1px solid #bfe2d3; border-radius: 14px; color: #136343; background: #eefaf5; font-size: 13px; line-height: 1.65; }
.info-panel { padding: 30px; color: #fff; background: linear-gradient(145deg, var(--navy-950), var(--navy-800)); }
.info-panel h2 { margin: 0; font-size: 31px; letter-spacing: -.04em; }
.info-panel p { color: rgba(255,255,255,.65); line-height: 1.75; }
.contact-methods { display: grid; gap: 10px; margin-top: 26px; }
.contact-method { display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.05); }
.contact-method .method-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.1); }
.contact-method .method-icon svg { width: 20px; height: 20px; }
.contact-method small { display: block; color: rgba(255,255,255,.55); }
.contact-method strong { display: block; margin-top: 2px; font-size: 14px; }
.branch-directory { display: grid; gap: 10px; max-height: 470px; overflow: auto; padding-right: 5px; }
.branch-directory-item { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--border); border-radius: 15px; background: #fff; }
.branch-directory-item strong { display: block; color: var(--navy-900); font-size: 13px; }
.branch-directory-item span { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.mini-actions { display: flex; gap: 7px; }
.mini-btn { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 10px; background: var(--silver-100); }
.mini-btn svg { width: 16px; height: 16px; }

.footer { margin-top: 88px; color: rgba(255,255,255,.75); background: var(--navy-950); }
.footer-main { padding: 66px 0 44px; }
.footer-grid { display: grid; grid-template-columns: 1.35fr .65fr .75fr .8fr; gap: 35px; }
.footer .brand-name { color: #fff; }
.footer .brand-tagline { color: rgba(255,255,255,.55); }
.footer-about { max-width: 420px; margin-top: 18px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.75; }
.footer h4 { margin: 0 0 17px; color: #fff; font-size: 14px; }
.footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; color: rgba(255,255,255,.58); font-size: 13px; }
.footer a:hover { color: #fff; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 19px 0; }
.footer-bottom-inner { display: flex; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.45); font-size: 11px; }

.reveal { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s ease; }
.reveal.show { opacity: 1; transform: none; }

/* Admin */
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 270px 1fr; background: #f3f6f8; }
.admin-sidebar { position: sticky; top: 0; height: 100vh; padding: 24px 18px; color: rgba(255,255,255,.76); background: linear-gradient(180deg, var(--navy-950), #0d2a43); }
.admin-brand { display: flex; align-items: center; gap: 11px; padding: 0 8px 23px; border-bottom: 1px solid rgba(255,255,255,.1); }
.admin-brand img { width: 48px; height: 48px; }
.admin-brand strong { color: #fff; font-size: 14px; }
.admin-brand span { display: block; margin-top: 3px; color: rgba(255,255,255,.45); font-size: 10px; }
.admin-nav { display: grid; gap: 5px; margin-top: 22px; }
.admin-nav a { display: flex; align-items: center; gap: 11px; padding: 12px 13px; border-radius: 12px; font-size: 13px; font-weight: 780; }
.admin-nav a svg { width: 18px; height: 18px; }
.admin-nav a:hover, .admin-nav a.active { color: #fff; background: rgba(255,255,255,.1); }
.admin-content { min-width: 0; padding: 30px; }
.admin-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 25px; }
.admin-header h1 { margin: 0; color: var(--navy-950); font-size: 34px; letter-spacing: -.04em; }
.admin-header p { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
.admin-header-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.kpi-card { padding: 22px; }
.kpi-card .kpi-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.kpi-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--blue-700); background: var(--blue-100); }
.kpi-icon svg { width: 20px; height: 20px; }
.kpi-card strong { display: block; margin-top: 18px; color: var(--navy-950); font-size: 32px; letter-spacing: -.04em; }
.kpi-card span { color: var(--muted); font-size: 12px; }
.admin-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-top: 18px; }
.admin-panel { padding: 24px; }
.admin-panel-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 17px; }
.admin-panel-title h2 { margin: 0; color: var(--navy-900); font-size: 18px; }
.table-wrap { overflow: auto; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 15px 16px; border-bottom: 1px solid var(--border); text-align: left; font-size: 12px; vertical-align: top; }
.table th { color: #526474; background: #f7f9fa; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.table td { color: #405263; }
.table tbody tr:hover { background: #fafcfd; }
.table td strong { color: var(--navy-900); }
.status { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 999px; color: var(--success); background: #e9f6f0; font-size: 10px; font-weight: 900; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.admin-list { display: grid; gap: 10px; }
.admin-list-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--border); }
.admin-list-item:last-child { border-bottom: 0; }
.admin-list-item strong { display: block; color: var(--navy-900); font-size: 13px; }
.admin-list-item span { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.admin-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.admin-gallery-item { overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: #fff; }
.admin-gallery-item img { width: 100%; height: 150px; object-fit: cover; }
.admin-gallery-item div { padding: 12px; }
.admin-form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 17px; }
.admin-mobile-toggle { display: none; }

@media (max-width: 1120px) {
  .nav-links { display: none; }
  .menu-toggle { display: inline-flex; }
  .nav-actions .btn-soft { display: none; }
  .mobile-panel {
    position: fixed;
    inset: 124px 17px auto;
    z-index: 1300;
    display: none;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--shadow-lg);
  }
  .mobile-panel.open { display: grid; gap: 7px; }
  .mobile-panel .nav-link { display: block; }
  .hero-grid { grid-template-columns: 1fr 1fr; padding: 42px; }
  .hero-copy h1 { font-size: clamp(45px, 6vw, 70px); }
  .grid-4 { grid-template-columns: repeat(2,1fr); }
  .company-grid { grid-template-columns: repeat(2,1fr); }
  .gallery-grid { grid-template-columns: repeat(3,1fr); }
  .footer-grid { grid-template-columns: repeat(2,1fr); }
  .admin-shell { grid-template-columns: 235px 1fr; }
  .kpi-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 860px) {
  .announcement-inner { justify-content: center; min-height: 34px; }
  .announcement-points span:nth-child(n+2), .announcement-link { display: none; }
  .brand-logo { width: 53px; height: 53px; }
  .brand-name { font-size: 15px; }
  .brand-tagline { font-size: 8px; }
  .nav-wrap { min-height: 76px; }
  .nav-actions { display: none; }
  .mobile-panel { inset: 110px 17px auto; }
  .hero-frame, .hero-grid { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; padding: 38px 28px 30px; }
  .hero-visual { min-height: 440px; }
  .hero-photo { inset: 35px 0 0 45px; }
  .hero-logo-card { width: 128px; height: 128px; border-radius: 24px; }
  .hero-logo-card img { width: 108px; height: 108px; }
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .metric-item:nth-child(2) { border-right: 0; }
  .metric-item:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .feature-panel, .trust-grid, .form-layout, .car-detail-grid { grid-template-columns: 1fr; }
  .feature-media { min-height: 450px; }
  .trust-cards { order: -1; }
  .process-grid, .grid-3 { grid-template-columns: 1fr; }
  .gallery-preview { grid-template-columns: 1fr 1fr; grid-template-rows: 330px 210px 210px; }
  .gallery-preview-item:first-child { grid-column: span 2; grid-row: auto; }
  .cta-grid { align-items: flex-start; flex-direction: column; }
  .cta-actions { min-width: 0; }
  .page-hero-card { min-height: 330px; padding: 34px 28px; }
  .page-logo-watermark { width: 200px; right: 15px; }
  .gallery-grid { grid-template-columns: repeat(2,1fr); }
  .gallery-item.wide { grid-column: auto; }
  .gallery-item.tall { grid-row: auto; height: 300px; }
  .detail-card { position: relative; top: auto; }
  .admin-shell { display: block; }
  .admin-sidebar { position: relative; height: auto; }
  .admin-nav { grid-template-columns: repeat(4,1fr); }
  .admin-nav a { justify-content: center; }
  .admin-nav a span { display: none; }
  .admin-content { padding: 22px 16px; }
  .admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 22px, var(--container)); }
  .section { padding: 70px 0; }
  .section-sm { padding: 48px 0; }
  .section-head { align-items: flex-start; flex-direction: column; margin-bottom: 26px; }
  .hero { padding-top: 13px; }
  .hero-frame { border-radius: 26px; }
  .hero-grid { padding: 34px 20px 22px; }
  .hero-copy h1 { font-size: 46px; }
  .hero-copy p { font-size: 16px; }
  .hero-visual { min-height: 390px; }
  .hero-photo { inset: 48px 0 0 22px; border-radius: 22px; }
  .hero-logo-card { width: 105px; height: 105px; border-radius: 20px; }
  .hero-logo-card img { width: 91px; height: 91px; }
  .hero-badge { right: 0; left: 38px; width: auto; padding: 17px; }
  .metric-strip { margin-top: -8px; }
  .metric-grid { border-radius: 19px; }
  .metric-item { padding: 20px 17px; }
  .metric-item strong { font-size: 28px; }
  .grid-2, .grid-4, .company-grid, .trust-cards, .form-grid, .detail-list { grid-template-columns: 1fr; }
  .form-span-2 { grid-column: auto; }
  .feature-content { padding: 32px 23px; }
  .feature-media { min-height: 360px; }
  .gallery-preview { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4, 260px); }
  .gallery-preview-item:first-child { grid-column: auto; }
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-item, .gallery-item.tall { height: 300px; }
  .page-hero-card { min-height: 310px; border-radius: 26px; padding: 30px 22px; }
  .page-hero-content h1 { font-size: 44px; }
  .page-logo-watermark { display: none; }
  .car-main-image { height: 390px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom-inner { flex-direction: column; }
  .admin-header { align-items: flex-start; flex-direction: column; }
  .kpi-grid { grid-template-columns: 1fr; }
  .admin-nav { grid-template-columns: repeat(3,1fr); }
  .admin-form-grid { grid-template-columns: 1fr; }
  .admin-gallery { grid-template-columns: repeat(2,1fr); }
}


/* 2026-10-20 UAE / Al Ain production refresh */
:root {
  --gold: #c9a56b;
  --gold-soft: #efe1cb;
}
html { scroll-behavior: smooth; }
body { background: #f7f9fb; }
.site-header { background: rgba(255,255,255,.94); }
.nav-whatsapp { display:inline-flex; }
.brand-logo { object-fit: contain; }
.hero { padding-top: 22px; }
.hero-frame {
  min-height: 700px;
  background:
    linear-gradient(105deg, rgba(4,18,31,.99) 0%, rgba(8,29,48,.95) 47%, rgba(8,29,48,.62) 100%),
    url('../images/company-profile/world-link-main.webp') center/cover;
}
.hero-grid { min-height: 700px; }
.hero-copy h1 { max-width: 760px; }
.hero-copy h1 .accent { color: #d8e7f2; }
.hero-photo { background:#0b2136; }
.hero-photo img { filter: saturate(1.03) contrast(1.03); }
.hero-logo-card { background: rgba(255,255,255,.96); }
.hero-badge { border-color: rgba(255,255,255,.16); }

.trust-marquee-section {
  position: relative;
  overflow: hidden;
  padding: 38px 0 46px;
  border-top: 1px solid rgba(16,54,83,.07);
  border-bottom: 1px solid rgba(16,54,83,.08);
  background: linear-gradient(180deg,#fff,#f4f7fa);
}
.marquee-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.marquee-heading h2 {
  margin:0;
  color:var(--navy-950);
  font-size: clamp(24px,3vw,36px);
  letter-spacing:-.035em;
}
.marquee-heading p { max-width:620px; margin:7px 0 0; color:var(--muted); line-height:1.6; font-size:14px; }
.marquee-kicker { color:var(--blue-700); font-size:11px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.logo-marquee {
  --marquee-gap: 14px;
  position:relative;
  overflow:hidden;
  padding:7px 0;
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}
.logo-marquee + .logo-marquee { margin-top:10px; }
.logo-marquee::before {
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.45),transparent 8%,transparent 92%,rgba(255,255,255,.45));
  z-index:2;
}
.logo-track {
  display:flex;
  width:max-content;
  gap:var(--marquee-gap);
  animation: brand-scroll 48s linear infinite;
  will-change:transform;
}
.logo-track.slower { animation-duration:58s; }
.logo-marquee:hover .logo-track { animation-play-state:paused; }
.brand-chip {
  width: 132px;
  height: 66px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  padding:10px 14px;
  border:1px solid rgba(16,54,83,.09);
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 24px rgba(7,24,39,.05);
}
.brand-chip img {
  max-width:100%;
  max-height:42px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:saturate(.94);
}
.brand-chip.insurance { width:126px; height:62px; }
.brand-chip.insurance img { max-height:38px; }
@keyframes brand-scroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@media (prefers-reduced-motion: reduce) { .logo-track { animation:none; flex-wrap:wrap; width:auto; } .logo-marquee { mask-image:none; -webkit-mask-image:none; } }

.network-showcase { background:#fff; }
.network-card {
  position:relative;
  overflow:hidden;
  min-height:380px;
  border-radius:24px;
  border:1px solid var(--border);
  background:#071827;
  box-shadow:var(--shadow-md);
}
.network-card img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .5s ease; }
.network-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,24,39,.04),rgba(7,24,39,.86)); }
.network-card:hover img { transform:scale(1.035); }
.network-card-content { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:24px; color:#fff; }
.network-card-content span { font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.62); }
.network-card-content h3 { margin:8px 0 5px; font-size:23px; letter-spacing:-.03em; }
.network-card-content p { margin:0; color:rgba(255,255,255,.68); font-size:13px; line-height:1.55; }

.capability-panel {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:0;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(135deg,#071827,#103653);
  box-shadow:var(--shadow-lg);
}
.capability-copy { padding:44px; color:#fff; }
.capability-copy h2 { margin:0; font-size:clamp(32px,4vw,48px); letter-spacing:-.045em; }
.capability-copy p { color:rgba(255,255,255,.65); line-height:1.75; }
.staff-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:28px; }
.staff-stat { padding:17px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(255,255,255,.055); }
.staff-stat strong { display:block; font-size:28px; }
.staff-stat span { display:block; margin-top:5px; font-size:11px; color:rgba(255,255,255,.58); }
.capability-media { min-height:520px; position:relative; }
.capability-media img { width:100%; height:100%; object-fit:cover; }
.capability-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,24,39,.45),transparent 28%); }
.equipment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:22px; }
.equipment-chip { padding:16px; border:1px solid var(--border); border-radius:15px; background:#fff; }
.equipment-chip strong { display:block; color:var(--navy-900); font-size:21px; }
.equipment-chip span { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; }

.seo-service-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.seo-service-links a { padding:10px 13px; border-radius:999px; border:1px solid var(--border); background:#fff; color:var(--navy-800); font-size:12px; font-weight:800; }
.seo-service-links a:hover { border-color:rgba(16,54,83,.28); transform:translateY(-1px); }

.page-copy { max-width:820px; }
.page-copy h2 { margin:34px 0 13px; color:var(--navy-950); font-size:30px; letter-spacing:-.035em; }
.page-copy h3 { margin:24px 0 10px; color:var(--navy-900); }
.page-copy p, .page-copy li { color:var(--muted); line-height:1.8; }
.page-copy ul { padding-left:20px; }
.local-faq { display:grid; gap:12px; margin-top:24px; }
.local-faq details { border:1px solid var(--border); border-radius:16px; background:#fff; padding:17px 19px; }
.local-faq summary { cursor:pointer; color:var(--navy-900); font-weight:850; }
.local-faq p { margin:10px 0 0; color:var(--muted); line-height:1.7; }

.partner-proof { margin-top:18px; color:var(--muted); font-size:12px; }
.branch-card .card-media { height:250px; }
.branch-meta-row span { line-height:1.45; }

@media (max-width: 1120px) {
  .nav-whatsapp { display:none; }
  .equipment-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 860px) {
  .capability-panel { grid-template-columns:1fr; }
  .capability-media { min-height:400px; }
  .marquee-heading { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 620px) {
  .brand-chip { width:108px; height:56px; padding:8px 10px; border-radius:13px; }
  .brand-chip img { max-height:34px; }
  .brand-chip.insurance { width:104px; height:54px; }
  .brand-chip.insurance img { max-height:32px; }
  .capability-copy { padding:30px 22px; }
  .staff-stat-grid, .equipment-grid { grid-template-columns:1fr 1fr; }
  .network-card { min-height:310px; }
}


/* Branch/gallery controls */
.filter-bar { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:30px; }
.company-mark { width:47px; height:47px; flex:0 0 47px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--navy-900),var(--navy-700)); font-size:12px; font-weight:900; letter-spacing:.06em; box-shadow:0 8px 22px rgba(7,24,39,.16); }


/* === 2026 Premium structure upgrade === */
:root{--premium-navy:#061827;--premium-navy-2:#0b2b45;--premium-blue:#1f5f93;--premium-red:#9f2635;--premium-ice:#edf4f8;--premium-line:rgba(10,42,65,.11)}
body{background:linear-gradient(180deg,#f9fbfd 0,#fff 34%,#f6f9fb 100%)}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(7,24,39,.08)}
.nav-wrap{min-height:82px}.brand-logo{width:58px;height:58px;object-fit:contain}.brand-name{font-weight:900;letter-spacing:-.025em}.brand-tagline{letter-spacing:.08em;text-transform:uppercase}
.hero{padding:24px 0 54px;background:radial-gradient(circle at 80% 10%,rgba(43,114,166,.11),transparent 32%),linear-gradient(180deg,#f7fafc,#fff)}
.hero-frame{overflow:hidden;border-radius:34px;background:linear-gradient(120deg,#061827 0%,#09253b 54%,#103c5f 100%);box-shadow:0 38px 100px rgba(6,24,39,.24);border:1px solid rgba(255,255,255,.08)}
.hero-grid{min-height:720px;padding:68px;gap:54px}.hero-copy h1{font-size:clamp(50px,5.2vw,78px);line-height:1.01;max-width:780px}.hero-copy p{font-size:18px;max-width:690px}.hero-visual{min-height:560px}
.hero-photo{inset:34px 0 34px 36px;background:linear-gradient(145deg,#e8eef2,#fff);border-radius:28px;padding:14px}.hero-photo img{object-fit:contain;background:#fff;border-radius:20px;filter:saturate(1.03) contrast(1.02)}
.hero-logo-card{width:152px;height:152px;border-radius:26px}.hero-logo-card img{width:128px;height:128px}.hero-badge{right:18px;bottom:8px}
.metric-strip{margin-top:-28px}.metric-grid{border-radius:26px;box-shadow:0 24px 70px rgba(8,35,55,.13)}
.section{padding:96px 0}.section-sm{padding:68px 0}.section-title{letter-spacing:-.045em}.section-head{margin-bottom:42px}
.card{border-color:var(--premium-line);border-radius:24px;box-shadow:0 15px 45px rgba(10,42,65,.07)}.card:hover{box-shadow:0 24px 60px rgba(10,42,65,.12)}
.card-media{height:auto;min-height:270px;aspect-ratio:16/10;display:grid;place-items:center;padding:12px;background:linear-gradient(145deg,#edf3f7,#fff)}.card-media img{width:100%;height:100%;object-fit:contain;border-radius:15px}.card:hover .card-media img{transform:none}
.network-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.network-card{border-radius:26px;background:#081e30;min-height:420px;box-shadow:0 24px 64px rgba(6,24,39,.16)}.network-card img{object-fit:contain;background:#fff;padding:10px}.network-card::after{background:linear-gradient(180deg,rgba(6,24,39,.02) 36%,rgba(6,24,39,.96) 86%)}
.gallery-preview{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.gallery-preview-item{min-height:300px;border-radius:22px;background:#edf2f5;padding:10px}.gallery-preview-item img{object-fit:contain;background:#fff;border-radius:15px}.gallery-preview-item:nth-child(1){grid-column:span 5}.gallery-preview-item:nth-child(2){grid-column:span 4}.gallery-preview-item:nth-child(3){grid-column:span 3}.gallery-preview-item:nth-child(n+4){grid-column:span 6}
.gallery-grid{columns:3 300px;column-gap:20px;display:block}.gallery-item,.gallery-item.wide,.gallery-item.tall{display:block;break-inside:avoid;margin:0 0 20px;height:auto;aspect-ratio:auto;border-radius:22px;padding:10px;background:#eef3f6}.gallery-item img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:14px;background:#fff}.gallery-overlay{position:static;background:transparent;color:#071827;padding:15px 5px 4px}.gallery-overlay span{color:#607181}
.trust-marquee-section{padding:70px 0 42px;background:linear-gradient(180deg,#fff,#f4f8fb);border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}.logo-marquee{background:#fff;border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}.brand-chip{height:82px;min-width:168px;padding:12px 20px;border-radius:16px}.brand-chip img{max-height:50px;max-width:126px;object-fit:contain}
.capability-panel{border-radius:30px;overflow:hidden}.capability-media{background:#fff;padding:16px}.capability-media img{object-fit:contain;background:#fff;border-radius:18px}
.footer-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.footer-tool-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.17);border-radius:12px;color:#dce8ef;font-size:12px;font-weight:800}.footer-tool-link:hover{background:rgba(255,255,255,.08);color:#fff}
/* admin */
.admin-shell{background:#f3f7fa;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#061827,#0b2941);box-shadow:14px 0 45px rgba(6,24,39,.12)}.admin-content{padding:36px}.admin-header{padding:28px 30px;border-radius:24px;background:#fff;border:1px solid var(--premium-line);box-shadow:0 14px 40px rgba(6,24,39,.06);margin-bottom:24px}.admin-header h1{letter-spacing:-.045em}.admin-panel{padding:26px}.admin-table-actions{display:flex;gap:7px;flex-wrap:wrap}.icon-btn{border:1px solid #dce5eb;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:800}.icon-btn.danger{color:#a32638}.admin-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-toolbar input{max-width:320px}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(5,20,32,.68);padding:24px;z-index:9999}.modal.open{display:flex}.modal-card{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.26)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #e4ebf0}.modal-body{padding:24px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid #e4ebf0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.admin-tab{border:1px solid #d9e4ea;background:#fff;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer}.admin-tab.active{background:#0b2b45;color:#fff;border-color:#0b2b45}.admin-view{display:none}.admin-view.active{display:block}.admin-form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field input,.field select,.field textarea{width:100%}.quote-lines{width:100%;border-collapse:collapse}.quote-lines th,.quote-lines td{padding:9px;border-bottom:1px solid #e7edf1;text-align:left}.quote-lines input{width:100%}.quote-total-box{margin-left:auto;width:min(360px,100%);display:grid;gap:8px}.quote-total-row{display:flex;justify-content:space-between;padding:7px 0}.quote-total-row.grand{font-size:20px;font-weight:900;border-top:2px solid #0b2b45;padding-top:12px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#164f78 0,transparent 30%),linear-gradient(145deg,#04131f,#0a2a43)}.login-card{width:min(460px,92vw);background:#fff;border-radius:28px;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.3)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:25px}.login-brand img{width:70px;height:70px;object-fit:contain}.login-card h1{margin:0;font-size:30px}.login-error{background:#fff0f2;color:#982135;padding:11px 13px;border-radius:10px;margin-bottom:14px;font-size:13px}.admin-external{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;padding:42px;min-height:auto}.hero-visual{min-height:520px}.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-grid-3{grid-template-columns:1fr 1fr}.gallery-preview-item{grid-column:span 6!important}}
@media(max-width:720px){.hero-grid{padding:30px 22px}.hero-copy h1{font-size:45px}.hero-visual{min-height:400px}.hero-photo{inset:30px 0 10px 0}.hero-logo-card{width:112px;height:112px}.hero-logo-card img{width:92px;height:92px}.network-grid{grid-template-columns:1fr}.gallery-preview{grid-template-columns:1fr}.gallery-preview-item{grid-column:auto!important}.admin-content{padding:16px}.admin-form-grid-2,.admin-form-grid-3{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}
@media(min-width:721px){.admin-sidebar{display:flex;flex-direction:column}.admin-nav{display:flex;flex-direction:column;flex:1}.admin-external{margin-top:auto}}
/* Preserve the full supplied workshop photographs instead of cropping them. */
.page-hero-card{background-color:#061827;background-size:cover,contain!important;background-position:center,right center!important;background-repeat:no-repeat!important}
.page-hero-content{max-width:690px;padding-right:40px}.page-hero-card::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,39,.99) 0%,rgba(6,24,39,.94) 43%,rgba(6,24,39,.35) 72%,rgba(6,24,39,.12) 100%);z-index:0}.page-hero-card::after{z-index:1}.page-hero-content,.page-logo-watermark{z-index:2}
.network-showcase{background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%);border-top:1px solid rgba(10,42,65,.08);border-bottom:1px solid rgba(10,42,65,.08)}
.home-network-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(10,42,65,.10);border-radius:26px;box-shadow:0 18px 50px rgba(6,24,39,.08);transition:transform .25s ease,box-shadow .25s ease}.home-network-card:hover{transform:translateY(-4px);box-shadow:0 26px 65px rgba(6,24,39,.13)}.home-network-media{aspect-ratio:16/10;display:grid;place-items:center;padding:12px;background:linear-gradient(145deg,#eaf1f5,#fff)}.home-network-media img{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#fff}.home-network-body{padding:24px}.home-network-body h3{margin:10px 0 8px;font-size:21px;line-height:1.2;letter-spacing:-.025em;color:#071827}.home-network-body p{margin:0;color:#5c6d7a;line-height:1.65;font-size:14px}.home-network-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;color:#31526a;font-size:12px;font-weight:800}.home-network-meta span{display:inline-flex;align-items:center;gap:5px}.home-network-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.trust-marquee-section .marquee-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;max-width:780px}.partner-proof{font-weight:800;color:#34556d}
@media(max-width:720px){.page-hero-content{padding-right:0}.page-hero-card{background-size:cover,contain!important;background-position:center,bottom center!important;padding-bottom:190px!important}.page-hero-card::before{background:linear-gradient(180deg,rgba(6,24,39,.99) 0%,rgba(6,24,39,.92) 55%,rgba(6,24,39,.42) 78%,rgba(6,24,39,.10) 100%)}}
.feature-media{background:linear-gradient(145deg,#edf3f7,#fff);padding:14px}.feature-media img{object-fit:contain!important;background:#fff;border-radius:18px}.car-main-image,.thumb-btn{background:#eef3f6}.car-main-image img,.thumb-btn img{object-fit:contain!important;background:#fff}.admin-gallery-item img{object-fit:contain!important;background:#f2f5f7}
.marquee-row-label{padding-top:18px;padding-bottom:7px}.marquee-row-label span{display:inline-flex;align-items:center;gap:9px;color:#183e5a;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.marquee-row-label span::before{content:"";width:24px;height:2px;background:#9f2635;border-radius:2px}

/* === 2026-10-20 STABLE IMAGE SYSTEM ===
   All workshop/branch/gallery photography is pre-normalized to 1600x1000.
   These rules keep every visual frame consistent so page structure never follows
   the source image dimensions. */
:root{--media-ratio:16/10;--media-bg:#eaf0f4}
.hero-frame{min-height:650px;background:linear-gradient(115deg,#061827 0%,#0a2942 58%,#123f60 100%)!important}
.hero-grid{min-height:650px}
.hero-visual{min-height:500px;display:flex;align-items:center}
.hero-photo{position:relative!important;inset:auto!important;width:100%;aspect-ratio:var(--media-ratio);padding:10px!important;border-radius:30px;background:rgba(255,255,255,.10)!important;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover!important;border-radius:21px!important;background:var(--media-bg)!important;filter:none!important}
.hero-logo-card{z-index:3}

.card-media,.home-network-media,.feature-media,.capability-media,.car-main-image{height:auto!important;min-height:0!important;aspect-ratio:var(--media-ratio)!important;padding:0!important;overflow:hidden;background:var(--media-bg)!important}
.card-media img,.home-network-media img,.feature-media img,.capability-media img,.car-main-image img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;background:var(--media-bg)!important;transform:none!important}
.card:hover .card-media img,.home-network-card:hover .home-network-media img{transform:none!important}
.branch-card .card-media{height:auto!important;aspect-ratio:var(--media-ratio)!important}
.home-network-card{height:100%}.home-network-body{flex:1;display:flex;flex-direction:column}.home-network-actions{margin-top:auto;padding-top:18px}
.network-grid{align-items:stretch}.network-card{min-height:0!important;aspect-ratio:var(--media-ratio)!important}.network-card img{object-fit:cover!important;padding:0!important;background:var(--media-bg)!important}

.gallery-preview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:18px!important}
.gallery-preview-item,.gallery-preview-item:first-child,.gallery-preview-item:nth-child(n){grid-column:auto!important;grid-row:auto!important;min-height:0!important;aspect-ratio:var(--media-ratio)!important;padding:0!important;border-radius:22px;background:var(--media-bg)!important}
.gallery-preview-item img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;background:var(--media-bg)!important;transform:none!important}
.gallery-preview-item:hover img{transform:none!important}

.gallery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;columns:auto!important;gap:22px!important}
.gallery-item,.gallery-item.wide,.gallery-item.tall{display:block!important;position:relative!important;grid-column:auto!important;grid-row:auto!important;break-inside:auto!important;margin:0!important;height:auto!important;aspect-ratio:var(--media-ratio)!important;padding:0!important;border-radius:22px!important;overflow:hidden!important;background:var(--media-bg)!important}
.gallery-item img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;background:var(--media-bg)!important;transform:none!important}
.gallery-item:hover img{transform:none!important}
.gallery-item::after{display:block!important;background:linear-gradient(180deg,transparent 48%,rgba(7,24,39,.78))!important}
.gallery-overlay{position:absolute!important;z-index:2!important;left:18px!important;right:18px!important;bottom:17px!important;padding:0!important;background:transparent!important;color:#fff!important}
.gallery-overlay span{color:rgba(255,255,255,.74)!important}

.thumb-btn{aspect-ratio:var(--media-ratio)!important;height:auto!important;background:var(--media-bg)!important}.thumb-btn img{width:100%;height:100%;object-fit:cover!important;background:var(--media-bg)!important}
.admin-gallery-item img,.admin-gallery .card-media img{width:100%!important;height:100%!important;object-fit:cover!important;background:var(--media-bg)!important}.admin-gallery-item{aspect-ratio:var(--media-ratio)}

.brand-chip{height:86px!important;min-width:174px!important;padding:10px 18px!important}.brand-chip img{width:136px!important;height:64px!important;max-width:136px!important;max-height:64px!important;object-fit:contain!important}

.image-quality-note{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eef5f9;color:#31526a;font-size:11px;font-weight:800}
.security-status{display:grid;gap:10px;margin:0 0 20px}.security-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid #e2eaf0;border-radius:12px;background:#f9fbfc}.security-status-row strong{font-size:13px}.security-ok{color:#147d55;font-weight:900}.security-bad{color:#a32638;font-weight:900}
.password-help{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f5f8fa;color:#607080;font-size:12px;line-height:1.6}

@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-frame,.hero-grid{min-height:auto}.hero-visual{min-height:0}}
@media(max-width:680px){.gallery-grid,.gallery-preview{grid-template-columns:1fr!important}.card-media,.home-network-media,.feature-media,.capability-media,.car-main-image,.gallery-item,.gallery-preview-item{aspect-ratio:4/3!important}.hero-photo{aspect-ratio:4/3!important}.brand-chip{min-width:150px!important}}

/* === FINAL ALIGNMENT & RESPONSIVE SYSTEM 2026-10-20 === */
:root{
  --container:1480px;
  --media-ratio:16/10;
}
.container{width:min(var(--container),calc(100% - 48px));}
body{min-width:320px;}

/* Header */
.nav-wrap{min-height:82px;gap:18px;}
.brand{flex:0 0 auto;}
.brand-logo{width:58px;height:58px;}
.brand-name{font-size:18px;white-space:nowrap;}
.nav-links{gap:2px;justify-content:center;}
.nav-link{padding:12px 11px;white-space:nowrap;}
.nav-actions{flex:0 0 auto;}
.nav-actions .btn{white-space:nowrap;}

/* Home hero: balanced, fixed, no oversized/zoomed media */
.hero{padding:30px 0 56px;}
.hero-frame{min-height:0!important;border-radius:32px!important;}
.hero-grid{min-height:610px!important;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;gap:54px!important;padding:58px 62px!important;align-items:center;}
.hero-copy{max-width:720px;}
.hero-copy h1{font-size:clamp(48px,4.6vw,70px)!important;line-height:1.02!important;letter-spacing:-.05em!important;max-width:720px!important;}
.hero-copy p{font-size:17px!important;line-height:1.72!important;max-width:680px!important;}
.hero-visual{min-height:0!important;position:relative;display:grid!important;align-items:center!important;}
.hero-photo{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/10!important;padding:10px!important;border-radius:28px!important;background:rgba(255,255,255,.09)!important;}
.hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:20px!important;}
.hero-logo-card{left:-26px!important;top:-22px!important;width:132px!important;height:132px!important;border-radius:24px!important;}
.hero-logo-card img{width:112px!important;height:112px!important;}
.hero-badge{right:18px!important;bottom:-22px!important;max-width:360px!important;padding:18px 20px!important;}
.metric-strip{margin-top:-26px!important;}
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}

/* Uniform photography and cards */
.card,.home-network-card,.company-card{height:100%;}
.card-media,.home-network-media,.feature-media,.capability-media,.car-main-image,.gallery-item,.gallery-preview-item,.network-card{
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  background:#eaf0f4!important;
}
.card-media img,.home-network-media img,.feature-media img,.capability-media img,.car-main-image img,.gallery-item img,.gallery-preview-item img,.network-card img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;
}
.card:hover .card-media img,.home-network-card:hover .home-network-media img,.network-card:hover img,.gallery-item:hover img{transform:none!important;}

/* Branch cards: equal heights and one-line telephone */
#branchList{align-items:stretch;}
.branch-card{display:flex!important;flex-direction:column!important;min-width:0;}
.branch-card .card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:24px!important;}
.branch-card h3{font-size:22px!important;line-height:1.22!important;margin:12px 0 8px!important;}
.branch-speciality{min-height:44px;color:var(--muted);line-height:1.55;}
.branch-meta{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:start!important;gap:12px 18px!important;margin-top:20px!important;}
.branch-meta-row{min-width:0;align-items:center!important;}
.branch-meta-row svg{margin-top:0!important;}
.branch-location span{line-height:1.35!important;}
.branch-phone{white-space:nowrap!important;}
.branch-phone span,.phone-line{white-space:nowrap!important;word-break:keep-all!important;}
.branch-card .tag-list{margin-top:18px;}
.branch-card .card-actions{margin-top:auto!important;padding-top:22px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;}
.branch-card .card-actions .btn{min-width:0!important;white-space:nowrap!important;padding:12px 14px!important;}
.home-network-body{padding:24px!important;}
.home-network-meta{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;gap:12px 18px!important;}
.home-network-actions{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;}
.home-network-actions .btn{white-space:nowrap!important;padding:12px 14px!important;}

/* Company cards: full-width section, no narrow columns */
.company-section{background:linear-gradient(180deg,#fff,#f5f8fa);border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line);}
.company-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;}
.company-card{display:flex!important;gap:18px!important;align-items:flex-start!important;padding:24px!important;min-height:220px!important;border-radius:22px!important;background:#fff!important;}
.company-mark{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:16px!important;background:linear-gradient(145deg,#0a2a43,#1c5e90)!important;color:#fff!important;box-shadow:0 10px 26px rgba(7,24,39,.16)!important;font-size:13px!important;line-height:1!important;}
.company-card h3{margin:3px 0 9px!important;font-size:20px!important;line-height:1.25!important;}
.company-card p{font-size:14px!important;line-height:1.68!important;}

/* Page heroes: preserve full supplied photography on the right without zooming */
.page-hero{padding:30px 0 24px;}
.page-hero-card{min-height:430px!important;border-radius:30px!important;background-size:cover,contain!important;background-position:center,right center!important;background-repeat:no-repeat!important;overflow:hidden!important;}
.page-hero-content{max-width:720px!important;padding-right:42px!important;}
.page-hero-content h1{font-size:clamp(42px,4.3vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;}
.page-hero-content p{max-width:650px!important;font-size:17px!important;line-height:1.7!important;}
.page-logo-watermark{width:100px!important;height:100px!important;object-fit:contain!important;}

/* Logo marquee stays compact */
.trust-marquee-section{padding:54px 0 42px!important;}
.logo-marquee{padding:8px 0!important;}
.brand-chip{width:142px!important;min-width:142px!important;height:68px!important;padding:8px 12px!important;border-radius:14px!important;}
.brand-chip img{width:auto!important;height:auto!important;max-width:112px!important;max-height:44px!important;object-fit:contain!important;}
.brand-chip.insurance{width:136px!important;min-width:136px!important;height:66px!important;}
.brand-chip.insurance img{max-width:108px!important;max-height:42px!important;}

/* Contact/quote data */
.contact-method strong{white-space:nowrap;word-break:keep-all;}
.contact-method{min-width:0;}

/* Admin content, companies and partners */
.admin-sidebar{overflow-y:auto;}
.content-editor{display:grid;gap:18px;}
.content-group{display:grid;gap:13px;padding:18px;border:1px solid #e2eaf0;border-radius:16px;background:#f9fbfc;}
.content-group h3{margin:0;color:#0b2b45;font-size:15px;}
.partner-admin-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e6edf1;}
.partner-admin-row:last-child{border-bottom:0;}
.partner-admin-logo{width:88px;height:52px;border:1px solid #e0e8ed;border-radius:10px;background:#fff;display:grid;place-items:center;padding:5px;}
.partner-admin-logo img{width:100%;height:100%;object-fit:contain;}
.partner-admin-copy{min-width:0;}
.partner-admin-copy strong{display:block;color:#0b2b45;font-size:13px;}
.partner-admin-copy span{display:block;margin-top:4px;color:#607080;font-size:11px;}
.admin-company-mark{display:grid!important;place-items:center!important;}

/* Desktop/tablet breakpoints */
@media(max-width:1360px){
  :root{--container:1240px;}
  .nav-actions .nav-whatsapp{display:none!important;}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)!important;padding:50px!important;gap:42px!important;}
  .hero-copy h1{font-size:clamp(46px,5vw,64px)!important;}
  .company-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1120px){
  .container{width:min(var(--container),calc(100% - 36px));}
  .nav-links{display:none!important;}
  .menu-toggle{display:flex!important;}
  .hero-grid{grid-template-columns:1fr 1fr!important;padding:42px!important;gap:34px!important;}
  .hero-copy h1{font-size:52px!important;}
  .grid-3,#branchList{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .company-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .branch-card .card-actions,.home-network-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .branch-card .card-actions .btn,.home-network-actions .btn{padding:12px 10px!important;}
}
@media(max-width:860px){
  .announcement-points span:nth-child(3){display:none;}
  .nav-actions{display:none!important;}
  .mobile-panel{inset:120px 18px auto!important;}
  .hero-grid{grid-template-columns:1fr!important;padding:40px 30px 34px!important;}
  .hero-copy{max-width:none!important;}
  .hero-copy h1{font-size:clamp(44px,8vw,60px)!important;max-width:760px!important;}
  .hero-visual{margin-top:14px;}
  .hero-photo{max-width:760px;margin-inline:auto;}
  .hero-logo-card{left:8px!important;top:-24px!important;}
  .hero-badge{bottom:-18px!important;right:12px!important;}
  .page-hero-card{min-height:400px!important;background-size:cover,58% auto!important;}
  .page-hero-content{max-width:58%!important;padding-right:0!important;}
  .page-hero-content h1{font-size:44px!important;}
  .section{padding:72px 0!important;}.section-sm{padding:52px 0!important;}
}
@media(max-width:680px){
  .container{width:calc(100% - 28px)!important;}
  .announcement-inner{min-height:34px;}
  .announcement-points{gap:12px;}
  .announcement-points span:nth-child(2){display:none;}
  .nav-wrap{min-height:74px;}
  .brand-logo{width:50px;height:50px;}.brand-name{font-size:16px;}.brand-tagline{font-size:9px;}
  .hero{padding:18px 0 42px!important;}
  .hero-frame{border-radius:24px!important;}
  .hero-grid{padding:32px 20px 28px!important;gap:26px!important;}
  .hero-copy h1{font-size:42px!important;line-height:1.04!important;}
  .hero-copy p{font-size:15px!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;}
  .hero-actions .btn{width:100%;}
  .hero-trust{display:grid!important;gap:10px!important;}
  .hero-logo-card{width:94px!important;height:94px!important;left:8px!important;top:-18px!important;}.hero-logo-card img{width:78px!important;height:78px!important;}
  .hero-badge{position:relative!important;right:auto!important;bottom:auto!important;margin:-4px 8px 0!important;max-width:none!important;}
  .metric-strip{margin-top:-14px!important;}.metric-grid{grid-template-columns:1fr 1fr!important;}
  .grid-3,#branchList,.company-grid{grid-template-columns:1fr!important;}
  .branch-speciality{min-height:0;}
  .branch-meta{grid-template-columns:1fr!important;}
  .branch-phone{justify-self:start;}
  .branch-card .card-actions,.home-network-actions{grid-template-columns:1fr!important;}
  .home-network-meta{grid-template-columns:1fr!important;}
  .page-hero-card{min-height:0!important;padding:30px 22px 230px!important;background-size:cover,100% auto!important;background-position:center,bottom center!important;}
  .page-hero-card::before{background:linear-gradient(180deg,rgba(6,24,39,.99) 0%,rgba(6,24,39,.95) 50%,rgba(6,24,39,.35) 76%,rgba(6,24,39,.08) 100%)!important;}
  .page-hero-content{max-width:100%!important;}
  .page-hero-content h1{font-size:40px!important;}
  .page-hero-content p{font-size:15px!important;}
  .page-logo-watermark{display:none!important;}
  .section-head{align-items:flex-start!important;flex-direction:column!important;}
  .company-card{min-height:0!important;}
  .brand-chip{width:122px!important;min-width:122px!important;height:60px!important;}.brand-chip img{max-width:96px!important;max-height:38px!important;}
  .partner-admin-row{grid-template-columns:70px minmax(0,1fr);}.partner-admin-row .admin-table-actions{grid-column:1/-1;}
}

/* === FINAL PRODUCTION ALIGNMENT PASS 2026-10-20 === */
:root{--container:1440px}
html{overflow-x:hidden}
body{overflow-x:hidden}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}

/* Header stays aligned on large desktop screens */
.nav-wrap{display:grid;grid-template-columns:minmax(250px,auto) 1fr auto;gap:28px;align-items:center}
.nav-links{justify-content:center;min-width:0}
.nav-actions{justify-self:end}
.brand{min-width:0}.brand-copy{min-width:0}

/* Hero is balanced instead of oversized */
.hero-grid{min-height:620px!important;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;padding:56px!important;gap:52px!important;align-items:center!important}
.hero-copy h1{font-size:clamp(48px,4.4vw,66px)!important;line-height:1.02!important;max-width:720px!important}
.hero-copy p{font-size:17px!important;line-height:1.7!important;max-width:650px!important}
.hero-visual{min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 0!important}
.hero-photo{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/10!important;max-height:520px!important;padding:12px!important}
.hero-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.hero-logo-card{width:124px!important;height:124px!important;left:-18px!important;top:-16px!important}
.hero-logo-card img{width:104px!important;height:104px!important;object-fit:contain!important}

/* Every public photo lives in a predictable media frame */
.card-media,.home-network-media,.gallery-item,.gallery-preview-item,.network-card,.feature-media{overflow:hidden!important;background:#edf2f5!important}
.card-media,.home-network-media{aspect-ratio:16/10!important;height:auto!important}
.card-media img,.home-network-media img,.gallery-item img,.gallery-preview-item img,.network-card img,.feature-media img,.capability-media img{transform:none!important;object-position:center!important}

/* Branch cards: stable content height and no broken phone numbers */
#branchList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important}
.branch-card{height:100%!important;overflow:hidden!important}
.branch-card .card-body{height:100%!important;padding:24px 26px 26px!important}
.branch-card h3{min-height:54px!important}
.branch-speciality{min-height:48px!important}
.branch-meta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:20px!important}
.branch-meta-row{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-width:0!important}
.branch-meta-row svg{flex:0 0 24px!important}
.branch-location span{min-width:0!important;line-height:1.35!important}
.branch-phone,.branch-phone span,.phone-line{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.branch-phone{width:max-content!important;max-width:100%!important}
.branch-card .tag-list{min-height:76px!important;align-content:flex-start!important}
.branch-card .card-actions{margin-top:auto!important;grid-template-columns:88px minmax(126px,1fr) 104px!important;align-items:stretch!important}
.branch-card .card-actions .btn{width:100%!important;justify-content:center!important}

/* Homepage branch cards use the same alignment rules */
.home-network-card{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.home-network-body{display:flex!important;flex-direction:column!important;flex:1!important}
.home-network-body h3{min-height:52px!important}
.home-network-body>p{min-height:48px!important}
.home-network-meta{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important;margin-top:16px!important}
.home-network-meta>span{display:flex!important;gap:9px!important;align-items:center!important}
.home-network-actions{margin-top:auto!important;padding-top:22px!important;grid-template-columns:88px minmax(126px,1fr) 108px!important}

/* Group company cards need reading width, not skinny columns */
.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.company-card{min-height:190px!important;padding:26px!important;gap:18px!important}
.company-card h3{font-size:21px!important;line-height:1.25!important;min-height:52px!important}
.company-card p{margin:0!important;line-height:1.65!important}

/* Page hero images remain visible without aggressive zoom */
.page-hero-card{min-height:410px!important;background-size:cover,52% auto!important;background-position:center,right center!important;background-repeat:no-repeat!important}
.page-hero-content{max-width:58%!important;padding-right:28px!important}
.page-hero-content h1{font-size:clamp(40px,3.8vw,58px)!important}
.page-logo-watermark{width:86px!important;height:86px!important}

/* Contact details and footer numbers never break into stacked digits */
a[href^="tel:"],.contact-method strong,.footer-tools,.phone-line{white-space:nowrap!important}

/* Gallery stays regular and calm */
.gallery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.gallery-item{aspect-ratio:16/10!important;min-height:0!important;height:auto!important;border-radius:20px!important}
.gallery-item img{object-fit:cover!important}

@media(max-width:1240px){
  .container{width:min(1160px,calc(100% - 44px))}
  .nav-wrap{grid-template-columns:auto 1fr auto;gap:18px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;padding:44px!important;gap:38px!important}
  .hero-copy h1{font-size:clamp(44px,4.6vw,58px)!important}
  #branchList{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .company-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .branch-card h3,.branch-speciality,.branch-card .tag-list,.home-network-body h3,.home-network-body>p{min-height:0!important}
}
@media(max-width:960px){
  .container{width:calc(100% - 36px)!important}
  .nav-wrap{display:flex!important;justify-content:space-between!important;gap:18px!important}
  .hero-grid{grid-template-columns:1fr!important;padding:40px!important}
  .hero-copy{max-width:760px!important}
  .hero-visual{max-width:760px!important;width:100%!important;margin:0 auto!important}
  .page-hero-card{background-size:cover,55% auto!important}
  .page-hero-content{max-width:64%!important}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .container{width:calc(100% - 28px)!important}
  .hero-grid{padding:30px 20px!important;gap:26px!important}
  .hero-copy h1{font-size:clamp(38px,11vw,48px)!important}
  .hero-photo{aspect-ratio:16/10!important}
  .hero-logo-card{width:82px!important;height:82px!important;left:8px!important;top:-12px!important}
  .hero-logo-card img{width:68px!important;height:68px!important}
  #branchList,.company-grid,.gallery-grid{grid-template-columns:1fr!important}
  .branch-card .card-actions,.home-network-actions{grid-template-columns:1fr!important}
  .branch-card .card-actions .btn,.home-network-actions .btn{min-height:46px!important}
  .page-hero-card{padding:28px 20px 220px!important;background-size:cover,100% auto!important;background-position:center,bottom center!important}
  .page-hero-content{max-width:100%!important;padding-right:0!important}
  .page-hero-content h1{font-size:38px!important}
  .company-card{min-height:0!important}
}
@media(max-width:420px){
  .container{width:calc(100% - 22px)!important}
  .brand-name{font-size:15px!important}.brand-tagline{font-size:8px!important}
  .hero-copy h1{font-size:36px!important}
  .page-hero-content h1{font-size:34px!important}
  .metric-grid{grid-template-columns:1fr!important}
  .brand-chip{width:112px!important;min-width:112px!important}
}

/* === V5 EXECUTIVE UI PASS: balanced desktop, tablet and mobile layouts === */
:root{
  --v5-navy:#071a2a;
  --v5-navy-2:#0d2f49;
  --v5-ink:#0c1f32;
  --v5-muted:#617284;
  --v5-line:#dfe7ec;
  --v5-soft:#f4f7f9;
  --v5-red:#ae263b;
}

/* Hero: restrained, corporate and intentionally aligned */
.hero-executive{padding:34px 0 64px;background:linear-gradient(180deg,#f5f8fa 0%,#fff 100%)}
.hero-executive-frame{overflow:hidden;border-radius:30px!important;background:linear-gradient(118deg,#061827 0%,#08243a 56%,#0f3b5c 100%)!important;box-shadow:0 30px 80px rgba(6,24,39,.18)!important;border:1px solid rgba(255,255,255,.08)!important}
.hero-executive-grid{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr)!important;gap:54px!important;align-items:center!important;min-height:570px!important;padding:58px 60px!important}
.hero-executive .hero-copy{max-width:690px!important}
.hero-executive .eyebrow{font-size:12px!important;letter-spacing:.18em!important;color:#c8d9e6!important}
.hero-executive .hero-copy h1{margin:18px 0 0!important;max-width:690px!important;font-size:clamp(48px,4.2vw,66px)!important;line-height:1.03!important;letter-spacing:-.045em!important;color:#fff!important}
.hero-executive .hero-copy p{max-width:650px!important;margin:22px 0 0!important;font-size:17px!important;line-height:1.72!important;color:rgba(255,255,255,.72)!important}
.hero-executive .hero-actions{margin-top:30px!important;gap:12px!important}
.hero-executive .hero-actions .btn{min-height:52px;padding:0 22px!important;border-radius:14px!important}
.hero-executive .hero-call{gap:10px!important}
.hero-executive .hero-call strong{font-size:14px;white-space:nowrap}
.hero-trust-clean{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin-top:30px!important}
.hero-trust-clean span{min-height:54px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);font-size:12px!important;line-height:1.45!important;color:rgba(255,255,255,.78)!important}
.hero-trust-clean span::before{width:20px!important;height:20px!important;flex:0 0 20px!important;background:rgba(255,255,255,.1)!important;font-size:11px}
.hero-executive-visual{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;padding:0!important}
.hero-executive-photo{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/10!important;margin:0!important;padding:10px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:24px!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important;overflow:hidden!important}
.hero-executive-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:16px!important;transform:none!important;filter:none!important}
.hero-media-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;width:calc(100% - 28px);margin:-1px auto 0;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-top:0;border-radius:0 0 20px 20px;background:rgba(5,20,32,.72);backdrop-filter:blur(10px);color:#fff}
.hero-media-caption>div:first-child{min-width:0}.hero-media-caption span{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a9c0d1}.hero-media-caption strong{display:block;margin-top:4px;font-size:15px;line-height:1.25;color:#fff}
.hero-media-mark{display:flex!important;align-items:baseline;gap:6px;flex:0 0 auto}.hero-media-mark span{font-size:30px!important;font-weight:900!important;letter-spacing:-.04em!important;color:#fff!important}.hero-media-mark small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#b8cad8}

/* Metrics: even widths, clean baseline and animated values */
.metric-strip-executive{position:relative!important;z-index:3!important;margin-top:-24px!important;padding:0 22px}
.metric-grid-executive{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:hidden;border:1px solid var(--v5-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 50px rgba(8,34,53,.11)!important}
.metric-grid-executive .metric-item{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:132px!important;padding:24px 28px!important;border-right:1px solid var(--v5-line)!important;background:#fff!important}
.metric-grid-executive .metric-item:last-child{border-right:0!important}
.metric-number{display:flex;align-items:baseline;min-height:48px}.metric-number strong{font-size:40px!important;line-height:1!important;letter-spacing:-.045em!important;color:var(--v5-ink)!important;font-variant-numeric:tabular-nums}
.metric-grid-executive .metric-item>span{margin-top:9px!important;max-width:220px;color:var(--v5-muted)!important;font-size:12.5px!important;line-height:1.45!important}

/* Branch cards: stable equal layout and phone always on one line */
#branchList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important}
.branch-card{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;border-radius:22px!important;overflow:hidden!important}
.branch-card .card-media{aspect-ratio:16/10!important;height:auto!important;background:#eef2f4!important}
.branch-card .card-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
.branch-card .card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:24px 24px 25px!important}
.branch-card h3{min-height:54px!important;margin:12px 0 8px!important;font-size:21px!important;line-height:1.25!important}
.branch-speciality{min-height:42px!important;font-size:13px!important;line-height:1.5!important;color:var(--v5-muted)!important}
.branch-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px 16px!important;align-items:center!important;margin-top:18px!important}
.branch-meta-row{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;font-size:13px!important;color:#40576a!important}
.branch-meta-row svg{width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important}
.branch-location span{min-width:0!important;line-height:1.35!important}
.branch-phone,.branch-phone span{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
.branch-card .tag-list{min-height:70px!important;margin-top:18px!important;align-content:flex-start!important}
.branch-card .card-actions{display:grid!important;grid-template-columns:82px minmax(116px,1fr) 104px!important;gap:10px!important;margin-top:auto!important;padding-top:20px!important}
.branch-card .card-actions .btn{justify-content:center!important;width:100%!important;min-width:0!important;padding:11px 12px!important;white-space:nowrap!important}

/* Group companies: reading width, aligned marks, never narrow towers */
.company-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
.company-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;min-height:184px!important;padding:24px!important;border:1px solid var(--v5-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 34px rgba(9,35,55,.06)!important}
.company-mark{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:15px!important;background:linear-gradient(145deg,#08233a,#1f5d86)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.04em!important;box-shadow:0 10px 22px rgba(8,35,55,.16)!important}
.company-card h3{min-height:0!important;margin:1px 0 9px!important;font-size:19px!important;line-height:1.28!important;color:var(--v5-ink)!important}
.company-card p{margin:0!important;color:var(--v5-muted)!important;font-size:14px!important;line-height:1.65!important}

/* Public photography: consistent aspect ratio without browser zoom or stretching */
.card-media,.home-network-media,.feature-media,.capability-media,.gallery-item,.gallery-preview-item,.network-card{aspect-ratio:16/10!important;background:#eef2f4!important;overflow:hidden!important}
.card-media img,.home-network-media img,.feature-media img,.capability-media img,.gallery-item img,.gallery-preview-item img,.network-card img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}

/* Page heroes: keep supplied photography visible rather than zooming it */
.page-hero-card{min-height:390px!important;padding:46px!important;background-size:cover,48% auto!important;background-position:center,right center!important;background-repeat:no-repeat!important;border-radius:26px!important}
.page-hero-content{max-width:58%!important;padding-right:24px!important}.page-hero-content h1{font-size:clamp(40px,3.6vw,56px)!important;line-height:1.04!important}.page-hero-content p{font-size:16px!important;line-height:1.65!important}

/* General alignment protection */
a[href^="tel:"],.phone-line,[data-live-phone]{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
.section-head{gap:24px!important}.section-head>div{min-width:0}.section-title{text-wrap:balance}.section-subtitle{max-width:760px!important}

@media(max-width:1240px){
  .hero-executive-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;padding:46px!important;gap:38px!important}
  .hero-executive .hero-copy h1{font-size:clamp(44px,4.8vw,58px)!important}
  .hero-trust-clean{grid-template-columns:1fr!important}
  .hero-trust-clean span{min-height:0!important}
  #branchList{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .company-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .branch-card h3,.branch-speciality,.branch-card .tag-list{min-height:0!important}
}
@media(max-width:960px){
  .hero-executive-grid{grid-template-columns:1fr!important;min-height:0!important;padding:40px!important}
  .hero-executive .hero-copy{max-width:760px!important}.hero-executive .hero-copy h1{max-width:760px!important}
  .hero-executive-visual{max-width:760px!important;width:100%!important;margin:0 auto!important}
  .metric-grid-executive{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid-executive .metric-item:nth-child(2){border-right:0!important}.metric-grid-executive .metric-item:nth-child(-n+2){border-bottom:1px solid var(--v5-line)!important}
  .page-hero-card{background-size:cover,55% auto!important}.page-hero-content{max-width:64%!important}
}
@media(max-width:720px){
  .hero-executive{padding:18px 0 44px!important}.hero-executive-frame{border-radius:22px!important}.hero-executive-grid{padding:30px 22px!important;gap:28px!important}
  .hero-executive .hero-copy h1{font-size:clamp(38px,10.5vw,48px)!important;line-height:1.04!important}.hero-executive .hero-copy p{font-size:15px!important;line-height:1.65!important}
  .hero-executive .hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-executive .hero-actions .btn{width:100%!important;justify-content:center!important}
  .hero-media-caption{width:calc(100% - 18px);padding:15px 16px!important}.hero-media-mark span{font-size:26px!important}
  .metric-strip-executive{margin-top:-14px!important;padding:0 10px!important}.metric-grid-executive{grid-template-columns:1fr 1fr!important}.metric-grid-executive .metric-item{min-height:118px!important;padding:20px!important}.metric-number strong{font-size:34px!important}.metric-grid-executive .metric-item>span{font-size:11.5px!important}
  #branchList,.company-grid{grid-template-columns:1fr!important}.branch-meta{grid-template-columns:1fr!important}.branch-phone{justify-self:start!important}.branch-card .card-actions{grid-template-columns:1fr!important}.branch-card .card-actions .btn{min-height:46px!important}
  .company-card{min-height:0!important}
  .page-hero-card{padding:30px 22px 210px!important;background-size:cover,100% auto!important;background-position:center,bottom center!important}.page-hero-content{max-width:100%!important;padding-right:0!important}.page-hero-content h1{font-size:38px!important}
}
@media(max-width:430px){
  .hero-executive .hero-copy h1{font-size:36px!important}.hero-media-caption{align-items:flex-end!important}.hero-media-caption strong{font-size:13px!important}
  .metric-grid-executive{grid-template-columns:1fr!important}.metric-grid-executive .metric-item{border-right:0!important;border-bottom:1px solid var(--v5-line)!important}.metric-grid-executive .metric-item:last-child{border-bottom:0!important}
}


/* === HOMEPAGE HERO V6: premium light automotive layout === */
.hero-v6{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fafc 0%,#ffffff 100%);padding:34px 0 0;border-bottom:1px solid #e7edf2}
.hero-v6-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 20%,rgba(46,118,171,.13),transparent 31%),linear-gradient(135deg,transparent 0 79%,rgba(173,35,56,.06) 79% 82%,transparent 82%)}
.hero-v6-container{position:relative;z-index:1}
.hero-v6-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center;min-height:610px;padding:34px 8px 38px}
.hero-v6-copy{max-width:680px}
.hero-v6-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:22px;color:#31526a;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.hero-v6-eyebrow>span{display:block;width:28px;height:2px;background:#b5263c;border-radius:2px}
.hero-v6-title{margin:0;color:#061827;font-size:clamp(52px,5.25vw,82px);line-height:.96;letter-spacing:-.058em;font-weight:900}
.hero-v6-title>span{display:block}
.hero-v6-title>em{display:block;color:#b5253c;font-style:normal}
.hero-v6-subtitle{margin:18px 0 0;color:#0b2941;font-size:clamp(25px,2.15vw,34px);line-height:1.12;letter-spacing:-.035em;font-weight:800}
.hero-v6-description{max-width:650px;margin:20px 0 0;color:#526777;font-size:17px;line-height:1.7}
.hero-v6-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.hero-v6-actions .btn{min-height:64px;border-radius:16px;padding:0 20px}
.hero-v6-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:198px;background:linear-gradient(135deg,#ca2943,#a91f35);color:#fff!important;border:1px solid #b52239;box-shadow:0 14px 34px rgba(181,38,60,.20);font-weight:850}
.hero-v6-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(181,38,60,.25)}
.hero-v6-contact{display:flex!important;align-items:center!important;gap:12px;background:#fff!important;border:1px solid #d9e3ea!important;color:#071827!important;box-shadow:0 10px 25px rgba(7,24,39,.055);min-width:180px}
.hero-v6-contact:hover{border-color:#b9cad6!important;transform:translateY(-2px)}
.hero-v6-contact>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12}
.hero-v6-contact b{font-size:13px;font-weight:850}
.hero-v6-contact strong{margin-top:3px;font-size:13px;font-weight:750;color:#38566a;white-space:nowrap}
.hero-v6-action-icon{width:25px;height:25px;display:grid;place-items:center;color:#0b2941}.hero-v6-action-icon svg{width:25px;height:25px}
.hero-v6-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:30px;border-top:1px solid #dce5eb;padding-top:18px}
.hero-v6-service{display:flex;align-items:center;gap:10px;min-width:0;padding:0 12px;border-right:1px solid #dce5eb;color:#18384f;text-decoration:none}
.hero-v6-service:first-child{padding-left:0}.hero-v6-service:last-child{border-right:0;padding-right:0}
.hero-v6-service>span{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f1f5f8;color:#183e5a}.hero-v6-service svg{width:19px;height:19px}
.hero-v6-service strong{font-size:11px;line-height:1.24;font-weight:800}
.hero-v6-service:hover strong{color:#a52639}
.hero-v6-visual{position:relative;min-width:0;padding:18px 0 0 18px}
.hero-v6-photo-wrap{position:relative;aspect-ratio:1.38/1;border-radius:30px;padding:14px;background:rgba(255,255,255,.58);border:1px solid rgba(147,174,193,.42);box-shadow:0 30px 75px rgba(7,24,39,.16)}
.hero-v6-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:22px;background:#eaf0f4}
.hero-v6-brand-card{position:absolute;top:-12px;left:-34px;display:flex;align-items:center;gap:14px;min-width:245px;padding:15px 18px;border-radius:20px;background:rgba(255,255,255,.97);border:1px solid rgba(214,224,231,.95);box-shadow:0 20px 50px rgba(7,24,39,.13)}
.hero-v6-brand-card img{width:70px;height:70px;object-fit:contain;flex:0 0 auto}.hero-v6-brand-card div{display:flex;flex-direction:column;min-width:0}.hero-v6-brand-card strong{font-size:17px;line-height:1.05;color:#071827;font-weight:900}.hero-v6-brand-card span{margin-top:5px;color:#637685;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:850}
.hero-v6-location-card{position:absolute;right:28px;bottom:28px;display:flex;align-items:center;gap:12px;max-width:285px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.95);border:1px solid rgba(214,224,231,.92);box-shadow:0 14px 38px rgba(7,24,39,.15);backdrop-filter:blur(10px)}
.hero-v6-location-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf3f7;color:#0a304c;flex:0 0 auto}.hero-v6-location-icon svg{width:21px;height:21px}.hero-v6-location-card div{display:flex;flex-direction:column}.hero-v6-location-card strong{font-size:12px;color:#071827}.hero-v6-location-card span{margin-top:3px;color:#617483;font-size:11px;line-height:1.25}
.hero-v6-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 -38px;background:#fff;border:1px solid #e0e8ee;border-radius:24px;box-shadow:0 26px 60px rgba(7,24,39,.10);overflow:hidden}
.hero-v6-stat{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:28px 30px;min-height:142px}
.hero-v6-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:26px;bottom:26px;width:1px;background:#e2e9ee}
.hero-v6-stat-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fbecef;color:#ba263d}.hero-v6-stat-icon svg{width:30px;height:30px}
.hero-v6-stat-copy>div{display:flex;flex-direction:column}.hero-v6-stat-copy strong{font-size:42px;line-height:.95;letter-spacing:-.045em;color:#08233a;font-weight:900}.hero-v6-stat-copy span{margin-top:6px;color:#0b2941;font-size:14px;font-weight:850}.hero-v6-stat-copy p{margin:9px 0 0;color:#687a87;font-size:11.5px;line-height:1.45}
.trust-marquee-section{padding-top:86px!important}

@media(max-width:1260px){
  .hero-v6-grid{gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
  .hero-v6-title{font-size:clamp(48px,5.5vw,68px)}
  .hero-v6-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .hero-v6-service{border-right:0;border:1px solid #e2e9ee;border-radius:12px;padding:9px!important;background:#fff}
  .hero-v6-stat{grid-template-columns:56px minmax(0,1fr);padding:24px 22px}.hero-v6-stat-icon{width:52px;height:52px}.hero-v6-stat-copy strong{font-size:36px}
}
@media(max-width:1000px){
  .hero-v6{padding-top:18px}.hero-v6-grid{grid-template-columns:1fr;min-height:auto;padding:24px 0 28px}.hero-v6-copy{max-width:780px}.hero-v6-title{font-size:clamp(50px,8vw,76px)}
  .hero-v6-visual{padding:18px 20px 0}.hero-v6-photo-wrap{aspect-ratio:16/9}.hero-v6-brand-card{left:-2px;top:-10px}
  .hero-v6-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:-28px}.hero-v6-stat:nth-child(2)::after{display:none}.hero-v6-stat:nth-child(-n+2){border-bottom:1px solid #e2e9ee}
  .trust-marquee-section{padding-top:72px!important}
}
@media(max-width:720px){
  .hero-v6{padding-top:8px}.hero-v6-grid{padding:20px 0 24px;gap:28px}.hero-v6-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}
  .hero-v6-title{font-size:clamp(43px,13vw,62px);line-height:.98}.hero-v6-subtitle{font-size:24px}.hero-v6-description{font-size:15px;line-height:1.65;margin-top:16px}
  .hero-v6-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.hero-v6-primary{grid-column:1/-1;min-width:0}.hero-v6-contact{min-width:0;width:100%;padding:0 12px!important}.hero-v6-actions .btn{min-height:58px}
  .hero-v6-services{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.hero-v6-service:last-child{grid-column:1/-1}
  .hero-v6-visual{padding:20px 0 0}.hero-v6-photo-wrap{aspect-ratio:4/3;border-radius:24px;padding:9px}.hero-v6-photo{border-radius:17px}.hero-v6-brand-card{left:10px;top:4px;min-width:0;width:auto;padding:10px 12px;border-radius:15px}.hero-v6-brand-card img{width:48px;height:48px}.hero-v6-brand-card strong{font-size:13px}.hero-v6-brand-card span{font-size:8px}.hero-v6-location-card{right:16px;bottom:16px;max-width:210px;padding:10px 12px}.hero-v6-location-icon{width:30px;height:30px}.hero-v6-location-card span{font-size:9px}
  .hero-v6-stats{grid-template-columns:1fr;margin:0 0 -18px;border-radius:20px}.hero-v6-stat{min-height:0;padding:18px 20px;grid-template-columns:54px minmax(0,1fr)}.hero-v6-stat:not(:last-child)::after{display:none}.hero-v6-stat:nth-child(-n+3){border-bottom:1px solid #e2e9ee}.hero-v6-stat-icon{width:50px;height:50px}.hero-v6-stat-copy strong{font-size:34px}.hero-v6-stat-copy p{font-size:11px;margin-top:5px}.trust-marquee-section{padding-top:56px!important}
}
@media(max-width:420px){.hero-v6-actions{grid-template-columns:1fr}.hero-v6-primary{grid-column:auto}.hero-v6-services{grid-template-columns:1fr}.hero-v6-service:last-child{grid-column:auto}.hero-v6-brand-card span{display:none}.hero-v6-location-card{left:14px;right:14px;max-width:none}}


/* === V7 stability fix: statistics live outside the hero clipping context === */
.hero-v7-stats-section{
  position:relative;
  z-index:6;
  margin-top:-26px;
  padding:0 0 36px;
  background:#fff;
  overflow:visible;
}
.hero-v7-stats-section .hero-v6-stats{
  margin:0!important;
  width:100%;
  min-height:154px;
  height:auto!important;
  overflow:visible!important;
  border-radius:24px;
}
.hero-v7-stats-section .hero-v6-stat{
  min-width:0;
  min-height:154px!important;
  height:auto!important;
  overflow:visible!important;
  align-content:center;
  padding:26px 28px!important;
}
.hero-v7-stats-section .hero-v6-stat-copy{
  min-width:0;
  overflow:visible!important;
}
.hero-v7-stats-section .hero-v6-stat-copy>div{
  min-width:0;
  overflow:visible!important;
}
.hero-v7-stats-section .hero-v6-stat-copy strong{
  display:block;
  min-height:42px;
  line-height:1!important;
  white-space:nowrap;
}
.hero-v7-stats-section .hero-v6-stat-copy span{
  display:block;
  line-height:1.28!important;
  white-space:normal;
}
.hero-v7-stats-section .hero-v6-stat-copy p{
  display:block;
  min-height:34px;
  margin:8px 0 0!important;
  line-height:1.45!important;
  overflow:visible!important;
}
.hero-v7-stats-section + .trust-marquee-section{
  padding-top:42px!important;
}
@media (max-width:1260px){
  .hero-v7-stats-section .hero-v6-stat{padding:24px 20px!important;grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important}
  .hero-v7-stats-section .hero-v6-stat-icon{width:52px;height:52px}
  .hero-v7-stats-section .hero-v6-stat-copy strong{font-size:35px!important}
  .hero-v7-stats-section .hero-v6-stat-copy span{font-size:13px!important}
}
@media (max-width:1000px){
  .hero-v7-stats-section{margin-top:-18px;padding-bottom:30px}
  .hero-v7-stats-section .hero-v6-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0}
  .hero-v7-stats-section .hero-v6-stat{min-height:138px!important}
  .hero-v7-stats-section + .trust-marquee-section{padding-top:34px!important}
}
@media (max-width:620px){
  .hero-v7-stats-section{margin-top:-10px;padding:0 0 24px}
  .hero-v7-stats-section .hero-v6-stats{grid-template-columns:1fr!important;border-radius:18px}
  .hero-v7-stats-section .hero-v6-stat{min-height:118px!important;grid-template-columns:52px minmax(0,1fr)!important;padding:20px!important}
  .hero-v7-stats-section .hero-v6-stat:not(:last-child){border-bottom:1px solid #e2e9ee}
  .hero-v7-stats-section .hero-v6-stat::after{display:none!important}
  .hero-v7-stats-section .hero-v6-stat-copy strong{min-height:34px;font-size:32px!important}
  .hero-v7-stats-section .hero-v6-stat-copy p{min-height:0;font-size:11px!important}
}

/* V7.1 visual rhythm: no oversized white gap below the homepage counters */
.hero-v7-stats-section{margin-top:-30px!important;padding-bottom:14px!important}
.hero-v7-stats-section + .trust-marquee-section{padding-top:26px!important}
@media(max-width:1000px){
  .hero-v7-stats-section{margin-top:-16px!important;padding-bottom:12px!important}
  .hero-v7-stats-section + .trust-marquee-section{padding-top:24px!important}
}
@media(max-width:620px){
  .hero-v7-stats-section{margin-top:-8px!important;padding-bottom:10px!important}
  .hero-v7-stats-section + .trust-marquee-section{padding-top:20px!important}
}


/* ============================================================
   V8 CAPABILITY PANEL REPAIR
   Keeps the workshop photograph centered and fully framed,
   removes the false empty navy block, and balances the staff grid.
   ============================================================ */
.capability-panel{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#071827 0%,#103653 100%)!important;
}
.capability-copy{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:40px 42px!important;
}
.capability-copy h2{
  max-width:620px!important;
  font-size:clamp(34px,3.2vw,48px)!important;
  line-height:1.08!important;
  text-wrap:balance!important;
}
.capability-copy p{
  max-width:650px!important;
  margin:18px 0 0!important;
  line-height:1.72!important;
}
.capability-copy .staff-stat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:26px!important;
}
.capability-copy .staff-stat{
  min-height:88px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:16px 17px!important;
}
.capability-copy .staff-stat strong{font-size:27px!important;line-height:1!important}
.capability-copy .staff-stat span{font-size:11px!important;line-height:1.35!important}

.capability-media{
  position:relative!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#dfe8ee 0%,#f7fafc 52%,#d9e4eb 100%)!important;
}
.capability-media::before{
  content:\"\";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 75% 12%,rgba(255,255,255,.95),transparent 38%),linear-gradient(135deg,rgba(7,24,39,.04),transparent 48%);
  pointer-events:none;
}
.capability-media::after{display:none!important}
.capability-media img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:100%!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px!important;
  background:#eef2f4!important;
  box-shadow:0 22px 48px rgba(7,24,39,.18)!important;
}

@media(max-width:1120px){
  .capability-panel{grid-template-columns:1fr 1fr!important}
  .capability-copy{padding:34px!important}
  .capability-copy .staff-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .capability-media{padding:22px!important}
}
@media(max-width:860px){
  .capability-panel{grid-template-columns:1fr!important}
  .capability-copy{padding:36px 30px!important}
  .capability-copy .staff-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .capability-media{height:auto!important;aspect-ratio:auto!important;padding:22px!important}
  .capability-media img{max-height:none!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important}
}
@media(max-width:620px){
  .capability-copy{padding:30px 22px!important}
  .capability-copy h2{font-size:32px!important}
  .capability-copy .staff-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .capability-media{padding:14px!important}
  .capability-media img{border-radius:16px!important}
}


/* === V10 Branch location / Google Maps alignment fixes (2026-10-21) === */
.branch-card .branch-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin-top: 18px !important;
}
.branch-card .branch-meta-row,
.home-network-meta > span {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 8px !important;
}
.branch-card .branch-location,
.home-network-meta .home-location {
  width: 100% !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}
.branch-card .branch-location .address-one-line,
.home-network-meta .home-location .address-one-line {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
}
.branch-card .branch-meta-row svg,
.home-network-meta > span svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
}
.location-pin-motion {
  color: var(--blue-700) !important;
  transform-origin: 50% 80%;
  animation: wlPinFloat 2.2s ease-in-out infinite;
}
@keyframes wlPinFloat {
  0%, 100% { transform: translateY(0); filter: drop-shadow(0 2px 2px rgba(36,101,154,.12)); }
  50% { transform: translateY(-2px); filter: drop-shadow(0 5px 4px rgba(36,101,154,.22)); }
}
@media (prefers-reduced-motion: reduce) {
  .location-pin-motion { animation: none !important; }
}
.branch-phone {
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
.branch-map-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  margin-top: 13px !important;
  padding: 9px 13px !important;
  border: 1px solid #d6e0e8 !important;
  border-radius: 12px !important;
  background: #f8fafb !important;
  color: var(--navy-800) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease !important;
}
.branch-map-link svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
}
.branch-map-link svg:last-child {
  margin-left: 2px !important;
  opacity: .65 !important;
}
.branch-map-link:hover {
  border-color: #9fb8cb !important;
  background: #eef5f9 !important;
  color: var(--blue-700) !important;
  transform: translateY(-1px) !important;
}
.home-network-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 9px !important;
}
.home-network-meta .phone-line {
  width: max-content !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .branch-card .branch-location .address-one-line,
  .home-network-meta .home-location .address-one-line {
    font-size: 12px !important;
  }
}


/* ============================================================
   V11 PREMIUM MOTION SYSTEM
   Subtle interaction motion only. No layout shifts, no aggressive zooms.
   ============================================================ */
:root{
  --motion-fast:180ms;
  --motion-med:320ms;
  --motion-slow:620ms;
  --motion-ease:cubic-bezier(.22,.61,.36,1);
  --motion-spring:cubic-bezier(.2,.8,.2,1);
}

/* Smooth, restrained navigation feedback */
.nav-link{overflow:hidden;isolation:isolate;transition:color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease!important}
.nav-link::before{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:4px;background:var(--red-600);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-med) var(--motion-ease);z-index:1}
.nav-link:hover::before{transform:scaleX(1)}
.nav-link.active::before{transform:scaleX(1)}
.nav-link.active::after{display:none!important}
.nav-link:hover{transform:translateY(-1px)}
.brand-logo{transition:transform .45s var(--motion-ease),filter .45s ease!important}
.brand:hover .brand-logo{transform:translateY(-2px) rotate(-1.5deg) scale(1.025);filter:drop-shadow(0 12px 20px rgba(7,24,39,.18))}
.announcement-link{display:inline-flex;align-items:center;gap:7px}
.announcement-link svg,.service-link svg,.branch-map-link svg:last-child,.btn svg{transition:transform var(--motion-med) var(--motion-ease)}
.announcement-link:hover svg,.service-link:hover svg,.branch-map-link:hover svg:last-child{transform:translateX(4px)}

/* Buttons: polished lift + light sweep + pointer ripple */
.btn,.filter-btn,.icon-btn,.admin-tab,.menu-toggle,.footer-tool-link{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
  transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-med) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,color var(--motion-fast) ease!important;
}
.btn::after,.filter-btn::after,.admin-tab::after{
  content:"";
  position:absolute;
  inset:-2px auto -2px -42%;
  width:34%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  opacity:0;
  pointer-events:none;
  z-index:-1;
}
.btn:hover,.filter-btn:hover,.icon-btn:hover,.admin-tab:hover,.footer-tool-link:hover{transform:translateY(-2px)!important}
.btn:hover::after,.filter-btn:hover::after,.admin-tab:hover::after{animation:wlButtonSweep .72s var(--motion-ease) 1}
.btn:active,.filter-btn:active,.icon-btn:active,.admin-tab:active,.menu-toggle:active{transform:translateY(0) scale(.985)!important}
.btn:hover svg{transform:translateX(2px)}
.btn-primary:hover{box-shadow:0 15px 34px rgba(166,50,66,.24)!important}
.btn-navy:hover{box-shadow:0 15px 34px rgba(7,24,39,.2)!important}
.btn-soft:hover{background:#fff!important}
.btn:focus-visible,.filter-btn:focus-visible,.icon-btn:focus-visible,.admin-tab:focus-visible,.menu-toggle:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(36,101,154,.22);outline-offset:3px}
@keyframes wlButtonSweep{0%{left:-42%;opacity:0}18%{opacity:1}100%{left:125%;opacity:0}}
.wl-ripple{position:absolute;pointer-events:none;border-radius:999px;background:rgba(255,255,255,.38);transform:translate(-50%,-50%) scale(0);animation:wlRipple .55s ease-out forwards;z-index:3}
.btn-soft .wl-ripple,.filter-btn .wl-ripple,.icon-btn .wl-ripple,.admin-tab .wl-ripple{background:rgba(36,101,154,.14)}
@keyframes wlRipple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}

/* Cards and media: consistent premium depth without changing sizes */
.card,.service-card,.branch-card,.home-network-card,.car-card,.company-card,.kpi-card,.admin-panel,.gallery-item,.brand-chip{
  transition:transform var(--motion-med) var(--motion-ease),box-shadow var(--motion-med) ease,border-color var(--motion-med) ease!important;
}
.service-card:hover,.branch-card:hover,.home-network-card:hover,.car-card:hover,.company-card:hover,.gallery-item:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 24px 54px rgba(7,24,39,.12)!important;
  border-color:rgba(36,101,154,.18)!important;
}
.branch-card .branch-image,.home-network-card .home-network-image,.car-card .car-image,.gallery-item{overflow:hidden}
.branch-card .branch-image img,.home-network-card .home-network-image img,.car-card .car-image img,.gallery-item>img,.capability-media img{
  transition:transform .8s var(--motion-ease),filter .55s ease!important;
  will-change:transform;
}
.branch-card:hover .branch-image img,.home-network-card:hover .home-network-image img,.car-card:hover .car-image img,.gallery-item:hover>img{transform:scale(1.025)!important;filter:saturate(1.025) contrast(1.015)}
.gallery-overlay{transition:opacity var(--motion-med) ease,transform var(--motion-med) var(--motion-ease)!important}
.gallery-item:hover .gallery-overlay{transform:translateY(0)!important}
.service-icon,.hero-v6-stat-icon{transition:transform var(--motion-med) var(--motion-spring),box-shadow var(--motion-med) ease!important}
.service-card:hover .service-icon{transform:translateY(-3px) rotate(-2deg) scale(1.04)}
.hero-v6-stat:hover .hero-v6-stat-icon{transform:translateY(-3px) scale(1.04)}

/* Homepage hero motion is deliberately minimal */
.hero-v6-photo-wrap{transition:box-shadow .5s ease,transform .5s var(--motion-ease)!important}
.hero-v6-visual:hover .hero-v6-photo-wrap{transform:translateY(-3px);box-shadow:0 30px 70px rgba(7,24,39,.15)}
.hero-v6-photo{transition:transform 1.05s var(--motion-ease),filter .65s ease!important}
.hero-v6-visual:hover .hero-v6-photo{transform:scale(1.012);filter:saturate(1.02)}
.hero-v6-brand-card{animation:wlBrandFloat 6.5s ease-in-out infinite;will-change:transform}
@keyframes wlBrandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hero-v6-location-card{transition:transform var(--motion-med) var(--motion-ease),box-shadow var(--motion-med) ease!important}
.hero-v6-location-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(7,24,39,.13)}

/* Counters and statistics: staged entrance, then remain static */
.hero-v6-stat{transition:background var(--motion-med) ease,transform var(--motion-med) var(--motion-ease)!important}
.hero-v6-stat:hover{background:linear-gradient(180deg,#fff,#fbfdff);transform:translateY(-2px)}
[data-count].wl-count-finished{animation:wlCountSettle .38s var(--motion-spring)}
@keyframes wlCountSettle{0%{transform:translateY(4px);opacity:.65}100%{transform:none;opacity:1}}

/* Existing reveal elements get a subtle staged entrance. They are never hidden if JS fails. */
.reveal{opacity:1!important;transform:none!important}
.reveal.show{animation:wlRevealUp .62s var(--motion-ease) both;animation-delay:var(--wl-delay,0ms)}
@keyframes wlRevealUp{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.section-head.wl-motion-in,.page-hero-copy.wl-motion-in,.marquee-heading.wl-motion-in{animation:wlRevealUp .62s var(--motion-ease) both;animation-delay:var(--wl-delay,0ms)}

/* Marquees remain continuously moving, but feel cleaner */
.logo-marquee{transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}
.logo-marquee:hover{border-color:rgba(36,101,154,.18);box-shadow:inset 0 0 0 1px rgba(36,101,154,.03)}
.brand-chip:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,24,39,.09)}
.brand-chip img{transition:transform var(--motion-med) var(--motion-ease),filter var(--motion-med) ease!important}
.brand-chip:hover img{transform:scale(1.045);filter:saturate(1.03)}

/* Mobile menu opens as a compact sheet rather than popping in */
@media(max-width:900px){
  .mobile-panel.open{animation:wlMenuIn .28s var(--motion-ease) both;transform-origin:top center}
  @keyframes wlMenuIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
}

/* Form interaction feedback */
.field input,.field select,.field textarea{transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease!important}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(36,101,154,.28)}
.field input:focus,.field select:focus,.field textarea:focus{transform:none;box-shadow:0 0 0 4px rgba(36,101,154,.09),0 8px 22px rgba(7,24,39,.04)!important}

/* Admin dashboard gets the same restrained interaction language */
.admin-nav a{position:relative;overflow:hidden;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)!important}
.admin-nav a:hover{transform:translateX(3px)}
.admin-nav a.active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:#fff;animation:wlAdminMarker .3s var(--motion-ease) both}
@keyframes wlAdminMarker{from{transform:scaleY(.2);opacity:0}to{transform:scaleY(1);opacity:1}}
.kpi-card:hover,.admin-panel:hover{box-shadow:0 18px 44px rgba(6,24,39,.08)!important}
.modal.open .modal-card{animation:wlModalIn .28s var(--motion-ease) both}
@keyframes wlModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.login-card{animation:wlLoginIn .55s var(--motion-ease) both}
@keyframes wlLoginIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Location pin remains subtle */
.location-pin-motion{animation-duration:2.7s!important}

/* Accessibility: all decorative motion is disabled when requested */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .logo-track{animation:none!important}
  .hero-v6-brand-card,.location-pin-motion{animation:none!important}
  .reveal.show,.section-head.wl-motion-in,.page-hero-copy.wl-motion-in,.marquee-heading.wl-motion-in{animation:none!important}
}