:root {
  /* HSL Palette (Pro Max) */
  --h: 216;
  /* Primary Hue (Slate) */
  --s: 32%;
  /* Primary Saturation */

  --bg: hsl(var(--h), 12%, 97%);
  --bg-soft: hsl(0, 0%, 100%);
  --bg-card: hsla(0, 0%, 100%, 0.88);
  --bg-card-strong: hsla(0, 0%, 100%, 0.98);

  --text: hsl(var(--h), 45%, 15%);
  --text-soft: hsl(var(--h), 15%, 42%);
  --text-muted: hsl(var(--h), 12%, 58%);

  --line: hsla(var(--h), 20%, 80%, 0.6);
  --white-line: hsla(0, 0%, 100%, 0.8);

  --accent: hsl(4, 100%, 52%);
  /* Intense Automotive Red */
  --accent-hover: hsl(4, 100%, 46%);
  --accent-soft: hsl(4, 100%, 94%);

  --nav-accent: hsl(30, 100%, 50%);
  /* Pro Max Navigation Orange */

  --cta: hsl(51, 100%, 49%);
  /* Pure Performance Yellow */
  --cta-hover: hsl(51, 100%, 44%);
  --cta-text: hsl(216, 62%, 15%);

  --success: hsl(142, 70%, 45%);

  /* Shadows (Luxury Hierarchy) */
  --shadow-sm: 0 4px 12px -4px hsla(var(--h), 45%, 15%, 0.08);
  --shadow-md: 0 12px 24px -12px hsla(var(--h), 45%, 15%, 0.12);
  --shadow-lg: 0 32px 64px -28px hsla(var(--h), 45%, 15%, 0.18);
  --shadow-xl: 0 48px 96px -32px hsla(var(--h), 45%, 15%, 0.22);

  --shadow-soft: var(--shadow-xl);
  --shadow-panel: var(--shadow-lg);
  --shadow-hero: 0 42px 110px -65px hsla(var(--h), 45%, 15%, 0.4);
  --shadow-button: 0 16px 32px -16px hsla(51, 100%, 49%, 0.4);

  /* Typography (Modular Scale 1.25) */
  --font-display: "Segoe UI", "Trebuchet MS", system-ui, -apple-system, sans-serif;
  --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;

  --text-base: 16px;
  --text-ratio: 1.25;

  --text-xs: calc(var(--text-base) / var(--text-ratio));
  --text-sm: 14px;
  --text-md: 18px;
  --text-lg: calc(var(--text-md) * var(--text-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-ratio));
  --text-2xl: calc(var(--text-xl) * var(--text-ratio));

  --radius-sm: 16px;
  --radius-md: 20px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --container: 1180px;
}

.hero__title-line--main,
.hero__title-line--accent {
  white-space: nowrap !important;
}

.hero__title-line--main.hero__title-line--main-compact {
  font-size: 30px !important;
}

.hero__title-line--main.hero__title-line--main-tight {
  font-size: 28px !important;
  letter-spacing: -0.03em !important;
}

.hero__title-line--accent.hero__title-line--accent-compact {
  font-size: 28px !important;
  letter-spacing: -0.025em !important;
}

.hero__title-line--accent.hero__title-line--accent-tight {
  font-size: 22px !important;
  letter-spacing: -0.02em !important;
}

@media (min-width: 1024px) {
  .hero__title-line--main.hero__title-line--main-compact {
    font-size: 52px !important;
  }

  .hero__title-line--main.hero__title-line--main-tight {
    font-size: 44px !important;
  }

  .hero__title-line--accent.hero__title-line--accent-compact {
    font-size: 38px !important;
  }

  .hero__title-line--accent.hero__title-line--accent-tight {
    font-size: 31px !important;
  }
}

@media (min-width: 1024px) {
  .testimonials-strip {
    max-width: 1084px;
  }

  .testimonials-strip .media-strip__track {
    padding-inline: 0 !important;
  }

  .testimonials-strip .media-strip__nav:first-child {
    left: -26px;
  }

  .testimonials-strip .media-strip__nav:last-child {
    right: -26px;
  }

  .purchased-strip .media-strip__track {
    grid-template-rows: repeat(2, 150px);
    grid-auto-columns: 200px;
    padding-inline: 48px;
  }

  .purchased-card {
    width: 200px;
    height: 150px;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

/* Pro Max Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.reveal {
  opacity: 0;
}

.reveal.is-visible {
  animation: fadeInUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

img,
video {
  display: block;
  max-width: 100%;
}

.deferred-image {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(15, 23, 42, 0.08));
}

button,
input,
select {
  font: inherit;
}

button {
  border: 0;
  background: none;
}

a {
  color: inherit;
  text-decoration: none;
}

[hidden] {
  display: none !important;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.container {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
}

.mobile-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 70;
  display: flex;
  align-items: stretch;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0;
  background: #ffffff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-topbar.header-hidden {
  transform: translateY(-100%);
}

.mobile-topbar__brand {
  min-width: 0;
  display: flex;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding-inline: 4px;
}

.mobile-topbar__logo {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 4px;
  box-shadow: 0 8px 16px -12px rgba(245, 158, 11, 0.32)
    /* Orange */
  ;
}

.mobile-topbar__brand span {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: #334155;
}

.mobile-topbar__button,
.desktop-header__button,
.hero-form__primary,
.section-cta__button,
.quiz-form__submit {
  cursor: pointer;
  color: var(--cta-text);
  background: var(--cta);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.mobile-topbar__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0 16px;
  min-height: 44px;
  border-radius: 16px;
  box-shadow: var(--shadow-button);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.mobile-topbar__button:hover,
.desktop-header__button:hover,
.hero-form__primary:hover,
.quiz-form__submit:hover,
.section-cta__button:hover {
  background-color: var(--cta-hover);
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -15px hsla(51, 100%, 49%, 0.5);
}

.hero-form__primary,
.cta-button,
.hero__video-button,
.mobile-topbar__button,
.desktop-header__button,
.section-cta__button,
.quiz-form__submit {
  transition: border-radius 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s ease, background 0.3s ease;
}

body.is-scrolled .hero-form__primary,
body.is-scrolled .cta-button,
body.is-scrolled .mobile-topbar__button,
body.is-scrolled .desktop-header__button,
body.is-scrolled .section-cta__button,
body.is-scrolled .quiz-form__submit {
  border-radius: 32px !important;
}

.hero-form__primary,
.cta-button,
.hero__video-button,
.mobile-topbar__button,
.desktop-header__button,
.section-cta__button {
  transition: border-radius 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease, background 0.3s ease;
}

body.is-scrolled .hero-form__primary,
body.is-scrolled .cta-button,
body.is-scrolled .mobile-topbar__button,
body.is-scrolled .desktop-header__button,
body.is-scrolled .section-cta__button {
  border-radius: 32px !important;
}

.mobile-topbar__button:active,
.desktop-header__button:active,
.hero-form__primary:active,
.quiz-form__submit:active,
.section-cta__button:active {
  transform: translateY(0);
}

.desktop-header {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #ffffff;
  backdrop-filter: none;
  border-bottom: 1px solid var(--line);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.desktop-header.header-hidden {
  transform: translateY(-100%);
}

@media (min-width: 1024px) {
  .desktop-header {
    display: block;
  }
}

/* Hero refresh 2026-03-20 */
.mobile-topbar {
  padding: 6px 12px !important;
  min-height: 58px;
  align-items: center !important;
}

.mobile-topbar__brand {
  gap: 12px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100%;
}

.mobile-topbar__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.mobile-topbar__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.mobile-topbar__copy strong {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.05;
  color: #0f172a;
}

.mobile-topbar__phone-inline {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #0f172a;
  white-space: nowrap;
}

.mobile-topbar__copy small {
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #64748b;
}

.mobile-topbar__logo {
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px !important;
  border-radius: 6px !important;
}

.mobile-topbar__button,
.desktop-header__button {
  display: none !important;
}

.desktop-header__inner {
  min-height: 60px !important;
  height: auto !important;
  gap: 18px !important;
}

.desktop-header__branding {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.desktop-header__logo {
  font-size: 39px !important;
  line-height: 0.95;
}

.desktop-header__region {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.1;
  color: #334155;
}

.desktop-header__phone {
  display: none;
  color: #0f172a;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.hero {
  background: #0f172a !important;
}

.hero__background-image {
  display: block !important;
  background:
    linear-gradient(180deg, rgba(9, 15, 28, 0.06) 0%, rgba(9, 15, 28, 0.06) 100%),
    url('/images/real-process/03-mobile.webp?v=20260525-assets2') center bottom 18px / auto 74% no-repeat !important;
  opacity: 1 !important;
}

.hero__background-overlay {
  background: linear-gradient(180deg,
      rgba(8, 14, 24, 0.6) 0%,
      rgba(8, 14, 24, 0.72) 20%,
      rgba(8, 14, 24, 0.82) 48%,
      rgba(8, 14, 24, 0.9) 72%,
      rgba(8, 14, 24, 0.95) 100%) !important;
}

.hero__background-accent {
  background:
    radial-gradient(circle at top right, rgba(255, 205, 61, 0.22), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255, 135, 61, 0.18), transparent 36%) !important;
}

.hero__container {
  padding-top: 76px !important;
  padding-bottom: 44px !important;
  gap: 32px !important;
}

.hero__content {
  color: #ffffff !important;
}

.hero__eyebrow {
  margin-bottom: 10px !important;
}

.hero__question {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.94);
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

.hero__question::before {
  content: '';
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 205, 61, 0.95), rgba(255, 135, 61, 0.75));
}

.hero__title {
  margin: 0 0 12px !important;
  max-width: 820px;
  font-size: 38px !important;
  line-height: 1.02 !important;
  color: #ffffff !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.42) !important;
}

.hero__title>span {
  display: block !important;
}

.hero__title>span:nth-child(2) {
  color: #ffd54a !important;
}

.hero__subtitle {
  max-width: 560px;
  margin-top: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.hero__buyout-list {
  margin-top: 18px !important;
}

.hero__buyout-item {
  background: rgba(12, 18, 30, 0.36) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 16px 32px -22px rgba(0, 0, 0, 0.55) !important;
}

.hero__buyout-item span:last-child {
  color: rgba(255, 255, 255, 0.96) !important;
}

.hero__trust {
  margin-top: 28px !important;
}

.hero__video-button strong {
  color: #ffffff !important;
}

.hero__video-button small {
  color: rgba(255, 255, 255, 0.72) !important;
}

@media (min-width: 1024px) {
  .desktop-header {
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 10px 30px -24px rgba(15, 23, 42, 0.42) !important;
  }

  .desktop-header__inner {
    min-height: 62px !important;
  }

  .desktop-header__logo {
    font-size: 42px !important;
  }

  .desktop-header__region {
    font-size: 18px;
  }

  .desktop-header__phone {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
  }

  .desktop-header__nav {
    margin-left: 24px;
    gap: 22px !important;
  }

  .hero__background-image {
    background:
      linear-gradient(180deg, rgba(8, 15, 28, 0.08) 0%, rgba(8, 15, 28, 0.08) 100%),
      url('/images/real-process/03.webp?v=20260525-assets2') center center / cover no-repeat !important;
  }

  .hero__background-overlay {
    background:
      linear-gradient(90deg,
        rgba(8, 15, 28, 0.88) 0%,
        rgba(8, 15, 28, 0.74) 34%,
        rgba(8, 15, 28, 0.58) 62%,
        rgba(8, 15, 28, 0.72) 100%),
      linear-gradient(180deg,
        rgba(8, 15, 28, 0.38) 0%,
        rgba(8, 15, 28, 0.62) 100%) !important;
  }

  .hero__background-accent {
    background:
      radial-gradient(circle at top right, rgba(255, 214, 74, 0.28), transparent 28%),
      radial-gradient(circle at bottom left, rgba(255, 149, 74, 0.18), transparent 34%) !important;
  }

  .hero__container {
    grid-template-columns: minmax(0, 1.04fr) minmax(370px, 420px) !important;
    min-height: min(810px, calc(100vh - 18px)) !important;
    padding-top: 98px !important;
    padding-bottom: 62px !important;
    gap: 56px !important;
  }

  .hero__content {
    padding-top: 0 !important;
  }

  .hero__question {
    font-size: 20px;
  }

  .hero__title {
    max-width: 760px;
    font-size: 62px !important;
  }

  .hero__title > span {
    white-space: nowrap;
  }

  .hero__subtitle {
    max-width: 620px;
    font-size: 22px !important;
    color: rgba(255, 255, 255, 0.84) !important;
  }

  .hero__video-button strong {
    color: #ffffff !important;
  }

  .hero__video-button small {
    color: rgba(255, 255, 255, 0.72) !important;
  }
}

.desktop-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  /* Pro Max: Taller header for luxury feel */
}

.desktop-header__logo {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.desktop-header__logo span {
  color: var(--accent);
}

.desktop-header__nav {
  display: flex;
  gap: 32px;
}

.desktop-header__nav a {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-soft);
  transition: color 0.2s ease;
}

.desktop-header__nav a:hover {
  color: var(--accent);
}

.hero {
  position: relative;
  overflow: hidden;
  background: #1a1f2e;
}

.hero__background,
.hero__background-image,
.hero__background-overlay,
.hero__background-accent {
  position: absolute;
  inset: 0;
}

.hero__background-image {
  display: block;
  background: none;
  opacity: 0.85;
  /* Высветлил, чтобы фото было видно */
}

.hero__background-car {
  display: none;
}

.hero__background-overlay {
  background: linear-gradient(180deg,
      rgba(15, 23, 42, 0.45) 0%,
      /* Значительно прозрачнее наверху */
      rgba(15, 23, 42, 0.4) 30%,
      rgba(15, 23, 42, 0.5) 55%,
      /* Чуть темнее за формой для контраста */
      rgba(247, 247, 245, 0.96) 92%,
      /* Плавный переход в светлый низ */
      rgba(247, 247, 245, 1) 100%);
}

.hero__background-accent {
  background:
    radial-gradient(circle at top right, rgba(248, 212, 0, 0.15), transparent 45%),
    radial-gradient(circle at bottom left, rgba(245, 158, 11, 0.08)
      /* Orange */
      , transparent 35%);
}

.hero__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 86px;
  padding-bottom: 52px;
}

