body{ background:linear-gradient(180deg,#f6f8ff 0%,#eef4ff 40%,#f8fafc 100%); }
.page-hero{
  border-radius:1.4rem;
  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);
}
.section-kicker{
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#475569;
  margin-bottom:.5rem;
}
.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;
}
.seo-card,.visual-card,.path-card,.faq-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,.07);
}
.visual-card{ padding:1.2rem; }
.seo-card,.path-card,.faq-card{ padding:1.15rem; }
.visual-box{
  border-radius:1rem; border:1px dashed rgba(15,23,42,.16); background:linear-gradient(180deg,#fff,#f7fbff); min-height:220px; padding:1rem;
}
.visual-note{ font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:#64748b; margin-bottom:.75rem; }
.small-muted{ color:#64748b; }
.value-list,.faq-list{ padding-left:1.1rem; margin-bottom:0; }
.value-list li,.faq-list li{ margin:.45rem 0; color:#334155; }
.links-row{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
@media (max-width: 991.98px){ .links-row{ grid-template-columns:1fr; } }


.links-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.platform-inline{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1rem;}
.platform-inline span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:.8rem;}
.platform-inline span.pending{background:rgba(255,255,255,.04);}


/* 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;
}

/* 2026 M2M article polish */
.article-tools{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
  margin:-.5rem 0 1.5rem;
  font-size:.92rem;
}
.article-tools a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.18em;
}
.article-tools span{opacity:.55;}
.article-body{
  max-width:920px;
}
.article-body h2{
  margin-top:2rem;
}
.article-body p,
.article-body li{
  color:#334155;
  line-height:1.72;
}
.article-note{
  border:1px solid rgba(37,99,235,.12);
  border-radius:1.1rem;
  background:#f8fbff;
  padding:1.15rem;
}
.article-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1rem;
}
.article-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;
}
.article-card p{color:#475569;}
.article-card .small{color:#64748b;}
.compare-table th,
.compare-table td{vertical-align:top;}
.back-link-row{margin:2rem 0 0;}