/* FillKite Core: coming-soon page. Tokens match the site design (Fillkite Website/assets/css/style.css). */
.fkc-cs {
	--fkc-blue: #2F80ED;
	--fkc-blue-strong: #1F6FD6;
	--fkc-coral-strong: #C93A28;
	--fkc-coral: #FF6B57;
	--fkc-coral-soft: #FFEDEA;
	--fkc-navy: #1B2A41;
	--fkc-muted: #5B6B82;
	--fkc-border: #E3E8EF;
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	color: var(--fkc-navy);
	background:
		radial-gradient(640px 420px at 88% 12%, rgba(47, 128, 237, .20), transparent 70%),
		radial-gradient(520px 380px at 12% 92%, rgba(255, 107, 87, .14), transparent 70%),
		radial-gradient(560px 360px at 0% 0%, rgba(47, 128, 237, .08), transparent 70%),
		#fff;
	-webkit-font-smoothing: antialiased;
}
.fkc-cs__main {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(100% - 32px, 640px);
	margin: 0 auto;
	padding: 64px 0 32px;
	text-align: center;
}
.fkc-cs__logo {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 40px;
	font-family: "Poppins", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .083em;
}
.fkc-cs__logo svg { width: 36px; height: 38px; }
.fkc-cs__accent { color: var(--fkc-blue-strong); }
.fkc-cs__pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 6px 14px 6px 10px;
	border: 1px solid var(--fkc-border);
	border-radius: 999px;
	background: #fff;
	color: var(--fkc-muted);
	font-size: .875rem;
	font-weight: 500;
	box-shadow: 0 1px 2px rgba(27, 42, 65, .06);
}
.fkc-cs__pill span { width: 8px; height: 8px; border-radius: 50%; background: var(--fkc-coral); box-shadow: 0 0 0 4px var(--fkc-coral-soft); }
.fkc-cs__title {
	margin: 24px 0 0;
	font-size: clamp(2.5rem, 1.6rem + 3.6vw, 3.75rem);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.04em;
}
.fkc-cs__line { display: block; }
.fkc-cs__word--blue { color: var(--fkc-blue-strong); }
.fkc-cs__word--coral { color: var(--fkc-coral-strong); }
.fkc-cs__text { margin: 24px 0 0; max-width: 52ch; color: var(--fkc-muted); font-size: 1.125rem; }
.fkc-cs__form { width: 100%; max-width: 480px; margin-top: 32px; text-align: left; }
.fkc-cs__note { margin: 16px 0 0; color: var(--fkc-muted); font-size: .875rem; }
.fkc-cs__footer { padding: 24px 16px; color: var(--fkc-muted); font-size: .875rem; text-align: center; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }