/* Source: assets/css/solutions-options-v1220.css */
/* DK Expressions Solutions previews v1.22.0 — unified DK system. */
.dkxsr {
	--dk-blue: #43baff;
	--dk-gold: #ffc857;
	--dk-purple: #9b7cff;
	--dk-red: #ff536d;
	--dk-aqua: #2ad6c9;
	--dk-white: #f8fbff;
	--dk-muted: #91a7b6;
	--dk-ink: #020508;
	--dk-panel: #06121b;
	--dk-panel-deep: #030a10;
	--dk-line: rgba(67, 186, 255, .2);
	position: relative;
	min-height: 100vh;
	overflow: hidden;
	padding: 0 0 76px;
	background: var(--dk-ink);
	color: var(--dk-white);
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
.dkxsr,
.dkxsr * { box-sizing: border-box; }
.dkxsr :is(h1, h2, h3, p, ul) { margin: 0; }
.dkxsr :is(h1, h2, h3, strong, b, em) { text-shadow: none !important; animation: none !important; }
.dkxsr a { color: inherit; text-decoration: none; }
.dkxsr-shell { position: relative; z-index: 2; width: min(1280px, calc(100% - 64px)); margin: 0 auto; }

.dkxsr-grid {
	position: absolute;
	inset: 0 0 auto;
	height: 900px;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(67, 186, 255, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(67, 186, 255, .035) 1px, transparent 1px);
	background-size: 48px 48px;
	-webkit-mask-image: linear-gradient(#000, transparent);
	mask-image: linear-gradient(#000, transparent);
}
.dkxsr-eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px !important;
	color: var(--dk-blue) !important;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: .19em;
	line-height: 1.4;
	text-transform: uppercase;
}
.dkxsr-eyebrow::before { width: 38px; height: 2px; flex: 0 0 auto; background: currentColor; content: ""; }

/* Hero */
.dkxsr-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 760px;
	padding: clamp(148px, 14vw, 188px) 0 clamp(70px, 7vw, 96px);
	border-bottom: 1px solid var(--dk-line);
	background:
		radial-gradient(circle at 82% 18%, rgba(67, 186, 255, .11), transparent 30rem),
		linear-gradient(145deg, #020508, #07131c 58%, #020508);
}
.dkxsr-hero::after {
	position: absolute;
	right: -16vw;
	bottom: -32vw;
	width: 66vw;
	height: 66vw;
	border: 1px solid rgba(67, 186, 255, .14);
	border-radius: 50%;
	content: "";
}
.dkxsr-hero h1 {
	max-width: 1160px;
	margin-bottom: 24px;
	color: var(--dk-white) !important;
	font-family: "Arial Black", "Montserrat", Arial, sans-serif;
	font-size: clamp(58px, 8.35vw, 126px);
	font-weight: 950;
	letter-spacing: -.075em;
	line-height: .84;
	text-transform: uppercase;
}
.dkxsr-hero h1 em { color: var(--dk-blue) !important; font-style: normal; }
.dkxsr-hero-copy {
	max-width: 790px;
	margin-bottom: 34px !important;
	color: #d1dde4 !important;
	font-size: clamp(17px, 1.55vw, 22px);
	font-weight: 650;
	line-height: 1.55;
}
.dkxsr-family-nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--dk-line);
	border-left: 1px solid var(--dk-line);
}
.dkxsr-family-nav a {
	--accent: var(--dk-blue);
	position: relative;
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
	min-height: 72px;
	padding: 15px 17px;
	border-right: 1px solid var(--dk-line);
	border-bottom: 1px solid var(--dk-line);
	background: rgba(3, 10, 15, .85);
	font-size: 9px;
	font-weight: 950;
	letter-spacing: .08em;
	line-height: 1.35;
	text-transform: uppercase;
}
.dkxsr-family-nav a::before { position: absolute; inset: 0 0 auto; height: 3px; background: var(--accent); content: ""; }
.dkxsr-family-nav a span { color: var(--accent) !important; font-family: "Arial Black", Arial, sans-serif; font-size: 25px; letter-spacing: -.05em; }
.dkxsr .is-blue { --accent: var(--dk-blue); }
.dkxsr .is-gold { --accent: var(--dk-gold); }
.dkxsr .is-purple { --accent: var(--dk-purple); }
.dkxsr .is-red { --accent: var(--dk-red); }

