/* ================== ABOUT HERO ================== */
:root{
  /* about */
  --about-bg: linear-gradient(to right, #00c2c7 0%, #004aad 100%);
  --about-bg-2:#0f1e6a;
  --about-ink-on:#ffffff;
  --about-pill-bg:rgba(255,255,255,.12);
  --about-pill-border:rgba(255,255,255,.22);
  --about-radius-xl:24px;
  --about-shadow-soft:0 12px 36px rgba(2,6,23,.18);

  /* vhc */
  --vhc-ink:#0f172a;
  --vhc-muted:#4b5563;
  --vhc-dot:#fbbf24;
  --vhc-ring:rgba(2,6,23,.08);
  --vhc-radius-xl:22px;

  /* impact */
  --impact-page-deep:#1e3a8a;
  --impact-card-bg:#00c2c7;
  --impact-ink:#1a1b1f;
  --impact-ink-2:#2b2d33;
  --impact-btn-border:#11182740;
  --impact-radius-xxl:26px;
  --impact-radius-lg:18px;
  --impact-shadow:0 22px 60px rgba(0,0,0,.25);

  /* mission cards (tilted) */
  --mc-page-deep:#1e3a8a;
  --mc-ink:#0b1220;
  --mc-ink-2:#111827;
  --mc-ink-on-blue:#ffffff;
  --mc-blue:#00c2c7;
  --mc-blue-2:#2a41d8;
  --mc-card-radius:24px;
  --mc-shadow:0 14px 34px rgba(0,0,0,.28);

  /* vision cards (wave notch) */
  --vision-page-deep:#00c2c7;
  --vision-white:#ffffff;
  --vision-ink:#111827;
  --vision-muted:#4b5563;
  --vision-radius:22px;
  --vision-shadow:0 14px 34px rgba(0,0,0,.25);
}

/* ===== About Hero ===== */
.about-hero{
  position:relative;
  background:var(--about-bg);
  color:var(--about-ink-on);
  padding:56px 0 80px;
  overflow:hidden;
}
.about-hero::after{
  content:"";
  position:absolute;
  right:-18%;
  top:-20%;
  width:1200px;height:1200px;
  background:
    radial-gradient(closest-side, transparent 72%, rgba(255,255,255,0.05) 73% 74%, transparent 75%),
    radial-gradient(closest-side, transparent 58%, rgba(255,255,255,0.05) 59% 60%, transparent 61%),
    radial-gradient(closest-side, transparent 44%, rgba(255,255,255,0.05) 45% 46%, transparent 47%);
  opacity:.35; pointer-events:none; transform:rotate(-8deg);
}
.about-hero__container{ width:min(1200px,92%); margin-inline:auto; }
.about-hero__crumbs{
  display:inline-flex; align-items:center; gap:10px; margin-bottom:28px;
  padding:8px 14px; border-radius:999px;
  background:var(--about-pill-bg); border:1px solid var(--about-pill-border);
  backdrop-filter: blur(4px); font-size:14px;
}
.about-hero__crumbs a{ color:#fff; text-decoration:none; }
.about-hero__crumbs a:hover{ text-decoration:underline; }
.crumb-sep{ opacity:.75; } .crumb-current{ opacity:.9; }
.about-hero__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.about-hero__copy h1{ font-size:clamp(40px,6.2vw,84px); line-height:1.05; margin:0 0 20px; letter-spacing:-.02em; }
.about-hero__copy p{ font-size:clamp(16px,1.6vw,20px); line-height:1.7; max-width:48ch; margin:0; opacity:.95; }
.about-hero__media{ margin:0; border-radius:var(--about-radius-xl); overflow:hidden; box-shadow:var(--about-shadow-soft);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); }
.about-hero__media img{ display:block; width:100%; height:auto; object-fit:cover; }
@media (max-width:980px){
  .about-hero{ padding:40px 0 56px; }
  .about-hero__grid{ grid-template-columns:1fr; gap:28px; }
  .about-hero__media{ order:-1; }
}

/* ===== Transforming Healthcare ===== */
.vhc-wrap{ padding:64px 0; }
.vhc-container{ width:min(1200px,92%); margin-inline:auto; }
.vhc-eyebrow{ display:flex; align-items:center; gap:10px; font-size:15px; color:var(--vhc-muted); margin-bottom:14px; }
.vhc-dot{ width:8px; height:8px; border-radius:999px; background:var(--vhc-dot); display:inline-block; }
.vhc-title{ font-size:clamp(28px,5.2vw,46px); line-height:1.1; letter-spacing:-.02em; color:var(--vhc-ink); margin:0 0 28px; }
.vhc-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; }
.vhc-media{ margin:0; border-radius:var(--vhc-radius-xl); overflow:hidden; box-shadow:0 14px 40px var(--vhc-ring); }
.vhc-media img{ display:block; width:100%; height:auto; object-fit:cover; }
.vhc-copy p{ font-size:clamp(16px,1.4vw,18px); line-height:1.8; color:#111827; margin:0; }
@media (max-width:980px){ .vhc-grid{ grid-template-columns:1fr; gap:24px; } .vhc-media{ order:-1; } }

/* ===== Rapid Growth & Impact ===== */
.impact-wrap{ background:var(--impact-page-deep); padding:72px 0 96px; }
.impact-card{
  width:min(1200px,92%); margin-inline:auto; background:var(--impact-card-bg);
  border-radius:var(--impact-radius-xxl); box-shadow:var(--impact-shadow);
  padding:56px clamp(24px,4vw,56px);
}
.impact-grid{ display:grid; grid-template-columns:.95fr 1.05fr; gap:48px; align-items:center; }
.impact-media{ margin:0; }
.impact-media img{ display:block; width:100%; height:auto; object-fit:cover; border-radius:var(--impact-radius-lg); }
.impact-copy h2{ font-size:clamp(28px,4.8vw,48px); line-height:1.1; letter-spacing:-.02em; color:var(--impact-ink); margin:0 0 18px; }
.impact-copy p{ color:var(--impact-ink-2); font-size:clamp(16px,1.5vw,18px); line-height:1.8; margin:0 0 16px; }
.impact-btn{
  display:inline-block; margin-top:10px; padding:14px 20px;
  border:1.5px solid var(--impact-btn-border); border-radius:14px;
  color:var(--impact-ink); text-decoration:none; font-weight:600;
  background:#f5d091; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.impact-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.15); background:#f7dcae; }
@media (max-width:980px){ .impact-grid{ grid-template-columns:1fr; gap:28px; } .impact-media{ order:-1; } }

/* ===== Mission (Tilted Cards) ===== */
.mission-cards{ background:var(--mc-page-deep); padding:72px 0 84px; color:#e5e7eb; }
.mc-container{ width:min(1200px,92%); margin-inline:auto; }
.mc-title{ font-size:clamp(28px,5vw,48px); line-height:1.1; margin:0 0 10px; }
.mc-sub{ margin:0 0 26px; opacity:.8; }
.mc-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:stretch; }
.mc-card{
  border-radius:var(--mc-card-radius); padding:28px 26px; box-shadow:var(--mc-shadow);
  transform-origin:center; transition:transform .18s ease, box-shadow .18s ease;
  display:flex; flex-direction:column; gap:10px; min-height:260px;
}
.mc-card h3{ margin:0; line-height:1.15; font-size:clamp(18px,2.4vw,26px); letter-spacing:-.01em; }
.mc-card p{ margin:0; line-height:1.7; font-size:clamp(14px,1.3vw,16px); opacity:.95; }
.mc-blue{ background:linear-gradient(180deg,var(--mc-blue),var(--mc-blue-2)); color:var(--mc-ink-on-blue); }
.mc-white{ background:#fff; color:var(--mc-ink-2); }
.rotate-l{ transform:rotate(-6deg); } .rotate-r{ transform:rotate(6deg); }
.mc-card:hover{ transform:rotate(0deg) translateY(-4px); box-shadow:0 20px 44px rgba(0,0,0,.34); }
@media (max-width:1100px){ .mc-row{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .mc-row{ grid-template-columns:1fr; } .rotate-l,.rotate-r{ transform:none; } .mc-card:hover{ transform:translateY(-3px); } }

/* ===== Vision (Wave Notch Cards) ===== */
.vision-cards{  padding:80px 0 100px; color:#000000; }
.vision-container{ width:min(1200px,92%); margin-inline:auto; }
.vision-heading{ font-size:clamp(30px,5vw,48px); margin-bottom:12px; }
.vision-intro{ font-size:clamp(16px,1.3vw,18px); line-height:1.8; opacity:.9; margin-bottom:48px; }
.vision-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(295px,1fr)); gap:36px; }
.vision-card{
  position:relative; background:var(--vision-page-deep); border-radius:var(--vision-radius);
  box-shadow:var(--vision-shadow); overflow:hidden; color:#fff;
  padding:56px 32px 40px;
}
/* Wave notch (you were missing this) */
.vision-wave{
  position:absolute; top:0; left:80px; width:70px; height:36px; color:var(--vision-page-deep);
}
.vision-wave svg{ width:100%; height:100%; display:block; }

.vision-card-text h3{ font-size:clamp(20px,2vw,24px); margin:0 0 10px;  }
.vision-card-text p{ font-size:16px; line-height:1.7;  margin-bottom:24px; }
.vision-btn{
  display:inline-block; padding:10px 22px; border:1.5px solid var(--vision-ink); border-radius:8px;
  text-decoration:none; color:var(--vision-ink); font-weight:500;
  transition:background .2s ease, color .2s ease, transform .15s ease; background-color: #fff;
}
.vision-btn:hover{ background:var(--vision-ink); color:#fff; transform:translateY(-2px); }
@media (max-width:768px){ .vision-wave{ left:50px; } }