.programok-page .hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center}
.hero-text{max-width:520px}
.hero-sub{color:var(--color-text-secondary)}
.hero-media img{border-radius:var(--radius-lg)}

.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.cards-3 > *{min-width:0}

.split{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.split.reverse{grid-template-columns:40% 60%}
.split .media{width:100%}
.split .text{max-width:520px}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.steps > *{min-width:0}

.faq{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item button{width:100%;text-align:left;padding:var(--space-3);border:1px solid var(--color-border-mineral);border-radius:var(--radius-md);background:var(--color-surface-default)}
.faq-content{display:none;padding:var(--space-3)}
.faq-item.active .faq-content{display:block}

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

@media(max-width:1000px){
.hero-grid{grid-template-columns:1fr}
.split,.split.reverse{grid-template-columns:1fr}
.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

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