/* ============ İŞ ORTAKLARIMIZ — silver chrome orbital constellation theme ============ */

/* Page ambient */
.maskajans-is-ortaklarimiz{
	background:
		radial-gradient(ellipse 90% 55% at 50% -5%,rgba(148,163,184,0.12) 0%,transparent 55%),
		radial-gradient(ellipse 70% 45% at 85% 40%,rgba(203,213,225,0.08) 0%,transparent 50%),
		radial-gradient(ellipse 60% 40% at 10% 70%,rgba(226,232,240,0.05) 0%,transparent 45%),
		#0a0c10;
}

/* —— Hero —— */
.ort-hero{position:relative;overflow:visible;padding:130px 0 0;background:#0a0c10;isolation:isolate}
.ort-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ort-hero-mesh{
	position:absolute;inset:0;
	background:
		radial-gradient(ellipse 75% 60% at 25% 20%,rgba(148,163,184,0.16) 0%,transparent 55%),
		radial-gradient(ellipse 60% 50% at 80% 30%,rgba(203,213,225,0.14) 0%,transparent 50%),
		radial-gradient(ellipse 55% 45% at 50% 85%,rgba(226,232,240,0.08) 0%,transparent 55%);
	animation:ortMeshShift 16s ease-in-out infinite alternate;
}
.ort-hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4;mix-blend-mode:screen}
.ort-hero-blob--1{
	width:480px;height:480px;top:-12%;right:-6%;
	background:radial-gradient(circle,rgba(148,163,184,0.5),transparent 70%);
	animation:ortBlobDrift 22s ease-in-out infinite;
}
.ort-hero-stripes{
	position:absolute;inset:0;opacity:0.22;
	background:repeating-linear-gradient(-16deg,transparent,transparent 58px,rgba(203,213,225,0.04) 58px,rgba(203,213,225,0.04) 59px);
	animation:ortStripesDrift 40s linear infinite;
}

