.jatekrol-main .hero-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-5);align-items:center}
.hero-text{max-width:520px}
.hero-image img{border-radius:var(--radius-lg)}
.hero-cta{margin-top:var(--space-3)}

.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.game-card{text-align:center}

.world-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.world-text{max-width:700px;text-align:center}

.build-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.build-text{max-width:600px}
.build-image img{border-radius:var(--radius-lg)}

.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.narrow-center{max-width:680px;margin-inline:auto;text-align:center}

.faq-container{max-width:800px;margin-inline:auto}
.accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.accordion-btn{padding:var(--space-3);background:var(--color-surface-glass);border-radius:var(--radius-sm);text-align:left}
.accordion-panel{display:none;padding:var(--space-3)}

.big-cta{margin-top:var(--space-3)}
.center{text-align:center}

@media (max-width:900px){
.hero-grid{grid-template-columns:1fr}
.build-grid{grid-template-columns:1fr}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-col{grid-template-columns:1fr}
}

@media (max-width:600px){
.card-grid{grid-template-columns:1fr}
}