/* Footer — all rules consolidated below */

/* Card shadows & hover */
.ca-mini-card, .ca-proof-card, .ca-new-review-card,
.ca-stat-card, .form-card, .ca-fee-card,
.ca-calc-form, .ca-calc-result, .ca-referral-card, .card {
  transition: transform .2s ease, box-shadow .2s ease !important;
  will-change: transform;
  box-shadow: 0 6px 24px rgba(0,0,0,.45),
              inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.ca-mini-card:hover, .ca-proof-card:hover,
.ca-new-review-card:hover, .ca-stat-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.6),
              0 0 30px rgba(213,0,28,.08),
              inset 0 1px 0 rgba(255,255,255,.09) !important;
  border-color: rgba(213,0,28,.25) !important;
}
.card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.65),
              0 0 0 1px rgba(213,0,28,.22) !important;
}

/* Button 3D press */
.btn-primary, .ca-main-lead-btn, .fbtn, .ca-calc-btn {
  transition: transform .14s ease, box-shadow .14s ease !important;
  box-shadow: 0 4px 18px rgba(213,0,28,.3),
              inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.btn-primary:hover, .ca-main-lead-btn:hover, .fbtn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 32px rgba(213,0,28,.4) !important;
}
.btn-primary:active, .ca-main-lead-btn:active, .fbtn:active {
  transform: translateY(1px) !important;
}

/* Stat card top line */
.ca-stat-card { overflow: hidden !important; }
.ca-stat-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg,
    transparent, rgba(232,130,12,.6), rgba(255,45,85,.5), transparent);
  pointer-events: none;
}

/* Sparks behind content */
#ca-sparks { z-index: -1 !important; }

/* Stats section */
.ca-stats-section {
  position: relative !important;
  z-index: 2 !important;
  background: rgba(5,5,10,.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  padding: 2.5rem 0 !important;
}
.ca-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 1.5rem !important;
}
.ca-stat-card {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 0 !important;
  padding: 1.5rem 2rem !important;
  text-align: center !important;
  box-shadow: none !important;
}
.ca-stat-card:last-child {
  border-right: none !important;
}
.ca-stat-card::before {
  display: none !important;
}
.ca-stat-card strong {
  display: block !important;
  font-size: clamp(36px, 4vw, 54px) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #ff9500, #ff2d55) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  line-height: 1 !important;
  margin-bottom: .4rem !important;
  filter: drop-shadow(0 0 20px rgba(232,130,12,.3)) !important;
}
.ca-stat-card span {
  display: block !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.5) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
@media (max-width: 768px) {
  .ca-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ca-stat-card:nth-child(2) {
    border-right: none !important;
  }
  .ca-stat-card:nth-child(1),
  .ca-stat-card:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
  }
}

/* Scroll reveal */
.ca-rv {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
}
.ca-rv.on { opacity: 1; transform: translateY(0); }

/* Footer */
.ca-footer {
  background: transparent !important;
  position: relative !important;
  z-index: 50 !important;
}
.ca-footer::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(4,4,10,.96) 18%,
    rgba(4,4,10,1) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.ca-footer-shell {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
.ca-footer-cta {
  background: rgba(8,8,16,.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 24px !important;
  position: relative !important;
  z-index: 1 !important;
}
.ca-footer-grid {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
.ca-footer-bottom {
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 1.5rem 0 2.5rem !important;
}
.ca-footer-bottom span {
  color: rgba(255,255,255,.5) !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* Hero kicker badge — compound selectors beat bg.css specificity */
.hero-stage .hero-kicker,
.ca-hero-v3 .hero-kicker,
.hero .hero-kicker,
.hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
  background: linear-gradient(135deg,
    rgba(213,0,28,.2) 0%,
    rgba(100,0,14,.14) 100%) !important;
  border: 1px solid rgba(213,0,28,.45) !important;
  border-radius: 999px !important;
  padding: 10px 26px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 3.5px !important;
  color: rgba(255,80,100,.95) !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow:
    0 0 0 1px rgba(213,0,28,.15),
    0 0 28px rgba(213,0,28,.22),
    0 0 55px rgba(213,0,28,.08),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  margin-bottom: 1.5rem !important;
  position: relative !important;
  overflow: hidden !important;
  width: fit-content !important;
  cursor: default !important;
}

.hero-stage .hero-kicker::after,
.ca-hero-v3 .hero-kicker::after,
.hero .hero-kicker::after,
.hero-kicker::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: -100% !important;
  width: 50% !important; height: 100% !important;
  background: linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.12),
    transparent
  ) !important;
  animation: kickerShine 3.5s ease-in-out infinite !important;
  pointer-events: none !important;
}

