/* ========================================
   BIH STYLE TOKENS — verbatim from BIH_STYLE_TOKENS.css
   ======================================== */
/* ========================================
   BIH STYLE TOKENS — Aligned with BIH Brand Book
   Primary Navy: Pantone 282 C / #041E42
   Secondary Light Cyan Blue: Pantone 7454 C / #5F8FB4
   Secondary Light Golden Brown: Pantone 2470 C / #9A7F62
   Secondary Gray: Pantone 6211 C / #8D949B
   ======================================== */
:root {
  /* === PRIMARY BRAND (NAVY — Pantone 282 C) === */
  --bih-primary-blue: #041E42;
  --bih-deep-blue: #02152E;            /* derived: darker navy for hover / emphasis */
  --bih-corporate-navy: #041E42;

  /* === SECONDARY (LIGHT CYAN BLUE — Pantone 7454 C) === */
  --bih-blue-alt: #5F8FB4;
  --bih-link-blue: #5F8FB4;
  --bih-corporate-blue: #5F8FB4;

  /* === ACCENT (LIGHT GOLDEN BROWN — Pantone 2470 C) — replaces former generic green === */
  --bih-green: #9A7F62;                /* token name kept for backward compatibility */
  --bih-green-surface: #F5EEE6;        /* derived: light golden brown tint */
  --bih-taupe: #9A7F62;

  /* === SURFACES === */
  --bih-pale-teal: #EEF3F8;            /* derived: light cyan blue tint (was mint) */
  --bih-bg: #F7FAFC;
  --bih-surface: #FFFFFF;
  --bih-surface-soft: #EEF3F8;
  --bih-white: #FFFFFF;

  /* === TEXT === */
  --bih-text: #1F2937;
  --bih-text-strong: #344054;          /* dark gray for body emphasis (Navy reserved for headings) */
  --bih-muted: #8D949B;                /* BIH Brand Gray Pantone 6211 C */
  --bih-muted-dark: #475467;
  --bih-border: #D0D5DD;

  /* === TYPOGRAPHY === */
  --font-sans: Inter, Manrope, Avenir, "Helvetica Neue", Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 32px;
  --text-4xl: 40px;
  --text-5xl: 56px;

  /* === RADIUS === */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* === SHADOW === */
  --shadow-soft: 0 12px 35px rgba(4, 30, 66, 0.10);
  --shadow-card: 0 8px 24px rgba(4, 30, 66, 0.07);

  /* === LAYOUT === */
  --container: 1200px;
  --section-y: 80px;

  /* === FUNCTIONAL UTILITY (not brand identity) === */
  --emergency-red: #C0392B;
  --wa-green: #25D366;
}

.stroke-center-page, .stroke-center-page * { box-sizing: border-box; }

.stroke-center-page {
  font-family: var(--font-sans);
  color: var(--bih-text);
  background: var(--bih-bg);
  font-size: var(--text-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.stroke-center-page a { text-decoration: none; color: inherit; }
.stroke-center-page img { max-width: 100%; display: block; }
.bih-container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

.bih-eyebrow {
  color: var(--bih-green);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 12px;
}
.bih-eyebrow::before { content: "✦ "; }

.bih-heading {
  color: var(--bih-deep-blue);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.01em;
}

.bih-body {
  color: var(--bih-muted);
  font-size: var(--text-base);
  line-height: 1.7;
}

.bih-btn-primary,
.bih-btn-secondary,
.bih-btn-emergency,
.bih-btn-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--radius-pill);
  padding: 13px 24px;
  font-weight: 700;
  font-size: var(--text-sm);
  font-family: var(--font-sans);
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  white-space: nowrap;
}

.bih-btn-primary {
  background: var(--bih-primary-blue);
  color: var(--bih-white);
  border-color: var(--bih-primary-blue);
}
.bih-btn-primary:hover {
  background: var(--bih-deep-blue);
  border-color: var(--bih-deep-blue);
}

.bih-btn-secondary {
  background: var(--bih-white);
  color: var(--bih-primary-blue);
  border-color: var(--bih-primary-blue);
}
.bih-btn-secondary:hover {
  background: var(--bih-pale-teal);
}

.bih-btn-emergency {
  background: var(--emergency-red);
  color: var(--bih-white);
}
.bih-btn-emergency:hover { background: #a52a1c; }

.bih-btn-wa {
  background: var(--wa-green);
  color: var(--bih-white);
}
.bih-btn-wa:hover { background: #1ebd5a; }

.bih-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 24px;
  transition: all 0.25s ease;
}
.bih-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}

.stroke-center-page .section {
  padding: var(--section-y) 0;
}

.stroke-center-page .section-header { margin-bottom: 40px; max-width: 720px; }
.stroke-center-page .section-header h2 {
  color: var(--bih-deep-blue);
  font-size: var(--text-4xl);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}
.stroke-center-page .section-header p {
  color: var(--bih-muted);
  font-size: var(--text-lg);
  line-height: 1.65;
}

/* ========================================
   TOP BAR
   ======================================== */
.top-bar {
  background: var(--bih-deep-blue);
  padding: 10px 0;
}
.top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.top-bar-brand {
  color: var(--bih-green);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.15em;
}
.top-bar-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.top-bar-cta .bih-btn-wa,
.top-bar-cta .bih-btn-emergency {
  padding: 8px 16px;
  font-size: var(--text-xs);
}

/* ========================================
   BREADCRUMB
   ======================================== */
.stroke-center-page .breadcrumb {
  background: var(--bih-pale-teal);
  border-bottom: 1px solid var(--bih-border);
  padding: 14px 0;
  font-size: var(--text-sm);
  color: var(--bih-muted);
}
.stroke-center-page .breadcrumb a:hover { color: var(--bih-primary-blue); }
.stroke-center-page .breadcrumb .current { color: var(--bih-primary-blue); font-weight: 600; }

/* ========================================
   HERO — Stroke & Brain Center
   ======================================== */
