:root {
	--wf-bg: #f4fbf4;
	--wf-surface: rgba(255, 255, 255, 0.88);
	--wf-surface-strong: #ffffff;
	--wf-surface-deep: #062a15;
	--wf-text: #082814;
	--wf-text-soft: #315d3c;
	--wf-text-muted: #6a806f;
	--wf-line: rgba(15, 112, 46, 0.14);
	--wf-primary: #118b3f;
	--wf-primary-strong: #006f2d;
	--wf-orange: #57aa3d;
	--wf-orange-deep: #064f23;
	--wf-yellow: #b7d942;
	--wf-blue-ink: #062a15;
	--wf-blue-ink-soft: #3f6447;
	--wf-slate: #10321c;
	--wf-slate-soft: #42694d;
	--wf-case-bg: #e8f7ee;
	--wf-cream: #e2f4df;
	--wf-shadow: 0 24px 54px rgba(8, 72, 28, 0.1);
	--wf-shadow-soft: 0 12px 28px rgba(8, 72, 28, 0.08);
	--wf-shadow-header: 0 20px 42px rgba(8, 72, 28, 0.12);
	--wf-radius-xl: 34px;
	--wf-radius-lg: 28px;
	--wf-radius-md: 18px;
	--wf-radius-sm: 14px;
	--wf-reveal-distance: 28px;
	--wf-container: 1324px;
	--wf-header-offset: 112px;
	--wf-peek-offset: clamp(72px, 8vw, 112px);
}

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

html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--wf-header-offset) + 26px);
}

body {
	margin: 0;
	font-family: "Geist", sans-serif;
	color: var(--wf-text);
	overflow-x: hidden;
	background:
		radial-gradient(circle at top right, rgba(255, 255, 255, 0.76), transparent 24%),
		radial-gradient(circle at 10% 10%, rgba(17, 139, 63, 0.14), transparent 28%),
		linear-gradient(180deg, var(--wf-bg), #e8f7ee 100%);
}

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

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

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.wf-container {
	width: min(calc(100% - 32px), var(--wf-container));
	margin: 0 auto;
}

.wf-site-header {
	position: fixed;
	top: clamp(14px, 2vw, 24px);
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 0;
	pointer-events: none;
	transition: top 220ms ease;
}

.wf-site-header::before {
	content: none;
}

.wf-site-header.is-scrolled {
	top: clamp(10px, 1.5vw, 16px);
}

body.admin-bar .wf-site-header {
	top: calc(32px + clamp(14px, 2vw, 24px));
}

.wf-primary-header {
	background: transparent;
	border-bottom: 0;
}

.wf-announcement {
	background: rgba(248, 253, 255, 0.86);
	border-bottom: 1px solid var(--wf-line);
}

.wf-announcement__inner,
.wf-primary-header__inner,
.wf-footer__inner {
	display: flex;
	align-items: center;
}

.wf-announcement__inner {
	min-height: 42px;
	gap: 18px;
	font-size: 12px;
	color: var(--wf-text-soft);
	font-family: "IBM Plex Mono", monospace;
}

.wf-announcement__pill {
	flex: 0 0 auto;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wf-primary);
	background: rgba(17, 139, 63, 0.12);
}

.wf-announcement__copy {
	margin: 0;
	flex: 1;
}

.wf-announcement__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	font-weight: 500;
}

.wf-announcement__review {
	color: var(--wf-primary);
}

.wf-primary-header__inner {
	min-height: 76px;
	gap: 20px;
	padding: 8px 10px 8px 12px;
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(232, 247, 238, 0.76)),
		rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(255, 255, 255, 0.78);
	box-shadow:
		0 22px 54px rgba(8, 72, 28, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(22px) saturate(1.16);
	-webkit-backdrop-filter: blur(22px) saturate(1.16);
	pointer-events: auto;
	transition:
		min-height 220ms ease,
		background-color 220ms ease,
		box-shadow 220ms ease,
		border-color 220ms ease;
}

.wf-site-header.is-scrolled .wf-primary-header__inner {
	min-height: 64px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 248, 239, 0.86)),
		rgba(255, 255, 255, 0.92);
	border-color: rgba(255, 255, 255, 0.9);
	box-shadow:
		0 16px 38px rgba(8, 72, 28, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.wf-brand {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	padding: 6px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow:
		0 12px 28px rgba(8, 72, 28, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.wf-brand__logo {
	display: block;
	width: clamp(132px, 12vw, 158px);
	height: auto;
}

.wf-brand__tagline {
	display: none;
}

.wf-header-account {
	display: none;
}

.wf-nav {
	flex: 1;
}

.wf-nav__list,
.wf-nav .menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.wf-nav__item a,
.wf-nav .menu-item a {
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(8, 40, 20, 0.72);
	text-shadow: none;
	transition:
		background-color 180ms ease,
		color 180ms ease,
		transform 180ms ease,
		opacity 180ms ease;
	padding: 10px 11px;
	border-radius: 999px;
}

.wf-nav__item a:hover,
.wf-nav .menu-item a:hover,
.wf-nav__item a.is-active,
.wf-nav .menu-item a.is-active {
	color: var(--wf-blue-ink);
	background: rgba(255, 255, 255, 0.58);
	transform: translateY(-1px);
}

.wf-nav__item a.is-active,
.wf-nav .menu-item a.is-active {
	box-shadow:
		inset 0 0 0 1px rgba(17, 139, 63, 0.16),
		0 8px 18px rgba(8, 72, 28, 0.08);
}

.wf-brand:focus-visible,
.wf-nav__item a:focus-visible,
.wf-nav .menu-item a:focus-visible,
.wf-language-switch__button:focus-visible,
.wf-language-switch__option:focus-visible,
.wf-header-utility:focus-visible,
.wf-pill:focus-visible,
.wf-slide__cta:focus-visible,
.wf-carousel__dot:focus-visible,
.wf-carousel__arrow:focus-visible,
.wf-product-forms__button:focus-visible,
.wf-product-card__button:focus-visible,
.wf-product-collection:focus-visible,
.wf-refill-planner__button:focus-visible,
.wf-storefront-routes__button:focus-visible,
.wf-storefront-route-card:focus-visible,
.wf-button:focus-visible,
.wf-resource-card:focus-visible,
.wf-resource-action:focus-visible,
.wf-home-quick-action:focus-visible,
.wf-site-footer-panel a:focus-visible {
	outline: 2px solid rgba(17, 139, 63, 0.82);
	outline-offset: 3px;
}

.wf-header-cta,
.wf-language-switch,
.wf-button-row,
.wf-chip-row,
.wf-carousel__controls,
.wf-carousel__nav {
	display: flex;
	align-items: center;
}

.wf-header-cta,
.wf-button-row,
.wf-chip-row {
	gap: 12px;
}

.wf-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
}

.wf-button:hover {
	transform: translateY(-1px);
	box-shadow: var(--wf-shadow-soft);
}

.wf-button--primary {
	background: var(--wf-primary);
	color: #fff;
}

.wf-button--ghost {
	border-color: rgba(14, 111, 80, 0.24);
	background: rgba(255, 255, 255, 0.74);
	color: var(--wf-primary-strong);
}

.wf-header-cta {
	margin-left: auto;
}

.wf-language-switch {
	flex: 0 0 auto;
	position: relative;
	min-width: 74px;
	min-height: 44px;
	padding: 0;
	overflow: visible;
}

.wf-language-switch__button::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid rgba(8, 40, 20, 0.7);
	border-bottom: 1.5px solid rgba(8, 40, 20, 0.7);
	pointer-events: none;
	transform: translateY(-64%) rotate(45deg);
	transition: transform 180ms ease;
}

.wf-language-switch.is-open .wf-language-switch__button::after {
	transform: translateY(-30%) rotate(225deg);
}

.wf-language-switch__button {
	position: relative;
	width: 100%;
	min-height: 44px;
	padding: 0 32px 0 18px;
	border: 1px solid rgba(15, 112, 46, 0.16);
	border-radius: 999px;
	background:
		radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.96), transparent 38%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(232, 247, 238, 0.78)),
		rgba(255, 255, 255, 0.62);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		inset 0 -10px 18px rgba(232, 247, 238, 0.58),
		0 12px 26px rgba(8, 72, 28, 0.1);
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--wf-blue-ink);
	cursor: pointer;
	outline: 0;
	transition:
		background-color 180ms ease,
		box-shadow 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}

.wf-language-switch__button:hover,
.wf-language-switch.is-open .wf-language-switch__button {
	background:
		radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 1), transparent 40%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(232, 247, 238, 0.9)),
		rgba(255, 255, 255, 0.76);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.96),
		inset 0 -10px 18px rgba(232, 247, 238, 0.66),
		0 16px 34px rgba(8, 72, 28, 0.14);
	transform: translateY(-1px);
}

.wf-language-switch__menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 40;
	display: grid;
	gap: 4px;
	width: 132px;
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, 0.76);
	border-radius: 18px;
	background:
		radial-gradient(circle at 24% 10%, rgba(255, 255, 255, 0.98), transparent 44%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(232, 247, 238, 0.92)),
		rgba(248, 253, 250, 0.94);
	box-shadow:
		0 24px 48px rgba(8, 72, 28, 0.2),
		0 9px 20px rgba(8, 72, 28, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-6px) scale(0.96);
	transform-origin: top right;
	transition:
		opacity 160ms ease,
		transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.wf-language-switch__menu::before {
	content: "";
	position: absolute;
	top: -6px;
	right: 24px;
	width: 12px;
	height: 12px;
	border-left: 1px solid rgba(255, 255, 255, 0.76);
	border-top: 1px solid rgba(255, 255, 255, 0.76);
	background: rgba(248, 253, 250, 0.96);
	transform: rotate(45deg);
}

.wf-language-switch.is-open .wf-language-switch__menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.wf-language-switch__option {
	position: relative;
	display: grid;
	grid-template-columns: 30px 1fr;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 10px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: transparent;
	color: rgba(8, 40, 20, 0.72);
	font-family: "IBM Plex Mono", monospace;
	text-align: left;
	cursor: pointer;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease,
		color 160ms ease,
		transform 160ms ease;
}

.wf-language-switch__option span {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.wf-language-switch__option small {
	font-size: 10px;
	font-weight: 600;
	color: rgba(49, 93, 60, 0.72);
}

.wf-language-switch__option:hover {
	background: rgba(255, 255, 255, 0.76);
	border-color: rgba(15, 112, 46, 0.12);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		inset 0 -8px 14px rgba(232, 247, 238, 0.55),
		0 10px 20px rgba(8, 72, 28, 0.09);
	transform: translateY(-1px);
}

.wf-language-switch__option.is-active {
	color: #fff;
	background: linear-gradient(145deg, var(--wf-primary), var(--wf-primary-strong));
	border-color: rgba(255, 255, 255, 0.22);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.26),
		0 10px 20px rgba(17, 139, 63, 0.28);
}

.wf-language-switch__option.is-active small {
	color: rgba(255, 255, 255, 0.78);
}

.wf-header-utility {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid rgba(15, 112, 46, 0.14);
	background: rgba(255, 255, 255, 0.56);
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wf-text);
	transition:
		background-color 180ms ease,
		transform 180ms ease;
}

.wf-header-utility:hover {
	background: rgba(255, 255, 255, 0.82);
	transform: translateY(-1px);
}

.wf-pill,
.wf-slide__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 22px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	transition:
		transform 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.wf-header-cta .wf-pill {
	min-height: 44px;
	padding: 0 18px;
	font-size: 11px;
	letter-spacing: 0.1em;
}

.wf-pill:hover,
.wf-slide__cta:hover {
	transform: translateY(-1px);
}

.wf-pill--primary,
.wf-slide__cta {
	color: #fff;
	background: linear-gradient(145deg, var(--wf-primary), var(--wf-primary-strong));
	box-shadow: 0 10px 24px rgba(17, 139, 63, 0.28);
}

.wf-pill--soft {
	background: rgba(255, 255, 255, 0.86);
	border-color: var(--wf-line);
}

.wf-pill--ghost {
	background: transparent;
	border-color: rgba(61, 61, 61, 0.16);
}

.wf-menu-toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(15, 112, 46, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
}

.wf-menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	margin: 0 auto;
	background: var(--wf-text);
	border-radius: 999px;
	transition: transform 180ms ease, opacity 180ms ease;
}

.wf-main {
	padding-top: calc(var(--wf-header-offset) + 24px);
}

.wf-main--home-pen {
	padding-top: 0;
	padding-bottom: 0;
}

.wf-motion-ready [data-reveal] {
	opacity: 0;
	transform: translateY(var(--wf-reveal-distance));
	transition:
		opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--wf-reveal-delay, 0ms);
	will-change: opacity, transform;
}

.wf-motion-ready [data-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

.wf-home-hero,
.wf-storyboard,
.wf-carousel-block,
.wf-market-section,
.wf-credibility,
.wf-solutions,
.wf-blog,
.wf-closing-cta {
	padding-bottom: 32px;
}

.wf-home-hero {
	position: relative;
	z-index: 2;
	margin-top: calc(var(--wf-peek-offset) * -1);
	padding-top: 0;
}

.wf-home-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.24fr);
	gap: 16px;
}

.wf-editorial-card,
.wf-scene-card,
.wf-storyboard__panel,
.wf-carousel,
.wf-market-tile,
.wf-footer__inner,
.wf-generic-page__inner {
	border-radius: var(--wf-radius-xl);
	box-shadow: var(--wf-shadow);
}

.wf-editorial-card,
.wf-storyboard__panel,
.wf-carousel,
.wf-footer__inner,
.wf-generic-page__inner {
	background: linear-gradient(180deg, rgba(248, 253, 255, 0.96), rgba(235, 248, 252, 0.92));
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.wf-editorial-card {
	padding: 26px 24px 22px;
}

.wf-section-kicker,
.wf-slide__label,
.wf-footer__eyebrow,
.wf-hero-mini-card p {
	margin: 0 0 14px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wf-primary);
}

.wf-editorial-card h1,
.wf-storyboard__copy h2,
.wf-carousel-intro h2,
.wf-market-section__title,
.wf-footer h2,
.wf-generic-page__inner h1 {
	margin: 0;
	font-family: "Anton", sans-serif;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.wf-editorial-card h1 {
	max-width: 12ch;
	font-size: clamp(64px, 9vw, 108px);
	line-height: 0.88;
}

.wf-editorial-card__copy,
.wf-storyboard__copy p,
.wf-carousel-intro p,
.wf-market-section__copy,
.wf-slide__description,
.wf-footer p,
.wf-generic-page__inner {
	color: var(--wf-text-soft);
	font-size: 15px;
	line-height: 1.75;
}

.wf-editorial-card__copy {
	max-width: 58ch;
	margin: 18px 0 22px;
}

.wf-stat-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 22px;
}

.wf-stat-card,
.wf-hero-mini-card,
.wf-chip {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(15, 112, 46, 0.1);
	box-shadow: var(--wf-shadow-soft);
}

.wf-stat-card {
	display: grid;
	gap: 4px;
	padding: 16px 14px;
	border-radius: var(--wf-radius-md);
}

.wf-stat-card strong {
	font-family: "Anton", sans-serif;
	font-size: 38px;
	line-height: 0.9;
}

.wf-stat-card span {
	font-size: 11px;
	color: var(--wf-text-soft);
}

.wf-scene-card {
	position: relative;
	min-height: 100%;
	overflow: hidden;
	background: linear-gradient(180deg, #d8f5df, #57aa3d 44%, #062a15 100%);
	border: 1px solid rgba(15, 112, 46, 0.12);
}

.wf-scene-card__media {
	position: relative;
	min-height: 100%;
	background-image:
		linear-gradient(180deg, rgba(181, 239, 249, 0.28), rgba(5, 40, 53, 0.52)),
		var(--scene-image);
	background-size: cover;
	background-position: center;
	filter: saturate(0.9) contrast(0.98);
}

.wf-scene-card__wash {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 34% 34%, rgba(219, 255, 255, 0.72), transparent 25%),
		radial-gradient(circle at 68% 38%, rgba(155, 233, 244, 0.58), transparent 22%),
		linear-gradient(180deg, transparent 42%, rgba(5, 40, 53, 0.58) 43%),
		linear-gradient(156deg, transparent 62%, rgba(6, 42, 21, 0.88) 62%);
	mix-blend-mode: screen;
}

.wf-scene-card__shape {
	position: absolute;
	background: rgba(198, 248, 255, 0.44);
	filter: blur(1px);
	border-radius: 999px;
}

.wf-scene-card__shape--one {
	top: 18%;
	left: 24%;
	width: 34%;
	height: 18%;
}

.wf-scene-card__shape--two {
	top: 24%;
	right: 8%;
	width: 42%;
	height: 22%;
}

.wf-scene-card__badge {
	position: absolute;
	z-index: 2;
	max-width: 220px;
	padding: 12px 14px;
	border-radius: 18px;
	background: rgba(248, 253, 255, 0.94);
	border: 1px solid rgba(15, 112, 46, 0.1);
	box-shadow: var(--wf-shadow-soft);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.45;
	text-transform: uppercase;
}

.wf-scene-card__badge--top {
	top: 18px;
	left: 18px;
}

.wf-scene-card__badge--bottom {
	right: 18px;
	bottom: 18px;
}

.wf-hero-card-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.wf-hero-mini-card {
	padding: 16px 16px 18px;
	border-radius: 22px;
}

.wf-hero-mini-card h2 {
	margin: 0;
	font-family: "Anton", sans-serif;
	font-size: clamp(28px, 3vw, 38px);
	line-height: 0.92;
	text-transform: uppercase;
	font-weight: 400;
}

.wf-storyboard {
	position: relative;
	z-index: 3;
	margin-top: calc(var(--wf-peek-offset) * -1);
	padding-top: 0;
}

.wf-storyboard__panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	max-width: min(980px, calc(100% - 56px));
	margin-left: auto;
	padding: 28px 30px 30px;
	border-radius: 30px;
	background: linear-gradient(180deg, rgba(248, 253, 255, 0.98), rgba(235, 248, 252, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.68);
	box-shadow: 0 24px 54px rgba(8, 72, 28, 0.12);
}

.wf-storyboard__copy h2,
.wf-carousel-intro h2,
.wf-market-section__title,
.wf-footer h2 {
	font-size: clamp(42px, 4vw, 64px);
	line-height: 0.9;
	max-width: 15ch;
}

.wf-chip-row {
	flex-wrap: wrap;
	justify-content: flex-end;
	max-width: 580px;
}

.wf-chip {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 16px;
	border-radius: 999px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.7);
	color: var(--wf-text-soft);
}

.wf-carousel-intro {
	margin: 8px 0 18px;
}

.wf-carousel-intro h2 {
	max-width: 11ch;
}

.wf-carousel {
	position: relative;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.wf-carousel-block--hero {
	padding-top: 0;
	padding-bottom: 0;
	background:
		radial-gradient(circle at 22% 18%, rgba(17, 139, 63, 0.24), transparent 26%),
		radial-gradient(circle at 76% 10%, rgba(0, 166, 200, 0.16), transparent 24%),
		linear-gradient(180deg, #062a15 0%, #051f10 100%);
}

.wf-carousel-block--hero .wf-container {
	width: min(calc(100% - 56px), 1440px);
}

.wf-carousel__viewport {
	overflow: hidden;
	border-radius: 0 0 var(--wf-radius-xl) var(--wf-radius-xl);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-top: 0;
	box-shadow: 0 24px 54px rgba(8, 72, 28, 0.18);
}

.wf-carousel__track {
	display: flex;
	transition: transform 540ms cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

.wf-slide {
	position: relative;
	flex: 0 0 100%;
	min-height: clamp(540px, 52vw, 688px);
	padding: 38px 40px 32px;
	background:
		linear-gradient(180deg, rgba(6, 42, 21, 0.12), rgba(6, 42, 21, 0.72)),
		var(--slide-image);
	background-size: cover;
	background-position: center;
	color: #fff;
}

.wf-carousel-block--hero .wf-slide {
	min-height: clamp(540px, 52vw, 688px);
	padding: clamp(26px, 3vw, 40px);
}

.wf-slide__overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(4, 24, 18, 0.88) 0%, rgba(4, 42, 33, 0.72) 34%, rgba(4, 42, 33, 0.34) 62%, rgba(4, 20, 17, 0.18) 100%),
		radial-gradient(circle at 24% 38%, rgba(22, 147, 86, 0.3), transparent 26%),
		linear-gradient(180deg, rgba(5, 38, 26, 0.16) 0%, rgba(4, 28, 18, 0.82) 100%);
}

.wf-slide__badge {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(248, 253, 255, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.32);
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wf-text-soft);
}