@keyframes kickerShine {
  0%   { left: -100%; }
  45%  { left: 150%; }
  100% { left: 150%; }
}

/* ── Calculator compact ── */
.ca-calculator-section {
  padding: 48px 0 !important;
}
.ca-calc-head {
  margin-bottom: 20px !important;
}
.ca-calc-head .sec-title {
  font-size: clamp(24px, 3vw, 36px) !important;
  margin-bottom: 6px !important;
}
.ca-calc-head .sec-sub {
  font-size: 12px !important;
  margin-bottom: 0 !important;
}
.ca-calc-grid {
  gap: 16px !important;
  align-items: start !important;
}
.ca-calc-form {
  padding: 18px !important;
  gap: 10px !important;
}
.ca-calc-form label span,
.ca-radio-row > span {
  font-size: 9px !important;
  margin-bottom: 2px !important;
}
.ca-calc-form input[type="number"],
.ca-calc-form select {
  padding: 10px 12px !important;
  min-height: 40px !important;
  font-size: 13px !important;
}
.ca-bid-control input {
  padding: 10px 12px !important;
  font-size: 13px !important;
}
.ca-radio-label {
  font-size: 12px !important;
}
.ca-check {
  font-size: 12px !important;
}
.ca-calc-result {
  padding: 18px !important;
}
.ca-calc-result h3 {
  font-size: 18px !important;
  margin-bottom: 12px !important;
}
.ca-calc-table div {
  padding: 8px 0 !important;
}
.ca-calc-table span {
  font-size: 12px !important;
}
.ca-calc-table b {
  font-size: 13px !important;
}
.ca-calc-total {
  padding: 14px 16px !important;
  margin-top: 14px !important;
  border-radius: 16px !important;
}
.ca-calc-total strong {
  font-size: 32px !important;
}
.ca-calc-total span {
  font-size: 9px !important;
}
.ca-payment-split-outside {
  gap: 6px !important;
}
.ca-payment-split-outside > div {
  padding: 10px 14px !important;
  border-radius: 12px !important;
}
.ca-calc-btn {
  padding: 13px 16px !important;
  font-size: 11px !important;
  margin-top: 12px !important;
}

/* ── Mobile calculator ── */
@media (max-width: 768px) {
  .ca-calculator-section {
    padding: 32px 0 !important;
  }
  .ca-calc-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .ca-calc-form {
    grid-template-columns: 1fr 1fr !important;
    padding: 14px !important;
    gap: 8px !important;
  }
  .ca-bid-label {
    grid-column: 1 / -1 !important;
  }
  .ca-radio-row {
    grid-column: 1 / -1 !important;
  }
  .ca-check {
    grid-column: 1 / -1 !important;
  }
  .ca-calc-result {
    padding: 14px !important;
  }
  .ca-calc-total strong {
    font-size: 28px !important;
  }
  .ca-select-hint {
    font-size: 9px !important;
  }
}

/* ── Mobile general ── */
@media (max-width: 768px) {
  nav { position: sticky !important; top: 0 !important; z-index: 9999 !important; }
  .hero { padding: 2rem 1rem !important; }
  .hero-left h1 { font-size: 36px !important; }
  .form-card { padding: 1.2rem !important; }
  .ca-mini-card, .ca-proof-card, .ca-new-review-card {
    transform: none !important;
    will-change: auto !important;
  }
  .ca-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ca-faq-item { transform: none !important; }
}

/* ══ GLOBAL TYPOGRAPHY ══ */
body {
  letter-spacing: .01em !important;
}

/* Section labels — remove or make very subtle */
.sec-label {
  font-size: 9px !important;
  letter-spacing: 4px !important;
  color: rgba(213,0,28,.7) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin-bottom: .6rem !important;
}

/* Section titles — tighter, cleaner */
.sec-title {
  font-size: clamp(28px, 3.5vw, 48px) !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  line-height: 1.05 !important;
  margin-bottom: .6rem !important;
}

