:root {
	--site-ink: #112329;
	--site-muted: #5b6967;
	--site-line: #d8e4e0;
	--site-paper: #f7faf8;
	--site-white: #ffffff;
	--site-mint: #e5f5ef;
	--site-mint-deep: #d2ece4;
	--site-teal: #0f8b8d;
	--site-teal-deep: #0b6364;
	--site-coral: #ff6b4a;
	--site-coral-deep: #ef5a39;
	--site-shadow: 0 22px 54px rgba(17, 35, 41, 0.08);
	--site-radius: 24px;
	--site-radius-sm: 14px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--site-paper);
	color: var(--site-ink);
	font-family: "Segoe UI", Arial, sans-serif;
	line-height: 1.6;
	margin: 0;
	overflow-x: hidden;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

p,
ul,
ol {
	margin: 0 0 1rem;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: var(--site-white);
	clip: auto !important;
	clip-path: none;
	color: var(--site-ink);
	height: auto;
	left: 1rem;
	padding: 0.9rem 1rem;
	top: 1rem;
	width: auto;
	z-index: 1000;
}

.skip-link {
	left: 1rem;
	top: 1rem;
}

.site-shell {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 20px;
	width: 100%;
}

.site-main {
	display: block;
}

.eyebrow {
	color: var(--site-teal-deep);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin-bottom: 0.85rem;
	text-transform: uppercase;
}

.muted,
.hero__subtext,
.site-store-note,
.section__heading p,
.promo__copy p,
.final__copy p,
.content-card p,
.legal__inner p,
.contact-card p,
.entry-content p {
	color: var(--site-muted);
}

.site-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 999px;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 700;
	gap: 0.5rem;
	justify-content: center;
	min-height: 48px;
	opacity: 1;
	padding: 0.95rem 1.2rem;
	pointer-events: auto;
	text-align: center;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	visibility: visible;
	width: 100%;
}

.site-button:hover,
.site-button:focus-visible {
	box-shadow: 0 12px 28px rgba(17, 35, 41, 0.14);
	transform: translateY(-1px);
}

.site-button:focus-visible {
	outline: 3px solid rgba(15, 139, 141, 0.25);
	outline-offset: 2px;
}

.site-button--accent {
	background: var(--site-coral);
	color: var(--site-white);
}

.site-button--accent:hover,
.site-button--accent:focus-visible {
	background: var(--site-coral-deep);
}

.site-button--light {
	background: var(--site-white);
	border-color: var(--site-line);
	color: var(--site-ink);
}

.site-button--dark {
	background: var(--site-ink);
	color: var(--site-white);
}

.site-downloads,
.hero__actions,
.final__actions {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	width: 100%;
}

.site-header {
	background: rgba(247, 250, 248, 0.96);
	border-bottom: 1px solid rgba(216, 228, 224, 0.95);
	position: sticky;
	top: 0;
	z-index: 40;
}

body.admin-bar .site-header {
	top: 32px;
}

.site-header__inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	min-height: 72px;
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.site-brand {
	color: var(--site-ink);
	font-size: 1.35rem;
	font-weight: 800;
}

.site-menu-toggle {
	align-items: center;
	background: var(--site-white);
	border: 1px solid var(--site-line);
	border-radius: 999px;
	cursor: pointer;
	display: none;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	min-height: 48px;
	padding: 0.9rem;
	width: 48px;
}

.site-menu-toggle__bar {
	background: var(--site-ink);
	border-radius: 999px;
	display: block;
	height: 2px;
	width: 18px;
}

.site-header__nav-wrap {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}

.has-js .site-menu-toggle {
	display: inline-flex;
}

.has-js .site-header__nav-wrap {
	display: none;
}

.has-js .site-header__nav-wrap.is-open {
	display: flex;
}

