.section-hero-strategies {
  padding-top: calc(var(--space-10) + var(--nav-height));
}

@media (min-width: 768px) {
  .section-hero-strategies {
    padding-top: calc(var(--space-16) + var(--nav-height));
  }
}

.strategies-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr);
  gap: var(--space-6);
  align-items: center;
}

@media (min-width: 960px) {
  .strategies-hero-inner {
    grid-template-columns: minmax(0, 1.8fr) minmax(0, 1.2fr);
  }
}

.strategies-hero-copy {
  max-width: 40rem;
}

.strategies-hero-aside {
  padding: var(--space-4);
  display: grid;
  gap: var(--space-4);
}

.strategies-hero-metric {
  padding: var(--space-3);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top left, rgba(111, 125, 255, 0.15) 0, transparent 55%), rgba(10, 14, 35, 0.95);
}

.section-header {
  max-width: 40rem;
  margin-inline: auto;
  margin-bottom: var(--space-8);
}

.strategies-grid-intro {
  margin-top: var(--space-6);
}

.section-strategy-block {
  scroll-margin-top: calc(var(--nav-height) + var(--space-4));
}

.strategy-split {
  align-items: center;
  gap: var(--space-8);
}

@media (min-width: 768px) {
  .strategy-split {
    gap: var(--space-10);
  }
}

.strategy-split-reverse {
  direction: rtl;
}

.strategy-split-reverse > * {
  direction: ltr;
}

.strategy-media {
  min-height: 220px;
}

@media (min-width: 768px) {
  .strategy-media {
    min-height: 260px;
  }
}

.strategy-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.strategy-cta-inline {
  margin-top: var(--space-4);
}

.strategy-side-panel {
  align-self: stretch;
}

.strategy-tag-list,
.strategy-checklist {
  padding-left: 1.1rem;
}

.strategy-tag-list li + li,
.strategy-checklist li + li {
  margin-top: 0.4rem;
}

.strategies-inline-link {
  font-size: var(--font-size-sm);
  color: var(--color-primary-strong);
}

.bottom-nav-grid {
  margin-top: var(--space-4);
}

.bottom-nav-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bottom-nav-card .card-body {
  margin-top: auto;
}