.hero__content {
  display: flex;
  flex-direction: column;
  max-width: 640px;
  color: #ffffff;
}

.hero__eyebrow {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.hero__eyebrow-badge,
.hero__eyebrow-text {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border-radius: 999px;
}

.hero__eyebrow-badge {
  position: relative;
  padding: 0 14px;
  padding-left: 28px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  box-shadow: 0 16px 32px -28px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hero__eyebrow-badge::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  transform: translateY(-50%);
}

.hero__eyebrow-text {
  padding: 0 14px;
  background: rgba(12, 18, 30, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.88);
}

.hero__title {
  order: 2;
  margin: 0 0 8px;
  /* Pro Max Fix: Compact on small screens */
  line-height: 1.1;
  color: #ffffff !important;
  /* Force white for visibility */
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.hero__title>span {
  display: block;
}

.hero__title>span:nth-child(2) {
  color: var(--cta);
  /* Accent second line */
}

.hero__title>span {
  display: block;
  max-width: 100%;
}

.hero__offer-pill {
  display: inline-flex;
  order: 3;
  align-items: center;
  align-self: flex-start;
  margin: 2px 0 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #2eaf63;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  box-shadow: 0 10px 22px -16px rgba(46, 175, 99, 0.5);
}

.hero__title>span:nth-child(2) {
  color: var(--cta);
}

.hero__subtitle {
  order: 0 !important;
  margin: 0 0 14px;
  /* Reduced from 20px */
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.75);
}

.hero__buyout-list {
  order: 4;
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.hero__buyout-item,
.hero__buyout-panel-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding-left: 12px;
}

.hero__buyout-item {
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  /* Светлее и чище */
  backdrop-filter: blur(16px) saturate(1.2);
  /* Настоящий Glassmorphism */
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.15);
  /* Мягкие обволакивающие тени */
}

.hero__buyout-list--mobile .hero__buyout-item:last-child {
  grid-column: span 1;
}

.hero__buyout-item span:last-child {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.hero__buyout-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  flex: 0 0 auto;
  margin-top: 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  color: var(--cta);
  /* Оранжево-желтые галочки вместо агрессивно-красных */
}

.hero__chips,
.hero__buyout-panel {
  display: none;
}

.hero__side {
  width: 100%;
}

.hero-form {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.82);
  /* Soft Glassmorphism */
  backdrop-filter: blur(24px) saturate(1.5);
  -webkit-backdrop-filter: blur(24px) saturate(1.5);
  box-shadow: 0 22px 44px -20px rgba(0, 0, 0, 0.4);
}

.hero__side .hero-form {
  margin-top: 0;
}

.hero-form__manager {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.hero-form__manager-photo {
  position: relative;
  width: 48px;
  height: 48px;
}

.hero__offer-cards {
  order: 6;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 44px -36px rgba(15, 23, 42, 0.16);
  overflow: hidden;
}

.offer-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px 18px;
  background: transparent;
}

.offer-card+.offer-card {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.offer-card__icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: 1 / span 2;
  border-radius: 999px;
  background: #fff;
  color: var(--accent);
  font-size: 15px;
  box-shadow: 0 12px 20px -18px rgba(15, 23, 42, 0.28);
}

.offer-card__title {
  grid-column: 2;
  margin-top: 0;
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}

.offer-card__text {
  grid-column: 2;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}

.hero__trust {
  order: 5;
  display: grid;
  justify-items: center;
  /* Centered as requested */
  gap: 12px;
  margin-top: 24px;
  /* Balanced spacing */
}

.hero__trust-proof {
  display: flex;
  align-items: center;
  gap: 14px;
}

.hero__trust-avatars {
  display: flex;
  margin-right: 2px;
}

.hero__trust-avatars img {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.88);
  border-radius: 50%;
  object-fit: cover;
  object-position: center 26%;
  box-shadow: 0 12px 24px -18px rgba(15, 23, 42, 0.3);
}

.hero__trust-avatars img+img {
  margin-left: -9px;
}

.hero__trust-copy strong,
.hero__trust-copy span,
.hero__video-button strong,
.hero__video-button small {
  display: block;
}

.hero__trust-copy strong {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  color: #121b2c;
}

.hero__trust-copy span {
  display: none;
}

.hero__video-button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
}

.hero__video-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 12px 24px -16px rgba(255, 26, 13, 0.56)
    /* Red Accent */
  ;
  font-size: 10px;
}

.hero__video-button-icon::before,
.hero__video-button-icon::after {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 1px solid rgba(245, 158, 11, 0.32)
    /* Orange */
  ;
  animation: hero-play-pulse 2.4s ease-out infinite;
}

.hero__video-button-icon::after {
  inset: -14px;
  border-color: rgba(245, 158, 11, 0.16)
    /* Orange */
  ;
  animation-delay: 0.6s;
}

.hero__video-button strong {
  font-size: 13px;
  /* Matched to buyout items */
  font-weight: 700;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.9);
}

.hero__video-button small {
  display: none;
}

.hero-form__caption {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--accent);
}

.hero-form__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  flex: 0 0 10px;
}

.hero-form__label {
  display: flex;
  justify-content: center;
  /* Centered as requested */
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-soft);
  text-align: center;
}

.hero-form__secure-badge {
  font-size: 11px;
  color: var(--success);
  display: flex;
  justify-content: center;
  /* Centered under button */
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  opacity: 0.8;
}

.hero-form__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.hero-form__change,
.hero-form__secondary {
  cursor: pointer;
}

.hero-form__change {
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  text-decoration: underline;
  text-decoration-color: #cbd5e1;
  text-underline-offset: 2px;
}

.hero-form__change:hover {
  color: #334155;
}

.method-select {
  position: relative;
  margin-top: 8px;
}

.method-select__trigger,
.hero-form__input,
.quiz-form input,
.quiz-form select {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  color: #0f172a;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.method-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  font-size: 15px;
}

.method-select.is-open .method-select__trigger {
  border-color: rgba(245, 158, 11, 0.5)
    /* Orange */
  ;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.12)
    /* Orange */
  ;
}

.method-select__arrow {
  color: #64748b;
  transition: transform 0.2s ease;
}

.method-select.is-open .method-select__arrow {
  transform: rotate(180deg);
}

.method-select__menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 30;
  overflow: hidden;
  border: 1px solid #dfd8cd;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 40px -24px rgba(15, 23, 42, 0.35);
}

.method-select__option {
  width: 100%;
  padding: 14px 16px;
  text-align: left;
  font-size: 16px;
  color: #475569;
  cursor: pointer;
}

.method-select__option:hover,
.method-select__option.is-active {
  background: rgba(245, 158, 11, 0.08)
    /* Orange */
  ;
}

.method-select__option.is-active {
  font-weight: 700;
  color: var(--accent);
}

.hero-form__primary {
  width: 100%;
  margin-top: 12px;
  border-radius: 18px;
  padding: 14px 24px;
  box-shadow: var(--shadow-button);
  font-size: 16px;
  font-weight: 800;
}

.hero-form__primary:active,
.quiz-form__submit:active,
.section-cta__button:active,
.desktop-header__button:active,
.mobile-topbar__button:active {
  transform: translateY(1px);
}

.hero-form__input {
  padding: 14px 16px;
  text-align: center;
  font-size: 15px;
  color: #0f172a;
}

.hero-form__input::placeholder,
.quiz-form input::placeholder {
  color: #94a3b8;
}

.hero-form__input:focus,
.method-select__trigger:focus,
.quiz-form input:focus,
.quiz-form select:focus {
  outline: 2px solid rgba(255, 140, 105, 0.55);
  outline-offset: 2px;
}

.hero-form__agree {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  font-size: 13px;
  color: #475569;
  cursor: pointer;
}

.hero-form__manager-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 26%;
  box-shadow: 0 14px 24px -20px rgba(15, 23, 42, 0.24);
}

.hero-form__manager-copy strong,
.hero-form__manager-copy span {
  display: block;
}

.hero-form__manager-copy strong {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.15;
  color: #121b2c;
}

.hero-form__manager-copy span {
  margin-top: 4px;
  font-size: 13px;
  color: #7b8797;
}

.hero-form__manager-status {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 2px;
  transform: translate(28%, 20%);
  border-radius: 50%;
  background: #14c15f;
  border: 2px solid #fff;
  box-shadow: 0 0 0 4px rgba(20, 193, 95, 0.18);
}

.hero-form__agree span {
  line-height: 1.45;
}

.hero-form__agree a {
  color: #0f172a;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.hero-form__agree a:hover {
  color: var(--accent-hover);
}

.hero-form__agree--quiz {
  margin-top: 14px;
}

.hero-form__agree input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: var(--accent);
}

.hero-form__success,
.quiz-form__success {
  text-align: center;
}

.hero-form__success-icon,
.quiz-form__success-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 4px auto 14px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.12)
    /* Orange */
  ;
  color: var(--accent);
  font-size: 30px;
  font-weight: 900;
}

.hero-form__success-title,
.quiz-form__success-title {
  font-size: 24px;
  font-weight: 900;
  color: #0f172a;
}

.hero-form__success-text,
.quiz-form__success-text {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.55;
  color: #475569;
}

.hero-form__success-phone {
  margin-top: 16px;
  border: 1px solid #ece5d9;
  border-radius: 20px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.92);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #0f172a;
}

.hero-form__secondary {
  width: 100%;
  margin-top: 18px;
  border-radius: 16px;
  padding: 14px 22px;
  background: #0f172a;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}

.hero-form__secondary--max {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ffd84d, #ffc928);
  color: #111827;
  box-shadow: 0 18px 38px -28px rgba(217, 159, 0, 0.58);
}

.hero-form__secondary--max:hover {
  background: linear-gradient(135deg, #ffe371, #ffd038);
}

.section {
  padding: 100px 0;
  /* Pro Max: More whitespace for luxury feel */
  position: relative;
  content-visibility: auto;
  contain-intrinsic-size: 920px;
}

@media (max-width: 768px) {
  body {
    text-rendering: auto;
  }

  .section {
    padding: 64px 0;
  }

  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }

  .reveal {
    opacity: 1;
  }

  .mobile-topbar {
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 6px 16px -14px rgba(15, 23, 42, 0.24);
  }

  .mobile-topbar__button {
    box-shadow: none;
  }

  .hero__background-overlay {
    background: linear-gradient(180deg,
        rgba(15, 23, 42, 0.74) 0%,
        rgba(15, 23, 42, 0.68) 52%,
        rgba(247, 247, 245, 0.96) 92%,
        rgba(247, 247, 245, 1) 100%);
  }

  .hero__background-accent {
    background: none;
  }

  .hero__eyebrow-badge {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .hero__title {
    text-shadow: none !important;
  }

  .hero__buyout-item {
    background: rgba(255, 255, 255, 0.06);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .hero__video-button-icon {
    box-shadow: none;
  }

  .hero__video-button-icon::before,
  .hero__video-button-icon::after {
    display: none;
  }

  .hero-form {
    box-shadow: 0 12px 28px -24px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .hero-form__manager-avatar {
    box-shadow: none;
  }
}

.section--light {
  background: transparent;
}

.section--warm {
  overflow: hidden;
  border-top: none;
  background: linear-gradient(180deg, #f0ede6 0%, #f5f3ee 100%);
}

.section--assurance {
  overflow: hidden;
  border-top: none;
  background: #11141d;
  /* Глубокий темный фон */
  color: #e2e8f0;
}

.section--assurance .section-heading h2 {
  color: #ffffff;
}

.section--assurance .assurance__item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 20px;
}

.section--assurance .assurance__item h3 {
  color: #ffffff;
  margin: 0 0 8px 0;
}

.section--assurance .assurance__item p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
}

.section--assurance .assurance__item-icon {
  color: var(--cta);
  background: rgba(248, 212, 0, 0.15);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}

.section--cta {
  overflow: hidden;
  border-top: none;
  margin-top: -1px;
  /* Overlap to remove potential gap/line */
  background: linear-gradient(135deg, #1a1f2e 0%, #2a3042 100%);
  color: #ffffff;
}

.section--cta .section-cta h2 {
  color: #ffffff;
}

.section--cta .section-cta p {
  color: rgba(255, 255, 255, 0.7);
}

.section-heading {
  max-width: 900px;
  margin: 0 auto 32px;
  text-align: center;
}

#reviews .section-heading {
  margin-bottom: 24px;
}

.section-heading--narrow {
  max-width: 760px;
}

.section-heading--left {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.section-heading h2 {
  margin: 0;
  /* Larger title like in screenshot */
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: #0f172a;
}

.section-heading p,
.section-cta p {
  margin: 16px auto 0;
  max-width: 620px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--text-soft);
}

.media-strip {
  position: relative;
}

.media-strip+.media-strip {
  margin-top: 18px;
}

.media-strip__controls {
  pointer-events: none;
}

.media-strip__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: transparent;
  color: var(--nav-accent);
  /* Orange arrow as requested */
  font-size: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: none;
  font-family: serif;
  /* For thinner default arrows or use SVG */
}

.media-strip__nav::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-top: 1.5px solid var(--nav-accent);
  border-right: 1.5px solid var(--nav-accent);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.media-strip__nav:first-child {
  left: 0;
}

.media-strip__nav:first-child::before {
  transform: rotate(-135deg);
}

.media-strip__nav:last-child {
  right: 0;
}

.media-strip__nav:last-child::before {
  transform: rotate(45deg);
}

.media-strip__nav:hover::before {
  width: 15px;
  height: 15px;
  border-width: 3px;
}


.media-strip__track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 0 8px 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.media-strip__track::-webkit-scrollbar {
  display: none;
}

.media-strip__track--wide {
  gap: 16px;
}

.video-card,
.photo-card {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 24px;
  scroll-snap-align: center;
  background: #fffdf9;
  box-shadow: var(--shadow-soft);
}

.video-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  isolation: isolate;
  width: calc(50% - 10px);
  min-width: 152px;
  max-width: 166px;
  min-height: 236px;
  padding: 13px 12px 14px;
  background: linear-gradient(180deg, #172033 0%, #24354f 100%);
  cursor: pointer;
}

.video-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 13, 24, 0.12) 0%, rgba(7, 13, 24, 0.38) 46%, rgba(7, 13, 24, 0.8) 100%),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 34%);
  z-index: 0;
}

