:root {
	--dyx-ink: #071a30;
	--dyx-ink-2: #0c2b4a;
	--dyx-blue: #1b4d78;
	--dyx-green: #27b67c;
	--dyx-green-2: #52c999;
	--dyx-white: #f7fbfd;
	--dyx-muted: #a9bdcc;
	--dyx-line: rgba(139, 180, 208, .20);
}

/* Shell */
.datayx-clean-shell .site-content {
	margin-top: 0;
}

.dyx-skip:focus {
	position: fixed;
	z-index: 100000;
	top: 10px;
	left: 10px;
	padding: 10px 14px;
	background: white;
	color: var(--dyx-ink);
}

/* =========================================================
   HEADER
   ========================================================= */
.dyx-header {
	position: sticky;
	top: 0;
	z-index: 9999;
	width: 100%;
	background:
		radial-gradient(circle at 86% -130%, rgba(39, 182, 124, .20), transparent 42%),
		linear-gradient(110deg, #06172b 0%, #071d35 52%, #0b2948 100%);
	box-shadow: 0 10px 32px rgba(3, 16, 29, .15);
}

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

.dyx-header-line {
	height: 3px;
	background: linear-gradient(90deg, var(--dyx-green) 0 30%, var(--dyx-blue) 56%, var(--dyx-green) 100%);
}

.dyx-header-inner {
	max-width: 1280px;
	min-height: 92px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	align-items: center;
	gap: 34px;
}

.dyx-logo {
	width: 195px;
	flex: 0 0 195px;
	display: block;
	text-decoration: none;
	transition: opacity .18s ease, transform .18s ease;
}

.dyx-logo:hover {
	opacity: .92;
	transform: translateY(-1px);
}

.dyx-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.dyx-nav {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 24px;
}

.dyx-menu,
.dyx-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dyx-menu {
	display: flex;
	align-items: center;
	gap: 2px;
}

.dyx-menu > li {
	position: relative;
}

.dyx-menu a {
	display: block;
	position: relative;
	padding: 15px 12px;
	color: #d9e5ed;
	font-size: 15.5px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: .005em;
	text-decoration: none;
	transition: color .16s ease;
}

.dyx-menu > li > a::before {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 7px;
	height: 2px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--dyx-green), var(--dyx-green-2));
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .18s ease;
}

.dyx-menu > li > a:hover,
.dyx-menu > li.current-menu-item > a,
.dyx-menu > li.current_page_item > a,
.dyx-menu > li.current-menu-ancestor > a {
	color: #ffffff;
}

.dyx-menu > li > a:hover::before,
.dyx-menu > li.current-menu-item > a::before,
.dyx-menu > li.current_page_item > a::before,
.dyx-menu > li.current-menu-ancestor > a::before {
	transform: scaleX(1);
}

.dyx-menu .sub-menu {
	position: absolute;
	top: calc(100% - 2px);
	left: 0;
	min-width: 220px;
	padding: 9px;
	background: #0a2744;
	border: 1px solid #244b69;
	border-radius: 10px;
	box-shadow: 0 18px 38px rgba(0,0,0,.22);
	opacity: 0;
	visibility: hidden;
	transform: translateY(7px);
	transition: .16s ease;
}

.dyx-menu li:hover > .sub-menu,
.dyx-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.dyx-menu .sub-menu a {
	padding: 11px 12px;
	font-size: 14px;
	border-radius: 7px;
}

.dyx-menu .sub-menu a:hover {
	background: rgba(39, 182, 124, .10);
	color: #79dbb2;
}

