/* Homepage sections (Figma: AL - Homepage, 1033:7335) */

/* ---------- Shared section scaffolding ---------- */
.block { padding: 53.55px 0; }
.block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40.8px;
  margin-bottom: 46.75px;
}
.block-head__text { max-width: 674.9px; display: flex; flex-direction: column; gap: 14.45px; }
.block-head--center { flex-direction: column; justify-content: center; text-align: center; gap: 14.45px; }
.block-title { font-weight: 700; font-size: 38.18px; line-height: 1.05; color: var(--navy); }
.block-sub { font-size: 16.79px; color: var(--ink-65); }
.btn--head { height: 52.78px; padding: 8.5px 39.95px; font-weight: 600; font-size: 17.9px; color: var(--navy); text-transform: none; }

/* ---------- Hero ---------- */
.hero { padding: 5.1px 0 39.95px; display: flex; flex-direction: column; align-items: center; }
.hero__panel {
  position: relative;
  width: min(1191.27px, 100% - 40.8px);
  height: 668.1px;
  border-radius: 8.5px;
  overflow: hidden;
  background: var(--navy);
}
.hero__bg {
  position: absolute;
  top: -128.44px;
  left: calc(50% - 705.84px);
  width: 1458.6px;
  height: 973.25px;
  max-width: none;
  object-fit: cover;
}
.hero__panel::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 1;
  height: 435.2px;
  background: linear-gradient(to bottom, var(--navy) 0, var(--navy) 144.5px, rgba(41, 54, 128, 0) 100%);
}
.hero__content {
  position: relative;
  z-index: 2;
  width: min(740.86px, 100% - 27.2px);
  margin: 52.7px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
  text-align: center;
  color: #fff;
}
.hero__pill {
  width: 365.07px;
  max-width: 100%;
  height: 32.55px;
  display: grid;
  place-items: center;
  border-radius: 42.5px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow);
  font-weight: 600;
  font-size: 16.72px;
  letter-spacing: 3.4px;
}
.hero__title { font-weight: 700; font-size: 47.45px; line-height: 1.1; }
.hero__title span { display: block; color: var(--yellow); }
.hero__sub { font-size: 18.25px; }
.hero__actions { display: flex; gap: 17.85px; width: 100%; }
.hero__actions .btn { flex: 1 1 auto; padding: 8.5px 34px; }
.hero__btn-find { color: var(--navy-deep); }

.hero__search {
  position: relative;
  z-index: 1;
  width: min(1003.6px, 100% - 40.8px);
  min-height: 125.8px;
  margin-top: -68px;
  padding: 8.5px 23.8px;
  display: flex;
  align-items: center;
  gap: 17.85px;
  border-radius: 6.21px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2.49px 12.41px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(5.1px);
}
.field { flex: 0 1 240.38px; display: flex; flex-direction: column; gap: 6.8px; }
.field__label { padding-left: 6.8px; font-weight: 500; font-size: 14.94px; color: var(--ink); }
.field select {
  height: 41.95px;
  padding: 0 40.8px 0 17px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  border-radius: 8.5px;
  background: transparent url(../assets/shared/chevron-down.svg) right 17px center / 17.68px 9.35px no-repeat;
  appearance: none;
  font-weight: 500;
  font-size: 14.94px;
  color: var(--ink-50);
  cursor: pointer;
}
.field + .field { margin-left: -5.1px; }
.hero__search-btn { height: 59.32px; margin-left: auto; padding: 8.5px 8.5px; width: 192.1px; font-weight: 600; text-transform: none; }