.ort-hero > .container{position:relative;z-index:2}
.ort-hero-layout{
	position:relative;z-index:2;
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
	gap:40px 52px;align-items:center;padding-bottom:56px;
}
.ort-hero-copy{text-align:left;min-width:0}
.ort-hero-badge{
	display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.88);
	background:rgba(255,255,255,0.04);border:1px solid rgba(148,163,184,0.35);
	padding:8px 18px;border-radius:50px;margin-bottom:20px;backdrop-filter:blur(8px);
}
.ort-hero-badge i{color:#cbd5e1;font-size:15px}
.ort-hero h1{font-size:clamp(36px,4.8vw,56px);font-weight:400;letter-spacing:-0.6px;line-height:1.1;margin-bottom:18px}
.ort-accent-text{background:linear-gradient(135deg,#94a3b8 0%,#cbd5e1 45%,#e2e8f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ort-hero-lead{color:var(--text-secondary);font-size:17px;line-height:1.75;max-width:500px;margin:0}

/* Orbital partner constellation */
.ort-orbit-stage{
	position:relative;width:100%;max-width:480px;aspect-ratio:1;
	margin:0 auto;min-width:0;z-index:3;
}
.ort-orbit-ring{
	position:absolute;top:50%;left:50%;border-radius:50%;
	border:1px solid rgba(148,163,184,0.18);
	transform:translate(-50%,-50%);
}
.ort-orbit-ring--1{
	width:72%;height:72%;
	border-color:rgba(203,213,225,0.22);
	box-shadow:0 0 40px rgba(148,163,184,0.06),inset 0 0 30px rgba(203,213,225,0.03);
	animation:ortRingSpin 28s linear infinite;
}
.ort-orbit-ring--2{
	width:92%;height:92%;
	border-style:dashed;border-color:rgba(148,163,184,0.12);
	animation:ortRingSpin 42s linear infinite reverse;
}
.ort-orbit-ring--1::before,
.ort-orbit-ring--2::before{
	content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
	width:8px;height:8px;border-radius:50%;
	background:linear-gradient(135deg,#cbd5e1,#e2e8f0);
	box-shadow:0 0 12px rgba(226,232,240,0.5);
}
.ort-orbit-hub{
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
	width:110px;height:110px;border-radius:50%;
	background:linear-gradient(145deg,rgba(30,34,42,0.98),rgba(18,20,26,0.98));
	border:1px solid rgba(203,213,225,0.3);
	box-shadow:0 0 0 6px rgba(148,163,184,0.06),0 16px 48px rgba(0,0,0,0.45),inset 0 1px 0 rgba(226,232,240,0.15);
	z-index:4;backdrop-filter:blur(12px);
}
.ort-orbit-hub i{font-size:24px;color:#e2e8f0;margin-bottom:2px}
.ort-orbit-hub span{font-size:11px;font-weight:600;color:rgba(255,255,255,0.75);text-align:center;letter-spacing:0.02em}

.ort-orbit-node{
	position:absolute;top:50%;left:50%;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
	width:72px;height:72px;border-radius:50%;
	background:linear-gradient(145deg,rgba(22,26,34,0.96),rgba(14,16,22,0.96));
	border:1px solid rgba(148,163,184,0.25);
	box-shadow:0 8px 28px rgba(0,0,0,0.4),inset 0 1px 0 rgba(226,232,240,0.1);
	backdrop-filter:blur(10px);z-index:3;
	transition:border-color .35s,box-shadow .35s,transform .35s;
}
.ort-orbit-node i{font-size:20px;color:#cbd5e1}
.ort-orbit-node em{font-size:9px;font-style:normal;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.04em}
.ort-orbit-node:hover{
	border-color:rgba(226,232,240,0.45);
	box-shadow:0 12px 36px rgba(0,0,0,0.5),0 0 24px rgba(148,163,184,0.15);
	transform:translate(-50%,-50%) scale(1.08);
}
.ort-orbit-node--1{transform:translate(-50%,-50%) translate(0,-168px)}
.ort-orbit-node--2{transform:translate(-50%,-50%) translate(145px,-84px)}
.ort-orbit-node--3{transform:translate(-50%,-50%) translate(145px,84px)}
.ort-orbit-node--4{transform:translate(-50%,-50%) translate(0,168px)}
.ort-orbit-node--5{transform:translate(-50%,-50%) translate(-145px,84px)}
.ort-orbit-node--6{transform:translate(-50%,-50%) translate(-145px,-84px)}
.ort-orbit-node--1:hover{transform:translate(-50%,-50%) translate(0,-168px) scale(1.08)}
.ort-orbit-node--2:hover{transform:translate(-50%,-50%) translate(145px,-84px) scale(1.08)}
.ort-orbit-node--3:hover{transform:translate(-50%,-50%) translate(145px,84px) scale(1.08)}
.ort-orbit-node--4:hover{transform:translate(-50%,-50%) translate(0,168px) scale(1.08)}
.ort-orbit-node--5:hover{transform:translate(-50%,-50%) translate(-145px,84px) scale(1.08)}
.ort-orbit-node--6:hover{transform:translate(-50%,-50%) translate(-145px,-84px) scale(1.08)}

.ort-hero-fade{
	position:absolute;bottom:0;left:0;right:0;height:120px;
	background:linear-gradient(180deg,transparent,#0a0c10);
	pointer-events:none;z-index:1;
}

/* —— Shared sections —— */
.ort-section{padding:100px 0;position:relative;overflow:hidden;isolation:isolate}
.ort-section > .container{position:relative;z-index:2}
.ort-sec-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ort-sec-mesh{
	position:absolute;inset:0;
	background:
		radial-gradient(ellipse 65% 55% at 30% 30%,rgba(148,163,184,0.18) 0%,transparent 60%),
		radial-gradient(ellipse 55% 45% at 75% 70%,rgba(203,213,225,0.14) 0%,transparent 55%);
	animation:ortMeshShift 18s ease-in-out infinite alternate;
}
.ort-sec-mesh--silver{
	background:
		radial-gradient(ellipse 70% 60% at 50% 40%,rgba(203,213,225,0.2) 0%,transparent 65%),
		radial-gradient(ellipse 50% 40% at 15% 80%,rgba(226,232,240,0.12) 0%,transparent 50%);
}
.ort-sec-blob{position:absolute;border-radius:50%;filter:blur(75px);opacity:0.55;mix-blend-mode:screen}
.ort-sec-blob--1{width:460px;height:460px;top:-15%;left:5%;background:radial-gradient(circle,rgba(148,163,184,0.55),transparent 68%);animation:ortBlobDrift 24s ease-in-out infinite}
.ort-sec-blob--2{width:400px;height:400px;bottom:-18%;right:8%;background:radial-gradient(circle,rgba(203,213,225,0.48),transparent 68%);animation:ortBlobDrift 26s ease-in-out infinite reverse}
.ort-sec-grid{
	position:absolute;inset:0;opacity:0.14;
	background-image:linear-gradient(rgba(203,213,225,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(203,213,225,0.08) 1px,transparent 1px);
	background-size:48px 48px;
	mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 15%,transparent 78%);
	-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 15%,transparent 78%);
	animation:ortGridPulse 14s ease-in-out infinite alternate;
}
.ort-sec-head{text-align:center;margin-bottom:56px}
.ort-sec-head .section-title{font-size:clamp(30px,4vw,44px);letter-spacing:-0.4px}

/* Categories section */
.ort-cats-section{
	background:
		radial-gradient(ellipse 60% 50% at 50% 0%,rgba(148,163,184,0.1) 0%,transparent 55%),
		linear-gradient(180deg,#0c0e14 0%,#101218 50%,#0a0c10 100%);
}
.ort-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1100px;margin:0 auto}
.ort-cat{
	position:relative;padding:32px 28px;background:rgba(14,16,22,0.95);
	border:1px solid rgba(255,255,255,0.07);border-radius:20px;
	transition:all .35s;backdrop-filter:blur(10px);z-index:2;overflow:hidden;
}
.ort-cat::before{
	content:'';position:absolute;top:0;left:0;right:0;height:2px;
	background:linear-gradient(90deg,transparent,rgba(203,213,225,0.5),rgba(226,232,240,0.4),transparent);
	opacity:0;transition:opacity .35s;
}
.ort-cat i{display:block;font-size:24px;color:#cbd5e1;margin-bottom:14px}
.ort-cat strong{display:block;font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}
.ort-cat p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0}
.ort-cat:hover{
	border-color:rgba(148,163,184,0.3);transform:translateY(-5px);
	box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 40px rgba(148,163,184,0.08);
}
.ort-cat:hover::before{opacity:1}

/* Partners / logo wall section */
.ort-partners-section{
	background:
		radial-gradient(ellipse 55% 45% at 75% 30%,rgba(203,213,225,0.1) 0%,transparent 50%),
		linear-gradient(165deg,#0c0e14 0%,#10141a 45%,#0a0c10 100%);
}
.ort-logo-wall{
	display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
	max-width:1000px;margin:0 auto;
}
.ort-logo{
	display:flex;align-items:center;justify-content:center;
	min-height:80px;padding:20px 16px;
	font-size:15px;font-weight:600;color:rgba(255,255,255,0.55);
	letter-spacing:0.02em;text-align:center;line-height:1.35;word-break:break-word;
	background:rgba(14,16,22,0.92);border:1px solid rgba(255,255,255,0.06);
	border-radius:14px;transition:all .35s;backdrop-filter:blur(8px);z-index:2;
}
.ort-logo:hover{
	color:rgba(255,255,255,0.9);border-color:rgba(203,213,225,0.28);
	background:rgba(22,26,34,0.95);transform:translateY(-3px);
	box-shadow:0 12px 32px rgba(0,0,0,0.25);
}

/* Benefits section */
.ort-benefits-section{
	background:
		radial-gradient(ellipse 50% 45% at 25% 50%,rgba(226,232,240,0.06) 0%,transparent 50%),
		linear-gradient(180deg,#0a0c10 0%,#0e1016 100%);
}
.ort-benefits-layout{
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.9fr);
	gap:48px 56px;align-items:center;max-width:1100px;margin:0 auto;
}
.ort-benefits-copy .section-label{margin-bottom:12px}
.ort-benefits-copy h2{margin-bottom:16px}
.ort-benefits-copy p{font-size:16px;color:var(--text-secondary);line-height:1.8;margin:0;max-width:480px}
.ort-benefits-list{
	list-style:none;padding:32px 28px;margin:0;
	background:rgba(14,16,22,0.95);border:1px solid rgba(255,255,255,0.07);
	border-radius:20px;backdrop-filter:blur(10px);z-index:2;position:relative;
}
.ort-benefits-list li{
	display:flex;align-items:center;gap:14px;
	font-size:16px;color:rgba(255,255,255,0.82);
	padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.05);
}
.ort-benefits-list li:last-child{border-bottom:none;padding-bottom:0}
.ort-benefits-list li:first-child{padding-top:0}
.ort-benefits-list li i{
	flex-shrink:0;width:28px;height:28px;border-radius:8px;
	background:rgba(148,163,184,0.12);color:#cbd5e1;
	display:flex;align-items:center;justify-content:center;font-size:12px;
}

/* CTA section */
.ort-cta-section{padding:90px 0 110px;background:linear-gradient(180deg,#0a0c10,#0c0e14)}
.ort-cta{
	text-align:center;max-width:720px;margin:0 auto;padding:52px 40px;
	background:linear-gradient(135deg,rgba(148,163,184,0.08),rgba(14,16,22,0.95));
	border:1px solid rgba(203,213,225,0.22);border-radius:24px;
	box-shadow:0 24px 60px rgba(0,0,0,0.35),0 0 60px rgba(148,163,184,0.06);
	backdrop-filter:blur(12px);position:relative;z-index:2;
}
.ort-cta h2{font-size:clamp(28px,3.5vw,38px);font-weight:400;letter-spacing:-0.3px;margin-bottom:14px}
.ort-cta p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin:0 0 28px}
.ort-cta .btn-primary{display:inline-flex;align-items:center;gap:8px}

/* Quote section scoping */
.maskajans-is-ortaklarimiz .quote-section{padding-top:60px}

/* —— Keyframes —— */
@keyframes ortMeshShift{0%{opacity:0.85;transform:scale(1)}100%{opacity:1;transform:scale(1.03)}}
@keyframes ortBlobDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,18px)}}
@keyframes ortGridPulse{0%{opacity:0.1}100%{opacity:0.18}}
@keyframes ortStripesDrift{0%{background-position:0 0}100%{background-position:120px 64px}}
@keyframes ortRingSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* —— Responsive —— */
@media(max-width:1024px){
	.ort-hero-layout{grid-template-columns:1fr;gap:40px;text-align:center}
	.ort-hero-copy{text-align:center}
	.ort-hero h1,.ort-hero-lead{margin-left:auto;margin-right:auto}

	.ort-orbit-stage{max-width:400px}
	.ort-orbit-node{width:64px;height:64px}
	.ort-orbit-node i{font-size:18px}
	.ort-orbit-node--1,.ort-orbit-node--1:hover{transform:translate(-50%,-50%) translate(0,-140px) scale(1)}
	.ort-orbit-node--2,.ort-orbit-node--2:hover{transform:translate(-50%,-50%) translate(120px,-70px) scale(1)}
	.ort-orbit-node--3,.ort-orbit-node--3:hover{transform:translate(-50%,-50%) translate(120px,70px) scale(1)}
	.ort-orbit-node--4,.ort-orbit-node--4:hover{transform:translate(-50%,-50%) translate(0,140px) scale(1)}
	.ort-orbit-node--5,.ort-orbit-node--5:hover{transform:translate(-50%,-50%) translate(-120px,70px) scale(1)}
	.ort-orbit-node--6,.ort-orbit-node--6:hover{transform:translate(-50%,-50%) translate(-120px,-70px) scale(1)}
	.ort-orbit-node:hover{transform:translate(-50%,-50%) scale(1.06)}
	.ort-orbit-node--1:hover{transform:translate(-50%,-50%) translate(0,-140px) scale(1.06)}
	.ort-orbit-node--2:hover{transform:translate(-50%,-50%) translate(120px,-70px) scale(1.06)}
	.ort-orbit-node--3:hover{transform:translate(-50%,-50%) translate(120px,70px) scale(1.06)}
	.ort-orbit-node--4:hover{transform:translate(-50%,-50%) translate(0,140px) scale(1.06)}
	.ort-orbit-node--5:hover{transform:translate(-50%,-50%) translate(-120px,70px) scale(1.06)}
	.ort-orbit-node--6:hover{transform:translate(-50%,-50%) translate(-120px,-70px) scale(1.06)}
	.ort-orbit-hub{width:96px;height:96px}
	.ort-orbit-hub i{font-size:20px}

	.ort-cat-grid{grid-template-columns:1fr;max-width:560px}
	.ort-logo-wall{grid-template-columns:repeat(2,1fr)}
	.ort-benefits-layout{grid-template-columns:1fr;gap:36px;text-align:center}
	.ort-benefits-copy p{margin:0 auto}
}

@media(max-width:640px){
	.ort-hero{padding-top:110px}
	.ort-hero-layout{padding-bottom:36px}
	.ort-hero-lead{font-size:16px}

	.ort-orbit-stage{max-width:300px}
	.ort-orbit-node{width:56px;height:56px}
	.ort-orbit-node i{font-size:16px}
	.ort-orbit-node em{font-size:8px}
	.ort-orbit-node--1,.ort-orbit-node--1:hover{transform:translate(-50%,-50%) translate(0,-108px) scale(1)}
	.ort-orbit-node--2,.ort-orbit-node--2:hover{transform:translate(-50%,-50%) translate(92px,-54px) scale(1)}
	.ort-orbit-node--3,.ort-orbit-node--3:hover{transform:translate(-50%,-50%) translate(92px,54px) scale(1)}
	.ort-orbit-node--4,.ort-orbit-node--4:hover{transform:translate(-50%,-50%) translate(0,108px) scale(1)}
	.ort-orbit-node--5,.ort-orbit-node--5:hover{transform:translate(-50%,-50%) translate(-92px,54px) scale(1)}
	.ort-orbit-node--6,.ort-orbit-node--6:hover{transform:translate(-50%,-50%) translate(-92px,-54px) scale(1)}
	.ort-orbit-node--1:hover{transform:translate(-50%,-50%) translate(0,-108px) scale(1.05)}
	.ort-orbit-node--2:hover{transform:translate(-50%,-50%) translate(92px,-54px) scale(1.05)}
	.ort-orbit-node--3:hover{transform:translate(-50%,-50%) translate(92px,54px) scale(1.05)}
	.ort-orbit-node--4:hover{transform:translate(-50%,-50%) translate(0,108px) scale(1.05)}
	.ort-orbit-node--5:hover{transform:translate(-50%,-50%) translate(-92px,54px) scale(1.05)}
	.ort-orbit-node--6:hover{transform:translate(-50%,-50%) translate(-92px,-54px) scale(1.05)}
	.ort-orbit-hub{width:80px;height:80px}
	.ort-orbit-hub span{font-size:9px}

	.ort-section{padding:72px 0}
	.ort-cat{padding:26px 22px}
	.ort-cat strong{font-size:17px}

	.ort-logo-wall{grid-template-columns:repeat(2,1fr);gap:12px}
	.ort-logo{min-height:64px;font-size:13px;padding:16px 12px}

	.ort-benefits-list{padding:24px 20px}
	.ort-benefits-list li{font-size:15px}

	.ort-cta{padding:40px 24px;border-radius:20px}
	.ort-cta-section{padding:72px 0 90px}
}

@media(prefers-reduced-motion:reduce){
	.ort-hero-mesh,.ort-hero-blob,.ort-hero-stripes,
	.ort-sec-mesh,.ort-sec-mesh--silver,.ort-sec-blob,.ort-sec-grid,
	.ort-orbit-ring--1,.ort-orbit-ring--2{animation:none}
}