:root {
  --auto-graphite: #11161d;
  --auto-carbon: #18212b;
  --auto-slate: #293746;
  --auto-silver: #d9e1e7;
  --auto-blue: #1677ff;
  --auto-cyan: #35d4c5;
  --auto-orange: #ff6b35;
  --auto-warm: #f7f5ef;
  --auto-white: #ffffff;
  --auto-ink: #15202b;
  --auto-copy: #64717e;
  --auto-line: rgba(27, 42, 55, .13);
}

.used-car-premium-page {
  color: var(--auto-ink);
  background: var(--auto-warm);
}

.used-car-premium-page .site-header {
  border-color: rgba(23, 34, 45, .12);
  background: rgba(248, 247, 243, .94);
  backdrop-filter: blur(18px);
}

.used-car-premium-page .nav-links {
  border-color: rgba(23, 34, 45, .12);
  background: rgba(232, 236, 239, .76);
}

.used-car-premium-page .nav-links a:hover,
.used-car-premium-page .nav-links a.active {
  color: var(--auto-graphite);
  background: var(--auto-white);
}

.used-car-premium-page .nav-back {
  color: var(--auto-graphite);
  border-color: rgba(23, 34, 45, .18);
}

.used-car-premium-page .nav-cta {
  background: linear-gradient(135deg, #126eea, var(--auto-blue));
  box-shadow: 0 12px 26px rgba(22, 119, 255, .22);
}

.used-car-premium-page .anchor-band {
  border-color: rgba(22, 34, 45, .11);
  background: rgba(235, 239, 241, .92);
}

.used-car-premium-page .anchor-scroll {
  border-color: rgba(23, 34, 45, .12);
  background: rgba(255, 255, 255, .92);
}

.used-car-premium-page .anchor-scroll a:hover,
.used-car-premium-page .anchor-scroll a.active {
  color: #fff;
  background: var(--auto-graphite);
}

.used-car-premium-page main :where(h1, h2, h3) {
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

.auto-section {
  position: relative;
  padding: clamp(66px, 7.6vw, 108px) 0;
  overflow: hidden;
}

.auto-section--warm { background: var(--auto-warm); }
.auto-section--white { background: var(--auto-white); }
.auto-section--silver { background: linear-gradient(180deg, #edf1f4, #e2e8ec); }
.auto-section--graphite { color: #fff; background: radial-gradient(circle at 90% 20%, rgba(53, 212, 197, .11), transparent 29%), linear-gradient(138deg, #10151b, #1c2732 63%, #152f35); }
.auto-section--electric { color: #fff; background: radial-gradient(circle at 8% 80%, rgba(53, 212, 197, .19), transparent 30%), linear-gradient(130deg, #0f2f57, #1455a0 55%, #1677ff); }
.auto-section--risk { color: #fff; background: radial-gradient(circle at 80% 12%, rgba(255, 107, 53, .14), transparent 26%), linear-gradient(140deg, #171b20, #27221f 58%, #182b2d); }
.auto-section--faq { background: linear-gradient(180deg, #edf1f3, #e5eaed); }
.auto-section--contact { padding-top: 52px; background: var(--auto-warm); }

.auto-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(270px, .64fr);
  align-items: end;
  gap: clamp(30px, 5vw, 78px);
  margin-bottom: clamp(30px, 4vw, 52px);
}

.auto-heading > div { min-width: 0; }
.auto-heading h2 {
  width: 100%;
  margin: 10px 0 0;
  font-size: clamp(31px, 3.25vw, 54px);
  line-height: 1.07;
  letter-spacing: -.052em;
}

.auto-heading > p {
  margin: 0 0 4px;
  color: var(--auto-copy);
  line-height: 1.82;
}

.auto-heading--light > p { color: rgba(255, 255, 255, .66); }
.auto-kicker {
  color: var(--auto-blue);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.auto-heading--light .auto-kicker { color: var(--auto-cyan); }

.auto-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(24, 37, 49, .16);
  border-radius: 28px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 30px 70px rgba(17, 28, 38, .17);
}

.auto-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: transparent;
}

.auto-media figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 19px;
  color: #46535e;
  border-top: 1px solid rgba(24, 37, 49, .1);
  background: rgba(255, 255, 255, .96);
}

.auto-media figcaption span {
  color: var(--auto-blue);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
}

.auto-media figcaption strong { font-size: 13px; }

.auto-hero {
  position: relative;
  padding: clamp(76px, 8vw, 122px) 0 28px;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(circle at 15% 20%, rgba(22, 119, 255, .26), transparent 30%), radial-gradient(circle at 87% 16%, rgba(53, 212, 197, .18), transparent 27%), linear-gradient(145deg, #0d1218, #1c2732 60%, #113844);
}

.auto-hero::after {
  position: absolute;
  right: -120px;
  top: -180px;
  width: 560px;
  aspect-ratio: 1;
  content: "";
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  box-shadow: inset 0 0 0 75px rgba(22, 119, 255, .03), inset 0 0 0 150px rgba(53, 212, 197, .025);
  pointer-events: none;
}

.auto-speedline {
  position: absolute;
  inset: 0;
  opacity: .32;
  pointer-events: none;
  background-image: linear-gradient(112deg, transparent 0 55%, rgba(255,255,255,.08) 55.1% 55.3%, transparent 55.4%), linear-gradient(112deg, transparent 0 68%, rgba(53,212,197,.08) 68.1% 68.25%, transparent 68.35%);
  background-size: 170px 100%, 260px 100%;
  mask-image: linear-gradient(to right, transparent, #000 42%, #000);
}

.auto-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(430px, .88fr) minmax(520px, 1.12fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
}

.auto-hero__copy { min-width: 0; }
.auto-series {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 21px;
  padding: 10px 14px;
  color: #0e202a;
  border-radius: 11px;
  background: linear-gradient(135deg, #9ef4eb, var(--auto-cyan));
  box-shadow: 7px 7px 0 rgba(22, 119, 255, .15);
}

.auto-series span { font-size: 9px; font-weight: 950; letter-spacing: .15em; }
.auto-series em { font-size: 12px; font-style: normal; font-weight: 850; }
.auto-hero .eyebrow { color: #7eaeff; }
.auto-hero h1 {
  width: 100%;
  margin: 14px 0;
  font-size: clamp(49px, 6vw, 92px);
  line-height: .98;
  letter-spacing: -.075em;
}

.auto-hero__claim {
  margin: 0 0 16px;
  font-size: clamp(22px, 2.2vw, 35px);
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: -.035em;
}

.auto-hero .hero-lead { max-width: 730px; color: rgba(255, 255, 255, .69); line-height: 1.85; }
.auto-hero .button-primary { color: #fff; background: linear-gradient(135deg, #126eea, var(--auto-blue)); }
.auto-hero__signals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 29px; }
.auto-hero__signals article {
  display: grid;
  grid-template-columns: 27px 1fr;
  gap: 9px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(10px);
}

.auto-hero__signals article > span { color: var(--auto-cyan); font-size: 10px; font-weight: 900; }
.auto-hero__signals strong, .auto-hero__signals small { display: block; }
.auto-hero__signals strong { font-size: 12px; }
.auto-hero__signals small { margin-top: 5px; color: rgba(255,255,255,.56); font-size: 9px; line-height: 1.48; }
.auto-hero__media { transform: rotate(1deg); border-color: rgba(255,255,255,.17); box-shadow: 0 38px 88px rgba(0,0,0,.35); }
.auto-boundary {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  margin-top: 28px;
  padding: 17px 21px;
  border: 1px solid rgba(53, 212, 197, .24);
  border-radius: 16px;
  background: rgba(5, 11, 16, .38);
  backdrop-filter: blur(12px);
}

.auto-boundary strong { color: var(--auto-cyan); white-space: nowrap; }
.auto-boundary span { color: rgba(255,255,255,.67); line-height: 1.72; }

.positioning-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 21px; align-items: start; }
.positioning-statement {
  padding: clamp(31px, 4vw, 54px);
  color: #fff;
  border-radius: 30px;
  background: radial-gradient(circle at 90% 10%, rgba(53,212,197,.18), transparent 27%), linear-gradient(145deg, #151c23, #253746);
  box-shadow: 0 26px 58px rgba(16, 25, 34, .2);
}

.positioning-statement > span,
.marketplace-story > span,
.report-card > span,
.service-ledger__lead > span,
.auto-cta > div > span {
  color: var(--auto-cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}

.positioning-statement h3,
.marketplace-story > h3,
.report-card h3,
.service-ledger__lead h3 {
  margin: 18px 0 15px;
  font-size: clamp(25px, 2.35vw, 39px);
  line-height: 1.15;
  letter-spacing: -.035em;
}

.positioning-statement p { color: rgba(255,255,255,.7); line-height: 1.9; }
.audience-track { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.audience-track span { padding: 8px 11px; font-size: 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(255,255,255,.06); }
.pain-bento { display: grid; grid-template-columns: repeat(2, 1fr); align-items: start; gap: 11px; }
.pain-card { min-width: 0; padding: 24px; border: 1px solid var(--auto-line); border-radius: 21px; background: rgba(255,255,255,.78); }
.pain-card--wide { grid-column: 1 / -1; }
.pain-card--orange { background: #ffebe1; }
.pain-card--mint { background: #e1f7f3; }
.pain-card em { color: var(--auto-blue); font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.pain-card--orange em { color: #db4c1b; }
.pain-card--mint em { color: #16897d; }
.pain-card h3 { margin: 27px 0 9px; font-size: clamp(16px, 1.35vw, 21px); }
.pain-card p { margin: 0; color: var(--auto-copy); line-height: 1.72; }

.trust-rail { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.trust-rail::before { position: absolute; left: 7%; right: 7%; top: 42px; height: 1px; content: ""; background: linear-gradient(90deg, var(--auto-blue), var(--auto-cyan)); opacity: .4; }
.trust-node { position: relative; min-width: 0; padding: 21px; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(255,255,255,.055); backdrop-filter: blur(10px); }
.trust-node > span { position: relative; z-index: 1; display: grid; place-items: center; width: 42px; height: 42px; color: #07161d; border: 5px solid #17222b; border-radius: 50%; background: linear-gradient(135deg, var(--auto-cyan), #b6fff5); font-size: 9px; font-weight: 900; }
.trust-node em { display: block; margin-top: 24px; color: #7faeff; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .13em; }
.trust-node h3 { margin: 10px 0; font-size: 17px; }
.trust-node p { margin: 0; color: rgba(255,255,255,.62); line-height: 1.72; }
.trust-node strong { display: block; margin-top: 17px; padding-top: 14px; color: var(--auto-cyan); border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }
.trust-ledger { display: grid; grid-template-columns: .7fr 1.1fr .9fr; align-items: center; gap: 30px; margin-top: 14px; padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 21px; background: linear-gradient(90deg, rgba(22,119,255,.13), rgba(53,212,197,.08)); }
.trust-ledger > div > span { display: block; color: #79aaff; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.trust-ledger > div > strong { display: block; margin-top: 9px; font-size: 16px; }
.trust-ledger p { margin: 0; color: rgba(255,255,255,.65); line-height: 1.75; }
.ledger-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.ledger-tags span { padding: 7px 9px; color: #c8fffa; border: 1px solid rgba(53,212,197,.22); border-radius: 999px; background: rgba(53,212,197,.06); font-size: 9px; }

.journey-stage { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(26px, 4vw, 55px); }
.journey-media { transform: rotate(-.7deg); }
.dual-track { display: grid; gap: 8px; }
.track-head { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.track-head span { padding: 10px 12px; color: #fff; border-radius: 10px; background: var(--auto-graphite); font-size: 9px; font-weight: 900; letter-spacing: .09em; }
.track-head span:last-child { background: var(--auto-blue); }
.track-row { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.track-row::after { position: absolute; left: 50%; top: 50%; width: 8px; height: 1px; content: ""; background: rgba(25,44,58,.22); transform: translate(-50%, -50%); }
.track-row article { display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 9px; min-width: 0; padding: 12px; border: 1px solid var(--auto-line); border-radius: 14px; background: rgba(255,255,255,.77); }
.track-row--merge article { border-color: rgba(22,119,255,.28); box-shadow: inset 0 0 0 1px rgba(22,119,255,.06); }
.track-row i { display: grid; place-items: center; width: 28px; height: 28px; color: var(--auto-graphite); border-radius: 9px; background: var(--auto-silver); font-size: 8px; font-style: normal; font-weight: 900; }
.track-row article:last-child i { color: #fff; background: var(--auto-blue); }
.track-row strong, .track-row small { display: block; }
.track-row strong { font-size: 11px; }
.track-row small { margin-top: 4px; color: #74808a; font-size: 8px; line-height: 1.4; }

.marketplace-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(34px, 5vw, 72px); }
.marketplace-story { min-width: 0; }
.marketplace-story > span { color: var(--auto-blue); }
.marketplace-story > p { color: var(--auto-copy); line-height: 1.85; }
.feature-stack { display: grid; gap: 8px; margin-top: 23px; }
.feature-stack article { display: grid; grid-template-columns: 33px 1fr; gap: 10px; min-width: 0; padding: 13px; border: 1px solid var(--auto-line); border-radius: 14px; background: #f6f7f8; }
.feature-stack article > span { color: var(--auto-blue); font-size: 9px; font-weight: 900; }
.feature-stack strong, .feature-stack small { display: block; }
.feature-stack strong { font-size: 12px; }
.feature-stack small { margin-top: 4px; color: #75818b; font-size: 9px; line-height: 1.48; }
.devices-media { transform: translateY(7px) rotate(.5deg); }
.experience-strip { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 27px; overflow: hidden; color: #fff; border-radius: 18px; background: linear-gradient(90deg, var(--auto-graphite), #263845); }
.experience-strip article { min-width: 0; padding: 17px 19px; border-right: 1px solid rgba(255,255,255,.12); }
.experience-strip article:last-child { border: 0; }
.experience-strip span, .experience-strip strong { display: block; }
.experience-strip span { color: var(--auto-cyan); font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.experience-strip strong { margin-top: 8px; font-size: 12px; }

.auto-section--electric .auto-kicker { color: #95fff4; }
.inspection-layout { display: grid; grid-template-columns: minmax(440px, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(32px, 5vw, 70px); }
.inspection-media { transform: rotate(-.8deg); border-color: rgba(255,255,255,.18); box-shadow: 0 36px 80px rgba(4, 30, 70, .28); }
.inspection-story { display: grid; gap: 12px; }
.report-card { padding: clamp(26px, 3.5vw, 44px); border: 1px solid rgba(255,255,255,.17); border-radius: 26px; background: rgba(8, 41, 84, .3); backdrop-filter: blur(12px); }
.report-card > span { color: #a4fff5; }
.report-card h3 { margin-top: 15px; }
.report-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 20px; }
.report-grid span { padding: 10px; color: rgba(255,255,255,.79); border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(255,255,255,.055); font-size: 10px; }
.report-card p { margin: 18px 0 0; color: rgba(255,255,255,.67); line-height: 1.75; }
.valuation-pair { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.valuation-pair article { min-width: 0; padding: 21px; color: var(--auto-ink); border-radius: 20px; background: rgba(255,255,255,.92); }
.valuation-pair em { color: var(--auto-blue); font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .11em; }
.valuation-pair h3 { margin: 23px 0 9px; font-size: 17px; }
.valuation-pair p { margin: 0; color: var(--auto-copy); line-height: 1.7; }
.valuation-pair strong { display: block; margin-top: 15px; color: #136c66; font-size: 10px; }

.handover-board { display: grid; gap: 18px; }
.handover-line { display: grid; grid-template-columns: repeat(6, 1fr); overflow: hidden; border: 1px solid var(--auto-line); border-radius: 22px; background: #fff; box-shadow: 0 18px 46px rgba(21, 32, 43, .08); }
.handover-line article { position: relative; min-width: 0; padding: 22px 18px; border-right: 1px solid var(--auto-line); }
.handover-line article:last-child { border: 0; }
.handover-line article::after { position: absolute; right: -5px; top: 26px; z-index: 1; width: 9px; height: 9px; content: ""; border: solid #cad3d9; border-width: 1px 1px 0 0; background: #fff; transform: rotate(45deg); }
.handover-line article:last-child::after { display: none; }
.handover-line span { color: var(--auto-blue); font-size: 9px; font-weight: 900; }
.handover-line h3 { margin: 29px 0 9px; font-size: 15px; }
.handover-line p { margin: 0; color: var(--auto-copy); font-size: 10px; line-height: 1.65; }
.service-ledger { display: grid; grid-template-columns: .78fr 1.22fr; gap: 14px; }
.service-ledger__lead { padding: 27px; color: #fff; border-radius: 24px; background: linear-gradient(140deg, #15202a, #234252); }
.service-ledger__lead h3 { font-size: clamp(23px, 2vw, 34px); }
.service-ledger__lead p { margin: 0; color: rgba(255,255,255,.67); line-height: 1.8; }
.service-ledger__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.service-ledger__items article { min-width: 0; padding: 21px; border: 1px solid var(--auto-line); border-radius: 19px; background: rgba(255,255,255,.78); }
.service-ledger__items strong, .service-ledger__items span { display: block; }
.service-ledger__items strong { font-size: 14px; }
.service-ledger__items span { margin-top: 16px; color: var(--auto-copy); font-size: 10px; line-height: 1.6; }

.risk-matrix { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.risk-card { min-width: 0; padding: 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: rgba(255,255,255,.055); }
.risk-card em { color: #ff976f; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.risk-card h3 { margin: 29px 0 10px; font-size: 17px; }
.risk-card p { margin: 0; color: rgba(255,255,255,.62); line-height: 1.75; }
.risk-notice { display: grid; grid-template-columns: auto 1fr; gap: 20px; margin-top: 13px; padding: 19px 22px; border: 1px solid rgba(255,107,53,.3); border-radius: 17px; background: rgba(255,107,53,.08); }
.risk-notice strong { color: #ff9873; white-space: nowrap; }
.risk-notice span { color: rgba(255,255,255,.69); line-height: 1.75; }

.dashboard-media { max-width: 1180px; margin-inline: auto; }
.dashboard-ribbon { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 20px; overflow: hidden; border: 1px solid var(--auto-line); border-radius: 20px; background: rgba(255,255,255,.88); box-shadow: 0 16px 42px rgba(27, 40, 50, .08); }
.dashboard-ribbon article { min-width: 0; padding: 20px; border-right: 1px solid var(--auto-line); }
.dashboard-ribbon article:last-child { border: 0; }
.dashboard-ribbon span, .dashboard-ribbon strong, .dashboard-ribbon small { display: block; }
.dashboard-ribbon span { color: var(--auto-blue); font-size: 9px; font-weight: 900; }
.dashboard-ribbon strong { margin-top: 9px; font-size: 13px; }
.dashboard-ribbon small { margin-top: 7px; color: #75818a; line-height: 1.5; }

.scenario-garage { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.scenario-garage article { position: relative; min-width: 0; padding: 25px 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(255,255,255,.055); }
.scenario-garage article:nth-child(even) { transform: translateY(12px); }
.scenario-garage article > span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--auto-graphite); border-radius: 10px; background: linear-gradient(135deg, var(--auto-cyan), #b9fff7); font-size: 9px; font-weight: 900; }
.scenario-garage em { display: block; margin-top: 23px; color: #7eaeff; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .12em; }
.scenario-garage h3 { margin: 10px 0; font-size: 17px; }
.scenario-garage p { margin: 0; color: rgba(255,255,255,.64); line-height: 1.75; }

.plan-lanes { display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: 11px; }
.plan-card { position: relative; min-width: 0; padding: 25px 22px; border: 1px solid var(--auto-line); border-radius: 21px; background: #f7f8f8; }
.plan-card em { color: var(--auto-blue); font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.plan-card h3 { margin: 31px 0 10px; font-size: 18px; }
.plan-card p { color: var(--auto-copy); line-height: 1.7; }
.plan-card ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--auto-line); list-style: none; }
.plan-card li { color: #596671; font-size: 11px; }
.plan-card li::before { content: "✓"; margin-right: 7px; color: var(--auto-blue); font-weight: 900; }
.plan-card--featured { color: #fff; background: linear-gradient(145deg, #126eea, #143e72); transform: translateY(-8px); box-shadow: 0 25px 54px rgba(22,119,255,.24); }
.plan-card--featured p, .plan-card--featured li { color: rgba(255,255,255,.72); }
.plan-card--featured ul { border-color: rgba(255,255,255,.15); }
.plan-card--featured li::before { color: var(--auto-cyan); }
.plan-badge { position: absolute; top: 16px; right: 16px; padding: 6px 8px; color: #0b2730; border-radius: 999px; background: var(--auto-cyan); font-size: 8px; font-weight: 900; }

.auto-faq { display: flex; flex-direction: column; gap: 23px; }
.auto-faq .faq-intro { display: grid; grid-template-columns: minmax(0, 1.24fr) minmax(270px, .76fr); gap: 0 clamp(28px, 5vw, 76px); align-items: end; width: 100%; flex: 0 0 auto; }
.auto-faq .faq-intro .auto-kicker,
.auto-faq .faq-intro h2 { grid-column: 1; }
.auto-faq .faq-intro h2 { margin: 9px 0 0; font-size: clamp(31px, 3vw, 50px); letter-spacing: -.05em; }
.auto-faq .faq-intro > p { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0 0 4px; color: var(--auto-copy); line-height: 1.8; }
.faq-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.auto-faq .faq-chips { grid-column: 1 / -1; }
.faq-chips span { padding: 7px 9px; color: var(--auto-blue); border: 1px solid var(--auto-line); border-radius: 999px; background: #fff; font-size: 9px; font-weight: 900; }
.auto-faq .faq-list { width: 100%; }
.auto-faq .faq-item { border-color: var(--auto-line); box-shadow: 0 10px 28px rgba(27, 40, 50, .055); }
.auto-faq .faq-question::after { color: var(--auto-blue); background: #e2edfb; }

.auto-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 36px; padding: clamp(31px, 5vw, 60px); overflow: hidden; color: #fff; border-radius: 30px; background: radial-gradient(circle at 86% 20%, rgba(53,212,197,.23), transparent 28%), radial-gradient(circle at 8% 90%, rgba(255,107,53,.13), transparent 26%), linear-gradient(130deg, #11161d, #17416b 62%, #12566a); box-shadow: 0 31px 74px rgba(19, 31, 41, .24); }
.auto-cta > div { min-width: 0; }
.auto-cta h2 { width: 100%; margin: 12px 0; font-size: clamp(28px, 3vw, 48px); }
.auto-cta p { max-width: 850px; margin: 0; color: rgba(255,255,255,.7); line-height: 1.76; }
.auto-cta .button-primary { color: #061d25; background: linear-gradient(135deg, #9cf4ea, var(--auto-cyan)); }

@media (max-width: 1180px) {
  .auto-hero__inner { grid-template-columns: .88fr 1.12fr; gap: 33px; }
  .auto-hero__signals { grid-template-columns: 1fr; }
  .trust-rail { grid-template-columns: repeat(2, 1fr); }
  .trust-rail::before { display: none; }
  .trust-ledger { grid-template-columns: .75fr 1.25fr; }
  .trust-ledger .ledger-tags { grid-column: 1 / -1; }
  .handover-line { grid-template-columns: repeat(3, 1fr); }
  .handover-line article:nth-child(3) { border-right: 0; }
  .handover-line article:nth-child(-n+3) { border-bottom: 1px solid var(--auto-line); }
  .handover-line article:nth-child(3)::after { display: none; }
  .dashboard-ribbon { grid-template-columns: repeat(2, 1fr); }
  .dashboard-ribbon article:nth-child(2) { border-right: 0; }
  .dashboard-ribbon article:nth-child(-n+2) { border-bottom: 1px solid var(--auto-line); }
  .scenario-garage, .plan-lanes { grid-template-columns: repeat(2, 1fr); }
  .scenario-garage article:nth-child(even) { transform: none; }
}

@media (max-width: 900px) {
  .auto-section { padding: 57px 0; }
  .auto-heading { grid-template-columns: 1fr; gap: 13px; margin-bottom: 29px; }
  .auto-hero { padding: 65px 0 24px; }
  .auto-hero__inner,
  .positioning-grid,
  .journey-stage,
  .marketplace-layout,
  .inspection-layout,
  .service-ledger { grid-template-columns: 1fr; }
  .auto-hero__signals { grid-template-columns: repeat(3, 1fr); }
  .auto-hero__media, .journey-media, .devices-media, .inspection-media { transform: none; }
  .marketplace-story { order: 1; }
  .devices-media { order: 0; }
  .trust-ledger { grid-template-columns: 1fr; gap: 15px; }
  .trust-ledger .ledger-tags { grid-column: auto; }
  .inspection-story { grid-template-columns: 1fr; }
  .auto-faq .faq-intro { grid-template-columns: 1fr; gap: 0; }
  .auto-faq .faq-intro > p { grid-column: 1; grid-row: auto; margin-top: 12px; }
  .auto-cta { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .auto-section { padding: 46px 0; }
  .auto-media { border-radius: 20px; }
  .auto-media figcaption { align-items: flex-start; flex-direction: column; gap: 5px; padding: 12px 14px; }
  .auto-hero { padding: 50px 0 22px; }
  .auto-hero h1 { font-size: clamp(37px, 11.5vw, 56px); }
  .auto-hero__claim { font-size: 20px; }
  .auto-hero__signals,
  .pain-bento,
  .trust-rail,
  .valuation-pair,
  .service-ledger__items,
  .risk-matrix,
  .dashboard-ribbon,
  .scenario-garage,
  .plan-lanes { grid-template-columns: 1fr; }
  .pain-card--wide { grid-column: auto; }
  .auto-boundary, .risk-notice { grid-template-columns: 1fr; gap: 8px; }
  .track-head { display: none; }
  .track-row { grid-template-columns: 1fr; }
  .track-row::after { display: none; }
  .experience-strip { grid-template-columns: 1fr; }
  .experience-strip article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .experience-strip article:last-child { border-bottom: 0; }
  .report-grid { grid-template-columns: 1fr; }
  .handover-line { grid-template-columns: 1fr; }
  .handover-line article,
  .handover-line article:nth-child(3) { border-right: 0; border-bottom: 1px solid var(--auto-line); }
  .handover-line article:last-child { border-bottom: 0; }
  .handover-line article::after { display: none; }
  .dashboard-ribbon article,
  .dashboard-ribbon article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--auto-line); }
  .dashboard-ribbon article:last-child { border-bottom: 0; }
  .plan-card--featured { transform: none; }
  .auto-cta { padding: 27px 20px; border-radius: 22px; }
}

@media (prefers-reduced-motion: no-preference) {
  .auto-media,
  .pain-card,
  .trust-node,
  .risk-card,
  .scenario-garage article,
  .plan-card,
  .service-ledger__items article {
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }
  .auto-media:hover { transform: translateY(-4px); box-shadow: 0 36px 82px rgba(17,28,38,.21); }
  .auto-hero__media:hover, .journey-media:hover, .devices-media:hover, .inspection-media:hover { transform: translateY(-4px); }
  .pain-card:hover,
  .trust-node:hover,
  .risk-card:hover,
  .scenario-garage article:hover,
  .plan-card:hover,
  .service-ledger__items article:hover { transform: translateY(-5px); }
  .scenario-garage article:nth-child(even):hover { transform: translateY(7px); }
  .plan-card--featured:hover { transform: translateY(-12px); }
}

@media (prefers-reduced-motion: reduce) {
  .auto-hero__media,
  .journey-media,
  .devices-media,
  .inspection-media,
  .scenario-garage article,
  .plan-card--featured { transform: none; }
}