/* EVO TrustGuard — page-houston-tx.css
 *
 * Owned by:    houston-tx.html
 * Category:    public location landing page
 * Cascade:     tokens → base → marketing → page
 * Edit policy: rules unique to this page only. Rules used by 2+ marketing
 *              pages live in /css/marketing.css (per C57 dedup sprint).
 *              Rules used by 5+ pages should be promoted to
 *              /css/components.css or /css/portal-chrome.css with a
 *              /css/AGENTS.md update.
 *
 * Pre-C57:     703 lines (verbatim extraction from inline <style> per C56).
 * Post-C57:    page-unique rules only — most of the chrome (nav, breadcrumb,
 *              hero, form card, sections, pricing, steps, cities-grid,
 *              services, faq, bottom-cta, footer, popup overlay, exit
 *              overlay, animations, desktop constraint, mobile @media)
 *              lifted to /css/marketing.css. See its header for the full
 *              lift list.
 */

/* Page-unique only. */

  /* Houston-tx adds a hover state on .breadcrumb a (not present on
   * trustguard-location-page-v2). The base .breadcrumb a rule lives in
   * /css/marketing.css. */
  .breadcrumb a:hover { color: var(--red); }

  .lead-counter {
    text-align: center;
    font-size: var(--text-md);
    color: rgba(255,255,255,0.5);
    padding: var(--space-4) 0 var(--space-6);
    position: relative;
    z-index: var(--z-base);
  }

  /* Houston-tx city-card variant — distinct from trustguard-location-page-v2's
   * variant (which has a hover state and different background). Each page
   * keeps its own .city-card body. */
  .city-card {
    background: var(--white);
    border-radius: 10px;
    padding: var(--space-3-5) var(--space-4);
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    cursor: default;
  }

  /* Mobile @media — Houston-tx-only rules. Shared mobile rules live in
   * /css/marketing.css. */
  @media (max-width: 600px) {
    .cities-grid { grid-template-columns: 1fr 1fr; }
  }