/* Shared fixes for the pre-login pages (frontend/marketing/*). Loaded after each
 * page's own <style>, so it wins ties. Keep it small: page-specific styling
 * stays in the page. */

/* The off-screen start position of .fp-reveal-left/right (translateX +/-40px)
 * made the document 16px wider than a phone. Reveal upward on small screens
 * and clip any remaining bleed. */
html { overflow-x: clip; }
@media (max-width: 768px) {
  .fp-reveal-left, .fp-reveal-right { transform: translateY(24px); }
  .fp-reveal-left.visible, .fp-reveal-right.visible { transform: none; }
}

/* "Try Live Demo / Soon": a quiet, clearly-not-a-button status chip instead of
 * a dimmed gradient button with a second amber badge on top of it. */
.fp-cta-soon {
  display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px;
  border-radius: 11px; font-size: 15px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: default;
  color: var(--fp-text-muted, #94a3b8);
  /* Solid fallback first: Safari before color-mix support drops the whole border. */
  border: 1.5px dashed rgba(148, 163, 184, 0.45);
  border: 1.5px dashed color-mix(in srgb, var(--fp-text-muted, #94a3b8) 45%, transparent);
  background: transparent;
}

/* Balanced headings: no one-word last lines ("to") on phones. */
h1, h2 { text-wrap: balance; }