﻿/* Mobile-first CTA accent вЂ” shared across landings */
.cta-pulse {
  position: relative;
  animation: cta-glow 2.4s ease-out infinite;
}
@keyframes cta-glow {
  0%, 100% { box-shadow: 0 8px 28px color-mix(in srgb, currentColor 25%, transparent); }
  50% { box-shadow: 0 12px 40px color-mix(in srgb, currentColor 45%, transparent); }
}

.actions, .cta-row {
  width: 100%;
}
.actions .button,
.actions .btn-primary,
.actions .btn-main,
.cta-row .btn-primary,
.cta-row .button,
.cta-row .btn-main {
  width: 100%;
  justify-content: center;
  min-height: 56px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
}

.sticky-cta {
  position: fixed;
  z-index: 8;
  left: max(12px, env(safe-area-inset-left));
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #f0c86a, #e8a84a 50%, #c4842a);
  color: #1a1208;
  font: 800 1rem/1 system-ui, sans-serif;
  letter-spacing: -.01em;
  cursor: pointer;
  box-shadow: 0 10px 36px #e8a84a55, 0 4px 0 #8a5a18;
  animation: sticky-pulse 2.2s ease-in-out infinite;
}
@keyframes sticky-pulse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

body { padding-bottom: 84px; }
.operator { bottom: 78px !important; }
.chat { bottom: 128px !important; }

.hero-facts {
  gap: 8px !important;
}
.hero-facts div {
  min-width: 0 !important;
  flex: 1;
  padding: 10px 12px !important;
}
.hero-facts span {
  font-size: 10px !important;
}

.lead, .tagline, .headline, .section-lead {
  max-width: 32ch !important;
}

@media (min-width: 800px) {
  .sticky-cta { display: none; }
  body { padding-bottom: 0; }
  .operator { bottom: 16px !important; }
  .chat { bottom: 65px !important; }
  .actions .button,
  .actions .btn-primary,
  .actions .btn-main,
  .cta-row .btn-primary,
  .cta-row .button,
  .cta-row .btn-main {
    width: auto;
    min-width: 220px;
  }
}

