.o-grze .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.o-grze .hero-text{max-width:520px}
.o-grze .hero-image img{width:100%;height:auto}

.o-grze .about-inner{max-width:800px;margin-inline:auto;text-align:center}

.o-grze .mechanics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.o-grze .mech-card{transition:transform var(--transition-fast)}
.o-grze .mech-card:hover{transform:translateY(-4px)}

.o-grze .features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}

.o-grze .progress-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:center}
.o-grze .progress-text{max-width:640px}

.o-grze .modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}

.o-grze .why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:900px;margin:0 auto}

.o-grze .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}

.o-grze .cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.o-grze .hero-grid{grid-template-columns:1fr}
.o-grze .mechanics-grid{grid-template-columns:1fr}
.o-grze .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.o-grze .progress-grid{grid-template-columns:1fr}
.o-grze .modes-grid{grid-template-columns:1fr}
.o-grze .why-grid{grid-template-columns:1fr}
.o-grze .steps-grid{grid-template-columns:1fr}
}