.video-card__poster {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.video-card__eyebrow,
.video-card__title,
.video-card__hint {
  display: block;
  position: relative;
  z-index: 1;
  text-align: left;
}

.video-card__eyebrow {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.video-card__title {
  max-width: 98px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  text-shadow: 0 12px 28px rgba(7, 13, 24, 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  /* Standard property */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.video-card__hint {
  margin-top: auto;
  display: none;
  padding-right: 46px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.72);
}

.video-card__play {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 26, 13, 0.96)
    /* Red Accent */
  ;
  color: #fff;
  box-shadow: 0 18px 36px -22px rgba(255, 26, 13, 0.56)
    /* Red Accent */
  ;
  font-size: 16px;
  backdrop-filter: blur(6px);
}

.video-card__play::before,
.video-card__play::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 26, 13, 0.16)
    /* Red Accent */
  ;
  animation: hero-play-pulse 2.4s ease-out infinite;
}

.video-card__play::after {
  inset: -12px;
  border-color: rgba(255, 26, 13, 0.08)
    /* Red Accent */
  ;
  animation-delay: 0.6s;
}

.media-strip--photos {
  display: none;
}

.photo-card {
  width: calc(50% - 10px);
  min-width: 152px;
  max-width: 166px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  background: rgba(255, 253, 249, 0.96);
}

.photo-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  object-position: center 28%;
}

.photo-card__caption {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  padding: 12px 12px 14px;
  border-top: 1px solid rgba(226, 216, 203, 0.8);
}

.photo-card__caption strong {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  color: #152031;
}

.photo-card__caption span {
  font-size: 12px;
  line-height: 1.45;
  color: #5d6979;
}

.assurance {
  display: grid;
  gap: 24px;
  align-items: start;
}

.assurance__visual {
  align-self: start;
  display: flex;
  justify-content: center;
}

.assurance__content {
  max-width: none;
}

.assurance__image-wrap {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 34px 90px -60px rgba(15, 23, 42, 0.24);
}

.assurance__image-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.02) 0%, rgba(15, 23, 42, 0.14) 100%);
  pointer-events: none;
}

.assurance__image {
  display: block;
  width: 100%;
  height: 196px;
  object-fit: cover;
  object-position: center 48%;
}

.assurance__callout {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  bottom: auto;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 14px 15px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  color: #10151d;
  box-shadow: 0 20px 44px -30px rgba(15, 23, 42, 0.28);
}

.assurance__callout-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  flex: 0 0 auto;
}

.assurance__callout strong,
.assurance__callout span {
  display: block;
}

.assurance__callout strong {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
}

.assurance__callout span {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(16, 21, 29, 0.84);
}

.section-heading--assurance {
  max-width: 760px;
  margin: 0 auto 26px;
  text-align: center;
}

.section-heading--assurance h2 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.section-heading--assurance p {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}

.assurance__list {
  display: grid;
  gap: 14px;
}

.assurance__item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(219, 228, 212, 0.9);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 20px 48px -42px rgba(15, 23, 42, 0.28);
}

.assurance__item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.96);
  color: #152031;
  font-size: 15px;
  font-weight: 900;
}

.assurance__item h3 {
  margin: 0;
  color: #152031;
}

.assurance__item p {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #5d6979;
}

.testimonials {
  margin-top: 32px;
}

.section-heading--testimonials {
  max-width: 760px;
  margin: 0 auto 26px;
  text-align: center;
}

.testimonials-strip .media-strip__track {
  gap: 18px;
  padding-inline: calc(50vw - 150px);
}

.testimonial-card {
  position: relative;
  overflow: hidden;
  flex: 0 0 300px;
  /* Wider for better presentation */
  display: flex;
  flex-direction: column;
  min-height: 480px;
  border: 1px solid rgba(223, 227, 233, 0.92);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  color: #10151d;
  box-shadow: 0 24px 56px -42px rgba(15, 23, 42, 0.2);
  scroll-snap-align: center;
}

.testimonial-card__photo {
  display: block;
  width: 100%;
  height: 220px;
  /* Fixed height for rectangular aspect as in screenshot */
  object-fit: cover;
  object-position: center;
}

.testimonial-card__stars {
  margin-left: auto;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #f4c542;
  text-shadow: 0 8px 20px rgba(127, 91, 7, 0.16);
}

.testimonial-card__body {
  padding: 18px 18px 20px;
}

.testimonial-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.testimonial-card__meta {
  min-width: 0;
}

/* Pro Max: Refined Hero Title with white color and adaptive sizing */
h1,
.hero__title {
  margin-bottom: 8px;
  /* Reduced to match user request */
  color: #ffffff !important;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 900;
  color: #0f172a;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

.section-heading h2,
.section-heading h3 {
  font-family: var(--font-display);
  font-weight: 900;
  color: #0f172a;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

.section-heading p {
  font-weight: 500 !important;
  letter-spacing: normal !important;
  line-height: 1.55 !important;
  color: #64748b !important;
  margin-top: 10px !important;
  text-transform: none !important;
}



p {
  max-width: 65ch;
  /* Pro Max: Comfortable reading */
  margin-top: 0;
}

.section-heading {
  margin-bottom: 24px;
  text-align: center;
}

.section-heading span {
  display: block;
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent);
  margin-bottom: 8px;
  font-weight: 700;
}

.testimonial-card__body h3 {
  margin: 0;
  color: #0f172a;
}

.testimonial-card__city {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
}

.testimonial-card__body p {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: #334155;
}

.testimonial-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(227, 234, 222, 0.96);
}

.testimonial-card__date {
  font-size: 12px;
  color: #97a1ad;
}

.testimonial-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.08)
    /* Orange */
  ;
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.purchased-cars {
  margin-top: 44px;
}

.section-heading--cars {
  margin: 0 auto 24px;
  text-align: center;
}

.section-heading--cars h2 {
  margin-bottom: 0;
}

.purchased-strip .media-strip__nav {
  top: 44%;
}

.purchased-strip .media-strip__track {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, 120px);
  grid-auto-columns: 160px;
  align-items: start;
  gap: 12px;
  padding: 0 16px 8px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.purchased-strip .media-strip__track::-webkit-scrollbar {
  display: none;
}

.purchased-card {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: 160px;
  height: 120px;
  max-width: none;
  border: 1px solid rgba(223, 227, 233, 0.92);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 56px -42px rgba(15, 23, 42, 0.2);
  scroll-snap-align: start;
}

.purchased-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.purchased-card__badge {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  max-width: calc(100% - 16px);
  padding: 7px 9px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(225, 47, 47, 0.98), rgba(181, 20, 20, 0.96));
  color: #ffffff;
  box-shadow: 0 14px 30px -18px rgba(127, 29, 29, 0.7);
  pointer-events: none;
  text-align: right;
}

.purchased-card__badge-label {
  font-size: 9px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
}

.purchased-card__badge-price {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

@keyframes hero-play-pulse {
  0% {
    transform: scale(0.88);
    opacity: 0.72;
  }

  70% {
    transform: scale(1.18);
    opacity: 0;
  }

  100% {
    transform: scale(1.22);
    opacity: 0;
  }
}

.quiz {
  display: grid;
  gap: 24px;
}

.quiz-form,
.doc-card,
.process-card {
  border: 1px solid #e8dfd4;
  background: rgba(255, 253, 250, 0.94);
  box-shadow: 0 38px 90px -55px rgba(15, 23, 42, 0.28);
}

.quiz-form {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 24px;
}

.quiz-form h3 {
  margin: 0;
  color: #0f172a;
}

.quiz-form>p {
  margin: 8px 0 24px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text-soft);
}

.quiz-form__grid {
  display: grid;
  gap: 16px;
}

.quiz-form__grid+.quiz-form__grid,
.quiz-form__comments {
  margin-top: 16px;
}

.quiz-form label {
  display: block;
}

.quiz-form label>span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #475569;
}

.quiz-form input,
.quiz-form select {
  padding: 14px 16px;
}

.quiz-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #94a3b8 50%), linear-gradient(135deg, #94a3b8 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.quiz-form__submit {
  width: 100%;
  margin-top: 20px;
  border-radius: 18px;
  padding: 14px 24px;
  box-shadow: var(--shadow-button);
  font-size: 17px;
  font-weight: 800;
}

.docs-grid,
.process-card {
  border: 1px solid #e8dfd4;
  background: rgba(255, 253, 250, 0.94);
  box-shadow: 0 38px 90px -55px rgba(15, 23, 42, 0.28);
}

.docs-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
  /* Back to compact 2-columns on mobile */
}

@media (min-width: 480px) {
  .docs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .docs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .docs-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}

.doc-card {
  border-radius: 20px;
  padding: 12px;
  /* More compact */
  background: #ffffff;
  text-align: left;
  box-shadow: 0 20px 40px -30px rgba(15, 23, 42, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(15, 23, 42, 0.03);
}

.doc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -20px rgba(15, 23, 42, 0.16);
}

.doc-card__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0 0 12px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--bg-soft);
  box-shadow: 0 8px 16px -8px rgba(15, 23, 42, 0.15);
  border: 1px solid rgba(15, 23, 42, 0.05);
}

.doc-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.doc-card:hover .doc-card__image img {
  transform: scale(1.08);
}

.doc-card h3 {
  margin: 0 0 4px;
  color: #0f172a;
}

.doc-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-soft);
}

.process-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.process-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-radius: 20px;
  min-height: 108px;
  padding: 12px;
  box-shadow: 0 18px 38px -34px rgba(15, 23, 42, 0.2);
}

.process-card__image {
  display: block;
  width: 100%;
  height: 102px;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  background: #efe7db;
}

.process-card__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 2px 4px 4px;
}

.process-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.98);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  color: #4aa91e;
}

.process-card__title {
  margin-top: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: #0f172a;
}

.process-card--wide {
  grid-column: 1 / -1;
  max-width: none;
  margin: 0;
}

.process-card--wide .process-card__image {
  height: 144px;
}

.section-cta {
  text-align: center;
}

.section-cta h2 {
  margin: 0;
}

.section-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  border-radius: 18px;
  padding: 14px 28px;
  box-shadow: var(--shadow-button);
  font-size: 18px;
  font-weight: 800;
}

.footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, #181b20 0%, #12151a 100%);
  color: #fff;
}

.footer__inner {
  display: grid;
  gap: 28px;
  padding: 56px 0 36px;
}

.footer__logo {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.footer__logo span {
  color: var(--accent);
}

.footer__brand p,
.footer__meta,
.footer__nav a,
.footer__phone {
  color: #94a3b8;
}

.footer__phone {
  display: inline-flex;
  margin-top: 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  transition: color 0.2s ease;
}

.footer__nav {
  display: grid;
  gap: 12px;
}

.footer__phone:hover,
.footer__nav a:hover {
  color: #fff;
}

.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 20px 12px 32px;
  text-align: center;
  font-size: 14px;
  color: #64748b;
}

.video-modal {
  position: fixed;
  inset: 0;
  z-index: 140;
}

.video-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(6px);
}

.video-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100% - 24px, 420px);
  margin: 32px auto;
  overflow: hidden;
  border-radius: 28px;
  background: #000;
  box-shadow: 0 40px 120px -65px rgba(0, 0, 0, 0.85);
}

.video-modal__dialog video {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
}