.stroke-center-page .hero {
  position: relative;
  background:
    linear-gradient(90deg,
      var(--bih-deep-blue) 0%,
      rgba(4, 30, 66, 0.94) 32%,
      rgba(4, 30, 66, 0.58) 62%,
      rgba(4, 30, 66, 0.45) 100%),
    url('https://images.unsplash.com/photo-1559757175-5700dde675bc?auto=format&fit=crop&w=2000&q=85') center right / cover no-repeat,
    var(--bih-deep-blue);
  /* DEVELOPER NOTE: Replace Unsplash URL with branded anatomical brain cross-section. Image should be positioned center-right and tonally compatible with deep navy overlay. */
  color: var(--bih-white);
  padding: 110px 0 110px;
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
}
/* Override the centered container inside the hero so content hugs the left edge */
.stroke-center-page .hero .bih-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding-left: clamp(24px, 6vw, 96px);
  padding-right: 24px;
}
.stroke-center-page .hero-inner {
  position: relative;
  z-index: 2;
  max-width: 720px;
}
.stroke-center-page .hero .bih-eyebrow {
  color: #C9B7A0;
  margin-bottom: 22px;
  font-size: var(--text-sm);
  letter-spacing: 0.12em;
}
.stroke-center-page .hero h1 {
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.0;
  text-transform: uppercase;
  letter-spacing: -0.015em;
  margin-bottom: 22px;
  color: var(--bih-white);
}
.stroke-center-page .hero .hero-tagline {
  display: block;
  color: #A8C5DC;
  font-weight: 500;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-transform: none;
  margin-bottom: 30px;
}
.stroke-center-page .hero p {
  font-size: var(--text-lg);
  color: rgba(255, 255, 255, 0.9);
  max-width: 560px;
  line-height: 1.65;
  margin-bottom: 36px;
}
.stroke-center-page .hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.stroke-center-page .hero-cta .bih-btn-primary {
  background: var(--bih-white);
  color: var(--bih-deep-blue);
  border-color: var(--bih-white);
  padding: 16px 28px;
  font-size: var(--text-base);
}
.stroke-center-page .hero-cta .bih-btn-primary:hover {
  background: var(--bih-pale-teal);
  border-color: var(--bih-pale-teal);
}
.stroke-center-page .hero-cta .bih-btn-emergency {
  padding: 16px 28px;
  font-size: var(--text-base);
}

@media (max-width: 900px) {
  .stroke-center-page .hero {
    background:
      linear-gradient(180deg,
        rgba(4, 30, 66, 0.92) 0%,
        rgba(4, 30, 66, 0.78) 100%),
      url('https://images.unsplash.com/photo-1559757175-5700dde675bc?auto=format&fit=crop&w=1400&q=85') center / cover no-repeat,
      var(--bih-deep-blue);
    min-height: 500px;
    padding: 80px 0 80px;
  }
}

/* ========================================
   STATS BAR
   ======================================== */