.wf-slide__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 100%;
	max-width: min(720px, 58vw);
	padding: clamp(150px, 15vw, 204px) 0 128px;
	text-align: left;
}

.wf-carousel-block--hero .wf-slide__content {
	min-height: 100%;
}

.wf-slide__badge,
.wf-slide__content > * {
	opacity: 0;
	transform: translateY(18px);
	transition:
		opacity 560ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
}

.wf-slide__badge {
	transition-delay: 30ms;
}

.wf-slide__content > *:nth-child(1) {
	transition-delay: 80ms;
}

.wf-slide__content > *:nth-child(2) {
	transition-delay: 140ms;
}

.wf-slide__content > *:nth-child(3) {
	transition-delay: 200ms;
}

.wf-slide__content > *:nth-child(4) {
	transition-delay: 260ms;
}

.wf-slide.is-active .wf-slide__badge,
.wf-slide.is-active .wf-slide__content > * {
	opacity: 1;
	transform: translateY(0);
}

.wf-slide__eyebrow {
	margin: 0 0 16px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(240, 255, 246, 0.88);
}

.wf-slide__title {
	margin: 0;
	max-width: 760px;
	font-family: "Geist", "PingFang SC", "Microsoft YaHei", sans-serif;
	font-size: clamp(42px, 4.65vw, 70px);
	line-height: 1.06;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: #f8fdff;
	text-wrap: balance;
	text-shadow: 0 16px 42px rgba(0, 0, 0, 0.34);
}

.wf-slide__title span {
	display: block;
	margin-top: 0.03em;
}

.wf-slide__description {
	max-width: 590px;
	margin: 20px 0 28px;
	color: rgba(225, 247, 241, 0.92);
	font-size: clamp(15px, 1.35vw, 18px);
	line-height: 1.72;
	font-weight: 500;
	text-wrap: pretty;
}

.wf-slide__cta {
	min-width: 0;
	width: fit-content;
	max-width: 100%;
	min-height: 48px;
	padding: 0 24px;
	box-shadow: 0 16px 34px rgba(0, 95, 48, 0.28);
}

.wf-carousel__controls {
	position: absolute;
	right: clamp(28px, 4vw, 58px);
	bottom: clamp(26px, 3vw, 40px);
	left: clamp(28px, 4vw, 58px);
	z-index: 4;
	justify-content: space-between;
	gap: 20px;
}

.wf-carousel__dots {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 12px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background: rgba(7, 30, 22, 0.28);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(10px);
}

.wf-carousel__dot {
	width: 7px;
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(238, 249, 245, 0.44);
	transition: width 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.wf-carousel__dot.is-active {
	width: 26px;
	background: #f6fff9;
	transform: none;
}

.wf-carousel__nav {
	gap: 12px;
	padding: 6px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(5, 24, 18, 0.26);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(12px);
}

.wf-carousel__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(235, 250, 244, 0.48);
	border-radius: 999px;
	background: rgba(10, 33, 25, 0.52);
	color: rgba(246, 255, 250, 0.92);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
	line-height: 1;
	transition:
		transform 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.wf-carousel__arrow span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wf-carousel__arrow svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.wf-carousel__arrow:hover {
	transform: translateY(-1px);
	border-color: rgba(246, 255, 250, 0.74);
	background: rgba(14, 48, 36, 0.72);
}

.wf-carousel__arrow:last-child {
	border-color: rgba(255, 255, 255, 0.84);
	background: #f7fbf4;
	color: #0c2419;
	box-shadow: 0 10px 26px rgba(2, 22, 13, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.wf-carousel__arrow:last-child:hover {
	background: #ffffff;
	border-color: #ffffff;
}

.wf-tech {
	padding-top: 0;
	padding-bottom: 0;
	background:
		radial-gradient(circle at 18% 28%, rgba(17, 139, 63, 0.16), transparent 22%),
		radial-gradient(circle at 78% 56%, rgba(183, 217, 66, 0.14), transparent 24%),
		linear-gradient(180deg, #f0faf2 0%, #ddefe3 100%);
}

.wf-tech .wf-container {
	width: min(calc(100% - 92px), 1348px);
}

.wf-tech__grid {
	display: grid;
	grid-template-columns: 540px minmax(0, 1fr);
	align-items: center;
	gap: 90px;
	min-height: 688px;
}

.wf-tech__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 26px;
	max-width: 540px;
}

.wf-tech__eyebrow {
	margin: 0;
	font-family: "IBM Plex Mono", monospace;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #44546a;
}

.wf-tech__title {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: clamp(28px, 2.8vw, 34px);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.03em;
	color: #1f3554;
}

.wf-tech__quote {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 400;
	line-height: 1.34;
	letter-spacing: -0.03em;
	color: #1f3554;
	text-wrap: balance;
}

.wf-tech__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 64px;
	padding: 0 36px;
	border-radius: 999px;
	background: var(--wf-primary-strong);
	box-shadow: 0 10px 24px rgba(17, 139, 63, 0.22);
	font-family: "Geist", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wf-tech__cta:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(17, 139, 63, 0.26);
}

.wf-tech__visual {
	position: relative;
	height: 470px;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 12px 28px rgba(26, 26, 26, 0.11);
	background: #cceef5;
}

.wf-tech__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.82) contrast(0.96);
}

.wf-tech__band,
.wf-tech__band-tail,
.wf-tech__band-copy {
	position: absolute;
	z-index: 2;
}

.wf-tech__band {
	left: -18px;
	top: 252px;
	width: 834px;
	height: 84px;
	background: var(--wf-yellow);
	transform: rotate(-6deg);
}

.wf-tech__band-tail {
	right: -132px;
	top: 306px;
	width: 338px;
	height: 92px;
	background: var(--wf-yellow);
	transform: rotate(-42deg);
}

.wf-tech__band-copy {
	top: 270px;
	left: 348px;
	font-family: "Anton", sans-serif;
	font-size: 46px;
	line-height: 1;
	text-transform: uppercase;
	color: #06313e;
	transform: rotate(-6deg);
}

.wf-home-pathfinder,
.wf-home-flow,
.wf-procurement-band {
	padding: clamp(72px, 8vw, 118px) 0;
}

.wf-home-pathfinder__inner,
.wf-home-flow__inner,
.wf-procurement-band__inner {
	width: min(calc(100% - 48px), 1328px);
	margin: 0 auto;
}

.wf-home-pathfinder__header {
	display: grid;
	gap: 14px;
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}

.wf-home-pathfinder__header h2,
.wf-home-flow__copy h2,
.wf-procurement-band__copy h2 {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-weight: 650;
	letter-spacing: -0.04em;
	color: var(--wf-text);
}

.wf-home-pathfinder__header h2 {
	font-size: clamp(34px, 5vw, 64px);
	line-height: 0.96;
}

.wf-home-pathfinder__header p,
.wf-home-flow__copy > p,
.wf-procurement-band__copy > span {
	margin: 0;
	font-size: clamp(15px, 1.25vw, 18px);
	line-height: 1.55;
	color: var(--wf-text-soft);
}

.wf-home-pathfinder__grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1.2fr;
	gap: 18px;
	align-items: stretch;
}

.wf-home-path-card {
	position: relative;
	display: grid;
	grid-template-rows: minmax(240px, 1fr) auto auto;
	overflow: hidden;
	min-height: 620px;
	border: 1px solid rgba(13, 91, 42, 0.16);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 28px 70px rgba(8, 72, 28, 0.11);
	transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}

.wf-home-path-card:hover,
.wf-home-path-card:focus-visible {
	transform: translateY(-8px);
	border-color: rgba(17, 139, 63, 0.34);
	box-shadow: 0 34px 86px rgba(8, 72, 28, 0.16);
}

.wf-home-path-card__media {
	position: relative;
	overflow: hidden;
	background: #e8f7ee;
}

.wf-home-path-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(8, 40, 20, 0.22));
}

.wf-home-path-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 440ms ease;
}

.wf-home-path-card:hover .wf-home-path-card__media img,
.wf-home-path-card:focus-visible .wf-home-path-card__media img {
	transform: scale(1.045);
}

.wf-home-path-card__copy {
	display: grid;
	gap: 12px;
	padding: 26px 26px 20px;
}

.wf-home-path-card__label,
.wf-procurement-band__copy > p {
	margin: 0;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wf-primary-strong);
}

.wf-home-path-card__copy strong {
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.02;
	letter-spacing: -0.035em;
	color: var(--wf-text);
}

.wf-home-path-card__copy span:last-child {
	font-size: 14px;
	line-height: 1.52;
	color: var(--wf-text-soft);
}

.wf-home-path-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 26px 24px;
	border-top: 1px solid rgba(13, 91, 42, 0.12);
}

.wf-home-path-card__footer span {
	font-size: 12px;
	font-weight: 700;
	color: var(--wf-blue-ink-soft);
}

.wf-home-path-card__footer b,
.wf-procurement-band__copy a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border-radius: 999px;
	background: var(--wf-primary);
	padding: 0 18px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ffffff;
	white-space: nowrap;
}

.wf-home-path-card--commercial {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(232, 247, 238, 0.92)),
		#ffffff;
}

.wf-home-pathfinder__proof {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}

.wf-home-pathfinder__proof span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	border: 1px solid rgba(13, 91, 42, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	padding: 0 14px;
	font-size: 13px;
	font-weight: 650;
	color: var(--wf-text-soft);
}

.wf-home-flow {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(198, 237, 223, 0.52)),
		linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.64));
}

.wf-home-flow__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: clamp(28px, 5vw, 76px);
	align-items: center;
}

.wf-home-flow__visual {
	overflow: hidden;
	border-radius: 28px;
	background: #dff4ea;
	box-shadow: 0 34px 86px rgba(8, 72, 28, 0.16);
}

.wf-home-flow__visual img {
	width: 100%;
	aspect-ratio: 5 / 6;
	object-fit: cover;
}

.wf-home-flow__copy {
	display: grid;
	gap: 20px;
}

.wf-home-flow__copy h2,
.wf-procurement-band__copy h2 {
	font-size: clamp(34px, 4.8vw, 68px);
	line-height: 0.98;
}

.wf-home-flow__steps {
	display: grid;
	gap: 12px;
	margin-top: 8px;
}

.wf-home-flow-step {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 16px;
	align-items: start;
	padding: 18px;
	border: 1px solid rgba(13, 91, 42, 0.13);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.74);
}

.wf-home-flow-step > span {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--wf-text);
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
}

.wf-home-flow-step h3 {
	margin: 0;
	font-size: 18px;
	line-height: 1.15;
	color: var(--wf-text);
}

.wf-home-flow-step p {
	margin: 6px 0 0;
	font-size: 14px;
	line-height: 1.48;
	color: var(--wf-text-soft);
}

.wf-procurement-band {
	padding-top: clamp(70px, 8vw, 120px);
	padding-bottom: clamp(70px, 8vw, 120px);
	background: #062a15;
	color: #ffffff;
}

.wf-procurement-band__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: center;
}

.wf-procurement-band__copy {
	display: grid;
	gap: 18px;
}

.wf-procurement-band__copy > p {
	color: #9fe3b8;
}

.wf-procurement-band__copy h2,
.wf-procurement-band__copy > span {
	color: #ffffff;
}

.wf-procurement-band__copy > span {
	max-width: 58ch;
	color: rgba(246, 255, 250, 0.78);
}

.wf-procurement-band__copy a {
	width: fit-content;
	background: #ffffff;
	color: #062a15;
}

.wf-procurement-band__panel {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 0.72fr);
	gap: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 34px 86px rgba(0, 0, 0, 0.22);
}

.wf-procurement-band__panel img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
}

.wf-procurement-band__panel ul {
	display: grid;
	align-content: center;
	gap: 16px;
	margin: 0;
	padding: 28px;
	list-style: none;
}

.wf-procurement-band__panel li {
	padding: 0 0 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	font-size: 15px;
	line-height: 1.35;
	color: rgba(246, 255, 250, 0.88);
}

.wf-procurement-band__panel li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

@media (max-width: 1024px) {
	.wf-home-pathfinder__grid,
	.wf-home-flow__inner,
	.wf-procurement-band__inner,
	.wf-procurement-band__panel {
		grid-template-columns: 1fr;
	}

	.wf-home-path-card {
		min-height: auto;
		grid-template-rows: minmax(260px, 360px) auto auto;
	}

	.wf-procurement-band__panel img {
		min-height: 320px;
	}
}

@media (max-width: 640px) {
	.wf-home-pathfinder,
	.wf-home-flow,
	.wf-procurement-band {
		padding: 58px 0;
	}

	.wf-home-pathfinder__inner,
	.wf-home-flow__inner,
	.wf-procurement-band__inner {
		width: min(calc(100% - 28px), 1328px);
	}

	.wf-home-pathfinder__header {
		text-align: left;
	}

	.wf-home-pathfinder__header h2,
	.wf-home-flow__copy h2,
	.wf-procurement-band__copy h2 {
		font-size: clamp(31px, 10vw, 42px);
		line-height: 1.02;
	}

	.wf-home-path-card {
		border-radius: 22px;
		grid-template-rows: 230px auto auto;
	}

	.wf-home-path-card__copy {
		padding: 22px 20px 16px;
	}

	.wf-home-path-card__footer {
		align-items: flex-start;
		flex-direction: column;
		padding: 16px 20px 22px;
	}

	.wf-home-path-card__footer b,
	.wf-procurement-band__copy a {
		width: 100%;
	}

	.wf-home-flow__visual,
	.wf-procurement-band__panel {
		border-radius: 22px;
	}

	.wf-home-flow-step {
		grid-template-columns: 44px 1fr;
		padding: 16px;
	}

	.wf-home-flow-step > span {
		width: 36px;
		height: 36px;
	}

	.wf-procurement-band__panel ul {
		padding: 22px;
	}
}

.wf-industries {
	padding: 82px 0 56px;
}

.wf-industries__inner,
.wf-coverage__inner {
	width: min(calc(100% - 48px), 1336px);
	margin: 0 auto;
}

.wf-industries__title,
.wf-coverage__title {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.03em;
	text-align: center;
	color: #303844;
}

.wf-industries__title {
	font-size: clamp(22px, 2.4vw, 30px);
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.wf-industries__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: 220px 204px 260px;
	gap: 12px;
	margin-top: 26px;
}

.wf-industries-card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-radius: 12px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(255, 208, 148, 0.32), rgba(16, 13, 10, 0.58)),
		var(--industry-image);
	background-position: center;
	background-size: cover;
	box-shadow: 0 18px 36px rgba(26, 26, 26, 0.09);
}

.wf-industries-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(255, 250, 242, 0.08), transparent 30%),
		linear-gradient(180deg, transparent 38%, rgba(14, 10, 7, 0.54));
}

.wf-industries-card--ranches {
	grid-column: 1 / span 6;
	grid-row: 1;
}

.wf-industries-card--homes {
	grid-column: 7 / span 3;
	grid-row: 1;
}

.wf-industries-card--enterprise {
	grid-column: 10 / span 3;
	grid-row: 1;
}

.wf-industries-card--utilities {
	grid-column: 1 / span 3;
	grid-row: 2 / span 2;
}

.wf-industries-card--small-business {
	grid-column: 4 / span 6;
	grid-row: 2;
}

.wf-industries-card--responders {
	grid-column: 4 / span 6;
	grid-row: 3;
}

.wf-industries-card--military {
	grid-column: 10 / span 3;
	grid-row: 2 / span 2;
}

.wf-industries-card__title {
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: clamp(18px, 1.7vw, 22px);
	font-weight: 600;
	line-height: 1.12;
	text-align: center;
	color: #fff;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.46);
}

.wf-industries-card__title span {
	display: block;
}

.wf-testimonial {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 274px;
	margin: 26px 0 0;
	padding: 18px 28px 26px;
	border-radius: 16px;
	background: #fffcf8;
	border: 1px solid #f2e6d8;
	box-shadow: 0 12px 28px rgba(26, 26, 26, 0.06);
	text-align: center;
}

.wf-testimonial__quote-mark {
	font-family: "Geist", sans-serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	color: #ff6a00;
}

.wf-testimonial__quote {
	margin: 0;
}

.wf-testimonial__quote p {
	max-width: 1120px;
	margin: 0;
	font-size: 18px;
	line-height: 1.48;
	color: #2a2e33;
}

.wf-testimonial__author {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.wf-testimonial__author-badge {
	font-family: "IBM Plex Mono", monospace;
	font-size: 18px;
	font-weight: 500;
	color: #ff6a00;
}

.wf-testimonial__author-copy {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	align-items: flex-start;
	text-align: left;
}

.wf-testimonial__author-copy strong {
	font-size: 12px;
	font-weight: 600;
	color: #2a2e33;
}

.wf-testimonial__author-copy span {
	font-size: 10px;
	color: #8b8e92;
}

.wf-statement-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 176px;
	margin: 66px 0 94px;
	padding: 44px 24px;
	background: var(--wf-orange-deep);
}

.wf-statement-banner__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: min(100%, 980px);
	text-align: center;
}

.wf-statement-banner__lockup {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.wf-statement-banner__wordmark {
	display: inline-flex;
	align-items: center;
	font-family: "Anton", sans-serif;
	font-size: 34px;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
}

.wf-statement-banner__wordmark .is-accent {
	color: #f39a1f;
}

.wf-statement-banner__subline {
	margin: 0;
	font-size: 10px;
	color: #f8ddcc;
}

.wf-statement-banner__statement {
	margin: 0;
	max-width: 820px;
	font-family: "Geist", sans-serif;
	font-size: clamp(22px, 2.1vw, 30px);
	font-weight: 600;
	line-height: 1.15;
	color: #fff;
}

.wf-statement-banner__statement span {
	display: block;
}

.wf-coverage {
	padding: 0 0 96px;
}

.wf-coverage__title {
	font-size: clamp(24px, 2.6vw, 34px);
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.wf-coverage__showcase {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(460px, 576px) minmax(220px, 1fr);
	align-items: center;
	gap: 18px;
	min-height: 600px;
	margin-top: 36px;
}

.wf-coverage__column {
	display: grid;
	gap: 56px;
}

.wf-coverage__column--left {
	justify-items: start;
	text-align: left;
}

.wf-coverage__column--right {
	justify-items: end;
	text-align: right;
}

.wf-coverage-copy-card h3,
.wf-services-intro__lead,
.wf-services-intro__title {
	margin: 0;
	font-family: "Geist", sans-serif;
	letter-spacing: -0.03em;
}

.wf-coverage-copy-card h3 {
	font-size: clamp(20px, 1.9vw, 24px);
	font-weight: 700;
	line-height: 1.1;
	color: #141414;
}

.wf-coverage-copy-card p {
	max-width: 230px;
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.34;
	color: #333;
}

.wf-coverage-wheel {
	position: relative;
	width: min(100%, 576px);
	aspect-ratio: 576 / 560;
	justify-self: center;
}

.wf-coverage-wheel__item,
.wf-coverage-wheel__center {
	position: absolute;
	border-radius: 999px;
}

.wf-coverage-wheel__item {
	background: var(--wheel-image);
	background-position: center;
	background-size: cover;
	border: 12px solid #fff7ef;
	box-shadow: 0 16px 32px rgba(26, 26, 26, 0.12);
}

.wf-coverage-wheel__item--pre-treatment {
	top: 0;
	left: 22%;
	width: 35.4%;
	aspect-ratio: 1;
}

.wf-coverage-wheel__item--fire-ready {
	top: 0;
	right: 6%;
	width: 35.4%;
	aspect-ratio: 1;
}

.wf-coverage-wheel__item--homeowner {
	top: 31.8%;
	left: 1%;
	width: 35.4%;
	aspect-ratio: 1;
}

.wf-coverage-wheel__item--komodo-911 {
	top: 31.8%;
	right: 1%;
	width: 35.4%;
	aspect-ratio: 1;
}

.wf-coverage-wheel__item--fireblock {
	bottom: 0;
	left: 22%;
	width: 35.4%;
	aspect-ratio: 1;
}

.wf-coverage-wheel__item--dome {
	right: 6%;
	bottom: 0;
	width: 35.4%;
	aspect-ratio: 1;
}

.wf-coverage-wheel__center {
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: min(41.7%, 240px);
	aspect-ratio: 1;
	padding: 22px 24px;
	border: 8px solid #f4e7d5;
	background: #fff;
	transform: translate(-50%, -50%);
	text-align: center;
}

.wf-coverage-wheel__center strong,
.wf-coverage-wheel__center span {
	white-space: pre-line;
}

.wf-coverage-wheel__center strong {
	font-size: 16px;
	line-height: 1.16;
	color: #20252b;
}

.wf-coverage-wheel__center span {
	font-size: 12px;
	line-height: 1.28;
	color: #2e343b;
}

.wf-coverage-wheel__center small {
	font-family: "IBM Plex Mono", monospace;
	font-size: 8px;
	line-height: 1.2;
	color: #7d8288;
}

.wf-services-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: min(100%, 920px);
	margin-top: 48px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wf-services-intro__lead {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.08;
	color: var(--wf-slate);
}

.wf-services-intro__title {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.12;
	color: var(--wf-slate-soft);
}

.wf-services-intro__button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border-radius: 999px;
	border: 1px solid #9aa0a8;
	background: #fff;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #1f2630;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.wf-services-intro__button:hover,
.wf-service-card__button:hover {
	transform: translateY(-1px);
}

.wf-services-intro__button:hover {
	border-color: #6f7781;
	box-shadow: var(--wf-shadow-soft);
}

.wf-services-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	width: min(100%, 1228px);
	margin-top: 34px;
	margin-left: auto;
	margin-right: auto;
}

.wf-service-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	background: #242934;
	box-shadow: 0 20px 40px rgba(20, 23, 28, 0.12);
	transition: transform 220ms ease, box-shadow 220ms ease;
}

