@media (max-width: 900px) {
    body .hero {
      padding: 34px 16px 28px;
      min-height: auto;
      grid-template-columns: 1fr;
      text-align: left;
      justify-items: stretch;
      gap: 18px;
    }
    body .hero-content {
      max-width: none;
      text-align: left;
      align-items: flex-start;
      justify-self: auto;
      gap: 12px;
    }
    body .hero-tag {
      justify-content: flex-start;
      font-size: 10px;
      margin-bottom: 0;
    }
    body .hero-title {
      max-width: 8ch;
      margin: 0 !important;
      font-size: clamp(2.1rem, 10vw, 2.8rem) !important;
      line-height: 1.08 !important;
    }
    body .hero-subtitle {
      max-width: none;
      margin: 0 !important;
      font-family: var(--sans);
      font-style: normal;
      font-size: 15px !important;
      line-height: 1.6;
      color: var(--gray);
      letter-spacing: 0;
    }
    body .hero-actions {
      width: 100%;
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
    }
    body .hero-actions .btn-primary,
    body .hero-actions .btn-whatsapp,
    body .hero-actions .btn-ghost {
      width: 100%;
      min-height: 48px;
      padding: 0 18px;
      font-size: 11px;
    }
    body .hero-links {
      width: 100%;
      margin-top: 0;
      gap: 8px;
    }
    body .hero-links a {
      width: 100%;
      justify-content: flex-start;
      padding: 11px 12px;
      font-size: 10px;
      letter-spacing: .08em;
    }
    body .hero-proof {
      text-align: left;
      font-size: 11px;
      line-height: 1.6;
    }
    body .hero-showcase {
      order: 1;
      justify-self: center;
      max-width: min(220px, 62vw);
    }
  }

  @media (max-width: 600px) {
    body .section-title {
      font-size: clamp(30px, 8vw, 38px);
      line-height: 1.08;
    }
  }