/* =========================================================
   PepX Scientific — Quality page
========================================================= */

.quality-page {
	background: var(--pepx-white);
}

/* Hero */

.quality-hero {
	position: relative;
	min-height: 740px;
	padding: 90px 0 110px;
	background:
		radial-gradient(
			circle at 82% 26%,
			rgba(34, 92, 255, 0.14),
			transparent 30%
		),
		linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%);
	overflow: hidden;
}

.quality-hero__glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.quality-hero__glow--one {
	top: -180px;
	right: -130px;
	width: 650px;
	height: 650px;
	background: rgba(58, 108, 255, 0.1);
}

.quality-hero__glow--two {
	bottom: -180px;
	left: 30%;
	width: 430px;
	height: 430px;
	background: rgba(139, 171, 255, 0.14);
	filter: blur(5px);
}

.quality-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
	align-items: center;
	gap: 65px;
}

.quality-hero__content {
	max-width: 700px;
}

.quality-hero h1 {
	margin: 24px 0 27px;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: clamp(82px, 7.8vw, 128px);
	font-weight: 400;
	line-height: 0.86;
	letter-spacing: 0.005em;
}

.quality-hero h1 span {
	display: block;
	color: var(--pepx-blue);
}

.quality-hero__content > p {
	max-width: 620px;
	margin-bottom: 34px;
	color: var(--pepx-muted);
	font-size: 17px;
	line-height: 1.8;
}

.quality-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.quality-hero__trust {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 590px;
	margin-top: 48px;
	border-top: 1px solid var(--pepx-border);
}

.quality-hero__trust > div {
	padding: 24px 20px 0 0;
}

.quality-hero__trust strong {
	display: block;
	margin-bottom: 5px;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: 31px;
	font-weight: 400;
	line-height: 1;
}

