@layer base { html, body { margin: 0; padding: 0; }  main > :first-child { margin-top: 0 !important; } main > :last-child { margin-bottom: 0 !important; } }


/* =========================================================
   MOBILE GENERATIVE AI LAYOUT REPAIRS
========================================================= */
@media (max-width: 767px) {
  .hs-genai-console,
  .hs-genai-console * {
    min-width: 0;
  }

  .hs-genai-console .grid.grid-cols-3 > div {
    min-width: 0 !important;
  }

  .hs-genai-console .grid.grid-cols-3 .font-headline-sm {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .hs-genai-console .grid.grid-cols-3 .font-label-sm {
    font-size: 10px !important;
    line-height: 1.25 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .hs-genai-case-metrics > div {
    min-width: 0 !important;
  }

  .hs-genai-case-metrics .font-metric-callout,
  .hs-genai-case-metrics .text-metric-callout {
    font-size: 30px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .hs-genai-case-metrics .font-body-sm {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .hs-genai-faq-title {
    align-items: flex-start !important;
    gap: .75rem !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .hs-genai-faq-icon {
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .hs-genai-faq-card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .hs-genai-scoping-card .font-headline-lg,
  .hs-genai-scoping-card .text-headline-lg {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  .hs-genai-scoping-card a {
    overflow-wrap: anywhere;
  }
}


@media (max-width: 767px) {
  /* Remove the extra shell around the scoping intake on phones. */
  .hs-genai-scoping-card {
    margin-top: 1rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .hs-genai-scoping-card > .grid { gap: 2rem !important; }
  .hs-genai-scoping-card .inline-flex.rounded-full {
    white-space: normal !important;
    line-height: 1.3 !important;
  }
  .hs-genai-scoping-card .pt-4.flex.items-start {
    min-width: 0 !important;
  }
}