.hero {
  padding: var(--space-80) 0 var(--space-64);
  background: radial-gradient(circle at top left, rgba(91, 141, 255, 0.22), transparent 55%) , linear-gradient(145deg, #020617, #050814 48%, #020617 100%);
}

.hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-32);
  align-items: center;
}

.hero__lead {
  max-width: 36rem;
  color: var(--color-text-muted);
}

.hero__ctas {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.hero__meta {
  margin-top: var(--space-32);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-24);
}

.hero__meta-item .small {
  color: var(--color-text-muted);
}

.hero__image-frame {
  max-width: 480px;
  margin-left: auto;
}

.deals {
  padding: var(--space-40) 0 var(--space-32);
}

.deals__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--space-24);
  align-items: center;
}

.deals__content p {
  color: var(--color-text-muted);
}

.deals__actions {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.deals__image-frame {
  max-width: 420px;
  margin-left: auto;
}

.section-header {
  text-align: left;
  margin-bottom: var(--space-32);
}

.section-header__subtitle {
  max-width: 40rem;
  color: var(--color-text-muted);
}

.featured {
  padding: var(--space-64) 0;
}

.featured__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
  gap: var(--space-32);
  align-items: stretch;
}

.featured__image-frame {
  height: 100%;
}

.featured__card {
  height: 100%;
}

.categories {
  padding: var(--space-64) 0;
  background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 55%) , var(--color-bg);
}

.categories__grid {
  gap: var(--space-24);
}

.categories__card .card__subtitle {
  color: var(--color-text-muted);
}

.categories__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.search {
  padding: var(--space-64) 0;
}

.search__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-32);
  align-items: center;
}

.search__content p {
  color: var(--color-text-muted);
}

.search__form {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.search__form .input--search {
  flex: 1 1 220px;
}

.search__filters {
  margin-top: var(--space-16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.search__note {
  margin-top: var(--space-16);
  color: var(--color-text-muted);
}

.search__image-frame {
  max-width: 420px;
  margin-left: auto;
}

.personalized {
  padding: var(--space-64) 0;
}

.personalized__panel {
  display: grid;
}

.personalized__list {
  margin: var(--space-16) 0 0;
  padding-left: 1.1rem;
  color: var(--color-text-muted);
}

.personalized__list li + li {
  margin-top: var(--space-8);
}

.personalized__actions {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.trust {
  padding: var(--space-64) 0;
}

.trust__grid {
  gap: var(--space-32);
  align-items: center;
}

.trust__list {
  margin: var(--space-16) 0 0;
  padding-left: 1.1rem;
  color: var(--color-text-muted);
}

.trust__list li + li {
  margin-top: var(--space-8);
}

.trust__links {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.trust__image-frame {
  max-width: 420px;
  margin-left: auto;
}

.reviews {
  padding: var(--space-64) 0;
  background-color: var(--color-bg-soft);
}

.reviews__grid {
  gap: var(--space-24);
}

.reviews__card .small {
  color: var(--color-text-muted);
}

.reviews__actions {
  margin-top: var(--space-32);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
  justify-content: center;
}

.support {
  padding: var(--space-64) 0 var(--space-80);
}

.support__inner {
  max-width: 760px;
}

.support__list {
  margin: var(--space-16) 0 0;
  padding-left: 1.1rem;
  color: var(--color-text-muted);
}

.support__list li + li {
  margin-top: var(--space-8);
}

.support__actions {
  margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

@media (max-width: 1024px) {
  .hero__inner,
  .featured__layout,
  .search__inner,
  .deals__panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__image-frame,
  .deals__image-frame,
  .search__image-frame,
  .trust__image-frame {
    margin-left: 0;
    max-width: 100%;
  }

  .hero__inner {
    gap: var(--space-24);
  }

  .hero {
    padding-top: var(--space-64);
  }
}

@media (max-width: 768px) {
  .hero__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .section-header {
    text-align: left;
  }

  .search__form {
    flex-direction: column;
    align-items: stretch;
  }

  .search__form .button {
    width: 100%;
    justify-content: center;
  }

  .support {
    padding-bottom: var(--space-64);
  }
}