:root {
			/* Core brand */
			--dc-teal: #21a6a2;
			--dc-orange: #e55f38;
			--dc-purple: #872a68;
			--dc-yellow: #ebbf67;
			--dc-primary: #24a5a1;
			--dc-primary-rgb: 36, 165, 161;
			--dc-accent: #872a67;
			--dc-accent-rgb: 135, 42, 103;
			--dc-hero-slide-1: #24a5a1;
			--dc-hero-slide-2: #ebbf67;
			--dc-hero-slide-3: #872a67;
			--dc-hero-slide-4: #b77fa4;
			--dc-keyword-teal: linear-gradient(135deg, color-mix(in srgb, var(--dc-accent) 86%, white 14%) 0%, color-mix(in srgb, var(--dc-accent) 62%, #0f172a 38%) 100%);
			--dc-keyword-violet: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 76%, white 24%) 0%, color-mix(in srgb, var(--dc-primary) 82%, #241238 18%) 100%);
			--dc-keyword-amber: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 18%, #ebbf67 82%) 0%, color-mix(in srgb, var(--dc-accent) 18%, #c77a12 82%) 100%);
			--dc-keyword-blue: linear-gradient(135deg, color-mix(in srgb, var(--dc-accent) 58%, #4a78d1 42%) 0%, color-mix(in srgb, var(--dc-primary) 24%, #16365f 76%) 100%);
			--dc-keyword-pink: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 76%, #ff6aa2 24%) 0%, color-mix(in srgb, var(--dc-primary) 88%, #741645 12%) 100%);
			--dc-keyword-lime: linear-gradient(135deg, color-mix(in srgb, var(--dc-accent) 62%, #84d79a 38%) 0%, color-mix(in srgb, var(--dc-accent) 82%, #146b58 18%) 100%);
			--dc-keyword-slate: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 18%, #64748b 82%) 0%, color-mix(in srgb, var(--dc-accent) 10%, #0f172a 90%) 100%);
			--dc-keyword-orange: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 24%, #ff8a5b 76%) 0%, color-mix(in srgb, var(--dc-accent) 12%, #b9481c 88%) 100%);

			/* Games */
			--dc-game-green: linear-gradient(135deg, color-mix(in srgb, var(--dc-accent) 54%, #8fd772 46%) 0%, color-mix(in srgb, var(--dc-accent) 82%, #145f55 18%) 100%);
			--dc-game-yellow: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 14%, #ebbf67 86%) 0%, color-mix(in srgb, var(--dc-accent) 16%, #d58f1b 84%) 100%);
			--dc-game-red: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 66%, #f38aa5 34%) 0%, color-mix(in srgb, var(--dc-primary) 88%, #6d1d52 12%) 100%);
			--dc-game-blue: radial-gradient(circle at top right, rgba(var(--dc-accent-rgb), .24), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 28%, #16365f 72%) 0%, color-mix(in srgb, var(--dc-primary) 12%, #1d5ec5 88%) 52%, color-mix(in srgb, var(--dc-accent) 78%, #0d9eb8 22%) 100%);

			/* UI neutrals */
			--dc-ink: #000000;
			--dc-text: #1f2937;
			--dc-muted: #6b7280;
			--dc-surface: #ffffff;

			/* Elevation */
			--dc-radius: 0rem;
			--dc-shadow: none;
			--dc-shadow-soft: none;
			--dc-ui-radius: 14px;
			--dc-card-radius: 20px;
			--dc-button-radius: 14px;
			--dc-space-xs: clamp(.8rem, calc(.66rem + (var(--dc-ui-radius) * .010)), 1rem);
			--dc-space-sm: clamp(.95rem, calc(.76rem + (var(--dc-ui-radius) * .014)), 1.2rem);
			--dc-space-md: clamp(1.15rem, calc(.9rem + (var(--dc-card-radius) * .022)), 1.65rem);
			--dc-space-lg: clamp(1.45rem, calc(1.02rem + (var(--dc-card-radius) * .038)), 2.35rem);
			--dc-heading-font: "Sora", "Roboto", system-ui, sans-serif;
			--dc-body-font: "Manrope", "Roboto", system-ui, sans-serif;

			/* Bootstrap bridge */
			--bs-body-font-family: var(--dc-body-font);
			--bs-body-color: var(--dc-text);
			--bs-border-radius: 1.375rem;
			--bs-border-color: #d9d9d9;
			--dc-page-bg: #ffffff;
			--dc-page-bg-dark: #07111d;
			--dc-surface-dark: #0d1b2a;
			--dc-surface-dark-2: #122338;
			--dc-border-dark: rgba(148, 163, 184, .22);
			--dc-text-dark: #e5eef8;
			--dc-muted-dark: rgba(226, 232, 240, .72);
			--dc-surface-text: rgba(15, 23, 42, .92);
			--dc-surface-muted: rgba(15, 23, 42, .78);
			--dc-on-dark: #ffffff;
			--dc-on-dark-muted: rgba(255, 255, 255, .86);
			--dc-on-light: #0b1220;
			--dc-on-light-muted: rgba(11, 18, 32, .74);
		}

		body {
			background: var(--dc-page-bg);
			font-family: var(--dc-body-font);
			transition: background-color .25s ease, color .25s ease;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		.display-1,
		.display-2,
		.display-3,
		.display-4,
		.display-5,
		.display-6,
		.dc-display,
		.modal-title,
		.accordion-button,
		.btn,
		.navbar-brand {
			font-family: var(--dc-heading-font);
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		.display-1,
		.display-2,
		.display-3,
		.display-4,
		.display-5,
		.display-6,
		.dc-display {
			line-height: 1.08;
		}

		p,
		span,
		label,
		input,
		select,
		textarea,
		small,
		li,
		.form-control,
		.form-select {
			font-family: var(--dc-body-font);
		}

		/* Navbar */
		.navbar {
			background: #fff !important;
			border-bottom: 1px solid rgba(0, 0, 0, .10);
			backdrop-filter: blur(12px);
			-webkit-backdrop-filter: blur(12px);
			box-shadow: 0 14px 30px rgba(15, 23, 42, .04);
			min-height: 88px;
		}

		.navbar .nav-link {
			color: rgba(0, 0, 0, .78);
			border-radius: var(--dc-ui-radius);
			padding: .58rem .9rem;
			font-weight: 700;
			font-size: .95rem;
			letter-spacing: .01em;
		}

		.navbar .nav-link:hover {
			background: rgba(var(--dc-primary-rgb), .07);
			color: rgba(0, 0, 0, .92);
		}

		.dc-fixed-tab {
			position: fixed;
			z-index: 1030;
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: .35rem;
			padding: .42rem .4rem;
			border: 1px solid rgba(0, 0, 0, .08);
			background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(245, 248, 251, .96));
			box-shadow: 0 14px 36px rgba(15, 23, 42, .12);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			color: rgba(11, 18, 32, .86);
			text-decoration: none;
			transition: width .24s ease, transform .2s ease, background-color .2s ease, border-color .2s ease;
			overflow: visible;
		}

		.dc-fixed-tab__handle {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: .3rem;
			min-height: 64px;
			padding: .2rem 0;
			border: 0;
			background: transparent;
			color: inherit;
		}

		.dc-fixed-tab:hover,
		.dc-fixed-tab:focus-within {
			background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(236, 243, 246, .98));
			border-color: rgba(var(--dc-primary-rgb), .22);
		}

		.dc-fixed-tab__icon {
			flex: 0 0 auto;
			width: 28px;
			height: 28px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: calc(var(--dc-ui-radius) - .35rem);
			background: rgba(var(--dc-primary-rgb), .12);
			color: var(--dc-primary);
			font-size: .82rem;
		}

		.dc-fixed-tab__reveal {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: .38rem;
			opacity: 0;
			visibility: hidden;
			max-height: 0;
			transform: translateY(-6px);
			pointer-events: none;
			overflow: hidden;
			transition: max-height .24s ease, opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
			will-change: opacity, transform;
		}

		.dc-fixed-tab.is-hovered .dc-fixed-tab__reveal,
		.dc-fixed-tab:focus-within .dc-fixed-tab__reveal,
		.dc-fixed-tab.is-open .dc-fixed-tab__reveal {
			opacity: 1;
			visibility: visible;
			max-height: 320px;
			transform: translateY(0);
			pointer-events: auto;
			transition-delay: 0s;
		}

		.dc-fixed-tab__label {
			font-size: .68rem;
			font-weight: 900;
			letter-spacing: .08em;
			text-transform: uppercase;
			line-height: 1;
			color: rgba(11, 18, 32, .76);
			writing-mode: vertical-rl;
			text-orientation: mixed;
			transform: rotate(180deg);
			opacity: 1;
			transition: opacity .16s ease, transform .16s ease;
		}

		.dc-fixed-tab.is-hovered .dc-fixed-tab__label,
		.dc-fixed-tab:focus-within .dc-fixed-tab__label,
		.dc-fixed-tab.is-open .dc-fixed-tab__label {
			opacity: 0;
			transform: rotate(180deg) scale(.92);
			pointer-events: none;
		}

		.dc-theme-trigger {
			top: 88px;
			right: 0;
			border-radius: var(--dc-card-radius) 0 0 var(--dc-card-radius);
			padding: .45rem .35rem .5rem;
			padding-top: .9rem;
			padding-bottom: .9rem;
			width: 56px;
			min-width: 56px;
			height: auto;
		}

		.dc-theme-trigger .dc-fixed-tab__reveal {
			color: rgba(11, 18, 32, .72);
			font-size: .72rem;
			font-weight: 800;
			writing-mode: vertical-rl;
			text-orientation: mixed;
			transform: rotate(180deg) translateY(-6px);
			width: auto;
			min-width: max-content;
			gap: .72rem;
			padding: .2rem .2rem .7rem;
			overflow: visible;
		}

		.dc-theme-trigger.is-hovered .dc-fixed-tab__reveal,
		.dc-theme-trigger:focus-within .dc-fixed-tab__reveal,
		.dc-theme-trigger.is-open .dc-fixed-tab__reveal {
			transform: rotate(180deg) translateY(0);
		}

		.dc-theme-trigger .dc-fixed-tab__label {
			color: rgba(11, 18, 32, .72);
		}

		.dc-energy-toggle {
			left: 0;
			bottom: 18px;
			border-radius: 0 var(--dc-card-radius) var(--dc-card-radius) 0;
			padding: .45rem .35rem .5rem;
			cursor: default;
			min-width: 56px;
			width: auto;
			height: auto;
		}

		.dc-energy-toggle .dc-fixed-tab__icon {
			background: rgba(15, 23, 42, .08);
			color: rgba(15, 23, 42, .84);
		}

		.dc-energy-toggle .dc-fixed-tab__reveal {
			transform: translateY(-6px);
			width: auto;
			min-width: max-content;
			gap: .72rem;
			padding: .2rem .2rem .7rem;
			overflow: visible;
		}

		.dc-energy-toggle.is-open {
			min-width: max-content;
			padding-inline: .5rem;
			padding-bottom: .85rem;
		}

		.dc-energy-toggle.is-open .dc-fixed-tab__reveal {
			opacity: 1;
			max-height: none;
			transform: translateY(0);
			pointer-events: auto;
		}

		.dc-theme-trigger .fw-bold,
		.dc-energy-toggle .fw-bold {
			text-transform: uppercase;
			letter-spacing: .08em;
			font-size: .68rem;
			line-height: 1;
			text-align: center;
			writing-mode: vertical-rl;
			text-orientation: mixed;
			transform: rotate(180deg);
		}

		.dc-energy-toggle .fw-bold {
			color: rgba(11, 18, 32, .72);
		}

		.dc-energy-toggle .dc-fixed-tab__label {
			color: rgba(11, 18, 32, .72);
		}

		.dc-energy-switchWrap {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: .35rem;
			width: max-content;
			min-width: max-content;
			padding-bottom: .1rem;
			cursor: pointer;
		}

		.dc-energy-tipWrap {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}

		.dc-energy-tipBtn {
			width: 22px;
			height: 22px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgba(15, 23, 42, .12);
			border-radius: 999px;
			background: rgba(255, 255, 255, .94);
			color: var(--dc-primary);
			font-size: .7rem;
			box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
		}

		.dc-energy-tooltip {
			position: absolute;
			left: calc(100% + 10px);
			bottom: -8px;
			width: 210px;
			padding: .75rem .82rem;
			border-radius: calc(var(--dc-ui-radius) + .1rem);
			background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 248, 251, .98));
			border: 1px solid rgba(15, 23, 42, .08);
			box-shadow: 0 18px 34px rgba(15, 23, 42, .16);
			opacity: 0;
			transform: translateX(-6px);
			pointer-events: none;
			transition: opacity .18s ease, transform .18s ease;
			text-align: left;
			z-index: 5;
		}

		.dc-energy-tooltip::before {
			content: "";
			position: absolute;
			left: -7px;
			bottom: 16px;
			width: 14px;
			height: 14px;
			background: inherit;
			border-left: 1px solid rgba(15, 23, 42, .08);
			border-bottom: 1px solid rgba(15, 23, 42, .08);
			transform: rotate(45deg);
		}

		.dc-energy-tooltip strong {
			display: block;
			margin-bottom: .22rem;
			font-size: .76rem;
			font-weight: 900;
			letter-spacing: .08em;
			text-transform: uppercase;
			color: var(--dc-ink);
		}

		.dc-energy-tooltip span {
			display: block;
			font-size: .82rem;
			line-height: 1.45;
			color: rgba(15, 23, 42, .7);
		}

		.dc-energy-tipWrap:hover .dc-energy-tooltip,
		.dc-energy-tipWrap:focus-within .dc-energy-tooltip {
			opacity: 1;
			transform: translateX(0);
		}

		.dc-energy-toggle input {
			display: none;
		}

		.dc-energy-switch {
			position: relative;
			width: 46px;
			height: 26px;
			margin: .75rem 0;
			border-radius: var(--dc-button-radius);
			background: rgba(15, 23, 42, .18);
			transform: rotate(90deg);
			transition: background-color .2s ease;
			flex: 0 0 auto;
		}

		.dc-energy-switch::after {
			content: "";
			position: absolute;
			top: 3px;
			left: 3px;
			width: 20px;
			height: 20px;
			border-radius: calc(var(--dc-button-radius) - .25rem);
			background: #fff;
			box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
			transition: transform .2s ease;
		}

		.dc-energy-toggle input:checked + .dc-energy-switch {
			background: rgba(36, 165, 161, .88);
		}

		.dc-energy-toggle input:checked + .dc-energy-switch::after {
			transform: translateX(20px);
		}

		@media (hover: none) {
			.dc-fixed-tab__reveal {
				opacity: 0;
				visibility: hidden;
				max-height: 0;
				transform: translateY(-6px);
				pointer-events: none;
			}

			.dc-fixed-tab.is-open .dc-fixed-tab__reveal {
				opacity: 1;
				visibility: visible;
				max-height: 320px;
				transform: translateY(0);
				pointer-events: auto;
			}
		}

		@media (max-width: 767px) {
			.dc-theme-trigger {
				top: 72px;
				width: 50px;
				min-width: 50px;
			}

			.dc-fixed-tab {
				padding: .35rem .28rem;
				gap: .28rem;
			}

			.dc-fixed-tab__icon {
				width: 24px;
				height: 24px;
				font-size: .74rem;
			}

			.dc-fixed-tab__handle {
				min-height: 74px;
			}

			.dc-fixed-tab__label {
				font-size: .6rem;
			}

			.dc-theme-trigger .dc-fixed-tab__reveal,
			.dc-energy-toggle .dc-fixed-tab__reveal {
				font-size: .62rem;
			}

			.dc-energy-toggle {
				bottom: 12px;
				min-width: 0;
				width: auto;
			}

			.dc-energy-toggle.is-open {
				min-width: max-content;
				padding-inline: .45rem;
				padding-bottom: .8rem;
			}
		}

		/* Utilities */
		.text-muted-2 {
			color: var(--dc-surface-muted) !important;
		}

		.text-ink {
			color: var(--dc-ink) !important;
		}

		/* Section spacing */
		.dc-section {
			padding: clamp(4rem, 6vw, 6rem) 0;
		}

		/* HERO */
		header#top {
			margin: 0 !important;
			overflow: visible;
		}

		.dc-hero {
			border-radius: 0;
			overflow: hidden;
			box-shadow: none;
			border: 0;
			background: transparent;
		}

		.dc-hero-slide {
			min-height: 560px;
			position: relative;
			overflow: hidden;
		}

		.dc-hero-slide::before {
			content: "";
			position: absolute;
			inset: 8% 6% auto auto;
			width: 320px;
			height: 320px;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(var(--dc-primary-rgb), .22), transparent 62%);
			filter: blur(2px);
			pointer-events: none;
		}

		.dc-hero-slide::after {
			content: "";
			position: absolute;
			inset: auto 12% -18% -10%;
			height: 280px;
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .16), rgba(var(--dc-accent-rgb), .14));
			transform: rotate(-6deg);
			border-radius: 44px;
			filter: blur(1px);
			pointer-events: none;
		}

		@media (max-width:991px) {
			.dc-hero-slide {
				min-height: 620px;
			}
		}

		/* Slide backgrounds */
		.dc-gradient-1 {
			background: color-mix(in srgb, var(--dc-hero-slide-1) 82%, black 18%);
		}

		.dc-gradient-2 {
			background: color-mix(in srgb, var(--dc-hero-slide-2) 92%, white 8%);
		}

		.dc-gradient-3 {
			background: color-mix(in srgb, var(--dc-hero-slide-3) 78%, black 22%);
		}

		.dc-gradient-4 {
			background: color-mix(in srgb, var(--dc-hero-slide-4) 80%, black 20%);
		}

		/* Hero typography */
		.dc-kicker {
			letter-spacing: .12em;
			text-transform: uppercase;
			font-weight: 800;
			font-size: .85rem;
			color: var(--dc-on-dark-muted);
		}

		.dc-display {
			font-weight: 900;
			letter-spacing: -0.03em;
			line-height: .98;
			font-size: clamp(2.5rem, 4.45vw, 4.25rem);
			color: var(--dc-on-dark);
			max-width: 12.6ch;
			text-wrap: balance;
		}

		.dc-lead {
			color: var(--dc-on-dark-muted);
			font-size: 1.04rem;
			line-height: 1.62;
			max-width: 46ch;
		}

		.dc-hero-actions {
			display: flex;
			flex-wrap: wrap;
			gap: .8rem;
			align-items: center;
		}

		.dc-hero-proofline {
			display: flex;
			flex-wrap: wrap;
			gap: .6rem;
			margin-top: 1rem;
		}

		.dc-hero-microtrust {
			display: flex;
			flex-wrap: wrap;
			gap: .6rem;
			margin-top: 1.05rem;
		}

		.dc-hero-microtrustItem {
			display: inline-flex;
			align-items: center;
			gap: .4rem;
			padding: .52rem .78rem;
			border-radius: var(--dc-button-radius);
			border: 1px solid rgba(255, 255, 255, .18);
			background: rgba(6, 14, 24, .18);
			color: rgba(255, 255, 255, .88);
			font-size: .8rem;
			font-weight: 800;
		}

		.dc-hero-microtrustItem strong {
			color: #fff;
			font-size: 1.08rem;
		}

		.dc-gradient-2 .dc-hero-microtrustItem,
		.dc-gradient-2 .dc-badge {
			border-color: rgba(11, 18, 32, .12);
			background: rgba(255, 255, 255, .54);
			color: rgba(11, 18, 32, .82);
		}

		.dc-gradient-2 .dc-hero-microtrustItem strong {
			color: var(--dc-on-light);
		}

		#heroCarousel .carousel-item:first-child .dc-display {
			min-height: 4.12em;
		}

		@media (max-width: 991px) {
			#heroCarousel .carousel-item:first-child .dc-display {
				min-height: auto;
			}

			.dc-hero-proofline,
			.dc-hero-microtrust {
				align-items: stretch;
			}
		}

		.dc-gradient-2 .dc-kicker,
		.dc-gradient-2 .dc-lead {
			color: var(--dc-on-light-muted);
		}

		.dc-gradient-2 .dc-display {
			color: var(--dc-on-light);
		}

		.dc-gradient-2 .btn-dc-hero-outline {
			--bs-btn-color: var(--dc-on-light);
			--bs-btn-border-color: rgba(11, 18, 32, .62);
			--bs-btn-hover-bg: rgba(11, 18, 32, .06);
			--bs-btn-hover-border-color: rgba(11, 18, 32, .82);
			--bs-btn-hover-color: var(--dc-on-light);
		}

		/* Hero badges */
		.dc-badge {
			border-radius: var(--dc-button-radius);
			font-weight: 800;
			padding: .4rem .75rem;
			border: 1px solid rgba(255, 255, 255, .28);
			background: rgba(0, 0, 0, .12);
			color: rgba(255, 255, 255, .92);
		}

		/* Buttons */
		.btn {
			cursor: pointer;
			transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
		}

		.btn span,
		.btn i,
		.btn .fa-solid {
			transition: transform .18s ease, opacity .18s ease;
			transform-origin: center;
		}

		.btn:hover span,
		.btn:hover i,
		.btn:hover .fa-solid {
			transform: scale(1.03);
		}

		.btn:active span,
		.btn:active i,
		.btn:active .fa-solid {
			transform: scale(.985);
		}

		.btn-dc-hero-primary {
			--bs-btn-color: #fff;
			--bs-btn-bg: var(--dc-primary);
			--bs-btn-border-color: var(--dc-primary);
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: rgba(var(--dc-primary-rgb), .88);
			--bs-btn-hover-border-color: rgba(var(--dc-primary-rgb), .88);
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: rgba(var(--dc-primary-rgb), .82);
			--bs-btn-active-border-color: rgba(var(--dc-primary-rgb), .82);
			border-radius: var(--dc-button-radius);
			font-weight: 900;
			padding: .92rem 1.18rem;
			box-shadow: 0 14px 30px rgba(var(--dc-primary-rgb), .18);
		}

		.btn-dc-hero-outline {
			--bs-btn-color: rgba(255, 255, 255, .9);
			--bs-btn-border-color: rgba(255, 255, 255, .22);
			--bs-btn-hover-bg: rgba(255, 255, 255, .06);
			--bs-btn-hover-border-color: rgba(255, 255, 255, .3);
			--bs-btn-hover-color: #fff;
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: rgba(255, 255, 255, .1);
			--bs-btn-active-border-color: rgba(255, 255, 255, .32);
			background: rgba(255, 255, 255, .02);
			border-width: 1px;
			border-radius: var(--dc-button-radius);
			font-weight: 700;
			padding: .85rem 1rem;
		}

		.btn-dc-hero-primary:focus,
		.btn-dc-hero-outline:focus {
			box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .22);
			outline: none;
		}

		/* Hero controls */
		.dc-heroCtrl {
			background: rgba(0, 0, 0, .20);
			border: 1px solid rgba(255, 255, 255, .35);
			box-shadow: none;
		}

		.dc-heroCtrl:hover {
			background: rgba(0, 0, 0, .28);
		}

		/* Trust bar */
		.dc-trustbar {
			border-top: 0;
			background: transparent;
			padding: 38px 0 42px 0;
			overflow: visible;
		}

		.dc-trustbar .container,
		.dc-trustbar .row,
		.dc-trustbar [class*="col-"] {
			overflow: visible;
		}

		.dc-trustbar .container {
			padding-top: 10px;
			padding-bottom: 18px;
		}

		.dc-trustbar .row {
			--bs-gutter-x: 1.15rem;
			--bs-gutter-y: 1.15rem;
			perspective: 1400px;
		}

		.dc-trustitem {
			--dc-trust-float-rotate: -1.2deg;
			--dc-trust-float-tilt: 1.6deg;
			display: grid;
			grid-template-columns: 52px minmax(0, 1fr);
			align-items: start;
			gap: .95rem;
			padding: 1.2rem 1.28rem;
			border-radius: var(--dc-ui-radius);
			border: 1.75px solid #d9d9d9;
			background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
			box-shadow: 0 18px 34px rgba(15, 23, 42, .08);
			min-height: 124px;
			margin-bottom: 10px;
			position: relative;
			overflow: visible;
			transform-style: preserve-3d;
			transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
			animation: dc-trust-float 7.2s ease-in-out infinite;
			will-change: transform;
		}

		.dc-trustitem::before {
			content: "";
			position: absolute;
			inset: 0;
			border-radius: inherit;
			background:
				linear-gradient(135deg, rgba(var(--dc-primary-rgb), .05), transparent 38%),
				radial-gradient(circle at top right, rgba(var(--dc-accent-rgb), .08), transparent 32%);
			opacity: .9;
			pointer-events: none;
		}

		.dc-trustitem::after {
			content: "";
			position: absolute;
			inset: 1px;
			border-radius: calc(var(--dc-ui-radius) - 2px);
			border: 1px solid rgba(255,255,255,.7);
			pointer-events: none;
		}

		.dc-trustitem:hover {
			animation-play-state: paused;
			transform: translateY(-8px) rotateX(4deg) rotateY(-4deg) rotateZ(var(--dc-trust-float-rotate));
			box-shadow: 0 24px 46px rgba(15, 23, 42, .14);
			border-color: rgba(var(--dc-primary-rgb), .2);
		}

		.dc-trustbar .col-md-4:nth-child(1) .dc-trustitem {
			--dc-trust-float-rotate: -.8deg;
			--dc-trust-float-tilt: 1.4deg;
			animation-duration: 7.4s;
			animation-delay: -.8s;
		}

		.dc-trustbar .col-md-4:nth-child(2) .dc-trustitem {
			--dc-trust-float-rotate: .9deg;
			--dc-trust-float-tilt: -1.4deg;
			animation-duration: 8.1s;
			animation-delay: -1.8s;
		}

		.dc-trustbar .col-md-4:nth-child(3) .dc-trustitem {
			--dc-trust-float-rotate: -.6deg;
			--dc-trust-float-tilt: 1.1deg;
			animation-duration: 7.8s;
			animation-delay: -1.2s;
		}

		.dc-icon {
			width: 48px;
			height: 48px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: calc(var(--dc-ui-radius) - 4px);
			background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(240,244,248,.88));
			border: 1px solid rgba(0, 0, 0, .08);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 18px rgba(15,23,42,.06);
			position: relative;
			z-index: 1;
		}

		.dc-trustnum {
			font-weight: 900;
			letter-spacing: -0.02em;
			color: var(--dc-ink);
			font-size: clamp(2.35rem, 3.7vw, 3.25rem);
			line-height: .8;
			margin-bottom: 1rem;
		}

		.dc-trustlbl {
			color: var(--dc-surface-muted);
			font-weight: 700;
			font-size: .82rem;
			line-height: 1.18;
			max-width: 27ch;
			text-wrap: balance;
		}

		.dc-trustcopy {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
			min-width: 0;
			position: relative;
			z-index: 1;
			padding-top: .08rem;
		}

		.dc-trustitem:nth-child(2) {
			transition-delay: .02s;
		}

		.dc-trustitem:nth-child(3) {
			transition-delay: .04s;
		}

		@keyframes dc-trust-float {
			0% {
				transform: translate3d(0, 0, 0) rotateZ(calc(var(--dc-trust-float-rotate) * -.45));
			}
			25% {
				transform: translate3d(0, -5px, 0) rotateX(var(--dc-trust-float-tilt)) rotateY(calc(var(--dc-trust-float-tilt) * -.7)) rotateZ(var(--dc-trust-float-rotate));
			}
			50% {
				transform: translate3d(0, -9px, 0) rotateX(calc(var(--dc-trust-float-tilt) * .55)) rotateY(calc(var(--dc-trust-float-tilt) * -.45)) rotateZ(calc(var(--dc-trust-float-rotate) * .55));
			}
			75% {
				transform: translate3d(0, -4px, 0) rotateX(calc(var(--dc-trust-float-tilt) * -.5)) rotateY(calc(var(--dc-trust-float-tilt) * .4)) rotateZ(calc(var(--dc-trust-float-rotate) * -.5));
			}
			100% {
				transform: translate3d(0, 0, 0) rotateZ(calc(var(--dc-trust-float-rotate) * -.45));
			}
		}

		@media (max-width: 991px) {
			.dc-trustbar .row {
				--bs-gutter-x: .95rem;
			}

			.dc-trustitem {
				animation-duration: 8.6s;
			}

			.dc-trustitem:hover {
				transform: translateY(-3px);
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.dc-trustitem {
				animation: none;
			}

			.dc-trustitem:hover {
				transform: translateY(-2px);
			}
		}

		#faq .container {
			max-width: 1080px;
		}

		#faq .text-center {
			margin-bottom: 2.15rem !important;
		}

		/* Cards */
		.dc-card {
			border: 1.75px solid #d9d9d9;
			border-radius: var(--dc-card-radius);
			box-shadow: 0 18px 34px rgba(15, 23, 42, .04);
			background: #fff;
			transition: transform .18s ease, border-color .18s ease;
		}

		.dc-card:hover {
			transform: translateY(-2px);
			border-color: rgba(var(--dc-primary-rgb), .22);
		}

		.shadow-soft {
			box-shadow: none !important;
		}

		.rounded-xxl {
			border-radius: var(--dc-card-radius) !important;
		}

		/* Buttons global */
		.btn-dc-primary {
			--bs-btn-color: #fff;
			--bs-btn-bg: var(--dc-primary);
			--bs-btn-border-color: var(--dc-primary);
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: rgba(var(--dc-primary-rgb), .88);
			--bs-btn-hover-border-color: rgba(var(--dc-primary-rgb), .88);
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: rgba(var(--dc-primary-rgb), .82);
			--bs-btn-active-border-color: rgba(var(--dc-primary-rgb), .82);
			border-radius: var(--dc-button-radius);
			font-weight: 900;
			padding: calc(var(--dc-space-sm) - .05rem) calc(var(--dc-space-md) - .05rem);
			box-shadow: none;
		}

		.btn-dc-outline {
			--bs-btn-color: var(--dc-accent);
			--bs-btn-border-color: var(--dc-accent);
			--bs-btn-hover-bg: rgba(var(--dc-accent-rgb), .12);
			--bs-btn-hover-border-color: rgba(var(--dc-accent-rgb), .85);
			--bs-btn-hover-color: var(--dc-accent);
			--bs-btn-active-color: var(--dc-accent);
			--bs-btn-active-bg: rgba(var(--dc-accent-rgb), .14);
			--bs-btn-active-border-color: rgba(var(--dc-accent-rgb), .88);
			background: transparent;
			border-width: 2px;
			border-radius: var(--dc-button-radius);
			font-weight: 900;
			padding: calc(var(--dc-space-sm) - .05rem) calc(var(--dc-space-md) - .05rem);
			box-shadow: none;
		}

		.btn-dc-primary:focus,
		.btn-dc-outline:focus {
			box-shadow: 0 0 0 .2rem rgba(var(--dc-primary-rgb), .18);
			outline: none;
		}

		/* SERVIZI quad */
		.dc-quad {
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: 336px;
			padding: clamp(1.7rem, 2.35vw, 2.3rem);
			color: #fff;
			border-radius: 0;
			border: 0;
			text-decoration: none;
			position: relative;
			overflow: hidden;
			isolation: isolate;
			transition: box-shadow .26s ease, filter .26s ease, background-color .26s ease;
		}

		.dc-quad::before,
		.dc-quad::after {
			content: "";
			position: absolute;
			inset: auto;
			pointer-events: none;
			z-index: 0;
		}

		.dc-quad::before {
			width: 220px;
			height: 220px;
			top: -84px;
			right: -72px;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(255, 255, 255, .12), transparent 66%);
			opacity: .5;
		}

		.dc-quad::after {
			inset: 0;
			background-image:
				linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
				linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px),
				linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 46%);
			background-size: 24px 24px, 24px 24px, 100% 100%;
			background-position: center, center, center;
			opacity: .18;
		}

		.dc-quad:hover::before {
			opacity: .62;
		}

		.dc-quad:hover::after {
			opacity: .24;
		}

		.dc-quad > * {
			position: relative;
			z-index: 1;
		}

		.dc-quad h3 {
			font-weight: 900;
			letter-spacing: -0.02em;
			margin: .8rem 0 1rem;
			font-size: clamp(1.28rem, 1.9vw, 1.56rem);
			line-height: 1.14;
			color: var(--dc-on-dark);
			max-width: 14ch;
			text-wrap: balance;
		}

		.dc-quad p {
			margin: 0 0 1.25rem;
			color: var(--dc-on-dark-muted);
			max-width: 31ch;
			font-size: .92rem;
			line-height: 1.62;
		}

		.dc-quad--featured {
			box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 28px 50px rgba(15, 23, 42, .14);
			filter: saturate(1.04);
		}

		.dc-quad .dc-quad-tag {
			display: inline-flex;
			align-items: center;
			gap: .35rem;
			width: fit-content;
			padding: .42rem .72rem;
			border-radius: var(--dc-button-radius);
			background: rgba(255,255,255,.12);
			border: 1px solid rgba(255,255,255,.16);
			font-size: .72rem;
			font-weight: 900;
			letter-spacing: .08em;
			text-transform: uppercase;
			backdrop-filter: blur(10px);
		}

		.dc-quad .dc-quad-icon {
			min-width: 56px;
			height: 56px;
			border-radius: var(--dc-ui-radius);
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(255, 255, 255, .1);
			border: 1px solid rgba(255, 255, 255, .18);
			backdrop-filter: blur(12px);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
		}

		.dc-quad .dc-quad-icon img {
			width: 26px;
			height: auto;
			display: block;
		}

		.dc-quad .dc-quad-cta {
			display: inline-flex;
			align-items: center;
			gap: .5rem;
			font-weight: 900;
			border-radius: var(--dc-button-radius);
			padding: .78rem 1rem;
			border: 1.5px solid rgba(255, 255, 255, .68);
			color: var(--dc-on-dark);
			width: fit-content;
			text-decoration: none;
			background: rgba(255, 255, 255, .06);
			margin-top: auto;
			backdrop-filter: blur(12px);
			transition: background-color .22s ease, border-color .22s ease, gap .22s ease, box-shadow .22s ease;
		}

		.dc-quad .dc-quad-cta:hover {
			background: rgba(255, 255, 255, .12);
			border-color: rgba(255, 255, 255, .86);
			color: var(--dc-on-dark);
			gap: .68rem;
			box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
		}

		.dc-quad:hover {
			box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 18px 34px rgba(15, 23, 42, .1);
		}

		.dc-quad--orange {
			background:
				radial-gradient(circle at top left, rgba(255, 255, 255, .08), transparent 30%),
				linear-gradient(145deg,
					color-mix(in srgb, var(--dc-primary) 70%, #0b1220 30%) 0%,
					color-mix(in srgb, var(--dc-accent) 46%, #0b1220 54%) 100%);
		}

		.dc-quad--yellow {
			background:
				radial-gradient(circle at top right, rgba(255, 255, 255, .16), transparent 32%),
				linear-gradient(145deg,
					color-mix(in srgb, var(--dc-primary) 12%, #f1cb6f 88%) 0%,
					color-mix(in srgb, var(--dc-accent) 8%, #c99a23 92%) 100%);
			color: var(--dc-on-light);
		}

		.dc-quad--yellow h3,
		.dc-quad--yellow p,
		.dc-quad--yellow .dc-kicker {
			color: var(--dc-on-light);
		}

		.dc-quad--yellow p {
			color: var(--dc-on-light-muted);
		}

		.dc-quad--yellow .dc-quad-cta {
			border-color: rgba(0, 0, 0, .42);
			color: var(--dc-on-light);
			background: rgba(255, 255, 255, .16);
		}

		.dc-quad--yellow .dc-quad-cta:hover {
			border-color: rgba(0, 0, 0, .58);
			background: rgba(255, 255, 255, .26);
		}

		.dc-quad--yellow .dc-quad-tag,
		.dc-quad--yellow .dc-quad-icon {
			background: rgba(255,255,255,.2);
			border-color: rgba(255,255,255,.26);
		}

		.dc-quad--purple {
			background:
				radial-gradient(circle at top center, rgba(255, 255, 255, .08), transparent 28%),
				linear-gradient(145deg,
					color-mix(in srgb, var(--dc-accent) 66%, #211039 34%) 0%,
					color-mix(in srgb, var(--dc-primary) 18%, #211039 82%) 100%);
		}

		.dc-quad--teal {
			background:
				radial-gradient(circle at top left, rgba(255, 255, 255, .08), transparent 30%),
				linear-gradient(145deg,
					color-mix(in srgb, var(--dc-primary) 72%, #0c2331 28%) 0%,
					color-mix(in srgb, var(--dc-accent) 18%, #102f45 82%) 100%);
		}

		.dc-services-grid {
			display: grid;
			grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
			grid-template-areas:
				"featured compliance"
				"featured platform"
				"retention retention";
			gap: 1rem;
		}

		.dc-services-col {
			min-width: 0;
		}

		.dc-services-col--featured {
			grid-area: featured;
		}

		.dc-services-col--compliance {
			grid-area: compliance;
		}

		.dc-services-col--platform {
			grid-area: platform;
		}

		.dc-services-col--retention {
			grid-area: retention;
		}

		.dc-services-grid .dc-quad {
			height: 100%;
			border-radius: var(--dc-card-radius) !important;
		}

		.dc-service-head {
			display: flex;
			align-items: center;
			gap: 1rem;
			margin-bottom: 1.5rem;
		}

		.dc-service-body {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			max-width: 34rem;
			gap: .18rem;
		}

		.dc-service-foot {
			margin-top: auto;
			padding-top: 1.45rem;
		}

		.dc-services-col--featured .dc-quad {
			min-height: 100%;
			padding: clamp(2rem, 2.8vw, 2.8rem);
		}

		.dc-services-col--featured .dc-service-head {
			margin-bottom: 1.85rem;
		}

		.dc-services-col--featured .dc-quad h3 {
			font-size: clamp(1.6rem, 2.4vw, 2.2rem);
			max-width: 11ch;
			margin-top: 1rem;
			margin-bottom: 1.1rem;
		}

		.dc-services-col--featured .dc-quad p {
			font-size: 1rem;
			max-width: 28ch;
			line-height: 1.7;
		}

		.dc-services-col--featured .dc-quad-cta {
			padding-inline: 1.08rem;
		}

		.dc-service-mark {
			position: absolute;
			right: -4%;
			bottom: -10%;
			width: clamp(180px, 22vw, 290px);
			height: clamp(180px, 22vw, 290px);
			background: url("../img/dc-mark-soft-white-lg.webp") center / contain no-repeat;
			opacity: .18;
			mix-blend-mode: screen;
			filter: sepia(1) saturate(360%) hue-rotate(144deg) brightness(1.06) drop-shadow(0 18px 32px rgba(255,255,255,.08));
			transform: rotate(-14deg) scale(1.24);
			pointer-events: none;
			z-index: 0;
		}

		.dc-service-wordmark {
			position: absolute;
			right: 6%;
			top: 50%;
			transform: translateY(-50%);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			pointer-events: none;
			z-index: 0;
		}

		.dc-service-wordmark img {
			width: clamp(250px, 28vw, 420px);
			height: auto;
			display: block;
			filter: brightness(0) invert(1);
			opacity: .15;
		}

		.dc-services-col--featured .dc-service-foot {
			padding-top: 1.7rem;
		}

		.dc-services-col--retention {
			margin-bottom: 1.35rem;
		}

		@media (max-width: 991px) {
			.dc-services-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				grid-template-areas:
					"featured featured"
					"compliance platform"
					"retention retention";
			}
		}

		@media (max-width: 767px) {
			.dc-services-grid {
				grid-template-columns: 1fr;
				grid-template-areas:
					"featured"
					"compliance"
					"platform"
					"retention";
			}

			.dc-service-head {
				gap: .85rem;
				margin-bottom: 1rem;
			}

			.dc-services-col--featured .dc-quad h3 {
				max-width: 12ch;
			}

			.dc-service-mark {
				width: 170px;
				height: 170px;
				right: -8%;
				bottom: -8%;
			}

			.dc-service-wordmark {
				display: none;
			}
		}

		/* Accordion */
		#dcAccordion,
		#dcFaqAccordion {
			border: 1.75px solid #d9d9d9;
			border-radius: var(--dc-card-radius);
			overflow: hidden;
			background: #fff;
			box-shadow: 0 18px 34px rgba(15, 23, 42, .05);
		}

		#dcAccordion .accordion-item,
		#dcFaqAccordion .accordion-item {
			border: 0;
			border-bottom: 1px solid rgba(15, 23, 42, .08);
			border-radius: 0;
			background: transparent;
			box-shadow: none;
		}

		#dcAccordion .accordion-item:last-child,
		#dcFaqAccordion .accordion-item:last-child {
			border-bottom: 0;
		}

		#dcAccordion .accordion-header,
		#dcFaqAccordion .accordion-header {
			margin: 0;
		}

		#dcAccordion .accordion-button,
		#dcFaqAccordion .accordion-button {
			border-radius: 0;
			padding: 1.2rem 1.35rem;
			background: #fff;
			color: var(--dc-ink);
			box-shadow: none;
			font-size: 1rem;
			font-weight: 800;
		}

		#dcAccordion .accordion-button:not(.collapsed),
		#dcFaqAccordion .accordion-button:not(.collapsed) {
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .08), rgba(var(--dc-accent-rgb), .06));
			color: var(--dc-ink);
		}

		#dcAccordion .accordion-button::after,
		#dcFaqAccordion .accordion-button::after {
			background-size: 1rem;
		}

		#dcAccordion .accordion-body,
		#dcFaqAccordion .accordion-body {
			padding: calc(var(--dc-space-xs) * .5) var(--dc-space-md) var(--dc-space-md);
		}

		#dcAccordion .accordion-body > *:not(:first-child),
		#dcFaqAccordion .accordion-body > *:not(:first-child) {
			margin-top: .65rem;
		}

		.accordion-button:not(.collapsed) {
			background: rgba(0, 0, 0, .04);
			color: var(--dc-ink);
		}

		.accordion-button:focus {
			box-shadow: 0 0 0 .2rem rgba(var(--dc-primary-rgb), .18);
		}

		.accordion-item,
		.dc-sector-hero,
		.dc-sector-card,
		.dc-sustainability,
		.modal-content,
		#dcCookieBanner,
		.dc-game-tile,
		.demo-end-card {
			border-radius: var(--dc-card-radius);
		}

		.dc-sector-icon,
		.dc-sustainability-item,
		.demo-pill,
		.memory-face,
		.puzzle-tile,
		.dc-quad .dc-quad-icon {
			border-radius: var(--dc-ui-radius);
		}

		.accordion-body {
			color: var(--dc-surface-muted);
			line-height: 1.78;
			font-size: .98rem;
		}

		/* Form */
		.form-control,
		.form-select {
			border-radius: var(--dc-ui-radius);
			border-color: #d9d9d9;
			padding: 1rem 1.05rem;
			min-height: 58px;
		}

		textarea.form-control {
			min-height: 170px;
		}

		.form-control:focus,
		.form-select:focus {
			border-color: rgba(var(--dc-primary-rgb), .55);
			box-shadow: 0 0 0 .2rem rgba(var(--dc-primary-rgb), .14);
		}

		.form-label {
			margin-bottom: .45rem;
			font-size: .84rem;
			letter-spacing: .03em;
			text-transform: uppercase;
		}

		/* Client logos */
		.dc-client {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 84px;
			border: 1.75px solid #d9d9d9;
			border-radius: var(--dc-card-radius);
			background: rgba(255, 255, 255, .92);
			padding: 14px 18px;
			overflow: hidden;
			transition: transform .18s ease, border-color .18s ease;
			text-decoration: none;
			color: inherit;
		}

		.dc-client:hover {
			transform: translateY(-2px);
			border-color: rgba(20, 23, 31, .22);
		}

		.dc-client img {
			max-height: 30px;
			width: auto;
			max-width: 100%;
			object-fit: contain;
			display: block;
		}

		.dc-client svg {
			height: 34px;
			width: auto;
			display: block;
		}

		.dc-client.is-vodafone svg {
			height: 44px;
		}

		.dc-client-tag {
			font-weight: 900;
			letter-spacing: .02em;
			color: rgba(20, 23, 31, .72);
		}

		.dc-kicker-muted {
			color: var(--dc-surface-muted);
		}

		.dc-kicker-dark {
			color: var(--dc-surface-text);
		}

		.dc-lead-dark {
			color: var(--dc-surface-muted);
		}

		.dc-badge-surface {
			color: var(--dc-surface-text);
			border-color: rgba(0, 0, 0, .12);
			background: #fff;
		}

		.dc-heroCtrl-shell {
			height: 64px;
			width: 64px;
		}

		.dc-heroCtrl-icon {
			width: 32px;
			height: 32px;
		}

		.dc-contact-panel {
			background: linear-gradient(135deg, color-mix(in srgb, var(--dc-primary) 42%, #0f172a 58%), color-mix(in srgb, var(--dc-accent) 24%, #0f172a 76%));
			color: #fff;
			box-shadow: 0 30px 54px rgba(15, 23, 42, .16);
		}

		#contatti .dc-card {
			box-shadow: 0 24px 42px rgba(15, 23, 42, .06);
		}

		.dc-contact-text {
			color: var(--dc-on-dark-muted);
			line-height: 1.74;
		}

		.dc-contact-text-strong {
			color: var(--dc-on-dark);
		}

		.dc-map-btn {
			padding: .85rem 1.1rem;
		}

		.dc-contact-visual {
			width: calc(100% + 3rem);
			margin-left: -1.5rem;
			margin-right: -1.5rem;
			height: auto;
			display: block;
			opacity: .88;
			filter: saturate(.92);
		}

		@media (min-width: 992px) {
			.dc-contact-visual {
				width: calc(100% + 6rem);
				margin-left: -3rem;
				margin-right: -3rem;
				max-width: none;
			}
		}

		.dc-cert-stack {
			display: flex;
			align-items: center;
			gap: .5rem;
			min-width: 104px;
			min-height: 48px;
		}

		.dc-cert-logoBtn {
			padding: .25rem;
			border: 0;
			background: rgba(255, 255, 255, .96);
			border-radius: 999px;
			box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
			transition: transform .18s ease, box-shadow .18s ease;
		}

		.dc-cert-logoBtn:hover {
			transform: translateY(-2px);
			box-shadow: 0 16px 30px rgba(15, 23, 42, .12);
		}

		.dc-cert-logoBtn img {
			display: block;
			border-radius: 999px;
			width: 48px;
			height: 48px;
			object-fit: cover;
		}

		.dc-cert-trigger {
			display: inline-flex;
			align-items: center;
			gap: .45rem;
			padding: .42rem .72rem;
			border-radius: var(--dc-button-radius);
			border: 1px solid rgba(15, 23, 42, .10);
			background: rgba(255, 255, 255, .84);
			color: var(--dc-surface-text);
			font-size: .76rem;
			font-weight: 800;
			line-height: 1;
			box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
		}

		.dc-cert-trigger:hover {
			border-color: rgba(var(--dc-primary-rgb), .24);
			background: rgba(255, 255, 255, .96);
			color: var(--dc-surface-text);
		}

		.dc-cert-trigger--inline {
			margin-top: .9rem;
			background: rgba(255, 255, 255, .14);
			border-color: rgba(255, 255, 255, .22);
			color: var(--dc-on-dark);
			box-shadow: none;
		}

		.dc-cert-trigger--inline:hover {
			background: rgba(255, 255, 255, .2);
			border-color: rgba(255, 255, 255, .34);
			color: var(--dc-on-dark);
		}

		.dc-cert-modal .modal-content {
			overflow: hidden;
		}

		.dc-cert-modal .modal-header {
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .14), rgba(var(--dc-accent-rgb), .12));
			border-bottom-color: rgba(15, 23, 42, .08);
		}

		.dc-cert-badges {
			display: flex;
			flex-wrap: wrap;
			gap: .65rem;
			margin-bottom: 1rem;
		}

		.dc-cert-badge {
			display: inline-flex;
			align-items: center;
			gap: .45rem;
			padding: .48rem .78rem;
			border-radius: var(--dc-button-radius);
			background: rgba(var(--dc-primary-rgb), .08);
			border: 1px solid rgba(var(--dc-primary-rgb), .14);
			color: var(--dc-surface-text);
			font-weight: 800;
			font-size: .82rem;
		}

		.dc-cert-copy {
			color: var(--dc-surface-muted);
			line-height: 1.65;
			margin-bottom: 0;
		}

		.dc-modal-head {
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .16), rgba(var(--dc-accent-rgb), .12));
		}

		.dc-status {
			display: none;
			margin-bottom: 1rem;
			padding: var(--dc-space-sm) var(--dc-space-md);
			border-radius: var(--dc-ui-radius);
			font-size: .95rem;
			font-weight: 700;
		}

		.dc-status.is-visible {
			display: block;
		}

		.dc-status.is-success {
			background: rgba(140, 198, 63, .15);
			border: 1px solid rgba(140, 198, 63, .42);
			color: #345012;
		}

		.dc-status.is-success.is-visible {
			animation: dcStatusPulse .72s ease-in-out 4;
			transform-origin: center;
		}

		@keyframes dcStatusPulse {
			0%, 100% {
				transform: scale(1);
				box-shadow: 0 0 0 rgba(140, 198, 63, 0);
			}
			45% {
				transform: scale(1.025);
				box-shadow: 0 0 0 .42rem rgba(140, 198, 63, .18);
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.dc-status.is-success.is-visible {
				animation: none;
			}
		}

		.dc-status.is-error {
			background: rgba(229, 95, 56, .12);
			border: 1px solid rgba(229, 95, 56, .34);
			color: #7a2f1c;
		}

		.dc-sector-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 1rem;
		}

		.dc-sector-hero {
			position: relative;
			overflow: hidden;
			border-radius: var(--dc-card-radius);
			background:
				radial-gradient(circle at top right, rgba(var(--dc-primary-rgb), .18), transparent 24%),
				radial-gradient(circle at bottom left, rgba(var(--dc-accent-rgb), .14), transparent 22%),
				linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.98));
			border: 1px solid rgba(15, 23, 42, .08);
			box-shadow: 0 26px 48px rgba(15, 23, 42, .08);
		}

		.dc-sector-hero::after {
			content: "";
			position: absolute;
			inset: 1rem;
			border-radius: calc(var(--dc-card-radius) - .4rem);
			border: 1px solid rgba(255, 255, 255, .7);
			pointer-events: none;
		}

		.dc-sector-lead {
			font-size: 1rem;
			line-height: 1.78;
			max-width: 58ch;
		}

		.dc-process-shell {
			position: relative;
			margin-top: 2.1rem;
			padding: 1.7rem 1.15rem 1.2rem;
			max-width: 1280px;
			margin-left: auto;
			margin-right: auto;
			border: 1px solid rgba(15, 23, 42, .07);
			border-radius: calc(var(--dc-card-radius) + .45rem);
			background:
				radial-gradient(circle at top right, rgba(var(--dc-accent-rgb), .07), transparent 24%),
				radial-gradient(circle at bottom left, rgba(var(--dc-primary-rgb), .05), transparent 26%),
				linear-gradient(180deg, rgba(252, 253, 255, .99), rgba(247, 250, 252, .97));
			box-shadow: 0 24px 48px rgba(15, 23, 42, .07);
			overflow: hidden;
		}

		.dc-process-shell::before {
			content: "";
			position: absolute;
			inset: 1rem;
			border-radius: calc(var(--dc-card-radius) + .08rem);
			border: 1px solid rgba(255, 255, 255, .82);
			pointer-events: none;
		}

		.dc-process-shell::after {
			content: "";
			position: absolute;
			inset: 0;
			background-image:
				linear-gradient(rgba(var(--dc-primary-rgb), .03) 1px, transparent 1px),
				linear-gradient(90deg, rgba(var(--dc-primary-rgb), .03) 1px, transparent 1px);
			background-size: 28px 28px;
			opacity: .42;
			pointer-events: none;
		}

		.dc-process-line {
			position: relative;
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			align-items: start;
			gap: 1rem;
			padding: .15rem .75rem 0;
			z-index: 1;
		}

		.dc-process-mobileHint {
			display: none;
			position: relative;
			z-index: 1;
			align-items: center;
			justify-content: center;
			gap: .45rem;
			margin-bottom: .7rem;
			font-size: .72rem;
			line-height: 1.2;
			font-weight: 800;
			letter-spacing: .12em;
			text-transform: uppercase;
			color: rgba(var(--dc-primary-rgb), .72);
		}

		.dc-process-mobileHint::before {
			content: "↔";
			font-size: .88rem;
			line-height: 1;
		}

		.dc-process-line::before {
			content: "";
			position: absolute;
			left: 8%;
			right: 8%;
			top: 34px;
			height: 4px;
			border-radius: 999px;
			background: linear-gradient(90deg, rgba(var(--dc-primary-rgb), .16), rgba(var(--dc-accent-rgb), .2), rgba(var(--dc-primary-rgb), .16));
			box-shadow: 0 8px 18px rgba(var(--dc-primary-rgb), .08);
		}

		.dc-process-line::after {
			content: "";
			position: absolute;
			top: 6px;
			left: 0;
			width: 560px;
			height: 72px;
			border-radius: 999px;
			background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(var(--dc-accent-rgb), .08), rgba(var(--dc-accent-rgb), .16), rgba(var(--dc-primary-rgb), .22), rgba(var(--dc-accent-rgb), .16), rgba(var(--dc-accent-rgb), .08), rgba(255, 255, 255, 0));
			filter: blur(18px);
			opacity: .72;
			animation: dcRailFlow 6.4s ease-in-out infinite;
		}

		.dc-process-trigger {
			position: relative;
			z-index: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: .95rem;
			padding: 0;
			border: 0;
			background: transparent;
			color: inherit;
			cursor: pointer;
			transition: transform .28s ease;
		}

		.dc-process-trigger:hover,
		.dc-process-trigger:focus-visible,
		.dc-process-trigger.is-active {
			transform: translateY(-3px);
		}

		.dc-process-trigger:focus-visible {
			outline: none;
		}

		.dc-process-trigger__dot {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 68px;
			height: 68px;
			border-radius: 999px;
			font-size: 1.35rem;
			line-height: 1;
			font-weight: 900;
			letter-spacing: -.03em;
			color: var(--dc-primary);
			background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(245, 249, 252, .94));
			border: 1px solid rgba(var(--dc-primary-rgb), .1);
			box-shadow: 0 0 0 10px rgba(255, 255, 255, .75), 0 18px 30px rgba(var(--dc-primary-rgb), .12);
			transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, color .3s ease, background .3s ease;
		}

		.dc-process-trigger__dot::before {
			content: "";
			position: absolute;
			inset: 9px;
			border-radius: 999px;
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .16), rgba(var(--dc-accent-rgb), .18));
			transition: opacity .28s ease, transform .28s ease;
		}

		.dc-process-trigger__dot span {
			position: relative;
			z-index: 1;
		}

		.dc-process-trigger__label {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: .38rem;
			text-align: center;
			min-height: 60px;
		}

		.dc-process-trigger__title {
			font-size: .98rem;
			line-height: 1.12;
			font-weight: 900;
			color: var(--dc-ink);
			margin-bottom: .18rem;
			transition: transform .28s ease, color .28s ease;
		}

		.dc-process-trigger__meta {
			font-size: .68rem;
			line-height: 1.15;
			font-weight: 800;
			letter-spacing: .14em;
			text-transform: uppercase;
			color: rgba(var(--dc-primary-rgb), .62);
		}

		.dc-process-trigger:hover .dc-process-trigger__dot,
		.dc-process-trigger:focus-visible .dc-process-trigger__dot,
		.dc-process-trigger.is-active .dc-process-trigger__dot {
			transform: scale(1.08);
			color: #f8fcff;
			border-color: rgba(var(--dc-primary-rgb), .18);
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .96), rgba(var(--dc-accent-rgb), .88));
			box-shadow: 0 0 0 12px rgba(var(--dc-primary-rgb), .08), 0 24px 42px rgba(var(--dc-primary-rgb), .18);
		}

		.dc-process-trigger:hover .dc-process-trigger__dot::before,
		.dc-process-trigger:focus-visible .dc-process-trigger__dot::before,
		.dc-process-trigger.is-active .dc-process-trigger__dot::before {
			opacity: 0;
			transform: scale(.88);
		}

		.dc-process-trigger:hover .dc-process-trigger__title,
		.dc-process-trigger:focus-visible .dc-process-trigger__title,
		.dc-process-trigger.is-active .dc-process-trigger__title {
			transform: scale(1.04);
		}

		.dc-process-panels {
			position: relative;
			margin-top: 1.2rem;
			min-height: 288px;
			z-index: 1;
		}

		.dc-process-panel {
			position: absolute;
			inset: 0;
			display: grid;
			grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
			gap: 1rem;
			padding: 1.15rem;
			border: 1px solid rgba(15, 23, 42, .08);
			border-radius: calc(var(--dc-card-radius) - .1rem);
			background:
				radial-gradient(circle at top right, rgba(var(--dc-accent-rgb), .05), transparent 24%),
				linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(247, 250, 252, .97));
			box-shadow: 0 20px 38px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .72);
			opacity: 0;
			pointer-events: none;
			transform: translateY(18px) scale(.98);
			transition: opacity .32s ease, transform .32s ease;
			overflow: hidden;
		}

		.dc-process-panel::before {
			content: "";
			position: absolute;
			inset: 0;
			background-image:
				linear-gradient(rgba(var(--dc-primary-rgb), .04) 1px, transparent 1px),
				linear-gradient(90deg, rgba(var(--dc-primary-rgb), .04) 1px, transparent 1px);
			background-size: 24px 24px;
			opacity: .36;
			pointer-events: none;
		}

		.dc-process-panel.is-active {
			opacity: 1;
			pointer-events: auto;
			transform: translateY(0) scale(1);
		}

		.dc-process-panel__copy,
		.dc-process-panel__side {
			position: relative;
			z-index: 1;
		}

		.dc-process-panel__copy {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			gap: .85rem;
			padding: .15rem .1rem .15rem .1rem;
			width: 100%;
		}

		.dc-process-panel__eyebrow {
			display: inline-flex;
			align-items: center;
			gap: .5rem;
			font-size: .74rem;
			line-height: 1;
			font-weight: 900;
			letter-spacing: .14em;
			text-transform: uppercase;
			color: rgba(var(--dc-primary-rgb), .74);
		}

		.dc-process-panel__eyebrow::before {
			content: "";
			width: 10px;
			height: 10px;
			border-radius: 999px;
			background: linear-gradient(135deg, rgba(var(--dc-accent-rgb), .95), rgba(var(--dc-primary-rgb), .82));
			box-shadow: 0 0 0 5px rgba(var(--dc-primary-rgb), .08);
		}

		.dc-process-panel__title {
			font-size: clamp(1.7rem, 2.35vw, 2.25rem);
			line-height: 1.04;
			font-weight: 900;
			letter-spacing: -.05em;
			color: var(--dc-ink);
			max-width: 10ch;
			text-wrap: balance;
			margin-inline: auto;
		}

		.dc-process-panel__text {
			font-size: .98rem;
			line-height: 1.72;
			color: var(--dc-surface-muted);
			max-width: 46ch;
			margin-inline: auto;
		}

		.dc-process-panel__side {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: .85rem;
			padding: 1rem;
			border-radius: calc(var(--dc-ui-radius) + .25rem);
			background: linear-gradient(160deg, rgba(var(--dc-primary-rgb), .08), rgba(var(--dc-accent-rgb), .06));
			border: 1px solid rgba(var(--dc-primary-rgb), .08);
		}

		.dc-process-panel__metric {
			display: flex;
			align-items: flex-start;
			gap: .8rem;
		}

		.dc-process-panel__metricNum {
			flex: 0 0 auto;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 48px;
			height: 48px;
			border-radius: 999px;
			font-size: 1rem;
			line-height: 1;
			font-weight: 900;
			color: var(--dc-primary);
			background: rgba(255, 255, 255, .8);
			box-shadow: 0 8px 16px rgba(var(--dc-primary-rgb), .1);
		}

		.dc-process-panel__metricLabel {
			font-size: .76rem;
			line-height: 1.18;
			font-weight: 800;
			letter-spacing: .12em;
			text-transform: uppercase;
			color: rgba(var(--dc-primary-rgb), .72);
			margin-bottom: .18rem;
		}

		.dc-process-panel__metricText {
			font-size: .93rem;
			line-height: 1.5;
			color: var(--dc-surface-muted);
		}

		@keyframes dcRailFlow {
			0% {
				transform: translateX(0);
				opacity: 0;
			}

			12% {
				opacity: .95;
			}

			88% {
				opacity: .95;
			}

			100% {
				transform: translateX(calc(80vw - 240px));
				opacity: 0;
			}
		}

		.dc-sector-badges {
			display: flex;
			flex-wrap: wrap;
			gap: .65rem;
		}

		.dc-sector-card {
			position: relative;
			padding: var(--dc-space-md);
			border-radius: var(--dc-ui-radius);
			border: 1px solid rgba(15, 23, 42, .08);
			background: linear-gradient(180deg, #fff, rgba(248, 250, 252, .96));
			box-shadow: 0 18px 30px rgba(15, 23, 42, .05);
			transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
			animation: dc-sector-rise .7s ease both;
		}

		.dc-sector-card h3 {
			font-size: 1.12rem;
			margin-bottom: .45rem;
		}

		.dc-sector-use {
			display: block;
			margin-top: .7rem;
			padding-top: .7rem;
			border-top: 1px solid rgba(15, 23, 42, .08);
			font-size: .77rem;
			font-weight: 800;
			letter-spacing: .02em;
			color: var(--dc-primary);
		}

		.dc-sector-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 24px 40px rgba(15, 23, 42, .12);
			border-color: rgba(var(--dc-primary-rgb), .26);
		}

		.dc-sector-icon {
			width: 52px;
			height: 52px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: var(--dc-ui-radius);
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .14), rgba(var(--dc-accent-rgb), .12));
			color: var(--dc-accent);
			font-size: 1.15rem;
			margin-bottom: .9rem;
		}

		.dc-sustainability {
			position: relative;
			overflow: hidden;
			border-radius: var(--dc-card-radius);
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .08), rgba(var(--dc-accent-rgb), .10));
			border: 1px solid rgba(var(--dc-primary-rgb), .14);
			animation: dc-sector-rise .8s ease both;
			box-shadow: 0 26px 48px rgba(15, 23, 42, .08);
		}

		.dc-sustainability::before {
			content: "";
			position: absolute;
			inset: 0;
			background:
				radial-gradient(circle at top right, rgba(var(--dc-primary-rgb), .16), transparent 26%),
				radial-gradient(circle at bottom left, rgba(var(--dc-accent-rgb), .12), transparent 24%);
			pointer-events: none;
		}

		.dc-sustainability > * {
			position: relative;
			z-index: 1;
		}

		.dc-sustainability-head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 1rem;
			margin-bottom: 1.25rem;
		}

		.dc-sustainability-visual {
			position: relative;
			flex: 0 0 340px;
			width: 340px;
			height: 240px;
			align-self: flex-start;
			overflow: visible;
		}

		.dc-sustainability-title {
			font-size: clamp(1.7rem, 3vw, 2.35rem);
			line-height: 1.1;
			margin: .2rem 0 0;
			max-width: 16ch;
		}

		.dc-sustainability-mark {
			position: absolute;
			top: -46px;
			right: -54px;
			width: 360px;
			height: 360px;
			background: url("../img/dc-mark-soft-white-lg.webp") center / contain no-repeat;
			opacity: .38;
			mix-blend-mode: screen;
			filter: sepia(1) saturate(360%) hue-rotate(144deg) brightness(1.04) drop-shadow(0 28px 52px rgba(var(--dc-primary-rgb), .14));
			transform: rotate(-12deg) scale(1.22);
			pointer-events: none;
			z-index: 0;
		}

		.dc-sustainability-orb {
			position: absolute;
			top: -26px;
			right: -8px;
			width: 168px;
			height: 168px;
			flex: 0 0 auto;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			color: var(--dc-primary);
			font-size: 6rem;
			text-shadow: 0 20px 40px rgba(var(--dc-primary-rgb), .18);
			animation: dc-orb-float 4.8s ease-in-out infinite;
			background: none;
			border: 0;
			box-shadow: none;
			z-index: 1;
			pointer-events: none;
		}

		.dc-sustainability-copy {
			font-size: 1.02rem;
			line-height: 1.74;
			max-width: 62ch;
		}

		.dc-sustainability-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: .85rem;
			margin-top: 1.5rem;
		}

		.dc-sustainability-item {
			padding: var(--dc-space-md);
			border-radius: var(--dc-ui-radius);
			background: rgba(255, 255, 255, .6);
			border: 1px solid rgba(var(--dc-primary-rgb), .12);
			backdrop-filter: blur(8px);
			transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
			animation: dc-sector-rise .75s ease both;
		}

		.dc-sustainability-item:hover {
			transform: translateY(-4px);
			border-color: rgba(var(--dc-primary-rgb), .24);
			background: rgba(255, 255, 255, .72);
		}

		.dc-sustainability-item:nth-child(2) {
			animation-delay: .08s;
		}

		.dc-sustainability-item:nth-child(3) {
			animation-delay: .16s;
		}

		.dc-sustainability-itemIcon {
			width: 44px;
			height: 44px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: calc(var(--dc-ui-radius) - .1rem);
			background: linear-gradient(135deg, rgba(var(--dc-primary-rgb), .18), rgba(var(--dc-accent-rgb), .10));
			color: var(--dc-accent);
			margin-bottom: .75rem;
			font-size: 1rem;
		}

		.dc-sustainability-itemTitle {
			font-weight: 900;
			margin-bottom: .35rem;
			color: var(--dc-ink);
		}

		.dc-sustainability-itemText {
			margin: 0;
			font-size: .94rem;
			line-height: 1.6;
			color: rgba(20, 23, 31, .72);
		}

		@keyframes dc-orb-float {
			0% { transform: translateY(0px); }
			50% { transform: translateY(8px); }
			100% { transform: translateY(0px); }
		}

		@keyframes dc-sector-rise {
			from {
				opacity: 0;
				transform: translateY(18px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.dc-footer-linkbtn {
			padding: 0;
			border: 0;
			background: none;
			font: inherit;
			color: inherit;
			text-decoration: underline;
			cursor: pointer;
		}

		.visually-hidden-honeypot {
			position: absolute !important;
			left: -9999px !important;
			width: 1px !important;
			height: 1px !important;
			overflow: hidden !important;
		}

		@media (max-width:991px) {
			.dc-process-line::before,
			.dc-process-line::after {
				display: none;
			}

			.dc-process-panels {
				min-height: 380px;
			}

			.dc-process-panel {
				grid-template-columns: 1fr;
			}

			.dc-sector-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}

		@media (max-width:767px) {
			.dc-hero-microtrust {
				flex-direction: column;
				align-items: stretch;
			}

			.dc-process-shell {
				padding: 1.45rem .85rem 1rem;
				overflow: visible;
			}

			.dc-process-mobileHint {
				display: flex;
			}

			.dc-process-line {
				display: flex;
				gap: .8rem;
				padding: .75rem .15rem .35rem;
				overflow-x: auto;
				overflow-y: visible;
				scroll-snap-type: x proximity;
				-webkit-overflow-scrolling: touch;
				scrollbar-width: none;
			}

			.dc-process-line::-webkit-scrollbar {
				display: none;
			}

			.dc-process-trigger {
				flex: 0 0 118px;
				scroll-snap-align: center;
				padding-top: .2rem;
				padding-bottom: .2rem;
			}

			.dc-process-trigger__dot {
				width: 54px;
				height: 54px;
				font-size: 1.05rem;
				margin-top: .2rem;
				box-shadow: 0 0 0 8px rgba(255, 255, 255, .78), 0 14px 24px rgba(var(--dc-primary-rgb), .12);
			}

			.dc-process-trigger__title {
				font-size: .84rem;
			}

			.dc-process-trigger__meta {
				font-size: .58rem;
				letter-spacing: .11em;
			}

			.dc-process-trigger:not(.is-active) {
				opacity: .72;
			}

			.dc-process-trigger.is-active {
				opacity: 1;
			}

			.dc-process-panels {
				min-height: auto;
				margin-top: .95rem;
			}

			.dc-process-panel {
				position: relative;
				inset: auto;
				padding: .95rem;
			}

			.dc-process-panel:not(.is-active) {
				display: none;
			}

			.dc-process-panel__title {
				max-width: none;
				font-size: 1.45rem;
			}

			.dc-process-panel__text {
				font-size: .96rem;
				line-height: 1.68;
			}

			.dc-process-panel__side {
				padding: .95rem;
				gap: .8rem;
			}

			.dc-process-panel__metricNum {
				width: 42px;
				height: 42px;
				font-size: .92rem;
			}

			.dc-display {
				max-width: 100%;
			}

			.dc-sector-grid {
				grid-template-columns: 1fr;
			}

			.dc-sustainability-head {
				align-items: flex-start;
			}

			.dc-sustainability-visual {
				width: 220px;
				height: 190px;
			}

			.dc-sustainability-mark {
				width: 240px;
				height: 240px;
				top: -18px;
				right: -24px;
				opacity: .28;
			}

			.dc-sustainability-orb {
				width: 148px;
				height: 148px;
				top: -10px;
				right: -4px;
				font-size: 4.8rem;
			}

			.dc-sustainability-grid {
				grid-template-columns: 1fr;
			}
		}

		/* Games tiles */
		.dc-tile {
			border-radius: var(--dc-card-radius);
			border: 1.75px solid #d9d9d9;
			box-shadow: none;
			transition: transform .18s ease;
			color: #0b1220;
			text-decoration: none;
		}

		.dc-tile:hover {
			transform: translateY(-3px);
		}

		.dc-tile small {
			opacity: .85;
		}

		/* Footer */
		footer {
			background: var(--dc-primary);
			color: rgba(255, 255, 255, .88);
		}

		footer a {
			color: rgba(255, 255, 255, .90);
		}

		footer a:hover {
			color: #fff;
		}

		body:not(.energy-save)[data-theme="executive"] {
			background:
				radial-gradient(circle at top left, rgba(36, 165, 161, .08), transparent 26%),
				linear-gradient(180deg, var(--dc-page-bg) 0%, color-mix(in srgb, var(--dc-page-bg) 82%, #fbfcfe 18%) 100%);
		}

		body[data-theme="executive"] .dc-display,
		body[data-theme="executive"] h1 {
			line-height: 1.04;
		}

		body:not(.energy-save)[data-theme="editorial"] {
			--dc-surface-text: rgba(72, 50, 34, .95);
			--dc-surface-muted: rgba(88, 63, 45, .78);
			--dc-on-dark: #fff8f0;
			--dc-on-dark-muted: rgba(255, 245, 234, .88);
			--dc-on-light: #2b2118;
			--dc-on-light-muted: rgba(43, 33, 24, .76);
			background:
				radial-gradient(circle at top right, rgba(166, 93, 44, .10), transparent 24%),
				linear-gradient(180deg, var(--dc-page-bg) 0%, color-mix(in srgb, var(--dc-page-bg) 68%, #fffdf9 32%) 52%, color-mix(in srgb, var(--dc-page-bg) 78%, #f2ede6 22%) 100%);
		}

		body:not(.energy-save)[data-theme="editorial"] .navbar {
			background: rgba(248, 240, 229, .94) !important;
			border-bottom-color: rgba(120, 83, 56, .14);
		}

		body:not(.energy-save)[data-theme="editorial"] .dc-display,
		body:not(.energy-save)[data-theme="editorial"] h1,
		body:not(.energy-save)[data-theme="editorial"] h2,
		body:not(.energy-save)[data-theme="editorial"] h3,
		body:not(.energy-save)[data-theme="editorial"] h4,
		body:not(.energy-save)[data-theme="editorial"] h5 {
			letter-spacing: .015em;
			font-weight: 700;
			font-style: italic;
		}

		body:not(.energy-save)[data-theme="editorial"] .dc-card,
		body:not(.energy-save)[data-theme="editorial"] .dc-sector-card,
		body:not(.energy-save)[data-theme="editorial"] .dc-sector-hero,
		body:not(.energy-save)[data-theme="editorial"] .dc-sustainability {
			background: linear-gradient(180deg, rgba(255, 252, 247, .98), rgba(247, 241, 233, .98));
			border-color: rgba(111, 87, 70, .18);
			box-shadow: 0 22px 52px rgba(88, 58, 31, .10);
			position: relative;
		}

		body:not(.energy-save)[data-theme="editorial"] .dc-card::after,
		body:not(.energy-save)[data-theme="editorial"] .dc-sector-card::after,
		body:not(.energy-save)[data-theme="editorial"] .dc-sector-hero::after,
		body:not(.energy-save)[data-theme="editorial"] .dc-sustainability::after {
			content: "";
			position: absolute;
			inset: 10px;
			border: 1px dashed rgba(111, 87, 70, .14);
			border-radius: calc(var(--dc-card-radius) - 10px);
			pointer-events: none;
		}

		body:not(.energy-save)[data-theme="editorial"] .btn,
		body:not(.energy-save)[data-theme="editorial"] .dc-badge,
		body:not(.energy-save)[data-theme="editorial"] .demo-pill {
			box-shadow: 0 10px 24px rgba(120, 83, 56, .10);
		}

		body:not(.energy-save)[data-theme="editorial"] .dc-kicker,
		body:not(.energy-save)[data-theme="editorial"] .dc-theme-previewKicker {
			letter-spacing: .18em;
		}

		body:not(.energy-save)[data-theme="editorial"] .dc-contact-panel {
			background: linear-gradient(135deg, #b77fa4, #872a68);
			color: #fff8f0;
		}

		body:not(.energy-save)[data-theme="editorial"] .dc-contact-panel .dc-kicker,
		body:not(.energy-save)[data-theme="editorial"] .dc-contact-panel h2,
		body:not(.energy-save)[data-theme="editorial"] .dc-contact-text,
		body:not(.energy-save)[data-theme="editorial"] .dc-contact-text-strong,
		body:not(.energy-save)[data-theme="editorial"] .dc-contact-panel a {
			color: #fff8f0 !important;
		}

		body:not(.energy-save)[data-theme="neo"] {
			--dc-surface-text: rgba(44, 30, 79, .95);
			--dc-surface-muted: rgba(60, 44, 95, .72);
			--dc-on-dark: #f8fbff;
			--dc-on-dark-muted: rgba(240, 247, 255, .9);
			--dc-on-light: #21164d;
			--dc-on-light-muted: rgba(33, 22, 77, .74);
			background:
				radial-gradient(circle at top left, rgba(135, 42, 103, .10), transparent 28%),
				radial-gradient(circle at top right, rgba(36, 165, 161, .08), transparent 26%),
				linear-gradient(180deg, var(--dc-page-bg) 0%, color-mix(in srgb, var(--dc-page-bg) 70%, #edf6ff 30%) 100%);
		}

		body:not(.energy-save)[data-theme="neo"] .navbar {
			background: rgba(248, 251, 255, .96) !important;
			border-bottom-color: rgba(123, 54, 95, .12);
		}

		body:not(.energy-save)[data-theme="neo"] .dc-display,
		body:not(.energy-save)[data-theme="neo"] h1,
		body:not(.energy-save)[data-theme="neo"] h2,
		body:not(.energy-save)[data-theme="neo"] h3,
		body:not(.energy-save)[data-theme="neo"] h4,
		body:not(.energy-save)[data-theme="neo"] h5,
		body:not(.energy-save)[data-theme="neo"] .btn {
			text-transform: uppercase;
			letter-spacing: .06em;
		}

		body:not(.energy-save)[data-theme="neo"] .dc-card,
		body:not(.energy-save)[data-theme="neo"] .dc-sector-card,
		body:not(.energy-save)[data-theme="neo"] .dc-sector-hero,
		body:not(.energy-save)[data-theme="neo"] .dc-sustainability {
			border-color: rgba(123, 54, 95, .16);
			box-shadow: 0 28px 58px rgba(74, 43, 114, .14);
			background:
				radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 32%),
				linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,246,255,.96));
		}

		body:not(.energy-save)[data-theme="neo"] .btn,
		body:not(.energy-save)[data-theme="neo"] .dc-badge,
		body:not(.energy-save)[data-theme="neo"] .demo-pill {
			box-shadow: 0 14px 28px rgba(123, 54, 95, .16);
		}

		body:not(.energy-save)[data-theme="neo"] .dc-game-tile,
		body:not(.energy-save)[data-theme="neo"] .dc-quad {
			box-shadow: 0 24px 50px rgba(74, 43, 114, .18);
		}

		body:not(.energy-save)[data-theme="neo"] .dc-contact-panel {
			background: linear-gradient(135deg, #872a68, #21a6a2);
			color: #f8fbff;
		}

		body:not(.energy-save)[data-theme="neo"] .dc-contact-panel .dc-kicker,
		body:not(.energy-save)[data-theme="neo"] .dc-contact-panel h2,
		body:not(.energy-save)[data-theme="neo"] .dc-contact-text,
		body:not(.energy-save)[data-theme="neo"] .dc-contact-text-strong,
		body:not(.energy-save)[data-theme="neo"] .dc-contact-panel a {
			color: #f8fbff !important;
		}

		body:not(.energy-save)[data-theme="precision"] {
			--dc-surface-text: rgba(15, 23, 42, .96);
			--dc-surface-muted: rgba(31, 41, 55, .76);
			--dc-on-dark: #f8fbff;
			--dc-on-dark-muted: rgba(226, 236, 248, .88);
			--dc-on-light: #07111d;
			--dc-on-light-muted: rgba(7, 17, 29, .76);
			background:
				linear-gradient(180deg, color-mix(in srgb, var(--dc-page-bg) 74%, rgba(233, 241, 255, .82) 26%), var(--dc-page-bg)),
				var(--dc-page-bg);
		}

		body:not(.energy-save)[data-theme="precision"] .navbar {
			background: rgba(246, 249, 255, .96) !important;
			border-bottom-color: rgba(20, 33, 61, .14);
		}

		body:not(.energy-save)[data-theme="precision"] .dc-display,
		body:not(.energy-save)[data-theme="precision"] h1,
		body:not(.energy-save)[data-theme="precision"] h2,
		body:not(.energy-save)[data-theme="precision"] h3,
		body:not(.energy-save)[data-theme="precision"] h4,
		body:not(.energy-save)[data-theme="precision"] h5,
		body:not(.energy-save)[data-theme="precision"] .btn {
			text-transform: uppercase;
			letter-spacing: .11em;
		}

		body:not(.energy-save)[data-theme="precision"] .dc-card,
		body:not(.energy-save)[data-theme="precision"] .dc-sector-card,
		body:not(.energy-save)[data-theme="precision"] .dc-sector-hero,
		body:not(.energy-save)[data-theme="precision"] .dc-sustainability {
			border-color: rgba(20, 33, 61, .18);
			box-shadow: none;
			background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,252,.98));
		}

		body:not(.energy-save)[data-theme="precision"] .btn,
		body:not(.energy-save)[data-theme="precision"] .dc-badge,
		body:not(.energy-save)[data-theme="precision"] .demo-pill,
		body:not(.energy-save)[data-theme="precision"] .dc-trustitem,
		body:not(.energy-save)[data-theme="precision"] .dc-game-tile,
		body:not(.energy-save)[data-theme="precision"] .dc-quad {
			box-shadow: none !important;
		}

		body:not(.energy-save)[data-theme="precision"] .btn,
		body:not(.energy-save)[data-theme="precision"] .dc-card,
		body:not(.energy-save)[data-theme="precision"] .dc-sector-card,
		body:not(.energy-save)[data-theme="precision"] .dc-sector-hero,
		body:not(.energy-save)[data-theme="precision"] .dc-sustainability,
		body:not(.energy-save)[data-theme="precision"] .dc-trustitem,
		body:not(.energy-save)[data-theme="precision"] .dc-game-tile,
		body:not(.energy-save)[data-theme="precision"] #dcAccordion,
		body:not(.energy-save)[data-theme="precision"] #dcFaqAccordion {
			outline: 1px solid rgba(20, 33, 61, .08);
			outline-offset: -1px;
		}

		body:not(.energy-save)[data-theme="precision"] .dc-card,
		body:not(.energy-save)[data-theme="precision"] .dc-sector-card,
		body:not(.energy-save)[data-theme="precision"] .dc-sector-hero,
		body:not(.energy-save)[data-theme="precision"] .dc-sustainability,
		body:not(.energy-save)[data-theme="precision"] #dcAccordion,
		body:not(.energy-save)[data-theme="precision"] .accordion-item,
		body:not(.energy-save)[data-theme="precision"] .btn,
		body:not(.energy-save)[data-theme="precision"] .dc-trustitem {
			border-radius: 0 !important;
		}

		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel {
			background: linear-gradient(135deg, #5a1e43, #197d7a);
			color: #f8fbff;
		}

		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel .dc-kicker,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel h2,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-text,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-text-strong,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel a {
			color: #f8fbff !important;
		}

		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel {
			background: linear-gradient(135deg, #15395b, #2f8f97);
			color: #f8fbff;
		}

		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel .dc-kicker,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel h2,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-text,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-text-strong,
		body:not(.energy-save)[data-theme="precision"] .dc-contact-panel a {
			color: #f8fbff !important;
		}

		.dc-theme-studio {
			--bs-offcanvas-width: min(430px, 92vw);
			background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 252, .98));
			border-right: 1px solid rgba(0, 0, 0, .08);
		}

		.dc-theme-studio .offcanvas-header {
			border-bottom: 1px solid rgba(15, 23, 42, .08);
			padding-bottom: 1rem;
		}

		.dc-theme-studio .offcanvas-title {
			font-size: 1.15rem;
			font-weight: 900;
		}

		.dc-theme-note {
			font-size: .92rem;
			color: rgba(15, 23, 42, .62);
			margin-bottom: 0;
		}

		.dc-theme-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: .9rem;
		}

		.dc-theme-option {
			border: 1px solid rgba(15, 23, 42, .08);
			border-radius: 22px;
			background: #fff;
			padding: var(--dc-space-md);
			text-align: left;
			transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
		}

		.dc-theme-option:hover,
		.dc-theme-option.is-active {
			transform: translateY(-2px);
			border-color: rgba(var(--dc-primary-rgb), .34);
			box-shadow: 0 16px 32px rgba(15, 23, 42, .08);
		}

		.dc-theme-swatch {
			display: flex;
			gap: .45rem;
			margin-bottom: .8rem;
		}

		.dc-theme-swatch span {
			width: 22px;
			height: 22px;
			border-radius: var(--dc-button-radius);
			border: 1px solid rgba(0, 0, 0, .08);
			display: inline-block;
		}

		.dc-theme-optionTitle {
			display: block;
			font-weight: 900;
			color: var(--dc-ink);
			margin-bottom: .2rem;
		}

		.dc-theme-optionText {
			display: block;
			color: rgba(15, 23, 42, .64);
			font-size: .88rem;
			line-height: 1.5;
		}

		.dc-theme-editor {
			border: 1px solid rgba(15, 23, 42, .08);
			border-radius: 24px;
			padding: var(--dc-space-md);
			background: rgba(255, 255, 255, .9);
		}

		.dc-theme-preview {
			position: relative;
			border: 1px solid rgba(15, 23, 42, .08);
			border-radius: 28px;
			padding: var(--dc-space-md);
			background:
				radial-gradient(circle at top right, rgba(var(--dc-primary-rgb), .12), transparent 32%),
				linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 247, 250, .98));
			overflow: hidden;
		}

		.dc-theme-preview::after {
			content: "";
			position: absolute;
			inset: auto -24px -34px auto;
			width: 118px;
			height: 118px;
			border-radius: 28px;
			background: rgba(var(--dc-accent-rgb), .12);
			transform: rotate(18deg);
		}

		.dc-theme-preview > * {
			position: relative;
			z-index: 1;
		}

		.dc-theme-previewKicker {
			font-size: .78rem;
			font-weight: 900;
			letter-spacing: .14em;
			text-transform: uppercase;
			color: rgba(var(--dc-primary-rgb), .92);
			margin-bottom: .6rem;
		}

		.dc-theme-previewTitle {
			font-size: 1.6rem;
			line-height: 1.05;
			margin-bottom: .55rem;
			color: var(--dc-ink);
		}

		.dc-theme-previewText {
			font-size: .95rem;
			line-height: 1.65;
			color: rgba(15, 23, 42, .68);
			margin-bottom: 1rem;
			max-width: 34ch;
		}

		.dc-theme-previewActions {
			display: flex;
			flex-wrap: wrap;
			gap: .65rem;
		}

		.dc-theme-inputGroup {
			margin-bottom: 1rem;
		}

		.dc-theme-inputGroup label {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 1rem;
			font-weight: 800;
			margin-bottom: .45rem;
			color: var(--dc-ink);
		}

		.dc-theme-inputHint {
			font-size: .8rem;
			color: rgba(15, 23, 42, .52);
			font-weight: 700;
		}

		.dc-theme-rangeValue {
			font-size: .8rem;
			color: rgba(var(--dc-primary-rgb), .96);
			font-weight: 900;
		}

		.dc-theme-studio .form-control-color {
			width: 100%;
			height: 54px;
			border-radius: var(--dc-card-radius);
			padding: .35rem;
			border: 1px solid rgba(15, 23, 42, .08);
		}

		.dc-theme-studio .form-select,
		.dc-theme-studio .form-range {
			border-radius: var(--dc-ui-radius);
		}

		.dc-theme-fontSample {
			margin-top: .4rem;
			font-size: .84rem;
			color: rgba(15, 23, 42, .56);
		}

		body.energy-save {
			background:
				radial-gradient(circle at top left, rgba(36, 165, 161, .16), transparent 30%),
				radial-gradient(circle at top right, rgba(135, 42, 103, .14), transparent 28%),
				linear-gradient(180deg, rgba(8, 17, 29, .88), rgba(7, 17, 29, 1)),
				var(--dc-page-bg-dark);
			color: var(--dc-text-dark);
		}

		body.energy-save .navbar {
			background: rgba(6, 14, 24, .94) !important;
			border-bottom-color: rgba(148, 163, 184, .12);
			box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
		}

		body.energy-save .navbar .nav-link,
		body.energy-save .dc-fixed-tab,
		body.energy-save .text-ink,
		body.energy-save .dc-sector-card h3,
		body.energy-save .modal-title,
		body.energy-save .accordion-button {
			color: var(--dc-text-dark) !important;
		}

		body.energy-save .navbar .nav-link:hover,
		body.energy-save .dc-fixed-tab {
			background: linear-gradient(135deg, rgba(11, 23, 38, .96), rgba(15, 31, 49, .96));
			border-color: rgba(148, 163, 184, .16);
		}

		body.energy-save .dc-trustbar {
			background: transparent;
		}

		body.energy-save .dc-trustitem {
			background: linear-gradient(180deg, rgba(16, 31, 49, .96), rgba(13, 27, 42, .96));
			border-color: rgba(148, 163, 184, .14);
			box-shadow: 0 14px 34px rgba(0, 0, 0, .14);
		}

		body.energy-save .dc-icon {
			background: rgba(255, 255, 255, .06);
			border-color: rgba(148, 163, 184, .16);
		}

		body.energy-save .dc-trustnum {
			color: #f5fbff;
		}

		body.energy-save .dc-trustlbl {
			color: rgba(226, 232, 240, .76);
		}

		body.energy-save .text-muted-2,
		body.energy-save .accordion-body,
		body.energy-save .small.text-muted-2 {
			color: var(--dc-muted-dark) !important;
		}

		body.energy-save .dc-card,
		body.energy-save .dc-sector-hero,
		body.energy-save .dc-sector-card,
		body.energy-save .dc-sustainability,
		body.energy-save #dcCookieBanner,
		body.energy-save .modal-content,
		body.energy-save .accordion-item {
			background:
				linear-gradient(180deg, rgba(18, 34, 53, .98), rgba(13, 27, 42, .98));
			border-color: var(--dc-border-dark);
			color: var(--dc-text-dark);
			box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
		}

		body.energy-save #contatti .dc-card:not(.dc-contact-panel) {
			background:
				linear-gradient(180deg, rgba(16, 31, 49, .99), rgba(12, 24, 38, .99));
			border-color: rgba(125, 211, 252, .16);
		}

		body.energy-save .dc-card:hover,
		body.energy-save .dc-sector-card:hover {
			border-color: rgba(83, 201, 197, .28);
		}

		body.energy-save .dc-process-shell {
			background:
				radial-gradient(circle at top right, rgba(83, 201, 197, .12), transparent 24%),
				radial-gradient(circle at bottom left, rgba(183, 127, 164, .1), transparent 26%),
				linear-gradient(180deg, rgba(11, 24, 38, .98), rgba(8, 18, 31, .99));
			border-color: rgba(125, 211, 252, .14);
			box-shadow: 0 30px 60px rgba(0, 0, 0, .22);
		}

		body.energy-save .dc-process-shell::before {
			border-color: rgba(255, 255, 255, .06);
		}

		body.energy-save .dc-process-shell::after {
			background-image:
				linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
				linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
		}

		body.energy-save .dc-process-line::before {
			background: linear-gradient(90deg, rgba(83, 201, 197, .42), rgba(183, 127, 164, .4), rgba(83, 201, 197, .3));
			box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 16px 32px rgba(0, 0, 0, .26);
		}

		body.energy-save .dc-process-line::after {
			background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(83, 201, 197, .16), rgba(83, 201, 197, .28), rgba(183, 127, 164, .34), rgba(83, 201, 197, .28), rgba(83, 201, 197, .16), rgba(255, 255, 255, 0));
			filter: blur(28px);
			opacity: .88;
		}

		body.energy-save .dc-process-trigger__dot {
			background: linear-gradient(135deg, rgba(18, 34, 53, .98), rgba(11, 24, 38, .98));
			color: #96f3ee;
			border-color: rgba(125, 211, 252, .18);
			box-shadow: 0 0 0 10px rgba(8, 18, 31, .66), 0 18px 30px rgba(0, 0, 0, .26);
		}

		body.energy-save .dc-process-trigger__dot::before {
			background: linear-gradient(135deg, rgba(83, 201, 197, .26), rgba(183, 127, 164, .22));
		}

		body.energy-save .dc-process-trigger__title {
			color: #f6fbff;
		}

		body.energy-save .dc-process-trigger__meta {
			color: rgba(167, 243, 208, .82);
		}

		body.energy-save .dc-process-trigger:hover .dc-process-trigger__dot,
		body.energy-save .dc-process-trigger:focus-visible .dc-process-trigger__dot,
		body.energy-save .dc-process-trigger.is-active .dc-process-trigger__dot {
			background: linear-gradient(135deg, rgba(83, 201, 197, .95), rgba(183, 127, 164, .9));
			color: #04111c;
			box-shadow: 0 0 0 12px rgba(83, 201, 197, .08), 0 24px 42px rgba(0, 0, 0, .3);
		}

		body.energy-save .dc-process-panel {
			background:
				radial-gradient(circle at top right, rgba(83, 201, 197, .12), transparent 30%),
				radial-gradient(circle at bottom left, rgba(183, 127, 164, .1), transparent 30%),
				linear-gradient(180deg, rgba(17, 33, 52, .98), rgba(11, 24, 38, .98));
			border-color: rgba(125, 211, 252, .16);
			box-shadow: 0 22px 42px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04);
		}

		body.energy-save .dc-process-panel::before {
			background-image:
				linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
				linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
			opacity: .55;
		}

		body.energy-save .dc-process-panel__side {
			background: linear-gradient(160deg, rgba(83, 201, 197, .12), rgba(183, 127, 164, .08));
			border-color: rgba(125, 211, 252, .12);
		}

		body.energy-save .dc-process-panel__eyebrow,
		body.energy-save .dc-process-panel__metricLabel {
			color: rgba(167, 243, 208, .82);
		}

		body.energy-save .dc-process-panel__eyebrow::before {
			box-shadow: 0 0 0 5px rgba(83, 201, 197, .12);
		}

		body.energy-save .dc-process-panel__title {
			color: #f6fbff;
		}

		body.energy-save .dc-process-panel__text,
		body.energy-save .dc-process-panel__metricText {
			color: rgba(230, 238, 248, .88);
		}

		body.energy-save .dc-process-panel__metricNum {
			background: rgba(8, 18, 31, .7);
			color: #8cf0eb;
			box-shadow: 0 12px 24px rgba(0, 0, 0, .22);
		}

		body.energy-save .dc-sector-icon {
			background: linear-gradient(135deg, rgba(36, 165, 161, .18), rgba(255, 255, 255, .08));
			color: #dce9f8;
		}

		body.energy-save .dc-sector-hero {
			background:
				radial-gradient(circle at top right, rgba(36, 165, 161, .14), transparent 24%),
				radial-gradient(circle at bottom left, rgba(135, 42, 103, .14), transparent 22%),
				linear-gradient(135deg, rgba(16, 31, 49, .98), rgba(11, 23, 38, .98));
		}

		body.energy-save .dc-sector-hero::after {
			border-color: rgba(255, 255, 255, .08);
		}

		body.energy-save .dc-sector-hero .dc-kicker,
		body.energy-save .dc-sustainability .dc-kicker {
			color: rgba(167, 243, 208, .9) !important;
		}

		body.energy-save .dc-sector-hero .text-muted-2,
		body.energy-save .dc-sector-card .text-muted-2,
		body.energy-save .dc-sustainability .text-muted-2 {
			color: rgba(230, 238, 248, .9) !important;
		}

		body.energy-save .dc-badge-surface {
			color: #f5fbff;
			border-color: rgba(125, 211, 252, .22);
			background: rgba(125, 211, 252, .08);
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03);
		}

		body.energy-save .dc-quad {
			box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
		}

		body.energy-save .accordion-button {
			background: rgba(255, 255, 255, .02);
			box-shadow: none;
		}

		body.energy-save #dcAccordion,
		body.energy-save #dcFaqAccordion {
			background: linear-gradient(180deg, rgba(18, 34, 53, .98), rgba(13, 27, 42, .98));
			border-color: var(--dc-border-dark);
			box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
		}

		body.energy-save #dcAccordion .accordion-item,
		body.energy-save #dcFaqAccordion .accordion-item {
			border-bottom-color: rgba(148, 163, 184, .12);
		}

		body.energy-save #dcAccordion .accordion-button,
		body.energy-save #dcFaqAccordion .accordion-button {
			background: transparent;
			color: var(--dc-text-dark);
		}

		body.energy-save #dcAccordion .accordion-button:not(.collapsed),
		body.energy-save #dcFaqAccordion .accordion-button:not(.collapsed) {
			background: rgba(255, 255, 255, .06);
		}

		body.energy-save .accordion-button:not(.collapsed) {
			background: rgba(255, 255, 255, .06);
		}

		body.energy-save .accordion-button::after {
			filter: invert(1) brightness(1.3);
		}

		body.energy-save .form-control,
		body.energy-save .form-select {
			background: rgba(255, 255, 255, .035);
			border-color: rgba(148, 163, 184, .18);
			color: var(--dc-text-dark);
		}

		body.energy-save .form-control::placeholder {
			color: rgba(226, 232, 240, .44);
		}

		body.energy-save .btn-close {
			filter: invert(1) brightness(1.8);
			opacity: .92;
		}

		body.energy-save .btn-close:hover {
			opacity: 1;
		}

		body.energy-save .dc-theme-trigger {
			background: linear-gradient(135deg, rgba(11, 23, 38, .96), rgba(15, 31, 49, .96));
			border-color: rgba(148, 163, 184, .18);
			color: #e8f0fb;
			box-shadow: 0 18px 34px rgba(0, 0, 0, .24);
		}

		body.energy-save .dc-energy-toggle {
			background: linear-gradient(180deg, rgba(9, 22, 36, .98), rgba(12, 28, 45, .98));
			border-color: rgba(148, 163, 184, .22);
			box-shadow: 0 18px 34px rgba(0, 0, 0, .26);
		}

		body.energy-save .dc-theme-trigger .dc-fixed-tab__icon,
		body.energy-save .dc-energy-toggle .dc-fixed-tab__icon {
			background: rgba(94, 234, 212, .12);
		}

		body.energy-save .dc-theme-trigger i,
		body.energy-save .dc-energy-toggle i {
			color: rgba(94, 234, 212, .95);
		}

		body.energy-save .dc-fixed-tab__label {
			color: rgba(226, 232, 240, .72);
		}

		body.energy-save .dc-fixed-tab:hover .dc-fixed-tab__label,
		body.energy-save .dc-fixed-tab:focus-within .dc-fixed-tab__label,
		body.energy-save .dc-fixed-tab.is-open .dc-fixed-tab__label {
			opacity: 0;
		}

		body.energy-save .dc-theme-trigger .dc-fixed-tab__reveal,
		body.energy-save .dc-energy-toggle .fw-bold {
			color: rgba(226, 232, 240, .82);
		}

		body.energy-save .dc-energy-toggle .dc-fixed-tab__reveal {
			background: transparent;
			border-radius: 0;
			padding-bottom: .45rem;
		}

		body.energy-save .dc-energy-switch {
			background: rgba(226, 232, 240, .22);
		}

		body.energy-save .dc-energy-tipBtn {
			background: rgba(255, 255, 255, .08);
			border-color: rgba(148, 163, 184, .18);
			color: rgba(94, 234, 212, .95);
		}

		body.energy-save .dc-energy-tooltip {
			background: linear-gradient(180deg, rgba(16, 31, 49, .98), rgba(12, 28, 45, .98));
			border-color: rgba(148, 163, 184, .16);
			box-shadow: 0 18px 34px rgba(0, 0, 0, .26);
		}

		body.energy-save .dc-energy-tooltip::before {
			border-left-color: rgba(148, 163, 184, .16);
			border-bottom-color: rgba(148, 163, 184, .16);
		}

		body.energy-save .dc-energy-tooltip strong {
			color: #f8fbff;
		}

		body.energy-save .dc-energy-tooltip span {
			color: rgba(226, 232, 240, .76);
		}

		body.energy-save .dc-theme-studio {
			background: linear-gradient(180deg, rgba(11, 23, 38, .98), rgba(7, 17, 29, .98));
			border-right-color: rgba(148, 163, 184, .12);
			color: var(--dc-text-dark);
		}

		body.energy-save .dc-theme-studio .offcanvas-header,
		body.energy-save .dc-theme-editor,
		body.energy-save .dc-theme-preview,
		body.energy-save .dc-theme-option {
			border-color: rgba(148, 163, 184, .16);
			background: linear-gradient(180deg, rgba(18, 34, 53, .96), rgba(13, 27, 42, .96));
			color: var(--dc-text-dark);
		}

		body.energy-save .dc-theme-note,
		body.energy-save .dc-theme-optionText,
		body.energy-save .dc-theme-previewText,
		body.energy-save .dc-theme-fontSample,
		body.energy-save .dc-theme-inputHint {
			color: rgba(226, 232, 240, .68);
		}

		body.energy-save .dc-theme-optionTitle,
		body.energy-save .dc-theme-inputGroup label,
		body.energy-save .dc-theme-previewTitle {
			color: #f8fbff;
		}

		body.energy-save .dc-theme-studio .form-control-color,
		body.energy-save .dc-theme-studio .form-select {
			background: rgba(255, 255, 255, .04);
			border-color: rgba(148, 163, 184, .16);
			color: var(--dc-text-dark);
		}

		body.energy-save .btn-dc-outline {
			--bs-btn-color: #d9e7f5;
			--bs-btn-border-color: rgba(217, 231, 245, .66);
			--bs-btn-hover-bg: rgba(217, 231, 245, .08);
			--bs-btn-hover-border-color: rgba(217, 231, 245, .92);
			--bs-btn-hover-color: #fff;
		}

		body.energy-save .dc-contact-panel {
			background:
				radial-gradient(circle at bottom left, rgba(36, 165, 161, .18), transparent 30%),
				linear-gradient(135deg, rgba(11, 23, 38, .98), rgba(7, 17, 29, .98));
		}

		body.energy-save .dc-game-tile::after {
			border-color: rgba(255, 255, 255, .16);
		}

		body.energy-save .demo-stage {
			background: linear-gradient(135deg, rgba(8, 17, 29, .98), rgba(20, 39, 61, .96));
		}

		body.energy-save .dc-sustainability {
			background:
				linear-gradient(135deg, rgba(20, 56, 63, .92), rgba(13, 27, 42, .98));
			border-color: rgba(94, 234, 212, .22);
		}

		body.energy-save .dc-sustainability::before {
			background:
				radial-gradient(circle at top right, rgba(94, 234, 212, .16), transparent 26%),
				radial-gradient(circle at bottom left, rgba(56, 189, 248, .12), transparent 24%);
		}

		body.energy-save .dc-sustainability-orb {
			color: rgba(232, 251, 255, .96);
			text-shadow: 0 18px 38px rgba(0, 0, 0, .28);
		}

		body.energy-save .dc-sustainability-mark {
			opacity: .3;
			filter: sepia(1) saturate(360%) hue-rotate(128deg) brightness(1.02) drop-shadow(0 24px 42px rgba(0, 0, 0, .18));
		}

		body.energy-save .dc-sustainability-item {
			background: rgba(255, 255, 255, .045);
			border-color: rgba(94, 234, 212, .12);
		}

		body.energy-save .dc-sustainability-item:hover {
			background: rgba(255, 255, 255, .06);
			border-color: rgba(94, 234, 212, .24);
		}

		body.energy-save .dc-sustainability-itemIcon {
			background: linear-gradient(135deg, rgba(94, 234, 212, .16), rgba(255, 255, 255, .08));
			color: #e8fbff;
		}

		body.energy-save .dc-sustainability-itemTitle {
			color: #f5fbff;
		}

		body.energy-save .dc-sustainability-itemText {
			color: rgba(230, 238, 248, .84);
		}

		body.energy-save footer {
			background: #06101a;
			color: rgba(226, 232, 240, .84);
			border-top: 1px solid rgba(148, 163, 184, .12);
		}

		/* Cookie banner */
		#dcCookieBanner {
			position: fixed;
			left: 16px;
			right: 16px;
			bottom: 16px;
			z-index: 1080;
			display: none;
		}

		@media (min-width:992px) {
			#dcCookieBanner {
				left: auto;
				right: 24px;
				max-width: 520px;
			}
		}

		/* =========================================================
       KEYWORDS FLIP — (lasciato, solo micro-fix / cleanup)
       ========================================================= */
		#keywords .dc-kcard {
			--dc-radius: var(--dc-card-radius);
			perspective: 1400px;
			cursor: pointer;
			outline: none;
			position: relative;
			height: 100%;
			min-height: 280px;
			border-radius: var(--dc-radius);
			overflow: visible;
			box-shadow: 0 14px 30px rgba(20, 23, 31, .18), 0 2px 0 rgba(255, 255, 255, .08);
			transition: transform .18s ease, box-shadow .18s ease;
		}

		@media (hover:hover) and (pointer:fine) {
			#keywords .dc-kcard:not(.is-open):hover {
				transform: translateY(-3px);
				box-shadow: 0 26px 60px rgba(20, 23, 31, .26), 0 2px 0 rgba(255, 255, 255, .10);
			}
		}

		#keywords .dc-kcard__inner {
			position: absolute;
			inset: 0;
			height: 100%;
			width: 100%;
			transform-style: preserve-3d;
			-webkit-transform-style: preserve-3d;
			transition: transform .82s cubic-bezier(.18, .9, .22, 1.08);
			will-change: transform;
		}

		@media (hover:hover) and (pointer:fine) {
			#keywords .dc-kcard:not(.is-open):hover .dc-kcard__inner {
				transform: rotateY(-10deg) rotateX(6deg);
			}
		}

		#keywords .dc-kcard.is-open .dc-kcard__inner {
			transform: rotateY(180deg);
		}

		#keywords .dc-kcard.is-open:hover .dc-kcard__inner {
			transform: rotateY(180deg);
		}

		#keywords .dc-kcard__face {
			position: absolute;
			inset: 0;
			border-radius: var(--dc-radius);
			overflow: hidden;
			background: var(--dc-grad);
			backface-visibility: hidden !important;
			-webkit-backface-visibility: hidden !important;
			transform-style: preserve-3d;
			-webkit-transform-style: preserve-3d;
			transform: translate3d(0, 0, 0);
			-webkit-transform: translate3d(0, 0, 0);
		}

		#keywords .dc-kcard__face * {
			backface-visibility: hidden !important;
			-webkit-backface-visibility: hidden !important;
		}

		#keywords .dc-kcard__front {
			transform: rotateY(0deg) translate3d(0, 0, 0);
		}

		#keywords .dc-kcard__back {
			transform: rotateY(180deg) translate3d(0, 0, 0);
		}

		#keywords .dc-kcard__face::after {
			content: "";
			position: absolute;
			inset: .65rem;
			border-radius: calc(var(--dc-radius) - .2rem);
			border: 1px solid rgba(255, 255, 255, .22);
			box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
			pointer-events: none;
		}

		#keywords .dc-kcard__spine {
			background: rgba(0, 0, 0, .18);
			border-right: 1px solid rgba(255, 255, 255, .14);
			box-shadow: inset -1px 0 0 rgba(0, 0, 0, .10);
		}

		#keywords .dc-kcard__body {
			background: transparent;
			border-top-right-radius: var(--dc-radius) !important;
			border-bottom-right-radius: var(--dc-radius) !important;
		}

		#keywords .dc-kcard__spineText {
			writing-mode: vertical-rl;
			transform: rotate(180deg);
			letter-spacing: .12em;
			text-shadow: 0 6px 18px rgba(0, 0, 0, .25);
			font-size: .75rem;
		}

		#keywords .dc-kcard__text {
			height: 100%;
			overflow: auto;
			padding: 1rem 1rem;
			border-radius: calc(var(--dc-ui-radius) - .1rem);
			background: rgba(15, 18, 26, .30);
			border: 1px solid rgba(255, 255, 255, .14);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			scrollbar-width: none;
		}

		#keywords .dc-kcard__text::-webkit-scrollbar {
			width: 0;
			height: 0;
		}

		#keywords .dc-kcard[data-theme="teal"] {
			--dc-grad: var(--dc-keyword-teal);
		}

		#keywords .dc-kcard[data-theme="violet"] {
			--dc-grad: var(--dc-keyword-violet);
		}

		#keywords .dc-kcard[data-theme="amber"] {
			--dc-grad: var(--dc-keyword-amber);
		}

		#keywords .dc-kcard[data-theme="blue"] {
			--dc-grad: var(--dc-keyword-blue);
		}

		#keywords .dc-kcard[data-theme="pink"] {
			--dc-grad: var(--dc-keyword-pink);
		}

		#keywords .dc-kcard[data-theme="lime"] {
			--dc-grad: var(--dc-keyword-lime);
		}

		#keywords .dc-kcard[data-theme="slate"] {
			--dc-grad: var(--dc-keyword-slate);
		}

		#keywords .dc-kcard[data-theme="orange"] {
			--dc-grad: var(--dc-keyword-orange);
		}

		@media (prefers-reduced-motion:reduce) {
			#keywords .dc-kcard__inner {
				transition: none;
			}

			#keywords .dc-kcard:not(.is-open):hover {
				transform: none;
			}

			#keywords .dc-kcard:not(.is-open):hover .dc-kcard__inner {
				transform: none;
			}
		}

		/* Spine visibile SOLO sul front (back = nascosta) */
		#keywords .dc-kcard__back .dc-kcard__spine {
			display: none !important;
		}

		#keywords .dc-kcard__back .d-grid {
			grid-template-columns: 1fr !important;
		}

		#keywords .dc-kcard__back .dc-kcard__body {
			border-radius: var(--dc-radius) !important;
		}

		/* =========================================================
       SKILL GAME – stile coerente con keywords
       ========================================================= */
		.dc-game-tile {
			position: relative;
			border-radius: var(--dc-card-radius);
			overflow: hidden;
			color: #fff;
			text-decoration: none;
			padding: var(--dc-space-lg);
			display: block;
			width: 100%;
			height: 100%;
			transition: transform .25s ease, box-shadow .25s ease;
			box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
		}

		#giochi .row > [class*="col-"] {
			display: flex;
		}

		.dc-game-tile::after {
			content: "";
			position: absolute;
			inset: .75rem;
			border-radius: calc(var(--dc-card-radius) - .25rem);
			border: 1px solid rgba(255, 255, 255, .25);
			pointer-events: none;
		}

		.dc-game-tile:hover {
			transform: translateY(-6px) scale(1.02);
			box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
		}

		.dc-game-content {
			position: relative;
			z-index: 2;
			text-shadow: 0 2px 12px rgba(0, 0, 0, .22);
			align-items: flex-start !important;
		}

		.dc-game-content small {
			color: rgba(255, 255, 255, .9);
			font-size: .8rem;
			line-height: 1.35;
			display: block;
			max-width: 19ch;
		}

		.dc-game-context {
			display: block;
			margin-top: .32rem;
			font-size: .74rem;
			opacity: .78;
			font-weight: 800;
			letter-spacing: .01em;
		}

		.dc-games-lead,
		.dc-glossary-lead {
			max-width: 62ch;
			margin-left: auto;
			margin-right: auto;
		}

		#keywords {
			padding-top: 2.5rem;
		}

		#keywords .text-center {
			margin-bottom: 2.2rem !important;
		}

		#keywordsTitle {
			font-size: clamp(1.7rem, 2.6vw, 2.3rem);
		}

		.dc-game-icon {
			font-size: 4.2rem;
			opacity: .9;
			transition: transform .35s ease;
		}

		.dc-game-tile:hover .dc-game-icon {
			transform: scale(1.1) rotate(-4deg);
		}

		.dc-game-overlay {
			position: absolute;
			inset: 0;
			background: rgba(0, 0, 0, .12);
			backdrop-filter: blur(4px);
			-webkit-backdrop-filter: blur(4px);
		}

		.dc-game-green {
			background: var(--dc-game-green);
		}

		.dc-game-yellow {
			background: var(--dc-game-yellow);
		}

		.dc-game-red {
			background: var(--dc-game-red);
		}

		.dc-game-blue {
			background: var(--dc-game-blue);
		}

		/* ================================
       HERO visual: absolute rispetto a .carousel-item
       ================================ */
		#heroCarousel .carousel-item {
			position: relative;
			overflow: hidden;
		}

		#heroCarousel .carousel-inner,
		#heroCarousel .carousel-item,
		#heroCarousel .dc-hero-slide {
			min-height: clamp(620px, 68vh, 800px);
		}

		/* IMPORTANT: evita che container/row/col diventino l'antenato di riferimento */
		#heroCarousel .dc-hero-slide .container,
		#heroCarousel .dc-hero-slide .row,
		#heroCarousel .dc-hero-slide [class*="col-"] {
			position: static !important;
		}

		/* testo sopra */
		#heroCarousel .dc-hero-slide .col-lg-8 {
			position: relative;
			z-index: 2;
		}

		.dc-visual-mode-mark {
			display: none;
		}

		#heroCarousel .dc-hero-art--mark {
			display: none;
		}

		#heroCarousel .dc-hero-markVariant {
			position: relative;
			width: min(150%, 620px);
			height: clamp(560px, 62vw, 860px);
			margin-left: auto;
			margin-right: -18%;
			margin-top: -8%;
			pointer-events: none;
			overflow: visible;
		}

		#heroCarousel .dc-hero-markShape {
			position: absolute;
			inset: 0;
			background: url("../img/dc-mark-soft-white-lg.webp") center / contain no-repeat;
			opacity: var(--dc-mark-opacity, .46);
			filter: var(--dc-mark-filter, none) drop-shadow(0 26px 52px rgba(255, 255, 255, .12));
			mix-blend-mode: screen;
		}

		#heroCarousel .dc-hero-markVariant.mark-1 .dc-hero-markShape {
			--dc-mark-opacity: .44;
			--dc-mark-filter: sepia(1) saturate(440%) hue-rotate(275deg) brightness(1.08);
			transform: rotate(-19deg) scale(1.92) translate(16%, -3%);
			transform-origin: 62% 48%;
		}

		#heroCarousel .dc-hero-markVariant.mark-2 .dc-hero-markShape {
			--dc-mark-opacity: .36;
			--dc-mark-filter: sepia(1) saturate(330%) hue-rotate(338deg) brightness(1.1);
			transform: rotate(22deg) scale(1.82) translate(8%, 4%);
			transform-origin: 50% 45%;
		}

		#heroCarousel .dc-hero-markVariant.mark-3 .dc-hero-markShape {
			--dc-mark-opacity: .42;
			--dc-mark-filter: sepia(1) saturate(360%) hue-rotate(132deg) brightness(1.1);
			transform: rotate(-26deg) scale(2.04) translate(18%, -5%);
			transform-origin: 55% 48%;
		}

		#heroCarousel .dc-hero-markVariant.mark-4 .dc-hero-markShape {
			--dc-mark-opacity: .38;
			--dc-mark-filter: sepia(1) saturate(280%) hue-rotate(288deg) brightness(1.14);
			transform: rotate(16deg) scale(1.88) translate(14%, 8%);
			transform-origin: 58% 52%;
		}

		.dc-contact-markVariant {
			display: none;
			position: relative;
			width: min(128%, 520px);
			height: 320px;
			margin: 1.5rem -8% 0 auto;
			pointer-events: none;
			overflow: visible;
		}

		.dc-contact-markVariant .dc-hero-markShape {
			position: absolute;
			inset: 0;
			background: url("../img/dc-mark-soft-white-lg.webp") center / contain no-repeat;
			opacity: .42;
			mix-blend-mode: screen;
			filter: sepia(1) saturate(300%) hue-rotate(286deg) brightness(1.12) drop-shadow(0 24px 46px rgba(255, 255, 255, .12));
			--dc-mark-opacity: .42;
			--dc-mark-filter: sepia(1) saturate(300%) hue-rotate(286deg) brightness(1.12);
			transform: rotate(-18deg) scale(1.72) translate(14%, 4%);
			transform-origin: 58% 50%;
		}

		body[data-hero-art="mark"] .dc-contact-markVariant {
			display: block !important;
		}

		body[data-hero-art="mark"] .dc-contact-visual {
			display: none !important;
		}

		body[data-hero-art="animals"] .dc-visual-mode-mark {
			display: none !important;
		}

		body[data-hero-art="animals"] .dc-visual-mode-animals {
			display: block !important;
		}

		body[data-hero-art="mark"] .dc-visual-mode-animals {
			display: none !important;
		}

		body[data-hero-art="mark"] .dc-visual-mode-mark {
			display: block !important;
		}

		/* mobile/tablet: immagine normale */
		#heroCarousel .dc-hero-visual {
			margin: 0 !important;
			max-height: 460px;
			width: 100%;
			height: auto;
			object-fit: contain;
			display: block;
			opacity: 1;
			filter: none;
		}

		/* desktop: immagine full-height, a filo bordo, fuori dal flow */
		@media (min-width:992px) {
			#heroCarousel .dc-hero-visual {
				position: absolute !important;
				top: 0;
				bottom: 0;
				right: 0;
				width: auto;
				height: 100%;
				max-width: none;
				max-height: none;
				object-fit: contain;
				object-position: right bottom;
				transform: translateX(0) scale(1);
				filter: drop-shadow(0 18px 32px rgba(0, 0, 0, .22));
				z-index: 1;
				pointer-events: none;
				opacity: .86;
			}

			#heroCarousel .dc-hero-visual.struzzo,
			#heroCarousel .dc-hero-visual.giraffa,
			#heroCarousel .dc-hero-visual.camaleonte,
			#heroCarousel .dc-hero-visual.api {
				height: 100%;
				width: auto;
			}

			#heroCarousel .dc-hero-visual.api {
				transform: translateX(6%) scale(1.04);
				opacity: .82;
			}

			#heroCarousel .dc-hero-visual.giraffa {
				transform: translateX(4%) scale(1.03);
				opacity: .76;
			}

			#heroCarousel .dc-hero-visual.struzzo {
				opacity: .72;
			}

			#heroCarousel .dc-hero-visual.camaleonte {
				opacity: .78;
			}

			body[data-hero-art="mark"] #heroCarousel .dc-hero-art--animals {
				display: none !important;
			}

			body[data-hero-art="mark"] #heroCarousel .dc-hero-art--mark {
				display: block !important;
			}

		}

		/* =========================================
       HERO IMAGE ROTATE — MOBILE ONLY
       ========================================= */
		@media (max-width:991.98px) {
			#heroCarousel .carousel-inner,
			#heroCarousel .carousel-item,
			#heroCarousel .dc-hero-slide {
				min-height: 620px;
			}

			#heroCarousel .col-lg-4 {
				display: none !important;
			}

			#heroCarousel .dc-hero-visual {
				display: none !important;
			}

			#heroCarousel .dc-hero-art--mark {
				display: none !important;
			}

			#heroCarousel .dc-hero-art--animals {
				display: none !important;
			}

			.dc-visual-mode-mark {
				display: none !important;
			}

			.dc-visual-mode-animals {
				display: none !important;
			}

			.carousel-control-prev {
				left: 8px !important;
				top: auto;
				bottom: 16px;
			}

			.carousel-control-next {
				right: 8px !important;
				top: auto;
				bottom: 16px;
			}

			.dc-quad.dc-quad--purple.h-100 {
				border-bottom-left-radius: 0px !important;
			}

			.dc-quad.dc-quad--yellow {
				border-top-right-radius: 0px !important;
			}

			.dc-quad.dc-quad--orange.h-100 {
				border-top-left-radius: 1.2rem;
				border-top-right-radius: 1.2rem;
			}

			.dc-quad.dc-quad--teal.h-100 {
				border-bottom-left-radius: 1.2rem;
				border-bottom-right-radius: 1.2rem;
			}

			.dc-heroCtrl {
				background: transparent !important;
				border: 1px solid transparent !important;
				box-shadow: none;
			}

			.dc-heroCtrl-shell {
				width: 46px;
				height: 46px;
			}
		}