.wf-service-card:hover,
.wf-service-card:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 26px 48px rgba(20, 23, 28, 0.16);
}

.wf-service-card__media {
	aspect-ratio: 292 / 266;
	overflow: hidden;
}

.wf-service-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 360ms ease;
}

.wf-service-card:hover .wf-service-card__media img,
.wf-service-card:focus-within .wf-service-card__media img {
	transform: scale(1.04);
}

.wf-service-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 14px 18px 20px;
	text-align: center;
}

.wf-service-card__body h3 {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.wf-service-card__body p {
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	color: #e3e7ec;
}

.wf-service-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--wf-yellow);
	font-family: "Geist", sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #1a1a1a;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wf-home-assurance {
	padding: 74px 0;
	background:
		linear-gradient(135deg, rgba(235, 249, 243, 0.92), rgba(247, 252, 253, 0.98)),
		var(--wf-mint);
}

.wf-home-assurance__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.72fr);
	gap: 32px;
	width: min(calc(100% - 48px), 1280px);
	margin: 0 auto;
}

.wf-home-assurance__copy,
.wf-home-assurance__media,
.wf-home-assurance__grid {
	border: 1px solid rgba(20, 94, 70, 0.12);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 24px 60px rgba(13, 67, 54, 0.1);
}

.wf-home-assurance__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 18px;
	padding: clamp(28px, 4vw, 52px);
}

.wf-home-assurance__eyebrow {
	margin: 0;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wf-primary-strong);
}

.wf-home-assurance__copy h2 {
	max-width: 680px;
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: clamp(32px, 5vw, 58px);
	font-weight: 760;
	line-height: 0.98;
	letter-spacing: 0;
	color: var(--wf-text);
}

.wf-home-assurance__copy p:not(.wf-home-assurance__eyebrow) {
	max-width: 680px;
	margin: 0;
	font-size: 17px;
	line-height: 1.62;
	color: var(--wf-text-soft);
}

.wf-home-assurance__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 8px;
}

.wf-home-assurance__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 760;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.wf-home-assurance__button--primary {
	background: var(--wf-primary-strong);
	color: #fff;
	box-shadow: 0 16px 34px rgba(14, 111, 80, 0.18);
}

.wf-home-assurance__button--secondary {
	border: 1px solid rgba(14, 111, 80, 0.24);
	background: #fff;
	color: var(--wf-primary-strong);
}

.wf-home-assurance__button:hover,
.wf-home-assurance__button:focus-visible,
.wf-assurance-card:hover,
.wf-assurance-card:focus-visible {
	transform: translateY(-2px);
}

.wf-home-assurance__media {
	overflow: hidden;
	min-height: 390px;
}

.wf-home-assurance__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wf-home-assurance__grid {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	padding: 1px;
	background: rgba(20, 94, 70, 0.12);
}

.wf-assurance-card {
	display: flex;
	min-height: 220px;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	padding: 26px;
	background: rgba(255, 255, 255, 0.96);
	color: var(--wf-text);
	transition: transform 180ms ease, background 180ms ease;
}

.wf-assurance-card__label {
	font-size: 15px;
	font-weight: 800;
	color: var(--wf-primary-strong);
}

.wf-assurance-card__body {
	font-size: 14px;
	line-height: 1.52;
	color: var(--wf-text-soft);
}

.wf-assurance-card__cta {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--wf-primary);
}

.wf-product-forms {
	padding: 54px 0;
	background: transparent;
}

.wf-product-forms__inner {
	display: grid;
	gap: 54px;
	width: min(100%, 1440px);
	margin: 0 auto;
	padding: 0 88px;
}

.wf-product-forms__intro,
.wf-product-collections__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
}

.wf-product-forms__intro {
	width: min(100%, 860px);
	margin: 0 auto;
}

.wf-product-forms__title,
.wf-product-collections__intro h3 {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.03em;
	color: #2d3440;
}

.wf-product-forms__subtitle {
	margin: 0;
	font-family: "Geist", sans-serif;
	line-height: 1.34;
}

.wf-product-forms__subtitle {
	max-width: 720px;
	font-size: 17px;
	color: #3f4650;
}

.wf-product-forms__subtitle span {
	display: block;
}

.wf-product-forms__button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border-radius: 999px;
	border: 1px solid #8d96a0;
	background: #fff;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1f2630;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wf-product-forms__button:hover {
	transform: translateY(-1px);
	box-shadow: var(--wf-shadow-soft);
}

.wf-product-forms__featured-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	width: min(100%, 1238px);
	margin: 0 auto;
}

.wf-product-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #d9dee4;
	box-shadow: 0 20px 42px rgba(28, 31, 37, 0.08);
	transition: transform 220ms ease, box-shadow 220ms ease;
}

.wf-product-card:hover,
.wf-product-card:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 24px 46px rgba(28, 31, 37, 0.12);
}

.wf-product-card__image {
	aspect-ratio: 400 / 330;
	overflow: hidden;
	background: #e7f7fb;
}

.wf-product-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 340ms ease;
}

.wf-product-card:hover .wf-product-card__image img,
.wf-product-card:focus-within .wf-product-card__image img {
	transform: scale(1.03);
}

.wf-product-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 138px;
	padding: 20px 24px;
	background: #083041;
	text-align: center;
}

.wf-product-card__body h3,
.wf-product-collection h4 {
	margin: 0;
	font-family: "Geist", sans-serif;
}

.wf-product-card__body h3 {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.wf-product-card__body p {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
	color: #d8dee8;
}

.wf-product-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0 14px;
	border: 0;
	border-radius: 999px;
	background: var(--wf-yellow);
	font-family: "Geist", sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #1a1a1a;
	cursor: pointer;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wf-product-card__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 18px rgba(17, 139, 63, 0.2);
}

.wf-product-collections__intro {
	width: min(100%, 860px);
	margin: 0 auto;
	gap: 12px;
}

.wf-product-collections__intro p {
	margin: 0;
	font-size: 17px;
	line-height: 1.32;
	color: #3f4650;
}

.wf-product-collections__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 44px;
	width: min(100%, 1110px);
	margin: 0 auto;
}

.wf-product-collection {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.wf-product-collection__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 156px;
	height: 112px;
}

.wf-product-collection__image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.wf-product-collection h4 {
	max-width: 190px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.22;
	color: #303742;
}

.wf-refill-planner {
	padding: 70px 0;
	background:
		radial-gradient(circle at 20% 12%, rgba(110, 207, 232, 0.2), transparent 28%),
		linear-gradient(135deg, #f3fbf8 0%, #e9f8f1 54%, #ffffff 100%);
}

.wf-refill-planner__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(300px, 0.72fr);
	gap: 24px;
	width: min(calc(100% - 48px), 1280px);
	margin: 0 auto;
}

.wf-motion-ready .wf-refill-planner [data-reveal] {
	opacity: 1;
	transform: none;
}

.wf-refill-planner__copy,
.wf-refill-planner__visual,
.wf-refill-planner__cards {
	border: 1px solid rgba(14, 111, 80, 0.14);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 22px 54px rgba(11, 79, 65, 0.1);
}

.wf-refill-planner__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 18px;
	padding: clamp(30px, 4vw, 54px);
}

.wf-refill-planner__copy h2 {
	max-width: 760px;
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: clamp(32px, 5vw, 62px);
	font-weight: 780;
	line-height: 0.98;
	letter-spacing: 0;
	color: var(--wf-text);
}

.wf-refill-planner__copy p {
	max-width: 680px;
	margin: 0;
	font-size: 17px;
	line-height: 1.62;
	color: var(--wf-text-soft);
}

.wf-refill-planner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 8px;
}

.wf-refill-planner__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 780;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.wf-refill-planner__button--primary {
	background: var(--wf-primary-strong);
	color: #fff;
	box-shadow: 0 16px 34px rgba(14, 111, 80, 0.18);
}

.wf-refill-planner__button--secondary {
	border: 1px solid rgba(14, 111, 80, 0.24);
	background: #fff;
	color: var(--wf-primary-strong);
}

.wf-refill-planner__button:hover,
.wf-refill-planner__button:focus-visible,
.wf-refill-plan-card:hover,
.wf-refill-plan-card:focus-visible {
	transform: translateY(-2px);
}

.wf-refill-planner__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 360px;
	overflow: hidden;
	padding: 0;
	background:
		linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(229, 248, 242, 0.82)),
		#f6fbf8;
}

.wf-refill-planner__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wf-refill-planner__cards {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	padding: 1px;
	background: rgba(14, 111, 80, 0.14);
}

.wf-refill-plan-card {
	display: flex;
	min-height: 236px;
	flex-direction: column;
	gap: 14px;
	padding: 28px;
	background: rgba(255, 255, 255, 0.96);
	transition: transform 180ms ease, background 180ms ease;
}

.wf-refill-plan-card__label {
	font-size: 12px;
	font-weight: 820;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wf-primary);
}

.wf-refill-plan-card h3 {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: 21px;
	line-height: 1.12;
	letter-spacing: 0;
	color: var(--wf-text);
}

.wf-refill-plan-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.52;
	color: var(--wf-text-soft);
}

.wf-refill-plan-card__detail {
	margin-top: auto;
	font-size: 12px;
	font-weight: 820;
	color: var(--wf-primary-strong);
}

.wf-resource-hub {
	padding: 70px 0;
	background:
		linear-gradient(180deg, #ffffff 0%, #f3f9f6 58%, #e9f4f0 100%);
}

.wf-resource-hub__inner {
	display: grid;
	gap: 18px;
	width: min(calc(100% - 48px), 1280px);
	margin: 0 auto;
}

.wf-motion-ready .wf-resource-hub [data-reveal] {
	opacity: 1;
	transform: none;
}

.wf-resource-hub__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: end;
	padding: clamp(28px, 3vw, 42px);
	border: 1px solid rgba(14, 111, 80, 0.14);
	border-radius: 24px;
	background:
		radial-gradient(circle at 8% 0%, rgba(110, 207, 232, 0.24), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(237, 249, 244, 0.88));
	box-shadow: 0 22px 56px rgba(13, 84, 70, 0.1);
}

.wf-resource-hub__copy {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 780px;
}

.wf-resource-hub__copy h2 {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: clamp(34px, 4.2vw, 64px);
	font-weight: 820;
	line-height: 0.98;
	letter-spacing: 0;
	color: var(--wf-blue-ink);
}

.wf-resource-hub__copy p:last-child {
	margin: 0;
	max-width: 680px;
	font-size: 17px;
	line-height: 1.58;
	color: var(--wf-text-soft);
}

.wf-resource-hub__buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.wf-resource-hub__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.wf-resource-hub .wf-resource-card {
	position: relative;
	display: flex;
	min-height: 250px;
	flex-direction: column;
	gap: 14px;
	padding: 22px;
	overflow: hidden;
	border: 1px solid rgba(14, 111, 80, 0.14);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.92);
	color: var(--wf-text);
	text-decoration: none;
	box-shadow: 0 18px 42px rgba(18, 74, 63, 0.08);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wf-resource-hub .wf-resource-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 5px;
	background: linear-gradient(90deg, var(--wf-primary), var(--wf-pool));
	opacity: 0.82;
}

.wf-resource-hub .wf-resource-card:hover,
.wf-resource-hub .wf-resource-card:focus-visible {
	transform: translateY(-4px);
	border-color: rgba(17, 139, 63, 0.32);
	box-shadow: 0 26px 58px rgba(18, 74, 63, 0.14);
}

.wf-resource-card--quote::before {
	background: linear-gradient(90deg, #2563eb, #45c4ff);
}

.wf-resource-card--refill::before {
	background: linear-gradient(90deg, #0f9f7a, #b9df41);
}

.wf-resource-card--support::before {
	background: linear-gradient(90deg, #6a5cff, #2db8a4);
}

.wf-resource-card__label {
	font-size: 12px;
	font-weight: 820;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wf-primary-strong);
}

.wf-resource-hub .wf-resource-card strong {
	font-family: "Geist", sans-serif;
	font-size: 23px;
	font-weight: 820;
	line-height: 1.08;
	letter-spacing: 0;
	color: var(--wf-blue-ink);
}

.wf-resource-card__body {
	font-size: 14px;
	line-height: 1.54;
	color: var(--wf-text-soft);
}

.wf-resource-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wf-primary);
}

.wf-resource-hub__actions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	padding: 12px;
	border: 1px solid rgba(14, 111, 80, 0.12);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.76);
}

.wf-resource-action {
	display: flex;
	min-height: 84px;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	padding: 16px 18px;
	border-radius: 14px;
	background: #fff;
	color: var(--wf-text);
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wf-resource-action:hover,
.wf-resource-action:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(18, 74, 63, 0.1);
}

.wf-resource-action span {
	font-size: 16px;
	font-weight: 820;
	color: var(--wf-blue-ink);
}

.wf-resource-action small {
	font-size: 12px;
	line-height: 1.35;
	color: var(--wf-text-soft);
}

.wf-site-footer-panel {
	padding: 22px 24px 28px;
}

.wf-site-footer-panel__inner {
	display: grid;
	gap: 12px;
	width: min(100%, 880px);
	margin: 0 auto;
}

.wf-site-footer-panel__top,
.wf-site-footer-panel__bottom {
	display: grid;
	align-items: start;
}

.wf-site-footer-panel__top {
	grid-template-columns: 146px 122px 246px;
	justify-content: start;
	gap: 54px;
}

.wf-site-footer-panel__brand,
.wf-site-footer-panel__contact {
	display: flex;
	flex-direction: column;
}

.wf-site-footer-panel__brand {
	gap: 2px;
}

.wf-site-footer-panel__wordmark {
	display: inline-flex;
	align-items: baseline;
	font-family: "Anton", sans-serif;
	font-size: 24px;
	line-height: 1;
	color: #2a2f38;
}

.wf-site-footer-panel__wordmark .is-accent {
	color: #f39a1f;
}

.wf-site-footer-panel__brand p,
.wf-site-footer-panel__links a,
.wf-site-footer-panel__contact-row,
.wf-site-footer-panel__contact strong,
.wf-site-footer-panel__bottom p,
.wf-site-footer-panel__policy-links a,
.wf-site-footer-panel__policy-links span {
	margin: 0;
	font-family: "Geist", sans-serif;
	font-size: 10.5px;
	line-height: 1.25;
	color: #3d434d;
}

.wf-site-footer-panel__brand p {
	font-size: 8px;
	color: #6c7480;
}

.wf-site-footer-panel__links {
	display: grid;
	gap: 7px;
}

.wf-site-footer-panel__links a,
.wf-site-footer-panel__contact-row,
.wf-site-footer-panel__policy-links a {
	transition: color 180ms ease;
}

.wf-site-footer-panel__links a:hover,
.wf-site-footer-panel__contact-row:hover,
.wf-site-footer-panel__policy-links a:hover {
	color: #1f3554;
}

.wf-site-footer-panel__contact {
	gap: 6px;
	align-items: flex-start;
}

.wf-site-footer-panel__contact-row {
	display: inline-flex;
	align-items: flex-start;
	gap: 6px;
	width: fit-content;
	color: #353d47;
}

.wf-site-footer-panel__contact-icon {
	display: inline-flex;
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
	margin-top: 1px;
	color: #353d47;
}

.wf-site-footer-panel__contact-icon svg {
	width: 12px;
	height: 12px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.15;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.wf-site-footer-panel__phone-copy {
	display: inline-flex;
	flex-direction: column;
	gap: 1px;
}

.wf-site-footer-panel__phone-copy span {
	display: block;
}

.wf-site-footer-panel__contact strong {
	font-weight: 600;
}

.wf-site-footer-panel__flag {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 22px;
	border-radius: 2px;
	background:
		linear-gradient(#b22234 0 14%, transparent 14% 28%, #b22234 28% 42%, transparent 42% 56%, #b22234 56% 70%, transparent 70% 84%, #b22234 84% 100%),
		#fff;
	overflow: hidden;
}

.wf-site-footer-panel__flag::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 12px;
	background: #3c3b6e;
}

.wf-site-footer-panel__payments {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wf-payment-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	border: 1px solid #d8d1c8;
	border-radius: 4px;
	background: #fff;
	color: #1e2430;
	flex: 0 0 auto;
	overflow: hidden;
}

.wf-payment-badge svg {
	display: block;
	width: 100%;
	height: 100%;
}

.wf-payment-badge__logo,
.wf-payment-badge__amex-stack {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wf-payment-badge__amex-stack {
	flex-direction: column;
	gap: 0;
	font-family: "IBM Plex Mono", monospace;
	font-size: 7px;
	font-weight: 700;
	line-height: 0.86;
	letter-spacing: 0.02em;
	text-align: center;
}

.wf-payment-badge--amex {
	width: 34px;
	padding: 0;
	background: #1e7be5;
	border-color: #1e7be5;
	color: #fff;
}

.wf-payment-badge--apple {
	min-width: 58px;
	padding: 0 7px;
	gap: 5px;
	font-family: "Geist", sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: none;
	color: #111;
}

.wf-payment-badge__apple-mark {
	display: inline-flex;
	width: 10px;
	height: 12px;
}

.wf-payment-badge__apple-mark svg {
	fill: #111;
}

.wf-payment-badge__apple-pay {
	line-height: 1;
}

.wf-payment-badge--diners {
	width: 44px;
	padding: 0;
	color: #2b73c7;
}

.wf-payment-badge--diners .wf-payment-badge__logo {
	width: 18px;
	height: 12px;
}

.wf-payment-badge--discover {
	position: relative;
	width: 58px;
	padding: 0 7px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 7.6px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #1e2430;
}

.wf-payment-badge--discover::after {
	content: "";
	position: absolute;
	left: 29px;
	top: 13px;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: #f28e22;
	transform: rotate(-18deg);
}

.wf-payment-badge__discover-word {
	line-height: 1;
}

.wf-payment-badge--gpay {
	min-width: 52px;
	padding: 0 7px;
	gap: 3px;
	font-family: "Geist", sans-serif;
	font-size: 9px;
	font-weight: 600;
	text-transform: none;
	color: #434b58;
}

.wf-payment-badge--gpay .wf-payment-badge__logo {
	width: 10px;
	height: 10px;
}

.wf-payment-badge__gpay-word {
	line-height: 1;
}

.wf-payment-badge--jcb {
	width: 42px;
	padding: 0;
}

.wf-payment-badge--jcb .wf-payment-badge__logo {
	width: 22px;
	height: 14px;
}

.wf-payment-badge--mastercard {
	width: 42px;
	padding: 0;
}

.wf-payment-badge--mastercard .wf-payment-badge__logo {
	width: 18px;
	height: 10px;
}

.wf-payment-badge--visa {
	width: 45px;
	padding: 0;
	color: #214c9b;
	font-family: "IBM Plex Mono", monospace;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.wf-site-footer-panel__divider {
	height: 1px;
	background: #cfc6bb;
}

.wf-site-footer-panel__bottom {
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 18px;
}

.wf-site-footer-panel__bottom p,
.wf-site-footer-panel__policy-links {
	font-size: 8.5px;
	color: #6b727c;
}

.wf-site-footer-panel__policy-links {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px;
}

.wf-market-section__title {
	margin-bottom: 12px;
	max-width: 12ch;
}

.wf-market-section__copy {
	max-width: 68ch;
	margin: 0 0 26px;
}

.wf-credibility__panel,
.wf-closing-cta__panel,
.wf-solution-row,
.wf-blog__visual,
.wf-blog-feature,
.wf-blog-card {
	border-radius: var(--wf-radius-xl);
	border: 1px solid rgba(15, 112, 46, 0.1);
	box-shadow: var(--wf-shadow);
}

.wf-credibility__panel {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
	gap: 28px;
	padding: 28px;
	background: linear-gradient(180deg, #083041, #061f2b);
	color: #fff;
}

.wf-credibility__copy h2,
.wf-solutions__title,
.wf-blog__title,
.wf-closing-cta__panel h2 {
	margin: 0;
	font-family: "Anton", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 0.9;
}

.wf-credibility__copy h2 {
	font-size: clamp(46px, 5vw, 74px);
	max-width: 12ch;
}

.wf-credibility__list {
	align-self: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wf-credibility__list li {
	position: relative;
	padding-left: 18px;
	margin: 0 0 14px;
	color: rgba(255, 239, 217, 0.86);
	font-size: 14px;
	line-height: 1.7;
}

.wf-credibility__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--wf-primary);
}

.wf-solutions__title,
.wf-blog__title,
.wf-closing-cta__panel h2 {
	font-size: clamp(48px, 5vw, 78px);
	max-width: 12ch;
}

.wf-solutions__copy,
.wf-blog__copy {
	max-width: 68ch;
	margin: 10px 0 24px;
	font-size: 14px;
	line-height: 1.75;
	color: var(--wf-text-soft);
}

.wf-solutions__rows {
	display: grid;
	gap: 18px;
}

.wf-solution-row {
	display: grid;
	grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);
	overflow: hidden;
	background: linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(255, 248, 240, 0.84));
}

.wf-solution-row.is-reverse {
	grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
}

.wf-solution-row.is-reverse .wf-solution-row__media {
	order: 2;
}

.wf-solution-row.is-reverse .wf-solution-row__content {
	order: 1;
}

.wf-solution-row__media {
	min-height: 340px;
	background-image:
		linear-gradient(180deg, rgba(228, 240, 226, 0.28), rgba(59, 76, 53, 0.22)),
		var(--row-image);
	background-size: cover;
	background-position: center;
	filter: saturate(0.76) contrast(0.92);
}

.wf-solution-row__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 28px;
}

