.orbital-ecosystem-container-1990464d {
	position: relative;
	width: 360px;
	height: 360px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.orbital-ring-1990464d {
	position: absolute;
	border: 1px dashed rgba(77, 77, 77, 0.15);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.outer-ring-1990464d {
	width: 300px;
	height: 300px;
}

.inner-ring-1990464d {
	width: 180px;
	height: 180px;
}

/* Center Hub */
.center-hub-1990464d {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hub-circle-1990464d {
	width: 80px;
	height: 80px;
	background: #000000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.hub-text-1990464d {
	font-family: 'Abril Fatface', Georgia, serif;
	color: #F3C8CF;
	font-size: 24px;
	letter-spacing: 1px;
}

/* Badges and Animation */
.badges-orbit-wrapper-1990464d {
	position: absolute;
	width: 100%;
	height: 100%;
	animation: orbit-rotate-1990464d 50s linear infinite;
	transform-origin: center center;
}

.integration-badge-1990464d {
	position: absolute;
	width: 52px;
	height: 52px;
	background: #FFFFFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	animation: badge-float-1990464d 4s ease-in-out infinite alternate;
	animation-delay: var(--float-delay);
}

/* Counter-rotate icons so they stay upright while orbiting */
.integration-badge-1990464d .badge-icon-wrap-1990464d {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 11px;
	animation: counter-orbit-rotate-1990464d 50s linear infinite;
	transform-origin: center center;
}

/* Tooltips */
.tooltip-text-1990464d {
	visibility: hidden;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	border-radius: 4px;
	padding: 4px 8px;
	position: absolute;
	z-index: 20;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.2s ease, visibility 0.2s;
	font-family: 'Montserrat Light', sans-serif;
	font-size: 11px;
	white-space: nowrap;
}

.integration-badge-1990464d:hover {
	transform: scale(1.12);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	z-index: 100;
}

.integration-badge-1990464d:hover .tooltip-text-1990464d {
	visibility: visible;
	opacity: 1;
}

/* Animations */
@keyframes orbit-rotate-1990464d {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes counter-orbit-rotate-1990464d {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

@keyframes badge-float-1990464d {
	0% {
		margin-top: -3px;
	}
	100% {
		margin-top: 3px;
	}
}

/* Mobile Adjustments */
@media (max-width: 480px) {
	.orbital-ecosystem-container-1990464d {
		width: 300px;
		height: 300px;
	}
	.outer-ring-1990464d {
		width: 250px;
		height: 250px;
	}
	.inner-ring-1990464d {
		width: 140px;
		height: 140px;
	}
	.integration-badge-1990464d {
		width: 42px;
		height: 42px;
	}
	.integration-badge-1990464d .badge-icon-wrap-1990464d {
		padding: 9px;
	}
}
