body{ background:linear-gradient(180deg,#f6f8ff 0%,#eef4ff 40%,#f8fafc 100%); }
.page-hero{
  border-radius:1.35rem;
  border:0;
  color:#fff;
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.24), transparent 36%),
    linear-gradient(145deg,#0f172a,#162338);
  box-shadow:0 1rem 2.4rem rgba(15,23,42,.16);
}
.overview-card,.mini-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:1.1rem;
  background:#fff;
  box-shadow:0 .7rem 1.8rem rgba(15,23,42,.07);
}
.section-kicker{
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#475569;
  margin-bottom:.5rem;
}
.concept-chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .7rem;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  font-size:.82rem;
  color:#334155;
}
.visual-box{
  border-radius:1.1rem;
  border:1px dashed rgba(15,23,42,.16);
  background:linear-gradient(180deg,#fff,#f7fbff);
  min-height:280px;
  padding:1rem;
}
.visual-note{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
  margin-bottom:.75rem;
}
.visual-caption{
  margin-top:.85rem;
  color:#64748b;
  font-size:.9rem;
  line-height:1.45;
}
.flow-col{
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.flow-box{
  padding:1rem;
  border-radius:1rem;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 .55rem 1.6rem rgba(15,23,42,.06);
}
.flow-box small{ display:block; color:#64748b; margin-bottom:.35rem; text-transform:uppercase; letter-spacing:.08em; }
.path-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:1rem;
  background:#fff;
  padding:1.1rem;
  height:100%;
  box-shadow:0 .65rem 1.7rem rgba(15,23,42,.07);
}
.proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:0 0 1rem;
}
.proof-row span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.38rem .72rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.82rem;
}


/* 2026 hero lighten pass */
.page-hero{
  color:#0f172a;
  border:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.16), transparent 36%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 60%,#f1f6ff 100%);
  box-shadow:0 1rem 2.4rem rgba(15,23,42,.08);
}
.page-hero .small,
.page-hero .small-muted,
.page-hero .lead,
.page-hero p{ color:#475569!important; }
.page-hero .d-inline-flex{
  border-color:rgba(37,99,235,.12)!important;
  background:rgba(37,99,235,.06)!important;
  color:#1d4ed8!important;
}
.proof-row span,
.platform-inline span{
  border:1px solid rgba(37,99,235,.10);
  background:#eff6ff;
  color:#1e3a8a;
}
.platform-inline span.pending{ background:#f8fafc; color:#475569; }
.subhero-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.subhero-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:1.1rem;
  background:#fff;
  box-shadow:0 .75rem 1.9rem rgba(15,23,42,.06);
  padding:1.15rem;
}
.subhero-card p{ color:#64748b; margin-bottom:0; }
.subhero-title{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#475569;
  margin-bottom:.55rem;
}
.subhero-list{ display:flex; flex-wrap:wrap; gap:.45rem; margin:0; padding:0; list-style:none; }
.subhero-list li{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.35rem .65rem;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.10);
  background:#eff6ff;
  color:#1e3a8a;
  font-size:.82rem;
}
@media (max-width: 991.98px){
  .subhero-grid{ grid-template-columns:1fr; }
}


/* 2026 hero button pass */
.hero-shell .btn-outline-light,
.page-hero .btn-outline-light,
.hero .btn-outline-light{
  color:#1d4ed8;
  border-color:rgba(37,99,235,.18);
  background:#ffffff;
}
.hero-shell .btn-outline-light:hover,
.page-hero .btn-outline-light:hover,
.hero .btn-outline-light:hover{
  color:#1d4ed8;
  border-color:rgba(37,99,235,.28);
  background:#eff6ff;
}