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

.s2a-platforms {
	--s2a-platform-primary: #2465e8;
	--s2a-platform-secondary: #69a8ff;
	--s2a-platform-ambient: rgba(73,135,255,.16);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
	color: #18284f;
	font-family: inherit;
	background: #ffffff;
}

.s2a-platforms::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -3;
	background: transparent;
	pointer-events: none;
}

.s2a-platforms::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	display: none;
	pointer-events: none;
}

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

.s2a-platforms__orb {
	display: none !important;
	position: absolute;
	z-index: -1;
	display: block;
	border-radius: 50%;
	background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(111,168,255,.34));
	border: 1px solid rgba(255,255,255,.78);
	box-shadow: inset 0 8px 18px rgba(255,255,255,.82), 0 14px 40px rgba(46,108,219,.18);
	animation: s2aPlatformsFloat 7s ease-in-out infinite;
	pointer-events: none;
}

.s2a-platforms__orb--one {
	width: 58px;
	height: 58px;
	left: 4.2%;
	top: 8%;
}

.s2a-platforms__orb--two {
	width: 30px;
	height: 30px;
	right: 5.5%;
	top: 36%;
	animation-delay: -2.7s;
}

.s2a-platforms__header {
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}

.s2a-platforms__badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 auto 14px;
	border: 1px solid rgba(72,129,245,.24);
	border-radius: 999px;
	box-shadow: 0 10px 28px rgba(40,91,186,.12), inset 0 1px 0 rgba(255,255,255,.94);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	overflow: hidden;
}

.s2a-platforms__badge::after {
	content: "";
	position: absolute;
	inset: 0;
	transform: translateX(-120%);
	background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.78) 50%, transparent 70%);
	animation: s2aPlatformsShine 4.8s ease-in-out infinite;
	pointer-events: none;
}

.s2a-platforms__badge-icon,
.s2a-platforms__badge-icon svg {
	width: 1em;
	height: 1em;
	color: var(--s2a-platform-primary);
	fill: currentColor;
}

.s2a-platforms__heading {
	margin: 0;
	font-size: clamp(38px, 4.1vw, 72px);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.s2a-platforms__heading-highlight {
	position: relative;
	display: inline-block;
	margin-inline: .12em;
}

.s2a-platforms__heading-highlight::after {
	display: none;
}

.s2a-platforms__description {
	max-width: 900px;
	margin: 18px auto 0;
	font-size: 18px;
	line-height: 1.75;
}

.s2a-platforms__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	width: 100%;
}

.s2a-platform-card {
	--s2a-card-accent: var(--s2a-platform-primary);
	--s2a-card-logo-width: 190px;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	color: inherit;
	text-decoration: none;
	border: 1px solid rgba(102,157,244,.34);
	box-shadow: 0 22px 56px rgba(35,84,170,.13), inset 0 1px 0 rgba(255,255,255,.88);
	overflow: hidden;
	transform: translateZ(0);
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.s2a-platform-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(135deg, rgba(255,255,255,.74), transparent 44%),
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--s2a-card-accent) 16%, transparent), transparent 38%);
	pointer-events: none;
}

.s2a-platform-card::after {
	content: "";
	position: absolute;
	left: 7%;
	right: 7%;
	top: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--s2a-card-accent), transparent);
	box-shadow: 0 0 18px color-mix(in srgb, var(--s2a-card-accent) 54%, transparent);
	opacity: .65;
	pointer-events: none;
}

.s2a-platforms--hover .s2a-platform-card:hover {
	transform: translateY(-7px);
	border-color: color-mix(in srgb, var(--s2a-card-accent) 48%, white);
	box-shadow: 0 30px 72px rgba(33,82,174,.18), inset 0 1px 0 rgba(255,255,255,.96);
}

.s2a-platform-card__top,
.s2a-platform-card__features {
	position: relative;
	z-index: 1;
}

.s2a-platform-card__top {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
}

.s2a-platform-card__media {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-width: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
}

.s2a-platform-card__logo {
	display: block;
	width: min(100%, var(--s2a-card-logo-width));
	height: auto;
	max-height: 230px;
	object-fit: contain;
	object-position: center;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0;
	background: none !important;
	box-shadow: none !important;
	filter: none !important;
	transition: transform .35s ease;
}

