:root {
  --navy: #07326f;
  --navy-2: #0a3d83;
  --orange: var(--theme-accent);
  --orange-2: var(--theme-accent);
  --ink: #07101f;
  --black: #02050a;
  --paper: #fff4e3;
  --paper-2: #f9efe0;
  --white: #fffaf2;
  --muted: #a9bbd3;
  --line: rgba(255,255,255,.14);
  --shadow: 0 28px 90px rgba(0,0,0,.38);
  --radius: 28px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--black);
  color: var(--white);
  font-family: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  background: radial-gradient(circle at 10% 10%, rgba(var(--theme-accent-rgb),.26), transparent 24rem), radial-gradient(circle at 90% 5%, rgba(7,50,111,.54), transparent 26rem), radial-gradient(circle at 70% 75%, rgba(var(--theme-accent-rgb),.12), transparent 24rem), linear-gradient(180deg, #03070f 0%, #05152d 44%, #05070c 100%);
}
.page-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .24;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
p {
  color: #d7e2ef;
  margin: 0 0 1rem;
  font-size: 1rem;
}
h1,
h2,
h3 {
  margin: 0;
  color: var(--white);
  line-height: .98;
  letter-spacing: -.045em;
}
h1 {
  font-size: clamp(2.5rem,6.4vw,5.8rem);
}
h2 {
  font-size: clamp(1.8rem,3.8vw,3.6rem);
}
h3 {
  font-size: clamp(1.05rem,1.7vw,1.45rem);
}
.container {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(2,5,10,.72);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 14px 0;
}
.brand {
  display: inline-flex;
  align-items: center;
  min-width: 190px;
  background: #fff;
  border-radius: 18px;
  padding: 8px 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,.22);
}
.brand img {
  width: 220px;
  max-height: 46px;
  object-fit: contain;
}
.site-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
}
.nav-link {
  font-size: .86rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 10px 14px;
  border-radius: 999px;
  color: #cdd9e9;
  transition: .2s ease;
}
.nav-link:hover,
.nav-link.active {
  background: var(--orange);
  color: #160800;
}
.nav-toggle {
  display: none;
  appearance: none;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px;
  gap: 4px;
  flex-direction: column;
}
.nav-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  border-radius: 10px;
}
.hero {
  position: relative;
  padding: 84px 0 62px;
  min-height: calc(100vh - 82px);
  display: grid;
  align-items: center;
  overflow: hidden;
}
.hero-grid,
.page-hero-grid {
  display: grid;
  grid-template-columns: 1.08fr .72fr;
  gap: clamp(2rem,5vw,5rem);
  align-items: center;
}
.eyebrow,
.kicker {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--orange-2);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .76rem;
  font-weight: 900;
  margin-bottom: 1rem;
}
.eyebrow::before,
.kicker::before {
  content: "";
  width: 28px;
  height: 2px;
  background: var(--orange);
  display: inline-block;
  border-radius: 10px;
}
.mega-title {
  font-size: clamp(3.8rem,11vw,10rem);
  line-height: .76;
  text-transform: uppercase;
  font-weight: 1000;
  letter-spacing: -.11em;
  max-width: 900px;
  text-shadow: 0 24px 80px rgba(0,0,0,.32);
}
.mega-title span {
  color: var(--orange);
  letter-spacing: -.105em;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 48px;
  padding: 14px 21px;
  border-radius: 999px;
  border: 1px solid var(--line);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .88rem;
  transition: .2s ease;
  cursor: pointer;
}
.button.primary {
  background: var(--orange);
  color: #170900;
  border-color: var(--orange);
  box-shadow: 0 14px 40px rgba(var(--theme-accent-rgb),.25);
}
.button.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 60px rgba(var(--theme-accent-rgb),.36);
}
.mission-board,
.callout-card,
.data-card,
.content-panel,
.feature-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
  box-shadow: var(--shadow);
  padding: clamp(1.3rem,3vw,2.2rem);
  position: relative;
  overflow: hidden;
}
.mission-board::after,
.feature-card::after,
.content-panel::after,
.callout-card::after,
.data-card::after {
  content: "";
  position: absolute;
  inset: auto -30% -50% -30%;
  height: 150px;
  background: radial-gradient(ellipse, rgba(var(--theme-accent-rgb),.26), transparent 68%);
  pointer-events: none;
}
.route-orbit {
  position: absolute;
  right: -14vw;
  bottom: -26vw;
  width: 70vw;
  height: 70vw;
  border: 2px dashed rgba(255,255,255,.12);
  border-radius: 50%;
  z-index: -1;
  animation: spin 38s linear infinite;
}
.route-orbit::before {
  content: "";
  position: absolute;
  inset: 10%;
  border: 2px dashed rgba(var(--theme-accent-rgb),.22);
  border-radius: 50%;
}
.dot {
  position: absolute;
  width: 16px;
  height: 16px;
  background: var(--orange);
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(var(--theme-accent-rgb),.16);
}
.dot.one {
  top: 8%;
  left: 48%;
}
.dot.two {
  right: 12%;
  top: 44%;
  background: var(--navy-2);
}
.dot.three {
  bottom: 18%;
  left: 20%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.section {
  padding: clamp(64px,9vw,120px) 0;
}
.section.compact {
  padding: clamp(48px,6vw,80px) 0;
}
.section-heading {
  max-width: 820px;
  margin-bottom: 2rem;
}
.section-heading.narrow {
  max-width: 640px;
  text-align: center;
  margin-inline: auto;
}
.section-heading p {
  font-size: 1.1rem;
  color: #d9e5f4;
}
.cards-three {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.cards-four {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
}
.feature-card {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.feature-card h3 {
  margin-bottom: .8rem;
}
.feature-card p {
  color: #cfdae9;
}
.text-link {
  display: inline-flex;
  margin-top: 1rem;
  color: var(--orange-2);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .8rem;
}
.text-link:hover {
  color: #fff;
}
.orange-panel {
  background: linear-gradient(145deg, rgba(var(--theme-accent-rgb),.24), rgba(255,255,255,.055));
}
.check-list,
.legal-list {
  padding-left: 0;
  list-style: none;
  margin: 1rem 0 0;
}
.check-list li,
.legal-list li {
  position: relative;
  padding-left: 1.75rem;
  margin: .62rem 0;
  color: #dce8f5;
}
.check-list li::before,
.legal-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .64rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 5px rgba(var(--theme-accent-rgb),.16);
}
.map-section {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(var(--theme-accent-rgb),.05));
  border-block: 1px solid var(--line);
}
.process-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 14px;
  margin-top: 2rem;
}
.process-line::before {
  content: "";
  position: absolute;
  top: 38px;
  left: 7%;
  right: 7%;
  border-top: 2px dashed rgba(var(--theme-accent-rgb),.42);
}
.process-step {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(2,5,10,.72);
  padding: 20px;
  min-height: 210px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.process-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--orange);
  color: #170900;
  font-weight: 1000;
  margin-bottom: 2rem;
  box-shadow: 0 0 0 10px rgba(var(--theme-accent-rgb),.14);
}
.process-step h3 {
  font-size: 1.35rem;
  margin-bottom: .75rem;
}
.process-step p {
  font-size: .95rem;
  color: #bdcce0;
}
.dark-card-section {
  background: linear-gradient(160deg, rgba(7,50,111,.72), rgba(2,5,10,.35));
  border-block: 1px solid var(--line);
}
.page-hero {
  padding: clamp(70px,10vw,130px) 0 56px;
  position: relative;
  overflow: hidden;
}
.page-hero::after {
  content: "";
  position: absolute;
  right: -16vw;
  top: 24%;
  width: 50vw;
  height: 50vw;
  border: 2px dashed rgba(var(--theme-accent-rgb),.18);
  border-radius: 50%;
  z-index: -1;
}
.page-hero h1 {
  max-width: 850px;
}
.page-hero p {
  font-size: 1.05rem;
  max-width: 720px;
  color: #dce8f7;
}
.legal-hero {
  padding-bottom: clamp(14px,2vw,24px);
}
.legal-hero + .legal-section {
  padding-top: clamp(18px,2.4vw,32px);
}
.legal-content > p:first-child {
  margin-top: 0;
}
.callout-card h2 {
  color: var(--orange);
  font-size: clamp(1.8rem,3.8vw,3.6rem);
}
.data-card strong {
  font-size: clamp(1.6rem,4vw,3.6rem);
  display: block;
  color: var(--orange);
  line-height: .95;
  letter-spacing: -.05em;
}
.data-card span {
  display: block;
  margin-top: 1rem;
  color: #dce8f7;
}
.content-panel h2 {
  margin-bottom: 1.1rem;
}
.content-panel h3 {
  margin: 1.4rem 0 .4rem;
  font-size: 1.5rem;
}
.mission-vision {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.form-layout {
  position: relative;
  z-index: 50;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(1.5rem,4vw,3rem);
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 36px;
  padding: clamp(1.4rem,4vw,3rem);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}
.legal-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 2rem;
  align-items: start;
}
.legal-layout:has(> :only-child),
.legal-hero .page-hero-grid:has(> :only-child) {
  grid-template-columns: 1fr;
}
.legal-section {
  padding-top: clamp(28px,4vw,46px);
}
.legal-document-header {
  margin: 0 0 clamp(18px,2.5vw,28px);
  padding: clamp(18px,3vw,30px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.95));
  box-shadow: var(--premium-shadow);
}
.legal-document-header h1 {
  margin: 0;
}
.legal-document-header p {
  margin: 10px 0 0;
}
.legal-note {
  position: sticky;
  top: 110px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(var(--theme-accent-rgb),.1);
  padding: 20px;
}
.legal-note h2 {
  font-size: 1.6rem;
  margin-bottom: .8rem;
}
.legal-content {
  border: 1px solid var(--line);
  border-radius: 32px;
  background: rgba(255,255,255,.06);
  padding: clamp(1.4rem,4vw,3rem);
  box-shadow: var(--shadow);
}
.legal-content h2 {
  margin: 2.1rem 0 1rem;
}
.legal-content h2:first-child {
  margin-top: 0;
}
.legal-content h3 {
  margin: 1.5rem 0 .5rem;
}
.legal-list {
  margin-bottom: 1rem;
}
.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width:1000px) {
  .hero-grid,
  .page-hero-grid,
  .form-layout,
  .mission-vision {
    grid-template-columns: 1fr;
  }
  .cards-four {
    grid-template-columns: repeat(2,1fr);
  }
  .cards-three {
    grid-template-columns: 1fr 1fr;
  }
  .process-line {
    grid-template-columns: 1fr 1fr;
  }
  .process-line::before {
    display: none;
  }
  .legal-layout {
    grid-template-columns: 1fr;
  }
  .legal-note {
    position: relative;
    top: auto;
  }
  .brand img {
    width: 190px;
  }
}
@media (max-width:760px) {
  .site-nav {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 78px;
    display: grid;
    border-radius: 24px;
    padding: 12px;
    background: rgba(2,5,10,.96);
    box-shadow: var(--shadow);
    transform: translateY(-20px);
    opacity: 0;
    pointer-events: none;
    transition: .2s ease;
  }
  .site-nav.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .nav-link {
    padding: 14px;
  }
  .nav-toggle {
    display: flex;
  }
  .brand img {
    width: 178px;
  }
  .hero {
    padding-top: 56px;
    min-height: auto;
  }
  .mega-title {
    font-size: clamp(4.2rem,23vw,7rem);
  }
  .cards-three,
  .cards-four,
  .process-line {
    grid-template-columns: 1fr;
  }
  .form-layout {
  position: relative;
  z-index: 50;
    padding: 22px;
    border-radius: 28px;
  }
  .page-hero {
    padding-top: 54px;
  }
  .mission-board {
    margin-top: 1rem;
  }
  .route-orbit {
    display: none;
  }
}
.site-footer {
  border-top: 1px solid var(--line);
  background: rgba(0,0,0,.5);
  padding: 44px 0 24px;
}
.footer-logo {
  width: 230px;
  background: #fff;
  border-radius: 14px;
  padding: 10px;
  margin-bottom: 1rem;
}
.site-footer h3 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.site-footer a,
.site-footer span {
  display: block;
  color: #c9d7e8;
  margin: .45rem 0;
}
.site-footer a:hover {
  color: var(--orange-2);
}
.footer-bottom {
  border-top: 1px solid var(--line);
  margin-top: 2rem;
  padding-top: 1.2rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  color: #aebbd0;
}
@media (prefers-reduced-motion:reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}
.form-button-layout {
  align-items: center;
}
.popup-trigger {
  margin-top: 1.2rem;
}
.form-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.form-modal.open {
  opacity: 1;
  pointer-events: auto;
}
.form-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,5,10,.78);
  backdrop-filter: blur(10px);
}
.form-modal-panel {
  position: relative;
  width: min(940px,100%);
  max-height: min(88vh,860px);
  overflow: auto;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 34px;
  background: linear-gradient(160deg, rgba(5,17,38,.98), rgba(2,5,10,.98));
  box-shadow: 0 40px 120px rgba(0,0,0,.56);
  padding: clamp(1.2rem,4vw,2.3rem);
}
body.modal-open {
  overflow: hidden;
}
.form-modal .button {
  min-height: 54px;
}
@media (max-width:760px) {
  .form-modal {
    padding: 14px;
  }
  .form-modal-panel {
    border-radius: 24px;
    padding: 1rem;
  }
}
:root {
  --ink: #0d1424;
  --ink-2: #3d4a63;
  --ink-3: #8494af;
  --surface: #ffffff;
  --surface-2: #f4f7fc;
  --surface-3: #eaf0fb;
  --border: #dce5f5;
  --blue: var(--theme-accent);
  --blue-lt: var(--theme-accent);
  --blue-glow: rgba(var(--theme-accent-rgb),.15);
  --blue-bg: #eff4ff;
  --teal: #0d9488;
  --teal-bg: #f0fdfa;
  --amber: #d97706;
  --amber-bg: #fffbeb;
  --rose: #e11d48;
  --rose-bg: #fff1f2;
  --green: #059669;
  --green-bg: #ecfdf5;
  --white: #ffffff;
  --line: var(--border);
  --shadow-card: 0 2px 24px rgba(13,20,36,.08), 0 1px 4px rgba(13,20,36,.04);
  --shadow-blue: 0 8px 24px rgba(var(--theme-accent-rgb),.28);
  --shadow: var(--shadow-card);
  --radius: 20px;
  --orange: var(--blue);
  --orange-2: var(--blue-lt);
}
html {
  background: #f0f4fb;
}
body {
  background: #f0f4fb;
  color: var(--ink);
  font-family: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
}
body::before {
  background: radial-gradient(circle at 12% 10%, rgba(var(--theme-accent-rgb),.10), transparent 26rem), radial-gradient(circle at 88% 6%, rgba(13,148,136,.09), transparent 25rem), radial-gradient(circle at 70% 78%, rgba(217,119,6,.08), transparent 24rem), linear-gradient(180deg,#f7faff 0%,#f0f4fb 45%,#eef3fa 100%);
}
.page-noise {
  opacity: .42;
  background-image: linear-gradient(rgba(13,20,36,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,20,36,.035) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, black, transparent 92%);
}
body.modal-open {
  overflow: hidden;
}
a {
  color: inherit;
}
p {
  color: var(--ink-2);
  font-size: 1.04rem;
  line-height: 1.72;
}
h1,
h2,
h3 {
  font-family: "Outfit", sans-serif;
  color: var(--ink);
  letter-spacing: -.03em;
  line-height: 1.08;
}
h1 {
  font-size: clamp(2.4rem,5.2vw,5rem);
}
h2 {
  font-size: clamp(1.9rem,3.6vw,3.5rem);
}
h3 {
  font-size: clamp(1.15rem,1.7vw,1.55rem);
}
.mega-title {
  font-family: "Outfit", sans-serif;
  font-size: clamp(4rem,9.5vw,8.5rem);
  line-height: .8;
  color: var(--ink);
  text-shadow: none;
}
.mega-title span {
  color: var(--blue);
}
.container {
  width: min(1180px, calc(100% - 36px));
}
.site-header {
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(18px);
  border-bottom: 1.5px solid var(--border);
  box-shadow: 0 8px 28px rgba(13,20,36,.06);
}
.header-inner {
  padding: 13px 0;
}
.brand {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-card);
  min-width: 190px;
  padding: 8px 12px;
}
.brand img {
  width: 218px;
  max-height: 48px;
  object-fit: contain;
}
.site-nav {
  background: var(--surface);
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-card);
}
.nav-link {
  color: var(--ink-2);
  font-family: "Outfit",sans-serif;
  font-weight: 800;
  font-size: .84rem;
  letter-spacing: .06em;
}
.nav-link:hover,
.nav-link.active {
  background: linear-gradient(135deg,var(--blue-lt),var(--blue));
  color: #fff;
  box-shadow: var(--shadow-blue);
}
.nav-toggle {
  background: var(--surface);
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-card);
}
.nav-toggle span {
  background: var(--ink);
}
.hero {
  min-height: calc(100vh - 82px);
  padding: 86px 0 70px;
}
.page-hero {
  padding: clamp(70px,9vw,118px) 0 50px;
}
.page-hero::after,
.route-orbit {
  border-color: rgba(var(--theme-accent-rgb),.14);
}
.route-orbit::before {
  border-color: rgba(13,148,136,.16);
}
.dot {
  background: var(--blue);
  box-shadow: 0 0 0 10px rgba(var(--theme-accent-rgb),.12);
}
.dot.two {
  background: var(--teal);
}
.eyebrow,
.kicker {
  color: var(--blue);
  font-family: "Outfit",sans-serif;
  font-weight: 800;
  letter-spacing: .12em;
}
.eyebrow::before,
.kicker::before {
  background: var(--blue);
}
.page-hero p,
.section-heading p,
.content-panel p,
.data-card span,
.process-step p,
.feature-card p,
.legal-content p {
  color: var(--ink-2);
}
.button {
  border-radius: 14px;
  min-height: 52px;
  padding: 14px 22px;
  border: 1.5px solid var(--border);
  font-family: "Outfit",sans-serif;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .86rem;
}
.button.primary {
  background: linear-gradient(135deg,var(--blue-lt),var(--blue));
  border-color: transparent;
  color: #fff;
  box-shadow: var(--shadow-blue);
}
.button.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(var(--theme-accent-rgb),.36);
}
.mission-board,
.callout-card,
.data-card,
.content-panel,
.feature-card,
.form-layout,
.legal-content,
.legal-note,
.process-step,
.doc-card {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow-card);
  color: var(--ink);
}
.mission-board::after,
.feature-card::after,
.content-panel::after,
.callout-card::after,
.data-card::after {
  background: radial-gradient(ellipse,rgba(var(--theme-accent-rgb),.11),transparent 70%);
}
.footer-logo {
  background: #fff;
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-card);
}
.data-card strong,
.callout-card h2 {
  color: var(--blue);
}
.section {
  padding: clamp(58px,8vw,104px) 0;
}
.section.compact {
  padding: clamp(46px,5.5vw,72px) 0;
}
.map-section,
.dark-card-section,
.industries-section,
.cta-section {
  background: transparent;
  border: 0;
}
.feature-card,
.content-panel {
  min-height: auto;
}
.feature-card:hover,
.content-panel:hover,
.process-step:hover {
  border-color: rgba(var(--theme-accent-rgb),.35);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(var(--theme-accent-rgb),.10);
}
.text-link {
  color: var(--blue);
}
.text-link:hover {
  color: var(--teal);
}
.orange-panel {
  background: linear-gradient(145deg,var(--blue-bg),#fff);
}
.check-list li,
.legal-list li {
  color: var(--ink-2);
}
.check-list li::before,
.legal-list li::before {
  background: var(--blue);
  box-shadow: 0 0 0 5px rgba(var(--theme-accent-rgb),.12);
}
.process-line::before {
  border-top: 2px dashed rgba(var(--theme-accent-rgb),.26);
}
.process-step {
  background: var(--surface);
}
.process-step span {
  background: linear-gradient(135deg,var(--blue-lt),var(--blue));
  color: #fff;
  box-shadow: 0 0 0 10px rgba(var(--theme-accent-rgb),.10);
  font-family: "Outfit",sans-serif;
}
.form-layout {
  position: relative;
  z-index: 50;
  background: var(--surface);
  border-radius: 24px;
}
.form-modal-backdrop {
  background: rgba(13,20,36,.62);
  backdrop-filter: blur(10px);
}
.form-modal-panel {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(13,20,36,.24);
}
.legal-note {
  background: var(--blue-bg);
}
.site-footer {
  background: var(--ink);
  border-top: 0;
  color: #fff;
  padding: 46px 0 24px;
}
.site-footer p,
.site-footer a,
.site-footer span {
  color: rgba(255,255,255,.70);
}
.site-footer h3 {
  color: #fff;
  font-family: "Outfit",sans-serif;
}
.site-footer a:hover {
  color: #fff;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.10);
}
.service-enquiry-section {
  padding-top: clamp(46px,6vw,76px);
}
.service-enquiry-card {
  align-items: center;
}
.reveal {
  transition: opacity .55s ease, transform .55s ease;
}
@media (max-width:760px) {
  .site-nav {
    background: #fff;
    border: 1.5px solid var(--border);
  }
  .nav-link {
    color: var(--ink-2);
  }
  .mega-title {
    font-size: clamp(3.5rem,19vw,6.2rem);
  }
  h1 {
    font-size: clamp(2.05rem,11vw,3.4rem);
  }
  h2 {
    font-size: clamp(1.65rem,8vw,2.6rem);
  }
  .form-layout {
  position: relative;
  z-index: 50;
    border-radius: 20px;
  }
}
.form-button-layout {
  align-items: center;
}
.form-button-layout .button.primary.popup-trigger {
  margin-top: 1.25rem;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
}
.testimonial-card,
.vehicle-category-card {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow-card);
  padding: 24px;
}
.testimonial-card p {
  font-size: 1rem;
  color: var(--ink-2);
  margin-bottom: 1.2rem;
}
.testimonial-card strong {
  display: block;
  font-family: "Outfit",sans-serif;
  color: var(--ink);
  font-size: 1.05rem;
}
.testimonial-card span {
  display: block !important;
  color: var(--ink-3);
  font-size: .92rem;
  margin-top: 4px;
}
.vehicle-category-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.vehicle-category-card span {
  display: inline-flex !important;
  color: var(--blue);
  background: var(--blue-bg);
  border: 1.5px solid rgba(var(--theme-accent-rgb),.18);
  border-radius: 999px;
  padding: 7px 12px;
  margin-bottom: 16px;
  font-family: "Outfit",sans-serif;
  font-weight: 800;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.vehicle-category-card h3 {
  color: var(--ink);
  margin-bottom: .7rem;
}
.vehicle-category-card p {
  color: var(--ink-2);
  margin-bottom: 0;
}
.embedded-form-modal .iframe-panel {
  width: min(980px,calc(100vw - 32px));
  height: min(88vh,900px);
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
  background: #f0f4fb;
}
.embedded-form-modal .large-iframe-panel {
  width: min(1180px,calc(100vw - 24px));
  height: min(92vh,940px);
}
.embedded-form-frame {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #f0f4fb;
}
.form-button-layout {
  display: flex;
  justify-content: center;
  text-align: center;
}
.form-button-layout > div {
  width: 100%;
}
.form-button-layout h2 {
  max-width: 820px;
  margin-inline: auto;
  margin-bottom: 1.35rem;
}
.site-footer {
  background: var(--ink);
  border-top: 0;
  color: #fff;
  padding: 34px 0 18px;
}
.footer-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.footer-brand-block {
  max-width: 430px;
}
.footer-brand-block p {
  margin: 0;
  color: rgba(255,255,255,.70);
}
.footer-logo {
  width: 220px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 10px;
  margin: 0 0 12px;
  box-shadow: var(--shadow-card);
}
.footer-links-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-left: 32px;
}
.footer-company-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.site-footer a {
  display: inline-flex !important;
  color: rgba(255,255,255,.78);
  margin: 0 !important;
  align-items: center;
}
.site-footer a:hover {
  color: #fff;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 22px;
  padding-top: 16px;
  display: block;
  color: rgba(255,255,255,.66);
}
.footer-bottom span,
.footer-bottom #year {
  display: inline !important;
  margin: 0 !important;
  color: rgba(255,255,255,.72) !important;
}
.linkedin-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  justify-content: center;
  background: #0a66c2;
  color: #fff !important;
}
.linkedin-icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
}
.floating-back-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 80;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg,var(--blue-lt),var(--blue));
  color: #fff !important;
  font-family: "Outfit",sans-serif;
  font-size: .86rem;
  font-weight: 800;
  box-shadow: var(--shadow-blue);
}
.floating-back-top:hover {
  transform: translateY(-2px);
}
@media (max-width:980px) {
  .testimonial-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .vehicle-category-grid {
    grid-template-columns: 1fr;
  }
  .footer-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .footer-links-block {
    margin-left: 0;
  }
  .footer-company-row {
    gap: 12px;
  }
  .floating-back-top {
    right: 14px;
    bottom: 14px;
    padding: 11px 14px;
  }
}
@media (max-width:620px) {
  .testimonial-grid {
    grid-template-columns: 1fr;
  }
  .footer-company-row {
    gap: 10px;
  }
  .footer-company-row a {
    font-size: .92rem;
  }
  .embedded-form-modal .iframe-panel,
  .embedded-form-modal .large-iframe-panel {
    width: calc(100vw - 16px);
    height: 90vh;
  }
  .site-footer {
    padding-bottom: 76px;
  }
}
.linkedin-letters {
  font-family: "Outfit",sans-serif;
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1;
  color: #fff;
}
.header-inner {
  gap: 1.1rem;
}
.brand {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  min-width: 174px;
  padding: 7px 10px;
  border-radius: 14px;
}
.brand img {
  width: 150px;
  max-height: 36px;
  object-fit: contain;
}
.brand-tagline {
  display: block !important;
  margin: 0 !important;
  color: var(--ink-2) !important;
  font-family: "Outfit",sans-serif;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.1;
  white-space: nowrap;
}
.site-nav {
  margin-left: auto;
}
.vehicle-category-card {
  display: flex;
  flex-direction: column;
}
.vehicle-list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.vehicle-list li {
  position: relative;
  padding-left: 18px;
  color: var(--ink-2);
  font-size: .96rem;
  line-height: 1.35;
}
.vehicle-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .58em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 4px rgba(var(--theme-accent-rgb),.10);
}
.footer-topline {
  align-items: flex-start;
}
.footer-brand-block {
  max-width: 340px;
}
.footer-tagline {
  margin: 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-family: "Outfit",sans-serif;
  font-size: .95rem !important;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.4;
}
.footer-links-block {
  margin-left: auto;
  align-items: flex-end;
  min-width: max-content;
}
.footer-company-row {
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 15px;
}
.footer-company-row a {
  font-size: .95rem;
}
.footer-bottom {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 22px;
  padding-top: 16px;
}
.footer-bottom-links {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}
.footer-bottom-links a {
  display: inline-flex !important;
  margin: 0 !important;
}
.copyright-line {
  white-space: nowrap;
}
.linkedin-icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}
.linkedin-letters {
  font-size: .96rem;
}
.floating-back-top {
  width: 36px;
  height: 36px;
  padding: 0 !important;
  border-radius: 50%;
  right: 18px;
  bottom: 18px;
  font-size: 1rem;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.floating-back-top.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.floating-back-top:hover {
  transform: translateY(-2px);
}
.embedded-form-modal .iframe-panel {
  height: min(88vh,920px);
}
.embedded-form-modal .large-iframe-panel {
  height: min(92vh,960px);
}
@media (max-width:980px) {
  .footer-links-block {
    align-items: flex-start;
    min-width: 0;
  }
  .footer-company-row {
    flex-wrap: wrap;
    white-space: normal;
  }
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
  .footer-bottom-links {
    flex-wrap: wrap;
    white-space: normal;
  }
  .copyright-line {
    white-space: normal;
  }
}
@media (max-width:760px) {
  .brand img {
    width: 132px;
    max-height: 32px;
  }
  .brand-tagline {
    font-size: .55rem;
  }
  .site-nav {
    margin-left: 0;
  }
}
.footer-links-block {
  margin-left: auto !important;
  align-items: flex-end !important;
  min-width: 180px !important;
}
.footer-company-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
  white-space: normal !important;
}
.footer-company-row a {
  font-size: .96rem !important;
  line-height: 1.2 !important;
}
.footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.25rem !important;
}
.footer-bottom-links {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  white-space: nowrap !important;
  padding-right: 0 !important;
}
.linkedin-icon {
  position: relative !important;
  z-index: 2 !important;
}
.floating-back-top {
  width: 30px !important;
  height: 30px !important;
  right: 76px !important;
  bottom: 18px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
  transition: opacity .2s ease,visibility .2s ease,transform .2s ease !important;
  z-index: 70 !important;
}
.floating-back-top.visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.floating-back-top:hover {
  transform: translateY(-2px) !important;
}
.embedded-form-modal .iframe-panel {
  width: min(1040px,calc(100vw - 18px)) !important;
  height: 96vh !important;
  max-height: 1120px !important;
}
.embedded-form-modal .large-iframe-panel {
  width: min(1220px,calc(100vw - 16px)) !important;
  height: 96vh !important;
  max-height: 1180px !important;
}
.embedded-form-frame {
  height: 100% !important;
}
.testimonial-card {
  position: relative;
  padding: 76px 24px 24px !important;
}
@media (max-width:980px) {
  .footer-links-block {
    align-items: flex-start !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }
  .footer-company-row {
    align-items: flex-start !important;
  }
  .footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .footer-bottom-links {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
  .floating-back-top {
    right: 16px !important;
    bottom: 16px !important;
  }
}
@media (max-width:620px) {
  .embedded-form-modal .iframe-panel,
  .embedded-form-modal .large-iframe-panel {
    width: calc(100vw - 10px) !important;
    height: 96vh !important;
  }
  .site-footer {
    padding-bottom: 64px !important;
  }
}
.form-modal.embedded-form-modal {
  padding: 0 !important;
  display: block !important;
}
.form-modal.embedded-form-modal.open {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.form-modal.embedded-form-modal .form-modal-backdrop {
  background: #f0f4fb !important;
  backdrop-filter: none !important;
}
.form-modal.embedded-form-modal .form-modal-panel,
.form-modal.embedded-form-modal .iframe-panel,
.form-modal.embedded-form-modal .large-iframe-panel {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f0f4fb !important;
  box-shadow: none !important;
}
.form-modal.embedded-form-modal .embedded-form-frame {
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  border: 0 !important;
  display: block !important;
}
.floating-back-top {
  right: 10px !important;
  bottom: 88px !important;
  width: 32px !important;
  height: 32px !important;
  z-index: 9000 !important;
}
.footer-bottom-links {
  padding-right: 52px !important;
}
.footer-topline {
  align-items: center !important;
}
.footer-links-block {
  margin-left: auto !important;
  min-width: 0 !important;
  align-items: flex-end !important;
}
.footer-company-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 18px !important;
}
.footer-company-row a {
  display: inline-flex !important;
  font-size: .96rem !important;
  line-height: 1 !important;
}
@media (max-width:980px) {
  .footer-topline {
    align-items: flex-start !important;
  }
  .footer-links-block {
    align-items: flex-start !important;
    margin-left: 0 !important;
  }
  .footer-company-row {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
  .footer-bottom-links {
    padding-right: 0 !important;
  }
  .floating-back-top {
    right: 10px !important;
    bottom: 72px !important;
  }
}
@media (max-width:620px) {
  .floating-back-top {
    right: 8px !important;
    bottom: 72px !important;
  }
}
.form-modal.embedded-form-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.form-modal.embedded-form-modal.open {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.form-modal.embedded-form-modal .form-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(13,20,36,.46) !important;
  backdrop-filter: blur(8px) !important;
}
.form-modal.embedded-form-modal .form-modal-panel,
.form-modal.embedded-form-modal .iframe-panel,
.form-modal.embedded-form-modal .large-iframe-panel {
  position: relative !important;
  inset: auto !important;
  width: min(860px,calc(100vw - 36px)) !important;
  height: min(90vh,820px) !important;
  min-height: 0 !important;
  max-width: 860px !important;
  max-height: 820px !important;
  border-radius: 24px !important;
  border: 1.5px solid rgba(255,255,255,.72) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f0f4fb !important;
  box-shadow: 0 24px 80px rgba(13,20,36,.30) !important;
}
.form-modal.embedded-form-modal .large-iframe-panel {
  width: min(1120px,calc(100vw - 36px)) !important;
  height: min(92vh,900px) !important;
  max-width: 1120px !important;
  max-height: 900px !important;
}
.form-modal.embedded-form-modal .embedded-form-frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  display: block !important;
  background: #f0f4fb !important;
}
.footer-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}
.footer-links-block {
  margin-left: auto !important;
  min-width: 0 !important;
  align-items: flex-end !important;
}
.footer-company-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  text-align: right !important;
}
.footer-company-row a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.floating-back-top {
  right: 10px !important;
  bottom: 88px !important;
}
.footer-bottom-links {
  padding-right: 0 !important;
}
@media (max-width:980px) {
  .footer-topline {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .footer-links-block {
    align-items: flex-start !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  .footer-company-row {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    text-align: left !important;
    gap: 14px 18px !important;
  }
}
@media (max-width:620px) {
  .form-modal.embedded-form-modal {
    padding: 10px !important;
  }
  .form-modal.embedded-form-modal .form-modal-panel,
  .form-modal.embedded-form-modal .iframe-panel,
  .form-modal.embedded-form-modal .large-iframe-panel {
    width: calc(100vw - 20px) !important;
    height: 92vh !important;
    max-height: none !important;
    border-radius: 18px !important;
  }
  .floating-back-top {
    right: 8px !important;
    bottom: 72px !important;
  }
}
.form-modal.embedded-form-modal .form-modal-panel,
.form-modal.embedded-form-modal .iframe-panel {
  width: min(780px,calc(100vw - 36px)) !important;
  height: min(88vh,780px) !important;
  max-width: 780px !important;
  max-height: 780px !important;
}
.form-modal.embedded-form-modal .large-iframe-panel {
  width: min(1120px,calc(100vw - 36px)) !important;
  height: min(92vh,900px) !important;
  max-width: 1120px !important;
  max-height: 900px !important;
}
.form-modal.embedded-form-modal .embedded-form-frame {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.footer-topline {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 32px !important;
}
.footer-links-block {
  margin-left: auto !important;
  align-items: flex-start !important;
  text-align: left !important;
  min-width: 180px !important;
}
.footer-company-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  white-space: normal !important;
  text-align: left !important;
}
.footer-company-row a {
  justify-content: flex-start !important;
  text-align: left !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width:980px) {
  .footer-topline {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .footer-links-block {
    margin-left: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .footer-company-row {
    gap: 9px !important;
  }
}
@media (max-width:620px) {
  .form-modal.embedded-form-modal .form-modal-panel,
  .form-modal.embedded-form-modal .iframe-panel,
  .form-modal.embedded-form-modal .large-iframe-panel {
    width: calc(100vw - 20px) !important;
    height: 90vh !important;
    max-height: none !important;
  }
}
#career-application-modal.form-modal.embedded-form-modal,
#customer-enquiry-modal.form-modal.embedded-form-modal,
#vendor-onboarding-modal.form-modal.embedded-form-modal {
  padding: 12px !important;
}
#career-application-modal.form-modal.embedded-form-modal .iframe-panel,
#customer-enquiry-modal.form-modal.embedded-form-modal .iframe-panel,
#vendor-onboarding-modal.form-modal.embedded-form-modal .iframe-panel {
  width: min(840px,calc(100vw - 24px)) !important;
  height: calc(100vh - 24px) !important;
  max-width: 840px !important;
  max-height: none !important;
  border-radius: 22px !important;
}
@media (max-width:620px) {
  #career-application-modal.form-modal.embedded-form-modal,
  #customer-enquiry-modal.form-modal.embedded-form-modal,
  #vendor-onboarding-modal.form-modal.embedded-form-modal {
    padding: 6px !important;
  }
  #career-application-modal.form-modal.embedded-form-modal .iframe-panel,
  #customer-enquiry-modal.form-modal.embedded-form-modal .iframe-panel,
  #vendor-onboarding-modal.form-modal.embedded-form-modal .iframe-panel {
    width: calc(100vw - 12px) !important;
    height: calc(100vh - 12px) !important;
    border-radius: 16px !important;
  }
}
.capability-grid .feature-card {
  min-height: 220px;
}
.capability-grid .feature-card h3 {
  margin-bottom: .75rem;
}
.capability-grid .feature-card p {
  color: var(--ink-2) !important;
}
.faq-list {
  display: grid;
  gap: 12px;
}
.faq-list details {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-card);
  padding: 0;
  overflow: hidden;
}
.faq-list summary {
  cursor: pointer;
  list-style: none;
  font-family: "Outfit",sans-serif;
  font-weight: 850;
  color: var(--ink);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list summary::after {
  content: "+";
  width: 26px;
  height: 26px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--blue-bg);
  color: var(--blue);
  font-weight: 900;
  flex: 0 0 auto;
}
.faq-list details[open] summary::after {
  content: "−";
}
.faq-list p {
  padding: 0 20px 18px;
  margin: 0;
  color: var(--ink-2);
}
@media (max-width:980px) {
  .capability-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
}
@media (max-width:620px) {
  .capability-grid {
    grid-template-columns: 1fr !important;
  }
  .capability-grid .feature-card {
    min-height: auto;
  }
}
.contact-full-window {
  min-height: calc(100vh - 82px);
  padding: clamp(52px,7vw,88px) 0 clamp(64px,8vw,96px);
}
.contact-window-inner {
  max-width: 1120px;
}
.contact-window-intro {
  text-align: center;
  max-width: 980px;
  margin: 0 auto 28px;
}
.contact-window-intro h1 {
  color: var(--ink);
  font-size: clamp(2.4rem,5vw,5rem);
  margin-bottom: 18px;
}
.contact-window-intro p {
  color: var(--ink-2);
  font-size: clamp(1rem,1.6vw,1.22rem);
  max-width: 920px;
  margin: 0 auto;
}
.contact-form-body {
  width: 100%;
  min-height: 0;
  border: 1px solid var(--border);
  border-radius: 28px;
  overflow: hidden;
  background: #f0f4fb;
  box-shadow: var(--shadow-card);
}
.contact-body-frame {
  width: 100%;
  height: 560px;
  border: 0;
  display: block;
  background: #f0f4fb;
}
.contact-details-after-form {
  margin: 28px auto 0;
  padding: clamp(1.4rem,3vw,2rem);
  border: 1px solid var(--border);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow-card);
  text-align: left;
}
.contact-details-after-form h2 {
  color: var(--ink);
  font-size: clamp(1.6rem,3vw,2.6rem);
  margin-bottom: 10px;
}
.contact-info-columns {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: clamp(1rem,3vw,2rem);
  align-items: start;
}
.contact-info-item {
  text-align: left;
}
.contact-info-item h3 {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 8px;
}
.contact-info-item p {
  color: var(--ink-2);
  margin-bottom: 0;
}
.contact-details-after-form a {
  color: var(--blue);
  font-weight: 800;
}
@media (max-width:760px) {
  .contact-full-window {
    padding-top: 36px;
  }
  .contact-form-body {
    border-radius: 18px;
    min-height: 0;
  }
  .contact-body-frame {
    height: 700px;
  }
  .contact-info-columns {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
.careers-hero.full-window-heading {
  min-height: auto;
  display: block;
  align-items: initial;
  padding: clamp(52px,7vw,88px) 0 clamp(12px,2vw,24px);
}
.careers-hero.full-window-heading .page-hero-grid {
  grid-template-columns: 1fr;
  width: 100%;
  text-align: center;
  justify-items: center;
}
.careers-hero.full-window-heading .reveal {
  max-width: 980px;
  margin: 0 auto;
}
.careers-hero.full-window-heading h1 {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.careers-hero.full-window-heading p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.career-full-section {
  width: 100%;
  padding: clamp(20px,3vw,36px) 0;
}
.career-no-gap {
  margin-top: 0;
  margin-bottom: 0;
}
.careers-hero.full-window-heading + .career-full-section {
  padding-top: 0;
}
.career-full-section + .career-full-section,
.career-full-section + .cta-section {
  padding-top: 0;
}
.career-full-section .container,
.cta-section.career-no-gap .container {
  max-width: none;
  width: 100%;
  padding-left: clamp(20px,5vw,72px);
  padding-right: clamp(20px,5vw,72px);
}
.career-full-section .section-heading {
  max-width: 980px;
  margin: 0 auto 1.25rem;
  text-align: center;
}
.career-full-section .section-heading h2,
.career-full-section .section-heading p {
  margin-left: auto;
  margin-right: auto;
}
#openings.career-full-section .section-heading {
  margin-bottom: 0;
}
#openings.career-full-section .section-heading p {
  margin-top: .5rem;
}
.cta-section.career-no-gap {
  padding-top: clamp(18px,2.5vw,32px);
}
.careers-hero.full-window-heading .container {
  max-width: none;
  width: 100%;
  padding-left: clamp(20px,5vw,72px);
  padding-right: clamp(20px,5vw,72px);
}
.career-apply-button {
  margin-top: 18px;
}
#openings.career-full-section {
  padding-bottom: clamp(28px,4vw,48px);
}
.careers-hero.full-window-heading h1 {
  white-space: nowrap;
  max-width: none;
}
@media (max-width:900px) {
  .careers-hero.full-window-heading h1 {
    white-space: normal;
  }
}
body.spacing-tight .hero.data-hero {
  min-height: auto;
  padding: clamp(48px,6vw,76px) 0 clamp(28px,4vw,48px);
}
body.spacing-tight .page-hero:not(.careers-hero) {
  padding: clamp(46px,6vw,76px) 0 clamp(22px,3vw,36px);
}
body.spacing-tight main > .section:not(.career-full-section) {
  padding-top: clamp(30px,4.2vw,54px);
  padding-bottom: clamp(30px,4.2vw,54px);
}
body.spacing-tight main > .section.compact:not(.career-full-section) {
  padding-top: clamp(24px,3.4vw,42px);
  padding-bottom: clamp(24px,3.4vw,42px);
}
body.spacing-tight .page-hero:not(.careers-hero) + .section,
body.spacing-tight .hero.data-hero + .section {
  padding-top: clamp(24px,3.5vw,42px);
}
body.spacing-tight main > .section + .section:not(.career-full-section) {
  padding-top: clamp(24px,3.6vw,44px);
}
body.spacing-tight .section-heading {
  margin-bottom: 1.25rem;
}
body.spacing-tight .process-line {
  margin-top: 1.25rem;
}
body.spacing-tight .cards-three,
body.spacing-tight .cards-four,
body.spacing-tight .vehicle-category-grid {
  gap: clamp(14px,2.4vw,24px);
}
@media (max-width:760px) {
  body.spacing-tight .hero.data-hero,
  body.spacing-tight .page-hero:not(.careers-hero) {
    padding-top: 34px;
    padding-bottom: 24px;
  }
  body.spacing-tight main > .section:not(.career-full-section),
  body.spacing-tight main > .section.compact:not(.career-full-section) {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
body.spacing-tight main > section:empty,
body.spacing-tight main > .section:empty {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.spacing-tight .hero.data-hero {
  padding-top: clamp(34px,4.5vw,58px) !important;
  padding-bottom: clamp(18px,2.8vw,32px) !important;
}
body.spacing-tight .page-hero:not(.careers-hero) {
  padding-top: clamp(34px,4.5vw,58px) !important;
  padding-bottom: clamp(18px,2.8vw,32px) !important;
}
body.spacing-tight main > .section:not(.career-full-section) {
  padding-top: clamp(18px,2.8vw,34px) !important;
  padding-bottom: clamp(18px,2.8vw,34px) !important;
}
body.spacing-tight main > .section.compact:not(.career-full-section) {
  padding-top: clamp(14px,2.2vw,28px) !important;
  padding-bottom: clamp(14px,2.2vw,28px) !important;
}
body.spacing-tight main > .section + .section:not(.career-full-section),
body.spacing-tight .page-hero:not(.careers-hero) + .section,
body.spacing-tight .hero.data-hero + .section {
  padding-top: clamp(14px,2.2vw,28px) !important;
}
body.spacing-tight .section-heading {
  margin-bottom: 1rem !important;
}
body.spacing-tight .page-hero-grid:has(> :only-child),
body.spacing-tight .service-hero .page-hero-grid,
body.spacing-tight .vendor-hero .page-hero-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
@media (max-width:760px) {
  body.spacing-tight .hero.data-hero,
  body.spacing-tight .page-hero:not(.careers-hero),
  body.spacing-tight main > .section:not(.career-full-section),
  body.spacing-tight main > .section.compact:not(.career-full-section) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}
body.page-vendor .vendor-hero,
body.page-vendor .vehicle-category-section,
body.page-vendor .source-detail-section,
body.page-vendor .map-section {
  width: 100%;
}
body.page-vendor .vendor-hero .container,
body.page-vendor .vehicle-category-section .container,
body.page-vendor .source-detail-section .container,
body.page-vendor .map-section .container {
  width: min(1480px, calc(100% - 32px));
  max-width: none;
}
body.page-vendor .vendor-hero .page-hero-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center;
  text-align: center;
}
body.page-vendor .vendor-hero .reveal {
  width: 100%;
  max-width: 1040px;
  margin-inline: auto;
  text-align: center;
}
body.page-vendor .vendor-hero h1,
body.page-vendor .vendor-hero p {
  margin-left: auto;
  margin-right: auto;
}
body.page-vendor .vehicle-category-section .section-heading,
body.page-vendor .source-detail-section .section-heading,
body.page-vendor .map-section .section-heading {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.page-vendor .vehicle-category-section .section-heading h2,
body.page-vendor .source-detail-section .section-heading h2,
body.page-vendor .source-detail-section .section-heading p,
body.page-vendor .map-section .section-heading h2,
body.page-vendor .map-section .section-heading p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
body.page-vendor .vendor-hero .eyebrow,
body.page-vendor .vehicle-category-section .eyebrow,
body.page-vendor .source-detail-section .eyebrow,
body.page-vendor .map-section .eyebrow {
  justify-content: center;
}
body.page-vendor .vehicle-category-grid,
body.page-vendor .source-detail-section .cards-four,
body.page-vendor .process-line {
  width: 100%;
}
body.page-vendor .source-detail-section .feature-card,
body.page-vendor .process-step {
  text-align: center;
  align-items: center;
}
body.page-vendor .source-detail-section .feature-card .kicker,
body.page-vendor .process-step span {
  justify-content: center;
}
body.page-vendor .vehicle-category-card {
  align-items: center;
  text-align: center;
}
body.page-vendor .vehicle-list {
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (max-width:980px) {
  body.page-vendor .vendor-hero .container,
  body.page-vendor .vehicle-category-section .container,
  body.page-vendor .source-detail-section .container,
  body.page-vendor .map-section .container {
    width: calc(100% - 24px);
  }
  body.page-vendor .source-detail-section .cards-four,
  body.page-vendor .vehicle-category-grid,
  body.page-vendor .process-line {
    grid-template-columns: 1fr !important;
  }
}
body.page-vendor .map-section .process-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
body.page-vendor .map-section .process-step span {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:980px) {
  body.page-vendor .map-section .process-line::before {
    display: none;
  }
}
body.page-vendor .vendor-hero h1 {
  max-width: 980px;
  font-size: clamp(2.15rem,4.6vw,4.55rem);
}
body.page-vendor .vendor-hero h1 .hero-title-line {
  white-space: nowrap;
}
@media (max-width:640px) {
  body.page-vendor .vendor-hero h1 {
    font-size: clamp(1.45rem,7.1vw,2.25rem);
  }
}
body.page-vendor .vendor-single-panel {
  width: min(1480px, calc(100% - 32px));
  max-width: none;
  display: grid;
  grid-template-columns: minmax(280px, 900px);
  justify-content: center;
  margin-inline: auto;
}
body.page-vendor .vendor-single-panel .content-panel {
  text-align: center;
}
body.page-vendor .vendor-single-panel .check-list {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (max-width:980px) {
  body.page-vendor .vendor-single-panel {
    width: calc(100% - 24px);
    grid-template-columns: 1fr;
  }
}
body.page-vendor .vendor-single-panel .content-panel {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.page-vendor .vendor-single-panel .content-panel::after {
  display: none !important;
}
body.page-services .service-hero,
body.page-services .source-detail-section,
body.page-services .industries-section,
body.page-services .faq-section,
body.page-services .service-enquiry-section {
  width: 100%;
}
body.page-services .service-hero .container,
body.page-services .section > .container {
  width: min(1480px, calc(100% - 32px));
  max-width: none;
}
body.page-services .service-hero .page-hero-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center;
  gap: 0 !important;
  text-align: center;
}
body.page-services .service-hero .reveal,
body.page-services .service-hero h1,
body.page-services .service-hero p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.page-services .service-hero .reveal {
  max-width: 1060px;
  width: 100%;
}
body.page-services .service-hero .eyebrow,
body.page-services .industries-section .eyebrow,
body.page-services .source-detail-section .eyebrow {
  justify-content: center;
}
body.page-services .industries-section .section-heading,
body.page-services .source-detail-section .section-heading {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.page-services .industries-section .section-heading h2,
body.page-services .industries-section .section-heading p,
body.page-services .source-detail-section .section-heading h2,
body.page-services .source-detail-section .section-heading p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
body.page-services #service-capabilities .capability-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  width: 100%;
}
body.page-services #service-capabilities .feature-card {
  text-align: center;
  align-items: center;
}
body.page-services #service-capabilities .feature-card .kicker {
  justify-content: center;
}
@media (max-width:980px) {
  body.page-services .service-hero .container,
  body.page-services .section > .container {
    width: calc(100% - 24px);
  }
  body.page-services #service-capabilities .capability-grid {
    grid-template-columns: 1fr !important;
  }
}
body.page-services .service-hero .reveal {
  max-width: 1240px;
}
body.page-services .service-hero h1.services-hero-title {
  font-size: clamp(2.05rem,4.15vw,4rem);
  line-height: 1.06;
  max-width: 1240px;
}
body.page-services .service-hero h1.services-hero-title .title-line {
  display: block;
  white-space: nowrap;
}
@media (max-width:760px) {
  body.page-services .service-hero h1.services-hero-title {
    font-size: clamp(1.72rem,7.6vw,2.8rem);
  }
}
@media (max-width:420px) {
  body.page-services .service-hero h1.services-hero-title {
    font-size: 1.58rem;
  }
}
:root {
  --site-h1-size: clamp(2.05rem,4.15vw,4rem);
  --site-h2-size: clamp(1.55rem,2.7vw,2.35rem);
  --site-h3-size: clamp(1.05rem,1.45vw,1.32rem);
}
body h1,
body .page-hero h1,
body .contact-window-intro h1,
body.page-services .service-hero h1.services-hero-title,
body.page-vendor .vendor-hero h1,
body .mega-title {
  font-size: var(--site-h1-size) !important;
  line-height: 1.06 !important;
  letter-spacing: -.04em !important;
}
body h2,
body .section-heading h2,
body .callout-card h2,
body .content-panel h2,
body .contact-details-after-form h2,
body .legal-content h2,
body .legal-note h2 {
  font-size: var(--site-h2-size) !important;
  line-height: 1.1 !important;
  letter-spacing: -.03em !important;
}
body h3,
body .feature-card h3,
body .process-step h3,
body .contact-info-item h3,
body .site-footer h3 {
  font-size: var(--site-h3-size) !important;
  line-height: 1.18 !important;
}
body.page-services .service-hero h1.services-hero-title .title-line,
body.page-vendor .vendor-hero h1 .hero-title-line {
  white-space: nowrap;
}
@media (max-width:760px) {
  :root {
    --site-h1-size: clamp(1.72rem,7.6vw,2.8rem);
    --site-h2-size: clamp(1.38rem,6.2vw,2.05rem);
    --site-h3-size: clamp(1rem,4.8vw,1.22rem);
  }
}
@media (max-width:420px) {
  :root {
    --site-h1-size: 1.58rem;
  }
  body.page-services .service-hero h1.services-hero-title .title-line,
  body.page-vendor .vendor-hero h1 .hero-title-line {
    white-space: normal;
  }
}
:root {
  --site-content-size: 1rem;
  --site-content-small-size: .94rem;
  --site-content-label-size: .84rem;
  --site-content-button-size: .86rem;
}
body,
body p,
body li,
body .page-hero p,
body .section-heading p,
body .contact-window-intro p,
body .content-panel p,
body .feature-card p,
body .process-step p,
body .callout-card p,
body .legal-content p,
body .legal-note p,
body .testimonial-card p,
body .vehicle-category-card p,
body .contact-info-item p,
body .site-footer p {
  font-size: var(--site-content-size) !important;
  line-height: 1.65 !important;
}
body .button,
body button,
body .floating-back-top {
  font-size: var(--site-content-button-size) !important;
}
body .nav-link,
body .vehicle-category-card span,
body .eyebrow,
body .kicker {
  font-size: var(--site-content-label-size) !important;
}
body .data-card span,
body .testimonial-card span,
body .vehicle-list li,
body .site-footer a,
body .site-footer span,
body .footer-company-row a {
  font-size: var(--site-content-small-size) !important;
  line-height: 1.45 !important;
}
@media (max-width:760px) {
  :root {
    --site-content-size: .98rem;
    --site-content-small-size: .92rem;
  }
}
:root {
  --site-section-heading-size: clamp(1.55rem,2.7vw,2.35rem);
  --site-section-heading-line-height: 1.1;
}
body main section h2,
body .section-heading h2,
body .career-full-section .section-heading h2,
body .contact-details-after-form h2,
body .legal-content h2,
body .legal-note h2,
body .content-panel h2,
body .callout-card h2,
body.page-services .source-detail-section .section-heading h2,
body.page-services .industries-section .section-heading h2,
body.page-vendor .vendor-single-panel h2,
body.page-vendor .vehicle-category-section .section-heading h2,
body.page-vendor .source-detail-section .section-heading h2,
body.page-vendor .map-section .section-heading h2 {
  font-size: var(--site-section-heading-size) !important;
  line-height: var(--site-section-heading-line-height) !important;
  letter-spacing: -.03em !important;
}
body main section h2.sr-only {
  font-size: 1px !important;
  line-height: 1 !important;
}
@media (max-width:760px) {
  :root {
    --site-section-heading-size: clamp(1.38rem,6.2vw,2.05rem);
  }
}
:root {
  --site-final-page-heading-size: clamp(2.05rem,4.15vw,4rem);
  --site-final-section-heading-size: clamp(1.85rem,3.25vw,2.85rem);
  --site-final-heading-size: clamp(1.45rem,2.25vw,2.05rem);
  --site-final-subheading-size: clamp(1.02rem,1.45vw,1.28rem);
}
body h1,
body .page-hero h1,
body .contact-window-intro h1,
body.page-services .service-hero h1.services-hero-title,
body.page-vendor .vendor-hero h1,
body .mega-title {
  font-size: var(--site-final-page-heading-size) !important;
  line-height: 1.06 !important;
  letter-spacing: -.04em !important;
}
body main section > .container > h2,
body main section > .container > .section-heading h2,
body .section-heading h2,
body .career-full-section .section-heading h2,
body .contact-details-after-form h2,
body .legal-content h2,
body .legal-note h2,
body .content-panel h2,
body .callout-card h2,
body.page-services .source-detail-section .section-heading h2,
body.page-services .industries-section .section-heading h2,
body.page-vendor .vendor-single-panel h2,
body.page-vendor .vehicle-category-section .section-heading h2,
body.page-vendor .source-detail-section .section-heading h2,
body.page-vendor .map-section .section-heading h2 {
  font-size: var(--site-final-section-heading-size) !important;
  line-height: 1.1 !important;
  letter-spacing: -.03em !important;
}
body h2:not(.sr-only) {
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
body .feature-card h2,
body .form-layout h2 {
  font-size: var(--site-final-heading-size) !important;
}
body h3,
body .feature-card h3,
body .process-step h3,
body .contact-info-item h3,
body .site-footer h3,
body .legal-content h3 {
  font-size: var(--site-final-subheading-size) !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}
body main section h2.sr-only {
  font-size: 1px !important;
  line-height: 1 !important;
}
@media (max-width:760px) {
  :root {
    --site-final-page-heading-size: clamp(1.72rem,7.6vw,2.8rem);
    --site-final-section-heading-size: clamp(1.55rem,6.4vw,2.2rem);
    --site-final-heading-size: clamp(1.32rem,5.4vw,1.9rem);
    --site-final-subheading-size: clamp(1rem,4.6vw,1.18rem);
  }
}
@media (max-width:420px) {
  :root {
    --site-final-page-heading-size: 1.58rem;
    --site-final-section-heading-size: 1.52rem;
  }
}
.justify-copy,
body.page-vendor .vendor-hero p,
body.page-vendor .vendor-single-panel .content-panel p,
body.page-services .service-hero p,
body.page-services #service-capabilities .section-heading p {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: justify !important;
  text-align-last: center;
  text-justify: inter-word;
}
body.page-services #service-capabilities .section-heading h2,
body.page-services .industries-section .section-heading h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width:760px) {
  .justify-copy,
  body.page-vendor .vendor-hero p,
  body.page-vendor .vendor-single-panel .content-panel p,
  body.page-services .service-hero p,
  body.page-services #service-capabilities .section-heading p {
    text-align: center !important;
    text-align-last: center;
  }
}
.balanced-two-line {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-align-last: center !important;
}
.balanced-two-line span {
  display: block;
}
@media (max-width:760px) {
  .balanced-two-line span {
    display: inline;
  }
  .balanced-two-line span + span::before {
    content: " ";
  }
}
body.page-home .mega-title {
  font-size: clamp(4.5rem,10.4vw,9.5rem) !important;
  line-height: .77 !important;
  letter-spacing: -.105em !important;
}
body.page-home .mega-title span {
  letter-spacing: -.1em !important;
}
body.page-services .industries-section .section-heading h2.single-line-service-heading {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(1.65rem,2.65vw,2.45rem) !important;
  line-height: 1.08 !important;
}
@media (max-width:760px) {
  body.page-home .mega-title {
    font-size: clamp(4.2rem,23vw,7rem) !important;
    line-height: .78 !important;
  }
  body.page-services .industries-section .section-heading h2.single-line-service-heading {
    white-space: normal !important;
    font-size: clamp(1.36rem,6vw,1.82rem) !important;
  }
}
:root {
  --surface: #ffffff;
  --surface-2: #f8fbff;
  --surface-3: #f3f7ff;
  --border: #edf2fa;
  --line: #edf2fa;
  --shadow-card: 0 6px 18px rgba(13,20,36,.045);
  --shadow: var(--shadow-card);
}
html,
body {
  background: #f7faff !important;
}
body::before {
  background: linear-gradient(180deg,#ffffff 0%,#f7faff 50%,#f3f7fd 100%) !important;
}
.page-noise,
.route-orbit,
.route-orbit::before,
.dot {
  display: none !important;
}
.mission-board::after,
.feature-card::after,
.content-panel::after,
.callout-card::after,
.data-card::after {
  display: none !important;
}
.mission-board,
.callout-card,
.data-card,
.content-panel,
.feature-card,
.form-layout,
.legal-content,
.legal-note,
.process-step,
.doc-card,
.testimonial-card,
.vehicle-category-card {
  background: #ffffff !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-card) !important;
}
.site-header,
.site-nav,
.brand,
.footer-logo {
  box-shadow: 0 4px 16px rgba(13,20,36,.04) !important;
}
.feature-card:hover,
.content-panel:hover,
.process-step:hover {
  transform: none !important;
  box-shadow: 0 8px 22px rgba(var(--theme-accent-rgb),.055) !important;
}
.testimonial-card {
  padding: 24px !important;
}
.testimonial-initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--blue-bg);
  color: var(--blue);
  font-family: "Outfit",sans-serif;
  font-size: .9rem;
  font-weight: 900;
  margin-bottom: 16px;
  border: 1px solid rgba(var(--theme-accent-rgb),.12);
}
.site-footer .footer-logo {
  box-shadow: none !important;
}
@media (max-width:760px) {
  .testimonial-card {
    padding: 20px !important;
  }
}
body .contact-details-after-form h2.contact-company-heading {
  font-size: var(--site-final-subheading-size) !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  margin-bottom: 14px !important;
}
body .contact-window-intro h1 {
  margin-top: 0 !important;
}
body .page-hero .page-hero-grid > .reveal > h1:first-child,
body .contact-window-intro > h1:first-child {
  margin-top: 0 !important;
}
body .page-hero.service-hero,
body .page-hero.vendor-hero,
body .page-hero.careers-hero {
  padding-top: clamp(48px,7vw,92px) !important;
}
body .contact-full-window {
  padding-top: clamp(38px,5.5vw,70px) !important;
}
@media (max-width:760px) {
  body .page-hero.service-hero,
  body .page-hero.vendor-hero,
  body .page-hero.careers-hero {
    padding-top: 38px !important;
  }
  body .contact-full-window {
    padding-top: 34px !important;
  }
}
body.page-home .faq-section .section-heading {
  text-align: left;
}
body.page-home .faq-section .faq-list {
  max-width: 900px;
}
body.page-services .services-showcase {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.page-services .services-showcase .section-heading {
  text-align: center;
  margin-inline: auto;
}
.service-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(18px,2.4vw,28px);
  align-items: stretch;
  margin-top: clamp(24px,4vw,44px);
}
.service-showcase-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.service-showcase-card {
  flex: 1;
  border: 1px solid rgba(var(--theme-accent-rgb),.16);
  border-radius: 30px;
  padding: clamp(20px,2.2vw,28px);
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94));
  box-shadow: 0 12px 30px rgba(var(--theme-accent-rgb),.065);
  color: #122033;
}
.service-showcase-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.service-showcase-card .service-index {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg,var(--blue),var(--orange));
  box-shadow: 0 10px 20px rgba(var(--theme-accent-rgb),.16);
}
.service-showcase-card .kicker {
  text-align: right;
  color: var(--blue);
}
.service-showcase-card h2 {
  font-size: clamp(1.55rem,2vw,2rem);
  line-height: 1.1;
  margin-bottom: 12px;
  color: #122033;
}
.service-showcase-card h3 {
  font-size: 1.05rem;
  color: #122033;
  margin: 18px 0 10px;
}
.service-showcase-card p,
.service-showcase-card span,
.service-showcase-card li {
  color: #4f6075;
}
@media (max-width:1000px) {
  .service-showcase-grid {
    grid-template-columns: 1fr;
    max-width: 720px;
    margin-inline: auto;
  }
  body.page-home .faq-section .section-heading {
    text-align: center;
  }
  .service-showcase-card .kicker {
    text-align: left;
  }
}
@media (max-width:620px) {
  .service-showcase-top {
    align-items: flex-start;
    flex-direction: column;
  }
}
.home-services-showcase .section-heading {
  text-align: center;
  margin-inline: auto;
}
.home-service-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(18px,2.4vw,28px);
  margin-top: clamp(24px,4vw,42px);
}
.home-service-item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.home-service-card {
  flex: 1;
  border: 1px solid rgba(var(--theme-accent-rgb),.15);
  border-radius: 28px;
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94));
  padding: clamp(20px,2.2vw,28px);
  box-shadow: 0 12px 28px rgba(var(--theme-accent-rgb),.06);
}
.home-service-card h3 {
  color: #122033;
  margin: .45rem 0 .8rem;
}
.home-service-card p {
  color: #4f6075;
}
.home-service-card .text-link {
  margin-top: 1.1rem;
}
@media (max-width:1000px) {
  .home-service-grid {
    grid-template-columns: 1fr;
    max-width: 720px;
    margin-inline: auto;
  }
}
.logistics-solution-grid {
  align-items: stretch;
}
.logistics-solution-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.logistics-solution-card h2 {
  margin-bottom: 0;
}
.logistics-solution-card > p:not(.service-commitment) {
  margin: 0;
}
.service-commitment {
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 7px 12px;
  margin: 0;
  background: rgba(var(--theme-accent-rgb),.10);
  border: 1px solid rgba(var(--theme-accent-rgb),.18);
  color: #a34a00 !important;
  font-weight: 900;
  font-size: .84rem;
}
.service-info-block {
  padding: 14px 15px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(var(--theme-accent-rgb),.12);
  box-shadow: 0 8px 18px rgba(var(--theme-accent-rgb),.04);
}
.service-info-block strong {
  display: block;
  margin-bottom: 6px;
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .74rem;
}
.service-info-block span {
  display: block;
  color: #4f6075;
  line-height: 1.58;
  font-weight: 600;
}
.service-info-block.specialised {
  background: linear-gradient(145deg,rgba(var(--theme-accent-rgb),.07),rgba(var(--theme-accent-rgb),.06));
}
@media (max-width:1200px) and (min-width:1001px) {
  .logistics-solution-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
  }
  .logistics-solution-card {
    padding: 20px;
  }
  .service-showcase-card h2 {
    font-size: clamp(1.35rem,1.55vw,1.65rem);
  }
}
.support-card-block {
  padding: 16px;
}
.support-chip-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 8px;
}
.service-info-block .support-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(var(--theme-accent-rgb),.12);
  box-shadow: 0 8px 18px rgba(15,23,42,.04);
  color: #1f3555;
  font-weight: 800;
  font-size: .88rem;
  line-height: 1.3;
  text-align: center;
}
@media (max-width:640px) {
  .support-chip-grid {
    grid-template-columns: 1fr;
  }
}
.key-benefit-block {
  text-align: left;
}
.key-benefit-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.key-benefit-list li {
  position: relative;
  padding-left: 18px;
  color: #4f6075;
  font-weight: 700;
  line-height: 1.45;
}
.key-benefit-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .68em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange);
  transform: translateY(-50%);
}
body.page-services .service-showcase-grid,
body.page-services .logistics-solution-grid {
  grid-template-columns: 1fr !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  gap: clamp(28px,4vw,44px);
}
body.page-services .service-showcase-item {
  width: 100%;
}
body.page-services .service-showcase-card {
  width: 100%;
}
body.page-services .service-showcase-top {
  justify-content: flex-start;
}
body.page-services .service-showcase-card .kicker {
  text-align: left;
}
body.page-services .service-info-block {
  margin-top: 4px;
}
body.page-home .home-service-grid {
  grid-template-columns: 1fr !important;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  gap: clamp(26px,4vw,40px);
}
body.page-home .home-service-item {
  width: 100%;
}
@media (max-width:640px) {
  body.page-services .service-showcase-grid,
  body.page-services .logistics-solution-grid,
  body.page-home .home-service-grid {
    max-width: 100%;
    gap: 26px;
  }
}
body.page-services .service-hero-intro {
  display: grid;
  gap: 6px;
  max-width: 760px;
  margin-inline: auto;
}
body.page-services .service-hero-intro span {
  display: block;
}
body.page-services .services-showcase {
  padding-top: clamp(22px,3vw,42px);
}
body.page-services .services-showcase .service-showcase-grid,
body.page-services .services-showcase .logistics-solution-grid {
  margin-top: 0;
}
body.page-services .service-showcase-item,
body.page-home .home-service-item {
  gap: 0;
}
body.page-services .industry-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(120px, 1fr)) !important;
  gap: 10px !important;
  margin-top: 24px !important;
  width: 100% !important;
}
body.page-services .industry-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(13,20,36,.04) !important;
  color: var(--ink) !important;
  font-family: "Outfit",sans-serif !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
body.page-services .industry-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}
body.page-services .industries-section {
  padding-top: clamp(36px,5vw,64px) !important;
  padding-bottom: clamp(36px,5vw,64px) !important;
}
@media (max-width:1100px) {
  body.page-services .industry-chip-grid {
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
  }
}
@media (max-width:760px) {
  body.page-services .industry-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.page-services .industry-chip {
    font-size: .88rem !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
  }
}
@media (max-width:420px) {
  body.page-services .industry-chip-grid {
    grid-template-columns: 1fr !important;
  }
}
body.page-services .logistics-solution-card,
body.page-home .home-service-card {
  position: relative !important;
}
body.page-services .service-commitment {
  position: absolute !important;
  top: clamp(18px,2vw,24px) !important;
  right: clamp(18px,2vw,24px) !important;
  z-index: 2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
body.page-services .service-showcase-top {
  padding-right: clamp(150px,22vw,250px) !important;
  min-height: 44px !important;
}
body.page-home .home-service-card h3 {
  position: absolute !important;
  top: clamp(18px,2vw,24px) !important;
  right: clamp(18px,2vw,24px) !important;
  z-index: 2 !important;
  width: max-content !important;
  max-width: calc(100% - 36px) !important;
  margin: 0 !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  background: rgba(var(--theme-accent-rgb),.10) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.18) !important;
  color: #a34a00 !important;
  font-weight: 900 !important;
  font-size: .84rem !important;
  line-height: 1.2 !important;
}
body.page-home .home-service-card .kicker {
  display: block !important;
  padding-right: clamp(150px,22vw,250px) !important;
}
@media (max-width:640px) {
  body.page-services .service-showcase-top,
  body.page-home .home-service-card .kicker {
    padding-right: 0 !important;
    padding-top: 36px !important;
  }
  body.page-services .service-commitment,
  body.page-home .home-service-card h3 {
    top: 16px !important;
    right: 16px !important;
    font-size: .78rem !important;
    padding: 6px 10px !important;
  }
}
body.page-services .key-benefit-block {
  order: 1 !important;
  margin-top: 8px !important;
}
body.page-services .service-parallel-info {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,20px) !important;
  align-items: stretch !important;
  margin-top: 4px !important;
}
body.page-services .service-parallel-info .service-info-block {
  height: 100% !important;
  margin-top: 0 !important;
}
body.page-services .service-parallel-info .support-chip-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
@media (max-width:760px) {
  body.page-services .service-parallel-info {
    grid-template-columns: 1fr !important;
  }
}
body.page-about .mission-vision {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
body.page-about .mission-vision .content-panel {
  text-align: left;
}
body.page-about .core-values-section .section-heading {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:1000px) {
  body.page-about .mission-vision {
    grid-template-columns: 1fr;
  }
}
body.page-about .mission-vision .content-panel {
  padding: clamp(1.15rem,2.2vw,1.7rem) !important;
}
body.page-about .mission-vision .mission-text {
  margin: 0 !important;
  color: var(--muted) !important;
  font-family: "DM Sans",sans-serif !important;
  font-size: var(--content-size) !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
}
body.page-about .value-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  margin: 24px auto 0 !important;
  width: 100% !important;
  max-width: 920px !important;
  justify-content: center !important;
}
body.page-about .value-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(13,20,36,.04) !important;
  color: var(--ink) !important;
  font-family: "Outfit",sans-serif !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-align: center !important;
}
body.page-about .value-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}
@media (max-width:1100px) {
  body.page-about .value-chip-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    max-width: 640px !important;
  }
}
@media (max-width:760px) {
  body.page-about .value-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.page-about .value-chip {
    font-size: .88rem !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
  }
}
@media (max-width:420px) {
  body.page-about .value-chip-grid {
    grid-template-columns: 1fr !important;
  }
}
body.page-about .why-choose-impressive {
  padding-top: clamp(48px,6vw,76px) !important;
  padding-bottom: clamp(48px,6vw,78px) !important;
  background: linear-gradient(180deg, rgba(var(--theme-accent-rgb),.045), rgba(255,255,255,.72), rgba(13,148,136,.04)) !important;
  border-block: 1px solid rgba(220,229,245,.8) !important;
}
body.page-about .why-choose-shell {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(220,229,245,.96) !important;
  border-radius: 30px !important;
  background: linear-gradient(145deg,#ffffff 0%,#f7faff 58%,#eef6ff 100%) !important;
  box-shadow: 0 16px 45px rgba(13,20,36,.08) !important;
  padding: clamp(1.35rem,3.8vw,3rem) !important;
}
body.page-about .why-choose-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: -90px auto auto -90px !important;
  width: 230px !important;
  height: 230px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(var(--theme-accent-rgb),.16), transparent 66%) !important;
  pointer-events: none !important;
}
body.page-about .why-choose-shell::after {
  content: "" !important;
  position: absolute !important;
  right: -70px !important;
  bottom: -80px !important;
  width: 260px !important;
  height: 260px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(13,148,136,.13), transparent 68%) !important;
  pointer-events: none !important;
}
body.page-about .why-heading {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(1.4rem,3vw,2.2rem) !important;
}
body.page-about .why-heading .eyebrow {
  justify-content: center !important;
}
body.page-about .why-heading h2 {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-about .why-heading p {
  max-width: 820px !important;
  margin: 14px auto 0 !important;
  color: var(--ink-2) !important;
  font-size: var(--content-size) !important;
  line-height: 1.72 !important;
}
body.page-about .why-choose-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
}
body.page-about .why-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 14px !important;
  align-items: flex-start !important;
  min-height: 154px !important;
  padding: clamp(1rem,2vw,1.35rem) !important;
  border: 1px solid rgba(220,229,245,.96) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 8px 20px rgba(13,20,36,.055) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.page-about .why-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(var(--theme-accent-rgb),.36) !important;
  box-shadow: 0 16px 34px rgba(var(--theme-accent-rgb),.12) !important;
}
body.page-about .why-card.primary {
  background: linear-gradient(145deg,#eff4ff,#ffffff) !important;
  border-color: rgba(var(--theme-accent-rgb),.28) !important;
}
body.page-about .why-icon {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg,var(--blue-bg),#ffffff) !important;
  color: var(--blue) !important;
  font-size: 1.28rem !important;
  font-family: "Outfit",sans-serif !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb),.12) !important;
  flex: 0 0 auto !important;
}
body.page-about .why-card h3 {
  margin: 0 0 7px !important;
  font-size: var(--site-final-subheading-size) !important;
  line-height: 1.18 !important;
  letter-spacing: -.01em !important;
  color: var(--ink) !important;
}
body.page-about .why-card p {
  margin: 0 !important;
  color: var(--ink-2) !important;
  font-size: .96rem !important;
  line-height: 1.62 !important;
}
body.page-about .why-summary-strip {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 16px !important;
}
body.page-about .why-summary-strip span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--ink) !important;
  font-family: "Outfit",sans-serif !important;
  font-weight: 800 !important;
  font-size: .92rem !important;
  text-align: center !important;
}
@media (max-width:980px) {
  body.page-about .why-choose-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.page-about .why-summary-strip {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:640px) {
  body.page-about .why-choose-shell {
    border-radius: 22px !important;
    padding: 1rem !important;
  }
  body.page-about .why-choose-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-about .why-card {
    min-height: auto !important;
  }
  body.page-about .why-summary-strip {
    grid-template-columns: 1fr !important;
  }
}
body.page-about main > section.page-hero + section.section {
  padding-top: clamp(42px,5vw,70px) !important;
}
body.page-about .about-hero-copy {
  max-width: 900px !important;
}
body.page-about .about-hero-copy p {
  max-width: 900px !important;
  font-size: var(--content-size) !important;
  line-height: 1.75 !important;
  color: var(--ink-2) !important;
  font-family: "DM Sans",sans-serif !important;
  font-weight: 500 !important;
  margin: 14px 0 0 !important;
  text-align: left !important;
}
:root {
  --theme-font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --theme-font-heading: "Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html,
body {
  font-family: var(--theme-font-body) !important;
}
body,
p,
li,
a,
span,
div,
label,
input,
select,
textarea,
button,
summary,
details,
small,
strong,
em {
  font-family: var(--theme-font-body) !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.mega-title,
.page-hero h1,
.section-heading h2,
.content-panel h2,
.content-panel h3,
.legal-content h2,
.legal-content h3,
.nav-link,
.button,
.eyebrow,
.kicker,
.brand-tagline,
.footer-tagline,
.site-footer h3,
.text-link,
.home-service-card h3,
.home-service-card .kicker,
.value-chip,
.industry-chip,
.why-icon,
.why-summary-strip span,
.testimonial-initial,
.linkedin-letters,
.floating-back-top {
  font-family: var(--theme-font-heading) !important;
}
.about-hero-copy p,
.legal-content p,
.page-hero p,
.section-heading p,
.feature-card p {
  font-family: var(--theme-font-body) !important;
}
body.page-home .industry-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(120px,1fr)) !important;
  gap: 10px !important;
  max-width: 1040px !important;
  margin: 22px auto 0 !important;
}
body.page-home .industry-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.16) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--ink) !important;
  font-family: var(--theme-font-heading) !important;
  font-weight: 800 !important;
  font-size: .92rem !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.045) !important;
  text-align: center !important;
}
body.page-home .industry-symbol {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}
body.page-home .source-detail-section .section-heading p,
body.page-home .home-services-showcase .section-heading p,
body.page-home .faq-section .section-heading p {
  font-size: var(--content-size) !important;
}
@media (max-width:980px) {
  body.page-home .industry-chip-grid {
    grid-template-columns: repeat(4,minmax(120px,1fr)) !important;
  }
}
@media (max-width:640px) {
  body.page-home .industry-chip-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  body.page-home .industry-chip {
    font-size: .88rem !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
  }
}
body.page-home .mission-board {
  display: grid !important;
  gap: 14px !important;
  align-content: center !important;
}
body.page-home .mission-board p {
  margin: 0 !important;
  color: var(--ink-2) !important;
  font-size: var(--content-size) !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
}
body.page-home .mission-board .mission-intro {
  color: var(--ink) !important;
  font-weight: 700 !important;
}
body.page-home .home-services-showcase {
  padding-top: clamp(46px,6vw,78px) !important;
}
body.page-home .home-service-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  max-width: 1180px !important;
  margin: clamp(24px,4vw,42px) auto 0 !important;
  gap: clamp(18px,2.2vw,28px) !important;
  align-items: stretch !important;
}
body.page-home .home-service-item,
body.page-home .home-service-card {
  height: 100% !important;
}
body.page-home .home-service-card {
  min-height: 245px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
body.page-home .home-service-card p {
  margin-top: .55rem !important;
}
body.page-home .movement-strip {
  width: min(100%,980px) !important;
  margin: clamp(22px,3vw,32px) auto 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.14) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,rgba(var(--theme-accent-rgb),.06),rgba(var(--theme-accent-rgb),.08),rgba(var(--theme-accent-rgb),.06)) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.045) !important;
}
body.page-home .movement-track {
  display: flex !important;
  width: max-content !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  animation: gatisetuMoveStrip 18s linear infinite !important;
}
body.page-home .movement-track span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.12) !important;
  font-family: var(--theme-font-heading) !important;
  font-weight: 800 !important;
  font-size: .94rem !important;
  white-space: nowrap !important;
}
@keyframes gatisetuMoveStrip {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
body.page-home .clients-section {
  padding-top: clamp(42px,5vw,70px) !important;
  padding-bottom: clamp(38px,5vw,64px) !important;
}
body.page-home .clients-section .section-heading {
  text-align: center !important;
  margin-inline: auto !important;
}
body.page-home .client-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(180px,280px)) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(18px,3vw,32px) !important;
  margin-top: clamp(22px,3vw,34px) !important;
}
body.page-home .client-logo-card {
  display: grid !important;
  place-items: center !important;
  min-height: 118px !important;
  padding: 18px !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.13) !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.055) !important;
}
body.page-home .client-logo-card img {
  width: min(100%,210px) !important;
  height: auto !important;
  display: block !important;
}
body.page-home .performance-section {
  padding-top: 0 !important;
  padding-bottom: clamp(38px,5vw,64px) !important;
}
body.page-home .performance-section .section-heading {
  text-align: center !important;
  margin-inline: auto !important;
  margin-bottom: clamp(22px,3vw,34px) !important;
}
body.page-home .performance-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,22px) !important;
}
body.page-home .performance-card {
  display: grid !important;
  align-content: center !important;
  min-height: 118px !important;
  padding: clamp(18px,2.5vw,26px) !important;
  text-align: center !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.13) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.95)) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.055) !important;
}
body.page-home .performance-card strong {
  display: block !important;
  color: #1e3a8a !important;
  font-size: clamp(2rem,4vw,3.15rem) !important;
  line-height: .95 !important;
  font-weight: 900 !important;
}
body.page-home .performance-card span {
  display: block !important;
  margin-top: 10px !important;
  color: #334155 !important;
  font-size: .96rem !important;
  font-weight: 800 !important;
}
@media (max-width:980px) {
  body.page-home .home-service-grid {
    grid-template-columns: 1fr !important;
    max-width: 720px !important;
  }
  body.page-home .home-service-card {
    min-height: auto !important;
  }
  body.page-home .performance-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:640px) {
  body.page-home .client-logo-grid {
    grid-template-columns: 1fr !important;
    max-width: 320px !important;
    margin-inline: auto !important;
  }
  body.page-home .performance-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-home .movement-track span {
    min-width: 170px !important;
    font-size: .88rem !important;
  }
}
body.page-home .home-service-card h3,
body.page-services .service-commitment {
  font-size: .72rem !important;
  line-height: 1 !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  max-width: none !important;
  letter-spacing: .01em !important;
}
body.page-home .home-service-card .kicker {
  padding-right: clamp(105px,15vw,175px) !important;
}
body.page-services .service-showcase-top {
  padding-right: clamp(110px,16vw,200px) !important;
}
body.page-services .service-commitment {
  top: 18px !important;
  right: 18px !important;
}
body.page-home .home-service-card h3 {
  top: 18px !important;
  right: 18px !important;
}
body.page-home .movement-strip {
  width: min(100%,980px) !important;
  margin: clamp(20px,3vw,30px) auto 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.14) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,rgba(var(--theme-accent-rgb),.06),rgba(var(--theme-accent-rgb),.08),rgba(var(--theme-accent-rgb),.06)) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.04) !important;
}
body.page-home .movement-track {
  display: flex !important;
  width: max-content !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  animation: gatisetuMoveStrip 24s linear infinite !important;
  will-change: transform !important;
}
body.page-home .movement-track span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.12) !important;
  font-family: var(--theme-font-heading) !important;
  font-weight: 800 !important;
  font-size: .94rem !important;
  white-space: nowrap !important;
}
body.page-home .home-vehicle-categories {
  padding-top: clamp(42px,5vw,68px) !important;
  padding-bottom: clamp(34px,4vw,56px) !important;
}
body.page-home .home-vehicle-categories .section-heading {
  text-align: center !important;
  margin-inline: auto !important;
}
body.page-home .home-vehicle-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,22px) !important;
  max-width: 1040px !important;
  margin: clamp(22px,3vw,32px) auto 0 !important;
}
body.page-home .home-vehicle-card {
  background: #fff !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.13) !important;
  border-radius: 24px !important;
  padding: clamp(16px,2.4vw,22px) !important;
  text-align: center !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.045) !important;
}
body.page-home .home-vehicle-card .vehicle-symbol {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 10px !important;
  border-radius: 14px !important;
  background: rgba(var(--theme-accent-rgb),.08) !important;
  font-size: 1.35rem !important;
}
body.page-home .home-vehicle-card h3 {
  margin: 0 0 6px !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  color: var(--ink) !important;
}
body.page-home .home-vehicle-card p {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: .94rem !important;
  line-height: 1.6 !important;
}
body.page-services #service-capabilities .capability-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(16px,2vw,24px) !important;
}
@media (max-width:980px) {
  body.page-home .home-vehicle-grid,
  body.page-services #service-capabilities .capability-grid {
    grid-template-columns: 1fr !important;
    max-width: 720px !important;
    margin-inline: auto !important;
  }
}
@media (max-width:640px) {
  body.page-home .home-service-card .kicker,
  body.page-services .service-showcase-top {
    padding-right: 0 !important;
    padding-top: 34px !important;
  }
  body.page-home .home-service-card h3,
  body.page-services .service-commitment {
    font-size: .68rem !important;
    padding: 5px 8px !important;
    top: 14px !important;
    right: 14px !important;
  }
  body.page-home .movement-track span {
    min-width: 170px !important;
    font-size: .86rem !important;
  }
}
body.page-home .home-services-showcase .section-heading h2.single-line-heading,
body.page-home .home-vehicle-categories .section-heading h2.single-line-heading,
body.page-home .map-section .section-heading h2.single-line-heading,
body.page-home .clients-section .section-heading h2.single-line-heading {
  white-space: nowrap !important;
  max-width: 100% !important;
}
body.page-home .home-service-card {
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 230px !important;
}
body.page-home .home-service-card .kicker.home-service-title {
  display: block !important;
  padding-right: 0 !important;
  color: var(--ink) !important;
  font-family: var(--theme-font-heading) !important;
  font-size: clamp(.98rem,1.2vw,1.12rem) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body.page-home .home-commitment-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 4px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  background: rgba(var(--theme-accent-rgb),.10) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.20) !important;
  color: #a34a00 !important;
  font-family: var(--theme-font-heading) !important;
  font-weight: 900 !important;
  font-size: .74rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.page-home .home-service-card p {
  margin-top: 4px !important;
}
body.page-home .movement-strip {
  overflow: hidden !important;
}
body.page-home .movement-track {
  width: 100% !important;
  min-width: 100% !important;
  justify-content: flex-start !important;
  animation: gatisetuMoveStripFull 16s linear infinite !important;
}
@keyframes gatisetuMoveStripFull {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
body.page-home .industries-section .section-heading,
body.page-home .clients-section .section-heading,
body.page-home .faq-section .section-heading {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .industries-section .section-heading h2,
body.page-home .industries-section .section-heading p {
  text-align: center !important;
}
body.page-home .faq-center-layout {
  display: block !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .faq-center-layout .section-heading {
  max-width: 760px !important;
  margin: 0 auto clamp(22px,3vw,34px) !important;
}
body.page-home .faq-center-layout .faq-list {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width:980px) {
  body.page-home .home-services-showcase .section-heading h2.single-line-heading,
  body.page-home .home-vehicle-categories .section-heading h2.single-line-heading,
  body.page-home .map-section .section-heading h2.single-line-heading,
  body.page-home .clients-section .section-heading h2.single-line-heading {
    white-space: normal !important;
  }
  body.page-home .home-service-card .kicker.home-service-title {
    white-space: normal !important;
  }
}
@media (max-width:640px) {
  body.page-home .home-service-card {
    min-height: auto !important;
  }
  body.page-home .home-commitment-badge {
    font-size: .7rem !important;
    padding: 6px 10px !important;
  }
  body.page-home .movement-track {
    animation-duration: 14s !important;
  }
}
body.page-home .home-services-showcase .section-heading,
body.page-home .home-vehicle-categories .section-heading,
body.page-home .map-section .section-heading,
body.page-home .clients-section .section-heading {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .home-services-showcase .section-heading h2,
body.page-home .home-vehicle-categories .section-heading h2,
body.page-home .map-section .section-heading h2,
body.page-home .clients-section .section-heading h2,
body.page-home .home-services-showcase .section-heading p,
body.page-home .home-vehicle-categories .section-heading p,
body.page-home .map-section .section-heading p,
body.page-home .clients-section .section-heading p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .movement-strip:hover .movement-track,
body.page-home .movement-strip:focus-within .movement-track {
  animation-play-state: paused !important;
}
body.page-home .testimonials-section {
  padding-top: clamp(44px,5vw,74px) !important;
  padding-bottom: clamp(54px,6vw,88px) !important;
  position: relative !important;
}
body.page-home .testimonials-section .container {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.12) !important;
  border-radius: 34px !important;
  background: radial-gradient(circle at 12% 0%, rgba(var(--theme-accent-rgb),.12), transparent 32%), radial-gradient(circle at 88% 12%, rgba(var(--theme-accent-rgb),.12), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,251,255,.94)) !important;
  box-shadow: 0 22px 58px rgba(15,23,42,.075) !important;
  padding: clamp(28px,4vw,48px) !important;
}
body.page-home .testimonials-section .section-heading {
  text-align: center !important;
  margin: 0 auto clamp(24px,3vw,36px) !important;
  max-width: 760px !important;
}
body.page-home .testimonial-grid {
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  gap: clamp(16px,2vw,24px) !important;
  align-items: stretch !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
body.page-home .testimonial-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 100% !important;
  padding: clamp(20px,2.4vw,28px) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.12) !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.055) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.page-home .testimonial-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 44px rgba(15,23,42,.09) !important;
  border-color: rgba(var(--theme-accent-rgb),.24) !important;
}
body.page-home .testimonial-card:first-child {
  grid-row: span 3 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(28px,4vw,44px) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(240,247,255,.96)) !important;
  border-color: rgba(var(--theme-accent-rgb),.18) !important;
}
body.page-home .testimonial-card::after {
  content: "”";
  position: absolute !important;
  right: 20px !important;
  top: 8px !important;
  font-family: Georgia, serif !important;
  font-size: 5.4rem !important;
  line-height: 1 !important;
  color: rgba(var(--theme-accent-rgb),.08) !important;
  pointer-events: none !important;
}
body.page-home .testimonial-card p {
  position: relative !important;
  z-index: 1 !important;
  color: var(--ink-2) !important;
  font-size: clamp(.98rem,1.2vw,1.06rem) !important;
  line-height: 1.72 !important;
  margin: 0 0 18px !important;
}
body.page-home .testimonial-card:first-child p {
  font-size: clamp(1.08rem,1.5vw,1.24rem) !important;
  line-height: 1.72 !important;
}
body.page-home .testimonial-card strong {
  position: relative !important;
  z-index: 1 !important;
  color: var(--ink) !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
}
body.page-home .testimonial-card span:not(.testimonial-initial) {
  position: relative !important;
  z-index: 1 !important;
  color: var(--muted) !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
}
body.page-home .testimonial-initial {
  position: relative !important;
  z-index: 1 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  margin-bottom: 18px !important;
  background: linear-gradient(145deg, rgba(var(--theme-accent-rgb),.12), rgba(var(--theme-accent-rgb),.14)) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.14) !important;
  color: var(--blue) !important;
}
body.page-home .testimonial-card:first-child .testimonial-initial {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  color: #a34a00 !important;
  background: linear-gradient(145deg, rgba(var(--theme-accent-rgb),.16), rgba(var(--theme-accent-rgb),.10)) !important;
}
@media (max-width:900px) {
  body.page-home .testimonial-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-home .testimonial-card:first-child {
    grid-row: auto !important;
  }
}
:root {
  --premium-bg: #f6f9ff;
  --premium-card: #ffffff;
  --premium-soft: #f0f6ff;
  --premium-line: rgba(var(--theme-accent-rgb),.14);
  --premium-line-strong: rgba(var(--theme-accent-rgb),.22);
  --premium-shadow: 0 16px 46px rgba(13,20,36,.075);
  --premium-shadow-hover: 0 24px 62px rgba(13,20,36,.12);
  --premium-radius: 24px;
}
html,
body {
  background: var(--premium-bg) !important;
}
body::before {
  background: radial-gradient(circle at 9% 6%, rgba(var(--theme-accent-rgb),.095), transparent 28rem), radial-gradient(circle at 92% 9%, rgba(13,148,136,.08), transparent 26rem), radial-gradient(circle at 74% 82%, rgba(var(--theme-accent-rgb),.07), transparent 24rem), linear-gradient(180deg,#fbfdff 0%,#f6f9ff 44%,#f2f6fc 100%) !important;
}
.page-noise {
  opacity: .22 !important;
  background-size: 52px 52px !important;
}
.site-header {
  background: rgba(255,255,255,.91) !important;
  border-bottom: 1px solid rgba(var(--theme-accent-rgb),.13) !important;
  box-shadow: 0 10px 34px rgba(13,20,36,.06) !important;
}
.brand,
.site-nav {
  border-color: rgba(var(--theme-accent-rgb),.16) !important;
  box-shadow: 0 8px 26px rgba(13,20,36,.055) !important;
}
.nav-link {
  transition: background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease !important;
}
.nav-link:hover,
.nav-link.active {
  transform: translateY(-1px) !important;
}
.hero,
.page-hero {
  position: relative !important;
}
.hero::before,
.page-hero::before {
  content: "";
  position: absolute;
  inset: 20px clamp(16px,3vw,42px) auto;
  height: calc(100% - 40px);
  border-radius: 38px;
  background: linear-gradient(135deg,rgba(255,255,255,.65),rgba(238,246,255,.42));
  border: 1px solid rgba(var(--theme-accent-rgb),.09);
  pointer-events: none;
  z-index: -1;
}
.mega-title {
  letter-spacing: -.095em !important;
  text-shadow: 0 14px 38px rgba(var(--theme-accent-rgb),.06) !important;
}
.eyebrow,
.kicker {
  letter-spacing: .13em !important;
}
.section-heading {
  position: relative !important;
}
.section-heading.narrow {
  text-align: center !important;
}
.section-heading h2 {
  text-wrap: balance;
  letter-spacing: -.035em !important;
}
.section-heading p,
.page-hero p {
  max-width: 780px;
}
.section-heading.narrow p {
  margin-left: auto !important;
  margin-right: auto !important;
}
.button,
.text-link {
  transition: transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease !important;
}
.button:hover,
.text-link:hover {
  transform: translateY(-2px) !important;
}
.mission-board,
.callout-card,
.data-card,
.content-panel,
.feature-card,
.form-layout,
.legal-content,
.legal-note,
.process-step,
.doc-card,
.home-service-card,
.home-vehicle-card,
.client-logo-card,
.why-card,
.faq-list details {
  border-color: var(--premium-line) !important;
  box-shadow: var(--premium-shadow) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.95)) !important;
}
.feature-card:hover,
.home-service-card:hover,
.home-vehicle-card:hover,
.client-logo-card:hover,
.why-card:hover,
.faq-list details:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--premium-shadow-hover) !important;
  border-color: var(--premium-line-strong) !important;
}
.home-service-card,
.home-vehicle-card,
.feature-card,
.why-card,
.client-logo-card,
.faq-list details {
  transition: transform .24s ease,box-shadow .24s ease,border-color .24s ease !important;
}
.home-service-card::before,
.home-vehicle-card::before,
.feature-card::before,
.why-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg,var(--blue),var(--teal),var(--amber));
  opacity: .82;
}
.home-service-card,
.home-vehicle-card,
.feature-card,
.why-card {
  position: relative !important;
  overflow: hidden !important;
}
.home-commitment-badge,
.service-commitment,
.industry-chip,
.value-chip {
  border-color: rgba(var(--theme-accent-rgb),.15) !important;
  box-shadow: 0 8px 22px rgba(var(--theme-accent-rgb),.06) !important;
  background: linear-gradient(135deg,#ffffff,#eef5ff) !important;
}
.movement-strip {
  border-color: rgba(var(--theme-accent-rgb),.14) !important;
  background: linear-gradient(90deg,rgba(255,255,255,.9),rgba(239,247,255,.9),rgba(255,255,255,.9)) !important;
  box-shadow: 0 14px 38px rgba(13,20,36,.06) !important;
}
.movement-track span {
  box-shadow: 0 8px 22px rgba(13,20,36,.055) !important;
}
.faq-list details {
  border-radius: 18px !important;
  overflow: hidden !important;
}
.faq-list summary {
  font-weight: 800 !important;
  color: var(--ink) !important;
}
.site-footer {
  background: linear-gradient(180deg,#ffffff,#eef5ff) !important;
  border-top: 1px solid rgba(var(--theme-accent-rgb),.13) !important;
  box-shadow: 0 -14px 40px rgba(13,20,36,.045) !important;
}
.footer-topline,
.footer-bottom {
  border-color: rgba(var(--theme-accent-rgb),.12) !important;
}
body.page-home .testimonials-section {
  padding-top: clamp(42px,5vw,68px) !important;
  padding-bottom: clamp(48px,6vw,78px) !important;
}
body.page-home .testimonials-section .container {
  border-radius: 30px !important;
  padding: clamp(26px,4vw,44px) !important;
  background: radial-gradient(circle at 8% 0%, rgba(var(--theme-accent-rgb),.10), transparent 30%), radial-gradient(circle at 94% 12%, rgba(var(--theme-accent-rgb),.09), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.99), rgba(241,247,255,.96)) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.14) !important;
  box-shadow: 0 18px 54px rgba(13,20,36,.075) !important;
}
body.page-home .testimonial-grid {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: clamp(14px,1.7vw,20px) !important;
  align-items: stretch !important;
  max-width: 1160px !important;
}
body.page-home .testimonial-card,
body.page-home .testimonial-card:first-child {
  grid-row: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 255px !important;
  padding: clamp(18px,2vw,24px) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,255,.96)) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.13) !important;
  box-shadow: 0 12px 30px rgba(13,20,36,.06) !important;
}
body.page-home .testimonial-card:first-child p,
body.page-home .testimonial-card p {
  font-size: clamp(.94rem,1vw,1rem) !important;
  line-height: 1.65 !important;
  margin-bottom: 16px !important;
}
body.page-home .testimonial-initial,
body.page-home .testimonial-card:first-child .testimonial-initial {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  color: var(--blue) !important;
  background: linear-gradient(145deg,rgba(var(--theme-accent-rgb),.11),rgba(13,148,136,.09)) !important;
}
body.page-home .testimonial-card::after {
  font-size: 4.2rem !important;
  right: 15px !important;
  top: 7px !important;
  color: rgba(var(--theme-accent-rgb),.065) !important;
}
@media (max-width:1100px) {
  body.page-home .testimonial-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:650px) {
  body.page-home .testimonial-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-home .testimonial-card,
  body.page-home .testimonial-card:first-child {
    min-height: auto !important;
  }
}
@media (max-width:760px) {
  .hero::before,
  .page-hero::before {
    inset: 10px 10px auto;
    height: calc(100% - 20px);
    border-radius: 26px;
  }
  .section {
    padding: clamp(42px,9vw,68px) 0 !important;
  }
  .section.compact {
    padding: clamp(38px,8vw,58px) 0 !important;
  }
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .why-card {
    border-radius: 18px !important;
  }
}
body .section-heading {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body .section-heading h2,
body .section-heading p,
body .section-heading .eyebrow {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .home-vehicle-card .vehicle-symbol.vehicle-icon {
  width: 58px !important;
  height: 58px !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 auto 12px !important;
  padding: 7px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg,#eef6ff,#ffffff) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.14) !important;
  box-shadow: 0 10px 24px rgba(var(--theme-accent-rgb),.08) !important;
}
body.page-home .testimonial-photo,
body.page-home .testimonial-card:first-child .testimonial-photo {
  display: block !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
  border: 3px solid #fff !important;
  box-shadow: 0 10px 24px rgba(13,20,36,.11) !important;
  background: #fff !important;
}
body.page-home .testimonial-card {
  justify-content: flex-start !important;
  gap: 10px !important;
}
body.page-home .testimonial-card strong {
  margin-top: auto !important;
}
.site-footer {
  background: linear-gradient(180deg,#ffffff 0%,#eef5ff 100%) !important;
  color: #0f172a !important;
  border-top: 1px solid rgba(var(--theme-accent-rgb),.16) !important;
}
.site-footer p,
.site-footer span,
.footer-tagline,
.footer-bottom,
.footer-bottom span,
.footer-bottom #year,
.copyright-line {
  color: #334155 !important;
}
.site-footer a,
.footer-company-row a,
.footer-bottom-links a {
  color: #1e3a8a !important;
  font-weight: 850 !important;
}
.site-footer a:hover,
.footer-company-row a:hover,
.footer-bottom-links a:hover {
  color: #0d9488 !important;
}
.footer-bottom,
.footer-topline {
  border-color: rgba(var(--theme-accent-rgb),.14) !important;
}
.linkedin-icon {
  background: var(--theme-accent) !important;
  color: #fff !important;
  border-color: var(--theme-accent) !important;
}
.linkedin-icon .linkedin-letters {
  color: #fff !important;
}
body.page-home .movement-strip {
  overflow: hidden !important;
}
body.page-home .movement-track {
  width: 100% !important;
  min-width: 100% !important;
  justify-content: flex-start !important;
  animation: gatisetuMoveStripFull 16s linear infinite !important;
}
body.page-home .movement-strip:hover .movement-track,
body.page-home .movement-strip:focus-within .movement-track {
  animation-play-state: paused !important;
}
body.page-home .movement-track span {
  min-width: 210px !important;
}
body.page-services #service-capabilities .section-heading,
body.page-services .industries-section .section-heading,
body.page-services .service-enquiry-section h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width:640px) {
  body.page-home .movement-track span {
    min-width: 190px !important;
  }
  body.page-home .testimonial-photo,
  body.page-home .testimonial-card:first-child .testimonial-photo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }
}
body.page-home .home-vehicle-card:first-child .vehicle-symbol.vehicle-icon {
  width: 50px !important;
  height: 50px !important;
  padding: 6px !important;
}
body.page-home .hero-copy,
body.page-home .hero-copy .eyebrow,
body.page-home .hero-copy .mega-title,
body.page-home .mission-board,
body.page-home .mission-board p {
  text-align: center !important;
}
body.page-home .hero-copy {
  justify-self: center !important;
}
body.page-home .hero-copy .eyebrow,
body.page-home .mission-board {
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .hero-grid {
  align-items: center !important;
}
@media (max-width:900px) {
  body.page-home .hero-grid {
    grid-template-columns: 1fr !important;
  }
}
body.page-home .hero-copy,
body.page-home .hero-copy .eyebrow,
body.page-home .hero-copy .mega-title,
body.page-home .section-heading,
body.page-home .section-heading .eyebrow,
body.page-home .section-heading h2,
body.page-home .section-heading p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-home .section-heading {
  max-width: 860px !important;
}
body.page-home .section-heading.narrow {
  max-width: 820px !important;
}
body.page-home .hero-copy {
  justify-self: center !important;
}
body.page-home .hero-grid {
  align-items: center !important;
}
.brand,
.site-header .brand,
a.brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.brand:hover,
.site-header .brand:hover,
a.brand:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.brand img,
.site-header .brand img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.footer-brand-block {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width:760px) {
  .brand,
  .site-header .brand,
  a.brand {
    padding: 0 !important;
  }
  .brand img,
  .site-header .brand img {
    width: 132px !important;
    max-height: 32px !important;
  }
}

/* Global typography standardization */
:root {
  --global-heading-font: var(--theme-font-heading, "Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --global-content-font: var(--theme-font-body, "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --global-heading-size: clamp(2.05rem,4.15vw,4rem);
  --global-subheading-size: clamp(1.55rem,2.7vw,2.35rem);
  --global-small-subheading-size: clamp(1.02rem,1.45vw,1.28rem);
  --global-content-size: 1rem;
  --global-small-content-size: .94rem;
  --global-label-size: .84rem;
}

body,
body p,
body li,
body a,
body span,
body label,
body input,
body select,
body textarea,
body button,
body summary,
body details,
body small,
body em,
body strong,
body .legal-list li,
body .footer-bottom,
body .copyright-line,
body .form-note,
body .upload-box p,
body .upload-box span {
  font-family: var(--global-content-font) !important;
}

body h1,
body .mega-title,
body .page-hero h1,
body .contact-window-intro h1,
body .legal-document-header h1,
body.page-services .service-hero h1.services-hero-title,
body.page-vendor .vendor-hero h1 {
  font-family: var(--global-heading-font) !important;
  font-size: var(--global-heading-size) !important;
  line-height: 1.06 !important;
  letter-spacing: -.04em !important;
}

body h2,
body .section-heading h2,
body .career-full-section .section-heading h2,
body .contact-details-after-form h2,
body .legal-content h2,
body .content-panel h2,
body .callout-card h2,
body.page-services .source-detail-section .section-heading h2,
body.page-services .industries-section .section-heading h2,
body.page-vendor .vendor-single-panel h2,
body.page-vendor .vehicle-category-section .section-heading h2,
body.page-vendor .source-detail-section .section-heading h2,
body.page-vendor .map-section .section-heading h2 {
  font-family: var(--global-heading-font) !important;
  font-size: var(--global-subheading-size) !important;
  line-height: 1.1 !important;
  letter-spacing: -.03em !important;
}

body h3,
body h4,
body h5,
body h6,
body .feature-card h3,
body .process-step h3,
body .contact-info-item h3,
body .site-footer h3,
body .legal-content h3,
body .home-service-card h3,
body .service-showcase-card h2,
body .logistics-solution-card h2 {
  font-family: var(--global-heading-font) !important;
  font-size: var(--global-small-subheading-size) !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}

body,
body p,
body li,
body .page-hero p,
body .section-heading p,
body .contact-window-intro p,
body .content-panel p,
body .feature-card p,
body .process-step p,
body .callout-card p,
body .legal-content p,
body .testimonial-card p,
body .vehicle-category-card p,
body .contact-info-item p,
body .site-footer p,
body .legal-list li,
body input,
body select,
body textarea,
body summary,
body details,
body label {
  font-size: var(--global-content-size) !important;
  line-height: 1.65 !important;
}

body .nav-link,
body .button,
body button,
body .eyebrow,
body .kicker,
body .text-link,
body .vehicle-category-card span,
body .testimonial-card span,
body .site-footer a,
body .site-footer span,
body .footer-company-row a,
body .floating-back-top,
body .support-chip,
body .industry-chip,
body .value-chip {
  font-size: var(--global-small-content-size) !important;
  line-height: 1.45 !important;
}

body .eyebrow,
body .kicker,
body .nav-link,
body .button,
body button,
body .home-service-card h3,
body .support-chip,
body .industry-chip,
body .value-chip,
body .brand-tagline,
body .footer-tagline,
body .text-link,
body .floating-back-top {
  font-family: var(--global-heading-font) !important;
}

.hero-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: 28px;
}

.hero-actions .button {
  align-items: center !important;
  box-sizing: border-box;
  display: inline-flex !important;
  height: 52px !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 14px 22px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.hero-actions button.button {
  appearance: none;
  -webkit-appearance: none;
}

.hero-actions a.button {
  text-decoration: none;
}

.button.secondary {
  background: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.72);
  color: var(--ink);
  box-shadow: 0 14px 36px rgba(13,20,36,.16);
}

.button.secondary:hover {
  background: #fff;
  box-shadow: 0 18px 44px rgba(13,20,36,.22);
}

.location-seo-section {
  background: #f6f9ff;
}

.single-line-heading {
  white-space: nowrap !important;
}

.location-card-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}

.location-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 92px;
  padding: 22px 24px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 12px 34px rgba(13,20,36,.08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.location-card::after {
  content: "View";
  color: var(--blue);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.location-card:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--theme-accent-rgb),.35);
  box-shadow: 0 18px 44px rgba(var(--theme-accent-rgb),.14);
}

.local-landing-hero .page-hero-grid {
  grid-template-columns: 1fr;
}

.local-landing-hero h1 {
  max-width: 980px;
}

.local-service-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}

.local-service-card {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(13,20,36,.08);
}

.local-service-card h3 {
  margin: 0 0 10px;
}

.local-service-card p {
  margin: 0;
  color: var(--ink-2);
}

.route-origin-list {
  display: grid;
  gap: 28px;
}

.route-directory-section .route-origin-list.reveal {
  opacity: 1 !important;
  transform: none !important;
}

.route-origin-group {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 24px;
  box-shadow: 0 12px 34px rgba(13,20,36,.08);
}

.route-origin-group h3 {
  margin: 0 0 18px;
  color: var(--ink);
}

.route-origin-group .location-card-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

@media (max-width: 860px) {
  .single-line-heading {
    white-space: normal !important;
  }

  .location-card-grid,
  .local-service-grid {
    grid-template-columns: 1fr;
  }

  .route-origin-group .location-card-grid {
    grid-template-columns: 1fr;
  }

  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-actions .button {
    width: 100%;
  }
}

@media (max-width:760px) {
  :root {
    --global-heading-size: clamp(1.72rem,7.6vw,2.8rem);
    --global-subheading-size: clamp(1.38rem,6.2vw,2.05rem);
    --global-small-subheading-size: clamp(1rem,4.6vw,1.18rem);
    --global-content-size: .98rem;
    --global-small-content-size: .92rem;
  }
}

@media (max-width:420px) {
  :root {
    --global-heading-size: 1.58rem;
    --global-subheading-size: 1.52rem;
  }
}

/* Final lightweight light-theme override */
:root {
  --ink: #0d1424;
  --ink-2: #3d4a63;
  --surface: #ffffff;
  --surface-2: #f7faff;
  --border: #e2eaf6;
  --line: var(--border);
  --shadow: 0 10px 28px rgba(13,20,36,.06);
}

html,
body {
  background: #f7faff !important;
  color: var(--ink) !important;
}

body::before {
  background: linear-gradient(180deg,#ffffff 0%,#f7faff 54%,#f1f6fd 100%) !important;
}

.page-noise {
  opacity: .16 !important;
}

.site-header,
.site-nav,
.brand,
.mission-board,
.callout-card,
.data-card,
.content-panel,
.feature-card,
.process-step,
.testimonial-card,
.vehicle-category-card,
.local-service-card,
.route-origin-group,
.location-card,
.legal-content,
.legal-note {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}

.page-hero::before,
.hero::before {
  background: linear-gradient(135deg,rgba(255,255,255,.72),rgba(239,246,255,.48)) !important;
  border-color: rgba(var(--theme-accent-rgb),.10) !important;
}

.site-footer {
  background: #ffffff !important;
  border-top: 1px solid var(--border) !important;
  color: var(--ink) !important;
}

.site-footer p,
.site-footer a,
.site-footer span,
p,
li {
  color: var(--ink-2) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.mega-title {
  color: var(--ink) !important;
}

/* Final global heading alignment */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .mega-title,
body .section-heading,
body .section-heading h2,
body .section-heading p,
body .section-heading .eyebrow,
body .page-hero h1,
body .page-hero p,
body .page-hero .eyebrow,
body.page-services .service-hero h1.services-hero-title {
  text-align: center !important;
}

body .section-heading,
body .page-hero .reveal {
  margin-left: auto;
  margin-right: auto;
}

body .page-hero .eyebrow,
body .section-heading .eyebrow {
  justify-content: center !important;
}

/* Legal pages should keep document-style left-aligned headings */
body.page-legal h1,
body.page-legal h2,
body.page-legal h3,
body.page-legal h4,
body.page-legal h5,
body.page-legal h6,
body.page-legal .legal-document-header,
body.page-legal .legal-document-header h1,
body.page-legal .legal-content h2,
body.page-legal .legal-content h3 {
  text-align: left !important;
}

/* Final footer column layout */
body .footer-links-block {
  display: grid !important;
  grid-template-columns: max-content max-content !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 44px !important;
  margin-left: auto !important;
  min-width: 360px !important;
  text-align: left !important;
}

body .footer-company-row,
body .footer-resource-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  white-space: normal !important;
  text-align: left !important;
}

body .footer-resource-row a,
body .footer-company-row a {
  display: inline-flex !important;
  justify-content: flex-start !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.page-press-kit .press-centered-cards .content-panel {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 260px;
  text-align: left;
}

body.page-press-kit .page-hero .reveal {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

body.page-press-kit .page-hero h1,
body.page-press-kit .page-hero p,
body.page-press-kit .page-hero .eyebrow,
body.page-press-kit .callout-card h2,
body.page-press-kit .callout-card p {
  justify-content: flex-start !important;
  text-align: left !important;
}

body.page-press-kit .mission-vision {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

body.page-press-kit .press-centered-cards .check-list {
  text-align: left;
}

body.page-press-kit .press-tight-section {
  padding-top: clamp(32px,4vw,52px);
  padding-bottom: clamp(32px,4vw,52px);
}

@media (max-width: 980px) {
  body .footer-links-block {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 620px) {
  body .footer-links-block {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 30px !important;
  }
}

/* Source-style theme controls */
.gs-header-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
}

.gs-control-button {
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--ink);
  cursor: pointer;
  display: inline-flex;
  font-family: "Outfit", sans-serif;
  font-size: .75rem;
  font-weight: 900;
  gap: 6px;
  height: 40px;
  justify-content: center;
  letter-spacing: .04em;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
  transition: color .15s ease, border-color .15s ease, background .15s ease, transform .15s ease;
  width: 40px;
}


.gs-control-button:hover {
  border-color: var(--blue);
  color: var(--blue);
  transform: translateY(-1px);
}

.gs-control-icon {
  height: 18px;
  width: 18px;
}

/* Source-compatible dark mode: localStorage.theme + html.dark */
.dark,
.dark body,
body.dark {
  --ink: #fff8ee;
  --ink-2: #cbd5e1;
  --ink-3: #94a3b8;
  --surface: #0b1527;
  --surface-2: #111f35;
  --surface-3: #15263f;
  --border: #28364d;
  --line: var(--border);
  --blue-bg: rgba(var(--theme-accent-rgb),.10);
  --teal-bg: rgba(7,50,111,.22);
  --amber-bg: rgba(var(--theme-accent-rgb),.14);
  --rose-bg: rgba(225,29,72,.14);
  --green-bg: rgba(5,150,105,.14);
  --premium-line: rgba(148,163,184,.22);
  --premium-line-strong: rgba(var(--theme-accent-rgb),.42);
  --premium-shadow: 0 28px 90px rgba(0,0,0,.38);
  --premium-shadow-hover: 0 32px 100px rgba(0,0,0,.46);
  --shadow: 0 28px 90px rgba(0,0,0,.38);
  --shadow-card: var(--shadow);
  background-color: #05070c !important;
  color: #fff8ee !important;
}

.dark body::before,
body.dark::before {
  background: radial-gradient(circle at 10% 10%, rgba(var(--theme-accent-rgb),.26), transparent 24rem), radial-gradient(circle at 90% 5%, rgba(7,50,111,.54), transparent 26rem), radial-gradient(circle at 70% 75%, rgba(var(--theme-accent-rgb),.12), transparent 24rem), linear-gradient(180deg,#03070f,#05152d 44%,#05070c) !important;
}

.dark .page-noise,
body.dark .page-noise {
  opacity: .24 !important;
}

.dark .site-header,
.dark .site-nav,
.dark .brand,
.dark .gs-control-button,
.dark .mission-board,
.dark .callout-card,
.dark .data-card,
.dark .content-panel,
.dark .feature-card,
.dark .form-layout,
.dark .legal-content,
.dark .legal-note,
.dark .process-step,
.dark .doc-card,
.dark .home-service-card,
.dark .home-vehicle-card,
.dark .client-logo-card,
.dark .why-card,
.dark .testimonial-card,
.dark .vehicle-category-card,
.dark .local-service-card,
.dark .route-origin-group,
.dark .location-card,
.dark .contact-body-frame,
.dark .contact-details-after-form,
.dark .service-enquiry-card,
.dark .faq-list details,
.dark details,
.dark .form-modal-panel,
.dark .iframe-panel,
.dark .large-iframe-panel,
body.dark .site-header,
body.dark .site-nav,
body.dark .brand,
body.dark .gs-control-button,
body.dark .mission-board,
body.dark .callout-card,
body.dark .data-card,
body.dark .content-panel,
body.dark .feature-card,
body.dark .form-layout,
body.dark .legal-content,
body.dark .legal-note,
body.dark .process-step,
body.dark .doc-card,
body.dark .home-service-card,
body.dark .home-vehicle-card,
body.dark .client-logo-card,
body.dark .why-card,
body.dark .testimonial-card,
body.dark .vehicle-category-card,
body.dark .local-service-card,
body.dark .route-origin-group,
body.dark .location-card,
body.dark .contact-body-frame,
body.dark .contact-details-after-form,
body.dark .service-enquiry-card,
body.dark .faq-list details,
body.dark details,
body.dark .form-modal-panel,
body.dark .iframe-panel,
body.dark .large-iframe-panel {
  background: hsl(220 45% 8%) !important;
  border-color: hsl(214 25% 20%) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.38) !important;
  color: #fff8ee !important;
}

.dark .page-hero::before,
.dark .hero::before,
.dark .movement-strip,
.dark .testimonials-section .container,
body.dark .page-hero::before,
body.dark .hero::before,
body.dark .movement-strip,
body.dark .testimonials-section .container {
  background: linear-gradient(135deg, rgba(11,21,39,.86), rgba(7,16,31,.72)) !important;
  border-color: hsl(214 25% 20%) !important;
}

.dark .site-footer,
body.dark .site-footer {
  background: hsl(220 45% 8%) !important;
  border-top-color: hsl(214 25% 20%) !important;
  color: #fff8ee !important;
}

.dark .footer-logo,
body.dark .footer-logo {
  background: #ffffff !important;
}

.dark p,
.dark li,
.dark .section-heading p,
.dark .page-hero p,
.dark .content-panel p,
.dark .data-card span,
.dark .process-step p,
.dark .feature-card p,
.dark .home-service-card p,
.dark .home-vehicle-card p,
.dark .testimonial-card p,
.dark .vehicle-category-card p,
.dark .local-service-card p,
.dark .location-card p,
.dark .faq-list p,
.dark .brand-tagline,
.dark .site-footer p,
.dark .site-footer a,
.dark .site-footer span,
body.dark p,
body.dark li,
body.dark .section-heading p,
body.dark .page-hero p,
body.dark .content-panel p,
body.dark .data-card span,
body.dark .process-step p,
body.dark .feature-card p,
body.dark .home-service-card p,
body.dark .home-vehicle-card p,
body.dark .testimonial-card p,
body.dark .vehicle-category-card p,
body.dark .local-service-card p,
body.dark .location-card p,
body.dark .faq-list p,
body.dark .brand-tagline,
body.dark .site-footer p,
body.dark .site-footer a,
body.dark .site-footer span {
  color: #cbd5e1 !important;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .mega-title,
.dark .faq-list summary,
.dark .testimonial-card strong,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark .mega-title,
body.dark .faq-list summary,
body.dark .testimonial-card strong {
  color: #fff8ee !important;
}

.dark .home-commitment-badge,
.dark .service-commitment,
.dark .industry-chip,
.dark .value-chip,
.dark .vehicle-category-card span,
.dark .movement-track span,
body.dark .home-commitment-badge,
body.dark .service-commitment,
body.dark .industry-chip,
body.dark .value-chip,
body.dark .vehicle-category-card span,
body.dark .movement-track span {
  background: rgba(var(--theme-accent-rgb),.10) !important;
  border-color: rgba(var(--theme-accent-rgb),.25) !important;
  color: var(--theme-accent) !important;
}

.dark .form-modal-backdrop,
body.dark .form-modal-backdrop {
  background: rgba(3,7,18,.72) !important;
}

.dark .embedded-form-frame,
body.dark .embedded-form-frame {
  background: #05070c !important;
}

@media (max-width: 980px) {
  .gs-header-controls {
    order: 3;
  }
}

@media (max-width: 520px) {
  .gs-header-controls {
    gap: 4px;
    margin-left: auto;
  }

  .gs-control-button {
    height: 36px;
    width: 36px;
  }

  .gs-control-icon {
    display: none;
  }
}

/* Complete dark coverage for frames, iframes, cards, sections and boxed UI */
html.dark,
html.dark body,
body.dark {
  background: #05070c !important;
  color: #fff8ee !important;
}

html.dark main,
html.dark .section,
html.dark section,
html.dark .map-section,
html.dark .dark-card-section,
html.dark .industries-section,
html.dark .cta-section,
html.dark .vehicle-category-section,
html.dark .source-detail-section,
html.dark .testimonials-section,
body.dark main,
body.dark .section,
body.dark section,
body.dark .map-section,
body.dark .dark-card-section,
body.dark .industries-section,
body.dark .cta-section,
body.dark .vehicle-category-section,
body.dark .source-detail-section,
body.dark .testimonials-section {
  background-color: transparent !important;
  color: #fff8ee !important;
}

html.dark :is(
  article,
  aside,
  details,
  fieldset,
  .card,
  .box,
  .panel,
  .frame,
  .window,
  .modal,
  .content,
  .note,
  .board,
  .tile,
  .item,
  .block,
  .wrapper,
  .body-frame,
  .contact-window,
  .contact-window-intro,
  .contact-body-frame,
  .contact-details-after-form,
  .service-info-block,
  .service-parallel-info,
  .support-chip,
  .home-commitment-badge,
  .service-commitment,
  .industry-chip,
  .value-chip,
  .vehicle-list,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  [class*="card"],
  [class*="box"],
  [class*="panel"],
  [class*="frame"],
  [class*="window"],
  [class*="modal"],
  [class*="note"],
  [class*="chip"],
  [class*="badge"]
),
body.dark :is(
  article,
  aside,
  details,
  fieldset,
  .card,
  .box,
  .panel,
  .frame,
  .window,
  .modal,
  .content,
  .note,
  .board,
  .tile,
  .item,
  .block,
  .wrapper,
  .body-frame,
  .contact-window,
  .contact-window-intro,
  .contact-body-frame,
  .contact-details-after-form,
  .service-info-block,
  .service-parallel-info,
  .support-chip,
  .home-commitment-badge,
  .service-commitment,
  .industry-chip,
  .value-chip,
  .vehicle-list,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  [class*="card"],
  [class*="box"],
  [class*="panel"],
  [class*="frame"],
  [class*="window"],
  [class*="modal"],
  [class*="note"],
  [class*="chip"],
  [class*="badge"]
) {
  background: linear-gradient(145deg, #0b1527, #08111f) !important;
  border-color: #28364d !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34) !important;
  color: #fff8ee !important;
}

html.dark :is(.section-heading, .container, .hero-grid, .page-hero-grid, .cards-three, .cards-four, .testimonial-grid, .home-service-grid, .home-vehicle-grid, .local-service-grid, .location-card-grid, .capability-grid),
body.dark :is(.section-heading, .container, .hero-grid, .page-hero-grid, .cards-three, .cards-four, .testimonial-grid, .home-service-grid, .home-vehicle-grid, .local-service-grid, .location-card-grid, .capability-grid) {
  background: transparent !important;
  box-shadow: none !important;
}

html.dark .page-hero::before,
html.dark .hero::before,
html.dark .orange-panel,
html.dark .movement-strip,
html.dark .testimonials-section .container,
html.dark .form-modal-backdrop,
body.dark .page-hero::before,
body.dark .hero::before,
body.dark .orange-panel,
body.dark .movement-strip,
body.dark .testimonials-section .container,
body.dark .form-modal-backdrop {
  background: linear-gradient(135deg, rgba(11, 21, 39, .88), rgba(7, 16, 31, .74)) !important;
  border-color: #28364d !important;
}

html.dark :is(input, select, textarea, iframe, .embedded-form-frame),
body.dark :is(input, select, textarea, iframe, .embedded-form-frame) {
  background: #05070c !important;
  border-color: #28364d !important;
  color: #fff8ee !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder,
body.dark input::placeholder,
body.dark textarea::placeholder {
  color: #94a3b8 !important;
}

html.dark :is(p, li, span, small, label, summary, a, .brand-tagline, .text-muted, .muted, .kicker, .eyebrow),
body.dark :is(p, li, span, small, label, summary, a, .brand-tagline, .text-muted, .muted, .kicker, .eyebrow) {
  color: #cbd5e1 !important;
}

html.dark :is(h1, h2, h3, h4, h5, h6, strong, b, .mega-title, .single-line-heading),
body.dark :is(h1, h2, h3, h4, h5, h6, strong, b, .mega-title, .single-line-heading) {
  color: #fff8ee !important;
}

html.dark :is(.button.primary, .btn-primary, .text-link, .eyebrow, .kicker, .data-card strong),
body.dark :is(.button.primary, .btn-primary, .text-link, .eyebrow, .kicker, .data-card strong) {
  color: var(--theme-accent) !important;
}

html.dark :is(.footer-logo, .brand img),
body.dark :is(.footer-logo, .brand img) {
  background: #ffffff !important;
}

/* Final targeted dark fixes requested */
html.dark .button.secondary,
body.dark .button.secondary,
html.dark .hero-actions .button.secondary,
body.dark .hero-actions .button.secondary {
  background: #0b1527 !important;
  border-color: var(--theme-accent) !important;
  color: #fff8ee !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .34) !important;
}

html.dark .button.secondary:hover,
body.dark .button.secondary:hover,
html.dark .hero-actions .button.secondary:hover,
body.dark .hero-actions .button.secondary:hover {
  background: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  color: #190b00 !important;
}

html.dark body.page-home .testimonial-card,
html.dark body.page-home .testimonial-card:first-child,
body.dark.page-home .testimonial-card,
body.dark.page-home .testimonial-card:first-child {
  background: linear-gradient(145deg, #0b1527, #08111f) !important;
  border-color: #28364d !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34) !important;
  color: #fff8ee !important;
}

html.dark body.page-home .testimonial-card p,
html.dark body.page-home .testimonial-card:first-child p,
html.dark body.page-home .testimonial-card strong,
html.dark body.page-home .testimonial-card span:not(.testimonial-initial),
body.dark.page-home .testimonial-card p,
body.dark.page-home .testimonial-card:first-child p,
body.dark.page-home .testimonial-card strong,
body.dark.page-home .testimonial-card span:not(.testimonial-initial) {
  color: #cbd5e1 !important;
}

html.dark body.page-home .testimonial-card strong,
body.dark.page-home .testimonial-card strong {
  color: #fff8ee !important;
}

html.dark body.page-about .why-choose-impressive,
body.dark.page-about .why-choose-impressive {
  background: transparent !important;
  border-color: #28364d !important;
}

html.dark body.page-about .why-choose-shell,
html.dark body.page-about .why-card,
html.dark body.page-about .why-card.primary,
body.dark.page-about .why-choose-shell,
body.dark.page-about .why-card,
body.dark.page-about .why-card.primary {
  background: linear-gradient(145deg, #0b1527, #08111f) !important;
  border-color: #28364d !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34) !important;
  color: #fff8ee !important;
}

html.dark body.page-about .why-icon,
html.dark body.page-about .why-summary-strip span,
body.dark.page-about .why-icon,
body.dark.page-about .why-summary-strip span {
  background: rgba(var(--theme-accent-rgb),.10) !important;
  border-color: rgba(var(--theme-accent-rgb),.25) !important;
  color: var(--theme-accent) !important;
}

html.dark body.page-about .why-card h3,
html.dark body.page-about .why-heading h2,
body.dark.page-about .why-card h3,
body.dark.page-about .why-heading h2 {
  color: #fff8ee !important;
}

html.dark body.page-about .why-card p,
html.dark body.page-about .why-heading p,
body.dark.page-about .why-card p,
body.dark.page-about .why-heading p {
  color: #cbd5e1 !important;
}

html.dark body.page-legal .legal-document-header,
body.dark.page-legal .legal-document-header,
html.dark .legal-document-header,
body.dark .legal-document-header {
  background: linear-gradient(145deg, #0b1527, #08111f) !important;
  border-color: #28364d !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34) !important;
  color: #fff8ee !important;
}

html.dark body.page-legal .legal-document-header h1,
html.dark body.page-legal .legal-document-header p,
body.dark.page-legal .legal-document-header h1,
body.dark.page-legal .legal-document-header p,
html.dark .legal-document-header h1,
html.dark .legal-document-header p,
body.dark .legal-document-header h1,
body.dark .legal-document-header p {
  color: #fff8ee !important;
}

/* Final unified dark theme readability pass */
html.dark,
html.dark body,
body.dark {
  --dark-bg: #050914;
  --dark-bg-soft: #081225;
  --dark-surface: #0d1729;
  --dark-surface-2: #111f35;
  --dark-border: #263855;
  --dark-text: #f8fafc;
  --dark-muted: #cbd5e1;
  --dark-soft-muted: #94a3b8;
  --dark-accent: var(--theme-accent);
  --dark-accent-soft: rgba(var(--theme-accent-rgb),.14);
  --dark-blue-soft: rgba(var(--theme-accent-rgb),.16);
  --ink: var(--dark-text);
  --ink-2: var(--dark-muted);
  --ink-3: var(--dark-soft-muted);
  --surface: var(--dark-surface);
  --surface-2: var(--dark-bg-soft);
  --surface-3: var(--dark-surface-2);
  --border: var(--dark-border);
  --line: var(--dark-border);
  background: var(--dark-bg) !important;
  color: var(--dark-text) !important;
}

html.dark body::before,
body.dark::before {
  background: radial-gradient(circle at 12% 8%, rgba(var(--theme-accent-rgb),.24), transparent 23rem), radial-gradient(circle at 90% 8%, rgba(var(--theme-accent-rgb),.26), transparent 27rem), radial-gradient(circle at 74% 78%, rgba(13, 148, 136, .14), transparent 24rem), linear-gradient(180deg, #050914 0%, #081225 48%, #050914 100%) !important;
}

html.dark :is(.site-header, .site-nav, .brand, .gs-control-button, .site-footer),
body.dark :is(.site-header, .site-nav, .brand, .gs-control-button, .site-footer) {
  background: rgba(13, 23, 41, .94) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .32) !important;
}

html.dark :is(
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .legal-document-header,
  .process-step,
  .doc-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .vehicle-category-card,
  .local-service-card,
  .route-origin-group,
  .location-card,
  .contact-body-frame,
  .contact-details-after-form,
  .service-enquiry-card,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  article[class*="card"],
  div[class*="card"],
  article[class*="panel"],
  div[class*="panel"],
  article[class*="frame"],
  div[class*="frame"],
  article[class*="box"],
  div[class*="box"]
),
body.dark :is(
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .legal-document-header,
  .process-step,
  .doc-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .vehicle-category-card,
  .local-service-card,
  .route-origin-group,
  .location-card,
  .contact-body-frame,
  .contact-details-after-form,
  .service-enquiry-card,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  article[class*="card"],
  div[class*="card"],
  article[class*="panel"],
  div[class*="panel"],
  article[class*="frame"],
  div[class*="frame"],
  article[class*="box"],
  div[class*="box"]
) {
  background: linear-gradient(145deg, rgba(17, 31, 53, .98), rgba(9, 18, 37, .98)) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: 0 22px 62px rgba(0, 0, 0, .34) !important;
}

html.dark :is(.section-heading, .container, .hero-grid, .page-hero-grid, .cards-three, .cards-four, .testimonial-grid, .home-service-grid, .home-vehicle-grid, .local-service-grid, .location-card-grid, .capability-grid),
body.dark :is(.section-heading, .container, .hero-grid, .page-hero-grid, .cards-three, .cards-four, .testimonial-grid, .home-service-grid, .home-vehicle-grid, .local-service-grid, .location-card-grid, .capability-grid) {
  background: transparent !important;
  box-shadow: none !important;
}

html.dark :is(h1, h2, h3, h4, h5, h6, strong, b, .mega-title, .single-line-heading, .faq-list summary, .nav-link, .footer-tagline),
body.dark :is(h1, h2, h3, h4, h5, h6, strong, b, .mega-title, .single-line-heading, .faq-list summary, .nav-link, .footer-tagline) {
  color: var(--dark-text) !important;
}

html.dark :is(p, li, small, label, .brand-tagline, .section-heading p, .page-hero p, .content-panel p, .data-card span, .process-step p, .feature-card p, .home-service-card p, .home-vehicle-card p, .testimonial-card p, .testimonial-card span:not(.testimonial-initial), .vehicle-category-card p, .local-service-card p, .location-card p, .faq-list p, .legal-content p, .legal-content li, .site-footer p, .site-footer a, .site-footer span),
body.dark :is(p, li, small, label, .brand-tagline, .section-heading p, .page-hero p, .content-panel p, .data-card span, .process-step p, .feature-card p, .home-service-card p, .home-vehicle-card p, .testimonial-card p, .testimonial-card span:not(.testimonial-initial), .vehicle-category-card p, .local-service-card p, .location-card p, .faq-list p, .legal-content p, .legal-content li, .site-footer p, .site-footer a, .site-footer span) {
  color: var(--dark-muted) !important;
}

html.dark :is(.eyebrow, .kicker, .text-link, .data-card strong, .location-card:hover, .site-footer a:hover, .nav-link:hover),
body.dark :is(.eyebrow, .kicker, .text-link, .data-card strong, .location-card:hover, .site-footer a:hover, .nav-link:hover) {
  color: var(--dark-accent) !important;
}

html.dark :is(.nav-link.active, .button.primary, .btn-primary),
body.dark :is(.nav-link.active, .button.primary, .btn-primary) {
  background: linear-gradient(135deg, var(--theme-accent), var(--dark-accent)) !important;
  border-color: transparent !important;
  color: #1b0c00 !important;
  box-shadow: 0 14px 34px rgba(var(--theme-accent-rgb),.28) !important;
}

html.dark :is(.button.secondary, .hero-actions .button.secondary, .gs-control-button),
body.dark :is(.button.secondary, .hero-actions .button.secondary, .gs-control-button) {
  background: rgba(17, 31, 53, .98) !important;
  border-color: rgba(var(--theme-accent-rgb),.55) !important;
  color: var(--dark-text) !important;
}

html.dark :is(.button.secondary:hover, .hero-actions .button.secondary:hover, .gs-control-button:hover),
body.dark :is(.button.secondary:hover, .hero-actions .button.secondary:hover, .gs-control-button:hover) {
  background: var(--dark-accent) !important;
  border-color: var(--dark-accent) !important;
  color: #1b0c00 !important;
}

html.dark :is(.home-commitment-badge, .service-commitment, .industry-chip, .value-chip, .support-chip, .vehicle-category-card span, .movement-track span, .why-icon, .why-summary-strip span),
body.dark :is(.home-commitment-badge, .service-commitment, .industry-chip, .value-chip, .support-chip, .vehicle-category-card span, .movement-track span, .why-icon, .why-summary-strip span) {
  background: var(--dark-accent-soft) !important;
  border-color: rgba(var(--theme-accent-rgb),.28) !important;
  color: var(--theme-accent) !important;
  box-shadow: none !important;
}

html.dark :is(input, select, textarea, iframe, .embedded-form-frame),
body.dark :is(input, select, textarea, iframe, .embedded-form-frame) {
  background: #081225 !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder,
body.dark input::placeholder,
body.dark textarea::placeholder {
  color: var(--dark-soft-muted) !important;
}

html.dark .footer-logo,
html.dark .brand img,
body.dark .footer-logo,
body.dark .brand img {
  background: #ffffff !important;
}

/* Uniform dark surface for any remaining framed/card UI */
html.dark,
body.dark {
  --dark-frame-bg: #0d1729;
  --dark-frame-bg-2: #111f35;
  --dark-frame-border: #2b3f60;
  --dark-frame-text: #f8fafc;
  --dark-frame-muted: #d6dee9;
}

html.dark :is(
  .card,
  .box,
  .panel,
  .frame,
  .body-frame,
  .iframe-panel,
  .large-iframe-panel,
  .embedded-form-frame,
  .form-modal-panel,
  .service-enquiry-card,
  .contact-body-frame,
  .contact-details-after-form,
  .legal-document-header,
  .legal-content,
  .legal-note,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  article[class*="card"],
  div[class*="card"],
  article[class*="box"],
  div[class*="box"],
  article[class*="panel"],
  div[class*="panel"],
  article[class*="frame"],
  div[class*="frame"]
),
body.dark :is(
  .card,
  .box,
  .panel,
  .frame,
  .body-frame,
  .iframe-panel,
  .large-iframe-panel,
  .embedded-form-frame,
  .form-modal-panel,
  .service-enquiry-card,
  .contact-body-frame,
  .contact-details-after-form,
  .legal-document-header,
  .legal-content,
  .legal-note,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  article[class*="card"],
  div[class*="card"],
  article[class*="box"],
  div[class*="box"],
  article[class*="panel"],
  div[class*="panel"],
  article[class*="frame"],
  div[class*="frame"]
) {
  background: linear-gradient(145deg, var(--dark-frame-bg-2), var(--dark-frame-bg)) !important;
  border-color: var(--dark-frame-border) !important;
  color: var(--dark-frame-text) !important;
}

html.dark :is(iframe, .embedded-form-frame),
body.dark :is(iframe, .embedded-form-frame) {
  background-color: var(--dark-frame-bg) !important;
  border-color: var(--dark-frame-border) !important;
}

html.dark :is(.client-logo-card, article.client-logo-card, .client-logo-card img),
body.dark :is(.client-logo-card, article.client-logo-card, .client-logo-card img) {
  background: linear-gradient(145deg, var(--dark-frame-bg-2), var(--dark-frame-bg)) !important;
}

html.dark :is(.client-logo-card img, .footer-logo, .brand img),
body.dark :is(.client-logo-card img, .footer-logo, .brand img) {
  background: #ffffff !important;
}

html.dark :is(.card, .box, .panel, .frame, [class*="card"], [class*="box"], [class*="panel"], [class*="frame"]) :is(p, li, span, small, label),
body.dark :is(.card, .box, .panel, .frame, [class*="card"], [class*="box"], [class*="panel"], [class*="frame"]) :is(p, li, span, small, label) {
  color: var(--dark-frame-muted) !important;
}

html.dark :is(.card, .box, .panel, .frame, [class*="card"], [class*="box"], [class*="panel"], [class*="frame"]) :is(h1, h2, h3, h4, strong, b),
body.dark :is(.card, .box, .panel, .frame, [class*="card"], [class*="box"], [class*="panel"], [class*="frame"]) :is(h1, h2, h3, h4, strong, b) {
  color: var(--dark-frame-text) !important;
}

/* Final mobile fit pass */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
strong,
small,
label,
summary,
button {
  overflow-wrap: anywhere;
}

.container {
  width: min(100% - 32px, 1180px) !important;
}

.header-inner,
.footer-topline,
.footer-bottom,
.hero-actions,
.footer-bottom-links,
.footer-company-row,
.footer-resource-row {
  min-width: 0;
}

.brand,
.site-nav,
.footer-links-block,
.footer-company-row,
.footer-resource-row {
  min-width: 0 !important;
}

.brand img {
  max-width: min(210px, 58vw) !important;
  height: auto !important;
}

.site-nav a,
.nav-link,
.button,
button,
input,
select,
textarea {
  max-width: 100%;
}

.footer-links-block {
  grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  max-width: 100% !important;
}

.embedded-form-modal .iframe-panel,
.embedded-form-modal .large-iframe-panel,
.form-modal.embedded-form-modal .iframe-panel,
.form-modal.embedded-form-modal .large-iframe-panel {
  width: min(100% - 18px, 860px) !important;
  max-width: calc(100vw - 18px) !important;
}

.embedded-form-frame,
.form-modal.embedded-form-modal .embedded-form-frame {
  width: 100% !important;
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 24px, 100%) !important;
  }

  .header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .brand {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .brand-tagline {
    display: none !important;
  }

  .nav-toggle,
  .gs-header-controls {
    flex: 0 0 auto !important;
  }

  .site-nav {
    left: 12px !important;
    right: 12px !important;
    top: calc(100% + 8px) !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    padding: 12px !important;
  }

  .site-nav a,
  .nav-link {
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .hero-actions,
  .form-actions,
  .button-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .hero-actions .button,
  .hero-actions button,
  .button,
  button[type="button"],
  button[type="submit"] {
    white-space: normal !important;
  }

  .footer-topline,
  .footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .footer-links-block,
  body .footer-links-block {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    justify-content: stretch !important;
    width: 100% !important;
  }

  .footer-company-row,
  .footer-resource-row,
  .footer-bottom-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .page-hero,
  .hero,
  .section {
    overflow: hidden !important;
  }

  .local-service-grid,
  .home-service-grid,
  .vehicle-category-grid,
  .testimonial-grid,
  .contact-grid,
  .form-grid {
    grid-template-columns: 1fr !important;
  }

  .embedded-form-modal .iframe-panel,
  .embedded-form-modal .large-iframe-panel,
  .form-modal.embedded-form-modal .iframe-panel,
  .form-modal.embedded-form-modal .large-iframe-panel {
    height: min(92vh, 860px) !important;
    width: calc(100vw - 14px) !important;
  }
}

@media (max-width: 420px) {
  .container {
    width: min(100% - 18px, 100%) !important;
  }

  .brand img {
    max-width: min(176px, 56vw) !important;
  }

  .gs-control-button,
  .nav-toggle {
    height: 36px !important;
    width: 36px !important;
  }

  .page-hero,
  .hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Client update pass: branding, responsive fit and dark-mode section polish */
.brand {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 224px !important;
  max-width: 224px !important;
  gap: 4px !important;
}

.brand img {
  width: 100% !important;
  max-width: 198px !important;
}

.brand-tagline {
  display: block !important;
  width: 100% !important;
  max-width: 198px !important;
  text-align: center !important;
  font-size: .66rem !important;
  line-height: 1.15 !important;
  letter-spacing: .02em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

.mega-title,
.mega-title span,
.services-hero-title,
.services-hero-title span,
.hero-title-line {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

.mission-board,
.mission-board p {
  text-align: left !important;
}

body.page-about .page-hero,
body.page-about .section {
  border-bottom: 1px solid rgba(var(--theme-accent-rgb),.18) !important;
}

body.page-about .section:last-of-type {
  border-bottom: 0 !important;
}

body.page-services .cards-three {
  width: min(1224px, calc(100% + 28px)) !important;
  margin-inline: -14px !important;
}

body.page-services .cards-three .feature-card {
  min-width: 0 !important;
}

.contact-company-heading,
body .contact-details-after-form h2.contact-company-heading {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.site-footer {
  margin-top: 18px !important;
  padding-top: 32px !important;
  padding-bottom: 16px !important;
}

.footer-brand-block {
  width: 180px !important;
  max-width: 100% !important;
}

.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  width: 180px !important;
  max-width: 180px !important;
  padding: 8px !important;
  margin-bottom: .45rem !important;
}

.footer-tagline {
  width: 180px !important;
  max-width: 180px !important;
  font-size: .72rem !important;
  line-height: 1.25 !important;
  text-align: center !important;
  margin-top: 0 !important;
}

.footer-company-row,
.footer-resource-row,
.footer-bottom-links {
  align-items: center !important;
}

.gs-control-button {
  color: var(--ink) !important;
  font-size: 0 !important;
}

.gs-control-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

.hero-actions .button,
.location-card,
.local-service-card,
.route-origin-group {
  max-width: 100% !important;
}

@media (min-width: 761px) {
  body.page-vendor .vehicle-category-section {
    background: linear-gradient(180deg, rgba(239, 244, 255, .72), rgba(255, 255, 255, .2)) !important;
  }

  body.page-vendor .source-detail-section {
    background: linear-gradient(180deg, rgba(240, 253, 250, .72), rgba(255, 255, 255, .2)) !important;
  }

  body.page-vendor .map-section {
    background: linear-gradient(180deg, rgba(255, 251, 235, .62), rgba(255, 255, 255, .16)) !important;
  }
}

html.dark body.page-about .page-hero,
html.dark body.page-about .section,
body.dark.page-about .page-hero,
body.dark.page-about .section {
  border-bottom-color: rgba(var(--theme-accent-rgb),.34) !important;
}

html.dark body.page-vendor .vendor-hero,
body.dark.page-vendor .vendor-hero {
  background: #050914 !important;
}

html.dark body.page-vendor .vehicle-category-section,
body.dark.page-vendor .vehicle-category-section {
  background: linear-gradient(180deg, #081225 0%, #0d1729 100%) !important;
}

html.dark body.page-vendor .source-detail-section,
body.dark.page-vendor .source-detail-section {
  background: linear-gradient(180deg, #0d1729 0%, #111f35 100%) !important;
}

html.dark body.page-vendor .map-section,
body.dark.page-vendor .map-section {
  background: linear-gradient(180deg, #111f35 0%, #081225 100%) !important;
}

@media (max-width: 760px) {
  body {
    font-size: 95% !important;
  }

  .brand {
    width: auto !important;
    max-width: min(188px, 54vw) !important;
    padding: 7px 9px !important;
  }

  .brand img {
    max-width: min(166px, 50vw) !important;
  }

  .brand-tagline {
    display: none !important;
  }

  .mega-title {
    font-size: clamp(3.65rem, 19vw, 5.7rem) !important;
    line-height: .84 !important;
    letter-spacing: -.075em !important;
  }

  .hero-actions {
    width: 100% !important;
  }

  .hero-actions .button,
  .hero-actions button {
    flex: 1 1 160px !important;
    min-width: 0 !important;
  }

  body.page-services .cards-three {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  .location-card-grid,
  .route-origin-group .location-card-grid,
  .local-service-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .location-card {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 14px !important;
    white-space: normal !important;
  }

  .form-modal {
    align-items: stretch !important;
    place-items: stretch !important;
    padding: 8px !important;
  }

  .embedded-form-modal .iframe-panel,
  .form-modal.embedded-form-modal .iframe-panel {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    overflow: hidden !important;
  }

  .embedded-form-frame,
  .form-modal.embedded-form-modal .embedded-form-frame {
    height: 100% !important;
    min-height: 100% !important;
    display: block !important;
  }

  .footer-brand-block,
  .footer-logo,
  .site-footer .footer-logo,
  .footer-brand-block .footer-logo,
  .footer-tagline {
    width: 160px !important;
    max-width: 160px !important;
  }
}

@media (max-width: 420px) {
  .hero-actions .button,
  .hero-actions button {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .gs-control-button {
    min-width: 38px !important;
    min-height: 38px !important;
  }
}

/* Requested narrow refinements */
.brand-tagline {
  max-width: 198px !important;
  font-size: .56rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

.mission-board,
.mission-board .mission-intro,
.mission-board p {
  text-align: left !important;
}

body.page-about .page-hero,
body.page-about .section,
html.dark body.page-about .page-hero,
html.dark body.page-about .section,
body.dark.page-about .page-hero,
body.dark.page-about .section {
  border-bottom: 0 !important;
  border-block: 0 !important;
}

body.page-services .cards-three {
  width: min(1280px, calc(100% + 72px)) !important;
  margin-inline: -36px !important;
}

html.dark :is(
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .doc-card,
  .service-enquiry-card,
  .contact-body-frame,
  .contact-details-after-form,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  article[class*="card"],
  div[class*="card"],
  article[class*="box"],
  div[class*="box"],
  article[class*="panel"],
  div[class*="panel"]
),
body.dark :is(
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .doc-card,
  .service-enquiry-card,
  .contact-body-frame,
  .contact-details-after-form,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  article[class*="card"],
  div[class*="card"],
  article[class*="box"],
  div[class*="box"],
  article[class*="panel"],
  div[class*="panel"]
) {
  background: rgba(13, 23, 41, .58) !important;
  border-color: rgba(148, 163, 184, .28) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(14px) !important;
}

.site-footer {
  margin-top: 8px !important;
  padding-top: 18px !important;
  padding-bottom: 10px !important;
}

.footer-topline {
  gap: 18px !important;
}

.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  margin-bottom: .25rem !important;
}

.footer-tagline {
  width: 180px !important;
  max-width: 180px !important;
  font-size: .66rem !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

.footer-resource-title {
  display: block;
  color: #64748b;
  font-size: .9rem;
  font-weight: 700;
  margin: .3rem 0;
}

.footer-bottom {
  margin-top: 1rem !important;
  padding-top: .75rem !important;
}

@media (max-width: 760px) {
  body.page-services .cards-three {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  .footer-tagline {
    width: 160px !important;
    max-width: 160px !important;
  }
}

/* Final requested refinements */
body.page-home .mission-board,
body.page-home .mission-board .mission-intro,
body.page-home .mission-board p {
  text-align: left !important;
}

body.page-services #service-capabilities .capability-grid {
  width: min(1320px, calc(100% + 96px)) !important;
  margin-left: -48px !important;
  margin-right: -48px !important;
}

html.dark :is(
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .doc-card,
  .service-enquiry-card,
  .contact-body-frame,
  .contact-details-after-form,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  article[class*="card"],
  div[class*="card"],
  article[class*="box"],
  div[class*="box"],
  article[class*="panel"],
  div[class*="panel"],
  article[class*="frame"],
  div[class*="frame"]
),
body.dark :is(
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .doc-card,
  .service-enquiry-card,
  .contact-body-frame,
  .contact-details-after-form,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .service-info-block,
  .service-parallel-info,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  article[class*="card"],
  div[class*="card"],
  article[class*="box"],
  div[class*="box"],
  article[class*="panel"],
  div[class*="panel"],
  article[class*="frame"],
  div[class*="frame"]
) {
  background: rgba(13, 23, 41, .34) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
}

html.dark :is(
  .mission-board::after,
  .feature-card::after,
  .content-panel::after,
  .callout-card::after,
  .data-card::after
),
body.dark :is(
  .mission-board::after,
  .feature-card::after,
  .content-panel::after,
  .callout-card::after,
  .data-card::after
) {
  opacity: .18 !important;
}

.site-footer {
  margin-top: 4px !important;
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}

.footer-topline {
  gap: 12px !important;
}

.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  padding: 6px !important;
  margin-bottom: .12rem !important;
}

.footer-tagline {
  width: 180px !important;
  max-width: 180px !important;
  font-size: .56rem !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

.footer-resource-title {
  display: inline-block !important;
  color: #64748b;
  font-size: .86rem;
  font-weight: 700;
  margin: .2rem .75rem .2rem 0;
}

.footer-bottom {
  margin-top: .6rem !important;
  padding-top: .5rem !important;
}

@media (max-width: 760px) {
  body.page-services #service-capabilities .capability-grid {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Final narrow adjustment: footer fit, service card size, dark card transparency */
.footer-tagline {
  width: 180px !important;
  max-width: 180px !important;
  white-space: nowrap !important;
  font-size: .48rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.footer-links-block {
  column-gap: 14px !important;
  row-gap: 4px !important;
}

.footer-resource-row,
.footer-company-row {
  gap: 6px 10px !important;
}

.footer-resource-title,
.site-footer a,
.site-footer span {
  font-size: .78rem !important;
  line-height: 1.15 !important;
}

.footer-resource-title {
  margin: .1rem .35rem .1rem 0 !important;
}

.site-footer {
  padding-top: 10px !important;
  padding-bottom: 6px !important;
}

.footer-bottom {
  margin-top: .45rem !important;
  padding-top: .4rem !important;
}

body.page-services .services-showcase .container {
  width: min(1320px, calc(100% - 24px)) !important;
}

body.page-services .service-showcase-grid,
body.page-services .services-showcase .service-showcase-grid {
  width: min(1320px, 100%) !important;
  margin-inline: auto !important;
  gap: 16px !important;
}

body.page-services .service-showcase-card,
body.page-services .logistics-solution-card {
  padding: clamp(16px, 2vw, 24px) !important;
  min-height: 0 !important;
}

body.page-services .service-showcase-card > p:not(.service-commitment),
body.page-services .logistics-solution-card > p:not(.service-commitment) {
  margin-bottom: .8rem !important;
  line-height: 1.55 !important;
}

body.page-services .service-showcase-top {
  margin-bottom: .8rem !important;
}

body.page-services .service-commitment {
  margin-bottom: .55rem !important;
}

body.page-services .key-benefit-block,
body.page-services .service-info-block {
  padding: 12px !important;
}

body.page-services .key-benefit-list {
  margin-top: .45rem !important;
}

body.page-services .key-benefit-list li {
  margin: .28rem 0 !important;
}

body.page-services .service-parallel-info {
  gap: 10px !important;
  margin-top: 10px !important;
}

body.page-services .support-chip-grid {
  gap: 7px !important;
}

body.page-services .service-info-block .support-chip,
body.page-services .support-chip {
  padding: 7px 9px !important;
  font-size: .78rem !important;
}

html.dark :is(
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .doc-card,
  .service-enquiry-card,
  .service-showcase-card,
  .logistics-solution-card,
  .service-info-block,
  .service-parallel-info,
  .key-benefit-block,
  .ideal-card-block,
  .support-card-block,
  .contact-body-frame,
  .contact-details-after-form,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  [class*="card"],
  [class*="box"],
  [class*="panel"],
  [class*="frame"]
),
body.dark :is(
  .mission-board,
  .callout-card,
  .data-card,
  .content-panel,
  .feature-card,
  .form-layout,
  .legal-content,
  .legal-note,
  .process-step,
  .doc-card,
  .service-enquiry-card,
  .service-showcase-card,
  .logistics-solution-card,
  .service-info-block,
  .service-parallel-info,
  .key-benefit-block,
  .ideal-card-block,
  .support-card-block,
  .contact-body-frame,
  .contact-details-after-form,
  .why-choose-shell,
  .why-card,
  .testimonial-card,
  .home-service-card,
  .home-vehicle-card,
  .client-logo-card,
  .vehicle-category-card,
  .local-service-card,
  .location-card,
  .route-origin-group,
  .faq-list details,
  .form-modal-panel,
  .iframe-panel,
  .large-iframe-panel,
  [class*="card"],
  [class*="box"],
  [class*="panel"],
  [class*="frame"]
) {
  background: rgba(13, 23, 41, .24) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.dark :is(
  .support-chip,
  .service-commitment,
  .home-commitment-badge,
  .industry-chip,
  .value-chip,
  .vehicle-category-card span,
  .movement-track span,
  .why-icon,
  .why-summary-strip span,
  .badge,
  [class*="chip"],
  [class*="badge"]
),
body.dark :is(
  .support-chip,
  .service-commitment,
  .home-commitment-badge,
  .industry-chip,
  .value-chip,
  .vehicle-category-card span,
  .movement-track span,
  .why-icon,
  .why-summary-strip span,
  .badge,
  [class*="chip"],
  [class*="badge"]
) {
  background: rgba(255, 255, 255, .06) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .footer-tagline {
    width: 160px !important;
    max-width: 160px !important;
    font-size: .46rem !important;
  }

  body.page-services .services-showcase .container {
    width: min(100% - 24px, 100%) !important;
  }
}

/* Final footer and enterprise-card alignment pass */
.footer-brand-block,
.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo,
.footer-tagline {
  width: 180px !important;
  max-width: 180px !important;
}

.footer-tagline {
  display: block !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  font-size: .42rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body .footer-links-block,
.footer-links-block {
  display: grid !important;
  grid-template-columns: 132px 132px !important;
  align-items: start !important;
  justify-content: end !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  min-width: 0 !important;
  margin-left: auto !important;
  text-align: left !important;
}

body .footer-company-row,
body .footer-resource-row,
.footer-company-row,
.footer-resource-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  width: 132px !important;
  text-align: left !important;
}

.footer-resource-title,
.site-footer a,
.site-footer span {
  font-size: .74rem !important;
  line-height: 1.12 !important;
}

.footer-resource-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

body.page-services .service-showcase-grid,
body.page-services .logistics-solution-grid,
body.page-services .services-showcase .service-showcase-grid,
body.page-services .services-showcase .logistics-solution-grid {
  grid-template-columns: 1fr !important;
  width: min(1280px, 100%) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 14px !important;
}

body.page-services .service-showcase-card,
body.page-services .logistics-solution-card {
  padding: 14px 18px !important;
}

body.page-services .service-showcase-top {
  margin-bottom: 8px !important;
}

body.page-services .service-showcase-card > p:not(.service-commitment),
body.page-services .logistics-solution-card > p:not(.service-commitment) {
  margin-bottom: 8px !important;
  line-height: 1.42 !important;
}

body.page-services .service-commitment {
  margin-bottom: 6px !important;
  padding: 6px 10px !important;
}

body.page-services .key-benefit-block,
body.page-services .service-info-block {
  padding: 10px !important;
}

body.page-services .key-benefit-list li {
  margin: 2px 0 !important;
}

body.page-services .service-parallel-info {
  gap: 8px !important;
  margin-top: 8px !important;
}

body.page-services .support-chip-grid {
  gap: 5px !important;
}

body.page-services .service-info-block .support-chip,
body.page-services .support-chip {
  padding: 5px 8px !important;
  font-size: .74rem !important;
  line-height: 1.15 !important;
}

@media (min-width: 1001px) {
  body.page-services .services-showcase .container {
    width: min(1320px, calc(100% - 24px)) !important;
  }
}

@media (max-width: 760px) {
  body .footer-links-block,
  .footer-links-block {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    row-gap: 8px !important;
  }

  body .footer-company-row,
  body .footer-resource-row,
  .footer-company-row,
  .footer-resource-row {
    width: 100% !important;
  }

  .footer-tagline {
    width: 160px !important;
    max-width: 160px !important;
    font-size: .4rem !important;
  }
}

/* Requested correction: moderate enterprise cards and restore support text */
.footer-tagline {
  font-size: .34rem !important;
}

body.page-services .service-showcase-grid,
body.page-services .logistics-solution-grid,
body.page-services .services-showcase .service-showcase-grid,
body.page-services .services-showcase .logistics-solution-grid {
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
}

@media (min-width: 1001px) {
  body.page-services .services-showcase .container {
    width: min(1160px, calc(100% - 32px)) !important;
  }
}

body.page-services .service-parallel-info .service-info-block strong {
  font-size: .95rem !important;
  line-height: 1.2 !important;
}

body.page-services .service-parallel-info .support-chip,
body.page-services .service-parallel-info .service-info-block .support-chip {
  font-size: .9rem !important;
  line-height: 1.25 !important;
  padding: 7px 10px !important;
}

@media (max-width: 760px) {
  .footer-tagline {
    font-size: .32rem !important;
  }
}

/* Final requested tweak: shorter testimonials and footer tagline matching header */
body.page-home .testimonials-section {
  padding-top: clamp(28px, 4vw, 44px) !important;
  padding-bottom: clamp(28px, 4vw, 44px) !important;
}

body.page-home .testimonials-section .section-heading {
  margin-bottom: 1rem !important;
}

body.page-home .testimonial-grid {
  gap: 12px !important;
}

body.page-home .testimonial-card,
body.page-home .testimonial-card:first-child {
  min-height: 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
}

body.page-home .testimonial-card p,
body.page-home .testimonial-card:first-child p {
  margin-bottom: .65rem !important;
  line-height: 1.45 !important;
}

body.page-home .testimonial-card strong {
  margin-top: .35rem !important;
}

body.page-home .testimonial-photo,
body.page-home .testimonial-card:first-child .testimonial-photo,
body.page-home .testimonial-initial,
body.page-home .testimonial-card:first-child .testimonial-initial {
  width: 46px !important;
  height: 46px !important;
  margin-bottom: .65rem !important;
}

.footer-tagline {
  width: 198px !important;
  max-width: 198px !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  font-size: .56rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .footer-tagline {
    width: 166px !important;
    max-width: 166px !important;
    font-size: .5rem !important;
  }
}

/* Hosting handoff: header tagline same visual length as logo */
.brand img {
  width: 198px !important;
  max-width: 198px !important;
}

.brand-tagline {
  display: block !important;
  width: 198px !important;
  max-width: 198px !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .brand img {
    width: min(166px, 50vw) !important;
    max-width: min(166px, 50vw) !important;
  }

  .brand-tagline {
    width: min(166px, 50vw) !important;
    max-width: min(166px, 50vw) !important;
  }
}

/* v1 final CTA/mobile fit refinements */
.button,
button.button,
a.button,
.hero-actions .button,
.hero-actions button.button,
.form-button-layout .button.primary.popup-trigger,
.career-apply-button {
  min-height: 42px !important;
  height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
}

.hero-actions {
  gap: 10px !important;
  margin-top: 22px !important;
}

body.page-home .mega-title {
  max-width: 100% !important;
}

@media (max-width: 760px) {
  body.page-home .mega-title {
    font-size: clamp(3.15rem, 16.5vw, 5.05rem) !important;
    line-height: .86 !important;
    letter-spacing: -.065em !important;
  }

  body.page-home .mega-title span {
    letter-spacing: -.06em !important;
  }

  .hero-actions .button,
  .hero-actions button {
    flex: 0 1 auto !important;
    min-width: 132px !important;
    width: auto !important;
  }
}

@media (max-width: 420px) {
  body.page-home .mega-title {
    font-size: clamp(3rem, 15vw, 4.45rem) !important;
  }

  .hero-actions .button,
  .hero-actions button {
    flex-basis: auto !important;
    width: auto !important;
    min-width: 126px !important;
  }
}

/* v2 service-area CTA length refinement */
body.page-local .local-landing-hero .hero-actions,
body.page-services.page-local .local-landing-hero .hero-actions {
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
}

body.page-local .local-landing-hero .hero-actions .button,
body.page-local .local-landing-hero .hero-actions button.button,
body.page-services.page-local .local-landing-hero .hero-actions .button,
body.page-services.page-local .local-landing-hero .hero-actions button.button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  padding-inline: 12px !important;
  font-size: .74rem !important;
  letter-spacing: .025em !important;
}

@media (max-width: 420px) {
  body.page-local .local-landing-hero .hero-actions,
  body.page-services.page-local .local-landing-hero .hero-actions {
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  body.page-local .local-landing-hero .hero-actions .button,
  body.page-local .local-landing-hero .hero-actions button.button,
  body.page-services.page-local .local-landing-hero .hero-actions .button,
  body.page-services.page-local .local-landing-hero .hero-actions button.button {
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    padding-inline: 10px !important;
    font-size: .7rem !important;
    letter-spacing: .015em !important;
  }
}

/* v3 service-areas mobile buttons side by side only */
@media (max-width: 760px) {
  body.page-service-areas .local-landing-hero .hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.page-service-areas .local-landing-hero .hero-actions .button,
  body.page-service-areas .local-landing-hero .hero-actions button.button {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50vw - 18px) !important;
    padding-inline: 9px !important;
    font-size: .68rem !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
  }
}

/* v4 service-areas mobile heading fit only */
@media (max-width: 760px) {
  body.page-service-areas .local-landing-hero .services-hero-title {
    max-width: min(100%, 360px) !important;
    margin-inline: auto !important;
    font-size: clamp(1.24rem, 5.4vw, 1.72rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.page-service-areas .local-landing-hero .services-hero-title .title-line {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 420px) {
  body.page-service-areas .local-landing-hero .services-hero-title {
    max-width: min(100%, 304px) !important;
    font-size: clamp(1.08rem, 5.2vw, 1.24rem) !important;
  }
}

/* v6 other service pages mobile buttons side by side only */
@media (max-width: 760px) {
  body.page-services.page-local:not(.page-service-areas) .local-landing-hero .hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.page-services.page-local:not(.page-service-areas) .local-landing-hero .hero-actions .button,
  body.page-services.page-local:not(.page-service-areas) .local-landing-hero .hero-actions button.button {
    flex: 1 1 0 !important;
    width: calc(50% - 3px) !important;
    min-width: 0 !important;
    max-width: 152px !important;
    padding-inline: 7px !important;
    font-size: .66rem !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  body.page-services.page-local:not(.page-service-areas) .local-landing-hero .hero-actions .button,
  body.page-services.page-local:not(.page-service-areas) .local-landing-hero .hero-actions button.button {
    max-width: 144px !important;
    padding-inline: 5px !important;
    font-size: .62rem !important;
  }
}


/* Gatisetu social footer icons: consistent Font Awesome package and size */
.footer-bottom-links .social-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform .2s ease, opacity .2s ease !important;
}
.footer-bottom-links .social-icon i {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #fff !important;
}
.footer-bottom-links .social-icon:hover {
  color: #fff !important;
  transform: translateY(-2px);
  opacity: .9;
}
.footer-bottom-links .linkedin-social-icon { background: #0a66c2 !important; border-color: #0a66c2 !important; }
.footer-bottom-links .instagram-social-icon { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) !important; border-color: transparent !important; }
.footer-bottom-links .x-social-icon { background: #000 !important; border-color: #000 !important; }
.footer-bottom-links .facebook-social-icon { background: #1877f2 !important; border-color: #1877f2 !important; }
@media (max-width: 640px) {
  .footer-bottom-links { gap: 10px !important; flex-wrap: wrap; }
}


/* Homepage solution links now act as modal form triggers */
button.text-link.solution-form-trigger {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}


/* Keep For Enterprises anchor destinations visible below the sticky header */
#ftl, #adhoc, #contract {
  scroll-margin-top: 110px;
}


/* Gatisetu adaptive brand lockup — final override */
.brand,
.site-header .brand,
a.brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.brand-mark-row,
.footer-brand-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  line-height: 1 !important;
}

.brand-logo,
.site-header .brand .brand-logo {
  width: 34px !important;
  height: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}

.brand-name,
.footer-brand-name {
  font-family: var(--theme-font-heading, "Outfit", sans-serif) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  color: #071E44 !important;
  white-space: nowrap !important;
}

.brand-name {
  font-size: 1.42rem !important;
}

.brand-tagline {
  margin: 1px 0 0 43px !important;
  max-width: none !important;
  font-size: .55rem !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  color: #5f6b7a !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.footer-brand-row {
  margin-bottom: 6px !important;
}

.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  width: 38px !important;
  height: 45px !important;
  max-height: 45px !important;
  object-fit: contain !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.footer-brand-name {
  font-size: 1.55rem !important;
}

.footer-brand-block .footer-tagline {
  margin: 0 0 0 47px !important;
  font-size: .72rem !important;
}

/* Dark mode: explicit alternate symbol keeps the orange accent and changes navy to light. */
.brand-symbol,
.footer-brand-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.brand-logo-dark,
.footer-logo-dark {
  display: none !important;
}
.dark .brand-logo-light,
.dark .footer-logo-light,
body.dark .brand-logo-light,
body.dark .footer-logo-light {
  display: none !important;
}
.dark .brand-logo-dark,
.dark .footer-logo-dark,
body.dark .brand-logo-dark,
body.dark .footer-logo-dark {
  display: block !important;
}

.dark .brand-name,
.dark .footer-brand-name,
body.dark .brand-name,
body.dark .footer-brand-name {
  color: #F8FAFC !important;
}

.dark .brand-tagline,
body.dark .brand-tagline {
  color: #CBD5E1 !important;
}

.dark .footer-brand-block .footer-tagline,
body.dark .footer-brand-block .footer-tagline {
  color: #CBD5E1 !important;
}

/* Contact registered-address presentation. */
.contact-info-item-wide {
  min-width: min(100%, 360px);
}

/* Hyve login card. */
.portal-access-card {
  text-align: center !important;
  padding: clamp(26px, 5vw, 46px) !important;
}
.portal-url {
  margin: 12px 0 8px !important;
  font-family: var(--theme-font-heading, "Outfit", sans-serif) !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  font-weight: 800 !important;
}
.portal-url a {
  color: var(--orange, var(--theme-accent)) !important;
}
.portal-login-button {
  display: inline-flex !important;
  margin-top: 14px !important;
}

@media (max-width: 760px) {
  .brand-logo,
  .site-header .brand .brand-logo {
    width: 29px !important;
    height: 34px !important;
    max-height: 34px !important;
  }
  .brand-name {
    font-size: 1.2rem !important;
  }
  .brand-mark-row {
    gap: 7px !important;
  }
  .brand-tagline {
    margin-left: 36px !important;
    font-size: .48rem !important;
  }
  .footer-logo,
  .site-footer .footer-logo,
  .footer-brand-block .footer-logo {
    width: 34px !important;
    height: 40px !important;
    max-height: 40px !important;
  }
  .footer-brand-name {
    font-size: 1.35rem !important;
  }
  .footer-brand-block .footer-tagline {
    margin-left: 41px !important;
  }
}


/* --- Final V3 brand refinements: one visible logo + stylized wordmark + dark-mode support --- */
.brand-mark-row,
.footer-brand-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.brand-symbol,
.footer-brand-symbol {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 38px !important;
  height: 45px !important;
  min-width: 38px !important;
  min-height: 45px !important;
  overflow: hidden !important;
}

.brand-logo,
.site-header .brand .brand-logo,
.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  margin: 0 !important;
  transform: none !important;
}

.brand-name,
.footer-brand-name {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  font-family: var(--theme-font-heading, "Outfit", sans-serif) !important;
  font-size: 1.56rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-rendering: geometricPrecision !important;
}
.brand-name-primary,
.footer-brand-name .brand-name-primary {
  color: #071E44 !important;
}
.brand-name-secondary,
.footer-brand-name .brand-name-secondary {
  color: var(--theme-accent) !important;
}

.site-header .brand {
  align-items: flex-start !important;
}
.brand-tagline {
  margin: 2px 0 0 50px !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}
.footer-brand-block .footer-tagline {
  margin: 2px 0 0 50px !important;
}

.dark .brand-name-primary,
body.dark .brand-name-primary,
.dark .footer-brand-name .brand-name-primary,
body.dark .footer-brand-name .brand-name-primary {
  color: #F8FAFC !important;
}
.dark .brand-name-secondary,
body.dark .brand-name-secondary,
.dark .footer-brand-name .brand-name-secondary,
body.dark .footer-brand-name .brand-name-secondary {
  color: var(--theme-accent) !important;
}
.dark .brand-tagline,
body.dark .brand-tagline,
.dark .footer-brand-block .footer-tagline,
body.dark .footer-brand-block .footer-tagline {
  color: #D8E2EE !important;
}

/* Contact page: requested registered office formatting */
.contact-company-heading {
  margin-bottom: 18px !important;
}
.contact-info-columns .contact-info-item h3 {
  font-size: 1rem !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  .brand-symbol,
  .footer-brand-symbol {
    width: 34px !important;
    height: 40px !important;
    min-width: 34px !important;
    min-height: 40px !important;
  }
  .brand-name,
  .footer-brand-name {
    font-size: 1.34rem !important;
  }
  .brand-tagline,
  .footer-brand-block .footer-tagline {
    margin-left: 46px !important;
    font-size: .54rem !important;
  }
}


/* --- Final V4: horizontal contact row + H1-scale corporate wordmark + enforced dark logo --- */
.brand-name,
.footer-brand-name {
  font-family: "Montserrat Alternates", "Avenir Next", "Segoe UI", sans-serif !important;
  font-size: clamp(1.85rem, 2.4vw, 2.25rem) !important; /* H1-style visual scale */
  font-weight: 900 !important;
  letter-spacing: -0.055em !important;
  line-height: .95 !important;
}
.brand-name-primary,
.footer-brand-name .brand-name-primary {
  letter-spacing: -0.06em !important;
}
.brand-name-secondary,
.footer-brand-name .brand-name-secondary {
  letter-spacing: -0.045em !important;
  font-weight: 800 !important;
}

/* One logo only. In dark mode the navy artwork is hidden and the white/orange artwork is shown. */
.brand-logo-light,
.footer-logo-light {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.brand-logo-dark,
.footer-logo-dark {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html.dark .brand-logo-light,
html.dark .footer-logo-light,
body.dark .brand-logo-light,
body.dark .footer-logo-light {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html.dark .brand-logo-dark,
html.dark .footer-logo-dark,
body.dark .brand-logo-dark,
body.dark .footer-logo-dark {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

/* Contact Us: three details in one horizontal line on desktop. */
.contact-details-after-form .contact-info-columns {
  display: grid !important;
  grid-template-columns: minmax(320px, 2.2fr) minmax(210px, 1fr) minmax(210px, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
}
.contact-details-after-form .contact-info-item,
.contact-details-after-form .contact-info-item-wide {
  min-width: 0 !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 !important;
}
.contact-details-after-form .contact-info-item h3 {
  margin-bottom: 7px !important;
}
.contact-details-after-form .contact-info-item p {
  margin: 0 !important;
}

@media (max-width: 980px) {
  .contact-details-after-form .contact-info-columns {
    grid-template-columns: 1fr 1fr !important;
  }
  .contact-details-after-form .contact-info-item-wide {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  .contact-details-after-form .contact-info-columns {
    grid-template-columns: 1fr !important;
  }
  .contact-details-after-form .contact-info-item-wide {
    grid-column: auto !important;
  }
  .brand-name,
  .footer-brand-name {
    font-size: 1.62rem !important;
  }
}


/* --- Final V5: supplied PNG logo + unified Gatisetu theme accents --- */
:root {
  --theme-accent: #77BFFF;
  --theme-accent-rgb: 119, 191, 255;
  --blue: #77BFFF;
  --blue-lt: #77BFFF;
  --blue-glow: rgba(119,191,255,.15);
  --orange: #77BFFF;
  --orange-2: #77BFFF;
  --premium-line: rgba(119,191,255,.14);
  --premium-line-strong: rgba(119,191,255,.22);
}

html.dark,
html.dark body,
.dark,
.dark body,
body.dark {
  --theme-accent: #7EE6CD;
  --theme-accent-rgb: 126, 230, 205;
  --blue: #7EE6CD;
  --blue-lt: #7EE6CD;
  --blue-glow: rgba(126,230,205,.16);
  --orange: #7EE6CD;
  --orange-2: #7EE6CD;
  --premium-line: rgba(126,230,205,.18);
  --premium-line-strong: rgba(126,230,205,.38);
}

/* Exactly the same supplied PNG artwork in both light and dark modes. */
.brand-logo,
.site-header .brand .brand-logo,
.footer-logo,
.site-footer .footer-logo,
.footer-brand-block .footer-logo {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  filter: none !important;
}
html.dark .brand-logo,
html.dark .footer-logo,
body.dark .brand-logo,
body.dark .footer-logo {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  filter: none !important;
}

/* Theme accent coverage for all shared UI elements. */
.nav-link:hover,
.nav-link.active,
.button.primary,
.btn-primary,
.floating-back-top,
.text-link:hover,
.portal-url a {
  background-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
}
.text-link,
.eyebrow,
.kicker,
.data-card strong,
.brand-name-secondary,
.footer-brand-name .brand-name-secondary,
.gs-control-button:hover {
  color: var(--theme-accent) !important;
}
.eyebrow::before,
.kicker::before {
  background: var(--theme-accent) !important;
}

html.dark .button.secondary,
body.dark .button.secondary,
html.dark .hero-actions .button.secondary,
body.dark .hero-actions .button.secondary {
  border-color: #7EE6CD !important;
}
html.dark .button.secondary:hover,
body.dark .button.secondary:hover,
html.dark .hero-actions .button.secondary:hover,
body.dark .hero-actions .button.secondary:hover {
  background: #7EE6CD !important;
  border-color: #7EE6CD !important;
  color: #07151a !important;
}
html.dark :is(.button.primary,.btn-primary,.text-link,.eyebrow,.kicker,.data-card strong),
body.dark :is(.button.primary,.btn-primary,.text-link,.eyebrow,.kicker,.data-card strong) {
  color: #07151a !important;
}
html.dark :is(.home-commitment-badge,.service-commitment,.industry-chip,.value-chip,.vehicle-category-card span,.movement-track span),
body.dark :is(.home-commitment-badge,.service-commitment,.industry-chip,.value-chip,.vehicle-category-card span,.movement-track span) {
  background: rgba(126,230,205,.10) !important;
  border-color: rgba(126,230,205,.25) !important;
  color: #7EE6CD !important;
}


/* Old site image assets removed: text/icon fallbacks preserve layout. */
body.page-home .home-vehicle-card .vehicle-symbol.vehicle-icon {
  display: grid !important;
  place-items: center !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
}
body.page-home .client-logo-card .client-name-text {
  font-family: var(--theme-font-heading, "Outfit", sans-serif) !important;
  font-size: clamp(1.35rem,2.4vw,2rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  color: var(--theme-accent) !important;
}
body.page-home .testimonial-card .testimonial-photo.testimonial-initial {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(var(--theme-accent-rgb),.12) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.28) !important;
  color: var(--theme-accent) !important;
  font-family: var(--theme-font-heading, "Outfit", sans-serif) !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

/* Final V5 specificity fixes for dark-mode teal accents. */
html.dark :is(.button.primary,.btn-primary),
body.dark :is(.button.primary,.btn-primary) {
  color: #07151a !important;
}
html.dark :is(.text-link,.eyebrow,.kicker,.data-card strong,.brand-name-secondary,.footer-brand-name .brand-name-secondary,.portal-url a),
body.dark :is(.text-link,.eyebrow,.kicker,.data-card strong,.brand-name-secondary,.footer-brand-name .brand-name-secondary,.portal-url a) {
  color: #7EE6CD !important;
}

/* --- Final V6: Gatisetu brand alignment, requested accents, dark heading readability --- */
:root {
  /* Light mode accent */
  --theme-accent: #77BFFF;
  --theme-accent-rgb: 119, 191, 255;
  --blue: #77BFFF;
  --blue-lt: #77BFFF;
  --blue-glow: rgba(119,191,255,.15);
  --orange: #77BFFF;
  --orange-2: #77BFFF;
}

html.dark,
html.dark body,
body.dark {
  /* Dark mode accent */
  --theme-accent: #7EE6CD;
  --theme-accent-rgb: 126, 230, 205;
  --blue: #7EE6CD;
  --blue-lt: #7EE6CD;
  --blue-glow: rgba(126,230,205,.16);
  --orange: #7EE6CD;
  --orange-2: #7EE6CD;
}

/* Header: tagline begins under the logo's left edge and ends at the wordmark's right edge. */
.site-header .brand {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 7px 10px 23px !important;
}
.site-header .brand .brand-mark-row {
  width: max-content !important;
  max-width: 100% !important;
}
.site-header .brand .brand-tagline {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: justify !important;
  text-align-last: justify !important;
  text-justify: inter-word !important;
  line-height: 1 !important;
}

/* Footer: apply the exact same logo-to-wordmark tagline alignment rule. */
.site-footer .footer-brand-block {
  position: relative !important;
  display: inline-block !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-bottom: 28px !important;
}
.site-footer .footer-brand-row {
  width: max-content !important;
  max-width: 100% !important;
}
.site-footer .footer-brand-block .footer-tagline {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 5px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: justify !important;
  text-align-last: justify !important;
  text-justify: inter-word !important;
  line-height: 1 !important;
  font-size: .62rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}

/* Dark mode: page and section headings use clean, high-contrast text with no glow/gradient wash. */
html.dark :is(h1, h2, .mega-title),
body.dark :is(h1, h2, .mega-title) {
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
  text-shadow: none !important;
  filter: none !important;
}
html.dark :is(h1, h2, .mega-title) *,
body.dark :is(h1, h2, .mega-title) * {
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
}
html.dark :is(.page-hero h1, .service-hero h1, .vendor-hero h1, .careers-hero h1, .contact-window-intro h1, .legal-document-header h1),
body.dark :is(.page-hero h1, .service-hero h1, .vendor-hero h1, .careers-hero h1, .contact-window-intro h1, .legal-document-header h1) {
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
  text-shadow: none !important;
}

/* Dark mode accent components explicitly follow #7EE6CD. */
html.dark :is(.button.secondary, .hero-actions .button.secondary, .gs-control-button),
body.dark :is(.button.secondary, .hero-actions .button.secondary, .gs-control-button) {
  border-color: rgba(126,230,205,.55) !important;
}
html.dark :is(.button.secondary:hover, .hero-actions .button.secondary:hover, .gs-control-button:hover),
body.dark :is(.button.secondary:hover, .hero-actions .button.secondary:hover, .gs-control-button:hover) {
  background: #7EE6CD !important;
  border-color: #7EE6CD !important;
  color: #07151a !important;
}
html.dark :is(.text-link, .eyebrow, .kicker, .data-card strong, .brand-name-secondary, .footer-brand-name .brand-name-secondary, .portal-url a),
body.dark :is(.text-link, .eyebrow, .kicker, .data-card strong, .brand-name-secondary, .footer-brand-name .brand-name-secondary, .portal-url a) {
  color: #7EE6CD !important;
}

@media (max-width: 760px) {
  .site-header .brand {
    padding-bottom: 21px !important;
  }
  .site-header .brand .brand-tagline {
    left: 10px !important;
    right: 10px !important;
    bottom: 6px !important;
    margin: 0 !important;
  }
  .site-footer .footer-brand-block {
    padding-bottom: 25px !important;
  }
  .site-footer .footer-brand-block .footer-tagline {
    left: 0 !important;
    right: 0 !important;
    bottom: 4px !important;
    margin: 0 !important;
    font-size: .52rem !important;
  }
}

/* --- Final V7: approved accents, identical header/footer lockup, Alfa Slab One --- */
:root {
  /* Light mode approved accent */
  --theme-accent: #77BFFF !important;
  --theme-accent-rgb: 119, 191, 255 !important;
  --blue: #77BFFF !important;
  --blue-lt: #77BFFF !important;
  --blue-glow: rgba(119,191,255,.16) !important;
  --orange: #77BFFF !important;
  --orange-2: #77BFFF !important;
}

html.dark,
html.dark body,
body.dark {
  /* Dark mode approved accent */
  --theme-accent: #7EE6CD !important;
  --theme-accent-rgb: 126, 230, 205 !important;
  --blue: #7EE6CD !important;
  --blue-lt: #7EE6CD !important;
  --blue-glow: rgba(126,230,205,.16) !important;
  --orange: #7EE6CD !important;
  --orange-2: #7EE6CD !important;
}

/* Header and footer use the same exact logo artwork, mark size, wordmark size and font. */
.site-header .brand .brand-mark-row,
.site-footer .footer-brand-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  width: max-content !important;
  line-height: 1 !important;
}

.site-header .brand .brand-symbol,
.site-footer .footer-brand-symbol {
  position: relative !important;
  display: inline-block !important;
  width: 42px !important;
  height: 50px !important;
  min-width: 42px !important;
  min-height: 50px !important;
  overflow: hidden !important;
  flex: 0 0 42px !important;
}

.site-header .brand .brand-logo,
.site-footer .footer-logo,
.site-footer .footer-brand-block .footer-logo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.site-header .brand .brand-name,
.site-footer .footer-brand-name {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  font-family: "Alkalami", Georgia, serif !important;
  font-size: clamp(1.70rem, 2.15vw, 2.15rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
  line-height: .95 !important;
  white-space: nowrap !important;
  text-rendering: geometricPrecision !important;
}

/* Keep the same PNG logo visible in both modes. */
html.dark :is(.brand-logo, .footer-logo),
body.dark :is(.brand-logo, .footer-logo) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Header/footer tagline spans the full lockup, from the logo start to the wordmark end. */
.site-header .brand,
.site-footer .footer-brand-block {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: max-content !important;
  max-width: 100% !important;
}
.site-header .brand {
  padding: 7px 10px 23px !important;
}
.site-footer .footer-brand-block {
  padding: 0 0 27px !important;
}
.site-header .brand .brand-tagline {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 7px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: justify !important;
  text-align-last: justify !important;
  text-justify: inter-word !important;
  font-size: .57rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
}
.site-footer .footer-brand-block .footer-tagline {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 4px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: justify !important;
  text-align-last: justify !important;
  text-justify: inter-word !important;
  font-size: .57rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
}

/* Approved accent coverage. */
:is(.button.primary, .btn-primary, .floating-back-top) {
  background-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
}
:is(.text-link, .eyebrow, .kicker, .data-card strong, .brand-name-secondary, .footer-brand-name .brand-name-secondary, .portal-url a) {
  color: var(--theme-accent) !important;
}
html.dark :is(.button.secondary, .hero-actions .button.secondary, .gs-control-button),
body.dark :is(.button.secondary, .hero-actions .button.secondary, .gs-control-button) {
  border-color: rgba(126,230,205,.55) !important;
}
html.dark :is(.button.secondary:hover, .hero-actions .button.secondary:hover, .gs-control-button:hover),
body.dark :is(.button.secondary:hover, .hero-actions .button.secondary:hover, .gs-control-button:hover) {
  background: #7EE6CD !important;
  border-color: #7EE6CD !important;
  color: #07151a !important;
}
html.dark :is(.text-link, .eyebrow, .kicker, .data-card strong, .brand-name-secondary, .footer-brand-name .brand-name-secondary, .portal-url a),
body.dark :is(.text-link, .eyebrow, .kicker, .data-card strong, .brand-name-secondary, .footer-brand-name .brand-name-secondary, .portal-url a) {
  color: #7EE6CD !important;
}

/* Homepage animated SVG card replacing the former company-description text. */
body.page-home .mission-board.mission-visual-card {
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(250px, 28vw, 390px) !important;
  background: rgba(var(--theme-accent-rgb), .06) !important;
}
body.page-home .mission-board.mission-visual-card::after {
  display: none !important;
}
body.page-home .mission-visual-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(250px, 28vw, 390px) !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* Press-kit approved logo colours. */
.approved-brand-colors {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 16px 0 2px !important;
}
.approved-color-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(100,116,139,.20) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  color: inherit !important;
  font-size: .82rem !important;
}
.approved-color-swatch {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(2,6,23,.10) !important;
}
.approved-color-swatch.brand-blue { background: #77BFFF !important; }
.approved-color-swatch.brand-teal { background: #7EE6CD !important; }
html.dark .approved-color-chip,
body.dark .approved-color-chip {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Preserve clean, readable dark-mode page headings. */
html.dark :is(h1, h2, .mega-title),
body.dark :is(h1, h2, .mega-title) {
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
  text-shadow: none !important;
  filter: none !important;
}
html.dark :is(.page-hero h1, .service-hero h1, .vendor-hero h1, .careers-hero h1, .contact-window-intro h1, .legal-document-header h1),
body.dark :is(.page-hero h1, .service-hero h1, .vendor-hero h1, .careers-hero h1, .contact-window-intro h1, .legal-document-header h1) {
  background-image: none !important;
  color: #F8FAFC !important;
  -webkit-text-fill-color: #F8FAFC !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  .site-header .brand .brand-symbol,
  .site-footer .footer-brand-symbol {
    width: 36px !important;
    height: 43px !important;
    min-width: 36px !important;
    min-height: 43px !important;
    flex-basis: 36px !important;
  }
  .site-header .brand .brand-name,
  .site-footer .footer-brand-name {
    font-size: 1.48rem !important;
  }
  .site-header .brand .brand-tagline,
  .site-footer .footer-brand-block .footer-tagline {
    font-size: .49rem !important;
  }
  body.page-home .mission-board.mission-visual-card,
  body.page-home .mission-visual-svg {
    min-height: 220px !important;
  }
}


.approved-colors-label { margin: 14px 0 0 !important; font-size: .88rem !important; }

/* --- Final V8: unified one-word Gatisetu lockup + identical header/footer behavior --- */
.site-header .brand,
.site-footer .footer-brand-block {
  position: relative !important;
  display: inline-grid !important;
  grid-template-columns: max-content !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 1px !important;
}
.site-header .brand {
  padding: 6px 10px !important;
}
.site-footer .footer-brand-block {
  padding: 0 !important;
  margin: 0 !important;
}
.site-header .brand .brand-mark-row,
.site-footer .footer-brand-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.site-header .brand .brand-symbol,
.site-footer .footer-brand-symbol {
  position: relative !important;
  display: inline-block !important;
  width: 44px !important;
  height: 52px !important;
  min-width: 44px !important;
  min-height: 52px !important;
  flex: 0 0 44px !important;
  overflow: hidden !important;
}
.site-header .brand .brand-logo,
.site-footer .footer-logo,
.site-footer .footer-brand-block .footer-logo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.site-header .brand .brand-name,
.site-footer .footer-brand-name {
  display: inline-block !important;
  font-family: "Alkalami", Georgia, serif !important;
  font-size: clamp(2.02rem, 2.45vw, 2.38rem) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: -0.035em !important;
  line-height: .92 !important;
  white-space: nowrap !important;
  color: #071E44 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  transform: none !important;
}
html.dark .site-header .brand .brand-name,
html.dark .site-footer .footer-brand-name,
body.dark .site-header .brand .brand-name,
body.dark .site-footer .footer-brand-name {
  color: #F8FAFC !important;
}
.site-header .brand .brand-name > *,
.site-footer .footer-brand-name > * {
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}
.site-header .brand .brand-tagline,
.site-footer .footer-brand-block .footer-tagline {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: justify !important;
  text-align-last: justify !important;
  text-justify: inter-word !important;
  font-size: .61rem !important;
  font-weight: 700 !important;
  letter-spacing: .005em !important;
  line-height: 1 !important;
}
.site-footer .footer-brand-block .footer-tagline {
  margin-top: -1px !important;
}
html.dark .site-header .brand .brand-tagline,
html.dark .site-footer .footer-brand-block .footer-tagline,
body.dark .site-header .brand .brand-tagline,
body.dark .site-footer .footer-brand-block .footer-tagline {
  color: #D8E2EE !important;
}

/* Standalone embedded forms: if their modal brand lockup becomes visible, keep the same one-word typography. */
.brand-name,
.footer-brand-name {
  font-family: "Alkalami", Georgia, serif !important;
}

@media (max-width: 760px) {
  .site-header .brand .brand-symbol,
  .site-footer .footer-brand-symbol {
    width: 37px !important;
    height: 44px !important;
    min-width: 37px !important;
    min-height: 44px !important;
    flex-basis: 37px !important;
  }
  .site-header .brand .brand-name,
  .site-footer .footer-brand-name {
    font-size: 1.62rem !important;
  }
  .site-header .brand .brand-tagline,
  .site-footer .footer-brand-block .footer-tagline {
    font-size: .50rem !important;
  }
}



/* --- Final V9: Alkalami wordmark, compact floating header, dark header readability --- */
:root {
  --gs-fixed-header-offset: 66px;
}

/* Brand wordmark: one word, same typography in header and footer. */
.site-header .brand .brand-name,
.site-footer .footer-brand-name,
.brand-name,
.footer-brand-name {
  font-family: "Alkalami", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  line-height: .82 !important;
  white-space: nowrap !important;
}

/* Approved wordmark colours by mode. */
.site-header .brand .brand-name,
.site-footer .footer-brand-name {
  color: #7EE6CD !important;
  -webkit-text-fill-color: #7EE6CD !important;
}
html.dark .site-header .brand .brand-name,
html.dark .site-footer .footer-brand-name,
body.dark .site-header .brand .brand-name,
body.dark .site-footer .footer-brand-name {
  color: #77BFFF !important;
  -webkit-text-fill-color: #77BFFF !important;
}

/* Header stays floating/fixed while scrolling and is ~25% more compact. */
.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}
.header-inner {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.site-header .brand {
  padding: 2px 8px !important;
}
.site-header .brand .brand-symbol {
  width: 34px !important;
  height: 40px !important;
  min-width: 34px !important;
  min-height: 40px !important;
  flex: 0 0 34px !important;
}
.site-header .brand .brand-mark-row {
  gap: 8px !important;
}
.site-header .brand .brand-name {
  font-size: clamp(1.90rem, 2.30vw, 2.26rem) !important;
}
.site-header .brand .brand-tagline {
  font-size: .55rem !important;
  line-height: .95 !important;
}
body {
  padding-top: var(--gs-fixed-header-offset) !important;
}

/* Dark-mode header navigation/control text must remain white for contrast. */
html.dark .site-header :is(.nav-link, .gs-control-button, .nav-toggle),
body.dark .site-header :is(.nav-link, .gs-control-button, .nav-toggle) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html.dark .site-header :is(.nav-link:hover, .nav-link.active),
body.dark .site-header :is(.nav-link:hover, .nav-link.active) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html.dark .site-header .nav-toggle span,
body.dark .site-header .nav-toggle span {
  background: #FFFFFF !important;
}
html.dark .site-header .gs-control-icon,
body.dark .site-header .gs-control-icon {
  color: #FFFFFF !important;
  stroke: currentColor !important;
}

@media (max-width: 760px) {
  :root { --gs-fixed-header-offset: 54px; }
  .header-inner {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .site-header .brand {
    padding: 1px 4px !important;
  }
  .site-header .brand .brand-symbol {
    width: 29px !important;
    height: 34px !important;
    min-width: 29px !important;
    min-height: 34px !important;
    flex-basis: 29px !important;
  }
  .site-header .brand .brand-mark-row {
    gap: 6px !important;
  }
  .site-header .brand .brand-name {
    font-size: 1.62rem !important;
  }
}


/* --- Final V10: Changa One wordmark, corrected mode colours and vertical alignment --- */
/* Gatisetu remains one word and uses the same typography in header and footer. */
.site-header .brand .brand-name,
.site-footer .footer-brand-name,
.brand-name,
.footer-brand-name {
  font-family: "Changa One", "Arial Black", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: .90 !important;
  white-space: nowrap !important;
}

/* Approved brand-name colours by mode. */
.site-header .brand .brand-name,
.site-footer .footer-brand-name {
  color: #77BFFF !important;
  -webkit-text-fill-color: #77BFFF !important;
}
html.dark .site-header .brand .brand-name,
html.dark .site-footer .footer-brand-name,
body.dark .site-header .brand .brand-name,
body.dark .site-footer .footer-brand-name {
  color: #7EE6CD !important;
  -webkit-text-fill-color: #7EE6CD !important;
}

/* Optical alignment: lower the wordmark slightly so it is vertically centred with the logo. */
.site-header .brand .brand-name,
.site-footer .footer-brand-name {
  position: relative !important;
  top: 3px !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .site-header .brand .brand-name,
  .site-footer .footer-brand-name {
    top: 2px !important;
  }
}


/* GATISETU RESPONSIVE FORM MODAL v1 */
.form-modal{padding:clamp(8px,2vw,20px)!important;overflow:hidden}
.embedded-form-modal .iframe-panel,.embedded-form-modal .large-iframe-panel{width:min(940px,calc(100vw - 24px))!important;height:min(94dvh,920px)!important;max-height:none!important;padding:0!important;overflow:hidden!important;border-radius:26px!important;background:#f7faff!important;border:1px solid rgba(13,20,36,.14)!important;box-shadow:0 28px 90px rgba(13,20,36,.28)!important;isolation:isolate}
.embedded-form-frame{width:100%!important;height:100%!important;min-height:0!important;border:0!important;display:block!important;background:transparent!important}
html.dark .embedded-form-modal .iframe-panel,html.dark .embedded-form-modal .large-iframe-panel{background:#07111f!important;border-color:rgba(126,230,205,.26)!important;box-shadow:0 32px 100px rgba(0,0,0,.58),0 0 0 1px rgba(126,230,205,.05) inset!important}
@media(max-width:720px){.form-modal{padding:0!important}.embedded-form-modal .iframe-panel,.embedded-form-modal .large-iframe-panel{width:100vw!important;height:100dvh!important;border-radius:0!important;border-left:0!important;border-right:0!important}}
@supports not (height:100dvh){.embedded-form-modal .iframe-panel,.embedded-form-modal .large-iframe-panel{height:min(94vh,920px)!important}@media(max-width:720px){.embedded-form-modal .iframe-panel,.embedded-form-modal .large-iframe-panel{height:100vh!important}}}


/* Gatisetu dark contrast v1 */
html.dark, html.dark body, body.dark{
  --ink:#FFFFFF!important;--ink-2:#FFFFFF!important;--ink-3:#FFFFFF!important;
  color:#FFFFFF!important;
}
html.dark :is(h1,h2,h3,h4,h5,h6,p,li,.section-heading p,.page-hero p,.content-panel p,.data-card span,.process-step p,.feature-card p,.home-service-card p,.home-vehicle-card p,.testimonial-card p,.vehicle-category-card p,.local-service-card p,.location-card p,.brand-tagline,.site-footer p,.site-footer a,.site-footer span:not(.footer-brand-name),.contact-details-after-form,.nav-link),
body.dark :is(h1,h2,h3,h4,h5,h6,p,li,.section-heading p,.page-hero p,.content-panel p,.data-card span,.process-step p,.feature-card p,.home-service-card p,.home-vehicle-card p,.testimonial-card p,.vehicle-category-card p,.local-service-card p,.location-card p,.brand-tagline,.site-footer p,.site-footer a,.site-footer span:not(.footer-brand-name),.contact-details-after-form,.nav-link){
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}
/* Gatisetu stability/UI v8 */
#customer-enquiry-modal.form-modal.embedded-form-modal .iframe-panel,
#vendor-onboarding-modal.form-modal.embedded-form-modal .iframe-panel{
  height:min(560px,calc(100dvh - 32px))!important;
}
@media(max-width:720px){
  #customer-enquiry-modal.form-modal.embedded-form-modal .iframe-panel,
  #vendor-onboarding-modal.form-modal.embedded-form-modal .iframe-panel{height:100dvh!important;}
}

/* Gatisetu Service Areas SEO content enhancements v5 */
.seo-intro-section .section-heading p,.seo-guide-section .section-heading p,.location-seo-section .section-heading p{max-width:850px}
.seo-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.seo-stat-grid article{padding:22px;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:20px;background:var(--surface,rgba(255,255,255,.72));display:flex;flex-direction:column;gap:6px}.seo-stat-grid strong{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1}.seo-stat-grid span{font-size:.92rem;opacity:.78}
.seo-content-grid,.seo-feature-grid,.seo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-content-grid article,.seo-feature-card,.seo-faq-grid article{padding:24px;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:20px;background:var(--surface,rgba(255,255,255,.72))}.seo-content-grid h3,.seo-feature-card h3,.seo-faq-grid h3{margin:0 0 8px}.seo-content-grid p,.seo-feature-card p,.seo-faq-grid p{margin:0;line-height:1.65}
.seo-note{margin-top:24px;padding:18px 20px;border-radius:16px;border:1px solid var(--border,rgba(15,23,42,.12));line-height:1.65;background:rgba(119,191,255,.08)}
.seo-step-list{display:grid;gap:14px}.seo-step-card{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:20px;border-radius:18px;border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface,rgba(255,255,255,.72))}.seo-step-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:800;background:rgba(126,230,205,.2)}.seo-step-card h3{margin:0 0 6px}.seo-step-card p{margin:0;line-height:1.65}
.seo-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.seo-split article{padding:26px;border-radius:22px;border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface,rgba(255,255,255,.72))}.seo-check-list{margin:18px 0 0;padding-left:1.2rem;display:grid;gap:10px;line-height:1.55}.seo-small-note{margin-top:18px;font-size:.92rem;opacity:.78;line-height:1.6}
.seo-cta-card{padding:clamp(28px,5vw,54px);border-radius:28px;border:1px solid var(--border,rgba(15,23,42,.12));background:linear-gradient(135deg,rgba(119,191,255,.14),rgba(126,230,205,.12))}.seo-cta-card h2{max-width:760px;margin:8px 0 10px}.seo-cta-card p{max-width:820px;line-height:1.7}.link-button{border:0;background:none;padding:0;cursor:pointer;font:inherit}.local-service-card h3 a{color:inherit;text-decoration:none}.local-service-card h3 a:hover{text-decoration:underline}
@media(max-width:800px){.seo-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-content-grid,.seo-feature-grid,.seo-faq-grid,.seo-split{grid-template-columns:1fr}.seo-step-card{grid-template-columns:40px 1fr;padding:16px}.seo-step-card>span{width:36px;height:36px}}
@media(max-width:480px){.seo-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.seo-stat-grid article{padding:16px}.seo-content-grid article,.seo-feature-card,.seo-faq-grid article,.seo-split article{padding:18px}}


/* 2026-08-16 Service Areas fixes */
/* Keep inline card links readable on hover/focus. */
a.text-link,
a.text-link:visited {
  position: relative !important;
  z-index: 5 !important;
  isolation: isolate;
}
a.text-link:hover,
a.text-link:focus-visible {
  color: #0f3554 !important;
  background: transparent !important;
  text-shadow: none !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: .2em !important;
}
html.dark a.text-link:hover,
html.dark a.text-link:focus-visible {
  color: #7ee6cd !important;
}
.home-service-card > *,
.feature-card > *,
.service-showcase-card > * {
  position: relative;
  z-index: 2;
}

/* Five-client layout with real logo assets. */
body.page-home .client-logo-grid {
  grid-template-columns: repeat(5,minmax(140px,210px)) !important;
  max-width: 1140px !important;
  margin-inline: auto !important;
}
body.page-home .client-logo-card {
  min-width: 0 !important;
  min-height: 126px !important;
}
body.page-home .client-logo-card-image img {
  width: auto !important;
  max-width: min(100%,180px) !important;
  max-height: 76px !important;
  object-fit: contain !important;
}
@media (max-width:1100px) {
  body.page-home .client-logo-grid { grid-template-columns: repeat(3,minmax(150px,220px)) !important; }
}
@media (max-width:720px) {
  body.page-home .client-logo-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; max-width: 520px !important; }
}
@media (max-width:440px) {
  body.page-home .client-logo-grid { grid-template-columns: 1fr !important; max-width: 320px !important; }
}

/* Service Area pages must never depend on reveal JS to expose directories/cards. */
body.page-local .reveal,
body.page-local .reveal.in,
body.page-local .location-card-grid,
body.page-local .local-service-grid,
body.page-local .route-origin-list,
body.page-local .route-origin-group,
body.page-local .seo-content-grid,
body.page-local .seo-cta-card {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body.page-local .location-card {
  opacity: 1 !important;
  visibility: visible !important;
  color: #0d1424 !important;
  background: #fff !important;
}
body.page-local .location-card:hover,
body.page-local .location-card:focus-visible {
  color: #0d1424 !important;
  background: #f7fbff !important;
}
body.page-local .location-card::after {
  flex: 0 0 auto;
  margin-left: 14px;
}

.career-intro-split {
  display:flex;
  align-items:center;
  gap:clamp(28px,4vw,48px);
  margin-top:30px;
  margin-bottom:35px;
  flex-wrap:wrap;
  width:100%;
}
.career-intro-text, .career-intro-image {
  flex:1;
  min-width:280px;
  text-align:left;
}
.career-intro-text p,
.careers-hero.full-window-heading .career-intro-text p {
  white-space:normal;
  max-width:620px;
  margin:0;
  text-align:left;
}
.career-intro-image {
  display:flex;
  justify-content:center;
  align-items:center;
}
.career-intro-image img {
  display:block;
  width:auto;
  max-width:95%;
  max-height:360px;
  height:auto;
  transform:scale(.95);
}
@media (max-width:760px) {
  .career-intro-split {
    gap:22px;
    margin-top:24px;
    margin-bottom:28px;
  }
  .career-intro-text,
  .career-intro-image {
    flex-basis:100%;
    min-width:0;
  }
  .career-intro-image img {
    max-width:min(92%, 420px);
    max-height:none;
  }
}
.contact-address-highlight {
  color: var(--blue);
}

/* Form visibility and stacking fixes */
.form-modal, .embedded-form-modal { z-index: 9999 !important; }
.embedded-form-modal .iframe-panel, .embedded-form-modal .large-iframe-panel { position: relative; z-index: 10000; }
.page-hero, .site-header { position: relative; }

/* Reduce gap between services heading and cards */
#service-options { padding-top: 0; }
#service-options .service-showcase-grid { margin-top: 0; }

/* Keep enquiry/application forms above page title bars */
.form-modal.embedded-form-modal,
.form-modal.embedded-form-modal.open,
#career-application-modal.form-modal.embedded-form-modal,
#customer-enquiry-modal.form-modal.embedded-form-modal,
#vendor-onboarding-modal.form-modal.embedded-form-modal {
  z-index: 99999 !important;
}
.form-modal.embedded-form-modal .form-modal-panel,
.form-modal.embedded-form-modal .iframe-panel,
.form-modal.embedded-form-modal .large-iframe-panel {
  z-index: 100000 !important;
}

/* Final services/career spacing adjustments */
body.page-services .services-showcase { padding-top:0 !important; margin-top:0 !important; }
body.page-services .services-showcase .container { margin-top:0 !important; }
body.page-services #service-options { padding-top:0 !important; }
.career-intro-text { max-width:none !important; }

/* Gatisetu layout refinements */
body.page-enterprises .enterprise-service-grid {
  margin-top: 18px;
}
body.page-enterprises .enterprise-intro-split img {
  transform: scale(0.95);
  max-width: 95% !important;
}
.career-intro-split.enterprise-intro-split {
  grid-template-columns: inherit;
}
.career-intro-split .enterprise-intro-image {
  flex: 1;
  min-width: 280px;
}
.career-intro-split .career-intro-text {
  flex: 1;
}


/* Contact page final HO contact formatting - 2026-08-30 */
.contact-details-after-form .contact-info-columns {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  width: 100% !important;
}
.contact-details-after-form .contact-info-item,
.contact-details-after-form .contact-info-item-wide {
  grid-column: auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  text-align: left !important;
}
.contact-details-after-form .contact-info-item h3 {
  color: #000000 !important;
  font-weight: 800 !important;
  text-align: left !important;
  margin: 0 0 6px !important;
}
.contact-details-after-form .contact-info-item .contact-detail-value,
.contact-details-after-form .contact-info-item .contact-detail-value a {
  color: #77BFFF !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.contact-details-after-form .contact-info-item .contact-detail-value {
  margin: 0 0 4px !important;
}


/* ===== Homepage vehicle image cards + auto-running client logo bar (2026-10-13) ===== */
body.page-home .home-vehicle-card {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
body.page-home .vehicle-image-box {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(var(--theme-accent-rgb), .12) !important;
  background: transparent !important;
}
body.page-home .vehicle-image-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.page-home .home-vehicle-card h3 {
  margin-top: 0 !important;
}

body.page-home .client-logo-marquee {
  position: relative !important;
  width: min(100%, 1180px) !important;
  margin: clamp(22px, 3vw, 34px) auto 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--theme-accent-rgb), .12) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.045) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%) !important;
}
body.page-home .client-logo-track {
  display: flex !important;
  width: max-content !important;
  align-items: stretch !important;
  padding: 14px 0 !important;
  will-change: transform !important;
}
body.page-home .client-logo-marquee.is-ready .client-logo-track {
  animation: gatisetuClientLogoRun 30s linear infinite !important;
}
body.page-home .client-logo-group {
  display: flex !important;
  align-items: stretch !important;
  gap: 16px !important;
  padding-right: 16px !important;
}
body.page-home .client-logo-marquee .client-logo-card {
  flex: 0 0 200px !important;
  width: 200px !important;
  height: 108px !important;
  min-width: 200px !important;
  min-height: 108px !important;
  max-width: 200px !important;
  padding: 16px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  border: 1px solid rgba(var(--theme-accent-rgb), .12) !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.045) !important;
}
body.page-home .client-logo-marquee .client-logo-card img {
  display: block !important;
  width: 100% !important;
  height: 72px !important;
  max-width: 168px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.page-home .client-logo-marquee .client-name-text {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 72px !important;
  font-family: var(--theme-font-heading) !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  color: var(--ink) !important;
}
body.page-home .client-logo-marquee:hover .client-logo-track,
body.page-home .client-logo-marquee:focus-within .client-logo-track {
  animation-play-state: paused !important;
}
@keyframes gatisetuClientLogoRun {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}
@media (max-width: 720px) {
  body.page-home .client-logo-marquee .client-logo-card {
    flex-basis: 156px !important;
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    height: 92px !important;
    min-height: 92px !important;
    padding: 12px !important;
  }
  body.page-home .client-logo-marquee .client-logo-card img {
    height: 60px !important;
    max-width: 132px !important;
    max-height: 60px !important;
  }
  body.page-home .client-logo-marquee .client-name-text {
    min-height: 60px !important;
    font-size: .94rem !important;
  }
  body.page-home .client-logo-marquee.is-ready .client-logo-track {
    animation-duration: 24s !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-home .client-logo-marquee.is-ready .client-logo-track {
    animation: none !important;
  }
  body.page-home .client-logo-marquee {
    overflow-x: auto !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}
html.dark body.page-home .vehicle-image-box,
body.dark.page-home .vehicle-image-box,
html.dark body.page-home .client-logo-marquee,
body.dark.page-home .client-logo-marquee,
html.dark body.page-home .client-logo-marquee .client-logo-card,
body.dark.page-home .client-logo-marquee .client-logo-card {
  border-color: rgba(126,230,205,.18) !important;
}

/* Home About hero — image left, content right */
body.page-home .home-about-hero {
  padding: clamp(28px, 3vw, 44px) 0;
  background:
    radial-gradient(circle at 18% 34%, rgba(var(--theme-accent-rgb), .10), transparent 28rem),
    linear-gradient(180deg, #f8fbff 0%, #f3f7fd 100%);
  overflow: hidden;
}
body.page-home .home-about-hero-shell {
  width: min(1440px, calc(100% - 36px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .38fr) minmax(0, .62fr);
  align-items: stretch;
  min-height: 0;
  background: #fff;
  border: 1px solid rgba(116, 164, 225, .22);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(37, 80, 140, .10);
}
body.page-home .home-about-hero-visual {
  position: relative;
  min-height: 0;
  background: linear-gradient(145deg, #e7f3ff 0%, #f9fcff 100%);
  overflow: hidden;
}
body.page-home .home-about-hero-visual::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 18%;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.96));
}
body.page-home .home-about-hero-visual img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center top;
  display: block;
  transform: none;
}
body.page-home .home-about-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(26px, 2.6vw, 38px);
  background: linear-gradient(135deg, rgba(255,255,255,.97), #fff 62%, #f7fbff 100%);
}
body.page-home .home-about-hero-content .eyebrow {
  margin-bottom: 10px;
  color: var(--blue);
}
body.page-home .home-about-hero-content h2 {
  max-width: 720px;
  margin: 0 0 14px;
  color: #091326;
  font-size: clamp(1.9rem, 2.65vw, 2.85rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.045em !important;
  font-weight: 850;
}
body.page-home .home-about-hero-content p {
  max-width: 760px;
  margin-bottom: 14px;
  color: #46536a;
  font-size: clamp(.96rem, 1.1vw, 1.08rem) !important;
  line-height: 1.5 !important;
}
body.page-home .home-about-hero-content .home-about-lead {
  color: #2b3a54;
}
body.page-home .home-about-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 18px;
}
body.page-home .home-about-feature {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 8px;
  background: #f9fbff;
  border: 1px solid #dce8f7;
  border-radius: 14px;
  box-shadow: 0 7px 20px rgba(34, 86, 157, .05);
}
body.page-home .home-about-feature-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #77BFFF, #7EE6CD);
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  box-shadow: 0 6px 14px rgba(var(--theme-accent-rgb), .20);
}
body.page-home .home-about-feature-icon.truck-icon {
  font-size: 18px;
  letter-spacing: -2px;
}
body.page-home .home-about-feature > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  line-height: 1.15;
}
body.page-home .home-about-feature strong {
  color: #101b30;
  font-family: "Outfit", sans-serif;
  font-size: .76rem;
  letter-spacing: .025em;
  white-space: normal;
}
body.page-home .home-about-feature small {
  margin-top: 4px;
  color: #74829a;
  font-size: .68rem;
  line-height: 1.2;
  white-space: normal;
}
body.page-home .home-about-cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 14px 24px;
  border-radius: 13px;
  background: linear-gradient(135deg, #77BFFF, #7EE6CD);
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: .96rem;
  font-weight: 800;
  box-shadow: 0 10px 26px rgba(var(--theme-accent-rgb), .22);
  transition: transform .22s ease, box-shadow .22s ease;
}
body.page-home .home-about-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(var(--theme-accent-rgb), .30);
}
body.page-home .home-about-location {
  margin: 17px 0 0;
  color: #5f6d83;
  font-size: .9rem !important;
  font-weight: 600;
}
body.page-home .home-about-location span {
  color: var(--blue);
  margin-right: 7px;
  font-size: .68rem;
}
@media (max-width: 1180px) {
  body.page-home .home-about-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.page-home .home-about-feature strong,
  body.page-home .home-about-feature small {
    white-space: normal;
  }
}
@media (max-width: 980px) {
  body.page-home .home-about-hero-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  body.page-home .home-about-hero-visual,
  body.page-home .home-about-hero-visual img {
    min-height: 0;
    height: 320px;
    max-height: 320px;
  }
  body.page-home .home-about-hero-visual::after {
    top: auto;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 16%;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.98));
  }
  body.page-home .home-about-hero-content {
    padding: 36px 32px 40px;
  }
  body.page-home .home-about-hero-content h2 br {
    display: none;
  }
}
@media (max-width: 620px) {
  body.page-home .home-about-hero {
    padding: 24px 0;
  }
  body.page-home .home-about-hero-shell {
    width: calc(100% - 22px);
    border-radius: 22px;
  }
  body.page-home .home-about-hero-visual,
  body.page-home .home-about-hero-visual img {
    min-height: 0;
    height: 240px;
    max-height: 240px;
  }
  body.page-home .home-about-hero-content {
    padding: 24px 22px;
  }
  body.page-home .home-about-hero-content h2 {
    font-size: clamp(1.9rem, 8.4vw, 2.55rem) !important;
  }
  body.page-home .home-about-features {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  body.page-home .home-about-feature {
    padding: 11px 9px;
    gap: 8px;
  }
  body.page-home .home-about-feature-icon {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }
  body.page-home .home-about-feature strong {
    font-size: .69rem;
  }
  body.page-home .home-about-feature small {
    font-size: .62rem;
  }
  body.page-home .home-about-cta {
    width: 100%;
  }
  body.page-home .home-about-location {
    font-size: .82rem !important;
  }
}

body.page-home .home-about-hero-visual { display: flex; align-items: center; }
body.page-home .home-about-cta { color: #091326; }

/* Compact About section: content determines height at every breakpoint. */
body.page-home .home-about-hero { padding: 20px 0; }
body.page-home .home-about-hero-content { padding: 22px 30px; }
body.page-home .home-about-hero-visual img { height: 100%; max-height: none; }
body.page-home .home-about-hero-content h2 { font-size: clamp(1.9rem, 2.4vw, 2.6rem) !important; margin-bottom: 10px; }
body.page-home .home-about-hero-content p { margin-bottom: 10px; line-height: 1.45 !important; }
body.page-home .home-about-features { margin: 6px 0 12px; }
body.page-home .home-about-location { margin-top: 10px; }
@media (max-width: 980px) {
 body.page-home .home-about-hero-visual { height: 260px; }
 body.page-home .home-about-hero-visual img { height: 260px; }
}
@media (max-width: 620px) {
 body.page-home .home-about-hero-content { padding: 20px; }
 body.page-home .home-about-hero-visual,
 body.page-home .home-about-hero-visual img { height: 210px; }
}

/* Approved CTA palette, including hover and dark themes. */
html body :is(.button.primary, .button.secondary, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]),
html body :is(.button.primary, .button.secondary, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]):is(:hover, :focus, :active),
html.dark body :is(.button.primary, .button.secondary, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]),
html body.dark :is(.button.primary, .button.secondary, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]) {
 background: linear-gradient(135deg, #77BFFF 0%, #7EE6CD 100%) !important;
 border-color: #77BFFF !important;
 color: #091326 !important;
 -webkit-text-fill-color: #091326 !important;
}

/* Enterprise solutions — approved illustrated three-card design. */
body.page-home .enterprise-solutions { padding: 48px 0; background: linear-gradient(145deg,#f8fcff,#f1faff); }
.enterprise-solutions-heading { max-width: none; margin-bottom: 30px; text-align: center; }
.enterprise-solutions-heading h2 { margin: 12px 0; font-size: clamp(1.9rem,3.1vw,3rem) !important; line-height: 1.12 !important; letter-spacing: -.035em; }
.enterprise-solutions-heading p { margin: 0; color: #52617a; font-size: clamp(1rem,1.5vw,1.25rem); }
.enterprise-solutions-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.enterprise-solution { min-width: 0; display: flex; flex-direction: column; border: 1px solid #dceefa; border-radius: 26px; overflow: hidden; background: #fff; box-shadow: 0 12px 35px rgba(54,112,160,.06); }
.enterprise-solution-art { position: relative; overflow: hidden; aspect-ratio: 460 / 250; margin: 10px 10px 0; padding: 8px; background: #f8fcff; border-radius: 18px; }
.enterprise-solution-art img { width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; }
.enterprise-solution-content { padding: 14px 24px 24px; display: flex; flex-direction: column; flex: 1; align-items: flex-start; }
.enterprise-solution-content h3 { margin: 0 0 12px; font-size: clamp(1.18rem,1.6vw,1.6rem) !important; line-height: 1.2 !important; }
.enterprise-solution-badge { padding: 6px 13px; border-radius: 999px; border: 1px solid #d7edff; background: #eff8ff; color: #23527a; font-size: .75rem; font-weight: 750; text-transform: uppercase; }
.enterprise-solution-content p { margin: 16px 0; color: #52617a; line-height: 1.55; font-size: 1rem; }
.enterprise-solution-content ul { list-style: none; margin: auto 0 22px; padding: 0; display: grid; gap: 12px; }
.enterprise-solution-content li { display: flex; align-items: center; gap: 10px; color: #52617a; line-height: 1.4; font-size: .95rem; }
.enterprise-solution-content li::before { content: '✓'; display: grid; place-items: center; flex: 0 0 23px; height: 23px; border-radius: 50%; color: #123c46; background: linear-gradient(135deg,#77BFFF,#7EE6CD); }
html body .enterprise-solution-cta { width: 100%; min-height: 48px; padding: 12px 10px; display: flex; justify-content: center; gap: 8px; text-align: center; border-radius: 14px; text-transform: none; letter-spacing: 0; font-size: .94rem; }
html.dark body .enterprise-solutions,html body.dark .enterprise-solutions { background: #0c1728; }
html.dark body .enterprise-solution,html body.dark .enterprise-solution { background: #132237; border-color: #29435c; }
html.dark body .enterprise-solutions :is(h2,h3,p,li),html body.dark .enterprise-solutions :is(h2,h3,p,li) { color: #eef7ff !important; }
@media(max-width: 1050px) { .enterprise-solutions-grid { gap: 14px; } .enterprise-solution-content { padding: 14px 16px 20px; } }
@media(max-width: 760px) { body.page-home .enterprise-solutions { padding: 32px 0; } .enterprise-solutions-grid { grid-template-columns: 1fr; max-width: 520px; margin: auto; gap: 22px; } .enterprise-solution-content { padding: 16px 22px 24px; } .enterprise-solution-content h3 { font-size: 1.5rem !important; } }

/* Dark-mode surfaces and text for the updated homepage sections. */
html.dark body.page-home #about-gatisetu,
html body.dark.page-home #about-gatisetu { background: #0c1728 !important; }
html.dark body.page-home #about-gatisetu .home-about-hero-shell,
html body.dark.page-home #about-gatisetu .home-about-hero-shell { background: #132237 !important; border-color: #29435c !important; }
html.dark body.page-home #about-gatisetu .home-about-hero-content,
html body.dark.page-home #about-gatisetu .home-about-hero-content { background: #132237 !important; }
html.dark body.page-home #about-gatisetu .home-about-hero-visual,
html body.dark.page-home #about-gatisetu .home-about-hero-visual { background: #132237 !important; }
html.dark body.page-home #about-gatisetu .home-about-hero-visual::after,
html body.dark.page-home #about-gatisetu .home-about-hero-visual::after { background: linear-gradient(90deg,transparent,#132237) !important; }
html.dark body.page-home #about-gatisetu .home-about-feature,
html body.dark.page-home #about-gatisetu .home-about-feature { background: #1b3047 !important; border-color: #39536a !important; }
html.dark body.page-home #about-gatisetu :is(h2,strong),
html body.dark.page-home #about-gatisetu :is(h2,strong) { color: #f3f8ff !important; -webkit-text-fill-color: #f3f8ff !important; }
html.dark body.page-home #about-gatisetu :is(p,small),
html body.dark.page-home #about-gatisetu :is(p,small) { color: #c9d8e9 !important; -webkit-text-fill-color: #c9d8e9 !important; }
html.dark body.page-home #about-gatisetu .eyebrow,
html body.dark.page-home #about-gatisetu .eyebrow { color: #77BFFF !important; -webkit-text-fill-color: #77BFFF !important; }
html.dark body.page-home #home-services,
html body.dark.page-home #home-services { background: #0c1728 !important; }
html.dark body.page-home #home-services .enterprise-solution,
html body.dark.page-home #home-services .enterprise-solution { background: #132237 !important; border-color: #39536a !important; }
html.dark body.page-home #home-services :is(h2,h3),
html body.dark.page-home #home-services :is(h2,h3) { color: #f3f8ff !important; -webkit-text-fill-color: #f3f8ff !important; }
html.dark body.page-home #home-services :is(p,li),
html body.dark.page-home #home-services :is(p,li) { color: #c9d8e9 !important; -webkit-text-fill-color: #c9d8e9 !important; }
html.dark body.page-home #home-services .enterprise-solution-badge,
html body.dark.page-home #home-services .enterprise-solution-badge { background: #203b51 !important; border-color: #3e627b !important; color: #b9e0ff !important; -webkit-text-fill-color: #b9e0ff !important; }
html.dark body.page-home #home-services .eyebrow,
html body.dark.page-home #home-services .eyebrow { color: #77BFFF !important; -webkit-text-fill-color: #77BFFF !important; }
html.dark body.page-home #home-services li::before,
html body.dark.page-home #home-services li::before { color: #091326 !important; -webkit-text-fill-color: #091326 !important; }
html.dark body.page-home :is(#about-gatisetu,#home-services) :is(.home-about-cta,.enterprise-solution-cta,.home-about-feature-icon),
html body.dark.page-home :is(#about-gatisetu,#home-services) :is(.home-about-cta,.enterprise-solution-cta,.home-about-feature-icon) { color: #091326 !important; -webkit-text-fill-color: #091326 !important; }
html.dark body.page-home :is(#about-gatisetu,#home-services) :is(.home-about-cta,.enterprise-solution-cta) *,
html body.dark.page-home :is(#about-gatisetu,#home-services) :is(.home-about-cta,.enterprise-solution-cta) * { color: #091326 !important; -webkit-text-fill-color: #091326 !important; }
@media(max-width:980px) {
html.dark body.page-home #about-gatisetu .home-about-hero-visual::after,
html body.dark.page-home #about-gatisetu .home-about-hero-visual::after { background: linear-gradient(180deg,transparent,#132237) !important; }
}

/* Illustrated five-step process, without a section CTA. */
body.page-home #how-it-works { padding: 42px 0; background: linear-gradient(135deg,#f8fcff,#f0f9ff); }
#how-it-works .logistics-process-heading { text-align: center; margin: 0 auto 28px; }
#how-it-works .logistics-process-heading h2 { font-size: clamp(1.8rem,3vw,2.9rem) !important; line-height: 1.15 !important; margin: 12px 0; }
#how-it-works .logistics-process-heading p { margin: 0 auto; color: #52617a; font-size: 1.15rem; }
#how-it-works .logistics-process-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
#how-it-works .logistics-process-step { min-width: 0; position: relative; border: 1px solid #dceafa; border-radius: 22px; background: #fff; box-shadow: 0 12px 30px rgba(40,90,140,.06); }
#how-it-works .logistics-process-step:not(:last-child)::after { content: '→'; position: absolute; z-index: 2; right: -25px; top: 115px; width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #77BFFF; border-radius: 50%; background: #f3fbff; color: #23527a; }
#how-it-works .logistics-process-art { position: relative; overflow: hidden; aspect-ratio: 1; margin: 7px; padding: 8px; border-radius: 15px; background: #f8fcff; }
#how-it-works .logistics-process-art img { width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; }
#how-it-works .logistics-process-copy { padding: 10px 17px 22px; text-align: center; }
#how-it-works .logistics-process-copy h3 { margin: 0 0 12px; color: #091326; font-size: clamp(1rem,1.35vw,1.3rem) !important; line-height: 1.25 !important; }
#how-it-works .logistics-process-copy p { margin: 0; color: #52617a; font-size: .96rem; line-height: 1.55; }
html.dark body.page-home #how-it-works,html body.dark.page-home #how-it-works { background: #0c1728 !important; }
html.dark #how-it-works .logistics-process-step,body.dark #how-it-works .logistics-process-step { background: #132237 !important; border-color: #39536a !important; }
html.dark #how-it-works :is(h2,h3),body.dark #how-it-works :is(h2,h3) { color: #f3f8ff !important; -webkit-text-fill-color: #f3f8ff !important; }
html.dark #how-it-works p,body.dark #how-it-works p { color: #c9d8e9 !important; -webkit-text-fill-color: #c9d8e9 !important; }
html.dark #how-it-works .eyebrow,body.dark #how-it-works .eyebrow { color: #77BFFF !important; -webkit-text-fill-color: #77BFFF !important; }
html.dark #how-it-works .logistics-process-step::after,body.dark #how-it-works .logistics-process-step::after { background: #203b51 !important; color: #b9e0ff !important; -webkit-text-fill-color: #b9e0ff !important; }
@media(max-width:1100px) { #how-it-works .logistics-process-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } #how-it-works .logistics-process-step::after { display: none !important; } }
@media(max-width:760px) { #how-it-works .logistics-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #how-it-works .logistics-process-copy h3 { font-size: 1.15rem !important; } }
@media(max-width:480px) { #how-it-works .logistics-process-grid { grid-template-columns: 1fr; max-width: 350px; margin: auto; } #how-it-works .logistics-process-art { max-width: 230px; width: calc(100% - 14px); margin: 7px auto; } body.page-home #how-it-works { padding: 30px 0; } }

/* Compact homepage process: retain the illustrated reference and readable text. */
body.page-home #how-it-works { padding: 32px 0; }
#how-it-works .logistics-process-heading { margin-bottom: 22px; }
#how-it-works .logistics-process-art { width: calc(100% - 14px); max-width: 176px; margin: 7px auto 0; }
#how-it-works .logistics-process-copy { padding: 8px 14px 18px; }
#how-it-works .logistics-process-copy h3 { margin-bottom: 8px; }
#how-it-works .logistics-process-step:not(:last-child)::after { top: 82px; }
@media(max-width:760px) {
  body.page-home #how-it-works { padding: 32px 0; }
  #how-it-works .logistics-process-grid { gap: 16px; }
}
@media(max-width:480px) {
  #how-it-works .logistics-process-grid { max-width: 350px; }
  #how-it-works .logistics-process-art { max-width: 160px; }
}

/* ===== Premium homepage vehicle categories (2026-10-14) ===== */
body.page-home .home-vehicle-categories {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(52px, 6vw, 82px) 0 clamp(48px, 5vw, 72px) !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(119,191,255,.20), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(126,230,205,.18), transparent 26rem),
    linear-gradient(180deg, #f7fbff 0%, #eef7ff 54%, #eaf4ff 100%) !important;
}
body.page-home .home-vehicle-categories::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 0;
  bottom: 74px;
  height: 190px;
  opacity: .45;
  background:
    linear-gradient(90deg, transparent 0 4%, rgba(119,191,255,.10) 4% 8%, transparent 8% 12%, rgba(119,191,255,.12) 12% 18%, transparent 18% 25%, rgba(126,230,205,.10) 25% 31%, transparent 31% 38%, rgba(119,191,255,.12) 38% 43%, transparent 43% 50%, rgba(126,230,205,.10) 50% 55%, transparent 55% 63%, rgba(119,191,255,.11) 63% 68%, transparent 68% 75%, rgba(126,230,205,.12) 75% 83%, transparent 83% 89%, rgba(119,191,255,.11) 89% 94%, transparent 94% 100%);
  clip-path: polygon(0 72%,4% 72%,4% 42%,8% 42%,8% 64%,12% 64%,12% 26%,18% 26%,18% 56%,25% 56%,25% 36%,31% 36%,31% 68%,38% 68%,38% 30%,43% 30%,43% 60%,50% 60%,50% 43%,55% 43%,55% 66%,63% 66%,63% 20%,68% 20%,68% 53%,75% 53%,75% 32%,83% 32%,83% 62%,89% 62%,89% 18%,94% 18%,94% 72%,100% 72%,100% 100%,0 100%);
}
body.page-home .home-vehicle-categories::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -7%;
  right: -7%;
  bottom: -126px;
  height: 205px;
  border-radius: 50% 50% 0 0 / 32% 32% 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(205,226,248,.90));
  box-shadow: inset 0 3px 0 rgba(255,255,255,.86);
}
body.page-home .vehicle-section-heading {
  max-width: 1050px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body.page-home .vehicle-section-heading .eyebrow {
  justify-content: center !important;
  margin-bottom: 12px !important;
  color: #4f9ff2 !important;
  font-size: .78rem !important;
  letter-spacing: .14em !important;
}
body.page-home .vehicle-section-heading .eyebrow::before,
body.page-home .vehicle-section-heading .eyebrow::after {
  content: "" !important;
  width: 34px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #77BFFF, #7EE6CD) !important;
}
body.page-home .vehicle-section-heading h2 {
  margin: 0 auto !important;
  max-width: 1020px !important;
  color: #0a1325 !important;
  font-size: clamp(2.25rem, 4.25vw, 4.5rem) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
  font-weight: 900 !important;
  text-wrap: balance !important;
}
body.page-home .vehicle-heading-accent {
  display: inline-block !important;
  background: linear-gradient(90deg, #5daeff 0%, #77BFFF 42%, #7EE6CD 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
body.page-home .vehicle-section-heading p {
  max-width: 760px !important;
  margin: 18px auto 0 !important;
  color: #5e7190 !important;
  font-size: clamp(.98rem, 1.35vw, 1.12rem) !important;
  line-height: 1.55 !important;
}
body.page-home .home-vehicle-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.2vw, 28px) !important;
  max-width: 1320px !important;
  margin: clamp(30px, 4vw, 46px) auto 0 !important;
  align-items: stretch !important;
}
body.page-home .home-vehicle-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 430px !important;
  padding: 0 !important;
  text-align: left !important;
  border: 1px solid rgba(119,191,255,.23) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 22px 55px rgba(51,101,158,.12) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
body.page-home .home-vehicle-card::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #77BFFF, #7EE6CD);
}
body.page-home .home-vehicle-card:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(126,230,205,.62) !important;
  box-shadow: 0 30px 70px rgba(38,91,151,.17) !important;
}
body.page-home .vehicle-card-head {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) 48px !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 30px 28px 10px !important;
}
body.page-home .vehicle-card-icon,
body.page-home .vehicle-card-arrow {
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(119,191,255,.14) !important;
  background: linear-gradient(145deg, #eef7ff, #f7fcff) !important;
  color: #2789ed !important;
  box-shadow: 0 8px 20px rgba(54,127,201,.06) !important;
}
body.page-home .vehicle-card-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 17px !important;
}
body.page-home .vehicle-card-icon svg {
  width: 34px !important;
  height: 34px !important;
}
body.page-home .vehicle-card-arrow {
  width: 48px !important;
  height: 48px !important;
  margin-top: 1px !important;
  border-radius: 999px !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
body.page-home .vehicle-card-copy {
  min-width: 0 !important;
  padding-top: 3px !important;
}
body.page-home .home-vehicle-card .vehicle-card-copy h3 {
  margin: 0 0 6px !important;
  color: #0b1426 !important;
  font-size: clamp(1.08rem,1.5vw,1.34rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  font-weight: 900 !important;
}
body.page-home .home-vehicle-card .vehicle-card-copy p {
  margin: 0 !important;
  color: #8ba0bd !important;
  font-size: clamp(.88rem,1.04vw,.98rem) !important;
  line-height: 1.42 !important;
}
body.page-home .vehicle-stage {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 285px !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 72% 24%, rgba(126,230,205,.12), transparent 42%),
    linear-gradient(180deg, rgba(245,251,255,.28), rgba(229,243,255,.82)) !important;
}
body.page-home .vehicle-stage::before {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: 20px;
  height: 54px;
  border-radius: 50%;
  background: rgba(159,194,228,.16);
  filter: blur(1px);
}
body.page-home .vehicle-stage::after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(119,191,255,.38), transparent);
}
body.page-home .vehicle-stage img {
  position: absolute !important;
  z-index: 2 !important;
  left: 50% !important;
  bottom: -1% !important;
  width: 91% !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  transform: translateX(-50%) !important;
  filter: drop-shadow(0 16px 14px rgba(27,64,104,.16)) !important;
}
body.page-home .vehicle-card-small .vehicle-stage img { width: 86% !important; }
body.page-home .vehicle-card-large .vehicle-stage img { width: 94% !important; }
body.page-home .vehicle-cargo {
  position: absolute !important;
  z-index: 1 !important;
  left: 5% !important;
  bottom: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 30px) !important;
  gap: 4px !important;
  opacity: .9 !important;
  transform: rotate(-1deg) !important;
}
body.page-home .vehicle-cargo i {
  display: block !important;
  width: 30px !important;
  height: 27px !important;
  border: 1px solid rgba(155,111,52,.16) !important;
  border-radius: 3px !important;
  background:
    linear-gradient(90deg, transparent 46%, rgba(114,79,35,.12) 46% 53%, transparent 53%),
    linear-gradient(#dcb982,#d2ab71) !important;
  box-shadow: inset 0 5px 8px rgba(255,255,255,.22), 0 5px 10px rgba(66,77,91,.07) !important;
}
body.page-home .vehicle-cargo i:nth-child(3),
body.page-home .vehicle-cargo i:nth-child(5) { transform: translateX(11px); }
body.page-home .vehicle-card-medium .vehicle-cargo { left: 2% !important; }
body.page-home .vehicle-card-large .vehicle-cargo { left: 1% !important; grid-template-columns: repeat(3, 28px) !important; }
body.page-home .vehicle-card-large .vehicle-cargo i { width: 28px !important; height: 25px !important; }

@media (max-width: 1050px) {
  body.page-home .home-vehicle-grid {
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
  }
  body.page-home .home-vehicle-card { min-height: 410px !important; }
  body.page-home .vehicle-stage { min-height: 300px !important; }
  body.page-home .vehicle-stage img { width: min(76%, 620px) !important; }
  body.page-home .vehicle-card-small .vehicle-stage img { width: min(70%, 570px) !important; }
  body.page-home .vehicle-card-large .vehicle-stage img { width: min(82%, 660px) !important; }
}
@media (max-width: 640px) {
  body.page-home .home-vehicle-categories {
    padding-top: 42px !important;
    padding-bottom: 44px !important;
  }
  body.page-home .vehicle-section-heading h2 {
    font-size: clamp(2rem, 11vw, 3rem) !important;
  }
  body.page-home .vehicle-section-heading p {
    margin-top: 14px !important;
    font-size: .95rem !important;
  }
  body.page-home .vehicle-card-head {
    grid-template-columns: 48px minmax(0,1fr) 42px !important;
    gap: 11px !important;
    padding: 24px 18px 8px !important;
  }
  body.page-home .vehicle-card-icon { width: 48px !important; height: 48px !important; border-radius: 14px !important; }
  body.page-home .vehicle-card-icon svg { width: 29px !important; height: 29px !important; }
  body.page-home .vehicle-card-arrow { width: 42px !important; height: 42px !important; font-size: 1.4rem !important; }
  body.page-home .vehicle-stage { min-height: 235px !important; }
  body.page-home .vehicle-stage img,
  body.page-home .vehicle-card-small .vehicle-stage img,
  body.page-home .vehicle-card-large .vehicle-stage img { width: 94% !important; }
  body.page-home .vehicle-cargo { transform: scale(.82); transform-origin: bottom left; }
}

/* Vehicle categories dark mode */
html.dark body.page-home .home-vehicle-categories,
body.dark.page-home .home-vehicle-categories {
  background:
    radial-gradient(circle at 12% 16%, rgba(119,191,255,.14), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(126,230,205,.12), transparent 26rem),
    linear-gradient(180deg, #07111f 0%, #081626 55%, #091827 100%) !important;
}
html.dark body.page-home .home-vehicle-categories::before,
body.dark.page-home .home-vehicle-categories::before { opacity: .22 !important; }
html.dark body.page-home .home-vehicle-categories::after,
body.dark.page-home .home-vehicle-categories::after {
  background: linear-gradient(180deg, rgba(22,42,64,.72), rgba(11,27,45,.94)) !important;
  box-shadow: inset 0 3px 0 rgba(126,230,205,.08) !important;
}
html.dark body.page-home .vehicle-section-heading h2,
body.dark.page-home .vehicle-section-heading h2 { color: #f6fbff !important; }
html.dark body.page-home .vehicle-section-heading p,
body.dark.page-home .vehicle-section-heading p { color: #b7c6d8 !important; }
html.dark body.page-home .home-vehicle-card,
body.dark.page-home .home-vehicle-card {
  background: rgba(8,20,35,.94) !important;
  border-color: rgba(119,191,255,.22) !important;
  box-shadow: 0 24px 65px rgba(0,0,0,.30) !important;
}
html.dark body.page-home .vehicle-card-icon,
html.dark body.page-home .vehicle-card-arrow,
body.dark.page-home .vehicle-card-icon,
body.dark.page-home .vehicle-card-arrow {
  background: linear-gradient(145deg, #10263c, #0c1e32) !important;
  border-color: rgba(126,230,205,.18) !important;
  color: #77BFFF !important;
}
html.dark body.page-home .home-vehicle-card .vehicle-card-copy h3,
body.dark.page-home .home-vehicle-card .vehicle-card-copy h3 { color: #f7fbff !important; }
html.dark body.page-home .home-vehicle-card .vehicle-card-copy p,
body.dark.page-home .home-vehicle-card .vehicle-card-copy p { color: #aebed0 !important; }
html.dark body.page-home .vehicle-stage,
body.dark.page-home .vehicle-stage {
  background:
    radial-gradient(circle at 72% 24%, rgba(126,230,205,.08), transparent 42%),
    linear-gradient(180deg, rgba(13,35,56,.26), rgba(9,27,46,.82)) !important;
}


/* HOME VISUAL SHOWCASE SECTIONS — 2026-10-14 */
.home-visual-showcase {
  padding: clamp(18px, 2.2vw, 34px) 0;
  overflow: hidden;
  background: #f8fbff;
}
.home-visual-showcase + .home-visual-showcase { padding-top: 8px; }
.home-showcase-wrap {
  width: min(100%, 1520px);
  margin: 0 auto;
  padding: 0 clamp(10px, 1.5vw, 22px);
}
.home-showcase-image {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: clamp(14px, 1.5vw, 24px);
  box-shadow: 0 18px 44px rgba(24, 76, 132, .08);
}
.home-visual-vehicle { padding-top: clamp(22px, 2.8vw, 42px); }
.home-visual-industries,
.home-visual-performance { background: #fbfdff; }

@media (max-width: 760px) {
  .home-visual-showcase { padding: 12px 0; }
  .home-showcase-wrap { padding: 0 8px; }
  .home-showcase-image {
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(24, 76, 132, .08);
  }
}

/* SEO-FRIENDLY HOME CARD SECTIONS — 2026-10-14 */
.seo-card-section {
  position: relative;
  overflow: hidden;
  padding: clamp(48px, 6vw, 86px) 0;
  background:
    radial-gradient(circle at 8% 16%, rgba(119,191,255,.12), transparent 28%),
    radial-gradient(circle at 92% 82%, rgba(126,230,205,.11), transparent 30%),
    #f8fbff;
}
.seo-card-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.55), transparent 50%);
}
.seo-card-section .container { position: relative; z-index: 1; }
.seo-card-heading {
  width: min(100%, 1100px);
  margin: 0 auto clamp(28px, 4vw, 44px);
  text-align: center;
}
.seo-card-heading .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  color: #2f8cff;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.seo-card-heading .eyebrow::before,
.seo-card-heading .eyebrow::after {
  content: "";
  width: 42px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, #77BFFF, #7EE6CD);
}
.seo-card-heading h2 {
  margin: 0;
  color: #08142c;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.seo-card-heading p {
  margin: 14px auto 0;
  max-width: 820px;
  color: #60708d;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.65;
}

.vehicle-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.4vw, 30px);
}
.seo-vehicle-card {
  overflow: hidden;
  border: 1px solid rgba(119,191,255,.25);
  border-radius: 26px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 20px 54px rgba(45,100,155,.11);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.seo-vehicle-card:hover {
  transform: translateY(-5px);
  border-color: rgba(126,230,205,.65);
  box-shadow: 0 28px 66px rgba(45,100,155,.16);
}
.seo-card-media {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  background: linear-gradient(180deg, #f4fbff, #edf7ff);
}
.seo-card-media::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 5px;
  background: linear-gradient(90deg, #77BFFF, #7EE6CD);
}
.seo-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  object-position: center;
}
.seo-vehicle-copy {
  padding: 22px 24px 26px;
  text-align: center;
}
.seo-vehicle-copy h3 {
  margin: 0 0 8px;
  color: #09152c;
  font-size: clamp(1.25rem, 1.7vw, 1.55rem);
}
.seo-vehicle-copy p {
  margin: 0;
  color: #7b8aa4;
  font-size: 1rem;
  line-height: 1.55;
}

.industries-card-section { background: #fbfdff; }
.industry-card-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}
.industry-card {
  overflow: hidden;
  border: 1px solid rgba(119,191,255,.22);
  border-radius: 20px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 34px rgba(38,92,146,.08);
  transition: transform .22s ease, box-shadow .22s ease;
}
.industry-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(38,92,146,.13);
}
.industry-card-media {
  height: 130px;
  overflow: hidden;
  background: linear-gradient(180deg, #f9fdff, #eef8ff);
}
.industry-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.industry-card h3 {
  margin: 0;
  padding: 14px 10px 17px;
  text-align: center;
  color: #0b1a36;
  font-size: 1rem;
  line-height: 1.25;
}

.performance-card-section {
  background:
    radial-gradient(circle at 82% 15%, rgba(119,191,255,.14), transparent 30%),
    radial-gradient(circle at 15% 88%, rgba(126,230,205,.10), transparent 28%),
    #f8fbff;
}
.metric-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 22px);
}
.metric-card {
  min-height: 245px;
  padding: 26px 18px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(119,191,255,.23);
  border-radius: 24px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 46px rgba(42,94,145,.10), inset 0 -7px 0 rgba(119,191,255,.75);
}
.metric-card:nth-child(even) {
  box-shadow: 0 18px 46px rgba(42,94,145,.10), inset 0 -7px 0 rgba(126,230,205,.85);
}
.metric-card-icon {
  width: 74px;
  height: 74px;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(119,191,255,.16), rgba(126,230,205,.08));
}
.metric-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(2rem, 3.1vw, 3.5rem);
  line-height: 1;
  letter-spacing: -.04em;
  background: linear-gradient(90deg, #227bf0, #27cbb5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}
.metric-card span {
  color: #31415f;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

html.dark body.page-home .seo-card-section,
body.dark.page-home .seo-card-section {
  background:
    radial-gradient(circle at 10% 10%, rgba(119,191,255,.10), transparent 30%),
    radial-gradient(circle at 90% 90%, rgba(126,230,205,.08), transparent 28%),
    #081726 !important;
}
html.dark body.page-home .seo-card-heading h2,
body.dark.page-home .seo-card-heading h2,
html.dark body.page-home .seo-vehicle-copy h3,
body.dark.page-home .seo-vehicle-copy h3,
html.dark body.page-home .industry-card h3,
body.dark.page-home .industry-card h3 { color: #f5f9ff !important; }
html.dark body.page-home .seo-card-heading p,
body.dark.page-home .seo-card-heading p,
html.dark body.page-home .seo-vehicle-copy p,
body.dark.page-home .seo-vehicle-copy p,
html.dark body.page-home .metric-card span,
body.dark.page-home .metric-card span { color: #b7c6d8 !important; }
html.dark body.page-home .seo-vehicle-card,
body.dark.page-home .seo-vehicle-card,
html.dark body.page-home .industry-card,
body.dark.page-home .industry-card,
html.dark body.page-home .metric-card,
body.dark.page-home .metric-card {
  background: rgba(10,27,46,.95) !important;
  border-color: rgba(119,191,255,.22) !important;
}
html.dark body.page-home .seo-card-media,
body.dark.page-home .seo-card-media,
html.dark body.page-home .industry-card-media,
body.dark.page-home .industry-card-media {
  background: linear-gradient(180deg, #0d243a, #0a1b2d) !important;
}

@media (max-width: 1100px) {
  .industry-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .metric-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .vehicle-card-grid { grid-template-columns: 1fr; max-width: 680px; margin: 0 auto; }
  .seo-card-media { min-height: 220px; }
  .seo-card-media img { min-height: 220px; }
  .industry-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .seo-card-section { padding: 44px 0; }
  .seo-card-heading .eyebrow::before,
  .seo-card-heading .eyebrow::after { width: 24px; }
  .industry-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .industry-card-media { height: 112px; }
  .metric-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-card { min-height: 205px; padding: 20px 12px; }
  .metric-card-icon { width: 62px; height: 62px; }
  .metric-card strong { font-size: clamp(1.7rem, 8vw, 2.5rem); white-space: normal; }
}
@media (max-width: 420px) {
  .industry-card-grid { grid-template-columns: 1fr 1fr; }
  .metric-card-grid { grid-template-columns: 1fr; }
}

/* HOME SECTION REFINEMENTS — 2026-10-14 */
body.page-home .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}
body.page-home .hero-actions .button,
body.page-home .hero-actions button.button {
  min-width: 228px;
  justify-content: center;
}

body.page-home .seo-card-section {
  padding: clamp(54px, 6vw, 88px) 0;
}
body.page-home .seo-card-heading {
  margin-bottom: clamp(28px, 4vw, 42px);
}
body.page-home .seo-card-heading p {
  max-width: 760px;
}

body.page-home .vehicle-card-grid,
body.page-home .industry-card-grid,
body.page-home .metric-card-grid {
  align-items: stretch;
}

body.page-home .seo-vehicle-card,
body.page-home .industry-card,
body.page-home .metric-card {
  position: relative;
  isolation: isolate;
}
body.page-home .seo-vehicle-card::before,
body.page-home .industry-card::before,
body.page-home .metric-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(119,191,255,.34), rgba(126,230,205,.18));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}

body.page-home .seo-vehicle-card {
  display: flex;
  flex-direction: column;
}
body.page-home .seo-card-media {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 248px;
  padding: 18px 20px 8px;
  background:
    radial-gradient(circle at 50% 96%, rgba(119,191,255,.12), transparent 34%),
    linear-gradient(180deg, #f9fdff 0%, #eef7ff 100%);
}
body.page-home .seo-card-media img {
  width: 100%;
  height: 100%;
  min-height: unset;
  object-fit: contain;
  object-position: center bottom;
}
body.page-home .small-vehicle-card .seo-card-media img {
  width: min(92%, 420px);
}
body.page-home .small-vehicle-card .seo-card-media::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 22px;
  width: 78px;
  height: 52px;
  border-radius: 8px;
  background:
    linear-gradient(#d9b87d, #d9b87d) 0 10px / 23px 20px no-repeat,
    linear-gradient(#e7c995, #e7c995) 27px 10px / 23px 20px no-repeat,
    linear-gradient(#ddb980, #ddb980) 54px 10px / 23px 20px no-repeat,
    linear-gradient(#e7c995, #e7c995) 11px 33px / 23px 18px no-repeat,
    linear-gradient(#ddb980, #ddb980) 38px 33px / 23px 18px no-repeat;
  opacity: .9;
  box-shadow: 0 8px 16px rgba(93, 115, 150, .12);
}
body.page-home .seo-vehicle-copy {
  display: grid;
  gap: 8px;
  padding: 24px 24px 28px;
}
body.page-home .seo-vehicle-copy h3 {
  margin: 0;
}
body.page-home .seo-vehicle-copy p {
  max-width: 28ch;
  margin: 0 auto;
}

body.page-home .industry-card {
  display: flex;
  flex-direction: column;
}
body.page-home .industry-card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 146px;
  padding: 14px;
  background:
    radial-gradient(circle at 50% 18%, rgba(119,191,255,.12), transparent 28%),
    linear-gradient(180deg, #fbfdff 0%, #f0f8ff 100%);
}
body.page-home .industry-card-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
body.page-home .industry-card h3 {
  padding: 16px 10px 18px;
  font-size: 1.05rem;
  font-weight: 800;
}

body.page-home .metric-card {
  min-height: 230px;
  padding: 26px 18px 26px;
  gap: 8px;
}
body.page-home .metric-card-icon {
  margin-bottom: 10px;
}
body.page-home .metric-value {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
  min-height: 60px;
}
body.page-home .metric-card strong {
  margin-bottom: 0;
  white-space: nowrap;
}
body.page-home .metric-value em {
  font-style: normal;
  font-weight: 800;
  color: #27cbb5;
  font-size: clamp(1.05rem, 1.2vw, 1.4rem);
  line-height: 1.2;
  transform: translateY(-5px);
}
body.page-home .metric-card-distance .metric-value {
  gap: 4px;
}
body.page-home .metric-card-distance strong {
  font-size: clamp(1.8rem, 2.65vw, 3.05rem);
  letter-spacing: -.05em;
}
body.page-home .metric-card span {
  max-width: 16ch;
}

html.dark body.page-home .small-vehicle-card .seo-card-media::before,
body.dark.page-home .small-vehicle-card .seo-card-media::before {
  box-shadow: 0 8px 16px rgba(0, 0, 0, .22);
}
html.dark body.page-home .metric-value em,
body.dark.page-home .metric-value em {
  color: #7ee6cd;
}

@media (max-width: 1100px) {
  body.page-home .metric-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.page-home .metric-card-distance strong {
    font-size: clamp(1.7rem, 4vw, 2.55rem);
  }
}

@media (max-width: 860px) {
  body.page-home .hero-actions .button,
  body.page-home .hero-actions button.button {
    min-width: 0;
  }
  body.page-home .seo-card-media {
    min-height: 236px;
  }
}

@media (max-width: 640px) {
  body.page-home .hero-actions {
    width: 100%;
  }
  body.page-home .hero-actions .button,
  body.page-home .hero-actions button.button {
    width: 100%;
  }
  body.page-home .industry-card-media {
    height: 124px;
    padding: 12px;
  }
  body.page-home .metric-card {
    min-height: 210px;
    padding: 22px 12px;
  }
  body.page-home .metric-card-distance strong {
    font-size: clamp(1.6rem, 8vw, 2.2rem);
  }
  body.page-home .metric-value em {
    font-size: 1rem;
    transform: translateY(-3px);
  }
}

@media (max-width: 420px) {
  body.page-home .small-vehicle-card .seo-card-media::before {
    left: 14px;
    bottom: 18px;
    transform: scale(.9);
    transform-origin: left bottom;
  }
  body.page-home .metric-card span {
    max-width: none;
  }
}

/* FINAL DARK-MODE CTA READABILITY — 2026-10-14 */
html.dark body :is(.button.primary, .button.secondary, .btn-primary, .hero-actions .button, .home-about-cta, button[type="submit"], input[type="submit"]),
html body.dark :is(.button.primary, .button.secondary, .btn-primary, .hero-actions .button, .home-about-cta, button[type="submit"], input[type="submit"]) {
  background: linear-gradient(135deg, #77BFFF 0%, #7EE6CD 100%) !important;
  border-color: rgba(126, 230, 205, .88) !important;
  color: #061326 !important;
  -webkit-text-fill-color: #061326 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}
html.dark body :is(.button.primary, .button.secondary, .btn-primary, .hero-actions .button, .home-about-cta, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible, :active),
html body.dark :is(.button.primary, .button.secondary, .btn-primary, .hero-actions .button, .home-about-cta, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible, :active) {
  color: #061326 !important;
  -webkit-text-fill-color: #061326 !important;
  outline-color: #ffffff !important;
}


/* Vehicle artwork cleanup: transparent truck images should remain fully visible. */
body.page-home .small-vehicle-card .seo-card-media::before { content: none !important; display: none !important; }

/* HOME DARK-MODE + INDUSTRY CARD FIXES — 2026-10-14 v3 */
/* Keep the three SEO showcase sections on one continuous dark surface. The
   light-mode decorative wash was creating a visible band/strip in dark mode. */
html.dark body.page-home .seo-card-section,
body.dark.page-home .seo-card-section {
  background: #0c1728 !important;
}
html.dark body.page-home .seo-card-section::before,
body.dark.page-home .seo-card-section::before {
  background: none !important;
  opacity: 0 !important;
}
html.dark body.page-home .seo-card-section .container,
body.dark.page-home .seo-card-section .container,
html.dark body.page-home .seo-card-heading,
body.dark.page-home .seo-card-heading {
  background: transparent !important;
}

/* Make both hero CTAs identical in dark mode, including hover/press motion. */
html.dark body.page-home .hero-actions :is(.button.primary, .button.secondary),
body.dark.page-home .hero-actions :is(.button.primary, .button.secondary) {
  background: linear-gradient(135deg, #77BFFF 0%, #7EE6CD 100%) !important;
  border: 1px solid rgba(126,230,205,.88) !important;
  color: #061326 !important;
  -webkit-text-fill-color: #061326 !important;
  box-shadow: 0 14px 40px rgba(126,230,205,.22) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
html.dark body.page-home .hero-actions :is(.button.primary, .button.secondary):is(:hover, :focus-visible),
body.dark.page-home .hero-actions :is(.button.primary, .button.secondary):is(:hover, :focus-visible) {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 60px rgba(126,230,205,.34) !important;
  filter: brightness(1.03) !important;
  color: #061326 !important;
  -webkit-text-fill-color: #061326 !important;
}
html.dark body.page-home .hero-actions :is(.button.primary, .button.secondary):active,
body.dark.page-home .hero-actions :is(.button.primary, .button.secondary):active {
  transform: translateY(0) scale(.985) !important;
  box-shadow: 0 10px 30px rgba(126,230,205,.20) !important;
}

/* Show the entire sector artwork with breathing room instead of letting any
   edge sit flush against the media crop. */
body.page-home .industry-card-media {
  height: 154px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body.page-home .industry-card-media img {
  display: block !important;
  width: 94% !important;
  height: 94% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 640px) {
  body.page-home .industry-card-media {
    height: 132px !important;
    padding: 8px 9px !important;
  }
  body.page-home .industry-card-media img {
    width: 96% !important;
    height: 96% !important;
  }
}

/* CTA HIERARCHY + RESPONSIVE THEME POLISH — 2026-10-14 v4
   Approved brand accents: #77BFFF / #7EE6CD */
:root {
  --cta-blue: #77BFFF;
  --cta-mint: #7EE6CD;
  --cta-ink: #061326;
  --cta-blue-rgb: 119, 191, 255;
  --cta-mint-rgb: 126, 230, 205;
}

/* Shared interaction quality and keyboard visibility. */
:is(.button, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]) {
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease,
              border-color .2s ease, color .2s ease, filter .2s ease !important;
}
:is(.button, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]):focus-visible {
  outline: 3px solid rgba(var(--cta-blue-rgb), .42) !important;
  outline-offset: 3px !important;
}
html.dark :is(.button, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]):focus-visible,
body.dark :is(.button, .btn-primary, .home-about-cta, button[type="submit"], input[type="submit"]):focus-visible {
  outline-color: rgba(var(--cta-mint-rgb), .58) !important;
}

/* Primary CTA: strongest visual weight in both themes. */
body :is(.button.primary, .btn-primary, button[type="submit"], input[type="submit"]) {
  background: linear-gradient(135deg, var(--cta-blue) 0%, var(--cta-mint) 100%) !important;
  border-color: transparent !important;
  color: var(--cta-ink) !important;
  -webkit-text-fill-color: var(--cta-ink) !important;
  font-weight: 900 !important;
  box-shadow: 0 13px 34px rgba(var(--cta-blue-rgb), .24) !important;
  text-shadow: none !important;
}
body :is(.button.primary, .btn-primary, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible) {
  transform: translateY(-2px) !important;
  filter: saturate(1.04) brightness(1.02) !important;
  box-shadow: 0 18px 44px rgba(var(--cta-blue-rgb), .31) !important;
}
body :is(.button.primary, .btn-primary, button[type="submit"], input[type="submit"]):active {
  transform: translateY(0) scale(.985) !important;
  box-shadow: 0 9px 24px rgba(var(--cta-blue-rgb), .22) !important;
}

/* Secondary CTA: clearly actionable, deliberately quieter than primary. */
body .button.secondary {
  background: rgba(255, 255, 255, .78) !important;
  border: 1.5px solid rgba(var(--cta-blue-rgb), .72) !important;
  color: #123a5d !important;
  -webkit-text-fill-color: #123a5d !important;
  box-shadow: 0 8px 22px rgba(13, 20, 36, .08) !important;
  backdrop-filter: blur(10px);
}
body .button.secondary:is(:hover, :focus-visible) {
  background: linear-gradient(135deg, rgba(var(--cta-blue-rgb), .16), rgba(var(--cta-mint-rgb), .16)) !important;
  border-color: var(--cta-blue) !important;
  color: #08243e !important;
  -webkit-text-fill-color: #08243e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(var(--cta-blue-rgb), .14) !important;
}
body .button.secondary:active {
  transform: translateY(0) scale(.985) !important;
}

/* Preserve the same primary/secondary hierarchy in dark mode. */
html.dark body .button.secondary,
body.dark .button.secondary,
html.dark body.page-home .hero-actions .button.secondary,
body.dark.page-home .hero-actions .button.secondary {
  background: rgba(6, 19, 38, .40) !important;
  border: 1.5px solid rgba(var(--cta-mint-rgb), .72) !important;
  color: var(--cta-mint) !important;
  -webkit-text-fill-color: var(--cta-mint) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .16) !important;
}
html.dark body .button.secondary:is(:hover, :focus-visible),
body.dark .button.secondary:is(:hover, :focus-visible),
html.dark body.page-home .hero-actions .button.secondary:is(:hover, :focus-visible),
body.dark.page-home .hero-actions .button.secondary:is(:hover, :focus-visible) {
  background: var(--cta-mint) !important;
  border-color: var(--cta-mint) !important;
  color: var(--cta-ink) !important;
  -webkit-text-fill-color: var(--cta-ink) !important;
  box-shadow: 0 14px 32px rgba(var(--cta-mint-rgb), .20) !important;
}

/* Hero CTA hierarchy: primary gets slightly more weight without dominating layout. */
body.page-home .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
body.page-home .hero-actions .button.primary {
  min-width: 248px !important;
  min-height: 56px !important;
  padding-inline: 26px !important;
}
body.page-home .hero-actions .button.secondary {
  min-width: 218px !important;
  min-height: 52px !important;
  padding-inline: 22px !important;
}

/* Keep compact section CTAs comfortable and aligned. */
:is(.cta-section, .service-enquiry-section, .contact-cta, .form-button-layout) :is(.button, .btn-primary) {
  min-height: 52px;
}

@media (max-width: 860px) {
  body.page-home .hero-actions .button.primary,
  body.page-home .hero-actions .button.secondary {
    min-width: 0 !important;
    flex: 1 1 220px !important;
  }
}

@media (max-width: 640px) {
  /* Mobile: one clear action per row, comfortable thumb target, no crowding. */
  body.page-home .hero-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }
  body.page-home .hero-actions :is(.button.primary, .button.secondary),
  body.page-home .hero-actions button.button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 14px 18px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  body.page-home .hero-actions .button.primary {
    min-height: 58px !important;
  }
  :is(.cta-section, .service-enquiry-section, .contact-cta, .form-button-layout) :is(.button, .btn-primary) {
    width: 100%;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 380px) {
  body.page-home .hero-actions :is(.button.primary, .button.secondary),
  body.page-home .hero-actions button.button {
    font-size: .80rem !important;
    letter-spacing: .035em !important;
    padding-inline: 14px !important;
  }
}


/* ===== Global double-sided section label dashes (2026-10-14) ===== */
.eyebrow,
.kicker {
  align-items: center;
}
.eyebrow::before,
.eyebrow::after,
.kicker::before,
.kicker::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #77BFFF 0%, #7EE6CD 100%) !important;
}
@media (max-width: 520px) {
  .eyebrow::before,
  .eyebrow::after,
  .kicker::before,
  .kicker::after {
    width: 22px;
  }
}


/* ===== About: Core Values cards + Meet Our Team — 2026-10-15 ===== */
body.page-about .core-values-section,
body.page-about .meet-team-section {
  position: relative;
  overflow: hidden;
}
body.page-about .core-values-section {
  background:
    radial-gradient(circle at 8% 18%, rgba(119,191,255,.12), transparent 24rem),
    radial-gradient(circle at 92% 82%, rgba(126,230,205,.13), transparent 22rem),
    linear-gradient(180deg,#f8fcff 0%,#f2faff 100%);
}
body.page-about .meet-team-section {
  background: linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
body.page-about .about-feature-heading {
  max-width: 900px;
  margin: 0 auto clamp(24px,3vw,36px);
  text-align: center;
}
body.page-about .about-feature-heading h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px,2vw,24px);
  margin: 0;
  color: #07142d;
  font-size: clamp(2rem,4vw,3.35rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em;
}
body.page-about .about-feature-heading h2::before,
body.page-about .about-feature-heading h2::after {
  content: "";
  width: clamp(44px,8vw,120px);
  height: 3px;
  flex: 0 1 120px;
  border-radius: 999px;
  background: linear-gradient(90deg,#77BFFF 0%,#7EE6CD 100%);
}
body.page-about .about-feature-heading h2 span {
  background: linear-gradient(100deg,#1da9ff 15%,#27d9bf 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
body.page-about .about-feature-heading p {
  margin: 12px auto 0;
  color: #52617a;
  font-size: clamp(.98rem,1.35vw,1.16rem);
  line-height: 1.55;
}
body.page-about .core-value-card-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(14px,1.6vw,22px);
  align-items: stretch;
}
body.page-about .core-value-card {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(37,80,140,.10);
}
body.page-about .core-value-media {
  margin: 10px 10px 0;
  overflow: hidden;
  aspect-ratio: 2.35 / 1;
  border-radius: 17px;
  background: #edf8ff;
}
body.page-about .core-value-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}
body.page-about .core-value-card:hover .core-value-media img { transform: scale(1.025); }
body.page-about .core-value-copy {
  flex: 1;
  padding: 18px 18px 22px;
  text-align: center;
}
body.page-about .core-value-copy h3 {
  margin: 0 0 8px;
  color: #07142d;
  font-size: clamp(1.25rem,1.65vw,1.55rem) !important;
  line-height: 1.2 !important;
}
body.page-about .core-value-copy p {
  margin: 5px 0 0;
  color: #52617a;
  line-height: 1.48;
  font-size: .93rem;
}
body.page-about .core-value-copy .core-value-tagline {
  color: #40506a;
  font-weight: 700;
  font-size: .82rem;
}
body.page-about .team-member-grid {
  width: min(860px,100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(20px,4vw,42px);
}
body.page-about .team-member-card {
  overflow: hidden;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(37,80,140,.10);
}
body.page-about .team-member-photo-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
body.page-about .team-member-photo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 4.6;
  margin: 10px 10px 0;
  border-radius: 18px;
  background: linear-gradient(145deg,#f7fbff,#eef7ff);
}
body.page-about .team-member-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
  transition: transform .35s ease;
}
body.page-about .team-member-photo-link:hover img,
body.page-about .team-member-photo-link:focus-visible img { transform: scale(1.018); }
body.page-about .team-linkedin-icon {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg,#77BFFF,#7EE6CD);
  color: #061326;
  font-size: 1.2rem;
  box-shadow: 0 10px 24px rgba(30,100,150,.25);
}
body.page-about .team-member-copy {
  padding: 18px 20px 22px;
  text-align: center;
}
body.page-about .team-member-copy h3 {
  margin: 0;
  color: #07142d;
  font-size: clamp(1.35rem,2vw,1.7rem) !important;
}
body.page-about .team-member-copy p {
  margin: 5px 0 0;
  color: #52617a;
  font-weight: 700;
}

/* CTAs: borderless gradient treatment matching Explore Gatisetu. */
html body :is(.button.primary,.button.secondary,.btn-primary,.home-about-cta,.enterprise-solution-cta,button[type="submit"],input[type="submit"]),
html body :is(.button.primary,.button.secondary,.btn-primary,.home-about-cta,.enterprise-solution-cta,button[type="submit"],input[type="submit"]):is(:hover,:focus-visible,:active),
html.dark body :is(.button.primary,.button.secondary,.btn-primary,.home-about-cta,.enterprise-solution-cta,button[type="submit"],input[type="submit"]),
html body.dark :is(.button.primary,.button.secondary,.btn-primary,.home-about-cta,.enterprise-solution-cta,button[type="submit"],input[type="submit"]) {
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#77BFFF 0%,#7EE6CD 100%) !important;
  color: #061326 !important;
  -webkit-text-fill-color: #061326 !important;
  box-shadow: 0 12px 28px rgba(80,154,210,.22) !important;
}

html.dark body.page-about .core-values-section,
body.dark.page-about .core-values-section,
html.dark body.page-about .meet-team-section,
body.dark.page-about .meet-team-section { background: #0c1728 !important; }
html.dark body.page-about :is(.core-value-card,.team-member-card),
body.dark.page-about :is(.core-value-card,.team-member-card) {
  background: #132237 !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.20) !important;
}
html.dark body.page-about .about-feature-heading h2,
body.dark.page-about .about-feature-heading h2,
html.dark body.page-about :is(.core-value-copy h3,.team-member-copy h3),
body.dark.page-about :is(.core-value-copy h3,.team-member-copy h3) {
  color: #f3f8ff !important;
  -webkit-text-fill-color: #f3f8ff !important;
}
html.dark body.page-about .about-feature-heading h2 span,
body.dark.page-about .about-feature-heading h2 span {
  background: linear-gradient(100deg,#77BFFF 15%,#7EE6CD 90%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html.dark body.page-about :is(.about-feature-heading p,.core-value-copy p,.team-member-copy p),
body.dark.page-about :is(.about-feature-heading p,.core-value-copy p,.team-member-copy p) {
  color: #c9d8e9 !important;
  -webkit-text-fill-color: #c9d8e9 !important;
}
html.dark body.page-about .core-value-copy .core-value-tagline,
body.dark.page-about .core-value-copy .core-value-tagline { color: #b8cce0 !important; }

@media (max-width: 1050px) {
  body.page-about .core-value-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  body.page-about .about-feature-heading h2 { gap: 10px; font-size: clamp(1.8rem,8vw,2.4rem) !important; }
  body.page-about .about-feature-heading h2::before,
  body.page-about .about-feature-heading h2::after { width: 28px; flex-basis: 28px; }
  body.page-about .core-value-card-grid,
  body.page-about .team-member-grid { grid-template-columns: 1fr; }
  body.page-about .team-member-grid { max-width: 430px; }
  body.page-about .core-value-media { aspect-ratio: 2.15 / 1; }
}

/* ===== 2026-10-15 refinement: homepage-style section headings, compact header, team scale, footer office, sticky contacts ===== */

/* About page section titles follow the same hierarchy as homepage sections. */
body.page-about .about-feature-heading {
  max-width: 820px;
  margin: 0 auto clamp(24px, 3vw, 34px);
  text-align: center;
}
body.page-about .about-feature-heading .eyebrow {
  justify-content: center;
  margin-bottom: 10px;
}
body.page-about .about-feature-heading h2 {
  display: block;
  margin: 0;
  color: #091326;
  font-size: clamp(1.9rem, 3.1vw, 3rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
body.page-about .about-feature-heading h2::before,
body.page-about .about-feature-heading h2::after {
  content: none !important;
  display: none !important;
}
body.page-about .about-feature-heading p {
  margin: 10px auto 0;
  color: #52617a;
  font-size: 1rem !important;
  line-height: 1.55;
}

/* Core value card descriptions use normal body copy size. */
body.page-about .core-value-copy p,
body.page-about .core-value-copy .core-value-tagline {
  font-size: 1rem !important;
  line-height: 1.55 !important;
}
body.page-about .core-value-copy .core-value-tagline {
  font-weight: 700;
}

/* Team cards/photos reduced by about 20% on desktop. */
body.page-about .team-member-grid {
  width: min(688px, 100%) !important;
  gap: clamp(18px, 3vw, 32px) !important;
}
body.page-about .team-member-photo {
  margin: 8px 8px 0 !important;
  border-radius: 16px !important;
}
body.page-about .team-linkedin-icon {
  right: 11px !important;
  bottom: 11px !important;
  width: 40px !important;
  height: 40px !important;
}

/* More compact fixed header. Theme control now sits at the far left. */
:root { --gs-fixed-header-offset: 56px !important; }
.site-header .header-inner {
  min-height: 56px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  gap: 8px !important;
}
.site-header .gs-header-controls {
  order: 0 !important;
  margin: 0 4px 0 0 !important;
  flex: 0 0 auto !important;
}
.site-header .brand {
  order: 1 !important;
  padding: 1px 5px !important;
  min-width: 0 !important;
}
.site-header .site-nav {
  order: 2 !important;
  margin-left: auto !important;
  padding: 3px !important;
  gap: 3px !important;
}
.site-header .nav-toggle {
  order: 3 !important;
}
.site-header .brand .brand-symbol {
  width: 29px !important;
  height: 34px !important;
  min-width: 29px !important;
  min-height: 34px !important;
  flex: 0 0 29px !important;
}
.site-header .brand .brand-mark-row { gap: 6px !important; }
.site-header .brand .brand-name { font-size: clamp(1.62rem, 2vw, 1.9rem) !important; }
.site-header .brand .brand-tagline { font-size: .50rem !important; line-height: .9 !important; }
.site-header .nav-link {
  padding: 7px 10px !important;
  font-size: .76rem !important;
}
.site-header .gs-control-button {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  box-shadow: none !important;
}
.site-header .gs-control-icon { width: 17px !important; height: 17px !important; }

/* Head office displayed beneath the footer tagline. */
.footer-office-block {
  max-width: 430px;
  margin-top: 12px;
  display: grid;
  gap: 4px;
  color: var(--ink-2);
  font-size: .84rem;
  line-height: 1.45;
}
.footer-office-block strong {
  color: var(--ink);
  font-family: "Outfit", sans-serif;
  font-size: .82rem;
}
.footer-office-block span { display: block; }

/* Left-side floating contact panel. */
.gs-contact-float {
  position: fixed;
  left: 12px;
  top: 50%;
  z-index: 9998;
  width: 218px;
  transform: translateY(-50%);
  padding: 15px 13px 12px;
  border: 1px solid rgba(119,191,255,.28);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 40px rgba(37,80,140,.18);
  backdrop-filter: blur(14px);
}
.gs-contact-float-title {
  display: block;
  margin: 0 26px 9px 0;
  color: #091326;
  font-family: "Outfit", sans-serif;
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.gs-contact-float a {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 11px;
  color: #091326;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}
.gs-contact-float a + a { margin-top: 3px; }
.gs-contact-float a:hover,
.gs-contact-float a:focus-visible {
  background: linear-gradient(135deg, rgba(119,191,255,.18), rgba(126,230,205,.18));
  transform: translateX(2px);
}
.gs-contact-float small {
  color: #52617a;
  font-size: .70rem;
  font-weight: 700;
}
.gs-contact-float strong {
  color: #091326;
  font-size: .92rem;
  letter-spacing: .015em;
}
.gs-contact-float-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #52617a;
  cursor: pointer;
  font-size: 1.05rem;
  line-height: 1;
}
.gs-contact-float-close:hover,
.gs-contact-float-close:focus-visible {
  background: rgba(119,191,255,.16);
  color: #091326;
}
html.dark .gs-contact-float,
body.dark .gs-contact-float {
  background: rgba(19,34,55,.96);
  border-color: #39536a;
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
}
html.dark .gs-contact-float :is(.gs-contact-float-title,a,strong),
body.dark .gs-contact-float :is(.gs-contact-float-title,a,strong) {
  color: #f3f8ff !important;
  -webkit-text-fill-color: #f3f8ff !important;
}
html.dark .gs-contact-float small,
body.dark .gs-contact-float small,
html.dark .gs-contact-float-close,
body.dark .gs-contact-float-close { color: #c9d8e9 !important; }

@media (max-width: 760px) {
  :root { --gs-fixed-header-offset: 50px !important; }
  .site-header .header-inner {
    min-height: 50px !important;
    display: flex !important;
    gap: 6px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .site-header .gs-header-controls { order: 0 !important; }
  .site-header .brand { order: 1 !important; flex: 1 1 auto !important; }
  .site-header .nav-toggle { order: 3 !important; margin-left: auto !important; }
  .site-header .site-nav {
    order: 4 !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: calc(100% + 8px) !important;
  }
  .site-header .brand .brand-symbol {
    width: 26px !important;
    height: 30px !important;
    min-width: 26px !important;
    min-height: 30px !important;
    flex-basis: 26px !important;
  }
  .site-header .brand .brand-name { font-size: 1.48rem !important; }
  .site-header .gs-control-button { width: 31px !important; height: 31px !important; }
  body.page-about .team-member-grid { width: min(100%, 430px) !important; }
  .gs-contact-float {
    left: 8px;
    top: auto;
    bottom: 10px;
    transform: none;
    width: min(212px, calc(100vw - 16px));
    padding: 12px 10px 10px;
  }
  .gs-contact-float a { padding: 7px 8px; }
}

@media (max-width: 420px) {
  .footer-office-block { font-size: .79rem; }
  .gs-contact-float { width: 198px; }
}


/* ===== Requested refinements — 2026-10-15 v3 ===== */

/* About section titles: one homepage-style label, no duplicate heading. */
body.page-about .about-feature-heading > .eyebrow {
  margin: 0 auto !important;
  display: flex !important;
  width: fit-content !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #329fdb !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
body.page-about .about-feature-heading > p {
  margin-top: 12px !important;
}

/* Core Values: only the value name is emphasized; every supporting line is 11px regular. */
body.page-about .core-value-copy p,
body.page-about .core-value-copy .core-value-tagline {
  margin: 5px 0 0 !important;
  color: #52617a !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}
html.dark body.page-about .core-value-copy p,
html.dark body.page-about .core-value-copy .core-value-tagline,
body.dark.page-about .core-value-copy p,
body.dark.page-about .core-value-copy .core-value-tagline {
  color: #c9d8e9 !important;
  font-weight: 400 !important;
}

/* Header: compact brand/nav with the theme toggle on the RIGHT. */
.site-header .brand { order: 0 !important; }
.site-header .site-nav { order: 1 !important; margin-left: auto !important; }
.site-header .gs-header-controls {
  order: 2 !important;
  margin: 0 0 0 5px !important;
  flex: 0 0 auto !important;
}
.site-header .nav-toggle { order: 3 !important; }

/* Head office sits beside the footer logo/wordmark, not underneath it. */
.site-footer .footer-brand-block {
  width: min(760px, 100%) !important;
  max-width: 100% !important;
}
.site-footer .footer-brand-row {
  display: flex !important;
  width: 100% !important;
  max-width: 760px !important;
  align-items: center !important;
  gap: 10px !important;
}
.site-footer .footer-brand-name { flex: 0 0 auto !important; }
.footer-office-block {
  position: relative !important;
  display: grid !important;
  flex: 1 1 360px !important;
  max-width: 430px !important;
  margin: 0 0 0 18px !important;
  padding: 2px 0 2px 18px !important;
  gap: 3px !important;
  border-left: 1px solid rgba(119,191,255,.42) !important;
  color: var(--ink-2) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}
.footer-office-block::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 2px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(180deg,#77BFFF,#7EE6CD);
}
.footer-office-block strong {
  color: var(--ink) !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .015em !important;
}
.footer-office-block span {
  display: block !important;
  color: var(--ink-2) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}
.site-footer .footer-brand-block .footer-tagline {
  width: max-content !important;
  min-width: 0 !important;
}
html.dark .footer-office-block,
body.dark .footer-office-block { border-left-color: rgba(126,230,205,.38) !important; }
html.dark .footer-office-block strong,
body.dark .footer-office-block strong { color: #f3f8ff !important; }
html.dark .footer-office-block span,
body.dark .footer-office-block span { color: #c9d8e9 !important; }

/* Premium right-side contact card, matching light/dark site theme. */
.gs-contact-float {
  position: fixed !important;
  left: auto !important;
  right: 14px !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 9998 !important;
  width: 232px !important;
  transform: translateY(-50%) !important;
  padding: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(119,191,255,.30) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(145deg,rgba(119,191,255,.70),rgba(126,230,205,.75)) border-box !important;
  box-shadow: 0 18px 46px rgba(37,80,140,.18) !important;
  backdrop-filter: blur(16px) !important;
}
.gs-contact-float::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg,#77BFFF,#7EE6CD);
}
.gs-contact-float-head {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 3px 28px 10px 2px;
}
.gs-contact-float-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg,#77BFFF,#7EE6CD);
  color: #091326;
  font-size: .92rem;
  box-shadow: 0 7px 18px rgba(40,120,160,.18);
}
.gs-contact-float-head > span:last-child { display: grid; gap: 1px; }
.gs-contact-float-head strong {
  color: #091326 !important;
  font-size: .77rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}
.gs-contact-float-head small {
  color: #6a7890 !important;
  font-size: .62rem !important;
  font-weight: 500 !important;
}
.gs-contact-float a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 9px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #f7fbff !important;
  color: #091326 !important;
  text-decoration: none !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.gs-contact-float a + a { margin-top: 7px !important; }
.gs-contact-float a:hover,
.gs-contact-float a:focus-visible {
  transform: translateX(-2px) !important;
  background: linear-gradient(135deg,rgba(119,191,255,.18),rgba(126,230,205,.20)) !important;
  box-shadow: 0 8px 18px rgba(37,80,140,.08) !important;
}
.gs-contact-float-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(135deg,rgba(119,191,255,.23),rgba(126,230,205,.28));
  color: #2378a8;
  font-size: .78rem;
  font-weight: 900;
}
.gs-contact-float-copy { display: grid; gap: 1px; min-width: 0; }
.gs-contact-float a small {
  color: #66758b !important;
  font-size: .64rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.gs-contact-float a strong {
  color: #091326 !important;
  font-size: .85rem !important;
  font-weight: 800 !important;
  letter-spacing: .012em !important;
  line-height: 1.2 !important;
}
.gs-contact-float-close {
  top: 7px !important;
  right: 7px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  background: rgba(119,191,255,.08) !important;
  color: #64748b !important;
  font-size: .92rem !important;
}
.gs-contact-float-close:hover,
.gs-contact-float-close:focus-visible {
  background: rgba(126,230,205,.22) !important;
  color: #091326 !important;
}
html.dark .gs-contact-float,
body.dark .gs-contact-float {
  background:
    linear-gradient(#132237,#132237) padding-box,
    linear-gradient(145deg,rgba(119,191,255,.72),rgba(126,230,205,.72)) border-box !important;
  border-color: transparent !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34) !important;
}
html.dark .gs-contact-float a,
body.dark .gs-contact-float a { background: #192c43 !important; }
html.dark .gs-contact-float a:hover,
body.dark .gs-contact-float a:hover,
html.dark .gs-contact-float a:focus-visible,
body.dark .gs-contact-float a:focus-visible { background: #203b51 !important; }
html.dark .gs-contact-float-head strong,
body.dark .gs-contact-float-head strong,
html.dark .gs-contact-float a strong,
body.dark .gs-contact-float a strong { color: #f3f8ff !important; -webkit-text-fill-color: #f3f8ff !important; }
html.dark .gs-contact-float-head small,
body.dark .gs-contact-float-head small,
html.dark .gs-contact-float a small,
body.dark .gs-contact-float a small { color: #b9cce0 !important; -webkit-text-fill-color: #b9cce0 !important; }
html.dark .gs-contact-float-icon,
body.dark .gs-contact-float-icon { color: #7EE6CD !important; }

@media (max-width: 900px) {
  .site-footer .footer-brand-row {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  .footer-office-block {
    flex-basis: 100% !important;
    max-width: 520px !important;
    margin: 8px 0 0 !important;
    padding-left: 13px !important;
  }
}

@media (max-width: 760px) {
  .site-header .brand { order: 0 !important; flex: 1 1 auto !important; }
  .site-header .gs-header-controls { order: 2 !important; margin-left: auto !important; }
  .site-header .nav-toggle { order: 3 !important; margin-left: 0 !important; }
  .site-header .site-nav { order: 4 !important; }
  .gs-contact-float {
    right: 8px !important;
    left: auto !important;
    top: auto !important;
    bottom: 10px !important;
    transform: none !important;
    width: min(224px, calc(100vw - 16px)) !important;
  }
}

@media (max-width: 420px) {
  .gs-contact-float { width: 206px !important; padding: 10px !important; }
  .gs-contact-float-head { gap: 7px; padding-bottom: 8px; }
  .gs-contact-float-mark { width: 30px; height: 30px; flex-basis: 30px; }
  .gs-contact-float a { padding: 8px !important; }
}

/* ===== Requested refinements — 2026-10-15 v4 ===== */

/* Footer head-office address: responsive at tablet/mobile widths. */
.site-footer .footer-brand-row,
.footer-office-block,
.footer-office-block span {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.footer-office-block span {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 760px) {
  .site-footer .footer-brand-row {
    width: 100% !important;
    max-width: 100% !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  .footer-office-block {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 9px 0 0 !important;
    padding: 10px 0 0 !important;
    gap: 4px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(119,191,255,.38) !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
  }
  .footer-office-block::before {
    left: 0 !important;
    top: -1px !important;
    width: 52px !important;
    height: 2px !important;
  }
  .footer-office-block strong,
  .footer-office-block span {
    font-size: 10.5px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 420px) {
  .footer-office-block {
    font-size: 10px !important;
  }
  .footer-office-block strong,
  .footer-office-block span {
    font-size: 10px !important;
  }
}

/* Social icons: exactly ~10% smaller and identical on every footer. */
.site-footer .footer-bottom-links .social-icon {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  border-radius: 8px !important;
}
.site-footer .footer-bottom-links .social-icon i {
  font-size: 14.4px !important;
}

/* Floating contact card: compact, polished, and site-wide. */
.gs-contact-float-head strong {
  background: linear-gradient(90deg,#2378a8,#168f78) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: .86rem !important;
  letter-spacing: .01em !important;
}
html.dark .gs-contact-float-head strong,
body.dark .gs-contact-float-head strong {
  background: linear-gradient(90deg,#77BFFF,#7EE6CD) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}


/* ===== Enterprise hover dropdown + dedicated pages — 2026-10-15 ===== */

.site-nav .nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}
.site-nav .nav-dropdown > .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.nav-dropdown-caret {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}
.site-nav .nav-dropdown:hover .nav-dropdown-caret,
.site-nav .nav-dropdown:focus-within .nav-dropdown-caret {
  transform: translateY(2px) rotate(225deg);
}
.site-nav .nav-submenu {
  position: absolute;
  z-index: 80;
  top: calc(100% - 1px);
  left: 50%;
  width: max-content;
  min-width: 245px;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(119,191,255,.28);
  border-radius: 18px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 45px rgba(13,20,36,.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%,8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.site-nav .nav-dropdown:hover > .nav-submenu,
.site-nav .nav-dropdown:focus-within > .nav-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%,0);
}
.site-nav .nav-submenu a {
  display: block;
  padding: 11px 13px;
  border-radius: 12px;
  color: #33445c;
  font-family: var(--theme-font-heading, "Outfit", sans-serif);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .02em;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.site-nav .nav-submenu a:hover,
.site-nav .nav-submenu a:focus-visible,
.site-nav .nav-submenu a.active {
  background: linear-gradient(135deg,rgba(119,191,255,.20),rgba(126,230,205,.22));
  color: #0b6d87;
  transform: translateX(2px);
}
html.dark .site-nav .nav-submenu,
body.dark .site-nav .nav-submenu {
  background: rgba(19,34,55,.99);
  border-color: rgba(119,191,255,.30);
  box-shadow: 0 20px 48px rgba(0,0,0,.35);
}
html.dark .site-nav .nav-submenu a,
body.dark .site-nav .nav-submenu a { color: #d9e8f5; }
html.dark .site-nav .nav-submenu a:hover,
html.dark .site-nav .nav-submenu a:focus-visible,
html.dark .site-nav .nav-submenu a.active,
body.dark .site-nav .nav-submenu a:hover,
body.dark .site-nav .nav-submenu a:focus-visible,
body.dark .site-nav .nav-submenu a.active {
  color: #7EE6CD;
  background: rgba(119,191,255,.13);
}

body.enterprise-detail-page .enterprise-detail-section {
  padding-top: clamp(34px,5vw,64px) !important;
}
body.enterprise-detail-page .enterprise-detail-heading {
  margin-bottom: 18px;
}
body.enterprise-detail-page .enterprise-single-service-grid {
  grid-template-columns: minmax(0,860px) !important;
  justify-content: center;
  max-width: 860px;
  margin: 18px auto 0;
}
body.enterprise-detail-page .enterprise-single-service-grid .service-showcase-item {
  width: 100%;
}

@media (max-width: 760px) {
  .site-nav .nav-dropdown {
    display: grid;
    width: 100%;
  }
  .site-nav .nav-dropdown > .nav-link {
    width: 100% !important;
  }
  .site-nav .nav-dropdown .nav-dropdown-caret {
    display: none;
  }
  .site-nav .nav-submenu,
  .site-nav .nav-dropdown:hover > .nav-submenu,
  .site-nav .nav-dropdown:focus-within > .nav-submenu {
    position: static;
    width: 100%;
    min-width: 0;
    display: grid;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    margin: 2px 0 8px;
    padding: 6px;
    border-radius: 15px;
    box-shadow: none;
    background: rgba(119,191,255,.07);
  }
  .site-nav .nav-submenu a {
    width: 100% !important;
    padding: 10px 12px !important;
    text-align: center !important;
    white-space: normal;
    font-size: .78rem;
  }
}


/* ===== User-requested refinements — 2026-10-15 v5 ===== */

/* About: Core Values and Meet Our Team now use the exact Why choose us heading system. */
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(1.4rem,3vw,2.2rem) !important;
}
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading .eyebrow {
  margin: 0 auto !important;
  display: flex !important;
  width: fit-content !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading h2 {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* Footer lockup: desktop keeps the address beside the brand; mobile becomes Logo -> Tagline -> Head Office. */
.site-footer .footer-brand-block {
  display: grid !important;
  grid-template-columns: max-content minmax(260px,430px) !important;
  grid-template-areas:
    "brand office"
    "tagline office" !important;
  align-items: center !important;
  justify-items: start !important;
  column-gap: 24px !important;
  row-gap: 2px !important;
  width: min(820px,100%) !important;
  max-width: 100% !important;
  padding: 0 !important;
}
.site-footer .footer-brand-row {
  grid-area: brand !important;
  width: max-content !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
}
.site-footer .footer-brand-block .footer-tagline {
  grid-area: tagline !important;
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.site-footer .footer-office-block {
  grid-area: office !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 430px !important;
  margin: 0 !important;
  padding: 2px 0 2px 18px !important;
  align-self: center !important;
  overflow-wrap: anywhere !important;
}
.site-footer .footer-office-block span {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
@media (max-width:760px) {
  .site-footer .footer-brand-block {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas:
      "brand"
      "tagline"
      "office" !important;
    width: 100% !important;
    row-gap: 5px !important;
  }
  .site-footer .footer-brand-row {
    width: max-content !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
  }
  .site-footer .footer-brand-block .footer-tagline {
    width: max-content !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    white-space: normal !important;
    text-align: left !important;
    text-align-last: left !important;
  }
  .site-footer .footer-office-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 7px 0 0 !important;
    padding: 10px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(119,191,255,.38) !important;
    line-height: 1.55 !important;
  }
}

/* Always-visible modal close control, independent of the embedded iframe content. */
.form-modal .form-modal-panel > .form-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 100 !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.94) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.18) !important;
  backdrop-filter: blur(12px) !important;
  cursor: pointer !important;
  font: 400 28px/1 Arial,sans-serif !important;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease !important;
}
.form-modal .form-modal-panel > .form-modal-close:hover,
.form-modal .form-modal-panel > .form-modal-close:focus-visible {
  transform: translateY(-1px) scale(1.03) !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.24) !important;
  outline: 2px solid rgba(119,191,255,.65) !important;
  outline-offset: 2px !important;
}
html.dark .form-modal .form-modal-panel > .form-modal-close,
body.dark .form-modal .form-modal-panel > .form-modal-close {
  background: rgba(11,22,39,.95) !important;
  color: #f8fbff !important;
  border-color: rgba(126,230,205,.28) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
}
@media (max-width:620px) {
  .form-modal .form-modal-panel > .form-modal-close {
    position: fixed !important;
    top: max(10px,env(safe-area-inset-top)) !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }
}

/* Modern floating contact sticky: lighter glass card, stronger hierarchy and touch-friendly call rows. */
.gs-contact-float {
  width: 246px !important;
  padding: 13px !important;
  border: 1px solid transparent !important;
  border-radius: 22px !important;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) padding-box,
    linear-gradient(135deg,rgba(119,191,255,.92),rgba(126,230,205,.88)) border-box !important;
  box-shadow: 0 22px 60px rgba(30,87,135,.22), 0 4px 14px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}
.gs-contact-float::before {
  height: 3px !important;
  background: linear-gradient(90deg,#77BFFF,#7EE6CD) !important;
}
.gs-contact-float-head {
  gap: 10px !important;
  padding: 4px 31px 11px 2px !important;
}
.gs-contact-float-mark {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#77BFFF,#7EE6CD) !important;
  box-shadow: 0 10px 24px rgba(52,138,174,.24) !important;
}
.gs-contact-float-mark svg { width: 21px !important; height: 21px !important; }
.gs-contact-float-kicker {
  color: #607087 !important;
  font-size: .61rem !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.gs-contact-float-head strong {
  margin-top: 2px !important;
  font-size: .89rem !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
}
.gs-contact-float a {
  grid-template-columns: 34px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 54px !important;
  padding: 8px 9px !important;
  border: 1px solid rgba(119,191,255,.14) !important;
  border-radius: 15px !important;
  background: rgba(244,248,252,.88) !important;
}
.gs-contact-float a + a { margin-top: 8px !important; }
.gs-contact-float a:hover,
.gs-contact-float a:focus-visible {
  background: linear-gradient(135deg,rgba(119,191,255,.17),rgba(126,230,205,.18)) !important;
  border-color: rgba(60,155,180,.22) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(55,111,150,.10) !important;
}
.gs-contact-float-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  background: rgba(119,191,255,.16) !important;
}
.gs-contact-float-icon svg { width: 17px !important; height: 17px !important; }
.gs-contact-float a small { font-size: .66rem !important; }
.gs-contact-float a strong { font-size: .88rem !important; }
.gs-contact-float-close {
  width: 25px !important;
  height: 25px !important;
  border-radius: 9px !important;
  background: rgba(15,23,42,.045) !important;
}
html.dark .gs-contact-float,
body.dark .gs-contact-float {
  background:
    linear-gradient(rgba(15,29,47,.95),rgba(15,29,47,.95)) padding-box,
    linear-gradient(135deg,rgba(119,191,255,.75),rgba(126,230,205,.78)) border-box !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.38) !important;
}
html.dark .gs-contact-float a,
body.dark .gs-contact-float a {
  background: rgba(24,45,68,.88) !important;
  border-color: rgba(126,230,205,.10) !important;
}
html.dark .gs-contact-float-kicker,
body.dark .gs-contact-float-kicker { color: #a9bfd1 !important; }
@media (max-width:760px) {
  .gs-contact-float {
    width: min(238px,calc(100vw - 16px)) !important;
    right: 8px !important;
    bottom: 10px !important;
    padding: 11px !important;
    border-radius: 19px !important;
  }
  .gs-contact-float a { min-height: 50px !important; }
}
@media (max-width:420px) {
  .gs-contact-float { width: min(224px,calc(100vw - 16px)) !important; }
}

/* ==========================================================================\n   Homepage testimonials — text-only presentation (2026-10-15)\n   ========================================================================== */
body.page-home .testimonials-text-only {
  padding-top: clamp(44px,5vw,70px) !important;
  padding-bottom: clamp(50px,6vw,82px) !important;
  background: transparent !important;
}
body.page-home .testimonials-text-only > .container {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 var(--container-pad, 20px) !important;
}
body.page-home .testimonials-text-only .section-heading {
  max-width: 780px !important;
  margin: 0 auto clamp(26px,3vw,38px) !important;
  text-align: center !important;
}
body.page-home .testimonials-text-only .section-heading p {
  max-width: 680px !important;
  margin: 12px auto 0 !important;
  color: var(--muted) !important;
  font-size: clamp(.96rem,1.2vw,1.05rem) !important;
  line-height: 1.7 !important;
}
body.page-home .testimonials-text-only .testimonial-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: clamp(16px,2vw,22px) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
}
body.page-home .testimonials-text-only .testimonial-card,
body.page-home .testimonials-text-only .testimonial-card:first-child {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  min-height: 220px !important;
  padding: clamp(24px,2.6vw,32px) !important;
  border: 1px solid rgba(var(--theme-accent-rgb),.14) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.055) !important;
  transform: none !important;
}
body.page-home .testimonials-text-only .testimonial-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--theme-accent-rgb),.24) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.08) !important;
}
body.page-home .testimonials-text-only .testimonial-card::after {
  content: none !important;
  display: none !important;
}
body.page-home .testimonials-text-only .testimonial-photo,
body.page-home .testimonials-text-only .testimonial-initial {
  display: none !important;
}
body.page-home .testimonials-text-only .testimonial-card p,
body.page-home .testimonials-text-only .testimonial-card:first-child p {
  margin: 0 !important;
  color: var(--ink-2) !important;
  font-size: clamp(1rem,1.15vw,1.08rem) !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
}
body.page-home .testimonials-text-only .testimonial-byline {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(var(--theme-accent-rgb),.12) !important;
}
body.page-home .testimonials-text-only .testimonial-card .testimonial-byline strong {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: .98rem !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}
body.page-home .testimonials-text-only .testimonial-card .testimonial-byline span {
  color: var(--muted) !important;
  font-size: .9rem !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}
html.dark body.page-home .testimonials-text-only > .container,
body.dark.page-home .testimonials-text-only > .container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-card,
body.dark.page-home .testimonials-text-only .testimonial-card {
  background: rgba(20,37,58,.88) !important;
  border-color: rgba(126,230,205,.12) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.18) !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-card p,
body.dark.page-home .testimonials-text-only .testimonial-card p {
  color: #dce7f3 !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-byline,
body.dark.page-home .testimonials-text-only .testimonial-byline {
  border-color: rgba(126,230,205,.12) !important;
}
@media (max-width:760px) {
  body.page-home .testimonials-text-only .testimonial-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  body.page-home .testimonials-text-only .testimonial-card,
  body.page-home .testimonials-text-only .testimonial-card:first-child {
    min-height: auto !important;
    padding: 22px !important;
    border-radius: 17px !important;
  }
}

/* ==========================================================================\n   Homepage testimonials — reference-inspired, CSS-only / no image assets\n   2026-10-15\n   ========================================================================== */
body.page-home .testimonials-text-only {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(58px,6vw,92px) 0 clamp(66px,7vw,104px) !important;
  background:
    radial-gradient(circle at 8% 22%, rgba(54,156,255,.15), transparent 25%),
    radial-gradient(circle at 93% 18%, rgba(114,187,255,.18), transparent 28%),
    linear-gradient(180deg,#eaf6ff 0%,#f8fbff 36%,#ffffff 58%,#f4f8ff 100%) !important;
}
body.page-home .testimonials-text-only::before,
body.page-home .testimonials-text-only::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
body.page-home .testimonials-text-only::before {
  width: 420px !important;
  height: 420px !important;
  top: -250px !important;
  left: -130px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(30,139,255,.16) !important;
  box-shadow: 0 0 0 46px rgba(30,139,255,.035), 0 0 0 92px rgba(30,139,255,.025) !important;
}
body.page-home .testimonials-text-only::after {
  width: 520px !important;
  height: 520px !important;
  right: -270px !important;
  bottom: -340px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle,rgba(119,89,255,.09),rgba(119,89,255,0) 68%) !important;
}
body.page-home .testimonials-text-only > .container {
  width: min(1540px,calc(100% - 40px)) !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.page-home .testimonials-text-only .section-heading {
  max-width: 1040px !important;
  margin: 0 auto clamp(34px,4vw,52px) !important;
  text-align: center !important;
}
body.page-home .testimonials-text-only .section-heading .eyebrow {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
  color: #1677e8 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-family: "Outfit",sans-serif !important;
  font-size: clamp(.82rem,1vw,1rem) !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}
body.page-home .testimonials-text-only .section-heading .eyebrow::before,
body.page-home .testimonials-text-only .section-heading .eyebrow::after {
  content: "" !important;
  display: block !important;
  width: clamp(42px,5vw,72px) !important;
  height: 2px !important;
  background: linear-gradient(90deg,transparent,#1688ff) !important;
}
body.page-home .testimonials-text-only .section-heading .eyebrow::after {
  background: linear-gradient(90deg,#1688ff,transparent) !important;
}
body.page-home .testimonials-text-only .section-heading h2 {
  margin: 0 !important;
  color: #071a36 !important;
  font-family: "Outfit",sans-serif !important;
  font-size: clamp(2.25rem,4vw,4.45rem) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}
body.page-home .testimonials-text-only .testimonial-heading-accent {
  display: inline-block !important;
  color: #278ff5 !important;
  background: linear-gradient(90deg,#177bea,#36a7ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.page-home .testimonials-text-only .section-heading p {
  max-width: 860px !important;
  margin: 18px auto 0 !important;
  color: #5e6d82 !important;
  font-size: clamp(1rem,1.35vw,1.2rem) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}
body.page-home .testimonials-text-only .testimonial-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: clamp(16px,1.45vw,24px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}
body.page-home .testimonials-text-only .testimonial-card,
body.page-home .testimonials-text-only .testimonial-card:first-child {
  --tc-rgb: 37,139,245;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 30px !important;
  min-height: 365px !important;
  padding: clamp(30px,2.1vw,40px) clamp(26px,1.9vw,36px) clamp(26px,1.8vw,34px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--tc-rgb),.25) !important;
  border-top: 4px solid rgb(var(--tc-rgb)) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 100% 100%,rgba(var(--tc-rgb),.12),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.995),rgba(248,251,255,.97)) !important;
  box-shadow: 0 22px 50px rgba(26,66,111,.13), inset 0 1px 0 rgba(255,255,255,.95) !important;
  transform: none !important;
}
body.page-home .testimonials-text-only .testimonial-card:nth-child(2) { --tc-rgb: 31,201,160; }
body.page-home .testimonials-text-only .testimonial-card:nth-child(3) { --tc-rgb: 255,159,39; }
body.page-home .testimonials-text-only .testimonial-card:nth-child(4) { --tc-rgb: 126,74,255; }
body.page-home .testimonials-text-only .testimonial-card::before {
  content: "“" !important;
  position: absolute !important;
  top: 15px !important;
  right: 22px !important;
  color: rgba(var(--tc-rgb),.26) !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: 5.2rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
body.page-home .testimonials-text-only .testimonial-card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 92px !important;
  height: 92px !important;
  right: -36px !important;
  bottom: -36px !important;
  border-radius: 32px 0 0 0 !important;
  background: linear-gradient(135deg,rgba(var(--tc-rgb),.03),rgba(var(--tc-rgb),.92)) !important;
  transform: rotate(3deg) !important;
  pointer-events: none !important;
}
body.page-home .testimonials-text-only .testimonial-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(var(--tc-rgb),.42) !important;
  box-shadow: 0 28px 64px rgba(26,66,111,.17), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body.page-home .testimonials-text-only .testimonial-card p,
body.page-home .testimonials-text-only .testimonial-card:first-child p {
  position: relative !important;
  z-index: 1 !important;
  margin: 48px 0 0 !important;
  color: #182a46 !important;
  font-family: "DM Sans",sans-serif !important;
  font-size: clamp(1rem,1.08vw,1.13rem) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}
body.page-home .testimonials-text-only .testimonial-byline {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 22px 48px 0 0 !important;
  border-top: 1px solid rgba(var(--tc-rgb),.16) !important;
}
body.page-home .testimonials-text-only .testimonial-byline::before {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: 0 !important;
  width: 54px !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: rgb(var(--tc-rgb)) !important;
}
body.page-home .testimonials-text-only .testimonial-card .testimonial-byline strong {
  margin: 0 !important;
  color: #0b1a33 !important;
  font-family: "Outfit",sans-serif !important;
  font-size: clamp(1rem,1.05vw,1.12rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
body.page-home .testimonials-text-only .testimonial-card .testimonial-byline span {
  color: #71819a !important;
  font-size: .94rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
body.page-home .testimonials-text-only .testimonial-card img,
body.page-home .testimonials-text-only .testimonial-photo,
body.page-home .testimonials-text-only .testimonial-initial {
  display: none !important;
}

@media (max-width:1180px) {
  body.page-home .testimonials-text-only > .container {
    width: min(100% - 32px,1120px) !important;
  }
  body.page-home .testimonials-text-only .testimonial-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.page-home .testimonials-text-only .testimonial-card,
  body.page-home .testimonials-text-only .testimonial-card:first-child {
    min-height: 300px !important;
  }
}
@media (max-width:680px) {
  body.page-home .testimonials-text-only {
    padding: 50px 0 62px !important;
  }
  body.page-home .testimonials-text-only > .container {
    width: calc(100% - 24px) !important;
  }
  body.page-home .testimonials-text-only .section-heading {
    margin-bottom: 30px !important;
  }
  body.page-home .testimonials-text-only .section-heading .eyebrow {
    gap: 9px !important;
    letter-spacing: .15em !important;
  }
  body.page-home .testimonials-text-only .section-heading .eyebrow::before,
  body.page-home .testimonials-text-only .section-heading .eyebrow::after {
    width: 28px !important;
  }
  body.page-home .testimonials-text-only .section-heading h2 {
    font-size: clamp(2rem,10vw,3rem) !important;
    line-height: 1.04 !important;
  }
  body.page-home .testimonials-text-only .section-heading p {
    font-size: .98rem !important;
    line-height: 1.55 !important;
  }
  body.page-home .testimonials-text-only .testimonial-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  body.page-home .testimonials-text-only .testimonial-card,
  body.page-home .testimonials-text-only .testimonial-card:first-child {
    min-height: auto !important;
    gap: 24px !important;
    padding: 28px 24px 25px !important;
    border-radius: 22px !important;
  }
  body.page-home .testimonials-text-only .testimonial-card p,
  body.page-home .testimonials-text-only .testimonial-card:first-child p {
    margin-top: 34px !important;
    font-size: 1rem !important;
  }
  body.page-home .testimonials-text-only .testimonial-card::before {
    top: 10px !important;
    right: 18px !important;
    font-size: 4.4rem !important;
  }
}

html.dark body.page-home .testimonials-text-only,
body.dark.page-home .testimonials-text-only {
  background:
    radial-gradient(circle at 10% 15%,rgba(30,139,255,.12),transparent 25%),
    radial-gradient(circle at 90% 12%,rgba(126,74,255,.10),transparent 28%),
    linear-gradient(180deg,#071321 0%,#091725 55%,#07111d 100%) !important;
}
html.dark body.page-home .testimonials-text-only .section-heading h2,
body.dark.page-home .testimonials-text-only .section-heading h2 {
  color: #f1f7ff !important;
}
html.dark body.page-home .testimonials-text-only .section-heading p,
body.dark.page-home .testimonials-text-only .section-heading p {
  color: #aebed1 !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-card,
body.dark.page-home .testimonials-text-only .testimonial-card {
  background:
    radial-gradient(circle at 100% 100%,rgba(var(--tc-rgb),.13),transparent 40%),
    linear-gradient(145deg,rgba(16,32,51,.98),rgba(11,25,42,.98)) !important;
  border-color: rgba(var(--tc-rgb),.28) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.24) !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-card p,
body.dark.page-home .testimonials-text-only .testimonial-card p,
html.dark body.page-home .testimonials-text-only .testimonial-card .testimonial-byline strong,
body.dark.page-home .testimonials-text-only .testimonial-card .testimonial-byline strong {
  color: #e9f2fb !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-card .testimonial-byline span,
body.dark.page-home .testimonials-text-only .testimonial-card .testimonial-byline span {
  color: #9eb0c5 !important;
}

/* ==========================================================================\n   Site refinements — 2026-10-15 v8\n   ========================================================================== */

/* Testimonials: restore compact initials while keeping the section image-free. */
body.page-home .testimonials-text-only .testimonial-initial {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 0 18px !important;
  border: 1px solid rgba(var(--tc-rgb),.18) !important;
  border-radius: 50% !important;
  background: rgba(var(--tc-rgb),.12) !important;
  color: rgb(var(--tc-rgb)) !important;
  -webkit-text-fill-color: rgb(var(--tc-rgb)) !important;
  font-family: "Outfit",sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 7px rgba(255,255,255,.42) !important;
}
html.dark body.page-home .testimonials-text-only .testimonial-initial,
body.dark.page-home .testimonials-text-only .testimonial-initial {
  background: rgba(var(--tc-rgb),.16) !important;
  border-color: rgba(var(--tc-rgb),.28) !important;
  box-shadow: inset 0 0 0 7px rgba(8,20,35,.26) !important;
}

/* Section headings: navy + blue, matching the Testimonials two-colour system. */
main .gs-two-tone-heading {
  color: #071a36 !important;
  font-family: "Outfit",sans-serif !important;
  font-weight: 800 !important;
}
main .gs-two-tone-heading .gs-heading-accent,
main .gs-two-tone-heading .testimonial-heading-accent {
  display: inline !important;
  color: #278ff5 !important;
  background: linear-gradient(90deg,#177bea,#36a7ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
html.dark main .gs-two-tone-heading,
body.dark main .gs-two-tone-heading {
  color: #f5f9ff !important;
  -webkit-text-fill-color: #f5f9ff !important;
}
html.dark main .gs-two-tone-heading .gs-heading-accent,
body.dark main .gs-two-tone-heading .gs-heading-accent,
html.dark main .gs-two-tone-heading .testimonial-heading-accent,
body.dark main .gs-two-tone-heading .testimonial-heading-accent {
  color: #77bfff !important;
  background: linear-gradient(90deg,#77bfff,#7ee6cd) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* About: section labels must match Why choose us exactly in size. */
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading > .eyebrow {
  font-size: var(--global-small-content-size,.94rem) !important;
  line-height: 1.45 !important;
}

/* Footer: Head Office label uses the same normal text size and line-height as its address. */
.site-footer .footer-office-block strong,
.site-footer .footer-office-block span {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}
.site-footer .footer-office-block strong {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Theme-adaptive modal close: brand-aware in light and dark modes. */
.form-modal .form-modal-panel > .form-modal-close {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(23,123,234,.18) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,255,.96)) !important;
  color: #177bea !important;
  box-shadow: 0 10px 28px rgba(23,123,234,.16), inset 0 0 0 1px rgba(255,255,255,.72) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
}
.form-modal .form-modal-panel > .form-modal-close:hover,
.form-modal .form-modal-panel > .form-modal-close:focus-visible {
  background: linear-gradient(145deg,#177bea,#36a7ff) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 14px 32px rgba(23,123,234,.28) !important;
  outline: 3px solid rgba(119,191,255,.24) !important;
  outline-offset: 2px !important;
}
html.dark .form-modal .form-modal-panel > .form-modal-close,
body.dark .form-modal .form-modal-panel > .form-modal-close {
  background: linear-gradient(145deg,rgba(20,42,65,.98),rgba(10,24,42,.98)) !important;
  color: #7ee6cd !important;
  border-color: rgba(126,230,205,.25) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.38), inset 0 0 0 1px rgba(126,230,205,.05) !important;
}
html.dark .form-modal .form-modal-panel > .form-modal-close:hover,
body.dark .form-modal .form-modal-panel > .form-modal-close:hover,
html.dark .form-modal .form-modal-panel > .form-modal-close:focus-visible,
body.dark .form-modal .form-modal-panel > .form-modal-close:focus-visible {
  background: linear-gradient(145deg,#1c8ff4,#25bfa1) !important;
  color: #fff !important;
}

/* Floating contact sticky: no brand kicker; compact asymmetric modern card. */
.gs-contact-float {
  width: 238px !important;
  padding: 12px !important;
  border: 1px solid rgba(23,123,234,.14) !important;
  border-radius: 28px 9px 28px 28px !important;
  background: linear-gradient(155deg,rgba(255,255,255,.98),rgba(243,249,255,.94)) !important;
  box-shadow: 0 24px 64px rgba(29,85,132,.22),0 4px 14px rgba(15,23,42,.08) !important;
  overflow: visible !important;
}
.gs-contact-float::before {
  top: auto !important;
  left: 18px !important;
  right: 18px !important;
  bottom: -1px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#177bea,#7ee6cd) !important;
}
.gs-contact-float-head {
  min-height: 44px !important;
  gap: 10px !important;
  padding: 2px 30px 10px 2px !important;
  align-items: center !important;
}
.gs-contact-float-mark {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg,#177bea,#36a7ff) !important;
  color: #fff !important;
  box-shadow: 0 9px 24px rgba(23,123,234,.26) !important;
}
.gs-contact-float-title {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.gs-contact-float-title strong {
  margin: 0 !important;
  color: #071a36 !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
}
.gs-contact-float-title small {
  color: #6b7b90 !important;
  font-size: .64rem !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}
.gs-contact-float-kicker { display: none !important; }
.gs-contact-float a {
  min-height: 52px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(23,123,234,.11) !important;
  border-radius: 15px 15px 15px 6px !important;
  background: rgba(255,255,255,.82) !important;
}
.gs-contact-float a + a { margin-top: 7px !important; }
.gs-contact-float a:hover,
.gs-contact-float a:focus-visible {
  border-color: rgba(23,123,234,.20) !important;
  background: linear-gradient(135deg,rgba(23,123,234,.09),rgba(126,230,205,.12)) !important;
  transform: translateX(-2px) !important;
}
.gs-contact-float-close {
  top: 8px !important;
  right: 8px !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  color: #607087 !important;
  background: rgba(23,123,234,.06) !important;
}
html.dark .gs-contact-float,
body.dark .gs-contact-float {
  background: linear-gradient(155deg,rgba(15,31,50,.98),rgba(10,23,40,.96)) !important;
  border-color: rgba(126,230,205,.18) !important;
  box-shadow: 0 26px 68px rgba(0,0,0,.40) !important;
}
html.dark .gs-contact-float-title strong,
body.dark .gs-contact-float-title strong {
  color: #f4f9ff !important;
  -webkit-text-fill-color: #f4f9ff !important;
}
html.dark .gs-contact-float-title small,
body.dark .gs-contact-float-title small {
  color: #a9bfd1 !important;
  -webkit-text-fill-color: #a9bfd1 !important;
}
html.dark .gs-contact-float a,
body.dark .gs-contact-float a {
  background: rgba(24,45,68,.78) !important;
  border-color: rgba(126,230,205,.10) !important;
}
html.dark .gs-contact-float-close,
body.dark .gs-contact-float-close {
  color: #c9d8e9 !important;
  background: rgba(126,230,205,.08) !important;
}
@media (max-width:760px) {
  .gs-contact-float {
    width: min(232px,calc(100vw - 16px)) !important;
    border-radius: 24px 8px 24px 24px !important;
  }
}


/* ==========================================================================\n   Requested refinements — 2026-10-15 v9\n   ========================================================================== */

/* Footer office: readable 14px copy with natural adaptive wrapping on every viewport. */
.site-footer .footer-office-block {
  min-width: 0 !important;
  max-width: min(640px,100%) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}
.site-footer .footer-office-block strong,
.site-footer .footer-office-block span {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}
.site-footer .footer-office-block strong {
  display: block !important;
  margin: 0 0 2px !important;
  font-weight: 600 !important;
}
.site-footer .footer-office-block span { display: block !important; }
@media (max-width:760px) {
  .site-footer .footer-office-block {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .site-footer .footer-office-block strong,
  .site-footer .footer-office-block span {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

/* About labels: exact same label colour/scale as Why choose us. */
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading > .eyebrow {
  color: var(--theme-accent) !important;
  -webkit-text-fill-color: var(--theme-accent) !important;
  font-size: .76rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}
html.dark body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading > .eyebrow,
body.dark.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading > .eyebrow {
  color: var(--theme-accent) !important;
  -webkit-text-fill-color: var(--theme-accent) !important;
}

/* Smaller floating call card: one clear headline, compact readable actions. */
.gs-contact-float {
  width: 208px !important;
  padding: 10px !important;
  border-radius: 22px 8px 22px 22px !important;
}
.gs-contact-float-head {
  min-height: 34px !important;
  gap: 8px !important;
  padding: 1px 28px 8px 1px !important;
}
.gs-contact-float-mark {
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
}
.gs-contact-float-mark svg { width: 16px !important; height: 16px !important; }
.gs-contact-float-title { display: block !important; }
.gs-contact-float-title strong {
  display: block !important;
  font-size: .80rem !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
}
.gs-contact-float-title small { display: none !important; }
.gs-contact-float a {
  min-height: 44px !important;
  padding: 7px 8px !important;
  gap: 7px !important;
  border-radius: 13px 13px 13px 6px !important;
}
.gs-contact-float a + a { margin-top: 6px !important; }
.gs-contact-float-icon {
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 25px !important;
}
.gs-contact-float-icon svg { width: 14px !important; height: 14px !important; }
.gs-contact-float a small {
  font-size: .59rem !important;
  line-height: 1.15 !important;
}
.gs-contact-float a strong {
  font-size: .77rem !important;
  line-height: 1.16 !important;
}
.gs-contact-float-close {
  top: 7px !important;
  right: 7px !important;
  width: 22px !important;
  height: 22px !important;
  font-size: .88rem !important;
}
@media (max-width:760px) {
  .gs-contact-float {
    right: 8px !important;
    bottom: 9px !important;
    width: min(194px,calc(100vw - 16px)) !important;
    padding: 9px !important;
  }
  .gs-contact-float-head { padding-bottom: 7px !important; }
  .gs-contact-float-title strong { font-size: .76rem !important; }
  .gs-contact-float a { min-height: 42px !important; padding: 6px 7px !important; }
  .gs-contact-float a small { font-size: .56rem !important; }
  .gs-contact-float a strong { font-size: .74rem !important; }
}


/* ==========================================================================\n   Sticky reference redesign + shorter testimonial cards — 2026-10-15 v10\n   CSS/SVG only: no sticky image assets.\n   ========================================================================== */

/* Reference-inspired floating call bar. */
.gs-contact-float {
  position: fixed !important;
  left: auto !important;
  right: 18px !important;
  top: auto !important;
  bottom: 18px !important;
  z-index: 9998 !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  width: min(520px,calc(100vw - 38px)) !important;
  min-height: 0 !important;
  padding: 72px 12px 12px 64px !important;
  overflow: visible !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 28px 28px 28px 22px !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 22px 58px rgba(21,67,123,.28), 0 5px 16px rgba(15,23,42,.10) !important;
  backdrop-filter: blur(14px) saturate(135%) !important;
  isolation: isolate !important;
}
.gs-contact-float::before {
  content: none !important;
  display: none !important;
}
.gs-contact-float-head {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 62px !important;
  padding: 0 54px 0 78px !important;
  overflow: visible !important;
  border-radius: 28px 28px 0 0 !important;
  background:
    radial-gradient(circle at 22% 10%,rgba(39,143,245,.20),transparent 34%),
    linear-gradient(135deg,#092c61 0%,#06336d 52%,#052957 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.07) !important;
}
.gs-contact-float-mark {
  position: absolute !important;
  left: -31px !important;
  top: 50% !important;
  display: grid !important;
  place-items: center !important;
  width: 92px !important;
  height: 92px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border: 7px solid rgba(255,255,255,.96) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg,#19c7ff 0%,#1879f5 62%,#075ce1 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(20,107,223,.34), 0 0 0 6px rgba(116,224,255,.30) !important;
  z-index: 3 !important;
}
.gs-contact-float-mark svg {
  width: 43px !important;
  height: 43px !important;
  stroke-width: 1.65 !important;
}
.gs-contact-float-title {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}
.gs-contact-float-title strong {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Outfit",sans-serif !important;
  font-size: clamp(.94rem,1.55vw,1.18rem) !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.gs-contact-float-title strong > span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.gs-contact-float-title strong > em {
  margin-left: .18em !important;
  color: #18e5c1 !important;
  -webkit-text-fill-color: #18e5c1 !important;
  font-style: normal !important;
}
.gs-contact-float-kicker,
.gs-contact-float-title small { display: none !important; }

.gs-contact-float > a {
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(22,120,225,.09) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg,#f1f8ff,#f8fcff) !important;
  color: #071a36 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  text-decoration: none !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.gs-contact-float > a:nth-of-type(2) {
  border-color: rgba(37,191,143,.11) !important;
  background: linear-gradient(145deg,#f2fff9,#f8fffc) !important;
}
.gs-contact-float > a:hover,
.gs-contact-float > a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(23,123,234,.20) !important;
  background: linear-gradient(145deg,#edf7ff,#f7fcff) !important;
  box-shadow: 0 8px 18px rgba(28,95,160,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.gs-contact-float > a:nth-of-type(2):hover,
.gs-contact-float > a:nth-of-type(2):focus-visible {
  border-color: rgba(37,191,143,.24) !important;
  background: linear-gradient(145deg,#effdf7,#f8fffc) !important;
}
.gs-contact-float-icon {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 11px !important;
  background: rgba(23,139,245,.10) !important;
  color: #1688ef !important;
}
.gs-contact-float > a:nth-of-type(2) .gs-contact-float-icon {
  background: rgba(37,191,143,.11) !important;
  color: #20b983 !important;
}
.gs-contact-float-icon svg { width: 17px !important; height: 17px !important; }
.gs-contact-float-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.gs-contact-float > a small {
  color: #65758d !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}
.gs-contact-float > a strong {
  color: #071a36 !important;
  font-family: "Outfit",sans-serif !important;
  font-size: .98rem !important;
  font-weight: 850 !important;
  letter-spacing: .025em !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}
.gs-contact-float-close {
  position: absolute !important;
  top: 10px !important;
  right: 11px !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  font: 400 28px/1 Arial,sans-serif !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.gs-contact-float-close:hover,
.gs-contact-float-close:focus-visible {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  transform: scale(1.04) !important;
  outline: 2px solid rgba(24,229,193,.40) !important;
  outline-offset: 2px !important;
}

html.dark .gs-contact-float,
body.dark .gs-contact-float {
  background: rgba(13,28,46,.985) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.44) !important;
}
html.dark .gs-contact-float-head,
body.dark .gs-contact-float-head {
  background:
    radial-gradient(circle at 22% 10%,rgba(39,143,245,.18),transparent 34%),
    linear-gradient(135deg,#0a2f64,#07336b 52%,#062750) !important;
}
html.dark .gs-contact-float > a,
body.dark .gs-contact-float > a {
  background: linear-gradient(145deg,rgba(24,49,75,.98),rgba(19,42,66,.98)) !important;
  border-color: rgba(119,191,255,.14) !important;
}
html.dark .gs-contact-float > a:nth-of-type(2),
body.dark .gs-contact-float > a:nth-of-type(2) {
  background: linear-gradient(145deg,rgba(21,54,67,.98),rgba(17,44,61,.98)) !important;
  border-color: rgba(126,230,205,.14) !important;
}
html.dark .gs-contact-float > a small,
body.dark .gs-contact-float > a small { color: #aebed1 !important; }
html.dark .gs-contact-float > a strong,
body.dark .gs-contact-float > a strong {
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff !important;
}

@media (max-width: 680px) {
  .gs-contact-float {
    right: 9px !important;
    bottom: 10px !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: min(300px,calc(100vw - 18px)) !important;
    padding: 62px 9px 9px 48px !important;
    border-radius: 22px !important;
  }
  .gs-contact-float-head {
    min-height: 52px !important;
    padding: 0 42px 0 54px !important;
    border-radius: 22px 22px 0 0 !important;
  }
  .gs-contact-float-mark {
    left: -18px !important;
    width: 66px !important;
    height: 66px !important;
    border-width: 5px !important;
    box-shadow: 0 10px 26px rgba(20,107,223,.30),0 0 0 4px rgba(116,224,255,.24) !important;
  }
  .gs-contact-float-mark svg { width: 31px !important; height: 31px !important; }
  .gs-contact-float-title strong {
    font-size: .79rem !important;
    line-height: 1.08 !important;
  }
  .gs-contact-float-close {
    top: 8px !important;
    right: 8px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 23px !important;
  }
  .gs-contact-float > a {
    grid-template-columns: 30px minmax(0,1fr) !important;
    min-height: 47px !important;
    padding: 7px 8px !important;
    border-radius: 13px !important;
  }
  .gs-contact-float-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
  }
  .gs-contact-float > a small { font-size: .61rem !important; }
  .gs-contact-float > a strong { font-size: .84rem !important; }
}

@media (max-width: 380px) {
  .gs-contact-float {
    width: min(278px,calc(100vw - 16px)) !important;
    padding-left: 42px !important;
  }
  .gs-contact-float-title strong { font-size: .72rem !important; }
  .gs-contact-float > a small { font-size: .58rem !important; }
  .gs-contact-float > a strong { font-size: .79rem !important; }
}

/* Testimonials: keep the reference look but reduce vertical card height. */
body.page-home .testimonials-text-only .testimonial-card,
body.page-home .testimonials-text-only .testimonial-card:first-child {
  min-height: 292px !important;
  gap: 12px !important;
  padding: 22px 22px 20px !important;
  border-radius: 24px !important;
}
body.page-home .testimonials-text-only .testimonial-initial {
  width: 43px !important;
  height: 43px !important;
  margin: 0 !important;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.42) !important;
  font-size: .90rem !important;
}
body.page-home .testimonials-text-only .testimonial-card p,
body.page-home .testimonials-text-only .testimonial-card:first-child p {
  margin: 0 !important;
  font-size: clamp(.93rem,1vw,1.03rem) !important;
  line-height: 1.46 !important;
}
body.page-home .testimonials-text-only .testimonial-byline {
  margin-top: auto !important;
  padding: 14px 42px 0 0 !important;
  gap: 3px !important;
}
body.page-home .testimonials-text-only .testimonial-card .testimonial-byline strong {
  font-size: clamp(.94rem,1vw,1.04rem) !important;
}
body.page-home .testimonials-text-only .testimonial-card .testimonial-byline span {
  font-size: .85rem !important;
}
body.page-home .testimonials-text-only .testimonial-card::before {
  top: 8px !important;
  right: 17px !important;
  font-size: 4.4rem !important;
}
body.page-home .testimonials-text-only .testimonial-card::after {
  width: 76px !important;
  height: 76px !important;
  right: -31px !important;
  bottom: -31px !important;
}
@media (max-width:1180px) {
  body.page-home .testimonials-text-only .testimonial-card,
  body.page-home .testimonials-text-only .testimonial-card:first-child {
    min-height: 248px !important;
  }
}
@media (max-width:680px) {
  body.page-home .testimonials-text-only .testimonial-card,
  body.page-home .testimonials-text-only .testimonial-card:first-child {
    min-height: 0 !important;
    gap: 10px !important;
    padding: 19px 18px 18px !important;
    border-radius: 20px !important;
  }
  body.page-home .testimonials-text-only .testimonial-initial {
    width: 39px !important;
    height: 39px !important;
    font-size: .84rem !important;
  }
  body.page-home .testimonials-text-only .testimonial-card p,
  body.page-home .testimonials-text-only .testimonial-card:first-child p {
    margin: 0 !important;
    font-size: .94rem !important;
    line-height: 1.44 !important;
  }
  body.page-home .testimonials-text-only .testimonial-byline {
    padding-top: 12px !important;
  }
}

/* ==========================================================================\n   Requested refinements — 2026-10-15 v11\n   Section-title scale, customer-relevant accenting, 50% smaller sticky,\n   vibrating phone attention cue.\n   ========================================================================== */

/* Global section labels: one consistent 16px scale across the website. */
body main .section-heading .eyebrow,
body main .why-heading .eyebrow,
body.page-about .why-heading .eyebrow,
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading > .eyebrow {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* Core Values and Meet Our Team use exactly the same title treatment as Why choose us. */
body.page-about :is(.core-values-section,.meet-team-section) .about-feature-heading.why-heading > .eyebrow {
  color: var(--theme-accent) !important;
  -webkit-text-fill-color: var(--theme-accent) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

/* Compact reference-style sticky. Roughly half the visual area of v10 while
   preserving readable labels and tap targets. */
.gs-contact-float {
  right: 14px !important;
  bottom: 14px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
  width: min(360px,calc(100vw - 28px)) !important;
  padding: 49px 8px 8px 44px !important;
  border-radius: 20px 20px 20px 16px !important;
  box-shadow: 0 15px 38px rgba(21,67,123,.24),0 4px 12px rgba(15,23,42,.08) !important;
}
.gs-contact-float-head {
  min-height: 42px !important;
  padding: 0 38px 0 52px !important;
  border-radius: 20px 20px 0 0 !important;
}
.gs-contact-float-mark {
  left: -19px !important;
  top: 50% !important;
  width: 60px !important;
  height: 60px !important;
  border-width: 4px !important;
  box-shadow: 0 9px 22px rgba(20,107,223,.30),0 0 0 3px rgba(116,224,255,.24) !important;
  transform-origin: 50% 50% !important;
  animation: gs-phone-vibrate 3.8s ease-in-out infinite !important;
}
.gs-contact-float-mark svg {
  width: 28px !important;
  height: 28px !important;
}
.gs-contact-float-title strong {
  font-size: .82rem !important;
  letter-spacing: .008em !important;
}
.gs-contact-float > a {
  grid-template-columns: 25px minmax(0,1fr) !important;
  gap: 6px !important;
  min-height: 42px !important;
  padding: 5px 6px !important;
  border-radius: 11px !important;
}
.gs-contact-float-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 8px !important;
}
.gs-contact-float-icon svg {
  width: 13px !important;
  height: 13px !important;
}
.gs-contact-float-copy { gap: 1px !important; }
.gs-contact-float > a small {
  font-size: .55rem !important;
  line-height: 1.08 !important;
}
.gs-contact-float > a strong {
  font-size: .76rem !important;
  line-height: 1.05 !important;
  letter-spacing: .015em !important;
}
.gs-contact-float-close {
  top: 7px !important;
  right: 7px !important;
  width: 27px !important;
  height: 27px !important;
  font-size: 20px !important;
}

@keyframes gs-phone-vibrate {
  0%, 68%, 100% { transform: translateY(-50%) rotate(0deg); }
  70% { transform: translateY(-50%) rotate(-8deg); }
  72% { transform: translateY(-50%) rotate(8deg); }
  74% { transform: translateY(-50%) rotate(-7deg); }
  76% { transform: translateY(-50%) rotate(7deg); }
  78% { transform: translateY(-50%) rotate(-5deg); }
  80% { transform: translateY(-50%) rotate(5deg); }
  82% { transform: translateY(-50%) rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .gs-contact-float-mark { animation: none !important; }
}

@media (max-width: 680px) {
  .gs-contact-float {
    right: 8px !important;
    bottom: 9px !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    width: min(250px,calc(100vw - 16px)) !important;
    padding: 43px 7px 7px 33px !important;
    border-radius: 18px !important;
  }
  .gs-contact-float-head {
    min-height: 37px !important;
    padding: 0 31px 0 40px !important;
    border-radius: 18px 18px 0 0 !important;
  }
  .gs-contact-float-mark {
    left: -13px !important;
    width: 47px !important;
    height: 47px !important;
    border-width: 3px !important;
    box-shadow: 0 7px 18px rgba(20,107,223,.28),0 0 0 2px rgba(116,224,255,.22) !important;
  }
  .gs-contact-float-mark svg {
    width: 22px !important;
    height: 22px !important;
  }
  .gs-contact-float-title strong { font-size: .70rem !important; }
  .gs-contact-float > a {
    grid-template-columns: 23px minmax(0,1fr) !important;
    min-height: 37px !important;
    padding: 4px 6px !important;
    border-radius: 10px !important;
  }
  .gs-contact-float-icon {
    width: 22px !important;
    height: 22px !important;
  }
  .gs-contact-float > a small { font-size: .52rem !important; }
  .gs-contact-float > a strong { font-size: .72rem !important; }
  .gs-contact-float-close {
    top: 6px !important;
    right: 6px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 18px !important;
  }
}

/* Keep supporting copy below section headings at a consistent readable 16px. */
body main .section-heading > p,
body main .why-heading > p,
body.page-about .why-heading > p {
  font-size: 16px !important;
}

/* Animate the phone glyph itself (not the whole sticky), so the attention cue
   remains subtle and does not shift the panel position. */
.gs-contact-float-mark { animation: none !important; }
.gs-contact-float-mark svg {
  transform-origin: 50% 50% !important;
  animation: gs-phone-glyph-vibrate 3.8s ease-in-out infinite !important;
}
@keyframes gs-phone-glyph-vibrate {
  0%, 68%, 100% { transform: translateX(0) rotate(0deg); }
  70% { transform: translateX(-1px) rotate(-10deg); }
  72% { transform: translateX(1px) rotate(10deg); }
  74% { transform: translateX(-1px) rotate(-8deg); }
  76% { transform: translateX(1px) rotate(8deg); }
  78% { transform: translateX(-1px) rotate(-5deg); }
  80% { transform: translateX(1px) rotate(5deg); }
  82% { transform: translateX(0) rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  .gs-contact-float-mark svg { animation: none !important; }
}

/* Main heading directly below a section title: global 16px as requested. */
body main .section-heading > h2,
body main .why-heading > h2,
body.page-about .why-heading > h2 {
  font-size: 16px !important;
  line-height: 1.4 !important;
}


/* Gatisetu site-wide typography alignment — 2026-10-18.
   Reference: homepage About Gatisetu (section label), Vehicle Categories
   (section heading and descriptive paragraph). Keep hero display type,
   compact UI buttons, form fields and individual card titles distinct. */
:root {
  --gs-unified-section-label-size: .94rem;
  --gs-unified-section-label-color: #77bfff;
  --gs-unified-section-title-size: clamp(2rem, 4vw, 2.35rem);
  --gs-unified-section-title-color: #0d1424;
  --gs-unified-body-size: 1rem;
  --gs-unified-body-color: #3d4a63;
}
html.dark, html.dark body, body.dark {
  --gs-unified-section-title-color: #f5f9ff;
  --gs-unified-body-color: #b7c6d8;
}
/* Section names / overlines */
body main .eyebrow,
body main .section-heading .eyebrow,
body main .why-heading .eyebrow,
body main .seo-card-heading .eyebrow,
body main .home-about-hero-content .eyebrow {
  font-family: "Outfit",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-section-label-size) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  color: var(--gs-unified-section-label-color) !important;
  -webkit-text-fill-color: var(--gs-unified-section-label-color) !important;
}
/* Headings directly paired with section labels and section-heading components. */
body main :is(.section-heading,.why-heading,.seo-card-heading,.about-feature-heading,
  .home-about-hero-content,.section-header,.services-section-heading) h2:not(.sr-only),
body main .eyebrow + h2:not(.sr-only) {
  font-family: "Outfit",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-section-title-size) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
  color: var(--gs-unified-section-title-color) !important;
  -webkit-text-fill-color: var(--gs-unified-section-title-color) !important;
}
/* Standard reading copy uses the Vehicle Categories paragraph treatment. */
body main p:not(.sr-only),
body main .section-heading > p,
body main .seo-card-heading > p,
body main .home-about-hero-content > p {
  font-family: "DM Sans",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-body-size) !important;
  line-height: 1.65 !important;
  color: var(--gs-unified-body-color) !important;
  -webkit-text-fill-color: var(--gs-unified-body-color) !important;
}
/* Preserve contrast on inverse/dark promotional surfaces in the light theme. */
body:not(.dark) main :is(.dark-section,.inverse-section,.bg-dark) p,
html:not(.dark) body:not(.dark) main :is(.dark-section,.inverse-section,.bg-dark) p {
  color: #f5f9ff !important;
  -webkit-text-fill-color: #f5f9ff !important;
}
/* Give the shared type tokens precedence over historical page-specific patches. */
body main .eyebrow:not(#_gs_typography_override),
body main .section-heading .eyebrow:not(#_gs_typography_override),
body main .why-heading .eyebrow:not(#_gs_typography_override) {
  font-family: "Outfit",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-section-label-size) !important;
  line-height: 1.45 !important;
  color: var(--gs-unified-section-label-color) !important;
  -webkit-text-fill-color: var(--gs-unified-section-label-color) !important;
}
body main :is(.section-heading,.why-heading,.seo-card-heading,.about-feature-heading,
  .home-about-hero-content,.section-header,.services-section-heading) h2:not(#_gs_typography_override):not(.sr-only),
body main .eyebrow + h2:not(#_gs_typography_override):not(.sr-only) {
  font-family: "Outfit",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-section-title-size) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  color: var(--gs-unified-section-title-color) !important;
  -webkit-text-fill-color: var(--gs-unified-section-title-color) !important;
}
body main p:not(#_gs_typography_override):not(.sr-only) {
  font-family: "DM Sans",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-body-size) !important;
  line-height: 1.65 !important;
  color: var(--gs-unified-body-color) !important;
  -webkit-text-fill-color: var(--gs-unified-body-color) !important;
}


/* ===== Gatisetu v13: natural one-line headings and reliable small-screen navigation =====
   Headings use the available width and wrap only when the text will not fit. */
body main :is(h1, h2, h3):not(.sr-only),
body main :is(h1, h2, h3):not(.sr-only) :is(span, strong, em) {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  max-inline-size: 100%;
}
/* Historic 'single-line' and route-title rules should never clip small screens. */
body.page-home main .section-heading h2.single-line-heading,
body.page-services main .industries-section .section-heading h2.single-line-service-heading,
body.page-services main .service-hero h1.services-hero-title .title-line,
body.page-vendor main .vendor-hero h1 .hero-title-line {
  white-space: normal !important;
  max-width: 100% !important;
}
/* Remove artificial narrow heading containers; retain comfortable copy line lengths. */
body main :is(.section-heading, .section-heading.narrow, .why-heading,
               .seo-card-heading, .about-feature-heading, .services-section-heading) {
  max-width: 100% !important;
  min-width: 0;
}
body main :is(.section-heading, .section-heading.narrow, .why-heading,
              .seo-card-heading, .about-feature-heading, .services-section-heading) > p {
  max-width: 850px;
}
body main .section-heading.narrow > p { margin-inline: auto; }
body main :is(h1,h2,h3):not(.sr-only) { text-wrap: pretty; }

/* Mobile: navigation must scroll independently in portrait and landscape.
   Floating help panel must never cover navigation links. */
@media (max-width: 760px) {
  .site-header { z-index: 200 !important; }
  .site-header .header-inner { position: relative; min-width: 0; }
  .site-header .site-nav {
    z-index: 201 !important;
    max-height: calc(100vh - 72px) !important;
    max-height: calc(100dvh - 72px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    align-content: start !important;
  }
  .site-header .site-nav.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .site-header .site-nav .nav-dropdown,
  .site-header .site-nav .nav-submenu { min-width: 0 !important; max-width: 100% !important; }
  body.gs-mobile-menu-open .gs-contact-float { display: none !important; }
  body main :is(h1, h2, h3):not(.sr-only) { overflow-wrap: anywhere !important; }
  /* Content remains readable if older browsers block JavaScript/observer APIs. */
  body main .reveal { opacity: 1 !important; transform: none !important; }
}
@media (max-width: 480px) {
  .site-header .site-nav { max-height: calc(100dvh - 64px) !important; }
  body main :is(.section-heading, .section-heading.narrow) { width: 100% !important; }
}

body.page-about .team-member-photo > img {
  transition: transform .35s ease, opacity .32s ease;
}
body.page-about .team-member-biography {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 24px 44px;
  border-radius: inherit;
  background: linear-gradient(155deg,#eff8ff 0%,#dff7f2 100%);
  color: #15344b;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(9px);
  transition: opacity .32s ease, transform .32s ease, visibility .32s ease;
}
body.page-about .team-member-biography::before {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  flex: none;
  margin-bottom: 17px;
  border-radius: 999px;
  background: linear-gradient(90deg,#5ca9ed,#46cbb7);
}
body.page-about .team-member-biography p {
  margin: 0;
  max-width: 36ch;
  font-size: clamp(.84rem, 1.22vw, 1rem) !important;
  font-weight: 500;
  line-height: 1.62 !important;
  color: inherit !important;
}
body.page-about .team-member-photo .team-linkedin-icon {
  z-index: 3;
}
body.page-about .team-member-photo-link:is(:hover,:focus-visible) .team-member-photo > img {
  opacity: 0;
  transform: scale(1.018);
}
body.page-about .team-member-photo-link:is(:hover,:focus-visible) .team-member-biography {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
html.dark body.page-about .team-member-biography,
body.dark.page-about .team-member-biography {
  background: linear-gradient(155deg,#1a334b 0%,#163d40 100%);
  color: #f1fbff;
}
@media (hover: none) {
  body.page-about .team-member-photo {
    aspect-ratio: auto;
  }
  body.page-about .team-member-photo > img,
  body.page-about .team-member-photo-link:is(:hover,:focus-visible) .team-member-photo > img {
    height: auto;
    aspect-ratio: 4 / 4.6;
    opacity: 1;
    transform: none;
  }
  body.page-about .team-member-biography {
    position: relative;
    inset: auto;
    padding: 23px 19px 25px;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  body.page-about .team-member-photo .team-linkedin-icon {
    top: 11px;
    bottom: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-about .team-member-photo > img,
  body.page-about .team-member-biography {
    transition: none;
  }
}

/* About Gatisetu hero and purpose cards: scoped to the About page. */
body.page-about .gs-about-intro {
  padding: clamp(32px,4.5vw,64px) 0 26px !important;
  background: linear-gradient(110deg,#ffffff 0%,#f2fbff 58%,#dff1ff 100%) !important;
}
body.page-about .gs-about-intro::before,
body.page-about .gs-about-intro::after { content: none !important; }
body.page-about .gs-about-intro-inner { width: min(1460px,calc(100% - 68px)); }
body.page-about .gs-about-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: clamp(0px,1.8vw,24px);
  min-height: 540px;
}
body.page-about .gs-about-intro .about-hero-copy { position: relative; z-index: 2; max-width: 635px !important; }
body.page-about .gs-about-intro .eyebrow {
  display: inline-flex;
  padding: 6px 17px;
  border-radius: 100px;
  background: #e1f2ff;
  color: #12518b !important;
  -webkit-text-fill-color: #12518b !important;
  margin-bottom: 22px;
  letter-spacing: .055em !important;
}
body.page-about .gs-about-intro .eyebrow::before { display: none; }
body.page-about .gs-about-intro-title {
  color: #071933 !important;
  -webkit-text-fill-color: #071933 !important;
  font: 800 clamp(2.35rem,3.1vw,3.3rem)/1.08 "Outfit",sans-serif !important;
  letter-spacing: -.055em !important;
  max-width: 670px !important;
  margin: 0 0 21px;
  text-wrap: balance;
}
body.page-about .gs-about-intro-title span {
  display: block;
  color: #0861c9 !important;
  -webkit-text-fill-color: #0861c9 !important;
}
body.page-about .gs-about-intro .about-hero-copy > p {
  max-width: 570px !important;
  color: #405575 !important;
  -webkit-text-fill-color: #405575 !important;
  font-size: clamp(.96rem,1.05vw,1.06rem) !important;
  line-height: 1.55 !important;
  margin: 0 0 17px !important;
}
body.page-about .gs-about-hero-art {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-right: -35px;
  pointer-events: none;
}
body.page-about .gs-about-hero-art img {
  width: 100%;
  max-width: 850px;
  height: auto;
  display: block;
  filter: drop-shadow(0 15px 30px rgba(59,145,198,.05));
}
body.page-about .gs-about-highlights {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 34px;
}
body.page-about .gs-about-highlight { display: flex; align-items: center; gap: 10px; min-width: 0; }
body.page-about .gs-about-highlight + .gs-about-highlight { border-left: 1px solid #bbd7eb; padding-left: 12px; }
body.page-about .gs-about-highlight-icon {
  display: grid; flex: none; place-items: center;
  width: 42px; height: 42px; border-radius: 14px;
  background: #e3f3ff; color: #086fe7;
  font-size: 1.18rem;
}
body.page-about .gs-about-highlight strong,
body.page-about .gs-about-highlight small {
  display: block; color: #092044; line-height: 1.23; text-align: left;
}
body.page-about .gs-about-highlight strong { font: 700 .8rem/1.25 "Outfit",sans-serif; }
body.page-about .gs-about-highlight small { font: 400 .7rem/1.4 "DM Sans",sans-serif; color: #566c88; margin-top: 2px; }
body.page-about main > section.page-hero + section.gs-about-pillars-section {
  padding: 3px 0 clamp(42px,5vw,74px) !important;
  background: linear-gradient(180deg,#eaf7ff 0%,#fff 100%) !important;
}
body.page-about .gs-about-pillars-section .gs-about-pillars {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: clamp(14px,1.5vw,22px);
  width: min(1460px,calc(100% - 68px));
}
body.page-about .gs-about-pillars-section .gs-about-pillar {
  display: grid; grid-template-columns: 70px minmax(0,1fr); align-items: start;
  gap: 18px; min-height: 194px;
  padding: 25px 22px !important;
  background: rgba(255,255,255,.95) !important;
  border: 1px solid #d0e9fc !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 32px rgba(35,105,154,.055) !important;
  text-align: left !important;
}
body.page-about .gs-about-pillars-section .gs-about-pillar::after {display:none !important;}
body.page-about .gs-about-pillar-icon {
  display: grid; place-items: center; width: 70px; height: 70px;
  border-radius: 50%; background: #e3f4ff; color: #0b75e6;
  font-size: 2rem;
}
body.page-about .gs-about-pillar:nth-child(2) .gs-about-pillar-icon { background: #defaf2; color:#087c9e; }
body.page-about .gs-about-pillar-title {
  font: 750 clamp(1.2rem,1.6vw,1.55rem)/1.22 "Outfit",sans-serif !important;
  color: #071c40 !important;
  -webkit-text-fill-color: #071c40 !important;
  letter-spacing: -.035em !important;
  margin: 4px 0 12px;
  text-align: left;
}
body.page-about .gs-about-pillars-section .gs-about-pillar .mission-text {
  font: 400 clamp(.92rem,1vw,1.03rem)/1.52 "DM Sans",sans-serif !important;
  color: #455c7c !important;
  -webkit-text-fill-color: #455c7c !important;
  margin: 0 !important;
  text-align: left !important;
}
/* The leadership biography is left-aligned in its existing hover frame. */
body.page-about .team-member-biography {
  align-items: stretch !important;
  text-align: left !important;
}
body.page-about .team-member-biography::before { align-self: flex-start !important; }
body.page-about .team-member-biography p {
  max-width: 100% !important;
  text-align: left !important;
}
/* Maintain accessible image contrast and readable cards in dark mode. */
html.dark body.page-about .gs-about-intro,
body.dark.page-about .gs-about-intro { background: linear-gradient(110deg,#10223b,#1d3450) !important; }
html.dark body.page-about .gs-about-intro-title,
body.dark.page-about .gs-about-intro-title { color: #f4faff !important; -webkit-text-fill-color: #f4faff !important; }
html.dark body.page-about .gs-about-intro-title span,
body.dark.page-about .gs-about-intro-title span { color: #80c8ff !important; -webkit-text-fill-color: #80c8ff !important; }
html.dark body.page-about .gs-about-intro .about-hero-copy > p,
body.dark.page-about .gs-about-intro .about-hero-copy > p { color: #d3e5f7 !important; -webkit-text-fill-color: #d3e5f7 !important; }
html.dark body.page-about .gs-about-highlight strong,
body.dark.page-about .gs-about-highlight strong { color: #f5fbff !important; }
html.dark body.page-about .gs-about-highlight small,
body.dark.page-about .gs-about-highlight small { color: #c7d9ea !important; }
html.dark body.page-about .gs-about-pillars-section,
body.dark.page-about .gs-about-pillars-section { background: #0c192b !important; }
html.dark body.page-about .gs-about-pillars-section .gs-about-pillar,
body.dark.page-about .gs-about-pillars-section .gs-about-pillar { background: #192c44 !important; border-color: #305174 !important; }
html.dark body.page-about .gs-about-pillar-title,
body.dark.page-about .gs-about-pillar-title { color: #f5fbff !important; -webkit-text-fill-color:#f5fbff !important; }
html.dark body.page-about .gs-about-pillars-section .gs-about-pillar .mission-text,
body.dark.page-about .gs-about-pillars-section .gs-about-pillar .mission-text { color: #d1deed !important; -webkit-text-fill-color:#d1deed !important; }
@media(max-width:1120px) {
  body.page-about .gs-about-highlights { gap:8px; }
  body.page-about .gs-about-highlight { flex-wrap:wrap; }
  body.page-about .gs-about-highlight + .gs-about-highlight {padding-left:8px;}
  body.page-about .gs-about-intro-title {font-size:clamp(2rem,3.25vw,2.7rem) !important;}
  body.page-about .gs-about-pillars-section .gs-about-pillar {grid-template-columns: 52px minmax(0,1fr); gap: 12px; padding: 20px 16px !important;}
  body.page-about .gs-about-pillar-icon {width:52px;height:52px;font-size:1.55rem;}
}
@media(max-width:960px) {
  body.page-about .gs-about-intro-layout { grid-template-columns: 1fr; min-height:0; }
  body.page-about .gs-about-intro .about-hero-copy {max-width:760px !important;}
  body.page-about .gs-about-intro .about-hero-copy > p {max-width:740px !important;}
  body.page-about .gs-about-hero-art {max-width:800px;justify-self:center;margin:2px auto 0;}
  body.page-about .gs-about-pillars-section .gs-about-pillars {grid-template-columns:1fr;}
  body.page-about .gs-about-pillars-section .gs-about-pillar {min-height:0;grid-template-columns:62px minmax(0,1fr);}
  body.page-about .gs-about-pillar-icon {width:62px;height:62px;}
}
@media(max-width:600px) {
  body.page-about .gs-about-intro { padding: 24px 0 12px !important; }
  body.page-about .gs-about-intro-inner,
  body.page-about .gs-about-pillars-section .gs-about-pillars {width:calc(100% - 28px);}
  body.page-about .gs-about-intro .eyebrow {font-size:.76rem !important;margin-bottom:16px;}
  body.page-about .gs-about-intro-title {font-size:clamp(1.9rem,7.9vw,2.65rem) !important;margin-bottom:18px;}
  body.page-about .gs-about-intro .about-hero-copy > p {font-size:.97rem !important;}
  body.page-about .gs-about-highlights {margin-top:25px;gap:10px;grid-template-columns:1fr 1fr;}
  body.page-about .gs-about-highlight + .gs-about-highlight {padding-left:0;border:0;}
  body.page-about .gs-about-highlight-icon {width:38px;height:38px;font-size:1.03rem;}
  body.page-about .gs-about-hero-art {margin:15px -14px 0;width:calc(100% + 28px);}
  body.page-about .gs-about-pillars-section .gs-about-pillar {grid-template-columns:53px minmax(0,1fr);gap:12px;padding:17px 15px !important;}
  body.page-about .gs-about-pillar-icon {width:53px;height:53px;font-size:1.45rem;}
  body.page-about .gs-about-pillar-title {font-size:1.32rem !important;margin-top:2px;}
}
/* Final About refinements: preserve left alignment in existing centered hero/card rules. */
body.page-about .gs-about-intro .gs-about-intro-title,
body.page-about .gs-about-pillars-section .gs-about-pillar-title {text-align:left !important;}
body.page-about .gs-about-intro .eyebrow::after {display:none !important;content:none !important;}
@media (max-width:960px), (hover:none), (pointer:coarse) {
  body.page-about .team-member-photo {aspect-ratio:auto !important;}
  body.page-about .team-member-photo > img,
  body.page-about .team-member-photo-link:is(:hover,:focus-visible) .team-member-photo > img {
    height:auto !important;
    aspect-ratio:4 / 4.6 !important;
    opacity:1 !important;
    transform:none !important;
  }
  body.page-about .team-member-biography,
  body.page-about .team-member-photo-link:is(:hover,:focus-visible) .team-member-biography {
    position:relative !important;
    inset:auto !important;
    padding:23px 19px 25px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }
  body.page-about .team-member-photo .team-linkedin-icon {
    top:11px !important;
    bottom:auto !important;
  }
}

body.page-about .gs-about-highlight-icon svg {width:21px;height:21px;stroke:currentColor;}
body.page-about .gs-about-pillar-icon svg {width:34px;height:34px;stroke:currentColor;}
@media(max-width:600px) {body.page-about .gs-about-pillar-icon svg {width:26px;height:26px;}}

/* Allow the About redesign to use the full width shown in the reference, without altering other pages. */
body.page-about .gs-about-intro .gs-about-intro-inner,
body.page-about .gs-about-pillars-section .gs-about-pillars {max-width:1460px !important;width:min(1460px,calc(100% - 68px)) !important;}
@media(max-width:600px) {body.page-about .gs-about-intro .gs-about-intro-inner,body.page-about .gs-about-pillars-section .gs-about-pillars {width:calc(100% - 28px) !important;}}


/* About Us v13: match homepage section typography and restore unobstructed Gati + Setu concept. */
body.page-about .gs-about-intro .eyebrow,
body.page-about .gs-about-intro .eyebrow:not(#_gs_typography_override) {
  display: inline-block !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: "Outfit",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-section-label-size) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  color: var(--gs-unified-section-label-color) !important;
  -webkit-text-fill-color: var(--gs-unified-section-label-color) !important;
  text-transform: none !important;
}
body.page-about .gs-about-intro .eyebrow::before,
body.page-about .gs-about-intro .eyebrow::after {display: none !important;content:none !important;}
body.page-about .gs-about-intro h1.gs-about-intro-title,
body.page-about .gs-about-intro h1.gs-about-intro-title span {
  font-family: "Outfit",ui-sans-serif,system-ui,sans-serif !important;
  font-size: var(--gs-unified-section-title-size) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
  color: var(--gs-unified-section-title-color) !important;
  -webkit-text-fill-color: var(--gs-unified-section-title-color) !important;
}
body.page-about .gs-about-intro h1.gs-about-intro-title {max-width: 690px !important;margin-bottom:22px !important;}
body.page-about .gs-about-intro h1.gs-about-intro-title span {display:inline !important;}
/* Keep the illustration entirely inside the grid and its sender/receiver labels unobstructed. */
body.page-about .gs-about-intro-layout {
  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  gap: clamp(16px,2.1vw,34px);
}
body.page-about .gs-about-hero-art {
  position:relative;
  display:block;
  min-width:0;
  margin:0 !important;
  padding:86px 0 0;
  overflow:visible;
  pointer-events:auto;
}
body.page-about .gs-about-hero-art > img {
  display:block;
  width:100%;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 12px 22px rgba(35,120,175,.08));
}
body.page-about .gs-about-meaning {
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:min(315px,75%);
  padding:14px 18px;
  background:rgba(255,255,255,.96);
  border:1px solid #d7eafb;
  border-radius:17px;
  box-shadow:0 8px 26px rgba(45,110,165,.09);
  text-align:left;
}
body.page-about .gs-about-meaning-title {
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:0 0 4px;
  color:#0a1732;
  font: 800 clamp(1.5rem,2.2vw,2rem)/1.12 "Outfit",sans-serif;
  letter-spacing:-.045em;
}
body.page-about .gs-about-meaning-plus {color:#8b9ab2;}
body.page-about .gs-about-meaning-setu {
  background:linear-gradient(105deg,#0f86f7,#12c8a9);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.page-about .gs-about-meaning p,
body.page-about main .gs-about-meaning p:not(#_gs_typography_override) {
  margin:0 !important;
  color:#4e6180 !important;
  -webkit-text-fill-color:#4e6180 !important;
  font: 400 .79rem/1.4 "DM Sans",sans-serif !important;
}
body.page-about .gs-about-meaning p strong {
  color:#244c79;
  -webkit-text-fill-color:#244c79;
}
html.dark body.page-about .gs-about-meaning,
body.dark.page-about .gs-about-meaning {background:rgba(25,43,65,.98);border-color:#385b7e;}
html.dark body.page-about .gs-about-meaning-title,
body.dark.page-about .gs-about-meaning-title {color:#f5faff;}
html.dark body.page-about .gs-about-meaning p,
body.dark.page-about .gs-about-meaning p,
html.dark body.page-about main .gs-about-meaning p:not(#_gs_typography_override),
body.dark.page-about main .gs-about-meaning p:not(#_gs_typography_override) {color:#d4e5f7 !important;-webkit-text-fill-color:#d4e5f7 !important;}
@media (max-width:960px) {
  body.page-about .gs-about-intro-layout {grid-template-columns:minmax(0,1fr);}
  body.page-about .gs-about-hero-art {width:min(100%,800px);justify-self:center;padding-top:86px;}
}
@media (max-width:600px) {
  body.page-about .gs-about-intro .eyebrow,
  body.page-about .gs-about-intro .eyebrow:not(#_gs_typography_override) {font-size:var(--gs-unified-section-label-size) !important;}
  body.page-about .gs-about-intro h1.gs-about-intro-title,
  body.page-about .gs-about-intro h1.gs-about-intro-title span {font-size:clamp(1.9rem,7.5vw,2.35rem) !important;}
  body.page-about .gs-about-hero-art {
    margin:22px auto 0 !important;
    width:100% !important;
    padding-top:0;
  }
  body.page-about .gs-about-meaning {
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    max-width:340px;
    margin:0 0 12px;
  }
  body.page-about .gs-about-meaning-title {font-size:1.65rem;}
}

/* Image concept card remains left-aligned, including in center-aligned page-hero sections. */
body.page-about .gs-about-intro .gs-about-meaning,
body.page-about .gs-about-intro .gs-about-meaning p,
body.page-about main .gs-about-intro .gs-about-meaning p:not(#_gs_typography_override) {text-align:left !important;}


/* Gatisetu v14: unified section typography, reference homepage "For Enterprises".
   Match the section overline, heading, and introductory paragraph on every page;
   preserve hero display headings, card subheadings, forms and navigation. */
:root {
  --gs-reference-overline-size: .94rem;
  --gs-reference-overline-color: #77bfff;
  --gs-reference-heading-size: clamp(2rem, 4vw, 2.35rem);
  --gs-reference-heading-color: #0d1424;
  --gs-reference-description-size: 1rem;
  --gs-reference-description-color: #3d4a63;
}
html.dark,html.dark body,body.dark {
  --gs-reference-overline-color: #77bfff;
  --gs-reference-heading-color: #f5f9ff;
  --gs-reference-description-color: #b7c6d8;
}
/* Overlines, including About Gatisetu on the About Us page. */
html body main .eyebrow,
html body main .eyebrow:not(#_gs_typography_override),
html body.page-about main .gs-about-intro .eyebrow,
html body.page-about main .gs-about-intro .eyebrow:not(#_gs_typography_override) {
  display:inline-flex !important;
  align-items:center !important;
  gap:.5rem !important;
  padding:0 !important;
  margin-bottom:1rem !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:"Outfit",sans-serif !important;
  font-size:var(--gs-reference-overline-size) !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--gs-reference-overline-color) !important;
  -webkit-text-fill-color:var(--gs-reference-overline-color) !important;
}
html body main .eyebrow::before,
html body.page-about main .gs-about-intro .eyebrow::before {
  display:inline-block !important;
  content:"" !important;
  flex:0 0 28px !important;
  width:28px !important;
  height:2px !important;
  background:var(--blue,#168cf7) !important;
  border-radius:10px !important;
}
/* Section headings: use the exact type scale and spacing of "For Enterprises". */
html body main :is(.section-heading,.enterprise-solutions-heading,.why-heading,.seo-card-heading,.about-feature-heading,.section-header,.services-section-heading,.home-about-hero-content) > h2:not(.sr-only),
html body main .eyebrow + h2:not(.sr-only),
html body.page-about main .gs-about-intro h1.gs-about-intro-title,
html body.page-about main .gs-about-intro h1.gs-about-intro-title span {
  font-family:"Outfit",sans-serif !important;
  font-size:var(--gs-reference-heading-size) !important;
  font-weight:700 !important;
  line-height:1.12 !important;
  letter-spacing:-.045em !important;
  color:var(--gs-reference-heading-color) !important;
  -webkit-text-fill-color:var(--gs-reference-heading-color) !important;
  text-wrap:pretty;
}
/* Section-level explanatory copy, not card buttons or compact UI labels. */
html body main :is(.section-heading,.enterprise-solutions-heading,.why-heading,.seo-card-heading,.about-feature-heading,.section-header,.services-section-heading) > p,
html body main .home-about-hero-content > p,
html body.page-about main .gs-about-intro .about-hero-copy > p {
  font-family:"DM Sans",sans-serif !important;
  font-size:var(--gs-reference-description-size) !important;
  font-weight:400 !important;
  line-height:1.65 !important;
  letter-spacing:normal !important;
  color:var(--gs-reference-description-color) !important;
  -webkit-text-fill-color:var(--gs-reference-description-color) !important;
}

/* About Us: actual accessible text and eight tiny optimized WebP illustrations. */
html body.page-about main .gs-why-v14 {
  padding:clamp(50px,5vw,84px) 0 !important;
  border:0 !important;
  background:linear-gradient(135deg,#f5fbff 0%,#f7fcff 52%,#eaf7ff 100%) !important;
}
html body.page-about main .gs-why-v14 .container {max-width:1460px;}
html body.page-about main .gs-why-v14 .why-choose-shell {
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
  background:transparent !important;
}
html body.page-about main .gs-why-v14 .why-choose-shell::before,
html body.page-about main .gs-why-v14 .why-choose-shell::after {display:none !important;content:none !important;}
html body.page-about main .gs-why-v14 .why-heading {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center !important;
  width:100%;
  max-width:1100px !important;
  margin:0 auto clamp(22px,3vw,38px) !important;
}
html body.page-about main .gs-why-v14 .why-heading .eyebrow {
  justify-content:center !important;
  margin:0 auto 12px !important;
}
html body.page-about main .gs-why-v14 .why-heading h2 {
  max-width:1120px !important;
  margin:0 auto !important;
  text-align:center !important;
}
html body.page-about main .gs-why-v14 .why-heading > p {
  max-width:860px !important;
  margin:18px auto 0 !important;
  text-align:center !important;
}
html body.page-about main .gs-why-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.5vw,21px);
  position:relative;
  z-index:1;
}
html body.page-about main .gs-why-card {
  position:relative;
  min-width:0;
  min-height:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
  padding:18px clamp(13px,1.4vw,22px) 22px;
  border:1px solid #d4e8ff;
  border-radius:24px;
  background:linear-gradient(155deg,#fff 0%,#fafdff 100%);
  box-shadow:0 13px 30px rgba(49,119,180,.09);
  isolation:isolate;
  transition:transform .2s ease,box-shadow .2s ease;
  --gs-why-accent:#128cf2;
}
html body.page-about main .gs-why-card::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:135px;
  height:110px;
  top:-85px;
  left:-80px;
  border-radius:50%;
  background:var(--gs-why-accent);
  filter:blur(2px);
}
html body.page-about main .gs-why-card::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:105px;
  height:105px;
  bottom:-79px;
  right:-67px;
  border-radius:50%;
  background:var(--gs-why-accent);
  opacity:.62;
}
html body.page-about main .gs-why-card:nth-child(2),
html body.page-about main .gs-why-card:nth-child(7) {--gs-why-accent:#15bccc;}
html body.page-about main .gs-why-card:nth-child(3),
html body.page-about main .gs-why-card:nth-child(5) {--gs-why-accent:#ffad28;}
html body.page-about main .gs-why-card:nth-child(4) {--gs-why-accent:#25bb99;}
html body.page-about main .gs-why-card:nth-child(6) {--gs-why-accent:#087ef7;}
@media(hover:hover) {
  html body.page-about main .gs-why-card:hover {
    transform:translateY(-4px);
    box-shadow:0 18px 34px rgba(49,119,180,.15);
  }
}
html body.page-about main .gs-why-card-illustration {
  display:block;
  width:min(100%,230px);
  height:132px;
  margin:0 auto 8px;
  object-fit:contain;
  object-position:center;
}
html body.page-about main .gs-why-card h3 {
  margin:0 auto 11px !important;
  color:#0c163c !important;
  -webkit-text-fill-color:#0c163c !important;
  font-family:"Outfit",sans-serif !important;
  font-size:clamp(1.16rem,1.42vw,1.38rem) !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  line-height:1.14 !important;
  text-align:center !important;
}
html body.page-about main .gs-why-card h3 span {
  color:#0a7dec !important;
  -webkit-text-fill-color:#0a7dec !important;
}
html body.page-about main .gs-why-card > p {
  max-width:265px;
  margin:0 auto !important;
  color:#506581 !important;
  -webkit-text-fill-color:#506581 !important;
  font:400 .92rem/1.5 "DM Sans",sans-serif !important;
  text-align:center;
}
html body.page-about main .gs-why-v14 .gs-why-outro {
  max-width:1000px;
  margin:28px auto 0 !important;
  text-align:center;
  color:var(--gs-reference-description-color) !important;
  -webkit-text-fill-color:var(--gs-reference-description-color) !important;
}
html body.page-about main .gs-why-v14 .gs-why-outro a {
  color:#0876d7;
  text-decoration:underline;
  text-underline-offset:3px;
  font-weight:700;
}
html body.page-about main .gs-why-v14 .gs-why-outro a:hover {color:#07529b;}
html.dark body.page-about main .gs-why-v14,html body.dark.page-about main .gs-why-v14 {background:#0c1a2b !important;}
html.dark body.page-about main .gs-why-card,html body.dark.page-about main .gs-why-card {
  background:linear-gradient(155deg,#192c43,#102338);
  border-color:#31516b;
}
html.dark body.page-about main .gs-why-card h3,html body.dark.page-about main .gs-why-card h3 {color:#f4f9ff !important;-webkit-text-fill-color:#f4f9ff !important;}
html.dark body.page-about main .gs-why-card > p,html body.dark.page-about main .gs-why-card > p {color:#d0e1ef !important;-webkit-text-fill-color:#d0e1ef !important;}
html.dark body.page-about main .gs-why-v14 .gs-why-outro a,html body.dark.page-about main .gs-why-v14 .gs-why-outro a {color:#87caff;}
@media(max-width:1150px) {
  html body.page-about main .gs-why-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  html body.page-about main .gs-why-card {min-height:275px;}
}
@media(max-width:620px) {
  html body.page-about main .gs-why-grid {grid-template-columns:1fr;gap:13px;}
  html body.page-about main .gs-why-v14 .container {width:calc(100% - 28px);}
  html body.page-about main .gs-why-card {min-height:0;padding:12px 18px 21px;}
  html body.page-about main .gs-why-card-illustration {height:126px;margin-bottom:4px;}
  html body.page-about main .gs-why-card h3 {font-size:1.34rem !important;}
  html body.page-about main .gs-why-card > p {max-width:330px;}
  html body.page-about main .gs-why-v14 .why-heading h2 {font-size:clamp(1.75rem,7.5vw,2.35rem) !important;}
  html body.page-about main .gs-why-v14 .gs-why-outro {margin-top:19px !important;}
}
@media(prefers-reduced-motion:reduce) {html body.page-about main .gs-why-card {transition:none;}}


/* Gatisetu v15 — Careers qualities: accessible HTML cards with WebP artwork */
html body main .gs-values-v15 {
  padding:clamp(50px,5vw,82px) 0 !important;
  background:radial-gradient(circle at 0 52%,rgba(126,219,249,.2),transparent 38%),
             radial-gradient(circle at 97% 16%,rgba(45,155,248,.13),transparent 37%),
             linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%) !important;
}
html body main .gs-values-v15 .gs-values-heading {
  text-align:center !important;
  max-width:1120px;
  margin:0 auto 31px !important;
}
html body main .gs-values-v15 .gs-values-heading .eyebrow {justify-content:center !important;}
html body main .gs-values-v15 .gs-values-heading h2 {max-width:1120px !important;margin:0 auto 12px !important;}
html body main .gs-values-v15 .gs-values-heading h2 .gs-values-highlight {
  color:#1684ed !important;
  -webkit-text-fill-color:#1684ed !important;
}
html body main .gs-values-v15 .gs-values-heading > p {
  max-width:790px !important;
  margin:0 auto !important;
  text-align:center !important;
  font-family:"DM Sans",sans-serif !important;
  font-size:1rem !important;
  line-height:1.65 !important;
  color:#445775 !important;
  -webkit-text-fill-color:#445775 !important;
}
html body main .gs-values-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:17px !important;
  align-items:stretch;
}
html body main .gs-values-card {
  display:flex !important;
  flex-direction:column;
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(73,170,244,.27) !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 16px 35px rgba(35,101,158,.1) !important;
  transition:transform .2s ease,box-shadow .2s ease;
}
html body main .gs-values-card:nth-child(2) {border-top:4px solid #38b8e0 !important;}
html body main .gs-values-card:nth-child(3) {border-top:4px solid #20cab8 !important;}
html body main .gs-values-card:nth-child(4) {border-top:4px solid #278df6 !important;}
html body main .gs-values-picture {
  height:clamp(135px,14vw,205px);
  position:relative;
  overflow:hidden;
  background:#dbf1ff;
}
html body main .gs-values-picture img {width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
html body main .gs-values-picture::after {
  content:"";position:absolute;bottom:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,#38e0be,#1399fa);opacity:.9;
}
html body main .gs-values-copy {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:17px clamp(17px,1.65vw,26px) 25px !important;
  text-align:left !important;
}
html body main .gs-values-copy .gs-values-index {
  display:block;
  font:800 2.2rem/1.12 "Outfit",sans-serif !important;
  letter-spacing:-.04em;
  color:#61b7f9 !important;
  -webkit-text-fill-color:#61b7f9 !important;
  margin:0 0 11px;
}
html body main .gs-values-copy .gs-values-index::after {
  content:"";display:block;width:34px;height:3px;margin-top:6px;border-radius:4px;
  background:linear-gradient(90deg,#1ad9be,#359fff);
}
html body main .gs-values-copy h3 {
  font:800 clamp(1.08rem,1.55vw,1.35rem)/1.18 "Outfit",sans-serif !important;
  letter-spacing:-.025em !important;
  color:#0c173a !important;
  -webkit-text-fill-color:#0c173a !important;
  margin:0 0 12px !important;
  text-align:left !important;
}
html body main .gs-values-copy > p {
  font:400 clamp(.93rem,1.16vw,1.035rem)/1.6 "DM Sans",sans-serif !important;
  color:#52647f !important;
  -webkit-text-fill-color:#52647f !important;
  margin:0 !important;
  text-align:left !important;
  overflow-wrap:break-word;
}
@media(hover:hover){html body main .gs-values-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(35,101,158,.16) !important;}}

/* Gatisetu v15 — Contact: three real, accessible info cards and decorative WebP */
html body main .gs-contact-v15 {
  width:100% !important;
  display:block !important;
  padding:clamp(22px,3vw,42px) 0 !important;
  background:transparent !important;
}
html body main .gs-contact-v15 .gs-contact-panel {
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  padding:clamp(15px,2.35vw,36px) !important;
  background:linear-gradient(110deg,#fff 0%,#fff 64%,#ecf8ff 100%) !important;
  border:1px solid #d3e9fb !important;
  border-radius:clamp(22px,3vw,42px) !important;
  box-shadow:0 20px 48px rgba(33,113,184,.1) !important;
}
html body main .gs-contact-v15 .gs-contact-backdrop {
  position:absolute;
  z-index:-1;
  right:0;
  top:2%;
  width:min(41%,385px);
  height:96%;
  background:url('/assets/contact-route-freight-art.webp?v=20261021-isometric-v22') right center / contain no-repeat;
  opacity:.24;
  pointer-events:none;
}
html body main .gs-contact-v15 .gs-contact-stack {display:grid;grid-template-columns:1fr;gap:0;}
html body main .gs-contact-v15 .gs-contact-card {
  min-width:0;
  display:flex !important;
  gap:clamp(14px,2vw,25px) !important;
  align-items:center;
  position:relative;
  padding:clamp(16px,2vw,28px) 6px !important;
  text-align:left !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body main .gs-contact-v15 .gs-contact-card+.gs-contact-card {
  border-top:1px solid #d5e9f9 !important;
}
html body main .gs-contact-v15 .gs-contact-icon {
  width:clamp(74px,8.8vw,112px) !important;
  height:clamp(74px,8.8vw,112px) !important;
  object-fit:cover;
  border-radius:20px;
  flex:0 0 auto;
  display:block;
}
html body main .gs-contact-v15 .gs-contact-card-body {min-width:0;position:relative;z-index:1;flex:1;}
html body main .gs-contact-v15 .gs-contact-card-body::before {
  content:"";display:block;width:70px;height:4px;border-radius:6px;
  background:linear-gradient(90deg,#12cfb8,#61b5f7);margin-bottom:12px;
}
html body main .gs-contact-v15 .gs-contact-card-body h2 {
  color:#101a38 !important;
  -webkit-text-fill-color:#101a38 !important;
  font:800 clamp(1.28rem,2vw,1.65rem)/1.2 "Outfit",sans-serif !important;
  letter-spacing:-.018em !important;
  margin:0 0 9px !important;
  text-align:left !important;
}
html body main .gs-contact-v15 .gs-contact-card-body p,
html body main .gs-contact-v15 .gs-contact-card-body p a {
  color:#394b6d !important;
  -webkit-text-fill-color:#394b6d !important;
  font:400 clamp(.96rem,1.3vw,1.075rem)/1.65 "DM Sans",sans-serif !important;
  margin:0 !important;
  text-align:left !important;
  overflow-wrap:anywhere;
}
html body main .gs-contact-v15 .gs-contact-card-body p a {
  text-decoration:none;
  text-underline-offset:3px;
  border-bottom:1px dotted rgba(11,121,209,.35);
}
html body main .gs-contact-v15 .gs-contact-card-body p a:hover {color:#007ed8 !important;-webkit-text-fill-color:#007ed8 !important;border-bottom-color:currentColor;}
@media(max-width:1100px){
  html body main .gs-values-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
  html body main .gs-values-picture{height:210px;}
  html body main .gs-contact-v15 .gs-contact-backdrop{opacity:.12;width:34%;}
}
@media(max-width:640px){
  html body main .gs-values-v15 .container{width:calc(100% - 28px);}
  html body main .gs-values-grid{grid-template-columns:minmax(0,1fr) !important;gap:16px !important;}
  html body main .gs-values-picture{height:clamp(160px,54vw,235px);}
  html body main .gs-values-copy{padding:14px 21px 22px !important;}
  html body main .gs-values-v15 .gs-values-heading{margin-bottom:21px !important;}
  html body main .gs-values-v15 .gs-values-heading h2{font-size:clamp(1.75rem,7.4vw,2.1rem) !important;}
  html body main .gs-contact-v15 .gs-contact-panel{padding:10px 15px !important;}
  html body main .gs-contact-v15 .gs-contact-backdrop{display:none !important;}
  html body main .gs-contact-v15 .gs-contact-card{align-items:flex-start;gap:12px !important;padding:20px 0 !important;}
  html body main .gs-contact-v15 .gs-contact-icon{width:64px !important;height:64px !important;border-radius:14px;}
  html body main .gs-contact-v15 .gs-contact-card-body::before{margin-bottom:9px;width:52px;}
  html body main .gs-contact-v15 .gs-contact-card-body h2{font-size:1.21rem !important;}
  html body main .gs-contact-v15 .gs-contact-card-body p,html body main .gs-contact-v15 .gs-contact-card-body p a{font-size:.95rem !important;}
  html body main .gs-contact-v15 .gs-contact-desktop-break{display:none;}
}
html.dark body main .gs-values-v15,body.dark main .gs-values-v15{background:linear-gradient(120deg,#0b1b30,#0b2436) !important;}
html.dark body main .gs-values-card,body.dark main .gs-values-card{background:#122840 !important;border-color:#274d73 !important;}
html.dark body main .gs-values-copy h3,body.dark main .gs-values-copy h3{color:#f5f9ff !important;-webkit-text-fill-color:#f5f9ff !important;}
html.dark body main .gs-values-copy p,body.dark main .gs-values-copy p{color:#c7dbeb !important;-webkit-text-fill-color:#c7dbeb !important;}
html.dark body main .gs-values-heading p,body.dark main .gs-values-heading p{color:#c7dbeb !important;-webkit-text-fill-color:#c7dbeb !important;}
html.dark body main .gs-contact-v15 .gs-contact-panel,body.dark main .gs-contact-v15 .gs-contact-panel{background:linear-gradient(110deg,#142c42,#163449) !important;border-color:#335572 !important;}
html.dark body main .gs-contact-v15 .gs-contact-card-body h2,body.dark main .gs-contact-v15 .gs-contact-card-body h2{color:#f4faff !important;-webkit-text-fill-color:#f4faff !important;}
html.dark body main .gs-contact-v15 .gs-contact-card-body p,html.dark body main .gs-contact-v15 .gs-contact-card-body p a,
body.dark main .gs-contact-v15 .gs-contact-card-body p,body.dark main .gs-contact-v15 .gs-contact-card-body p a{color:#d7e7f4 !important;-webkit-text-fill-color:#d7e7f4 !important;}
@media(prefers-reduced-motion:reduce){html body main .gs-values-card{transition:none !important;}}


/* Gatisetu v16 refinement: consistent section gaps across website */
body.spacing-tight .page-hero:not(.careers-hero),
body.spacing-tight .hero.data-hero {
  padding-top: clamp(32px,4vw,52px) !important;
  padding-bottom: clamp(18px,2.2vw,28px) !important;
}
body.spacing-tight main > .section:not(.career-full-section),
body.spacing-tight main > section.section:not(.career-full-section) {
  padding-top: clamp(20px,2.4vw,32px) !important;
  padding-bottom: clamp(20px,2.4vw,32px) !important;
}
body.spacing-tight main > .section.compact:not(.career-full-section) {
  padding-top: clamp(16px,2vw,24px) !important;
  padding-bottom: clamp(16px,2vw,24px) !important;
}
body.spacing-tight main > .section + .section:not(.career-full-section),
body.spacing-tight .page-hero:not(.careers-hero) + .section,
body.spacing-tight .hero.data-hero + .section {
  padding-top: clamp(16px,2vw,24px) !important;
}
body.spacing-tight .section-heading { margin-bottom: .95rem !important; }
@media (max-width:760px){
  body.spacing-tight .page-hero:not(.careers-hero),
  body.spacing-tight .hero.data-hero,
  body.spacing-tight main > .section:not(.career-full-section),
  body.spacing-tight main > .section.compact:not(.career-full-section) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

/* v16 reference-style visual sections */
.gs-ref-section {
  width: min(1460px, calc(100% - 40px));
  margin: 0 auto;
}
.gs-ref-visual {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22px;
}
body.page-about .gs-about-intro {
  padding: 20px 0 12px !important;
  background: linear-gradient(180deg,#f4fbff 0%,#eef8ff 100%) !important;
}
body.page-about .gs-about-intro .container,
body.page-about main .gs-why-v14 .container,
body.page-careers main .gs-values-v15 .container,
body.page-contact main .gs-contact-v15 .container {
  width: min(1460px, calc(100% - 40px)) !important;
  max-width: 1460px !important;
}
body.page-about .gs-ref-hidden-copy {
  display: none !important;
}
body.page-about main .gs-why-v14 {
  background: linear-gradient(180deg,#f6fbff 0%,#edf8ff 100%) !important;
  padding-top: 18px !important;
  padding-bottom: 20px !important;
}
body.page-about main .gs-why-v14 .why-choose-shell {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.page-careers main .gs-values-v15 {
  padding-top: 18px !important;
  padding-bottom: 20px !important;
  background: linear-gradient(180deg,#f6fbff 0%,#edf8ff 100%) !important;
}
/* Contact page without frame behind contact details and 14px text */
body.page-contact main .gs-contact-v15 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-backdrop {
  display: none !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-card {
  padding: 18px 0 !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-card-body h2 {
  margin-bottom: 8px !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-card-body p,
body.page-contact main .gs-contact-v15 .gs-contact-card-body p a {
  font-size: 14px !important;
  line-height: 1.7 !important;
}
@media (max-width:640px){
  .gs-ref-section { width: calc(100% - 18px); }
  .gs-ref-visual { border-radius: 14px; }
  body.page-about .gs-about-intro .container,
  body.page-about main .gs-why-v14 .container,
  body.page-careers main .gs-values-v15 .container,
  body.page-contact main .gs-contact-v15 .container {
    width: calc(100% - 18px) !important;
  }
  body.page-contact main .gs-contact-v15 .gs-contact-icon {
    width: 58px !important;
    height: 58px !important;
  }
}


/* Gatisetu v17: reference-matched illustrations with visible, indexable text.
   Raster section banners removed: no headings or paragraphs are baked into images. */
body.page-about main .gs-about-intro {
  background:linear-gradient(125deg,#f7fcff 0%,#f0faff 52%,#e6f6ff 100%) !important;
  padding:clamp(24px,3vw,40px) 0 12px !important;
}
body.page-about main .gs-about-intro .gs-about-intro-layout {
  display:grid !important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
  align-items:center !important;
  gap:clamp(16px,2.3vw,32px) !important;
  min-height:0 !important;
}
body.page-about main .gs-about-intro .about-hero-copy {max-width:none !important;}
body.page-about main .gs-about-intro h1.gs-about-intro-title {
  font-size:clamp(2rem,3.25vw,2.75rem) !important;
  line-height:1.13 !important;
  margin-bottom:19px !important;
  letter-spacing:-.045em !important;
}
body.page-about main .gs-about-intro h1.gs-about-intro-title span {
  font-size:inherit !important;
  color:#1282f5 !important;
  -webkit-text-fill-color:#1282f5 !important;
}
body.page-about main .gs-about-intro .about-hero-copy > p {
  max-width:640px !important;
  margin:0 0 16px !important;
  font-size:var(--gs-reference-description-size,1rem) !important;
  line-height:1.62 !important;
  color:#3d4a63 !important;
  -webkit-text-fill-color:#3d4a63 !important;
}
body.page-about main .gs-about-intro .gs-about-highlights {margin-top:20px !important;gap:9px;}
body.page-about main .gs-about-hero-art {
  padding-top:88px !important;
  margin:0 !important;
  width:100% !important;
  pointer-events:auto !important;
}
body.page-about main .gs-about-hero-art > img {width:100% !important;max-width:100% !important;}
body.page-about main .gs-about-meaning {width:min(335px,80%) !important;top:0;left:4%;}
body.page-about main .gs-about-meaning-title {
  margin:0 0 6px !important;
  font-size:clamp(1.45rem,2.2vw,1.9rem) !important;
  color:#0a1732 !important;
  -webkit-text-fill-color:#0a1732 !important;
}
body.page-about main .gs-about-meaning-title .gs-about-meaning-setu {
  background:linear-gradient(105deg,#0f86f7,#12c8a9) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
body.page-about main .gs-about-pillars-section {
  display:block !important;
  visibility:visible !important;
  padding:10px 0 clamp(20px,2.4vw,32px) !important;
  background:linear-gradient(180deg,#eaf7ff,#f8fcff) !important;
}
body.page-about main .gs-about-pillars-section .gs-about-pillar {
  min-height:166px !important;
  padding:20px 18px !important;
}
body.page-about main .gs-about-pillars-section .gs-about-pillar-title {
  font-size:clamp(1.05rem,1.45vw,1.4rem) !important;
}
body.page-about main .gs-about-pillars-section .mission-text {
  font-size:clamp(.89rem,.96vw,1rem) !important;
}
/* Why choose: eight bright 3D icons and individually indexable benefit captions. */
html body.page-about main .gs-why-v14 {
  padding:clamp(22px,3vw,38px) 0 !important;
  background:radial-gradient(circle at 98% 10%,#dcf1ff 0%,transparent 25%),linear-gradient(180deg,#f8fcff,#eaf6ff) !important;
}
html body.page-about main .gs-why-v14 .why-heading {
  max-width:1170px !important;
  margin:0 auto 20px !important;
}
html body.page-about main .gs-why-v14 .why-heading h2 {font-size:clamp(1.85rem,3.3vw,2.8rem) !important;max-width:1200px !important;}
html body.page-about main .gs-why-v14 .why-heading h2 .gs-why-title-blue {
  color:#1681f3 !important;
  -webkit-text-fill-color:#1681f3 !important;
}
html body.page-about main .gs-why-v14 .why-heading > p {
  font-size:var(--gs-reference-description-size,1rem) !important;
  max-width:920px !important;
  margin:12px auto 0 !important;
}
html body.page-about main .gs-why-grid {gap:clamp(12px,1.45vw,20px) !important;}
html body.page-about main .gs-why-card {
  min-height:275px !important;
  padding:15px 15px 18px !important;
  border-radius:27px !important;
  background:linear-gradient(160deg,#fff,#f8fdff) !important;
  box-shadow:0 12px 26px rgba(17,100,180,.09) !important;
}
html body.page-about main .gs-why-card-illustration {
  height:109px !important;
  margin:0 auto 7px !important;
  width:min(100%,230px) !important;
  object-fit:contain !important;
}
html body.page-about main .gs-why-card h3 {
  font-size:clamp(1.16rem,1.4vw,1.38rem) !important;
  margin:0 auto 8px !important;
}
html body.page-about main .gs-why-card > p {
  font-size:.88rem !important;
  line-height:1.42 !important;
  margin:0 auto !important;
  max-width:275px !important;
}
html body.page-about main .gs-why-v14 .gs-why-outro {margin:19px auto 0 !important;}
/* Qualities: curved picture edge / connected gradient visual, with separate readable HTML. */
html body.page-careers main .gs-values-v15 {
  padding:clamp(22px,3vw,38px) 0 !important;
  background:radial-gradient(circle at 90% 6%,#dcefff,transparent 30%),linear-gradient(180deg,#f9fcff,#eaf7ff) !important;
}
html body.page-careers main .gs-values-v15 .gs-values-heading {margin:0 auto 24px !important;}
html body.page-careers main .gs-values-v15 .gs-values-heading h2 {
  font-size:clamp(1.8rem,3.4vw,2.8rem) !important;
  color:#071832 !important;
  -webkit-text-fill-color:#071832 !important;
}
html body.page-careers main .gs-values-v15 .gs-values-heading h2 .gs-values-highlight {
  color:#1681f3 !important;-webkit-text-fill-color:#1681f3 !important;
}
html body.page-careers main .gs-values-v15 .gs-values-heading > p {
  font-size:var(--gs-reference-description-size,1rem) !important;
  line-height:1.6 !important;
}
html body.page-careers main .gs-values-grid {gap:clamp(12px,1.35vw,20px) !important;}
html body.page-careers main .gs-values-card {
  border-radius:35px 35px 65px 65px !important;
  background:linear-gradient(165deg,#fff,#fafdff) !important;
  border:1px solid #d6ecfb !important;
  box-shadow:0 12px 30px rgba(34,117,184,.09) !important;
}
html body.page-careers main .gs-values-picture {
  height:clamp(160px,16vw,235px) !important;
  border-radius:32px 32px 60px 0 !important;
  background:#d7f0ff;
}
html body.page-careers main .gs-values-picture img {object-fit:cover !important;object-position:50% 37% !important;}
html body.page-careers main .gs-values-copy {padding:13px 21px 28px !important;}
html body.page-careers main .gs-values-index {
  font-size:2.1rem !important;margin:0 0 9px !important;
}
html body.page-careers main .gs-values-copy h3 {font-size:clamp(1.08rem,1.5vw,1.35rem) !important;}
html body.page-careers main .gs-values-copy p {font-size:clamp(.91rem,1.06vw,1rem) !important;line-height:1.58 !important;}
/* Contact headings should share exactly the body font size: 14px. */
html body.page-contact main .gs-contact-v15 .gs-contact-card-body h2 {
  font-family:"DM Sans",sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.65 !important;
  letter-spacing:normal !important;
  margin-bottom:5px !important;
}
html body.page-contact main .gs-contact-v15 .gs-contact-card-body p,
html body.page-contact main .gs-contact-v15 .gs-contact-card-body p a {
  font-size:14px !important;
  line-height:1.65 !important;
}
@media(max-width:1090px){
 body.page-about main .gs-about-intro .gs-about-intro-layout {grid-template-columns:minmax(0,1fr) !important;}
 body.page-about main .gs-about-hero-art {max-width:810px !important;justify-self:center;}
 html body.page-about main .gs-why-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 html body.page-careers main .gs-values-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){
 body.page-about main .gs-about-intro {padding-top:20px !important;}
 body.page-about main .gs-about-intro h1.gs-about-intro-title {font-size:clamp(1.8rem,7.2vw,2.2rem) !important;}
 body.page-about main .gs-about-intro .gs-about-highlights {grid-template-columns:1fr !important;gap:11px !important;}
 body.page-about main .gs-about-intro .gs-about-highlight + .gs-about-highlight {border-left:0 !important;padding-left:0 !important;}
 body.page-about main .gs-about-hero-art {padding-top:0 !important;}
 body.page-about main .gs-about-meaning {position:relative !important;top:auto !important;left:auto !important;width:100% !important;margin-bottom:5px !important;}
 body.page-about main .gs-about-pillars-section .gs-about-pillars {grid-template-columns:1fr !important;}
 html body.page-about main .gs-why-grid,
 html body.page-careers main .gs-values-grid {grid-template-columns:1fr !important;}
 html body.page-about main .gs-why-card {min-height:0 !important;}
 html body.page-careers main .gs-values-picture {height:220px !important;}
 html body.page-about main .gs-why-v14 .why-heading h2,
 html body.page-careers main .gs-values-v15 .gs-values-heading h2 {font-size:clamp(1.7rem,7vw,2.15rem) !important;}
}


/* Gatisetu v18: icon-only why cards, smaller contact icons, simplified About hero */
body.page-about .gs-about-highlights {display:none !important;}
body.page-about .gs-about-intro .about-hero-copy > p:last-of-type {margin-bottom:0 !important;}
body.page-about .gs-about-hero-art {align-items:flex-start;}
body.page-about .gs-about-meaning {
  width:min(350px,85%) !important;
  padding:22px 24px !important;
  border-radius:24px !important;
}
body.page-about .gs-about-meaning-title {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:clamp(2rem,2.8vw,2.75rem) !important;
  line-height:1 !important;
}
body.page-about .gs-about-meaning-title span:first-child,
body.page-about .gs-about-meaning-title .gs-about-meaning-setu {
  background:linear-gradient(90deg,#0e2147 0%,#0e2147 42%,#1979ec 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}
body.page-about .gs-about-meaning-plus {
  color:#7ba3cd !important;
  -webkit-text-fill-color:#7ba3cd !important;
}
body.page-about .gs-about-meaning p {
  margin-top:10px !important;
}
html body.page-about main .gs-why-v14 .why-heading {margin-bottom:18px !important;}
html body.page-about main .gs-why-v14 .why-heading > p,
html body.page-about main .gs-why-v14 .gs-why-outro {display:none !important;}
html body.page-about main .gs-why-grid {
  gap:clamp(14px,1.45vw,20px) !important;
}
html body.page-about main .gs-why-card {
  min-height:0 !important;
  padding:18px 16px 20px !important;
  border-radius:24px !important;
}
html body.page-about main .gs-why-card-illustration {
  width:min(100%,240px) !important;
  height:auto !important;
  margin:0 auto 10px !important;
}
html body.page-about main .gs-why-card > p {display:none !important;}
html body.page-about main .gs-why-card h3 {
  margin:0 auto !important;
  max-width:240px;
}
body.page-contact main .gs-contact-v15 .gs-contact-icon {
  width:72px !important;
  height:72px !important;
  border-radius:16px !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-card {
  gap:16px !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-card-body h2,
body.page-contact main .gs-contact-v15 .gs-contact-card-body p,
body.page-contact main .gs-contact-v15 .gs-contact-card-body p a {
  font-size:14px !important;
  line-height:1.7 !important;
}
body.page-contact main .gs-contact-v15 .gs-contact-card-body h2 {
  font-weight:800 !important;
  margin:0 0 6px !important;
}
@media (max-width:640px){
  body.page-contact main .gs-contact-v15 .gs-contact-icon {
    width:56px !important;
    height:56px !important;
    border-radius:14px !important;
  }
  body.page-about .gs-about-meaning {
    width:100% !important;
    padding:18px 18px !important;
  }
  html body.page-about main .gs-why-grid {grid-template-columns:1fr !important;}
}


/* Gatisetu v19 – refined illustrated Why cards and inline Gati + Setu brand story */
html body.page-about main .gs-about-intro .about-hero-copy .gs-meaning-inline {
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:610px !important;
  margin:23px 0 0 !important;
  padding:20px 23px 18px !important;
  overflow:hidden !important;
  isolation:isolate;
  background:linear-gradient(125deg,rgba(255,255,255,.98),#e9f9ff 70%,#e9fff9) !important;
  border:1px solid #c7e9f8 !important;
  border-radius:23px !important;
  box-shadow:0 14px 35px rgba(19,100,170,.09) !important;
  text-align:left !important;
}
html body.page-about main .gs-meaning-inline::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:185px;height:185px;
  border:27px solid rgba(38,157,239,.055);
  border-radius:50%;right:-92px;top:-97px;
}
html body.page-about main .gs-meaning-inline .gs-meaning-brandline {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(6px,1.1vw,12px) !important;
  margin:0 0 10px !important;
  white-space:nowrap;
  font-family:"Outfit",sans-serif !important;
  font-weight:850 !important;
  line-height:1.03 !important;
  letter-spacing:-.057em !important;
  font-size:clamp(2.1rem,3.4vw,3.45rem) !important;
}
html body.page-about main .gs-meaning-inline .gs-meaning-gati {
  color:#0b6feb !important;-webkit-text-fill-color:#0b6feb !important;
}
html body.page-about main .gs-meaning-inline .gs-meaning-plus {
  font-size:.75em !important;color:#8fa8c1 !important;-webkit-text-fill-color:#8fa8c1 !important;
  margin-inline:1px !important;
}
html body.page-about main .gs-meaning-inline .gs-meaning-setu {
  background:linear-gradient(110deg,#04a2e5,#05bba3 85%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
}
html body.page-about main .gs-meaning-inline .gs-meaning-motion {
  display:grid;gap:5px;min-width:40px;margin-right:2px;justify-items:end;
}
html body.page-about main .gs-meaning-inline .gs-meaning-motion i {
  display:block;height:4px;border-radius:4px;
  background:linear-gradient(90deg,#48d5d4,#137fff);
}
html body.page-about main .gs-meaning-inline .gs-meaning-motion i:nth-child(1) {width:19px;}
html body.page-about main .gs-meaning-inline .gs-meaning-motion i:nth-child(2) {width:39px;}
html body.page-about main .gs-meaning-inline .gs-meaning-motion i:nth-child(3) {width:27px;}
html body.page-about main .gs-meaning-inline .gs-meaning-connector {
  display:flex;align-items:center;gap:5px;
  width:min(100%,400px);height:10px;margin:0 0 13px 30px;
}
html body.page-about main .gs-meaning-inline .gs-meaning-connector-start,
html body.page-about main .gs-meaning-inline .gs-meaning-connector-end {
  display:block;width:9px;height:9px;flex:0 0 9px;
  border-radius:50%;background:#167fff;
}
html body.page-about main .gs-meaning-inline .gs-meaning-connector-end {background:#08bca8;}
html body.page-about main .gs-meaning-inline .gs-meaning-connector-track {
  height:3px;flex:1;background:linear-gradient(90deg,#197cff,#26bad7,#0dc4a7);
  border-radius:20px;
}
html body.page-about main .gs-about-intro .about-hero-copy .gs-meaning-inline p,
html body.page-about main .gs-about-intro .about-hero-copy .gs-meaning-inline p:not(#_gs_typography_override) {
  max-width:520px !important;
  margin:0 !important;
  font:400 14px/1.6 "DM Sans",sans-serif !important;
  color:#3f5671 !important;-webkit-text-fill-color:#3f5671 !important;
  text-align:left !important;
}
html body.page-about main .gs-about-intro .gs-meaning-inline p strong {
  font-weight:800 !important;color:#0d6fe1 !important;-webkit-text-fill-color:#0d6fe1 !important;
}
html body.page-about main .gs-about-hero-art {
  padding-top:0 !important;align-items:center !important;
  margin:0 !important;
}
html body.page-about main .gs-about-intro .gs-about-intro-layout {align-items:center !important;}

/* Detailed high-resolution WebP photos: labels remain ordinary HTML below the art. */
html body.page-about main .gs-why-v14 .gs-why-card {
  padding:12px 12px 19px !important;
  min-height:0 !important;
  border-radius:23px !important;
  background:linear-gradient(160deg,#fff,#f7fcff) !important;
}
html body.page-about main .gs-why-v14 .gs-why-card-illustration {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:clamp(105px,10vw,144px) !important;
  margin:0 0 13px !important;
  border-radius:15px 15px 22px 6px !important;
  object-fit:cover !important;
  object-position:center center !important;
  box-shadow:0 6px 14px rgba(15,98,180,.08);
}
html body.page-about main .gs-why-v14 .gs-why-card h3 {margin:0 auto !important;line-height:1.15 !important;}
@media(max-width:1090px){
  html body.page-about main .gs-why-v14 .gs-why-card-illustration {height:clamp(130px,20vw,190px) !important;}
}
@media(max-width:640px){
  html body.page-about main .gs-about-intro .about-hero-copy .gs-meaning-inline {
    padding:17px 15px 16px !important;margin-top:20px !important;border-radius:19px !important;
  }
  html body.page-about main .gs-meaning-inline .gs-meaning-brandline {font-size:clamp(1.95rem,9vw,2.85rem) !important;gap:6px !important;}
  html body.page-about main .gs-meaning-inline .gs-meaning-motion {min-width:24px;gap:4px;}
  html body.page-about main .gs-meaning-inline .gs-meaning-motion i:nth-child(1){width:12px;}
  html body.page-about main .gs-meaning-inline .gs-meaning-motion i:nth-child(2){width:24px;}
  html body.page-about main .gs-meaning-inline .gs-meaning-motion i:nth-child(3){width:17px;}
  html body.page-about main .gs-why-v14 .gs-why-card-illustration {height:clamp(125px,36vw,195px) !important;}
}
html.dark body.page-about main .gs-meaning-inline,body.dark.page-about main .gs-meaning-inline {
  background:linear-gradient(120deg,#12304b,#122d3f) !important;border-color:#27577a !important;
}
html.dark body.page-about main .gs-about-intro .gs-meaning-inline p,
body.dark.page-about main .gs-about-intro .gs-meaning-inline p {color:#dce9f4 !important;-webkit-text-fill-color:#dce9f4 !important;}

/* Keep the Gati + Setu route line within its card on small screens. */
html body.page-about main .gs-meaning-inline .gs-meaning-connector { max-width:calc(100% - 30px) !important; }


/* Image visibility refinements: preserve card artwork and its full subject at all breakpoints. */
html body.page-about main .gs-why-v14 .gs-why-card-illustration {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1044 / 282 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}
html body.page-about main .gs-why-v14 .gs-why-card {
  justify-content: flex-start !important;
}
html body.page-about main .core-value-media img,
html body.page-about .team-member-photo > img,
html body.page-careers main .gs-values-picture img,
html body.page-home .seo-card-media img,
html body.page-home .industry-card-media img,
html body.page-home .enterprise-solution-art img,
html body.page-home .logistics-process-art img,
html body.page-home .client-logo-card img,
html body.page-home .home-about-hero-visual img,
html body.page-about .gs-about-hero-art > img {
  object-fit: contain !important;
  object-position: center center !important;
}
html body.page-about .team-member-photo > img {
  object-position: center top !important;
}
html body.page-about main .core-value-media img,
html body.page-careers main .gs-values-picture img,
html body.page-home .seo-card-media img {
  transform: none;
}
/* Gati + Setu wordmark begins directly with Gati, without the three leading streaks. */
html body.page-about main .gs-meaning-inline .gs-meaning-connector {
  margin-left: 0 !important;
}

/* Gatisetu v22: process numbers are HTML/CSS text, never baked into artwork. */
html body.page-home #how-it-works .logistics-process-grid {
  counter-reset: gatisetu-process;
}
html body.page-home #how-it-works .logistics-process-step {
  counter-increment: gatisetu-process;
}
html body.page-home #how-it-works .logistics-process-copy::before {
  content: counter(gatisetu-process, decimal-leading-zero);
  display: block;
  width: max-content;
  margin: 0 auto 11px;
  font: 800 2.2rem / 1.12 "Outfit", sans-serif;
  letter-spacing: -.04em;
  color: #61b7f9;
  -webkit-text-fill-color: #61b7f9;
  border-bottom: 3px solid #28cfbc;
  padding-bottom: 6px;
}

/* The new isometric scene is fully visible in every card, without cropping. */
html body.page-about main .gs-why-v14 .gs-why-card-illustration {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: contain !important;
  background: #f5fbff !important;
  border-radius: 16px !important;
}
html body.page-about main .core-value-media img,
html body.page-careers main .gs-values-picture img {
  object-fit: contain !important;
  object-position: center !important;
  background: #f5fbff !important;
}

/* Careers introduction: balanced desktop split and natural stacking on phones. */
html body.page-careers .careers-hero .career-intro-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(20px, 3.3vw, 48px) !important;
  margin: clamp(22px, 3vw, 34px) auto 20px !important;
  max-width: 1020px;
}
html body.page-careers .careers-hero .career-intro-text,
html body.page-careers .careers-hero .career-intro-image {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
html body.page-careers .careers-hero .career-intro-text p {
  max-width: 100% !important;
  line-height: 1.75 !important;
  overflow-wrap: break-word;
}
html body.page-careers .careers-hero .career-intro-image img {
  display: block;
  width: 100% !important;
  max-width: 480px !important;
  max-height: 380px !important;
  height: auto !important;
  object-fit: contain !important;
  transform: none !important;
  margin: 0 auto;
}
@media (max-width: 760px) {
  html body.page-careers .careers-hero .container {
    padding-inline: 20px !important;
    width: 100% !important;
  }
  html body.page-careers .careers-hero .page-hero-grid,
  html body.page-careers .careers-hero .reveal {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body.page-careers .careers-hero h1 {
    white-space: normal !important;
    font-size: clamp(1.8rem, 7.7vw, 2.65rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: break-word;
  }
  html body.page-careers .careers-hero .career-intro-split {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin: 20px auto 8px !important;
  }
  html body.page-careers .careers-hero .career-intro-text p {
    font-size: clamp(.96rem, 3.5vw, 1.06rem) !important;
    text-align: left !important;
    margin: 0 !important;
  }
  html body.page-careers .careers-hero .career-intro-image img {
    width: min(100%, 420px) !important;
    max-height: none !important;
  }
  html body.page-careers .careers-hero {
    padding-bottom: 20px !important;
  }
}

/* Gatisetu v23: calm, consistent Why Choose Us cards without accent blobs. */
html body.page-about main .gs-why-v14 .gs-why-card {
  border: 1px solid #d9e9f4 !important;
  background: linear-gradient(160deg, #ffffff 0%, #f8fcff 100%) !important;
  box-shadow: 0 12px 28px rgba(32, 88, 139, .075) !important;
}
html body.page-about main .gs-why-v14 .gs-why-card::before,
html body.page-about main .gs-why-v14 .gs-why-card::after {
  display: none !important;
  content: none !important;
}
html.dark body.page-about main .gs-why-v14 .gs-why-card {
  border-color: #39536b !important;
  background: linear-gradient(160deg, #162b3d, #122536) !important;
}

/* Only the explanation paragraphs shrink; core-value names and taglines stay as designed. */
html body.page-about main .core-value-copy p:not(.core-value-tagline) {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Unified, mobile-safe page introductions; animated SVG artwork is unchanged. */
html body :is(.service-hero, .vendor-hero) .gs-intro-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 3vw, 42px) !important;
  align-items: center !important;
  width: min(1020px, 100%);
  margin: clamp(20px, 3vw, 34px) auto clamp(16px, 2vw, 30px) !important;
}
html body :is(.service-hero, .vendor-hero) .gs-intro-split > div {
  min-width: 0 !important;
  width: 100% !important;
  flex: initial !important;
  text-align: left !important;
}
html body :is(.service-hero, .vendor-hero) .gs-intro-split p {
  margin: 0 !important;
  max-width: 49ch;
  line-height: 1.65 !important;
  text-align: left !important;
  overflow-wrap: break-word;
}
html body :is(.service-hero, .vendor-hero) .gs-intro-art img {
  display: block !important;
  width: 100% !important;
  max-width: 500px !important;
  height: auto !important;
  max-height: 400px;
  margin: 0 auto !important;
  object-fit: contain !important;
  transform: none !important;
  filter: drop-shadow(0 10px 18px rgba(44, 117, 171, .06));
}
html body.page-press-kit .gs-press-kit-hero-art {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  margin: 0 auto 16px;
  border-radius: 18px;
  background: #f7fbff;
}
@media (max-width: 760px) {
  html body :is(.service-hero, .vendor-hero) .gs-intro-split {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-top: 18px !important;
  }
  html body :is(.service-hero, .vendor-hero) .gs-intro-split p {
    max-width: 100%;
  }
  html body :is(.service-hero, .vendor-hero) .gs-intro-art img {
    max-width: 420px !important;
    max-height: none;
  }
  html body.page-press-kit .gs-press-kit-hero-art {
    margin-bottom: 12px;
  }
}

/* Gatisetu v24: make the About purpose/mission/vision panels fully theme-aware.
   Higher-specificity selectors override older light-mode-only declarations. */
html.dark body.page-about main .gs-about-pillars-section,
html body.dark.page-about main .gs-about-pillars-section {
  background: linear-gradient(180deg, #0f2034, #101b2d) !important;
}
html.dark body.page-about main .gs-about-pillars-section .gs-about-pillar,
html body.dark.page-about main .gs-about-pillars-section .gs-about-pillar {
  background: #1a3048 !important;
  border-color: #385773 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html.dark body.page-about main .gs-about-pillars-section .gs-about-pillar-title,
html body.dark.page-about main .gs-about-pillars-section .gs-about-pillar-title {
  color: #f3f9ff !important;
  -webkit-text-fill-color: #f3f9ff !important;
}
html.dark body.page-about main .gs-about-pillars-section .mission-text,
html body.dark.page-about main .gs-about-pillars-section .mission-text {
  color: #cbddef !important;
  -webkit-text-fill-color: #cbddef !important;
}
html.dark body.page-about main .gs-about-pillars-section .gs-about-pillar-icon,
html body.dark.page-about main .gs-about-pillars-section .gs-about-pillar-icon {
  background: #234869 !important;
  color: #96d2ff !important;
}
html.dark body.page-about main .gs-about-pillars-section .gs-about-pillar:nth-child(2) .gs-about-pillar-icon,
html body.dark.page-about main .gs-about-pillars-section .gs-about-pillar:nth-child(2) .gs-about-pillar-icon {
  background: #1b4d4d !important;
  color: #7ee6cd !important;
}

/* Careers values: the section, individual cards and typography all switch to dark. */
html.dark body.page-careers main .gs-values-v15,
html body.dark.page-careers main .gs-values-v15 {
  background: radial-gradient(circle at 90% 0%, rgba(57, 128, 183, .14), transparent 38%),
              linear-gradient(180deg, #0e2135, #10273b) !important;
}
html.dark body.page-careers main .gs-values-v15 .gs-values-heading h2,
html body.dark.page-careers main .gs-values-v15 .gs-values-heading h2,
html.dark body.page-careers main .gs-values-v15 .gs-values-copy h3,
html body.dark.page-careers main .gs-values-v15 .gs-values-copy h3 {
  color: #f4f9ff !important;
  -webkit-text-fill-color: #f4f9ff !important;
}
html.dark body.page-careers main .gs-values-v15 .gs-values-heading h2 .gs-values-highlight,
html body.dark.page-careers main .gs-values-v15 .gs-values-heading h2 .gs-values-highlight {
  color: #87ceff !important;
  -webkit-text-fill-color: #87ceff !important;
}
html.dark body.page-careers main .gs-values-v15 .gs-values-heading > p,
html body.dark.page-careers main .gs-values-v15 .gs-values-heading > p,
html.dark body.page-careers main .gs-values-v15 .gs-values-copy > p,
html body.dark.page-careers main .gs-values-v15 .gs-values-copy > p {
  color: #c7d9ec !important;
  -webkit-text-fill-color: #c7d9ec !important;
}
html.dark body.page-careers main .gs-values-v15 .gs-values-card,
html body.dark.page-careers main .gs-values-v15 .gs-values-card {
  background: linear-gradient(165deg, #1c344b, #162a40) !important;
  border-color: #35546e !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}
html.dark body.page-careers main .gs-values-v15 .gs-values-picture,
html body.dark.page-careers main .gs-values-v15 .gs-values-picture {
  background: #243f54 !important;
}
html.dark body.page-careers main .gs-values-v15 .gs-values-index,
html body.dark.page-careers main .gs-values-v15 .gs-values-index {
  color: #94d0ff !important;
  -webkit-text-fill-color: #94d0ff !important;
}
html.dark body.page-careers main .gs-values-v15 .eyebrow,
html body.dark.page-careers main .gs-values-v15 .eyebrow {
  color: #9fd7ff !important;
  -webkit-text-fill-color: #9fd7ff !important;
}

/* v25: explicit dark surfaces for both section backgrounds.  Earlier
   page-specific light gradients use unusually specific !important selectors. */
html.dark body.page-about main > section.section.gs-about-pillars-section,
html body.dark.page-about main > section.section.gs-about-pillars-section {
  background-color: #101e31 !important;
  background-image: linear-gradient(180deg, #112438 0%, #101d30 100%) !important;
  color: #e8f4ff !important;
}
html.dark body.page-about main > section.section.gs-about-pillars-section::before,
html.dark body.page-about main > section.section.gs-about-pillars-section::after,
html body.dark.page-about main > section.section.gs-about-pillars-section::before,
html body.dark.page-about main > section.section.gs-about-pillars-section::after {
  background: transparent !important;
}
html.dark body.page-careers main > section.section.gs-values-v15,
html body.dark.page-careers main > section.section.gs-values-v15 {
  background-color: #0c1e30 !important;
  background-image: radial-gradient(circle at 85% 8%, rgba(119,191,255,.11), transparent 43%),
                    linear-gradient(180deg, #0d2235, #101c2e) !important;
  color: #eaf3ff !important;
}
html.dark body.page-careers main > section.section.gs-values-v15::before,
html.dark body.page-careers main > section.section.gs-values-v15::after,
html body.dark.page-careers main > section.section.gs-values-v15::before,
html body.dark.page-careers main > section.section.gs-values-v15::after {
  background: transparent !important;
}
/* Keep all three legal/resource links grouped immediately below Press Kit. */
.site-footer .footer-resource-row {
  align-items: flex-start !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.site-footer .copyright-line {
  overflow-wrap: anywhere;
  line-height: 1.4 !important;
}

/* v26: allow the complete legal link label on one line in the footer's
   resource column without overlapping the adjacent company links. */
body .site-footer .footer-links-block,
.site-footer .footer-links-block {
  grid-template-columns: 140px minmax(172px, max-content) !important;
  column-gap: 18px !important;
}
body .site-footer .footer-resource-row,
.site-footer .footer-resource-row {
  width: max-content !important;
  min-width: 172px !important;
  max-width: 100% !important;
}
.site-footer .footer-resource-row a[href="/terms-conditions"] {
  white-space: nowrap !important;
  width: max-content !important;
  max-width: none !important;
}
@media (max-width: 760px) {
  body .site-footer .footer-links-block,
  .site-footer .footer-links-block {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body .site-footer .footer-resource-row,
  .site-footer .footer-resource-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
/* Standard three-line office address on every page and screen. */
.gs-address-lines { display: block; width: 100%; max-width: 100%; font-style: normal; line-height: 1.65; }
.gs-address-lines > span { display: block; max-width: 100%; white-space: nowrap; }
.footer-office-block .gs-address-lines { margin-top: 5px; }
.footer-office-block { max-width: 540px; }
.site-footer .footer-office-block .gs-address-lines > span { white-space: nowrap !important; overflow-wrap: normal !important; }
@media (max-width: 580px) {
  .gs-address-lines { font-size: clamp(11px, 2.85vw, 14px); letter-spacing: -.025em; }
  .gs-address-lines > span { white-space: normal; text-wrap: pretty; }
  .site-footer .footer-office-block .gs-address-lines > span { white-space: normal !important; overflow-wrap: normal !important; }
}


/* Gatisetu v27 — one section-heading system across the entire website.
   Reference: Home page > For Enterprises. Hero and card-level headings remain distinct. */
:root {
  --gs-home-overline-size: .94rem;
  --gs-home-heading-size: clamp(2rem, 4vw, 2.35rem);
  --gs-home-heading-color: #0d1424;
  --gs-home-description-size: 1rem;
  --gs-home-description-color: #3d4a63;
}
html.dark, html.dark body, body.dark {
  --gs-home-heading-color: #f5f9ff;
  --gs-home-description-color: #b7c6d8;
}
html body main :is(.section-heading,.enterprise-solutions-heading,.seo-card-heading,
  .logistics-process-heading,.why-heading,.about-feature-heading,.section-header,
  .services-section-heading,.gs-values-heading,.seo-cta-card,.seo-split > article) > .eyebrow,
html body main .eyebrow + h2:not(.sr-only) ~ .eyebrow {
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
}
html body main .eyebrow,
html body main .section-heading .eyebrow,
html body main .seo-card-heading .eyebrow,
html body main .enterprise-solutions-heading .eyebrow,
html body main .logistics-process-heading .eyebrow,
html body main .why-heading .eyebrow,
html body main .about-feature-heading .eyebrow,
html body main .gs-values-heading .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: 0 !important;
  margin: 0 0 1rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: var(--gs-home-overline-size) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #77bfff !important;
  -webkit-text-fill-color: #77bfff !important;
}
html body main :is(.section-heading,.enterprise-solutions-heading,.seo-card-heading,
  .logistics-process-heading,.why-heading,.about-feature-heading,.section-header,
  .services-section-heading,.gs-values-heading,.seo-cta-card,.seo-split > article) > h2,
html body main .eyebrow + h2:not(.sr-only) {
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: var(--gs-home-heading-size) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  color: var(--gs-home-heading-color) !important;
  -webkit-text-fill-color: var(--gs-home-heading-color) !important;
  text-wrap: pretty !important;
}
html body main :is(.section-heading,.enterprise-solutions-heading,.seo-card-heading,
  .logistics-process-heading,.why-heading,.about-feature-heading,.section-header,
  .services-section-heading,.gs-values-heading,.seo-cta-card) > p {
  max-width: 850px !important;
  margin-inline: auto !important;
  font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: var(--gs-home-description-size) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--gs-home-description-color) !important;
  -webkit-text-fill-color: var(--gs-home-description-color) !important;
}
/* Match the home page's small blue section label and bold centered section heading on Vendor Partners. */
html body.page-vendor main .vp-illustrated :is(.vp-benefits-content,.vp-categories-heading,.vp-standards-heading) > .vp-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  margin: 0 auto 1rem !important;
  padding: 0 !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: var(--gs-home-overline-size) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #77bfff !important;
  white-space: normal !important;
}
html body.page-vendor main .vp-illustrated :is(.vp-benefits-content,.vp-categories-heading,.vp-standards-heading) > .vp-eyebrow::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 2px !important;
  background: linear-gradient(90deg,#77bfff,#7ee6cd) !important;
}
html body.page-vendor main .vp-illustrated :is(.vp-benefits-content,.vp-categories-heading,.vp-standards-heading) > .vp-eyebrow::after { content: none !important; display: none !important; }
html body.page-vendor main .vp-illustrated :is(.vp-benefits-content,.vp-categories-heading,.vp-standards-heading) > h2 {
  max-width: 100% !important;
  margin: 0 auto 14px !important;
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif !important;
  font-size: var(--gs-home-heading-size) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  white-space: normal !important;
  color: var(--gs-home-heading-color) !important;
  -webkit-text-fill-color: var(--gs-home-heading-color) !important;
}
html body.page-vendor main .vp-benefits-content > .vp-eyebrow { width: 100% !important; }
html body.page-vendor main .vp-categories-heading { text-align: center !important; }
html body.page-vendor main .vp-categories-heading > .vp-eyebrow { width: 100% !important; }
html body.page-vendor main .vp-standards-heading > .vp-eyebrow { width: 100% !important; }
/* Vehicle-category artwork: retain the card size but scale the trucks down by 10%. */
html body.page-home main #vehicle-categories .seo-card-media img {
  transform: scale(.9) !important;
  transform-origin: center bottom !important;
}
@media (max-width: 760px) {
  html body.page-vendor main .vp-benefits-content { width: min(100%, 640px) !important; }
  html body.page-vendor main .vp-benefits-content > h2 { font-size: clamp(1.85rem, 7vw, 2.2rem) !important; }
}