.wf-solution-row__content h3,
.wf-blog-feature h3,
.wf-blog-card h3 {
	margin: 0;
	font-family: "Anton", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.wf-solution-row__content h3 {
	font-size: clamp(34px, 3.2vw, 52px);
	line-height: 0.92;
	max-width: 12ch;
}

.wf-solution-row__content p {
	max-width: 52ch;
	font-size: 14px;
	line-height: 1.75;
	color: var(--wf-text-soft);
}

.wf-solution-row__cta,
.wf-blog-feature a {
	display: inline-flex;
	align-items: center;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--wf-primary);
}

.wf-blog__grid {
	display: grid;
	grid-template-columns: minmax(180px, 0.42fr) minmax(280px, 0.46fr) minmax(320px, 0.72fr);
	gap: 16px;
	align-items: stretch;
}

.wf-blog__visual {
	min-height: 720px;
	background-image:
		linear-gradient(180deg, rgba(208, 222, 200, 0.15), rgba(54, 73, 49, 0.24)),
		var(--blog-image);
	background-size: cover;
	background-position: center;
	filter: saturate(0.72) contrast(0.92);
}

.wf-blog-feature,
.wf-blog-card {
	background: linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(255, 248, 240, 0.84));
}

.wf-blog-feature {
	padding: 22px 20px;
}

.wf-blog-meta {
	margin: 0 0 10px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(17, 139, 63, 0.92);
}

.wf-blog-feature h3 {
	font-size: clamp(36px, 3vw, 48px);
	line-height: 0.92;
	max-width: 10ch;
}

.wf-blog-feature p,
.wf-blog-card p {
	font-size: 14px;
	line-height: 1.7;
	color: var(--wf-text-soft);
}

.wf-blog-stack {
	display: grid;
	gap: 12px;
}

.wf-blog-card {
	padding: 18px;
}

.wf-blog-card h3 {
	font-size: clamp(30px, 2.5vw, 40px);
	line-height: 0.94;
	max-width: 14ch;
	color: var(--wf-primary-strong);
}

.wf-closing-cta__panel {
	padding: 28px;
	background:
		radial-gradient(circle at top right, rgba(17, 139, 63, 0.22), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(232, 247, 238, 0.94));
}

.wf-closing-cta__panel h2 {
	max-width: 13ch;
}

.wf-market-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.wf-market-tile {
	position: relative;
	min-height: 286px;
	overflow: hidden;
	border: 1px solid rgba(15, 112, 46, 0.1);
	background: #e2f4df;
}

.wf-market-tile__face {
	position: absolute;
	inset: 0;
	padding: 20px;
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 220ms ease,
		filter 220ms ease;
}

.wf-market-tile__face h3 {
	position: absolute;
	right: 18px;
	bottom: 16px;
	left: 18px;
	margin: 0;
	font-family: "Anton", sans-serif;
	font-size: 44px;
	line-height: 0.9;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
	text-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.wf-market-tile__face--front {
	background-image:
		linear-gradient(180deg, rgba(255, 211, 163, 0.44), rgba(22, 15, 11, 0.62)),
		var(--tile-image);
	background-size: cover;
	background-position: center;
	filter: saturate(0.58) contrast(0.94);
}

.wf-market-tile__face--front::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(255, 248, 235, 0.06), transparent 34%),
		linear-gradient(180deg, transparent 34%, rgba(18, 14, 11, 0.62));
}

.wf-market-tile__face--back {
	display: grid;
	align-content: end;
	background: linear-gradient(180deg, rgba(40, 32, 26, 0.96), rgba(29, 22, 18, 0.98));
	color: #fff;
	opacity: 0;
	transform: translateY(10px);
}

.wf-market-tile__face--back h3 {
	position: static;
	margin-bottom: 12px;
}

.wf-market-tile__face--back p {
	max-width: 26ch;
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 240, 223, 0.82);
}

.wf-market-tile:hover .wf-market-tile__face--front,
.wf-market-tile:focus-within .wf-market-tile__face--front,
.wf-market-tile:focus .wf-market-tile__face--front {
	opacity: 0;
	transform: scale(1.02);
}

.wf-market-tile:hover .wf-market-tile__face--back,
.wf-market-tile:focus-within .wf-market-tile__face--back,
.wf-market-tile:focus .wf-market-tile__face--back {
	opacity: 1;
	transform: translateY(0);
}

.wf-footer {
	padding: 0 0 40px;
}

.wf-footer__inner,
.wf-generic-page__inner {
	justify-content: space-between;
	gap: 24px;
	padding: 28px;
}

.wf-footer__eyebrow {
	margin-bottom: 8px;
}

.wf-footer h2 {
	max-width: 16ch;
}

.wf-generic-page {
	padding-bottom: 48px;
}

.wf-generic-page__inner {
	flex-direction: column;
	align-items: flex-start;
}

.entry-content {
	max-width: 72ch;
}

.wf-aiper-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 82% 14%, rgba(183, 217, 66, 0.24), transparent 25%),
		radial-gradient(circle at 18% 26%, rgba(87, 170, 61, 0.24), transparent 28%),
		linear-gradient(180deg, var(--wf-surface-deep) 0%, #052813 64%, var(--wf-bg) 64%, var(--wf-bg) 100%);
}

.wf-aiper-hero__announcement {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(14px, 2vw, 28px);
	min-height: 58px;
	padding: 8px clamp(18px, 4vw, 58px);
	background: linear-gradient(90deg, #e7f8ee, #f7fbef 72%, #dff4ed);
	color: var(--wf-surface-deep);
	font-size: clamp(11px, 0.8vw, 13px);
	font-weight: 700;
	text-align: left;
}

.wf-aiper-hero__announcement-lead {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(13, 104, 55, 0.18);
	border-radius: 999px;
	background: #fff;
	color: var(--wf-primary-strong);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 8px 24px rgba(8, 72, 28, 0.08);
}

.wf-aiper-hero__announcement-links {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
}

.wf-aiper-hero__announcement a {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	justify-content: center;
	min-height: 42px;
	padding: 7px 12px;
	border-radius: 18px;
	color: var(--wf-surface-deep);
	text-decoration: none;
	transition: background 0.18s ease, transform 0.18s ease;
}

.wf-aiper-hero__announcement a:hover,
.wf-aiper-hero__announcement a:focus-visible {
	background: rgba(255, 255, 255, 0.78);
	transform: translateY(-1px);
}

.wf-aiper-hero__announcement a strong {
	font-size: 12px;
	font-weight: 900;
}

.wf-aiper-hero__announcement a span {
	overflow: hidden;
	max-width: 100%;
	color: rgba(5, 40, 19, 0.68);
	font-size: 11px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wf-aiper-hero__shell {
	position: relative;
	width: min(calc(100% - 32px), var(--wf-container));
	margin: 0 auto;
	padding: calc(var(--wf-header-offset) + 28px) 0 74px;
}

.wf-aiper-mega {
	position: fixed;
	top: calc(var(--wf-header-offset) + 18px);
	left: 50%;
	z-index: 89;
	display: grid;
	grid-template-columns: 282px minmax(0, 1fr);
	gap: clamp(18px, 2.4vw, 36px);
	width: min(calc(100vw - 80px), var(--wf-container));
	max-height: calc(100vh - var(--wf-header-offset) - 42px);
	overflow: auto;
	padding: clamp(24px, 3vw, 38px);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.78);
	box-shadow: 0 32px 76px rgba(8, 72, 28, 0.18);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, -12px) scale(0.985);
	transition:
		opacity 180ms ease,
		visibility 180ms ease,
		transform 180ms ease;
}

body.wf-products-menu-open .wf-aiper-mega,
.wf-aiper-mega:hover,
.wf-aiper-mega:focus-within {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(-50%, 0) scale(1);
}

.wf-aiper-mega__index {
	display: grid;
	align-content: start;
	gap: 26px;
	min-width: 0;
}

.wf-aiper-mega__group h2 {
	margin: 0 0 12px;
	color: var(--wf-surface-deep);
	font-size: clamp(16px, 1.25vw, 20px);
	line-height: 1.08;
	letter-spacing: 0;
}

.wf-aiper-mega__group ul {
	display: grid;
	gap: 11px;
	padding: 0;
	margin: 0;
	list-style: none;
	color: var(--wf-text-soft);
	font-size: 14px;
	line-height: 1.2;
}

.wf-aiper-mega__group strong {
	color: var(--wf-text);
	font-weight: 800;
}

.wf-aiper-mega__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	align-content: start;
}

.wf-aiper-product {
	position: relative;
	display: grid;
	grid-template-rows: 132px minmax(92px, auto);
	min-width: 0;
	overflow: hidden;
	border-radius: 16px;
	background: #f6fff9;
	border: 1px solid var(--wf-line);
	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		border-color 180ms ease;
}

.wf-aiper-product:hover {
	transform: translateY(-3px);
	border-color: rgba(17, 139, 63, 0.22);
	box-shadow: 0 18px 34px rgba(8, 72, 28, 0.15);
}

.wf-aiper-product__tag {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	padding: 4px 9px;
	border-radius: 999px;
	background: var(--wf-yellow);
	color: var(--wf-surface-deep);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.wf-aiper-product img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 14px;
}

.wf-aiper-product__caption {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 5px;
	padding: 12px 14px 14px;
	background: #d8f5df;
	color: var(--wf-surface-deep);
	font-size: 12px;
	font-weight: 800;
	text-align: left;
	line-height: 1.2;
}

.wf-aiper-product__caption em {
	display: block;
	color: var(--wf-primary);
	font-style: normal;
}

.wf-aiper-product__caption small {
	display: -webkit-box;
	overflow: hidden;
	color: rgba(6, 42, 21, 0.72);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.28;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.wf-aiper-product__caption strong {
	display: block;
	color: var(--wf-surface-deep);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.15;
}

.wf-aiper-hero__stage {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	align-items: center;
	min-height: 610px;
	margin-top: 0;
	padding: clamp(32px, 5vw, 64px);
	overflow: hidden;
	border-radius: 34px 34px 0 0;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background:
		linear-gradient(90deg, rgba(6, 42, 21, 0.95) 0%, rgba(6, 42, 21, 0.78) 48%, rgba(6, 42, 21, 0.18) 100%),
		url("../images/pool-robot-mapping-aiper.webp") center / cover;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wf-aiper-hero__stage::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) 0 0 / 48px 48px,
		linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 48px 48px;
	mask-image: linear-gradient(90deg, transparent, #000 35%, #000 82%, transparent);
	pointer-events: none;
}

.wf-aiper-hero__copy,
.wf-aiper-hero__visual {
	position: relative;
	z-index: 2;
}

.wf-aiper-hero__eyebrow {
	margin: 0 0 18px;
	color: #d8f5df;
	font-family: "IBM Plex Mono", monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.wf-aiper-hero__copy h1 {
	max-width: 680px;
	margin: 0;
	color: #fff;
	font-size: clamp(42px, 6.1vw, 84px);
	line-height: 0.96;
	letter-spacing: 0;
}

.wf-aiper-hero__copy p:not(.wf-aiper-hero__eyebrow) {
	max-width: 620px;
	margin: 24px 0 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(16px, 1.45vw, 20px);
	line-height: 1.48;
	font-weight: 600;
}

.wf-aiper-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 32px;
}

.wf-aiper-hero__visual {
	min-height: 460px;
}

.wf-aiper-hero__product {
	position: absolute;
	right: clamp(10px, 4vw, 54px);
	top: 70px;
	width: min(86%, 560px);
	filter: drop-shadow(0 42px 54px rgba(0, 0, 0, 0.42));
	animation: wf-aiper-drift 5s ease-in-out infinite;
}

.wf-aiper-hero__video-chip {
	position: absolute;
	right: 0;
	bottom: 44px;
	display: inline-flex;
	align-items: center;
	min-height: 76px;
	padding: 0 26px 0 88px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: var(--wf-surface-deep);
	font-weight: 800;
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.22);
}

.wf-aiper-hero__video-chip::before {
	content: "";
	position: absolute;
	left: 13px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--wf-primary);
}

.wf-aiper-hero__video-chip::after {
	content: "";
	position: absolute;
	left: 36px;
	border-left: 17px solid #fff;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
}

.wf-aiper-video-carousel {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
	gap: 28px;
	margin-top: 34px;
	padding: 30px;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.72);
	box-shadow: 0 24px 58px rgba(8, 72, 28, 0.15);
}

.wf-aiper-video-carousel__main {
	position: relative;
	min-height: 360px;
	overflow: hidden;
	border-radius: 18px;
	background: var(--wf-surface-deep);
}

.wf-aiper-video-carousel__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.95);
}

.wf-aiper-video-carousel__main::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(6, 42, 21, 0.68), rgba(6, 42, 21, 0.08) 58%),
		linear-gradient(180deg, transparent, rgba(6, 42, 21, 0.46));
	pointer-events: none;
}

.wf-aiper-video-carousel__copy {
	position: absolute;
	left: 32px;
	bottom: 30px;
	z-index: 2;
	max-width: 520px;
	color: #fff;
}

.wf-aiper-video-carousel__copy small {
	display: inline-flex;
	margin-bottom: 12px;
	color: #d8f5df;
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.wf-aiper-video-carousel__copy h2 {
	margin: 0 0 10px;
	font-size: clamp(28px, 3.2vw, 44px);
	line-height: 1;
	letter-spacing: 0;
}

.wf-aiper-video-carousel__copy p {
	max-width: 520px;
	margin: 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 15px;
	line-height: 1.45;
}

.wf-aiper-video-carousel__play {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 3;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.wf-aiper-video-carousel__play::after {
	content: "";
	position: absolute;
	left: 30px;
	top: 23px;
	border-left: 21px solid var(--wf-primary);
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
}

.wf-aiper-video-carousel__side {
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: 18px;
}

.wf-aiper-video-carousel__head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 18px;
}

.wf-aiper-video-carousel__head h2 {
	margin: 0;
	color: var(--wf-surface-deep);
	font-size: clamp(24px, 2.25vw, 32px);
	line-height: 1;
	letter-spacing: 0;
}

.wf-aiper-video-carousel__arrows {
	display: flex;
	gap: 10px;
}

.wf-aiper-video-carousel__arrows span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--wf-line);
	border-radius: 50%;
	background: #fff;
	color: var(--wf-surface-deep);
	font-size: 24px;
	font-weight: 800;
}

.wf-aiper-video-carousel__thumbs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.wf-aiper-video-thumb {
	position: relative;
	display: grid;
	grid-template-rows: 132px 1fr;
	min-height: 214px;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--wf-line);
	border-radius: 14px;
	background: #f6fff9;
	color: var(--wf-surface-deep);
	text-align: left;
	cursor: pointer;
	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		border-color 180ms ease;
}

.wf-aiper-video-thumb:hover,
.wf-aiper-video-thumb.is-active {
	transform: translateY(-2px);
	border-color: rgba(17, 139, 63, 0.28);
	box-shadow: 0 14px 28px rgba(8, 72, 28, 0.12);
}

.wf-aiper-video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wf-aiper-video-thumb span {
	display: block;
	padding: 14px 12px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.wf-aiper-video-thumb::after {
	content: "";
	position: absolute;
	top: 47px;
	left: 50%;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
	transform: translateX(-50%);
}

.wf-aiper-video-thumb::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 58px;
	left: 50%;
	border-left: 12px solid var(--wf-primary);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	transform: translateX(-35%);
}

.wf-aiper-video-carousel__dots {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wf-aiper-video-carousel__dots span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(17, 139, 63, 0.24);
}

.wf-aiper-video-carousel__dots span.is-active {
	width: 32px;
	border-radius: 999px;
	background: var(--wf-primary);
}

@keyframes wf-aiper-drift {
	0%,
	100% {
		transform: translateY(0) rotate(-1deg);
	}

	50% {
		transform: translateY(-12px) rotate(1deg);
	}
}

@keyframes wf-aiper-bob {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(12px);
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto;
	}

	.wf-carousel__track,
	[data-reveal],
	.wf-slide__badge,
	.wf-slide__content > *,
	.wf-market-tile__face,
	.wf-product-card,
	.wf-product-card__image img,
	.wf-resource-card,
	.wf-resource-action,
	.wf-pill,
	.wf-slide__cta {
		transition: none;
	}
}

