:root {
	--zs-blue: #075ce5;
	--zs-blue-dark: #0347b7;
	--zs-orange: #f29a0b;
	--zs-orange-dark: #d87f00;
	--zs-navy: #071a33;
	--zs-ink: #0b1628;
	--zs-white: #ffffff;
	--zs-soft: #f3f7fc;
	--zs-cream: #fffaf1;
	--zs-text: #142033;
	--zs-muted: #5b6677;
	--zs-border: #dce4ef;
	--zs-shadow: 0 22px 70px rgba(7, 26, 51, 0.14);
	--zs-radius: 20px;
	color-scheme: light;
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body,
button,
input,
select,
textarea {
	font-family: "Segoe UI", Arial, sans-serif;
}

body {
	margin: 0;
	background: var(--zs-white);
	color: var(--zs-text);
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.02;
}

p { line-height: 1.7; }
a { text-underline-offset: .18em; }
img { max-width: 100%; height: auto; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--zs-orange);
	outline-offset: 3px;
}

.zs-main { min-height: 60vh; }

.zs-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255,255,255,.97);
	border-bottom: 1px solid var(--zs-border);
	box-shadow: 0 5px 24px rgba(7,26,51,.06);
	backdrop-filter: blur(10px);
}

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

.zs-header-inner {
	min-height: 94px;
	gap: clamp(.7rem, 1.5vw, 1.3rem);
	max-width: 1320px !important;
}

.zs-brand-link {
	display: inline-flex;
	align-items: center;
	flex: 0 1 300px;
	max-width: min(300px, 42vw);
	overflow: visible;
}

.zs-brand-link img { display: block; width: 100%; height: auto; }
.zs-site-header .wp-block-navigation { margin-left: auto; }
.zs-site-header .wp-block-navigation a { color: var(--zs-ink); text-decoration: none; font-weight: 650; }
.zs-site-header .wp-block-navigation a:hover { color: var(--zs-blue); }
.zs-site-header .wp-block-navigation__container { gap: clamp(.75rem,1.25vw,1.2rem); }
.zs-site-header a[href*="/my-account/"], .zs-site-header .wc-block-mini-cart { display: none !important; }
.zs-header-cta { flex: none; }
.zs-header-cart { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 1px solid var(--zs-border); border-radius: 10px; color: var(--zs-ink); text-decoration: none; }
.zs-header-cart:hover, .zs-header-cart.has-items { border-color: var(--zs-blue); color: var(--zs-blue); }
.zs-header-cart svg { display: block; }
.zs-header-cart strong { position: absolute; top: -7px; right: -7px; display: grid; place-items: center; min-width: 1.35rem; height: 1.35rem; padding: 0 .22rem; border: 2px solid #fff; border-radius: 999px; background: var(--zs-orange); color: var(--zs-ink); font-size: .7rem; line-height: 1; }

.wp-element-button,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: .82rem 1.35rem;
	border: 0;
	border-radius: 10px;
	background: var(--zs-blue);
	color: #fff;
	font-weight: 750;
	line-height: 1.1;
	text-decoration: none;
	box-shadow: 0 10px 25px rgba(7,92,229,.2);
	transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-2px);
	background: var(--zs-blue-dark);
	box-shadow: 0 14px 32px rgba(7,92,229,.28);
}

