/**
 * 首页 CTA 横幅区块样式
 * 冻结自参考站 en/index.html 的 #cta section
 * 作用域前缀：.ki-home-cta
 */

.ki-home-cta {
  background: #036edc;
  padding: var(--space-12, 80px) 0;
  text-align: center;
}

.ki-home-cta .container {
  max-width: var(--container-max, 1200px);
  margin: 0 auto;
  padding: 0 var(--space-4, 16px);
}

.ki-home-cta .cta-banner-head {
  font-family: var(--font-display, 'Commissioner', sans-serif);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 600;
  color: #fff;
  margin: 0 0 var(--space-4, 16px);
  line-height: 1.2;
}

.ki-home-cta .cta-banner-sub {
  font-size: clamp(15px, 1.2vw, 17px);
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 var(--space-6, 24px);
  line-height: 1.6;
}

.ki-home-cta .cta-actions {
  display: flex;
  justify-content: center;
}

.ki-home-cta .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius, 8px);
  transition: all 0.3s ease;
  cursor: pointer;
}

.ki-home-cta .btn-primary,
.ki-home-cta .btn-primary:hover {
  background: #fff;
  color: #036edc;
  border: 2px solid #fff;
}

.ki-home-cta .btn-xl {
  padding: 16px 32px;
  font-size: 15px;
}

@media (max-width: 640px) {
  .ki-home-cta {
    padding: var(--space-8, 48px) 0;
  }
}