.quality-hero__trust span {
	color: var(--pepx-muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.quality-hero__visual {
	position: relative;
	min-height: 570px;
}

.quality-hero__orb {
	position: absolute;
	border-radius: 50%;
}

.quality-hero__orb--large {
	top: 15px;
	right: 15px;
	width: 510px;
	height: 510px;
	background:
		radial-gradient(
			circle at 34% 28%,
			rgba(255, 255, 255, 0.96),
			rgba(214, 226, 255, 0.52) 46%,
			rgba(226, 235, 255, 0.18)
		);
	border: 1px solid rgba(34, 92, 255, 0.12);
	box-shadow:
		inset 0 0 80px rgba(255, 255, 255, 0.86),
		0 45px 100px rgba(34, 92, 255, 0.12);
}

.quality-hero__orb--small {
	top: 36px;
	left: 35px;
	width: 108px;
	height: 108px;
	background: linear-gradient(145deg, #ffffff, #ccdcff);
	box-shadow: 0 22px 48px rgba(34, 92, 255, 0.16);
}

.quality-hero__molecule {
	position: absolute;
	z-index: 2;
	top: 80px;
	right: 70px;
	width: 360px;
	height: 270px;
	opacity: 0.72;
}

.quality-hero__molecule::before,
.quality-hero__molecule::after {
	position: absolute;
	height: 2px;
	background: rgba(34, 92, 255, 0.22);
	content: "";
	transform-origin: left center;
}

.quality-hero__molecule::before {
	top: 110px;
	left: 52px;
	width: 245px;
	transform: rotate(-15deg);
}

.quality-hero__molecule::after {
	top: 83px;
	left: 160px;
	width: 182px;
	transform: rotate(55deg);
}

.quality-hero__molecule span {
	position: absolute;
	width: 25px;
	height: 25px;
	background: linear-gradient(145deg, #ffffff, #a9c1ff);
	border: 1px solid rgba(34, 92, 255, 0.2);
	border-radius: 50%;
	box-shadow: 0 12px 26px rgba(34, 92, 255, 0.16);
}

.quality-hero__molecule span:nth-child(1) {
	top: 97px;
	left: 39px;
}

.quality-hero__molecule span:nth-child(2) {
	top: 37px;
	left: 190px;
	width: 42px;
	height: 42px;
}

.quality-hero__molecule span:nth-child(3) {
	top: 120px;
	right: 15px;
}

.quality-hero__molecule span:nth-child(4) {
	bottom: 30px;
	left: 192px;
	width: 34px;
	height: 34px;
}

.quality-hero__molecule span:nth-child(5) {
	right: 43px;
	bottom: 10px;
	width: 53px;
	height: 53px;
}

.quality-hero__vial {
	position: absolute;
	z-index: 4;
	top: 100px;
	right: 170px;
	width: 175px;
	transform: rotate(6deg);
	filter: drop-shadow(0 30px 27px rgba(40, 69, 132, 0.2));
	animation: pepxFloat 6s ease-in-out infinite;
}

.quality-hero__vial-cap {
	position: relative;
	z-index: 2;
	width: 72%;
	height: 67px;
	margin: 0 auto -7px;
	background:
		linear-gradient(
			90deg,
			#a2acba,
			#ffffff 21%,
			#8793a3 45%,
			#ffffff 70%,
			#9ca7b5
		);
	border-radius: 20px 20px 11px 11px;
	box-shadow: inset 0 -9px 12px rgba(55, 65, 82, 0.14);
}

.quality-hero__vial-body {
	position: relative;
	height: 260px;
	background:
		linear-gradient(
			90deg,
			rgba(205, 222, 247, 0.68),
			rgba(255, 255, 255, 0.94),
			rgba(191, 214, 246, 0.62)
		);
	border: 1px solid rgba(153, 180, 216, 0.52);
	border-radius: 31px 31px 39px 39px;
	overflow: hidden;
}

.quality-hero__vial-label {
	position: absolute;
	top: 78px;
	right: 8px;
	left: 8px;
	padding: 28px 7px 23px;
	background: rgba(255, 255, 255, 0.93);
	border-top: 1px solid var(--pepx-border);
	border-bottom: 1px solid var(--pepx-border);
	text-align: center;
}

.quality-hero__vial-label span {
	display: block;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: 31px;
	letter-spacing: 0.04em;
}

.quality-hero__vial-label strong {
	color: var(--pepx-blue);
	font-weight: 400;
}

.quality-hero__vial-label small {
	display: block;
	margin-top: 7px;
	color: var(--pepx-muted);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.14em;
}

.quality-hero__certificate {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 10px;
	width: 310px;
	padding: 25px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.96);
	border-radius: 26px;
	box-shadow: var(--pepx-shadow-md);
	backdrop-filter: blur(24px);
}

.quality-hero__certificate-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.quality-hero__certificate-top > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: var(--pepx-blue);
	color: var(--pepx-white);
	border-radius: 12px;
	font-size: 10px;
	font-weight: 800;
}

.quality-hero__certificate-top small {
	color: var(--pepx-muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.quality-hero__certificate > strong {
	display: block;
	margin-bottom: 16px;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
}

.quality-hero__certificate-lines {
	display: grid;
	gap: 8px;
	margin-bottom: 20px;
}

.quality-hero__certificate-lines span {
	height: 7px;
	background: var(--pepx-border-light);
	border-radius: 999px;
}

.quality-hero__certificate-lines span:nth-child(1) {
	width: 100%;
}

.quality-hero__certificate-lines span:nth-child(2) {
	width: 82%;
}

.quality-hero__certificate-lines span:nth-child(3) {
	width: 58%;
}

.quality-hero__certificate-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 16px;
	border-top: 1px solid var(--pepx-border-light);
	font-size: 9px;
}

.quality-hero__certificate-status span {
	color: var(--pepx-muted);
}

.quality-hero__certificate-status strong {
	color: var(--pepx-success);
}

.quality-hero__badge {
	position: absolute;
	z-index: 6;
	top: 40px;
	left: 5px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 16px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.96);
	border-radius: 18px;
	box-shadow: var(--pepx-shadow-md);
	backdrop-filter: blur(20px);
}

.quality-hero__badge > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: var(--pepx-blue-soft);
	color: var(--pepx-blue);
	border-radius: 12px;
}

.quality-hero__badge svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.quality-hero__badge strong {
	display: block;
	color: var(--pepx-navy);
	font-size: 10px;
}

.quality-hero__badge small {
	display: block;
	color: var(--pepx-muted);
	font-size: 8px;
}

/* Principles */

.quality-principles {
	position: relative;
	z-index: 10;
	margin-top: -42px;
}

.quality-principles__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: rgba(255, 255, 255, 0.97);
	border: 1px solid var(--pepx-border-light);
	border-radius: 28px;
	box-shadow: var(--pepx-shadow-md);
	overflow: hidden;
}