.s2a-platform-card--single .s2a-platform-card__logo,
.s2a-platform-card--stacked .s2a-platform-card__logo {
	aspect-ratio: auto;
	object-fit: contain;
	border-radius: 0;
}

.s2a-platform-card__media img.s2a-platform-card__logo,
.s2a-platform-card__media img.s2a-platform-card__logo--second {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	filter: none !important;
	clip-path: none !important;
}

.s2a-platforms--hover .s2a-platform-card:hover .s2a-platform-card__logo {
	transform: none;
	filter: none !important;
}

.s2a-platform-card__content {
	flex: 1 1 auto;
	min-width: 0;
}

.s2a-platform-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 15px;
	border: 1px solid rgba(106,158,236,.22);
	border-radius: 999px;
	box-shadow: 0 8px 22px rgba(35,85,177,.10), inset 0 1px 0 rgba(255,255,255,.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.s2a-platform-card__badge svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-platform-card__title {
	margin: 18px 0 14px;
	font-size: clamp(28px, 2.2vw, 42px);
	font-weight: 700;
	line-height: 1.15;
}

.s2a-platform-card__title-line {
	display: none;
}

.s2a-platform-card__text {
	font-size: 15px;
	line-height: 1.78;
}

.s2a-platform-card__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}

.s2a-platform-card__channel-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 36px;
	padding: 8px 13px;
	color: #1749a9;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	background: rgba(255,255,255,.86);
	border: 1px solid rgba(68,126,228,.24);
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(34,82,164,.09), inset 0 1px 0 rgba(255,255,255,.96);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: transform .28s ease, color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.s2a-platform-card__channel-button:hover {
	color: #fff;
	background: var(--s2a-card-accent);
	border-color: color-mix(in srgb, var(--s2a-card-accent) 70%, white);
	box-shadow: 0 12px 26px color-mix(in srgb, var(--s2a-card-accent) 24%, transparent), inset 0 1px 0 rgba(255,255,255,.25);
	transform: translateY(-2px);
}

.s2a-platform-card__channel-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ff0000;
	font-size: 14px;
	transition: color .28s ease, transform .28s ease;
}

.s2a-platform-card__channel-button-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-platform-card__channel-button:hover .s2a-platform-card__channel-button-icon {
	color: #fff;
	transform: scale(1.06);
}

.s2a-platform-card__features {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 24px;
}

.s2a-platform-feature {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 0;
	min-height: 104px;
	text-align: center;
	border: 1px solid rgba(93,151,239,.25);
	background: rgba(255,255,255,.90);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 30px rgba(38,83,164,.09);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	transition: transform .3s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.s2a-platform-feature::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--s2a-card-accent) 13%, transparent), transparent 42%),
		linear-gradient(145deg, rgba(255,255,255,.58), transparent 52%);
	pointer-events: none;
}

.s2a-platform-feature::after {
	content: "";
	position: absolute;
	top: 0;
	left: 18%;
	right: 18%;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--s2a-card-accent) 60%, white), transparent);
	opacity: .75;
	pointer-events: none;
}

.s2a-platforms--hover .s2a-platform-feature:hover {
	transform: translateY(-5px);
	border-color: rgba(67,133,239,.48);
	background: rgba(245,250,255,.98);
	box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 18px 38px rgba(40,92,185,.16), 0 0 0 5px rgba(58,130,245,.04);
}

.s2a-platform-feature__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border: 1px solid color-mix(in srgb, var(--s2a-card-accent) 22%, white);
	border-radius: 14px;
	background: rgba(50,118,243,.10);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(45,103,213,.10);
	transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}

.s2a-platforms--hover .s2a-platform-feature:hover .s2a-platform-feature__icon {
	transform: translateY(-2px) scale(1.04);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(45,103,213,.17);
}

.s2a-platform-feature__icon,
.s2a-platform-feature__icon svg {
	fill: currentColor;
}

