* {
			box-sizing: border-box;
		}

		html, body {
			background: #f4f6f8;
			font-family: "Inter", Roboto, sans-serif;
			margin: 0;
			width: 100%;
		}

		.mqs-page {
			margin: 0 auto;
			padding: 20px clamp(16px, 3vw, 40px);
			width: 100%;
		}

		/* ===== Site Header / Logo ===== */
		.mqs-site-header {
			align-items: center;
			display: flex;
			justify-content: flex-start;
			margin-bottom: 20px;
			padding: 4px 0;
		}

		.mqs-site-header__logo {
			display: block;
			height: clamp(48px, 6vw, 72px);
			width: auto;
			max-width: 100%;
			object-fit: contain;
		}

		/* =========================================================
		   CAROUSEL (modern-doc-carousel)
		   ========================================================= */
		.modern-doc-carousel,
		.modern-doc-carousel * {
			box-sizing: border-box;
			letter-spacing: 0;
		}

		.modern-doc-carousel {
			background: #171717;
			border-radius: 8px;
			box-shadow: 0 18px 48px rgba(0, 0, 0, 0.20);
			color: #fff;
			font-family: "Inter", Roboto, sans-serif;
			margin-bottom: 24px;
			max-width: 100%;
			overflow: hidden;
			position: relative;
			width: 100%;
		}

		.modern-doc-carousel:focus {
			outline: 3px solid rgba(13, 148, 136, 0.35);
			outline-offset: 3px;
		}

		.modern-doc-carousel__viewport {
			height: var(--mdc-height-desktop);
			max-height: 78vh;
			min-height: 240px;
			overflow: hidden;
			position: relative;
			width: 100%;
		}

		.modern-doc-carousel__track {
			display: flex;
			height: 100%;
			transform: translate3d(0, 0, 0);
			transition: transform var(--mdc-transition) cubic-bezier(0.22, 0.61, 0.36, 1);
			width: 100%;
			will-change: transform;
		}

		.modern-doc-carousel__slide {
			flex: 0 0 100%;
			height: 100%;
			isolation: isolate;
			min-width: 100%;
			overflow: hidden;
			position: relative;
		}

		.modern-doc-carousel__image {
			display: block;
			height: 100%;
			object-fit: cover;
			width: 100%;
		}

		.modern-doc-carousel__slide--leukocoria {
			background: #0f1113;
		}

		.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__image {
			object-fit: contain;
			object-position: center;
			padding: clamp(16px, 3vw, 36px);
		}

		.modern-doc-carousel__shade {
			background:
				linear-gradient(90deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.08) 46%, rgba(0, 0, 0, 0.32)),
				linear-gradient(0deg, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.18));
			inset: 0;
			pointer-events: none;
			position: absolute;
			z-index: 1;
		}

		.modern-doc-carousel__caption {
			backdrop-filter: blur(14px);
			border: 1px solid rgba(255, 255, 255, 0.24);
			border-radius: 8px;
			box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
			display: flex;
			flex-direction: column;
			gap: 12px;
			max-height: calc(100% - 48px);
			max-width: min(620px, calc(100% - 48px));
			overflow: hidden;
			padding: clamp(16px, 3vw, 32px);
			position: absolute;
			width: fit-content;
			z-index: 2;
		}

		.modern-doc-carousel--dark .modern-doc-carousel__caption {
			background: rgba(14, 14, 14, 0.66);
			color: #fff;
		}

		.modern-doc-carousel__caption--left-center {
			left: 24px;
			top: 50%;
			transform: translateY(-50%);
		}

		.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__caption {
			left: clamp(32px, 5vw, 72px);
			max-width: min(560px, calc(100% - 96px));
		}

		.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__title {
			-webkit-line-clamp: 3;
			font-size: clamp(1.55rem, 2.6vw, 2.9rem);
			line-height: 1.08;
		}

		.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__subtitle {
			-webkit-line-clamp: 5;
		}

		.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__cta {
			text-align: center;
			white-space: normal;
		}

		.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__cta span {
			overflow: visible;
			text-overflow: clip;
		}

		.modern-doc-carousel__title {
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			display: -webkit-box;
			font-size: clamp(1.75rem, 3.4vw, 3.75rem);
			font-weight: 760;
			line-height: 1.02;
			margin: 0;
			max-width: 100%;
			overflow: hidden;
			overflow-wrap: anywhere;
			text-wrap: balance;
			color:white;
		}

		.modern-doc-carousel__subtitle {
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			display: -webkit-box;
			font-size: clamp(1rem, 1.5vw, 1.22rem);
			line-height: 1.45;
			margin: 0;
			max-width: 100%;
			overflow: hidden;
			overflow-wrap: anywhere;
			color:white;
		}

		.modern-doc-carousel__cta {
			align-items: center;
			align-self: flex-start;
			background: #0f766e;
			border-radius: 8px;
			color: #fff;
			display: inline-flex;
			font-weight: 700;
			justify-content: center;
			line-height: 1.1;
			max-width: 100%;
			min-height: 42px;
			overflow: hidden;
			padding: 12px 18px;
			text-decoration: none;
		}

		.modern-doc-carousel__cta span {
			overflow: hidden;
			overflow-wrap: anywhere;
			text-overflow: ellipsis;
		}

		.modern-doc-carousel__cta:hover,
		.modern-doc-carousel__cta:focus {
			background: #115e59;
			color: #fff;
			text-decoration: none;
		}

		.modern-doc-carousel__control {
			align-items: center;
			background: rgba(255, 255, 255, 0.94);
			border: 1px solid rgba(255, 255, 255, 0.72);
			border-radius: 999px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.24);
			color: #171717;
			cursor: pointer;
			display: inline-flex;
			font: inherit;
			font-size: 0.95rem;
			font-weight: 760;
			gap: 8px;
			min-height: 46px;
			min-width: 118px;
			justify-content: center;
			line-height: 1;
			padding: 0 16px;
			position: absolute;
			bottom: 18px;
			top: auto;
			transform: none;
			transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
			width: auto;
			z-index: 4;
		}

		.modern-doc-carousel__control:hover,
		.modern-doc-carousel__control:focus {
			background: #fff;
			box-shadow: 0 14px 34px rgba(0, 0, 0, 0.30);
			transform: translateY(-2px);
		}

		.modern-doc-carousel__control:focus-visible {
			outline: 3px solid rgba(20, 184, 166, 0.55);
			outline-offset: 3px;
		}

		.modern-doc-carousel__control--prev {
			left: 18px;
		}

		.modern-doc-carousel__control--next {
			right: 18px;
		}

		.modern-doc-carousel__control svg {
			flex: 0 0 auto;
			height: 22px;
			width: 22px;
		}

		.modern-doc-carousel__control-label {
			display: inline-block;
			white-space: nowrap;
		}

		.modern-doc-carousel__indicators {
			align-items: center;
			bottom: 16px;
			display: flex;
			gap: 8px;
			justify-content: center;
			left: 50%;
			max-width: calc(100% - 32px);
			overflow: hidden;
			position: absolute;
			transform: translateX(-50%);
			z-index: 3;
		}

		.modern-doc-carousel__indicator {
			background: rgba(255, 255, 255, 0.58);
			border: 0;
			border-radius: 999px;
			height: 8px;
			padding: 0;
			transition: background 160ms ease, width 160ms ease;
			width: 8px;
		}

		.modern-doc-carousel__indicator.is-active {
			background: #14b8a6;
			width: 28px;
		}

		@media (max-width: 991px) {
			.modern-doc-carousel__viewport {
				height: var(--mdc-height-tablet);
			}
		}

		@media (max-width: 767px) {
			.mqs-page {
				padding: 14px 16px;
			}

			.modern-doc-carousel__viewport {
				height: var(--mdc-height-mobile);
				min-height: 220px;
			}

			.modern-doc-carousel__caption {
				bottom: 16px;
				left: 16px;
				max-height: calc(100% - 32px);
				max-width: calc(100% - 32px);
				padding: 16px;
				right: auto;
				top: auto;
				transform: none;
			}

			.modern-doc-carousel__title {
				font-size: 1.55rem;
			}

			.modern-doc-carousel__subtitle {
				-webkit-line-clamp: 3;
				font-size: 0.98rem;
			}

			.modern-doc-carousel__control {
				bottom: auto;
				font-size: 0.82rem;
				gap: 5px;
				min-height: 40px;
				min-width: 88px;
				padding: 0 10px;
				top: 12px;
			}

			.modern-doc-carousel__control--prev {
				left: 12px;
			}

			.modern-doc-carousel__control--next {
				right: 12px;
			}

			.modern-doc-carousel__control:hover,
			.modern-doc-carousel__control:focus {
				transform: translateY(1px);
			}

			.modern-doc-carousel__control svg {
				height: 18px;
				width: 18px;
			}

			.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__image {
				object-position: center top;
				padding: 56px 12px 132px;
			}

			.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__caption {
				bottom: 18px;
				left: 18px;
				max-height: calc(100% - 86px);
				max-width: calc(100% - 36px);
				padding: 14px;
				right: auto;
				top: auto;
				transform: none;
			}

			.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__title {
				-webkit-line-clamp: 3;
				font-size: 1.28rem;
				line-height: 1.12;
			}

			.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__subtitle {
				-webkit-line-clamp: 4;
				font-size: 0.9rem;
			}

			.modern-doc-carousel__slide--leukocoria .modern-doc-carousel__cta {
				font-size: 0.82rem;
				min-height: 36px;
				padding: 10px 12px;
				text-align: center;
			}
		}

		/* =========================================================
		   FLYER (quantum-home)
		   ========================================================= */
		.quantum-home {
			--qh-text: #171717;
			--qh-text-light: #fff;
			--qh-muted: #60605a;
			--qh-border: #deded8;
			--qh-border-focus: rgba(13, 148, 136, 0.35);
			--qh-teal: #14b8a6;
			--qh-blue: #434fbd;
			--qh-amber: #b7791f;
			--qh-red: #b42318;
			--qh-purple: #6b55db;

			font-family: "Inter", Roboto, sans-serif;
			background: #171717;
			border-radius: 8px;
			box-shadow: 0 18px 48px rgba(0, 0, 0, 0.20);
			color: var(--qh-text-light);
			margin: 0;
			overflow: hidden;
			padding: 40px;
			box-sizing: border-box;
		}

		.quantum-home *,
		.quantum-home *::before,
		.quantum-home *::after {
			box-sizing: border-box;
			letter-spacing: 0;
		}

		.quantum-home__header {
			margin: 0 auto 40px;
			max-width: 960px;
			text-align: center;
		}

		.quantum-home__title {
			background: linear-gradient(135deg, #60ad45 0%, #258ecb 25%, #8862a7 50%, #f47e20 75%, #df382c 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			display: inline-block;
			font-size: clamp(2rem, 4vw, 3rem);
			font-weight: 800;
			line-height: 1.2;
			margin: 0 0 16px;
			overflow-wrap: anywhere;
			text-wrap: balance;
			width: 100%;
		}

		.quantum-home__subtitle {
			color: rgba(255, 255, 255, 0.90);
			font-size: clamp(1.05rem, 1.8vw, 1.35rem);
			line-height: 1.45;
			margin: 0 auto;
			max-width: 800px;
			overflow-wrap: anywhere;
		}

		.quantum-home__summary {
			color: rgba(255, 255, 255, 0.68);
			font-size: 0.98rem;
			line-height: 1.6;
			margin: 18px auto 0;
			max-width: 880px;
		}

		.quantum-home__stats {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 16px;
			max-width: 1000px;
			margin: 0 auto 48px;
			padding: 24px;
			background: rgba(255, 255, 255, 0.03);
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 8px;
			text-align: center;
		}

		.quantum-stat-item {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

		.quantum-stat-number {
			font-size: 2.2rem;
			font-weight: 800;
			color: var(--qh-teal);
			line-height: 1;
		}

		.quantum-stat-label {
			font-size: 0.82rem;
			color: rgba(255, 255, 255, 0.7);
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.quantum-home__grid {
			display: grid;
			gap: 20px;
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.quantum-card {
			background: #fff;
			border: 1px solid var(--qh-border);
			border-radius: 8px;
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
			color: var(--qh-text);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			min-height: 280px;
			overflow: hidden;
			padding: 28px;
			text-decoration: none;
			transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
		}

		.quantum-card:hover,
		.quantum-card:focus {
			border-color: var(--qh-teal);
			box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
			color: var(--qh-text);
			text-decoration: none;
			transform: translateY(-3px);
		}

		.quantum-card:focus {
			outline: 3px solid var(--qh-border-focus);
			outline-offset: 3px;
		}

		.quantum-card__top {
			display: flex;
			gap: 18px;
			align-items: flex-start;
			margin-bottom: 16px;
		}

		.quantum-card__mark {
			align-items: center;
			background: rgba(14, 184, 166, 0.12);
			border-radius: 8px;
			color: #0f766e;
			display: inline-flex;
			flex: 0 0 48px;
			font-size: 1rem;
			font-weight: 700;
			height: 48px;
			justify-content: center;
			width: 48px;
		}

		.quantum-card--blue .quantum-card__mark {
			background: rgba(67, 79, 189, 0.1);
			color: var(--qh-blue);
		}

		.quantum-card--teal .quantum-card__mark {
			background: rgba(20, 184, 166, 0.12);
			color: #0f766e;
		}

		.quantum-card--amber .quantum-card__mark {
			background: rgba(183, 121, 31, 0.13);
			color: var(--qh-amber);
		}

		.quantum-card--red .quantum-card__mark {
			background: rgba(180, 35, 24, 0.1);
			color: var(--qh-red);
		}

		.quantum-card--purple .quantum-card__mark {
			background: rgba(107, 85, 219, 0.1);
			color: var(--qh-purple);
		}

		.quantum-card__body {
			min-width: 0;
			flex: 1;
		}

		.quantum-card__eyebrow {
			color: var(--qh-muted);
			display: block;
			font-size: 0.78rem;
			font-weight: 700;
			margin-bottom: 6px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.quantum-card__title {
			color: var(--qh-text);
			font-size: 1.3rem;
			font-weight: 760;
			line-height: 1.25;
			margin: 0 0 10px;
			overflow-wrap: anywhere;
		}

		.quantum-card__text {
			color: var(--qh-muted);
			font-size: 0.94rem;
			line-height: 1.55;
			margin: 0;
			overflow-wrap: anywhere;
		}

		.quantum-card__list {
			margin: 12px 0 0 0;
			padding-left: 18px;
			color: var(--qh-muted);
			font-size: 0.88rem;
			line-height: 1.5;
		}

		.quantum-card__list-item {
			margin-bottom: 4px;
		}

		.quantum-card__footer {
			display: flex;
			flex-direction: column;
			gap: 14px;
			margin-top: 20px;
			border-top: 1px solid rgba(0, 0, 0, 0.06);
			padding-top: 16px;
		}

		.quantum-card__note {
			color: #4a4a44;
			display: block;
			font-size: 0.86rem;
			font-weight: 500;
			line-height: 1.4;
			overflow-wrap: anywhere;
		}

		.quantum-card__cta {
			align-items: center;
			align-self: flex-start;
			background: linear-gradient(135deg, #434fbd 0%, #6b55db 47%, #9f3786 100%);
			border-radius: 8px;
			color: #fff;
			display: inline-flex;
			font-weight: 700;
			font-size: 0.9rem;
			justify-content: center;
			line-height: 1.1;
			max-width: 100%;
			min-height: 40px;
			overflow: hidden;
			padding: 12px 20px;
			text-decoration: none;
			transition: background 160ms ease;
		}

		.quantum-card__cta span {
			overflow: hidden;
			overflow-wrap: anywhere;
			text-overflow: ellipsis;
		}

		.quantum-card__cta:hover,
		.quantum-card:hover .quantum-card__cta {
			background: #115e59;
			color: #fff;
			text-decoration: none;
		}

		@media (max-width: 991px) {
			.quantum-home__stats {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 24px;
			}

			.quantum-home__grid {
				grid-template-columns: 1fr;
			}
		}

		@media (max-width: 767px) {
			.quantum-home {
				padding: 32px 20px;
			}

			.quantum-home__stats {
				grid-template-columns: 1fr;
				gap: 16px;
			}

			.quantum-home__title {
				font-size: 1.75rem;
			}

			.quantum-home__subtitle {
				font-size: 1rem;
			}

			.quantum-card {
				padding: 22px;
				min-height: auto;
			}

			.quantum-card__top {
				flex-direction: column;
				gap: 12px;
			}

			.quantum-card__mark {
				height: 44px;
				width: 44px;
				flex: 0 0 44px;
			}
		}