.paw-hero,
.paw-section {
	position: relative;
	color: var(--paw-text, #f6f1ea);
}

.paw-inner {
	width: min(var(--paw-width, 1120px), calc(100% - 40px));
	margin: 0 auto;
}

.paw-kicker {
	margin: 0 0 12px;
	color: var(--paw-accent, #e7b6a5);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.paw-hero h1,
.paw-heading h2,
.paw-card h3,
.paw-step h3 {
	margin: 0;
	color: var(--paw-text, #f6f1ea);
	font-weight: 760;
	letter-spacing: -0.03em;
}

.paw-hero h1 {
	font-size: clamp(56px, 8vw, 92px);
	line-height: 0.95;
}

.paw-heading {
	max-width: 720px;
	margin: 0 auto 36px;
	text-align: center;
}

.paw-heading h2 {
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.08;
}

.paw-gradient {
	background: linear-gradient(120deg, var(--paw-accent, #e7b6a5), var(--paw-accent-2, #e6c27a));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.paw-lead,
.paw-sub,
.paw-card p,
.paw-step p,
.paw-reading p,
.paw-faq-item p {
	color: var(--paw-muted, #b7aea4);
	font-size: 17px;
	line-height: 1.7;
}

.paw-lead,
.paw-sub {
	max-width: 640px;
	margin: 18px auto 0;
}

.paw-hero {
	padding: calc(132px * var(--paw-space, 1)) 0 calc(72px * var(--paw-space, 1));
	text-align: center;
	overflow: hidden;
}

.paw-aura {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.paw-aura span {
	position: absolute;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	filter: blur(40px);
	opacity: 0.42;
	will-change: transform;
}

.paw-motion .paw-aura span:first-child {
	animation: paw-orb-drift 9s ease-in-out infinite;
}

.paw-motion .paw-aura span:last-child {
	animation: paw-orb-drift-alt 11s ease-in-out infinite;
}

.paw-aura span:first-child {
	top: -80px;
	left: 8%;
	background: var(--paw-aura-1, #e7b6a5);
}

.paw-aura span:last-child {
	right: 6%;
	bottom: -120px;
	background: var(--paw-aura-2, #e6c27a);
}

@keyframes paw-orb-drift {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
	}
	50% {
		transform: translate3d(-28px, -36px, 0) scale(1.08);
	}
}

@keyframes paw-orb-drift-alt {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1.04);
	}
	50% {
		transform: translate3d(26px, 32px, 0) scale(0.92);
	}
}

@media (prefers-reduced-motion: reduce) {
	.paw-aura span {
		animation: none !important;
	}
}

.paw-hero-actions {
	margin: 28px 0 0;
}

.paw-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	background: var(--paw-accent, #e7b6a5);
	color: #1c1412;
	font-size: 15px;
	font-weight: 750;
	text-decoration: none;
	box-shadow: 0 10px 30px -18px var(--paw-accent, #e7b6a5);
}

.paw-btn svg {
	width: 18px;
	height: 18px;
}

.paw-btn:hover {
	color: #1c1412;
	transform: translateY(-1px);
}

.paw-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 18px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
	color: var(--paw-muted, #b7aea4);
	font-size: 13px;
	letter-spacing: 0.04em;
}

.paw-section {
	padding: calc(72px * var(--paw-space, 1)) 0;
}

.paw-features,
.paw-faq,
.paw-prose:nth-of-type(even) {
	background: color-mix(in srgb, var(--paw-surface, #211e1b) 55%, transparent);
}

.paw-cards,
.paw-step-list {
	display: grid;
	gap: 16px;
}

.paw-cards {
	grid-template-columns: repeat(var(--paw-cols, 3), minmax(0, 1fr));
}

.paw-card,
.paw-step {
	margin: 0;
	padding: 22px;
	border: 1px solid color-mix(in srgb, var(--paw-border, #3a342e) 85%, transparent);
	border-radius: var(--paw-radius, 22px);
	background: color-mix(in srgb, var(--paw-surface, #211e1b) 88%, transparent);
	box-shadow: 0 20px 40px -32px rgba(0, 0, 0, 0.8);
}

.paw-card-style-solid .paw-card,
.paw-card-style-solid .paw-step {
	background: var(--paw-surface, #211e1b);
}

.paw-card-style-outline .paw-card,
.paw-card-style-outline .paw-step {
	background: transparent;
}

.paw-icon {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 16px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--paw-accent, #e7b6a5) 16%, transparent);
	color: var(--paw-accent, #e7b6a5);
}

.paw-icon svg {
	width: 20px;
	height: 20px;
}

.paw-card h3,
.paw-step h3 {
	margin-bottom: 8px;
	font-size: 18px;
}

.paw-card p,
.paw-step p {
	margin: 0;
	font-size: 15px;
}

.paw-step-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}

.paw-step-label {
	display: block;
	margin-bottom: 14px;
	color: var(--paw-accent-2, #e6c27a);
	font-size: 13px;
	font-weight: 750;
	letter-spacing: 0.12em;
}

.paw-reading {
	width: min(760px, 100%);
	margin: 0 auto;
}

.paw-reading p {
	margin: 0 0 18px;
}

.paw-reading p:last-child {
	margin-bottom: 0;
}

.paw-table-wrap {
	width: min(920px, 100%);
	margin: 22px auto 0;
	overflow-x: auto;
}

.paw-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.45;
}

.paw-table caption {
	caption-side: bottom;
	padding-top: 10px;
	color: var(--paw-muted, #b7aea4);
	font-size: 13px;
	text-align: left;
}

.paw-table th,
.paw-table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--paw-border, #3a342e);
	text-align: left;
	vertical-align: top;
}

.paw-table th {
	color: var(--paw-text, #f6f1ea);
	font-weight: 700;
}

.paw-table td {
	color: var(--paw-muted, #b7aea4);
}

.paw-faq-list {
	width: min(760px, 100%);
	margin: 0 auto;
}

.paw-faq-item {
	border-bottom: 1px solid var(--paw-border, #3a342e);
	padding: 6px 0;
}

.paw-faq-item summary {
	cursor: pointer;
	padding: 14px 8px;
	color: var(--paw-text, #f6f1ea);
	font-size: 17px;
	font-weight: 700;
	list-style: none;
}

.paw-faq-item summary::-webkit-details-marker {
	display: none;
}

.paw-faq-item p {
	margin: 0;
	padding: 0 8px 16px;
}

.paw-cta {
	text-align: center;
	overflow: hidden;
}

.paw-cta .paw-heading {
	margin-bottom: 8px;
}

@media (max-width: 900px) {
	.paw-cards,
	.paw-step-list {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 680px) {
	.paw-inner {
		width: min(var(--paw-width, 1120px), calc(100% - 28px));
	}

	.paw-cards,
	.paw-step-list {
		grid-template-columns: 1fr;
	}

	.paw-hero {
		padding-top: 112px;
	}

	.paw-aura span {
		width: 280px;
		height: 280px;
		filter: blur(26px);
		opacity: 0.72;
	}

	.paw-aura span:first-child {
		top: -20px;
		left: -150px;
	}

	.paw-aura span:last-child {
		right: -150px;
		bottom: -10px;
	}
}