@media (max-width: 1080px) {
	.wf-primary-header__inner {
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 10px 16px;
	}

	.wf-nav {
		order: 4;
		flex: 0 0 100%;
	}

	.wf-home-hero__grid,
	.wf-storyboard__panel,
	.wf-market-grid,
	.wf-credibility__panel,
	.wf-blog__grid,
	.wf-solution-row,
	.wf-solution-row.is-reverse {
		grid-template-columns: 1fr;
	}

	.wf-industries__inner,
	.wf-coverage__inner {
		width: min(calc(100% - 40px), 100%);
	}

	.wf-industries__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		grid-auto-rows: 220px;
	}

	.wf-industries-card {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	.wf-industries-card--ranches,
	.wf-industries-card--responders {
		grid-column: span 2 !important;
	}

	.wf-hero-card-row {
		grid-template-columns: 1fr;
	}

	.wf-chip-row {
		justify-content: flex-start;
	}

	.wf-storyboard__panel {
		max-width: 100%;
		margin-left: 0;
	}

	.wf-tech .wf-container {
		width: min(calc(100% - 64px), 960px);
	}

	.wf-tech__grid {
		grid-template-columns: 1fr;
		gap: 36px;
		min-height: 0;
	}

	.wf-tech__copy {
		max-width: 680px;
	}

	.wf-tech__visual {
		max-width: 718px;
		width: 100%;
		justify-self: end;
	}

	.wf-coverage__showcase,
	.wf-home-assurance__inner {
		grid-template-columns: 1fr;
	}

	.wf-coverage__column {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px;
	}

	.wf-coverage__column--right,
	.wf-coverage__column--left {
		justify-items: stretch;
		text-align: left;
	}

	.wf-coverage-copy-card p {
		max-width: none;
	}

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

	.wf-home-assurance__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wf-home-assurance__media {
		min-height: 360px;
	}

	.wf-product-forms__inner {
		padding: 0 40px;
	}

	.wf-product-forms__featured-grid {
		grid-template-columns: 1fr;
		max-width: 400px;
	}

	.wf-product-collections__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
		width: min(100%, 640px);
	}

	.wf-resource-hub__grid,
	.wf-resource-hub__actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wf-site-footer-panel__top {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px;
	}

	.wf-site-footer-panel__inner {
		width: min(100%, 960px);
	}

	.wf-solution-row.is-reverse .wf-solution-row__media,
	.wf-solution-row.is-reverse .wf-solution-row__content {
		order: initial;
	}

	.wf-blog__visual {
		min-height: 420px;
	}
}

@media (max-width: 860px) {
	.wf-menu-toggle {
		display: inline-flex;
	}

	body.admin-bar .wf-site-header {
		top: calc(46px + 12px);
	}

	.wf-primary-header__inner {
		display: grid;
		width: min(calc(100vw - 20px), var(--wf-container));
		max-width: calc(100vw - 20px);
		grid-template-columns: minmax(0, 1fr) 44px 70px;
		align-items: center;
		column-gap: 8px;
		position: relative;
		min-height: 64px;
		padding: 8px;
		border-radius: 28px;
	}

	.wf-brand {
		grid-column: 1;
		justify-self: start;
		min-width: 0;
		max-width: min(150px, calc(100vw - 184px));
		overflow: hidden;
		padding: 6px 12px;
	}

	.wf-brand__logo {
		width: clamp(86px, 28vw, 128px);
	}

	.wf-language-switch {
		grid-column: 3;
		justify-self: end;
		width: 70px;
		min-width: 0;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		z-index: 2;
	}

	.wf-menu-toggle {
		grid-column: 2;
		justify-self: end;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		z-index: 3;
	}

	.wf-language-switch {
		min-width: 70px;
		min-height: 40px;
	}

	.wf-language-switch__button {
		min-height: 40px;
		padding-left: 14px;
		padding-right: 30px;
		font-size: 10px;
	}

	.wf-language-switch__menu {
		width: 124px;
	}

	.wf-header-cta {
		display: none;
	}

	.wf-announcement__inner {
		justify-content: center;
		min-height: 38px;
		gap: 8px;
		font-size: 11px;
		text-align: center;
	}

	.wf-announcement__pill {
		padding: 5px 9px;
		font-size: 9px;
		letter-spacing: 0.12em;
	}

	.wf-announcement__copy,
	.wf-announcement__actions a:not(.wf-announcement__review) {
		display: none;
	}

	.wf-announcement__actions {
		gap: 0;
		font-size: 11px;
	}

	.wf-nav {
		display: none;
		grid-column: 1 / -1;
		padding-top: 10px;
	}

	.wf-site-header.is-menu-open .wf-nav {
		display: block;
	}

	.wf-site-header:not(.is-menu-open) .wf-primary-header__inner {
		border-radius: 999px;
	}

	.wf-site-header.is-menu-open .wf-menu-toggle span:first-child {
		transform: translateY(3.5px) rotate(45deg);
	}

	.wf-site-header.is-menu-open .wf-menu-toggle span:last-child {
		transform: translateY(-3.5px) rotate(-45deg);
	}

	.wf-nav__list,
	.wf-nav .menu {
		display: grid;
		gap: 8px;
		padding: 12px;
		border-radius: 22px;
		background: rgba(255, 255, 255, 0.52);
		border: 1px solid rgba(255, 255, 255, 0.68);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
	}

	.wf-slide {
		min-height: 520px;
		padding: 24px 18px;
	}

	.wf-slide__content {
		max-width: 100%;
		padding: 118px 0 98px;
	}

	.wf-carousel-block--hero .wf-slide {
		min-height: clamp(520px, 74vh, 600px);
	}

	.wf-carousel-block--hero .wf-slide__content {
		padding: 118px 0 98px;
	}

	.wf-carousel__controls {
		position: static;
		padding: 0 18px 18px;
	}

	.wf-tech .wf-container {
		width: min(calc(100% - 36px), 100%);
	}

	.wf-tech__quote {
		text-wrap: pretty;
	}

	.wf-tech__visual {
		height: 420px;
	}

	.wf-tech__band {
		top: 232px;
		width: 760px;
		height: 76px;
	}

	.wf-tech__band-tail {
		top: 280px;
		width: 308px;
		height: 82px;
	}

	.wf-tech__band-copy {
		top: 248px;
		left: 46%;
		font-size: 42px;
		transform: translateX(-12%) rotate(-6deg);
	}

	.wf-statement-banner {
		margin: 54px 0 72px;
		padding: 36px 22px;
	}

	.wf-coverage__showcase {
		display: flex;
		flex-direction: column;
		gap: 34px;
		min-height: 0;
	}

	.wf-coverage__column {
		grid-template-columns: 1fr;
		gap: 20px;
		width: 100%;
	}

	.wf-coverage-wheel {
		width: min(100%, 520px);
	}

	.wf-services-grid {
		grid-template-columns: 1fr;
	}

	.wf-home-assurance {
		padding: 48px 0;
	}

	.wf-home-assurance__inner {
		width: min(calc(100% - 32px), 1280px);
		gap: 18px;
	}

	.wf-home-assurance__media {
		min-height: 320px;
	}

	.wf-product-forms,
	.wf-resource-hub {
		padding: 42px 0;
	}

	.wf-product-forms__inner {
		padding: 0 24px;
		gap: 34px;
	}

	.wf-product-collections__grid,
	.wf-refill-planner__cards {
		grid-template-columns: 1fr;
		width: min(100%, 420px);
	}

	.wf-resource-hub__inner {
		width: min(calc(100% - 32px), 1280px);
	}

	.wf-resource-hub__header {
		grid-template-columns: 1fr;
		align-items: start;
		padding: 26px;
	}

	.wf-resource-hub__buttons {
		justify-content: flex-start;
	}

	.wf-resource-hub__grid,
	.wf-resource-hub__actions {
		grid-template-columns: 1fr;
	}

	.wf-refill-planner {
		padding: 48px 0;
	}

	.wf-refill-planner__inner {
		grid-template-columns: 1fr;
		width: min(calc(100% - 32px), 1280px);
	}

	.wf-refill-planner__visual {
		min-height: 300px;
	}

	.wf-refill-plan-card {
		padding-right: clamp(30px, 21vw, 82px);
	}

	.wf-site-footer-panel__top,
	.wf-site-footer-panel__bottom {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.wf-site-footer-panel__payments,
	.wf-site-footer-panel__policy-links {
		justify-content: flex-start;
	}

	.wf-carousel__nav {
		margin-left: auto;
	}

	.wf-slide__cta {
		min-width: 0;
		width: 100%;
	}

	.wf-credibility__panel,
	.wf-solution-row__content,
	.wf-blog-feature,
	.wf-blog-card,
	.wf-closing-cta__panel {
		padding: 20px;
	}
}

@media (max-width: 640px) {
	.wf-container {
		width: min(calc(100% - 20px), var(--wf-container));
	}

	.wf-announcement__copy {
		text-align: center;
	}

	.wf-announcement__actions {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}

	.wf-main {
		padding-top: calc(var(--wf-header-offset) + 8px);
	}

	.wf-main--home-pen {
		padding-top: 0;
		padding-bottom: 0;
	}

	.wf-editorial-card,
	.wf-storyboard__panel,
	.wf-slide,
	.wf-footer__inner,
	.wf-generic-page__inner {
		padding-left: 18px;
		padding-right: 18px;
	}

	.wf-editorial-card h1,
	.wf-storyboard__copy h2,
	.wf-carousel-intro h2,
	.wf-market-section__title,
	.wf-footer h2 {
		font-size: 46px;
	}

	.wf-stat-grid {
		grid-template-columns: 1fr;
	}

	.wf-scene-card {
		min-height: 420px;
	}

	.wf-scene-card__badge {
		max-width: 160px;
		font-size: 10px;
	}

	.wf-slide {
		min-height: 500px;
		overflow: hidden;
	}

	.wf-slide__title {
		width: min(100%, 300px);
		max-width: min(100%, 300px);
		font-size: clamp(30px, 8.6vw, 34px);
		line-height: 1.12;
		text-wrap: wrap;
		overflow-wrap: anywhere;
	}

	.wf-slide__title span {
		display: block;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.wf-slide__content {
		width: min(100%, 300px);
		max-width: min(100%, 300px);
		justify-content: flex-start;
		min-height: 100%;
		padding: 106px 0 92px;
	}

	.wf-slide__description {
		width: min(100%, 300px);
		max-width: min(100%, 300px);
		margin: 15px 0 22px;
		font-size: 13px;
		line-height: 1.62;
		overflow-wrap: anywhere;
	}

	.wf-carousel-block--hero .wf-container {
		width: min(calc(100% - 20px), 100%);
	}

	.wf-carousel-block--hero .wf-slide {
		min-height: clamp(500px, 74vh, 560px);
	}

	.wf-carousel-block--hero .wf-slide__content {
		padding: 98px 0 92px;
	}

	.wf-carousel__controls {
		position: absolute;
		left: 18px;
		right: 18px;
		bottom: 18px;
		flex-wrap: nowrap;
		gap: 12px;
		padding: 0;
	}

	.wf-carousel__nav {
		width: auto;
		margin-left: auto;
		margin-right: 64px;
		gap: 8px;
		padding: 5px;
	}

	.wf-carousel__arrow {
		width: 40px;
		height: 40px;
	}

	.wf-carousel__arrow svg {
		width: 19px;
		height: 19px;
	}

	.wf-slide__cta {
		width: fit-content;
		min-width: 172px;
		min-height: 48px;
		padding: 0 20px;
	}

	.wf-tech .wf-container {
		width: min(calc(100% - 24px), 100%);
	}

	.wf-tech__grid {
		gap: 28px;
	}

	.wf-tech__eyebrow {
		font-size: 14px;
	}

	.wf-tech__title {
		font-size: 28px;
	}

	.wf-tech__quote {
		font-size: 24px;
		line-height: 1.42;
	}

	.wf-tech__cta {
		min-height: 56px;
		padding: 0 26px;
		font-size: 16px;
	}

	.wf-tech__visual {
		height: 300px;
		border-radius: 16px;
	}

	.wf-tech__band {
		left: -18px;
		top: 166px;
		width: 520px;
		height: 56px;
	}

	.wf-tech__band-tail {
		right: -92px;
		top: 204px;
		width: 210px;
		height: 62px;
	}

	.wf-tech__band-copy {
		top: 178px;
		left: 54%;
		font-size: 28px;
		transform: translateX(-20%) rotate(-6deg);
	}

	.wf-industries {
		padding: 62px 0 42px;
	}

	.wf-industries__inner,
	.wf-coverage__inner {
		width: min(calc(100% - 24px), 100%);
	}

	.wf-industries__grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 220px;
	}

	.wf-industries-card--ranches,
	.wf-industries-card--responders {
		grid-column: auto !important;
	}

	.wf-testimonial {
		padding: 16px 18px 22px;
	}

	.wf-testimonial__quote p {
		font-size: 16px;
	}

	.wf-statement-banner__wordmark {
		font-size: 28px;
	}

	.wf-statement-banner__statement {
		font-size: 22px;
	}

	.wf-coverage__title {
		font-size: 28px;
	}

	.wf-coverage-wheel {
		width: min(100%, 380px);
	}

	.wf-coverage-wheel__center {
		padding: 18px;
	}

	.wf-coverage-wheel__center strong {
		font-size: 13px;
	}

	.wf-coverage-wheel__center span {
		font-size: 10px;
	}

	.wf-services-intro__lead {
		font-size: 20px;
	}

	.wf-services-intro__title {
		font-size: 16px;
	}

	.wf-home-assurance__grid {
		grid-template-columns: 1fr;
	}

	.wf-home-assurance__copy {
		padding: 26px;
	}

	.wf-home-assurance__copy h2 {
		font-size: 32px;
		line-height: 1.02;
	}

	.wf-home-assurance__actions,
	.wf-home-assurance__button {
		width: 100%;
	}

	.wf-assurance-card {
		min-height: 0;
		padding: 22px;
	}

	.wf-product-forms__inner,
	.wf-blog-showcase__inner {
		padding: 0 20px;
	}

	.wf-product-forms__title,
	.wf-product-collections__intro h3 {
		font-size: 20px;
	}

	.wf-product-forms__subtitle,
	.wf-product-collections__intro p {
		font-size: 15px;
	}

	.wf-resource-hub__copy h2 {
		font-size: 32px;
	}

	.wf-resource-hub__copy p:last-child {
		font-size: 15px;
	}

	.wf-resource-hub .wf-resource-card {
		min-height: 0;
		padding: 20px;
	}

	.wf-resource-hub .wf-resource-card strong {
		font-size: 21px;
	}

	.wf-resource-hub__buttons,
	.wf-resource-hub .wf-button {
		width: 100%;
	}

	.wf-refill-planner__copy {
		padding: 26px;
	}

	.wf-refill-planner__copy h2 {
		font-size: 32px;
		line-height: 1.02;
	}

	.wf-refill-planner__actions,
	.wf-refill-planner__button {
		width: 100%;
	}

	.wf-refill-planner__visual {
		min-height: 240px;
	}

	.wf-refill-plan-card {
		min-height: 0;
		padding: 22px;
	}

	.wf-site-footer-panel {
		padding: 22px 20px 28px;
	}

	.wf-site-footer-panel__payments {
		gap: 6px;
	}

	.wf-carousel__nav {
		width: auto;
		justify-content: flex-end;
		margin-left: auto;
	}

	.wf-market-grid {
		grid-template-columns: 1fr;
	}

	.wf-storyboard {
		margin-top: -52px;
	}

	.wf-market-tile__face h3 {
		font-size: 36px;
	}

	.wf-home-hero {
		margin-top: -42px;
	}
}

@media (max-width: 430px) {
	.wf-site-header {
		top: 14px;
	}

	.wf-site-header.is-scrolled {
		top: 10px;
	}

	.wf-primary-header__inner {
		width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
		grid-template-columns: minmax(0, 1fr) 40px 64px;
		column-gap: 6px;
		min-height: 58px;
		padding: 6px;
	}

	.wf-brand {
		max-width: min(120px, calc(100vw - 168px));
		padding: 5px 10px;
	}

	.wf-brand__logo {
		width: clamp(78px, 25vw, 104px);
	}

	.wf-menu-toggle {
		width: 40px;
		height: 40px;
	}

	.wf-language-switch {
		width: 64px;
		min-width: 64px;
		min-height: 40px;
	}

	.wf-language-switch__button {
		min-height: 40px;
		padding-left: 12px;
		padding-right: 26px;
	}

	.wf-language-switch__button::after {
		right: 13px;
	}

	.wf-language-switch__menu {
		right: 0;
		width: min(124px, calc(100vw - 32px));
	}
}

@media (max-width: 1180px) {
	.wf-aiper-mega {
		grid-template-columns: 1fr;
	}

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

	.wf-aiper-mega__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.wf-aiper-hero__stage,
	.wf-aiper-video-carousel {
		grid-template-columns: 1fr;
	}

	.wf-aiper-hero__visual {
		min-height: 380px;
	}

	.wf-aiper-hero__product {
		right: 5%;
		width: min(70%, 520px);
	}
}

@media (max-width: 860px) {
	.wf-aiper-hero__announcement {
		grid-template-columns: 1fr;
		gap: 8px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.wf-aiper-hero__announcement-lead {
		justify-self: center;
	}

	.wf-aiper-hero__announcement-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.wf-aiper-hero__shell {
		padding-top: calc(var(--wf-header-offset) + 18px);
	}

	.wf-aiper-mega {
		min-height: auto;
		padding: 18px;
		border-radius: 22px;
	}

	.wf-aiper-mega__index {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.wf-aiper-mega__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.wf-aiper-product {
		grid-template-rows: 112px minmax(96px, auto);
	}

	.wf-aiper-hero__stage {
		min-height: auto;
		margin-top: 24px;
		padding: 28px;
		border-radius: 24px;
	}

	.wf-aiper-hero__visual {
		min-height: 330px;
	}

	.wf-aiper-hero__product {
		top: 40px;
		right: 0;
		width: min(88%, 460px);
	}

	.wf-aiper-hero__video-chip {
		right: 0;
		bottom: 18px;
		min-height: 60px;
		padding: 0 18px 0 68px;
		font-size: 13px;
	}

	.wf-aiper-hero__video-chip::before {
		width: 42px;
		height: 42px;
	}

	.wf-aiper-hero__video-chip::after {
		left: 31px;
		border-left-width: 13px;
		border-top-width: 9px;
		border-bottom-width: 9px;
	}

	.wf-aiper-video-carousel {
		padding: 18px;
		border-radius: 22px;
	}

	.wf-aiper-video-carousel__main {
		min-height: 300px;
	}

	.wf-aiper-video-carousel__copy {
		left: 22px;
		right: 22px;
		bottom: 22px;
	}

	.wf-aiper-video-carousel__thumbs {
		grid-template-columns: 1fr;
	}

	.wf-aiper-video-thumb {
		grid-template-columns: 128px 1fr;
		grid-template-rows: 1fr;
		min-height: 120px;
	}

	.wf-aiper-video-thumb::before {
		top: 52px;
		left: 64px;
	}

	.wf-aiper-video-thumb::after {
		top: 41px;
		left: 64px;
	}
}

@media (max-width: 520px) {
	.wf-aiper-mega__grid {
		grid-template-columns: 1fr;
	}

	.wf-aiper-product {
		grid-template-columns: 118px 1fr;
		grid-template-rows: 118px;
	}

	.wf-aiper-product__caption {
		justify-content: flex-start;
		padding: 0 14px;
	}

	.wf-aiper-hero__copy h1 {
		font-size: clamp(36px, 12vw, 54px);
	}

	.wf-aiper-hero__visual {
		min-height: 280px;
	}

	.wf-aiper-video-carousel__play {
		right: 18px;
		bottom: 18px;
		width: 58px;
		height: 58px;
	}

	.wf-aiper-video-carousel__play::after {
		left: 25px;
		top: 19px;
		border-left-width: 17px;
		border-top-width: 10px;
		border-bottom-width: 10px;
	}
}

/* Aiper-style homepage structure: promo strip, transparent nav, full-bleed video hero. */
body.home .wf-site-header,
body.front-page .wf-site-header {
	position: absolute;
	top: 46px;
}

body.home .wf-site-header.is-scrolled,
body.front-page .wf-site-header.is-scrolled {
	top: 46px;
}

body.home .wf-primary-header__inner,
body.front-page .wf-primary-header__inner {
	align-items: center;
	width: min(calc(100vw - 132px), 1840px);
	min-height: 94px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.home .wf-site-header,
body.front-page .wf-site-header {
	z-index: 1003;
	background: transparent;
	transition:
		top 220ms ease,
		background-color 160ms ease,
		box-shadow 160ms ease;
}

body.home.wf-titlebar-hover .wf-site-header,
body.front-page.wf-titlebar-hover .wf-site-header,
body.home.wf-products-menu-open .wf-site-header,
body.front-page.wf-products-menu-open .wf-site-header,
body.home.wf-hover-panel-open .wf-site-header,
body.front-page.wf-hover-panel-open .wf-site-header {
	background: #fff;
	box-shadow: 0 1px 0 rgba(7, 23, 20, 0.08);
}

body.home .wf-site-header.is-scrolled .wf-primary-header__inner,
body.front-page .wf-site-header.is-scrolled .wf-primary-header__inner {
	min-height: 94px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.home .wf-brand,
body.front-page .wf-brand {
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 300px;
	min-height: 72px;
	max-width: none;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.home .wf-brand::after,
body.front-page .wf-brand::after {
	content: "";
	order: 2;
	flex: 0 0 1px;
	align-self: center;
	width: 1px;
	height: 32px;
	background: rgba(255, 255, 255, 0.68);
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
}

body.home.wf-titlebar-hover .wf-brand::after,
body.front-page.wf-titlebar-hover .wf-brand::after,
body.home.wf-products-menu-open .wf-brand::after,
body.front-page.wf-products-menu-open .wf-brand::after,
body.home.wf-hover-panel-open .wf-brand::after,
body.front-page.wf-hover-panel-open .wf-brand::after {
	background: #111;
	box-shadow: none;
}

body.home .wf-brand__logo,
body.front-page .wf-brand__logo {
	order: 1;
	width: auto;
	max-width: 150px;
	height: 46px;
	max-height: none;
	object-fit: contain;
	filter: brightness(0) invert(1) drop-shadow(0 2px 14px rgba(0, 0, 0, 0.42));
}

body.home.wf-titlebar-hover .wf-brand__logo,
body.front-page.wf-titlebar-hover .wf-brand__logo,
body.home.wf-products-menu-open .wf-brand__logo,
body.front-page.wf-products-menu-open .wf-brand__logo,
body.home.wf-hover-panel-open .wf-brand__logo,
body.front-page.wf-hover-panel-open .wf-brand__logo {
	filter: none;
}

body.home .wf-brand__tagline,
body.front-page .wf-brand__tagline {
	order: 3;
	display: grid;
	gap: 1px;
	color: #fff;
	font-family: "Geist", sans-serif;
	line-height: 1.05;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.42);
}

body.home.wf-titlebar-hover .wf-brand__tagline,
body.front-page.wf-titlebar-hover .wf-brand__tagline,
body.home.wf-products-menu-open .wf-brand__tagline,
body.front-page.wf-products-menu-open .wf-brand__tagline,
body.home.wf-hover-panel-open .wf-brand__tagline,
body.front-page.wf-hover-panel-open .wf-brand__tagline {
	color: #111;
	text-shadow: none;
}

body.home .wf-brand__tagline span,
body.front-page .wf-brand__tagline span {
	font-size: 16px;
	font-weight: 900;
	font-style: italic;
}

body.home .wf-brand__tagline small,
body.front-page .wf-brand__tagline small {
	max-width: 130px;
	font-size: 10px;
	font-weight: 700;
	opacity: 0.92;
}

body.home .wf-nav,
body.front-page .wf-nav {
	flex: 1 1 auto;
}

body.home .wf-nav__list,
body.front-page .wf-nav__list {
	gap: clamp(22px, 2.1vw, 42px);
}

body.home .wf-nav__item > a,
body.front-page .wf-nav__item > a {
	position: relative;
	color: #fff;
	font-family: "Geist", sans-serif;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	text-transform: none;
	text-shadow: 0 1px 18px rgba(0, 0, 0, 0.34);
}

body.home .wf-nav__item > a::after,
body.front-page .wf-nav__item > a::after,
body.home .wf-header-utility--aiper::after,
body.front-page .wf-header-utility--aiper::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -14px;
	height: 3px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 160ms ease;
}

body.home .wf-nav__item > a:hover::after,
body.front-page .wf-nav__item > a:hover::after,
body.home .wf-nav__item > a:focus-visible::after,
body.front-page .wf-nav__item > a:focus-visible::after,
body.home .wf-nav__item > a[aria-expanded="true"]::after,
body.front-page .wf-nav__item > a[aria-expanded="true"]::after,
body.home .wf-header-utility--aiper:hover::after,
body.front-page .wf-header-utility--aiper:hover::after {
	transform: scaleX(1);
}

body.home.wf-titlebar-hover .wf-nav__item > a,
body.front-page.wf-titlebar-hover .wf-nav__item > a,
body.home.wf-products-menu-open .wf-nav__item > a,
body.front-page.wf-products-menu-open .wf-nav__item > a,
body.home.wf-hover-panel-open .wf-nav__item > a,
body.front-page.wf-hover-panel-open .wf-nav__item > a,
body.home.wf-titlebar-hover .wf-header-utility,
body.front-page.wf-titlebar-hover .wf-header-utility,
body.home.wf-products-menu-open .wf-header-utility,
body.front-page.wf-products-menu-open .wf-header-utility,
body.home.wf-hover-panel-open .wf-header-utility,
body.front-page.wf-hover-panel-open .wf-header-utility,
body.home.wf-titlebar-hover .wf-header-account,
body.front-page.wf-titlebar-hover .wf-header-account,
body.home.wf-products-menu-open .wf-header-account,
body.front-page.wf-products-menu-open .wf-header-account,
body.home.wf-hover-panel-open .wf-header-account,
body.front-page.wf-hover-panel-open .wf-header-account {
	color: #111;
	text-shadow: none;
}

body.home .wf-header-utility,
body.front-page .wf-header-utility {
	min-width: auto;
	padding: 0;
	color: #fff;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-family: "Geist", sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	white-space: nowrap;
	text-transform: none;
	text-shadow: 0 1px 18px rgba(0, 0, 0, 0.34);
}

body.home .wf-header-cta,
body.front-page .wf-header-cta {
	flex: 0 0 auto;
	gap: 22px;
}

body.home [data-i18n-key="header.quote"],
body.front-page [data-i18n-key="header.quote"],
body.home [data-i18n-key="header.bundle"],
body.front-page [data-i18n-key="header.bundle"] {
	display: none;
}

body.home .wf-header-cta .wf-pill--store,
body.front-page .wf-header-cta .wf-pill--store {
	gap: 8px;
	min-width: 112px;
	min-height: 36px;
	padding: 0 18px;
	border: 0;
	background: linear-gradient(90deg, #05aa56 0%, #25d0b4 100%);
	color: #fff;
	box-shadow:
		0 14px 28px rgba(5, 170, 86, 0.24),
		0 4px 12px rgba(6, 111, 45, 0.16);
	font-family: "Geist", sans-serif;
	font-size: 15px;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

body.home .wf-header-cta .wf-pill--store::before,
body.front-page .wf-header-cta .wf-pill--store::before {
	content: "";
	width: 15px;
	height: 15px;
	border: 2px solid currentColor;
	border-radius: 4px;
	box-shadow: inset 0 5px 0 rgba(255, 255, 255, 0.16);
}

body.home .wf-header-account,
body.front-page .wf-header-account {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #fff;
}

body.home .wf-header-account__icon,
body.front-page .wf-header-account__icon {
	position: relative;
	width: 27px;
	height: 27px;
}

body.home .wf-header-account__icon::before,
body.front-page .wf-header-account__icon::before,
body.home .wf-header-account__icon::after,
body.front-page .wf-header-account__icon::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border: 3px solid currentColor;
}

body.home .wf-header-account__icon::before,
body.front-page .wf-header-account__icon::before {
	top: 1px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
}

body.home .wf-header-account__icon::after,
body.front-page .wf-header-account__icon::after {
	bottom: 0;
	width: 21px;
	height: 11px;
	border-top-left-radius: 999px;
	border-top-right-radius: 999px;
	border-bottom: 0;
}

body.home .wf-language-switch__button,
body.front-page .wf-language-switch__button {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.42);
	background: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

body.home .wf-language-switch,
body.front-page .wf-language-switch {
	display: none;
}

.wf-aiper-hero {
	min-height: 100vh;
	background: #031207;
}

.wf-aiper-hero__announcement {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1010;
	min-height: 58px;
	padding: 8px clamp(18px, 4vw, 58px);
	background: linear-gradient(90deg, #e7f8ee, #f7fbef 72%, #dff4ed);
	color: var(--wf-surface-deep);
	font-size: clamp(11px, 0.8vw, 13px);
	box-shadow: 0 8px 24px rgba(5, 40, 19, 0.08);
}

.wf-aiper-hero__announcement a {
	min-height: 42px;
	padding: 7px 12px;
	border-radius: 18px;
	color: var(--wf-surface-deep);
	box-shadow: none;
}

.wf-aiper-hero__shell {
	width: 100%;
	padding: 58px 0 0;
}

.wf-aiper-mega {
	top: 132px;
	z-index: 1001;
	left: 0;
	width: 100vw;
	max-height: calc(100vh - 132px);
	padding: 38px clamp(42px, 13vw, 270px) 42px;
	border: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.08);
	transform: translateY(-8px);
}

body.wf-products-menu-open .wf-aiper-mega,
.wf-aiper-mega:hover,
.wf-aiper-mega:focus-within {
	transform: translateY(0);
}

.wf-aiper-hover-panel {
	position: fixed;
	top: 132px;
	left: 0;
	right: 0;
	z-index: 1001;
	padding: 32px clamp(42px, 7.5vw, 150px) 40px;
	background: #fff;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-8px);
	transition:
		opacity 160ms ease,
		visibility 160ms ease,
		transform 160ms ease;
}

body.wf-hover-panel-open .wf-aiper-hover-panel,
.wf-aiper-hover-panel:hover,
.wf-aiper-hover-panel:focus-within {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.wf-aiper-hover-panel__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(20px, 2.2vw, 42px);
	max-width: 1730px;
	margin: 0 auto;
}

.wf-aiper-hover-card {
	position: relative;
	min-height: 224px;
	overflow: hidden;
	border-radius: 14px;
	background:
		linear-gradient(90deg, rgba(0, 56, 62, 0.82), rgba(0, 134, 143, 0.36)),
		var(--hover-card-image) center / cover no-repeat;
	color: #fff;
	box-shadow: 0 12px 30px rgba(4, 38, 42, 0.16);
	transition:
		transform 160ms ease,
		box-shadow 160ms ease;
}

.wf-aiper-hover-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 44px rgba(4, 38, 42, 0.2);
}

.wf-aiper-hover-card__body {
	position: absolute;
	left: 42px;
	top: 32px;
	bottom: 30px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: min(58%, 380px);
}

.wf-aiper-hover-card__body strong {
	font-size: clamp(24px, 2vw, 34px);
	line-height: 1;
}

.wf-aiper-hover-card__body small {
	font-size: 17px;
	font-weight: 800;
	line-height: 1.18;
	opacity: 0.88;
}

.wf-aiper-hover-card__body em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	min-height: 36px;
	margin-top: auto;
	padding: 0 26px;
	border-radius: 999px;
	background: linear-gradient(90deg, #20d3dd, #8d73f7);
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0.02em;
}

.wf-aiper-mega__group li {
	padding: 12px 18px;
	border-radius: 12px;
	color: #111;
	transition:
		background-color 140ms ease,
		transform 140ms ease;
}

.wf-aiper-mega__group li:hover {
	background: #c5f3f6;
	transform: translateX(2px);
}

.wf-aiper-mega__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(16px, 1.5vw, 26px);
}

.wf-aiper-product {
	grid-template-rows: clamp(148px, 8.2vw, 178px) minmax(106px, auto);
	border: 0;
	border-radius: 12px;
	background: #f4f5f7;
	box-shadow: none;
}

.wf-aiper-product:hover {
	transform: translateY(-2px);
	border-color: transparent;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12);
}

.wf-aiper-product img {
	padding: 14px 20px 8px;
}

.wf-aiper-product__caption {
	background: #bdeff2;
	font-size: 15px;
}

.wf-aiper-product__caption em {
	color: #21c4d4;
}

.wf-aiper-product__caption small {
	color: rgba(14, 46, 50, 0.72);
	font-size: 12px;
}

.wf-aiper-product__caption strong {
	color: #0a2c30;
	font-size: 13px;
}

.wf-aiper-hero__stage {
	display: block;
	min-height: calc(100vh - 38px);
	height: calc(100vh - 38px);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #06140d;
	box-shadow: none;
}

.wf-aiper-hero__stage::before {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.16) 52%, rgba(0, 0, 0, 0.2) 100%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, transparent 23%, rgba(0, 0, 0, 0.14) 100%);
	mask-image: none;
	pointer-events: none;
}

