sfaissaoui

<section class="ascendia-wrap">
  <style>
    .ascendia-wrap{--bg1:#f7f3ee;--bg2:#e9f1f9;--primary:#5a8fbf;--accent:#7aa08a;--ink:#1c2731;--muted:#5c6b77;--ring:#bcd3ea;}
    .ascendia{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.6;background:linear-gradient(135deg,var(--bg1),var(--bg2));}
    .ascendia .container{max-width:1100px;margin:0 auto;padding:48px 20px;}
    .badge{display:inline-block;padding:.35rem .6rem;border:1px solid var(--ring);border-radius:999px;font-size:.8rem;background:#fff;color:var(--primary);}
    h1{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.15;margin:.6rem 0 1rem;}
    h2{font-size:clamp(1.4rem,2.4vw,2rem);margin:2.2rem 0 .8rem;}
    p.lead{font-size:1.1rem;color:var(--muted);max-width:70ch}
    .hero{display:grid;grid-template-columns:1.25fr .9fr;gap:28px;align-items:center}