/* Server analytics */
.dkxsr-analytics {
	position: relative;
	padding: clamp(82px, 8vw, 112px) 0 clamp(74px, 7vw, 96px);
	border-bottom: 1px solid var(--dk-line);
	background: linear-gradient(145deg, #020508 38%, #07131c);
}
.dkxsr-analytics-head {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(230px, .42fr);
	align-items: end;
	gap: 44px;
	margin-bottom: 42px;
}
.dkxsr-analytics-head h2 {
	color: var(--dk-white) !important;
	font-family: "Arial Black", "Montserrat", Arial, sans-serif;
	font-size: clamp(50px, 6.8vw, 96px);
	font-weight: 950;
	letter-spacing: -.065em;
	line-height: .88;
	text-transform: uppercase;
}
.dkxsr-analytics-head h2 em { color: var(--dk-gold) !important; font-style: normal; }
.dkxsr-analytics-period {
	margin-bottom: 3px !important;
	color: var(--dk-muted) !important;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.65;
}
.dkxsr-analytics-period strong { color: var(--dk-white) !important; }
.dkxsr-analytics-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--dk-line);
	border-left: 1px solid var(--dk-line);
}
.dkxsr-stat {
	--stat-color: var(--dk-blue);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-width: 0;
	min-height: 300px;
	overflow: hidden;
	padding: 30px 24px;
	border-right: 1px solid color-mix(in srgb, var(--stat-color) 42%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--stat-color) 42%, transparent);
	background: linear-gradient(160deg, color-mix(in srgb, var(--stat-color) 8%, #07131d), #02080e 65%);
}
.dkxsr-stat::before { position: absolute; inset: 0 0 auto; height: 4px; background: var(--stat-color); content: ""; }
.dkxsr-stat::after {
	position: absolute;
	right: -10px;
	top: 8px;
	color: color-mix(in srgb, var(--stat-color) 7%, transparent);
	content: attr(data-stat);
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 112px;
	line-height: 1;
}
.dkxsr-stat.is-pages { --stat-color: var(--dk-gold); }
.dkxsr-stat.is-hits { --stat-color: var(--dk-purple); }
.dkxsr-stat.is-live { --stat-color: var(--dk-aqua); }
.dkxsr-stat-index {
	position: absolute;
	top: 23px;
	left: 24px;
	color: var(--stat-color) !important;
	font-size: 9px;
	font-weight: 950;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.dkxsr-stat-index i { display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-radius: 50%; background: var(--dk-aqua); box-shadow: 0 0 12px var(--dk-aqua); }
.dkxsr-stat-value {
	position: relative;
	z-index: 1;
	color: var(--stat-color) !important;
	-webkit-text-fill-color: var(--stat-color) !important;
	font-family: "Arial Black", "Montserrat", Arial, sans-serif;
	font-size: clamp(43px, 4.7vw, 70px);
	font-weight: 950;
	letter-spacing: -.065em;
	line-height: .9;
	white-space: nowrap;
}
.dkxsr-stat-label {
	position: relative;
	z-index: 1;
	align-self: flex-start;
	margin-top: 13px;
	padding: 6px 8px;
	border-left: 3px solid var(--stat-color);
	background: rgba(0, 0, 0, .38);
	color: var(--dk-white) !important;
	font-size: 8px;
	font-weight: 950;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.dkxsr-stat-copy { position: relative; z-index: 1; margin-top: 11px !important; color: var(--dk-muted) !important; font-size: 10px; line-height: 1.5; }
.dkxsr-analytics-source {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 17px !important;
	color: #667f90 !important;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
}
.dkxsr-analytics-source i { width: 50px; height: 1px; background: var(--dk-blue); }

/* Solution families */
.dkxsr-family {
	--accent: var(--dk-blue);
	position: relative;
	padding: clamp(78px, 7.5vw, 104px) 0;
	scroll-margin-top: 110px;
	border-bottom: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
	background: linear-gradient(155deg, color-mix(in srgb, var(--accent) 7%, #06121b), #020508 54%);
}
.dkxsr-family::before { position: absolute; inset: 0 0 auto; height: 4px; background: var(--accent); content: ""; }
.dkxsr-family-head {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(280px, .52fr);
	align-items: end;
	gap: 46px;
	margin-bottom: 46px;
}
.dkxsr-family-kicker { margin-bottom: 17px !important; color: var(--accent) !important; font-size: 10px; font-weight: 950; letter-spacing: .18em; text-transform: uppercase; }
.dkxsr-family-head h2 {
	color: var(--dk-white) !important;
	font-family: "Arial Black", "Montserrat", Arial, sans-serif;
	font-size: clamp(52px, 6.9vw, 96px);
	font-weight: 950;
	letter-spacing: -.07em;
	line-height: .84;
	text-transform: uppercase;
}
.dkxsr-family-tagline {
	margin-bottom: 3px !important;
	padding-left: 20px;
	border-left: 4px solid var(--accent);
	color: #d8e4ea !important;
	font-size: clamp(17px, 1.7vw, 23px);
	font-weight: 750;
	line-height: 1.45;
}
.dkxsr-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.dkxsr-package {
	position: relative;
	display: grid;
	grid-template-rows: auto auto auto 1fr auto;
	min-width: 0;
	height: 100%;
	overflow: hidden;
	padding: 34px 30px 30px;
	border: 1px solid color-mix(in srgb, var(--accent) 38%, transparent);
	background: linear-gradient(155deg, color-mix(in srgb, var(--accent) 9%, #07131d), #020508 72%);
}
.dkxsr-package::before { position: absolute; inset: 0 0 auto; height: 4px; background: var(--accent); content: ""; }
.dkxsr-package.is-featured { border-color: var(--accent); background: linear-gradient(155deg, color-mix(in srgb, var(--accent) 15%, #07131d), #020508 72%); }
.dkxsr-badge { position: absolute; top: 0; right: 0; padding: 8px 12px; background: var(--accent); color: #020508 !important; font-size: 8px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.dkxsr-package > header { display: flex; align-items: end; justify-content: space-between; gap: 15px; min-width: 0; padding-top: 20px; margin-bottom: 20px; }
.dkxsr-package > header span { order: 2; flex: 0 0 auto; color: rgba(255, 255, 255, .1) !important; font-family: "Arial Black", Arial, sans-serif; font-size: 50px; letter-spacing: -.08em; line-height: .75; }
.dkxsr-package h3 {
	min-width: 0;
	color: var(--dk-white) !important;
	font-family: "Arial Black", "Montserrat", Arial, sans-serif;
	font-size: clamp(29px, 3vw, 43px);
	font-weight: 950;
	letter-spacing: -.055em;
	line-height: .92;
	overflow-wrap: break-word;
	text-transform: uppercase;
}
.dkxsr-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; min-width: 0; margin-bottom: 14px !important; }
.dkxsr-price small { width: 100%; color: var(--dk-muted) !important; font-size: 8px; font-weight: 950; letter-spacing: .15em; line-height: 1; text-transform: uppercase; }
.dkxsr-price strong { color: var(--accent) !important; -webkit-text-fill-color: var(--accent) !important; font-family: "Arial Black", Arial, sans-serif; font-size: clamp(31px, 3.25vw, 47px); font-weight: 950; letter-spacing: -.06em; line-height: .95; white-space: nowrap; }
.dkxsr-price span { color: #c8d6de !important; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.dkxsr-description { min-height: 44px; margin-bottom: 15px !important; color: #d6e1e7 !important; font-size: 13px; font-weight: 750; line-height: 1.5; }
.dkxsr-package ul { align-self: stretch; display: grid; align-content: start; gap: 0; margin: 0 0 22px; padding: 0; list-style: none; }
.dkxsr-package li { position: relative; padding: 8px 0 8px 17px; border-bottom: 1px solid rgba(142, 165, 181, .15); color: #afc1cc !important; font-size: 12px; font-weight: 620; line-height: 1.42; }
.dkxsr-package li::before { position: absolute; left: 0; color: var(--accent); content: "+"; font-weight: 950; }
.dkxsr-package li strong { color: var(--accent) !important; }
.dkxsr-package > a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; padding: 0 15px; border: 1px solid var(--accent); color: var(--accent) !important; font-size: 9px; font-weight: 950; letter-spacing: .12em; line-height: 1.3; text-transform: uppercase; }
.dkxsr-package.is-featured > a { background: var(--accent); color: #020508 !important; }

/* Option A — Colour Chapters */
.dkxsr--chapters .dkxsr-family:nth-child(even) .dkxsr-family-head { grid-template-columns: minmax(280px, .52fr) minmax(0, 1.18fr); }
.dkxsr--chapters .dkxsr-family:nth-child(even) .dkxsr-family-head > div { order: 2; text-align: right; }
.dkxsr--chapters .dkxsr-family:nth-child(even) .dkxsr-family-tagline { order: 1; padding: 0 20px 0 0; border-right: 4px solid var(--accent); border-left: 0; }

/* Option B — Rate Matrix */
.dkxsr--matrix .dkxsr-hero { text-align: center; }
.dkxsr--matrix .dkxsr-eyebrow { justify-content: center; }
.dkxsr--matrix .dkxsr-hero-copy { margin-right: auto !important; margin-left: auto !important; }
.dkxsr--matrix .dkxsr-hero h1 { margin-right: auto; margin-left: auto; font-size: clamp(55px, 7.7vw, 112px); }
.dkxsr--matrix .dkxsr-family-head h2 { font-size: clamp(48px, 5.8vw, 80px); }
.dkxsr--matrix .dkxsr-package-grid { grid-template-columns: 1fr; gap: 10px; }
.dkxsr--matrix .dkxsr-package {
	grid-template-columns: minmax(170px, .55fr) minmax(205px, .58fr) minmax(280px, 1fr) minmax(170px, .42fr);
	grid-template-rows: auto auto;
	grid-template-areas:
		"head price description action"
		"head price features action";
	align-items: center;
	column-gap: 27px;
	row-gap: 8px;
	height: auto;
	padding: 27px;
}
.dkxsr--matrix .dkxsr-package > header { grid-area: head; display: block; padding: 0; margin: 0; }
.dkxsr--matrix .dkxsr-package > header span { display: block; margin-bottom: 14px; font-size: 34px; }
.dkxsr--matrix .dkxsr-package h3 { font-size: clamp(27px, 2.7vw, 39px); }
.dkxsr--matrix .dkxsr-price { grid-area: price; margin: 0 !important; }
.dkxsr--matrix .dkxsr-price strong { font-size: clamp(29px, 2.9vw, 42px); }
.dkxsr--matrix .dkxsr-description { grid-area: description; align-self: end; min-height: 0; margin: 0 !important; }
.dkxsr--matrix .dkxsr-package ul { grid-area: features; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 0; }
.dkxsr--matrix .dkxsr-package li { padding: 5px 0 5px 14px; font-size: 11px; }
.dkxsr--matrix .dkxsr-package > a { grid-area: action; align-self: stretch; margin: 0; }

/* Option C — Package Vault */
.dkxsr--vault .dkxsr-hero { background: radial-gradient(circle at 82% 15%, rgba(155, 124, 255, .12), transparent 30rem), linear-gradient(145deg, #020508, #090b18); }
.dkxsr--vault .dkxsr-hero h1 em { color: var(--dk-gold) !important; }
.dkxsr--vault .dkxsr-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dkxsr--vault .dkxsr-package.is-featured { order: -1; grid-column: 1 / -1; }
.dkxsr--vault .dkxsr-package.is-featured ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }

/* Custom conversion */
.dkxsr-custom { position: relative; padding: clamp(76px, 7vw, 98px) 0; border-bottom: 1px solid var(--dk-line); background: linear-gradient(120deg, rgba(42, 214, 201, .11), transparent 50%), #040c13; }
.dkxsr-custom::before { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 49.8%, rgba(255, 200, 87, .14) 50%, transparent 50.2%); content: ""; }
.dkxsr-custom-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .7fr); align-items: end; gap: clamp(42px, 6vw, 78px); }
.dkxsr-custom h2 { color: var(--dk-white) !important; font-family: "Arial Black", Arial, sans-serif; font-size: clamp(48px, 6.8vw, 94px); font-weight: 950; letter-spacing: -.065em; line-height: .86; text-transform: uppercase; }
.dkxsr-custom h2 em { color: var(--dk-aqua) !important; font-style: normal; }
.dkxsr-custom-copy { margin-bottom: 26px !important; color: #cbd9e1 !important; font-size: 14px; font-weight: 650; line-height: 1.7; }
.dkxsr-custom-copy strong { color: var(--dk-red) !important; font-family: "Arial Black", Arial, sans-serif; font-size: 1.2em; }
.dkxsr-actions { display: grid; gap: 9px; }
.dkxsr-actions a { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 56px; padding: 0 18px; border: 1px solid var(--dk-gold); background: rgba(2, 5, 8, .72); font-size: 9px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.dkxsr-actions a.is-primary { border-color: var(--dk-aqua); background: var(--dk-aqua); color: #020508 !important; }

/* Preview navigation stays in normal document flow so it cannot cover content. */
.dkxsr-switcher { position: relative; z-index: 10; width: min(760px, calc(100% - 40px)); margin: 56px auto 0; padding: 10px; border: 1px solid rgba(67, 186, 255, .55); background: #03080d; }
.dkxsr-switcher > p { display: flex; justify-content: space-between; gap: 20px; margin: 0 2px 8px; color: var(--dk-muted) !important; font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.dkxsr-switcher > p span { color: var(--dk-blue) !important; }
.dkxsr-switcher > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.dkxsr-switcher a { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(142, 165, 181, .22); color: #cbd9e2 !important; font-size: 8px; font-weight: 850; letter-spacing: .05em; line-height: 1.3; text-transform: uppercase; }
.dkxsr-switcher a span { display: grid; place-items: center; width: 21px; height: 21px; flex: 0 0 auto; border: 1px solid currentColor; color: var(--dk-blue) !important; }
.dkxsr-switcher a.is-active { border-color: var(--dk-blue); background: var(--dk-blue); color: #020508 !important; }
.dkxsr-switcher a.is-active span { color: #020508 !important; }

@media (max-width: 1100px) {
	.dkxsr-shell { width: min(960px, calc(100% - 48px)); }
	.dkxsr-family-head,
	.dkxsr--chapters .dkxsr-family:nth-child(even) .dkxsr-family-head { grid-template-columns: 1fr; gap: 25px; }
	.dkxsr--chapters .dkxsr-family:nth-child(even) .dkxsr-family-head > div { order: 1; text-align: left; }
	.dkxsr--chapters .dkxsr-family:nth-child(even) .dkxsr-family-tagline { order: 2; padding: 0 0 0 20px; border-right: 0; border-left: 4px solid var(--accent); }
	.dkxsr-package-grid { grid-template-columns: 1fr; }
	.dkxsr-package { height: auto; }
	.dkxsr--matrix .dkxsr-package {
		grid-template-columns: minmax(180px, .55fr) minmax(0, 1fr);
		grid-template-rows: repeat(4, auto);
		grid-template-areas:
			"head price"
			"description description"
			"features features"
			"action action";
		row-gap: 18px;
	}
	.dkxsr--matrix .dkxsr-package ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dkxsr--vault .dkxsr-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
	.dkxsr { padding-bottom: 56px; }
	.dkxsr-shell { width: min(720px, calc(100% - 34px)); }
	.dkxsr-hero { min-height: 0; padding: 118px 0 68px; }
	.dkxsr-hero h1 { font-size: clamp(46px, 13vw, 78px); }
	.dkxsr-family-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dkxsr-analytics-head { grid-template-columns: 1fr; gap: 20px; }
	.dkxsr-analytics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dkxsr-family { padding: 72px 0; }
	.dkxsr-family-head { margin-bottom: 36px; }
	.dkxsr-family-head h2 { font-size: clamp(46px, 11.5vw, 72px); }
	.dkxsr--vault .dkxsr-package-grid { grid-template-columns: 1fr; }
	.dkxsr--vault .dkxsr-package.is-featured { grid-column: auto; }
	.dkxsr--vault .dkxsr-package.is-featured ul { grid-template-columns: 1fr; }
	.dkxsr-custom-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
	.dkxsr-shell { width: calc(100% - 24px); }
	.dkxsr-hero { padding: 102px 0 54px; }
	.dkxsr-hero h1 { margin-bottom: 20px; font-size: clamp(40px, 14vw, 62px); }
	.dkxsr-hero-copy { margin-bottom: 27px !important; font-size: 15px; }
	.dkxsr-family-nav { grid-template-columns: 1fr; }
	.dkxsr-family-nav a { min-height: 58px; }
	.dkxsr-analytics { padding: 64px 0; }
	.dkxsr-analytics-head { margin-bottom: 30px; }
	.dkxsr-analytics-head h2 { font-size: clamp(41px, 13vw, 60px); }
	.dkxsr-analytics-grid { grid-template-columns: 1fr; }
	.dkxsr-stat { min-height: 232px; padding: 25px 20px; }
	.dkxsr-stat-index { top: 19px; left: 20px; }
	.dkxsr-stat-value { font-size: clamp(45px, 16vw, 64px); }
	.dkxsr-analytics-source { justify-content: flex-start; font-size: 7px; }
	.dkxsr-family { padding: 58px 0; }
	.dkxsr-family-head { gap: 20px; margin-bottom: 28px; }
	.dkxsr-family-head h2 { font-size: clamp(41px, 13vw, 60px); }
	.dkxsr-family-tagline { font-size: 16px; }
	.dkxsr-package { padding: 25px 20px 22px; }
	.dkxsr-package > header { padding-top: 18px; margin-bottom: 17px; }
	.dkxsr-package > header span { font-size: 42px; }
	.dkxsr-package h3 { font-size: clamp(30px, 10vw, 38px); }
	.dkxsr-price strong { font-size: clamp(32px, 11vw, 40px); }
	.dkxsr-description { min-height: 0; }
	.dkxsr--matrix .dkxsr-package { display: flex; flex-direction: column; align-items: stretch; gap: 17px; }
	.dkxsr--matrix .dkxsr-package > :is(header, .dkxsr-price, .dkxsr-description, ul, a) { width: 100%; }
	.dkxsr--matrix .dkxsr-package ul { grid-template-columns: 1fr; }
	.dkxsr-custom h2 { font-size: clamp(42px, 13vw, 60px); }
	.dkxsr-switcher { width: calc(100% - 20px); margin-top: 36px; }
	.dkxsr-switcher > p { display: block; line-height: 1.5; }
	.dkxsr-switcher > p span { display: block; margin-bottom: 3px; }
	.dkxsr-switcher a { justify-content: center; padding: 9px 5px; font-size: 0; }
	.dkxsr-switcher a span { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
	.dkxsr *,
	.dkxsr *::before,
	.dkxsr *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Source: assets/css/commercial-v1173.css */
body .dk-commercial-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#02070d!important;overflow:hidden}
body .dk-commercial-page .dk-commercial-lead{width:min(1180px,88vw)!important;max-width:1180px!important;margin:0 auto!important;padding:100px 0!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:70px!important;align-items:end!important}
body .dk-commercial-lead h2{margin:0!important;color:#fff!important;font-size:clamp(48px,6vw,84px)!important;line-height:.94!important;text-transform:uppercase!important;letter-spacing:-.045em!important;font-weight:800!important} body .dk-commercial-lead h2 em,body .dk-proof-panel h2 em,body .dk-rate-preview h2 em{display:block!important;color:#38b2ff!important;font-style:normal!important} body .dk-commercial-lead>p{margin:0!important;color:#b6c6d3!important;font-size:20px!important;line-height:1.75!important}
body .dk-stat-band{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid rgba(111,195,255,.22)!important;border-bottom:1px solid rgba(111,195,255,.22)!important;background:linear-gradient(90deg,#04111d,#0a3d64 50%,#04111d)!important} body .dk-stat-band article{display:block!important;padding:48px 24px!important;text-align:center!important;border-right:1px solid rgba(111,195,255,.18)!important} body .dk-stat-band article:last-child{border-right:0!important} body .dk-stat-band strong{display:block!important;color:#fff!important;font-size:clamp(44px,5vw,76px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.05em!important;text-shadow:0 0 22px rgba(57,180,255,.28)!important} body .dk-stat-band span{display:block!important;margin-top:12px!important;color:#8bd2ff!important;font-size:10px!important;line-height:1.4!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body .dk-commercial-sections{display:block!important;width:100%!important} body .dk-commercial-section{position:relative!important;width:100%!important;max-width:none!important;min-height:610px!important;margin:0!important;display:grid!important;grid-template-columns:150px minmax(0,720px) 1fr!important;gap:38px!important;align-items:center!important;padding:90px max(6vw,calc((100vw - 1240px)/2))!important;overflow:hidden!important;isolation:isolate!important} body .dk-commercial-section.is-dark{background:radial-gradient(circle at 82% 45%,rgba(25,128,202,.22),transparent 31%),linear-gradient(135deg,#02070d,#061624)!important} body .dk-commercial-section.is-blue{background:radial-gradient(circle at 16% 20%,rgba(70,190,255,.26),transparent 30%),linear-gradient(135deg,#05233b,#0c5585 62%,#07131f)!important}
body .dk-section-number{
display:block!important;
align-self:center!important;
padding:0!important;
color:#02070d!important;
font-family:Arial Black,Arial,Helvetica,sans-serif!important;
font-size:clamp(76px,7.2vw,112px)!important;
font-weight:900!important;
line-height:.82!important;
letter-spacing:-.075em!important;
-webkit-text-stroke:1.8px #58bdff!important;
paint-order:stroke fill!important;
text-shadow:
0 0 3px #d9f3ff,
0 0 7px #58bdff,
0 0 14px #168cff,
0 0 25px rgba(22,140,255,.88),
0 0 42px rgba(22,140,255,.55)!important;
filter:drop-shadow(0 0 4px rgba(75,188,255,.55))!important;
} body .dk-section-copy{position:relative!important;z-index:3!important} body .dk-section-copy .dk-kicker{margin:0 0 18px!important;color:#69c6ff!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase!important} body .dk-section-copy h2{max-width:780px!important;margin:0 0 26px!important;color:#fff!important;font-size:clamp(48px,6vw,86px)!important;line-height:.9!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:-.05em!important} body .dk-section-copy>p:not(.dk-kicker){max-width:690px!important;margin:0!important;color:#c8d5df!important;font-size:18px!important;line-height:1.8!important} body .dk-section-copy strong{display:block!important;max-width:690px!important;margin-top:32px!important;padding-top:22px!important;border-top:1px solid rgba(133,205,255,.3)!important;color:#9bd8ff!important;font-size:11px!important;line-height:1.75!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-shadow:none!important}
body .dk-section-art{display:block!important;position:absolute!important;right:-4vw!important;top:50%!important;width:min(42vw,540px)!important;aspect-ratio:1!important;transform:translateY(-50%)!important;opacity:.72!important;z-index:1!important} body .dk-section-art span,body .dk-section-art i,body .dk-section-art b{display:block!important;position:absolute!important;inset:0!important;border-radius:50%!important;border:1px solid rgba(99,195,255,.5)!important;box-shadow:0 0 55px rgba(28,150,226,.16)!important} body .dk-section-art i{inset:17%!important;border-style:dashed!important;animation:dkSpin 28s linear infinite!important} body .dk-section-art b{inset:37%!important;background:radial-gradient(circle,rgba(66,181,255,.2),transparent 68%)!important}
body .dk-proof-split{width:min(1180px,88vw)!important;max-width:1180px!important;margin:0 auto!important;padding:120px 0!important;display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:80px!important} body .dk-proof-panel h2{margin:0!important;color:#fff!important;font-size:clamp(46px,5vw,72px)!important;line-height:.95!important;text-transform:uppercase!important;letter-spacing:-.04em!important} body .dk-proof-panel>p:not(.dk-kicker){color:#aebdca!important;font-size:17px!important;line-height:1.8!important} body .dk-proof-points{display:grid!important;grid-template-columns:1fr 1fr!important;border-top:1px solid rgba(111,195,255,.18)!important;border-left:1px solid rgba(111,195,255,.18)!important} body .dk-proof-points article{display:block!important;padding:32px!important;border-right:1px solid rgba(111,195,255,.18)!important;border-bottom:1px solid rgba(111,195,255,.18)!important;background:linear-gradient(145deg,rgba(11,48,78,.35),rgba(3,10,18,.5))!important} body .dk-proof-points span{color:#52baff!important;font:700 10px monospace!important} body .dk-proof-points h3{margin:14px 0 10px!important;color:#fff!important;font-size:23px!important;text-transform:uppercase!important} body .dk-proof-points p{margin:0!important;color:#9fb1bf!important;line-height:1.65!important}
body .dk-rate-preview{width:100%!important;display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:80px!important;align-items:center!important;padding:100px max(6vw,calc((100vw - 1180px)/2))!important;background:radial-gradient(circle at 82% 50%,rgba(52,180,255,.2),transparent 25%),linear-gradient(135deg,#07121d,#0a3e63 52%,#07131f)!important;border-top:1px solid rgba(111,195,255,.2)!important;border-bottom:1px solid rgba(111,195,255,.2)!important} body .dk-rate-preview h2{margin:0!important;color:#fff!important;font-size:clamp(48px,6vw,80px)!important;line-height:.94!important;text-transform:uppercase!important;letter-spacing:-.04em!important} body .dk-rate-preview>div>p:not(.dk-kicker){max-width:700px!important;color:#b5c5d1!important;line-height:1.75!important} body .dk-rate-preview-card{display:block!important;padding:45px!important;border:1px solid rgba(114,205,255,.38)!important;background:rgba(4,13,22,.68)!important;box-shadow:0 0 65px rgba(33,154,229,.18)!important} body .dk-rate-preview-card span{color:#65c2ff!important;font:700 10px monospace!important;letter-spacing:.18em!important} body .dk-rate-preview-card strong{display:block!important;margin:18px 0!important;color:#fff!important;font-size:40px!important;text-transform:uppercase!important;text-shadow:none!important} body .dk-rate-preview-card p{color:#a9bdcb!important;line-height:1.7!important} body .dk-commercial-page .dk-commercial-cta{width:min(1180px,88vw)!important;max-width:1180px!important;margin:110px auto 130px!important}
@media(max-width:900px){body .dk-commercial-page .dk-commercial-lead,body .dk-proof-split,body .dk-rate-preview{grid-template-columns:1fr!important;gap:34px!important}body .dk-stat-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .dk-stat-band article:nth-child(2){border-right:0!important}body .dk-stat-band article:nth-child(-n+2){border-bottom:1px solid rgba(111,195,255,.18)!important}body .dk-commercial-section{grid-template-columns:1fr!important;min-height:520px!important;padding:65px 7vw!important}body .dk-section-number{padding:0!important}body .dk-section-copy h2{font-size:clamp(42px,10vw,68px)!important}body .dk-section-art{right:-32vw!important;width:82vw!important;opacity:.28!important}body .dk-proof-points{grid-template-columns:1fr!important}}
@media(max-width:560px){body .dk-commercial-page .dk-commercial-lead{padding:72px 0!important}body .dk-commercial-lead h2{font-size:clamp(38px,10vw,54px)!important}body .dk-commercial-lead>p{font-size:16px!important}body .dk-stat-band article{padding:28px 10px!important}body .dk-stat-band strong{font-size:42px!important}body .dk-stat-band span{font-size:8px!important;padding:0 5px!important}body .dk-commercial-section{min-height:560px!important;padding:64px 7vw!important}body .dk-section-copy h2{font-size:clamp(39px,11.5vw,56px)!important}body .dk-section-copy>p:not(.dk-kicker){font-size:16px!important}body .dk-section-copy strong{font-size:10px!important}body .dk-proof-split{padding:78px 0!important}body .dk-proof-points article{padding:25px!important}body .dk-rate-preview{padding:75px 7vw!important}body .dk-rate-preview-card{padding:30px!important}body .dk-commercial-page .dk-commercial-cta{margin:80px auto 100px!important}}

/* v1.17.2 — mobile spacing and hero rhythm refinements */
@media(max-width:900px){
  body .dk-commercial-hero{
    min-height:0!important;
    align-items:flex-start!important;
    padding:205px 7vw 62px!important;
    box-sizing:border-box!important;
  }
  body .dk-commercial-copy{max-width:100%!important}
  body .dk-commercial-copy h1{font-size:clamp(42px,11.5vw,62px)!important;line-height:.94!important}
  body .dk-commercial-copy>p:last-child{margin-top:24px!important;line-height:1.58!important}
  body .dk-commercial-page .dk-commercial-lead{padding:48px 0 58px!important;gap:26px!important}
  body .dk-commercial-lead h2{line-height:.92!important}
  body .dk-commercial-lead>p{line-height:1.62!important}
  body .dk-stat-band article{min-width:0!important}
  body .dk-commercial-section{padding-top:58px!important;padding-bottom:58px!important}
  body .dk-section-copy .dk-kicker{margin-bottom:14px!important}
  body .dk-section-copy h2{margin-bottom:20px!important}
  body .dk-section-copy>p:not(.dk-kicker){line-height:1.65!important}
  body .dk-section-copy strong{margin-top:25px!important;padding-top:18px!important}
}
@media(max-width:560px){
  body .dk-commercial-hero{padding:185px 7vw 52px!important}
  body .dk-commercial-copy h1{font-size:clamp(39px,10.8vw,54px)!important;line-height:.94!important}
  body .dk-commercial-copy>p:last-child{font-size:15px!important;line-height:1.55!important}
  body .dk-commercial-page .dk-commercial-lead{padding:42px 0 50px!important;gap:22px!important}
  body .dk-commercial-lead .dk-kicker{margin-bottom:18px!important}
  body .dk-commercial-lead h2{font-size:clamp(37px,9.8vw,50px)!important;line-height:.91!important}
  body .dk-commercial-lead>p{font-size:16px!important;line-height:1.58!important}
  body .dk-stat-band article{padding:25px 8px!important}
  body .dk-stat-band strong{font-size:39px!important}
  body .dk-stat-band span{font-size:7.5px!important;line-height:1.45!important}
  body .dk-commercial-section{min-height:0!important;padding:54px 7vw!important}
  body .dk-section-copy h2{font-size:clamp(37px,10.8vw,52px)!important;line-height:.94!important;margin-bottom:18px!important}
  body .dk-section-copy>p:not(.dk-kicker){font-size:15.5px!important;line-height:1.62!important}
  body .dk-section-copy strong{margin-top:22px!important;padding-top:16px!important}
  body .dk-proof-split{padding:65px 0!important}
  body .dk-rate-preview{padding:62px 7vw!important}
}

/* Competitions / Giveaways — prevent mobile title overflow and improve header clearance */
@media(max-width:900px){
  body .dk-giveaways-hero{
    min-height:0!important;
    align-items:flex-start!important;
    padding:205px 24px 72px!important;
    box-sizing:border-box!important;
  }
  body .dk-giveaways-hero-copy{width:100%!important;max-width:100%!important;min-width:0!important}
  body .dk-giveaways-hero h1{max-width:100%!important;font-size:clamp(42px,10.7vw,58px)!important;line-height:.91!important;letter-spacing:-.045em!important;overflow-wrap:anywhere!important}
  body .dk-giveaways-hero h1 em{max-width:100%!important}
  body .dk-giveaways-hero-copy>p:last-of-type{margin:24px 0 28px!important;font-size:16px!important;line-height:1.58!important}
  body .dk-giveaways-hero .dk-button{margin-top:0!important}
}
@media(max-width:560px){
  body .dk-giveaways-hero{padding:185px 24px 58px!important}
  body .dk-giveaways-hero h1{font-size:clamp(37px,10.1vw,48px)!important;line-height:.92!important}
  body .dk-giveaways-hero-copy>p:last-of-type{font-size:15px!important;line-height:1.55!important}
  body .dk-giveaways-page{padding-top:58px!important}
}


/* v1.17.3 — DK neon outline numbering system */
@media(max-width:900px){
  body .dk-commercial-section{
    grid-template-columns:1fr!important;
  }
  body .dk-section-number{
    align-self:start!important;
    width:max-content!important;
    margin:0 0 22px!important;
    font-size:clamp(62px,17vw,88px)!important;
    line-height:.78!important;
    -webkit-text-stroke:1.55px #5bc2ff!important;
    text-shadow:
      0 0 2px #e4f7ff,
      0 0 6px #58bdff,
      0 0 12px #148cff,
      0 0 22px rgba(20,140,255,.82),
      0 0 34px rgba(20,140,255,.48)!important;
  }
}
@media(max-width:560px){
  body .dk-section-number{
    margin-bottom:18px!important;
    font-size:clamp(58px,18vw,76px)!important;
    letter-spacing:-.085em!important;
  }
}

/* Subtle interactive neon pulse on pointer devices only. */
@media(hover:hover) and (pointer:fine){
  body .dk-commercial-section:hover .dk-section-number{
    text-shadow:
      0 0 3px #fff,
      0 0 8px #70caff,
      0 0 16px #168cff,
      0 0 30px rgba(22,140,255,.95),
      0 0 52px rgba(22,140,255,.68)!important;
    transition:text-shadow .28s ease!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body .dk-commercial-section:hover .dk-section-number{transition:none!important}
}

/* Source: assets/css/industries-options-v1229.css */
/* DK Expressions Industries — three design previews v1.23.1 */
.dkxip,
.dkxip * { box-sizing: border-box; }

.dkxip {
	--ink: #02070c;
	--panel: #07131c;
	--panel-2: #0a1d2a;
	--blue: #40b8ff;
	--aqua: #20d7c8;
	--gold: #ffc34f;
	--purple: #976dff;
	--red: #ff5364;
	--orange: #ff8a4c;
	--muted: #9db2c2;
	--line: rgba(64,184,255,.24);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: #fff;
	background: var(--ink);
	font-family: Arial, Helvetica, sans-serif;
}
.dkxip,
.dkxip * { text-shadow: none !important; animation: none !important; }

/* Keep the official header mark alive, as it is throughout the DK universe. */
body .dk-brand img {
	transform: none !important;
	transform-origin: 50% 50%;
	will-change: auto;
	animation: none !important;
}
.dkxip h1,
.dkxip h2,
.dkxip h3,
.dkxip p,
.dkxip ul { margin: 0; }
.dkxip h1,
.dkxip h2,
.dkxip h3 { color: #fff; font-family: "Arial Black", Arial, sans-serif; font-weight: 900; letter-spacing: -.065em; text-transform: uppercase; }
.dkxip em { color: var(--blue) !important; font: inherit; font-style: normal; }
.dkxip a { color: inherit; }
.dkxip-kicker { color: var(--blue) !important; font: 900 9px/1.2 Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.dkxip-kicker span { color: var(--gold) !important; }
.dkxip-services { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; padding: 0; }
.dkxip-services li { padding: 8px 10px; color: #d9e5ec; border: 1px solid color-mix(in srgb, var(--signal) 46%, transparent); background: color-mix(in srgb, var(--signal) 8%, #061019); font: 900 8px/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }

/* Shared conversion system. */
.dkxip-rates { width: min(1320px, calc(100% - 64px)); margin: 0 auto; padding: 150px 0; }
.dkxip-rates-intro { display: grid; grid-template-columns: .35fr 1.1fr .55fr; gap: 44px; align-items: end; padding-bottom: 55px; border-bottom: 4px solid var(--blue); }
.dkxip-rates-intro h2 { font-size: clamp(60px, 7.3vw, 106px); line-height: .79; }
.dkxip-rates-intro > p:last-child { color: var(--muted); font-size: 14px; line-height: 1.75; }
.dkxip-rate-deck { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 30px; }
.dkxip-rate-card { --rate: var(--blue); min-width: 0; padding: clamp(30px, 4vw, 58px); background: #07131c; border: 1px solid color-mix(in srgb, var(--rate) 48%, transparent); border-top: 7px solid var(--rate); }
.dkxip-rate-card.is-brand { --rate: var(--gold); }
.dkxip-rate-card.is-name { --rate: var(--purple); }
.dkxip-rate-card.is-media { --rate: var(--red); }
.dkxip-rate-card header > span { color: var(--rate); font: 900 9px/1 Arial, sans-serif; letter-spacing: .15em; }
.dkxip-rate-card h3 { margin-top: 24px; font-size: clamp(52px, 5.2vw, 78px); line-height: .78; }
.dkxip-rate-card header p { max-width: 480px; margin-top: 24px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.dkxip-rate-lines { margin-top: 38px; border-top: 1px solid var(--line); }
.dkxip-rate-lines > div { position: relative; min-height: 82px; display: grid; grid-template-columns: 1fr auto 38px; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); }
.dkxip-rate-lines span { color: #e6eef3; font: 900 10px/1 Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.dkxip-rate-lines strong { color: var(--rate); font: 900 clamp(21px, 2.2vw, 32px)/1 "Arial Black", Arial, sans-serif; letter-spacing: -.055em; text-transform: uppercase; }
.dkxip-rate-lines strong i { color: #8195a3; font: 800 9px/1 Arial, sans-serif; letter-spacing: .04em; }
.dkxip-rate-lines > div > a { width: 36px; height: 36px; display: grid; place-items: center; color: var(--ink); background: var(--rate); border: 1px solid var(--rate); text-decoration: none; font: 900 15px/1 Arial, sans-serif; }
.dkxip-rate-lines > div > a:hover { color: var(--rate); background: transparent; }
.dkxip-rate-lines .is-chosen { margin-inline: -18px; padding-inline: 18px; background: color-mix(in srgb, var(--rate) 11%, #061019); border: 1px solid var(--rate); }
.dkxip-rate-lines .is-chosen b { position: absolute; right: 14px; top: -8px; padding: 4px 7px; color: var(--ink); background: var(--rate); font: 900 7px/1 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.dkxip-deliverables { margin-top: 30px !important; color: #91a6b4; font-size: 11px; line-height: 1.8; }
.dkxip-deliverables b { color: var(--rate); font-weight: 900; }
.dkxip-custom-work { display: grid; grid-template-columns: 1fr 1.1fr .55fr; gap: 45px; align-items: center; margin-top: 16px; padding: 42px; background: #0a2531; border: 1px solid var(--aqua); }
.dkxip-custom-work > div:first-child span { color: var(--aqua); font: 900 8px/1 Arial, sans-serif; letter-spacing: .16em; }
.dkxip-custom-work h3 { margin-top: 15px; font-size: clamp(34px, 3.6vw, 54px); line-height: .82; }
.dkxip-custom-work > p { color: #bdd0da; font-size: 13px; line-height: 1.7; }
.dkxip-custom-work > div:last-child { display: grid; justify-items: end; text-align: right; }
.dkxip-custom-work > div:last-child b { color: var(--gold); font: 900 56px/.8 "Arial Black", Arial, sans-serif; letter-spacing: -.07em; }
.dkxip-custom-work > div:last-child span { margin-top: 12px; color: #fff; font: 900 8px/1 Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.dkxip-custom-work > div:last-child small { margin-top: 12px; color: #8295a2; font-size: 9px; }
.dkxip-rate-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.dkxip-rate-actions a { min-height: 58px; display: inline-flex; align-items: center; justify-content: space-between; gap: 36px; padding: 0 22px; color: #fff; background: #06131d; border: 1px solid var(--line); text-decoration: none; font: 900 9px/1 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.dkxip-rate-actions a.is-primary { color: var(--ink); background: var(--blue); border-color: var(--blue); }
.dkxip-rate-actions a:hover { border-color: var(--aqua); transform: translateY(-3px); }
.dkxip-final { min-height: 720px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 120px max(30px, calc((100vw - 1200px)/2)) 190px; text-align: center; background: linear-gradient(135deg, #071827 0 58%, #151027 58%); border-top: 1px solid var(--line); }
.dkxip-final > span { color: var(--gold); font: 900 9px/1 Arial, sans-serif; letter-spacing: .17em; }
.dkxip-final h2 { max-width: 1100px; margin-top: 30px; font-size: clamp(64px, 9vw, 130px); line-height: .76; }
.dkxip-final p { max-width: 690px; margin-top: 34px; color: #aebec8; font-size: 15px; line-height: 1.8; }
.dkxip-final a { min-width: 270px; min-height: 68px; display: inline-flex; align-items: center; justify-content: space-between; margin-top: 42px; padding: 0 24px; color: var(--ink); background: var(--blue); text-decoration: none; font: 900 10px/1 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; }

/* Option 01 — Signal Atlas. */
.dkxip-atlas-hero { position: relative; width: min(1480px, calc(100% - 44px)); min-height: 900px; display: grid; grid-template-columns: 1fr 360px; grid-template-rows: auto 1fr; gap: 70px; align-items: center; margin: 24px auto 0; padding: 72px clamp(34px, 7vw, 100px) 105px; background: linear-gradient(130deg, #071620 0 68%, #10213b 68%); border: 1px solid var(--line); border-top: 5px solid var(--blue); overflow: hidden; }
.dkxip-atlas-code { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid var(--line); color: #7e96a6; font: 900 8px/1 Arial, sans-serif; letter-spacing: .16em; }
.dkxip-atlas-code strong { color: var(--gold); }
.dkxip-atlas-code i { color: var(--aqua); font-style: normal; }
.dkxip-atlas-title { align-self: center; }
.dkxip-atlas-title > small { display: block; margin-top: 34px; color: var(--aqua); font: 900 11px/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.dkxip-atlas-title h1 { max-width: 1100px; margin-top: 28px; font-size: clamp(74px, 9vw, 142px); line-height: .75; }
.dkxip-atlas-title > p:last-child { max-width: 680px; margin-top: 38px; color: #c2d0d8; font-size: clamp(17px, 1.5vw, 22px); font-weight: 700; line-height: 1.55; }
.dkxip-atlas-compass { position: relative; width: 330px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--blue); border-radius: 50%; }
.dkxip-atlas-compass::before,
.dkxip-atlas-compass::after { content: ""; position: absolute; background: var(--line); }
.dkxip-atlas-compass::before { width: 1px; height: 120%; }
.dkxip-atlas-compass::after { width: 120%; height: 1px; }
.dkxip-atlas-compass span { position: absolute; top: 18px; color: var(--gold); font: 900 10px/1 Arial, sans-serif; }
.dkxip-atlas-compass i { width: 145px; aspect-ratio: 1; display: grid; place-items: center; color: var(--ink); background: var(--blue); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); font: 900 44px/1 "Arial Black", Arial, sans-serif; font-style: normal; }
.dkxip-atlas-compass b { position: absolute; right: 22px; bottom: 50px; color: var(--purple); font-size: 46px; }
.dkxip-atlas-map { width: min(1360px, calc(100% - 64px)); display: grid; grid-template-columns: 230px 1fr; gap: 70px; align-items: start; margin: 0 auto; padding: 150px 0; }
.dkxip-atlas-map > aside { position: sticky; top: 115px; border-top: 4px solid var(--blue); }
.dkxip-atlas-map > aside > p { padding: 22px 0; color: #8095a4; font: 900 8px/1 Arial, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.dkxip-atlas-map > aside a { min-height: 58px; display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; color: #9eafb9; border-top: 1px solid var(--line); text-decoration: none; font: 900 7px/1.25 Arial, sans-serif; letter-spacing: .09em; }
.dkxip-atlas-map > aside a span { color: var(--signal); font-size: 11px; }
.dkxip-atlas-map > aside a:hover { color: #fff; padding-left: 8px; }
.dkxip-atlas-chapters { border-top: 1px solid var(--line); }
.dkxip-atlas-chapters article { display: grid; grid-template-columns: .38fr 1fr; min-height: 620px; padding: clamp(38px, 5.5vw, 82px); background: linear-gradient(130deg, color-mix(in srgb, var(--signal) 8%, #07131c) 0 35%, #061019 35%); border-bottom: 1px solid var(--line); border-left: 5px solid var(--signal); }
.dkxip-atlas-number { display: flex; flex-direction: column; justify-content: space-between; }
.dkxip-atlas-number span { color: var(--signal); font: 900 clamp(100px, 13vw, 180px)/.72 "Arial Black", Arial, sans-serif; letter-spacing: -.12em; }
.dkxip-atlas-number small { color: #708794; font: 900 8px/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.dkxip-atlas-copy { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; }
.dkxip-atlas-copy > p { color: var(--signal); font: 900 8px/1 Arial, sans-serif; letter-spacing: .16em; }
.dkxip-atlas-copy h2 { max-width: 780px; margin-top: 24px; font-size: clamp(50px, 6vw, 88px); line-height: .8; }
.dkxip-atlas-copy h3 { max-width: 720px; margin-top: 28px; color: var(--signal); font-family: Arial, sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: -.03em; text-transform: none; }
.dkxip-atlas-copy > div { display: grid; grid-template-columns: 1fr .85fr; gap: 38px; align-items: end; margin-top: 36px; padding-top: 30px; border-top: 1px solid color-mix(in srgb, var(--signal) 35%, transparent); }
.dkxip-atlas-copy > div > p { color: #9eb0bc; font-size: 13px; line-height: 1.75; }

/* Option 02 — Spectrum Broadcast. */
.dkxip--broadcast { background: #06090e; }
.dkxip-broadcast-hero { position: relative; min-height: 930px; display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: auto 1fr; padding: 34px max(30px, calc((100vw - 1420px)/2)) 90px; background: linear-gradient(90deg, #061a28 0 62%, #171025 62%); overflow: hidden; }
.dkxip-broadcast-mast { grid-column: 1 / -1; display: flex; justify-content: space-between; padding: 24px 0; border-top: 5px solid var(--blue); border-bottom: 1px solid rgba(255,255,255,.2); color: #9db0bd; font: 900 9px/1 Arial, sans-serif; letter-spacing: .16em; }
.dkxip-broadcast-mast b { color: var(--gold); }
.dkxip-broadcast-title { align-self: center; position: relative; z-index: 2; }
.dkxip-broadcast-title > small { display: block; margin-top: 36px; color: var(--aqua); font: 900 11px/1 Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.dkxip-broadcast-title h1 { margin-top: 26px; font-size: clamp(84px, 10.2vw, 160px); line-height: .72; }
.dkxip-broadcast-note { align-self: end; position: relative; z-index: 2; margin-bottom: 40px; padding: 34px; background: var(--gold); color: var(--ink); }
.dkxip-broadcast-note b { display: block; font: 900 26px/1.05 "Arial Black", Arial, sans-serif; letter-spacing: -.05em; text-transform: uppercase; }
.dkxip-broadcast-note p { margin-top: 20px; font-size: 13px; font-weight: 700; line-height: 1.65; }
.dkxip-broadcast-note span { display: block; margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(2,7,12,.35); font: 900 8px/1 Arial, sans-serif; letter-spacing: .14em; }
.dkxip-broadcast-word { position: absolute; right: -22px; top: 120px; color: rgba(255,255,255,.035); font: 900 235px/.72 "Arial Black", Arial, sans-serif; letter-spacing: -.12em; writing-mode: vertical-rl; }
.dkxip-broadcast-board { width: min(1420px, calc(100% - 48px)); margin: 0 auto; padding: 130px 0; }
.dkxip-broadcast-board > header { display: flex; justify-content: space-between; gap: 30px; padding: 0 0 25px; border-bottom: 4px solid var(--blue); color: #8398a6; font: 900 9px/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.dkxip-broadcast-board > header p { color: var(--blue); }
.dkxip-broadcast-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; gap: 12px; margin-top: 12px; }
.dkxip-broadcast-grid article { position: relative; min-height: 530px; display: flex; flex-direction: column; padding: clamp(28px, 3.6vw, 54px); background: linear-gradient(145deg, color-mix(in srgb, var(--signal) 17%, #08121a), #050a0e 72%); border: 1px solid color-mix(in srgb, var(--signal) 55%, transparent); border-top: 8px solid var(--signal); overflow: hidden; }
.dkxip-broadcast-grid .is-card-1 { grid-column: span 7; }
.dkxip-broadcast-grid .is-card-2 { grid-column: span 5; }
.dkxip-broadcast-grid .is-card-3 { grid-column: span 5; }
.dkxip-broadcast-grid .is-card-4 { grid-column: span 7; }
.dkxip-broadcast-grid .is-card-5 { grid-column: span 4; }
.dkxip-broadcast-grid .is-card-6 { grid-column: span 8; }
.dkxip-broadcast-grid .is-card-7 { grid-column: span 7; }
.dkxip-broadcast-grid .is-card-8 { grid-column: span 5; }
.dkxip-broadcast-id { display: flex; justify-content: space-between; align-items: start; gap: 20px; }
.dkxip-broadcast-id span { color: var(--signal); font: 900 clamp(68px, 7vw, 110px)/.7 "Arial Black", Arial, sans-serif; letter-spacing: -.12em; }
.dkxip-broadcast-id small { padding: 8px 10px; color: var(--ink); background: var(--signal); font: 900 7px/1 Arial, sans-serif; letter-spacing: .12em; }
.dkxip-broadcast-grid h2 { max-width: 760px; margin-top: auto; padding-top: 70px; font-size: clamp(46px, 5vw, 76px); line-height: .79; }
.dkxip-broadcast-grid h3 { max-width: 660px; margin-top: 24px; color: var(--signal); font-family: Arial, sans-serif; font-size: 18px; line-height: 1.25; letter-spacing: -.02em; text-transform: none; }
.dkxip-broadcast-grid article > p { max-width: 720px; margin-top: 22px; color: #9fb0bb; font-size: 12px; line-height: 1.7; }
.dkxip-broadcast-grid .dkxip-services { margin-top: 28px; padding-top: 24px; border-top: 1px solid color-mix(in srgb, var(--signal) 33%, transparent); }
.dkxip--broadcast .dkxip-rates { width: 100%; padding: 140px max(32px, calc((100vw - 1320px)/2)); background: #ede9df; color: var(--ink); }
.dkxip--broadcast .dkxip-rates-intro { border-color: var(--ink); }
.dkxip--broadcast .dkxip-rates-intro h2 { color: var(--ink); }
.dkxip--broadcast .dkxip-rates-intro > p:last-child { color: #43505a; }
.dkxip--broadcast .dkxip-rate-card { background: #07131c; }
.dkxip--broadcast .dkxip-custom-work { background: #0a2531; }

/* Option 03 — Infinity Switchboard. */
.dkxip--switchboard { background: #03080d; }
.dkxip-switch-hero { position: relative; width: min(1500px, calc(100% - 40px)); min-height: 930px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px) minmax(190px, 230px); grid-template-rows: auto 1fr; column-gap: clamp(28px, 4.5vw, 70px); row-gap: 56px; align-items: center; margin: 22px auto 0; padding: 70px clamp(30px, 6vw, 90px) 95px; background: #07131c; border: 1px solid var(--line); overflow: hidden; }
.dkxip-switch-topline { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid var(--line); color: var(--blue); font: 900 8px/1 Arial, sans-serif; letter-spacing: .15em; }
.dkxip-switch-topline b { color: var(--aqua); }
.dkxip-switch-copy > small { display: block; margin-top: 36px; color: var(--gold); font: 900 10px/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.dkxip-switch-copy { min-width: 0; }
.dkxip-switch-copy h1 { margin-top: 26px; font-size: clamp(70px, 8.1vw, 128px); line-height: .74; }
.dkxip-switch-copy > p:last-child { max-width: 640px; margin-top: 34px; color: #b1c0ca; font-size: 16px; line-height: 1.7; }
.dkxip-switch-core { position: relative; width: min(100%, 400px); aspect-ratio: 1; display: grid; place-items: center; justify-self: center; border: 2px solid var(--blue); border-radius: 50%; }
.dkxip-switch-core::before,
.dkxip-switch-core::after { content: ""; position: absolute; inset: 12%; border: 1px dashed var(--purple); border-radius: 50%; transform: rotate(24deg); }
.dkxip-switch-core::after { inset: 28%; border: 1px solid var(--aqua); transform: rotate(-24deg); }
.dkxip--switchboard .dkxip-switch-core::before { animation: dkxipCoreOrbit 18s linear infinite !important; }
.dkxip--switchboard .dkxip-switch-core::after { animation: dkxipCoreOrbitReverse 25s linear infinite !important; }
.dkxip--switchboard .dkxip-switch-core span img { animation: dkxipCoreLogoMove 5.4s ease-in-out infinite !important; }
@keyframes dkxipCoreOrbit { to { transform: rotate(384deg); } }
@keyframes dkxipCoreOrbitReverse { to { transform: rotate(-384deg); } }
@keyframes dkxipCoreLogoMove {
	0%, 100% { transform: translateY(-3px) scale(1); }
	50% { transform: translateY(3px) scale(1.04); }
}
.dkxip-switch-core i { position: absolute; width: 100%; height: 1px; background: var(--line); transform: rotate(45deg); }
.dkxip-switch-core i:nth-child(2) { transform: rotate(-45deg); }
.dkxip-switch-core span { position: relative; z-index: 2; width: 164px; aspect-ratio: 1; display: grid; place-items: center; padding: 24px; background: #02070c; border: 4px solid var(--blue); border-radius: 50%; }
.dkxip-switch-core span img { display: block; width: 100%; height: auto; max-height: 92px; object-fit: contain; }
.dkxip-switch-core b { position: absolute; right: 34px; bottom: 62px; color: var(--gold); font-size: 52px; }
.dkxip-switch-core small { position: absolute; left: 26px; top: 76px; color: var(--aqua); font: 900 7px/1.4 Arial, sans-serif; letter-spacing: .14em; }
.dkxip-switch-readout { align-self: stretch; display: grid; align-content: center; border-left: 1px solid var(--line); }
.dkxip-switch-readout span,
.dkxip-switch-readout b { display: block; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.dkxip-switch-readout span { color: #718895; font: 900 7px/1 Arial, sans-serif; letter-spacing: .15em; }
.dkxip-switch-readout b { color: var(--gold); font: 900 17px/1 "Arial Black", Arial, sans-serif; letter-spacing: -.03em; }
.dkxip-switch-stage { width: min(1380px, calc(100% - 64px)); margin: 0 auto; padding: 140px 0 120px; }
.dkxip-switch-stage > header { display: grid; grid-template-columns: .35fr 1fr; gap: 50px; align-items: end; padding-bottom: 55px; border-bottom: 5px solid var(--blue); }
.dkxip-switch-stage > header h2 { font-size: clamp(60px, 7.6vw, 110px); line-height: .78; }
.dkxip-switch-network { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 170px; align-items: stretch; padding: 82px 0 30px; }
.dkxip-switch-spine { position: absolute; left: 50%; top: 0; bottom: 0; width: 78px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; transform: translateX(-50%); padding: 20px 0; color: var(--ink); background: var(--blue); }
.dkxip-switch-spine::before { content: ""; position: absolute; left: 50%; top: 70px; bottom: 70px; width: 2px; transform: translateX(-50%); background: var(--ink); }
.dkxip-switch-spine span,
.dkxip-switch-spine b { position: relative; z-index: 2; font: 900 18px/1 "Arial Black", Arial, sans-serif; }
.dkxip-switch-spine span { width: 58px; min-height: 58px; display: grid; place-items: center; padding: 8px; background: var(--ink); }
.dkxip-switch-spine span img { display: block; width: 100%; height: auto; max-height: 42px; object-fit: contain; }
.dkxip-switch-spine i { position: relative; z-index: 2; width: 18px; aspect-ratio: 1; background: var(--gold); border: 4px solid var(--ink); border-radius: 50%; }
.dkxip-switch-network article { position: relative; min-width: 0; display: grid; grid-template-columns: 82px 1fr; background: #07131c; border: 1px solid color-mix(in srgb, var(--signal) 52%, transparent); }
.dkxip-switch-network article::after { content: ""; position: absolute; top: 54px; width: 86px; height: 2px; background: var(--signal); }
.dkxip-switch-network article.is-left { grid-column: 1; }
.dkxip-switch-network article.is-right { grid-column: 2; }
.dkxip-switch-network article.is-left::after { right: -86px; }
.dkxip-switch-network article.is-right::after { left: -86px; }
.dkxip-switch-port { display: flex; flex-direction: column; align-items: center; padding: 22px 12px; background: color-mix(in srgb, var(--signal) 16%, #061019); border-right: 1px solid var(--signal); }
.dkxip-switch-port span { color: var(--signal); font: 900 37px/.8 "Arial Black", Arial, sans-serif; letter-spacing: -.08em; }
.dkxip-switch-port i { width: 17px; aspect-ratio: 1; margin-top: auto; background: var(--signal); border: 4px solid #07131c; border-radius: 50%; }
.dkxip-switch-port small { margin-top: 12px; color: var(--signal); font: 900 6px/1 Arial, sans-serif; letter-spacing: .12em; }
.dkxip-switch-panel { min-width: 0; padding: 34px; }
.dkxip-switch-panel > span { color: var(--signal); font: 900 7px/1 Arial, sans-serif; letter-spacing: .15em; }
.dkxip-switch-panel h2 { margin-top: 22px; font-size: clamp(38px, 3.7vw, 58px); line-height: .94; letter-spacing: -.035em; text-wrap: balance; overflow-wrap: normal; word-break: normal; }
.dkxip-switch-panel h3 { margin-top: 22px; color: var(--signal); font-family: Arial, sans-serif; font-size: 16px; line-height: 1.3; letter-spacing: -.02em; text-transform: none; }
.dkxip-switch-panel > p { margin-top: 20px; color: #91a5b2; font-size: 12px; line-height: 1.7; }
.dkxip-switch-panel .dkxip-services { margin-top: 26px; padding-top: 22px; border-top: 1px solid color-mix(in srgb, var(--signal) 32%, transparent); }
.dkxip-switch-publishing { width: min(1380px, calc(100% - 64px)); margin: 0 auto; padding: 120px 0 135px; border-top: 1px solid var(--line); }
.dkxip-switch-publishing > header { display: grid; grid-template-columns: .35fr 1fr .56fr; gap: 48px; align-items: end; padding-bottom: 54px; border-bottom: 5px solid var(--aqua); }
.dkxip-switch-publishing > header h2 { font-size: clamp(58px, 7.2vw, 104px); line-height: .79; }
.dkxip-switch-publishing > header > p:last-child { color: var(--muted); font-size: 14px; line-height: 1.75; }
.dkxip-switch-publishing > div { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
.dkxip-switch-publishing article { --channel: var(--blue); min-width: 0; padding: clamp(34px, 5vw, 68px); background: linear-gradient(145deg, color-mix(in srgb, var(--channel) 14%, #07131c), #061019 72%); border: 1px solid color-mix(in srgb, var(--channel) 58%, transparent); border-top: 8px solid var(--channel); }
.dkxip-switch-publishing article.is-publishing { --channel: var(--purple); }
.dkxip-switch-publishing article > span { color: var(--channel); font: 900 8px/1 Arial, sans-serif; letter-spacing: .15em; }
.dkxip-switch-publishing h3 { margin-top: 30px; font-size: clamp(50px, 5.5vw, 82px); line-height: .78; }
.dkxip-switch-publishing article > p { max-width: 590px; margin-top: 28px; color: #a9bbc6; font-size: 14px; line-height: 1.75; }
.dkxip-switch-publishing ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0; list-style: none; margin-top: 36px; padding: 0; border-top: 1px solid color-mix(in srgb, var(--channel) 38%, transparent); }
.dkxip-switch-publishing li { padding: 16px 0; color: #e1e9ee; border-bottom: 1px solid color-mix(in srgb, var(--channel) 26%, transparent); font: 900 9px/1.25 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.dkxip-switch-publishing li:nth-child(odd) { padding-right: 16px; }
.dkxip-switch-publishing li:nth-child(even) { padding-left: 16px; border-left: 1px solid color-mix(in srgb, var(--channel) 26%, transparent); }
.dkxip-solution-vault { min-height: 0; padding-bottom: 0; border-top: 1px solid var(--line); }
.dkxip-vault-intro { display: grid; grid-template-columns: .35fr 1fr .62fr; gap: 46px; align-items: end; padding-top: clamp(92px, 9vw, 140px); padding-bottom: clamp(70px, 7vw, 104px); }
.dkxip-vault-intro h2 { font-size: clamp(58px, 7.4vw, 106px); line-height: .79; }
.dkxip-vault-intro > p:last-of-type { color: #a8bac5; font-size: 14px; line-height: 1.75; }
.dkxip-vault-intro > a { grid-column: 2 / -1; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 0 20px; color: var(--ink); background: var(--gold); text-decoration: none; font: 900 9px/1 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; }

/* Fixed comparison controller. */
.dkxip-switcher { position: fixed; z-index: 99999; left: 50%; bottom: 18px; width: min(900px, calc(100vw - 36px)); display: grid; grid-template-columns: 1fr repeat(3, auto); gap: 6px; transform: translateX(-50%); padding: 8px; color: #fff; background: rgba(2,7,12,.97); border: 1px solid rgba(64,184,255,.62); font-family: Arial, sans-serif; }
.dkxip-switcher > span { align-self: center; padding: 0 14px; color: #7290a2; font: 900 7px/1 Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.dkxip-switcher a { min-height: 42px; display: inline-flex; align-items: center; padding: 0 15px; color: #9db2c2; border: 1px solid rgba(255,255,255,.1); text-decoration: none; font: 900 8px/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.dkxip-switcher a:hover { color: #fff; border-color: var(--blue, #40b8ff); }
.dkxip-switcher a.is-active { color: #02070c; background: #40b8ff; border-color: #40b8ff; }

@media (max-width: 1120px) {
	.dkxip-atlas-hero { grid-template-columns: 1fr 260px; }
	.dkxip-atlas-compass { width: 250px; }
	.dkxip-atlas-map { grid-template-columns: 175px 1fr; gap: 35px; }
	.dkxip-atlas-chapters article { grid-template-columns: .3fr 1fr; }
	.dkxip-atlas-copy > div { grid-template-columns: 1fr; }
	.dkxip-switch-hero { grid-template-columns: 1fr 330px; }
	.dkxip-switch-core { width: 320px; }
	.dkxip-switch-readout { grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
	.dkxip-switch-network { gap: 20px 120px; }
	.dkxip-switch-network article::after { width: 61px; }
	.dkxip-switch-network article.is-left::after { right: -61px; }
	.dkxip-switch-network article.is-right::after { left: -61px; }
	.dkxip-switch-panel { padding: 28px; }
}

/* Industries hero spacing correction — keep the signal core clear of the headline. */
@media (min-width: 1321px) {
	.dkxip-switch-hero {
		grid-template-columns: minmax(0, 1.55fr) minmax(280px, 330px) minmax(170px, 200px);
		column-gap: clamp(38px, 3vw, 54px);
	}
	.dkxip-switch-copy { padding-right: 12px; }
	.dkxip-switch-copy h1 {
		max-width: 760px;
		font-size: clamp(72px, 6vw, 96px);
		line-height: .87;
		letter-spacing: -.052em;
	}
	.dkxip-switch-copy > p:last-child { margin-top: 40px; }
	.dkxip-switch-core {
		width: min(100%, 330px);
		justify-self: end;
		margin-left: 16px;
	}
	.dkxip-switch-readout { min-width: 0; }
}

@media (min-width: 1121px) and (max-width: 1320px) {
	.dkxip-switch-hero {
		grid-template-columns: minmax(0, 1fr) 280px;
		column-gap: 54px;
	}
	.dkxip-switch-copy h1 {
		font-size: clamp(66px, 6.7vw, 84px);
		line-height: .88;
		letter-spacing: -.05em;
	}
	.dkxip-switch-copy > p:last-child { margin-top: 38px; }
	.dkxip-switch-core { width: 280px; justify-self: end; }
	.dkxip-switch-readout {
		grid-column: 1 / -1;
		grid-template-columns: repeat(4, 1fr);
		border: 1px solid var(--line);
	}
}


@media (min-width: 821px) and (max-width: 1120px) {
	.dkxip-switch-hero {
		grid-template-columns: minmax(0, 1fr) 260px;
		column-gap: 46px;
	}
	.dkxip-switch-copy h1 {
		font-size: clamp(60px, 7vw, 76px);
		line-height: .9;
		letter-spacing: -.048em;
	}
	.dkxip-switch-copy > p:last-child { margin-top: 36px; }
	.dkxip-switch-core { width: 260px; justify-self: end; }
}

@media (max-width: 820px) {
	.dkxip-rates { width: min(100% - 36px, 680px); padding: 100px 0; }
	.dkxip-rates-intro { grid-template-columns: 1fr; gap: 24px; }
	.dkxip-rate-deck { grid-template-columns: 1fr; }
	.dkxip-custom-work { grid-template-columns: 1fr; gap: 30px; }
	.dkxip-custom-work > div:last-child { justify-items: start; text-align: left; }
	.dkxip-atlas-hero { width: calc(100% - 24px); min-height: 800px; grid-template-columns: 1fr; gap: 40px; padding: 50px 28px 70px; }
	.dkxip-atlas-title h1 { font-size: clamp(62px, 13vw, 100px); }
	.dkxip-atlas-compass { position: absolute; right: -80px; bottom: 50px; width: 250px; opacity: .32; }
	.dkxip-atlas-map { width: min(100% - 36px, 680px); grid-template-columns: 1fr; padding: 100px 0; }
	.dkxip-atlas-map > aside { position: static; display: grid; grid-template-columns: repeat(4, 1fr); }
	.dkxip-atlas-map > aside > p { grid-column: 1 / -1; }
	.dkxip-atlas-map > aside a { grid-template-columns: 1fr; align-content: center; padding: 10px; border-right: 1px solid var(--line); }
	.dkxip-atlas-chapters article { grid-template-columns: 1fr; min-height: 0; gap: 50px; }
	.dkxip-atlas-number { flex-direction: row; align-items: end; }
	.dkxip-atlas-number span { font-size: 100px; }
	.dkxip-broadcast-hero { min-height: 820px; grid-template-columns: 1fr; padding-inline: 28px; }
	.dkxip-broadcast-note { max-width: 460px; }
	.dkxip-broadcast-board { width: calc(100% - 28px); padding: 95px 0; }
	.dkxip-broadcast-grid article { grid-column: span 12 !important; min-height: 490px; }
	.dkxip--broadcast .dkxip-rates { width: 100%; padding: 100px 24px; }
	.dkxip-switch-hero { width: calc(100% - 24px); min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto; gap: 48px; padding: 50px 28px 70px; }
	.dkxip-switch-copy h1 { font-size: clamp(64px, 14vw, 100px); }
	.dkxip-switch-core { position: relative; right: auto; bottom: auto; width: min(330px, 82vw); opacity: 1; }
	.dkxip-switch-readout { grid-column: auto; grid-template-columns: 1fr 1fr; position: relative; z-index: 2; }
	.dkxip-switch-stage { width: min(100% - 36px, 680px); padding: 100px 0 85px; }
	.dkxip-switch-stage > header { grid-template-columns: 1fr; gap: 25px; }
	.dkxip-switch-network { grid-template-columns: 1fr; gap: 22px; padding-top: 46px; }
	.dkxip-switch-spine { display: none; }
	.dkxip-switch-network article,
	.dkxip-switch-network article.is-left,
	.dkxip-switch-network article.is-right { grid-column: 1; margin: 0; }
	.dkxip-switch-network article::after,
	.dkxip-switch-network article.is-left::after,
	.dkxip-switch-network article.is-right::after { display: none; }
	.dkxip-switch-publishing { width: min(100% - 36px, 680px); padding: 90px 0 100px; }
	.dkxip-switch-publishing > header { grid-template-columns: 1fr; gap: 26px; }
	.dkxip-switch-publishing > div { grid-template-columns: 1fr; }
	.dkxip-vault-intro { grid-template-columns: 1fr; gap: 25px; }
	.dkxip-vault-intro > a { grid-column: 1; }
	.dkxip-switcher { position: static; width: min(100% - 28px, 680px); grid-template-columns: 1fr; gap: 7px; transform: none; margin: 34px auto 18px; overflow: visible; }
	.dkxip-switcher > span { display: block; padding: 9px 8px 5px; }
	.dkxip-switcher a { min-height: 48px; justify-content: space-between; padding: 0 14px; }
}

@media (max-width: 520px) {
	.dkxip-final { min-height: 620px; padding: 90px 20px 170px; }
	.dkxip-final h2 { font-size: 58px; }
	.dkxip-rates-intro h2 { font-size: 52px; }
	.dkxip-rate-card { padding: 28px 20px; }
	.dkxip-rate-card h3 { font-size: 48px; }
	.dkxip-rate-lines > div { grid-template-columns: 1fr auto 36px; gap: 9px; align-content: center; }
	.dkxip-rate-lines .is-chosen b { right: 8px; }
	.dkxip-custom-work { padding: 28px 22px; }
	.dkxip-rate-actions { display: grid; }
	.dkxip-rate-actions a { width: 100%; }
	.dkxip-atlas-hero,
	.dkxip-switch-hero { width: 100%; margin-top: 0; border-inline: 0; }
	.dkxip-atlas-code { display: grid; }
	.dkxip-atlas-title h1 { font-size: 58px; }
	.dkxip-atlas-title > p:last-child { font-size: 15px; }
	.dkxip-atlas-map > aside { grid-template-columns: repeat(2, 1fr); }
	.dkxip-atlas-chapters article { padding: 38px 22px; border-left-width: 4px; }
	.dkxip-atlas-copy h2 { font-size: 45px; }
	.dkxip-atlas-copy h3 { font-size: 17px; }
	.dkxip-broadcast-hero { min-height: 760px; padding-inline: 20px; }
	.dkxip-broadcast-title h1 { font-size: 62px; }
	.dkxip-broadcast-note { margin-bottom: 0; padding: 25px; }
	.dkxip-broadcast-grid article { min-height: 0; padding: 34px 22px; }
	.dkxip-broadcast-grid h2 { padding-top: 70px; font-size: 44px; }
	.dkxip-broadcast-grid h3 { font-size: 16px; }
	.dkxip-switch-copy h1 { font-size: 58px; }
	.dkxip-switch-core { width: min(280px, 82vw); }
	.dkxip-switch-core span { width: 128px; padding: 18px; }
	.dkxip-switch-readout { grid-template-columns: 1fr; }
	.dkxip-switch-spine { display: none; }
	.dkxip-switch-network article,
	.dkxip-switch-network article.is-left,
	.dkxip-switch-network article.is-right { grid-template-columns: 1fr; margin-left: 0; }
	.dkxip-switch-network article::after,
	.dkxip-switch-network article.is-left::after,
	.dkxip-switch-network article.is-right::after { display: none; }
	.dkxip-switch-port { min-height: 70px; flex-direction: row; justify-content: space-between; border-right: 0; border-bottom: 1px solid var(--signal); }
	.dkxip-switch-port i { margin: 0 0 0 auto; }
	.dkxip-switch-port small { margin: 0 0 0 12px; }
	.dkxip-switch-panel { padding: 28px 22px; }
	.dkxip-switch-panel h2 { max-width: 100%; font-size: clamp(31px, 9vw, 42px); line-height: 1 !important; letter-spacing: -.025em; overflow-wrap: normal; word-break: normal; }
	.dkxip-switch-publishing > header h2 { font-size: 48px; }
	.dkxip-switch-publishing article { padding: 34px 22px; }
	.dkxip-switch-publishing h3 { font-size: 46px; }
	.dkxip-switch-publishing ul { grid-template-columns: 1fr; }
	.dkxip-switch-publishing li:nth-child(odd),
	.dkxip-switch-publishing li:nth-child(even) { padding-inline: 0; border-left: 0; }
	.dkxip-vault-intro { padding-top: 72px; padding-bottom: 58px; }
	.dkxip-vault-intro h2 { font-size: clamp(43px, 13vw, 60px); }
}

@media (prefers-reduced-motion: reduce) {
	body .dk-brand img,
	.dkxip--switchboard .dkxip-switch-core::before,
	.dkxip--switchboard .dkxip-switch-core::after,
	.dkxip--switchboard .dkxip-switch-core span img { animation: none !important; }
}

/* 2026-09-03: keep the Industries hero logo centred and clear of the headline. */
.dkxip-switchboard .dkxip-switch-core span img{
	animation:none!important;
	transform:none!important;
}

/* All four package cards are part of the package deck and must remain visible. */
.dkxip-vault .dkxip-rate-deck{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.dkxip-vault .dkxip-rate-deck>.dkxip-rate-card{
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
}

@media (min-width:901px) and (max-width:1400px){
	.dkxip-switch-hero{
		grid-template-columns:minmax(0,1fr) minmax(250px,310px) minmax(170px,200px);
		column-gap:clamp(22px,2.5vw,36px);
	}
	.dkxip-switch-copy h1{
		max-width:100%;
		font-size:clamp(60px,5.9vw,86px);
		line-height:.78;
	}
	.dkxip-switch-core{width:min(100%,310px)}
	.dkxip-switch-core span{width:142px;padding:20px}
	.dkxip-switch-panel h2{
		max-width:100%;
		font-size:clamp(34px,3.05vw,48px);
		line-height:1;
		letter-spacing:-.025em;
		text-wrap:balance;
		overflow-wrap:normal;
		word-break:normal;
	}
}

@media (max-width:780px){
	.dkxip-vault .dkxip-rate-deck{grid-template-columns:1fr!important}
}

/* Source: assets/css/final-spacing-v1237.css */
/* DK Expressions final colour + responsive spacing lock — v1.23.7. */

/* The shared availability pulse must stay readable above every page system. */
body .dkx-booking-pulse {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body .dkx-booking-pulse__inner {
	gap: clamp(30px, 4vw, 64px);
	padding-top: 27px;
	padding-bottom: 24px;
}

body .dkx-booking-pulse__booking,
body .dkx-booking-pulse__slots {
	gap: 12px 16px;
	line-height: 1.35;
}

body .dkx-booking-pulse__booking span,
body .dkx-booking-pulse__slots span {
	color: #f6f9fc !important;
	-webkit-text-fill-color: #f6f9fc !important;
	opacity: 1 !important;
}

body .dkx-booking-pulse .dkx-booking-pulse__booking strong {
	color: #43baff !important;
	-webkit-text-fill-color: #43baff !important;
	opacity: 1 !important;
}

body .dkx-booking-pulse .dkx-booking-pulse__slots strong {
	color: #ff536d !important;
	-webkit-text-fill-color: #ff536d !important;
}

body .dkx-booking-pulse .dkx-booking-pulse__slots b {
	color: #ffc857 !important;
	-webkit-text-fill-color: #ffc857 !important;
}

body .dkx-booking-pulse__booking i {
	background: #2ad6c9 !important;
	box-shadow: 0 0 0 5px rgba(42, 214, 201, .12) !important;
}

/* Keep the Infinity Switchboard instrument labels visible. */
body .dkxip-switch-topline,
body .dkxip-switch-topline span {
	color: #43baff !important;
	-webkit-text-fill-color: #43baff !important;
	opacity: 1 !important;
}

body .dkxip-switch-topline b {
	color: #2ad6c9 !important;
	-webkit-text-fill-color: #2ad6c9 !important;
	opacity: 1 !important;
}

@media (max-width: 820px) {
	body .dkx-booking-pulse__inner {
		width: min(calc(100% - 36px), 680px);
		gap: 22px;
		padding-top: 31px;
		padding-bottom: 30px;
	}

	body .dkx-booking-pulse__booking,
	body .dkx-booking-pulse__slots {
		align-items: center;
		gap: 12px 14px;
		line-height: 1.45;
	}

	/* Home — preserve Editorial Command while preventing headline collisions. */
	body .dkxhp-hero {
		padding-top: 120px;
		padding-bottom: 86px;
	}

	body .dkxhp-hero h1 {
		line-height: .98 !important;
		letter-spacing: -.06em !important;
	}

	body .dkxhp-lead {
		margin-bottom: 40px;
		line-height: 1.65 !important;
	}

	body .dkxhp-section-head h2,
	body .dkxhp-final h2,
	body .dkxhp-analytics-head h2,
	body .dkxhp-site-stats h3,
	body .dkxhp-offer h3 {
		line-height: .96 !important;
	}

	body .dkxhp-section-head,
	body .dkxhp-analytics-head {
		gap: 28px;
	}

	/* Industries — keep the Switchboard rhythm but give each line room. */
	body .dkxip-switch-hero {
		gap: 56px;
		padding-top: 58px;
		padding-bottom: 82px;
	}

	body .dkxip-switch-copy h1,
	body .dkxip-switch-stage > header h2,
	body .dkxip-switch-publishing > header h2,
	body .dkxip-rates-intro h2,
	body .dkxip-final h2 {
		line-height: .92 !important;
		letter-spacing: -.055em !important;
	}

	body .dkxip-switch-copy > p:last-child,
	body .dkxip-switch-publishing > header > p:last-child,
	body .dkxip-rates-intro > p:last-child,
	body .dkxip-final p {
		line-height: 1.68 !important;
	}

	body .dkxip-switch-stage > header,
	body .dkxip-switch-publishing > header,
	body .dkxip-rates-intro {
		gap: 32px;
	}

	/* Start a Project + Rate Card — clear, separated mobile display type. */
	body .dkxcr-contact-hero h1,
	body .dkxcr-rates-hero h1,
	body .dkxcr-brief-guide h2,
	body .dkxcr-form-header h2,
	body .dkxcr-section-title h2,
	body .dkxcr-rate-world h3,
	body .dkxcr-other-services h2,
	body .dkxcr-commercial-notes h2,
	body .dkxcr-rate-final h2 {
		line-height: .96 !important;
		letter-spacing: -.055em !important;
	}

	body .dkxcr-rates-hero-copy > p:not(.dkxcr-kicker):not(.dkxcr-download-status),
	body .dkxcr-section-title > p:last-child,
	body .dkxcr-brief-guide > p:not(.dkxcr-kicker),
	body .dkxcr-rate-final > div:first-child > p:last-child {
		line-height: 1.65 !important;
	}

	/* Locked Insights — retain Timecode Stream with more breathing room. */
	body .dkxoi-hero-copy h1,
	body .dkxoi-heading h2,
	body .dkxoi-section-head h2,
	body .dkxoi-channel-head h2 {
		line-height: .92 !important;
		letter-spacing: -.06em !important;
	}

	body .dkxoi-slide-copy h3 {
		line-height: 1.02 !important;
	}

	body .dkxoi-card-copy h3 {
		line-height: 1.1 !important;
	}

	body .dkxoi-section-head,
	body .dkxoi-channel-head {
		gap: 30px;
	}
}

@media (max-width: 560px) {
	body .dkx-booking-pulse__inner {
		width: calc(100% - 32px);
		gap: 24px;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	body .dkx-booking-pulse__booking,
	body .dkx-booking-pulse__slots {
		gap: 13px 12px;
	}

	body .dkx-booking-pulse__booking span,
	body .dkx-booking-pulse__slots span {
		font-size: 11px;
		line-height: 1.45;
	}

	body .dkx-booking-pulse .dkx-booking-pulse__booking strong {
		font-size: clamp(30px, 9.5vw, 42px);
		line-height: 1 !important;
	}

	body .dkx-booking-pulse .dkx-booking-pulse__slots strong {
		font-size: clamp(42px, 14vw, 58px);
		line-height: .9 !important;
	}

	body .dkx-booking-pulse .dkx-booking-pulse__slots b {
		width: 100%;
		margin-top: 3px;
		font-size: clamp(19px, 6.2vw, 27px);
		line-height: 1.08 !important;
	}

	body .dkxhp-hero {
		padding-top: 112px;
		padding-bottom: 82px;
	}

	body .dkxhp--editorial .dkxhp-hero h1 {
		font-size: clamp(42px, 12.5vw, 60px) !important;
		line-height: 1 !important;
		letter-spacing: -.055em !important;
	}

	body .dkxhp-kicker,
	body .dkxhp-eyebrow {
		margin-bottom: 24px;
		line-height: 1.55 !important;
	}

	body .dkxhp-section {
		padding-top: 92px;
		padding-bottom: 92px;
	}

	body .dkxhp-door h3,
	body .dkxhp-quote-grid blockquote p {
		line-height: 1.16 !important;
	}

	body .dkxip-switch-topline {
		flex-wrap: wrap;
		gap: 14px 22px;
		font-size: 9px;
		line-height: 1.5;
	}

	body .dkxip-switch-copy h1 {
		font-size: clamp(50px, 13.2vw, 64px) !important;
		line-height: .97 !important;
	}

	body .dkxip-switch-copy > p:last-child {
		margin-top: 38px;
		font-size: 16px;
	}

	body .dkxip-switch-stage,
	body .dkxip-switch-publishing {
		padding-top: 104px;
		padding-bottom: 104px;
	}

	body .dkxip-switch-panel h2,
	body .dkxip-switch-publishing h3,
	body .dkxip-rate-card h3 {
		line-height: 1 !important;
	}

	body .dkxcr-rates-hero {
		min-height: 0;
		padding-top: 126px;
		padding-bottom: 104px;
	}

	body .dkxcr-rates-hero h1,
	body .dkxcr-contact-hero h1 {
		font-size: clamp(46px, 12.8vw, 64px) !important;
		line-height: .98 !important;
	}

	body .dkxcr-rates-hero-copy > p:not(.dkxcr-kicker):not(.dkxcr-download-status) {
		margin-top: 38px;
		font-size: 16px;
	}

	body .dkxcr-rate-summary,
	body .dkxcr-commercial-notes {
		padding-top: 110px;
		padding-bottom: 110px;
	}

	body .dkxoi-spectrum-hero {
		padding-bottom: 90px;
	}

	body .dkxoi-hero-copy h1 {
		font-size: clamp(3.2rem, 16vw, 5rem) !important;
		line-height: .93 !important;
	}

	body .dkxoi-hero-copy > p:last-child {
		margin-top: 38px;
		line-height: 1.68 !important;
	}

	body .dkxoi-heading {
		margin-bottom: 56px;
	}

	body .dkxoi-heading h2,
	body .dkxoi-section-head h2,
	body .dkxoi-channel-head h2 {
		line-height: .94 !important;
	}

	body .dkxoi-streams-intro {
		margin-bottom: 76px;
	}

	body .dkxoi-channel {
		padding-bottom: 118px;
	}

	body .dkxoi-card-copy > p {
		margin-top: 22px;
		margin-bottom: 30px;
		line-height: 1.68 !important;
	}
}