/* ===== Stable CTA button colors ===== */
.header-cta,
.header-login,
.button.primary,
.button.secondary,
.button.tertiary,
.pricing-grid .button,
.compare-actions .button,
.lead-form .button {
  color: #ffffff;
  /*background: linear-gradient(180deg, #a01515 0%, #8B0000 100%);*/
  background: linear-gradient(45deg, #a01515 0%, #cc5656 45%, #a01515 100%);
  border: 1px solid #8B0000;
  box-shadow: 0 8px 24px rgba(139, 0, 0, 0.25);
}

.header-cta:hover,
.header-login:hover,
.button.primary:hover,
.button.secondary:hover,
.button.tertiary:hover,
.pricing-grid .button:hover,
.compare-actions .button:hover,
.lead-form .button:hover {
  color: #ffffff;
  /*background: linear-gradient(180deg, #6e0000 0%, #550000 100%);*/
  background: linear-gradient(45deg, #cc5656 0%, #a01515 45%, #cc5656 100%);
  border-color: #C9A96E;
  /*box-shadow: 0 12px 30px rgba(139, 0, 0, 0.35), inset 0 0 0 1px #C9A96E;*/
}

.button.primary:focus-visible,
.button.secondary:focus-visible,
.button.tertiary:focus-visible,
.header-cta:focus-visible,
.header-login:focus-visible,
.lead-form .button:focus-visible {
  outline: 3px solid rgba(201, 169, 110, 0.5);
  outline-offset: 3px;
}

/* ===== Header CTA on dark scrolled header ===== */
.site-header.scrolled .header-cta,
.site-header.scrolled .header-login {
  color: #24123f;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.58) 0%, transparent 30%),
    linear-gradient(135deg, #f2deaa 0%, #C9A96E 54%, #a8823d 100%);
  border-color: rgba(255, 242, 205, 0.92);
  box-shadow: 0 10px 26px rgba(201, 169, 110, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.site-header.scrolled .header-cta:hover,
.site-header.scrolled .header-login:hover {
  color: #1a0f30;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.66) 0%, transparent 30%),
    linear-gradient(135deg, #fff0c2 0%, #d8b96f 54%, #b88f45 100%);
  border-color: #ffffff;
  box-shadow: 0 14px 32px rgba(201, 169, 110, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.56);
}

/* ===== Gold tech hero button scheme ===== */
.home-hero .hero-actions .button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-width: 1px;
  transition: transform 0.18s cubic-bezier(0.32, 0.72, 0, 1), background 0.22s, border-color 0.22s, box-shadow 0.22s;
}

.home-hero .hero-actions .button::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.34) 42%, transparent 58%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 9px);
  opacity: 0.22;
  pointer-events: none;
}

.home-hero .hero-actions .button:nth-child(1) {
  color: #24123f;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.58) 0%, transparent 28%),
    linear-gradient(135deg, #f0dcaa 0%, #C9A96E 52%, #a8823d 100%);
  border-color: rgba(255, 242, 205, 0.92);
  box-shadow: 0 14px 34px rgba(201, 169, 110, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.home-hero .hero-actions .button:nth-child(2) {
  color: #fff6df;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(45, 27, 78, 0.72) 36%, rgba(25, 12, 45, 0.86) 100%),
    repeating-linear-gradient(90deg, rgba(201, 169, 110, 0.18) 0 1px, transparent 1px 12px);
  border-color: rgba(201, 169, 110, 0.72);
  box-shadow: 0 10px 26px rgba(12, 6, 24, 0.3), inset 0 0 0 1px rgba(201, 169, 110, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.home-hero .hero-actions .button:nth-child(3) {
  color: #2D1B4E;
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.46) 0%, transparent 30%),
    linear-gradient(135deg, #f4e6bd 0%, #ead6a3 56%, #c8a96c 100%);
  border-color: rgba(255, 248, 224, 0.9);
  box-shadow: 0 12px 30px rgba(201, 169, 110, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.home-hero .hero-actions .button:hover {
  transform: translateY(-1px);
}

.home-hero .hero-actions .button:nth-child(1):hover {
  color: #1a0f30;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.66) 0%, transparent 28%),
    linear-gradient(135deg, #fff0c2 0%, #d8b96f 52%, #b88f45 100%);
  border-color: #ffffff;
  box-shadow: 0 16px 38px rgba(201, 169, 110, 0.44), inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

.home-hero .hero-actions .button:nth-child(2):hover {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(65, 38, 112, 0.82) 38%, rgba(30, 14, 56, 0.92) 100%),
    repeating-linear-gradient(90deg, rgba(201, 169, 110, 0.22) 0 1px, transparent 1px 12px);
  border-color: #C9A96E;
  box-shadow: 0 14px 34px rgba(12, 6, 24, 0.34), inset 0 0 0 1px rgba(201, 169, 110, 0.44);
}

.home-hero .hero-actions .button:nth-child(3):hover {
  color: #1a0f30;
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.54) 0%, transparent 30%),
    linear-gradient(135deg, #fff0c8 0%, #f3dfaa 56%, #d0b271 100%);
  border-color: #ffffff;
  box-shadow: 0 15px 36px rgba(201, 169, 110, 0.36), inset 0 0 0 1px rgba(255, 255, 255, 0.54);
}