/* Unified service page hero — match Startups hero color and gradient system */
.service-page .service-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 24% 18%, rgba(64,64,227,.42), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(64,64,227,.34), transparent 38%),
    radial-gradient(circle at 54% 76%, rgba(16,30,52,.64), transparent 46%),
    linear-gradient(135deg, #101E34 0%, #211F5E 42%, #4040E3 100%) !important;
  color: #fff !important;
}

.service-page .service-hero h1,
.service-page .service-hero h1 span,
.service-page .service-hero h1 strong {
  color: #fff !important;
}

.service-page .service-hero h1 em {
  color: #BBE6E2 !important;
}

.service-page .service-hero .lead {
  color: rgba(255,255,255,.78) !important;
}

.service-page .service-proof::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  background: none !important;
}

.service-page .service-proof {
  border-radius: 34px !important;
}

/* Clinic use-case hero background */
.clinic-page .service-hero {
  background:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.78) 37%, rgba(255,255,255,.16) 70%),
    url("assets/clinic-use-case-hero-bg.svg") center center / cover no-repeat,
    linear-gradient(135deg, #F8FBFF 0%, #F4F7FF 52%, #FFF8FC 100%) !important;
  color: #101E34 !important;
}

.clinic-page .service-hero h1,
.clinic-page .service-hero h1 span,
.clinic-page .service-hero h1 strong {
  color: #101E34 !important;
}

.clinic-page .service-hero h1 em {
  color: #4040E3 !important;
}

.clinic-page .service-hero .lead {
  color: rgba(16,30,52,.74) !important;
}

.clinic-page .service-hero .service-kicker {
  color: rgba(64,64,227,.86) !important;
}

/* Consultants clarity framework readability + visual density */
.consultants-page .clarity-framework .framework-card {
  min-height: 330px !important;
  padding: clamp(34px, 4.5vw, 56px) !important;
}

.consultants-page .clarity-framework .framework-card span {
  margin-bottom: clamp(46px, 5vw, 72px) !important;
}

.consultants-page .clarity-framework .framework-card h3 {
  margin: 0 0 18px !important;
  font-size: clamp(1.32rem, 1.65vw, 1.72rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}

.consultants-page .clarity-framework .framework-card p {
  max-width: 42rem;
  font-size: clamp(1.04rem, 1.28vw, 1.32rem) !important;
  line-height: 1.52 !important;
}

.consultants-page .clarity-framework .framework-card:nth-child(1) h3,
.consultants-page .clarity-framework .framework-card:nth-child(1) p,
.consultants-page .clarity-framework .framework-card:nth-child(3) h3,
.consultants-page .clarity-framework .framework-card:nth-child(3) p {
  color: #FFFFFF !important;
}

.consultants-page .clarity-framework .framework-card:nth-child(1) span,
.consultants-page .clarity-framework .framework-card:nth-child(3) span {
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.82) !important;
}

.consultants-page .clarity-framework .framework-card:nth-child(2) h3,
.consultants-page .clarity-framework .framework-card:nth-child(2) p,
.consultants-page .clarity-framework .framework-card:nth-child(4) h3,
.consultants-page .clarity-framework .framework-card:nth-child(4) p {
  color: #101E34 !important;
}

.consultants-page .clarity-framework .framework-card:nth-child(2) span,
.consultants-page .clarity-framework .framework-card:nth-child(4) span {
  color: #101E34 !important;
  border-color: rgba(16,30,52,.78) !important;
}

@media (max-width: 720px) {
  .service-page .service-hero {
    background:
      radial-gradient(circle at 24% 18%, rgba(64,64,227,.36), transparent 34%),
      linear-gradient(135deg, #101E34 0%, #211F5E 48%, #4040E3 100%) !important;
  }

  .clinic-page .service-hero {
    background:
      linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.78) 58%, rgba(255,255,255,.30) 100%),
      url("assets/clinic-use-case-hero-bg.svg") 62% 48% / cover no-repeat,
      linear-gradient(135deg, #F8FBFF 0%, #F4F7FF 52%, #FFF8FC 100%) !important;
  }
}