.stroke-center-page .stats {
  background: var(--bih-white);
  border-bottom: 1px solid var(--bih-border);
  padding: 28px 0;
}
.stroke-center-page .stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.stroke-center-page .stat {
  text-align: center;
  padding: 8px 12px;
  border-right: 1px solid var(--bih-border);
}
.stroke-center-page .stat:last-child { border-right: none; }
.stroke-center-page .stat-num {
  color: var(--bih-deep-blue);
  font-size: var(--text-3xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}
.stroke-center-page .stat-label {
  color: var(--bih-muted);
  font-size: var(--text-sm);
  line-height: 1.4;
}

/* ========================================
   VIDEO
   ======================================== */
.video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: var(--bih-deep-blue);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}
.video-wrap iframe {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; border: none;
}
.video-placeholder {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  background:
    linear-gradient(135deg, rgba(4, 30, 66, 0.85), rgba(4, 30, 66, 0.7)),
    url('https://images.unsplash.com/photo-1538108149393-fbbd81895907?auto=format&fit=crop&w=1600&q=80') center/cover;
  /* DEVELOPER NOTE: Replace with BIH facility photo */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--bih-white);
}
.play-btn {
  width: 80px; height: 80px;
  background: var(--bih-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: transform 0.2s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.play-btn:hover { transform: scale(1.08); }
.play-btn i { color: var(--bih-primary-blue); font-size: 30px; margin-left: 4px; }

/* ========================================
   STROKE TYPE CARDS
   ======================================== */
.three-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.stroke-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: all 0.25s ease;
}
.stroke-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}
.stroke-card-img {
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px;
  overflow: hidden;
}
.stroke-card-img svg {
  width: 100%;
  height: 100%;
  display: block;
}
.stroke-card-img--ischemic { background: linear-gradient(135deg, #E8F2FA, #D6E7F5); }
.stroke-card-img--hemorrhagic { background: linear-gradient(135deg, #FBEAEA, #F5D8D8); }
.stroke-card-img--tia { background: linear-gradient(135deg, #F5EEE6, #C9F5DB); }
.stroke-card-body { padding: 24px; }
.stroke-card-body h3 {
  color: var(--bih-deep-blue);
  font-size: var(--text-xl);
  font-weight: 700;
  margin-bottom: 8px;
}
.stroke-card-body p {
  color: var(--bih-muted);
  font-size: var(--text-sm);
  line-height: 1.65;
  margin-bottom: 14px;
}
.read-more {
  color: var(--bih-primary-blue);
  font-size: var(--text-sm);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.read-more:hover { color: var(--bih-deep-blue); }

.callout-box {
  background: var(--bih-green-surface);
  border-left: 4px solid var(--bih-green);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: 20px 24px;
  margin-top: 32px;
  max-width: 760px;
}
.callout-box p {
  color: var(--bih-text);
  font-size: var(--text-base);
  line-height: 1.7;
}
.callout-box strong { color: var(--bih-deep-blue); }

/* ========================================
   BE-FAST + BOOKING
   ======================================== */
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
/* ========================================
   BE-FAST INFOGRAPHIC
   ======================================== */
.befast-infographic {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  background: var(--bih-white);
  margin-top: 8px;
}
.befast-band-top {
  background: var(--bih-deep-blue);
  color: var(--bih-white);
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.befast-band-top-text h3 {
  font-size: clamp(28px, 3.6vw, 40px);
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height: 1.0;
  margin-bottom: 8px;
}
.befast-band-top-text p {
  font-size: var(--text-base);
  color: rgba(255, 255, 255, 0.82);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
}
.befast-band-top-icon {
  width: 84px;
  height: 84px;
  border: 2px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.befast-band-top-icon i {
  font-size: 42px;
  color: var(--bih-white);
}

.befast-band-main {
  background: var(--bih-pale-teal);
  padding: 36px 28px 32px;
}
.befast-letters-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 22px;
}
.befast-letter-circle {
  width: 76px;
  height: 76px;
  background: var(--bih-white);
  border: 2px solid var(--bih-primary-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: 40px;
  color: var(--bih-deep-blue);
  letter-spacing: -0.02em;
}
.befast-illustrations-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 22px;
}
.befast-illustration {
  background: var(--bih-white);
  border-radius: 8px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  box-shadow: 0 2px 8px rgba(4, 30, 66, 0.08);
}
.befast-illustration svg {
  width: 100%;
  height: 100%;
  display: block;
}
.befast-captions-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.befast-caption {
  text-align: center;
  padding: 0 4px;
}
.befast-caption h4 {
  color: var(--bih-deep-blue);
  font-weight: 800;
  font-size: var(--text-lg);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  line-height: 1.1;
}
.befast-caption p {
  color: var(--bih-text-strong);
  font-size: var(--text-xs);
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.befast-band-bottom {
  background: var(--bih-deep-blue);
  color: var(--bih-white);
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.befast-pulse {
  display: flex;
  align-items: center;
  gap: 14px;
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--text-sm);
  font-weight: 500;
}
.befast-pulse svg { display: block; }
.befast-call-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  font-size: var(--text-xl);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--bih-white);
}
.befast-call-cta .call-badge {
  background: var(--emergency-red);
  color: var(--bih-white);
  padding: 10px 20px;
  border-radius: var(--radius-pill);
  font-size: var(--text-xl);
  font-weight: 800;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s ease;
}
.befast-call-cta .call-badge:hover { background: #a52a1c; }
.befast-call-cta .call-badge i { font-size: 22px; }

@media (max-width: 900px) {
  .befast-letters-row,
  .befast-illustrations-row,
  .befast-captions-row { grid-template-columns: repeat(3, 1fr); }
  .befast-illustration { aspect-ratio: 1 / 1; }
}
@media (max-width: 520px) {
  .befast-letters-row,
  .befast-illustrations-row,
  .befast-captions-row { grid-template-columns: repeat(2, 1fr); }
  .befast-letter-circle { width: 60px; height: 60px; font-size: 30px; }
  .befast-band-top { padding: 24px; }
  .befast-band-top-icon { width: 64px; height: 64px; }
  .befast-band-top-icon i { font-size: 32px; }
  .befast-band-bottom { padding: 20px 24px; }
}

.booking-card {
  background: linear-gradient(160deg, var(--bih-deep-blue), var(--bih-primary-blue));
  color: var(--bih-white);
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: var(--shadow-soft);
}
.booking-card .bih-eyebrow { color: #C9B7A0; }
.booking-card h3 {
  font-size: var(--text-2xl);
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.25;
}
.booking-card p {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--text-sm);
  line-height: 1.65;
  margin-bottom: 22px;
}
.booking-card .cta-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.booking-card .bih-btn-wa,
.booking-card .bih-btn-emergency,
.booking-card .bih-btn-secondary {
  justify-content: center;
  padding: 14px 22px;
  font-size: var(--text-base);
}
.booking-card .bih-btn-secondary {
  background: rgba(255,255,255,0.1);
  color: var(--bih-white);
  border-color: rgba(255,255,255,0.4);
}
.booking-card .bih-btn-secondary:hover {
  background: rgba(255,255,255,0.2);
}
.booking-card .available {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.15);
  font-size: var(--text-xs);
  color: rgba(255,255,255,0.6);
}

/* ========================================
   TEAM
   ======================================== */
.team-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}
.team-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  padding: 24px 20px;
  text-align: center;
  box-shadow: var(--shadow-card);
  transition: all 0.25s ease;
}
.team-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}
.team-icon {
  width: 64px; height: 64px;
  background: var(--bih-pale-teal);
  border: 1px solid var(--bih-green-surface);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}
.team-icon i { color: var(--bih-primary-blue); font-size: 26px; }
.team-card h4 {
  color: var(--bih-deep-blue);
  font-size: var(--text-base);
  font-weight: 700;
  margin-bottom: 6px;
}
.team-card p {
  color: var(--bih-muted);
  font-size: var(--text-xs);
  line-height: 1.55;
  margin-bottom: 12px;
}
.team-card .read-more { font-size: var(--text-xs); }

/* ========================================
   PACKAGES — bih.id card style (image + body + dual CTA)
   ======================================== */
.pkg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pkg-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}
.pkg-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-3px);
}
.pkg-img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  background: var(--bih-pale-teal);
}
.pkg-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pkg-body h3 {
  color: var(--bih-text);
  font-size: var(--text-xl);
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.3;
}
.pkg-body p {
  color: var(--bih-muted);
  font-size: var(--text-sm);
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}
.pkg-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.pkg-price-amount {
  color: var(--bih-primary-blue);
  font-weight: 700;
  font-size: var(--text-2xl);
  letter-spacing: -0.01em;
}
.pkg-save-badge {
  background: var(--bih-green);
  color: var(--bih-white);
  font-size: var(--text-xs);
  font-weight: 700;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
}
.pkg-cta-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pkg-cta-stack .bih-btn-primary,
.pkg-cta-stack .bih-btn-secondary {
  width: 100%;
  padding: 12px 20px;
  font-size: var(--text-sm);
  border-radius: var(--radius-sm);
}

/* ========================================
   FACILITIES
   ======================================== */
.fac-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}
.fac-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: all 0.25s ease;
}
.fac-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}
.fac-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.fac-img-fallback {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, var(--bih-deep-blue), var(--bih-primary-blue));
  display: flex;
  align-items: center;
  justify-content: center;
}
.fac-img-fallback i {
  font-size: 56px;
  color: rgba(255,255,255,0.85);
}
.fac-body { padding: 22px; }
.fac-body h4 {
  color: var(--bih-deep-blue);
  font-size: var(--text-lg);
  font-weight: 700;
  margin-bottom: 8px;
}
.fac-body p {
  color: var(--bih-muted);
  font-size: var(--text-sm);
  line-height: 1.6;
  margin-bottom: 12px;
}

