.onas-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center}
.onas-hero-text{max-width:600px}
.gradient-text{background:var(--color-gradient-primary);-webkit-background-clip:text;color:transparent}
.onas-hero-image img{width:100%;height:auto}

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

.onas-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.onas-exp-text{max-width:600px}
.onas-list{padding-left:1.2rem}

.onas-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}

.onas-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.step{background:var(--color-surface-card);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}

.onas-values-box{max-width:600px;margin-inline:auto;text-align:left}

.onas-cta{background:var(--color-gradient-secondary);color:var(--color-text-on-gradient)}
.onas-cta-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

@media (max-width:1000px){
.onas-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.onas-hero-grid{grid-template-columns:1fr}
.onas-exp-grid,.onas-team-grid{grid-template-columns:1fr}
.onas-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:700px){
.onas-cards-3,.onas-cards-4{grid-template-columns:1fr}
.onas-steps{grid-template-columns:1fr}
.onas-hero-text{text-align:center;margin-inline:auto}
}