.video-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--cta);
  color: #fff;
  box-shadow: 0 16px 30px -18px rgba(245, 158, 11, 0.42);
  font-size: 18px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .container {
    width: min(100% - 40px, var(--container));
  }

  .hero__container {
    padding-top: 96px;
  }

  .hero__eyebrow {
    margin-bottom: 18px;
  }

  .hero__eyebrow-badge,
  .hero__eyebrow-text {
    min-height: 38px;
  }

  .hero__eyebrow-text {
    font-size: 14px;
  }

  .hero__subtitle {
    margin-top: 6px;
    /* Reduced from 16px */
    font-size: 24px;
  }

  .hero-form {
    padding: 24px;
    border-radius: 24px;
  }

  .hero-form__caption {
    margin-bottom: 16px;
    font-size: 14px;
  }

  .hero-form__label {
    font-size: 14px;
  }

  .hero-form__primary,
  .quiz-form__submit {
    padding-block: 16px;
    font-size: 18px;
  }

  .hero-form__input,
  .method-select__trigger {
    font-size: 16px;
  }

  .video-card {
    min-width: 198px;
    max-width: 218px;
    min-height: 244px;
  }

  .media-strip__nav {
    top: 44%;
  }

  .testimonials-strip .media-strip__nav {
    top: 35%;
  }

  .testimonials-strip .media-strip__track {
    padding-inline: 32px;
  }

  .purchased-strip .media-strip__nav {
    top: 50%;
  }

  .purchased-strip .media-strip__track {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-auto-columns: 196px;
    gap: 16px;
    padding-inline: 18px;
  }

  .purchased-card {
    width: 196px;
    height: 148px;
    max-width: none;
    border-radius: 22px;
  }

  .purchased-card__badge {
    right: 10px;
    bottom: 10px;
    padding: 8px 10px;
    border-radius: 13px;
  }

  .purchased-card__badge-label {
    font-size: 10px;
  }

  .purchased-card__badge-price {
    font-size: 15px;
  }

  .assurance__image {
    height: 320px;
    object-position: center 50%;
  }

  .testimonial-card__photo {
    height: 264px;
  }

  .photo-card {
    min-width: 196px;
    max-width: 212px;
  }

  .video-card__hint {
    display: block;
  }

  .quiz-form {
    padding: 32px;
  }

  .process-card__image {
    height: 118px;
  }

  .process-card--wide .process-card__image {
    height: 176px;
  }

  .quiz-form__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Removed duplicate .docs-grid and .doc-card styles to ensure Pro Max compactness */


  .process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  .process-card--wide {
    grid-column: auto;
    max-width: none;
  }

  .footer__inner {
    grid-template-columns: 1.2fr 0.8fr 0.8fr;
    align-items: start;
  }
}

@media (min-width: 1024px) {
  .mobile-topbar {
    display: none;
  }

  .desktop-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60;
    display: block;
    border-bottom: 1px solid rgba(226, 232, 240, 0.7);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 24px -24px rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(14px);
  }

  .desktop-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 64px;
  }

  .desktop-header__logo {
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #0f172a;
  }

  .desktop-header__logo span {
    color: var(--accent);
  }

  .desktop-header__nav {
    display: flex;
    align-items: center;
    gap: 32px;
  }

  .desktop-header__nav a {
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
  }

  .desktop-header__nav a:hover {
    color: var(--accent);
  }

  .desktop-header__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 12px;
    box-shadow: var(--shadow-button);
    font-size: 15px;
    font-weight: 800;
  }

  .hero__container {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(370px, 420px);
    align-items: center;
    gap: 78px;
    min-height: min(860px, calc(100vh - 24px));
    padding-top: 120px;
    padding-bottom: 72px;
  }

  .hero__content {
    min-width: 0;
    max-width: none;
    padding-top: 8px;
    color: #0f172a;
  }

  .hero__side {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 404px;
    padding-top: 10px;
    margin-left: auto;
  }

  .hero__title {
    max-width: 800px;
    color: #ffffff !important;
  }

  .hero__title span {
    display: inline;
    /* Keep inline on desktop if preferred, or block for impact */
  }

  .hero__title span:nth-child(2) {
    color: var(--cta);
  }

  .hero__subtitle {
    margin-top: 10px;
    /* Reduced from 22px */
    font-size: 24px;
    font-weight: 700;
    color: #566173;
  }

  .hero__eyebrow-badge {
    background: rgba(255, 255, 255, 0.74);
    border-color: rgba(15, 23, 42, 0.08);
    color: #1e293b;
    box-shadow: 0 18px 30px -26px rgba(15, 23, 42, 0.32);
  }

  .hero__buyout-list--mobile {
    display: none;
  }

  .hero__background-image {
    display: none;
  }

  .hero__background-car {
    display: none;
  }

  .hero__background-overlay {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.78) 42%, rgba(255, 255, 255, 0.56) 62%, rgba(255, 255, 255, 0.32) 82%, rgba(255, 255, 255, 0.16) 100%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 48%, rgba(255, 255, 255, 0.22) 100%);
  }

  .hero__background-accent {
    background:
      radial-gradient(circle at left 16%, rgba(255, 255, 255, 0.95), transparent 30%),
      radial-gradient(circle at right 14%, rgba(255, 220, 216, 0.4), transparent 24%),
      radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.22), transparent 22%);
  }

  .hero__trust {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 26px;
    margin-top: 48px;
    /* Increased from 32px for better centering */
  }

  .hero__trust-copy strong {
    color: #121b2c;
    font-size: 16px;
  }

  .hero__trust-copy span {
    display: none;
  }

  .hero__video-button {
    flex: 0 0 auto;
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    gap: 14px;
  }

  .hero__video-button strong {
    color: #121b2c;
    font-size: 15px;
  }

  .hero__video-button small {
    font-size: 13px;
    color: #6a7687;
  }

  .hero__offer-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    max-width: 680px;
    margin-top: 40px;
    padding: 6px;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 44px -38px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(10px);
  }

  .offer-card {
    min-height: auto;
    border: 0;
    border-radius: 18px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: none;
  }

  .offer-card+.offer-card {
    position: relative;
    border-top: 0;
  }

  .offer-card+.offer-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 1px;
    background: rgba(15, 23, 42, 0.08);
  }

  .offer-card__icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    color: var(--accent);
    font-size: 14px;
    box-shadow: 0 12px 20px -18px rgba(15, 23, 42, 0.28);
  }

  .offer-card__title {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
  }

  .offer-card__text {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.4;
    color: #64748b;
  }

  .hero-form {
    max-width: none;
    padding: 22px;
    border-radius: 28px;
    border-color: rgba(15, 23, 42, 0.05);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 60px -46px rgba(15, 23, 42, 0.18);
  }

  .hero-form__manager {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
  }

  .hero-form__manager-photo {
    width: 56px;
    height: 56px;
  }

  .hero-form__manager-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center 26%;
    box-shadow: 0 16px 28px -22px rgba(15, 23, 42, 0.28);
  }

  .hero-form__manager-copy strong,
  .hero-form__manager-copy span {
    display: block;
  }

  .hero-form__manager-copy strong {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.15;
    color: #152031;
  }

  .hero-form__manager-copy span {
    margin-top: 4px;
    font-size: 13px;
    color: #7b8797;
  }

  .hero-form__manager-status {
    width: 12px;
    height: 12px;
    right: 0;
    bottom: 3px;
    transform: translate(30%, 18%);
  }

  .hero-form__caption {
    display: none;
  }

  .hero__buyout-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  .hero__buyout-panel-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 24px -20px rgba(15, 23, 42, 0.14);
  }

  .hero__buyout-panel-item span:last-child {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    color: #172233;
  }

  .section {
    padding: 88px 0;
  }

  .section-heading {
    margin-bottom: 48px;
  }



  .section-heading p,
  .section-cta p {
    font-size: 18px;
  }

  .video-card {
    min-width: 232px;
    max-width: 248px;
    min-height: 276px;
  }

  .media-strip__nav {
    top: 46%;
  }

  .testimonials-strip .media-strip__nav {
    top: 120px;
  }

  .testimonials-strip .media-strip__track {
    padding-inline: 12px;
  }

  .purchased-strip .media-strip__nav {
    top: 50%;
  }

  .purchased-strip .media-strip__track {
    grid-template-rows: repeat(2, 177px);
    grid-auto-columns: 236px;
    gap: 18px;
    padding-inline: 20px;
  }

  .purchased-card {
    width: 236px;
    height: 177px;
    max-width: none;
    border-radius: 24px;
  }

  .purchased-card__badge {
    right: 12px;
    bottom: 12px;
    padding: 10px 12px;
    border-radius: 14px;
  }

  .purchased-card__badge-label {
    font-size: 11px;
  }

  .purchased-card__badge-price {
    font-size: 16px;
  }

  .photo-card {
    min-width: 240px;
    max-width: 252px;
  }

  .assurance {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 0.98fr);
    align-items: start;
    justify-content: center;
    gap: 28px 34px;
  }

  .assurance__visual {
    padding-top: 0;
  }

  .assurance__image {
    height: 430px;
    object-position: center 56%;
  }

  .assurance__callout {
    left: 18px;
    right: auto;
    top: auto;
    bottom: 18px;
    width: 286px;
  }

  .assurance__content {
    max-width: 620px;
    margin-left: 0;
  }

  .assurance__list {
    gap: 16px;
  }

  .assurance__item {
    padding: 20px 22px;
  }

  .testimonials {
    margin-top: 56px;
  }

  .testimonial-card {
    width: 332px;
  }

  .testimonial-card__photo {
    height: 244px;
  }

  /* Removed duplicate .docs-grid and .doc-card styles to ensure Pro Max compactness */


  .process-card__image {
    height: 132px;
  }

  .process-card--wide .process-card__image {
    height: 196px;
  }

  /* Removed icon override to keep it simple and short */


  .doc-card p {
    font-size: 14px;
  }

  .process-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .process-card,
  .process-card--wide {
    grid-column: auto;
    max-width: none;
  }

  .section-cta__button {
    padding: 16px 32px;
    font-size: 20px;
  }
}

/* --- Messenger Evaluation Section --- */
.messenger-eval {
  background: #ffffff;
  padding-top: 40px;
  padding-bottom: 0;
  border-top: none;
  overflow: hidden;
}

.messenger-eval__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.messenger-eval__title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.2;
  color: #000000;
  margin: 0 0 24px;
}



.messenger-eval__buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 400px;
  margin-bottom: 32px;
}

.messenger-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 48px;
  /* Slightly taller for better ergonomics */
  padding: 0 24px;
  border-radius: 24px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff !important;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1);
}

.messenger-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.2);
}

.messenger-btn svg,
.messenger-btn img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.messenger-btn:active {
  transform: scale(0.98);
}

.messenger-btn--tg {
  background: #0088cc;
}

.messenger-btn--max {
  background: linear-gradient(135deg, #ffd84d, #ffc928);
  color: #111827 !important;
  box-shadow: 0 18px 36px -20px rgba(214, 160, 4, 0.44);
}

.messenger-btn--chat {
  background: rgba(255, 255, 255, 0.94);
  color: #111827 !important;
  border: 1px solid rgba(226, 216, 203, 0.94);
}

.messenger-btn--chat svg {
  color: #f97316;
}

.messenger-eval__phone {
  width: 100%;
  max-width: 440px;
  /* Increased by ~20% for impact */
  margin: 0 auto -120px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
  pointer-events: none;
  /* Aesthetic element shouldn't block clicks */
}

@media (max-width: 480px) {
  .messenger-eval__phone {
    max-width: 360px;
    margin-bottom: -100px;
  }
}

.messenger-eval__phone img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}

/* FAQ Accordion Styles */
.section--faq {
  background: #ffffff;
  padding-block: 80px;
}

.faq__accordion {
  max-width: 900px;
  margin: 0 auto;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
}

.faq__item {
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
  transition: background-color 0.3s ease;
}

.faq__item[open] {
  background-color: #fcfcfc;
}

.faq__summary {
  display: flex;
  align-items: center;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.faq__summary::-webkit-details-marker {
  display: none;
}

.faq__number {
  flex-shrink: 0;
  width: 32px;
  font-size: 16px;
  font-weight: 700;
  color: #64748b;
}

.faq__title {
  flex-grow: 1;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  padding-right: 20px;
}

.faq__icon {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq__icon::before,
.faq__icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background-color: #0f172a;
  transform: translate(-50%, -50%);
  border-radius: 2px;
}

.faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: opacity 0.3s ease, transform 0.4s ease;
}

.faq__item[open] .faq__icon {
  transform: rotate(180deg);
}

.faq__item[open] .faq__icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
}

.faq__content {
  padding: 0 0 28px 32px;
  animation: faq-slide 0.4s ease-out forwards;
}

@keyframes faq-slide {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq__content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
}

.faq__list {
  margin: 16px 0;
  padding-left: 0;
  list-style: none;
}

.faq__list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.5;
  color: #475569;
}

.faq__list li::before {
  content: '·';
  position: absolute;
  left: 0;
  font-weight: 900;
  color: var(--cta);
}

@media (max-width: 768px) {
  .section--faq {
    padding-block: 60px;
  }

  .faq__summary {
    padding: 20px 0;
  }

  .faq__title {
    font-size: 16px;
  }

  .faq__content {
    padding-left: 32px;
  }
}

/* --- TYPOGRAPHY SAFETY RESET --- */
.section-heading p,
.section-cta p,
.assurance p,
.quiz-form>p,
.hero__subtitle {
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.55 !important;
  color: #64748b !important;
}

.hero__subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
}

.hero__subtitle {
  order: 0 !important;
  margin: 0 0 14px !important;
}

