.blog-cluster-section { margin-top: 104px; scroll-margin-top: 120px; }
.blog-cluster-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; margin-top: 42px; }
.blog-cluster-card { display: flex; min-height: 440px; grid-column: span 6; flex-direction: column; padding: 32px; border: 1px solid #11182714; border-radius: 25px; background: #fff; box-shadow: 0 20px 60px #1118270a; }
.blog-cluster-card-1 { color: #fff; border-color: transparent; background: radial-gradient(circle at 96% 4%, #1652f055, transparent 15rem), linear-gradient(145deg, #131b2b, #070a0f); }
.blog-cluster-card-4 { color: #fff; border-color: transparent; background: linear-gradient(135deg, #123eb7, #1652f0); }
.blog-cluster-card header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.blog-cluster-card header span { color: var(--blue); font-size: 11px; font-weight: 820; letter-spacing: .11em; text-transform: uppercase; }
.blog-cluster-card-1 header span, .blog-cluster-card-4 header span { color: #a9c0ff; }
.blog-cluster-card header b { color: #667085; font-size: 11px; }
.blog-cluster-card-1 header b, .blog-cluster-card-4 header b { color: #aeb9c8; }
.blog-cluster-card h3 { margin: 25px 0 10px; font-size: 32px; line-height: 1.08; letter-spacing: -.045em; }
.blog-cluster-card > p { margin: 0; color: var(--muted); line-height: 1.62; }
.blog-cluster-card-1 > p, .blog-cluster-card-4 > p { color: #c4ccda; }
.blog-cluster-card ul { display: grid; gap: 1px; margin: 24px 0; padding: 0; overflow: hidden; border: 1px solid #11182712; border-radius: 16px; background: #11182712; list-style: none; }
.blog-cluster-card-1 ul, .blog-cluster-card-4 ul { border-color: #ffffff17; background: #ffffff17; }
.blog-cluster-card li a { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; background: #f7f9fc; font-size: 13px; font-weight: 700; line-height: 1.35; }
.blog-cluster-card-1 li a, .blog-cluster-card-4 li a { background: #ffffff0c; }
.blog-cluster-card li svg { flex: 0 0 auto; color: var(--orange); }
.blog-cluster-card > .text-link { margin-top: auto; }
.blog-archive-handoff { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 24px; padding: 24px 26px; border: 1px solid #1652f01f; border-radius: 20px; background: #edf3ff; }
.blog-archive-handoff p { max-width: 720px; margin: 0; color: #475467; line-height: 1.6; }
.blog-archive-handoff .button { flex: 0 0 auto; }
@media (max-width: 640px) {
  .blog-cluster-grid { grid-template-columns: 1fr; }
  .blog-cluster-card { min-height: 0; grid-column: 1; padding: 25px; }
  .blog-cluster-card h3 { font-size: 29px; }
  .blog-archive-handoff { align-items: stretch; flex-direction: column; }
  .blog-archive-handoff .button { width: 100%; }
}
