/* DigiSphere theme styles. Mobile first. Colors match the approved Night design. */

:root {
	--dz-base: #081226;
	--dz-alt: #0B1830;
	--dz-surface: #0F1D38;
	--dz-surface-2: #13234A;
	--dz-deep: #1C3166;
	--dz-line: #1B2A47;
	--dz-border: #22355C;
	--dz-border-2: #2A3D63;
	--dz-dash: #3A5285;
	--dz-text: #EEF2FA;
	--dz-soft: #C3CDE2;
	--dz-muted: #A9B6CF;
	--dz-faint: #7C8AA6;
	--dz-gold: #FFC93C;
	--dz-blue: #3D7BFF;
	--dz-blue-dark: #2F6AF0;
	--dz-link: #7FB0FF;
	--dz-pink: #FF4FA3;
	--dz-pink-soft: #FF7AB8;
	--dz-green: #4FD8A4;
	--dz-red: #FF3D5A;
	--dz-amber: #FFB86B;
	--dz-ink: #FFFFFF;
	--dz-prose: #DCE3F0;
	--dz-display: Outfit, system-ui, sans-serif;
	--dz-body: "DM Sans", system-ui, sans-serif;
	--dz-section: clamp(44px, 6vw, 72px);
	--dz-tick-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23081226'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' stroke='%23FFC93C' stroke-width='2.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--dz-tick-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23FFC93C'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' stroke='%23081226' stroke-width='2.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--dz-tick-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2316A34A'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' stroke='%23ffffff' stroke-width='2.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--dz-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%232A3D63'/%3E%3Cpath d='M8.5 8.5l7 7M15.5 8.5l-7 7' stroke='%23A9B6CF' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
	--dz-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231DBF73' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8.5 12h.01M12 12h.01M15.5 12h.01'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--dz-base);
	color: var(--dz-text);
	font-family: var(--dz-body);
	overflow-x: hidden;
	overflow-x: clip;
	-webkit-font-smoothing: antialiased;
}
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--dz-link); }
a:hover { color: var(--dz-ink); }

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

:focus-visible {
	outline: 3px solid var(--dz-gold);
	outline-offset: 3px;
	border-radius: 4px;
}
.dz-svc--seo :focus-visible,
.dz-compare__card--gold :focus-visible { outline-color: var(--dz-base); }

[id] { scroll-margin-top: 16px; }

.screen-reader-text,
.dz-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Reset block-gap margins inside theme components. Spacing is set explicitly below. */
.wp-site-blocks > *,
.dz-main > *,
.dz-landing__content > *,
.dz-main .wp-block-group > *,
.dz-site-header > *,
.dz-site-footer > *,
.dz-header .wp-block-group > *,
.dz-footer > *,
.dz-footer .wp-block-group > * {
	margin-block-start: 0;
	margin-block-end: 0;
}
.wp-site-blocks { padding: 0; }

/* ---------- Layout helpers ---------- */
.dz-wrap { max-width: 1200px; margin-inline: auto; width: 100%; }
.dz-wrap--1000 { max-width: 1000px; }
.dz-wrap--820 { max-width: 820px; }
.dz-wrap--720 { max-width: 720px; }
.dz-section { padding: var(--dz-section) 20px; }
.dz-alt { background: var(--dz-alt); }
.dz-center { text-align: center; }
.dz-muted { color: var(--dz-muted); }
.dz-accent { color: var(--dz-gold); }

.dz-head { text-align: center; max-width: 680px; margin: 0 auto 34px !important; }
.dz-h2 {
	font-family: var(--dz-display);
	font-weight: 800;
	font-size: clamp(32px, 7vw, 48px);
	line-height: 1.1;
	letter-spacing: -1.5px;
	color: var(--dz-text);
	margin: 0 0 14px !important;
}
.dz-lead { font-size: 18px; color: var(--dz-muted); line-height: 1.6; margin: 0; }

.dz-card {
	background: var(--dz-surface);
	border: 1px solid var(--dz-border);
	border-radius: 20px;
}

.dz-chip {
	display: inline-flex;
	align-self: flex-start;
	width: fit-content;
	font-weight: 800;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 1.4;
	padding: 5px 11px;
	border-radius: 999px;
}
.dz-chip--dark { background: var(--dz-base); color: var(--dz-gold); }
.dz-chip--red { background: var(--dz-red); color: #fff; font-size: 12px; padding: 6px 12px; }
.dz-chip--night { background: var(--dz-base); color: var(--dz-gold); font-size: 13px; letter-spacing: 1.5px; padding: 7px 14px; margin-bottom: 16px !important; }
.dz-chip--gold { background: var(--dz-gold); color: var(--dz-base); font-size: 12px; padding: 6px 12px; }
.dz-chip--blue { background: var(--dz-surface-2); color: var(--dz-link); font-size: 12px; padding: 6px 12px; }

/* ---------- Buttons ---------- */
.wp-element-button,
.wp-block-button__link,
.dz-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}
.wp-block-buttons { gap: 12px; }
.wp-block-button.is-style-blue .wp-block-button__link {
	background: var(--dz-blue);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	padding: 12px 22px;
}
.wp-block-button.is-style-blue .wp-block-button__link:hover { background: #5A8FFF; color: #fff; }
.wp-block-button.is-style-dark .wp-block-button__link {
	background: var(--dz-base);
	color: #fff;
	font-size: 15px;
	padding: 12px 20px;
}
.wp-block-button.is-style-dark .wp-block-button__link:hover { background: #13234A; color: #fff; }
.wp-block-button.is-style-light .wp-block-button__link {
	background: #fff;
	color: var(--dz-base);
	padding: 17px 30px;
	border-radius: 12px;
}
.wp-block-button.is-style-light .wp-block-button__link:hover { background: #E6ECF8; color: var(--dz-base); }
.wp-block-button.is-style-ghost .wp-block-button__link {
	background: transparent;
	color: var(--dz-ink);
	border: 1px solid var(--dz-border-2);
	font-weight: 700;
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover { background: var(--dz-surface-2); color: var(--dz-ink); }
.wp-block-button.is-style-chat .wp-block-button__link {
	background: var(--dz-surface-2);
	color: var(--dz-ink);
	border: 1px solid var(--dz-border-2);
	font-weight: 700;
	font-size: 15px;
	padding: 10px 14px;
	white-space: nowrap;
}
@media (max-width: 340px) { .wp-block-button.is-style-chat .wp-block-button__link { white-space: normal; } }
.wp-block-button.is-style-chat .wp-block-button__link::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: var(--dz-chat) center / contain no-repeat;
}
.wp-block-button.is-style-chat .wp-block-button__link:hover { background: #1A2E5C; color: var(--dz-ink); }
.dz-btn--gold { background: var(--dz-gold); color: var(--dz-base); font-weight: 800; padding: 14px 24px; border-radius: 10px; }

/* ---------- Header ---------- */
.dz-header { padding: 20px 24px; border-bottom: 1px solid var(--dz-line); }
.dz-header__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}
.dz-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	text-decoration: none;
	color: var(--dz-ink);
	font-family: var(--dz-display);
	font-weight: 700;
	font-size: 22px;
}
.dz-logo:hover { color: var(--dz-ink); }
.dz-logo svg { flex: none; }
.dz-nav { gap: 8px 28px; }
.dz-nav .wp-block-navigation-item__content {
	color: var(--dz-soft);
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
.dz-nav .wp-block-navigation-item__content:hover { color: var(--dz-ink); }
.dz-nav .wp-block-navigation__container { gap: 8px 28px; }
.dz-nav .wp-block-navigation__responsive-container-open,
.dz-nav .wp-block-navigation__responsive-container-close {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	color: var(--dz-ink);
	border-radius: 10px;
}
.dz-nav .wp-block-navigation__responsive-container-open { border: 1px solid var(--dz-border-2); }
.dz-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--dz-base) !important;
	color: var(--dz-text) !important;
	padding: 24px;
}
.dz-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--dz-display);
	font-weight: 700;
	font-size: 26px;
	color: var(--dz-ink);
}
.dz-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 12px; }
.dz-header__cta { margin: 0; }

@media (max-width: 599px) {
	.dz-nav .wp-block-navigation__responsive-container-open { display: inline-flex; }
	.dz-header { padding: 14px 16px; }
	.dz-header__inner { gap: 10px; flex-wrap: nowrap; }
	.dz-header__cta { margin-left: auto !important; }
	.dz-nav { order: 3; }
	.dz-header__cta { order: 1; }
	.dz-theme-toggle { order: 2; }
}
@media (max-width: 400px) {
	.dz-logo { font-size: 20px; gap: 8px; }
	.dz-header .wp-block-button.is-style-blue .wp-block-button__link { padding: 10px 14px; font-size: 14px; }
}

