body{ background:linear-gradient(180deg,#f7f9ff 0%,#eef4ff 42%,#f7f8fc 100%); }
.sdk-hero,
.sdk-card,
.sdk-download,
.sdk-footer,
.sdk-code{
  border:1px solid rgba(15,23,42,.08);
  border-radius:1.15rem;
  background:#fff;
  box-shadow:0 .55rem 1.5rem rgba(15,23,42,.06);
}
.sdk-hero{
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(13,110,253,.16), transparent 34%),
    linear-gradient(135deg,#ffffff,#f7fbff);
}
.sdk-hero .card-body{ padding:2rem; }
.sdk-kicker{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.28rem .62rem;
  border-radius:999px;
  border:1px solid rgba(13,110,253,.16);
  background:rgba(13,110,253,.06);
  color:#0d6efd;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sdk-lead{
  max-width:48rem;
  color:#475569;
  line-height:1.6;
  font-size:1.04rem;
}
.sdk-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.25rem;
}
.sdk-actions .btn{
  min-height:46px;
  border-radius:.7rem;
  font-weight:700;
}
.sdk-proof-grid,
.sdk-files-grid,
.sdk-steps-grid,
.sdk-more-grid{
  display:grid;
  gap:1rem;
}
.sdk-proof-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:1.35rem; }
.sdk-files-grid,
.sdk-more-grid{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.sdk-steps-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.sdk-proof,
.sdk-file,
.sdk-step,
.sdk-more{
  border:1px solid rgba(15,23,42,.08);
  border-radius:1rem;
  background:#fff;
  padding:1rem;
  box-shadow:0 .35rem 1rem rgba(15,23,42,.04);
  height:100%;
}
.sdk-proof strong,
.sdk-file strong,
.sdk-step strong,
.sdk-more strong{ color:#0f172a; }
.sdk-proof p,
.sdk-file p,
.sdk-step p,
.sdk-more p,
.sdk-download p{ color:#475569; margin:.35rem 0 0; line-height:1.55; }
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-bottom:.8rem;
  color:#4338ca;
  background:#eef2ff;
  border:1px solid #c7d2fe;
  border-radius:999px;
  padding:.28rem .65rem;
  font-size:.76rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.sdk-download{
  padding:1.1rem 1.2rem;
}
.sdk-download .btn,
.sdk-more .btn{ border-radius:.6rem; }
.sdk-code{
  overflow:hidden;
}
.sdk-code pre{
  margin:0;
  padding:1.1rem 1.15rem;
  background:#0f172a;
  color:#e2e8f0;
  overflow:auto;
  font-size:.92rem;
  line-height:1.55;
}
.sdk-code code{ color:inherit; }
.small-note{ color:#64748b; }
.download-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.85rem;
}
.download-meta .badge{ font-weight:500; }
.sdk-footer{
  padding:1rem 1.1rem;
  text-align:center;
  color:#64748b;
}
@media (max-width:991.98px){
  .sdk-hero .card-body{ padding:1.35rem; }
  .sdk-proof-grid,
  .sdk-steps-grid{ grid-template-columns:1fr; }
}