.s2a-results,
.s2a-results * {
	box-sizing: border-box;
}

.s2a-results {
	position: relative;
	width: 100%;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(120deg, #06101f, #0c1d36);
}

.s2a-results::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: rgba(2,8,18,.42);
}

.s2a-results::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(circle at 8% 68%, rgba(42,139,255,.22), transparent 24%),
		radial-gradient(circle at 90% 22%, rgba(47,125,255,.14), transparent 24%),
		linear-gradient(100deg, transparent 0 42%, rgba(255,255,255,.025) 50%, transparent 58%);
}

.s2a-results__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0 auto;
}

.s2a-results__panel {
	position: relative;
	width: 100%;
	border: 1px solid rgba(79,156,255,.58);
	background: rgba(8,20,39,.74);
	box-shadow: 0 24px 70px -28px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.12);
	isolation: isolate;
}

.s2a-results__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	background:
		linear-gradient(120deg, rgba(74,147,255,.16), transparent 25%),
		linear-gradient(300deg, rgba(47,125,255,.10), transparent 27%),
		linear-gradient(135deg, rgba(255,255,255,.08), transparent 38%);
}

.s2a-results__panel::after {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: -2;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: none;
}

.s2a-results__heading-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	text-align: center;
}

.s2a-results__heading-wrap::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -14px;
	width: 440px;
	height: 1px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(79,156,255,.82), transparent);
	transform: translateX(-50%);
	box-shadow: none;
}

.s2a-results__heading {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(36px, 4.4vw, 70px);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.s2a-results__heading-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #4f9cff;
	filter: none;
}

.s2a-results__heading-icon svg {
	fill: currentColor;
}

.s2a-results__viewport {
	overflow: hidden;
}

.s2a-results__track {
	display: flex;
	width: 100%;
	transform: translate3d(calc(var(--s2a-results-index, 0) * -100%), 0, 0);
	transition: transform var(--s2a-results-speed, 650ms) cubic-bezier(.22,.61,.36,1);
	will-change: transform;
}

.s2a-results__slide {
	flex: 0 0 100%;
	min-width: 0;
	text-align: center;
}

.s2a-results__year {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 24px;
	border: 1px solid rgba(79,156,255,.38);
	border-radius: 14px;
	background: rgba(255,255,255,.075);
	color: #fff;
	font-size: clamp(24px, 2.2vw, 36px);
	font-weight: 500;
	line-height: 1.25;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 30px -18px rgba(0,0,0,.65);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

.s2a-results__cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
}

.s2a-results-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	border: 1px solid rgba(225,236,255,.68);
	background: linear-gradient(145deg, rgba(25,49,80,.55), rgba(6,19,38,.38));
	box-shadow: 0 16px 30px -18px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.035);
	-webkit-backdrop-filter: blur(18px) saturate(135%);
	backdrop-filter: blur(18px) saturate(135%);
	--s2a-results-card-scale: 1;
	transform: scale(var(--s2a-results-card-scale));
	transform-origin: center;
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.s2a-results-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(135deg, rgba(255,255,255,.16), transparent 38%, rgba(91,159,255,.055) 72%, transparent);
}

.s2a-results-card::after {
	content: "";
	position: absolute;
	left: 24%;
	right: 24%;
	bottom: -2px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, #4f9cff, transparent);
	box-shadow: none;
}

.s2a-results-card:hover {
	transform: translateY(-6px) scale(var(--s2a-results-card-scale));
	border-color: rgba(116,183,255,.82);
	box-shadow: 0 20px 36px -22px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.14);
}

