.landing-pages-hero {
	/* Surface */
	background: radial-gradient(circle at 93% 78%, #dfeecd 0%, transparent 34%), var(--paper);
}

.landing-page-preview {
	/* Interaction and motion */
	transform: rotate(-1.4deg);
}

.package-section {
	/* Surface */
	background: #fff;
}

.package-grid {
	/* Layout */
	display: flex;
	gap: 16px;
}

.package-card {
	/* Layout */
	display: flex;
	flex: 1 1 0;
	flex-direction: column;

	/* Size and spacing */
	min-height: 510px;
	padding: 28px 25px 25px;

	/* Surface */
	border: 1px solid #dbe7d8;
	border-radius: var(--panel-radius);
	background: #f5f9f2;

	/* Interaction and motion */
	transition: box-shadow var(--interaction-duration) ease;
}

.package-card:hover,
.package-card:focus-within {
	/* Interaction and motion */
	box-shadow: var(--panel-hover-shadow);
}

.package-card-featured {
	/* Surface */
	border-color: #c5e0a3;
	background: #e1f2cf;
}

.package-card-head {
	/* Layout */
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	/* Size and spacing */
	padding-bottom: 22px;
	border-bottom: 1px solid #c9ddc1;
}

.package-label {
	/* Typography */
	color: var(--meta-ink);
	font: 11px "DM Mono", monospace;
	text-transform: uppercase;
}

.package-card h3 {
	/* Size and spacing */
	margin: 32px 0 12px;

	/* Typography */
	font-size: 27px;
	font-weight: 600;
}

.package-card>p {
	/* Size and spacing */
	margin-bottom: 24px;

	/* Typography */
	font-size: 14px;
	line-height: 1.7;
}

.package-list {
	/* Layout */
	display: flex;
	flex-direction: column;
	gap: 11px;

	/* Size and spacing */
	margin: 0 0 30px;
	padding: 22px 0 0;
	border-top: 1px solid #c9ddc1;

	/* Typography */
	list-style: none;
}

.package-list li {
	/* Layout */
	display: flex;
	gap: 10px;
	align-items: flex-start;

	/* Typography */
	color: #39483b;
	font-size: 13px;
	line-height: 1.55;
}

.package-list li:before {
	/* Layout */
	flex: 0 0 5px;

	/* Size and spacing */
	width: 5px;
	height: 5px;
	margin-top: 8px;

	/* Surface */
	border-radius: 50%;
	background: var(--green-deep);

	/* Content */
	content: "";
}

.package-card .text-link {
	/* Size and spacing */
	margin-top: auto;

	/* Interaction and motion */
	align-self: flex-start;
}

.care-note {
	/* Layout */
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 70px;

	/* Size and spacing */
	margin-top: 16px;
	padding: 33px 35px;

	/* Surface */
	border-radius: var(--panel-radius);
	background: var(--dark);
}

.care-note>div,
.care-note>p {
	/* Layout */
	flex: 1 1 0;
}

.care-note .eyebrow {
	/* Typography */
	color: #bce993;
}

.care-note h3 {
	/* Size and spacing */
	margin: 14px 0 0;

	/* Typography */
	color: #fff;
	font-size: 26px;
	font-weight: 500;
}

.care-note>p {
	/* Size and spacing */
	margin: 0;

	/* Typography */
	color: #c3d0c1;
	font-size: 14px;
	line-height: 1.75;
}

@media(max-width:1050px) {
	.package-grid {
		/* Layout */
		flex-wrap: wrap;
	}

	.package-card {
		/* Layout */
		flex: 0 0 calc((100% - 16px) / 2);
	}

	.package-card:last-child {
		/* Layout */
		flex-basis: 100%;
	}
}

@media(max-width:760px) {
	.package-card {
		/* Layout */
		flex-basis: 100%;

		/* Size and spacing */
		min-height: 0;
	}

	.care-note {
		/* Layout */
		align-items: flex-start;
		flex-direction: column;
		gap: 22px;

		/* Size and spacing */
		padding: 28px 25px;
	}
}

@media(max-width:500px) {
	.package-card {
		/* Size and spacing */
		padding: 24px 20px;
	}

	.package-card h3 {
		/* Typography */
		font-size: 24px;
	}
}