/* ===================================================================
   FLOWTRIG — floating-cta.css
   Sticky bar flushed to the BOTTOM edge (rounded top corners):
   [ Book a demo ] [ WhatsApp ]. Bottom-right. Self-injected by JS.
   Hidden on mobile (the .m-sticky bottom bar covers that).
   =================================================================== */
.fcta{ position:fixed; right:26px; bottom:0; z-index:285; pointer-events:none;
  transform:translateY(0); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
@media(max-width:720px){ .fcta{ display:none; } }
.fcta.tuck{ transform:translateY(74%); }   /* peeks down while scrolling, optional */

/* white tray, flush to bottom, rounded TOP corners; bottom corners flare OUT into the screen edge */
.fcta-bar{ position:relative; display:flex; align-items:stretch; gap:8px; pointer-events:auto; padding:8px;
  background:#fff; border:1px solid rgba(12,28,22,.1); border-bottom:0;
  border-radius:16px 16px 0 0;
  box-shadow:0 -16px 40px -16px rgba(16,46,32,.3); }
/* outward concave flares so the tray melts into the bottom edge (the red lines in the sketch) */
.fcta-bar::before, .fcta-bar::after{ content:""; position:absolute; bottom:0; width:20px; height:20px; background:#fff; }
.fcta-bar::before{ left:-20px;  -webkit-mask:radial-gradient(circle 20px at top left,  #0000 0 20px, #000 20px); mask:radial-gradient(circle 20px at top left,  #0000 0 20px, #000 20px); }
.fcta-bar::after{  right:-20px; -webkit-mask:radial-gradient(circle 20px at top right, #0000 0 20px, #000 20px); mask:radial-gradient(circle 20px at top right, #0000 0 20px, #000 20px); }

/* Book a demo */
.fcta-demo{ display:inline-flex; align-items:center; gap:9px; border:0; cursor:pointer; font:inherit;
  padding:12px 18px; font-size:14px; font-weight:700; color:#fff; white-space:nowrap; border-radius:12px;
  background:var(--g-btn, linear-gradient(135deg,#3DF294,#1FA855)); text-decoration:none;
  box-shadow:0 8px 18px -8px rgba(43,232,129,.6); transition:filter .2s, transform .2s; }
.fcta-demo:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.fcta-demo svg{ width:16px; height:16px; }

/* WhatsApp */
.fcta-wa{ display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  width:50px; flex:0 0 50px; border-radius:12px; background:var(--wa,#25D366); color:#fff; text-decoration:none;
  box-shadow:0 8px 18px -8px rgba(37,211,102,.7); transition:background .2s, transform .2s; position:relative; }
.fcta-wa:hover{ background:var(--wa-dark,#1FBE5B); transform:translateY(-1px); }
.fcta-wa svg{ width:24px; height:24px; }
/* static red unread badge */
.fcta-badge{ position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 4px; border-radius:999px;
  background:var(--badge,#FF3B30); color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center;
  border:2px solid #fff; box-shadow:0 2px 6px -1px rgba(255,59,48,.6); }

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