/* ========================================
   RECOVERY + PREVENTION
   ======================================== */
.recovery-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  margin-bottom: 48px;
}
.recovery-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 18px;
  background: var(--bih-white);
  border-radius: var(--radius-md);
  border: 1px solid var(--bih-border);
  transition: all 0.2s ease;
}
.recovery-item:hover {
  border-color: var(--bih-green);
  background: var(--bih-pale-teal);
  transform: translateY(-2px);
}
.recovery-icon {
  width: 44px; height: 44px;
  background: var(--bih-green-surface);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.recovery-icon i { color: var(--bih-green); font-size: 20px; }
.recovery-item h5 {
  color: var(--bih-deep-blue);
  font-size: var(--text-base);
  font-weight: 700;
}
.recovery-item p {
  color: var(--bih-muted);
  font-size: var(--text-xs);
  line-height: 1.4;
  margin-top: 2px;
}

.prevention-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: var(--shadow-card);
}
.prevention-card .icon-circle {
  width: 56px; height: 56px;
  background: var(--bih-green-surface);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.prevention-card .icon-circle i { color: var(--bih-green); font-size: 26px; }
.prevention-card h3 {
  color: var(--bih-deep-blue);
  font-size: var(--text-xl);
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.3;
}
.prevention-card p {
  color: var(--bih-muted);
  font-size: var(--text-base);
  line-height: 1.7;
  margin-bottom: 12px;
}

.risk-card {
  background: var(--bih-deep-blue);
  color: var(--bih-white);
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: var(--shadow-soft);
}
.risk-card .bih-eyebrow { color: #C9B7A0; }
.risk-card .risk-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 24px;
}
.risk-card .risk-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255,255,255,0.08);
  border-radius: var(--radius-sm);
}
.risk-card .risk-item i {
  color: #C9B7A0;
  font-size: 18px;
  flex-shrink: 0;
}
.risk-card .risk-item span {
  color: rgba(255,255,255,0.92);
  font-size: var(--text-sm);
}
.risk-card .bih-btn-wa { width: 100%; }

/* ========================================
   FAQ (NEW — added for SEO and conversion)
   ======================================== */
.faq-list { max-width: 820px; margin: 0 auto; }
.faq-item {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-md);
  margin-bottom: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.faq-item[open] {
  box-shadow: var(--shadow-card);
  border-color: var(--bih-primary-blue);
}
.faq-item summary {
  padding: 20px 24px;
  cursor: pointer;
  font-weight: 600;
  color: var(--bih-deep-blue);
  font-size: var(--text-base);
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "+";
  color: var(--bih-primary-blue);
  font-size: 22px;
  font-weight: 400;
  margin-left: 16px;
  transition: transform 0.2s ease;
}
.faq-item[open] summary::after { content: "−"; }
.faq-item .faq-answer {
  padding: 0 24px 22px;
  color: var(--bih-muted);
  font-size: var(--text-sm);
  line-height: 1.7;
}

/* ========================================
   FINAL CTA
   ======================================== */
