.hero {
  background: radial-gradient(circle at top left, var(--color-primary-soft) 0, #f7faf9 52%, #f7faf9 100%);
}

.hero__inner {
  align-items: center;
}

.hero__content {
  max-width: 34rem;
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.hero__meta {
  margin-top: var(--space-4);
}

.hero-image-wrapper {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.section-header {
  max-width: 40rem;
  margin: 0 auto var(--space-8);
}

.featured__inner {
  align-items: center;
}

.featured__content {
  max-width: 32rem;
}

.featured__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.featured-image-wrapper {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.categories-grid {
  margin-top: var(--space-6);
}

.category-card--cta {
  border-style: dashed;
}

.ordering__inner {
  align-items: flex-start;
}

.ordering-steps {
  list-style: none;
  padding: 0;
  margin: var(--space-4) 0;
  display: grid;
  gap: var(--space-3);
}

.ordering-steps h3 {
  font-size: var(--font-size-base);
  margin-bottom: var(--space-1);
}

.ordering__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.ordering__contact {
  margin-top: var(--space-4);
}

@media (min-width: 768px) {
  .ordering__contact {
    margin-top: 0;
  }
}

.testimonials__intro {
  align-items: center;
  gap: var(--space-6);
}

.testimonials__image img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.testimonials-grid {
  align-items: stretch;
}

.why-grid {
  margin-top: var(--space-4);
}

.pricing__inner {
  align-items: center;
}

.pricing-grid {
  margin-top: var(--space-4);
}

.pricing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.team__inner {
  align-items: center;
}

.team__media img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.team-list {
  margin-top: var(--space-3);
}

.contact__inner {
  align-items: flex-start;
}

.contact__form-card {
  margin-top: var(--space-4);
}

@media (min-width: 768px) {
  .contact__form-card {
    margin-top: 0;
  }
}

.contact-form__footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: flex-start;
}

.contact-form__note {
  max-width: 26rem;
}

@media (min-width: 768px) {
  .contact-form__footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .hero__actions,
  .featured__actions,
  .ordering__actions,
  .pricing__actions {
    flex-direction: column;
    align-items: stretch;
  }
}