/* lander.css — minimal, scoped */

.lander-consultancy .hero-section { background: url("/images/hero-consultancy-1.webp"); }
.lander-chatbots .hero-section { background: url("/images/hero-chatbots-1.webp"); }
.lander-automation .hero-section { background: url("/images/hero-automation-1.webp"); }
.lander-custom-builds .hero-section { background: url("/images/hero-custom-1.webp"); }
.lander-training .hero-section { background: url("/images/hero-training-custom.webp"); }
.lander-how-it-works .hero-section { background: url("/images/hero-hiw-1.webp"); }

.lander-page .hero-section {background-size: cover; }

@media (max-width: 768px) {
.lander-page .hero-section {background-position: right top; }
.lander-page .hero-section::before {background: rgba(0, 0, 0, 0.6);}

}


.lander-page .lander-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .75rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.90);
  font-weight: 800;
  font-size: .9rem;
  backdrop-filter: blur(10px);
}
.lander-page .lander-pill i{
  color: var(--brand-primary);
  font-size: .9rem;
}

/* Dark table for Models & Tools section */
.lander-page .lander-dark-table{
  overflow:auto;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  box-shadow: 0 18px 50px rgba(0,0,0,0.25);
}
.lander-page .lander-dark-table table{
  width:100%;
  border-collapse: collapse;
  min-width: 820px;
}
.lander-page .lander-dark-table th,
.lander-page .lander-dark-table td{
  padding: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  vertical-align: top;
}
.lander-page .lander-dark-table th{
  text-align:left;
  color: #fff;
  font-weight: 900;
  background: rgba(0,0,0,0.18);
}
.lander-page .lander-dark-table td{
  color: rgba(255,255,255,0.82);
}
.lander-page .lander-dark-table strong{
  color:#fff;
}

/* --- AI Consultancy hero tighten (scoped) --- */
.lander-page .hero-section .pt-28 { padding-top: 5.25rem !important; } /* ~84px */
.lander-page .hero-section .pb-16 { padding-bottom: 3.25rem !important; } /* ~52px */

/* Reduce H1 slightly */
.lander-page .hero-section h1 {
  font-size: clamp(2.1rem, 3.6vw, 3.2rem) !important;
  line-height: 1.05 !important;
  margin-bottom: 1rem !important;
}

/* Reduce lead paragraph slightly */
.lander-page .hero-section p.text-xl,
.lander-page .hero-section p.md\:text-2xl {
  font-size: 1.125rem !important;
  line-height: 1.65 !important;
  margin-bottom: 1.25rem !important;
}

/* Pills slightly smaller + tighter */
.lander-page .lander-pill {
  padding: .45rem .65rem !important;
  font-size: .85rem !important;
}

/* --- Hero layout refinements (AI Consultancy) --- */

/* tighter hero spacing vs default TW padding */
.lander-page .hero-section .pt-20 { padding-top: 5.25rem !important; }  /* ~84px */
.lander-page .hero-section .pb-28 { padding-bottom: 8.25rem !important; } /* ~68px */

/* mobile: reduce height/padding so it matches home feel */
@media (max-width: 768px) {
  .lander-page .hero-section {
    min-height: auto !important; /* override min-h-[520px] feel */
  }
  .lander-page .hero-section .pt-20 { padding-top: 2.5rem !important; } /* ~68px */
  .lander-page .hero-section .pb-28 { padding-bottom: 4.25rem !important; } /* ~52px */


  /* center align on mobile */
  .lander-page .hero-section .max-w-4xl {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .lander-page .hero-section .max-w-3xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* center CTA group */
  .lander-page .hero-section .flex.flex-col.sm\:flex-row {
    align-items: center !important;
    justify-content: center !important;
  }
}

/* pill grid: 2 columns on mobile, 4 pills total -> 2 rows */
.lander-page .lander-pill-grid {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 12px;
  align-items: center;
}

@media (max-width: 1024px) {
  .lander-page .lander-pill-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    max-width: 520px;
  }
}

@media (max-width: 768px) {
  .lander-page .lander-pill-grid {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  /* make each pill fill its grid cell nicely */
  .lander-page .lander-pill {
    width: 100%;
    justify-content: center;
  }
}

/* slightly smaller pills, consistent with home */
.lander-page .lander-pill {
  padding: .45rem .65rem !important;
  font-size: .85rem !important;
}