.cta {
      background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
      color: #fff;
    }

    .cta-box {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 24px;
      padding: 34px;
      text-align: center;
    }

    .cta-box h2 {
      margin: 0 0 14px;
      font-size: clamp(28px, 4vw, 40px);
    }

    .cta-box p {
      margin: 0 auto;
      max-width: 780px;
      color: #d1d5db;
      font-size: 17px;
    }

    .cta-box .hero-actions {
      justify-content: center;
      margin-top: 20px;
    }