.wp-element-button.is-orange { background: var(--zs-orange); color: var(--zs-ink); box-shadow: 0 10px 25px rgba(242,154,11,.25); }
.wp-element-button.is-orange:hover { background: #ffad21; }
.wp-block-button.is-style-outline .wp-block-button__link { border: 1px solid var(--zs-border); background: #fff; color: var(--zs-ink); box-shadow: none; }

.zs-text-link {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--zs-blue);
	font-weight: 750;
	text-decoration: none;
}

.zs-text-link span { transition: transform .16s ease; }
.zs-text-link:hover span { transform: translateX(4px); }
.zs-text-link.is-light { color: #fff; }

.zs-section { padding-top: clamp(4.5rem, 8vw, 8rem); padding-bottom: clamp(4.5rem, 8vw, 8rem); }
.zs-section.is-compact { padding-top: clamp(2.5rem, 5vw, 4.5rem); padding-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.zs-section.is-soft, .zs-section.is-surface { background: var(--zs-soft); }
.zs-section.is-ink, .zs-section.is-dark { background: var(--zs-navy); color: #fff; }
.zs-section.is-blue { background: var(--zs-blue); color: #fff; }

.zs-eyebrow,
.zs-kicker {
	margin: 0 0 .8rem;
	color: var(--zs-orange);
	font-size: .76rem;
	font-weight: 850;
	letter-spacing: .16em;
	line-height: 1.3;
	text-transform: uppercase;
}

.zs-section-heading { max-width: 790px; margin-bottom: clamp(2rem, 4vw, 3.6rem); }
.zs-section-heading h2 { margin: 0 0 1rem; color: var(--zs-ink); font-size: clamp(2.25rem, 4.8vw, 4.5rem); }
.zs-section-heading p { color: var(--zs-muted); font-size: 1.1rem; }

.zs-hero {
	position: relative;
	overflow: hidden;
	padding-top: clamp(4rem, 7vw, 7rem);
	padding-bottom: clamp(4.5rem, 8vw, 7.5rem);
	background:
		linear-gradient(rgba(7,92,229,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(7,92,229,.04) 1px, transparent 1px),
		linear-gradient(125deg, var(--zs-cream), #fff 58%);
	background-size: 70px 70px, 70px 70px, auto;
}

.zs-hero-shell {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
	gap: clamp(2.5rem, 6vw, 6rem);
	align-items: center;
}

.zs-campaign-switcher__label {
	margin: 0 0 .65rem;
	color: var(--zs-orange);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.zs-campaign-tabs {
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-bottom: clamp(2.4rem,4vw,4rem);
}

.zs-campaign-tabs button {
	min-height: 46px;
	padding: .7rem 1.15rem;
	border: 1px solid #a9b8cb;
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	color: var(--zs-ink);
	font: inherit;
	font-size: .9rem;
	font-weight: 800;
	cursor: pointer;
	transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.zs-campaign-tabs button:hover { transform: translateY(-2px); border-color: var(--zs-blue); }
.zs-campaign-tabs button[aria-selected="true"] { border-color: var(--zs-blue); background: var(--zs-blue); color: #fff; box-shadow: 0 12px 28px rgba(7,92,229,.22); }
.zs-campaign-tabs button:focus-visible { outline: 3px solid rgba(242,154,11,.45); outline-offset: 3px; }
.zs-hero-shell[hidden] { display: none; }
.zs-hero-shell.is-active { animation: zs-panel-in .45s ease both; }

.zs-hero-copy h1, .zs-hero-copy h2 {
	max-width: 760px;
	margin: 0 0 1.4rem;
	color: var(--zs-ink);
	font-size: clamp(3.2rem, 5.5vw, 5.6rem);
	line-height: .94;
}

.zs-hero-copy .zs-lead { max-width: 650px; color: #4f5c6d; font-size: clamp(1.1rem, 1.7vw, 1.35rem); }
.zs-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin-top: 1.8rem; }

.zs-hero-checks,
.zs-check-list {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem 1.25rem;
	margin: 1.8rem 0 0;
	padding: 0;
	list-style: none;
}

.zs-hero-checks li,
.zs-check-list li { position: relative; padding-left: 1.45rem; font-size: .88rem; font-weight: 650; }
.zs-hero-checks li::before,
.zs-check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--zs-orange); font-weight: 900; }

.zs-hero-postcards { position: relative; min-height: clamp(390px,42vw,610px); padding: 2rem .5rem 2rem 1rem; perspective: 1200px; }
.zs-postcard-glow { position: absolute; inset: 8% 3% 3% 6%; border-radius: 42%; background: rgba(7,92,229,.18); filter: blur(55px); }
.zs-hero-card { position: absolute; display: block; width: 88%; border: 7px solid #fff; border-radius: 7px; box-shadow: 0 35px 80px rgba(7,26,51,.28); transform-origin: center; }
.zs-hero-card.is-back { z-index: 1; left: 2%; top: 8%; opacity: .82; animation: zs-float-back 7s ease-in-out infinite; }
.zs-hero-card.is-front { z-index: 2; right: 0; bottom: 8%; animation: zs-float-front 6s ease-in-out infinite; }
.zs-hero-postcards.is-neighborhood .is-back { transform: rotate(-5deg) translateY(0); }
.zs-hero-postcards.is-neighborhood .is-front { transform: rotate(3deg) translateY(0); }
.zs-hero-postcards.is-greater .is-back { width: 79%; transform: rotate(-5deg) translateY(0); }
.zs-hero-postcards.is-greater .is-front { width: 82%; transform: rotate(4deg) translateY(0); }
.zs-postcard-badge { position: absolute; z-index: 2; right: -1rem; bottom: .8rem; display: grid; min-width: 130px; padding: 1rem 1.15rem; border-radius: 14px; background: var(--zs-orange); color: var(--zs-ink); box-shadow: 0 15px 34px rgba(7,26,51,.2); text-align: center; transform: rotate(-2deg); }
.zs-postcard-badge strong { font-size: 2rem; line-height: 1; }
.zs-postcard-badge span { font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.zs-postcard-badge.is-future { background: #fff; color: var(--zs-blue); border: 2px solid var(--zs-blue); }

@keyframes zs-panel-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zs-float-front { 0%,100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@keyframes zs-float-back { 0%,100% { translate: 0 0; } 50% { translate: 0 9px; } }

.zs-proof-strip { background: var(--zs-navy); color: #fff; }
.zs-proof-strip__inner { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.zs-proof-strip__inner > div { display: grid; align-content: center; min-height: 132px; padding: 1.4rem 2rem; border-right: 1px solid rgba(255,255,255,.14); }
.zs-proof-strip__inner > div:first-child { border-left: 1px solid rgba(255,255,255,.14); }
.zs-proof-strip__inner strong { color: var(--zs-orange); font-size: clamp(1.7rem,3vw,2.65rem); line-height: 1; }
.zs-proof-strip__inner span { margin-top: .45rem; color: #ccd6e5; font-size: .78rem; font-weight: 700; text-transform: uppercase; }

.zs-split-story { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--zs-border); border-radius: var(--zs-radius); overflow: hidden; box-shadow: var(--zs-shadow); }
.zs-story-panel { padding: clamp(2rem,5vw,4.5rem); }
.zs-story-panel h2 { margin: 0 0 1rem; font-size: clamp(2rem,4vw,3.8rem); }
.zs-story-panel p:last-child { color: var(--zs-muted); font-size: 1.08rem; }
.zs-story-panel.is-problem { background: #fff; }
.zs-story-panel.is-solution { background: #eaf2ff; border-left: 6px solid var(--zs-blue); }
.zs-story-panel.is-solution .zs-eyebrow { color: var(--zs-blue); }

.zs-product-showcase { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: clamp(3rem,7vw,7rem); align-items: center; }
.zs-product-images { position: relative; min-height: 520px; }
.zs-product-showcase[hidden] { display: none; }
.zs-product-showcase.is-active { animation: zs-panel-in .45s ease both; }
.zs-product-images img { position: absolute; width: 88%; border: 7px solid #fff; border-radius: 5px; box-shadow: 0 30px 65px rgba(0,0,0,.35); }
.zs-product-images.is-greater img { width: 82%; }
.zs-product-back { left: 1%; top: 2%; transform: rotate(-5deg); opacity: .78; }
.zs-product-front { right: 0; bottom: 0; transform: rotate(3deg); }
.zs-product-copy h2 { margin: 0 0 1.2rem; font-size: clamp(2.4rem,5vw,4.7rem); }
.zs-product-copy > p:not(.zs-eyebrow) { color: #c8d4e4; font-size: 1.1rem; }
.zs-product-copy .zs-check-list { display: grid; color: #fff; margin-bottom: 2rem; }
.zs-solo-section { padding-top: clamp(3rem,5vw,5rem); padding-bottom: clamp(3rem,5vw,5rem); }
.zs-solo-card { display: flex; justify-content: space-between; gap: clamp(2rem,6vw,6rem); align-items: center; padding: clamp(2rem,5vw,4rem); border-radius: var(--zs-radius); background: var(--zs-navy); color: #fff; box-shadow: var(--zs-shadow); }
.zs-solo-card > div { max-width: 820px; }
.zs-solo-card h2 { margin: 0 0 1rem; color: #fff; font-size: clamp(2.2rem,4.5vw,4rem); }
.zs-solo-card p:not(.zs-eyebrow) { margin-bottom: 0; color: #c8d4e4; font-size: 1.08rem; }
.zs-solo-card > a { flex: none; }

.zs-format-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.zs-format-gallery article { padding: 1rem 1rem 1.4rem; border: 1px solid var(--zs-border); border-radius: 16px; background: #fff; box-shadow: 0 15px 40px rgba(7,26,51,.08); }
.zs-format-gallery h3 { margin: .25rem 0; font-size: 1.45rem; }
.zs-format-gallery article > p:last-child { margin: 0; color: var(--zs-muted); }
.zs-format-art { position: relative; min-height: clamp(250px,29vw,430px); margin-bottom: 1.2rem; overflow: hidden; border-radius: 10px; background: var(--zs-navy); isolation: isolate; }
.zs-format-art img { position: absolute; display: block; width: 82%; border: 4px solid #fff; box-shadow: 0 18px 35px rgba(0,0,0,.34); cursor: pointer; transition: z-index 0s, opacity .28s ease, filter .28s ease, transform .38s cubic-bezier(.2,.8,.2,1); }
.zs-format-art img.is-rear { z-index: 1; right: 2%; top: 7%; transform: rotate(3deg) scale(.96); opacity: .76; }
.zs-format-art img.is-front { z-index: 2; left: 2%; bottom: 7%; transform: rotate(-3deg); }
.zs-format-art.is-greater img { width: 78%; }
.zs-format-art:has(img:hover) img:not(:hover), .zs-format-art:focus-within img:not(:focus) { opacity: .55; filter: saturate(.72) brightness(.82); transform: rotate(0) scale(.9); }
.zs-format-art img:hover, .zs-format-art img:focus { z-index: 4; opacity: 1; filter: none; outline: none; transform: rotate(0) scale(1.045) translateY(-4px); }
.zs-format-art img:focus-visible { box-shadow: 0 0 0 4px var(--zs-orange), 0 22px 45px rgba(0,0,0,.42); }

.zs-benefit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.zs-benefit-grid article { padding: 1.7rem; border: 1px solid var(--zs-border); border-radius: 15px; background: #fff; transition: transform .18s ease, box-shadow .18s ease; }
.zs-benefit-grid article:hover { transform: translateY(-4px); box-shadow: var(--zs-shadow); }
.zs-benefit-grid span { color: var(--zs-blue); font-size: .82rem; font-weight: 900; letter-spacing: .12em; }
.zs-benefit-grid h3 { margin: 2rem 0 .7rem; font-size: 1.45rem; }
.zs-benefit-grid p { margin-bottom: 0; color: var(--zs-muted); }

.is-blue .zs-section-heading h2, .is-blue .zs-section-heading p { color: #fff; }
.is-blue .zs-eyebrow { color: #ffe0a3; }
.zs-process-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.zs-process-grid article { position: relative; padding: clamp(1.7rem,3vw,2.6rem); border: 1px solid rgba(255,255,255,.32); border-radius: 16px; background: rgba(255,255,255,.08); }
.zs-process-grid strong { display: inline-grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: var(--zs-orange); color: var(--zs-ink); font-size: 1.3rem; }
.zs-process-grid h3 { margin: 1.7rem 0 .7rem; font-size: 1.65rem; }
.zs-process-grid p { margin: 0; color: #dfebff; }

.zs-mail-proof { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.7fr); gap: clamp(3rem,7vw,7rem); align-items: center; }
.zs-mail-proof h2 { margin: 0 0 1rem; font-size: clamp(2.4rem,5vw,4.6rem); }
.zs-mail-proof > div:first-child > p:not(.zs-eyebrow,.zs-source-note) { color: var(--zs-muted); font-size: 1.12rem; }
.zs-source-note { color: var(--zs-muted); font-size: .76rem; }
.zs-response-stat { display: grid; padding: clamp(2rem,5vw,4rem); border-radius: var(--zs-radius); background: var(--zs-navy); color: #fff; box-shadow: var(--zs-shadow); }
.zs-response-stat strong { color: var(--zs-orange); font-size: clamp(4rem,8vw,7rem); line-height: .9; }
.zs-response-stat span { margin-top: 1rem; font-size: 1.1rem; font-weight: 750; }
.zs-response-stat small { margin-top: 1.2rem; color: #bfcde0; }

.zs-founder-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem,7vw,7rem); align-items: start; }
.zs-founder-row h2 { margin: 0; font-size: clamp(2.3rem,4.5vw,4.2rem); }
.zs-founder-row > div:last-child > p:first-child { margin-top: 0; color: var(--zs-muted); font-size: 1.1rem; }
.zs-founder-note { font-weight: 800; }
.zs-founder-note span { margin: 0 .5rem; color: var(--zs-orange); }

.zs-guide-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.zs-guide-gallery figure { margin: 0; padding: .8rem; border: 1px solid var(--zs-border); border-radius: 16px; background: #fff; box-shadow: 0 16px 45px rgba(7,26,51,.09); }
.zs-guide-gallery img { display: block; width: 100%; border-radius: 10px; }
.zs-guide-gallery figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem .25rem .25rem; }
.zs-guide-gallery figcaption strong { color: var(--zs-ink); }
.zs-guide-gallery figcaption span { color: var(--zs-muted); font-size: .9rem; }
.zs-guide-action { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 1.5rem; }
.zs-guide-action p { max-width: 760px; margin: 0; color: var(--zs-muted); }

.zs-final-cta { background: var(--zs-navy); color: #fff; text-align: center; }
.zs-final-cta > div { max-width: 850px; margin-inline: auto; }
.zs-final-cta h2 { margin: 0 0 1rem; font-size: clamp(3rem,6vw,6rem); }
.zs-final-cta p:not(.zs-eyebrow) { color: #cbd6e5; font-size: 1.12rem; }
.zs-final-cta .zs-action-row { justify-content: center; }

.zs-current-section .zs-current-campaign { box-shadow: var(--zs-shadow); }

.zs-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.zs-card-grid.is-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.zs-card-grid.is-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.zs-edition-card img { display: block; width: 100%; margin-bottom: 1.4rem; border: 4px solid var(--zs-blue); border-radius: 8px; box-shadow: 0 16px 35px rgba(7,26,51,.12); }
.zs-content-card, .zs-feature-card, .zs-edition-card, .zs-stat-card { padding: clamp(1.3rem,3vw,2rem); border: 1px solid var(--zs-border); border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(7,26,51,.07); }
.zs-feature-card p, .zs-edition-card p, .zs-content-card p { color: var(--zs-muted); }
.zs-feature-number { display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 9px; background: #eaf2ff; color: var(--zs-blue); font-weight: 850; }
.zs-edition-spec { color: var(--zs-blue); font-weight: 800; }
.zs-stat-compare { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.zs-stat { font-size: clamp(3rem,6vw,5rem); font-weight: 850; line-height: 1; }
.zs-stat-card.is-primary { background: var(--zs-blue); color: #fff; }
.zs-included-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem 2rem; padding: 0; list-style: none; }
.zs-included-list li { position: relative; padding-left: 1.5rem; }
.zs-included-list li::before { content: "✓"; position: absolute; left: 0; color: var(--zs-orange); font-weight: 900; }
.zs-faq-list details { padding: 1rem 0; border-top: 1px solid var(--zs-border); }
.zs-faq-list details:last-child { border-bottom: 1px solid var(--zs-border); }
.zs-faq-list summary { cursor: pointer; font-weight: 800; }
.zs-faq-list p { color: var(--zs-muted); }

.zs-page { padding-top: clamp(3rem,6vw,6rem); padding-bottom: clamp(4rem,8vw,7rem); }
.zs-landing-page { overflow: hidden; }
.zs-about-hero { background: var(--zs-navy); color: #fff; }
.zs-about-hero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.55fr); gap: clamp(3rem,8vw,8rem); align-items: center; }
.zs-about-hero h1 { max-width: 820px; margin: 0 0 1.25rem; color: #fff; font-size: clamp(4rem,8vw,8rem); line-height: .84; }
.zs-about-hero .zs-lead { max-width: 700px; color: #ced8e7; }
.zs-about-hero__grid aside { display: grid; padding: clamp(2rem,4vw,3.5rem); border: 1px solid rgba(255,255,255,.24); border-top: 7px solid var(--zs-orange); background: rgba(255,255,255,.07); }
.zs-about-hero__grid aside strong { color: var(--zs-orange); font-size: clamp(2.3rem,4vw,4rem); line-height: .95; }
.zs-about-hero__grid aside span { margin-top: .45rem; color: #fff; font-size: 1.2rem; font-weight: 800; }
.zs-about-hero__grid aside p { margin-bottom: 0; color: #ced8e7; }
.zs-about-story, .zs-about-closing { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.75fr); gap: clamp(3rem,7vw,7rem); align-items: start; }
.zs-about-story h2, .zs-about-closing h2 { margin: 0 0 1.25rem; font-size: clamp(2.6rem,5vw,5rem); }
.zs-about-story p, .zs-about-closing p { color: var(--zs-muted); font-size: 1.08rem; }
.zs-about-promise { padding: clamp(2rem,4vw,3.5rem); border-radius: 16px; background: #eaf2ff; border-left: 7px solid var(--zs-blue); }
.zs-about-promise h2 { font-size: clamp(2.2rem,4vw,3.6rem); }
.zs-about-promise .zs-check-list { display: grid; }
.zs-about-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.zs-about-values > div { display: grid; min-height: 150px; padding: 1.5rem; border-right: 1px solid rgba(255,255,255,.25); align-content: center; }
.zs-about-values > div:first-child { border-left: 1px solid rgba(255,255,255,.25); }
.zs-about-values strong { color: #fff; font-size: clamp(1.5rem,3vw,2.5rem); }
.zs-about-values span { margin-top: .45rem; color: #dce8ff; font-size: .85rem; }
.zs-campaign-page > .zs-section:first-child { padding-top: clamp(3rem,6vw,5.5rem); padding-bottom: clamp(2.5rem,5vw,4rem); }
.zs-campaign-benefits { background: var(--zs-blue); color: #fff; }
.zs-campaign-benefits > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.zs-campaign-benefits span { padding: 1.1rem 1.3rem; border-right: 1px solid rgba(255,255,255,.22); font-size: .86rem; font-weight: 750; text-align: center; }
.zs-campaign-benefits span:first-child { border-left: 1px solid rgba(255,255,255,.22); }
.zs-selector-section > h2 { max-width: 850px; margin: 0 0 1rem; color: var(--zs-ink); font-size: clamp(2.3rem,4.8vw,4.5rem); }
.zs-selector-section > p:not(.zs-eyebrow) { max-width: 780px; margin-bottom: 2.4rem; color: var(--zs-muted); font-size: 1.08rem; }
.is-ink .wp-block-heading { color: #fff; }
.is-ink p { color: #c8d4e4; }

.zs-site-footer { background: #041225; color: #fff; border-top: 5px solid var(--zs-blue); }
.zs-footer-brand img { width: min(330px,100%); padding: .7rem; border-radius: 8px; background: #fff; }
.zs-site-footer a { color: #fff; }
.zs-site-footer .zs-footer-muted { color: #b9c6d8; }
.zs-footer-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; }
.zs-footer-links h3 { font-size: 1rem; letter-spacing: 0; }
.zs-footer-links ul { padding: 0; list-style: none; }
.zs-footer-links li + li { margin-top: .45rem; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
	min-height: 48px;
	padding: .75rem;
	border: 1px solid var(--zs-border);
	border-radius: 9px;
	background: #fff;
	color: var(--zs-text);
}

.zs-contact-form-wrap { padding: clamp(1.4rem,3vw,2.2rem); border: 1px solid var(--zs-border); border-radius: 16px; background: var(--zs-soft); }
.zs-contact-form, .zs-contact-form *, .zs-contact-form *::before, .zs-contact-form *::after { box-sizing: border-box; }
.zs-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
.zs-contact-form p { display: grid; align-content: start; margin: 0 0 1rem; }
.zs-contact-form label { display: block; margin-bottom: .4rem; color: var(--zs-ink); font-size: .9rem; font-weight: 750; }
.zs-contact-form input:not([type="checkbox"]), .zs-contact-form textarea { width: 100%; }
.zs-contact-form textarea { resize: vertical; }
.zs-contact-form .zs-contact-consent label { display: flex; gap: .65rem; align-items: flex-start; color: var(--zs-muted); font-weight: 550; }
.zs-contact-form .zs-contact-consent input { margin-top: .25rem; }
.zs-contact-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.zs-contact-notice { margin-bottom: 1rem; padding: .9rem 1rem; border-radius: 9px; }
.zs-contact-notice.is-success { border: 1px solid #82c99a; background: #eaf8ef; color: #174f2a; }
.zs-contact-notice.is-error { border: 1px solid #e29a9a; background: #fff0f0; color: #7a1f1f; }

.zs-legal-hero h1 { max-width: 1000px; margin: 0 0 1rem; font-size: clamp(3.3rem,7vw,6.7rem); line-height: .93; }
.zs-policy-date { margin: 1.5rem 0 0; color: var(--zs-muted); font-size: .9rem; font-weight: 750; }
.zs-legal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.zs-legal-card { display: block; padding: clamp(1.5rem,3vw,2.2rem); border: 1px solid var(--zs-border); border-radius: 16px; background: #fff; color: var(--zs-ink); text-decoration: none; box-shadow: 0 12px 34px rgba(7,26,51,.07); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.zs-legal-card:hover, .zs-legal-card:focus-visible { transform: translateY(-4px); border-color: var(--zs-blue); box-shadow: 0 20px 45px rgba(7,26,51,.12); }
.zs-legal-card span { color: var(--zs-orange); font-weight: 850; }
.zs-legal-card h2 { margin: 1.2rem 0 .65rem; font-size: clamp(1.5rem,2.7vw,2.25rem); }
.zs-legal-card p { margin: 0; color: var(--zs-muted); }
.zs-policy-shell { max-width: 920px; }
.zs-policy-intro { margin: 0 0 2.5rem; color: var(--zs-muted); font-size: clamp(1.2rem,2.3vw,1.55rem); line-height: 1.55; }
.zs-policy-shell section { padding: 1.35rem 0; border-top: 1px solid var(--zs-border); }
.zs-policy-shell section:last-of-type { border-bottom: 1px solid var(--zs-border); }
.zs-policy-shell h2 { margin: 0 0 .65rem; font-size: clamp(1.45rem,2.5vw,2rem); }
.zs-policy-shell section p { margin: 0; color: var(--zs-muted); line-height: 1.75; }
.zs-policy-back { margin-top: 2rem; font-weight: 800; }

.wc-block-checkout { max-width: 1180px; margin: 0 auto; padding-top: 3rem; padding-bottom: 5rem; }
.wc-block-checkout__main, .wc-block-checkout__sidebar { border-radius: 16px; }
.wc-block-components-order-summary { border: 1px solid var(--zs-border); border-radius: 14px; background: var(--zs-soft); }

/* The placement is a service, so checkout does not show an empty product thumbnail. */
.wc-block-components-order-summary-item__image,
.wc-block-cart-item__image,
.woocommerce-checkout-review-order-table .product-thumbnail { display: none !important; }
.wc-block-components-order-summary-item__description { padding-left: 0 !important; }

/* Campaign placements are configured through the selector, never the store catalog. */
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-separator,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title),
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-woocommerce-product-new {
	display: none !important;
}

@media (max-width: 1080px) {
	.zs-header-inner { flex-wrap: wrap; padding-top: .55rem !important; padding-bottom: .55rem !important; }
	.zs-site-header .wp-block-navigation { order: 3; width: 100%; }
	.zs-header-cta { margin-left: auto; }
	.zs-hero-shell, .zs-product-showcase, .zs-mail-proof { grid-template-columns: 1fr; }
	.zs-hero-postcards { width: min(100%,780px); margin-inline: auto; }
	.zs-product-images { min-height: min(62vw,580px); }
	.zs-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.zs-card-grid.is-four, .zs-about-values { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 782px) {
	.admin-bar .zs-site-header { top: 46px; }
	.zs-proof-strip__inner { grid-template-columns: 1fr 1fr; }
	.zs-proof-strip__inner > div { min-height: 112px; border: 1px solid rgba(255,255,255,.12); }
	.zs-split-story, .zs-founder-row, .zs-about-hero__grid, .zs-about-story, .zs-about-closing { grid-template-columns: 1fr; }
	.zs-story-panel.is-solution { border-left: 0; border-top: 6px solid var(--zs-blue); }
	.zs-process-grid { grid-template-columns: 1fr; }
	.zs-campaign-benefits > div { grid-template-columns: 1fr 1fr; }
	.zs-card-grid:not(.is-four), .zs-card-grid.is-two, .zs-stat-compare, .zs-format-gallery, .zs-guide-gallery { grid-template-columns: 1fr; }
	.zs-legal-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
	.zs-header-inner { min-height: 72px; flex-wrap: nowrap; }
	.zs-brand-link { flex: 0 0 210px; max-width: min(210px, 70vw); }
	.zs-site-header .wp-block-navigation { order: initial; width: auto; margin-left: auto; }
	.zs-guide-gallery figcaption, .zs-guide-action { align-items: flex-start; flex-direction: column; }
	.zs-header-cta { display: none !important; }
	.zs-header-cart { width: 42px; height: 42px; flex-basis: 42px; }
	.zs-hero { padding-top: 3rem; }
	.zs-hero-copy h1, .zs-hero-copy h2 { font-size: clamp(3.1rem,15vw,5rem); }
	.zs-action-row { align-items: stretch; }
	.zs-action-row .wp-element-button { width: 100%; }
	.zs-hero-checks { display: grid; }
	.zs-campaign-tabs { display: grid; }
	.zs-campaign-tabs button { width: 100%; }
	.zs-hero-postcards { min-height: 76vw; padding: 1.5rem .2rem 2.4rem; }
	.zs-hero-card { border-width: 5px; }
	.zs-postcard-badge { right: 0; bottom: .2rem; min-width: 105px; }
	.zs-proof-strip__inner { grid-template-columns: 1fr; }
	.zs-proof-strip__inner > div { min-height: 94px; }
	.zs-product-images { min-height: 76vw; }
	.zs-benefit-grid, .zs-footer-links, .zs-included-list { grid-template-columns: 1fr; }
	.zs-campaign-benefits > div { grid-template-columns: 1fr; }
	.zs-card-grid.is-four, .zs-about-values { grid-template-columns: 1fr; }
	.zs-contact-grid { grid-template-columns: 1fr; }
	.zs-legal-grid { grid-template-columns: 1fr; }
	.zs-solo-card { align-items: stretch; flex-direction: column; }
	.zs-about-hero h1 { font-size: clamp(3.4rem,17vw,5rem); }
}

@media (prefers-reduced-motion: reduce) {
	.zs-hero-shell.is-active, .zs-hero-card { animation: none; }
	.zs-format-art img, .zs-campaign-tabs button { transition: none; }
}
