/*
 * Hakkımızda — sitenin haritası.
 * Motif: hero'daki "teslimat modeli" kartının gradyan rozetleri, mühendislik çizim kâğıdı zemin,
 * ve her hizmet kartında o hizmetin kendi sayfasındaki dünyadan küçük bir önizleme (worlds/previews.css).
 */
.world-about {
	--ab-grad: linear-gradient(135deg, var(--cyan), var(--violet));
	--ab-blueprint: linear-gradient(rgba(21, 94, 239, .05) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(21, 94, 239, .05) 1px, transparent 1px) 0 0 / 32px 32px;
	--ab-shadow: 0 20px 36px -30px rgba(21, 60, 130, .5);
}
.world-about .about-page > .section--muted {
	border-block: 0;
	background: var(--ab-blueprint), #f3f7fb;
}

/* ---------- İlkeler: ayrı kartlar, hero'daki gradyan rozetler ---------- */
.world-about .pressgpt-pipeline.about-principles {
	gap: 16px;
	overflow: visible;
	border: 0;
	background: none;
	box-shadow: none;
}
.world-about .pressgpt-pipeline.about-principles li {
	border: 1px solid rgba(21, 94, 239, .12);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--ab-shadow);
	transition: translate .3s cubic-bezier(.22, 1, .36, 1), border-color .2s;
}
.world-about .pressgpt-pipeline.about-principles li::after { display: none; }
.world-about .pressgpt-pipeline.about-principles li:hover { translate: 0 -4px; border-color: rgba(21, 94, 239, .3); background: #fff; }
.world-about .about-principles .pressgpt-pipeline__step small {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 9px;
	color: #fff;
	background: var(--ab-grad);
}

/* ---------- Uzmanlık: her kartta kendi dünyasının önizlemesi ---------- */
.world-about .about-expertise__grid { gap: 16px; }
.world-about .about-expertise__grid > a {
	position: relative;
	overflow: hidden;
	padding-top: 92px;
	border-radius: 16px;
	box-shadow: var(--ab-shadow);
}
.world-about .about-expertise__grid > a::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 70px;
	border-bottom: 1px solid var(--line);
	content: "";
	background: var(--preview);
	transition: filter .3s;
}
.world-about .about-expertise__grid > a:hover { border-color: color-mix(in srgb, var(--c, var(--cyan)) 45%, transparent); }
.world-about .about-expertise__grid > a:hover::before { filter: saturate(1.25) brightness(1.03); }
.world-about .about-expertise__grid span,
.world-about .about-expertise__grid strong { color: var(--c, var(--cyan)); }

.world-about .about-engineering { border-radius: 16px; background: var(--ab-blueprint), #f3f7fb; }

/* ---------- Çalışma modeli: hero kartındaki bağlı adımlar ---------- */
.world-about .about-delivery__steps {
	position: relative;
	border-color: rgba(21, 94, 239, .14);
	border-radius: 20px;
	box-shadow: 0 28px 60px -40px rgba(21, 70, 130, .45);
}
.world-about .about-delivery__steps::before {
	position: absolute;
	top: 32px;
	bottom: 32px;
	left: 35px;
	border-left: 2px dashed rgba(21, 94, 239, .25);
	content: "";
}
.world-about .about-delivery__steps > li > span {
	position: relative;
	border: 0;
	color: #fff;
	background: var(--ab-grad);
	box-shadow: 0 0 0 4px #fff;
}

/* ---------- İletişim ---------- */
.world-about #contact-form { background: var(--ab-blueprint), #f3f7fb; }