.jak-grac .jg-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}
.jg-hero-text{max-width:55ch}
.jg-hero-text .button{margin-top:var(--space-3)}
.jg-hero-image img{width:100%;height:auto}

.jg-center{text-align:center}

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

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

.jg-cards-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:start}
.jg-cards-text{display:flex;flex-direction:column;gap:var(--space-3)}
.jg-cards-text .card{max-width:65ch}

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

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

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

.jg-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.jg-progress-grid > div{max-width:65ch}

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

@media(max-width:1000px){
.jg-columns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
.jg-hero-grid{grid-template-columns:1fr}
.jg-cards-grid{grid-template-columns:1fr}
.jg-steps-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
.jg-columns-grid,.jg-strategy-grid,.jg-tips-grid,.jg-flow-grid{grid-template-columns:1fr}
.jg-progress-grid{grid-template-columns:1fr}
}