/* Section subtitles */
.sec-sub {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.5) !important;
  max-width: 520px !important;
  font-weight: 400 !important;
}

/* ══ NAV ══ */
.nav-links a {
  font-size: 10px !important;
  letter-spacing: 2.5px !important;
  color: rgba(255,255,255,.45) !important;
  font-weight: 600 !important;
}
.nav-links a:hover {
  color: rgba(255,255,255,.9) !important;
}

/* ══ HERO ══ */
.hero-left h1 {
  font-size: clamp(36px, 5vw, 64px) !important;
  letter-spacing: -2.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
.hero-desc {
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,.52) !important;
  font-weight: 400 !important;
}
.trust-item {
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  color: rgba(255,255,255,.45) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* ══ FORM CARD ══ */
.ca-form-topline {
  font-size: 8px !important;
  letter-spacing: 3px !important;
  color: rgba(255,255,255,.35) !important;
  text-transform: uppercase !important;
  margin-bottom: .4rem !important;
}
.form-card h3 {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;
  margin-bottom: 1.2rem !important;
}
.form-note {
  font-size: 10px !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.3) !important;
}

/* ══ FEE SECTION ══ */
.ca-fee-price span {
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.35) !important;
}
.ca-fee-list span {
  font-size: 12px !important;
  color: rgba(255,255,255,.65) !important;
  line-height: 1.6 !important;
}
.ca-fee-note {
  font-size: 11px !important;
  color: rgba(255,255,255,.3) !important;
  line-height: 1.7 !important;
}

/* ══ HOW IT WORKS ══ */
#how h4 {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: -.2px !important;
}
#how p {
  font-size: 11px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.42) !important;
}

/* ══ MINI CARDS (proof section) ══ */
.ca-mini-card h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -.3px !important;
  margin-bottom: .5rem !important;
}
.ca-mini-card p {
  font-size: 12px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.48) !important;
}

/* ══ TRUST PROOF CARDS ══ */
.ca-proof-card h3 {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.3px !important;
}
.ca-proof-card p {
  font-size: 12px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.48) !important;
}
.ca-proof-card span {
  font-size: 10px !important;
  color: rgba(255,255,255,.25) !important;
  letter-spacing: .5px !important;
}

/* ══ MANAGER CARD ══ */
.ca-manager-eyebrow {
  font-size: 8px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: rgba(213,0,28,.7) !important;
}
.ca-manager-name {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;
}
.ca-manager-exp {
  font-size: 10px !important;
  color: rgba(255,255,255,.35) !important;
  letter-spacing: 1px !important;
}
.ca-manager-content-final p {
  font-size: 12px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.48) !important;
}
.ca-manager-pills span {
  font-size: 9px !important;
  letter-spacing: 1px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.5) !important;
}

/* ══ REVIEWS ══ */
.ca-new-review-card strong {
  font-size: 13px !important;
  font-weight: 700 !important;
}
.ca-new-review-card small {
  font-size: 10px !important;
  color: rgba(255,255,255,.35) !important;
}
.ca-new-review-card p {
  font-size: 12px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.55) !important;
}
.ca-new-review-card time {
  font-size: 10px !important;
  color: rgba(213,0,28,.6) !important;
  letter-spacing: 1px !important;
}
.ca-stars {
  font-size: 12px !important;
  letter-spacing: 2px !important;
  color: rgba(232,130,12,.8) !important;
}

/* ══ FAQ ══ */
.ca-faq-item button {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -.1px !important;
  padding: 16px 20px !important;
}
.ca-faq-item p {
  font-size: 12px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.48) !important;
}

/* ══ REFERRAL ══ */
.ca-referral-steps div span {
  font-size: 12px !important;
  color: rgba(255,255,255,.55) !important;
  line-height: 1.6 !important;
}
.ca-referral-steps div b {
  font-size: 11px !important;
  color: rgba(213,0,28,.7) !important;
  letter-spacing: 1px !important;
}
.ca-referral-lead {
  font-size: 13px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,.5) !important;
}

