.o-nas{position:relative}

.o-hero{padding-top:6rem;text-align:center}
.o-hero-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.o-hero-cta{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}

.o-story-card{max-width:800px;margin-inline:auto;text-align:center}

.o-diff h2{text-align:center}
.o-diff-grid{margin-top:var(--space-4)}
.o-diff-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.o-approach h2{margin-bottom:var(--space-3)}
.o-approach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-3)}
.o-approach img{margin-top:var(--space-3)}

.o-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}
.o-team-text{max-width:600px}

.o-experience{position:relative}
.o-experience-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.o-experience::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,7,18,0.85),rgba(3,7,18,0.95));z-index:1}
.o-experience-content{position:relative;z-index:2;max-width:600px}

.o-audience h2{text-align:center}
.o-audience-grid{margin-top:var(--space-4)}

.o-values h2{text-align:center}

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

@media (max-width:900px){
.o-approach-grid{grid-template-columns:1fr}
.o-team-grid{grid-template-columns:1fr}
}