/* DealerMatch360 Homepage Experience base + hero v3.0.1 */
.dm360-home,
.dm360-home *,
.dm360-home *::before,
.dm360-home *::after { box-sizing: border-box; }

.dm360-home {
  --dm-navy-950:#020a13;
  --dm-navy-900:#05111d;
  --dm-navy-850:#071725;
  --dm-navy-800:#0a1c2c;
  --dm-navy-700:#102a3e;
  --dm-text:#f5f8fc;
  --dm-muted:#9daebe;
  --dm-ink:#0b1725;
  --dm-ink-muted:#5e6e7e;
  --dm-blue:#4d7cff;
  --dm-blue-2:#3b9cf1;
  --dm-cyan:#3ed1df;
  --dm-violet:#7d68ff;
  --dm-success:#2e8b5f;
  --dm-success-soft:#e8f5ee;
  --dm-border-dark:rgba(148,197,230,.16);
  --dm-border-light:#dce5ed;
  --dm-light:#f4f7fa;
  --dm-white:#fff;
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  margin-left:-50vw;
  overflow:hidden;
  color:var(--dm-ink);
  font-family:'Inter',Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.dm360-home img { max-width:100%; }
.dm360-home button,
.dm360-home a { font:inherit; }
.dm360-home svg {
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dm360-home h1,
.dm360-home h2,
.dm360-home h3,
.dm360-home p { margin:0; padding:0; }
.dm360-home a { text-decoration:none!important; }
.dm360-home button { appearance:none; }

.dm360-shell { width:min(88%,1500px); margin:0 auto; }
.dm360-section { position:relative; isolation:isolate; }
.dm360-section--dark { color:var(--dm-text); background:var(--dm-navy-950); }
.dm360-section--light { color:var(--dm-ink); background:var(--dm-light); }

.dm360-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  font-size:11px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:2.3px;
  text-transform:uppercase;
}
.dm360-eyebrow--dark { color:#83cae7; }
.dm360-eyebrow--light { color:#3f72b4; }
.dm360-eyebrow__dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--dm-cyan);
  box-shadow:0 0 0 5px rgba(62,209,223,.09);
}

.dm360-section-heading { margin-bottom:54px; }
.dm360-section-heading h2 {
  max-width:900px;
  font-size:clamp(38px,4vw,64px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-2.6px;
}
.dm360-section-heading p {
  max-width:680px;
  color:var(--dm-ink-muted);
  font-size:17px;
  font-weight:400;
  line-height:1.72;
}
.dm360-section--dark .dm360-section-heading p { color:#9eafbf; }
.dm360-section-heading--center { text-align:center; }
.dm360-section-heading--center h2,
.dm360-section-heading--center p { margin-inline:auto; }
.dm360-section-heading--center p { margin-top:20px; }
.dm360-section-heading--split { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr); gap:60px; align-items:end; }

.dm360-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.dm360-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:56px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:13px;
  font-size:14px;
  font-weight:650;
  line-height:1;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease;
}
.dm360-button svg { width:18px; height:18px; }
.dm360-button:hover { transform:translateY(-2px); }
.dm360-button--primary {
  color:#fff!important;
  background:linear-gradient(105deg,#5675ff 0%,#3e93ee 52%,#39cad9 100%);
  box-shadow:0 16px 38px rgba(47,112,228,.27),inset 0 1px 0 rgba(255,255,255,.28);
}
.dm360-button--primary:hover { box-shadow:0 20px 48px rgba(47,112,228,.36),inset 0 1px 0 rgba(255,255,255,.34); }
.dm360-button--ghost { min-height:48px; padding:0 5px; color:#9fdcf0!important; }
.dm360-button__circle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:39px;
  height:39px;
  border:1px solid rgba(118,205,237,.28);
  border-radius:50%;
  background:rgba(6,23,36,.58);
}
.dm360-button__circle svg { width:17px; height:17px; }
.dm360-button--outline { color:#dceaf5!important; border-color:rgba(151,198,229,.25); background:rgba(8,27,42,.46); }
.dm360-button--outline:hover { border-color:rgba(102,193,239,.45); background:rgba(14,42,64,.7); }
.dm360-button--dark { color:#fff!important; background:#0b2032; box-shadow:0 15px 30px rgba(13,35,54,.16); }
.dm360-button--member { width:100%; color:#fff!important; background:linear-gradient(110deg,#3f6fe8,#248eb8); }

/* HERO */
.dm360-hero {
  min-height:clamp(760px,100svh,930px);
  color:var(--dm-text);
  background:
    linear-gradient(90deg,rgba(2,8,15,.98) 0%,rgba(2,9,16,.91) 29%,rgba(2,9,16,.42) 58%,rgba(2,8,15,.62) 100%),
    linear-gradient(180deg,rgba(2,8,15,.22),rgba(2,8,15,.02) 54%,rgba(2,8,15,.96) 100%),
    var(--dm360-bg-image) center/cover no-repeat,
    var(--dm360-bg-fallback) center/cover no-repeat;
}
.dm360-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.18;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
.dm360-hero__backdrop { position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,transparent 76%,var(--dm-navy-950)); }
.dm360-hero__aurora {
  position:absolute;
  z-index:-1;
  top:5%;
  right:-4%;
  width:62%;
  height:80%;
  opacity:.54;
  pointer-events:none;
  background:radial-gradient(circle at 35% 58%,rgba(64,130,255,.18),transparent 32%),radial-gradient(circle at 76% 23%,rgba(62,209,223,.16),transparent 28%),radial-gradient(circle at 67% 82%,rgba(125,104,255,.14),transparent 28%);
  filter:blur(52px);
}
.dm360-hero__inner {
  display:grid;
  grid-template-columns:minmax(430px,.9fr) minmax(650px,1.1fr);
  gap:clamp(36px,4vw,70px);
  align-items:center;
  min-height:clamp(760px,100svh,930px);
  padding:0;
}
.dm360-hero__copy { position:relative; z-index:3; }
.dm360-hero h1 {
  max-width:720px;
  color:#f7f9fc;
  font-size:clamp(50px,4.45vw,78px);
  font-weight:500;
  line-height:1.035;
  letter-spacing:-3.8px;
}
.dm360-hero h1 span {
  color:transparent;
  background:linear-gradient(92deg,#8b72ff 0%,#4d93ff 48%,#3bd3df 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.dm360-hero__lead {
  max-width:650px;
  margin-top:27px!important;
  color:#aebac7;
  font-size:17px;
  font-weight:350;
  line-height:1.72;
}
.dm360-hero .dm360-actions { margin-top:32px; }
.dm360-hero__proof {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:30px;
  color:#8297a9;
  font-size:12.5px;
}
.dm360-hero__proof > span { display:inline-flex; align-items:center; gap:8px; }
.dm360-hero__proof svg { width:18px; height:18px; color:#6cb7e0; }
.dm360-hero__proof b { color:#b9c7d3; font-weight:600; }
.dm360-hero__proof > i { width:1px; height:19px; background:rgba(151,190,215,.2); }

.dm360-hero-stage { position:relative; width:100%; max-width:800px; margin-left:auto; }
.dm360-hero-stage__ambient {
  position:absolute;
  inset:11% -4% -8% 6%;
  z-index:-1;
  border-radius:44%;
  background:radial-gradient(circle at 20% 70%,rgba(54,181,231,.22),transparent 31%),radial-gradient(circle at 78% 78%,rgba(120,91,255,.19),transparent 28%);
  filter:blur(50px);
}
.dm360-alert-toast {
  position:absolute;
  z-index:8;
  top:-22px;
  right:-16px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  width:min(330px,45%);
  padding:12px 14px;
  border:1px solid rgba(117,188,222,.22);
  border-radius:15px;
  color:#eaf3f9;
  background:rgba(8,31,45,.82);
  box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(22px) saturate(125%);
}
.dm360-alert-toast__icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; color:#93d9ef; background:rgba(52,127,173,.2); }
.dm360-alert-toast__icon svg { width:20px; height:20px; }
.dm360-alert-toast span:nth-child(2) { min-width:0; }
.dm360-alert-toast small,.dm360-alert-toast strong,.dm360-alert-toast em { display:block; }
.dm360-alert-toast small { margin-bottom:2px; color:#7595a9; font-size:9px; font-style:normal; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.dm360-alert-toast strong { overflow:hidden; color:#eef5fa; font-size:12.5px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.dm360-alert-toast em { margin-top:3px; color:#78c9dc; font-size:9.5px; font-style:normal; font-weight:500; }
.dm360-alert-toast > b { color:#6e8a9f; font-size:9px; font-weight:600; }

.dm360-app-preview {
  position:relative;
  width:100%;
  overflow:hidden;
  padding:19px;
  border:1px solid rgba(152,204,235,.19);
  border-radius:23px;
  background:linear-gradient(145deg,rgba(9,29,44,.76),rgba(3,15,26,.67) 58%,rgba(15,25,43,.72));
  box-shadow:0 45px 110px rgba(0,0,0,.5),0 12px 35px rgba(28,93,137,.08),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(28px) saturate(125%);
}
.dm360-app-preview::before { content:""; position:absolute; top:0; left:8%; width:34%; height:1px; background:linear-gradient(90deg,transparent,rgba(89,194,239,.6),transparent); }
.dm360-app-preview__header { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:14px; }
.dm360-app-brand { display:flex; align-items:center; gap:11px; }
.dm360-app-brand__mark { display:flex; align-items:center; justify-content:center; width:39px; height:39px; border:1px solid rgba(107,184,225,.23); border-radius:11px; color:#6fc9ea; background:rgba(34,82,119,.25); }
.dm360-app-brand__mark svg { width:21px; height:21px; }
.dm360-app-brand small,.dm360-app-brand strong { display:block; }
.dm360-app-brand small { margin-bottom:2px; color:#6f8ca1; font-size:9px; font-weight:750; letter-spacing:1.3px; text-transform:uppercase; }
.dm360-app-brand strong { color:#eef5fa; font-size:17px; font-weight:600; }
.dm360-app-preview__tools { display:flex; align-items:center; gap:9px; }
.dm360-live-chip { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 10px; border:1px solid rgba(74,155,210,.18); border-radius:20px; color:#91cfe6; background:rgba(21,66,92,.25); font-size:10px; font-weight:650; }
.dm360-live-chip i { width:5px; height:5px; border-radius:50%; background:#53c8df; }
.dm360-app-preview__tools button { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 10px; border:1px solid rgba(135,177,205,.16); border-radius:9px; color:#a9bac6; background:rgba(2,13,22,.35); cursor:pointer; }
.dm360-app-preview__tools button svg { width:14px; height:14px; }
.dm360-app-preview__tools button span { font-size:10px; }

.dm360-ai-search { padding:10px; border:1px solid rgba(72,158,218,.25); border-radius:14px; background:linear-gradient(110deg,rgba(14,44,65,.6),rgba(6,20,33,.45)); }
.dm360-ai-search__label { display:flex; align-items:center; gap:7px; margin:0 0 7px 2px; color:#7fc9e7; font-size:11px; font-weight:650; }
.dm360-ai-search__label svg { width:15px; height:15px; color:#5bc6f1; }
.dm360-ai-search__field { display:flex; align-items:center; min-height:45px; padding:4px 5px 4px 14px; border:1px solid rgba(139,180,210,.16); border-radius:10px; color:#dce7ee; background:rgba(5,18,29,.72); }
.dm360-ai-search__field > span { flex:1; overflow:hidden; font-size:12.5px; font-weight:430; text-overflow:ellipsis; white-space:nowrap; }
.dm360-ai-search__field button { display:flex; flex:0 0 auto; align-items:center; justify-content:center; width:36px; height:36px; border:0; border-radius:9px; color:#fff; background:linear-gradient(135deg,#6f6df7,#3a91ed 60%,#38c8d8); box-shadow:0 7px 18px rgba(66,135,231,.28); cursor:pointer; }
.dm360-ai-search__field button svg { width:17px; height:17px; }

.dm360-app-preview__body { display:grid; grid-template-columns:1.08fr .92fr; gap:12px; margin-top:12px; }
.dm360-vehicle-result,.dm360-hero-market { min-width:0; border:1px solid rgba(132,177,208,.14); border-radius:15px; background:rgba(4,18,29,.42); }
.dm360-vehicle-result { padding:11px; }
.dm360-vehicle-result__bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; color:#849baa; font-size:10px; font-weight:650; }
.dm360-vehicle-result__bar span:last-child { display:flex; align-items:center; gap:6px; color:#6f98b0; }
.dm360-vehicle-result__bar i { width:5px; height:5px; border-radius:50%; background:#4bc6df; }
.dm360-vehicle-card { overflow:hidden; border:1px solid rgba(139,180,205,.17); border-radius:12px; background:rgba(8,27,41,.46); }
.dm360-vehicle-card__visual { position:relative; height:182px; overflow:hidden; background:linear-gradient(180deg,#fff,#f3f6f8 72%,#e9eef1); }
.dm360-vehicle-card__visual::after { content:""; position:absolute; right:8%; bottom:13px; left:8%; height:12px; border-radius:50%; background:rgba(5,21,31,.15); filter:blur(8px); }
.dm360-vehicle-card__visual img { position:absolute; z-index:2; left:50%; bottom:5px; width:94%; height:auto; transform:translateX(-50%); object-fit:contain; }
.dm360-route-chip { position:absolute; z-index:4; top:10px; right:10px; display:flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #d9e2e8; border-radius:9px; color:#557389; background:rgba(255,255,255,.9); box-shadow:0 8px 18px rgba(20,42,58,.08); font-size:8.5px; font-weight:650; }
.dm360-route-chip svg { width:13px; height:13px; color:#459ec3; }
.dm360-best-chip { position:absolute; z-index:4; bottom:10px; left:10px; display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:0 10px; border-radius:8px; color:#fff; background:#27669b; box-shadow:0 6px 14px rgba(31,79,124,.18); font-size:9px; font-weight:650; }
.dm360-best-chip svg { width:14px; height:14px; }
.dm360-vehicle-card__content { display:grid; grid-template-columns:minmax(0,1fr) 76px; gap:9px 12px; padding:13px; }
.dm360-vehicle-card__title small { display:block; margin-bottom:3px; color:#708ca0; font-size:8.5px; font-weight:750; letter-spacing:1px; text-transform:uppercase; }
.dm360-vehicle-card__title h2 { color:#f0f5f8; font-size:20px; font-weight:600; line-height:1.1; letter-spacing:-.6px; }
.dm360-vehicle-card__title p { margin-top:4px; color:#8094a4; font-size:10px; }
.dm360-score { display:flex; align-items:center; flex-direction:column; }
.dm360-score__ring { position:relative; width:58px; height:58px; }
.dm360-score__ring svg { width:100%; height:100%; transform:rotate(-90deg); }
.dm360-score__ring circle { fill:none; stroke-width:4; }
.dm360-score__track { stroke:rgba(88,146,193,.17); }
.dm360-score__progress { stroke:#49a4ee; stroke-dasharray:188.496; stroke-dashoffset:188.496; stroke-linecap:round; transition:stroke-dashoffset 1.3s cubic-bezier(.22,1,.36,1); }
.dm360-score__ring strong { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#eff6fb; font-size:16px; font-weight:700; letter-spacing:-.6px; }
.dm360-score__ring small { margin:2px 0 0 1px; color:#8fc7ee; font-size:7px; }
.dm360-score > span { margin-top:2px; color:#70899b; font-size:7.5px; font-weight:600; line-height:1.2; text-align:center; }
.dm360-home.is-visible .dm360-score__progress { stroke-dashoffset:7.54; }
.dm360-vehicle-card__facts { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.dm360-vehicle-card__facts > span { padding:8px 9px; border:1px solid rgba(127,169,199,.12); border-radius:9px; background:rgba(4,15,24,.3); }
.dm360-vehicle-card__facts small,.dm360-vehicle-card__facts strong { display:block; }
.dm360-vehicle-card__facts small { color:#668093; font-size:8px; font-weight:600; }
.dm360-vehicle-card__facts strong { margin-top:3px; overflow:hidden; color:#dce7ed; font-size:11px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.dm360-opportunity-row { grid-column:1/-1; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px 9px; border:1px solid rgba(73,142,199,.22); border-radius:10px; background:#123653; }
.dm360-opportunity-row__icon { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; color:#e5f4ff; background:#286a9d; }
.dm360-opportunity-row__icon svg { width:18px; height:18px; }
.dm360-opportunity-row small,.dm360-opportunity-row strong { display:block; }
.dm360-opportunity-row > span:nth-child(2) small { color:#8fb3cb; font-size:7.5px; }
.dm360-opportunity-row > span:nth-child(2) strong { margin-top:2px; color:#f0f6fa; font-size:11px; }
.dm360-opportunity-row > b { text-align:right; }
.dm360-opportunity-row > b strong { color:#73d49d; font-size:16px; }
.dm360-opportunity-row > b small { color:#7897aa; font-size:6.5px; font-weight:650; letter-spacing:.5px; text-transform:uppercase; }

.dm360-hero-market { display:flex; flex-direction:column; gap:9px; padding:11px; }
.dm360-hero-market__head { display:flex; align-items:flex-start; justify-content:space-between; }
.dm360-hero-market__head small,.dm360-hero-market__head strong { display:block; }
.dm360-hero-market__head small { margin-bottom:3px; color:#658399; font-size:8px; font-weight:750; letter-spacing:.8px; text-transform:uppercase; }
.dm360-hero-market__head strong { color:#e0eaf0; font-size:12px; font-weight:600; }
.dm360-hero-market__head > b { display:inline-flex; align-items:center; gap:5px; min-height:29px; padding:0 9px; border-radius:8px; color:#a8dbeb; background:#153d55; font-size:8px; font-weight:650; }
.dm360-hero-market__head > b i { width:5px; height:5px; border-radius:50%; background:#51c7df; }
.dm360-mini-map { position:relative; min-height:135px; overflow:hidden; border:1px solid rgba(98,149,185,.12); border-radius:10px; background:linear-gradient(145deg,rgba(9,33,50,.72),rgba(3,17,28,.75)); }
.dm360-mini-map::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(77,137,178,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(77,137,178,.3) 1px,transparent 1px); background-size:22px 22px; }
.dm360-mini-map svg { position:absolute; inset:7%; width:86%; height:86%; }
.dm360-mini-map__land { fill:rgba(32,73,100,.45); stroke:rgba(84,143,183,.42); stroke-width:1.6; }
.dm360-mini-map__route { fill:none; stroke-width:6; stroke-linecap:round; stroke-dasharray:14 10; }
.dm360-mini-map__node { stroke:#d6f2ff; stroke-width:4; }
.dm360-mini-map__node--source { fill:#3ca9e8; }
.dm360-mini-map__node--target { fill:#7a6fff; }
.dm360-mini-map__label { position:absolute; color:#b9cad5; font-size:8px; font-weight:600; }
.dm360-mini-map__label--source { left:43%; top:64%; }
.dm360-mini-map__label--target { right:13%; top:31%; }
.dm360-mini-map__signal { position:absolute; right:9px; bottom:9px; padding:6px 8px; border-radius:7px; color:#dfefff; background:#274e80; font-size:7.5px; font-weight:650; }
.dm360-demand-chart { display:grid; grid-template-columns:1fr 45%; gap:8px; align-items:end; min-height:61px; padding:8px 9px; border:1px solid rgba(105,151,183,.12); border-radius:9px; background:rgba(8,29,43,.55); }
.dm360-demand-chart small,.dm360-demand-chart strong { display:block; }
.dm360-demand-chart small { color:#657f91; font-size:7.5px; }
.dm360-demand-chart strong { margin-top:3px; color:#9fb4c1; font-size:8.5px; font-weight:600; }
.dm360-demand-chart > div { position:relative; height:43px; }
.dm360-demand-chart > div b { position:absolute; z-index:2; top:0; right:0; color:#87c9f5; font-size:10px; }
.dm360-demand-chart svg { position:absolute; right:0; bottom:0; width:100%; height:38px; }
.dm360-demand-chart__fill { stroke:none; opacity:0; transition:opacity .5s ease .5s; }
.dm360-demand-chart__line { fill:none; stroke-width:2.2; stroke-dasharray:230; stroke-dashoffset:230; transition:stroke-dashoffset 1.25s ease .2s; }
.dm360-home.is-visible .dm360-demand-chart__fill { opacity:1; }
.dm360-home.is-visible .dm360-demand-chart__line { stroke-dashoffset:0; }
.dm360-more-results { padding:8px; border:1px solid rgba(108,154,185,.11); border-radius:10px; background:rgba(4,17,27,.42); }
.dm360-more-results__head { display:flex; justify-content:space-between; margin-bottom:5px; color:#8ca0ad; }
.dm360-more-results__head strong { font-size:8.5px; }
.dm360-more-results__head small { color:#60778a; font-size:7px; }
.dm360-more-results article { display:grid; grid-template-columns:53px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:53px; padding:5px 0; border-top:1px solid rgba(113,154,183,.09); }
.dm360-more-results article > span { display:flex; align-items:center; justify-content:center; height:42px; overflow:hidden; border-radius:7px; background:#fff; }
.dm360-more-results article img { width:100%; height:100%; object-fit:contain; }
.dm360-more-results article small,.dm360-more-results article strong,.dm360-more-results article em { display:block; }
.dm360-more-results article div small { color:#627f91; font-size:6.8px; text-transform:uppercase; }
.dm360-more-results article div strong { margin-top:1px; color:#d5e1e8; font-size:9.5px; font-weight:600; }
.dm360-more-results article div em { margin-top:2px; color:#688092; font-size:7px; font-style:normal; }
.dm360-more-results article > b { color:#79b7e9; font-size:11px; text-align:right; }
.dm360-more-results article > b small { margin-top:2px; color:#638293; font-size:6px; }
.dm360-member-lock { display:grid; grid-template-columns:28px minmax(0,1fr) 15px; gap:8px; align-items:center; padding:8px 9px; border:1px solid rgba(111,166,201,.15); border-radius:9px; color:#b6c7d3!important; background:rgba(14,37,54,.62); }
.dm360-member-lock > svg:first-child { width:17px; height:17px; color:#75bfe2; }
.dm360-member-lock > svg:last-child { width:14px; height:14px; color:#668aa0; }
.dm360-member-lock small,.dm360-member-lock strong { display:block; }
.dm360-member-lock small { color:#66869a; font-size:6.8px; text-transform:uppercase; }
.dm360-member-lock strong { margin-top:2px; overflow:hidden; color:#adc0cb; font-size:8px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }

/* LIGHT INTRO */
.dm360-intro { padding:116px 0 128px; background:linear-gradient(180deg,#f7f9fb,#eff4f7); }
.dm360-value-grid { display:grid; grid-template-columns:1.25fr .75fr .75fr; gap:18px; }
.dm360-value-card { position:relative; overflow:hidden; min-height:330px; padding:31px; border:1px solid var(--dm-border-light); border-radius:22px; background:#fff; box-shadow:0 20px 55px rgba(42,65,84,.07); }
.dm360-value-card--featured { display:grid; grid-template-columns:minmax(0,1fr) .88fr; grid-column:span 1; gap:30px; }
.dm360-icon-tile { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:28px; border:1px solid #d7e4ec; border-radius:14px; color:#3479bd; background:#eef6fb; }
.dm360-icon-tile svg { width:23px; height:23px; }
.dm360-value-card small,.dm360-capability-card > small { display:block; margin-bottom:9px; color:#527da2; font-size:10px; font-weight:750; letter-spacing:1.5px; text-transform:uppercase; }
.dm360-value-card h3,.dm360-capability-card h3 { font-size:clamp(24px,2vw,34px); font-weight:550; line-height:1.14; letter-spacing:-1.2px; }
.dm360-value-card p,.dm360-capability-card p { margin-top:15px; color:#627283; font-size:15px; line-height:1.68; }
.dm360-value-card__visual { display:flex; flex-direction:column; justify-content:center; gap:15px; min-width:0; }
.dm360-query-demo { display:flex; align-items:center; gap:8px; padding:13px 14px; border:1px solid #d8e5ed; border-radius:11px; color:#426479; background:#f8fbfd; font-size:11px; font-weight:550; }
.dm360-query-demo svg { width:16px; height:16px; color:#4389c2; }
.dm360-match-strip { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid #dce6ec; border-radius:13px; background:#fff; box-shadow:0 13px 30px rgba(44,74,94,.08); }
.dm360-match-strip span { display:flex; align-items:center; gap:9px; min-width:0; }
.dm360-match-strip img { width:82px; height:44px; object-fit:contain; }
.dm360-match-strip b { color:#233b4d; font-size:12px; font-weight:650; }
.dm360-match-strip > strong { color:#2f74b5; font-size:22px; }

/* MARKET SECTION */
.dm360-market-section { padding:116px 0 126px; background:radial-gradient(circle at 80% 15%,rgba(58,117,210,.13),transparent 30%),linear-gradient(180deg,#030b14,#061321); }
.dm360-market-console { overflow:hidden; border:1px solid rgba(126,191,231,.18); border-radius:26px; background:rgba(5,20,34,.75); box-shadow:0 38px 100px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter:blur(26px); }
.dm360-market-console__toolbar { display:grid; grid-template-columns:minmax(240px,1fr) auto auto; gap:20px; align-items:center; padding:18px 20px; border-bottom:1px solid rgba(125,181,217,.12); background:rgba(8,28,43,.7); }
.dm360-market-console__vehicle { display:flex; align-items:center; gap:11px; }
.dm360-market-console__vehicle > span { display:flex; align-items:center; justify-content:center; width:39px; height:39px; border-radius:11px; color:#6fc7e7; background:rgba(46,112,151,.24); }
.dm360-market-console__vehicle svg { width:19px; height:19px; }
.dm360-market-console__vehicle small,.dm360-market-console__vehicle strong { display:block; }
.dm360-market-console__vehicle small { color:#6d8ca0; font-size:9px; text-transform:uppercase; }
.dm360-market-console__vehicle strong { margin-top:2px; color:#e8f1f6; font-size:13px; font-weight:600; }
.dm360-market-console__tabs { display:flex; gap:5px; padding:4px; border:1px solid rgba(128,179,211,.13); border-radius:10px; background:rgba(2,14,24,.45); }
.dm360-market-console__tabs button { min-height:34px; padding:0 12px; border:0; border-radius:7px; color:#728da1; background:transparent; font-size:10px; font-weight:650; cursor:pointer; transition:color .2s ease,background .2s ease; }
.dm360-market-console__tabs button.is-active { color:#fff; background:#225f9e; }
.dm360-market-console__live { display:inline-flex; align-items:center; gap:7px; color:#7899ad; font-size:9px; font-weight:600; }
.dm360-market-console__live i { width:6px; height:6px; border-radius:50%; background:#47bed8; }
.dm360-market-console__body { display:grid; grid-template-columns:minmax(0,1.52fr) minmax(310px,.48fr); min-height:610px; }
.dm360-na-map { position:relative; min-width:0; overflow:hidden; border-right:1px solid rgba(126,180,214,.12); background:radial-gradient(circle at 20% 72%,rgba(54,213,124,.10),transparent 26%),radial-gradient(circle at 86% 52%,rgba(255,86,97,.11),transparent 25%),linear-gradient(145deg,rgba(5,20,34,.88),rgba(2,13,23,.96)); }
.dm360-na-map::before { content:""; position:absolute; inset:0; opacity:.14; pointer-events:none; background-image:radial-gradient(circle,rgba(113,178,220,.55) 1px,transparent 1.1px); background-size:9px 9px; mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 88%,transparent); }
.dm360-na-map::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 78% 44%, rgba(255,35,61,.20), transparent 18%), radial-gradient(circle at 88% 54%, rgba(255,24,48,.13), transparent 25%), radial-gradient(circle at 24% 40%, rgba(55,227,133,.11), transparent 20%); mix-blend-mode:screen; }
.dm360-na-map__regional-zone.is-hot .dm360-na-map__regional-soft { filter:drop-shadow(0 0 16px rgba(255,25,50,.28)); }
.dm360-na-map__regional-zone.is-hot .dm360-na-map__regional-mid { filter:drop-shadow(0 0 8px rgba(255,30,53,.22)); }
.dm360-na-map__regional-zone.is-green .dm360-na-map__regional-soft { filter:drop-shadow(0 0 14px rgba(49,225,132,.18)); }

.dm360-na-map > svg { position:absolute; inset:4.6% 3.3% 13%; width:93.4%; height:82%; overflow:visible; }
.dm360-na-map__land path { fill:rgba(10,35,57,.72); stroke:rgba(83,156,204,.72); stroke-width:1.35; vector-effect:non-scaling-stroke; }
.dm360-na-map__land .dm360-na-map__mexico { opacity:.45; }
.dm360-na-map__grid { opacity:.46; }
.dm360-na-map__interior path { fill:none; stroke:rgba(90,149,190,.12); stroke-width:1; stroke-dasharray:5 7; }
.dm360-na-map__boundaries path { fill:none; stroke:rgba(114,170,208,.12); stroke-width:.85; vector-effect:non-scaling-stroke; }
.dm360-na-map__regional-field { mix-blend-mode:screen; opacity:1; pointer-events:none; }
.dm360-na-map__regional-zone { transform-box:fill-box; transform-origin:center; }
.dm360-na-map__regional-soft,
.dm360-na-map__regional-mid { pointer-events:none; }
.dm360-na-map__regional-cell { vector-effect:non-scaling-stroke; }
.dm360-na-map__regional-cell--soft { opacity:.25; }
.dm360-na-map__regional-cell--mid { opacity:.38; }
.dm360-na-map__regional-cell--dot { opacity:.76; }
.dm360-na-map__regional-cell--spark { opacity:.92; stroke:currentColor; stroke-width:.45; }
.dm360-na-map__regional-zone.is-blue .dm360-na-map__regional-cell { fill:#137be1; }
.dm360-na-map__regional-zone.is-cyan .dm360-na-map__regional-cell { fill:#27d1cb; }
.dm360-na-map__regional-zone.is-green { color:#4ee493; }
.dm360-na-map__regional-zone.is-green .dm360-na-map__regional-cell { fill:#34dd84; }
.dm360-na-map__regional-zone.is-violet .dm360-na-map__regional-cell { fill:#735fe8; }
.dm360-na-map__regional-zone.is-amber .dm360-na-map__regional-cell { fill:#f7c954; }
.dm360-na-map__regional-zone.is-coral { color:#ff6b52; }
.dm360-na-map__regional-zone.is-coral .dm360-na-map__regional-cell { fill:#ff5a43; }
.dm360-na-map__regional-zone.is-coral .dm360-na-map__regional-cell--spark { fill:#ff8b67; stroke:#ffc0a0; }
.dm360-na-map__regional-zone.is-hot { color:#ff4254; mix-blend-mode:normal; filter:drop-shadow(0 0 8px rgba(255,38,60,.28)) drop-shadow(0 0 18px rgba(255,25,50,.16)); }
.dm360-na-map__regional-zone.is-hot .dm360-na-map__regional-cell--soft { fill:#7a0f23; opacity:.24; }
.dm360-na-map__regional-zone.is-hot .dm360-na-map__regional-cell--mid { fill:#dc1737; opacity:.44; }
.dm360-na-map__regional-zone.is-hot .dm360-na-map__regional-cell--dot { fill:#ff2141; opacity:.84; }
.dm360-na-map__regional-zone.is-hot .dm360-na-map__regional-cell--spark { fill:#ff503f; opacity:.94; stroke:#ff7d68; stroke-width:.28; }
.dm360-na-map__regional-label { pointer-events:none; }
.dm360-na-map__regional-label rect { fill:rgba(4,14,24,.96); stroke:rgba(148,211,245,.34); stroke-width:1.1; rx:8; filter:drop-shadow(0 4px 12px rgba(0,0,0,.18)); }
.dm360-na-map__regional-label.is-blue rect { stroke:rgba(61,162,235,.34); }
.dm360-na-map__regional-label.is-cyan rect { stroke:rgba(61,204,222,.34); }
.dm360-na-map__regional-label.is-violet rect { stroke:rgba(135,114,239,.34); }
.dm360-na-map__regional-label.is-amber rect { stroke:rgba(242,183,72,.36); }
.dm360-na-map__regional-label.is-coral rect,
.dm360-na-map__regional-label.is-hot rect { stroke:rgba(255,112,74,.40); }
.dm360-na-map__regional-label text { font-family:Inter,Arial,sans-serif; dominant-baseline:middle; paint-order:stroke fill; stroke:rgba(2,10,17,.85); stroke-width:2px; stroke-linejoin:round; }
.dm360-na-map__regional-label .dm360-region-label__city { fill:#e1edf4; font-size:8.1px; font-weight:700; letter-spacing:.2px; }
.dm360-na-map__regional-label .dm360-region-label__price { fill:#eef7fb; font-size:10.6px; font-weight:760; }
.dm360-na-map__regional-label.is-blue .dm360-region-label__price { fill:#65b9f3; }
.dm360-na-map__regional-label.is-cyan .dm360-region-label__price { fill:#68d9e8; }
.dm360-na-map__regional-label.is-violet .dm360-region-label__price { fill:#ad9cff; }
.dm360-na-map__regional-label.is-amber .dm360-region-label__price { fill:#ffd16c; }
.dm360-na-map__regional-label.is-coral .dm360-region-label__price,
.dm360-na-map__regional-label.is-hot .dm360-region-label__price { fill:#ff9270; }

.dm360-na-map__state-labels { pointer-events:none; }
.dm360-na-map__state-label { opacity:.98; }
.dm360-na-map__state-label text { font-family:Inter,Arial,sans-serif; letter-spacing:.18px; paint-order:stroke fill; stroke:rgba(2,10,17,.92); stroke-width:3.2px; stroke-linejoin:round; }
.dm360-na-map__state-label .dm360-state-label__name { fill:#f1f7fb; font-size:9.2px; font-weight:760; }
.dm360-na-map__state-label .dm360-state-label__price { fill:#ffffff; font-size:9.2px; font-weight:760; }
.dm360-na-map__state-label.is-code-only .dm360-state-label__name { font-size:10.2px; letter-spacing:.7px; }
.dm360-na-map__state-label.is-green .dm360-state-label__price { fill:#6ff1a8; }
.dm360-na-map__state-label.is-cyan .dm360-state-label__price { fill:#7adff2; }
.dm360-na-map__state-label.is-violet .dm360-state-label__price { fill:#ab99ff; }
.dm360-na-map__state-label.is-amber .dm360-state-label__price { fill:#ffd56e; }
.dm360-na-map__state-label.is-coral .dm360-state-label__price,
.dm360-na-map__state-label.is-hot .dm360-state-label__price { fill:#ff6a62; }

.dm360-na-map__heat-cluster {
  mix-blend-mode:screen;
  opacity:var(--dm360-cluster-strength,.9);
  transform-box:fill-box;
  transform-origin:center center;
  transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease;
}
.dm360-na-map__heat-layer,
.dm360-na-map__cluster-cloud,
.dm360-na-map__cluster-hotspots { pointer-events:none; }
.dm360-na-map__heat-cell { transition:opacity .55s ease, r .55s ease; }
.dm360-na-map__heat-cluster--source .dm360-na-map__heat-cell--soft { fill:#2dcf74; }
.dm360-na-map__heat-cluster--source .dm360-na-map__heat-cell--mid { fill:#76f3a9; }
.dm360-na-map__heat-cluster--source .dm360-na-map__heat-cell--hot { fill:#dfffe9; }
.dm360-na-map__heat-cluster--target .dm360-na-map__heat-cell--soft { fill:#9b1730; }
.dm360-na-map__heat-cluster--target .dm360-na-map__heat-cell--mid { fill:#f62d45; }
.dm360-na-map__heat-cluster--target .dm360-na-map__heat-cell--hot { fill:#ff735f; }
.dm360-na-map__heat-cell--soft { opacity:.18; }
.dm360-na-map__heat-cell--mid { opacity:.22; }
.dm360-na-map__heat-cell--hot { opacity:.34; }
.dm360-na-map__route-shadow { fill:none; stroke:transparent; stroke-width:0; filter:none; }
.dm360-na-map__route { fill:none; stroke-width:3.6; stroke-linecap:round; opacity:.96; transition:d .55s ease; filter:drop-shadow(0 0 6px rgba(255,112,94,.22)) drop-shadow(0 0 6px rgba(74,221,133,.16)); }
.dm360-na-map__route-signal { fill:none; stroke:rgba(255,255,255,.98); stroke-width:1.25; stroke-linecap:round; stroke-dasharray:32 248; animation:dm360-route-signal 2.9s linear infinite; filter:drop-shadow(0 0 4px rgba(255,255,255,.55)); }
.dm360-na-map__cities circle { fill:#6ab5df; opacity:.20; }
.dm360-na-map__ambient-markets { mix-blend-mode:screen; }
.dm360-na-map__ambient-group { opacity:.92; }
.dm360-na-map__ambient-cell { filter:drop-shadow(0 0 5px currentColor); }
.dm360-na-map__ambient-group.is-blue { color:#2c9fe8; }
.dm360-na-map__ambient-group.is-cyan { color:#42c7d8; }
.dm360-na-map__ambient-group.is-violet { color:#7c6cf1; }
.dm360-na-map__ambient-group.is-amber { color:#f2b455; }
.dm360-na-map__ambient-group.is-coral { color:#f67d59; }
.dm360-na-map__ambient-group .dm360-na-map__ambient-cell--halo { fill:currentColor; opacity:.16; }
.dm360-na-map__ambient-group .dm360-na-map__ambient-cell--mid { fill:currentColor; opacity:.26; }
.dm360-na-map__ambient-group .dm360-na-map__ambient-cell--hot { fill:#e8f5ff; opacity:.86; stroke:currentColor; stroke-width:1.5; }
.dm360-na-map__point { transition:transform .55s cubic-bezier(.22,1,.36,1); }
.dm360-na-map__point-ring { fill:rgba(255,255,255,.02); stroke-width:1.7; opacity:.68; filter:drop-shadow(0 0 8px rgba(148,225,255,.18)); }
.dm360-na-map__point-core { stroke:#f1fbff; stroke-width:2.1; filter:drop-shadow(0 0 10px rgba(255,255,255,.14)); }
.dm360-na-map__point-center { fill:#f4fbff; opacity:.96; }
.dm360-na-map__point--source .dm360-na-map__point-ring { stroke:#6ff1a8; }
.dm360-na-map__point--source .dm360-na-map__point-core { fill:#38d97d; }
.dm360-na-map__point--target .dm360-na-map__point-ring { stroke:#ff7f8a; }
.dm360-na-map__point--target .dm360-na-map__point-core { fill:#ff555c; }
.dm360-na-map__market-card { position:absolute; width:172px; padding:13px 14px; border:1px solid rgba(147,194,223,.18); border-radius:14px; color:#e9f2f7; background:linear-gradient(180deg,rgba(5,20,32,.92),rgba(3,16,27,.90)); box-shadow:0 18px 42px rgba(0,0,0,.26); backdrop-filter:blur(14px); transition:left .55s ease,top .55s ease,right .55s ease; }
.dm360-na-map__market-card--source { left:16%; top:56%; border-color:rgba(71,223,127,.34); box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 0 0 1px rgba(71,223,127,.06); }
.dm360-na-map__market-card--target { right:8%; top:31%; border-color:rgba(255,86,95,.34); box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,86,95,.05); }
.dm360-na-map__market-card small,.dm360-na-map__market-card strong,.dm360-na-map__market-card b,.dm360-na-map__market-card span { display:block; }
.dm360-na-map__market-card small { color:#6f96ad; font-size:8.2px; font-weight:760; letter-spacing:1px; text-transform:uppercase; }
.dm360-na-map__market-card--source small { color:#67ef9c; }
.dm360-na-map__market-card--target small { color:#ff6a62; }
.dm360-na-map__market-card strong { margin-top:5px; font-size:12.8px; font-weight:620; }
.dm360-na-map__market-card b { margin-top:4px; color:#6ef0a0; font-size:19px; font-weight:700; letter-spacing:-.6px; }
.dm360-na-map__market-card--target b { color:#ff645d; }
.dm360-na-map__market-card span { margin-top:5px; color:#9bb0bf; font-size:9px; line-height:1.5; }
.dm360-na-map__legend { position:absolute; right:22px; bottom:20px; left:22px; display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 16px; border:1px solid rgba(126,178,211,.11); border-radius:12px; color:#90a7b6; background:rgba(4,17,27,.72); font-size:8.5px; }
.dm360-na-map__legend span { display:inline-flex; align-items:center; gap:7px; }
.dm360-na-map__legend-label { color:#8ea4b3; font-size:8px; font-weight:600; letter-spacing:.2px; text-transform:uppercase; }
.dm360-na-map__legend-bar { flex:0 1 280px; width:min(34vw,280px); height:10px; padding:2px; border:1px solid rgba(126,178,211,.16); border-radius:999px; background:rgba(4,17,27,.5); }
.dm360-na-map__legend-bar i { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#37d98c 0%, #6fd3ff 22%, #8b74ff 48%, #ffd057 72%, #ff4e55 100%); box-shadow:0 0 12px rgba(255,91,88,.22), 0 0 10px rgba(73,220,130,.12); }

.dm360-market-summary { display:flex; flex-direction:column; padding:34px 28px; background:linear-gradient(180deg,rgba(12,36,53,.78),rgba(6,21,33,.92)); }
.dm360-market-summary__eyebrow { display:flex; align-items:center; gap:8px; color:#72c7e5; font-size:9px; font-weight:750; letter-spacing:1.2px; text-transform:uppercase; }
.dm360-market-summary__eyebrow svg { width:15px; height:15px; }
.dm360-market-summary h3 { margin-top:16px; color:#f0f6fa; font-size:31px; font-weight:550; line-height:1.15; letter-spacing:-1.2px; }
.dm360-market-summary h3 i { color:#718c9e; font-style:normal; font-weight:350; }
.dm360-market-summary > p { margin-top:15px; color:#91a7b5; font-size:13px; line-height:1.7; }
.dm360-market-summary__spread { margin-top:24px; padding:20px; border:1px solid rgba(69,150,199,.2); border-radius:15px; background:linear-gradient(135deg,rgba(39,108,161,.3),rgba(16,54,76,.28)); }
.dm360-market-summary__spread small,.dm360-market-summary__spread strong,.dm360-market-summary__spread span { display:block; }
.dm360-market-summary__spread small { color:#7e9daf; font-size:8.5px; text-transform:uppercase; }
.dm360-market-summary__spread strong { margin-top:8px; color:#eaf5fb; font-size:34px; font-weight:600; letter-spacing:-1.5px; }
.dm360-market-summary__spread span { margin-top:5px; color:#71c6e1; font-size:10px; font-weight:600; }
.dm360-market-summary dl { margin:22px 0 0; }
.dm360-market-summary dl > div { display:flex; justify-content:space-between; gap:18px; padding:12px 0; border-bottom:1px solid rgba(125,174,205,.1); }
.dm360-market-summary dt { color:#6f8899; font-size:9px; }
.dm360-market-summary dd { margin:0; color:#d2dfe6; font-size:10px; font-weight:600; text-align:right; }
.dm360-market-summary .dm360-button { margin-top:auto; }
.dm360-market-summary__note { display:block; margin-top:11px; color:#587183; font-size:7.5px; text-align:center; }

/* CAPABILITIES */
.dm360-capabilities { padding:116px 0 128px; background:linear-gradient(180deg,#f6f8fa,#edf2f5); }
.dm360-capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.dm360-capability-card { position:relative; overflow:hidden; min-height:350px; padding:28px; border:1px solid var(--dm-border-light); border-radius:21px; background:#fff; box-shadow:0 18px 50px rgba(42,65,84,.06); }
.dm360-capability-card--wide { display:grid; grid-template-columns:.8fr 1.2fr; grid-column:span 2; gap:28px; }
.dm360-capability-card .dm360-icon-tile { margin-bottom:24px; }
.dm360-search-ui { align-self:center; padding:17px; border:1px solid #dae5ec; border-radius:16px; background:#f7fafc; }
.dm360-search-ui > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.dm360-search-ui span { padding:10px; border:1px solid #dce7ed; border-radius:9px; color:#748594; background:#fff; font-size:8px; }
.dm360-search-ui span strong { display:block; margin-top:4px; color:#253d4f; font-size:11px; }
.dm360-search-ui button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:43px; margin-top:10px; border:0; border-radius:9px; color:#fff; background:#2d74ba; font-size:10px; }
.dm360-search-ui button svg { width:15px; height:15px; }
.dm360-notification-demo,.dm360-offer-demo,.dm360-lock-demo { position:absolute; right:24px; bottom:24px; left:24px; display:flex; align-items:center; gap:10px; min-height:66px; padding:11px 13px; border:1px solid #dce7ed; border-radius:12px; background:#f8fbfd; }
.dm360-notification-demo > i { display:flex; align-items:center; justify-content:center; width:37px; height:37px; border-radius:10px; color:#3d7fbb; background:#e9f3fa; }
.dm360-notification-demo svg { width:18px; height:18px; }
.dm360-notification-demo span { flex:1; }
.dm360-notification-demo small,.dm360-notification-demo strong { display:block; }
.dm360-notification-demo small { color:#7a8995; font-size:8px; }
.dm360-notification-demo strong { color:#20394a; font-size:11px; }
.dm360-notification-demo b { color:#4f7895; font-size:8px; }
.dm360-gap-demo { position:absolute; right:24px; bottom:24px; left:24px; display:grid; grid-template-columns:1fr 30px 1fr; gap:8px; align-items:center; padding:13px; border:1px solid #dce7ed; border-radius:12px; background:#f8fbfd; }
.dm360-gap-demo span { color:#748594; font-size:8px; }
.dm360-gap-demo span b { display:block; margin-top:4px; color:#20394a; font-size:15px; }
.dm360-gap-demo > svg { width:20px; height:20px; color:#3c83bc; }
.dm360-offer-demo { justify-content:space-between; }
.dm360-offer-demo small,.dm360-offer-demo strong { display:block; }
.dm360-offer-demo small { color:#778794; font-size:8px; }
.dm360-offer-demo strong { margin-top:3px; color:#1e3648; font-size:16px; }
.dm360-offer-demo button { min-height:35px; padding:0 12px; border:0; border-radius:8px; color:#fff; background:#2d74ba; font-size:9px; }
.dm360-lock-demo { justify-content:center; color:#4c7899; font-size:10px; font-weight:600; }
.dm360-lock-demo svg { width:18px; height:18px; }

/* FLOW */
.dm360-flow { padding:112px 0 122px; background:radial-gradient(circle at 20% 60%,rgba(55,120,204,.1),transparent 26%),linear-gradient(180deg,#04101b,#071725); }
.dm360-flow-grid { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.dm360-flow-grid::before { content:""; position:absolute; top:61px; right:9%; left:9%; height:1px; background:linear-gradient(90deg,transparent,rgba(73,158,218,.55),rgba(125,104,255,.4),transparent); }
.dm360-flow-grid article { position:relative; z-index:2; min-height:270px; padding:24px; border:1px solid rgba(133,184,216,.14); border-radius:18px; background:rgba(8,28,43,.62); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.dm360-flow-grid article > b { position:absolute; top:18px; right:20px; color:#3e6177; font-size:10px; font-weight:700; letter-spacing:1px; }
.dm360-flow-icon { display:flex; align-items:center; justify-content:center; width:72px; height:72px; margin-bottom:25px; border:1px solid rgba(93,177,224,.22); border-radius:20px; color:#73c8e8; background:linear-gradient(145deg,rgba(43,110,151,.27),rgba(83,71,164,.18)); }
.dm360-flow-icon svg { width:29px; height:29px; }
.dm360-flow-grid h3 { color:#eef5f9; font-size:20px; font-weight:550; letter-spacing:-.5px; }
.dm360-flow-grid p { margin-top:12px; color:#879dab; font-size:13px; line-height:1.65; }

/* MEMBERSHIP */
.dm360-membership { padding:120px 0 132px; background:linear-gradient(135deg,#f7f9fb,#eef3f7); }
.dm360-membership__grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:72px; align-items:center; }
.dm360-membership__copy h2 { font-size:clamp(40px,4vw,64px); font-weight:500; line-height:1.04; letter-spacing:-2.5px; }
.dm360-membership__copy p { margin-top:23px; color:#627282; font-size:16px; line-height:1.75; }
.dm360-membership__copy .dm360-button { margin-top:28px; }
.dm360-access-compare { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.dm360-access-compare article { padding:28px; border:1px solid #dce5ec; border-radius:22px; background:#fff; box-shadow:0 20px 55px rgba(41,66,85,.07); }
.dm360-access-compare article > span { display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin-bottom:22px; border-radius:13px; color:#3f7eb4; background:#eef5fa; }
.dm360-access-compare article > span svg { width:22px; height:22px; }
.dm360-access-compare article > small { color:#5f809c; font-size:9px; font-weight:750; letter-spacing:1.3px; text-transform:uppercase; }
.dm360-access-compare h3 { margin-top:8px; font-size:24px; font-weight:550; line-height:1.18; letter-spacing:-.8px; }
.dm360-access-compare ul { display:grid; gap:11px; margin:22px 0 0; padding:0; list-style:none; }
.dm360-access-compare li { display:flex; align-items:flex-start; gap:9px; color:#5e7180; font-size:12px; line-height:1.5; }
.dm360-access-compare li svg { flex:0 0 auto; width:16px; height:16px; margin-top:1px; color:#3d83b9; }
.dm360-access-compare .is-member { color:#eef5f9; border-color:#173a55; background:linear-gradient(150deg,#0d2638,#071724); box-shadow:0 24px 60px rgba(17,43,62,.18); }
.dm360-access-compare .is-member > span { color:#8ad4ec; background:#153d56; }
.dm360-access-compare .is-member > small { color:#73a7c2; }
.dm360-access-compare .is-member h3 { color:#f3f7fa; }
.dm360-access-compare .is-member li { color:#a6b7c3; }
.dm360-access-compare .is-member li svg { color:#6ec5df; }
.dm360-access-compare .is-member > a { display:inline-flex; align-items:center; gap:8px; margin-top:24px; color:#8cd8ec!important; font-size:11px; font-weight:650; }
.dm360-access-compare .is-member > a svg { width:16px; height:16px; }

/* INTEGRATIONS */
.dm360-integrations {
  min-height:0;
  overflow:hidden;
  padding:40px 0 34px;
  background:
    linear-gradient(90deg,rgba(1,7,13,.05) 0%,rgba(1,7,13,.12) 23%,rgba(1,7,13,.46) 48%,rgba(1,7,13,.66) 100%),
    linear-gradient(180deg,rgba(1,8,15,.08),rgba(1,8,15,.34)),
    var(--dm360-integration-bg) center/cover no-repeat,
    linear-gradient(135deg,#061523,#020a13);
}
.dm360-integrations::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 0 0;
  height:24%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(1,8,15,.72));
}
.dm360-integrations__wash {
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 42%,rgba(32,139,225,.12),transparent 34%),
    radial-gradient(circle at 37% 60%,rgba(24,102,171,.08),transparent 31%);
}
.dm360-integrations__shell { position:relative; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; }
.dm360-integrations__panel {
  position:relative;
  width:min(96%,1320px);
  margin:0 auto;
  overflow:hidden;
  padding:32px 38px 23px;
  border:1px solid rgba(113,197,255,.24);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(7,29,48,.34),rgba(2,15,28,.18) 58%,rgba(7,24,39,.30)),
    radial-gradient(circle at 18% 0%,rgba(124,199,255,.07),transparent 26%),
    radial-gradient(circle at 82% 8%,rgba(111,196,255,.05),transparent 22%),
    radial-gradient(circle at 50% 46%,rgba(34,126,199,.05),transparent 42%);
  box-shadow:
    0 42px 100px rgba(0,0,0,.34),
    0 0 0 1px rgba(47,152,235,.04),
    0 0 52px rgba(38,139,218,.08),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 88px rgba(24,107,170,.03);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}

.dm360-integrations__panel::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(118deg,rgba(188,232,255,.72) 0%,rgba(91,176,233,.10) 19%,rgba(48,153,237,.03) 34%,rgba(52,159,235,.10) 57%,rgba(184,233,255,.68) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.dm360-integrations__panel::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(140px 3px at 20% 0%, rgba(176,231,255,.95), transparent 72%),
    radial-gradient(160px 3px at 78% 0%, rgba(148,220,255,.82), transparent 74%),
    radial-gradient(3px 150px at 100% 26%, rgba(116,213,255,.55), transparent 78%),
    radial-gradient(3px 130px at 0% 74%, rgba(116,213,255,.28), transparent 78%);
}
.dm360-integrations__heading { position:relative; z-index:2; margin-bottom:10px; text-align:center; }
.dm360-integrations__heading h2 {
  margin:0;
  color:#f1f5f8;
  font-size:clamp(29px,2.25vw,41px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:2.8px;
  text-transform:uppercase;
  text-shadow:0 8px 28px rgba(0,0,0,.28);
}
.dm360-integrations__heading strong {
  display:block;
  margin-top:7px;
  color:#69b9f2;
  font-size:clamp(17px,1.7vw,25px);
  font-weight:500;
  letter-spacing:.1px;
}
.dm360-integrations__heading p {
  margin:4px auto 0!important;
  color:#a8bdcc;
  font-size:clamp(12px,1vw,15px);
  font-weight:400;
}
.dm360-integration-stage { position:relative; z-index:2; width:100%; height:clamp(350px,22vw,410px); min-height:0; }
.dm360-integration-cables { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; }
.dm360-integration-cables path { fill:none; vector-effect:non-scaling-stroke; }
.dm360-cable__base {
  stroke:rgba(96,190,238,.34);
  stroke-width:1.1;
  filter:drop-shadow(0 0 4px rgba(83,186,239,.12));
}
.dm360-cable__signal {
  fill:none;
  vector-effect:non-scaling-stroke;
  animation-duration:3.9s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-delay:var(--dm360-signal-delay,0s);
  will-change:stroke-dashoffset;
}
.dm360-cable__signal--soft {
  stroke:rgba(255,255,255,.12);
  stroke-width:5.2;
  stroke-linecap:round;
  stroke-dasharray:18 82;
  stroke-dashoffset:100;
  filter:blur(1.8px);
  animation-name:dm360-signal-soft;
}
.dm360-cable__signal--mid {
  stroke:rgba(255,255,255,.34);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:10 90;
  stroke-dashoffset:100;
  filter:blur(.5px);
  animation-name:dm360-signal-mid;
}
.dm360-cable__signal--core {
  stroke:rgba(255,255,255,.96);
  stroke-width:1.05;
  stroke-linecap:round;
  stroke-dasharray:4 96;
  stroke-dashoffset:100;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.42));
  animation-name:dm360-signal-core;
}
.dm360-cable__port {
  fill:#e3f7ff;
  stroke:#48baf9;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 6px rgba(64,184,249,.9));
}
.dm360-cable__port--target { fill:#8edcff; }
.dm360-integrations__panel:not(.is-revealed) .dm360-cable__signal { animation-play-state:paused; }
@keyframes dm360-signal-soft { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes dm360-signal-mid { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes dm360-signal-core { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }

.dm360-integration-card {
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(137,211,255,.22);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(10,38,61,.34),rgba(3,19,34,.18)),
    radial-gradient(circle at 22% 0%,rgba(98,186,240,.08),transparent 34%),
    radial-gradient(circle at 84% 100%,rgba(82,169,229,.04),transparent 26%);
  box-shadow:
    0 20px 44px rgba(0,0,0,.22),
    0 0 0 1px rgba(66,166,231,.02),
    0 0 18px rgba(42,141,209,.05),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 40px rgba(48,139,201,.022);
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease;
}
.dm360-integration-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(122deg,rgba(196,237,255,.74) 0%,rgba(96,183,237,.10) 22%,rgba(52,157,236,.02) 42%,rgba(62,166,236,.12) 72%,rgba(188,234,255,.64) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.dm360-integration-card::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(90px 2px at 18% 0%, rgba(196,237,255,.82), transparent 74%),
    radial-gradient(90px 2px at 82% 0%, rgba(147,221,255,.56), transparent 72%);
}
.dm360-integration-card:hover {
  transform:translateY(-3px);
  border-color:rgba(139,215,255,.42);
  box-shadow:0 26px 55px rgba(0,0,0,.28),0 0 24px rgba(53,158,226,.10),inset 0 1px 0 rgba(255,255,255,.12);
}
.dm360-integration-card img { position:relative; z-index:1; display:block; width:auto; max-height:48%; object-fit:contain; }
.dm360-integration-card--center {
  left:50%;
  top:48%;
  width:33%;
  height:31%;
  transform:translate(-50%,-50%);
  border-color:rgba(137,214,255,.28);
  background:linear-gradient(145deg,rgba(7,35,59,.30),rgba(2,18,33,.18));
  box-shadow:0 28px 65px rgba(0,0,0,.24),0 0 28px rgba(57,162,231,.08),inset 0 1px 0 rgba(255,255,255,.10);
}
.dm360-integration-card--center:hover { transform:translate(-50%,-50%) translateY(-3px); }
.dm360-integration-card--center img { max-width:82%; max-height:56%; }
.dm360-integration-card__energy {
  position:absolute;
  inset:10% 8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(64,170,241,.10),rgba(43,137,204,.025) 42%,transparent 72%);
  filter:blur(15px);
}
.dm360-integration-card--cdk { left:4%; top:11%; width:21%; height:26%; }
.dm360-integration-card--reynolds { left:4%; top:58%; width:21%; height:26%; }
.dm360-integration-card--pbs { right:4%; top:7%; width:23%; height:28%; }
.dm360-integration-card--dealertrack { right:4%; top:58%; width:23%; height:27%; }
.dm360-integration-card--tekion { left:50%; bottom:0; width:25%; height:24%; transform:translateX(-50%); }
.dm360-integration-card--tekion:hover { transform:translateX(-50%) translateY(-3px); }
.dm360-integration-card--cdk img { max-width:66%; }
.dm360-integration-card--reynolds img { max-width:78%; }
.dm360-integration-card--pbs img { max-width:72%; }
.dm360-integration-card--dealertrack img { max-width:79%; }
.dm360-integration-card--tekion img { max-width:70%; }
.dm360-connected-status {
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:16px;
  color:#62d687;
  font-size:clamp(9px,.72vw,11px);
  font-weight:650;
  line-height:1;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.dm360-connected-status svg { width:17px; height:17px; stroke-width:1.8; }

.dm360-integration-rail {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.dm360-integration-rail > span {
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:10px 12px;
  border:1px solid rgba(108,184,231,.27);
  border-radius:13px;
  color:#c0d7e6;
  background:linear-gradient(145deg,rgba(8,35,55,.70),rgba(4,20,35,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.14);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.dm360-integration-rail > span > svg:first-child { width:25px; height:25px; color:#a7c9dd; stroke-width:1.5; }
.dm360-integration-rail b { color:#c7d7e1; font-size:10.5px; font-weight:500; line-height:1.25; letter-spacing:.2px; text-transform:uppercase; }
.dm360-integration-rail .dm360-integration-rail__check { width:18px; height:18px; color:#62d687; stroke-width:1.8; }
.dm360-integrations__note { margin:12px auto 0!important; width:min(96%,1320px); color:#71889a; font-size:9px; line-height:1.5; text-align:center; }


/* TRUST */
.dm360-trust { padding:110px 0 122px; background:#f5f8fa; }
.dm360-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.dm360-trust-grid article { min-height:255px; padding:28px; border:1px solid #dce5ec; border-radius:20px; background:#fff; box-shadow:0 18px 48px rgba(42,65,84,.06); }
.dm360-trust-grid article > span { display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:28px; border-radius:15px; color:#367eb7; background:#edf5fa; }
.dm360-trust-grid article svg { width:24px; height:24px; }
.dm360-trust-grid strong { display:block; font-size:22px; font-weight:600; letter-spacing:-.5px; }
.dm360-trust-grid p { margin-top:12px; color:#657585; font-size:13px; line-height:1.65; }

/* FINAL CTA */
.dm360-final-cta { overflow:hidden; padding:98px 0 105px; background:radial-gradient(circle at 72% 50%,rgba(68,115,226,.16),transparent 30%),linear-gradient(120deg,#030b14,#071827); }
.dm360-final-cta__map { position:absolute; z-index:-1; top:-30%; right:-8%; width:58%; height:150%; opacity:.12; transform:rotate(-4deg); }
.dm360-final-cta__map svg { width:100%; height:100%; }
.dm360-final-cta__map path { fill:rgba(71,143,200,.25); stroke:rgba(90,171,225,.65); stroke-width:1.2; }
.dm360-final-cta__inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:60px; align-items:center; }
.dm360-final-cta h2 { max-width:900px; color:#f4f8fb; font-size:clamp(43px,4.7vw,70px); font-weight:500; line-height:1.02; letter-spacing:-3px; }
.dm360-final-cta p { max-width:720px; margin-top:20px; color:#9bafbd; font-size:16px; line-height:1.7; }
.dm360-final-cta .dm360-actions { justify-content:flex-end; }

/* REVEALS */
[data-dm360-reveal] { opacity:1; transform:none; }
.dm360-home.dm360-motion-ready [data-dm360-reveal] { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1); }
.dm360-home.dm360-motion-ready [data-dm360-reveal].is-revealed { opacity:1; transform:none; }
@keyframes dm360-route-flow { to { stroke-dashoffset:-50; } }

/* TABLET */
@media (max-width:1280px) {
  .dm360-shell { width:min(92%,1380px); }
  .dm360-hero__inner { grid-template-columns:minmax(380px,.8fr) minmax(590px,1.2fr); gap:28px; }
  .dm360-hero h1 { font-size:clamp(48px,4vw,62px); letter-spacing:-3px; }
  .dm360-alert-toast { right:0; }
  .dm360-app-preview { padding:16px; }
  .dm360-vehicle-card__visual { height:164px; }
  .dm360-market-console__body { grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); }
  .dm360-value-grid { grid-template-columns:1.1fr .9fr; }
  .dm360-value-card--featured { grid-column:1/-1; }
  .dm360-capability-grid { grid-template-columns:repeat(2,1fr); }
  .dm360-capability-card--wide { grid-column:span 2; }
}

@media (max-width:1050px) {
  .dm360-section-heading--split { grid-template-columns:1fr; gap:24px; align-items:start; }
  .dm360-hero { min-height:auto; }
  .dm360-hero__inner { grid-template-columns:1fr; gap:52px; min-height:0; padding:105px 0 85px; }
  .dm360-hero__copy { max-width:800px; margin:0 auto; text-align:center; }
  .dm360-hero h1,.dm360-hero__lead { margin-inline:auto; }
  .dm360-hero .dm360-actions,.dm360-hero__proof { justify-content:center; }
  .dm360-hero-stage { max-width:820px; margin:0 auto; }
  .dm360-market-console__body { grid-template-columns:1fr; }
  .dm360-na-map { min-height:620px; border-right:0; border-bottom:1px solid rgba(126,180,214,.12); }
  .dm360-market-summary { min-height:520px; }
  .dm360-membership__grid { grid-template-columns:1fr; gap:48px; }
  .dm360-membership__copy { max-width:850px; }
  .dm360-flow-grid { grid-template-columns:repeat(2,1fr); }
  .dm360-flow-grid::before { display:none; }
  .dm360-trust-grid { grid-template-columns:repeat(2,1fr); }
  .dm360-final-cta__inner { grid-template-columns:1fr; }
  .dm360-final-cta .dm360-actions { justify-content:flex-start; }
}


@media (min-width:768px) and (max-width:1180px) {
  .dm360-integrations { min-height:0; padding:44px 0 42px; background-position:38% center; }
  .dm360-integrations__shell { min-height:0; }
  .dm360-integrations__panel { width:100%; padding:30px 27px 22px; }
  .dm360-integrations__heading h2 { font-size:clamp(27px,4vw,34px); letter-spacing:2px; }
  .dm360-integration-stage { height:clamp(345px,36vw,390px); min-height:0; }
  .dm360-integration-card { border-radius:15px; }
  .dm360-connected-status { margin-top:11px; font-size:8px; }
  .dm360-connected-status svg { width:14px; height:14px; }
  .dm360-integration-rail > span { min-height:64px; grid-template-columns:24px minmax(0,1fr); padding:10px; }
  .dm360-integration-rail .dm360-integration-rail__check { display:none; }
  .dm360-integration-rail b { font-size:8.5px; }
}

/* MOBILE */
@media (max-width:767px) {
  .dm360-na-map__regional-label { display:none; }
  .dm360-home { left:auto; width:100%; margin-left:0; }
  .dm360-shell { width:min(90%,620px); }
  .dm360-section-heading { margin-bottom:38px; }
  .dm360-section-heading h2 { font-size:clamp(34px,10vw,46px); letter-spacing:-1.8px; }
  .dm360-section-heading p { font-size:14px; line-height:1.65; }
  .dm360-eyebrow { margin-bottom:15px; font-size:9px; letter-spacing:1.7px; }
  .dm360-button { width:100%; min-height:54px; }
  .dm360-actions { align-items:stretch; flex-direction:column; }
  .dm360-button--ghost { width:auto; align-self:center; }

  .dm360-hero { background:linear-gradient(180deg,rgba(2,8,15,.92),rgba(2,8,15,.8) 40%,rgba(2,8,15,.96)),var(--dm360-bg-image) 58% center/cover no-repeat,var(--dm360-bg-fallback) 58% center/cover no-repeat; }
  .dm360-hero__inner { gap:48px; padding:84px 0 72px; }
  .dm360-hero__copy { text-align:left; }
  .dm360-hero h1 { font-size:clamp(39px,12vw,54px); line-height:1.06; letter-spacing:-2.3px; }
  .dm360-hero__lead { margin-top:20px!important; font-size:14px; line-height:1.65; }
  .dm360-hero .dm360-actions { align-items:stretch; justify-content:flex-start; margin-top:27px; }
  .dm360-hero__proof { align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:10px; font-size:10px; }
  .dm360-hero__proof > i { display:none; }
  .dm360-alert-toast { position:relative; top:auto; right:auto; width:100%; margin:0 0 12px; grid-template-columns:40px minmax(0,1fr); }
  .dm360-alert-toast > b { display:none; }
  .dm360-app-preview { padding:14px; border-radius:19px; }
  .dm360-app-preview__header { align-items:flex-start; }
  .dm360-app-brand strong { font-size:14px; }
  .dm360-app-preview__tools .dm360-live-chip,.dm360-app-preview__tools button span { display:none; }
  .dm360-app-preview__tools button { width:34px; padding:0; justify-content:center; }
  .dm360-ai-search__field > span { font-size:10.5px; }
  .dm360-app-preview__body { grid-template-columns:1fr; }
  .dm360-vehicle-card__visual { height:190px; }
  .dm360-hero-market { display:grid; grid-template-columns:1fr; }
  .dm360-mini-map { min-height:200px; }
  .dm360-more-results article:nth-of-type(2) { display:none; }

  .dm360-intro,.dm360-market-section,.dm360-capabilities,.dm360-flow,.dm360-membership,.dm360-integrations,.dm360-trust { padding:82px 0 90px; }
  .dm360-value-grid,.dm360-capability-grid,.dm360-flow-grid,.dm360-trust-grid,.dm360-access-compare { grid-template-columns:1fr; }
  .dm360-value-card,.dm360-capability-card { min-height:auto; padding:24px; }
  .dm360-value-card--featured,.dm360-capability-card--wide { grid-column:auto; grid-template-columns:1fr; }
  .dm360-value-card__visual { margin-top:12px; }
  .dm360-capability-card { padding-bottom:126px; }
  .dm360-capability-card--wide { padding-bottom:24px; }
  .dm360-search-ui > div { grid-template-columns:1fr; }
  .dm360-flow-grid article { min-height:auto; }
  .dm360-membership__copy h2 { font-size:clamp(36px,10vw,49px); letter-spacing:-1.8px; }

  .dm360-market-console__toolbar { grid-template-columns:1fr; gap:12px; }
  .dm360-market-console__tabs { width:100%; }
  .dm360-market-console__tabs button { flex:1; }
  .dm360-market-console__live { display:none; }
  .dm360-na-map { min-height:520px; }
  .dm360-na-map > svg { inset:4% -30% 18%; width:160%; height:78%; }
  .dm360-na-map__market-card { width:145px; padding:10px 11px; }
  .dm360-na-map__market-card--source { left:5%; top:61%; }
  .dm360-na-map__market-card--target { right:5%; top:34%; }
  .dm360-na-map__market-card b { font-size:17px; }
  .dm360-na-map__market-card span { font-size:8.5px; }
  .dm360-na-map__legend { justify-content:flex-start; flex-wrap:wrap; gap:9px 14px; font-size:7.5px; }
  .dm360-na-map__legend-bar { width:100%; flex-basis:100%; order:3; }
  .dm360-market-summary { min-height:auto; padding:27px 22px; }
  .dm360-market-summary h3 { font-size:27px; }
  .dm360-market-summary__spread strong { font-size:30px; }
  .dm360-market-summary .dm360-button { margin-top:24px; }

  .dm360-integrations { min-height:0; padding:58px 0 62px; background-position:42% center; }
  .dm360-integrations__shell { min-height:0; }
  .dm360-integrations__panel { width:100%; padding:27px 18px 20px; border-radius:20px; }
  .dm360-integrations__heading { margin-bottom:25px; }
  .dm360-integrations__heading h2 { font-size:clamp(24px,7.8vw,34px); line-height:1.12; letter-spacing:1.2px; }
  .dm360-integrations__heading strong { font-size:16px; }
  .dm360-integrations__heading p { max-width:330px; font-size:12px; line-height:1.55; }
  .dm360-integration-stage { display:grid; grid-template-columns:1fr 1fr; gap:11px; aspect-ratio:auto; min-height:0; }
  .dm360-integration-cables { display:none; }
  .dm360-integration-card { position:relative; inset:auto!important; width:auto!important; height:112px!important; transform:none!important; padding:13px; border-radius:15px; }
  .dm360-integration-card:hover { transform:translateY(-2px)!important; }
  .dm360-integration-card--center { grid-column:1/-1; height:132px!important; }
  .dm360-integration-card--tekion { grid-column:1/-1; width:min(64%,250px)!important; justify-self:center; }
  .dm360-integration-card img { max-width:76%; max-height:42%; }
  .dm360-integration-card--center img { max-width:72%; max-height:52%; }
  .dm360-connected-status { margin-top:12px; font-size:8.5px; }
  .dm360-connected-status svg { width:14px; height:14px; }
  .dm360-integration-rail { grid-template-columns:1fr 1fr; gap:9px; margin-top:15px; }
  .dm360-integration-rail > span { min-height:66px; grid-template-columns:24px minmax(0,1fr); padding:10px; }
  .dm360-integration-rail > span:last-child { grid-column:1/-1; }
  .dm360-integration-rail .dm360-integration-rail__check { display:none; }
  .dm360-integration-rail > span > svg:first-child { width:21px; height:21px; }
  .dm360-integration-rail b { font-size:9px; }
  .dm360-integrations__note { width:100%; margin-top:14px!important; padding:0 12px; font-size:8px; }
  .dm360-final-cta { padding:82px 0 88px; }
  .dm360-final-cta h2 { font-size:clamp(39px,11vw,52px); letter-spacing:-2px; }
}

@media (max-width:430px) {
  .dm360-shell { width:92%; }
  .dm360-vehicle-card__content { grid-template-columns:minmax(0,1fr) 68px; padding:11px; }
  .dm360-vehicle-card__visual { height:170px; }
  .dm360-score__ring { width:53px; height:53px; }
  .dm360-opportunity-row { grid-template-columns:30px minmax(0,1fr) auto; }
  .dm360-opportunity-row__icon { width:30px; height:30px; }
  .dm360-na-map { min-height:490px; }
  .dm360-na-map__market-card { width:132px; }
  .dm360-na-map__market-card strong { font-size:11px; }
  .dm360-na-map__market-card b { font-size:15px; }
}

@media (prefers-reduced-motion:reduce) {
  .dm360-home *,
  .dm360-home *::before,
  .dm360-home *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  [data-dm360-reveal] { opacity:1!important; transform:none!important; }
}


/* =========================================================
   IMMERSIVE INTEGRATION FOCUS — v2.2.0
   Natural sticky scroll; no wheel hijacking or forced snapping.
========================================================= */
.dm360-header-focus-target {
  transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .32s ease,visibility .32s ease!important;
  will-change:transform,opacity;
}
.dm360-header-focus-target.dm360-header-focus-hidden {
  transform:translate3d(0,calc(-100% - 18px),0)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (min-width:900px) and (prefers-reduced-motion:no-preference) {
  .dm360-home--immersive {
    overflow:clip;
  }

  .dm360-home--immersive .dm360-integrations {
    --dm360-focus:0;
    --dm360-focus-progress:0;
    min-height:185svh;
    padding:0;
    overflow:clip;
    background-position:center;
  }

  .dm360-home--immersive .dm360-integrations::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 48%,rgba(50,151,225,calc(.03 + var(--dm360-focus) * .055)),transparent 43%),
      linear-gradient(180deg,rgba(0,5,10,calc(var(--dm360-focus) * .08)),rgba(0,5,10,calc(var(--dm360-focus) * .16)));
  }

  .dm360-home--immersive .dm360-integrations__wash {
    opacity:calc(.78 + var(--dm360-focus) * .22);
    transform:scale(calc(1 + var(--dm360-focus) * .025));
    transition:opacity .12s linear;
    will-change:transform,opacity;
  }

  .dm360-home--immersive .dm360-integrations__shell {
    position:sticky;
    top:0;
    width:100%;
    height:100svh;
    min-height:700px;
    padding:clamp(18px,2.8svh,30px) 0 clamp(12px,2svh,22px);
    justify-content:center;
    overflow:visible;
  }

  .dm360-home--immersive .dm360-integrations__panel {
    width:min(90vw,1320px);
    transform:translateZ(0);
    scale:calc(.96 + var(--dm360-focus) * .14);
    transform-origin:center center;
    border-radius:calc(22px - var(--dm360-focus) * 5px);
    box-shadow:
      0 calc(42px + var(--dm360-focus) * 20px) calc(100px + var(--dm360-focus) * 32px) rgba(0,0,0,calc(.34 + var(--dm360-focus) * .08)),
      0 0 0 1px rgba(47,152,235,.04),
      0 0 calc(52px + var(--dm360-focus) * 30px) rgba(38,139,218,calc(.08 + var(--dm360-focus) * .04)),
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 0 88px rgba(24,107,170,.03);
    will-change:scale,transform,border-radius,box-shadow;
  }

  .dm360-home--immersive .dm360-integrations__note {
    opacity:calc(.72 + var(--dm360-focus) * .28);
    transform:translateY(calc(var(--dm360-focus) * 3px));
    will-change:transform,opacity;
  }

  body.dm360-integration-focus {
    --dm360-integration-is-focused:1;
  }
}

@media (min-width:900px) and (max-height:820px) and (prefers-reduced-motion:no-preference) {
  .dm360-home--immersive .dm360-integrations__shell {
    min-height:640px;
    padding:12px 0 8px;
  }
  .dm360-home--immersive .dm360-integrations__panel {
    width:min(90vw,1280px);
    transform:translateZ(0);
    scale:calc(.95 + var(--dm360-focus) * .13);
  }
  .dm360-home--immersive .dm360-integrations__note {
    margin-top:7px!important;
  }
}


/* v2.2.2: independent scale avoids reveal-transform overrides. */
@supports not (scale:1) {
  @media (min-width:900px) and (prefers-reduced-motion:no-preference) {
    .dm360-home.dm360-motion-ready.dm360-home--immersive .dm360-integrations__panel.is-revealed {
      transform:translateZ(0) scale(calc(.96 + var(--dm360-focus) * .14));
    }
  }
  @media (min-width:900px) and (max-height:820px) and (prefers-reduced-motion:no-preference) {
    .dm360-home.dm360-motion-ready.dm360-home--immersive .dm360-integrations__panel.is-revealed {
      transform:translateZ(0) scale(calc(.95 + var(--dm360-focus) * .13));
    }
  }
}

@media (max-width:899px), (prefers-reduced-motion:reduce) {
  .dm360-home--immersive .dm360-integrations {
    --dm360-focus:0!important;
    min-height:0;
  }
}

/* ========================================================================
   DealerMatch360 cinematic hero v3.40.0
   ======================================================================== */
.dm360-hero--cinematic{--dm-blue:#1677ff;--dm-blue-2:#31a6ff;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(760px,100svh,980px);background-image:var(--dm360-hero-desktop);background-position:calc(50% + var(--dm360-bg-x,0px)) calc(50% + var(--dm360-bg-y,0px));background-size:cover;background-repeat:no-repeat;color:#fff;will-change:background-position}
.dm360-hero--cinematic:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,8,18,.98) 0%,rgba(1,8,18,.9) 28%,rgba(1,8,18,.25) 57%,rgba(1,8,18,.08) 100%),linear-gradient(180deg,rgba(1,7,16,.18),rgba(1,7,16,.04) 58%,rgba(1,7,16,.86))}
.dm360-hero__veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 48%,rgba(22,119,255,.15),transparent 26%),radial-gradient(circle at 86% 24%,rgba(40,149,255,.11),transparent 20%);pointer-events:none}
.dm360-hero__grain{position:absolute;inset:0;z-index:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.dm360-hero--cinematic .dm360-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(410px,.78fr) minmax(660px,1.22fr);align-items:center;gap:20px;min-height:clamp(760px,100svh,980px);padding:120px 0 70px}
.dm360-hero--cinematic .dm360-hero__copy{max-width:610px;z-index:20}
.dm360-hero__eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(92,166,255,.25);border-radius:999px;background:rgba(5,17,34,.54);box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 45px rgba(0,0,0,.2);backdrop-filter:blur(16px) saturate(130%);color:#8fc5ff;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.dm360-hero__eyebrow svg{width:16px;height:16px;color:var(--dm-blue-2)}
.dm360-hero--cinematic h1{max-width:610px;margin-top:24px;color:#f7f9ff;font-size:clamp(60px,5.2vw,92px);font-weight:580;line-height:.96;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 12px 42px rgba(0,0,0,.45)}
.dm360-hero--cinematic h1 span{display:block;color:var(--dm-blue);background:none;-webkit-text-fill-color:initial}
.dm360-hero--cinematic .dm360-hero__lead{max-width:570px;margin-top:28px!important;color:#b5c2d5;font-size:17px;line-height:1.7}
.dm360-hero--cinematic .dm360-actions{display:flex;gap:14px;margin-top:32px}
.dm360-hero--cinematic .dm360-button{min-height:54px;border-radius:11px}
.dm360-hero--cinematic .dm360-button--primary{background:linear-gradient(135deg,#1780ff,#075bd9);box-shadow:0 0 0 1px rgba(83,164,255,.45),0 14px 40px rgba(0,91,230,.32),inset 0 1px rgba(255,255,255,.2)}
.dm360-hero--cinematic .dm360-button--outline{border-color:rgba(137,176,226,.28);background:rgba(3,14,29,.43);backdrop-filter:blur(14px)}
.dm360-hero__trust{display:flex;gap:22px;margin-top:24px;color:#93a7c0;font-size:12px}.dm360-hero__trust span{display:flex;align-items:center;gap:7px}.dm360-hero__trust svg{width:15px;height:15px;color:#5da8ff}
.dm360-hero-scene{position:relative;height:680px;perspective:1200px;transform-style:preserve-3d}
.dm360-hero-scene__glow{position:absolute;inset:24% 4% 5% 20%;background:radial-gradient(ellipse,rgba(13,111,255,.24),transparent 58%);filter:blur(34px)}
.dm360-hero-truck{position:absolute;z-index:12;right:-2%;bottom:3%;width:min(95%,850px);height:auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,.48));transform:translate3d(var(--truck-x,0),var(--truck-y,0),0)}
.dm360-float-card{position:absolute;z-index:18;padding:18px 20px;border:1px solid rgba(149,190,231,.2);border-radius:16px;background:linear-gradient(145deg,rgba(13,31,53,.72),rgba(3,15,29,.55));box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(25,111,255,.12),0 22px 55px rgba(0,0,0,.34),0 0 36px rgba(22,119,255,.08);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transform:translate3d(var(--mx,0),var(--my,0),0);will-change:transform;transition:box-shadow .35s ease,border-color .35s ease}
.dm360-float-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(192,224,255,.58),rgba(45,132,255,.12) 32%,transparent 60%,rgba(46,134,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.dm360-float-card:hover{border-color:rgba(87,161,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.1),0 28px 70px rgba(0,0,0,.4),0 0 42px rgba(22,119,255,.18)}
.dm360-float-card--behind{z-index:6;opacity:.92}
.dm360-float-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#4da1ff;font-size:13px}.dm360-float-card__head span{display:flex;align-items:center;gap:7px}.dm360-float-card__head svg{width:16px;height:16px}
.dm360-float-card>strong{display:block;margin-top:10px;color:#f5f8ff;font-size:18px;font-weight:600}.dm360-float-card>small{display:block;margin-top:4px;color:#a4b2c5;font-size:12px}.dm360-card-kicker{display:block;color:#3c9cff;font-size:12px}
.dm360-live-dot{width:7px;height:7px;border-radius:50%;background:#1a88ff;box-shadow:0 0 0 5px rgba(26,136,255,.11),0 0 18px #1680ff;animation:dm360Pulse 1.9s ease-in-out infinite}
.dm360-float-card--automatch{top:18px;right:7%;width:330px;min-height:132px}.dm360-ai-orb{position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:72px;height:72px;border:1px solid #258bff;border-radius:50%;box-shadow:0 0 15px #1677ff,inset 0 0 22px rgba(22,119,255,.7);animation:dm360Orb 4s linear infinite}.dm360-ai-orb:before,.dm360-ai-orb:after{content:"";position:absolute;border:1px solid rgba(67,168,255,.58);border-radius:50%;inset:8px}.dm360-ai-orb:after{inset:-8px;border-style:dashed;opacity:.55}.dm360-ai-orb span{font-size:22px;font-weight:600}
.dm360-float-card--opportunity{top:172px;left:20%;width:310px}.dm360-opportunity-price{margin-top:12px;color:#fff;font-size:23px;font-weight:600}.dm360-opportunity-price em{display:inline-flex;margin-left:8px;padding:5px 8px;border-radius:999px;background:rgba(18,110,255,.17);color:#4ca2ff;font-size:10px;font-style:normal}.dm360-mini-truck{position:absolute;right:15px;bottom:12px;width:102px;height:52px;background:url('../images/Truck-with-bottom-shadow.png') center/contain no-repeat;opacity:.88}
.dm360-float-card--deals{top:310px;left:0;width:235px}.dm360-float-card--deals>strong{font-size:34px}.dm360-positive{color:#24dfa0!important}.dm360-positive i{color:#94a3b7;font-style:normal}.dm360-sparkline{position:absolute;right:16px;bottom:20px;width:88px;height:42px}.dm360-sparkline path{fill:none;stroke:#258bff;stroke-width:2;filter:drop-shadow(0 0 6px #1677ff);stroke-dasharray:180;stroke-dashoffset:180;animation:dm360Draw 1.4s .7s ease forwards}
.dm360-float-card--market{top:315px;right:-1%;width:220px}.dm360-float-card--market>strong{font-size:26px}.dm360-bars{position:absolute;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:5px;height:48px}.dm360-bars i{width:7px;height:var(--h);background:linear-gradient(180deg,#3e9dff,#0756c9);box-shadow:0 0 10px rgba(22,119,255,.65);animation:dm360Bars 1.1s ease both}.dm360-bars i:nth-child(1){--h:18px}.dm360-bars i:nth-child(2){--h:34px}.dm360-bars i:nth-child(3){--h:25px}.dm360-bars i:nth-child(4){--h:41px}.dm360-bars i:nth-child(5){--h:30px}.dm360-bars i:nth-child(6){--h:48px}.dm360-bars i:nth-child(7){--h:35px}
.dm360-float-card--value{left:5%;bottom:10px;width:310px}.dm360-float-card--value>strong{font-size:31px}.dm360-ring{position:absolute;right:18px;top:17px;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(#2b9aff 0 72%,rgba(48,97,155,.28) 72%);box-shadow:0 0 24px rgba(22,119,255,.4)}.dm360-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#07182b}.dm360-ring span{position:relative;text-align:center;font-size:17px}.dm360-ring small{display:block;color:#9daabd;font-size:8px}
.dm360-float-card--scan{right:2%;bottom:2%;width:240px}.dm360-skeleton{display:grid;gap:7px;margin-top:13px}.dm360-skeleton i{height:7px;border-radius:99px;background:linear-gradient(90deg,rgba(79,112,151,.14),rgba(85,158,255,.42),rgba(79,112,151,.14));background-size:220% 100%;animation:dm360Shimmer 1.25s linear infinite}.dm360-skeleton i:nth-child(2){width:76%}.dm360-skeleton i:nth-child(3){width:88%}
@keyframes dm360Pulse{50%{opacity:.55;transform:scale(.82)}}@keyframes dm360Orb{to{transform:rotate(360deg)}}@keyframes dm360Draw{to{stroke-dashoffset:0}}@keyframes dm360Bars{from{height:2px;opacity:0}}@keyframes dm360Shimmer{to{background-position:-220% 0}}
@media(max-width:1180px){.dm360-hero--cinematic .dm360-hero__inner{grid-template-columns:minmax(360px,.8fr) minmax(550px,1.2fr)}.dm360-hero-scene{transform:scale(.9);transform-origin:right center}}
@media(max-width:980px){.dm360-hero--cinematic{background-image:var(--dm360-hero-mobile);background-position:center top;min-height:auto}.dm360-hero--cinematic:before{background:linear-gradient(180deg,rgba(1,8,18,.94) 0%,rgba(1,8,18,.72) 34%,rgba(1,8,18,.18) 58%,rgba(1,8,18,.8) 100%)}.dm360-hero--cinematic .dm360-hero__inner{display:block;min-height:0;padding:92px 0 44px}.dm360-hero--cinematic .dm360-hero__copy{max-width:650px}.dm360-hero-scene{height:720px;margin-top:40px;transform:none}.dm360-hero-truck{right:-12%;bottom:14%;width:105%}.dm360-float-card--automatch{right:0}.dm360-float-card--opportunity{top:165px;left:3%}.dm360-float-card--deals{top:320px}.dm360-float-card--market{top:350px}.dm360-float-card--value{bottom:2%;left:0}.dm360-float-card--scan{display:none}}
@media(max-width:640px){.dm360-hero--cinematic .dm360-hero__inner{padding:78px 0 24px}.dm360-hero--cinematic h1{font-size:clamp(52px,15vw,72px);letter-spacing:-.065em}.dm360-hero--cinematic .dm360-hero__lead{font-size:15px;line-height:1.65}.dm360-hero--cinematic .dm360-actions{flex-direction:column}.dm360-hero--cinematic .dm360-button{width:100%}.dm360-hero__trust{flex-wrap:wrap;gap:11px 18px}.dm360-hero-scene{height:660px;margin-top:28px}.dm360-float-card{padding:15px 16px;border-radius:14px}.dm360-float-card--automatch{top:0;right:-4%;width:82%}.dm360-float-card--opportunity{top:145px;left:0;width:78%}.dm360-float-card--deals{top:285px;left:-2%;width:49%}.dm360-float-card--market{top:305px;right:-3%;width:48%}.dm360-hero-truck{right:-23%;bottom:17%;width:130%}.dm360-float-card--value{bottom:1%;width:76%}.dm360-float-card--value .dm360-ring{transform:scale(.82);transform-origin:right top}.dm360-mini-truck{width:82px}.dm360-float-card--behind{opacity:.82}}
@media(prefers-reduced-motion:reduce){.dm360-float-card,.dm360-hero-truck,.dm360-ai-orb,.dm360-live-dot,.dm360-sparkline path,.dm360-bars i,.dm360-skeleton i{animation:none!important;transition:none!important}}

/* ========================================================================
   DealerMatch360 cinematic hero polish v3.40.1
   ======================================================================== */
@media (min-width:981px){
  .dm360-hero--cinematic{
    min-height:max(720px,calc(100svh - 72px));
  }
  .dm360-hero--cinematic .dm360-hero__inner{
    min-height:max(720px,calc(100svh - 72px));
    padding-top:clamp(72px,8vh,108px);
    padding-bottom:clamp(42px,6vh,72px);
  }
}

.dm360-hero-scene{height:clamp(610px,72vh,700px)}
.dm360-float-card{
  padding:15px 17px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(11,29,51,.7),rgba(3,14,28,.5));
  box-shadow:inset 0 1px rgba(255,255,255,.075),inset 0 -1px rgba(25,111,255,.1),0 18px 46px rgba(0,0,0,.31),0 0 30px rgba(22,119,255,.065);
}
.dm360-float-card__head{font-size:12px}
.dm360-float-card>strong{margin-top:8px;font-size:16px;line-height:1.22}
.dm360-float-card>small{margin-top:3px;font-size:11px;line-height:1.35}
.dm360-card-kicker{font-size:11px}
.dm360-float-card--behind{z-index:8;opacity:.94}
.dm360-hero-truck{z-index:14;right:-1%;bottom:2%;width:min(91%,810px)}

/* Better spread and hierarchy around the vehicle. */
.dm360-float-card--automatch{top:1%;right:4%;width:300px;min-height:116px;padding-right:105px}
.dm360-float-card--opportunity{top:21%;left:18%;width:278px;min-height:124px}
.dm360-opportunity-price{margin-top:9px;font-size:20px}
.dm360-opportunity-price em{margin-left:6px;padding:4px 7px;font-size:9px}
.dm360-mini-truck{right:12px;bottom:10px;width:88px;height:46px}
.dm360-float-card--deals{top:42%;left:-2%;width:205px;min-height:118px}
.dm360-float-card--deals>strong{font-size:29px}
.dm360-sparkline{right:13px;bottom:18px;width:76px;height:36px}
.dm360-float-card--market{top:43%;right:-2%;width:198px;min-height:118px}
.dm360-float-card--market>strong{font-size:23px}
.dm360-bars{right:14px;bottom:15px;gap:4px;height:42px}
.dm360-bars i{width:6px;transform-origin:bottom}
.dm360-float-card--value{left:7%;bottom:0;width:282px;min-height:126px}
.dm360-float-card--value>strong{font-size:27px}
.dm360-ring{right:15px;top:15px;width:72px;height:72px}
.dm360-ring span{font-size:15px}
.dm360-float-card--scan{right:2%;bottom:1%;width:218px;min-height:116px}

/* AutoMatch intelligence pulse: no spinning badge, just restrained live processing. */
.dm360-ai-pulse{position:absolute;right:17px;top:50%;width:76px;height:76px;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(19,112,255,.27) 0 24%,rgba(5,25,53,.82) 25% 45%,transparent 46%);box-shadow:0 0 30px rgba(20,118,255,.23),inset 0 0 24px rgba(25,126,255,.16)}
.dm360-ai-pulse:before{content:"";position:absolute;inset:7px;border:1px solid rgba(78,162,255,.34);border-radius:50%;box-shadow:inset 0 0 15px rgba(25,122,255,.2)}
.dm360-ai-pulse__core{position:relative;z-index:4;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid rgba(121,191,255,.58);background:radial-gradient(circle at 35% 30%,#238dff,#0756c8 58%,#042456);color:#fff;font-size:17px;font-weight:650;box-shadow:0 0 22px rgba(25,127,255,.68),inset 0 1px rgba(255,255,255,.35);animation:dm360AiCore 2.7s ease-in-out infinite}
.dm360-ai-pulse__arc{position:absolute;border-radius:50%;border:1px solid transparent;pointer-events:none}
.dm360-ai-pulse__arc--one{inset:1px;border-top-color:rgba(62,157,255,.9);border-right-color:rgba(62,157,255,.28);transform:rotate(-24deg)}
.dm360-ai-pulse__arc--two{inset:13px;border-bottom-color:rgba(81,178,255,.74);border-left-color:rgba(81,178,255,.18);transform:rotate(34deg)}
.dm360-ai-pulse__node{position:absolute;z-index:5;width:5px;height:5px;border-radius:50%;background:#3ca1ff;box-shadow:0 0 10px #248dff}
.dm360-ai-pulse__node--one{top:5px;right:20px;animation:dm360AiNodeOne 3.4s ease-in-out infinite}
.dm360-ai-pulse__node--two{left:8px;bottom:19px;animation:dm360AiNodeTwo 3.4s .5s ease-in-out infinite}
.dm360-ai-pulse__scan{position:absolute;z-index:2;width:58px;height:1px;background:linear-gradient(90deg,transparent,rgba(78,173,255,.9),transparent);box-shadow:0 0 8px rgba(55,153,255,.78);animation:dm360AiScan 2.8s ease-in-out infinite}
@keyframes dm360AiCore{0%,100%{transform:scale(.96);filter:brightness(.92)}50%{transform:scale(1.04);filter:brightness(1.15)}}
@keyframes dm360AiNodeOne{0%,100%{transform:translate(0,0);opacity:.45}50%{transform:translate(-5px,4px);opacity:1}}
@keyframes dm360AiNodeTwo{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(5px,-4px);opacity:.95}}
@keyframes dm360AiScan{0%,100%{transform:translateY(-17px);opacity:.15}50%{transform:translateY(17px);opacity:.95}}

@media(max-width:1180px) and (min-width:981px){
  .dm360-hero-scene{height:630px;transform:scale(.92);transform-origin:right center}
  .dm360-float-card--deals{left:1%}
  .dm360-float-card--market{right:0}
}
@media(max-width:980px){
  .dm360-hero-scene{height:720px}
  .dm360-float-card--automatch{padding-right:100px}
  .dm360-float-card--opportunity{z-index:8}
  .dm360-float-card--value{z-index:18}
}
@media(max-width:640px){
  .dm360-float-card>strong{font-size:15px}
  .dm360-float-card>small,.dm360-card-kicker{font-size:10px}
  .dm360-float-card--automatch{min-height:108px;padding-right:92px}
  .dm360-ai-pulse{right:12px;width:67px;height:67px}
  .dm360-ai-pulse__core{width:35px;height:35px;font-size:15px}
  .dm360-float-card--deals>strong{font-size:27px}
  .dm360-float-card--market>strong{font-size:22px}
  .dm360-float-card--value>strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.dm360-ai-pulse__core,.dm360-ai-pulse__node,.dm360-ai-pulse__scan{animation:none!important}}


/* ========================================================================
   DealerMatch360 cinematic hero depth + entrance polish v3.40.2
   ======================================================================== */
@media (min-width:981px){
  /* Market Insights and Active Deals now sit behind the anchored truck. */
  .dm360-float-card--market{z-index:8}
  .dm360-float-card--deals{
    z-index:8;
    top:47%;
    left:7%;
  }
  .dm360-hero-truck{z-index:14}

  /* Keep Market Insights in the approved position while changing depth only. */
  .dm360-float-card--market{top:43%;right:-2%}

  /* Give the Active Deals content dedicated space so the chart never crowds it. */
  .dm360-float-card--deals{padding-right:83px}
  .dm360-float-card--deals > small{max-width:92px;white-space:nowrap}
  .dm360-sparkline{
    right:12px;
    bottom:19px;
    width:70px;
    height:34px;
  }

  /* Featured Opportunity: top-right status pill and larger masked vehicle. */
  .dm360-float-card--opportunity{
    z-index:18;
    overflow:hidden;
    padding-right:108px;
  }
  .dm360-opportunity-price em{
    position:absolute;
    z-index:4;
    top:13px;
    right:13px;
    margin:0;
    padding:4px 8px;
  }
  .dm360-mini-truck{
    right:-10px;
    bottom:-5px;
    width:132px;
    height:72px;
    opacity:.98;
    filter:drop-shadow(0 12px 10px rgba(0,0,0,.48));
  }
}

/* Layered entrance sequence. Parallax variables remain live after reveal. */
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card{
  opacity:0;
  animation:dm360HeroCardEnter .78s cubic-bezier(.2,.9,.2,1) forwards;
  animation-delay:var(--card-delay,0ms);
}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card--behind{opacity:0}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-hero-truck{
  opacity:0;
  animation:dm360HeroTruckEnter 1.05s .2s cubic-bezier(.2,.85,.2,1) forwards;
}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card:nth-of-type(1){--card-delay:120ms}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card:nth-of-type(2){--card-delay:240ms}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card:nth-of-type(3){--card-delay:340ms}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card:nth-of-type(4){--card-delay:440ms}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card:nth-of-type(5){--card-delay:540ms}
.dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card:nth-of-type(6){--card-delay:640ms}
@keyframes dm360HeroCardEnter{
  0%{opacity:0;transform:translate3d(var(--mx,0),calc(var(--my,0) + 24px),0) scale(.965);filter:blur(5px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translate3d(var(--mx,0),var(--my,0),0) scale(1);filter:blur(0)}
}
@keyframes dm360HeroTruckEnter{
  0%{opacity:0;transform:translate3d(calc(var(--truck-x,0px) + 26px),calc(var(--truck-y,0px) + 12px),0) scale(.985);filter:blur(4px)}
  100%{opacity:1;transform:translate3d(var(--truck-x,0px),var(--truck-y,0px),0) scale(1);filter:blur(0)}
}

@media(max-width:1180px) and (min-width:981px){
  .dm360-float-card--deals{left:8%;top:47%}
}
@media(max-width:980px){
  .dm360-float-card--opportunity{overflow:hidden}
  .dm360-opportunity-price em{position:absolute;top:12px;right:12px;margin:0}
  .dm360-mini-truck{right:-8px;bottom:-4px;width:112px;height:62px}
}
@media(prefers-reduced-motion:reduce){
  .dm360-hero--cinematic.dm360-cinematic-ready .dm360-float-card,
  .dm360-hero--cinematic.dm360-cinematic-ready .dm360-hero-truck{opacity:1;animation:none!important;filter:none!important}
}


/* Cinematic hero interaction polish v3.40.3 */
@media(min-width:981px){
  .dm360-float-card--deals{padding-right:92px}
  .dm360-float-card--deals .dm360-sparkline{
    top:50%;
    right:13px;
    bottom:auto;
    width:76px;
    height:38px;
    transform:translateY(-50%);
  }
}


/* v3.40.4 — remove WordPress/Divi wrapper spacing around the homepage shortcode. */
body.dm360-home-page .entry-content,
body.dm360-home-page #main-content,
body.dm360-home-page #left-area,
body.dm360-home-page article,
body.dm360-home-page .et-l--post,
body.dm360-home-page .et_builder_inner_content {
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

body.dm360-home-page .et_pb_section:has(.dm360-home),
body.dm360-home-page .et_pb_row:has(.dm360-home),
body.dm360-home-page .et_pb_column:has(.dm360-home),
body.dm360-home-page .et_pb_module:has(.dm360-home),
body.dm360-home-page .et_pb_code_inner:has(.dm360-home),
body.dm360-home-page .et_pb_text_inner:has(.dm360-home) {
  width:100%!important;
  max-width:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

body.dm360-home-page .et_pb_section:has(.dm360-home),
body.dm360-home-page .et_pb_row:has(.dm360-home) {
  padding-left:0!important;
  padding-right:0!important;
}

body.dm360-home-page .dm360-home,
body.dm360-home-page .dm360-home > .dm360-hero:first-child {
  margin-top:0!important;
  margin-bottom:0!important;
}

/* v3.40.5 — restore protected internal spacing inside cinematic KPI cards. */
.dm360-hero--cinematic .dm360-float-card {
  padding:17px 18px 16px!important;
}
.dm360-hero--cinematic .dm360-float-card__head,
.dm360-hero--cinematic .dm360-card-kicker {
  margin:0!important;
  padding:0!important;
  line-height:1.25;
}
.dm360-hero--cinematic .dm360-float-card > strong {
  margin-top:8px!important;
  padding:0!important;
}
.dm360-hero--cinematic .dm360-float-card > small {
  margin-top:4px!important;
  padding:0!important;
}
.dm360-hero--cinematic .dm360-float-card--automatch {
  padding:17px 105px 16px 18px!important;
}
.dm360-hero--cinematic .dm360-float-card--opportunity {
  padding:17px 108px 16px 18px!important;
}
.dm360-hero--cinematic .dm360-float-card--deals {
  padding:17px 92px 16px 18px!important;
}
.dm360-hero--cinematic .dm360-float-card--market {
  padding:17px 72px 16px 18px!important;
}
.dm360-hero--cinematic .dm360-float-card--value {
  padding:17px 92px 16px 18px!important;
}
.dm360-hero--cinematic .dm360-float-card--scan {
  padding:17px 18px 16px!important;
}
@media(max-width:640px){
  .dm360-hero--cinematic .dm360-float-card{padding:15px 16px!important}
  .dm360-hero--cinematic .dm360-float-card--automatch{padding-right:92px!important}
  .dm360-hero--cinematic .dm360-float-card--opportunity{padding-right:92px!important}
  .dm360-hero--cinematic .dm360-float-card--deals{padding-right:72px!important}
  .dm360-hero--cinematic .dm360-float-card--market{padding-right:58px!important}
  .dm360-hero--cinematic .dm360-float-card--value{padding-right:76px!important}
}

/* ========================================================================
   v3.41.2 — hero clearance and horizontal overflow containment
   ======================================================================== */
body.dm360-home-page,
body.dm360-home-page #page-container,
body.dm360-home-page #et-main-area,
body.dm360-home-page #main-content {
  overflow-x:clip!important;
}

/* The Divi wrappers are already released to full width; avoid the 100vw
   breakout that can include the browser scrollbar width and create overflow. */
body.dm360-home-page .dm360-home {
  left:auto!important;
  width:100%!important;
  margin-left:0!important;
}

/* Give the top intelligence card more breathing room below the fixed header. */
@media (min-width:981px) {
  .dm360-float-card--automatch {
    top:5.5%;
  }
}

@media (max-width:980px) {
  .dm360-float-card--automatch {
    top:22px;
  }
}

/* ========================================================================
   v3.41.4 — dedicated cinematic mobile hero showcase
   ======================================================================== */
.dm360-mobile-showcase-nav{display:none}

@media (max-width:640px){
  .dm360-hero--cinematic{
    min-height:auto;
    overflow:hidden;
    overflow:clip;
    background-position:center top;
  }
  .dm360-hero--cinematic .dm360-hero__inner{
    width:min(92%,600px);
    padding:92px 0 34px;
  }
  .dm360-hero-scene{
    position:relative;
    height:590px;
    margin-top:30px;
    overflow:visible;
    perspective:none;
    transform:none!important;
  }
  .dm360-hero-scene__glow{
    inset:20% -30% 0 2%;
    opacity:.78;
    filter:blur(44px);
  }

  /* One focused product card at a time. */
  .dm360-hero-scene .dm360-float-card[data-mobile-slide]{
    top:132px!important;
    right:auto!important;
    bottom:auto!important;
    left:4%!important;
    z-index:8!important;
    width:min(62vw,260px)!important;
    min-height:116px;
    opacity:0!important;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(-14px,22px,0) scale(.965)!important;
    filter:blur(7px);
    transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),filter .48s ease,visibility 0s linear .62s;
  }
  .dm360-hero-scene .dm360-float-card[data-mobile-slide].is-mobile-active{
    opacity:1!important;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0) scale(1)!important;
    filter:none;
    transition-delay:0s;
  }
  .dm360-hero-scene .dm360-float-card[data-mobile-slide].is-mobile-exiting{
    opacity:0!important;
    visibility:visible;
    transform:translate3d(10px,-12px,0) scale(.97)!important;
    filter:blur(5px);
  }

  .dm360-hero--cinematic .dm360-float-card--automatch,
  .dm360-hero--cinematic .dm360-float-card--opportunity,
  .dm360-hero--cinematic .dm360-float-card--deals,
  .dm360-hero--cinematic .dm360-float-card--market{
    padding:16px 86px 15px 16px!important;
    border-radius:18px;
  }
  .dm360-hero--cinematic .dm360-float-card--deals{padding-right:84px!important}
  .dm360-hero--cinematic .dm360-float-card--market{padding-right:76px!important}
  .dm360-hero--cinematic .dm360-float-card--opportunity{overflow:hidden}
  .dm360-opportunity-price em{top:12px;right:12px}
  .dm360-mini-truck{right:-24px;bottom:-12px;width:136px;height:78px;opacity:.96}
  .dm360-float-card--deals .dm360-sparkline{top:50%;right:12px;bottom:auto;width:74px;height:38px;transform:translateY(-50%)}
  .dm360-bars{right:14px;bottom:18px;transform:scale(.92);transform-origin:right bottom}

  /* Oversized anchored truck: front and cab visible, bed intentionally cropped. */
  .dm360-hero-truck{
    z-index:14;
    right:-18%;
    bottom:12px;
    width:124%;
    max-width:none;
    filter:drop-shadow(0 28px 28px rgba(0,0,0,.58));
    transform:translate3d(var(--truck-x,0),var(--truck-y,0),0)!important;
    transform-origin:center bottom;
  }

  /* The secondary desktop-only KPIs move into later page sections on mobile. */
  .dm360-float-card--value,
  .dm360-float-card--scan{display:none!important}

  .dm360-mobile-showcase-nav{
    position:absolute;
    z-index:20;
    left:50%;
    bottom:4px;
    display:flex;
    align-items:center;
    gap:8px;
    transform:translateX(-50%);
    padding:8px 10px;
    border:1px solid rgba(111,172,244,.16);
    border-radius:999px;
    background:rgba(3,15,29,.5);
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(14px);
  }
  .dm360-mobile-showcase-nav button{
    position:relative;
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(148,176,211,.42);
    cursor:pointer;
    transition:width .32s ease,background .32s ease,box-shadow .32s ease;
  }
  .dm360-mobile-showcase-nav button.is-active{
    width:25px;
    background:#258bff;
    box-shadow:0 0 14px rgba(37,139,255,.75);
  }
}

@media (max-width:390px){
  .dm360-hero-scene{height:550px}
  .dm360-hero-truck{right:-26%;bottom:10px;width:138%}
  .dm360-hero-scene .dm360-float-card[data-mobile-slide]{left:3%!important;width:min(64vw,244px)!important;top:122px!important}
}

@media (prefers-reduced-motion:reduce){
  .dm360-hero-scene .dm360-float-card[data-mobile-slide]{transition:none!important}
}


/* ========================================================================
   v3.41.5 — mobile hero composition rebuilt to match approved layout
   ======================================================================== */
.dm360-hero--cinematic .dm360-hero__inner{
  grid-template-areas:
    "copy scene"
    "cta scene";
  align-content:center;
}
.dm360-hero--cinematic .dm360-hero__copy{grid-area:copy}
.dm360-hero--cinematic .dm360-hero-scene{grid-area:scene}
.dm360-hero--cinematic .dm360-hero__cta-block{
  grid-area:cta;
  max-width:610px;
  align-self:start;
  position:relative;
  z-index:20;
}

@media (max-width:980px){
  .dm360-hero--cinematic .dm360-hero__inner{
    display:grid!important;
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "scene"
      "cta";
    gap:24px;
    min-height:0;
    padding:92px 0 42px;
  }
  .dm360-hero--cinematic .dm360-hero__cta-block{
    max-width:650px;
    margin:0;
  }
}

@media (max-width:640px){
  .dm360-hero--cinematic .dm360-hero__inner{
    width:min(92%,600px);
    gap:20px;
    padding:86px 0 34px;
  }
  .dm360-hero--cinematic .dm360-hero__lead{
    margin-top:20px!important;
  }
  .dm360-hero-scene{
    height:430px!important;
    margin-top:2px!important;
    overflow:hidden!important;
    overflow:clip!important;
  }
  .dm360-hero-scene__glow{
    inset:30% -28% -8% 10%!important;
    opacity:.72;
  }

  /* Mobile card sequence: enter from the left, previous card fades upward. */
  .dm360-hero-scene .dm360-float-card[data-mobile-slide]{
    top:14px!important;
    left:6%!important;
    width:min(60vw,250px)!important;
    min-height:110px!important;
    opacity:0!important;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(-34px,10px,0) scale(.965)!important;
    filter:blur(8px);
    transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),filter .56s ease,visibility 0s linear .78s;
  }
  .dm360-hero-scene .dm360-float-card[data-mobile-slide].is-mobile-active{
    opacity:1!important;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0) scale(1)!important;
    filter:none;
    transition-delay:0s;
  }
  .dm360-hero-scene .dm360-float-card[data-mobile-slide].is-mobile-exiting{
    opacity:0!important;
    visibility:visible;
    transform:translate3d(10px,-24px,0) scale(.985)!important;
    filter:blur(6px);
  }

  .dm360-hero--cinematic .dm360-float-card--automatch,
  .dm360-hero--cinematic .dm360-float-card--opportunity,
  .dm360-hero--cinematic .dm360-float-card--deals,
  .dm360-hero--cinematic .dm360-float-card--market{
    padding:16px 84px 15px 16px!important;
    border-radius:18px;
  }
  .dm360-hero--cinematic .dm360-float-card--deals{padding-right:78px!important}
  .dm360-hero--cinematic .dm360-float-card--market{padding-right:72px!important}
  .dm360-float-card>strong{font-size:14px!important;line-height:1.18}
  .dm360-float-card>small,.dm360-card-kicker,.dm360-float-card__head{font-size:10px!important}
  .dm360-float-card--deals>strong{font-size:25px!important}
  .dm360-float-card--market>strong{font-size:20px!important}
  .dm360-ai-pulse{right:12px;width:60px;height:60px}
  .dm360-ai-pulse__core{width:32px;height:32px;font-size:14px}
  .dm360-mini-truck{right:-28px;bottom:-14px;width:128px;height:74px;opacity:.96}
  .dm360-float-card--deals .dm360-sparkline{right:12px;width:68px;height:34px}
  .dm360-bars{right:12px;bottom:17px;transform:scale(.88);transform-origin:right bottom}

  .dm360-hero-truck{
    z-index:14;
    right:-18%!important;
    bottom:18px!important;
    width:122%!important;
    max-width:none;
    filter:drop-shadow(0 28px 28px rgba(0,0,0,.58));
  }

  .dm360-mobile-showcase-nav{
    bottom:2px!important;
  }

  .dm360-hero--cinematic .dm360-actions{
    margin-top:0;
    flex-direction:column;
  }
  .dm360-hero--cinematic .dm360-button{
    width:100%;
  }
  .dm360-hero--cinematic .dm360-hero__trust{
    flex-wrap:wrap;
    gap:12px 20px;
    margin-top:18px;
  }
}

@media (max-width:390px){
  .dm360-hero-scene{height:405px!important}
  .dm360-hero-truck{right:-23%!important;bottom:22px!important;width:128%!important}
  .dm360-hero-scene .dm360-float-card[data-mobile-slide]{left:5%!important;width:min(63vw,236px)!important;top:12px!important}
}


/* ========================================================================
   v3.41.6 — mobile truck hero crop refinement
   ======================================================================== */
@media (max-width:640px){
  .dm360-hero-truck{
    width:180%!important;
    right:-88%!important;
    bottom:16px!important;
    max-width:none!important;
    transform-origin:left bottom!important;
  }
}
@media (max-width:390px){
  .dm360-hero-truck{
    width:188%!important;
    right:-96%!important;
    bottom:18px!important;
  }
}