.site-nav__list {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav__list a,
.site-footer__nav a {
	color: var(--site-muted);
	font-weight: 700;
}

.site-nav__list a:hover,
.site-nav__list a:focus-visible,
.site-footer__nav a:hover,
.site-footer__nav a:focus-visible,
.contact-card__link:hover,
.contact-card__link:focus-visible {
	color: var(--site-teal-deep);
}

.site-header__cta {
	width: 100%;
}

.hero {
	background:
		radial-gradient(circle at top left, rgba(255, 107, 74, 0.12), transparent 26%),
		radial-gradient(circle at top right, rgba(15, 139, 141, 0.14), transparent 24%),
		linear-gradient(180deg, #fcf9f4 0%, #f6fbf8 100%);
	padding: 3.5rem 0 2.5rem;
}

.hero__grid {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
}

.hero__content h1,
.section__heading h2,
.promo__copy h2,
.final__copy h2,
.page-hero__panel h1,
.legal__inner h1,
.content-card h2,
.contact-card h2,
.entry-content h2,
.entry-content h3,
.step-card h3,
.card h3 {
	color: var(--site-ink);
	letter-spacing: -0.03em;
	line-height: 1.05;
	margin: 0 0 1rem;
}

.hero__content h1 {
	font-size: clamp(2.8rem, 12vw, 4.8rem);
	max-width: 11ch;
}

.hero__lede {
	font-size: 1.2rem;
	line-height: 1.7;
	margin-bottom: 0.9rem;
	max-width: 38rem;
}

.hero__subtext {
	font-size: 1.05rem;
	line-height: 1.75;
	margin-bottom: 0;
	max-width: 38rem;
}

.site-store-note {
	font-size: 0.98rem;
	line-height: 1.7;
	margin-bottom: 0;
	max-width: 38rem;
}

.app-preview {
	position: relative;
}

.phone {
	background: linear-gradient(180deg, #13262c 0%, #102024 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 32px;
	box-shadow: 0 26px 70px rgba(17, 35, 41, 0.22);
	color: var(--site-white);
	margin: 0 auto;
	max-width: 420px;
	padding: 16px;
	width: 100%;
}

.phone__bar {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	height: 5px;
	margin: 0 auto 1.2rem;
	width: 78px;
}

.phone__top,
.stat-row {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.phone__top {
	margin-bottom: 1rem;
}

.phone__top span,
.stat-row span {
	color: rgba(255, 255, 255, 0.66);
	font-size: 0.95rem;
	font-weight: 700;
}

.calendar-card {
	background: #f9fcfb;
	border-radius: 22px;
	color: var(--site-ink);
	display: grid;
	gap: 0.7rem;
	grid-template-columns: 52px 1fr;
	padding: 14px;
}

.time {
	color: #6f7d7a;
	font-size: 0.82rem;
	font-weight: 700;
	padding-top: 10px;
}

.appointment {
	border-radius: 16px;
	padding: 0.9rem 1rem;
}

.appointment strong,
.appointment span {
	display: block;
}

.appointment span {
	color: #4f5f5b;
	font-size: 0.9rem;
	margin-top: 0.2rem;
}

.appointment--teal {
	background: #d9f0ec;
}

.appointment--coral {
	background: #ffe4dc;
}

.appointment--gold {
	background: #fbf1d2;
}

.stat-row {
	margin-top: 1rem;
}

.stat-row strong {
	color: #f7d16a;
	font-size: 1.3rem;
}

.phone__signals {
	margin-top: 1rem;
}

.trust-strip {
	padding: 0 0 2rem;
}

.trust-strip__list {
	display: grid;
	gap: 0.9rem;
	grid-template-columns: 1fr 1fr;
}

.trust-strip__item {
	background: var(--site-white);
	border: 1px solid var(--site-line);
	border-radius: var(--site-radius-sm);
	box-shadow: var(--site-shadow);
	font-weight: 700;
	padding: 1rem;
	text-align: center;
}

.section,
.final,
.page-section,
.legal {
	padding: 4.5rem 0;
}

.section {
	background: var(--site-white);
}

.section--highlight {
	background:
		linear-gradient(180deg, rgba(229, 245, 239, 0.9) 0%, rgba(229, 245, 239, 0.55) 100%);
}

.section__heading {
	margin-bottom: 2rem;
	max-width: 760px;
}

.section__heading h2,
.promo__copy h2,
.final__copy h2,
.page-hero__panel h1,
.legal__inner h1 {
	font-size: clamp(2rem, 7vw, 3.5rem);
}

.card-grid,
.steps {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}

.card,
.step-card,
.promo__panel,
.content-card,
.contact-card,
.legal__inner,
.page-hero__panel,
.final__inner {
	background: var(--site-white);
	border: 1px solid var(--site-line);
	border-radius: var(--site-radius);
	box-shadow: var(--site-shadow);
}

.card,
.step-card,
.content-card,
.contact-card,
.legal__inner {
	padding: 1.5rem;
}

.card__number,
.step-card__number {
	align-items: center;
	background: var(--site-mint);
	border-radius: 999px;
	color: var(--site-teal-deep);
	display: inline-flex;
	font-size: 0.95rem;
	font-weight: 800;
	height: 40px;
	justify-content: center;
	margin-bottom: 1rem;
	width: 40px;
}

.card h3,
.step-card h3 {
	font-size: 1.3rem;
	margin-bottom: 0.6rem;
}

.promo {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

.promo__panel {
	background: linear-gradient(180deg, var(--site-white) 0%, rgba(255, 255, 255, 0.9) 100%);
	padding: 1.5rem;
}

.feature-list,
.content-list,
.entry-content ul,
.entry-content ol {
	margin: 0;
	padding-left: 1.2rem;
}

.feature-list li,
.content-list li,
.entry-content li {
	margin-bottom: 0.75rem;
}

.final {
	background: linear-gradient(180deg, #fbfaf6 0%, #f5fbf8 100%);
}

.final__inner {
	display: grid;
	gap: 1.5rem;
	padding: 1.75rem;
}

.final__copy p {
	margin-bottom: 0;
	max-width: 42rem;
}

.site-footer {
	background: #102024;
	color: rgba(255, 255, 255, 0.9);
	padding-top: 3rem;
}

.site-footer__inner {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

.site-footer__title {
	color: var(--site-white);
	font-size: 1.2rem;
	margin: 0 0 0.75rem;
}

.site-footer__brand p {
	color: rgba(255, 255, 255, 0.72);
	max-width: 32rem;
}

.site-footer__brand a {
	color: var(--site-white);
	font-weight: 700;
}

.site-footer__nav {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.site-footer__bar {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	margin-top: 2rem;
	padding: 1rem 20px 1.5rem;
}

.site-footer__bar p {
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.95rem;
	margin-bottom: 0;
}

.content-page {
	background: linear-gradient(180deg, #fcfaf6 0%, #f8fbf9 100%);
	min-height: 60vh;
}

.page-hero {
	padding: 3.5rem 0 1.5rem;
}

.page-hero__panel {
	padding: 1.75rem;
}

.page-hero__panel p:last-child,
.content-card p:last-child,
.legal__inner p:last-child {
	margin-bottom: 0;
}

.content-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}

.content-card--wide {
	padding: 1.75rem;
}

.content-card h2,
.entry-content h2 {
	font-size: 1.5rem;
	margin-top: 1.75rem;
}

.content-card h2:first-child,
.entry-content h2:first-child {
	margin-top: 0;
}

.contact-card {
	background: linear-gradient(180deg, #f5fcfa 0%, #edf8f4 100%);
}

.contact-card__eyebrow {
	color: var(--site-teal-deep);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin-bottom: 0.75rem;
	text-transform: uppercase;
}

.contact-card__link {
	color: var(--site-ink);
	display: block;
	font-weight: 700;
	margin-bottom: 0.75rem;
}

.content-stack {
	display: grid;
	gap: 1rem;
}

.legal__inner h2 {
	font-size: 1.4rem;
	margin: 1.75rem 0 0.75rem;
}

.legal__button {
	margin-top: 0.5rem;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

@media (max-width: 782px) {
	body.admin-bar .site-header {
		top: 46px;
	}
}

@media (min-width: 720px) {
	.site-shell {
		padding: 0 24px;
	}

	.site-footer__nav {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1.2rem;
	}

	.trust-strip__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.card-grid,
	.steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.content-grid {
		grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
	}
}

@media (min-width: 860px) {
	.site-button {
		width: auto;
	}

	.site-menu-toggle {
		display: none;
	}

	.site-header__inner {
		padding-bottom: 1.1rem;
		padding-top: 1.1rem;
	}

	.site-header__nav-wrap {
		align-items: center;
		display: flex;
		flex: 1 1 auto;
		flex-direction: row;
		gap: 1.2rem;
		justify-content: flex-end;
		width: auto;
	}

	.site-nav__list {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1.1rem;
	}

	.site-header__cta,
	.hero__actions,
	.final__actions {
		width: auto;
	}

	.site-downloads,
	.hero__actions,
	.final__actions {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.hero {
		padding: 5.5rem 0 3.5rem;
	}

	.hero__grid {
		align-items: center;
		gap: 3.5rem;
		grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.9fr);
	}

	.section__heading {
		margin-bottom: 2.5rem;
	}

	.card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.promo {
		align-items: center;
		grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.9fr);
	}

	.final__inner {
		align-items: center;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.site-footer__inner {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

@media (min-width: 1040px) {
	.steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}