.quality-principle {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 25px 27px;
	border-right: 1px solid var(--pepx-border-light);
}

.quality-principle:last-child {
	border-right: 0;
}

.quality-principle__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	background: var(--pepx-blue-soft);
	color: var(--pepx-blue);
	border-radius: 14px;
}

.quality-principle__icon svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.quality-principle strong {
	display: block;
	margin-bottom: 3px;
	color: var(--pepx-navy);
	font-size: 11px;
}

.quality-principle p {
	margin: 0;
	color: var(--pepx-muted);
	font-size: 9px;
	line-height: 1.5;
}

/* Process */

.quality-process {
	padding: 135px 0;
	background: var(--pepx-white);
}

.quality-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 50px;
	margin-bottom: 52px;
}

.quality-section-heading h2 {
	margin: 18px 0 0;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: clamp(62px, 6vw, 90px);
	font-weight: 400;
	line-height: 0.92;
}

.quality-section-heading > p {
	max-width: 460px;
	margin: 0 0 7px;
	color: var(--pepx-muted);
	font-size: 13px;
	line-height: 1.8;
}

.quality-process__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.quality-process-card {
	min-height: 330px;
	padding: 28px;
	background:
		linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
	border: 1px solid var(--pepx-border-light);
	border-radius: 26px;
	box-shadow: 0 14px 38px rgba(16, 24, 40, 0.045);
	transition:
		transform var(--pepx-transition),
		box-shadow var(--pepx-transition),
		border-color var(--pepx-transition);
}

.quality-process-card:hover {
	border-color: rgba(34, 92, 255, 0.18);
	box-shadow: 0 26px 65px rgba(16, 24, 40, 0.1);
	transform: translateY(-7px);
}

.quality-process-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 55px;
}

.quality-process-card__top > span {
	color: var(--pepx-blue);
	font-family: var(--pepx-font-heading);
	font-size: 31px;
	line-height: 1;
}

.quality-process-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 47px;
	height: 47px;
	background: var(--pepx-blue-soft);
	color: var(--pepx-blue);
	border-radius: 15px;
}

.quality-process-card__icon svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.quality-process-card h3 {
	margin-bottom: 14px;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: 36px;
	font-weight: 400;
	line-height: 1;
}

.quality-process-card p {
	margin: 0;
	color: var(--pepx-muted);
	font-size: 11px;
	line-height: 1.75;
}

/* Documentation */

.quality-documentation {
	padding: 130px 0;
	background:
		radial-gradient(
			circle at 15% 35%,
			rgba(34, 92, 255, 0.09),
			transparent 30%
		),
		var(--pepx-blue-pale);
}

.quality-documentation__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(460px, 0.95fr);
	align-items: center;
	gap: 90px;
}

.quality-documentation__visual {
	display: flex;
	align-items: center;
	justify-content: center;
}

.quality-document {
	width: min(100%, 560px);
	padding: 38px;
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(255, 255, 255, 0.96);
	border-radius: 34px;
	box-shadow: 0 32px 90px rgba(38, 66, 125, 0.12);
	backdrop-filter: blur(22px);
}

.quality-document__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 25px;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--pepx-border);
}

.quality-document__logo {
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: 28px;
	letter-spacing: 0.04em;
}

.quality-document__logo strong {
	color: var(--pepx-blue);
	font-weight: 400;
}

.quality-document__status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 11px;
	background: #ecfdf3;
	color: var(--pepx-success);
	border-radius: 999px;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.quality-document__status::before {
	width: 7px;
	height: 7px;
	background: currentColor;
	border-radius: 50%;
	content: "";
}

.quality-document__title {
	margin-bottom: 28px;
}