.wf-aiper-hero__slide {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--hero-poster) center / cover no-repeat;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 520ms ease,
		visibility 520ms ease;
}

.wf-aiper-hero__slide.is-active {
	opacity: 1;
	visibility: visible;
}

.wf-aiper-hero__video,
.wf-aiper-hero__youtube {
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 420ms ease;
}

.wf-aiper-hero__video {
	object-fit: cover;
	filter: saturate(1.02) contrast(1.04);
}

.wf-aiper-hero__youtube {
	border: 0;
	background: #071412;
	pointer-events: none;
}

.wf-aiper-hero__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity 360ms ease;
}

.wf-aiper-hero__slide[data-hero-media-type="image"] .wf-aiper-hero__poster {
	transform: scale(1.1);
	transform-origin: center center;
}

.wf-aiper-hero__slide.is-active[data-hero-media-type="image"] .wf-aiper-hero__poster {
	animation: wf-hero-image-pullback 3000ms ease-in-out both;
}

@keyframes wf-hero-image-pullback {
	from {
		transform: scale(1.1);
	}

	to {
		transform: scale(1);
	}
}

.wf-aiper-hero__slide.is-video-ready .wf-aiper-hero__video {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 1;
	mix-blend-mode: normal;
}

.wf-aiper-hero__slide.is-youtube-ready .wf-aiper-hero__youtube {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: max(100%, calc(100vh * 1.7778));
	height: max(100%, calc(100vw * 0.5625));
	opacity: 1;
	transform: translate(-50%, -50%);
}

.wf-aiper-hero__slide.is-video-ready .wf-aiper-hero__poster,
.wf-aiper-hero__slide.is-youtube-ready .wf-aiper-hero__poster {
	opacity: 0;
}

.wf-aiper-hero__copy {
	position: absolute;
	z-index: 4;
	left: clamp(34px, 14vw, 290px);
	top: 50%;
	width: min(620px, calc(100vw - 64px));
	color: #fff;
	text-align: center;
	transform: translateY(-35%);
}

.wf-aiper-hero__eyebrow {
	margin: 0 0 14px;
	color: rgba(255, 255, 255, 0.92);
	font-family: "Geist", sans-serif;
	font-size: clamp(15px, 1.3vw, 22px);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	text-shadow: 0 2px 22px rgba(0, 0, 0, 0.42);
}

.wf-aiper-hero__copy h1 {
	max-width: none;
	margin: 0;
	color: #fff;
	font-size: clamp(44px, 3.5vw, 68px);
	line-height: 1.05;
	letter-spacing: 0;
	text-shadow: 0 3px 26px rgba(0, 0, 0, 0.42);
}

.wf-aiper-hero__copy p:not(.wf-aiper-hero__eyebrow) {
	max-width: 640px;
	margin: 18px auto 0;
	color: rgba(255, 255, 255, 0.94);
	font-size: clamp(24px, 2.2vw, 42px);
	line-height: 1.05;
	font-weight: 500;
	text-shadow: 0 3px 26px rgba(0, 0, 0, 0.42);
}

.wf-aiper-hero__actions {
	justify-content: center;
	gap: 22px;
	margin-top: 44px;
}

.wf-aiper-hero__actions.is-single-action {
	grid-template-columns: minmax(0, 280px);
}

.wf-aiper-hero__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 240px;
	min-height: 56px;
	padding: 0 54px 0 34px;
	border: 1.5px solid rgba(255, 255, 255, 0.84);
	border-radius: 999px;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition:
		background 180ms ease,
		transform 180ms ease;
}

.wf-aiper-hero__button[hidden] {
	display: none;
}

.wf-aiper-hero__button:hover {
	background: rgba(255, 255, 255, 0.18);
	transform: translateY(-1px);
}

.wf-aiper-hero__button::after {
	content: "";
	position: absolute;
	right: 28px;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.wf-aiper-hero__arrow {
	position: absolute;
	top: 55%;
	z-index: 5;
	display: grid;
	place-items: center;
	width: 70px;
	height: 70px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition:
		background 180ms ease,
		transform 180ms ease;
}

.wf-aiper-hero__arrow:hover {
	background: rgba(255, 255, 255, 0.32);
	transform: translateY(-1px);
}

.wf-aiper-hero__arrow::before {
	content: "";
	width: 22px;
	height: 22px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

.wf-aiper-hero__arrow--prev {
	left: 56px;
}

.wf-aiper-hero__arrow--prev::before {
	transform: rotate(-135deg);
	margin-left: 8px;
}

.wf-aiper-hero__arrow--next {
	right: 56px;
}

.wf-aiper-hero__arrow--next::before {
	transform: rotate(45deg);
	margin-right: 8px;
}

.wf-aiper-hero__media-toggle {
	position: absolute;
	right: 56px;
	bottom: 32px;
	z-index: 6;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition:
		background 180ms ease,
		transform 180ms ease,
		box-shadow 180ms ease;
}

.wf-aiper-hero__media-toggle:hover,
.wf-aiper-hero__media-toggle:focus-visible {
	background: #fff;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
	transform: translateY(-1px);
}

.wf-aiper-hero__media-toggle::before,
.wf-aiper-hero__media-toggle::after {
	content: "";
	display: block;
	width: 5px;
	height: 18px;
	border-radius: 999px;
	background: var(--wf-primary);
}

.wf-aiper-hero__media-toggle::before {
	transform: translateX(-4px);
}

.wf-aiper-hero__media-toggle::after {
	position: absolute;
	transform: translateX(5px);
}

.wf-aiper-hero__media-toggle.is-paused::before {
	width: 0;
	height: 0;
	border-left: 16px solid var(--wf-primary);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-radius: 0;
	background: transparent;
	transform: translateX(2px);
}

.wf-aiper-hero__media-toggle.is-paused::after {
	content: none;
}

.wf-home-quick-actions {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 30;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px;
	border: 1px solid rgba(14, 111, 80, 0.16);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 18px 46px rgba(8, 72, 28, 0.14);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.wf-home-quick-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 15px;
	border-radius: 999px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 10px;
	font-weight: 820;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wf-primary-strong);
	white-space: nowrap;
	transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.wf-home-quick-action:hover {
	transform: translateY(-1px);
	background: rgba(17, 139, 63, 0.08);
}

.wf-home-quick-action--primary {
	background: var(--wf-primary);
	color: #fff;
	box-shadow: 0 10px 20px rgba(17, 139, 63, 0.2);
}

.wf-home-quick-action--primary:hover {
	background: var(--wf-primary-strong);
	color: #fff;
}

.wf-home-quick-action--quote {
	background: rgba(110, 207, 232, 0.16);
	color: var(--wf-blue-ink);
}

@media (max-width: 640px) {
	.wf-home-quick-actions {
		left: 12px;
		right: 12px;
		bottom: 12px;
		justify-content: stretch;
		gap: 4px;
		padding: 5px;
		border-radius: 20px;
	}

	.wf-home-quick-action {
		flex: 1;
		min-width: 0;
		min-height: 40px;
		padding: 0 8px;
		font-size: 9px;
		letter-spacing: 0.04em;
	}
}

.wf-aiper-hero__dots {
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: 32px;
	display: flex;
	align-items: center;
	gap: 12px;
	transform: translateX(-50%);
}

.wf-aiper-hero__dots button {
	--progress: 0;
	position: relative;
	width: clamp(42px, 3.2vw, 58px);
	height: 7px;
	padding: 0;
	border: 0;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.42);
	cursor: pointer;
	transition:
		width 220ms ease,
		background 180ms ease,
		opacity 180ms ease;
}

.wf-aiper-hero__dots button::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: #fff;
	transform: scaleX(var(--progress));
	transform-origin: left center;
	transition: transform 120ms linear;
}

.wf-aiper-hero__dots button.is-active {
	width: clamp(78px, 6.2vw, 126px);
	background: rgba(255, 255, 255, 0.36);
}

.wf-tech[aria-hidden="true"] {
	display: none;
}

.wf-aiper-product-showcase {
	position: relative;
	--showcase-ink: #102219;
	--showcase-copy: #65756c;
	--showcase-muted: #91a098;
	--showcase-green: #049b4f;
	--showcase-green-bright: #20c768;
	--showcase-mint: #dff7ec;
	--showcase-aqua: #24d6d2;
	background:
		linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);
	color: var(--showcase-ink);
	overflow: hidden;
}

