/* Reviewed adaptation of recipeai-fixes.css. Imported after component styles. */
.hero__title,
.features__title,
.how-it-works__title,
.screenshots__title,
.testimonials__title,
.cta__title { text-wrap: balance; letter-spacing: 0; }

.hero__description,
.features__subtitle,
.screenshots__subtitle,
.testimonials__subtitle,
.cta__description,
.step__description { text-wrap: pretty; }

.header__link { white-space: nowrap; }
.header__mobile-menu:not(.open) { visibility: hidden; }
@media (max-width: 768px) {
  .how-it-works__title br,
  .screenshots__title br,
  .testimonials__title br,
  .cta__title br { display: inline; }
}
@media (max-width: 1024px) {
  .header__cta,
  .header__language,
  .header__links { display: none; }
  .header__mobile-toggle { display: flex; margin-inline-start: auto; }
  .header__mobile-menu,
  .header__overlay { display: block; }
}

.hero__bg-circle--3 { display: none; }
.hero__video-wrapper { overflow: hidden; max-width: 100%; }
.hero__video { aspect-ratio: 16 / 9; object-fit: contain; }
@media (max-width: 992px) {
  .hero { min-height: auto; padding-top: 112px; }
  .hero__video-wrapper { width: min(640px, 100%); }
}
@media (max-width: 576px) {
  .hero__content { left: auto; max-width: 100%; gap: 32px; }
  .hero__image { margin-bottom: 0; }
  .hero__video-wrapper { width: 100%; padding: 8px; border-radius: 22px; }
  .hero__video { border-radius: 16px; max-height: none; }
  .hero__title { font-size: 32px; max-width: 340px; }
  .hero__buttons { width: 100%; gap: 12px; margin-bottom: 36px; }
}

.feature-card__title { letter-spacing: 0; }
@media (min-width: 641px) {
  .features__grid { align-items: stretch; }
  .feature-card { display: flex; flex-direction: column; padding: 28px 24px; cursor: default; }
  .feature-card__header { flex-direction: column; align-items: flex-start; gap: 18px; }
  .feature-card__title { font-size: 17px; line-height: 1.35; }
  .feature-card__toggle { display: none; }
  .feature-card__content,
  .feature-card--expanded .feature-card__content { grid-template-rows: 1fr; margin-top: 10px; }
  .feature-card__description,
  html[dir='rtl'] .feature-card__description { padding: 0; font-size: 14px; }
}
@media (max-width: 640px) {
  .feature-card__description,
  html[dir='rtl'] .feature-card__description { padding-left: 0; padding-right: 0; padding-inline-start: 54px; }
}

.how-it-works__bg { display: none; }
.how-it-works .container { position: relative; z-index: 1; }
.step__number { font-size: 64px; margin-bottom: 6px; opacity: 0.28; }
.step__phone::before { display: none; }
html[dir='rtl'] .step__content { direction: rtl; }
@media (max-width: 992px) {
  .step__description { max-width: 520px; }
}
@media (max-width: 576px) {
  .step__number { font-size: 48px; margin-bottom: 2px; }
}

.screenshots__phone-frame {
  background: transparent;
  padding: 0;
  width: 320px;
  max-width: 100%;
  aspect-ratio: 2 / 3;
  border-radius: 32px;
  overflow: hidden;
}
.screenshots__phone-screen { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.screenshots__phone { max-width: 100%; }
.screenshots__tab { text-align: start; min-width: 0; }
@media (max-width: 992px) {
  .screenshots__phone-frame { width: 300px; }
  .screenshots__tab:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 576px) {
  .screenshots__phone-frame { width: 260px; border-radius: 28px; padding: 0; }
  .screenshots__phone-screen { border-radius: 0; }
}

.testimonial { display: flex; flex-direction: column; }
.testimonial__text { flex: 1 1 auto; }
.testimonial__author { margin-top: auto; }
.testimonial__name { unicode-bidi: plaintext; }

/* Remove decorative borders that cross the translucent waitlist input. */
.cta__decoration { display: none; }
.cta__ios-input,
.cta__ios-button { min-height: 52px; }
.cta__ios-title { text-wrap: balance; }

.features__badge,
.how-it-works__label,
.screenshots__label,
.testimonials__label,
.footer__column-title,
.cta__store-label { letter-spacing: 0; }