/*
 * Sanal Operatör — gece sahnesi hero'dan devam eder, sonra sohbet akışına döner.
 * Motif: sohbet balonları, çevrimiçi noktası, "yazıyor…" göstergesi.
 */
.world-operator {
	--op-ink: #040b18;
	--op-night: #0a1d36;
	--op-text: #f3f8ff;
	--op-muted: #a7bbd1;
	--op-teal: #5eead4;
	--op-teal-deep: #0f766e;
	--op-sky: #7dd3fc;
	--op-violet: #b4a2ff;
	--op-green: #3ee0a6;
	--op-blue: #1767ec;
	--op-bubble: #e4f8f4;
	--w-card-radius: 20px 20px 20px 6px;
	--w-card-border: 1px solid rgba(15, 39, 69, .08);
	--w-step-radius: 20px 20px 20px 6px;
}

/* ---------- 1) Gece sürüyor: koyu cam kartlar ---------- */
.world-operator .service-capabilities {
	color: var(--op-text);
	background:
		radial-gradient(55% 45% at 86% 42%, rgba(94, 234, 212, .10), transparent 70%),
		radial-gradient(55% 55% at 0% 100%, rgba(35, 119, 255, .16), transparent 70%),
		linear-gradient(180deg, var(--op-ink) 0%, var(--op-night) 100%);
}
.world-operator .service-capabilities::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: "";
	pointer-events: none;
	opacity: .5;
	background-image: linear-gradient(rgba(125, 211, 252, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 211, 252, .06) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask: linear-gradient(180deg, #000, transparent 85%);
	mask: linear-gradient(180deg, #000, transparent 85%);
}
.world-operator .service-capabilities .eyebrow { color: var(--op-teal); }
.world-operator .service-capabilities h2 { color: var(--op-text); }
.world-operator .service-capabilities__intro { color: var(--op-muted); }
.world-operator .service-page .pressgpt-pipeline.service-capabilities__list li {
	border-color: rgba(125, 211, 252, .16);
	background: rgba(12, 30, 54, .62);
	box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .8);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.world-operator .service-page .pressgpt-pipeline.service-capabilities__list li:hover {
	border-color: rgba(94, 234, 212, .45);
	background: rgba(16, 40, 70, .78);
}
.world-operator .service-capabilities__list h3 { color: var(--op-text); }
.world-operator .service-capabilities__list p { color: var(--op-muted); }
.world-operator .service-capabilities__list .pressgpt-pipeline__step small {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #a7f3e4;
}
.world-operator .service-capabilities__list .pressgpt-pipeline__step small::before {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	content: "";
	background: var(--op-green);
	box-shadow: 0 0 0 0 rgba(62, 224, 166, .55);
	animation: op-world-ping 2.2s ease-out infinite;
}
.world-operator .service-capabilities__list li:nth-child(2) .pressgpt-pipeline__step small::before { animation-delay: .5s; }
.world-operator .service-capabilities__list li:nth-child(3) .pressgpt-pipeline__step small::before { animation-delay: 1s; }
.world-operator .service-capabilities__list li:nth-child(4) .pressgpt-pipeline__step small::before { animation-delay: 1.5s; }
.world-operator .service-capabilities__list .card__icon {
	border-color: rgba(94, 234, 212, .3);
	color: var(--op-teal);
	background: rgba(94, 234, 212, .08);
}
.world-operator .service-capabilities__list li:hover .card__icon {
	border-color: var(--op-teal);
	color: var(--op-ink);
	background: var(--op-teal);
}

/* ---------- 2) Şafak çizgisi + sohbet balonu kartlar ---------- */
.world-operator .service-types {
	background: linear-gradient(180deg, #e9f6f6 0%, #f4f8fc 100%);
}
.world-operator .service-types::before {
	top: 0;
	bottom: auto;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--op-teal) 20%, var(--op-sky) 50%, var(--op-violet) 80%, transparent);
	box-shadow: 0 0 28px 6px rgba(94, 234, 212, .35);
	-webkit-mask: none;
	mask: none;
}
.world-operator .services-approach__grid--four article:nth-child(even) {
	border-color: rgba(15, 118, 110, .14);
	border-radius: 20px 20px 6px 20px;
	background: var(--op-bubble);
}
.world-operator .services-approach__grid--four span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--op-teal-deep);
}
.world-operator .services-approach__grid--four span::after {
	display: inline-flex;
	gap: 3px;
	width: 22px;
	height: 6px;
	content: "";
	background: radial-gradient(circle, currentColor 2px, transparent 2.5px) 0 50% / 8px 6px repeat-x;
	opacity: .35;
}

