body.theme-split {
  --color-primary: #2563eb;
  --color-accent: #14b8a6;
}

.split-layout-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: var(--space-2xl);
  align-items: center;
}

.hero-side-panel {
  display: grid;
  gap: var(--space-lg);
}

.hero-side-panel .card {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(219,234,254,0.72));
}

.approach-list {
  display: grid;
  gap: 1rem;
}

.step-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1.2rem 1.3rem;
  background: rgba(255, 255, 255, 0.88);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.step-item strong {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(37, 99, 235, 0.1);
}

.proof-shell {
  padding: var(--space-2xl);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(224,242,254,0.85));
}

@media (min-width: 1280px) {
  .split-layout-hero {
    min-height: calc(100vh - var(--header-height) - 2rem);
  }
}

@media (max-width: 980px) {
  .split-layout-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .step-item {
    align-items: flex-start;
    padding: 1rem;
  }

  .step-item strong {
    flex: 0 0 auto;
  }

  .proof-shell {
    padding: var(--space-lg);
  }
}