/*
 * MAUTO Home Executive v153
 * Final responsive composition for the approved v365 runtime.
 * This layer is intentionally loaded after the historical approved styles.
 */

:root {
  --mauto-v153-ink: #102a46;
  --mauto-v153-muted: #607792;
  --mauto-v153-blue: #176ed2;
  --mauto-v153-green: #1a9a5d;
  --mauto-v153-line: rgba(84, 136, 193, .20);
  --mauto-v153-surface: rgba(251, 253, 255, .94);
  --mauto-v153-shadow: 0 12px 32px rgba(29, 69, 111, .09), inset 0 1px 0 rgba(255, 255, 255, .98);
}

.mauto-home-runtime .device-shell[data-device] .site {
  overflow-x: hidden !important;
  background:#fff !important;
  color: var(--mauto-v153-ink);
}

.mauto-home-runtime .device-shell[data-device] :is(.ecosystem, .tools-workspace) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
}

/* CGI hero: content stays in the left safe zone and never covers the car. */
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero {
  position: relative !important;
  overflow: hidden !important;
  background: #f7fbff !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .reference-copy {
  position: absolute !important;
  inset: 0 !important;
  z-index: 34 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  pointer-events: none;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-title-lockup {
  position: absolute !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: 42% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-title-lockup h1 {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: var(--mauto-v153-ink) !important;
  font-weight: 850 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .96), 0 4px 18px rgba(255, 255, 255, .94) !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-deck {
  position: absolute !important;
  z-index: 2 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(99, 151, 207, .24) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(231, 243, 255, .93)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") center / 100% 100% no-repeat !important;
  box-shadow: 0 15px 38px rgba(34, 74, 116, .11), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(14px) saturate(1.04) !important;
  contain: layout paint;
  pointer-events: auto;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card {
  inset: 0 !important;
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  transform: translate3d(20px, 0, 0) scale(.99) !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card.is-active {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card.is-leaving {
  transform: translate3d(-20px, 0, 0) scale(.99) !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card > div {
  position: relative !important;
  z-index: 2 !important;
  align-self: stretch !important;
  min-width: 0 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card > div > span {
  display: block !important;
  color: var(--mauto-v153-blue) !important;
  font-weight: 820 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card > div > p {
  display: block !important;
  margin: 10px 0 0 !important;
  color: #4c6682 !important;
  font-weight: 610 !important;
  letter-spacing: -.015em !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-card-features {
  display: block !important;
  margin-top: 10px !important;
  color: #173d66 !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card > figure {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .hero-capability-card > figure img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero {
  height: auto !important;
  min-height: 510px !important;
  aspect-ratio: 2041 / 770 !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-title-lockup {
  top: 56px !important;
  left: clamp(34px, 4.2vw, 72px) !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-title-lockup h1 {
  font-size: clamp(42px, 4.15vw, 70px) !important;
  line-height: .98 !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-capability-deck {
  top: 205px !important;
  left: clamp(34px, 4.2vw, 72px) !important;
  width: min(34.5vw, 500px) !important;
  height: 196px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-capability-card {
  grid-template-columns: minmax(0, 1fr) 158px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-capability-card > div {
  padding: 24px 8px 22px 26px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-capability-card > div > span {
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-capability-card > div > p {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .hero-card-features {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero {
  height: 390px !important;
  min-height: 390px !important;
  aspect-ratio: auto !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-title-lockup {
  top: 38px !important;
  left: 28px !important;
  max-width: 46% !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-title-lockup h1 {
  font-size: 38px !important;
  line-height: .98 !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-capability-deck {
  top: 164px !important;
  left: 28px !important;
  width: 328px !important;
  max-width: calc(52% - 28px) !important;
  height: 168px !important;
  border-radius: 21px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-capability-card {
  grid-template-columns: minmax(0, 1fr) 100px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-capability-card > div {
  padding: 18px 4px 16px 19px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-capability-card > div > span {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-capability-card > div > p {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-capability-card > div > p::before,
.mauto-home-runtime .device-shell[data-device="tablet"] .hero-card-features::before {
  display: none !important;
  content: none !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .hero-card-features {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Mobile CGI is a clean masthead: no glass card or title panel covers the car. */
.mauto-home-runtime .device-shell[data-device="mobile"] .hero {
  height: 196px !important;
  min-height: 196px !important;
  overflow: hidden !important;
  background: #f8fbff !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .hero::before,
.mauto-home-runtime .device-shell[data-device="mobile"] .hero::after,
.mauto-home-runtime .device-shell[data-device="mobile"] .reference-copy::before,
.mauto-home-runtime .device-shell[data-device="mobile"] .reference-copy::after,
.mauto-home-runtime .device-shell[data-device="mobile"] .hero-title-lockup::before,
.mauto-home-runtime .device-shell[data-device="mobile"] .hero-title-lockup::after,
.mauto-home-runtime .device-shell[data-device="mobile"] .reference-copy h1::before,
.mauto-home-runtime .device-shell[data-device="mobile"] .reference-copy h1::after,
.mauto-home-runtime .device-shell[data-device="mobile"] .hero-capability-deck,
.mauto-home-runtime .device-shell[data-device="mobile"] .hero-mobile-controls {
  display: none !important;
  content: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .hero-visual > .scene-layer,
.mauto-home-runtime .device-shell[data-device="mobile"] .matrix-pixels {
  transform: scale(1.08) !important;
  transform-origin: 58% center !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .hero-title-lockup {
  top: 10px !important;
  left: 12px !important;
  display: block !important;
  width: 168px !important;
  max-width: 168px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .reference-copy h1 {
  width: 168px !important;
  max-width: 168px !important;
  color: var(--mauto-v153-ink) !important;
  font-size: 22px !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-shadow: 0 1px 0 #fff, 0 3px 14px rgba(255, 255, 255, .96) !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .reference-copy h1 > span {
  white-space: normal !important;
}

/* Ecosystem title and compact support. */
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem {
  margin: 0 !important;
  padding: 18px 22px 14px !important;
  background:#fff !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem > header {
  display: flex !important;
  min-height: 62px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 12px !important;
}

.mauto-home-runtime .ecosystem h2 {
  display: grid !important;
  gap: 3px !important;
  margin: 0 !important;
  color: var(--mauto-v153-ink) !important;
  font-weight: 850 !important;
  letter-spacing: -.045em !important;
}

.mauto-home-runtime .ecosystem h2 .ecosystem-title-line {
  display: inline !important;
  color: inherit !important;
  line-height: 1 !important;
}

.mauto-home-runtime .ecosystem h2 .ecosystem-title-line > span {
  display: inline !important;
}

.mauto-home-runtime .ecosystem-title-blue { color: var(--mauto-v153-blue) !important; }
.mauto-home-runtime .ecosystem-title-green { color: var(--mauto-v153-green) !important; }
.mauto-home-runtime .ecosystem-title-ink { color: var(--mauto-v153-ink) !important; }

.mauto-home-runtime .ecosystem h2 > small {
  display: block !important;
  margin: 0 !important;
  color: var(--mauto-v153-muted) !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem-support {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  max-width: 330px !important;
  min-height: 54px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(73, 137, 207, .24) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(230, 242, 255, .94)) !important;
  box-shadow: 0 9px 24px rgba(33, 76, 120, .08), inset 0 1px 0 #fff !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem-support-mark {
  width: 34px !important;
  height: 34px !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem-support-copy {
  min-width: 0 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem-support-copy strong {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem-support-copy small {
  margin-top: 2px !important;
  overflow: hidden !important;
  color: var(--mauto-v153-muted) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem-support-headset {
  display: none !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem h2 {
  font-size: 30px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem h2 > small {
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem h2 {
  font-size: 25px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem h2 > small {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem-support {
  max-width: 276px !important;
  min-height: 50px !important;
}

/* Ecosystem cards: calm pearl waves, larger cutouts and no artificial glow. */
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(90, 145, 205, .22) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .20), rgba(207, 229, 251, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card.png") center / 100% 100% no-repeat !important;
  box-shadow: var(--mauto-v153-shadow) !important;
  isolation: isolate;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a:nth-child(3n + 2) {
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, .20), rgba(207, 229, 251, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-tall.png") !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a:nth-child(4n) {
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, .20), rgba(207, 229, 251, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a::before,
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a::after {
  box-shadow: none !important;
  filter: none !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a > img {
  position: absolute !important;
  z-index: 1 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  filter: none !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a > strong,
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a > small {
  position: absolute !important;
  z-index: 3 !important;
  right: 14px !important;
  left: 58px !important;
  margin: 0 !important;
  text-align: left !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a > strong {
  top: 17px !important;
  color: var(--mauto-v153-ink) !important;
  font-weight: 820 !important;
  letter-spacing: -.025em !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > a > small {
  top: 48px !important;
  min-height: 0 !important;
  color: #5b7390 !important;
  font-weight: 640 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .card-category-icon {
  position: absolute !important;
  z-index: 3 !important;
  top: 16px !important;
  left: 16px !important;
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, .74) !important;
  box-shadow: inset 0 0 0 1px rgba(83, 145, 211, .18) !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem :is(.card-features, .cards > a > b) {
  display: none !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > a:not(#c9):not(.c9) {
  grid-column: span 1 !important;
  height: 270px !important;
  min-height: 270px !important;
  border-radius: 23px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > a:not(#c9):not(.c9) > img {
  right: 8px !important;
  bottom: 2px !important;
  left: 8px !important;
  width: calc(100% - 16px) !important;
  height: 188px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > a > strong {
  font-size: 18px !important;
  line-height: 1.08 !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > a > small {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > :is(#c9, .c9) {
  grid-column: 1 / -1 !important;
  border-color: rgba(90, 145, 205, .22) !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .30), rgba(198, 225, 250, .10)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") center / 100% 100% no-repeat !important;
  background-blend-mode: normal !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > :is(#c9, .c9)::before,
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > :is(#c9, .c9)::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > :is(#c9, .c9) .card-category-icon,
.mauto-home-runtime :is(.device-shell[data-device="desktop"], .device-shell[data-device="tablet"]) .ecosystem .cards > :is(#c9, .c9) > strong {
  color: var(--mauto-v153-blue) !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > :is(#c9, .c9) {
  height: 148px !important;
  min-height: 148px !important;
  border-radius: 23px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > :is(#c9, .c9) > strong {
  top: 36px !important;
  left: 66px !important;
  font-size: 21px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > :is(#c9, .c9) > small {
  top: 68px !important;
  left: 66px !important;
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > :is(#c9, .c9) > img {
  right: 28px !important;
  bottom: -4px !important;
  left: auto !important;
  width: min(42%, 480px) !important;
  height: 146px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > a:not(#c9):not(.c9) {
  grid-column: span 1 !important;
  height: 214px !important;
  min-height: 214px !important;
  border-radius: 21px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > a:not(#c9):not(.c9) > img {
  right: 6px !important;
  bottom: 0 !important;
  left: 6px !important;
  width: calc(100% - 12px) !important;
  height: 150px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > a > strong {
  font-size: 16px !important;
  line-height: 1.08 !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > a > small {
  top: 44px !important;
  min-height: 0 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > :is(#c9, .c9) {
  height: 126px !important;
  min-height: 126px !important;
  border-radius: 21px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > :is(#c9, .c9) > strong {
  top: 30px !important;
  left: 62px !important;
  font-size: 18px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > :is(#c9, .c9) > small {
  top: 58px !important;
  left: 62px !important;
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .ecosystem .cards > :is(#c9, .c9) > img {
  right: 20px !important;
  bottom: -4px !important;
  left: auto !important;
  width: 42% !important;
  height: 124px !important;
}

/* Mobile service grid: larger cutouts, consistent rhythm, no red/white glow. */
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge {
  grid-template-columns: 28px minmax(0, 1fr) 22px !important;
  min-height: 44px !important;
  margin: 5px 8px 7px !important;
  padding: 5px 7px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(32, 73, 116, .07), inset 0 1px 0 #fff !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge::after,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge-headset {
  display: none !important;
  content: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge-mark {
  width: 28px !important;
  height: 28px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge-mark img {
  width: 22px !important;
  height: 22px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge strong {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-concierge small {
  font-size: 9px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 106px !important;
  gap: 8px !important;
  width: calc(100% - 16px) !important;
  margin: 0 8px 9px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile {
  position: relative !important;
  min-height: 106px !important;
  overflow: hidden !important;
  border: 1px solid rgba(89, 145, 205, .22) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(198, 226, 252, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card.png") center / 100% 100% no-repeat !important;
  box-shadow: 0 9px 23px rgba(35, 76, 119, .08), inset 0 1px 0 #fff !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile:nth-child(3n + 2) {
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(198, 226, 252, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-tall.png") !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile:nth-child(4n) {
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(198, 226, 252, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile::before,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile::after {
  box-shadow: none !important;
  filter: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile > span {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  align-content: start !important;
  gap: 3px !important;
  max-width: 58% !important;
  padding: 10px 0 8px 10px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile .mauto-category-icon {
  width: 26px !important;
  height: 26px !important;
  margin-bottom: 1px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: inset 0 0 0 1px rgba(83, 145, 211, .17) !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile strong {
  max-width: none !important;
  color: var(--mauto-v153-ink) !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile small {
  max-width: none !important;
  color: #607892 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile > img {
  position: absolute !important;
  z-index: 2 !important;
  right: 2px !important;
  bottom: -1px !important;
  width: 112px !important;
  height: 86px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  filter: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-auto {
  grid-column: 1 / -1 !important;
  min-height: 154px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(177, 216, 251, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") center / 100% 100% no-repeat !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-auto > span {
  max-width: 48% !important;
  padding: 14px 0 10px 14px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-auto > img {
  right: 10px !important;
  bottom: -2px !important;
  width: 205px !important;
  height: 142px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-parts > img,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-service > img,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-tuning > img,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-disassembly > img,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-school > img,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-dealers > img,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial > img {
  right: 0 !important;
  bottom: -2px !important;
  width: 118px !important;
  height: 88px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-school,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-commercial {
  grid-column: auto !important;
  min-height: 106px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(198, 226, 252, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card.png") center / 100% 100% no-repeat !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-school, .mobile-dashboard-tile-commercial) > span {
  max-width: 58% !important;
  padding: 10px 0 8px 10px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside {
  grid-column: 1 / -1 !important;
  min-height: 126px !important;
  border-color: rgba(89, 145, 205, .22) !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .22), rgba(193, 223, 250, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") center / 100% 100% no-repeat !important;
  background-blend-mode: normal !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside::before,
.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside > span {
  max-width: 48% !important;
  padding: 13px 0 10px 13px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside strong {
  color: var(--mauto-v153-blue) !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside .mauto-category-icon {
  border-color: rgba(23, 110, 210, .20) !important;
  background: rgba(245, 250, 255, .88) !important;
  color: var(--mauto-v153-blue) !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside > img {
  right: 8px !important;
  bottom: -5px !important;
  width: 198px !important;
  height: 126px !important;
  filter: none !important;
}

/* Product tools use the same calm pearl-wave language and compact rhythm. */
.mauto-home-runtime .tools-workspace {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  background:#fff !important;
}

.mauto-home-runtime .advanced-search-preview,
.mauto-home-runtime .insurance-flow,
.mauto-home-runtime .tools-secondary-row,
.mauto-home-runtime .finance-preview,
.mauto-home-runtime .qa-compact {
  margin: 0 !important;
}

.mauto-home-runtime .advanced-search-form,
.mauto-home-runtime .finance-calculator,
.mauto-home-runtime .qa-compact-window {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--mauto-v153-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .26), rgba(207, 230, 252, .08)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") center / 100% 100% no-repeat !important;
  box-shadow: var(--mauto-v153-shadow) !important;
}

.mauto-home-runtime .advanced-search-form::before,
.mauto-home-runtime .finance-calculator::before,
.mauto-home-runtime .qa-compact-window::before {
  position: absolute;
  z-index: 0;
  top: -42%;
  right: -6%;
  width: 42%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(76, 160, 241, .10), transparent 68%);
  content: "";
  pointer-events: none;
}

.mauto-home-runtime .advanced-search-form > *,
.mauto-home-runtime .finance-calculator > *,
.mauto-home-runtime .qa-compact-window > * {
  position: relative;
  z-index: 1;
}

.mauto-home-runtime .advanced-search-form > .advanced-search-heading h2,
.mauto-home-runtime .tools-secondary-row .finance-preview-heading h2,
.mauto-home-runtime .qa-compact-heading h2 {
  margin: 0 !important;
  color: var(--mauto-v153-ink) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

.mauto-home-runtime .advanced-search-form > .advanced-search-heading h2 b {
  color: var(--mauto-v153-blue) !important;
}

.mauto-home-runtime .advanced-search-form > .advanced-search-heading h2 em {
  color: var(--mauto-v153-ink) !important;
  font-style: normal !important;
}

.mauto-home-runtime .advanced-search-vehicle {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

.mauto-home-runtime .advanced-search-vehicle label {
  min-width: 0 !important;
}

.mauto-home-runtime .advanced-search-vehicle label > span,
.mauto-home-runtime .finance-field > span:first-child,
.mauto-home-runtime .finance-term > div > span {
  color: #536d88 !important;
  font-weight: 720 !important;
}

.mauto-home-runtime .advanced-search-vehicle select,
.mauto-home-runtime .advanced-search-input,
.mauto-home-runtime .finance-input-shell {
  border: 1px solid rgba(104, 153, 207, .19) !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

.mauto-home-runtime .advanced-search-mode,
.mauto-home-runtime .finance-tabs,
.mauto-home-runtime .finance-category {
  border: 0 !important;
  background: rgba(232, 242, 252, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(91, 145, 204, .12) !important;
}

.mauto-home-runtime :is(.advanced-search-mode, .finance-tabs, .finance-category) button {
  min-height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mauto-home-runtime :is(.advanced-search-mode, .finance-tabs, .finance-category) button.is-active {
  background: linear-gradient(145deg, #fefeff, #e5f1fd) !important;
  color:var(--mauto-ds-color-primary,#3c78da) !important;
  box-shadow: 0 5px 14px rgba(40, 91, 144, .10), inset 0 1px 0 #fff !important;
}

.mauto-home-runtime .advanced-search-query-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  width: 100% !important;
}

.mauto-home-runtime .advanced-search-panels {
  min-width: 0 !important;
}

.mauto-home-runtime .advanced-search-submit,
.mauto-home-runtime .finance-action {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da)) !important;
  color: #fff !important;
  box-shadow: 0 9px 20px rgba(29, 108, 195, .19), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
}

/* Insurance is one horizontal line everywhere, with numbers only. */
.mauto-home-runtime .insurance-flow-shell {
  display: grid !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid rgba(80, 156, 126, .20) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .92), rgba(239, 251, 246, .88)),
    url("../img/pearl-card-backgrounds/pearl-blue-card-wide.png") center / 100% 100% no-repeat !important;
  box-shadow: 0 10px 28px rgba(32, 84, 76, .08), inset 0 1px 0 #fff !important;
}

.mauto-home-runtime .insurance-trigger {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

.mauto-home-runtime .insurance-trigger-icon,
.mauto-home-runtime .insurance-stage-icon {
  display: none !important;
}

.mauto-home-runtime .insurance-trigger-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.mauto-home-runtime .insurance-trigger-copy strong {
  color: var(--mauto-v153-ink) !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
}

.mauto-home-runtime .insurance-trigger-copy small {
  display: block !important;
  color: #5f7885 !important;
  font-weight: 620 !important;
  line-height: 1.25 !important;
}

.mauto-home-runtime .insurance-trigger-action {
  display: none !important;
}

.mauto-home-runtime .insurance-stages {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.mauto-home-runtime .insurance-stages li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-left: 1px solid rgba(91, 145, 170, .15) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mauto-home-runtime .insurance-stages li > .insurance-stage-index {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--mauto-v153-blue) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.mauto-home-runtime .insurance-stages li.is-complete > .insurance-stage-index,
.mauto-home-runtime .insurance-stages li.is-complete strong {
  color: var(--mauto-v153-green) !important;
}

.mauto-home-runtime .insurance-stages li > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.mauto-home-runtime .insurance-stages strong,
.mauto-home-runtime .insurance-stages small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mauto-home-runtime .insurance-stages strong {
  color: var(--mauto-v153-ink) !important;
  font-weight: 790 !important;
}

.mauto-home-runtime .insurance-stages small {
  color: #637b91 !important;
  font-weight: 590 !important;
}

/* Defeat legacy dock grid coordinates with a device-scoped final contract. */
.mauto-home-runtime .device-shell[data-device] .insurance-flow-shell {
  width: 100% !important;
  padding: 0 !important;
}

.mauto-home-runtime .device-shell[data-device] .insurance-trigger {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.mauto-home-runtime .device-shell[data-device] .insurance-trigger-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
}

.mauto-home-runtime .device-shell[data-device] .insurance-trigger-copy small {
  max-width: 100% !important;
  margin-top: 3px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.mauto-home-runtime .device-shell[data-device] .insurance-stages li {
  grid-column: auto !important;
  grid-row: auto !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: 0 !important;
}

.mauto-home-runtime .device-shell[data-device] .insurance-stage-index {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
}

.mauto-home-runtime .device-shell[data-device] .insurance-stages li > div {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
}

.mauto-home-runtime .tools-secondary-row {
  display: grid !important;
  align-items: start !important;
  gap: 12px !important;
  width: 100% !important;
}

.mauto-home-runtime .tools-secondary-row > .finance-preview { order: 1 !important; }
.mauto-home-runtime .tools-secondary-row > .qa-compact { order: 2 !important; }

.mauto-home-runtime .finance-preview,
.mauto-home-runtime .qa-compact {
  min-width: 0 !important;
}

.mauto-home-runtime .finance-preview-heading,
.mauto-home-runtime .qa-compact-heading {
  margin: 0 0 7px !important;
}

.mauto-home-runtime .finance-calculator {
  display: grid !important;
  gap: 10px !important;
}

.mauto-home-runtime .finance-fields {
  display: grid !important;
  gap: 10px !important;
}

.mauto-home-runtime .finance-field,
.mauto-home-runtime .finance-term {
  min-width: 0 !important;
}

.mauto-home-runtime .finance-input-shell {
  min-height: 50px !important;
  border-radius: 14px !important;
}

.mauto-home-runtime .finance-range {
  box-shadow: none !important;
}

.mauto-home-runtime .finance-result {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(82, 147, 214, .18) !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, rgba(231, 244, 255, .94), rgba(209, 231, 252, .82)) !important;
  background-image: linear-gradient(135deg, rgba(239, 248, 255, .96), rgba(209, 232, 253, .86)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.mauto-home-runtime .finance-result-main,
.mauto-home-runtime .finance-result dl,
.mauto-home-runtime .finance-result dl > div {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mauto-home-runtime .device-shell[data-device] .finance-result dl > div {
  border: 0 !important;
  box-shadow: none !important;
}

.mauto-home-runtime .device-shell[data-device] #preview-finance-calculator .finance-result dl > div {
  border: 0 !important;
  border-block: 0 !important;
  border-inline: 0 !important;
  box-shadow: none !important;
}

.mauto-home-runtime .device-shell[data-device] .finance-result dl > div::before,
.mauto-home-runtime .device-shell[data-device] .finance-result dl > div::after,
.mauto-home-runtime .device-shell[data-device] #preview-finance-calculator .finance-result dl > div::before,
.mauto-home-runtime .device-shell[data-device] #preview-finance-calculator .finance-result dl > div::after {
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  content: none !important;
}

.mauto-home-runtime .finance-result-main {
  display: grid !important;
  align-content: center !important;
  padding: 12px 14px !important;
}

.mauto-home-runtime .finance-result-main strong {
  color:var(--mauto-ds-color-primary,#3c78da) !important;
  font-weight: 860 !important;
  letter-spacing: -.045em !important;
}

.mauto-home-runtime .finance-result dl {
  display: grid !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mauto-home-runtime .finance-result dl > div {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
}

.mauto-home-runtime .finance-result dt,
.mauto-home-runtime .finance-result dd {
  margin: 0 !important;
  overflow: visible !important;
  color: #516b87 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.mauto-home-runtime .finance-result dd {
  color: #173d66 !important;
  font-weight: 800 !important;
}

.mauto-home-runtime .qa-compact-window {
  height: auto !important;
  min-height: 230px !important;
  align-content: start !important;
}

/* Desktop product workspace. */
.mauto-home-runtime .device-shell[data-device="desktop"] .tools-workspace {
  padding: 10px 22px 22px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 18px 20px !important;
  border-radius: 23px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-form > .advanced-search-heading h2,
.mauto-home-runtime .device-shell[data-device="desktop"] .tools-secondary-row .finance-preview-heading h2,
.mauto-home-runtime .device-shell[data-device="desktop"] .qa-compact-heading h2 {
  font-size: 27px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-vehicle label > span,
.mauto-home-runtime .device-shell[data-device="desktop"] .finance-field > span:first-child,
.mauto-home-runtime .device-shell[data-device="desktop"] .finance-term > div > span {
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-vehicle select,
.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-input input,
.mauto-home-runtime .device-shell[data-device="desktop"] .finance-input-shell input {
  font-size: 14px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-mode {
  width: 286px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .advanced-search-submit {
  min-width: 210px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-flow-shell {
  grid-template-columns: minmax(250px, .9fr) minmax(0, 3.1fr) !important;
  min-height: 84px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-trigger-copy strong {
  font-size: 19px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-trigger-copy small,
.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-trigger-action {
  font-size: 10px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-stages li > .insurance-stage-index {
  font-size: 15px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-stages strong {
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .insurance-stages small {
  font-size: 10px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .tools-secondary-row {
  grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr) !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-calculator {
  padding: 14px !important;
  border-radius: 22px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-tabs {
  width: 230px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-term {
  grid-column: 1 / -1 !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-result {
  grid-template-columns: minmax(180px, 1.05fr) minmax(0, 2.95fr) !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-result dl {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-result-main strong {
  font-size: 28px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-result :is(dt, dd) {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .finance-action {
  width: min(64%, 460px) !important;
  margin: 0 auto !important;
}

.mauto-home-runtime .device-shell[data-device="desktop"] .qa-compact-window {
  min-height: 276px !important;
  border-radius: 22px !important;
}

/* Tablet: readable two-column cards, one-line Insurance and full-width tools. */
.mauto-home-runtime .device-shell[data-device="tablet"] .tools-workspace {
  padding: 10px 18px 20px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  padding: 16px !important;
  border-radius: 21px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-form > .advanced-search-heading h2,
.mauto-home-runtime .device-shell[data-device="tablet"] .tools-secondary-row .finance-preview-heading h2,
.mauto-home-runtime .device-shell[data-device="tablet"] .qa-compact-heading h2 {
  font-size: 24px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-vehicle label > span,
.mauto-home-runtime .device-shell[data-device="tablet"] .finance-field > span:first-child,
.mauto-home-runtime .device-shell[data-device="tablet"] .finance-term > div > span {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-vehicle select,
.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-input input,
.mauto-home-runtime .device-shell[data-device="tablet"] .finance-input-shell input {
  font-size: 13px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-mode {
  width: 250px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .advanced-search-submit {
  min-width: 150px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-flow-shell {
  grid-template-columns: 180px minmax(0, 1fr) !important;
  min-height: 78px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-trigger {
  padding-inline: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-trigger-copy strong {
  font-size: 15px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-trigger-copy small {
  font-size: 9px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-trigger-action {
  font-size: 9px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-stages li {
  padding: 9px 7px !important;
  gap: 5px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-stages,
.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-stages li > .insurance-stage-index {
  font-size: 13px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-stages strong {
  font-size: 10px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .insurance-stages small {
  font-size: 8px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .tools-secondary-row {
  grid-template-columns: 1fr !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-calculator {
  padding: 14px !important;
  border-radius: 21px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-tabs {
  width: 220px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-term {
  grid-column: 1 / -1 !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-result {
  grid-template-columns: minmax(160px, 1fr) minmax(0, 3fr) !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-result dl {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-result-main strong {
  font-size: 25px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-result :is(dt, dd) {
  font-size: 10px !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .finance-action {
  width: min(72%, 430px) !important;
  margin: 0 auto !important;
}

.mauto-home-runtime .device-shell[data-device="tablet"] .qa-compact-window {
  min-height: 220px !important;
  border-radius: 21px !important;
}

/* Smartphone: compact, touch-safe controls and a single horizontal Insurance rail. */
.mauto-home-runtime .device-shell[data-device="mobile"] .tools-workspace {
  gap: 8px !important;
  padding: 8px 8px 16px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 14px !important;
  border-radius: 20px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-form > .advanced-search-heading h2,
.mauto-home-runtime .device-shell[data-device="mobile"] .tools-secondary-row .finance-preview-heading h2,
.mauto-home-runtime .device-shell[data-device="mobile"] .qa-compact-heading h2 {
  font-size: 23px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-vehicle {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-vehicle label:last-child {
  grid-column: auto !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-vehicle label > span {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-vehicle select {
  min-height: 46px !important;
  padding-inline: 9px 24px !important;
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-mode {
  width: 100% !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-mode button {
  min-height: 44px !important;
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-query-row {
  grid-template-columns: minmax(0, 1fr) 86px !important;
  gap: 7px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-input {
  min-height: 50px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-input input {
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .advanced-search-submit {
  min-width: 0 !important;
  padding-inline: 10px !important;
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-flow-shell {
  grid-template-columns: 116px minmax(0, 1fr) !important;
  min-height: 70px !important;
  border-radius: 18px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-trigger {
  padding: 8px 7px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-trigger-copy strong {
  font-size: 10.5px !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-trigger-copy small {
  display: block !important;
  max-height: 20px !important;
  overflow: hidden !important;
  font-size: 7.5px !important;
  line-height: 1.2 !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-trigger-action {
  display: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages li {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 2px !important;
  min-height: 70px !important;
  padding: 5px 1px !important;
  overflow: hidden !important;
  text-align: center !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages li > .insurance-stage-index {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages li > div {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: center !important;
  width: 100% !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages strong {
  max-width: 100% !important;
  font-size: 7px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .insurance-stages small {
  display: none !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .tools-secondary-row {
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-calculator {
  padding: 12px !important;
  border-radius: 20px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-tabs {
  width: 100% !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-tabs button {
  min-height: 44px !important;
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-field > span:first-child,
.mauto-home-runtime .device-shell[data-device="mobile"] .finance-term > div > span {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-input-shell input {
  font-size: 13px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-field[data-credit-only]:last-of-type,
.mauto-home-runtime .device-shell[data-device="mobile"] .finance-term {
  grid-column: 1 / -1 !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-result {
  grid-template-columns: 1fr !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-result dl {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-result dl > div:last-child {
  grid-column: 1 / -1 !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-result-main strong {
  font-size: 28px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-result :is(dt, dd) {
  font-size: 11px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .finance-action {
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  font-size: 12px !important;
}

.mauto-home-runtime .device-shell[data-device="mobile"] .qa-compact-window {
  min-height: 190px !important;
  border-radius: 20px !important;
}

@media (max-width: 1180px) and (min-width: 1025px) {
  .mauto-home-runtime .device-shell[data-device="desktop"] .hero-capability-deck {
    width: 40vw !important;
  }

  .mauto-home-runtime .device-shell[data-device="desktop"] .ecosystem .cards > a > strong {
    font-size: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mauto-home-runtime .hero-capability-card,
  .mauto-home-runtime .ecosystem .cards > a,
  .mauto-home-runtime .mobile-dashboard-tile {
    transition: none !important;
    animation: none !important;
  }
}

/* Owner-requested visual hierarchy, 20 September. Original art and links retained. */
.mauto-home-runtime .ecosystem .cards>a,
.mauto-home-runtime .mobile-dashboard-tile{--mauto-tile-tint:#dcecff;}
.mauto-home-runtime .ecosystem .cards>a:nth-child(3n+2),
.mauto-home-runtime .mobile-dashboard-tile:nth-child(3n+2){--mauto-tile-tint:#dcefeb;}
.mauto-home-runtime .ecosystem .cards>a:nth-child(3n),
.mauto-home-runtime .mobile-dashboard-tile:nth-child(3n){--mauto-tile-tint:#e4e6fa;}
.mauto-home-runtime .ecosystem .cards>a>strong,
.mauto-home-runtime .mobile-dashboard-tile strong{color:#142338!important;font-weight:650!important;letter-spacing:-.015em!important;line-height:1.25!important;}
.mauto-home-runtime .device-shell[data-device] :is(.advanced-search-form,.finance-preview-card,.qa-compact){background:#fff!important;background-image:none!important;border:1px solid #dce4ed!important;box-shadow:0 4px 18px #14233808!important;}
.mauto-home-runtime .device-shell[data-device] .advanced-search-form{border-top:3px solid #1268df!important;}
.mauto-home-runtime .device-shell[data-device] .hero-title-lockup h1{color:#142338!important;font-weight:750!important;letter-spacing:-.035em!important;}
@media(max-width:760px){
 .mauto-home-runtime .mobile-dashboard-tile strong{font-size:14px!important;}
 .mauto-home-runtime .mobile-dashboard-tile :is(p,small){font-size:11px!important;line-height:1.35!important;color:#59687b!important;}
}