.s2a-platform-feature__text {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

.s2a-platforms__pagination {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 16px;
}

.s2a-platforms__dot {
	appearance: none;
	width: 8px;
	height: 8px;
	padding: 0;
	border: 1px solid rgba(43,103,221,.25);
	border-radius: 999px;
	background: rgba(45,104,222,.18);
	transition: width .28s ease, background .28s ease, transform .28s ease;
	cursor: pointer;
}

.s2a-platforms__dot.is-active {
	width: 24px;
	background: linear-gradient(90deg, var(--s2a-platform-primary), var(--s2a-platform-secondary));
	box-shadow: 0 0 14px rgba(46,111,238,.35);
}

.s2a-platforms__cta {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	border: 1px solid rgba(101,153,234,.28);
	box-shadow: 0 18px 48px rgba(35,83,167,.11), inset 0 1px 0 rgba(255,255,255,.88);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	overflow: hidden;
}

.s2a-platforms__cta::after {
	display: none;
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	right: -100px;
	top: -150px;
	border-radius: 50%;
	background: radial-gradient(circle, var(--s2a-platform-ambient), transparent 68%);
	pointer-events: none;
}

.s2a-platforms__trust {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.s2a-platforms__trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	color: var(--s2a-platform-primary);
	font-size: 25px;
	border: 1px solid rgba(96,151,237,.24);
	border-radius: 18px;
	background: rgba(255,255,255,.68);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 28px rgba(41,89,176,.10);
}

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

.s2a-platforms__trust-title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
}

.s2a-platforms__trust-text {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.55;
}

.s2a-platforms__cta-action {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 auto;
}

.s2a-platforms__button {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	max-width: 285px;
	font-size: 14px;
	color: #fff;
	text-decoration: none !important;
	font-weight: 600;
	line-height: 1.2;
	background: rgba(20,103,255,.90);
	border: 1px solid rgba(113,177,255,.82);
	border-radius: 15px;
	-webkit-backdrop-filter: saturate(145%) blur(16px);
	backdrop-filter: saturate(145%) blur(16px);
	box-shadow: 0 18px 45px rgba(17,91,245,.28), inset 0 1px 0 rgba(255,255,255,.25);
	transition: transform .34s cubic-bezier(.2,.7,.2,1), background .34s ease, border-color .34s ease, box-shadow .34s ease, color .34s ease;
}

.s2a-platforms__button::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -80%;
	left: -45%;
	width: 44%;
	height: 260%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
	transform: rotate(22deg) translateX(-210%);
	transition: transform .7s cubic-bezier(.2,.7,.2,1);
}

.s2a-platforms__button::after {
	content: "";
	position: absolute;
	z-index: -2;
	inset: 1px;
	border-radius: inherit;
	background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.26), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.12), transparent 42%, rgba(255,255,255,.035));
	pointer-events: none;
}

.s2a-platforms__button:hover {
	color: #fff;
	transform: translateY(-4px) scale(1.015);
	background: rgba(52,132,255,.98);
	border-color: #8fc4ff;
	box-shadow: 0 25px 60px rgba(17,91,245,.40), 0 0 0 7px rgba(70,145,255,.08), inset 0 1px 0 rgba(255,255,255,.32);
}

.s2a-platforms__button:hover::before {
	transform: rotate(22deg) translateX(530%);
}

.s2a-platforms__button:focus-visible {
	outline: 2px solid #84c5ff;
	outline-offset: 3px;
}

.s2a-platforms__button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	color: #fff;
	transition: transform .3s ease;
}

.s2a-platforms__button:hover .s2a-platforms__button-icon {
	transform: translateX(3px) scale(1.05);
}

.s2a-platforms__button-icon svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
}

.s2a-platforms__cta-note {
	margin-top: 8px;
	font-size: 12px;
}

.s2a-platforms--entrance .s2a-platforms__header,
.s2a-platforms--entrance .s2a-platform-card,
.s2a-platforms--entrance .s2a-platforms__cta {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .72s ease, transform .72s ease;
}

.s2a-platforms--entrance.is-visible .s2a-platforms__header,
.s2a-platforms--entrance.is-visible .s2a-platform-card,
.s2a-platforms--entrance.is-visible .s2a-platforms__cta {
	opacity: 1;
	transform: translateY(0);
}

.s2a-platforms--entrance.is-visible .s2a-platform-card:nth-child(2) {
	transition-delay: .12s;
}

.s2a-platforms--entrance.is-visible .s2a-platforms__cta {
	transition-delay: .2s;
}

@keyframes s2aPlatformsFloat {
	0%, 100% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(0,-13px,0); }
}

