/* Scoped native CTA: no external fonts, framework or layout movement. */
#skoove-mobile-trial[hidden], #skoove-mobile-trial [hidden] { display: none !important; }
.skoove-mobile-trial {
	position: fixed; left: 12px; right: 12px; bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	z-index: 9990; max-width: 520px; margin: 0 auto;
	font-family: Lato, 'Helvetica Neue', Arial, sans-serif; color: #fff;
	transform: translateY(calc(100% + 40px)); transition: transform 240ms ease;
}
.skoove-mobile-trial.is-visible { transform: translateY(0); }
.skoove-mobile-trial *, .skoove-mobile-trial *::before, .skoove-mobile-trial *::after { box-sizing: border-box; }
.skoove-mobile-trial__sheet, .skoove-mobile-trial__bar {
	position: relative; background: #00524f; border-radius: 16px;
	box-shadow: 0 8px 28px rgba(16,49,51,.3);
}
.skoove-mobile-trial__sheet {
	display: flex; flex-direction: column; align-items: stretch;
	padding: 28px 24px 12px; max-height: 50vh; max-height: 50dvh; overflow-y: auto;
}
.skoove-mobile-trial .skoove-mobile-trial__sheet h2 {
	color: #fff; font: 800 24px/1.2 Lato, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: -.02em; padding: 0 32px 0 0; margin: 0 0 12px; overflow-wrap: anywhere;
}
.skoove-mobile-trial .skoove-mobile-trial__sheet p { color: #cfe0d7; font-size: 16px; line-height: 1.45; margin: 0 0 20px; overflow-wrap: anywhere; }
.skoove-mobile-trial .skoove-mobile-trial__cta {
	display: flex; align-items: center; justify-content: center; min-height: 44px;
	padding: 10px 18px; border: 0; border-radius: 999px; background: #2ec39f;
	color: #103133; font-size: 14px; font-weight: 900; line-height: 1.2;
	text-decoration: none; text-align: center; overflow-wrap: anywhere;
}
.skoove-mobile-trial .skoove-mobile-trial__cta:hover { background: #59d4b6; color: #103133; }
.skoove-mobile-trial .skoove-mobile-trial__close, .skoove-mobile-trial .skoove-mobile-trial__later {
	display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px;
	padding: 0; margin: 0; border: 0; border-radius: 8px; background: transparent;
	color: #cfe0d7; cursor: pointer; box-shadow: none; font-family: inherit;
}
.skoove-mobile-trial .skoove-mobile-trial__close { flex: 0 0 44px; width: 44px; height: 44px; font-size: 28px; line-height: 1; }
.skoove-mobile-trial__sheet .skoove-mobile-trial__close { position: absolute; top: 8px; right: 8px; }
.skoove-mobile-trial .skoove-mobile-trial__later { font-size: 14px; margin-top: 4px; }
.skoove-mobile-trial :is(a, button):focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.skoove-mobile-trial__bar { display: flex; align-items: center; gap: 10px; padding: 10px 8px 10px 16px; }
.skoove-mobile-trial__copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
.skoove-mobile-trial__copy strong { font-size: 14px; line-height: 1.25; font-weight: 700; }
.skoove-mobile-trial__copy span { font-size: 12px; line-height: 1.3; color: #cfe0d7; }
.skoove-mobile-trial__bar .skoove-mobile-trial__cta { flex: 0 1 auto; max-width: 38%; }
@media (min-width: 768px) { .skoove-mobile-trial:not([data-cta-devices="tablet"]) { display: none; } }
@media (min-width: 1024px) { .skoove-mobile-trial { display: none; } }
@media (max-width: 359px) { .skoove-mobile-trial__bar { gap: 4px; padding-left: 12px; } .skoove-mobile-trial__bar .skoove-mobile-trial__cta { padding: 10px 12px; } }
@media (prefers-reduced-motion: reduce) { .skoove-mobile-trial { transition: none; } }