/*!
 * PMAP Core - Partners sayfasi (page-partners.php) scoped stiller.
 *
 * Scope: tum selector'lar .partners-page wrapper'ina baglidir. Marka renk
 * paleti ana sayfa + company sayfasi ile birebir hizalidir:
 *   navy   #041361 / #020A3D / #0E1322
 *   cyan   #3138A8 (accent) / #5EE0F7 (light accent)
 *   light  #E5E9EF (acik zemin) / #ffffff
 *   text   #0E1322 (koyu) / #33384a (govde)
 *
 * Genel pmap-card, pmap-section-intro, bg-gradient-purple, btn-teal ve
 * btn-stroked stilleri pmap-brand-override.css + main.css'ten gelir; burada
 * KOPYALANMAZ. Bu dosya yalniz partners sayfasina ozgu bloklari kapsar.
 *
 * Em-dash yasagi (CLAUDE.md K-11): bu dosyada kullanici-gorunur baglac tiresi yok.
 */

/* =========================================================================
 * GENEL
 * ========================================================================= */

.partners-page {
	--pp-navy: #041361;
	--pp-navy-deep: #020A3D;
	--pp-ink: #0E1322;
	--pp-cyan: #3138A8;
	--pp-cyan-light: #5EE0F7;
	--pp-light: #E5E9EF;
	--pp-border: #d9dde6;
	--pp-body: #33384a;
	background-color: #ffffff;
}

.partners-page section {
	width: 100%;
}

/* Bolum ortak ic genislik sarmalayicisi */
.partners-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

.partners-wrap--narrow {
	max-width: 940px;
}

/* =========================================================================
 * HERO (homepage imza dili: navy gradient + diagonal hatlar + mozaik shard)
 * ========================================================================= */

/* Company sayfasi hero paritesi: full-bleed foto (sag) + navy gradient overlay.
 * Foto sol metnin altinda mask ile saydamlasir; overlay metni okunabilir tutar. */
.partners-hero {
	position: relative;
	margin-top: -80px;
	padding-top: 120px;
	padding-bottom: 80px;
	min-height: 88vh;
	display: flex;
	align-items: center;
	background: #0E1322;
	background: linear-gradient(38deg, #041361 50%, #0E1322 100%);
	color: #ffffff;
	overflow: hidden;
}

.partners-hero__photo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 62%;
	background-size: cover;
	background-position: 50% 45%;
	background-repeat: no-repeat;
	filter: saturate(0.9) contrast(1.04);
	-webkit-mask-image: linear-gradient(90deg,
		transparent 0%,
		rgba(0, 0, 0, 0.18) 10%,
		rgba(0, 0, 0, 0.55) 26%,
		rgba(0, 0, 0, 0.88) 46%,
		#000 70%);
	        mask-image: linear-gradient(90deg,
		transparent 0%,
		rgba(0, 0, 0, 0.18) 10%,
		rgba(0, 0, 0, 0.55) 26%,
		rgba(0, 0, 0, 0.88) 46%,
		#000 70%);
	z-index: 1;
}

.partners-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(90deg,
			rgba(4, 19, 97, 1)    0%,
			rgba(4, 19, 97, 0.95) 22%,
			rgba(4, 19, 97, 0.78) 42%,
			rgba(28, 30, 85, 0.42) 60%,
			rgba(14, 19, 34, 0.32) 100%
		),
		radial-gradient(ellipse 55% 75% at 78% 55%, rgba(94, 229, 255, 0.12), transparent 70%);
}

.partners-hero__inner {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

.partners-hero__content {
	max-width: 600px;
}

.partners-hero__eyebrow {
	margin: 0 0 14px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--pp-cyan-light);
}

/*
 * Hero eyebrow ("PMAP PARTNER PROGRAM") okunabilirligi.
 * Marka override'i global .text-teal token'ini acik zeminler icin koyu
 * laciverte (#232A86) cevirir. Partners hero zemini de koyu navy gradient
 * oldugundan eyebrow okunmuyordu. About/Contact/Get-Started paritesiyle
 * koyu hero icinde parlak cyan'a sabitlenir. Scope .partners-hero ile
 * sinirli; global token degismez.
 */
.partners-page .partners-hero .hero-eyebrow.text-teal {
	color: #5EE0F7;
	-webkit-text-fill-color: #5EE0F7;
}

.partners-hero__title {
	margin: 0 0 22px;
	font-size: clamp(2.5rem, 5.4vw, 4rem);
	line-height: 1.04;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #ffffff;
}

.partners-hero__title .pp-line {
	display: block;
}

.partners-hero__title .pp-accent {
	color: var(--pp-cyan-light);
}

.partners-hero__lede {
	margin: 0 0 32px;
	font-size: clamp(1.05rem, 1.5vw, 1.25rem);
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.85);
	max-width: 560px;
}

.partners-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

/* =========================================================================
 * PROGRAM INTRO (acik zemin split: metin + montage gorseli)
 * ========================================================================= */

.partners-intro {
	background: #ffffff;
	padding: 80px 0;
}

