.container{max-width:var(--container); margin:0 auto; padding:0 20px}
.section{padding:90px 0}
.section-title{font-size:40px; margin:0 0 18px}
.section-desc{margin:0; color:var(--muted); max-width:640px}

.hero{padding:120px 0 80px}
.hero-grid{display:grid; grid-template-columns: 1.15fr .85fr; gap:22px; align-items:stretch}
.hero-left{display:flex; flex-direction:column}
.hero-title{font-size:56px; margin:0 0 12px; letter-spacing:-.02em}
.hero-subtitle{margin:0; color:var(--muted); max-width:720px}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px}
.hero-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

.section-head{display:flex; justify-content:space-between; gap:16px; align-items:flex-end; margin-bottom:18px}

@media (max-width: 920px){
  .section{padding:74px 0}
  .section-title{font-size:32px}
  .hero{padding:110px 0 70px}
  .hero-grid{grid-template-columns:1fr}
  .hero-title{font-size:40px}
  .section-head{flex-direction:column; align-items:flex-start}
}