/* Sketch Landing — Closing CTA. Pale wash (the Suite's booking section) or navy. */

.sklpc--wash { background: linear-gradient(160deg, #ffffff 0%, #dce9f7 100%); }
.sklpc__head { margin-bottom: clamp(28px, 3.6vw, 48px); }
.sklpc__heading { max-width: 18ch; }

/* Calendly: the Suite's embed-only booking section, minus its own outer spacing. */
.sklpc__calendly .skbk { background: transparent; padding: 0 !important; }
.sklpc__calendly .skbk--wash::before { display: none; }

/* Form card */
.sklpc__card {
	width: min(640px, 100%);
	margin-inline: auto;
	padding: clamp(24px, 2.6vw, 36px);
	border-radius: var(--lp-radius-lg);
	background: #fff;
	color: var(--lp-ink);
	border: 1px solid rgba(11, 6, 43, 0.08);
	box-shadow: var(--lp-shadow-card);
	scroll-margin-top: 96px;
}
.sklpc--dark .sklpc__card { border-color: transparent; box-shadow: 0 30px 70px -24px rgba(0, 0, 0, 0.6); }
.sklpc__card-head { display: grid; gap: 8px; margin-bottom: 18px; }
.sklpc__card-title { margin: 0; font-size: clamp(20px, 1.7vw, 24px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; color: var(--lp-ink); }
.sklpc__card-sub { font-size: 15px; line-height: 1.5; color: var(--lp-muted); }
.sklpc__card-note {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px 6px 10px;
	border-radius: 999px;
	background: #eefbe7;
	color: #23511a;
	font-size: 13px;
	font-weight: 600;
}
.sklpc__card-dot { width: 8px; height: 8px; border-radius: 50%; background: #25d366; }
.sklpc__privacy { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; font-size: 13px; color: var(--lp-muted); }
.sklpc__privacy svg { width: 13px; height: 13px; }
.sklpc__notice { margin: 0; padding: 14px; border-radius: 12px; background: var(--lp-panel); color: var(--lp-muted); font-size: 14px; }

/* Buttons */
.sklpc__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* Prefer to talk */
.sklpc__contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 10px;
	margin-top: clamp(28px, 3vw, 40px);
	font-size: 15px;
	color: var(--lp-muted);
}
.sklpc__contact a { color: var(--lp-ink); font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 1px; transition: color 0.18s ease; }
.sklpc__contact a:hover { color: var(--lp-indigo); }
.sklpc--dark .sklpc__contact { color: rgba(255, 255, 255, 0.6); }
.sklpc--dark .sklpc__contact a { color: #fff; }
.sklpc--dark .sklpc__contact a:hover { color: var(--lp-lime); }
.sklpc__contact a:focus-visible { outline: 3px solid var(--lp-indigo); outline-offset: 3px; }