:root{
  --sky:#2ba8fc; --cobalt:#0c5fed; --ink:#09111f; --ink-2:#111d32; --ink-3:#172540;
  --slate:#7a8faa; --slate-2:#4d6180; --paper:#f1f5fb; --white:#fff;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --radius:20px; --radius-sm:12px; --radius-pill:999px;
  --f-display:'Fraunces',Georgia,serif; --f-body:'DM Sans',system-ui,sans-serif;

  --wa-green-1:#5cd97e; --wa-green-2:#33b95f;
  --ig-1:#f2711f; --ig-2:#b0206e;
  --msg-1:#4b6bf5; --msg-2:#f2709c;
  --tg-1:#3aa9e0; --tg-2:#2790c3;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
a{color:inherit;text-decoration:none;}
:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:4px;}

/* Chat-with-AI page */
.demo-stage{text-align:center;}
.demo-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:20px;}

.chat-ai-cta{
	position:fixed;
	bottom:60px;
	right:24px;
	z-index:9999;
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:14px 22px 14px 16px;
	background:linear-gradient(135deg,#33c26a,#0c5fed);
	color:#fff;
	font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	font-weight:700;
	font-size:15px;
	line-height:1;
	text-decoration:none;
	border:none;
	cursor:pointer;
	border-radius:999px;
	box-shadow:0 8px 20px rgba(20,100,60,.35),0 2px 6px rgba(0,0,0,.15);
	transition:transform .18s ease,box-shadow .18s ease;
	-webkit-tap-highlight-color:transparent;}
.chat-ai-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(51,185,95,.36);}
.chat-ai-cta:active{transform:translateY(0);}
.chat-ai-cta svg{width:22px;height:22px;flex-shrink:0;}

/* Pick-an-app page */
.abta-page{
  width:100%;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
}

.abta-card{
  width:100%;max-width:420px;
  background:linear-gradient(180deg,#fbfdff,#eef2f8);
  border-radius:28px;padding:40px 32px 32px;
  position:relative;text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}

.abta-close{
  position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;
  border:none;background:rgba(9,17,31,.06);color:var(--ink-3);
  font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  text-decoration:none;transition:background .15s ease;
}
.abta-close:hover{background:rgba(9,17,31,.12);}

.abta-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wa-green-2);margin-bottom:14px;}
.abta-title{font-family:var(--f-display);font-weight:700;font-size:30px;line-height:1.15;color:var(--ink);}
.abta-title span{display:block;color:var(--wa-green-2);}
.abta-sub{margin:16px auto 28px;max-width:320px;font-size:15px;color:var(--slate-2);}

.abta-apps{display:flex;flex-direction:column;gap:14px;}
.abta-app-btn{
  display:flex;align-items:center;justify-content:center;gap:12px;width:100%;
  padding:16px 20px;border-radius:18px;color:#fff;font-weight:700;font-size:16px;
  border:none;cursor:pointer;transition:transform .15s ease, filter .15s ease;
  font-family:var(--f-body);
}
.abta-app-btn:hover{transform:translateY(-2px);filter:brightness(1.04);}
.abta-app-btn:active{transform:translateY(0);}
.abta-app-btn .abta-icon-circle{
  width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.98);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.abta-app-btn .abta-icon-circle svg{width:16px;height:16px;}

.abta-whatsapp{background:linear-gradient(135deg,var(--wa-green-1),var(--wa-green-2));}
.abta-instagram{background:linear-gradient(90deg,var(--ig-1),var(--ig-2));}
.abta-messenger{background:linear-gradient(90deg,var(--msg-1),var(--msg-2));}
.abta-telegram{background:linear-gradient(135deg,var(--tg-1),var(--tg-2));}
.abta-email{background:linear-gradient(135deg,var(--sky),var(--cobalt));}

.abta-warning{margin-top:24px;font-size:13px;color:var(--slate-2);line-height:1.5;}
.abta-warning b{color:var(--ink-3);}

@media (max-width:480px){
  .abta-card{padding:32px 22px 24px;}
  .abta-title{font-size:26px;}
}