/*
 * Qlik Sense — sakin, yapısal bir veri dünyası.
 * Motif: grafik kâğıdı zemin, KPI rozetleri, küçük çubuk grafikler, büyüyen süreç çubukları.
 */
.world-qlik {
	--q-green: #009845;
	--q-lime: #76b82a;
	--q-deep: #0b6b3a;
	--q-soft: #eef8f1;
	--q-line: rgba(0, 152, 69, .14);
	--q-bar: linear-gradient(#76b82a, #009845);
	--q-paper: linear-gradient(rgba(0, 120, 60, .055) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgba(0, 120, 60, .055) 1px, transparent 1px) 0 0 / 28px 28px;
	--w-card-radius: 14px;
	--w-card-border: 1px solid rgba(15, 39, 69, .1);
	--w-card-shadow: 0 16px 30px -26px rgba(11, 60, 35, .5);
	--w-step-radius: 12px;
}
.world-qlik .service-page .eyebrow { color: var(--q-deep); }
.world-qlik .service-types,
.world-qlik .service-page > .section--muted,
.world-qlik .section--contact { background: var(--q-paper), #f7fbf8; }
.world-qlik .service-capabilities,
.world-qlik .service-included,
.world-qlik .faq-section--split { background: #fff; }
.world-qlik .service-types::before,
.world-qlik .service-page > .section--muted::before,
.world-qlik .section--contact::before {
	top: 0;
	bottom: auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--q-line) 15%, var(--q-line) 85%, transparent);
	-webkit-mask: none;
	mask: none;
}

/* ---------- 1) KPI kartları + mini çubuk grafik ---------- */
.world-qlik .service-page .pressgpt-pipeline.service-capabilities__list li { padding-bottom: 62px; }
.world-qlik .service-capabilities__list li::before {
	position: absolute;
	right: 24px;
	bottom: 22px;
	left: 24px;
	height: 26px;
	content: "";
	border-bottom: 1px solid var(--q-line);
	background:
		var(--q-bar) 0 100% / 12% 30% no-repeat,
		var(--q-bar) 16% 100% / 12% 48% no-repeat,
		var(--q-bar) 33% 100% / 12% 40% no-repeat,
		var(--q-bar) 50% 100% / 12% 66% no-repeat,
		var(--q-bar) 67% 100% / 12% 58% no-repeat,
		var(--q-bar) 84% 100% / 12% 84% no-repeat,
		var(--q-bar) 100% 100% / 12% 100% no-repeat;
	opacity: .35;
	transition: opacity .25s;
}
.world-qlik .service-capabilities__list li:hover::before { opacity: 1; }
.world-qlik .service-capabilities__list .pressgpt-pipeline__step small {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border-radius: 6px;
	color: var(--q-deep);
	background: var(--q-soft);
}
.world-qlik .service-capabilities__list .pressgpt-pipeline__step small::before {
	content: "▲";
	color: var(--q-green);
	font-size: .55rem;
}
.world-qlik .service-capabilities__list .card__icon { border-color: var(--q-line); color: var(--q-green); background: var(--q-soft); }
.world-qlik .service-page .pressgpt-pipeline.service-capabilities__list li:hover .card__icon { border-color: var(--q-green); color: #fff; background: var(--q-green); }

/* ---------- 2) Pano kartları: renk lejantı + doluluk çubuğu ---------- */
.world-qlik .service-page .services-approach__grid--four article {
	--c: var(--q-green);
	--p: 64%;
	overflow: hidden;
	padding-bottom: 46px;
	box-shadow: inset 4px 0 0 var(--c), var(--w-card-shadow);
}
.world-qlik .services-approach__grid--four article:nth-child(2) { --c: #0d9488; --p: 82%; }
.world-qlik .services-approach__grid--four article:nth-child(3) { --c: #2563eb; --p: 48%; }
.world-qlik .services-approach__grid--four article:nth-child(4) { --c: var(--q-lime); --p: 92%; }
.world-qlik .services-approach__grid--four span { color: var(--c); }
.world-qlik .services-approach__grid--four article::after {
	position: absolute;
	right: 22px;
	bottom: 20px;
	left: 26px;
	height: 6px;
	border-radius: 3px;
	content: "";
	background: linear-gradient(var(--c), var(--c)) 0 0 / var(--p) 100% no-repeat, #edf2ef;
	transition: background-size .6s cubic-bezier(.22, 1, .36, 1);
}
.world-qlik .services-approach__grid--four article:hover::after { background-size: 100% 100%, auto; }

/* ---------- 3) Liste: lejant kareleri ---------- */
.world-qlik .service-included__list li { padding-left: 26px; }
.world-qlik .service-included__list li::before {
	top: .42em;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	content: "";
	background: var(--q-green);
}
.world-qlik .service-included__list li:nth-child(4n+2)::before { background: #0d9488; }
.world-qlik .service-included__list li:nth-child(4n+3)::before { background: var(--q-lime); }
.world-qlik .service-included__list li:nth-child(4n)::before { background: #2563eb; }

/* ---------- 4) Süreç: büyüyen çubuk grafik ---------- */
.world-qlik .service-delivery .process-list li {
	--p: 34%;
	background: linear-gradient(90deg, rgba(0, 152, 69, .13) var(--p), #fff var(--p));
}
.world-qlik .service-delivery .process-list li:nth-child(2) { --p: 56%; }
.world-qlik .service-delivery .process-list li:nth-child(3) { --p: 78%; }
.world-qlik .service-delivery .process-list li:nth-child(4) { --p: 100%; }
.world-qlik .service-delivery .process-list span {
	border-color: transparent;
	border-radius: 8px;
	color: #fff;
	background: var(--q-bar);
}

/* ---------- 5) SSS ---------- */
.world-qlik .faq-list--compact details[open] { border-color: rgba(0, 152, 69, .4); }
.world-qlik .faq-list--compact summary i { border-color: var(--q-line); color: var(--q-green); background: var(--q-soft); }
.world-qlik .faq-list--compact details[open] summary i { border-color: var(--q-green); color: #fff; background: var(--q-green); }

/* ---------- 6) İletişim ---------- */
.world-qlik .contact-form-panel { box-shadow: inset 0 3px 0 var(--q-green), 0 20px 40px -30px rgba(11, 60, 35, .5); }