/* ===================================================================
   STICKY MOBILE CTA

   Mobile only. The LPs have no persistently visible buy button on
   phones: the nav links collapse into the hamburger, and the hero's
   "Subscribe Now" sits below the fold, so a visitor could scroll the
   whole page (~36 screens) without a tappable CTA on screen.

   The bar hides itself whenever a real CTA is already in view (the
   hero, the plans, the footer), so it never competes with them.
   =================================================================== */

.scta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;              /* under the nav (50+) and the modal (top layer) */
  display: none;            /* enabled by the mobile media query below */
  padding: 10px 14px;
  /* Keeps the button clear of the iPhone home indicator. */
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  background: rgba(244, 239, 232, .94);
  border-top: 1px solid rgba(42, 33, 29, .1);
  box-shadow: 0 -4px 18px rgba(42, 33, 29, .08);
  transform: translateY(110%);
  transition: transform .28s ease;
}
@supports (backdrop-filter: blur(8px)) {
  .scta { background: rgba(244, 239, 232, .82); backdrop-filter: blur(8px); }
}

.scta.is-visible { transform: none; }

/* Hidden from assistive tech and keyboard order while off screen, so a
   screen reader does not announce a button the user cannot see. */
.scta:not(.is-visible) { visibility: hidden; }

.scta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;         /* comfortable tap target */
  padding: 14px 18px;
  border-radius: 8px;
  background: var(--color-accent, #A82E32);
  color: #fff;
  font-family: var(--font-sans, system-ui, sans-serif);
  font-size: .92rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  text-align: center;
}
.scta-btn:active { background: var(--color-accent-light, #C2373A); }
.scta-btn:focus-visible {
  outline: 2px solid var(--color-dark, #2A211D);
  outline-offset: 2px;
}

.scta-note {
  display: block;
  margin-top: 6px;
  text-align: center;
  font-size: .66rem;
  letter-spacing: .04em;
  color: var(--color-muted, #9A8A7F);
}

@media (max-width: 767px) {
  .scta { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .scta { transition: none; }
}