.partners-intro__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: center;
}

@media (min-width: 900px) {
	.partners-intro__grid {
		grid-template-columns: 1.05fr 0.95fr;
		gap: 64px;
	}
}

.partners-intro__eyebrow {
	margin: 0 0 12px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pp-navy);
}

.partners-intro__title {
	margin: 0 0 20px;
	font-size: clamp(1.6rem, 2.8vw, 2.4rem);
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--pp-ink);
}

.partners-intro__body {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--pp-body);
}

.partners-intro__body p {
	margin: 0 0 16px;
}

.partners-intro__body p:last-of-type {
	margin-bottom: 0;
}

.partners-intro__cta {
	margin-top: 28px;
}

.partners-intro__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
}

/* =========================================================================
 * TRACK GRID (4 kart, acik zemin)
 * ========================================================================= */

.partners-tracks {
	background: var(--pp-light);
	padding: 84px 0;
}

.partners-section-head {
	max-width: 760px;
	margin: 0 0 48px;
}

.partners-section-head--center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.partners-section-head__eyebrow {
	margin: 0 0 12px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pp-navy);
}

.partners-section-head__title {
	margin: 0 0 14px;
	font-size: clamp(1.6rem, 2.8vw, 2.4rem);
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--pp-ink);
}

.partners-section-head__lede {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--pp-body);
}

.partners-track-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

@media (min-width: 640px) {
	.partners-track-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1100px) {
	.partners-track-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.partners-track {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	border: 1px solid var(--pp-border);
	border-radius: 14px;
	padding: 28px 24px;
	transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.partners-track:hover {
	border-color: var(--pp-navy);
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(4, 19, 97, 0.1);
}

.partners-track__top {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.partners-track__icon {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: linear-gradient(135deg, #041361 0%, #1E2C7A 100%);
	color: var(--pp-cyan-light);
}

.partners-track__eyebrow {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pp-navy);
}

.partners-track__title {
	margin: 0 0 12px;
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: 700;
	color: var(--pp-ink);
}

.partners-track__scenario {
	margin: 0 0 18px;
	font-size: 0.95rem;
	line-height: 1.6;
	color: #5a6079;
}

.partners-track__sparks {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.partners-track__spark {
	position: relative;
	padding-left: 24px;
	font-size: 0.92rem;
	line-height: 1.5;
	color: #2e3349;
}

.partners-track__spark svg {
	position: absolute;
	left: 0;
	top: 3px;
	color: var(--pp-cyan);
	flex-shrink: 0;
}

.partners-track__cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--pp-navy);
	text-decoration: none;
	transition: color 0.15s ease;
}

.partners-track__cta:hover,
.partners-track__cta:focus-visible {
	color: var(--pp-cyan);
}

.partners-track__cta svg {
	transition: transform 0.15s ease;
}

.partners-track__cta:hover svg {
	transform: translateX(3px);
}

/* =========================================================================
 * BENEFITS (koyu navy zemin, 6 kart)
 * ========================================================================= */

.partners-benefits {
	background: #0E1322;
	background: linear-gradient(135deg, #0E1322 50%, #1E2C7A 100%);
	color: rgba(255, 255, 255, 0.9);
	padding: 84px 0;
}

.partners-benefits .partners-section-head__eyebrow {
	color: var(--pp-cyan-light);
}

.partners-benefits .partners-section-head__title {
	color: #ffffff;
}

.partners-benefits .partners-section-head__lede {
	color: rgba(255, 255, 255, 0.78);
}

.partners-benefit-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

@media (min-width: 640px) {
	.partners-benefit-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1000px) {
	.partners-benefit-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.partners-benefit {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 26px 24px;
	transition: border-color 0.18s ease, transform 0.18s ease;
}

.partners-benefit:hover {
	border-color: rgba(94, 224, 247, 0.4);
	transform: translateY(-2px);
}

.partners-benefit__icon {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	border-radius: 10px;
	background: rgba(94, 224, 247, 0.12);
	color: var(--pp-cyan-light);
}

.partners-benefit__title {
	margin: 0 0 10px;
	font-size: 1.08rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.3;
}

.partners-benefit__body {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

/* =========================================================================
 * HOW IT WORKS (beyaz zemin, 4 adimli numbered timeline)
 * ========================================================================= */

.partners-steps {
	background: #ffffff;
	padding: 84px 0;
}

.partners-step-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	counter-reset: pp-step;
}

@media (min-width: 640px) {
	.partners-step-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1100px) {
	.partners-step-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.partners-step {
	position: relative;
	padding: 28px 22px;
	border: 1px solid var(--pp-border);
	border-radius: 14px;
	background: #fbfcfe;
}

.partners-step__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 18px;
	border-radius: 12px;
	background: linear-gradient(135deg, #041361 0%, #3138A8 140%);
	color: #ffffff;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.partners-step__title {
	margin: 0 0 10px;
	font-size: 1.12rem;
	font-weight: 700;
	color: var(--pp-ink);
}

.partners-step__body {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.6;
	color: var(--pp-body);
}

.partners-steps__foot {
	margin-top: 36px;
}

.partners-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--pp-navy);
	text-decoration: none;
	transition: color 0.15s ease;
}

.partners-link:hover,
.partners-link:focus-visible {
	color: var(--pp-cyan);
}

.partners-link svg {
	transition: transform 0.15s ease;
}

.partners-link:hover svg {
	transform: translateX(3px);
}

/* =========================================================================
 * TECHNOLOGY ECOSYSTEM (acik zemin, trust chip satiri)
 * ========================================================================= */

.partners-ecosystem {
	background: var(--pp-light);
	padding: 76px 0;
}

.partners-ecosystem__body {
	max-width: 720px;
	margin: 0 auto 36px;
	text-align: center;
	font-size: 1.02rem;
	line-height: 1.65;
	color: var(--pp-body);
}

.partners-chip-row {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
}

.partners-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid var(--pp-border);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--pp-ink);
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.partners-chip:hover {
	border-color: var(--pp-cyan);
	transform: translateY(-2px);
}

.partners-chip__icon {
	display: inline-flex;
	color: var(--pp-cyan);
	flex-shrink: 0;
}

/* =========================================================================
 * FAQ (beyaz zemin, pure CSS <details> accordion)
 * ========================================================================= */

.partners-faq {
	background: #ffffff;
	padding: 84px 0;
}

.partners-faq__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 36px;
}

.partners-faq__item {
	border: 1px solid var(--pp-border);
	border-radius: 12px;
	background: #fbfcfe;
	transition: border-color 0.15s ease;
}

.partners-faq__item[open] {
	border-color: var(--pp-navy);
	background: #ffffff;
}

.partners-faq__q {
	list-style: none;
	cursor: pointer;
	padding: 20px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-size: 1.02rem;
	font-weight: 700;
	color: var(--pp-ink);
}

.partners-faq__q::-webkit-details-marker {
	display: none;
}

.partners-faq__toggle {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pp-navy);
	font-size: 20px;
	line-height: 1;
	transition: transform 0.2s ease;
}

