/* 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; }
}