/* ── Sections that use data-bg-word watermark effect ── */
[data-bg-word] { position:relative; overflow:hidden; }

/* ── About Why-SAM cards ── */
.about-why-cards { gap:1.25rem; }
.why-card {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-md);
  padding:1.5rem;
  text-align:center;
}
.why-icon { font-size:2rem; margin-bottom:.75rem; display:block; }
.why-icon-secondary { color:var(--secondary); }
.why-icon-primary   { color:var(--primary); }
.why-icon-green     { color:#10b981; }
.why-icon-amber     { color:#f59e0b; }
.why-card-title     { color:white; font-size:1rem; }
.why-card-text      { font-size:.85rem; }

/* ── Milestones stagger margin ── */
.milestones-grid.stagger { margin-top:1rem; }

/* ── Image-stat panel (dark panel with stats) ── */
.panel-title {
  color:var(--white);
  font-size:1.75rem;
  margin-bottom:.5rem;
}

/* ── Dark panel paragraph ── */
.para-dim {
  color:rgba(255,255,255,.58);
  font-size:.9rem;
  line-height:1.7;
  margin-bottom:0;
}

/* ── Light-theme overrides ── */
html.theme-light .why-card {
  background:rgba(0,0,0,.04);
  border-color:rgba(0,0,0,.08);
}
html.theme-light .why-card-title { color:var(--dark-900); }