/* ============================================================================
   Sema PTA landing — 10 — CTA-block and footer
   ----------------------------------------------------------------------------
   To edit this section, open css/cta-footer.css. All rules are grouped here.
   ============================================================================ */

/* ============ Final CTA ============ */

.cta-block {
    text-align: center;
    padding: 100px 48px 80px;
    background: radial-gradient(ellipse at center, rgba(255,138,76,0.12), transparent 60%);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    position: relative; z-index: 1;
  }

.cta-block h2 { font-size: clamp(36px, 5.5vw, 72px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.05; margin-bottom: 20px; max-width: 900px; margin-inline: auto; }

.cta-block h2 .accent { color: var(--sema-500); }

.cta-block p { color: var(--text-dim); font-size: 18px; margin-bottom: 40px; max-width: 600px; margin-inline: auto; }

.cta-block form { max-width: 500px; margin: 0 auto; }

.form button:disabled {
  opacity: 0.65;
  cursor: wait;
  transform: none;
}

.form-status {
  margin: 16px auto 0;
  max-width: 500px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-dim);
}

.form-status.is-ok { color: var(--sema-500); }

.form-status.is-err { color: #E87B6A; }

/* ============ Footer ============ */

footer.foot {
    position: relative; z-index: 1;
    padding: 60px 48px 40px;
    max-width: 1440px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: center;
    color: var(--text-mute); font-size: 13px;
    border-top: 1px solid var(--border);
  }

footer.foot a { color: var(--text-dim); margin-left: 24px; transition: color .2s; }

footer.foot a:hover { color: var(--sema-500); }