/* cta.css — η λωρίδα «έχεις project;» πριν το footer.
   Το ζητά το block «CTA — έχεις project».

   Είναι το σημείο με τη μεγαλύτερη μετατροπή σε site υπηρεσιών: ο επισκέπτης
   έχει διαβάσει τι κάνουμε και εδώ του δίνεται η μία ενέργεια που θέλουμε.
   Γι' αυτό έχει ΕΝΑ κουμπί — όχι δύο, όχι φόρμα. */

.nq-cta { padding: 8px 0 64px; }
.nq-cta-in { width: 100%; max-width: var(--nq-max, 1320px); margin-inline: auto; padding-inline: 16px; }

.nq-cta-box { display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
  padding: 38px 44px; border-radius: 22px; background: #0b0f1a; color: #e8ebf3;
  position: relative; overflow: hidden; }
/* Ίδιος φωτισμός με το hero, ώστε τα δύο σκούρα του site να μοιάζουν συγγενικά. */
.nq-cta-box::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(42% 120% at 8% 50%, rgba(120, 92, 255, .34), transparent 62%),
              radial-gradient(38% 110% at 96% 50%, rgba(56, 110, 255, .28), transparent 66%); }

.nq-cta-ico { position: relative; flex: 0 0 auto; width: 58px; height: 58px; border-radius: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); }
.nq-cta-ico svg { width: 26px; height: 26px; stroke: #fff; fill: none; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; }

.nq-cta-txt { position: relative; flex: 1 1 320px; }
.nq-cta-txt h2 { margin: 0 0 7px; font-size: clamp(21px, 2.4vw, 29px); line-height: 1.2;
  letter-spacing: -.025em; font-weight: 700; color: #fff; }
.nq-cta-txt p { margin: 0; font-size: 15.5px; line-height: 1.55; color: rgba(232, 235, 243, .74); }

.nq-cta-box .nq-btn { position: relative; flex: 0 0 auto; }

@media (max-width: 767.98px) {
  .nq-cta { padding-bottom: 44px; }
  .nq-cta-box { padding: 30px 24px; gap: 20px; border-radius: 18px; }
  .nq-cta-box .nq-btn { width: 100%; }
}