.wf-section-anchor {
	position: absolute;
	top: calc(-1 * var(--wf-header-offset, 96px));
	left: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.wf-aiper-product-showcase__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 auto;
	min-height: min(940px, calc(100vh - 20px));
	padding: clamp(48px, 5.4vw, 104px) clamp(32px, 4.2vw, 88px) clamp(58px, 6vw, 116px);
	gap: clamp(42px, 6vw, 104px) clamp(24px, 1.45vw, 32px);
}

.wf-aiper-product-tile {
	position: relative;
	display: grid;
	grid-template-columns: minmax(250px, 0.82fr) minmax(260px, 1fr);
	grid-template-rows: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: clamp(18px, 2.5vw, 48px);
	row-gap: clamp(18px, 2vw, 34px);
	min-height: clamp(320px, 34vh, 430px);
	padding: clamp(22px, 2.2vw, 44px);
	border: 1px solid rgba(4, 155, 79, 0.06);
	border-radius: 28px;
	background:
		linear-gradient(145deg, rgba(250, 253, 251, 0.98), rgba(244, 249, 246, 0.92));
	color: inherit;
	text-decoration: none;
	outline: none;
	box-shadow:
		0 28px 58px rgba(9, 43, 28, 0.045),
		0 8px 22px rgba(9, 43, 28, 0.035),
		0 1px 0 rgba(255, 255, 255, 0.92),
		inset 0 1px 0 rgba(255, 255, 255, 0.82);
	transition:
		border-color 220ms ease,
		box-shadow 220ms ease,
		transform 220ms ease;
}

.wf-aiper-product-tile__copy,
.wf-aiper-product-tile__media,
.wf-aiper-product-tile__actions {
	position: relative;
	z-index: 2;
}

.wf-aiper-product-tile__copy {
	grid-column: 1;
	grid-row: 1;
	display: grid;
	gap: 12px;
	align-content: center;
	max-width: 430px;
}

.wf-aiper-product-tile__category {
	color: var(--showcase-green);
	font-size: clamp(18px, 1.35vw, 26px);
	font-weight: 900;
	line-height: 1.08;
}

.wf-aiper-product-tile__copy strong {
	color: var(--showcase-ink);
	font-size: clamp(32px, 2.35vw, 48px);
	font-weight: 900;
	line-height: 1.02;
	letter-spacing: 0;
	text-wrap: balance;
}

.wf-aiper-product-tile__description {
	max-width: 400px;
	color: var(--showcase-copy);
	font-size: clamp(18px, 1.22vw, 24px);
	font-weight: 800;
	line-height: 1.45;
	text-wrap: pretty;
	transition: color 180ms ease;
}

.wf-aiper-product-tile__media {
	grid-column: 2;
	grid-row: 1;
	display: grid;
	place-items: center;
	align-self: stretch;
	min-height: 300px;
}

.wf-aiper-product-tile__media img {
	max-width: min(100%, 560px);
	max-height: clamp(250px, 31vh, 380px);
	width: auto;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 18px 22px rgba(10, 48, 31, 0.09));
	transform: translate3d(0, 0, 0) scale(1);
	transition:
		transform 260ms ease,
		filter 260ms ease;
}

.wf-aiper-product-tile__badge {
	position: absolute;
	top: 8px;
	right: clamp(18px, 4vw, 74px);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	min-height: 40px;
	padding: 0 18px;
	border-radius: 10px 0 10px 0;
	background: linear-gradient(135deg, var(--showcase-green-bright) 0%, var(--showcase-aqua) 78%);
	color: #fff;
	font-size: clamp(19px, 1.25vw, 26px);
	font-weight: 900;
	line-height: 1;
}

.wf-aiper-product-tile__actions {
	grid-column: 1 / -1;
	grid-row: 2;
	position: relative;
	display: flex;
	align-items: center;
	justify-self: end;
	gap: clamp(22px, 2.2vw, 42px);
	min-height: 58px;
	margin-right: clamp(10px, 2vw, 46px);
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 180ms ease,
		transform 180ms ease;
}

.wf-aiper-product-tile__button,
.wf-aiper-product-tile__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
}

.wf-aiper-product-tile__button {
	min-width: 184px;
	padding: 0 42px 0 28px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--showcase-green) 0%, var(--showcase-green-bright) 64%, var(--showcase-aqua) 100%);
	color: #fff;
	box-shadow:
		0 14px 28px rgba(4, 155, 79, 0.16),
		0 4px 10px rgba(4, 155, 79, 0.12);
}

.wf-aiper-product-tile__button::after {
	content: "";
	width: 9px;
	height: 9px;
	margin-left: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.wf-aiper-product-tile__link {
	position: relative;
	color: var(--showcase-green);
}

.wf-aiper-product-tile__link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	height: 2px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 180ms ease;
}

.wf-aiper-product-tile::before {
	content: "";
	position: absolute;
	inset: clamp(-16px, -1vw, -10px);
	z-index: 1;
	border-radius: 12px;
	background:
		radial-gradient(circle at 72% 24%, rgba(32, 199, 104, 0.16), transparent 30%),
		linear-gradient(135deg, rgba(223, 247, 236, 0.9), rgba(249, 253, 251, 0.96) 58%, rgba(36, 214, 210, 0.1));
	opacity: 0;
	transform: scale(0.985);
	transition:
		opacity 220ms ease,
		transform 220ms ease;
}

.wf-aiper-product-tile:hover::before,
.wf-aiper-product-tile:focus-visible::before {
	opacity: 1;
	transform: scale(1);
}

.wf-aiper-product-tile:hover,
.wf-aiper-product-tile:focus-visible {
	border-color: rgba(4, 155, 79, 0.18);
	box-shadow:
		0 34px 76px rgba(9, 43, 28, 0.08),
		0 12px 28px rgba(9, 43, 28, 0.055),
		0 0 0 1px rgba(4, 155, 79, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.86);
	transform: translateY(-2px);
}

.wf-aiper-product-tile:hover .wf-aiper-product-tile__description,
.wf-aiper-product-tile:focus-visible .wf-aiper-product-tile__description {
	color: #496157;
}

.wf-aiper-product-tile:hover .wf-aiper-product-tile__media img,
.wf-aiper-product-tile:focus-visible .wf-aiper-product-tile__media img {
	filter: drop-shadow(0 26px 28px rgba(8, 31, 34, 0.13));
	transform: translate3d(0, -8px, 0) scale(1.045);
}

.wf-aiper-product-tile:hover .wf-aiper-product-tile__actions,
.wf-aiper-product-tile:focus-visible .wf-aiper-product-tile__actions {
	opacity: 1;
	transform: translateY(0);
}

.wf-aiper-product-tile:hover .wf-aiper-product-tile__link::after,
.wf-aiper-product-tile:focus-visible .wf-aiper-product-tile__link::after {
	transform: scaleX(1);
}

.wf-buying-matrix {
	position: relative;
	padding: clamp(58px, 6.8vw, 112px) 0 clamp(54px, 6vw, 96px);
	background:
		linear-gradient(180deg, #ffffff 0%, #f5fbf8 100%);
	color: #102219;
	overflow: hidden;
}

.wf-motion-ready .wf-buying-matrix [data-reveal] {
	opacity: 1;
	transform: none;
}

.wf-buying-matrix__inner {
	width: min(calc(100% - 48px), var(--wf-container));
	margin: 0 auto;
}

.wf-buying-matrix__header {
	display: grid;
	grid-template-columns: minmax(0, 0.7fr) minmax(300px, 0.3fr);
	align-items: end;
	gap: clamp(20px, 3vw, 56px);
	margin-bottom: clamp(22px, 2.8vw, 42px);
}

.wf-buying-matrix__header p {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	color: #067449;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wf-buying-matrix__header h2 {
	grid-column: 1;
	grid-row: 2;
	max-width: 760px;
	margin: 8px 0 0;
	color: #102219;
	font-size: clamp(34px, 4.2vw, 68px);
	font-weight: 900;
	line-height: 0.96;
	letter-spacing: 0;
	text-wrap: balance;
}

.wf-buying-matrix__header > span {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: end;
	display: block;
	max-width: 430px;
	justify-self: end;
	color: #556960;
	font-size: 16px;
	font-weight: 720;
	line-height: 1.55;
	text-wrap: pretty;
}

.wf-buying-matrix__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.wf-buying-card {
	--card-accent: #049b4f;
	position: relative;
	display: grid;
	grid-template-rows: auto minmax(152px, 0.58fr) 1fr auto;
	min-height: 480px;
	padding: 16px;
	border: 1px solid rgba(14, 80, 54, 0.12);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 252, 250, 0.96));
	color: inherit;
	text-decoration: none;
	box-shadow:
		0 20px 46px rgba(9, 43, 28, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	outline: none;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}

.wf-buying-card--pro {
	--card-accent: #0d7fc2;
}

.wf-buying-card--commercial {
	--card-accent: #3f6b52;
}

.wf-buying-card--supply {
	--card-accent: #13a06f;
}

.wf-buying-card--drum {
	--card-accent: #616f5f;
}

.wf-buying-card:hover,
.wf-buying-card:focus-visible {
	border-color: color-mix(in srgb, var(--card-accent) 42%, transparent);
	box-shadow:
		0 28px 60px rgba(9, 43, 28, 0.1),
		0 0 0 1px color-mix(in srgb, var(--card-accent) 12%, transparent),
		inset 0 1px 0 rgba(255, 255, 255, 0.94);
	transform: translateY(-3px);
}

.wf-buying-card__mode {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-height: 28px;
	max-width: 100%;
	padding: 0 10px;
	border: 1px solid color-mix(in srgb, var(--card-accent) 18%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, var(--card-accent) 10%, #fff);
	color: var(--card-accent);
	font-size: 11px;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wf-buying-card__media {
	display: grid;
	place-items: center;
	min-height: 150px;
	margin: 12px 0 14px;
	border-radius: 14px;
	background:
		radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--card-accent) 14%, transparent), transparent 54%),
		linear-gradient(180deg, rgba(239, 248, 244, 0.82), rgba(255, 255, 255, 0.7));
}

.wf-buying-card__media img {
	width: min(100%, 190px);
	height: 138px;
	object-fit: contain;
	filter: drop-shadow(0 18px 22px rgba(10, 48, 31, 0.12));
	transition: transform 180ms ease;
}

.wf-buying-card:hover .wf-buying-card__media img,
.wf-buying-card:focus-visible .wf-buying-card__media img {
	transform: translateY(-4px) scale(1.03);
}

.wf-buying-card__body {
	display: grid;
	align-content: start;
	gap: 10px;
}

.wf-buying-card__body strong {
	color: #102219;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: 0;
	text-wrap: balance;
}

.wf-buying-card__price {
	color: var(--card-accent);
	font-size: 24px;
	font-weight: 950;
	line-height: 1;
}

.wf-buying-card__fit {
	color: #51675d;
	font-size: 13px;
	font-weight: 740;
	line-height: 1.35;
}

.wf-buying-card__points {
	display: grid;
	gap: 7px;
	margin-top: 2px;
}

.wf-buying-card__points span {
	position: relative;
	display: block;
	padding-left: 14px;
	color: #6a7b72;
	font-size: 12px;
	font-weight: 720;
	line-height: 1.34;
}

.wf-buying-card__points span::before {
	content: "";
	position: absolute;
	top: 0.62em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--card-accent);
	transform: translateY(-50%);
}

.wf-buying-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	margin-top: 18px;
	padding: 0 14px;
	border-radius: 999px;
	background: #102219;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
	white-space: nowrap;
	transition: background 180ms ease;
}

.wf-buying-card:hover .wf-buying-card__cta,
.wf-buying-card:focus-visible .wf-buying-card__cta {
	background: var(--card-accent);
}

.wf-buying-matrix__note {
	max-width: 620px;
	margin: 18px 0 0;
	color: #66766e;
	font-size: 13px;
	font-weight: 720;
	line-height: 1.45;
}

.wf-support-hub {
	padding: clamp(64px, 6.4vw, 110px) 0;
	background:
		linear-gradient(180deg, #f5fbf8 0%, #ffffff 100%);
	color: #102219;
}

.wf-motion-ready .wf-support-hub [data-reveal] {
	opacity: 1;
	transform: none;
}

.wf-support-hub__inner {
	display: grid;
	grid-template-columns: minmax(300px, 0.48fr) minmax(0, 0.52fr);
	grid-template-areas:
		"lead media"
		"grid grid"
		"timeline timeline";
	gap: 14px;
	width: min(calc(100% - 48px), var(--wf-container));
	margin: 0 auto;
}

.wf-support-hub__lead,
.wf-support-hub__media,
.wf-support-card,
.wf-support-timeline {
	border: 1px solid rgba(14, 111, 80, 0.13);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 22px 52px rgba(9, 43, 28, 0.06);
}

.wf-support-hub__lead {
	grid-area: lead;
	display: grid;
	align-content: center;
	gap: 18px;
	padding: clamp(28px, 3.8vw, 58px);
}

.wf-support-hub__lead p {
	margin: 0;
	color: #067449;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wf-support-hub__lead h2 {
	max-width: 720px;
	margin: 0;
	color: #102219;
	font-size: clamp(34px, 4vw, 62px);
	font-weight: 900;
	line-height: 0.98;
	letter-spacing: 0;
	text-wrap: balance;
}

.wf-support-hub__lead > span {
	max-width: 650px;
	color: #52665d;
	font-size: 16px;
	font-weight: 720;
	line-height: 1.56;
	text-wrap: pretty;
}

.wf-support-hub__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}

.wf-support-hub__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.1;
	text-decoration: none;
	text-transform: uppercase;
	transition:
		border-color 180ms ease,
		background 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}

.wf-support-hub__button--primary {
	background: #102219;
	color: #fff;
}

.wf-support-hub__button--secondary {
	border: 1px solid rgba(14, 111, 80, 0.24);
	background: #fff;
	color: #0d6c4e;
}

.wf-support-hub__button:hover,
.wf-support-hub__button:focus-visible {
	transform: translateY(-2px);
}

.wf-support-hub__button--secondary:hover,
.wf-support-hub__button--secondary:focus-visible {
	border-color: rgba(14, 111, 80, 0.44);
	background: #e9f8f1;
}

.wf-support-hub__proof {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 6px;
}

.wf-support-hub__proof span {
	display: flex;
	align-items: center;
	min-height: 38px;
	padding: 9px 11px;
	border-radius: 12px;
	background: #f0f8f4;
	color: #4e665b;
	font-size: 12px;
	font-weight: 820;
	line-height: 1.25;
}

.wf-support-hub__media {
	grid-area: media;
	position: relative;
	min-height: 420px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(9, 49, 35, 0.06), rgba(9, 49, 35, 0.14)),
		#ecf6f1;
}

.wf-support-hub__media img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	filter: saturate(1.04) contrast(1.02);
}

.wf-support-hub__grid {
	grid-area: grid;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.wf-support-card {
	--support-accent: #087d56;
	display: grid;
	align-content: start;
	gap: 12px;
	min-height: 260px;
	padding: 20px;
	color: inherit;
	text-decoration: none;
	outline: none;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}

.wf-support-card--service {
	--support-accent: #0d7fc2;
}

.wf-support-card--refill {
	--support-accent: #13a06f;
}

.wf-support-card--commercial {
	--support-accent: #516a57;
}

.wf-support-card:hover,
.wf-support-card:focus-visible {
	border-color: color-mix(in srgb, var(--support-accent) 34%, transparent);
	box-shadow:
		0 28px 62px rgba(9, 43, 28, 0.1),
		0 0 0 1px color-mix(in srgb, var(--support-accent) 12%, transparent);
	transform: translateY(-2px);
}

.wf-support-card__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-height: 28px;
	max-width: 100%;
	padding: 0 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--support-accent) 10%, #fff);
	color: var(--support-accent);
	font-size: 11px;
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
}

.wf-support-card strong {
	color: #102219;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: 0;
	text-wrap: balance;
}

.wf-support-card__body {
	color: #596d63;
	font-size: 13px;
	font-weight: 720;
	line-height: 1.48;
}

.wf-support-card__cta {
	align-self: end;
	margin-top: 10px;
	color: var(--support-accent);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.wf-support-timeline {
	grid-area: timeline;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
}

.wf-support-timeline__step {
	display: grid;
	align-content: start;
	gap: 8px;
	min-height: 144px;
	padding: 18px;
	border-right: 1px solid rgba(14, 111, 80, 0.12);
}

.wf-support-timeline__step:last-child {
	border-right: 0;
}

.wf-support-timeline__step span {
	color: #0d7d58;
	font-size: 12px;
	font-weight: 900;
}

.wf-support-timeline__step strong {
	color: #102219;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.1;
}

.wf-support-timeline__step p {
	margin: 0;
	color: #66776f;
	font-size: 12px;
	font-weight: 720;
	line-height: 1.42;
}

.wf-advantage-carousel {
	padding: 0 0 clamp(46px, 5.6vw, 92px);
	background:
		linear-gradient(180deg, #fbfdfb 0%, #ffffff 100%);
}

.wf-advantage-carousel__shell {
	margin: 0 auto;
	padding: 0 clamp(32px, 4.2vw, 88px);
}

.wf-advantage-carousel__viewport {
	position: relative;
	overflow: hidden;
	border-radius: clamp(24px, 2.5vw, 42px);
	background: #f8fbf9;
	box-shadow:
		0 30px 72px rgba(8, 45, 30, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.wf-advantage-carousel__track {
	display: flex;
	will-change: transform;
	transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.wf-advantage-slide {
	position: relative;
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.68fr);
	align-items: center;
	column-gap: clamp(28px, 4vw, 78px);
	min-height: clamp(520px, 40vw, 660px);
	padding: clamp(58px, 6.8vw, 112px) clamp(56px, 7vw, 132px) clamp(78px, 7.2vw, 118px);
	overflow: hidden;
	background: #f7fbf9;
	color: #4f5557;
}

.wf-advantage-slide__scene {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 72%;
	height: 56%;
	object-fit: cover;
	filter: saturate(1.06) contrast(1.03);
	transform: scale(1.02);
}

.wf-advantage-slide__wash {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.98) 36%, rgba(255, 255, 255, 0.48) 68%, rgba(255, 255, 255, 0.06) 100%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 46%, rgba(255, 255, 255, 0.45) 72%, rgba(255, 255, 255, 0.12) 100%);
	pointer-events: none;
}

.wf-advantage-slide::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: min(62vw, 1000px);
	height: 34%;
	border-bottom-left-radius: 64px;
	background: linear-gradient(100deg, rgba(255, 255, 255, 0.8), rgba(83, 236, 223, 0.26));
}

.wf-advantage-slide--mint::before {
	background: linear-gradient(100deg, rgba(255, 255, 255, 0.8), rgba(40, 212, 144, 0.22));
}

.wf-advantage-slide--graphite::before,
.wf-advantage-slide--industrial::before {
	background: linear-gradient(100deg, rgba(255, 255, 255, 0.86), rgba(20, 48, 45, 0.18));
}

.wf-advantage-slide--paper::before {
	background: linear-gradient(100deg, rgba(255, 255, 255, 0.82), rgba(223, 245, 223, 0.58));
}

.wf-advantage-slide__copy {
	position: relative;
	z-index: 2;
	display: grid;
	gap: clamp(16px, 1.4vw, 24px);
	align-content: center;
	min-width: 0;
	max-width: 860px;
}

.wf-advantage-slide__copy p {
	margin: 0;
	color: #05966b;
	font-size: clamp(12px, 0.9vw, 15px);
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.wf-advantage-slide__copy h2 {
	margin: 0;
	color: #565b5e;
	font-size: clamp(38px, 3.45vw, 64px);
	font-weight: 900;
	line-height: 1.04;
	letter-spacing: 0;
	text-wrap: balance;
}

.wf-advantage-slide__copy > span {
	max-width: 660px;
	color: #62696c;
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 600;
	line-height: 1.38;
	text-wrap: pretty;
}

.wf-advantage-slide__copy a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-height: 60px;
	padding: 0 34px;
	border-radius: 999px;
	background: linear-gradient(90deg, #28e8e2, #d8cef9);
	color: #fff;
	font-size: clamp(14px, 1.05vw, 19px);
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: 0 18px 36px rgba(20, 202, 177, 0.22);
	transition:
		transform 180ms ease,
		box-shadow 180ms ease;
}

.wf-advantage-slide__copy a::after {
	content: "";
	width: 10px;
	height: 10px;
	margin-left: 14px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: rotate(45deg);
}

.wf-advantage-slide__copy a:hover,
.wf-advantage-slide__copy a:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 22px 42px rgba(20, 202, 177, 0.3);
}

.wf-advantage-slide__product {
	position: relative;
	z-index: 2;
	display: grid;
	align-self: end;
	justify-items: center;
	gap: 16px;
	min-width: 0;
	padding: clamp(24px, 3vw, 44px);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.48);
	backdrop-filter: blur(12px);
	box-shadow: 0 22px 56px rgba(7, 50, 32, 0.08);
}