.s2a-results-card__grade {
	color: #fff;
	font-size: clamp(36px, 3.1vw, 52px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.03em;
	text-shadow: 0 3px 12px rgba(0,0,0,.32);
}

.s2a-results-card__divider {
	display: block;
	width: 48%;
	height: 1px;
	margin: 8px 0 7px;
	background: rgba(79,156,255,.46);
}

.s2a-results-card__value {
	color: #4f9cff;
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	text-shadow: none;
}

.s2a-results__button-wrap {
	display: flex;
	justify-content: center;
	margin-top: 18px;
}

.s2a-results__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	border: 1px solid #4f9cff;
	background: rgba(20,62,128,.58);
	color: #2f7dff;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	font-family: inherit;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 24px -18px rgba(0,0,0,.55);
	transition: transform .28s ease, color .28s ease, background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.s2a-results__button:hover {
	transform: translateY(-3px);
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 26px -18px rgba(0,0,0,.58);
}

.s2a-results__button-icon {
	display: inline-flex;
}

.s2a-results__button-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-results__arrow {
	position: absolute;
	top: 56%;
	z-index: 8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid rgba(79,156,255,.46);
	border-radius: 50%;
	background: rgba(13,24,39,.72);
	color: #fff;
	font-size: 20px;
	box-shadow: 0 12px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform .25s ease, background-color .25s ease, border-color .25s ease;
}

.s2a-results__arrow svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.7;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,.55));
}

.s2a-results__arrow:hover {
	transform: translateY(-50%) scale(1.08);
	background: rgba(25,82,166,.82);
	border-color: rgba(116,183,255,.82);
}

.s2a-results__arrow--prev {
	left: 20px;
}

.s2a-results__arrow--next {
	right: 20px;
}

.s2a-results__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}

.s2a-results__dot {
	appearance: none;
	-webkit-appearance: none;
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255,255,255,.34);
	cursor: pointer;
	transition: width .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.s2a-results__dot.is-active {
	width: 26px;
	background: #2f7dff;
	box-shadow: none;
}

.s2a-results__chemistry {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: .72;
}

.s2a-results__flask {
	position: absolute;
	left: 4%;
	bottom: 8%;
	width: 120px;
	height: 170px;
	border: 4px solid rgba(95,170,255,.45);
	border-top: 0;
	border-radius: 18px 18px 54px 54px;
	transform: rotate(-5deg);
	filter: none;
}

.s2a-results__flask::before {
	content: "";
	position: absolute;
	left: 39px;
	top: -80px;
	width: 34px;
	height: 82px;
	border: 4px solid rgba(95,170,255,.45);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
}

.s2a-results__flask::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 12px;
	height: 42%;
	border-radius: 10px 10px 42px 42px;
	background: linear-gradient(180deg, rgba(30,134,255,.15), rgba(18,101,223,.55));
	box-shadow: inset 0 8px 18px rgba(76,177,255,.12);
}