.quality-document__title small {
	display: block;
	margin-bottom: 8px;
	color: var(--pepx-blue);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.quality-document__title strong {
	display: block;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: 42px;
	font-weight: 400;
	line-height: 1;
}

.quality-document__rows {
	display: grid;
	gap: 12px;
	margin-bottom: 30px;
}

.quality-document__rows > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 15px 17px;
	background: var(--pepx-off-white);
	border: 1px solid var(--pepx-border-light);
	border-radius: 13px;
}

.quality-document__rows span {
	color: var(--pepx-muted);
	font-size: 9px;
}

.quality-document__rows strong {
	color: var(--pepx-navy);
	font-size: 10px;
}

.quality-document__chart {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	height: 130px;
	padding: 22px;
	margin-bottom: 25px;
	background:
		linear-gradient(rgba(34, 92, 255, 0.045) 1px, transparent 1px),
		var(--pepx-off-white);
	background-size: 100% 26px;
	border: 1px solid var(--pepx-border-light);
	border-radius: 18px;
}

.quality-document__chart span {
	flex: 1;
	min-height: 12px;
	background: linear-gradient(180deg, #6f94ff, var(--pepx-blue));
	border-radius: 7px 7px 3px 3px;
}

.quality-document__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding-top: 20px;
	border-top: 1px solid var(--pepx-border);
	color: var(--pepx-muted);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.1em;
}

.quality-documentation__content h2 {
	margin: 18px 0 25px;
	color: var(--pepx-navy);
	font-family: var(--pepx-font-heading);
	font-size: clamp(62px, 6vw, 90px);
	font-weight: 400;
	line-height: 0.92;
}

.quality-documentation__content h2 span {
	display: block;
	color: var(--pepx-blue);
}

.quality-documentation__content > p {
	max-width: 570px;
	margin-bottom: 36px;
	color: var(--pepx-muted);
	font-size: 15px;
	line-height: 1.8;
}

.quality-documentation__list {
	margin-bottom: 36px;
}

.quality-documentation__list > div {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 18px;
	padding: 20px 0;
	border-top: 1px solid var(--pepx-border);
}

.quality-documentation__list > div:last-child {
	border-bottom: 1px solid var(--pepx-border);
}

.quality-documentation__list > div > span {
	color: var(--pepx-blue);
	font-family: var(--pepx-font-heading);
	font-size: 25px;
	line-height: 1;
}

.quality-documentation__list strong {
	display: block;
	margin-bottom: 5px;
	color: var(--pepx-navy);
	font-size: 13px;
}

.quality-documentation__list p {
	margin: 0;
	color: var(--pepx-muted);
	font-size: 11px;
	line-height: 1.7;
}

/* Statistics */

.quality-statistics {
	padding: 125px 0;
	background: var(--pepx-white);
}

