/* ==========================================================================
   Closing CTA — final push before the footer (matches HARDWARIO Academy/Studio)
   ========================================================================== */

.cta { padding: 96px 0; background: var(--bg); text-align: center; }
.cta__inner { max-width: 720px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }
.cta__title { margin-bottom: 20px; }
.cta__text { max-width: 560px; margin-bottom: 40px; }
.cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.cta-arrow { width: 16px; height: 16px; animation: cta-arrow-nudge 2.5s ease-in-out infinite; }

@keyframes cta-arrow-nudge {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(4px); }
}

@media (prefers-reduced-motion: reduce) {
  .cta-arrow { animation: none; }
}

.cta__phone-note { margin-top: 32px; font-size: 12px; color: var(--text-mute); text-transform: uppercase; }
.cta__phone-note a { color: var(--red); font-weight: 600; transition: opacity .15s ease; text-transform: uppercase; }
.cta__phone-note a:hover { opacity: .8; }

@media (max-width: 720px) {
  .cta { padding: 56px 0; }
  .cta__actions { width: 100%; }
  .cta__actions .btn { flex: 1; }
}