/* ---------- Hero ---------- */
.dz-hero { padding: clamp(36px, 5vw, 64px) 20px var(--dz-section); }
.dz-hero__grid { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.dz-hero__copy { flex: 1 1 520px; min-width: 0; }
.dz-hero__title {
	font-family: var(--dz-display);
	font-weight: 800;
	font-size: clamp(40px, 9vw, 72px);
	line-height: 1.04;
	letter-spacing: -2.5px;
	color: var(--dz-text);
	margin: 0 0 24px !important;
}
.dz-hero__lead { font-size: 20px; line-height: 1.6; color: var(--dz-muted); margin: 0 0 36px !important; max-width: 560px; }
.dz-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	align-items: center;
	margin-top: 16px !important;
	font-size: 15px;
	color: var(--dz-muted);
}
.dz-hero__watch {
	color: var(--dz-ink);
	font-weight: 700;
	text-decoration: none;
	display: inline-flex;
	gap: 8px;
	align-items: center;
	min-height: 44px;
}
.dz-hero__watch:hover { color: var(--dz-gold); }
.dz-hero__visual {
	flex: 1 1 440px;
	min-width: 0;
	max-width: 520px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
}
.dz-hero__art { position: relative; width: 100%; aspect-ratio: 1 / 1.08; }
.dz-hero__dot { position: absolute; aspect-ratio: 1 / 1; border-radius: 50%; }
.dz-hero__dot--gold { right: 2%; top: 4%; width: 74%; background: var(--dz-gold); }
.dz-hero__dot--blue { left: 2%; bottom: 6%; width: 30%; background: var(--dz-blue); }
.dz-hero__dot--pink { right: 0; bottom: 18%; width: 14%; background: var(--dz-pink); }
.dz-hero__photo { position: absolute; left: 11%; bottom: 0; width: 78%; height: auto; }
.dz-hero__rating {
	position: absolute;
	left: 0;
	top: 4%;
	z-index: 2;
	background: #fff;
	color: var(--dz-base);
	border-radius: 16px;
	padding: clamp(10px, 2vw, 14px) clamp(12px, 2.4vw, 18px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.dz-hero__stars { color: #E5A800; letter-spacing: 2px; font-size: 15px; }
.dz-hero__rating-num { font-family: var(--dz-display); font-weight: 800; font-size: 20px; }
.dz-hero__rating-label { font-size: 13px; font-weight: 600; color: #46526B; }
.dz-hero__yt { position: absolute; right: 2%; top: 9%; width: 20%; z-index: 2; line-height: 0; }
.dz-hero__yt img { width: 100%; height: auto; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.35)); }
.dz-hero__views {
	position: absolute;
	right: 0;
	top: 54%;
	z-index: 2;
	background: var(--dz-surface);
	border: 1px solid var(--dz-border-2);
	border-radius: 16px;
	padding: 14px 16px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.dz-hero__views span { font-size: 13px; font-weight: 700; color: var(--dz-soft); }
.dz-hero__views svg { width: clamp(80px, 16vw, 120px); height: auto; }
.dz-pill-badge {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	border: 1px solid var(--dz-border-2);
	background: var(--dz-surface);
	border-radius: 999px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 700;
	color: var(--dz-ink);
}

/* ---------- Stats ---------- */
.dz-stats { padding: 40px 24px; border-top: 1px solid var(--dz-line); border-bottom: 1px solid var(--dz-line); }
.dz-stats__grid { display: grid; gap: 24px; text-align: center; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 701px) { .dz-stats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dz-stat__num { font-family: var(--dz-display); font-weight: 800; font-size: clamp(30px, 6vw, 40px); line-height: 1.25; margin: 0; }
.dz-stat__label { color: var(--dz-muted); margin: 0; }
.is-blue { color: var(--dz-link); }
.is-gold { color: var(--dz-gold); }
.is-pink { color: var(--dz-pink-soft); }
.is-green { color: var(--dz-green); }

/* ---------- Video ---------- */
.dz-video { padding-bottom: clamp(20px, 3vw, 32px); }
.dz-video__row { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.dz-yt {
	flex: 3 1 560px;
	min-width: 0;
	align-self: center;
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid var(--dz-border-2);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
	background: #000;
}
.dz-yt__link { display: block; position: relative; width: 100%; height: 100%; line-height: 0; }
.dz-yt__link:focus-visible { outline-offset: -5px; }
.dz-yt__link img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dz-yt__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: clamp(72px, 12vw, 110px);
	aspect-ratio: 1 / 1;
	line-height: 0;
	transition: transform 0.2s ease;
}
.dz-yt__play svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.45)); }
.dz-yt__link:hover .dz-yt__play,
.dz-yt__link:focus-visible .dz-yt__play { transform: translate(-50%, -50%) scale(1.06); }
.dz-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.dz-checklist { flex: 2 1 340px; min-width: 0; padding: 28px; display: flex; flex-direction: column; gap: 10px; border-radius: 22px; }
.dz-checklist__head { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; margin-bottom: 8px !important; }
.dz-checklist__title { font-family: var(--dz-display); font-weight: 700; font-size: 19px; margin: 0; }
.dz-tag { font-size: 12px; font-weight: 700; color: var(--dz-muted); background: var(--dz-surface-2); padding: 6px 12px; border-radius: 999px; margin: 0; }
.dz-checkrow {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	background: var(--dz-surface-2);
	border-radius: 12px;
	padding: 14px 16px;
}
.dz-checkrow > p { margin: 0; font-weight: 600; }
.dz-status { font-size: 12px !important; font-weight: 700 !important; color: var(--dz-base); padding: 5px 12px; border-radius: 999px; }
.dz-status.is-warn { background: var(--dz-amber); }
.dz-status.is-good { background: var(--dz-green); }
.dz-checkrow--more { background: transparent; border: 1.5px dashed var(--dz-dash); flex-wrap: nowrap; justify-content: flex-start; gap: 12px; }
.dz-plus {
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--dz-gold);
	color: var(--dz-base);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 18px;
}
.dz-checkrow__text { display: flex; flex-direction: column; gap: 2px; }
.dz-checkrow__strong { font-weight: 700; }
.dz-checkrow__sub { font-size: 13px; color: var(--dz-muted); }

/* Slim checklist beside the video: card height matches the video */
@media (min-width: 900px) {
	.dz-video__row .dz-checklist { padding: 20px 22px; gap: 6px; justify-content: space-between; }
	.dz-video__row .dz-checklist__head { margin-bottom: 4px !important; }
	.dz-video__row .dz-checklist__title { font-size: 18px; }
	.dz-video__row .dz-checkrow { padding: 8px 14px; border-radius: 10px; }
	.dz-video__row .dz-checkrow > p { font-size: 15px; }
	.dz-video__row .dz-status { padding: 3px 10px; font-size: 11px !important; }
	.dz-video__row .dz-checkrow--more { padding: 10px 14px; margin-top: 2px; }
	.dz-video__row .dz-plus { width: 24px; height: 24px; font-size: 16px; }
	.dz-video__row .dz-checkrow__sub { font-size: 12.5px; line-height: 1.4; }
}
@media (min-width: 900px) and (max-width: 1439px) {
	.dz-video__row .dz-checklist { flex: 0 0 380px; }
	.dz-video__row .dz-yt { flex: 1 1 0; }
}

