/* ── HERO ── */
    .hero {
      min-height: 72vh;
      display: flex; align-items: center;
      /*background: linear-gradient(135deg, #0b1220 0%, #0e1a2f 60%, #071326 100%);*/
      padding: 150px 5% 80px;
      position: relative; overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute; top: -120px; right: -100px;
      width: 600px; height: 600px;
      background: radial-gradient(circle, rgba(58,172,226,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero::after {
      content: '';
      position: absolute; bottom: -80px; left: 10%;
      width: 400px; height: 400px;
      background: radial-gradient(circle, rgba(245,197,24,0.05) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-inner {
      max-width: 1100px; margin: 0 auto; width: 100%;
      display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center;
    }
    .hero-eyebrow {
      font-size: 0.75rem; font-weight: 600; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--blue);
      display: flex; align-items: center; gap: 0.6rem; margin-bottom: 1.2rem;
    }
    .hero-eyebrow span { display: inline-block; width: 28px; height: 2px; background: var(--blue); }
    /*.hero h1 {*/
    /*  font-size: clamp(2.2rem, 4vw, 3.4rem);*/
    /*  font-weight: 800; line-height: 1.15;*/
    /*  letter-spacing: -0.02em; margin-bottom: 1.4rem;*/
    /*}*/
    /*.hero h1 em { font-style: italic; color: var(--gold); }*/
    .hero p {
      font-size: 1.05rem; max-width: 480px;
      margin-bottom: 2.2rem; line-height: 1.75;
    }
    .hero-stats {
      display: flex; gap: 2.5rem; flex-wrap: wrap;
    }
    .stat-pill { text-align: left;}
    .stat-pill .num {
      font-size: 2rem; font-weight: 800; color: var(--white);
      letter-spacing: -0.03em; line-height: 1;
    }
    .stat-pill .num span { color: var(--gold); }
    .stat-pill .label { font-size: 0.72rem; color: var(--muted); letter-spacing: 0.05em; margin-top: 0.25rem; }
    .hero-visual {
      position: relative; display: flex; justify-content: center; align-items: center;
    }
    .hero-img-wrap {
      position: relative; border-radius: 8px; overflow: hidden;
      border: 1px solid var(--border);
    }
    .hero-img-wrap img {
      width: 100%; max-width: 440px; display: block;
      filter: brightness(0.9) saturate(1.1);
    }
    .hero-badge {
      position: absolute; bottom: -20px; left: -20px;
      background: var(--gold); color: var(--navy);
      padding: 0.9rem 1.3rem; border-radius: 6px;
      font-weight: 800; font-size: 0.85rem; line-height: 1.3;
      box-shadow: 0 12px 32px rgba(245,197,24,0.3);
    }