/* Book-a-demo — calendar page. Header/footer come from site-chrome.css. */

.book-page {
	background:
		radial-gradient(900px 420px at 50% -80px, rgba(91, 84, 245, 0.1), transparent 70%),
		var(--bg);
}

.book-main {
	padding: 72px 0 64px;
}

.book-intro {
	max-width: 42rem;
	margin: 0 auto 36px;
	text-align: center;
}

.book-kicker {
	display: inline-block;
	margin: 0 0 16px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--accent-soft);
	color: var(--brand);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.book-intro h1 {
	margin: 0;
	font-size: clamp(2.1rem, 5vw, 3.4rem);
	font-weight: 800;
	letter-spacing: -0.038em;
	line-height: 1.08;
	color: var(--ink);
}

.book-intro .lead {
	margin: 16px auto 0;
	max-width: 34rem;
	color: var(--ink-soft);
	font-size: 1.05rem;
	line-height: 1.65;
}

.book-cal-shell {
	width: min(980px, 100%);
	margin: 0 auto;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.book-cal-embed {
	width: 100%;
	min-height: 560px;
	padding: 8px 0 0;
	overflow: visible;
	line-height: 0;
}

.book-cal-embed iframe,
.book-cal-embed > div {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	background: transparent;
}

.book-cal-embed iframe {
	min-height: 580px;
}

.book-alt {
	max-width: 36rem;
	margin: 28px auto 0;
	text-align: center;
	color: var(--ink-soft);
	font-size: 0.95rem;
	line-height: 1.65;
}

.book-alt a {
	color: var(--ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.book-alt a:hover {
	color: var(--brand);
}

@media (max-width: 720px) {
	.book-main {
		padding: 48px 0 48px;
	}

	.book-cal-embed {
		min-height: 660px;
		padding: 4px 0 0;
	}

	.book-cal-embed iframe {
		min-height: 700px;
	}
}