/* --- PRO MAX HEADING UNITY --- */
h1,
h2,
h3,
.hero__title,
.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-cta h1,
.section-cta h2,
.section-cta h3,
.messenger-eval__title,
.assurance__item h3,
.doc-card h3,
.quiz-form h3,
.testimonial-card__body h3,
.video-card__title {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Unified Mobile Sizes (default) */
h1,
.hero__title {
  font-size: 34px !important;
}

h2,
.section-heading h2,
.section-cta h2,
.messenger-eval__title {
  font-size: 32px !important;
}

h3,
.section-heading h3,
.assurance__item h3,
.doc-card h3,
.quiz-form h3 {
  font-size: 20px !important;
}

/* Unified Desktop Sizes */
@media (min-width: 1024px) {

  h1,
  .hero__title {
    font-size: 72px !important;
  }

  h2,
  .section-heading h2,
  .section-cta h2,
  .messenger-eval__title {
    font-size: 56px !important;
  }

  h3,
  .section-heading h3,
  .assurance__item h3,
  .doc-card h3,
  .quiz-form h3 {
    font-size: 24px !important;
  }
}

/* Hero final pass 2026-03-20 */
.mobile-topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 12px !important;
  min-height: 58px !important;
}

.mobile-topbar__brand {
  max-width: none !important;
}

.mobile-topbar__copy strong {
  font-size: 15px !important;
}

.mobile-topbar__copy small {
  font-size: 11px !important;
}

