.poker-hero { position: relative; min-height: 60vh; display: flex; align-items: center; color: #f9fafb; }
.poker-hero__media { position: absolute; inset: 0; z-index: -2; }
.poker-hero__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.1) contrast(1.05) brightness(0.9); }
.poker-hero__content { padding-top: var(--space-80); padding-bottom: var(--space-80); max-width: 640px; }
.poker-hero__lead { font-size: var(--font-size-lg); max-width: 40rem; }
.poker-hero__cta { margin-top: var(--space-24); display: flex; flex-wrap: wrap; gap: var(--space-16); }
.poker-hero__meta { margin-top: var(--space-24); }

.poker-section { padding-top: var(--space-64); padding-bottom: var(--space-64); }
.poker-section--alt { background-color: var(--color-surface); }
.poker-section__grid { align-items: center; }

.poker-section__highlights { display: flex; flex-wrap: wrap; gap: var(--space-8); margin-top: var(--space-16); }
.poker-section__links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); font-size: var(--font-size-sm); color: var(--color-text-muted); }

.poker-list { list-style: disc; padding-left: 1.2rem; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.poker-list li + li { margin-top: var(--space-8); }

.poker-table { margin-top: var(--space-16); }

.poker-steps { counter-reset: step; list-style: none; padding-left: 0; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.poker-steps li { position: relative; padding-left: 2.2rem; margin-bottom: var(--space-16); }
.poker-steps li::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: 0.1rem; width: 1.6rem; height: 1.6rem; border-radius: 999px; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong)); color: #111827; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-xs); font-weight: 700; }
.poker-steps strong { display: block; margin-bottom: var(--space-4); }

.poker-cta { padding-top: var(--space-48); padding-bottom: var(--space-48); background: radial-gradient(circle at top left, rgba(251, 191, 36, 0.16), transparent 55%), var(--color-surface-alt); border-top: 1px solid rgba(15, 23, 42, 0.9); border-bottom: 1px solid rgba(15, 23, 42, 0.9); }
.poker-cta__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-24); }
.poker-cta__actions { display: flex; flex-wrap: wrap; gap: var(--space-16); }

@media (max-width: 767px) {
  .poker-hero { min-height: 0; }
  .poker-hero__content { padding-top: var(--space-48); padding-bottom: var(--space-48); }
}