.wf-advantage-slide__product img {
	max-width: 100%;
	max-height: clamp(220px, 22vw, 360px);
	object-fit: contain;
	filter: drop-shadow(0 30px 36px rgba(5, 35, 24, 0.2));
}

.wf-advantage-slide__product strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	color: #075d50;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	backdrop-filter: blur(12px);
	box-shadow: 0 12px 30px rgba(10, 48, 31, 0.1);
}

.wf-advantage-carousel__dots {
	position: absolute;
	left: 50%;
	bottom: clamp(22px, 2.1vw, 38px);
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transform: translateX(-50%);
}

.wf-advantage-carousel__dots button {
	width: clamp(32px, 3.2vw, 58px);
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0 1px 8px rgba(7, 50, 32, 0.12);
	cursor: pointer;
	transition:
		width 180ms ease,
		background 180ms ease;
}

.wf-advantage-carousel__dots button.is-active {
	width: clamp(68px, 5vw, 98px);
	background: #ffffff;
}

.wf-advantage-carousel__nav {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 clamp(14px, 2vw, 34px);
	pointer-events: none;
}

.wf-advantage-carousel__nav button {
	position: relative;
	width: clamp(42px, 4vw, 62px);
	height: clamp(42px, 4vw, 62px);
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0 12px 32px rgba(7, 50, 32, 0.12);
	backdrop-filter: blur(10px);
	cursor: pointer;
	pointer-events: auto;
}

.wf-advantage-carousel__nav button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	border-top: 3px solid rgba(54, 62, 65, 0.72);
	border-right: 3px solid rgba(54, 62, 65, 0.72);
	transform: translate(-35%, -50%) rotate(45deg);
}

.wf-advantage-carousel__nav button:first-child::before {
	transform: translate(-62%, -50%) rotate(225deg);
}

.wf-storefront-routes {
	padding: clamp(72px, 6vw, 118px) 0;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 249, 243, 0.94)),
		#f6fbf8;
	color: var(--wf-text);
}

.wf-storefront-routes__inner {
	display: grid;
	grid-template-columns: minmax(280px, 0.56fr) minmax(0, 1fr);
	gap: clamp(22px, 3vw, 42px);
	width: min(calc(100% - 48px), 1280px);
	margin: 0 auto;
}

.wf-motion-ready .wf-storefront-routes [data-reveal] {
	opacity: 1;
	transform: none;
}

.wf-storefront-routes__copy {
	position: sticky;
	top: calc(var(--wf-header-offset) + 32px);
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: clamp(28px, 3vw, 42px);
	border: 1px solid rgba(14, 111, 80, 0.14);
	border-radius: 24px;
	background:
		radial-gradient(circle at 10% 0%, rgba(110, 207, 232, 0.2), transparent 34%),
		rgba(255, 255, 255, 0.92);
	box-shadow: 0 24px 54px rgba(11, 79, 65, 0.09);
}

.wf-storefront-routes__copy p {
	margin: 0;
	font-size: 12px;
	font-weight: 820;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wf-primary);
}

.wf-storefront-routes__copy h2 {
	max-width: 560px;
	margin: 0;
	font-size: clamp(34px, 4.4vw, 62px);
	font-weight: 820;
	line-height: 0.98;
	letter-spacing: 0;
}

.wf-storefront-routes__copy > span {
	margin: 0;
	color: var(--wf-text-soft);
	font-size: 16px;
	line-height: 1.62;
}

.wf-storefront-routes__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
}

.wf-storefront-routes__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 820;
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.wf-storefront-routes__button--primary {
	background: var(--wf-primary-strong);
	color: #fff;
	box-shadow: 0 16px 34px rgba(14, 111, 80, 0.18);
}

.wf-storefront-routes__button--secondary {
	border: 1px solid rgba(14, 111, 80, 0.24);
	background: rgba(255, 255, 255, 0.92);
	color: var(--wf-primary-strong);
}

.wf-storefront-routes__button:hover,
.wf-storefront-routes__button:focus-visible,
.wf-storefront-route-card:hover,
.wf-storefront-route-card:focus-visible {
	transform: translateY(-2px);
}

.wf-storefront-routes__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.wf-storefront-route-card {
	position: relative;
	display: flex;
	min-height: 242px;
	flex-direction: column;
	gap: 14px;
	padding: 24px;
	overflow: hidden;
	border: 1px solid rgba(14, 111, 80, 0.14);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 18px 40px rgba(11, 79, 65, 0.07);
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.wf-storefront-route-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(17, 139, 63, 0.08), rgba(110, 207, 232, 0.08));
	opacity: 0;
	transition: opacity 180ms ease;
}

.wf-storefront-route-card:hover::before,
.wf-storefront-route-card:focus-visible::before {
	opacity: 1;
}

.wf-storefront-route-card:nth-child(1),
.wf-storefront-route-card:nth-child(2) {
	grid-column: span 3;
}

.wf-storefront-route-card:nth-child(n + 3) {
	grid-column: span 2;
}

.wf-storefront-route-card__label,
.wf-storefront-route-card strong,
.wf-storefront-route-card__body,
.wf-storefront-route-card__meta {
	position: relative;
	z-index: 1;
}

.wf-storefront-route-card__label {
	width: fit-content;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(17, 139, 63, 0.1);
	color: var(--wf-primary-strong);
	font-size: 11px;
	font-weight: 820;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.wf-storefront-route-card strong {
	max-width: 18ch;
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.05;
	letter-spacing: 0;
}

.wf-storefront-route-card__body {
	max-width: 46ch;
	color: var(--wf-text-soft);
	font-size: 14px;
	line-height: 1.55;
}

.wf-storefront-route-card__meta {
	margin-top: auto;
	color: var(--wf-primary-strong);
	font-size: 12px;
	font-weight: 820;
}

.wf-storefront-routes__proof {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid rgba(14, 111, 80, 0.14);
	border-radius: 20px;
	background: rgba(14, 111, 80, 0.14);
}

.wf-storefront-routes__proof span {
	display: flex;
	align-items: center;
	min-height: 76px;
	padding: 18px 20px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--wf-text-soft);
	font-size: 13px;
	font-weight: 720;
	line-height: 1.4;
}

@media (max-width: 1180px) {
	.wf-advantage-slide {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 0.58fr);
		padding: 56px 48px 86px;
	}

	.wf-advantage-slide__product {
		padding: 24px;
	}

	.wf-aiper-product-showcase__grid {
		padding: 56px 28px 72px;
		gap: 36px;
	}

	.wf-aiper-product-tile {
		grid-template-columns: 1fr;
		grid-template-rows: auto minmax(0, 1fr) auto;
		align-content: start;
		min-height: 520px;
		padding: 18px;
	}

	.wf-aiper-product-tile__copy {
		grid-column: 1;
		grid-row: 1;
		padding-right: 0;
	}

	.wf-aiper-product-tile__media {
		grid-column: 1;
		grid-row: 2;
		min-height: 270px;
	}

	.wf-aiper-product-tile__actions {
		grid-column: 1;
		grid-row: 3;
		justify-self: start;
		gap: 18px;
		margin-right: 0;
	}

	.wf-buying-matrix__header {
		grid-template-columns: 1fr;
	}

	.wf-buying-matrix__header p,
	.wf-buying-matrix__header h2,
	.wf-buying-matrix__header > span {
		grid-column: 1;
		grid-row: auto;
	}

	.wf-buying-matrix__header > span {
		justify-self: start;
		max-width: 620px;
	}

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

	.wf-buying-card {
		min-height: 456px;
	}

	.wf-support-hub__inner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"lead"
			"media"
			"grid"
			"timeline";
	}

	.wf-support-hub__media,
	.wf-support-hub__media img {
		min-height: 360px;
	}

	.wf-support-hub__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home .wf-primary-header__inner,
	body.front-page .wf-primary-header__inner {
		width: min(calc(100vw - 44px), 1040px);
	}

	body.home .wf-nav__item > a,
	body.front-page .wf-nav__item > a,
	body.home .wf-header-utility,
	body.front-page .wf-header-utility {
		font-size: 15px;
	}

	.wf-aiper-hero__copy {
		left: 96px;
	}

}

@media (max-width: 860px) {
	.wf-advantage-carousel {
		padding: 0 0 42px;
	}

	.wf-advantage-carousel__shell {
		padding: 0 20px;
	}

	.wf-advantage-slide {
		grid-template-columns: 1fr;
		align-content: start;
		gap: 26px;
		min-height: 720px;
		padding: 42px 28px 86px;
	}

	.wf-advantage-slide__scene {
		height: 48%;
		width: 100%;
	}

	.wf-advantage-slide__copy {
		max-width: none;
	}

	.wf-advantage-slide__copy h2 {
		font-size: clamp(34px, 9vw, 52px);
	}

	.wf-advantage-slide__copy > span {
		font-size: 18px;
		line-height: 1.38;
	}

	.wf-advantage-slide__copy a {
		min-height: 50px;
		padding: 0 24px;
	}

	.wf-advantage-slide__product {
		justify-self: end;
		width: min(58vw, 300px);
		padding: 18px;
	}

	.wf-advantage-slide__product strong {
		font-size: 11px;
	}

	.wf-advantage-carousel__nav {
		display: none;
	}

	.wf-aiper-product-showcase__grid {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 34px 20px 52px;
		gap: 18px;
	}

	.wf-aiper-product-tile {
		min-height: 560px;
		padding: 24px 20px;
		border-radius: 22px;
		background:
			linear-gradient(135deg, rgba(223, 247, 236, 0.95), rgba(249, 253, 251, 0.96) 64%, rgba(36, 214, 210, 0.1)),
			#fff;
		box-shadow:
			0 22px 46px rgba(9, 43, 28, 0.055),
			0 8px 18px rgba(9, 43, 28, 0.04);
	}

	.wf-aiper-product-tile::before {
		display: none;
	}

	.wf-aiper-product-tile__description {
		color: var(--showcase-copy);
		font-size: 16px;
	}

	.wf-aiper-product-tile__media {
		min-height: 300px;
	}

	.wf-aiper-product-tile__media img {
		max-height: 300px;
	}

	.wf-aiper-product-tile__badge {
		top: 18px;
		right: 18px;
		min-width: 72px;
		min-height: 34px;
		font-size: 17px;
	}

	.wf-aiper-product-tile__actions {
		margin-top: 18px;
		opacity: 1;
		transform: none;
	}

	.wf-aiper-product-tile__button,
	.wf-aiper-product-tile__link {
		min-height: 48px;
		font-size: 14px;
	}

	.wf-aiper-product-tile__button {
		min-width: 150px;
		padding: 0 24px;
	}

	.wf-buying-matrix {
		padding: 52px 0 48px;
	}

	.wf-buying-matrix__inner {
		width: min(calc(100% - 32px), var(--wf-container));
	}

	.wf-buying-matrix__header {
		margin-bottom: 22px;
	}

	.wf-buying-matrix__header h2 {
		font-size: clamp(34px, 9vw, 48px);
	}

	.wf-buying-matrix__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wf-buying-card {
		min-height: 430px;
		padding: 14px;
		border-radius: 16px;
	}

	.wf-buying-card__media {
		min-height: 132px;
	}

	.wf-buying-card__media img {
		height: 120px;
	}

	.wf-buying-card__body strong {
		font-size: 18px;
	}

	.wf-buying-card__cta {
		white-space: normal;
	}

	.wf-support-hub {
		padding: 52px 0;
	}

	.wf-support-hub__inner {
		width: min(calc(100% - 32px), var(--wf-container));
	}

	.wf-support-hub__lead {
		padding: 28px 22px;
	}

	.wf-support-hub__lead h2 {
		font-size: clamp(34px, 9vw, 48px);
	}

	.wf-support-hub__media,
	.wf-support-hub__media img {
		min-height: 280px;
	}

	.wf-support-hub__grid,
	.wf-support-timeline {
		grid-template-columns: 1fr;
	}

	.wf-support-card {
		min-height: 0;
	}

	.wf-support-timeline__step {
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid rgba(14, 111, 80, 0.12);
	}

	.wf-support-timeline__step:last-child {
		border-bottom: 0;
	}

	.wf-storefront-routes {
		padding: 52px 0;
	}

	.wf-storefront-routes__inner {
		grid-template-columns: 1fr;
		width: min(calc(100% - 32px), 1280px);
	}

	.wf-storefront-routes__copy {
		position: relative;
		top: auto;
	}

	.wf-storefront-routes__grid,
	.wf-storefront-routes__proof {
		grid-template-columns: 1fr;
	}

	.wf-storefront-route-card,
	.wf-storefront-route-card:nth-child(1),
	.wf-storefront-route-card:nth-child(2),
	.wf-storefront-route-card:nth-child(n + 3) {
		grid-column: auto;
	}

	.wf-storefront-route-card {
		min-height: 0;
		padding: 24px;
		padding-right: clamp(30px, 21vw, 82px);
	}

	body.home .wf-site-header,
	body.front-page .wf-site-header,
	body.home .wf-site-header.is-scrolled,
	body.front-page .wf-site-header.is-scrolled {
		top: 62px;
	}

	body.home .wf-primary-header__inner,
	body.front-page .wf-primary-header__inner {
		width: min(calc(100vw - 20px), 720px);
		min-height: 56px;
		padding: 6px 12px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.86);
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	body.home .wf-brand,
	body.front-page .wf-brand {
		gap: 0;
		min-width: 148px;
		min-height: 44px;
	}

	body.home .wf-brand::after,
	body.front-page .wf-brand::after,
	body.home .wf-brand__tagline,
	body.front-page .wf-brand__tagline {
		display: none;
	}

	body.home .wf-brand__logo,
	body.front-page .wf-brand__logo {
		width: 126px;
		height: auto;
		filter: none;
	}

	body.home .wf-menu-toggle,
	body.front-page .wf-menu-toggle {
		background: rgba(255, 255, 255, 0.75);
		color: var(--wf-surface-deep);
	}

	body.home .wf-nav__item > a,
	body.front-page .wf-nav__item > a {
		color: var(--wf-surface-deep);
		text-shadow: none;
	}

	body.home .wf-header-cta,
	body.front-page .wf-header-cta {
		display: none;
	}

	.wf-aiper-hero__announcement {
		position: relative;
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 7px 10px;
		font-size: 12px;
		line-height: 1.15;
	}

	.wf-aiper-hero__announcement-lead {
		justify-content: center;
		justify-self: center;
		max-width: 100%;
	}

	.wf-aiper-hero__announcement-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.wf-aiper-hero__announcement a {
		min-height: 44px;
		padding: 7px 10px;
	}

	.wf-aiper-hero__shell {
		padding-top: 0;
	}

	.wf-aiper-hero__stage {
		min-height: calc(100vh - 42px);
		height: calc(100vh - 42px);
	}

	.wf-aiper-hero__copy {
		left: 24px;
		right: 24px;
		top: 54%;
		width: auto;
		transform: translateY(-50%);
	}

	.wf-aiper-hero__copy h1 {
		font-size: clamp(38px, 11vw, 58px);
	}

	.wf-aiper-hero__copy p:not(.wf-aiper-hero__eyebrow) {
		font-size: clamp(22px, 7vw, 34px);
	}

	.wf-aiper-hero__actions {
		gap: 12px;
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 26px;
	}

	.wf-aiper-hero__actions.is-single-action {
		grid-template-columns: minmax(0, min(280px, 100%));
		justify-content: center;
	}

	.wf-aiper-hero__button {
		min-width: 0;
		width: min(100%, 300px);
		min-height: 46px;
		padding: 0 38px 0 18px;
		font-size: 13px;
		white-space: nowrap;
	}

	.wf-aiper-hero__button::after {
		right: 16px;
		width: 8px;
		height: 8px;
	}

	.wf-aiper-hero__arrow {
		top: auto;
		bottom: 28px;
		width: 54px;
		height: 54px;
	}

	.wf-aiper-hero__arrow--prev {
		left: 22px;
	}

	.wf-aiper-hero__arrow--next {
		right: 22px;
	}

	.wf-aiper-hero__media-toggle {
		display: none;
	}

	.wf-aiper-hero__dots {
		display: none;
	}

	.wf-aiper-hero__dots {
		bottom: 92px;
		display: flex;
		gap: 8px;
	}

	.wf-aiper-hero__dots button {
		width: 34px;
		height: 6px;
	}

	.wf-aiper-hero__dots button.is-active {
		width: min(96px, 28vw);
	}

	.wf-aiper-mega {
		top: 136px;
		left: 12px;
		right: 12px;
		width: auto;
		max-height: calc(100vh - 148px);
		padding: 18px;
		border-radius: 18px;
	}

	.wf-aiper-hover-panel {
		display: none;
	}

}

@media (max-width: 860px) {
	.wf-site-header.is-menu-open .wf-aiper-mega {
		position: static;
		grid-template-columns: 1fr;
		width: auto;
		max-height: none;
		margin: 10px 12px 0;
		padding: 14px;
		overflow: visible;
		border: 1px solid rgba(215, 232, 221, 0.92);
		border-radius: 18px;
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 18px 42px rgba(8, 72, 28, 0.12);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: none;
	}

	body.wf-products-menu-open .wf-site-header.is-menu-open .wf-aiper-mega {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}

	.wf-site-header.is-menu-open .wf-aiper-mega__index {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 10px;
		border-radius: 14px;
		background: #f3fbf5;
	}

	.wf-site-header.is-menu-open .wf-aiper-mega__group h2 {
		margin-bottom: 8px;
		font-size: 13px;
		line-height: 1.15;
	}

	.wf-site-header.is-menu-open .wf-aiper-mega__group ul {
		gap: 6px;
		font-size: 12px;
	}

	.wf-site-header.is-menu-open .wf-aiper-mega__group li {
		display: grid;
		gap: 2px;
		padding: 8px 10px;
		border-radius: 10px;
		background: #fff;
	}

	.wf-site-header.is-menu-open .wf-aiper-mega__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.wf-site-header.is-menu-open .wf-aiper-product {
		grid-template-columns: 78px minmax(0, 1fr);
		grid-template-rows: auto;
		min-height: 0;
		border-radius: 14px;
	}

	.wf-site-header.is-menu-open .wf-aiper-product img {
		width: 78px;
		height: 100%;
		min-height: 98px;
		object-fit: contain;
	}

	.wf-site-header.is-menu-open .wf-aiper-product__body {
		padding: 12px;
	}
}

@media (max-width: 520px) {
	.wf-buying-matrix__grid {
		grid-template-columns: 1fr;
	}

	.wf-buying-card {
		min-height: 0;
	}

	.wf-buying-card__mode {
		justify-self: stretch;
		text-align: center;
	}

	.wf-support-hub__actions,
	.wf-support-hub__proof {
		grid-template-columns: 1fr;
	}

	.wf-support-hub__actions {
		display: grid;
	}

	.wf-support-hub__button {
		width: 100%;
	}

	.wf-advantage-carousel__shell {
		padding: 0 14px;
	}

	.wf-advantage-slide {
		min-height: 740px;
		padding: 36px 20px 88px;
	}

	.wf-advantage-slide__copy {
		gap: 14px;
	}

	.wf-advantage-slide__product {
		width: min(58vw, 230px);
	}

	.wf-advantage-slide__product img {
		max-height: 220px;
	}

	.wf-aiper-hero__announcement {
		align-items: center;
		gap: 8px;
	}

	.wf-aiper-hero__announcement a {
		min-height: 42px;
		padding: 7px 10px;
	}

	.wf-aiper-hero__copy {
		top: 43%;
		text-align: left;
	}

	.wf-aiper-hero__actions {
		justify-content: flex-start;
		margin-top: 20px;
	}

	.wf-aiper-hero__button {
		width: auto;
		justify-content: center;
	}
}