.dyx-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 47px;
	padding: 0 19px;
	margin-left: 4px;
	background: linear-gradient(135deg, #27b67c, #3dc38c);
	border: 1px solid rgba(120, 232, 182, .58);
	border-radius: 8px;
	color: #06172b !important;
	font-size: 14.5px;
	font-weight: 800;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(39, 182, 124, .16);
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.dyx-cta svg {
	width: 18px;
	height: 18px;
}

.dyx-cta:hover {
	transform: translateY(-1px);
	filter: brightness(1.035);
	box-shadow: 0 12px 25px rgba(39, 182, 124, .22);
}

.dyx-menu-toggle {
	display: none;
	margin-left: auto;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	color: #fff;
	background: rgba(255,255,255,.04);
	border: 1px solid #31516c;
	border-radius: 8px;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.dyx-menu-toggle i {
	width: 20px;
	display: grid;
	gap: 4px;
}

.dyx-menu-toggle b {
	display: block;
	height: 2px;
	border-radius: 2px;
	background: var(--dyx-green);
}

/* =========================================================
   FOOTER
   ========================================================= */
.dyx-footer {
	position: relative;
	background:
		radial-gradient(circle at 83% 10%, rgba(27, 77, 120, .28), transparent 34%),
		linear-gradient(145deg, #041322, #06192d 55%, #08233e);
	color: #d9e5ed;
}

.dyx-footer-line {
	height: 4px;
	background: linear-gradient(90deg, var(--dyx-green), var(--dyx-blue) 52%, var(--dyx-green));
}

.dyx-footer-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 62px 30px 26px;
}

.dyx-footer-top {
	display: grid;
	grid-template-columns: 1.25fr .72fr 1.25fr;
	gap: 64px;
	align-items: start;
}

.dyx-footer-logo {
	display: block;
	width: 205px;
	text-decoration: none;
}

.dyx-footer-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.dyx-footer-brand p {
	max-width: 390px;
	margin: 22px 0 0;
	color: var(--dyx-muted);
	font-size: 15.5px;
	line-height: 1.72;
}

.dyx-footer-label {
	display: block;
	margin-bottom: 16px;
	color: #66d3a5;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.dyx-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 11px;
}

.dyx-footer-menu a {
	color: #dce6ed;
	font-size: 15px;
	font-weight: 650;
	text-decoration: none;
	transition: color .15s ease, transform .15s ease;
}

.dyx-footer-menu a:hover {
	color: #6ad7a9;
}

.dyx-footer-contact {
	padding: 25px 27px;
	background:
		linear-gradient(145deg, rgba(18, 54, 86, .92), rgba(11, 42, 70, .92));
	border: 1px solid rgba(91, 146, 186, .30);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(0,0,0,.13);
}

.dyx-footer-contact h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 23px;
	line-height: 1.32;
	font-weight: 780;
}

.dyx-footer-contact p {
	margin: 0 0 18px;
	color: #a8bdcc;
	font-size: 14.5px;
	line-height: 1.65;
}

.dyx-footer-contact a {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	padding: 12px 16px;
	border-radius: 8px;
	background: var(--dyx-green);
	color: #051426 !important;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
}

.dyx-footer-bottom {
	margin-top: 46px;
	padding-top: 20px;
	border-top: 1px solid var(--dyx-line);
	display: flex;
	justify-content: space-between;
	gap: 24px;
	color: #839bae;
	font-size: 12.5px;
	line-height: 1.5;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1120px) {
	.dyx-header-inner {
		padding-left: 22px;
		padding-right: 22px;
		gap: 20px;
	}

	.dyx-logo {
		width: 178px;
		flex-basis: 178px;
	}

	.dyx-nav {
		gap: 12px;
	}

	.dyx-menu a {
		padding-left: 9px;
		padding-right: 9px;
		font-size: 14.5px;
	}
}

@media (max-width: 900px) {
	.dyx-header-inner {
		min-height: 78px;
		padding-top: 8px;
		padding-bottom: 8px;
		flex-wrap: wrap;
	}

	.dyx-logo {
		width: 165px;
		flex-basis: 165px;
	}

	.dyx-menu-toggle {
		display: inline-flex;
	}

	.dyx-nav {
		display: none;
		order: 3;
		width: 100%;
		margin: 0;
		padding: 9px 0 13px;
		flex-direction: column;
		align-items: stretch;
		gap: 9px;
		border-top: 1px solid rgba(140, 180, 206, .18);
	}

	.dyx-nav.is-open {
		display: flex;
	}

	.dyx-menu {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.dyx-menu a {
		padding: 13px 4px;
		font-size: 15px;
		border-bottom: 1px solid rgba(255,255,255,.055);
	}

	.dyx-menu > li > a::before {
		display: none;
	}

	.dyx-menu .sub-menu {
		position: static;
		min-width: 0;
		padding: 0 0 0 13px;
		margin: 0 0 5px 10px;
		border: 0;
		border-left: 2px solid var(--dyx-green);
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.dyx-cta {
		margin: 2px 0 0;
		min-height: 48px;
		font-size: 14.5px;
	}

	.dyx-footer-top {
		grid-template-columns: 1fr 1fr;
		gap: 42px;
	}

	.dyx-footer-contact {
		grid-column: 1 / -1;
	}
}

@media (max-width: 782px) {
	.admin-bar .dyx-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.dyx-header-inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	.dyx-logo {
		width: 155px;
		flex-basis: 155px;
	}

	.dyx-footer-inner {
		padding: 48px 18px 24px;
	}

	.dyx-footer-top {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.dyx-footer-contact {
		grid-column: auto;
	}

	.dyx-footer-bottom {
		margin-top: 34px;
		flex-direction: column;
		gap: 7px;
	}
}

/* v2.1 customizer compatibility */
.dyx-header-line,.dyx-footer-line{background:linear-gradient(90deg,var(--dyx-accent,#27b67c),var(--dyx-secondary,#1b4d78) 52%,var(--dyx-accent,#27b67c))}
.dyx-menu>li>a::before{background:var(--dyx-accent,#27b67c)}
.dyx-footer-label{color:var(--dyx-accent,#27b67c)}


/* =========================================================
   DATAYX 2.2 — GLOBAL VISUAL POLISH
   Higher-specificity rules intentionally refine Elementor
   page templates without requiring them to be re-imported.
   ========================================================= */

body.datayx-clean-shell {
	background: #f7faf9;
}

body.datayx-clean-shell .dyx-page,
body.datayx-clean-shell .dyx-home {
	font-family: "Segoe UI Variable", "Segoe UI", Inter, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.datayx-clean-shell .dyx-page .dyx-wrap,
body.datayx-clean-shell .dyx-home .dyx-wrap {
	max-width: var(--dyx-content-width, 1260px);
}

body.datayx-clean-shell .dyx-page .dyx-section,
body.datayx-clean-shell .dyx-home .dyx-section {
	padding-top: var(--dyx-section-space, 58px);
	padding-bottom: var(--dyx-section-space, 58px);
}

body.datayx-clean-shell .dyx-page .dyx-copy,
body.datayx-clean-shell .dyx-home .dyx-copy {
	font-size: var(--dyx-body-size, 17px);
	line-height: 1.72;
}

body.datayx-clean-shell .dyx-page .dyx-lead,
body.datayx-clean-shell .dyx-home .dyx-lead {
	font-size: calc(var(--dyx-body-size, 17px) + 1px);
	line-height: 1.68;
	color: #c2d1dd;
}

body.datayx-clean-shell .dyx-page .dyx-h1,
body.datayx-clean-shell .dyx-page .dyx-h2,
body.datayx-clean-shell .dyx-home .dyx-h1,
body.datayx-clean-shell .dyx-home .dyx-h2 {
	text-wrap: balance;
}

body.datayx-clean-shell .dyx-page .dyx-h1,
body.datayx-clean-shell .dyx-home .dyx-h1 {
	font-size: clamp(46px, 4.35vw, 62px);
	letter-spacing: -.042em;
	line-height: 1.045;
}

body.datayx-clean-shell .dyx-page .dyx-h2,
body.datayx-clean-shell .dyx-home .dyx-h2 {
	font-size: clamp(33px, 2.7vw, 41px);
	letter-spacing: -.033em;
}

body.datayx-clean-shell .dyx-page .dyx-k,
body.datayx-clean-shell .dyx-home .dyx-k {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
	letter-spacing: .105em;
}

body.datayx-clean-shell .dyx-page .dyx-k::before,
body.datayx-clean-shell .dyx-home .dyx-k::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background: var(--dyx-accent, #27b67c);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--dyx-accent, #27b67c) 12%, transparent);
}

/* A slightly richer scientific/data hero instead of a flat corporate gradient. */
body.datayx-clean-shell .dyx-page .dyx-hero,
body.datayx-clean-shell .dyx-home .dyx-hero {
	background:
		radial-gradient(circle at 91% 12%, rgba(39,182,124,.10) 0 1px, transparent 2px) 0 0 / 22px 22px,
		radial-gradient(circle at 82% 7%, rgba(39,182,124,.10), transparent 25%),
		radial-gradient(circle at 63% 118%, rgba(27,77,120,.25), transparent 34%),
		linear-gradient(125deg,#06172b 0%,#071e36 48%,#0b2a49 100%);
	border-bottom: 1px solid rgba(39,182,124,.30);
}

body.datayx-clean-shell .dyx-page .dyx-panel,
body.datayx-clean-shell .dyx-home .dyx-panel,
body.datayx-clean-shell .dyx-home .dyx-dashboard {
	background: linear-gradient(150deg, rgba(17,51,83,.96), rgba(13,43,73,.96));
	border-color: rgba(96,151,190,.38);
	box-shadow:
		0 18px 50px rgba(1,16,29,.15),
		inset 0 1px 0 rgba(255,255,255,.035);
}

/* Section rhythm: green tint / blue tint / white, not blank white blocks. */
body.datayx-clean-shell .dyx-page .dyx-section.soft,
body.datayx-clean-shell .dyx-home .dyx-section.soft {
	background:
		radial-gradient(circle at 13% 18%, rgba(39,182,124,.055), transparent 24%),
		linear-gradient(180deg,#eef6f2 0%,#f5f9f7 100%);
}

body.datayx-clean-shell .dyx-page .dyx-section.blue,
body.datayx-clean-shell .dyx-home .dyx-section.blue {
	background:
		radial-gradient(circle at 88% 12%, rgba(27,77,120,.06), transparent 24%),
		linear-gradient(180deg,#edf4f8 0%,#f6f9fb 100%);
}

/* Cards: slightly stronger hierarchy and a restrained data-like accent. */
body.datayx-clean-shell .dyx-page .dyx-card,
body.datayx-clean-shell .dyx-home .dyx-card,
body.datayx-clean-shell .dyx-page .dyx-form-shell,
body.datayx-clean-shell .dyx-home .dyx-faq-card,
body.datayx-clean-shell .dyx-home .dyx-tech,
body.datayx-clean-shell .dyx-home .dyx-reason,
body.datayx-clean-shell .dyx-home .dyx-domain {
	position: relative;
	border-radius: var(--dyx-card-radius, 14px);
	border-color: #d5e3dd;
	box-shadow: 0 7px 22px rgba(7,26,48,.035);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	overflow: hidden;
}

body.datayx-clean-shell .dyx-page .dyx-card::after,
body.datayx-clean-shell .dyx-home .dyx-card::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: linear-gradient(180deg, var(--dyx-accent,#27b67c), var(--dyx-secondary,#1b4d78));
	opacity: .0;
	transition: opacity .18s ease;
}

body.datayx-clean-shell .dyx-page .dyx-card.blue,
body.datayx-clean-shell .dyx-home .dyx-card.blue,
body.datayx-clean-shell .dyx-home .dyx-tech.blue {
	border-color: #cbdde9;
	background: linear-gradient(145deg,#f4f8fb,#edf4f9);
}

body.datayx-clean-shell .dyx-page .dyx-card h3,
body.datayx-clean-shell .dyx-home .dyx-card h3 {
	font-size: 20.5px;
	letter-spacing: -.014em;
}

body.datayx-clean-shell .dyx-page .dyx-card p,
body.datayx-clean-shell .dyx-home .dyx-card p,
body.datayx-clean-shell .dyx-home .dyx-faq-card p,
body.datayx-clean-shell .dyx-home .dyx-tech p,
body.datayx-clean-shell .dyx-home .dyx-reason p,
body.datayx-clean-shell .dyx-home .dyx-domain span {
	font-size: calc(var(--dyx-body-size, 17px) - 1px);
	line-height: 1.62;
}

body.datayx-clean-shell .dyx-page .dyx-num,
body.datayx-clean-shell .dyx-home .dyx-num,
body.datayx-clean-shell .dyx-page .dyx-meta,
body.datayx-clean-shell .dyx-home .dyx-meta {
	font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	letter-spacing: .055em;
}

body.datayx-clean-shell .dyx-page .dyx-list li {
	font-size: calc(var(--dyx-body-size, 17px) - 2px);
}

body.datayx-clean-shell .dyx-page .dyx-list li::before {
	content: "▪";
	font-size: 11px;
	top: 2px;
}

/* Branded dark bands: richer, less generic. */
body.datayx-clean-shell .dyx-page .dyx-band,
body.datayx-clean-shell .dyx-home .dyx-reference-band {
	background:
		radial-gradient(circle at 83% 14%, rgba(39,182,124,.11), transparent 29%),
		linear-gradient(120deg,#081d35 0%,#0d3153 100%);
	border: 1px solid rgba(80,137,176,.28);
	box-shadow: 0 16px 38px rgba(7,26,48,.09);
}

/* Buttons */
body.datayx-clean-shell .dyx-page .dyx-btn,
body.datayx-clean-shell .dyx-home .dyx-btn,
.dyx-cta,
.dyx-footer-contact a {
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

body.datayx-clean-shell .dyx-page .dyx-btn,
body.datayx-clean-shell .dyx-home .dyx-btn {
	border-radius: 8px;
	box-shadow: 0 7px 18px rgba(39,182,124,.11);
}

body.datayx-clean-shell .dyx-page .dyx-outline,
body.datayx-clean-shell .dyx-home .dyx-outline-light {
	box-shadow: none;
}

/* Header refinement for five-item navigation */
.dyx-header-inner {
	max-width: 1320px;
}

.dyx-nav {
	gap: 16px;
}

.dyx-menu {
	gap: 0;
}

.dyx-menu a {
	letter-spacing: -.005em;
}

.dyx-header {
	border-bottom: 1px solid rgba(92,151,190,.16);
}

/* Footer readability */
.dyx-footer-inner {
	max-width: 1320px;
}

.dyx-footer-brand p {
	font-size: 16px;
}

.dyx-footer-menu a {
	font-size: 15.5px;
}

.dyx-footer-contact {
	border-color: rgba(92,151,190,.36);
}

/* Selection is a small but strong brand detail. */
::selection {
	background: #27b67c;
	color: #06172b;
}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
	body.datayx-clean-shell[style*="--dyx-card-motion:1"] .dyx-card:hover,
	body.datayx-clean-shell .dyx-card:hover {
		transform: translateY(-3px);
		border-color: #b8d4c8;
		box-shadow: 0 14px 30px rgba(7,26,48,.075);
	}

	body.datayx-clean-shell .dyx-card:hover::after {
		opacity: 1;
	}

	body.datayx-clean-shell .dyx-page .dyx-btn:hover,
	body.datayx-clean-shell .dyx-home .dyx-btn:hover {
		transform: translateY(-1px);
		filter: brightness(1.025);
	}
}

@media (max-width: 900px) {
	body.datayx-clean-shell .dyx-page .dyx-h1,
	body.datayx-clean-shell .dyx-home .dyx-h1 {
		font-size: clamp(42px, 7vw, 49px);
	}
	body.datayx-clean-shell .dyx-page .dyx-h2,
	body.datayx-clean-shell .dyx-home .dyx-h2 {
		font-size: clamp(31px, 5vw, 36px);
	}
}

@media (max-width: 620px) {
	body.datayx-clean-shell .dyx-page .dyx-copy,
	body.datayx-clean-shell .dyx-home .dyx-copy {
		font-size: 16px;
	}
	body.datayx-clean-shell .dyx-page .dyx-card p,
	body.datayx-clean-shell .dyx-home .dyx-card p,
	body.datayx-clean-shell .dyx-home .dyx-faq-card p,
	body.datayx-clean-shell .dyx-home .dyx-tech p,
	body.datayx-clean-shell .dyx-home .dyx-reason p {
		font-size: 15px;
	}
}


/* =========================================================
   DATAYX 2.2.1 — MOBILE GRID HOTFIX
   Fixes two narrow-column cases visible on phone preview:
   1) Home services .dyx-grid-3 stayed at three columns.
   2) About-page inline split grid did not collapse.
   ========================================================= */

@media (max-width: 760px) {
	/* About-page and similar two-column content blocks whose grid is inline. */
	body.datayx-clean-shell .dyx-page .dyx-section > .dyx-wrap[style*="grid-template-columns"] {
		grid-template-columns: 1fr !important;
		gap: 30px !important;
	}

	/* Make any two-column card grid comfortable before the phone breakpoint. */
	body.datayx-clean-shell .dyx-page .dyx-grid-2 {
		grid-template-columns: 1fr !important;
	}

	body.datayx-clean-shell .dyx-page .dyx-card,
	body.datayx-clean-shell .dyx-home .dyx-card {
		min-width: 0;
		overflow-wrap: normal;
		word-break: normal;
		hyphens: none;
	}
}

@media (max-width: 620px) {
	/* Home service cards: this class was missing from the original phone rule. */
	body.datayx-clean-shell .dyx-home .dyx-grid-3,
	body.datayx-clean-shell .dyx-page .dyx-grid-3,
	body.datayx-clean-shell .dyx-home .dyx-grid-4,
	body.datayx-clean-shell .dyx-page .dyx-grid-4,
	body.datayx-clean-shell .dyx-home .dyx-grid-2,
	body.datayx-clean-shell .dyx-page .dyx-grid-2 {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	/* Cards should use the full mobile width; no vertical-letter appearance. */
	body.datayx-clean-shell .dyx-home .dyx-card,
	body.datayx-clean-shell .dyx-page .dyx-card {
		width: 100%;
		max-width: none;
		padding: 20px;
	}

	body.datayx-clean-shell .dyx-home .dyx-card h3,
	body.datayx-clean-shell .dyx-page .dyx-card h3 {
		font-size: 20px;
		line-height: 1.28;
		overflow-wrap: normal;
		word-break: normal;
	}

	body.datayx-clean-shell .dyx-home .dyx-card p,
	body.datayx-clean-shell .dyx-page .dyx-card p,
	body.datayx-clean-shell .dyx-page .dyx-list li {
		overflow-wrap: normal;
		word-break: normal;
	}

	/* Process/approach columns get breathing room when stacked. */
	body.datayx-clean-shell .dyx-home .dyx-process {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px;
	}

	body.datayx-clean-shell .dyx-home .dyx-step {
		padding: 18px 4px 18px 0;
	}

	body.datayx-clean-shell .dyx-page .dyx-section > .dyx-wrap[style*="grid-template-columns"] {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 26px !important;
	}
}

/* =========================================================
   2.3 ACCESSIBILITY / PAINT POLISH
   ========================================================= */
/* Ana sayfadaki açık zemin küçük yeşil etiketler Lighthouse kontrast eşiğini geçsin. */
.dyx-home .dyx-section:not(.dark) .dyx-k,
.dyx-page .dyx-section .dyx-k {
	color: #0d6e48 !important;
}

/* Alan kartlarındaki yardımcı metinleri açık zeminde daha okunaklı yap. */
.dyx-home .dyx-domain span {
	color: #52677a !important;
}