/* ══ FOOTER ══ */
.ca-footer-eyebrow {
  font-size: 8px !important;
  letter-spacing: 4px !important;
  color: rgba(255,255,255,.3) !important;
  text-transform: uppercase !important;
}
.ca-footer-cta h2 {
  font-size: clamp(20px, 2.5vw, 32px) !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  line-height: 1.1 !important;
}
.ca-footer-cta p {
  font-size: 12px !important;
  color: rgba(255,255,255,.45) !important;
  line-height: 1.7 !important;
}
.ca-footer-col h3 {
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.3) !important;
  margin-bottom: 1rem !important;
  font-weight: 700 !important;
}
.ca-footer-col a {
  font-size: 13px !important;
  color: rgba(255,255,255,.55) !important;
  line-height: 2 !important;
}
.ca-footer-col a:hover {
  color: rgba(255,255,255,.9) !important;
}
.ca-footer-brand p {
  font-size: 12px !important;
  color: rgba(255,255,255,.38) !important;
  line-height: 1.7 !important;
}
.ca-footer-badges span {
  font-size: 9px !important;
  letter-spacing: 1px !important;
  color: rgba(255,255,255,.35) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
}

/* ══ MOBILE ══ */
@media (max-width: 768px) {
  .sec-title {
    font-size: clamp(24px, 7vw, 36px) !important;
    letter-spacing: -1px !important;
  }
  .hero-left h1 {
    font-size: clamp(32px, 9vw, 48px) !important;
    letter-spacing: -1.5px !important;
  }
  .ca-faq-item button {
    font-size: 12px !important;
    padding: 14px 16px !important;
  }
  .ca-footer-cta h2 {
    font-size: clamp(18px, 5vw, 26px) !important;
  }
}

/* ══ GLOBAL SECTION CONSISTENCY ══ */