.s2a-results__molecule {
	position: absolute;
	right: 5%;
	top: 18%;
	width: 190px;
	height: 150px;
	opacity: .62;
	background:
		radial-gradient(circle at 18% 55%, #2f7dff 0 7px, transparent 8px),
		radial-gradient(circle at 48% 28%, #4a9cff 0 7px, transparent 8px),
		radial-gradient(circle at 76% 58%, #2f7dff 0 7px, transparent 8px),
		radial-gradient(circle at 54% 82%, #4a9cff 0 7px, transparent 8px);
}

.s2a-results__molecule::before,
.s2a-results__molecule::after {
	content: "";
	position: absolute;
	left: 32px;
	top: 74px;
	width: 118px;
	height: 2px;
	background: rgba(79,156,255,.52);
	transform: rotate(-18deg);
}

.s2a-results__molecule::after {
	left: 78px;
	top: 84px;
	width: 80px;
	transform: rotate(52deg);
	background: rgba(90,167,255,.52);
}

.s2a-results__formula {
	position: absolute;
	right: 4%;
	top: 5%;
	color: rgba(157,194,241,.18);
	font-family: monospace;
	font-size: clamp(24px, 3vw, 52px);
	letter-spacing: .1em;
	transform: rotate(-5deg);
}

.s2a-results--no-decorations .s2a-results__chemistry {
	display: none;
}

.s2a-results--single .s2a-results__dots,
.s2a-results--single .s2a-results__arrow {
	display: none !important;
}

@media (max-width: 1024px) {
	.s2a-results-card {
		--s2a-results-card-scale: .96;
	}

	.s2a-results__heading {
		font-size: clamp(38px, 6vw, 58px);
	}

	.s2a-results__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.s2a-results__arrow--prev {
		left: 10px;
	}

	.s2a-results__arrow--next {
		right: 10px;
	}

	.s2a-results__flask {
		left: -2%;
		bottom: 4%;
		transform: scale(.75) rotate(-5deg);
	}

	.s2a-results__molecule,
	.s2a-results__formula {
		opacity: .35;
	}
}

@media (max-width: 767px) {
	.s2a-results-card {
		--s2a-results-card-scale: .94;
	}

	.s2a-results__heading-wrap {
		gap: 10px;
	}

	.s2a-results__heading {
		font-size: clamp(31px, 9vw, 45px);
		line-height: 1.15;
	}

	.s2a-results__heading-icon {
		font-size: 34px !important;
	}

	.s2a-results__heading-icon svg {
		width: 34px !important;
		height: 34px !important;
	}

	.s2a-results__year {
		font-size: clamp(23px, 6.4vw, 32px);
	}

	.s2a-results__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.s2a-results-card {
		min-height: 104px !important;
	}

	.s2a-results-card:hover {
		transform: scale(var(--s2a-results-card-scale));
	}

	.s2a-results-card__grade {
		font-size: clamp(30px, 9vw, 44px);
	}

	.s2a-results-card__divider {
		margin: 6px 0 6px;
	}

	.s2a-results-card__value {
		font-size: 28px;
	}

	.s2a-results__arrow {
		top: auto;
		bottom: 16px;
		transform: none;
	}

	.s2a-results__arrow:hover {
		transform: scale(1.06);
	}

	.s2a-results__arrow--prev {
		left: 16px;
	}

	.s2a-results__arrow--next {
		right: 16px;
	}

	.s2a-results__dots {
		margin-top: 14px;
		padding-bottom: 52px;
	}

	.s2a-results__flask,
	.s2a-results__molecule,
	.s2a-results__formula {
		display: none;
	}
}

@media (max-width: 420px) {
	.s2a-results-card {
		min-height: 98px !important;
	}

	.s2a-results__button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.s2a-results__track,
	.s2a-results-card,
	.s2a-results__button,
	.s2a-results__arrow,
	.s2a-results__dot {
		transition: none !important;
	}
}


.s2a-results-lightbox {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(16px, 3vw, 42px);
	background: rgba(1, 6, 15, .88);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .28s ease, visibility 0s linear .28s;
}

.s2a-results-lightbox.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

.s2a-results-lightbox__dialog {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(920px, 94vw);
	max-height: 90vh;
	transform: translateY(18px) scale(.98);
	transition: transform .3s ease;
}

.s2a-results-lightbox.is-open .s2a-results-lightbox__dialog {
	transform: translateY(0) scale(1);
}

.s2a-results-lightbox__image {
	display: block;
	max-width: 100%;
	max-height: 88vh;
	width: auto;
	height: auto;
	border: 1px solid rgba(79, 156, 255, .62);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 28px 80px rgba(0,0,0,.55);
}

.s2a-results-lightbox__close {
	position: fixed;
	top: max(18px, env(safe-area-inset-top));
	right: max(18px, env(safe-area-inset-right));
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 50%;
	background: rgba(13,27,48,.76);
	color: #fff;
	font: 300 34px/1 Arial, sans-serif;
	cursor: pointer;
	box-shadow: 0 12px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

body.s2a-results-lightbox-open {
	overflow: hidden;
}

@media (min-width: 1025px) {
	.s2a-results-card {
		min-height: min(164px, 13vw);
	}
}

@media (max-width: 767px) {
	.s2a-results-lightbox {
		padding: 56px 12px 18px;
	}

	.s2a-results-lightbox__image {
		border-radius: 12px;
	}
}