.gp-ai-platforms {
	--gp-ai-cyan: #22d3ee;
	--gp-ai-purple: #8b5cf6;
	--gp-ai-pink: #ec4899;
	position: relative;
	width: min(1440px, 100%);
	min-height: 900px;
	margin: 0 auto;
	padding: 110px 24px 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #020617;
}

.gp-ai-platforms::before {
	content: "";
	position: absolute;
	top: 52%;
	left: 50%;
	width: 1100px;
	height: 750px;
	transform: translate(-50%, -50%);
	background: radial-gradient(ellipse at center, rgba(34, 211, 238, .075), transparent 70%);
	pointer-events: none;
	animation: gpAiBgPulse 5s ease-in-out infinite;
}

.gp-ai-platforms__content { position: relative; z-index: 1; width: 100%; }
.gp-ai-platforms__header { text-align: center; margin: 0 auto 58px; }
.gp-ai-platforms__header h2 {
	margin: 0 0 20px;
	color: #fff;
	font-size: clamp(42px, 4.45vw, 68px);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.045em;
}
.gp-ai-platforms__header h2 span {
	background: linear-gradient(135deg, #60a5fa 0%, #a855f7 50%, #ec4899 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gp-ai-platforms__header p {
	max-width: 760px;
	margin: 0 auto;
	color: rgba(255,255,255,.6);
	font-size: 17px;
	line-height: 1.7;
}
.gp-ai-platforms__wall { width: 100%; perspective: 1400px; }
.gp-ai-platforms__stage {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	transform-style: preserve-3d;
}
.gp-ai-platforms__row {
	display: flex;
	justify-content: center;
	gap: 11px;
	padding: 0 8px;
	transform-style: preserve-3d;
}
.gp-ai-platforms__row--0,.gp-ai-platforms__row--6 { transform: translateZ(-70px) scale(.78); opacity:.84; filter:brightness(.84); }
.gp-ai-platforms__row--1,.gp-ai-platforms__row--5 { transform: translateZ(-40px) scale(.88); opacity:.9; filter:brightness(.9); }
.gp-ai-platforms__row--2,.gp-ai-platforms__row--4 { transform: translateZ(-12px) scale(.95); opacity:.95; filter:brightness(.95); }
.gp-ai-platforms__row--3 { transform: translateZ(0) scale(1); opacity:1; filter:brightness(1); z-index:5; }
.gp-ai-platforms__card {
	position: relative;
	width: 108px;
	height: 72px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 13px;
	background: rgba(15,23,42,.7);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: transform .4s cubic-bezier(.4,0,.2,1), border-color .4s, box-shadow .4s;
}
.gp-ai-platforms__card:hover {
	transform: translateY(-8px) scale(1.12);
	border-color: rgba(34,211,238,.55);
	box-shadow: 0 18px 40px rgba(34,211,238,.25);
	z-index: 20;
}
.gp-ai-platforms__card img {
	width: 72%;
	height: 58%;
	object-fit: contain;
	filter: drop-shadow(0 0 10px rgba(255,255,255,.08));
	opacity: .9;
	transition: transform .3s, opacity .3s, filter .3s;
}
.gp-ai-platforms__card:hover img { transform:scale(1.08); opacity:1; filter:drop-shadow(0 0 14px rgba(34,211,238,.22)); }
.gp-ai-platforms__card--cyan { animation: gpAiBreatheCyan 2.8s ease-in-out infinite; }
.gp-ai-platforms__card--purple { animation: gpAiBreathePurple 3.2s ease-in-out infinite; }
.gp-ai-platforms__card--pink { animation: gpAiBreathePink 2.5s ease-in-out infinite; }
.gp-ai-platforms__reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s ease-out, transform .7s ease-out; }
.gp-ai-platforms.is-visible .gp-ai-platforms__reveal { opacity:1; transform:translateY(0); }
.gp-ai-platforms.is-visible .gp-ai-platforms__wall { transition-delay:.2s; }
@keyframes gpAiBgPulse { 0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)} 50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)} }
@keyframes gpAiBreatheCyan { 0%,100%{box-shadow:0 0 12px rgba(34,211,238,.22);border-color:rgba(34,211,238,.28)} 50%{box-shadow:0 0 28px rgba(34,211,238,.5);border-color:rgba(34,211,238,.55)} }
@keyframes gpAiBreathePurple { 0%,100%{box-shadow:0 0 12px rgba(139,92,246,.22);border-color:rgba(139,92,246,.28)} 50%{box-shadow:0 0 28px rgba(139,92,246,.5);border-color:rgba(139,92,246,.55)} }
@keyframes gpAiBreathePink { 0%,100%{box-shadow:0 0 12px rgba(236,72,153,.22);border-color:rgba(236,72,153,.28)} 50%{box-shadow:0 0 28px rgba(236,72,153,.5);border-color:rgba(236,72,153,.55)} }
@media (max-width: 900px) {
	.gp-ai-platforms { min-height: 760px; padding: 84px 18px 70px; }
	.gp-ai-platforms__wall { overflow:hidden; margin-inline:-18px; width:calc(100% + 36px); }
	.gp-ai-platforms__stage { width: 890px; margin-left: 50%; transform: translateX(-50%) scale(.74); transform-origin:center; }
	.gp-ai-platforms__row--0,.gp-ai-platforms__row--1,.gp-ai-platforms__row--5,.gp-ai-platforms__row--6 { transform:translateZ(-20px) scale(.92); }
	.gp-ai-platforms__row--2,.gp-ai-platforms__row--3,.gp-ai-platforms__row--4 { transform:translateZ(0) scale(1); }
}
@media (max-width: 560px) {
	.gp-ai-platforms { min-height: 690px; }
	.gp-ai-platforms__header { margin-bottom: 34px; }
	.gp-ai-platforms__header h2 { font-size: 38px; }
	.gp-ai-platforms__header p { font-size: 15px; }
	.gp-ai-platforms__stage { transform:translateX(-50%) scale(.54); margin-top:-76px; margin-bottom:-82px; }
}
@media (prefers-reduced-motion: reduce) {
	.gp-ai-platforms::before,.gp-ai-platforms__card--cyan,.gp-ai-platforms__card--purple,.gp-ai-platforms__card--pink { animation:none; }
	.gp-ai-platforms__reveal { opacity:1; transform:none; transition:none; }
}