/* ---------- Services ---------- */
.dz-services { padding-top: clamp(36px, 5vw, 52px); }
.dz-svc-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.dz-svc {
	flex: 1 1 280px;
	min-width: 0;
	padding: clamp(24px, 5vw, 32px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.dz-svc__title { font-family: var(--dz-display); font-weight: 700; font-size: 22px; line-height: 1.2; margin: 0; color: var(--dz-text); }
.dz-svc__title a { color: inherit; text-decoration: none; display: inline-block; padding-block: 8px; margin-block: -8px; }
.dz-svc__title a:hover { text-decoration: underline; text-underline-offset: 4px; color: inherit; }
.dz-svc__text { margin: 0; color: var(--dz-muted); line-height: 1.6; }
.dz-svc__text--lg { font-size: 17px; }
.dz-svc__title--md { font-size: clamp(22px, 4.5vw, 26px); }
.dz-svc__cta { margin-top: auto !important; }
.dz-illus {
	background: var(--dz-surface-2);
	border-radius: 14px;
	padding: 10px 14px;
	display: flex;
	justify-content: center;
	align-self: center;
	line-height: 0;
}
.dz-illus svg { width: 150px; max-width: 100%; height: auto; }

.dz-svc--seo {
	flex: 2 1 560px;
	background: var(--dz-gold);
	color: var(--dz-base);
	border-radius: 20px;
	padding: clamp(22px, 3vw, 30px);
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
}
.dz-svc__copy { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.dz-svc--seo .dz-svc__title { color: var(--dz-base); }
.dz-svc__title--lg { font-weight: 800; font-size: clamp(24px, 4vw, 30px); line-height: 1.1; }
.dz-svc--seo .dz-svc__text { color: #1E2A44; line-height: 1.55; font-size: 15px; }
.dz-svc--seo .wp-block-buttons { margin-top: 4px !important; }

.dz-ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; font-weight: 600; font-size: 14px; }
.dz-ticks li { display: flex; gap: 8px; align-items: center; margin: 0; }
.dz-ticks li::before { content: ""; flex: none; width: 16px; height: 16px; background: var(--dz-tick-dark) center / contain no-repeat; }

.dz-serp { flex: 1 1 240px; min-width: 0; position: relative; padding-top: 22px; }
.dz-serp__box { background: var(--dz-base); border-radius: 16px; padding: 12px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 18px 40px rgba(8, 18, 38, 0.3); }
.dz-serp__search { display: flex; gap: 8px; align-items: center; background: var(--dz-surface-2); border-radius: 999px; padding: 7px 12px; }
.dz-serp__search span { font-size: 12px; color: var(--dz-soft); }
.dz-serp__hit { display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 10px; background: var(--dz-surface-2); border: 2px solid var(--dz-gold); }
.dz-serp__thumb { flex: none; width: 64px; aspect-ratio: 16 / 9; border-radius: 6px; background: var(--dz-red); display: flex; align-items: center; justify-content: center; }
.dz-serp__thumb--purple { background: #9B6BFF; }
.dz-serp__meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.dz-serp__t { font-weight: 700; font-size: 13px; color: #fff; }
.dz-serp__s { font-size: 11px; color: var(--dz-muted); }
.dz-serp__rank { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--dz-gold); color: var(--dz-base); display: flex; align-items: center; justify-content: center; font-family: var(--dz-display); font-weight: 800; font-size: 13px; }
.dz-serp__other { display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 10px; background: var(--dz-surface); opacity: 0.55; }
.dz-serp__lines { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.dz-serp__lines div:first-child { height: 7px; width: 75%; border-radius: 4px; background: var(--dz-dash); }
.dz-serp__lines div:last-child { height: 6px; width: 50%; border-radius: 3px; background: var(--dz-border); }
.dz-serp__tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.dz-serp__tags span { display: inline-flex; gap: 5px; align-items: center; background: var(--dz-surface-2); border: 1px solid var(--dz-border); border-radius: 999px; padding: 4px 9px; font-size: 11px; font-weight: 600; color: var(--dz-text); }
.dz-serp__badge { position: absolute; right: -8px; top: 0; background: #fff; border-radius: 12px; padding: 7px 11px; box-shadow: 0 10px 24px rgba(8, 18, 38, 0.3); display: flex; gap: 8px; align-items: center; }
.dz-serp__badge span { font-size: 11px; font-weight: 800; color: var(--dz-base); }

.dz-svc--shorts {
	flex: 2 1 520px;
	padding: clamp(24px, 5vw, 36px);
	flex-direction: row;
	flex-wrap: wrap;
	gap: 28px;
	align-items: center;
	overflow: hidden;
}
.dz-svc--shorts .dz-svc__copy { flex-basis: 260px; gap: 14px; }
.dz-svc--shorts .wp-block-buttons { margin-top: 4px !important; }
.dz-shorts-art { flex: 1 1 260px; min-width: 0; display: flex; justify-content: center; align-items: center; }
.dz-shorts-art svg { width: 100%; max-width: 340px; height: auto; display: block; }

/* ---------- Compare ---------- */
.dz-compare { padding-bottom: 0; }
.dz-compare__row { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; }
.dz-compare__card { flex: 1 1 380px; min-width: 0; padding: clamp(24px, 4vw, 32px); }
.dz-compare__card--gold { background: var(--dz-gold); color: var(--dz-base); border-radius: 20px; }
.dz-compare__title { font-family: var(--dz-display); font-weight: 800; font-size: 20px; margin: 0 0 18px !important; color: var(--dz-base); }
.dz-compare__title.is-muted { font-weight: 700; color: var(--dz-soft); }
.dz-xlist, .dz-vlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.dz-xlist li, .dz-vlist li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.5; margin: 0; }
.dz-xlist li { color: var(--dz-muted); }
.dz-vlist li { color: var(--dz-base); font-weight: 600; }
.dz-xlist li::before, .dz-vlist li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 2px; background: center / contain no-repeat; }
.dz-xlist li::before { background-image: var(--dz-cross); }
.dz-vlist li::before { background-image: var(--dz-tick-green); }

/* ---------- Process ---------- */
.dz-process { padding-bottom: 16px; }
.dz-process__title { margin-bottom: 36px !important; }
.dz-steps { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 561px) { .dz-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1001px) { .dz-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dz-step { background: var(--dz-surface); border: 1px solid var(--dz-border); border-radius: 20px; overflow: hidden; }
.dz-step__art { padding: 26px 26px 0; display: flex; justify-content: center; line-height: 0; }
.dz-step__art svg { box-sizing: content-box; width: 150px; max-width: calc(100% - 28px); height: auto; background: var(--dz-surface-2); border-radius: 14px; padding: 10px 14px; }
.dz-step__body { padding: 24px 26px 28px; }
.dz-step__num { font-weight: 700; font-size: 14px; letter-spacing: 1px; margin: 0; }
.dz-step__title { font-family: var(--dz-display); font-size: 22px; font-weight: 700; margin: 8px 0 8px !important; color: var(--dz-text); }
.dz-step__text { margin: 0; color: var(--dz-muted); line-height: 1.6; }
.dz-cue { margin-top: 40px !important; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.dz-cue span { font-family: var(--dz-display); font-weight: 700; font-size: clamp(18px, 4vw, 22px); color: var(--dz-ink); }

/* ---------- Audit box ---------- */
.dz-audit { padding: 8px 20px var(--dz-section); }
.dz-audit__box {
	background: var(--dz-blue);
	border-radius: 28px;
	padding: clamp(32px, 6vw, 64px) clamp(20px, 5vw, 48px);
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.dz-audit__box::before,
.dz-audit__box::after { content: ""; position: absolute; border-radius: 50%; background: var(--dz-blue-dark); pointer-events: none; }
.dz-audit__box::before { right: -60px; top: -60px; width: 220px; height: 220px; }
.dz-audit__box::after { left: 38%; bottom: -70px; width: 160px; height: 160px; }
.dz-audit__box > * { position: relative; z-index: 1; }
.dz-audit__copy, .dz-audit__form { flex: 1 1 420px; min-width: 0; position: relative; z-index: 1; }
.dz-fa__formbox { padding: clamp(24px, 4vw, 36px) clamp(20px, 4vw, 32px); border-radius: 24px; }
.dz-fa__formbox > .dsa { flex: 1 1 100%; }
.dz-audit__title { color: #fff; line-height: 1.05; }
.dz-audit__text { margin: 0; font-size: 18px; color: #EAF1FF; line-height: 1.6; }

/* ---------- Reviews ---------- */
.dz-reviews-sec:not(.dz-reviews-sec--3) { padding-bottom: 0; }
.dz-reviews { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 601px) { .dz-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 961px) { .dz-reviews { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 960px) { .dz-reviews-sec:not(.dz-reviews-sec--3) .dz-reviews > :nth-child(9) { display: none; } }
@media (max-width: 600px) { .dz-reviews-sec:not(.dz-reviews-sec--3) .dz-reviews > :nth-child(n+7) { display: none; } }
.dz-review { padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.dz-review__top { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; }
.dz-stars { margin: 0; font-size: 0; line-height: 0; color: transparent; }
.dz-stars::before { content: "\2605\2605\2605\2605\2605"; content: "\2605\2605\2605\2605\2605" / ""; font-size: 16px; line-height: 1.5; letter-spacing: 2px; color: var(--dz-gold); }
.dz-badge-repeat { margin: 0; font-size: 12px; font-weight: 700; color: var(--dz-green); background: #12322E; padding: 4px 10px; border-radius: 999px; }
.dz-review__quote { margin: 0; font-size: 16px; line-height: 1.6; }
.dz-review__by { display: flex; flex-direction: column; gap: 2px; margin-top: auto !important; padding-top: 14px; border-top: 1px solid var(--dz-border); }
.dz-review__name { margin: 0; font-weight: 700; font-size: 16px; }
.dz-review__country { margin: 0; font-size: 13px; color: var(--dz-muted); }
.dz-reviews__more { margin-top: 40px !important; justify-content: center; }

.dz-closing { padding: 44px 20px var(--dz-section); }
.dz-closing__inner { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.dz-closing__title { margin: 0; font-family: var(--dz-display); font-weight: 800; font-size: clamp(24px, 5vw, 32px); }
.dz-closing .wp-block-button__link { padding: 17px 30px; border-radius: 12px; }

/* ---------- Footer ---------- */
.dz-footer { border-top: 1px solid var(--dz-line); padding: 48px 24px; }
.dz-footer__row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	justify-content: space-between;
	align-items: center;
	color: var(--dz-muted);
	font-size: 15px;
}
.dz-footer__row > p { margin: 0; }
.dz-footer__brand a { font-family: var(--dz-display); font-weight: 700; font-size: 20px; color: var(--dz-ink); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.dz-footer__nav { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 24px; }
.dz-footer__nav li { margin: 0; }
.dz-footer__nav a { color: var(--dz-soft); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.dz-footer__nav a:hover { color: var(--dz-ink); text-decoration: underline; text-underline-offset: 4px; }
.dz-footer__legal { max-width: 1200px; margin: 20px auto 0 !important; font-size: 12px; line-height: 1.6; color: var(--dz-faint); text-align: center; }
.dz-footer__legal--tight { margin-top: 6px !important; }

/* ---------- Blog listing ---------- */
.dz-blog__inner { padding: clamp(36px, 5vw, 64px) 20px var(--dz-section); }
.dz-blog__head { text-align: center; max-width: 720px; margin: 0 auto 40px !important; display: flex; flex-direction: column; gap: 14px; align-items: center; }
.dz-blog__title { font-family: var(--dz-display); font-weight: 800; font-size: clamp(36px, 7vw, 56px); letter-spacing: -1.5px; line-height: 1.08; margin: 0; color: var(--dz-text); }
.dz-blog__head .dz-lead p { margin: 0; }

.dz-cards {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.dz-cards > li { margin: 0 !important; display: flex; }
.dz-postcard {
	background: var(--dz-surface);
	border: 1px solid var(--dz-border);
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: 100%;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.dz-postcard:hover { border-color: var(--dz-dash); }
@media (prefers-reduced-motion: no-preference) { .dz-postcard:hover { transform: translateY(-2px); } }
.dz-postcard__img { margin: 0 !important; }
.dz-postcard__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dz-postcard__body { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.dz-postcard__title { font-family: var(--dz-display); font-weight: 700; font-size: 20px; line-height: 1.25; margin: 0; }
.dz-postcard__title a { color: var(--dz-ink); text-decoration: none; }
.dz-postcard__title a:hover { color: var(--dz-gold); }
.dz-postcard__excerpt { margin: 0; color: var(--dz-muted); font-size: 15px; line-height: 1.6; }
.dz-postcard__excerpt p { margin: 0; }
.dz-postcard__excerpt .wp-block-post-excerpt__more-text { display: none; }
.dz-postcard__date { margin-top: auto !important; font-size: 13px; color: var(--dz-faint); }

.dz-terms { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; margin: 0; }
.dz-terms .wp-block-post-terms__separator { display: none; }
.dz-terms a {
	position: relative;
	display: inline-flex;
	align-items: center;
	background: var(--dz-surface-2);
	color: var(--dz-link);
	font-weight: 700;
	letter-spacing: 0.3px;
	padding: 5px 11px;
	border-radius: 999px;
	text-decoration: none;
	line-height: 1.4;
}
.dz-terms a::after { content: ""; position: absolute; inset: -8px -2px; }
.dz-terms a:hover { background: var(--dz-gold); color: var(--dz-base); }

.dz-pagination { margin-top: 40px !important; gap: 8px; flex-wrap: wrap; }
.dz-pagination a,
.dz-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 14px;
	border-radius: 10px;
	background: var(--dz-surface);
	border: 1px solid var(--dz-border);
	color: var(--dz-soft);
	text-decoration: none;
	font-weight: 600;
}
.dz-pagination .page-numbers.current { background: var(--dz-gold); color: var(--dz-base); border-color: var(--dz-gold); }
.dz-pagination .page-numbers.dots { background: transparent; border: 0; }

.dz-search { max-width: 560px; margin: 8px auto 0 !important; width: 100%; }
.dz-search .wp-block-search__inside-wrapper { gap: 8px; }
.dz-search .wp-block-search__input {
	font: inherit;
	font-size: 16px;
	min-height: 52px;
	padding: 14px 16px;
	border: 1px solid #C8D3EA;
	border-radius: 10px;
	background: #fff;
	color: var(--dz-base);
}
.dz-search .wp-block-search__button { margin: 0; min-height: 52px; border-radius: 10px; padding: 0 22px; }

/* ---------- Single post and pages ---------- */
.dz-article { max-width: 760px; margin: 0 auto; padding: clamp(36px, 5vw, 64px) 20px var(--dz-section); }
.dz-article > .dz-terms { margin-bottom: 14px !important; }
.dz-article__title { font-family: var(--dz-display); font-weight: 800; font-size: clamp(34px, 6vw, 52px); line-height: 1.08; letter-spacing: -1.5px; margin: 0 0 16px !important; color: var(--dz-text); }
.dz-article__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; color: var(--dz-muted); font-size: 14px; margin-bottom: 28px !important; }
.dz-article__meta p { margin: 0; }
.dz-article__meta a { color: var(--dz-soft); }
.dz-article__img { margin: 0 0 32px !important; border-radius: 20px; overflow: hidden; }
.dz-article__img img { display: block; width: 100%; }

.dz-prose { font-size: 18px; line-height: 1.75; color: var(--dz-prose); overflow-wrap: break-word; }
.dz-prose > * { margin-block: 0; }
.dz-prose > * + *,
.dz-prose .wp-block-group > * + *,
.dz-prose .wp-block-column > * + * { margin-block-start: 1.25em; }
.dz-prose h2, .dz-prose h3, .dz-prose h4 { color: var(--dz-ink); line-height: 1.2; }
.dz-prose h2 { font-size: clamp(26px, 4vw, 32px); letter-spacing: -0.5px; margin-block-start: 1.8em; }
.dz-prose h3 { font-size: clamp(21px, 3vw, 24px); margin-block-start: 1.6em; }
.dz-prose h4 { font-size: 19px; margin-block-start: 1.4em; }
.dz-prose a { color: var(--dz-link); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.dz-prose a:hover { color: var(--dz-ink); }
.dz-prose ul, .dz-prose ol { padding-left: 1.3em; }
.dz-prose li + li { margin-top: 0.45em; }
.dz-prose li::marker { color: var(--dz-gold); }
.dz-prose strong { color: var(--dz-ink); }
.dz-prose img { border-radius: 14px; }
.dz-prose figure { margin-inline: 0; }
.dz-prose figcaption { color: var(--dz-muted); font-size: 14px; text-align: center; }
.dz-prose blockquote { margin-inline: 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--dz-gold); color: var(--dz-soft); }
.dz-prose code { background: var(--dz-surface); padding: 2px 6px; border-radius: 6px; font-size: 0.9em; }
.dz-prose pre { overflow-x: auto; background: var(--dz-surface); padding: 16px; border-radius: 12px; }
.dz-prose pre code { padding: 0; background: none; }
.dz-prose table { width: 100%; border-collapse: collapse; font-size: 16px; }
.dz-prose .wp-block-table { overflow-x: auto; }
.dz-prose th, .dz-prose td { border: 1px solid var(--dz-border); padding: 10px 12px; text-align: left; }
.dz-prose th { background: var(--dz-surface); color: var(--dz-ink); }
.dz-prose hr { border: 0; border-top: 1px solid var(--dz-border); }
.dz-prose iframe { max-width: 100%; }
.dz-prose .wp-block-embed__wrapper iframe { width: 100%; }

.dz-postcta {
	margin-top: 48px !important;
	background: var(--dz-surface);
	border: 2px solid var(--dz-gold);
	box-shadow: 0 0 0 6px rgba(255, 201, 60, 0.14);
	border-radius: 20px;
	padding: clamp(24px, 4vw, 32px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
.dz-postcta__title { font-family: var(--dz-display); font-weight: 800; font-size: clamp(24px, 4vw, 30px); margin: 0; color: var(--dz-ink); letter-spacing: -0.5px; }
.dz-postcta__text { margin: 0; color: var(--dz-soft); line-height: 1.6; }
.dz-postcta .wp-block-buttons { margin-top: 4px !important; }

.dz-author {
	margin-top: 28px !important;
	display: flex;
	gap: 18px;
	align-items: center;
	border: 1px solid var(--dz-border);
	background: var(--dz-alt);
	border-radius: 18px;
	padding: 20px 22px;
}
.dz-author__img { flex: none; margin: 0 !important; width: 72px; height: 72px; border-radius: 50%; overflow: hidden; border: 2px solid var(--dz-gold); }
.dz-author__img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.dz-author__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.dz-author__kicker { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--dz-muted); }
.dz-author__name { margin: 0; font-weight: 700; font-size: 16px; color: var(--dz-ink); line-height: 1.4; }
.dz-author__name a { color: var(--dz-gold); }
.dz-author__bio { margin: 0; font-size: 14px; color: var(--dz-muted); line-height: 1.55; }
@media (max-width: 480px) { .dz-author { flex-direction: column; align-items: flex-start; } }

.dz-related { padding: 0 20px var(--dz-section); }
.dz-related__title { font-family: var(--dz-display); font-weight: 800; font-size: clamp(26px, 5vw, 34px); text-align: center; margin: 0 0 28px !important; color: var(--dz-text); }

.dz-404 .dz-article { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.dz-404 .dz-chip { align-self: center; }
.dz-404 .wp-block-buttons { margin-top: 12px !important; }

/* ---------- Landing pages (Site Kit) ---------- */
.dz-pagehero { padding: clamp(40px, 6vw, 80px) 20px var(--dz-section); border-bottom: 1px solid var(--dz-line); }
.dz-pagehero__inner { max-width: 860px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.dz-pagehero .dz-chip { align-self: center; }
.dz-pagehero__title { font-family: var(--dz-display); font-weight: 800; font-size: clamp(38px, 8vw, 64px); line-height: 1.05; letter-spacing: -2px; margin: 0; color: var(--dz-text); }
.dz-pagehero__lead { font-size: 20px; line-height: 1.6; color: var(--dz-muted); margin: 0; max-width: 680px; }
.dz-pagehero .wp-block-buttons { margin-top: 10px !important; justify-content: center; }

.dz-features { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.dz-feature { padding: 26px; display: flex; flex-direction: column; gap: 10px; }
.dz-feature__title { font-family: var(--dz-display); font-weight: 700; font-size: 20px; margin: 0; color: var(--dz-text); display: flex; gap: 10px; align-items: center; }
.dz-feature__title::before { content: ""; flex: none; width: 22px; height: 22px; background: var(--dz-tick-gold) center / contain no-repeat; }
.dz-feature__text { margin: 0; color: var(--dz-muted); line-height: 1.6; }
.dz-feature .wp-block-buttons { margin-top: auto !important; padding-top: 6px; }

.dz-numsteps .dz-step__body { padding: 26px; }

.dz-faq { display: flex; flex-direction: column; gap: 12px; }
.dz-faq .wp-block-details {
	background: var(--dz-surface);
	border: 1px solid var(--dz-border);
	border-radius: 16px;
	padding: 0;
}
.dz-faq .wp-block-details summary {
	cursor: pointer;
	list-style: none;
	padding: 18px 56px 18px 22px;
	min-height: 44px;
	font-weight: 700;
	font-size: 17px;
	color: var(--dz-ink);
	position: relative;
	border-radius: 16px;
}
.dz-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.dz-faq .wp-block-details summary::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--dz-surface-2);
	color: var(--dz-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
}
.dz-faq .wp-block-details[open] summary::after { content: "\2212"; }
.dz-faq .wp-block-details > :not(summary) { margin: 0; padding: 0 22px 20px; color: var(--dz-muted); line-height: 1.65; }

.dz-ctaband { padding: 8px 20px var(--dz-section); }
.dz-ctaband__box {
	max-width: 1200px;
	margin: 0 auto;
	background: var(--dz-blue);
	border-radius: 28px;
	padding: clamp(32px, 6vw, 64px) clamp(20px, 5vw, 48px);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	position: relative;
	overflow: hidden;
}
.dz-ctaband__box::before { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; background: var(--dz-blue-dark); pointer-events: none; }
.dz-ctaband__box > * { position: relative; z-index: 1; }
.dz-ctaband__title { color: #fff; margin: 0 !important; }
.dz-ctaband__text { margin: 0; font-size: 18px; color: #EAF1FF; line-height: 1.6; max-width: 620px; }
.dz-ctaband .wp-block-buttons { justify-content: center; margin-top: 8px !important; }
.dz-ctaband .is-style-ghost .wp-block-button__link { border-color: rgba(255, 255, 255, 0.7); }
.dz-ctaband .is-style-ghost .wp-block-button__link:hover { background: rgba(8, 18, 38, 0.25); }

.dz-textblock { max-width: 760px; margin: 0 auto; }
.dz-textblock > * + * { margin-block-start: 1.1em !important; }
.dz-textblock h2 { font-family: var(--dz-display); font-weight: 800; font-size: clamp(26px, 5vw, 34px); color: var(--dz-text); margin-top: 1.6em !important; }
.dz-textblock p, .dz-textblock li { font-size: 18px; line-height: 1.7; color: var(--dz-prose); }
.dz-textblock ul { padding-left: 1.3em; }
.dz-textblock li::marker { color: var(--dz-gold); }

.dz-fa { padding: clamp(36px, 5vw, 64px) 20px var(--dz-section); }
.dz-fa__grid { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; }
.dz-fa__main { flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.dz-fa__side { flex: 1 1 360px; min-width: 0; display: flex; }
.dz-fa__side .dz-checklist { flex: 1 1 auto; }
.dz-fa .dz-hero__title { margin-bottom: 0 !important; font-size: clamp(38px, 8vw, 64px); }
.dz-fa .dz-hero__lead { margin-bottom: 8px !important; }

.dz-thanks { padding: clamp(44px, 7vw, 96px) 20px var(--dz-section); }
.dz-thanks__card { max-width: 720px; margin: 0 auto; padding: clamp(28px, 5vw, 48px); display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.dz-thanks__icon { line-height: 0; }
.dz-thanks__title { font-family: var(--dz-display); font-weight: 800; font-size: clamp(34px, 7vw, 52px); letter-spacing: -1.5px; line-height: 1.08; margin: 0; color: var(--dz-text); }
.dz-thanks__card p { margin: 0; color: var(--dz-soft); font-size: 18px; line-height: 1.65; }
.dz-thanks__card ol { margin: 0; padding-left: 1.3em; color: var(--dz-soft); font-size: 17px; line-height: 1.6; display: flex; flex-direction: column; gap: 8px; }
.dz-thanks__card ol li::marker { color: var(--dz-gold); font-weight: 800; }

.dz-hubgrid .dz-feature__title::before { display: none; }
.dz-hubgrid .dz-feature__title a { color: inherit; text-decoration: none; }
.dz-hubgrid .dz-feature__title a:hover { color: var(--dz-gold); }

.dz-audit-fallback { margin: 0; }

/* Cards without a featured image get a branded banner. */
.dz-postcard:not(:has(.dz-postcard__img))::before {
	content: "";
	display: block;
	aspect-ratio: 16 / 6;
	background:
		radial-gradient(circle at 85% 30%, var(--dz-gold) 0 18%, transparent 18.5%),
		radial-gradient(circle at 12% 90%, var(--dz-blue) 0 22%, transparent 22.5%),
		var(--dz-surface-2);
}
.dz-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.dz-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; }

/* ---------- Blog layout with sidebar ---------- */
.dz-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(28px, 4vw, 48px); align-items: start; }
.dz-layout__main { min-width: 0; }
.dz-layout__main .dz-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.dz-layout--single { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.dz-layout--single .dz-article { max-width: none; margin: 0; padding-inline: 0; min-width: 0; }
.dz-layout--single .dz-side { padding-top: clamp(36px, 5vw, 64px); }
.dz-side { display: flex; flex-direction: column; gap: 20px; }
.dz-side__box { background: var(--dz-surface); border: 1px solid var(--dz-border); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 14px; }
.dz-side__title { font-family: var(--dz-display); font-weight: 700; font-size: 17px; margin: 0; color: var(--dz-text); }
.dz-side__cta { background: var(--dz-gold); border-color: var(--dz-gold); color: var(--dz-base); }
.dz-side__cta .dz-chip { align-self: flex-start; margin: 0; }
.dz-side__ctatitle { font-family: var(--dz-display); font-weight: 800; font-size: 21px; line-height: 1.2; margin: 0; color: var(--dz-base); }
.dz-side__ctatext { margin: 0; font-size: 15px; line-height: 1.55; color: var(--dz-base); }
.dz-side__latest { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.dz-side__latest li { display: flow-root; margin: 0; font-size: 14px; line-height: 1.4; }
.dz-side__latest .wp-block-latest-posts__featured-image { margin: 0 12px 0 0 !important; }
.dz-side__latest .wp-block-latest-posts__featured-image img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; display: block; }
.dz-side__latest a { color: var(--dz-ink); font-weight: 600; text-decoration: none; }
.dz-side__latest a:hover { color: var(--dz-gold); }
.dz-side__latest .wp-block-latest-posts__post-date { display: block; color: var(--dz-faint); font-size: 12px; margin-top: 4px; }
.dz-side__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; font-size: 15px; color: var(--dz-faint); }
.dz-side__list li { margin: 0; }
.dz-side__list a { color: var(--dz-soft); text-decoration: none; display: inline-block; padding: 6px 0; }
.dz-side__list a:hover { color: var(--dz-gold); }
.dz-side__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.dz-side__tags a { font-size: 13px !important; background: var(--dz-surface-2); color: var(--dz-link); padding: 6px 12px; border-radius: 999px; text-decoration: none; margin: 0 !important; }
.dz-side__tags a:hover { background: var(--dz-gold); color: var(--dz-base); }
@media (max-width: 960px) {
	.dz-layout { grid-template-columns: minmax(0, 1fr); }

	.dz-layout--single .dz-side { padding-top: 0; padding-bottom: var(--dz-section); }
}

/* Service hub cards with illustrations */
.dz-feature .dz-illus { align-self: stretch; margin-bottom: 4px; }

/* Thank-you card with headshot */
.dz-chip--gold, .dz-card .dz-chip--gold, .dz-card p.dz-chip--gold { color: var(--dz-base) !important; }
.dz-thanks__card.dz-thanks__grid { max-width: 940px; display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: clamp(24px, 4vw, 44px); align-items: start; }
.dz-thanks__main { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; min-width: 0; }
.dz-thanks__side { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding-top: 6px; }
.dz-thanks__photo { margin: 0 !important; }
.dz-thanks__photo img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; display: block; border: 4px solid var(--dz-gold); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35); }
.dz-thanks__who { margin: 0; color: var(--dz-soft); font-size: 15px; line-height: 1.4; }
.dz-thanks__who strong { color: var(--dz-ink); font-size: 17px; }
.dz-thanks__note { margin: 0; color: var(--dz-gold); font-size: 15px; font-style: italic; line-height: 1.45; }
@media (max-width: 760px) {
	.dz-thanks__card.dz-thanks__grid { grid-template-columns: minmax(0, 1fr); }
	.dz-thanks__side { order: -1; flex-direction: row; text-align: left; gap: 14px; padding-top: 0; }
	.dz-thanks__photo img { width: 72px; height: 72px; border-width: 3px; }
	.dz-thanks__note { display: none; }
}

/* ==========================================================
   Ad landing pages (/free-review/a|b|c/), template page-lp
   ========================================================== */
body.page-template-page-lp { background: #FFFFFF; color: #081226; }
.lp, .lp__content, .lp__content > * { margin: 0 !important; }
.lp { font-family: var(--dz-body); color: #081226; background: #FFFFFF; }
body:has(main.lp), html:has(main.lp) { background: #081226 !important; }
body:has(main.lp) .wp-site-blocks { padding: 0 !important; }
body:has(main.lp) .wp-site-blocks > *, body:has(main.lp) .lp__content > * { margin-block: 0; }
.lp a { color: #1E5EFF; }
.lp a:hover { color: #081226; }
.lp :focus-visible { outline-color: #081226; }
.lp-wrap { max-width: 1160px; margin-inline: auto; padding-inline: 20px; width: 100%; }
.lp-wrap--narrow { max-width: 760px; }
.lp-h1 { font-family: var(--dz-display); font-weight: 800; font-size: clamp(40px, 7vw, 66px); line-height: 1.02; letter-spacing: -1.5px; margin: 0; color: inherit; }
.lp-h2 { font-family: var(--dz-display); font-weight: 800; font-size: clamp(28px, 4.5vw, 42px); line-height: 1.1; margin: 0 0 20px; color: inherit; }
.lp-lead { font-size: clamp(18px, 2vw, 20px); line-height: 1.5; font-weight: 500; margin: 0; max-width: 560px; }
.lp-micro { margin: 0; font-size: 14px; font-weight: 500; }
.lp-fine { margin: 10px 0 0; font-size: 12px; opacity: 0.8; }
.lp-kicker { margin: 0 0 8px; font-weight: 700; font-size: 13px; letter-spacing: 1.2px; color: #D92C47; }
.lp-kicker--gold { color: #FFC93C; }
.lp-kicker--blue { color: #1E5EFF; }
.lp-chip { margin: 0; align-self: flex-start; background: #081226; color: #FFC93C; font-weight: 700; font-size: 12px; letter-spacing: 1.2px; padding: 6px 12px; border-radius: 999px; }
.lp-gold { color: #FFC93C; }
.lp-mint { color: #7EF0C3; font-style: normal; }
.lp-hl { color: #FFC93C; }
.lp-stars { color: #F5A400; letter-spacing: 1px; }

.lp-topbar { background: #081226; color: #fff; padding: 12px 0; }
.lp-topbar .lp-wrap { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.lp-topbar__tag { font-size: 12px; font-weight: 700; color: #FFC93C; letter-spacing: 0.6px; }
.lp-brand { display: flex; align-items: center; gap: 8px; font-family: var(--dz-display); font-weight: 700; font-size: 18px; color: #fff; }
.lp-brand--dark { color: #081226; }
.lp-ytlogo { margin-left: auto; height: 24px; width: auto; }

.lp-btn { display: inline-flex; justify-content: center; align-items: center; min-height: 58px; padding: 0 28px; border-radius: 14px; font-family: var(--dz-display); font-weight: 800; font-size: 19px; text-decoration: none; align-self: flex-start; }
.lp-btn--navy { background: #081226; color: #fff !important; box-shadow: 0 8px 0 rgba(8, 18, 38, 0.18); }
.lp-btn--navy:hover { background: #13234A; }
.lp-btn--gold { background: #FFC93C; color: #081226 !important; }
.lp-btn--gold:hover { background: #ffd666; }

.lp-hero { padding: clamp(28px, 6vw, 72px) 0; }
.lp-hero--gold { background: #FFC93C; }
.lp-hero--navy { background: #081226; color: #fff; }
.lp-hero--navy .lp-lead { color: #DCE3F0; }
.lp-hero--navy .lp-lead strong { color: #fff; }
.lp-hero--mint { background: #4FE0B0; }
.lp-hero__grid { display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 48px); align-items: center; }
.lp-hero__copy { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.lp-hero__art { flex: 1 1 340px; min-width: 0; }
.lp-photo { position: relative; height: clamp(330px, 44vw, 480px); }
.lp-photo__ring { position: absolute; left: 10%; top: 9%; width: 80%; aspect-ratio: 1 / 1; max-height: 92%; border-radius: 50%; background: #FF5A6E; }
.lp-photo__dot { position: absolute; right: 4%; top: 0; width: 72px; height: 72px; border-radius: 50%; background: #3D7BFF; }
.lp-photo img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 100%; width: auto; max-width: 92%; object-fit: cover; object-position: top center; }
.lp-badge { position: absolute; left: 0; bottom: 22px; background: #fff; border-radius: 14px; padding: 10px 14px; box-shadow: 0 10px 24px rgba(8, 18, 38, 0.22); display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: #4A5568; }
.lp-badge b { font-family: var(--dz-display); font-size: 22px; color: #081226; }
.lp-byline { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #DCE3F0; }
.lp-byline strong { color: #fff; }
.lp-byline img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid #FFC93C; flex: none; }
.lp-byline--dark { color: #081226; line-height: 1.4; }
.lp-byline--dark strong { color: #081226; }
.lp-byline--dark img { width: 52px; height: 52px; border: 3px solid #fff; }

.lp-stats { background: #081226; color: #fff; padding: 16px 0; }
.lp-stats .lp-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; text-align: center; }
.lp-stats b { display: block; font-family: var(--dz-display); font-size: clamp(20px, 3vw, 28px); color: #FFC93C; }
.lp-stats span { font-size: 12px; color: #C3CDE2; }

.lp-sec { padding: clamp(40px, 6vw, 72px) 0; }
.lp-sec--tight { padding-block: 32px; }
.lp-sec--navy { background: #081226; color: #fff; }
.lp-sec--gold { background: #FFC93C; }
.lp-sec--cream { background: #FFF4D6; }
.lp-sec--ice { background: #EEF3FF; }

.lp-probs { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.lp-prob { border-radius: 18px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; }
.lp-prob h3, .lp-step h3 { margin: 0 0 4px; font-family: var(--dz-display); font-size: 19px; color: #081226; }
.lp-prob p, .lp-step p { margin: 0; font-size: 15px; line-height: 1.5; color: #3A4256; }
.lp-prob--red { background: #FFE3E7; }
.lp-prob--blue { background: #E3ECFF; }
.lp-prob--green { background: #DDF6EC; }
.lp-num { flex: none; width: 44px; height: 44px; border-radius: 12px; color: #fff; font-family: var(--dz-display); font-weight: 800; font-size: 22px; display: flex; align-items: center; justify-content: center; }
.lp-prob--red .lp-num { background: #D92C47; }
.lp-prob--blue .lp-num { background: #1E5EFF; }
.lp-prob--green .lp-num { background: #0E8A62; }
.lp-num--blue { background: #1E5EFF; border-radius: 50%; }
.lp-num--pink { background: #C2187A; border-radius: 50%; }
.lp-num--green { background: #0E8A62; border-radius: 50%; }
.lp-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.lp-step { display: flex; gap: 14px; align-items: flex-start; }

.lp-xlist { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.lp-xlist p { margin: 0; background: #fff; border-radius: 16px; padding: 16px; display: flex; gap: 12px; align-items: center; font-size: 16px; line-height: 1.45; }
.lp-xlist svg { flex: none; }

.lp-split { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; }
.lp-split > div { flex: 1 1 380px; min-width: 0; }
.lp-ticks { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; font-size: 17px; line-height: 1.45; }
.lp-ticks li { display: flex; gap: 10px; align-items: flex-start; }
.lp-ticks svg { flex: none; }
.lp-pdf { background: #fff; color: #081226; border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 10px; transform: rotate(-1.5deg); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35); max-width: 420px; }
.lp-pdf__top { display: flex; justify-content: space-between; align-items: center; }
.lp-pdf__top b { font-family: var(--dz-display); font-size: 17px; }
.lp-pdf__top span { background: #D92C47; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 6px; }
.lp-pdf i { display: block; height: 8px; border-radius: 4px; background: #E3ECFF; }
.lp-pdf p { margin: 0; display: flex; gap: 8px; align-items: center; font-size: 14px; font-weight: 700; }
.lp-pdf p span { background: #FFC93C; border-radius: 6px; padding: 2px 8px; }

.lp-reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 16px; }
.lp-review { margin: 0; background: #fff; border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 6px 18px rgba(8, 18, 38, 0.08); color: #081226; }
.lp-review blockquote { margin: 0; font-size: 16px; line-height: 1.55; }
.lp-review figcaption { font-weight: 700; font-size: 14px; }
.lp-review--hero { transform: rotate(-1.2deg); box-shadow: 0 14px 30px rgba(8, 18, 38, 0.2); max-width: 460px; }
.lp-review--hero blockquote { font-family: var(--dz-display); font-weight: 700; font-size: clamp(19px, 2.4vw, 24px); line-height: 1.35; }
.lp-review--hero figcaption { font-weight: 500; color: #4A5568; }
.lp-reviews--dark { margin-top: 20px; }
.lp-reviews--dark .lp-review { background: #13234A; color: #EEF2FA; box-shadow: none; }
.lp-reviews--dark .lp-stars { color: #FFC93C; }
.lp-reviews--dark figcaption { color: #A9B6CF; font-weight: 500; font-size: 13px; }

.lp-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.lp-tile { border-radius: 16px; padding: 18px; }
.lp-tile b { display: block; font-family: var(--dz-display); font-weight: 800; font-size: 30px; }
.lp-tile span { font-size: 14px; color: #3A4256; }
.lp-tile--gold { background: #FFF4D6; }
.lp-tile--blue { background: #E3ECFF; }
.lp-tile--green { background: #DDF6EC; }
.lp-tile--red { background: #FFE3E7; }
.lp-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.lp-checks span { background: #13234A; border-radius: 14px; padding: 14px; font-weight: 700; }
.lp-checks .is-gold { background: #FFC93C; color: #081226; font-weight: 800; }
.lp-faq { display: flex; flex-direction: column; gap: 10px; }
.lp-faq details { border: 2px solid #E3E8F2; border-radius: 14px; padding: 14px 16px; }
.lp-faq summary { font-weight: 700; font-size: 16px; cursor: pointer; min-height: 28px; }
.lp-faq p { margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: #3A4256; }

.lp-serp { background: #13234A; border: 1px solid #2A3D66; border-radius: 18px; padding: 16px; display: flex; flex-direction: column; gap: 12px; max-width: 460px; }
.lp-serp__bar { display: flex; align-items: center; gap: 8px; background: #fff; color: #4A5568; border-radius: 999px; padding: 9px 14px; font-size: 14px; }
.lp-serp__row { display: flex; gap: 10px; align-items: center; }
.lp-serp__row--dim { opacity: 0.55; padding-bottom: 12px; border-bottom: 1px solid #2A3D66; }
.lp-serp__thumb { width: 84px; height: 48px; border-radius: 8px; background: #3A4A6E; flex: none; display: flex; align-items: center; justify-content: center; }
.lp-serp__thumb--red { background: #FF3D5A; }
.lp-serp__meta { flex: 1; display: flex; flex-direction: column; font-size: 14px; }
.lp-serp__meta i { font-style: normal; font-size: 12px; color: #C3CDE2; }
.lp-serp__rank { font-weight: 800; font-size: 12px; padding: 4px 8px; border-radius: 6px; color: #081226; }
.lp-serp__rank--gold { background: #FFC93C; }
.lp-serp__rank--green { background: #22C38E; }

.lp-video { border-radius: 16px; overflow: hidden; }
.lp-vsai { border: 2px solid #E3E8F2; border-radius: 22px; padding: clamp(22px, 4vw, 34px); }
.lp-vsai .lp-h2 { margin-bottom: 12px; }

.lp-formsec { padding: clamp(40px, 6vw, 72px) 0; }
.lp-formsec--gold { background: #FFC93C; }
.lp-formsec--navy { background: #081226; color: #fff; }
.lp-formsec--mint { background: #4FE0B0; }
.lp-formcard { background: #081226; border-radius: 22px; padding: clamp(20px, 4vw, 32px); box-shadow: 0 16px 34px rgba(8, 18, 38, 0.25); color: #EEF2FA; }
.lp-formsec--navy .lp-formcard { background: #13234A; border: 1px solid #2A3D66; }
.lp-formcard > * { margin-block: 0; }
.lp-formnote { margin: 14px 0 0 !important; font-size: 13px; color: #C3CDE2; text-align: center; }

.lp-footer { background: #081226; color: #A9B6CF; padding: 24px 0 96px; font-size: 12px; line-height: 1.6; text-align: center; }
.lp-footer p { margin: 0; }
.lp-footer a { color: #C3CDE2 !important; }
.lp-sticky { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 900; display: flex; justify-content: center; align-items: center; min-height: 56px; border-radius: 14px; background: #D92C47; color: #fff !important; font-family: var(--dz-display); font-weight: 800; font-size: 18px; text-decoration: none; box-shadow: 0 10px 26px rgba(8, 18, 38, 0.35); }
@media (min-width: 900px) {
	.lp-footer { padding-bottom: 24px; }
	.lp-sticky { display: none; }
}
@media (max-width: 600px) {
	.lp-btn { align-self: stretch; }
	.lp-topbar__tag { display: none; }
}


/* ==========================================================
   Light mode (html[data-theme="light"]), toggled in the header
   ========================================================== */
html[data-theme="light"] {
	--dz-alt: #EEF2FA;
	--dz-surface: #FFFFFF;
	--dz-surface-2: #EEF3FF;
	--dz-deep: #DCE6FA;
	--dz-line: #DDE3EE;
	--dz-border: #D5DCEA;
	--dz-border-2: #C3CDE2;
	--dz-dash: #A9B6CF;
	--dz-text: #0B1630;
	--dz-soft: #2E3A55;
	--dz-muted: #4A5568;
	--dz-faint: #5E6A82;
	--dz-link: #1E5EFF;
	--dz-ink: #0B1630;
	--dz-prose: #2E3A55;
	--wp--preset--color--white: #0B1630;
	--wp--preset--color--text: #0B1630;
	--wp--preset--color--soft: #2E3A55;
	--wp--preset--color--muted: #4A5568;
	--wp--preset--color--faint: #5E6A82;
	--wp--preset--color--link: #1E5EFF;
	--wp--preset--color--surface: #FFFFFF;
	--wp--preset--color--surface-2: #EEF3FF;
	--wp--preset--color--border: #D5DCEA;
	--wp--preset--color--line: #DDE3EE;
	color-scheme: light;
}
html[data-theme="light"] body { background: #F7F9FD; color: #0B1630; }
html[data-theme="light"] .dz-card,
html[data-theme="light"] .dz-step,
html[data-theme="light"] .dz-postcard,
html[data-theme="light"] .dz-side__box:not(.dz-side__cta) { box-shadow: 0 6px 20px rgba(11, 22, 48, 0.06); }
html[data-theme="light"] .wp-block-button.is-style-chat .wp-block-button__link:hover,
html[data-theme="light"] .wp-block-button.is-style-ghost .wp-block-button__link:hover { background: #DCE6FA; }
html[data-theme="light"] .dz-audit__box .is-style-ghost .wp-block-button__link,
html[data-theme="light"] .dz-ctaband__box .is-style-ghost .wp-block-button__link { color: #fff; border-color: rgba(255, 255, 255, 0.6); }
html[data-theme="light"] .dz-audit__box .is-style-ghost .wp-block-button__link:hover,
html[data-theme="light"] .dz-ctaband__box .is-style-ghost .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.15); color: #fff; }
html[data-theme="light"] .dz-audit__box,
html[data-theme="light"] .dz-ctaband__box { --dz-ink: #FFFFFF; --wp--preset--color--white: #FFFFFF; }
html[data-theme="light"] .dz-nav .wp-block-navigation__responsive-container.is-menu-open { background: #F7F9FD !important; }
html[data-theme="light"] .dz-yt { border-color: #D5DCEA; box-shadow: 0 18px 40px rgba(11, 22, 48, 0.18); }

.dz-theme-toggle {
	width: 44px;
	height: 44px;
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid var(--dz-border-2);
	background: transparent;
	color: var(--dz-ink);
	cursor: pointer;
	padding: 0;
}
.dz-theme-toggle:hover { background: var(--dz-surface-2); }
.dz-theme-toggle svg { width: 20px; height: 20px; }
.dz-theme-toggle .is-moon { display: none; }
html[data-theme="light"] .dz-theme-toggle .is-moon { display: block; }
html[data-theme="light"] .dz-theme-toggle .is-sun { display: none; }
html[data-theme="light"] .dz-serp__box,
html[data-theme="light"] .dz-reviews .dz-chip--repeat { --dz-surface: #0F1D38; --dz-surface-2: #13234A; --dz-border: #22355C; --dz-border-2: #2A3D63; --dz-text: #EEF2FA; --dz-soft: #C3CDE2; --dz-muted: #A9B6CF; --dz-ink: #FFFFFF; }
html[data-theme="light"] .wp-block-button.is-style-light .wp-block-button__link { border: 1px solid #C3CDE2; }

/* Light mode: darker gold and green so accent text stays readable on light backgrounds */
html[data-theme="light"] .dz-hero__title .dz-accent,
html[data-theme="light"] .dz-stat__num.is-gold,
html[data-theme="light"] .dz-step__num.is-gold { color: #A86F00; }
html[data-theme="light"] .dz-stat__num.is-green,
html[data-theme="light"] .dz-step__num.is-green { color: #0B8A5A; }
html[data-theme="light"] .dz-hero__stars { color: #C48A00; }
html[data-theme="light"] .dz-hero .dsa__callout span { color: #A86F00; }
html[data-theme="light"] .dz-hero .dsa__callout svg [stroke] { stroke: #A86F00; }

/* Landing page video fallback link */
.lp-video-alt { margin: 10px 0 0; text-align: center; font-size: 14px; }
.lp-video-alt a { color: inherit; text-decoration: underline; }

/* ==========================================================
   Before and after proof (site + landing pages)
   ========================================================== */
.dz-proof { padding: var(--dz-section) 20px; }
.dz-proof__wrap { max-width: 1100px; margin: 0 auto; }
.dz-proof__kicker { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; color: var(--dz-gold); text-align: center; }
.dz-proof__title { margin: 0; font-family: var(--dz-display); font-weight: 800; font-size: clamp(30px, 5vw, 44px); letter-spacing: -1px; line-height: 1.1; text-align: center; color: var(--dz-text); }
.dz-proof__lead { margin: 12px auto 0; max-width: 620px; text-align: center; font-size: 18px; line-height: 1.55; color: var(--dz-soft); }
.dz-proof__grid { margin-top: clamp(28px, 4vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 24px; }
.dz-proof__card { background: var(--dz-surface); border: 1px solid var(--dz-border); border-radius: 20px; padding: clamp(20px, 3vw, 28px); display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.dz-proof__top { display: flex; flex-direction: column; gap: 4px; }
.dz-proof__tag { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--dz-base); background: var(--dz-gold); border-radius: 999px; padding: 4px 12px; }
.dz-proof__big { margin: 6px 0 0; font-family: var(--dz-display); font-weight: 800; font-size: clamp(28px, 4vw, 36px); line-height: 1.1; color: var(--dz-green); }
.dz-proof__small { margin: 0; color: var(--dz-muted); font-size: 15px; }
.dz-proof__stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dz-proof__stats li { background: var(--dz-surface-2); border-radius: 12px; padding: 10px 12px; display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; column-gap: 6px; }
.dz-proof__label { grid-column: 1 / -1; font-size: 12px; color: var(--dz-muted); margin-bottom: 2px; }
.dz-proof__from { font-size: 15px; color: var(--dz-muted); }
.dz-proof__arrow { color: var(--dz-muted); font-size: 14px; }
.dz-proof__to { font-family: var(--dz-display); font-weight: 800; font-size: 18px; color: var(--dz-text); }
.dz-proof__shots { display: grid; gap: 14px; }
.dz-proof__shot { margin: 0; }
.dz-proof__shot figcaption { font-size: 13px; color: var(--dz-muted); margin-bottom: 6px; }
.dz-proof__shot figcaption b { color: var(--dz-text); margin-right: 4px; }
.dz-proof__shot--after figcaption b { color: var(--dz-green); }
.dz-proof__shot a { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--dz-border); background: #fff; }
.dz-proof__shot img { display: block; width: 100%; height: auto; }
.dz-proof__note { margin: 20px auto 0; max-width: 680px; text-align: center; font-size: 13px; line-height: 1.5; color: var(--dz-muted); }
.dz-proof__ctawrap { margin: 20px 0 0; text-align: center; }
.dz-proof--site .dz-proof__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 12px; background: var(--dz-blue); color: #fff; font-family: var(--dz-display); font-weight: 700; font-size: 17px; text-decoration: none; }
.dz-proof--site .dz-proof__cta:hover { background: var(--dz-blue-dark); color: #fff; }
html[data-theme="light"] .dz-proof__big { color: #0B8A5A; }
html[data-theme="light"] .dz-proof__shot--after figcaption b { color: #0B8A5A; }
html[data-theme="light"] .dz-proof__kicker { color: #A86F00; }
@media (max-width: 420px) { .dz-proof__stats { grid-template-columns: minmax(0, 1fr); } }

/* Landing pages: light palette */
.lp .dz-proof { padding: clamp(40px, 6vw, 64px) 0; background: #F4F7FC; --dz-surface: #FFFFFF; --dz-surface-2: #EEF3FF; --dz-border: #DDE3EE; --dz-text: #081226; --dz-soft: #3A4256; --dz-muted: #4A5568; --dz-gold: #FFC93C; --dz-base: #081226; --dz-green: #0B8A5A; }
.lp .dz-proof__wrap { padding: 0 20px; }
.lp .dz-proof__kicker { color: #1E5EFF; }
.lp .dz-proof__cta { display: inline-flex; align-self: center; }

.dz-proof__who { display: flex; align-items: center; gap: 12px; }
.dz-proof__who > div { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.dz-proof__avatar { width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--dz-border); flex: none; }
.dz-proof__whotext { font-size: 13px; color: var(--dz-muted); }

/* Proof lightbox */
.dz-proof__shot a { cursor: zoom-in; }
.dz-lightbox { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 56px 12px 12px; background: rgba(8, 18, 38, 0.88); }
.dz-lightbox.is-open { display: flex; }
.dz-lightbox__img { max-width: min(1200px, 100%); max-height: 100%; width: auto; height: auto; border-radius: 12px; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); }
.dz-lightbox__close { position: absolute; top: 10px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #FFFFFF; color: #081226; font-size: 30px; line-height: 44px; text-align: center; cursor: pointer; padding: 0; }
.dz-lightbox__close:focus-visible { outline: 3px solid #FFC93C; outline-offset: 2px; }
html.dz-lb-lock, html.dz-lb-lock body { overflow: hidden; }
.lp-checks .lp-checks__wide { grid-column: 1 / -1; text-align: center; }

/* "Ask me" Fiverr chat buttons: Fiverr green, easy to spot in both modes */
.wp-block-button.is-style-chat .wp-block-button__link { background: rgba(29, 191, 115, 0.14); color: #FFFFFF; border: 2px solid #1DBF73; font-size: 16px; padding: 11px 18px; }
.wp-block-button.is-style-chat .wp-block-button__link:hover { background: #1DBF73; color: #081226; }
.wp-block-button.is-style-chat .wp-block-button__link:hover::before { filter: brightness(0) saturate(100%); }
html[data-theme="light"] .wp-block-button.is-style-chat .wp-block-button__link { background: #E7F8EF; color: #0B6B44; border-color: #1DBF73; }
html[data-theme="light"] .wp-block-button.is-style-chat .wp-block-button__link:hover { background: #1DBF73; color: #FFFFFF; }
html[data-theme="light"] .wp-block-button.is-style-chat .wp-block-button__link:hover::before { filter: brightness(0) invert(1); }