.hero__sell {
  width: min(1191.27px, 100% - 40.8px);
  min-height: 107.1px;
  margin-top: 45.05px;
  padding: 0 33.15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 27.2px;
  border-radius: 8.5px;
  background: linear-gradient(to bottom, #fff, #ddecfc);
  filter: drop-shadow(0 2.55px 8.5px rgba(0, 0, 0, 0.25));
}
.hero__sell-info { display: flex; align-items: center; gap: 29.75px; }
.hero__sell-img { position: relative; width: 122.4px; height: 69.1px; flex: none; }
.hero__sell-plate { position: absolute; left: 0; top: 56.61px; width: 98.09px; height: 12.49px; }
.hero__sell-car { position: absolute; left: 7.31px; top: 0; width: 115.01px; height: 65.96px; }
.hero__sell-title { font-weight: 700; font-size: 21.9px; line-height: 1.05; color: var(--navy); }
.hero__sell-sub { margin-top: 5.95px; font-size: 15.8px; color: var(--ink-65); }
.hero__sell-btn { height: 52.78px; padding: 8.5px 79.05px; }

/* ---------- Trustpilot strip (home tweaks) ---------- */
.tp-strip { min-height: 189.55px; display: flex; align-items: center; }
.tp-reviews { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; max-width: 780px; }
.tp-reviews::-webkit-scrollbar { display: none; }
.tp-review { flex: none; scroll-snap-align: start; }
.tp-review__stars { position: relative; width: 74.88px; height: 13.86px; }
.tp-review__stars > img { width: 100%; height: 100%; object-fit: cover; }
.tp-review__star-fill { position: absolute; left: 61.33px; top: 0; width: 14.14px; height: 13.86px; }
.tp-review__title { margin-top: 2.55px; }

/* ---------- Block 1: vehicle types + finder ---------- */
.types { display: flex; gap: 29.75px; align-items: stretch; }
.types__grid {
  flex: 0 0 550.67px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 15.3px;
}
.type-tile {
  position: relative;
  aspect-ratio: 315 / 270.24;
  border-radius: 8.5px;
  overflow: hidden;
  background: linear-gradient(181.25deg, #061230 1.2%, #2a54b1 89.88%);
  transition: transform .2s ease;
}
.type-tile--svg { background-size: 100% 100%; background-repeat: no-repeat; }
.type-tile:hover { transform: translateY(-2.55px); }
.type-tile__badge { position: absolute; left: 6.85%; top: 7.98%; width: 12.91%; height: auto; }
.type-tile__label {
  position: absolute;
  left: 24.35%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 19.71px;
  color: var(--yellow);
}
.type-tile__shadow { position: absolute !important; width: 94.32%; height: 18.05%; }
.type-tile__car { position: absolute !important; }
.type-tile__go { position: absolute; left: 80.8%; top: 77.6%; width: 16.23%; height: auto; }

.finder {
  flex: 1;
  padding: 8.5px 25.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14.45px;
  border-radius: 8.5px;
  background: #fff;
  filter: drop-shadow(0 3.65px 6.38px rgba(0, 0, 0, 0.25));
}
.finder__title { margin-bottom: 6.8px; text-align: center; font-weight: 600; font-size: 25.18px; letter-spacing: 1px; color: var(--ink); }
.finder__field { display: flex; flex-direction: column; gap: 6.8px; }
.finder__field span { text-align: center; font-weight: 600; font-size: 16.44px; color: var(--ink); }
.finder__field select {
  height: 44.2px;
  padding: 0 51px 0 24.65px;
  border: 1.36px solid rgba(0, 0, 0, 0.25);
  border-radius: 8.5px;
  background: #fafaf9 url(../assets/home/chevron-sm.svg) right 24.65px center / 18.87px 8.5px no-repeat;
  appearance: none;
  font-size: 15.8px;
  color: var(--ink);
  cursor: pointer;
}
.finder__submit { height: 52.78px; width: 100%; font-weight: 700; }
.finder__foot { margin-top: 6.8px; display: flex; justify-content: space-between; align-items: center; }
.finder__advanced { display: inline-flex; align-items: center; gap: 8.5px; font-weight: 600; font-size: 14.94px; color: rgba(0, 19, 51, 0.75); }
.finder__reset { border: 0; background: none; padding: 0; cursor: pointer; font-size: 14.94px; color: rgba(0, 19, 51, 0.75); text-decoration: underline; }

/* ---------- Block 2: next step cards ---------- */
.block--steps .block-head { margin-bottom: 48.45px; }
.block--steps .btn--head { padding: 8.5px 28.05px; }
.block--types .btn--head { padding: 8.5px 55.25px; }
.steps { display: grid; grid-template-columns: repeat(3, 314.93px); justify-content: center; gap: 28.05px; }
.step-card {
  position: relative;
  height: 568.65px;
  border-radius: 8.5px;
  overflow: hidden;
  box-shadow: 0 3.65px 12.75px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.step-card__bg { position: absolute !important; inset: 0; }
.step-card__keys { position: absolute !important; left: 0; top: 39.61px; width: 100%; height: 426.61px; transform: scaleX(-1); }
.step-card__body { position: relative; padding: 0 27.2px 29.75px; display: flex; flex-direction: column; }
.step-card__title { font-weight: 700; font-size: 30.48px; line-height: 1.2; color: var(--navy); max-width: 198.9px; }
.step-card__text { margin-top: 10.2px; font-weight: 500; font-size: 15.03px; color: rgba(0, 19, 51, 0.75); max-width: 232.05px; }
.step-card__btn { margin-top: 18.7px; width: 260.1px; max-width: 100%; height: 52.78px; padding: 0; gap: 8.5px; font-weight: 600; font-size: 17.48px; color: var(--navy-deep); }
.step-card__btn span { font-weight: 700; font-size: 19.54px; line-height: 1; margin-top: -3.4px; }
.step-card--dark .step-card__body { flex: 1; padding: 39.61px 27.2px 29.75px 32.73px; }
.step-card--dark .step-card__title, .step-card--dark .step-card__text { color: #fff; }
.step-card--dark .step-card__btn { margin-top: auto; margin-left: -5.1px; }

/* ---------- Block 3: trust ---------- */
.block--trust { position: relative; overflow: hidden; }
.trust__glow { position: absolute; left: 50%; top: 50%; width: 1403.35px; max-width: none; height: 1136.45px; transform: translate(-50%, -50%); pointer-events: none; }
.trust { position: relative; height: 940.95px; }
.trust__photo {
  position: absolute;
  width: 13.23%;
  aspect-ratio: 156.16 / 200.35;
  height: auto;
  border-radius: 8.5px;
  object-fit: cover;
  box-shadow: 1.7px 2.55px 4.25px rgba(0, 0, 0, 0.25);
}
.trust__photo.is-flipped { transform: scaleX(-1); }
.trust__center {
  position: absolute;
  left: 50%;
  top: 348.5px;
  width: 523.6px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22.1px;
}
.trust__tp { display: flex; align-items: center; gap: 17px; margin-bottom: 6.8px; }
.trust__cta { margin-top: 6.8px; width: 336.94px; display: flex; flex-direction: column; gap: 10.2px; }
.trust__cta .btn { width: 100%; padding: 8.5px; }
.trust__cta p { font-size: 14.94px; color: var(--ink-65); }
.trust__quote {
  position: absolute;
  margin: 0;
  width: 183.69px;
  height: 211.48px;
  padding: 28.05px 29.32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8.5px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 2.49px 12.41px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(1.7px);
  text-align: center;
}
.trust__quote img { width: 124.95px; height: 23.71px; object-fit: cover; }
.trust__quote blockquote {
  margin: 17px 0 0;
  min-height: 85.85px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15.6px;
  line-height: 1.3;
  color: rgba(16, 24, 40, 0.5);
}
.trust__quote figcaption { margin-top: 10.2px; font-weight: 500; font-size: 13px; color: rgba(16, 24, 40, 0.5); }

/* ---------- Block 4: cars with tabs ---------- */
.block--cars .block-head { margin-bottom: 46.75px; }
.tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15.3px; margin-bottom: 29.75px; }
.tab {
  height: 51.51px;
  border: 0.5px solid var(--navy);
  border-radius: 8.5px;
  background: #fff;
  font-weight: 500;
  font-size: 16.24px;
  color: var(--navy);
  cursor: pointer;
  transition: background .15s ease;
}
.tab:hover { background: #f1f4ff; }
.tab.is-active { background: var(--navy); color: var(--yellow); font-weight: 700; }
.car-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 27.2px 15.3px; }

/* ---------- Block 5: finance ---------- */
.block--finance { padding: 51.85px 0; }
.finance-card {
  width: min(1004.45px, 100% - 40.8px);
  min-height: 439.45px;
  padding: 37.4px 36.55px 0 81.6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 33.15px;
  border-radius: 17px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(221, 236, 252, 0.75));
  box-shadow: 0 2.49px 12.41px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.finance-card__copy { width: 403.75px; display: flex; flex-direction: column; gap: 14.45px; }
.finance-card__title { font-weight: 700; font-size: 33.8px; line-height: 1.05; color: var(--navy-deep); }
.finance-card__copy .btn { margin-top: 27.2px; align-self: flex-start; padding: 8.5px 53.55px; color: var(--navy-deep); }
.finance-card__img { flex: none; width: 448.8px; height: 401.79px; align-self: flex-end; }

/* ---------- Block 6: sell with Motormoolah ---------- */
.block--sell { position: relative; padding-top: 52.27px; }
.sell {
  position: relative;
  width: min(1440.75px, 100%);
  margin: 0 auto;
  border-radius: 68px 68px 0 0;
  background: var(--navy);
  overflow: hidden;
  min-height: 876.77px;
  padding: 65.45px 20.4px 93.5px;
}
.sell::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 93.5px;
  border-radius: 68px 68px 0 0;
  background: #fff;
}
.sell__rings img { position: absolute; left: 50%; top: 400.35px; max-width: none; height: auto; transform: translate(-50%, -50%); }
.sell__inner { position: relative; z-index: 1; width: min(910.35px, 100%); margin: 0 auto 27.2px; display: flex; flex-direction: column; align-items: center; gap: 32.3px; }
.sell__head { width: min(665.55px, 100%); display: flex; flex-direction: column; align-items: center; gap: 14.45px; text-align: center; margin-bottom: 5.95px; }
.sell__title { font-weight: 700; font-size: 34.97px; line-height: 1.05; color: var(--yellow); }
.sell__sub { max-width: 595px; font-weight: 500; font-size: 17.37px; color: #fff; }
.sell__steps { display: grid; grid-template-columns: repeat(3, 280.84px); gap: 34px; justify-content: center; }
.sell-step { position: relative; height: 315.69px; padding: 31.11px 25.5px 0 28.3px; display: flex; flex-direction: column; }
.sell-step__bg { position: absolute; left: -3.49%; top: -2.15%; width: 106.98%; height: 106.21%; max-width: none; }
.sell-step__num {
  position: absolute;
  left: 204.94px;
  top: 11.73px;
  width: 75.91px;
  height: 75.91px;
  display: grid;
  place-items: center;
  border-radius: 15.89px;
  background: var(--yellow);
  font-weight: 700;
  font-size: 36.57px;
  color: #28387f;
}
.sell-step__icon { position: relative; flex: none; }
.sell-step--1 .sell-step__icon { margin-top: 2.55px; }
.sell-step__title {
  position: relative;
  height: 103.7px;
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  font-weight: 700;
  font-size: 21.24px;
  line-height: 1.1;
  color: #28387f;
}
.sell-step--1 .sell-step__title { max-width: 207.4px; }
.sell-step--2 .sell-step__title { max-width: 133.45px; }
.sell-step--3 .sell-step__title { max-width: 158.1px; }
.sell-step__text {
  position: relative;
  min-height: 89.25px;
  margin-top: 15.3px;
  font-family: 'Roboto', var(--font);
  font-size: 15.56px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.75);
}
.sell-step > :nth-child(3) { margin-bottom: 0; }
.sell__btn { width: 402.05px; max-width: 100%; height: 52.78px; font-weight: 600; font-size: 17.9px; color: var(--navy); text-transform: none; }
.sell__powered { margin-top: 5.95px; display: flex; align-items: center; gap: 20.4px; color: #fff; }
.sell__mm { display: flex; align-items: center; gap: 10.03px; }
.sell__mm img:first-child { width: 40.8px; height: 24.65px; object-fit: cover; }
.sell__mm img:last-child { width: 143.65px; height: 17px; object-fit: cover; }
.sell__divider { width: 1px; height: 34px; background: rgba(255, 255, 255, 0.6); }
.sell__by { font-weight: 500; font-size: 16.76px; }
.sell__hg { width: 177.22px; height: 29.66px; object-fit: cover; margin-left: 1.7px; }

/* ---------- Block 7: FAQ ---------- */
.block--faq { padding: 0 0 53.55px; }
.home-faq { display: flex; align-items: center; justify-content: center; gap: 124.95px; }
.home-faq__intro { width: 319.6px; display: flex; flex-direction: column; gap: 14.45px; }
.home-faq__intro .block-sub { max-width: 299.2px; }
.home-faq__btn { margin-top: 27.2px; width: 256.44px; padding: 8.5px; }
.home-faq__list { width: 561.85px; gap: 24.65px; }
.home-faq .accordion__item { background: rgba(221, 236, 252, 0.2); box-shadow: 0 3.4px 3.4px rgba(0, 0, 0, 0.25); }
.home-faq .accordion__q { min-height: 60.77px; padding: 8.5px 42.5px 8.5px 30.6px; font-size: 15.8px; line-height: 21.17px; color: var(--navy); }
.home-faq .accordion__item.is-open .accordion__q { padding: 34px 19.55px 10.2px 30.6px; align-items: flex-start; }
.faq-icon { flex: none; width: 43.86px; height: 43.86px; }
.faq-icon--minus { display: none; place-items: center; border-radius: 14.03px; background: #d9d9d9; }
.faq-icon--minus img { width: 17.43px; height: 3.4px; }
.home-faq .is-open .faq-icon--plus { display: none; }
.home-faq .is-open .faq-icon--minus { display: grid; margin-top: -13.6px; }
.home-faq .accordion__a { padding: 0 99.45px 34px 30.6px; font-size: 14.94px; line-height: 1.5; }

/* ---------- Guides ---------- */
.block--guides .block-head { margin-bottom: 37.4px; }
.guides { display: grid; grid-template-columns: repeat(3, 316.29px); justify-content: center; gap: 27.2px; }
.guide-card { position: relative; height: 605.2px; border-radius: 13.6px; box-shadow: 0 3.65px 12.75px rgba(0, 0, 0, 0.25); overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.guide-card--baked { box-shadow: none; overflow: visible; }
.guide-card__img { position: absolute !important; inset: 0; }
.guide-card__img--baked { left: -4.03%; top: -1.51%; width: 108.06%; height: 104.22%; max-width: none; }
.guide-card__tag {
  position: absolute;
  left: 15.89px;
  top: 19.38px;
  height: 22.44px;
  min-width: 92.48px;
  padding: 0 11.9px 0 9.94px;
  display: inline-flex;
  align-items: center;
  gap: 8.5px;
  border-radius: 13.6px;
  background: var(--yellow);
  font-weight: 500;
  font-size: 13px;
  color: var(--navy);
}
.guide-card__tag img { width: 13.86px; height: 13.86px; }
.guide-card__panel {
  position: relative;
  height: 313.06px;
  padding: 29.75px 33.15px 27.71px;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 8.5px 8.5px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(221, 236, 252, 0.75));
}
.guide-card__title { font-weight: 700; font-size: 21.24px; line-height: 1.1; color: #28387f; max-width: 237.15px; }
.guide-card__text { margin-top: 12.75px; font-family: 'Roboto', var(--font); font-size: 15.56px; line-height: 1.2; color: rgba(0, 0, 0, 0.75); max-width: 224.4px; }
.guide-card__btn { margin-top: auto; width: 249.05px; height: 49.21px; padding: 0 34px; font-weight: 600; font-size: 17.9px; color: var(--navy); text-transform: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1224px) {
  .hero__actions .btn { padding: 8.5px 20.4px; }
}
@media (max-width: 1054px) {
  .types { flex-direction: column; }
  .types__grid { flex: none; width: 100%; }
  .steps, .guides { grid-template-columns: repeat(auto-fit, minmax(255px, 314.5px)); }
  .sell__steps { grid-template-columns: repeat(auto-fit, 280.84px); row-gap: 40.8px; }
  .home-faq { flex-direction: column; align-items: stretch; gap: 34px; }
  .home-faq__intro, .home-faq__list { width: 100%; }
  .car-grid { grid-template-columns: repeat(2, 1fr); }
  .finance-card { padding: 37.4px 27.2px 0 40.8px; }
  .finance-card__img { width: 44%; height: auto; aspect-ratio: 528 / 472.7; }

  /* Trust stage → flowing layout */
  .trust { height: auto; display: flex; flex-direction: column; align-items: center; gap: 40.8px; }
  .trust__photos { display: flex; gap: 11.9px; overflow-x: auto; width: 100%; padding: 6.8px 3.4px 10.2px; scrollbar-width: none; }
  .trust__photo { position: static; flex: none; width: 132.6px; }
  .trust__center { position: static; transform: none; width: min(523.6px, 100%); }
  .trust__quotes { display: flex; flex-wrap: wrap; justify-content: center; gap: 17px; }
  .trust__quote { position: static; }
}
@media (max-width: 935px) {
  .hero__panel { height: auto; min-height: 544px; }
  .hero__content { margin: 40.8px auto 221px; }
  .hero__title { font-size: 35.04px; }
  .hero__sub { font-size: 15.8px; }
  .hero__actions { flex-direction: column; }
  .hero__search { flex-wrap: wrap; padding: 17px; }
  .field { flex: 1 1 170px; }
  .field + .field { margin-left: 0; }
  .hero__search-btn { width: 100%; height: 44.8px; }
  .hero__sell { flex-direction: column; align-items: flex-start; padding: 20.4px; }
  .hero__sell-btn { width: 100%; padding: 8.5px; }
  .block-title { font-size: 29.2px; }
  .block-sub { font-size: 15.39px; }
  .block-head { flex-direction: column; align-items: flex-start; }
  .block-head--center { align-items: center; }
  .finance-card { flex-direction: column; padding: 34px 23.8px 0; align-items: flex-start; }
  .finance-card__copy { width: 100%; }
  .finance-card__title { font-size: 26.28px; }
  .finance-card__img { width: 100%; max-width: 448.8px; align-self: center; }
  .sell { border-radius: 34px 34px 0 0; padding-top: 47.6px; }
  .sell::after { border-radius: 34px 34px 0 0; height: 51px; }
  .sell__title { font-size: 26.28px; }
  .sell__sub { font-size: 15.39px; }
  .tabs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .block { padding: 39.6px 0; }
  .hero__panel, .hero__search, .hero__sell { width: calc(100% - 28.8px); }
  .hero__pill { font-size: 14px; letter-spacing: 1.8px; height: 28.8px; }
  .hero__title { font-size: 30.6px; }
  .hero__content { margin-bottom: 180px; }
  .hero__sell-info { gap: 14.4px; }
  .hero__sell-title { font-size: 19.8px; }
  .hero__sell-sub { font-size: 14.4px; }
  .block-title { font-size: 27px; }
  .block-sub { font-size: 14.4px; }
  .btn--head { height: 54px; font-size: 18px; padding: 9px 25.2px !important; }
  .types__grid { gap: 10.8px; }
  .type-tile__label { font-size: 16.2px; }
  .finder { padding: 21.6px 16.2px; }
  .finder__title { font-size: 23.4px; }
  .finder__field span { font-size: 15.3px; }
  .finder__field select { font-size: 14.4px; height: 41.4px; }
  .steps, .guides { grid-template-columns: 1fr; }
  .step-card, .guide-card { max-width: 360px; width: 100%; margin: 0 auto; }
  .car-grid { grid-template-columns: 1fr; max-width: 324px; margin: 0 auto; }
  .tab { font-size: 14px; height: 45px; }
  .sell { padding: 39.6px 14.4px 72px; }
  .sell__title { font-size: 25.2px; }
  .sell__steps { grid-template-columns: minmax(0, 297px); }
  .sell__powered { flex-wrap: wrap; justify-content: center; gap: 10.8px; }
  .sell__by { font-size: 14.4px; }
  .home-faq .accordion__q { font-size: 14.4px; padding-left: 18px; padding-right: 14.4px; }
  .home-faq .accordion__item.is-open .accordion__q { padding: 21.6px 14.4px 10.8px 18px; }
  .home-faq .accordion__a { padding: 0 18px 21.6px; font-size: 14px; }
  .guide-card__btn, .step-card__btn { width: 100%; }
  .trust__cta { width: 100%; }
  .trust__tp img { width: 99px; height: auto; }
}