.final-cta {
  background:
    linear-gradient(135deg, rgba(4, 30, 66, 0.95), rgba(4, 30, 66, 0.85)),
    url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=2000&q=80') center/cover;
  /* DEVELOPER NOTE: Swap with BIH neuro-care brand photography */
  color: var(--bih-white);
  text-align: center;
}
.final-cta .bih-eyebrow { color: #C9B7A0; }
.final-cta h2 {
  font-size: var(--text-4xl);
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.final-cta p {
  color: rgba(255,255,255,0.85);
  font-size: var(--text-lg);
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.65;
}
.final-cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.final-cta .bih-btn-primary {
  background: var(--bih-white);
  color: var(--bih-deep-blue);
  border-color: var(--bih-white);
}
.final-cta .bih-btn-primary:hover {
  background: var(--bih-pale-teal);
}

/* ========================================
   FOOTER
   ======================================== */
.site-footer {
  background: var(--bih-deep-blue);
  color: rgba(255,255,255,0.75);
  padding: 28px 0;
  border-top: 3px solid var(--bih-green);
}
.footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}
.footer-brand {
  color: rgba(255,255,255,0.55);
  font-size: var(--text-sm);
}
.footer-brand strong { color: var(--bih-white); }
.footer-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.footer-actions .bih-btn-wa,
.footer-actions .bih-btn-emergency {
  padding: 10px 18px;
  font-size: var(--text-xs);
}

/* ========================================
   V11 — STICKY TOP BAR
   ======================================== */
.top-bar {
  position: sticky;
  top: 0;
  z-index: 100;
}

/* ========================================
   V11 — VIDEO PLACEHOLDER (coming soon state)
   ======================================== */
.video-placeholder { cursor: default !important; }
.video-coming-soon-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(192, 57, 43, 0.95);
  color: var(--bih-white);
  padding: 7px 14px;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.video-coming-soon-badge i { font-size: 14px; }
.play-btn--disabled {
  background: rgba(255, 255, 255, 0.25) !important;
  cursor: default;
  opacity: 0.6;
}
.play-btn--disabled i { color: rgba(255, 255, 255, 0.7); }

/* ========================================
   V11 — GOLDEN HOUR VISUALIZATION
   ======================================== */
.golden-hour {
  background: linear-gradient(135deg, #0D1B2A 0%, #02152E 100%);
  color: var(--bih-white);
  padding: var(--section-y) 0;
  position: relative;
  overflow: hidden;
}
.golden-hour .bih-eyebrow {
  color: #C9B7A0;
}
.golden-hour h2 {
  color: var(--bih-white);
  font-size: var(--text-4xl);
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 16px;
}
.golden-hour .lead {
  font-size: var(--text-lg);
  color: rgba(255, 255, 255, 0.85);
  max-width: 760px;
  margin-bottom: 56px;
  line-height: 1.65;
}
.golden-hour .lead strong {
  color: #A8C5DC;
  font-weight: 700;
}
.timeline-track {
  position: relative;
  margin: 40px 0 32px;
  padding: 0 4px;
}
.timeline-bar {
  position: relative;
  height: 6px;
  background: linear-gradient(90deg,
    #FFD166 0%,
    #FFA552 25%,
    #EF6F4A 50%,
    #C0392B 80%,
    #8E1A1A 100%);
  border-radius: var(--radius-pill);
  margin-bottom: 28px;
}
.timeline-points {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.timeline-point {
  position: relative;
  text-align: left;
  padding: 16px 14px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-md);
  backdrop-filter: blur(6px);
}
.timeline-point .tp-time {
  font-size: var(--text-sm);
  font-weight: 700;
  color: #FFD166;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.timeline-point .tp-label {
  font-size: var(--text-sm);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
}
.timeline-point.late .tp-time { color: #EF6F4A; }
.timeline-point.critical .tp-time { color: #FF6B6B; }
.gh-callout {
  margin-top: 48px;
  background: rgba(201, 183, 160, 0.1);
  border: 1px solid rgba(201, 183, 160, 0.3);
  border-radius: var(--radius-md);
  padding: 24px 28px;
  font-size: var(--text-lg);
  color: var(--bih-white);
  line-height: 1.5;
}
.gh-callout strong {
  color: #C9B7A0;
  font-weight: 700;
}

/* ========================================
   V11 — WHY WE ARE DIFFERENT
   ======================================== */
.diff-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.diff-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  transition: all 0.25s ease;
  box-shadow: var(--shadow-card);
}
.diff-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}
.diff-icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-md);
  background: var(--bih-green-surface);
  color: var(--bih-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.diff-card h3 {
  color: var(--bih-deep-blue);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}
.diff-card p {
  color: var(--bih-muted);
  font-size: var(--text-base);
  line-height: 1.6;
}

/* ========================================
   V11 — TREATMENT CAPABILITIES ACCORDION
   ======================================== */
.capabilities-intro {
  background: var(--bih-pale-teal);
  border-left: 4px solid var(--bih-primary-blue);
  padding: 16px 20px;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  margin-bottom: 32px;
  font-size: var(--text-sm);
  color: var(--bih-muted-dark);
  line-height: 1.6;
}
.capabilities-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cap-item {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all 0.2s ease;
}
.cap-item[open] {
  border-color: var(--bih-primary-blue);
  box-shadow: var(--shadow-card);
}
.cap-item summary {
  list-style: none;
  cursor: pointer;
  padding: 20px 24px;
  font-weight: 600;
  color: var(--bih-deep-blue);
  font-size: var(--text-base);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.cap-item summary::-webkit-details-marker { display: none; }
.cap-item summary::after {
  content: "+";
  font-size: 24px;
  color: var(--bih-primary-blue);
  font-weight: 400;
  transition: transform 0.2s ease;
}
.cap-item[open] summary::after {
  content: "−";
}
.cap-item summary:hover { background: var(--bih-pale-teal); }
.cap-summary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--bih-green-surface);
  color: var(--bih-green);
  border-radius: var(--radius-sm);
  margin-right: 12px;
  flex-shrink: 0;
}
.cap-summary-text { flex: 1; }
.cap-body {
  padding: 0 24px 24px 68px;
  color: var(--bih-muted);
  font-size: var(--text-base);
  line-height: 1.7;
}
.cap-body ul {
  margin: 10px 0 0 18px;
  color: var(--bih-muted);
}
.cap-body ul li { margin-bottom: 6px; }

/* ========================================
   V11 — SIMPLE SCREENING SELECTOR
   ======================================== */
.selector-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.selector-card {
  background: var(--bih-white);
  border: 2px solid var(--bih-border);
  border-radius: var(--radius-md);
  padding: 22px 20px;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.selector-card:hover {
  border-color: var(--bih-primary-blue);
  background: var(--bih-pale-teal);
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}
.selector-card .sel-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-sm);
  background: var(--bih-green-surface);
  color: var(--bih-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.selector-card .sel-label {
  font-weight: 700;
  color: var(--bih-deep-blue);
  font-size: var(--text-base);
  line-height: 1.35;
}
.selector-card .sel-route {
  color: var(--bih-link-blue);
  font-size: var(--text-sm);
  font-weight: 600;
  margin-top: auto;
}
.selector-card .sel-route::after {
  content: " →";
}

/* ========================================
   V11 — PATIENT STORIES & ILLUSTRATIVE CASES
   ======================================== */
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 56px;
}
.testimonial-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-md);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: var(--shadow-card);
}
.testimonial-card .quote-mark {
  color: var(--bih-green);
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  font-family: Georgia, serif;
}
.testimonial-card .quote-text {
  color: var(--bih-text-strong);
  font-size: var(--text-base);
  line-height: 1.65;
  font-style: italic;
}
.testimonial-card .quote-attr {
  color: var(--bih-muted);
  font-size: var(--text-sm);
  border-top: 1px solid var(--bih-border);
  padding-top: 14px;
  font-style: normal;
}
.testimonial-placeholder {
  background: repeating-linear-gradient(
    -45deg,
    var(--bih-pale-teal),
    var(--bih-pale-teal) 8px,
    var(--bih-bg) 8px,
    var(--bih-bg) 16px
  );
  border: 2px dashed var(--bih-border);
}
.testimonial-placeholder .quote-text {
  color: var(--bih-muted);
}
.placeholder-tag {
  display: inline-block;
  background: var(--bih-deep-blue);
  color: var(--bih-white);
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.illustrative-section {
  margin-top: 16px;
}
.illustrative-banner {
  background: #FFF8E6;
  border: 1px solid #F0C46E;
  color: #7A5500;
  padding: 14px 20px;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  line-height: 1.5;
  margin-bottom: 28px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.illustrative-banner i { font-size: 20px; margin-top: 2px; flex-shrink: 0; }
.illustrative-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.illustrative-grid--single {
  grid-template-columns: 1fr;
  max-width: 820px;
  margin: 0 auto;
}
.case-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-md);
  padding: 32px;
  box-shadow: var(--shadow-card);
}
.case-card .case-label {
  display: inline-block;
  background: var(--bih-pale-teal);
  color: var(--bih-primary-blue);
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.case-card h4 {
  color: var(--bih-deep-blue);
  font-size: var(--text-xl);
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.3;
}
.case-card .case-disclaimer {
  color: var(--bih-muted);
  font-size: var(--text-xs);
  font-style: italic;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--bih-border);
}
.case-card p {
  color: var(--bih-muted-dark);
  font-size: var(--text-base);
  line-height: 1.7;
}

