.o-nas{display:block}

.o-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.o-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.65)}
.o-hero-content{position:relative;max-width:520px;display:flex;flex-direction:column;gap:1rem}

.o-history-inner{display:flex;flex-direction:column;align-items:center}
.o-history-text{max-width:700px;text-align:center}

.o-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.o-card{display:flex;flex-direction:column;gap:1rem;transition:.2s}
.o-card:hover{box-shadow:0 0 20px rgba(255,215,0,0.15)}

.o-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.o-style-text{max-width:520px}
.o-style-image img{width:100%}

.o-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}

.o-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.o-step{display:flex;flex-direction:column;gap:1rem}

.o-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}

.o-cta-box{max-width:500px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1rem}

@media(max-width:900px){
.o-how-grid,.o-audience-grid,.o-process-grid,.o-why-grid{grid-template-columns:1fr}
.o-style-grid{grid-template-columns:1fr}
.o-style-text{max-width:100%}
}