@font-face {
	font-family: 'Fraunces';
	src: url('/webfonts/Fraunces-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DM Sans';
	src: url('/webfonts/DMSans-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'DM Sans', sans-serif;
}

.navbar {
	background: rgba(255,255,255,.95);
	backdrop-filter: blur(8px);
}

.hero h1 {
	font-family: 'Fraunces', serif;
	font-size: clamp(2.5rem, 5vw, 3.75rem);
}

.step-number,
.feature-icon {
	width: 2.5rem;
	height: 2.5rem;
}

.section-title {
	font-family: 'Fraunces', serif;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.pricing-price {
	font-family: 'Fraunces', serif;	
}

footer .d-flex.gap-2 a + a::before {
	content: "·";
	margin-right: 0.5rem;
}

footer a:hover {
	--bs-text-opacity: 1;
}

.twb {
	text-wrap: balance;
}

.ls-wide {
	letter-spacing: .08em;	
}

.skip-link:focus {
	z-index: 9999;
	top: 0;
}