/* ========================================
   V11 — CREDENTIALS & ACCREDITATIONS
   ======================================== */
.creds-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.creds-column {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-md);
  padding: 28px;
  box-shadow: var(--shadow-card);
}
.creds-column h3 {
  color: var(--bih-deep-blue);
  font-size: var(--text-lg);
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--bih-green);
  display: flex;
  align-items: center;
  gap: 10px;
}
.creds-column h3 i {
  color: var(--bih-green);
  font-size: 22px;
}
.creds-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.creds-column ul li {
  padding: 10px 0;
  border-bottom: 1px solid var(--bih-border);
  color: var(--bih-text-strong);
  font-size: var(--text-sm);
  line-height: 1.5;
}
.creds-column ul li:last-child { border-bottom: none; }
.creds-badge {
  display: inline-block;
  background: var(--bih-green);
  color: var(--bih-white);
  padding: 3px 9px;
  border-radius: var(--radius-sm);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-left: 6px;
}

/* ========================================
   V11 — CREDENTIALS & ACCREDITATIONS
   ======================================== */
.accred-feature {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  align-items: center;
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-lg);
  padding: 48px;
  box-shadow: var(--shadow-card);
  max-width: 1000px;
  margin: 0 auto;
}
.accred-badge {
  background: linear-gradient(135deg, var(--bih-deep-blue) 0%, var(--bih-primary-blue) 100%);
  color: var(--bih-white);
  border-radius: var(--radius-md);
  padding: 36px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
.accred-badge::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 100px;
  height: 100px;
  background: var(--bih-green);
  border-radius: 50%;
  opacity: 0.15;
}
.accred-badge i {
  font-size: 56px;
  color: var(--bih-green);
  margin-bottom: 8px;
  filter: drop-shadow(0 2px 8px rgba(22, 163, 74, 0.4));
}
.accred-badge-level {
  font-size: var(--text-2xl);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.accred-badge-sub {
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #C9B7A0;
}
.accred-content h3 {
  color: var(--bih-deep-blue);
  font-size: var(--text-xl);
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.3;
}
.accred-content p {
  color: var(--bih-muted);
  font-size: var(--text-base);
  line-height: 1.7;
  margin-bottom: 18px;
}
.accred-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accred-list li {
  padding: 8px 0 8px 28px;
  position: relative;
  color: var(--bih-text-strong);
  font-size: var(--text-sm);
  line-height: 1.5;
  border-bottom: 1px solid var(--bih-border);
}
.accred-list li:last-child { border-bottom: none; }
.accred-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  background: var(--bih-green-surface);
  color: var(--bih-green);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ========================================
   V11 — CTA HUB (4-card intent-routed)
   ======================================== */
.cta-hub-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.cta-hub-card {
  background: var(--bih-white);
  border: 1px solid var(--bih-border);
  border-radius: var(--radius-md);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: all 0.25s ease;
}
.cta-hub-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-soft);
}
.cta-hub-card .hub-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
.cta-hub-card.urgent .hub-icon {
  background: rgba(192, 57, 43, 0.1);
  color: var(--emergency-red);
}
.cta-hub-card.screening .hub-icon {
  background: var(--bih-green-surface);
  color: var(--bih-green);
}
.cta-hub-card.consult .hub-icon {
  background: rgba(4, 30, 66, 0.1);
  color: var(--bih-primary-blue);
}
.cta-hub-card.whatsapp .hub-icon {
  background: rgba(37, 211, 102, 0.12);
  color: var(--wa-green);
}
.cta-hub-card h3 {
  color: var(--bih-deep-blue);
  font-size: var(--text-lg);
  font-weight: 700;
  line-height: 1.3;
}
.cta-hub-card p {
  color: var(--bih-muted);
  font-size: var(--text-sm);
  line-height: 1.55;
  flex: 1;
}
.cta-hub-card .hub-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: var(--text-sm);
  border-radius: var(--radius-pill);
  padding: 12px 18px;
  justify-content: center;
}
.cta-hub-card.urgent .hub-btn {
  background: var(--emergency-red);
  color: var(--bih-white);
}
.cta-hub-card.urgent .hub-btn:hover { background: #a52a1c; }
.cta-hub-card.screening .hub-btn,
.cta-hub-card.consult .hub-btn {
  background: var(--bih-primary-blue);
  color: var(--bih-white);
}
.cta-hub-card.screening .hub-btn:hover,
.cta-hub-card.consult .hub-btn:hover { background: var(--bih-deep-blue); }
.cta-hub-card.whatsapp .hub-btn {
  background: var(--wa-green);
  color: var(--bih-white);
}
.cta-hub-card.whatsapp .hub-btn:hover { background: #1ebd5a; }

/* ========================================
   V11 — RESPONSIVE OVERRIDES
   ======================================== */
@media (max-width: 1100px) {
  .timeline-points { grid-template-columns: repeat(3, 1fr); }
  .creds-grid { grid-template-columns: 1fr; }
  .cta-hub-grid { grid-template-columns: repeat(2, 1fr); }
  .selector-grid { grid-template-columns: repeat(2, 1fr); }
  .diff-grid { grid-template-columns: repeat(2, 1fr); }
  .illustrative-grid { grid-template-columns: 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .accred-feature { grid-template-columns: 1fr; gap: 28px; padding: 32px; }
  .accred-badge { padding: 28px 20px; }
}
@media (max-width: 600px) {
  .timeline-points { grid-template-columns: 1fr; }
  .selector-grid { grid-template-columns: 1fr; }
  .cta-hub-grid { grid-template-columns: 1fr; }
  .diff-grid { grid-template-columns: 1fr; }
  .cap-body { padding: 0 20px 20px 20px; }
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 1100px) {
  .befast-grid { grid-template-columns: repeat(3, 1fr); }
  .recovery-grid { grid-template-columns: repeat(3, 1fr); }
  .team-grid { grid-template-columns: repeat(3, 1fr); }
  .stats-grid { grid-template-columns: repeat(5, 1fr); gap: 12px; }
  .stat-num { font-size: var(--text-2xl); }
}

@media (max-width: 900px) {
  :root { --section-y: 56px; }
  .two-col { grid-template-columns: 1fr; gap: 32px; }
  .three-col { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .stat:nth-child(2) { border-right: none; }
  .pkg-grid { grid-template-columns: 1fr; gap: 18px; }
  .pkg-img { height: 200px; }
  .stroke-center-page .section-header h2 { font-size: var(--text-3xl); }
  .stroke-center-page .hero { padding: 70px 0 60px; }
  .final-cta h2 { font-size: var(--text-3xl); }
  .pkg-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .stroke-center-page .hero h1 { font-size: 32px; }
  .top-bar-inner { justify-content: center; text-align: center; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat { border-right: 1px solid var(--bih-border); }
  .stat:nth-child(2n) { border-right: none; }
  .recovery-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ========================================
   V27 — BIH PUBLIC HEADER AND FOOTER
   Content and interaction hooks preserved.
   ======================================== */
:root{
  --bih-primary-blue:#0D4D8B;
  --bih-deep-blue:#09335D;
  --bih-blue-alt:#005798;
  --bih-link-blue:#2778C4;
  --bih-green:#16A34A;
  --bih-green-surface:#E5FFEF;
  --bih-pale-teal:#F3FFFD;
  --bih-bg:#F7FAFC;
  --bih-surface:#FFFFFF;
  --bih-surface-soft:#F3FFFD;
  --bih-text:#1F2937;
  --bih-text-strong:#344054;
  --bih-muted:#667085;
  --bih-border:#D0D5DD;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --shadow-card:0 8px 24px rgba(9,51,93,.07);
  --shadow-soft:0 12px 35px rgba(9,51,93,.08);
  --container:1200px;
  --section-y:96px;
}
html{scroll-behavior:smooth}
.stroke-center-page {
  font-family: var(--font-sans);
  color: var(--bih-text);
  background: var(--bih-bg);
  font-size: var(--text-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.stroke-center-page a { text-decoration: none; color: inherit; }
.stroke-center-page img { max-width: 100%; display: block; }
.bih-container{max-width:1200px;padding-left:24px;padding-right:24px}
.stroke-center-page .section{padding:var(--section-y) 0}
.stroke-center-page .section-header{margin-bottom:48px;max-width:680px}
.stroke-center-page .section-header h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:-.025em}
.stroke-center-page .section-header p{font-size:18px;line-height:1.72;color:var(--bih-muted-dark)}
.bih-eyebrow{color:var(--bih-green);font-size:12px;letter-spacing:.12em;margin-bottom:14px}
.bih-eyebrow::before{content:""}
.bih-btn-primary,.bih-btn-secondary,.bih-btn-emergency,.bih-btn-wa{border-radius:10px;padding:13px 20px;box-shadow:none}
.bih-btn-primary{background:var(--bih-primary-blue)}
.bih-btn-primary:hover{background:var(--bih-deep-blue);box-shadow:0 8px 18px rgba(4,30,66,.16);transform:translateY(-1px)}
.bih-btn-secondary{border-color:var(--bih-primary-blue);color:var(--bih-primary-blue)}
.bih-btn-secondary:hover{background:var(--bih-pale-teal)}
.bih-btn-wa{background:#15803D}.bih-btn-wa:hover{background:#166534}
.bih-btn-emergency{background:#C0392B}.bih-btn-emergency:hover{background:#9F2E23}
.top-bar{background:#09335D;padding:9px 0}.top-bar-brand{color:#E5FFEF;letter-spacing:.1em}
.stroke-center-page .breadcrumb{background:#fff;padding:16px 0}
.stroke-center-page .hero{min-height:640px;padding:120px 0;background:linear-gradient(90deg,#09335D 0%,rgba(13,77,139,.94) 38%,rgba(13,77,139,.56) 68%,rgba(13,77,139,.38) 100%),url('https://images.unsplash.com/photo-1559757175-5700dde675bc?auto=format&fit=crop&w=2000&q=85') center right/cover no-repeat,#02152E}
.stroke-center-page .hero-inner{max-width:680px}.hero .bih-eyebrow{color:#C9B7A0}.hero h1{font-size:clamp(40px,5.4vw,68px);letter-spacing:-.035em;line-height:.98}.hero .hero-tagline{color:#CFE0EE}.hero p{font-size:18px;line-height:1.72}.hero-cta{gap:12px}.hero-cta .bih-btn-primary{border-radius:10px}
.stroke-center-page .stats{padding:32px 0;background:#fff}.stat-num{font-size:34px}.stat-label{font-size:13px}
.bih-card,.stroke-card,.pkg-card,.fac-card,.selector-card,.testimonial-card,.prevention-card,.risk-card,.cta-hub-card{border-radius:20px!important;border-color:var(--bih-border)!important;box-shadow:var(--shadow-card)!important}
.bih-card:hover,.stroke-card:hover,.pkg-card:hover,.fac-card:hover,.selector-card:hover,.testimonial-card:hover,.cta-hub-card:hover{box-shadow:var(--shadow-soft)!important;transform:translateY(-3px)}
.stroke-card-img--ischemic{background:linear-gradient(135deg,#EEF3F8,#DCEAF5)}.stroke-card-img--hemorrhagic{background:linear-gradient(135deg,#FBEAEA,#F4DADB)}.stroke-card-img--tia{background:linear-gradient(135deg,#F5EEE6,#E7F2EB)}
.pkg-img,.fac-img{filter:saturate(.85) contrast(1.03)}
.pkg-save-badge{background:#E5FFEF!important;color:#15803D!important;border-radius:999px!important}.pkg-price-amount{color:var(--bih-deep-blue)!important}
.selector-card:hover,.read-more:hover{color:var(--bih-link-blue)!important}.read-more{color:var(--bih-primary-blue)!important}
.faq-item{border-color:var(--bih-border)!important;border-radius:14px!important}.faq-item summary{color:var(--bih-deep-blue)!important}.faq-item[open]{box-shadow:0 6px 18px rgba(4,30,66,.06)}
.cta-hub-card.urgent{background:#FFF7F5!important}.cta-hub-card.screening,.cta-hub-card.consult,.cta-hub-card.whatsapp{background:#fff!important}.cta-hub-card .hub-btn{border-radius:10px!important}
.site-footer{background:#09335D!important}.footer-brand{color:#E5FFEF!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(39,120,196,.48);outline-offset:3px}
@media(max-width:720px){:root{--section-y:64px}.section-header{margin-bottom:32px}.section-header h2{font-size:30px}.hero{min-height:540px;padding:88px 0;background:linear-gradient(180deg,rgba(9,51,93,.94),rgba(13,77,139,.77)),url('https://images.unsplash.com/photo-1559757175-5700dde675bc?auto=format&fit=crop&w=1400&q=85') center/cover no-repeat,#02152E}.hero h1{font-size:42px}.hero-cta>*{width:100%}.stats-grid{gap:0}.stat{padding:16px 8px}.bih-container{padding-left:16px;padding-right:16px}}


/* V16: two confirmed stroke specialists */
.team-grid{grid-template-columns:repeat(2,minmax(0,320px));justify-content:start}
@media(max-width:600px){.team-grid{grid-template-columns:1fr}}


/* V17: contrast for BE-FAST marks; centered two-specialist composition */
.team-grid{justify-content:center}
.team-grid+.team-cta{justify-content:center}
.team-section .section-header{text-align:center;margin-left:auto;margin-right:auto}


.befast-reference{margin:0;background:#fff;border:1px solid var(--bih-border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}.befast-reference img{display:block;width:100%;height:auto}.doctor-groups{display:grid;gap:36px}.doctor-group{display:grid;gap:16px}.doctor-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--bih-border);padding-bottom:12px}.doctor-group-head span{color:var(--bih-deep-blue);font-size:20px;font-weight:800}.doctor-group-head strong{background:var(--bih-green-surface);color:#15803D;border-radius:999px;padding:5px 11px;font-size:12px}.doctor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.doctor-card{background:#fff;border:1px solid var(--bih-border);border-radius:20px;padding:20px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;transition:.2s}.doctor-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.doctor-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--bih-pale-teal);border:1px solid var(--bih-green-surface);color:var(--bih-primary-blue);font-size:23px}.doctor-copy h4{color:var(--bih-deep-blue);font-size:15px;line-height:1.35;margin:0 0 6px}.doctor-copy p{color:var(--bih-muted);font-size:12px;line-height:1.5;margin:0}.doctor-link{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--bih-primary-blue);color:#fff;padding:10px 14px;font-size:13px;font-weight:700}.doctor-link:hover{background:var(--bih-blue-alt)}@media(max-width:900px){.doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.doctor-grid{grid-template-columns:1fr}.befast-reference{border-radius:14px;overflow-x:auto}.befast-reference img{width:920px;max-width:none}.doctor-group-head{align-items:flex-start}}


/* V19 asset corrections */
.befast-band-main{padding:24px;background:var(--bih-pale-teal)}
.befast-inner-image{display:block;width:100%;height:auto;border-radius:14px;background:#fff}
.doctor-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid var(--bih-green-surface);grid-row:1}
.doctor-card{grid-template-columns:72px minmax(0,1fr)}
.stroke-center-page a.doctor-link,
.stroke-center-page a.doctor-link:hover,
.stroke-center-page a.doctor-link:focus,
.stroke-center-page a.bih-btn-primary,
.stroke-center-page a.bih-btn-primary:hover,
.stroke-center-page a.bih-btn-primary:focus {
  color: #fff;
}
.pkg-img{object-fit:cover;object-position:center}
@media(max-width:600px){.befast-band-main{overflow-x:auto;padding:14px}.befast-inner-image{width:920px;max-width:none}}

/* Stroke specialists expanded section */
.stroke-specialists-expanded{
  --blue:#0D4D8B;
  --navy:#09335D;
  --green:#16A34A;
  --paper:#F8FAFC;
  --ink:#1E293B;
  --muted:#64748B;
  --line:#E2E8F0;
  padding:86px 24px 96px;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.stroke-specialists-expanded .wrap{max-width:1170px;margin:auto}
.stroke-specialists-expanded .eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}
.stroke-specialists-expanded .eyebrow:before{content:"";width:30px;height:2px;background:var(--green)}
.stroke-specialists-expanded h2{margin:15px 0 14px;color:var(--navy);font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-1.5px}
.stroke-specialists-expanded .intro{max-width:655px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.stroke-specialists-expanded .specialists{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.stroke-specialists-expanded .card{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(9,51,93,.06);display:flex;flex-direction:column;align-items:flex-start}
.stroke-specialists-expanded .icon{width:48px;height:48px;border-radius:14px;background:#EAF3FB;color:var(--blue);display:grid;place-items:center;margin-bottom:24px}
.stroke-specialists-expanded .icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8}
.stroke-specialists-expanded .card h3{margin:0;color:var(--navy);font-size:21px;letter-spacing:-.35px;font-weight:700}
.stroke-specialists-expanded .card p{margin:12px 0 22px;color:var(--muted);font-size:14px;line-height:1.6}
.stroke-specialists-expanded .card a{margin-top:auto;color:var(--blue);font-weight:750;font-size:14px;text-decoration:none}
.stroke-specialists-expanded .card a:hover{text-decoration:underline}
.stroke-specialists-expanded .cta{text-align:center;margin-top:38px}
.stroke-specialists-expanded .cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;font-size:14px}
.stroke-specialists-expanded .cta a:hover{background:var(--navy);color:#fff}
@media(max-width:900px){.stroke-specialists-expanded .specialists{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .stroke-specialists-expanded{padding:62px 18px 72px}
  .stroke-specialists-expanded .specialists{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .stroke-specialists-expanded .card{min-height:220px;padding:24px}
  .stroke-specialists-expanded .intro{font-size:16px}
}