.mobile-topbar__phone {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  padding-left: 10px;
  color: #0f172a !important;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.hero__eyebrow,
.hero__question {
  display: none !important;
}

.hero__container {
  padding-top: 74px !important;
}

.hero__background-image {
  background: url('/images/real-process/03-mobile.webp?v=20260525-assets2') center bottom 12px / 100% auto no-repeat !important;
}

.hero__background-overlay {
  background:
    linear-gradient(180deg,
      rgba(7, 12, 22, 0.9) 0%,
      rgba(7, 12, 22, 0.82) 24%,
      rgba(7, 12, 22, 0.72) 52%,
      rgba(7, 12, 22, 0.62) 74%,
      rgba(7, 12, 22, 0.72) 100%) !important;
}

.hero__background-accent {
  background:
    radial-gradient(circle at top right, rgba(255, 210, 74, 0.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(255, 149, 74, 0.14), transparent 32%) !important;
}

.hero__title {
  margin-top: 0 !important;
}

@media (min-width: 1024px) {
  .desktop-header__inner {
    grid-template-columns: auto 1fr auto !important;
    display: grid !important;
    align-items: center !important;
    gap: 28px !important;
  }

  .desktop-header__branding {
    min-width: 0;
  }

  .desktop-header__nav {
    margin-left: auto !important;
    justify-self: end;
  }

  .desktop-header__phone {
    order: 3;
    justify-self: end;
    font-size: 20px !important;
  }

  .hero__background-image {
    background: url('/images/real-process/03.webp?v=20260525-assets2') center center / cover no-repeat !important;
  }

  .hero__background-overlay {
    background:
      linear-gradient(90deg,
        rgba(7, 12, 22, 0.92) 0%,
        rgba(7, 12, 22, 0.82) 34%,
        rgba(7, 12, 22, 0.68) 64%,
        rgba(7, 12, 22, 0.78) 100%),
      linear-gradient(180deg,
        rgba(7, 12, 22, 0.5) 0%,
        rgba(7, 12, 22, 0.64) 100%) !important;
  }
}

/* Hero final pass 2 2026-03-20 */
.mobile-topbar {
  position: absolute !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.mobile-topbar__brand {
  flex: 0 1 calc(100% - 118px) !important;
  max-width: calc(100% - 118px) !important;
}

.mobile-topbar__copy {
  min-width: 0 !important;
}

.mobile-topbar__phone {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 116px;
  z-index: 6;
  color: transparent !important;
  font-size: 0 !important;
}

.mobile-topbar__phone-value {
  position: static !important;
  z-index: 7;
  display: block !important;
  flex: 0 0 auto;
  min-width: 102px;
  text-align: right;
  color: #0f172a !important;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.mobile-topbar__phone,
.mobile-topbar__phone-value {
  display: none !important;
}

.hero__background-image {
  background: url('/images/real-process/03-mobile.webp?v=20260525-assets2') center 245px / 106% auto no-repeat !important;
}

.hero__background-overlay {
  background:
    linear-gradient(180deg,
      rgba(7, 12, 22, 0.9) 0%,
      rgba(7, 12, 22, 0.82) 24%,
      rgba(7, 12, 22, 0.64) 48%,
      rgba(7, 12, 22, 0.28) 74%,
      rgba(7, 12, 22, 0.46) 100%) !important;
}

@media (min-width: 1024px) {
  .desktop-header__inner {
    grid-template-columns: auto auto auto !important;
    justify-content: space-between !important;
  }

  .desktop-header__nav {
    margin-left: auto !important;
    margin-right: 28px !important;
  }

  .desktop-header__phone {
    font-size: 18px !important;
    white-space: nowrap !important;
  }

  .mobile-topbar {
    display: none !important;
  }

  .desktop-header {
    display: block !important;
  }
}

/* Hero correction 2026-03-20 */
.mobile-topbar__title-row {
  gap: 12px !important;
}

.mobile-topbar__phone-inline {
  margin-left: auto;
  font-size: 20px !important;
}

.hero__eyebrow {
  display: flex !important;
  margin-bottom: 12px !important;
}

.hero__question {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.94);
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

.hero__question::before {
  content: '';
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 205, 61, 0.95), rgba(255, 135, 61, 0.75));
}

.hero__background-image {
  background: url('/images/real-process/03-mobile.webp?v=20260525-assets2') center center / cover no-repeat !important;
}

.hero__background-overlay {
  background:
    linear-gradient(180deg,
      rgba(7, 12, 22, 0.86) 0%,
      rgba(7, 12, 22, 0.78) 34%,
      rgba(7, 12, 22, 0.72) 64%,
      rgba(7, 12, 22, 0.82) 100%) !important;
}

@media (min-width: 1024px) {
  .desktop-header__phone {
    margin-left: 28px;
    font-size: 20px !important;
  }

  .hero__background-image {
    background: url('/images/real-process/03.webp?v=20260525-assets2') center center / cover no-repeat !important;
  }
}

/* Hero refresh 2026-03-21 */
.mobile-topbar__phone-inline {
  margin-left: auto !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.05em !important;
  color: #10213f !important;
}

.hero__background-image {
  background: url('/images/01%20fon.png?v=20260525-assets2') center 46% / cover no-repeat !important;
}

.hero__background-overlay {
  background:
    linear-gradient(180deg,
      rgba(5, 9, 18, 0.72) 0%,
      rgba(5, 9, 18, 0.76) 20%,
      rgba(5, 9, 18, 0.82) 46%,
      rgba(5, 9, 18, 0.86) 74%,
      rgba(5, 9, 18, 0.92) 100%) !important;
}

@media (min-width: 1024px) {
  .desktop-header__inner {
    min-height: 76px !important;
  }

  .desktop-header__phone {
    margin-left: 32px !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    white-space: nowrap !important;
  }

  .hero__background-image {
    background: url('/images/01%20fon.png?v=20260525-assets2') center 44% / cover no-repeat !important;
  }

  .hero__background-overlay {
    background:
      linear-gradient(90deg,
        rgba(5, 9, 18, 0.82) 0%,
        rgba(5, 9, 18, 0.74) 34%,
        rgba(5, 9, 18, 0.54) 64%,
        rgba(5, 9, 18, 0.7) 100%),
      linear-gradient(180deg,
        rgba(5, 9, 18, 0.34) 0%,
        rgba(5, 9, 18, 0.54) 100%) !important;
  }
}

/* Hero buyout cleanup 2026-03-21 */
.hero__buyout-list {
  gap: 10px 18px !important;
}

.hero__buyout-item {
  min-height: auto !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.hero__buyout-item span:last-child {
  text-align: left !important;
}

@media (min-width: 1024px) {
  .hero__buyout-panel {
    gap: 12px 18px !important;
  }

  .hero__buyout-panel-item {
    min-height: auto !important;
    justify-content: flex-start !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Hero header removal 2026-03-21 */
.mobile-topbar,
.desktop-header {
  display: none !important;
}

.hero__container {
  padding-top: 34px !important;
}

.hero__region-strip {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

@media (min-width: 1024px) {
  .hero__container {
    padding-top: 46px !important;
  }

  .hero__region-strip {
    margin-bottom: 18px;
    font-size: 14px;
  }
}

/* Hero contact icons 2026-03-21 */
.hero__region-strip {
  margin-bottom: 10px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.hero__eyebrow {
  margin-bottom: 10px !important;
}

.hero-method-icons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
  margin-bottom: 8px;
}

.hero-method-icons__button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 70px;
  padding: 6px 0 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.hero-method-icons__label {
  display: none !important;
  min-height: 14px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  color: rgba(100, 116, 139, 0.9);
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.hero-method-icons__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: #fff;
  color: #111827;
  box-shadow: 0 10px 24px -18px rgba(15, 23, 42, 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.hero-method-icons__button.is-active .hero-method-icons__icon {
  transform: translateY(-1px);
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow: 0 12px 26px -18px rgba(245, 158, 11, 0.38);
}

.hero-method-icons__icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.hero-method-icons__icon--whatsapp {
  color: #16a34a;
}

.hero-method-icons__icon--telegram {
  color: #229ed9;
}

.hero-method-icons__icon--max {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #0f172a;
}

.hero-method-icons__icon--phone {
  color: #0f172a;
}

.hero-form__step--method .hero-form__primary {
  margin-top: 6px;
}

@media (min-width: 1024px) {
  .hero__region-strip {
    margin-bottom: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
  }

  .hero-method-icons {
    gap: 12px;
  }

  .hero-method-icons__button {
    min-height: 74px;
  }

  .hero-method-icons__label {
    font-size: 11px;
  }

  .hero-method-icons__icon {
    width: 56px;
    height: 56px;
  }
}

/* Hero form polish 2026-03-21 */
.hero-form {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(225, 230, 238, 0.9) !important;
  box-shadow: 0 26px 48px -34px rgba(0, 0, 0, 0.38) !important;
}

.hero-form__manager-copy strong {
  color: #122033 !important;
}

.hero-form__manager-copy span,
.hero-form__label {
  color: #6d7a8b !important;
}

.hero-method-icons {
  gap: 8px !important;
}

.hero-method-icons__button {
  min-height: 64px !important;
}

.hero-method-icons__icon {
  width: 50px !important;
  height: 50px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hero-method-icons__button.is-active .hero-method-icons__icon {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.hero-method-icons__icon svg,
.hero-method-icons__icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.hero-method-icons__icon--max img,
.hero-method-icons__icon--phone img {
  width: 30px;
  height: 30px;
}

@media (min-width: 1024px) {
  .hero-form {
    background: rgba(219, 225, 234, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
  }

  .hero-method-icons {
    gap: 10px !important;
  }

  .hero-method-icons__button {
    min-height: 68px !important;
  }

  .hero-method-icons__icon {
    width: 52px !important;
    height: 52px !important;
  }
}

/* Hero messenger card refresh 2026-03-21 */
.hero__region-strip {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-bottom: 4px !important;
  transform: translateY(-6px);
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.48) !important;
}

.hero-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    radial-gradient(circle at top left,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.03) 26%,
      rgba(255, 255, 255, 0) 56%),
    linear-gradient(180deg,
      rgba(18, 24, 38, 0.76) 0%,
      rgba(11, 16, 28, 0.68) 100%) !important;
  box-shadow:
    0 28px 54px -34px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(255, 255, 255, 0.02) !important;
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.hero-form__manager {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-bottom: 18px !important;
  text-align: center !important;
}

.hero-form__manager-copy {
  min-width: 0 !important;
  width: 100% !important;
}

.hero-form__manager-copy strong,
.hero-form__manager-copy span {
  display: block;
}

.hero-form__manager-copy strong {
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.hero-form__manager-copy span {
  margin-top: 6px !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.hero-form__label,
.hero-form__secure-badge {
  color: rgba(255, 255, 255, 0.58) !important;
}

.hero-form__method-hint {
  margin: 2px 0 10px !important;
  text-align: center;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.hero-form__method-hint span {
  color: #ffd54d !important;
  font-weight: 800 !important;
}

.hero-method-icons {
  margin-top: 2px !important;
  margin-bottom: 12px !important;
}

.hero-form__vehicle-field {
  display: block;
  margin: 0 0 6px;
}

.hero-form__input--vehicle {
  text-align: left;
  font-weight: 600;
}

.hero-form__input--vehicle::placeholder {
  color: #7c8797;
}

.hero-method-icons__button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 60px !important;
  gap: 6px !important;
}

.hero-method-icons__label {
  color: rgba(255, 255, 255, 0.62) !important;
}

.hero-method-icons__icon {
  width: 46px !important;
  height: 46px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.hero-method-icons__button.is-active .hero-method-icons__icon {
  transform: scale(1.04) !important;
}

.hero-method-icons__icon svg,
.hero-method-icons__icon img {
  width: 28px !important;
  height: 28px !important;
}

.hero-method-icons__icon--max img,
.hero-method-icons__icon--vk img {
  width: 30px !important;
  height: 30px !important;
}

.hero-form__input,
.quiz-form input,
.quiz-form select {
  background: rgba(255, 255, 255, 0.96) !important;
}

@media (min-width: 1024px) {
  .hero__region-strip {
    margin-bottom: 6px !important;
    transform: translateY(-10px);
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.46) !important;
  }

  .hero-form {
    background:
      radial-gradient(circle at top left,
        rgba(255, 255, 255, 0.12) 0%,
        rgba(255, 255, 255, 0.03) 24%,
        rgba(255, 255, 255, 0) 54%),
      linear-gradient(180deg,
        rgba(16, 22, 35, 0.78) 0%,
        rgba(10, 15, 26, 0.72) 100%) !important;
  }

  .hero-form__manager {
    margin-bottom: 20px !important;
  }

  .hero-form__manager-copy strong {
    font-size: 21px !important;
  }

  .hero-method-icons__button {
    min-height: 64px !important;
  }

  .hero-method-icons__icon {
    width: 48px !important;
    height: 48px !important;
  }
}

@media (max-width: 767px) {
  .hero__side {
    width: min(100%, calc(100vw - 24px)) !important;
    max-width: 340px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px 16px 16px !important;
  }

  .hero-form__manager-copy {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-method-icons {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    justify-content: stretch !important;
  }

  .hero-method-icons__button {
    width: 100% !important;
    min-height: 56px !important;
  }

  .hero-method-icons__icon {
    width: 42px !important;
    height: 42px !important;
  }

  .hero-form__manager-copy strong {
    font-size: 15px !important;
  }

  .hero-form__manager-copy span {
    font-size: 12px !important;
  }

  .hero-form__method-hint {
    font-size: 11px !important;
    margin-bottom: 8px !important;
  }

  .hero-form__vehicle-field {
    margin-bottom: 4px;
  }

}

/* Hero order fix 2026-03-21 */
.hero__eyebrow {
  order: 1 !important;
  margin: 0 0 12px !important;
}

.hero__subtitle {
  order: 2 !important;
  margin: 0 0 14px !important;
}

.hero__title {
  order: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  font-size: 29px !important;
  line-height: 1.03 !important;
}

.hero__title > span {
  display: block !important;
}

.hero__title > span:nth-child(2) {
  font-size: 0.9em !important;
  letter-spacing: -0.02em !important;
}

.hero-form__step--method .hero-form__secondary--chat {
  margin-top: 10px !important;
  position: relative;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
  padding: 12px 18px !important;
  --hero-chat-angle: 0deg;
  background:
    linear-gradient(180deg,
      rgba(34, 42, 58, 0.82) 0%,
      rgba(22, 28, 41, 0.76) 100%) padding-box,
    conic-gradient(from var(--hero-chat-angle),
      rgba(255, 191, 64, 0.05) 0deg,
      rgba(255, 191, 64, 0.05) 214deg,
      rgba(255, 191, 64, 0.42) 258deg,
      rgba(255, 214, 102, 0.98) 304deg,
      rgba(255, 191, 64, 0.52) 338deg,
      rgba(255, 191, 64, 0.05) 360deg) border-box !important;
  border: 2px solid transparent !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(255, 255, 255, 0.02),
    0 14px 28px -22px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 214, 102, 0.08),
    0 0 22px -12px rgba(255, 214, 102, 0.42) !important;
  backdrop-filter: blur(10px);
  will-change: transform;
  animation: hero-chat-ring-angle 2.8s linear infinite;
}

.hero-form__step--method .hero-form__secondary--chat::before,
.hero-form__step--method .hero-form__secondary--chat::after {
  content: none !important;
}

.hero-form__step--method .hero-form__secondary--chat:hover {
  color: #fff !important;
}

@property --hero-chat-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

@keyframes hero-chat-ring-angle {
  0% {
    --hero-chat-angle: 0deg;
  }

  100% {
    --hero-chat-angle: 360deg;
  }
}

@keyframes hero-chat-sheen-shift {
  0% {
    background-position: -180% 0, 0 0, 0 0, 0 0;
  }

  50% {
    background-position: 0% 0, 0 0, 0 0, 0 0;
  }

  100% {
    background-position: 180% 0, 0 0, 0 0, 0 0;
  }
}

@media (min-width: 1024px) {
  .hero__title {
    max-width: 620px !important;
    gap: 6px !important;
    font-size: 52px !important;
    line-height: 1.02 !important;
  }

  .hero-form__step--method .hero-form__secondary--chat {
    font-size: 14px;
  }

  .hero-form__method-hint {
    font-size: 13px !important;
  }

}

/* Mobile performance 2026-03-22 */
.hero__background-image {
  background: none !important;
  overflow: hidden;
}

.hero__background-picture,
.hero__background-picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.hero__background-picture {
  pointer-events: none;
}

.hero__background-picture img {
  object-fit: cover;
  object-position: center center;
}

@media (min-width: 1024px) {
  .hero__container {
    grid-template-columns: minmax(0, 1.06fr) minmax(360px, 404px) !important;
    align-items: start !important;
    gap: 42px !important;
    min-height: min(860px, calc(100vh - 18px)) !important;
    padding-top: 72px !important;
  }

  .hero__content {
    align-self: start !important;
    padding-top: 0 !important;
  }

  .hero__side {
    align-self: start !important;
    max-width: 404px !important;
    padding-top: 0 !important;
  }

  .hero__region-strip {
    display: inline-flex !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 0 12px !important;
    transform: none !important;
    text-align: left !important;
    color: rgba(255, 255, 255, 0.62) !important;
  }

  .hero__eyebrow {
    margin-bottom: 8px !important;
  }

  .hero__title {
    max-width: 760px !important;
    margin-bottom: 18px !important;
  }

  .hero__buyout-list--mobile {
    display: grid !important;
    width: fit-content;
    max-width: 100%;
    margin-top: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 28px !important;
  }

  .hero__buyout-item {
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 17px !important;
    line-height: 1.18 !important;
  }

  .hero__buyout-panel {
    display: none !important;
  }

  .hero__side .hero-form {
    margin-top: 0 !important;
  }
}

@media (min-width: 1024px) {
  .hero__background-image {
    background-position: center 52% !important;
  }

  .hero__background-overlay {
    background:
      linear-gradient(90deg,
        rgba(4, 8, 16, 0.74) 0%,
        rgba(4, 8, 16, 0.58) 36%,
        rgba(4, 8, 16, 0.36) 62%,
        rgba(4, 8, 16, 0.52) 100%) !important;
  }

  .hero__container {
    align-items: center !important;
    gap: 54px !important;
    min-height: min(760px, calc(100vh - 24px)) !important;
    padding-top: 56px !important;
    padding-bottom: 48px !important;
  }

  .hero__content {
    align-self: center !important;
    max-width: 700px !important;
  }

  .hero__side {
    align-self: center !important;
    max-width: 392px !important;
  }

  .hero__region-strip {
    margin-bottom: 14px !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    color: rgba(255, 255, 255, 0.58) !important;
  }

  .hero__eyebrow {
    margin-bottom: 10px !important;
  }

  .hero__question {
    font-size: 17px !important;
  }

  .hero__title {
    max-width: 690px !important;
    margin-bottom: 16px !important;
    font-size: 0 !important;
    line-height: 1.02 !important;
  }

  .hero__title > span {
    display: block !important;
    font-size: 58px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
  }

  .hero__title > span:nth-child(1),
  .hero__title > span:nth-child(3) {
    font-size: 58px !important;
  }

  .hero__title > span:nth-child(2) {
    font-size: 52px !important;
    color: var(--cta) !important;
    letter-spacing: -0.03em !important;
  }

  .hero__buyout-list--mobile {
    gap: 10px 24px !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 16px !important;
  }

  .hero-form {
    padding: 26px 22px 18px !important;
  }

  .hero-form__manager {
    margin-bottom: 16px !important;
  }

  .hero-form__manager-copy strong {
    font-size: 19px !important;
  }
}

@media (min-width: 1024px) {
  .hero__container {
    align-items: start !important;
    min-height: 690px !important;
    padding-top: 36px !important;
    padding-bottom: 28px !important;
    gap: 56px !important;
  }

  .hero__content {
    align-self: start !important;
    max-width: 720px !important;
  }

  .hero__side {
    align-self: start !important;
    margin-top: 18px !important;
  }

  .hero__region-strip {
    margin: 0 0 18px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
    color: rgba(255, 255, 255, 0.68) !important;
  }

  .hero__eyebrow {
    margin-bottom: 16px !important;
  }

  .hero__question {
    font-size: 18px !important;
    line-height: 1.08 !important;
  }

  .hero__title {
    margin-bottom: 22px !important;
  }

  .hero__buyout-list--mobile {
    gap: 14px 34px !important;
  }

  .hero__buyout-item {
    gap: 12px !important;
  }

  .hero__buyout-icon {
    font-size: 20px !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.14 !important;
  }
}

@media (min-width: 1024px) {
  .hero__container {
    min-height: 660px !important;
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }

  .hero__content {
    padding-top: 10px !important;
  }

  .hero__side {
    margin-top: 10px !important;
  }

  .hero__region-strip {
    margin: 0 0 26px !important;
  }

  .hero__eyebrow {
    margin-bottom: 24px !important;
  }

  .hero__title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
    line-height: 1 !important;
  }

  .hero__title > span {
    line-height: 1.06 !important;
  }

  .hero__title > span:nth-child(1),
  .hero__title > span:nth-child(3) {
    font-size: 56px !important;
  }

  .hero__title > span:nth-child(2) {
    font-size: 50px !important;
  }

  .hero__buyout-list--mobile {
    gap: 18px 40px !important;
    margin-top: 4px !important;
  }

  .hero__buyout-item {
    gap: 13px !important;
  }

  .hero__buyout-icon {
    font-size: 21px !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }
}

@media (min-width: 1024px) {
  .hero__container {
    min-height: 930px !important;
    padding-top: 22px !important;
    padding-bottom: 52px !important;
  }

  .hero__region-strip {
    margin: 0 0 clamp(128px, 17vh, 188px) !important;
  }

  .hero__eyebrow {
    margin-bottom: 20px !important;
  }

  .hero__title {
    margin-bottom: 34px !important;
  }

  .hero__buyout-list--mobile {
    margin-top: 14px !important;
  }

  .hero__side {
    margin-top: clamp(292px, 33vh, 372px) !important;
  }
}

@media (min-width: 1024px) {
  .media-strip--videos {
    max-width: 1076px;
    margin: 0 auto;
  }

  .media-strip--videos .media-strip__track {
    justify-content: center;
    padding-inline: 20px;
  }

  .media-strip--videos .video-card {
    flex: 0 0 248px;
  }

  .media-strip--videos .media-strip__nav,
  .testimonials-strip .media-strip__nav {
    width: 52px;
    height: 52px;
    margin-top: -26px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(16, 24, 40, 0.08);
    border-radius: 999px;
    box-shadow: 0 18px 36px rgba(12, 19, 33, 0.14);
  }

  .media-strip--videos .media-strip__nav::before,
  .testimonials-strip .media-strip__nav::before {
    width: 12px;
    height: 12px;
    border-width: 2.5px;
  }

  .media-strip--videos .media-strip__nav:first-child {
    left: -18px;
  }

  .media-strip--videos .media-strip__nav:last-child {
    right: -18px;
  }

  .testimonials-strip {
    max-width: 1260px;
    margin: 0 auto;
  }

  .testimonials-strip .media-strip__track {
    padding-inline: 56px !important;
  }

  .testimonials-strip .media-strip__nav {
    top: 126px !important;
    margin-top: 0;
  }

  .testimonials-strip .media-strip__nav:first-child {
    left: 8px;
  }

  .testimonials-strip .media-strip__nav:last-child {
    right: 8px;
  }
}

.hero-proof {
  display: none;
  order: 5 !important;
}

.hero-proof-mobile-section {
  display: none !important;
}

@media (min-width: 1024px) {
  .hero__region-strip {
    margin: 0 0 22px !important;
  }

  .hero__buyout-list--mobile {
    display: grid !important;
    width: min(100%, 560px);
    max-width: 100%;
    margin: 0 0 24px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 24px !important;
  }

  .hero__buyout-item {
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  .hero__buyout-item .hero__buyout-icon {
    font-size: 16px !important;
    line-height: 1 !important;
    margin-top: 1px !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
  }

  .hero-proof {
    --hero-proof-height: 152px;
    --hero-proof-gap: 10px;
    --hero-proof-video-width: 104px;
    --hero-proof-photo-width: 132px;
    display: grid;
    grid-template-columns: auto 48px;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    width: fit-content;
    max-width: 100%;
  }

  .hero-proof__viewport {
    width: calc(var(--hero-proof-video-width) + (var(--hero-proof-photo-width) * 2) + (var(--hero-proof-gap) * 2));
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .hero-proof__viewport::-webkit-scrollbar {
    display: none;
  }

  .hero-proof__track {
    display: flex;
    align-items: stretch;
    gap: var(--hero-proof-gap);
    width: max-content;
    padding: 2px;
  }

  .hero-proof__video-tile,
  .hero-proof__photo {
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 44px rgba(4, 10, 22, 0.26);
    min-height: 0;
    height: var(--hero-proof-height);
    scroll-snap-align: start;
  }

  .hero-proof__video-tile {
    width: var(--hero-proof-video-width);
    position: relative;
    padding: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.08);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
  }

  .hero-proof__photo {
    width: var(--hero-proof-photo-width);
  }

  .hero-proof__video-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 52px rgba(4, 10, 22, 0.32);
  }

  .hero-proof__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 18%;
  }

  .hero-proof__video-thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .hero-proof__video-tile::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 13, 24, 0.12) 0%, rgba(7, 13, 24, 0.28) 52%, rgba(7, 13, 24, 0.58) 100%);
  }

  .hero-proof__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 26, 13, 0.96);
    color: #fff;
    font-size: 13px;
    box-shadow: 0 18px 36px -22px rgba(255, 26, 13, 0.56);
    backdrop-filter: blur(6px);
  }

  .hero-proof__video-play::before,
  .hero-proof__video-play::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 1px solid rgba(255, 26, 13, 0.16);
    animation: hero-play-pulse 2.4s ease-out infinite;
  }

  .hero-proof__video-play::after {
    inset: -12px;
    border-color: rgba(255, 26, 13, 0.08);
    animation-delay: 0.6s;
  }

  .hero__buyout-list--mobile {
    display: grid !important;
  }

  .hero__title {
    margin-bottom: 24px !important;
  }

  .hero__content {
    max-width: 820px !important;
    padding-top: 0 !important;
  }

  .hero__side {
    align-self: start !important;
    margin-top: 118px !important;
    max-width: 404px !important;
  }

  .hero__buyout-panel {
    display: none !important;
  }

  .hero-proof__nav {
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 36px rgba(12, 19, 33, 0.18);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .hero-proof__nav::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 11px;
    border-top: 2.5px solid #111b2e;
    border-right: 2.5px solid #111b2e;
    transform: translate(-58%, -50%) rotate(45deg);
  }

  .hero-proof__nav:hover {
    transform: translateX(2px);
    box-shadow: 0 22px 44px rgba(12, 19, 33, 0.24);
  }
}

.hero__background-overlay {
  background:
    linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 70%,
      rgba(255, 255, 255, 0.36) 82%,
      rgba(255, 255, 255, 0.82) 93%,
      rgba(255, 255, 255, 1) 100%),
    linear-gradient(90deg,
      rgba(255, 255, 255, 0.9) 0%,
      rgba(255, 255, 255, 0.78) 28%,
      rgba(245, 247, 250, 0.46) 48%,
      rgba(214, 220, 229, 0.14) 58%,
      rgba(19, 29, 44, 0.04) 70%,
      rgba(13, 20, 32, 0.14) 100%) !important;
}

.hero__background-accent {
  background:
    radial-gradient(54% 40% at 80% 61%,
      rgba(9, 15, 26, 0.24) 0%,
      rgba(9, 15, 26, 0.14) 26%,
      rgba(9, 15, 26, 0.05) 44%,
      rgba(9, 15, 26, 0) 72%),
    radial-gradient(38% 28% at 82% 14%,
      rgba(9, 15, 26, 0.18) 0%,
      rgba(9, 15, 26, 0.08) 34%,
      rgba(9, 15, 26, 0) 72%) !important;
}

.hero__content {
  color: #122033 !important;
}

.hero__region-strip {
  color: rgba(18, 32, 51, 0.52) !important;
}

.hero__question {
  color: #17263b !important;
  text-shadow: none !important;
}

.hero__title {
  color: #111b2e !important;
  text-shadow: none !important;
}

.hero__title > span:nth-child(2) {
  color: #f0b400 !important;
}

.hero__buyout-item {
  min-height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero__buyout-item span:last-child {
  color: #18263b !important;
}

.hero-form {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    radial-gradient(circle at top left,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.04) 24%,
      rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg,
      rgba(18, 26, 40, 0.94) 0%,
      rgba(11, 16, 28, 0.92) 100%) !important;
  box-shadow:
    0 38px 70px -38px rgba(8, 12, 22, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.hero-form__manager-copy strong,
.hero-form__method-hint,
.hero-form__method-hint span,
.hero-form__label,
.hero-form__secure-badge,
.hero-method-icons__label {
  text-shadow: none !important;
}

.hero-form__manager-copy strong {
  color: rgba(255, 255, 255, 0.96) !important;
}

.hero-form__manager-copy span,
.hero-form__label,
.hero-form__secure-badge,
.hero-method-icons__label,
.hero-form__method-hint {
  color: rgba(255, 255, 255, 0.64) !important;
}

.hero-form__method-hint span {
  color: #ffd24a !important;
}

.hero-method-icons__icon {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 24px -20px rgba(0, 0, 0, 0.3) !important;
}

.hero-form__step--method .hero-form__secondary--chat {
  margin-top: 10px !important;
  position: relative;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
  padding: 12px 18px !important;
  --hero-chat-angle: 0deg;
  background:
    linear-gradient(180deg,
      rgba(34, 42, 58, 0.82) 0%,
      rgba(22, 28, 41, 0.76) 100%) padding-box,
    conic-gradient(from var(--hero-chat-angle),
      rgba(255, 191, 64, 0.05) 0deg,
      rgba(255, 191, 64, 0.05) 252deg,
      rgba(255, 214, 102, 0.72) 302deg,
      rgba(255, 191, 64, 0.36) 332deg,
      rgba(255, 191, 64, 0.05) 360deg) border-box !important;
  border: 1.5px solid transparent !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(255, 255, 255, 0.02),
    0 14px 28px -22px rgba(0, 0, 0, 0.48) !important;
  backdrop-filter: blur(10px);
  will-change: transform;
  animation: hero-chat-ring-angle 4.2s linear infinite !important;
}

@media (max-width: 1023px) {
  .hero__background-picture img {
    object-position: 76% center !important;
  }

  .hero__background-overlay {
    background:
      linear-gradient(180deg,
        rgba(255, 255, 255, 0.02) 0%,
        rgba(255, 255, 255, 0.12) 52%,
        rgba(255, 255, 255, 0.9) 92%,
        rgba(255, 255, 255, 1) 100%),
      linear-gradient(90deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(255, 255, 255, 0.94) 42%,
        rgba(255, 255, 255, 0.9) 60%,
        rgba(255, 255, 255, 0.48) 78%,
        rgba(255, 255, 255, 0.08) 100%) !important;
  }

  .hero__container {
    padding-top: 70px !important;
    padding-bottom: 44px !important;
  }

  .hero__region-strip {
    transform: none !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 0 12px !important;
    text-align: left !important;
  }

  .hero__eyebrow {
    margin: 26px 0 12px !important;
  }

  .hero__title {
    margin-bottom: 18px !important;
  }

  .hero__buyout-list--mobile {
    gap: 10px 18px !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .hero__side {
    margin-top: 12px !important;
  }

  .hero-proof-mobile-section {
    display: block !important;
    padding: 18px 0 42px !important;
    background: #ffffff !important;
  }

  .hero-proof-mobile-section .container {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .hero-proof-mobile-section .section-heading {
    margin: 0 !important;
    text-align: left !important;
  }

  .hero-proof-mobile-section .section-heading h2 {
    font-size: 34px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
  }

  .hero-proof-mobile-section .section-heading p {
    margin: 10px 0 0 !important;
    max-width: none !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #5d6979 !important;
  }

  .hero-proof-mobile-section .hero-proof {
    --hero-proof-height: 176px;
    --hero-proof-gap: 10px;
    --hero-proof-video-width: 104px;
    --hero-proof-photo-width: 190px;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 0 !important;
    width: 100% !important;
    order: 0 !important;
  }

  .hero-proof-mobile-section .hero-proof__viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .hero-proof-mobile-section .hero-proof__viewport::-webkit-scrollbar {
    display: none;
  }

  .hero-proof-mobile-section .hero-proof__track {
    display: flex;
    align-items: stretch;
    gap: var(--hero-proof-gap);
    width: max-content;
    padding: 2px;
  }

  .hero-proof-mobile-section .hero-proof__video-tile,
  .hero-proof-mobile-section .hero-proof__photo {
    flex: 0 0 auto;
    height: var(--hero-proof-height);
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(17, 27, 46, 0.08) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 34px -26px rgba(17, 27, 46, 0.22) !important;
    scroll-snap-align: start;
  }

  .hero-proof-mobile-section .hero-proof__video-tile {
    width: var(--hero-proof-video-width);
    position: relative;
    padding: 0;
    background: rgba(255, 255, 255, 0.98) !important;
  }

  .hero-proof-mobile-section .hero-proof__photo {
    width: var(--hero-proof-photo-width);
  }

  .hero-proof-mobile-section .hero-proof__photo img,
  .hero-proof-mobile-section .hero-proof__video-thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-proof-mobile-section .hero-proof__video-thumb {
    object-position: center top;
  }

  .hero-proof-mobile-section .hero-proof__photo img {
    object-position: center 18%;
  }

  .hero-proof-mobile-section .hero-proof__video-tile::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 13, 24, 0.12) 0%, rgba(7, 13, 24, 0.28) 52%, rgba(7, 13, 24, 0.58) 100%);
  }

  .hero-proof-mobile-section .hero-proof__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 26, 13, 0.96);
    color: #fff;
    font-size: 11px;
    box-shadow: 0 16px 28px -22px rgba(255, 26, 13, 0.44) !important;
  }

  .hero-proof-mobile-section .hero-proof__nav {
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(17, 27, 46, 0.08);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 14px 28px -22px rgba(17, 27, 46, 0.22);
    cursor: pointer;
  }

  .hero-proof-mobile-section .hero-proof__nav::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #111b2e;
    border-right: 2px solid #111b2e;
    transform: translate(-58%, -50%) rotate(45deg);
  }

  .hero-proof-mobile-section .hero-proof__nav--prev::before {
    transform: translate(-42%, -50%) rotate(-135deg);
  }

  .hero-proof-mobile-section .hero-proof__nav:disabled {
    opacity: 0.38;
    cursor: default;
    box-shadow: none;
  }

  .hero-proof-mobile-section__cta-shell {
    order: 1;
    display: flex;
    justify-content: center;
    margin-top: 6px !important;
    width: 100% !important;
  }

  .hero-proof-mobile-section__cta {
    margin-top: 0 !important;
    position: relative;
    z-index: 0;
    overflow: hidden;
    isolation: isolate;
    border-radius: 18px !important;
    width: min(100%, 306px) !important;
    min-height: 54px !important;
    padding: 14px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    --hero-chat-angle: 0deg;
    background:
      radial-gradient(circle at top left,
        rgba(255, 255, 255, 0.14) 0%,
        rgba(255, 255, 255, 0.03) 28%,
        rgba(255, 255, 255, 0) 58%) padding-box,
      radial-gradient(120% 190% at 0% 50%,
        rgba(255, 214, 102, 0.18) 0%,
        rgba(255, 214, 102, 0.07) 34%,
        rgba(255, 214, 102, 0) 64%) padding-box,
      linear-gradient(180deg,
        rgba(18, 24, 38, 0.96) 0%,
        rgba(11, 16, 28, 0.92) 100%) padding-box,
      conic-gradient(from var(--hero-chat-angle),
        rgba(255, 191, 64, 0.05) 0deg,
        rgba(255, 191, 64, 0.05) 252deg,
        rgba(255, 214, 102, 0.72) 302deg,
        rgba(255, 191, 64, 0.36) 332deg,
        rgba(255, 191, 64, 0.05) 360deg) border-box !important;
    border: 1.5px solid transparent !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      inset 0 -1px 0 rgba(255, 255, 255, 0.02),
      0 14px 28px -22px rgba(0, 0, 0, 0.48),
      0 0 24px -20px rgba(255, 214, 102, 0.34) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    will-change: transform;
    animation: hero-chat-ring-angle 4.2s linear infinite !important;
  }

  .hero-proof-mobile-section__cta-badge {
    display: none !important;
  }

  .hero-proof-mobile-section__cta::before,
  .hero-proof-mobile-section__cta::after {
    content: none !important;
  }

  .hero-proof-mobile-section__cta:hover {
    color: #fff !important;
  }
}