.partners-faq__item[open] .partners-faq__toggle {
	transform: rotate(45deg);
}

.partners-faq__a {
	padding: 0 24px 22px;
	font-size: 0.97rem;
	line-height: 1.7;
	color: var(--pp-body);
}

.partners-faq__a p {
	margin: 0;
}

/* =========================================================================
 * FINAL CTA (navy gradient bant)
 * ========================================================================= */

.partners-cta {
	position: relative;
	background: #041361;
	background: linear-gradient(125deg, #041361 0%, #020A3D 55%, #0E1322 100%);
	color: #ffffff;
	padding: 88px 0;
	overflow: hidden;
}

.partners-cta__inner {
	position: relative;
	z-index: 2;
	max-width: 760px;
	margin: 0 auto;
	padding: 0 24px;
	text-align: center;
}

.partners-cta__eyebrow {
	margin: 0 0 14px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--pp-cyan-light);
}

.partners-cta__title {
	margin: 0 0 18px;
	font-size: clamp(1.8rem, 3.2vw, 2.75rem);
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: #ffffff;
}

.partners-cta__lede {
	margin: 0 auto 32px;
	max-width: 620px;
	font-size: 1.08rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.84);
}

.partners-cta__ctas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

/* Secondary text link (her iki koyu zeminde) */
.partners-textlink {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.92);
	text-decoration: none;
	transition: color 0.15s ease;
}

.partners-textlink:hover,
.partners-textlink:focus-visible {
	color: var(--pp-cyan-light);
}

.partners-textlink svg {
	transition: transform 0.15s ease;
}

.partners-textlink:hover svg {
	transform: translateX(3px);
}

/* =========================================================================
 * RESPONSIVE
 * ========================================================================= */

@media (max-width: 768px) {
	.partners-hero {
		padding-top: 120px;
		padding-bottom: 64px;
		min-height: 0;
	}
	.partners-hero__photo {
		width: 100%;
		opacity: 0.26;
		-webkit-mask-image: none;
		        mask-image: none;
	}
	.partners-hero__overlay {
		background: linear-gradient(180deg, rgba(4, 19, 97, 0.82) 0%, rgba(14, 19, 34, 0.95) 100%);
	}
	.partners-intro,
	.partners-tracks,
	.partners-benefits,
	.partners-steps,
	.partners-ecosystem,
	.partners-faq {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.partners-hero__ctas,
	.partners-cta__ctas {
		flex-direction: column;
		align-items: flex-start;
	}
	.partners-cta__ctas {
		align-items: center;
	}
}

/* Reduced motion: hover transform'lari nazik tut */
@media (prefers-reduced-motion: reduce) {
	.partners-track,
	.partners-benefit,
	.partners-chip,
	.partners-track__cta svg,
	.partners-link svg,
	.partners-textlink svg {
		transition: none;
	}
	.partners-track:hover,
	.partners-benefit:hover,
	.partners-chip:hover {
		transform: none;
	}
}