.home-page section{position:relative}

.home-hero-inner{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-4)}
.home-hero-text{display:flex;flex-direction:column;gap:var(--space-2);max-width:520px}
.home-hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
.home-hero-note{font-size:var(--fs-6);max-width:520px}
.home-hero-image img{width:100%;border-radius:var(--radius-lg)}

@media(max-width:900px){
.home-hero-inner{grid-template-columns:1fr}
.home-hero-text{order:2;margin-inline:auto;text-align:center}
.home-hero-note{margin-inline:auto}
}

.home-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
@media(max-width:800px){.home-about-grid{grid-template-columns:1fr}}

.home-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
@media(max-width:900px){.home-games-grid{grid-template-columns:1fr}}

.home-safety-inner{max-width:700px;margin-inline:auto;text-align:center}

.home-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
@media(max-width:900px){.home-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-audience-grid{grid-template-columns:1fr}}

.home-croupiers-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.home-croupiers-text{max-width:520px}
.home-croupiers-image img{width:100%;border-radius:var(--radius-sm)}
@media(max-width:900px){.home-croupiers-inner{grid-template-columns:1fr}.home-croupiers-text{order:2}}

.home-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
@media(max-width:900px){.home-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-process-grid{grid-template-columns:1fr}}

.home-atmosphere-inner{max-width:700px;margin-inline:auto;text-align:center}

.home-cta-box{background:linear-gradient(135deg,var(--color-gold),var(--color-emerald));color:#111;padding:var(--space-4);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}

.card{border:1px solid var(--color-divider)}
.card:hover{border-color:var(--color-gold)}