/* SEO By Ganesh | Phase C2A | Homepage visual polish only.
   Scope: existing homepage service cards, AI goals, problem cards and section headings.
   No JS, tracking selectors, forms, schema or SEO metadata are modified. */

/* Deliberately keep page spacing consistent without shifting shared site templates. */
section[aria-labelledby="services-heading"],
section[aria-labelledby="industries-heading"],
section[aria-labelledby="process-heading"] {
  padding-block: clamp(3.5rem, 6.5vw, 6rem);
}
section[aria-labelledby="services-heading"] > .max-w-7xl,
section[aria-labelledby="industries-heading"] > .max-w-7xl,
section[aria-labelledby="process-heading"] > .max-w-7xl {
  max-width: 1200px;
}
section[aria-labelledby="services-heading"] #services-heading,
section[aria-labelledby="industries-heading"] #industries-heading,
section[aria-labelledby="process-heading"] #process-heading,
section[aria-labelledby="growth-problem-title"] #growth-problem-title {
  color: var(--sbg-text, #0f172a);
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  line-height: 1.16;
  letter-spacing: -.035em;
  text-wrap: balance;
}
section[aria-labelledby="services-heading"] .text-center > p,
section[aria-labelledby="industries-heading"] h2 + p,
section[aria-labelledby="process-heading"] h2 + p {
  color: var(--sbg-body, #334155);
  line-height: 1.7;
  max-width: 66ch;
}
section[aria-labelledby="services-heading"] .text-center > p,
section[aria-labelledby="process-heading"] .text-center > p {
  margin-inline: auto;
}

/* Services: fixed content/link URLs, but calmer surface, legible descriptions and a clear hit area. */
section[aria-labelledby="services-heading"] .grid > article {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(15, 23, 42, .055);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
section[aria-labelledby="services-heading"] .grid > article > h3 {
  color: #0f172a;
  font-size: clamp(1.125rem, 1.5vw, 1.35rem);
  line-height: 1.32;
  letter-spacing: -.017em;
}
section[aria-labelledby="services-heading"] .grid > article > p {
  color: #334155;
  font-size: .97rem;
  line-height: 1.67;
}
section[aria-labelledby="services-heading"] .grid > article > div[aria-hidden="true"]:last-child {
  color: #1d4ed8;
  font-size: .92rem;
}
section[aria-labelledby="services-heading"] .grid > article > div[aria-hidden="true"] svg {
  flex-shrink: 0;
}
section[aria-labelledby="services-heading"] .grid > article:focus-within {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
  border-color: #2563eb;
}
section[aria-labelledby="services-heading"] .grid > article > h3 a:focus-visible {
  outline: 0; /* The parent focus-within ring is intentionally visible. */
}
@media (hover: hover) and (pointer: fine) {
  section[aria-labelledby="services-heading"] .grid > article:hover {
    transform: translateY(-3px);
    border-color: #93c5fd;
    box-shadow: 0 18px 38px rgba(37, 99, 235, .10);
  }
}

/* Existing hero / AI Consultant: only button appearance; handlers and data attributes stay intact. */
section[aria-labelledby="hero-heading"] #hero-heading {
  max-width: 20ch;
  font-size: clamp(2rem, 4.6vw, 3.65rem);
  line-height: 1.12;
  letter-spacing: -.045em;
  text-wrap: balance;
  overflow-wrap: break-word;
}
section[aria-labelledby="hero-heading"] button[data-ai-consultant-open][data-ai-preset] {
  min-width: 0;
  min-height: 54px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  color: #1e293b;
  font-size: .91rem;
  font-weight: 700;
  line-height: 1.4;
  transition: background .17s ease, border-color .17s ease, box-shadow .17s ease;
}
section[aria-labelledby="hero-heading"] button[data-ai-consultant-open][data-ai-preset]:hover {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #1d4ed8;
}
section[aria-labelledby="hero-heading"] button[data-ai-consultant-open][data-ai-preset]:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

/* Growth problems: stronger tap areas and legible hints, no change to buttons/presets. */
section[aria-labelledby="growth-problem-title"] {
  padding-block: clamp(3.5rem, 6vw, 5.5rem);
}
section[aria-labelledby="growth-problem-title"] button[data-ai-consultant-open][data-ai-preset] {
  min-height: 112px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  background: #fff;
  color: #0f172a;
  line-height: 1.48;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .04);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
section[aria-labelledby="growth-problem-title"] button[data-ai-consultant-open] span {
  color: #475569;
  line-height: 1.5;
}
section[aria-labelledby="growth-problem-title"] button[data-ai-consultant-open]:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  section[aria-labelledby="growth-problem-title"] button[data-ai-consultant-open]:hover {
    transform: translateY(-2px);
    border-color: #93c5fd;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .09);
  }
}

/* Process and other existing semantic blocks: accessibility-safe spacing only. */
section[aria-labelledby="process-heading"] ol > li,
section[aria-labelledby="industries-heading"] .grid > article {
  min-width: 0;
}
@media (max-width: 767px) {
  section[aria-labelledby="hero-heading"] #hero-heading {font-size: clamp(2rem, 8.7vw, 2.4rem);max-width: 24ch;}
  section[aria-labelledby="services-heading"] .grid > article {padding: 1.5rem;}
  section[aria-labelledby="services-heading"] .grid,
  section[aria-labelledby="industries-heading"] .grid {gap: 1rem;}
  section[aria-labelledby="services-heading"] .text-center > p {font-size: 1rem;}
  section[aria-labelledby="growth-problem-title"] button[data-ai-consultant-open] {min-height: 96px;}
}
@media (prefers-reduced-motion: reduce) {
  section[aria-labelledby="services-heading"] .grid > article,
  section[aria-labelledby="hero-heading"] button[data-ai-consultant-open],
  section[aria-labelledby="growth-problem-title"] button[data-ai-consultant-open] {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}
/* SBG_PHASE_C2A_STYLES_END */