/*
 * Google Workspace — hero'daki yörüngenin devamı.
 * Motif: dört renkli uygulama noktaları, yörünge halkaları, renkli süreç düğümleri.
 */
.world-workspace {
	--gw-blue: #4285f4;
	--gw-red: #ea4335;
	--gw-yellow: #f9ab00;
	--gw-green: #34a853;
	--gw-stripe: linear-gradient(90deg, var(--gw-blue) 0 25%, var(--gw-red) 25% 50%, var(--gw-yellow) 50% 75%, var(--gw-green) 75%);
	--w-card-radius: 18px;
	--w-card-border: 1px solid rgba(15, 39, 69, .08);
}
.world-workspace .service-page li,
.world-workspace .service-page article { --c: var(--gw-blue); }
.world-workspace .service-page li:nth-child(4n+2),
.world-workspace .service-page article:nth-child(4n+2) { --c: var(--gw-red); }
.world-workspace .service-page li:nth-child(4n+3),
.world-workspace .service-page article:nth-child(4n+3) { --c: var(--gw-yellow); }
.world-workspace .service-page li:nth-child(4n),
.world-workspace .service-page article:nth-child(4n) { --c: var(--gw-green); }

/* Yörünge halkaları */
.world-workspace .service-types,
.world-workspace .service-page > .section--muted { overflow: hidden; background: #f5f8fc; }
.world-workspace .service-types::after,
.world-workspace .service-page > .section--muted::after {
	position: absolute;
	top: -180px;
	right: -140px;
	z-index: -1;
	width: 620px;
	height: 620px;
	border-radius: 50%;
	content: "";
	pointer-events: none;
	background:
		radial-gradient(circle, var(--gw-blue) 4px, transparent 4.5px) 50% 0 / 10px 10px no-repeat,
		radial-gradient(circle, var(--gw-green) 4px, transparent 4.5px) 0 50% / 10px 10px no-repeat,
		repeating-radial-gradient(circle, transparent 0 88px, rgba(66, 133, 244, .12) 89px 90px);
	animation: gw-orbit 90s linear infinite;
}
.world-workspace .service-page > .section--muted:not(.service-types)::after { top: auto; right: auto; bottom: -260px; left: -220px; }

/* ---------- 1) Kartlar: renkli üst şerit ---------- */
.world-workspace .service-page .pressgpt-pipeline.service-capabilities__list li { overflow: hidden; box-shadow: inset 0 4px 0 var(--c), var(--w-card-shadow, 0 18px 34px -28px rgba(20, 42, 68, .45)); }
.world-workspace .service-capabilities__list .pressgpt-pipeline__step small { display: inline-flex; align-items: center; gap: 7px; color: var(--c); }
.world-workspace .service-capabilities__list .pressgpt-pipeline__step small::before { width: 8px; height: 8px; border-radius: 50%; content: ""; background: var(--c); }
.world-workspace .service-capabilities__list .card__icon { border-color: color-mix(in srgb, var(--c) 30%, transparent); color: var(--c); background: color-mix(in srgb, var(--c) 9%, #fff); }
.world-workspace .service-page .pressgpt-pipeline.service-capabilities__list li:hover .card__icon { border-color: var(--c); color: #fff; background: var(--c); }

/* ---------- 2) Tür kartları: renkli halka numaralar ---------- */
.world-workspace .services-approach__grid--four span {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	background: var(--c);
	box-shadow: 0 0 0 5px color-mix(in srgb, var(--c) 16%, transparent);
}

/* ---------- 3) Liste ---------- */
.world-workspace .service-included__list li { padding-left: 30px; }
.world-workspace .service-included__list li::before {
	top: 1px;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #fff;
	background: var(--c);
	font-size: .62rem;
}

/* ---------- 4) Süreç: renkli düğümler, ortak hat ---------- */
.world-workspace .service-delivery .process-list { position: relative; }
.world-workspace .service-delivery .process-list::before {
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 35px;
	width: 3px;
	border-radius: 2px;
	content: "";
	background: linear-gradient(var(--gw-blue), var(--gw-red), var(--gw-yellow), var(--gw-green));
	opacity: .5;
}
.world-workspace .service-delivery .process-list span {
	border: 0;
	border-radius: 50%;
	color: #fff;
	background: var(--c);
	box-shadow: 0 0 0 4px #fff;
}

/* ---------- 5) SSS + İletişim ---------- */
.world-workspace .faq-list--compact details[open] { border-color: rgba(66, 133, 244, .45); }
.world-workspace .contact-form-panel::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	content: "";
	background: var(--gw-stripe);
}

@keyframes gw-orbit { to { rotate: 360deg; } }