@keyframes s2aPlatformsShine {
	0%, 55% { transform: translateX(-120%); }
	82%, 100% { transform: translateX(120%); }
}

@media (max-width: 1100px) {
	.s2a-platforms__grid {
		grid-template-columns: 1fr;
	}

	.s2a-platform-card__top {
		align-items: center;
	}

	.s2a-platform-card__media {
		flex-basis: 34% !important;
		max-width: 34% !important;
	}
}

@media (max-width: 767px) {
	.s2a-platforms::after {
		display: none;
	}

	.s2a-platforms__orb--one {
		width: 40px;
		height: 40px;
		left: 3%;
		top: 5%;
	}

	.s2a-platforms__orb--two {
		display: none;
	}

	.s2a-platforms__header {
		margin-bottom: 24px;
	}

	.s2a-platforms__heading {
		font-size: clamp(32px, 10vw, 46px);
		line-height: 1.2;
	}

	.s2a-platforms__description {
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.7;
	}

	.s2a-platforms__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px !important;
		overflow: visible;
	}

	.s2a-platform-card {
		width: 100%;
		min-height: 0;
		padding: 16px 14px !important;
	}

	.s2a-platform-card__top {
		flex-direction: column;
		align-items: stretch;
		gap: 12px !important;
	}

	.s2a-platform-card__media {
		flex-basis: auto !important;
		max-width: 100% !important;
		min-height: 116px;
		gap: 8px;
	}

	.s2a-platform-card--single .s2a-platform-card__logo {
		width: min(132px, 46vw);
	}

	.s2a-platform-card--stacked .s2a-platform-card__media {
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.s2a-platform-card--stacked .s2a-platform-card__logo {
		width: min(112px, 36vw);
	}

	.s2a-platform-card__content {
		text-align: center;
	}

	.s2a-platform-card__actions {
		justify-content: center;
		gap: 7px !important;
		margin-top: 10px;
	}

	.s2a-platform-card__channel-button {
		min-height: 33px;
		padding: 7px 10px;
	}

	.s2a-platform-card__badge {
		margin-top: 0;
		padding: 7px 12px;
	}

	.s2a-platform-card__title {
		margin: 11px 0 8px;
		font-size: clamp(24px, 7vw, 32px);
	}

	.s2a-platform-card__text {
		font-size: 13px;
		line-height: 1.58;
	}

	.s2a-platform-card__features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px !important;
		margin-top: 14px;
	}

	.s2a-platform-feature {
		min-height: 78px;
		gap: 6px;
		padding: 8px 5px;
	}

	.s2a-platform-feature__icon {
		width: 35px;
		height: 35px;
		flex-basis: 35px;
		border-radius: 11px;
	}

	.s2a-platform-feature__text {
		font-size: 11px;
		line-height: 1.25;
	}

	.s2a-platforms__cta {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		padding: 16px 14px !important;
		text-align: center;
	}

	.s2a-platforms__trust {
		flex-direction: column;
		gap: 9px;
	}

	.s2a-platforms__trust-icon {
		width: 48px;
		height: 48px;
		flex-basis: 48px;
		font-size: 21px;
	}

	.s2a-platforms__trust-title {
		font-size: 18px;
	}

	.s2a-platforms__trust-text {
		margin-top: 2px;
		font-size: 12px;
	}

	.s2a-platforms__cta-action,
	.s2a-platforms__button {
		width: 100%;
	}

	.s2a-platforms__button {
		min-height: 48px;
	}

	.s2a-platforms__cta-note {
		margin-top: 6px;
	}
}

@media (max-width: 420px) {
	.s2a-platforms__grid {
		gap: 12px !important;
	}

	.s2a-platform-card {
		padding: 14px 12px !important;
	}

	.s2a-platform-card__media {
		min-height: 104px;
	}

	.s2a-platform-card__features {
		gap: 6px !important;
		margin-top: 12px;
	}

	.s2a-platform-feature {
		min-height: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.s2a-platforms *,
	.s2a-platforms *::before,
	.s2a-platforms *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .001ms !important;
	}
}

@media (max-width: 767px) {
	.s2a-platforms--reduce-motion *,
	.s2a-platforms--reduce-motion *::before,
	.s2a-platforms--reduce-motion *::after {
		animation: none !important;
		transition-duration: .001ms !important;
	}
}