/* ---------- 3) Liste: okundu işaretleri ---------- */
.world-operator .service-included__list { border-radius: 22px; }
.world-operator .service-included__list li { padding-left: 32px; }
.world-operator .service-included__list li::before {
	top: 1px;
	color: #14b8a6;
	content: "✓✓";
	font-size: .72rem;
	letter-spacing: -.32em;
}

/* ---------- 4) Süreç: sohbet akışı ---------- */
.world-operator .service-delivery .process-list li {
	width: fit-content;
	max-width: 92%;
	padding-right: 22px;
}
.world-operator .service-delivery .process-list li:nth-child(even) {
	flex-direction: row-reverse;
	margin-left: auto;
	padding: 14px 14px 14px 22px;
	border-color: transparent;
	border-radius: 20px 20px 6px 20px;
	color: #fff;
	background: linear-gradient(135deg, var(--op-blue), #2c86ff);
	box-shadow: 0 18px 30px -22px rgba(23, 103, 236, .8);
}
.world-operator .service-delivery .process-list li:nth-child(even) span {
	border-color: rgba(255, 255, 255, .25);
	color: #fff;
	background: rgba(255, 255, 255, .16);
}
.world-operator .service-delivery .process-list li:nth-child(odd) span {
	border-color: rgba(15, 118, 110, .2);
	color: var(--op-teal-deep);
	background: var(--op-bubble);
}
.world-operator .service-delivery .process-list::after {
	display: block;
	width: 66px;
	height: 36px;
	margin-top: 12px;
	border: 1px solid rgba(15, 39, 69, .08);
	border-radius: 18px 18px 18px 6px;
	content: "";
	background:
		radial-gradient(circle, #8aa0b6 3.5px, transparent 4px) 13px 50% / 12px 12px no-repeat,
		radial-gradient(circle, #8aa0b6 3.5px, transparent 4px) 27px 50% / 12px 12px no-repeat,
		radial-gradient(circle, #8aa0b6 3.5px, transparent 4px) 41px 50% / 12px 12px no-repeat,
		#fff;
	animation: op-world-typing 1.4s ease-in-out infinite;
}

/* ---------- 5) SSS: yanıt balonu ---------- */
.world-operator .faq-list--compact details { border-radius: 20px 20px 20px 6px; }
.world-operator .faq-list--compact details[open] { border-color: rgba(20, 184, 166, .45); }
.world-operator .faq-list--compact details p {
	margin: 0 18px 18px;
	padding: 12px 16px;
	border-radius: 16px 16px 16px 6px;
	color: #134e4a;
	background: var(--op-bubble);
}
.world-operator .faq-list--compact summary i { border-color: rgba(20, 184, 166, .3); color: var(--op-teal-deep); background: var(--op-bubble); }
.world-operator .faq-list--compact details[open] summary i { border-color: var(--op-teal-deep); color: #fff; background: var(--op-teal-deep); }

/* ---------- 6) İletişim: parlayan kenar ---------- */
.world-operator .section--contact {
	background:
		radial-gradient(50% 60% at 100% 0%, rgba(94, 234, 212, .12), transparent 70%),
		radial-gradient(40% 50% at 0% 100%, rgba(180, 162, 255, .12), transparent 70%),
		#f5f8fc;
}
.world-operator .contact-form-panel::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	content: "";
	background: linear-gradient(90deg, var(--op-teal), var(--op-sky), var(--op-violet));
}

@keyframes op-world-ping {
	0% { box-shadow: 0 0 0 0 rgba(62, 224, 166, .55); }
	70%, 100% { box-shadow: 0 0 0 7px rgba(62, 224, 166, 0); }
}
@keyframes op-world-typing {
	0%, 100% { opacity: .55; }
	50% { opacity: 1; }
}

@media (max-width: 540px) {
	.world-operator .service-delivery .process-list li { max-width: 100%; }
}