/*
 * Mobil Uygulama — telefon ekranı dünyası.
 * Motif: uygulama ikonları, yuvarlak widget'lar, açma/kapama anahtarları, bildirim yığını.
 */
.world-app {
	--ap-g1: linear-gradient(135deg, #155eef, #38bdf8);
	--ap-g2: linear-gradient(135deg, #0f766e, #34d399);
	--ap-g3: linear-gradient(135deg, #6d28d9, #a78bfa);
	--ap-g4: linear-gradient(135deg, #f59e0b, #fb7185);
	--ap-switch: #34c759;
	--w-card-radius: 26px;
	--w-card-border: 1px solid rgba(15, 39, 69, .07);
	--w-card-shadow: 0 24px 40px -30px rgba(30, 50, 110, .5);
	--w-step-radius: 18px;
	--w-panel-radius: 26px;
	--w-faq-radius: 18px;
}
.world-app .service-types,
.world-app .service-page > .section--muted {
	background:
		radial-gradient(40% 50% at 8% 10%, rgba(56, 189, 248, .14), transparent 70%),
		radial-gradient(40% 50% at 92% 90%, rgba(52, 211, 153, .12), transparent 70%),
		#f5f8fc;
}

/* ---------- 1) Numaralar uygulama ikonu ---------- */
.world-app .service-capabilities__list .pressgpt-pipeline__step small {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	color: #fff;
	background: var(--ap-g1);
	box-shadow: 0 8px 16px -8px rgba(21, 94, 239, .7), inset 0 1px 0 rgba(255, 255, 255, .35);
	font-size: .78rem;
}
.world-app .service-capabilities__list li:nth-child(2) .pressgpt-pipeline__step small { background: var(--ap-g2); box-shadow: 0 8px 16px -8px rgba(15, 118, 110, .7), inset 0 1px 0 rgba(255, 255, 255, .35); }
.world-app .service-capabilities__list li:nth-child(3) .pressgpt-pipeline__step small { background: var(--ap-g3); box-shadow: 0 8px 16px -8px rgba(109, 40, 217, .7), inset 0 1px 0 rgba(255, 255, 255, .35); }
.world-app .service-capabilities__list li:nth-child(4) .pressgpt-pipeline__step small { background: var(--ap-g4); box-shadow: 0 8px 16px -8px rgba(245, 158, 11, .7), inset 0 1px 0 rgba(255, 255, 255, .35); }
.world-app .service-capabilities__list .card__icon { border-radius: 12px; }

/* ---------- 2) Widget kartları ---------- */
.world-app .services-approach__grid--four article { --tint: rgba(56, 189, 248, .14); }
.world-app .service-page .services-approach__grid--four article,
.world-app .service-page .services-approach__grid--four article:hover { background: linear-gradient(170deg, var(--tint), #fff 60%); }
.world-app .services-approach__grid--four article:nth-child(2) { --tint: rgba(52, 211, 153, .14); }
.world-app .services-approach__grid--four article:nth-child(3) { --tint: rgba(167, 139, 250, .16); }
.world-app .services-approach__grid--four article:nth-child(4) { --tint: rgba(251, 146, 60, .14); }
.world-app .services-approach__grid--four span {
	display: inline-block;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .85);
	box-shadow: 0 2px 6px rgba(15, 39, 69, .06);
}

/* ---------- 3) Liste: açık anahtarlar ---------- */
.world-app .service-included__list li { padding-left: 50px; }
.world-app .service-included__list li::before {
	top: 1px;
	width: 36px;
	height: 21px;
	border-radius: 999px;
	content: "";
	background: var(--ap-switch);
}
.world-app .service-included__list li::after {
	position: absolute;
	top: 3px;
	left: 17px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	content: "";
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

/* ---------- 4) Süreç: bildirim yığını ---------- */
.world-app .service-delivery .process-list li {
	border-color: rgba(255, 255, 255, .8);
	background: rgba(255, 255, 255, .82);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}
.world-app .service-delivery .process-list span {
	border: 0;
	border-radius: 10px;
	color: #fff;
	background: var(--ap-g1);
}
.world-app .service-delivery .process-list li:nth-child(2) span { background: var(--ap-g2); }
.world-app .service-delivery .process-list li:nth-child(3) span { background: var(--ap-g3); }
.world-app .service-delivery .process-list li:nth-child(4) span { background: var(--ap-g4); }

/* ---------- 5) İletişim ---------- */
.world-app .contact-form-panel { box-shadow: 0 30px 50px -34px rgba(30, 50, 110, .55); }