/* Additions for the landing-page A/B variants (site/build_variants.py), on top of /assets/styles.css. */

/* The sign-up button after every feature: full width, under both the copy and the screenshot. */
.feature-cta { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.cta-note { color: var(--ink-faint); font-size: 0.9rem; margin: 0; }

/* Variant E: three "how confident are you?" choices in the hero. */
.confidence-choices { display: grid; gap: 12px; max-width: 460px; }
.confidence-choices .store-btn { width: 100%; justify-content: flex-start; white-space: normal; padding-block: 10px; }
@media (max-width: 900px) { .confidence-choices { margin-inline: auto; } }

/* Shown only on devices marked internal (?fcp_internal=on). */
.internal-note {
  position: fixed; left: 50%; bottom: 12px; transform: translateX(-50%); z-index: 50; margin: 0;
  padding: 6px 14px; border-radius: 999px; font-size: 0.78rem; color: var(--ink);
  background: rgba(10, 17, 40, 0.92); border: 1px solid var(--hairline);
}