/* Agendly — tighter global spacing */

/* Page heroes (about, pricing, business hub, etc.) */
.biz-hero {
	padding-block: clamp(6.75rem, 11vh, 8.25rem) var(--space-lg);
}

/* Sections */
.section {
	padding-block: clamp(2.5rem, 5vw, 3.25rem);
}

.section--tight {
	padding-block: clamp(2rem, 4vw, 2.75rem) clamp(2.5rem, 5vw, 3.25rem);
}

.section__head {
	margin-bottom: clamp(1.25rem, 3vw, 1.75rem);
}

.section__lede {
	margin-top: var(--space-sm);
}

/* Home hero — extra top space below fixed header */
.hero {
	padding-block: clamp(6.75rem, 11vh, 8.25rem) var(--space-lg);
}

.hero__shell {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.hero__lede {
	margin-top: var(--space-md);
}

.hero__actions {
	margin-top: var(--space-md);
}

.hero__trust {
	margin-top: var(--space-md);
}

/* Feature blocks */
.features__head {
	margin-bottom: clamp(1.25rem, 3vw, 1.75rem);
}

.features__grid {
	gap: var(--space-md);
}

.audience__grid {
	gap: var(--space-md);
}

.aud-card {
	padding: var(--space-md);
	gap: var(--space-sm);
}

.steps {
	gap: var(--space-md);
}

/* Tabs, pricing, FAQ */
.feattabs__panel {
	padding: var(--space-lg);
}

.feattabs__content {
	gap: var(--space-lg);
}

.pricing {
	gap: var(--space-md);
}

.plan {
	padding: var(--space-lg);
}

.pricing__note {
	margin-top: var(--space-md);
}

.faq-layout {
	gap: clamp(var(--space-lg), 4vw, var(--space-xl));
}

/* CTA blocks */
.cta {
	padding: clamp(var(--space-lg), 4vw, var(--space-xl));
}

.cta__grid {
	gap: clamp(var(--space-lg), 4vw, var(--space-xl));
}

.cta h2 {
	margin-top: var(--space-sm);
}

.cta p {
	margin-top: var(--space-sm);
}

.cta-form {
	margin-top: var(--space-md);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-sm);
}

.cta-form .btn {
	width: auto;
	min-height: 48px;
	padding-inline: clamp(var(--space-md), 3vw, var(--space-xl));
}

.cta .btn--ghost,
.cta .btn--ghost-light {
	color: var(--color-paper);
	border-color: color-mix(in oklch, var(--color-paper) 55%, transparent);
	background: color-mix(in oklch, var(--color-paper) 6%, transparent);
}

.cta .btn--ghost:hover,
.cta .btn--ghost-light:hover {
	color: var(--color-paper);
	border-color: var(--color-paper);
	background: color-mix(in oklch, var(--color-paper) 14%, transparent);
}

.cta .btn--fill {
	font-weight: 600;
	box-shadow: 0 1px 0 color-mix(in oklch, var(--color-paper) 40%, transparent);
}

/* Compare */
.compare tbody tr {
	margin-bottom: var(--space-xs);
}

@media (max-width: 48rem) {
	.section {
		padding-block: var(--space-xl);
	}

	.section--tight {
		padding-block: var(--space-lg) var(--space-xl);
	}

	.section__head {
		margin-bottom: var(--space-lg);
	}

	.hero,
	.biz-hero {
		padding-block: 5.75rem var(--space-md);
	}

	.features__head {
		margin-bottom: var(--space-lg);
	}

	.faq-layout {
		gap: var(--space-lg);
	}

	.cta-form {
		flex-direction: column;
		align-items: stretch;
	}

	.cta-form .btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 40rem) {
	.section {
		padding-block: var(--space-lg);
	}

	.section--tight {
		padding-block: var(--space-md) var(--space-lg);
	}

	.section__head {
		margin-bottom: var(--space-md);
	}

	.hero,
	.biz-hero {
		padding-block: 5.5rem var(--space-sm);
	}

	.cta {
		padding: var(--space-lg);
	}
}