@media (min-width: 1024px) {
  .hero__background-picture img {
    object-position: 61% center !important;
  }

  .hero__container {
    grid-template-columns: minmax(0, 1.06fr) minmax(360px, 404px) !important;
    align-items: start !important;
    min-height: 980px !important;
    gap: 72px !important;
    padding-top: 54px !important;
    padding-bottom: 78px !important;
  }

  .hero__content {
    align-self: start !important;
    max-width: 760px !important;
    padding-top: 0 !important;
  }

  .hero__region-strip {
    margin: 0 0 16px !important;
    color: rgba(18, 32, 51, 0.48) !important;
  }

  .hero__eyebrow {
    margin: 56px 0 18px !important;
  }

  .hero__question {
    font-size: 18px !important;
  }

  .hero__question::before {
    background: linear-gradient(90deg, rgba(240, 180, 0, 0.95), rgba(255, 151, 74, 0.82)) !important;
  }

  .hero__title {
    max-width: 780px !important;
    margin-bottom: 26px !important;
  }

  .hero__offer-pill {
    margin: -4px 0 12px !important;
    padding: 12px 18px !important;
    font-size: 16px !important;
    line-height: 1.16 !important;
  }

  .hero__title > span:nth-child(1),
  .hero__title > span:nth-child(3) {
    font-size: 58px !important;
  }

  .hero__title > span:nth-child(2) {
    font-size: 52px !important;
  }

  .hero__buyout-list--mobile {
    width: min(100%, 620px) !important;
    margin: 0 0 12px !important;
    gap: 12px 34px !important;
  }

  .hero__buyout-item {
    gap: 10px !important;
  }

  .hero__buyout-item .hero__buyout-icon {
    font-size: 18px !important;
  }

  .hero__buyout-item span:last-child {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
  }

  .hero-proof {
    --hero-proof-height: 220px;
    --hero-proof-gap: 12px;
    --hero-proof-video-width: 116px;
    --hero-proof-photo-width: 208px;
    --hero-proof-prev-offset: 64px;
    position: relative;
    gap: 16px !important;
    margin-top: 46px !important;
    grid-template-columns: auto 48px !important;
    align-items: center !important;
  }

  .hero-proof__viewport {
    justify-self: start !important;
    width: calc(var(--hero-proof-video-width) + (var(--hero-proof-photo-width) * 2) + (var(--hero-proof-gap) * 2)) !important;
  }

  .hero-proof__video-tile,
  .hero-proof__photo {
    border: 1px solid rgba(17, 27, 46, 0.08) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 20px 38px -28px rgba(17, 27, 46, 0.22) !important;
    scroll-snap-stop: always;
  }

  .hero-proof__video-play {
    width: 29px !important;
    height: 29px !important;
    font-size: 10px !important;
    box-shadow: 0 16px 28px -22px rgba(255, 26, 13, 0.38) !important;
  }

  .hero-proof__video-play::before {
    inset: -5px !important;
  }

  .hero-proof__video-play::after {
    inset: -10px !important;
  }

  .hero-proof__nav {
    background: #ffffff !important;
    border-color: rgba(17, 27, 46, 0.08) !important;
    box-shadow: 0 18px 36px -24px rgba(17, 27, 46, 0.2) !important;
  }

  .hero-proof__nav--prev {
    position: absolute !important;
    left: calc(var(--hero-proof-prev-offset) * -1) !important;
    top: 50% !important;
    z-index: 2;
    transform: translateY(-50%) !important;
  }

  .hero-proof__nav:disabled {
    opacity: 0.38;
    cursor: default;
    box-shadow: none !important;
  }

  .hero-proof__nav--prev::before {
    transform: translate(-42%, -50%) rotate(-135deg) !important;
  }

  .hero-proof__nav--prev:hover {
    transform: translateY(-50%) translateX(-2px) !important;
  }

  .hero__side {
    align-self: start !important;
    max-width: 404px !important;
    margin-top: 372px !important;
  }

.hero-form {
    padding: 28px 22px 18px !important;
  }
}