.quality-statistics__panel {
	display: grid;
	grid-template-columns: minmax(340px, 0.8fr) minmax(0, 1.2fr);
	align-items: center;
	gap: 70px;
	padding: 75px;
	background:
		radial-gradient(
			circle at 85% 15%,
			rgba(54, 105, 255, 0.26),
			transparent 30%
		),
		linear-gradient(135deg, #101828, #17233c);
	border-radius: 38px;
	box-shadow: 0 34px 85px rgba(16, 24, 40, 0.2);
	color: rgba(255, 255, 255, 0.7);
}

.quality-statistics__intro .home-eyebrow {
	color: #8eabff;
}

.quality-statistics__intro h2 {
	margin: 18px 0 22px;
	color: var(--pepx-white);
	font-family: var(--pepx-font-heading);
	font-size: clamp(54px, 5vw, 78px);
	font-weight: 400;
	line-height: 0.92;
}

.quality-statistics__intro p {
	max-width: 430px;
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
}

.quality-statistics__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.quality-statistics__grid > div {
	padding: 30px;
	background: rgba(255, 255, 255, 0.065);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 21px;
	backdrop-filter: blur(15px);
}

.quality-statistics__grid strong {
	display: block;
	margin-bottom: 7px;
	color: var(--pepx-white);
	font-family: var(--pepx-font-heading);
	font-size: 45px;
	font-weight: 400;
	line-height: 1;
}

.quality-statistics__grid span {
	color: rgba(255, 255, 255, 0.62);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* CTA */

.quality-cta {
	padding: 10px 0 120px;
}

.quality-cta__panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
	padding: 65px 70px;
	background:
		radial-gradient(
			circle at 88% 20%,
			rgba(63, 111, 255, 0.25),
			transparent 32%
		),
		linear-gradient(135deg, #101828, #17233c);
	border-radius: 36px;
	box-shadow: 0 32px 85px rgba(16, 24, 40, 0.2);
}

.quality-cta__panel .home-eyebrow {
	color: #8eabff;
}

.quality-cta__panel h2 {
	max-width: 760px;
	margin: 18px 0 16px;
	color: var(--pepx-white);
	font-family: var(--pepx-font-heading);
	font-size: clamp(54px, 5vw, 76px);
	font-weight: 400;
	line-height: 0.92;
}

.quality-cta__panel p {
	max-width: 650px;
	margin: 0;
	color: rgba(255, 255, 255, 0.66);
	font-size: 13px;
	line-height: 1.8;
}

.quality-cta__panel .pepx-button {
	flex: 0 0 auto;
}

/* Responsive */

@media (max-width: 1120px) {
	.quality-hero__grid {
		grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1.1fr);
		gap: 25px;
	}

	.quality-principles__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.quality-principle:nth-child(2) {
		border-right: 0;
	}

	.quality-principle:nth-child(-n + 2) {
		border-bottom: 1px solid var(--pepx-border-light);
	}

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

	.quality-documentation__grid {
		gap: 55px;
	}
}

@media (max-width: 900px) {
	.quality-hero__grid {
		grid-template-columns: 1fr;
	}

	.quality-hero__content {
		max-width: 760px;
	}

	.quality-hero__visual {
		width: min(100%, 640px);
		margin-inline: auto;
	}

	.quality-documentation__grid,
	.quality-statistics__panel {
		grid-template-columns: 1fr;
	}

	.quality-documentation__visual {
		order: 2;
	}

	.quality-cta__panel {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 680px) {
	.quality-hero {
		min-height: auto;
		padding: 70px 0 35px;
	}

	.quality-hero h1 {
		font-size: clamp(68px, 20vw, 92px);
	}

	.quality-hero__content > p {
		font-size: 15px;
	}

	.quality-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.quality-hero__trust {
		grid-template-columns: repeat(3, 1fr);
	}

	.quality-hero__trust > div {
		padding-right: 8px;
	}

	.quality-hero__trust strong {
		font-size: 25px;
	}

	.quality-hero__visual {
		left: 50%;
		width: 540px;
		min-height: 500px;
		margin-left: -270px;
		transform: scale(0.77);
		transform-origin: top center;
	}

	.quality-principles {
		margin-top: -70px;
	}

	.quality-principles__grid {
		grid-template-columns: 1fr;
	}

	.quality-principle {
		border-right: 0;
		border-bottom: 1px solid var(--pepx-border-light);
	}

	.quality-principle:last-child {
		border-bottom: 0;
	}

	.quality-process,
	.quality-documentation,
	.quality-statistics {
		padding: 90px 0;
	}

	.quality-section-heading {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 36px;
	}

	.quality-process__grid {
		grid-template-columns: 1fr;
	}

	.quality-process-card {
		min-height: auto;
	}

	.quality-process-card__top {
		margin-bottom: 35px;
	}

	.quality-document {
		padding: 24px;
		border-radius: 25px;
	}

	.quality-document__title strong {
		font-size: 35px;
	}

	.quality-statistics__panel {
		gap: 38px;
		padding: 38px 25px;
		border-radius: 29px;
	}

	.quality-statistics__grid {
		grid-template-columns: 1fr 1fr;
	}

	.quality-statistics__grid > div {
		padding: 22px 18px;
	}

	.quality-statistics__grid strong {
		font-size: 37px;
	}

	.quality-cta {
		padding: 0 0 90px;
	}

	.quality-cta__panel {
		padding: 42px 25px;
		border-radius: 28px;
	}
}

@media (max-width: 430px) {
	.quality-statistics__grid {
		grid-template-columns: 1fr;
	}

	.quality-document__rows > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.quality-document__footer {
		align-items: flex-start;
		flex-direction: column;
	}
}