/*
 * Konuşma Analitiği — ses dalgası dünyası.
 * Motif: dalga formu geçişler, ekolayzer çubukları, kayıt noktası, zaman damgalı transkript.
 */
.world-speech {
	--sp-blue: #155eef;
	--sp-sky: #60a5fa;
	--sp-soft: #eef4ff;
	--sp-rec: #ef4444;
	--sp-mark: rgba(250, 204, 21, .28);
	--sp-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 18' preserveAspectRatio='none'%3E%3Cpath d='M0 18V9C12 9 12 1 24 1S36 9 48 9s12 8 24 8 12-8 24-8V18Z'/%3E%3C/svg%3E");
	--w-edge: var(--sp-wave);
	--w-edge-h: 16px;
	--w-edge-size: 96px 100%;
	--w-edge-repeat: repeat-x;
	--w-card-border: 1px solid rgba(21, 94, 239, .1);
	--w-card-shadow: 0 20px 36px -30px rgba(21, 60, 140, .55);
}
.world-speech .service-capabilities,
.world-speech .service-included,
.world-speech .faq-section--split { --w-top: #fff; background: #fff; }
.world-speech .service-types,
.world-speech .service-page > .section--muted,
.world-speech .section--contact { --w-top: var(--sp-soft); background: var(--sp-soft); }

/* ---------- 1) Kartlar: kayıt noktası + ekolayzer ---------- */
.world-speech .service-page .pressgpt-pipeline.service-capabilities__list li { padding-bottom: 58px; }
.world-speech .service-capabilities__list li::before {
	position: absolute;
	bottom: 22px;
	left: 24px;
	width: 45px;
	height: 20px;
	content: "";
	opacity: .28;
	transform-origin: bottom;
	background:
		linear-gradient(var(--sp-blue), var(--sp-blue)) 0 100% / 3px 35% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 6px 100% / 3px 70% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 12px 100% / 3px 50% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 18px 100% / 3px 100% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 24px 100% / 3px 60% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 30px 100% / 3px 85% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 36px 100% / 3px 40% no-repeat,
		linear-gradient(var(--sp-blue), var(--sp-blue)) 42px 100% / 3px 65% no-repeat;
	transition: opacity .25s;
}
.world-speech .service-capabilities__list li:hover::before {
	opacity: 1;
	animation: sp-eq .9s ease-in-out infinite alternate;
}
.world-speech .service-capabilities__list .pressgpt-pipeline__step small {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 9px 4px 7px;
	border-radius: 999px;
	background: var(--sp-soft);
}
.world-speech .service-capabilities__list .pressgpt-pipeline__step small::before {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	content: "";
	background: var(--sp-rec);
	animation: sp-rec 1.6s ease-in-out infinite;
}
.world-speech .service-capabilities__list .card__icon { border-radius: 50%; }

/* ---------- 2) Tür kartları: altta dalga formu ---------- */
.world-speech .service-page .services-approach__grid--four article {
	overflow: hidden;
	padding-bottom: 46px;
}
.world-speech .services-approach__grid--four article::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 26px;
	content: "";
	opacity: .5;
	background: repeating-linear-gradient(90deg, rgba(21, 94, 239, .45) 0 2px, transparent 2px 5px);
	-webkit-mask: var(--sp-wave) 0 100% / 150px 100% repeat-x;
	mask: var(--sp-wave) 0 100% / 150px 100% repeat-x;
	transition: opacity .25s;
}
.world-speech .services-approach__grid--four article:nth-child(2)::after { -webkit-mask-position: 40px 100%; mask-position: 40px 100%; }
.world-speech .services-approach__grid--four article:nth-child(3)::after { -webkit-mask-position: 90px 100%; mask-position: 90px 100%; }
.world-speech .services-approach__grid--four article:nth-child(4)::after { -webkit-mask-position: 20px 100%; mask-position: 20px 100%; }
.world-speech .services-approach__grid--four article:hover::after { opacity: 1; }

/* ---------- 3) Liste ---------- */
.world-speech .service-included__list li { padding-left: 32px; }
.world-speech .service-included__list li::before {
	top: 1px;
	display: grid;
	place-items: center;
	width: 21px;
	height: 21px;
	border-radius: 6px;
	color: #fff;
	background: var(--sp-blue);
	font-size: .66rem;
}

/* ---------- 4) Süreç: zaman damgalı transkript ---------- */
.world-speech .service-delivery .process-list { position: relative; counter-reset: sp-step; }
.world-speech .service-delivery .process-list::before {
	position: absolute;
	top: 18px;
	bottom: 18px;
	left: 44px;
	border-left: 2px dotted rgba(21, 94, 239, .3);
	content: "";
}
.world-speech .service-delivery .process-list li { counter-increment: sp-step; }
.world-speech .service-delivery .process-list span {
	width: auto;
	padding: 0 9px;
	border-color: rgba(21, 94, 239, .14);
	border-radius: 8px;
	font-size: 0;
}
.world-speech .service-delivery .process-list span::before {
	content: "00:" counter(sp-step, decimal-leading-zero);
	font: 750 .72rem ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .02em;
}
.world-speech .service-delivery .process-list li:last-child {
	border-color: rgba(202, 138, 4, .3);
	background: linear-gradient(90deg, var(--sp-mark), #fff 75%);
}
.world-speech .service-delivery .process-list li:last-child span {
	border-color: rgba(202, 138, 4, .35);
	color: #92400e;
	background: #fef3c7;
}

/* ---------- 5) SSS: işaretlenmiş an ---------- */
.world-speech .faq-list--compact details[open] { box-shadow: inset 3px 0 0 var(--sp-blue), 0 10px 26px rgba(21, 45, 78, .07); }

/* ---------- 6) İletişim: alt dalga bandı ---------- */
.world-speech .section--contact { padding-bottom: calc(clamp(76px, 10vw, 130px) + 40px); }
.world-speech .section--contact::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	height: 70px;
	content: "";
	pointer-events: none;
	opacity: .35;
	background: repeating-linear-gradient(90deg, rgba(21, 94, 239, .6) 0 2px, transparent 2px 6px);
	-webkit-mask: var(--sp-wave) 0 100% / 260px 100% repeat-x;
	mask: var(--sp-wave) 0 100% / 260px 100% repeat-x;
}

@keyframes sp-eq {
	from { transform: scaleY(.55); }
	to { transform: scaleY(1); }
}
@keyframes sp-rec {
	0%, 100% { opacity: 1; }
	50% { opacity: .3; }
}