/* ===== HERO ===== */
.hero{
  background:
    radial-gradient(900px 320px at 80% -30%,rgba(255,166,0,.18) 0%,transparent 60%),
    linear-gradient(125deg,var(--brand-green) 0%,#f89c47 100%);
  color:#fff;
}
.hero .wrap{ display:grid; grid-template-columns:1.2fr .8fr; gap:28px; padding:78px 0; }
.hero h1{ font-size:clamp(30px,4.6vw,50px); line-height:1.08; margin-bottom:14px; font-weight:900; }
.hero p{ opacity:.98; font-size:1.1rem; margin-bottom:18px; }
.badges{ display:flex; gap:10px; flex-wrap:wrap; }
.badge{
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28);
  padding:8px 12px; border-radius:999px; font-weight:700;
}

/* Responsive hero layout */
@media(max-width:980px){ .hero .wrap{ grid-template-columns:1fr; } }