/* Ajustes de composição exclusivos da página principal. */

/* Os painéis reais do produto ganham mais presença que o texto comercial. */
@media (min-width: 1001px) {
  .product-story .container {
    width: min(1480px, calc(100% - 40px));
  }

  .product-story .story-grid {
    grid-template-columns: minmax(0, 1.28fr) minmax(470px, 0.72fr);
    gap: 48px;
  }
}

/* Grade de quatro planos na página principal. */
@media (min-width: 1181px) {
  .home-plan-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .home-plan-card {
    min-height: 550px;
    padding: 28px 24px;
  }

  .home-plan-card h3 {
    font-size: 31px;
  }

  .home-plan-card header p {
    min-height: 88px;
    font-size: 14px;
    line-height: 1.55;
  }

  .home-plan-price {
    margin: 27px 0 22px;
  }

  .home-plan-price strong {
    font-size: 46px;
  }

  .home-plan-card ul {
    gap: 11px;
    font-size: 13.5px;
  }

  .home-plan-card > a {
    font-size: 13px;
  }

  .home-plan-badge {
    right: 16px;
    top: 18px;
  }
}

@media (min-width: 701px) and (max-width: 1180px) {
  .home-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .home-plan-grid {
    grid-template-columns: 1fr;
  }
}

/* Integrações e depoimentos formam uma sequência contínua de prova. */
.integrations {
  padding-bottom: 32px;
}

.testimonials {
  padding-top: 32px;
}

@media (max-width: 650px) {
  .integrations {
    padding-bottom: 24px;
  }

  .testimonials {
    padding-top: 28px;
  }
}

/* Central editorial com leitura confortável em vez de microtipografia. */
.seo-hub-grid .guide-meta small {
  font-size: 11px;
}

.seo-hub-grid .guide-meta i {
  font-size: 10px;
}

.seo-hub-grid .guide-card strong {
  font-size: 28px;
}

.seo-hub-grid .guide-card p {
  font-size: 15px;
  line-height: 1.6;
}

.seo-hub-grid .guide-card > span {
  font-size: 13px;
}

.seo-hub-grid .guide-card > span b {
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.seo-hub-grid .guide-featured strong {
  font-size: 42px;
}

.seo-hub-grid .guide-featured p {
  font-size: 16px;
}

.seo-hub-grid .guide-featured > span {
  font-size: 14px;
}

.seo-hub-grid .guide-wide strong {
  font-size: 30px;
}

@media (max-width: 650px) {
  .seo-hub-grid .guide-card strong {
    font-size: 26px;
  }

  .seo-hub-grid .guide-featured strong {
    font-size: 36px;
  }

  .seo-hub-grid .guide-card p {
    font-size: 15px;
  }

  .seo-hub-grid .guide-card > span,
  .seo-hub-grid .guide-featured > span {
    font-size: 13px;
  }
}

/* Transição compacta dos planos para a infraestrutura oficial. */
.home-pricing {
  padding-bottom: 52px;
}

.official-v2 {
  padding-top: 64px;
}

@media (max-width: 650px) {
  .home-pricing {
    padding-bottom: 36px;
  }

  .official-v2 {
    padding-top: 48px;
  }
}