/* All sections same max-width and padding */
#how,
#payment,
.ca-service-fee,
.ca-proof-section,
.ca-trust-section,
.ca-referral-section,
.ca-new-reviews,
.ca-faq-section,
.ca-calculator-section,
.ca-footer {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* All inner shells same max-width */
.ca-section-shell,
#how > div,
#payment > div {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* How it works */
#how {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Payment */
#payment {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Service fee */
.ca-service-fee {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Proof section */
.ca-proof-section {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Trust section */
.ca-trust-section {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Reviews */
.ca-new-reviews {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Referral */
.ca-referral-section {
  background: transparent !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* FAQ */
.ca-faq-section {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Calculator */
.ca-calculator-section {
  background: rgba(8,8,16,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* ══ ALTERNATING SECTION DEPTH ══ */
#how,
.ca-proof-section,
.ca-new-reviews,
.ca-calculator-section {
  background: rgba(6,6,12,.68) !important;
}
#payment,
.ca-service-fee,
.ca-trust-section,
.ca-faq-section {
  background: rgba(10,10,20,.76) !important;
}

/* ══ PAYMENT CARDS UNIFORM ══ */
#payment [style*="background:var(--panel)"] {
  background: rgba(14,14,26,.8) !important;
  border-left: none !important;
  border-right: none !important;
}

/* ══ HOW IT WORKS — bottom bar uniform ══ */
#how [style*="background:var(--surface)"] {
  background: rgba(14,14,26,.85) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 14px !important;
}

/* ══ SECTION SPACING UNIFORM ══ */
#how,
#payment,
.ca-service-fee,
.ca-proof-section,
.ca-trust-section,
.ca-new-reviews,
.ca-faq-section,
.ca-calculator-section {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* ══ FOOTER UNIFORM ══ */
.ca-footer {
  background: transparent !important;
}
.ca-footer-cta {
  max-width: 1200px !important;
  margin: 0 auto 3rem !important;
  background: rgba(10,10,20,.8) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  padding: 2.5rem 3rem !important;
}
.ca-footer-grid {
  max-width: 1200px !important;
  margin: 0 auto !important;
  background: rgba(8,8,16,.82) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 20px !important;
  padding: 2.5rem 3rem !important;
}
.ca-footer-bottom {
  max-width: 1200px !important;
  margin: 1.5rem auto 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  padding: 1.2rem 0 2rem !important;
}

/* ══ MOBILE ══ */
@media (max-width: 768px) {
  #how,
  #payment,
  .ca-service-fee,
  .ca-proof-section,
  .ca-trust-section,
  .ca-new-reviews,
  .ca-faq-section,
  .ca-calculator-section {
    padding: 2.5rem 1rem !important;
  }
  .ca-footer-cta {
    padding: 1.5rem !important;
    border-radius: 16px !important;
  }
  .ca-footer-grid {
    padding: 1.5rem !important;
    border-radius: 16px !important;
  }
}

/* ══ REMOVE old section backgrounds ══ */
#how,
#payment,
.ca-service-fee,
.ca-proof-section,
.ca-trust-section,
.ca-new-reviews,
.ca-faq-section,
.ca-calculator-section,
.ca-stats-section {
  background: transparent !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 1.5rem !important;
}

/* ══ INNER SHELL = glass card like referral ══ */
.ca-section-shell,
#how > div,
#payment > div,
.ca-stats-section > div {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
  background: rgba(10,10,18,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 28px !important;
  padding: 2.5rem 3rem !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  position: relative !important;
  overflow: hidden !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* Red glow pseudo — disabled to prevent uneven lighting */
.ca-section-shell::before,
#how > div::before,
#payment > div::before {
  display: none !important;
}

/* ══ STATS SECTION ══ */
.ca-stats-section {
  padding: 1.5rem !important;
}
.ca-stats-grid {
  max-width: 1200px !important;
  margin: 0 auto !important;
  background: rgba(10,10,18,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 28px !important;
  padding: 2rem 3rem !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
}
@media (max-width: 768px) {
  .ca-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 1.5rem !important;
  }
}

/* ══ CATALOG — wrap in card too ══ */
.catalog-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  background: rgba(10,10,18,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42) !important;
  overflow: hidden !important;
}

/* ══ FOOTER ══ */
.ca-footer {
  background: transparent !important;
  padding: 1.5rem 1.5rem 3rem !important;
}
.ca-footer-shell {
  background: transparent !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.ca-footer-cta {
  background: rgba(10,10,18,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 28px !important;
  padding: 2.5rem 3rem !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42) !important;
  margin-bottom: 1.5rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.ca-footer-grid {
  background: rgba(10,10,18,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 28px !important;
  padding: 2.5rem 3rem !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42) !important;
  margin-bottom: 1.5rem !important;
}
.ca-footer-bottom {
  background: transparent !important;
  border: none !important;
  padding: 1rem 0 1.5rem !important;
  text-align: center !important;
}
.ca-footer-bottom span {
  color: rgba(255,255,255,.35) !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
}

/* Ensure page background shows through */
body {
  background-color: transparent !important;
}
html {
  background-color: #050507 !important;
}

/* ══ MOBILE ══ */
@media (max-width: 768px) {
  #how,
  #payment,
  .ca-service-fee,
  .ca-proof-section,
  .ca-trust-section,
  .ca-new-reviews,
  .ca-faq-section,
  .ca-calculator-section,
  .ca-stats-section,
  .ca-footer {
    padding: 1rem !important;
  }
  .ca-section-shell,
  #how > div,
  #payment > div {
    padding: 1.5rem 1.2rem !important;
    border-radius: 20px !important;
  }
  .ca-footer-cta,
  .ca-footer-grid {
    padding: 1.5rem 1.2rem !important;
    border-radius: 20px !important;
  }
}

/* ══ FIX: body::before vignette — uniform overlay, no edge darkening ══ */
body::before {
  background: rgba(4,4,8,.60) !important;
}

/* ══ FIX: remove black space below footer ══ */
.ca-footer {
  padding-bottom: 0 !important;
}
.ca-footer-shell {
  padding-bottom: 0 !important;
}
.ca-footer-bottom {
  padding: 1.2rem 0 1.2rem !important;
  margin-bottom: 0 !important;
}
html {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: unset !important;
}

/* Override body overlay — remove left/right darkening */
body::before {
  background: rgba(4,4,8,.58) !important;
  background-image: none !important;
}

/* Remove red glow top-left from original inline style */
body::after {
  display: none !important;
}

/* Footer — remove ALL solid backgrounds so bg shows through */
.ca-footer,
.ca-footer-shell,
.ca-footer-bottom,
.ca-footer-cta::before,
.ca-footer-cta::after {
  background: transparent !important;
}

/* Footer bottom — no extra space, no black */
.ca-footer-bottom {
  padding: 1rem 0 !important;
}

/* Page ends cleanly — no black below last element */
body {
  padding-bottom: 0 !important;
}
html {
  padding-bottom: 0 !important;
}

/* Kill any section ::before red glows */
.ca-proof-section::before,
.ca-trust-section::before,
.ca-faq-section::before,
.ca-calculator-section::before,
.ca-referral-card::before {
  display: none !important;
}

/* Fix page overflow — nothing extends beyond last card */
.ca-footer-shell {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* ══ FORCE TRANSPARENT — maximum specificity ══ */
html body .ca-new-reviews,
html body .ca-faq-section,
html body .ca-calculator-section {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body .ca-new-reviews::before,
html body .ca-new-reviews::after,
html body .ca-faq-section::before,
html body .ca-faq-section::after {
  display: none !important;
}

/* ══ FORCE UNIFORM body overlay ══ */
html body::before {
  background: rgba(4,4,8,.60) !important;
  background-image: none !important;
  background-color: rgba(4,4,8,.60) !important;
}

/* ══ BOTTOM SIDES DARK FIX ══ */
html body .ca-footer,
html body .ca-footer-shell {
  background: transparent !important;
  background-color: transparent !important;
}

/* Force glass card on reviews section inner content */
html body .ca-new-reviews .ca-section-shell {
  background: rgba(10,10,18,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 28px !important;
  padding: 2.5rem 3rem !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42) !important;
}

/* Fix $500 counter cut off on mobile */
@media (max-width: 480px) {
  .ca-stat-card strong {
    font-size: 28px !important;
    white-space: nowrap !important;
  }
  .ca-stats-grid {
    grid-template-columns: repeat(2,1fr) !important;
    padding: 1.2rem !important;
    gap: 0 !important;
  }
  .ca-stat-card {
    padding: 1rem .8rem !important;
  }
}

/* Mobile sparks and effects — enable */
@media (max-width: 768px) {
  .ca-mini-card,
  .ca-proof-card,
  .ca-new-review-card,
  .ca-stat-card {
    transform: none !important;
  }
}

/* Remove gaps between sections */
html body .ca-footer,
html body .ca-footer-shell {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html body .ca-footer-cta {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

/* Fix dark side gaps — page wrapper must be transparent */
html body {
  background-color: transparent !important;
}

/* All section gaps uniform and small */
html body section,
html body #how,
html body #payment,
html body .ca-service-fee,
html body .ca-proof-section,
html body .ca-trust-section,
html body .ca-new-reviews,
html body .ca-faq-section,
html body .ca-calculator-section,
html body .ca-referral-section,
html body .ca-stats-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

/* Glass cards take full visible width minus side padding */
html body .ca-section-shell,
html body #how > div,
html body #payment > div {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ensure bg shows on sides — no overflow hidden on body */
html {
  overflow-x: hidden !important;
  background-attachment: fixed !important;
}
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* ══ CAR CARDS — buttons same level ══ */
.card {
  display: flex !important;
  flex-direction: column !important;
}
.card .cinfo {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.card .cprices {
  margin-top: auto !important;
}
.card .cbtn {
  margin-top: auto !important;
}
.card a.cbtn,
.card button.cbtn {
  display: block !important;
  width: 100% !important;
  margin-top: 1rem !important;
  align-self: flex-end !important;
}

/* ══ STATS — make text same red/white color, less orange ══ */
html body .ca-stat-card strong {
  background: linear-gradient(135deg, #e8220c, #c0001a) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 16px rgba(213,0,28,.3)) !important;
}

/* ══ CAR CARDS — equal height, button always at bottom ══ */
.cards-grid {
  align-items: stretch !important;
}
.card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.cinfo {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
.cprices {
  margin-top: auto !important;
  margin-bottom: .75rem !important;
}
.cbtn {
  margin-top: auto !important;
  width: 100% !important;
  display: block !important;
}

/* ══ FOOTER BOTTOM — remove dark area ══ */
html body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html {
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Force bg visible at bottom */
html body .ca-footer-shell {
  padding-bottom: 2rem !important;
}

/* Dark side overlay — neutralize completely */
html body::before {
  background: rgba(4,4,8,.55) !important;
  background-image: none !important;
  background-color: rgba(4,4,8,.55) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

/* Remove any element causing dark sides */
html body::after {
  display: none !important;
  content: none !important;
}