@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

/* ── CHRONICLE CTA BANNER ──────────────────────────────────────────────── */
.cta-section {
  background: #ffffff;
  padding: 60px 0;
}
.cta-wrap {
  background: #0a0a0a;
  border: 1px solid #333;
  padding: 48px 40px 40px;
  font-family: 'Share Tech Mono', monospace;
  position: relative;
  overflow: hidden;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.cta-corner { position: absolute; width: 16px; height: 16px; border-color: #fff; border-style: solid; }
.cta-corner.tl { top: 12px; left: 12px; border-width: 2px 0 0 2px; }
.cta-corner.tr { top: 12px; right: 12px; border-width: 2px 2px 0 0; }
.cta-corner.bl { bottom: 12px; left: 12px; border-width: 0 0 2px 2px; }
.cta-corner.br { bottom: 12px; right: 12px; border-width: 0 2px 2px 0; }
.cta-inner { display: flex; align-items: center; gap: 40px; }
.cta-left { flex: 1; min-width: 0; }
.cta-right { flex-shrink: 0; }
.cta-status { font-size: 11px; color: #666; letter-spacing: 2px; margin-bottom: 24px; text-transform: uppercase; }
.cta-status span { color: #fff; }
.cta-headline { font-family: 'Orbitron', sans-serif; font-size: clamp(18px, 3vw, 32px); font-weight: 700; color: #fff; letter-spacing: 2px; line-height: 1.2; margin-bottom: 10px; }
.cta-sub { font-size: 12px; color: #888; letter-spacing: 1px; margin-bottom: 28px; line-height: 1.6; }
.ticker-wrap { overflow: hidden; border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 10px 0; margin-bottom: 28px; position: relative; }
.ticker-wrap::before,
.ticker-wrap::after { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 2; }
.ticker-wrap::before { left: 0; background: linear-gradient(to right, #0a0a0a, transparent); }
.ticker-wrap::after  { right: 0; background: linear-gradient(to left, #0a0a0a, transparent); }
.ticker-track { display: flex; white-space: nowrap; will-change: transform; }
.ticker-item { font-size: 11px; color: #555; letter-spacing: 1px; text-transform: uppercase; padding: 0 16px; flex-shrink: 0; }
.ticker-item.active { color: #ccc; }
.ticker-sep { color: #333; flex-shrink: 0; }
.cta-btn { font-family: 'Share Tech Mono', monospace; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #0a0a0a; background: #fff; border: none; padding: 12px 28px; cursor: pointer; transition: opacity 0.2s; }
.cta-btn:hover { opacity: 0.85; }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .cta-right { display: none; }
  .cta-wrap { padding: 32px 24px 28px; }
}