/* ---- Promo / Download button styling (custom, not part of original capture) ---- */

.hero-promo{
	margin-top:1.4em;
	text-align:center;
}

/* Attention-grabbing promo badge */
.promo-badge{
	display:inline-block;
	margin-bottom:1em;
	padding:.4em .95em;
	font-size:.82em;
	font-weight:700;
	letter-spacing:.02em;
	text-transform:uppercase;
	color:#fff;
	border-radius:2em;
	background:linear-gradient(100deg,#ff5f6d,#ff9966,#ffb199,#ff5f6d);
	background-size:300% 100%;
	box-shadow:0 4px 14px rgba(255,95,109,.4);
	animation:promo-shimmer 4s linear infinite, promo-bob 2.6s ease-in-out infinite;
}
.promo-badge:before{
	content:"\2728"; /* sparkles */
	margin-right:.45em;
}
.promo-badge:after{
	content:"\2728";
	margin-left:.45em;
}

/* The big download button */
.promo-download{
	position:relative;
	font-weight:700;
	padding:.6em 1.6em;
	background:linear-gradient(135deg,#4f91fb,#3c7cf0);
	box-shadow:0 6px 18px rgba(79,145,251,.45);
	overflow:hidden;
	animation:promo-pulse 2.2s ease-in-out infinite;
	transition:transform .15s ease, box-shadow .15s ease;
}
.promo-download:hover{
	background:linear-gradient(135deg,#649fff,#4f91fb) !important;
	transform:translateY(-2px);
	box-shadow:0 10px 26px rgba(79,145,251,.55) !important;
}
.promo-download:active{
	transform:translateY(0);
}

/* Moving light sweep across the button */
.promo-download:before{
	content:"";
	position:absolute;
	top:0;
	left:-60%;
	width:40%;
	height:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);
	transform:skewX(-20deg);
	animation:promo-sweep 3s ease-in-out infinite;
}

.promo-note{
	margin-top:.7em;
	font-size:.82em;
	color:#8a8f98;
}
.promo-note s{ color:#c0c4cc; }
.promo-note b{ color:#ff5f6d; font-weight:700; }

@keyframes promo-shimmer{
	0%{ background-position:0% 50%; }
	100%{ background-position:300% 50%; }
}
@keyframes promo-bob{
	0%,100%{ transform:translateY(0); }
	50%{ transform:translateY(-3px); }
}
@keyframes promo-pulse{
	0%,100%{ box-shadow:0 6px 18px rgba(79,145,251,.45); }
	50%{ box-shadow:0 6px 28px rgba(79,145,251,.75); }
}
@keyframes promo-sweep{
	0%{ left:-60%; }
	60%,100%{ left:130%; }
}

@media screen and (prefers-reduced-motion:reduce){
	.promo-badge,.promo-download,.promo-download:before{ animation:none; }
}