.hero__title-line--main,
.hero__title-line--entity,
.hero__title-line--final-accent {
  white-space: nowrap !important;
}

.hero__title-line--entity {
  display: block !important;
  color: #111b2e !important;
  font-size: 24px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.025em !important;
}

.hero__title-line--entity.hero__title-line--entity-compact {
  font-size: 22px !important;
}

.hero__title-line--entity.hero__title-line--entity-tight {
  font-size: 20px !important;
}

.hero__title-line--final-accent {
  display: block !important;
  color: var(--cta) !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
}

.hero__title-line--final-accent.hero__title-line--final-accent-compact {
  font-size: 20px !important;
}

.hero__title-line--final-accent.hero__title-line--final-accent-tight {
  font-size: 18px !important;
}

.hero__title-line--main.hero__title-line--main-compact {
  font-size: 34px !important;
}

.hero__title-line--main.hero__title-line--main-tight {
  font-size: 30px !important;
  letter-spacing: -0.03em !important;
}

@media (min-width: 1024px) {
  .hero__title-line--entity {
    font-size: 44px !important;
  }

  .hero__title-line--entity.hero__title-line--entity-compact {
    font-size: 38px !important;
  }

  .hero__title-line--entity.hero__title-line--entity-tight {
    font-size: 34px !important;
  }

  .hero__title-line--final-accent {
    font-size: 34px !important;
  }

  .hero__title-line--final-accent.hero__title-line--final-accent-compact {
    font-size: 30px !important;
  }

  .hero__title-line--final-accent.hero__title-line--final-accent-tight {
    font-size: 27px !important;
  }
}

#hero-title > .hero__title-line--main,
#hero-title > .hero__title-line--accent,
#hero-title > .hero__title-line--closing {
  display: block !important;
  white-space: nowrap !important;
}

#hero-title > .hero__title-line--main {
  color: #111b2e !important;
  font-size: 27px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
}

#hero-title > .hero__title-line--accent {
  font-size: 27px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
}

#hero-title > .hero__title-line--accent.hero__title-line--accent-compact {
  font-size: 23px !important;
}

#hero-title > .hero__title-line--accent.hero__title-line--accent-tight {
  font-size: 18px !important;
  letter-spacing: -0.035em !important;
}

#hero-title > .hero__title-line--accent.hero__title-line--accent-ultra {
  font-size: 16px !important;
  letter-spacing: -0.03em !important;
}

#hero-title > .hero__title-line--closing {
  color: #111b2e !important;
  font-size: 27px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
}

#hero-title > .hero__title-line--accent .hero__title-inline {
  font: inherit !important;
  letter-spacing: inherit !important;
  white-space: nowrap !important;
}

#hero-title > .hero__title-line--accent .hero__title-inline--accent {
  color: var(--cta) !important;
}

#hero-title > .hero__title-line--accent .hero__title-inline--time {
  color: #111b2e !important;
}

@media (min-width: 1024px) {
  #hero-title > .hero__title-line--main {
    font-size: 52px !important;
  }

  #hero-title > .hero__title-line--accent {
    font-size: 52px !important;
  }

  #hero-title > .hero__title-line--accent.hero__title-line--accent-compact {
    font-size: 44px !important;
  }

  #hero-title > .hero__title-line--accent.hero__title-line--accent-tight {
    font-size: 34px !important;
  }

  #hero-title > .hero__title-line--accent.hero__title-line--accent-ultra {
    font-size: 29px !important;
  }

  #hero-title > .hero__title-line--closing {
    font-size: 52px !important;
  }
}

.hero-perks-strip {
  position: relative;
  z-index: 2;
  margin-top: -18px;
  padding: 0 0 24px;
}

.hero-perks-strip .container {
  max-width: 1180px;
}

.hero-perks-strip__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  overflow: hidden;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  border-radius: 28px;
  background: #f8fafc;
  box-shadow: 0 20px 42px -34px rgba(17, 27, 46, 0.24);
  border: 1px solid rgba(17, 27, 46, 0.08);
}

.hero-perks-strip__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 18px 18px;
  color: #111b2e;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.hero-perks-strip__item + .hero-perks-strip__item {
  border-top: 1px solid rgba(17, 27, 46, 0.12);
}

.hero-perks-strip__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--cta);
  color: #111b2e;
  font-size: 15px;
  font-weight: 900;
  box-shadow: inset 0 -1px 0 rgba(17, 27, 46, 0.12);
}

@media (min-width: 1024px) {
  .hero-perks-strip {
    margin-top: -30px;
    padding: 0 0 34px;
  }

  .hero-perks-strip__grid {
    max-width: 1180px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hero-perks-strip__item {
    min-height: 92px;
    padding: 22px 24px;
    font-size: 18px;
  }

  .hero-perks-strip__item + .hero-perks-strip__item {
    border-top: 0;
    border-left: 1px solid rgba(17, 27, 46, 0.12);
  }
}

.hero-form__primary {
  border-radius: 32px !important;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

body.is-scrolled .hero-form__primary {
  border-radius: 32px !important;
}

@media (max-width: 1023px) {
  .hero-proof-mobile-section .section-heading {
    text-align: center !important;
  }

  .hero-proof-mobile-section .section-heading p {
    margin: 10px auto 0 !important;
    max-width: 30ch !important;
    text-align: center !important;
  }

  .hero-proof-mobile-section__cta {
    border-radius: 32px !important;
    background: var(--cta) !important;
    border: 0 !important;
    color: var(--cta-text) !important;
    width: min(100%, 306px) !important;
    min-height: 54px !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: var(--shadow-button) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !important;
  }

  .hero-proof-mobile-section__cta:hover {
    color: var(--cta-text) !important;
  }
}

/* Final hero spacing + unified section title scale 2026-03-23 */
@media (max-width: 1023px) {
  .hero__container {
    padding-top: 46px !important;
  }

  .hero__region-strip {
    margin-bottom: 10px !important;
  }
}

.section-heading h2,
.section-cta h2,
.messenger-eval__title {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: 27px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
  color: #111b2e !important;
}

@media (min-width: 1024px) {
  .section-heading h2,
  .section-cta h2,
  .messenger-eval__title {
    font-size: 52px !important;
  }
}

.section--assurance .section-heading h2,
.section--cta .section-cta h2 {
  color: #ffffff !important;
}

.hero-form.is-success .hero-form__manager {
  display: none !important;
}

.hero-form.is-success .hero-form__success-title {
  color: #ffffff !important;
}

.hero-form.is-success .hero-form__success-text {
  margin: 8px auto 0 !important;
  max-width: 30ch !important;
  color: rgba(255, 255, 255, 0.74) !important;
}

.hero-form.is-success .hero-form__success-icon {
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 12px !important;
  font-size: 26px !important;
}

.hero-form.is-success .hero-form__success-phone {
  margin-top: 12px !important;
  padding: 12px 16px !important;
  font-size: 18px !important;
}

.hero-form.is-success .hero-form__secondary {
  margin-top: 12px !important;
  padding: 12px 18px !important;
}

@media (min-width: 1024px) {
  .hero-form.is-success {
    transform: translateY(-34px);
    padding-top: 18px !important;
    padding-bottom: 16px !important;
  }

  .hero-form.is-success .hero-form__success {
    gap: 0 !important;
  }

  .hero-form.is-success .hero-form__success-title {
    font-size: 22px !important;
    line-height: 1.04 !important;
  }

  .hero-form.is-success .hero-form__success-text {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  .hero-form.is-success .hero-form__success-phone {
    margin-top: 10px !important;
    padding: 10px 14px !important;
    font-size: 17px !important;
  }

  .hero-form.is-success .hero-form__secondary {
    margin-top: 10px !important;
    padding: 11px 16px !important;
  }
}

/* 2026-05-21: keep proof carousels readable inside a 1280px viewport. */
.video-card[data-video="/video/20.05.2026.mp4?v=20260525-assets2"] {
  order: -1;
}

@media (min-width: 1024px) {
  .media-strip--videos {
    max-width: 1152px;
  }

  .media-strip--videos .media-strip__track {
    gap: 16px;
    justify-content: flex-start;
    padding-inline: 44px;
  }

  .media-strip--videos .video-card {
    flex-basis: 200px;
    min-width: 200px;
    max-width: 200px;
    min-height: 276px;
  }

  .media-strip--videos .media-strip__nav:first-child {
    left: -6px;
  }

  .media-strip--videos .media-strip__nav:last-child {
    right: -6px;
  }

  .testimonials-strip {
    max-width: 1200px;
  }

  .testimonials-strip .media-strip__track {
    gap: 20px;
    padding-inline: 58px !important;
  }

  .testimonial-card {
    flex-basis: 348px;
    width: 348px;
    min-height: 520px;
    scroll-snap-align: start;
  }

  .testimonial-card__photo {
    height: 238px;
  }

  .testimonials-strip .media-strip__nav {
    top: 118px !important;
  }

  .purchased-strip {
    max-width: 1220px;
    margin-inline: auto;
  }

  .purchased-strip .media-strip__track {
    grid-template-rows: repeat(2, 164px);
    grid-auto-columns: 218px;
    gap: 16px;
    padding: 0 56px 10px;
  }

  .purchased-card {
    width: 218px;
    height: 164px;
    border-radius: 22px;
  }

  .purchased-strip .media-strip__nav {
    top: 50% !important;
    width: 52px;
    height: 52px;
    margin-top: -26px;
    border: 1px solid rgba(220, 38, 38, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 36px rgba(12, 19, 33, 0.16);
  }

  .purchased-strip .media-strip__nav::before {
    width: 12px;
    height: 12px;
    border-width: 2.5px;
  }

  .purchased-strip .media-strip__nav:first-child {
    left: 0;
  }

  .purchased-strip .media-strip__nav:last-child {
    right: 0;
  }
}

@media (max-width: 1023px) {
  .media-strip__nav {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    border: 1px solid rgba(220, 38, 38, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 14px 30px rgba(12, 19, 33, 0.14);
  }

  .media-strip__nav:first-child {
    left: 6px;
  }

  .media-strip__nav:last-child {
    right: 6px;
  }

  .testimonials-strip .media-strip__track {
    padding-inline: 18px;
  }

  .testimonial-card {
    flex-basis: min(86vw, 340px);
  }

  .purchased-strip .media-strip__track {
    padding-inline: 18px;
  }
}

@media (max-width: 560px) {
  #reviews .section-heading h2,
  .section-heading--cars h2 {
    max-width: 100%;
    font-size: clamp(30px, 8vw, 38px) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
    overflow-wrap: normal;
  }

  .section-heading--cars {
    padding-inline: 12px;
  }
}

@media (min-width: 1024px) {
  .testimonials-strip {
    max-width: 1084px;
  }

  .testimonials-strip .media-strip__track {
    padding-inline: 0 !important;
  }

  .testimonials-strip .media-strip__nav:first-child {
    left: -26px;
  }

  .testimonials-strip .media-strip__nav:last-child {
    right: -26px;
  }

  .purchased-strip .media-strip__track {
    grid-template-rows: repeat(2, 150px);
    grid-auto-columns: 200px;
    padding-inline: 48px;
  }

  .purchased-card {
    width: 200px;
    height: 150px;
  }
}