
/* ============ SOSYAL MEDYA YÖNETİM PAKETLERİ ============ */

/* Page ambient */
.maskajans-sosyal-medya-paketleri{
	background:
		radial-gradient(ellipse 90% 55% at 50% -5%,rgba(131,58,180,0.14) 0%,transparent 55%),
		radial-gradient(ellipse 70% 45% at 85% 40%,rgba(188,24,136,0.08) 0%,transparent 50%),
		radial-gradient(ellipse 60% 40% at 10% 70%,rgba(240,148,51,0.06) 0%,transparent 45%),
		#05040a;
}

/* Shared accent */
.smp-gradient-text{
	background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	color:transparent;
}

/* Hero */
.smp-hero{
	position:relative;overflow:visible;padding:130px 0 0;
	background:
		radial-gradient(ellipse 75% 60% at 70% 15%,rgba(188,24,136,0.18) 0%,transparent 55%),
		radial-gradient(ellipse 55% 50% at 15% 80%,rgba(240,148,51,0.12) 0%,transparent 50%),
		linear-gradient(180deg,#0a0612 0%,#06040c 100%);
}
.smp-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.smp-hero-mesh{
	position:absolute;inset:0;
	background:
		radial-gradient(ellipse 70% 55% at 72% 22%,rgba(188,24,136,0.32) 0%,transparent 55%),
		radial-gradient(ellipse 50% 45% at 12% 78%,rgba(240,148,51,0.18) 0%,transparent 50%),
		radial-gradient(ellipse 45% 40% at 50% 50%,rgba(131,58,180,0.2) 0%,transparent 60%);
	animation:smpMeshShift 16s ease-in-out infinite alternate;
}
.smp-hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.7;mix-blend-mode:screen}
.smp-hero-blob--1{
	width:520px;height:520px;top:-12%;right:5%;
	background:radial-gradient(circle,rgba(188,24,136,0.7),transparent 68%);
	animation:smpBlobA 22s ease-in-out infinite;
}
.smp-hero-blob--2{
	width:440px;height:440px;bottom:0;left:-8%;
	background:radial-gradient(circle,rgba(204,35,102,0.55),transparent 68%);
	animation:smpBlobB 20s ease-in-out infinite;
}
.smp-hero-blob--3{
	width:400px;height:400px;top:20%;left:40%;
	background:radial-gradient(circle,rgba(240,148,51,0.45),transparent 68%);
	animation:smpBlobC 18s ease-in-out infinite;
}
.smp-hero-grid{
	position:absolute;inset:0;opacity:0.16;
	background-image:
		linear-gradient(rgba(188,24,136,0.35) 1px,transparent 1px),
		linear-gradient(90deg,rgba(188,24,136,0.35) 1px,transparent 1px);
	background-size:48px 48px;
	mask-image:radial-gradient(ellipse 70% 60% at 60% 40%,#000 20%,transparent 75%);
	-webkit-mask-image:radial-gradient(ellipse 70% 60% at 60% 40%,#000 20%,transparent 75%);
	animation:smpGridDrift 40s linear infinite;
}
.smp-hero-stripes{
	position:absolute;inset:-50%;opacity:0.32;
	background:repeating-linear-gradient(-12deg,transparent,transparent 70px,rgba(188,24,136,0.08) 70px,rgba(188,24,136,0.08) 71px);
	animation:smpStripesDrift 45s linear infinite;
}

.smp-hero-layout{
	position:relative;z-index:2;
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
	gap:40px 48px;align-items:center;padding-bottom:48px;
}
.smp-hero-copy{text-align:left;min-width:0}
.smp-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(188,24,136,0.35);
	padding:8px 18px;border-radius:50px;margin-bottom:20px;
}
.smp-hero-badge i{
	font-size:15px;
	background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;
}
.smp-hero h1{
	font-size:clamp(34px,4.5vw,52px);font-weight:400;
	letter-spacing:-0.5px;line-height:1.12;margin-bottom:18px;
}
.smp-hero-lead{
	display:flex;flex-direction:column;gap:4px;
	color:var(--text-secondary);font-size:16px;line-height:1.75;
	max-width:500px;margin:0 0 24px;
}
.smp-hero-stats{
	display:inline-flex;align-items:center;
	padding:14px 20px;
	background:rgba(255,255,255,0.03);
	border:1px solid rgba(255,255,255,0.08);
	border-radius:16px;margin-bottom:24px;
}
.smp-hstat{text-align:center;padding:0 18px}
.smp-hstat strong{
	display:block;font-size:clamp(22px,2.5vw,28px);font-weight:700;color:#fff;
}
.smp-hstat span{
	font-size:11px;color:rgba(255,255,255,0.45);
	text-transform:uppercase;letter-spacing:0.5px;
}
.smp-hstat-divider{width:1px;height:36px;background:rgba(255,255,255,0.1)}
.smp-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Hero stage */
.smp-hero-stage{
	position:relative;min-height:440px;
	display:flex;align-items:flex-start;justify-content:center;
	gap:16px;min-width:0;padding-top:20px;
}

.smp-orbit-ring{
	position:absolute;top:50%;left:50%;
	width:320px;height:320px;margin:-160px 0 0 -160px;
	border-radius:50%;
	border:1px dashed rgba(188,24,136,0.2);
	animation:smpOrbitSpin 30s linear infinite;
	z-index:0;
}
.smp-orbit-icon{
	position:absolute;top:50%;left:50%;
	width:40px;height:40px;margin:-20px;
	border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	font-size:16px;
	background:rgba(8,6,14,0.95);
	border:1px solid rgba(255,255,255,0.12);
	box-shadow:0 8px 24px rgba(0,0,0,0.4);
	backdrop-filter:blur(10px);
}
.smp-orbit-icon--ig{
	transform:rotate(0deg) translateY(-160px);
	color:#e1306c;
	border-color:rgba(225,48,108,0.35);
	background:linear-gradient(135deg,rgba(131,58,180,0.15),rgba(225,48,108,0.15));
}
.smp-orbit-icon--fb{
	transform:rotate(72deg) translateY(-160px) rotate(-72deg);
	color:#0866ff;
	border-color:rgba(8,102,255,0.35);
}
.smp-orbit-icon--li{
	transform:rotate(144deg) translateY(-160px) rotate(-144deg);
	color:#0a66c2;
	border-color:rgba(10,102,194,0.35);
}
.smp-orbit-icon--tt{
	transform:rotate(216deg) translateY(-160px) rotate(-216deg);
	color:#fe2c55;
	border-color:rgba(254,44,85,0.35);
}
.smp-orbit-icon--x{
	transform:rotate(288deg) translateY(-160px) rotate(-288deg);
	color:#fff;
	border-color:rgba(255,255,255,0.2);
}

.smp-calendar{
	position:relative;z-index:2;flex:1;min-width:0;max-width:320px;
	background:rgba(10,8,16,0.95);
	border:1px solid rgba(255,255,255,0.1);
	border-radius:16px;overflow:hidden;
	box-shadow:0 32px 80px rgba(0,0,0,0.5);
	animation:smpFloat 7s ease-in-out infinite;
}
.smp-cal-head{
	padding:12px 16px;font-size:12px;font-weight:600;
	border-bottom:1px solid rgba(255,255,255,0.08);
	display:flex;align-items:center;gap:8px;
}
.smp-cal-head i{
	background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;
}
.smp-cal-head span{margin-left:auto;font-size:10px;color:rgba(255,255,255,0.4);font-weight:400}
.smp-cal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px}
.smp-cal-day{
	padding:8px 6px;background:rgba(255,255,255,0.02);
	border:1px solid rgba(255,255,255,0.05);border-radius:10px;
	min-height:72px;
}
.smp-cal-day em{
	display:block;font-size:9px;font-style:normal;
	color:rgba(255,255,255,0.35);margin-bottom:6px;text-transform:uppercase;
}
.smp-cal-day--active{
	border-color:rgba(188,24,136,0.35);
	background:rgba(188,24,136,0.06);
}
.smp-cal-slot{
	display:flex;align-items:center;gap:4px;
	font-size:8px;padding:4px 6px;border-radius:6px;
	margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.smp-cal-slot i{font-size:9px;flex-shrink:0}
.smp-cal-slot--ig{background:rgba(225,48,108,0.15);color:#f472b6}
.smp-cal-slot--fb{background:rgba(8,102,255,0.15);color:#60a5fa}
.smp-cal-slot--li{background:rgba(10,102,194,0.15);color:#38bdf8}
.smp-cal-slot--tt{background:rgba(254,44,85,0.15);color:#fb7185}
.smp-cal-slot--x{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75)}
.smp-cal-footer{
	padding:10px 16px;font-size:10px;color:rgba(255,255,255,0.45);
	border-top:1px solid rgba(255,255,255,0.06);
	display:flex;align-items:center;gap:8px;
}
.smp-cal-dot{
	width:6px;height:6px;border-radius:50%;
	background:linear-gradient(45deg,#f09433,#bc1888);
	animation:smpPulseDot 2s ease-in-out infinite;
}

.smp-scheduler{
	position:relative;z-index:3;flex:1;min-width:0;max-width:220px;
	background:rgba(8,6,14,0.95);
	border:1px solid rgba(255,255,255,0.1);
	border-radius:16px;padding:14px;
	box-shadow:0 24px 60px rgba(0,0,0,0.45);
	animation:smpFloat 7s ease-in-out infinite;animation-delay:-1s;
	margin-top:40px;
}
.smp-sch-head{
	display:flex;align-items:center;gap:8px;
	font-size:11px;color:rgba(255,255,255,0.5);
	margin-bottom:12px;padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.06);
}
.smp-sch-head i{color:#bc1888;font-size:13px}
.smp-sch-live{
	margin-left:auto;display:flex;align-items:center;gap:4px;
	font-size:9px;color:#22c55e;
}
.smp-sch-live i{font-size:5px;animation:smpPulseDot 2s ease-in-out infinite}
.smp-sch-row{
	display:flex;align-items:center;gap:10px;
	padding:10px;border-radius:10px;margin-bottom:6px;
	transition:all .35s;
}
.smp-sch-row.is-active{
	background:rgba(188,24,136,0.1);
	border:1px solid rgba(188,24,136,0.25);
}
.smp-sch-time{
	font-size:11px;font-weight:700;color:rgba(255,255,255,0.5);
	flex-shrink:0;min-width:36px;
}
.smp-sch-row strong{display:block;font-size:11px;font-weight:600}
.smp-sch-row em{font-size:9px;font-style:normal;color:rgba(255,255,255,0.4)}

/* Trust strip */
.smp-trust-strip{position:relative;z-index:3;padding:0 0 56px}
.smp-trust-items{
	display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
	gap:8px 24px;padding:18px 28px;
	background:rgba(255,255,255,0.02);
	border:1px solid rgba(255,255,255,0.06);
	border-radius:50px;max-width:960px;margin:0 auto;
}
.smp-trust-item{
	display:flex;align-items:center;gap:8px;
	font-size:13px;color:rgba(255,255,255,0.65);white-space:nowrap;
}
.smp-trust-item i{
	background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;
	font-size:14px;
}
.smp-hero-fade{
	position:absolute;bottom:0;left:0;right:0;height:120px;
	background:linear-gradient(180deg,transparent,rgba(10,6,18,0.95));
	pointer-events:none;z-index:1;
}

/* Shared section backgrounds */
.smp-sec-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.smp-sec-mesh{
	position:absolute;inset:0;
	background:
		radial-gradient(ellipse 65% 55% at 50% 45%,rgba(188,24,136,0.22) 0%,transparent 68%),
		radial-gradient(ellipse 40% 35% at 20% 70%,rgba(131,58,180,0.12) 0%,transparent 60%);
	animation:smpMeshShift 18s ease-in-out infinite alternate;
}
.smp-sec-mesh--warm{
	background:
		radial-gradient(ellipse 55% 45% at 50% 40%,rgba(240,148,51,0.18) 0%,transparent 65%),
		radial-gradient(ellipse 45% 40% at 80% 70%,rgba(188,24,136,0.18) 0%,transparent 55%),
		radial-gradient(ellipse 35% 30% at 15% 30%,rgba(204,35,102,0.1) 0%,transparent 50%);
}
.smp-sec-blob{
	position:absolute;border-radius:50%;filter:blur(75px);
	opacity:0.65;mix-blend-mode:screen;pointer-events:none;
}
.smp-sec-blob--1{
	width:480px;height:480px;top:-15%;left:-5%;
	background:radial-gradient(circle,rgba(188,24,136,0.65),transparent 68%);
	animation:smpBlobA 24s ease-in-out infinite;
}
.smp-sec-blob--2{
	width:420px;height:420px;bottom:-20%;right:-5%;
	background:radial-gradient(circle,rgba(204,35,102,0.55),transparent 68%);
	animation:smpBlobB 22s ease-in-out infinite;
}
.smp-sec-grid{
	position:absolute;inset:0;opacity:0.14;
	background-image:
		linear-gradient(rgba(188,24,136,0.3) 1px,transparent 1px),
		linear-gradient(90deg,rgba(188,24,136,0.3) 1px,transparent 1px);
	background-size:56px 56px;
	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:smpGridDrift 50s linear infinite;
}
.smp-sec-stripes{
	position:absolute;inset:-50%;opacity:0.34;
	background:repeating-linear-gradient(-14deg,transparent,transparent 65px,rgba(188,24,136,0.08) 65px,rgba(188,24,136,0.08) 66px);
	animation:smpStripesDrift 50s linear infinite;
}
.smp-sec-beam{
	position:absolute;top:50%;left:50%;
	width:140%;height:2px;margin-top:-1px;
	background:linear-gradient(90deg,transparent,rgba(188,24,136,0.35),rgba(240,148,51,0.25),transparent);
	transform:translateX(-50%) rotate(-8deg);
	animation:smpBeamPulse 8s ease-in-out infinite;
	z-index:0;
}
.smp-sec-beam::after{
	content:'';position:absolute;inset:-40px 0;
	background:linear-gradient(90deg,transparent,rgba(188,24,136,0.06),transparent);
	filter:blur(20px);
	z-index:0;
}

/* Sections */
.smp-section{padding:110px 0;position:relative;overflow:hidden;isolation:isolate}
.smp-section > .container{position:relative;z-index:2}
.smp-sec-head{text-align:center;margin-bottom:56px}
.smp-sec-head .section-title{font-size:clamp(30px,3.8vw,44px);letter-spacing:-0.4px}

.smp-platform-section{
	background:
		radial-gradient(ellipse 60% 50% at 50% 0%,rgba(131,58,180,0.12) 0%,transparent 55%),
		linear-gradient(180deg,#0c0814 0%,#080a12 50%,#060810 100%);
}
.smp-pipeline-section{
	background:
		radial-gradient(ellipse 55% 45% at 30% 50%,rgba(240,148,51,0.1) 0%,transparent 55%),
		radial-gradient(ellipse 50% 40% at 75% 60%,rgba(188,24,136,0.12) 0%,transparent 50%),
		linear-gradient(180deg,#0a0810 0%,#0e0a14 50%,#080a10 100%);
}
.smp-packages-section{
	background:
		radial-gradient(ellipse 70% 55% at 50% 100%,rgba(188,24,136,0.14) 0%,transparent 55%),
		linear-gradient(180deg,#0a0612 0%,#0c0816 50%,#08060e 100%);
}
.smp-included-section{
	background:
		radial-gradient(ellipse 50% 45% at 80% 30%,rgba(240,148,51,0.1) 0%,transparent 50%),
		linear-gradient(180deg,#080a10 0%,#0a0814 50%,#060810 100%);
}

/* Platform hub */
.smp-platform-hub{
	display:grid;grid-template-columns:repeat(5,1fr);gap:20px;
	max-width:1240px;margin:0 auto;
}
.smp-plat-card{
	padding:36px 24px;text-align:center;
	background:rgba(10,8,16,0.9);
	border:1px solid rgba(255,255,255,0.08);
	border-radius:20px;transition:all .35s;
	position:relative;overflow:hidden;
}
.smp-plat-card::before{
	content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0.85;
}
.smp-plat-card:hover{
	transform:translateY(-6px);
	box-shadow:0 20px 50px rgba(0,0,0,0.4);
}
.smp-plat-card i{
	font-size:34px;margin-bottom:16px;display:block;
}
.smp-plat-card strong{display:block;font-size:17px;font-weight:600;margin-bottom:8px}
.smp-plat-card > span{
	display:block;font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:12px;line-height:1.4;
}
.smp-plat-card em{
	font-size:14px;font-style:normal;font-weight:600;
	padding:6px 14px;border-radius:50px;display:inline-block;
}
.smp-plat-card--ig::before{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}
.smp-plat-card--ig i{color:#e1306c}
.smp-plat-card--ig em{background:rgba(225,48,108,0.12);color:#f472b6}
.smp-plat-card--ig:hover{border-color:rgba(225,48,108,0.35)}
.smp-plat-card--fb::before{background:linear-gradient(90deg,#0866ff,#4d9fff)}
.smp-plat-card--fb i{color:#0866ff}
.smp-plat-card--fb em{background:rgba(8,102,255,0.12);color:#60a5fa}
.smp-plat-card--fb:hover{border-color:rgba(8,102,255,0.35)}
.smp-plat-card--li::before{background:linear-gradient(90deg,#0a66c2,#378fe9)}
.smp-plat-card--li i{color:#0a66c2}
.smp-plat-card--li em{background:rgba(10,102,194,0.12);color:#38bdf8}
.smp-plat-card--li:hover{border-color:rgba(10,102,194,0.35)}
.smp-plat-card--tt::before{background:linear-gradient(90deg,#00f2ea,#fe2c55)}
.smp-plat-card--tt i{color:#fe2c55}
.smp-plat-card--tt em{background:rgba(254,44,85,0.12);color:#fb7185}
.smp-plat-card--tt:hover{border-color:rgba(254,44,85,0.35)}
.smp-plat-card--x::before{background:linear-gradient(90deg,#fff,rgba(255,255,255,0.4))}
.smp-plat-card--x i{color:#fff}
.smp-plat-card--x em{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}
.smp-plat-card--x:hover{border-color:rgba(255,255,255,0.25)}

/* Pipeline */
.smp-pipeline{
	display:flex;align-items:flex-start;justify-content:center;
	gap:8px;flex-wrap:wrap;max-width:1240px;margin:0 auto;
	position:relative;z-index:2;
}
.smp-pipe-step{
	flex:1 1 175px;min-width:160px;max-width:220px;
	text-align:center;padding:36px 20px;
	background:rgba(12,10,18,0.96);
	border:1px solid rgba(255,255,255,0.08);
	border-radius:20px;transition:all .35s;
	position:relative;z-index:2;
}
.smp-pipe-step:hover{
	transform:translateY(-4px);
	border-color:rgba(188,24,136,0.3);
}
.smp-pipe-step--active{
	border-color:rgba(188,24,136,0.4);
	background:rgba(16,10,20,0.97);
	box-shadow:0 12px 40px rgba(188,24,136,0.08);
}
.smp-pipe-step--goal{
	border-color:rgba(240,148,51,0.35);
	background:rgba(16,12,10,0.97);
}
.smp-pipe-step--goal .smp-pipe-icon{background:rgba(240,148,51,0.15);color:#f09433}
.smp-pipe-icon{
	width:62px;height:62px;border-radius:16px;
	display:flex;align-items:center;justify-content:center;
	font-size:24px;margin:0 auto 16px;
	background:rgba(188,24,136,0.12);color:#bc1888;
}
.smp-pipe-step--active .smp-pipe-icon{
	background:linear-gradient(135deg,rgba(240,148,51,0.2),rgba(188,24,136,0.2));
	color:#e6683c;
}
.smp-pipe-step strong{display:block;font-size:16px;font-weight:600;margin-bottom:6px}
.smp-pipe-step > span{font-size:14px;color:rgba(255,255,255,0.45);line-height:1.4}
.smp-pipe-arrow{
	display:flex;align-items:center;padding-top:58px;
	color:rgba(255,255,255,0.15);font-size:15px;flex-shrink:0;
	position:relative;z-index:2;
}

/* Packages */
.smp-packages{
	display:grid;grid-template-columns:repeat(3,1fr);
	gap:24px;align-items:stretch;max-width:1100px;margin:0 auto;
}
.smp-pkg{
	display:flex;flex-direction:column;
	background:rgba(10,8,16,0.9);
	border:1px solid rgba(255,255,255,0.08);
	border-radius:22px;padding:32px 28px;
	transition:all .35s;position:relative;
}
.smp-pkg:hover{
	transform:translateY(-4px);
	border-color:rgba(188,24,136,0.25);
	box-shadow:0 20px 50px rgba(0,0,0,0.35);
}
.smp-pkg--featured{
	border-color:rgba(188,24,136,0.45);
	background:linear-gradient(180deg,rgba(188,24,136,0.1),rgba(10,8,16,0.95) 45%);
	box-shadow:0 24px 60px rgba(188,24,136,0.1);
}
.smp-pkg--featured:hover{border-color:rgba(188,24,136,0.55)}
.smp-pkg-badge{
	position:absolute;top:-12px;left:50%;transform:translateX(-50%);
	background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
	color:#fff;font-size:11px;font-weight:600;
	padding:5px 18px;border-radius:50px;letter-spacing:0.3px;white-space:nowrap;
}
.smp-pkg-head{margin-bottom:20px}
.smp-pkg-tier{
	display:inline-block;font-size:11px;font-weight:600;
	text-transform:uppercase;letter-spacing:0.5px;
	color:#bc1888;margin-bottom:8px;
}
.smp-pkg-head h3{font-size:20px;font-weight:600;margin-bottom:8px}
.smp-pkg-head p{font-size:13px;color:var(--text-secondary);line-height:1.65;margin:0}
.smp-pkg-price{
	padding:16px 0;margin-bottom:20px;
	border-top:1px solid rgba(255,255,255,0.06);
	border-bottom:1px solid rgba(255,255,255,0.06);
}
.smp-pkg-price strong{
	font-size:clamp(28px,3vw,36px);font-weight:700;color:#fff;
}
.smp-pkg-price span{font-size:14px;color:rgba(255,255,255,0.4);margin-left:4px}
.smp-pkg-list{
	list-style:none;margin:0 0 28px;padding:0;flex:1;
}
.smp-pkg-list li{
	display:flex;align-items:flex-start;gap:10px;
	font-size:13px;color:rgba(255,255,255,0.75);
	padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.04);
}
.smp-pkg-list li i{font-size:11px;margin-top:3px;flex-shrink:0;color:#22c55e}
.smp-pkg-list li.smp-pkg-off{color:rgba(255,255,255,0.35)}
.smp-pkg-list li.smp-pkg-off i{color:rgba(255,255,255,0.2)}
.smp-pkg-btn{width:100%;justify-content:center;margin-top:auto}

/* Included */
.smp-included-layout{
	display:grid;grid-template-columns:1fr 1.2fr;
	gap:56px;align-items:start;max-width:1240px;margin:0 auto;
}
.smp-included-copy .section-title{text-align:left;margin-bottom:16px}
.smp-included-copy > p{
	font-size:15px;color:var(--text-secondary);line-height:1.75;margin:0;
}
.smp-included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.smp-inc-item{
	display:flex;gap:16px;align-items:flex-start;
	padding:24px 20px;
	background:rgba(255,255,255,0.02);
	border:1px solid rgba(255,255,255,0.06);
	border-radius:16px;transition:border-color .3s;
}
.smp-inc-item:hover{border-color:rgba(188,24,136,0.25)}
.smp-inc-item i{
	width:48px;height:48px;border-radius:12px;flex-shrink:0;
	display:flex;align-items:center;justify-content:center;font-size:19px;
	background:rgba(188,24,136,0.12);color:#bc1888;
}
.smp-inc-item strong{display:block;font-size:16px;font-weight:600;margin-bottom:4px}
.smp-inc-item span{font-size:14px;color:var(--text-secondary);line-height:1.45}

/* FAQ */
.smp-faq{
	background:
		radial-gradient(ellipse 60% 50% at 50% 100%,rgba(188,24,136,0.1) 0%,transparent 55%),
		linear-gradient(180deg,#08060e 0%,#050408 100%);
}
.smp-faq .faq-list{max-width:1100px;margin:0 auto;gap:14px}
.smp-faq .faq-question{padding:22px 28px;font-size:16px}
.smp-faq .faq-toggle{width:34px;height:34px;border-radius:10px;font-size:14px}
.smp-faq .faq-answer{padding:0 28px}
.smp-faq .faq-item.active .faq-answer{max-height:240px;padding:0 28px 22px}
.smp-faq .faq-answer p{font-size:15px;line-height:1.65}
.smp-faq .faq-item.active{border-color:rgba(188,24,136,0.25)}
.smp-faq .faq-item.active .faq-toggle{
	background:rgba(188,24,136,0.15);
	color:#bc1888;
}
.smp-faq .faq-question:hover{color:#bc1888}

/* Quote section */
.maskajans-sosyal-medya-paketleri .quote-section{padding-top:60px}

/* Keyframes */
@keyframes smpMeshShift{
	0%{opacity:0.85;transform:scale(1)}
	100%{opacity:1;transform:scale(1.03)}
}
@keyframes smpBlobA{
	0%,100%{transform:translate(0,0)}
	50%{transform:translate(35px,28px)}
}
@keyframes smpBlobB{
	0%,100%{transform:translate(0,0)}
	50%{transform:translate(-30px,-22px)}
}
@keyframes smpBlobC{
	0%,100%{transform:translate(0,0) scale(1)}
	50%{transform:translate(20px,-18px) scale(1.05)}
}
@keyframes smpGridDrift{
	0%{background-position:0 0}
	100%{background-position:56px 56px}
}
@keyframes smpStripesDrift{
	0%{transform:translate(0,0)}
	100%{transform:translate(60px,30px)}
}
@keyframes smpBeamPulse{
	0%,100%{opacity:0.5;transform:translateX(-50%) rotate(-8deg) scaleX(0.9)}
	50%{opacity:1;transform:translateX(-50%) rotate(-8deg) scaleX(1.05)}
}
@keyframes smpFloat{
	0%,100%{transform:translateY(0)}
	50%{transform:translateY(-8px)}
}
@keyframes smpOrbitSpin{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes smpPulseDot{
	0%,100%{opacity:0.6;transform:scale(1)}
	50%{opacity:1;transform:scale(1.2)}
}

/* Responsive */
@media(max-width:1024px){
	.smp-hero-layout{grid-template-columns:1fr;gap:40px;text-align:center}
	.smp-hero-copy{text-align:center}
	.smp-hero h1,.smp-hero-lead{margin-left:auto;margin-right:auto}
	.smp-hero-stats,.smp-hero-actions{justify-content:center}
	.smp-hero-stage{flex-direction:column;align-items:center;min-height:auto;padding-top:0}
	.smp-orbit-ring{width:260px;height:260px;margin:-130px 0 0 -130px}
	.smp-orbit-icon--ig{transform:rotate(0deg) translateY(-130px)}
	.smp-orbit-icon--fb{transform:rotate(72deg) translateY(-130px) rotate(-72deg)}
	.smp-orbit-icon--li{transform:rotate(144deg) translateY(-130px) rotate(-144deg)}
	.smp-orbit-icon--tt{transform:rotate(216deg) translateY(-130px) rotate(-216deg)}
	.smp-orbit-icon--x{transform:rotate(288deg) translateY(-130px) rotate(-288deg)}
	.smp-calendar,.smp-scheduler{max-width:100%;width:100%}
	.smp-scheduler{margin-top:0}
	.smp-platform-hub{grid-template-columns:repeat(3,1fr)}
	.smp-pipeline{gap:8px}
	.smp-pipe-arrow{padding-top:50px}
	.smp-packages{grid-template-columns:1fr;max-width:480px}
	.smp-included-layout{grid-template-columns:1fr;gap:40px}
	.smp-included-copy .section-title{text-align:center}
	.smp-included-copy > p{text-align:center}
}
@media(max-width:640px){
	.smp-hero{padding-top:110px}
	.smp-hero-stats{flex-direction:column;gap:12px}
	.smp-hstat-divider{width:40px;height:1px}
	.smp-hero-actions{flex-direction:column;width:100%}
	.smp-hero-actions a{width:100%;justify-content:center}
	.smp-orbit-ring{display:none}
	.smp-section{padding:80px 0}
	.smp-platform-hub{grid-template-columns:repeat(2,1fr)}
	.smp-pipe-arrow{display:none}
	.smp-pipeline{flex-direction:column;align-items:center}
	.smp-pipe-step{max-width:100%;width:100%}
	.smp-included-grid{grid-template-columns:1fr}
	.smp-trust-items{border-radius:20px;padding:16px 20px}
	.smp-trust-item{font-size:12px;white-space:normal;flex:1 1 40%;justify-content:center;text-align:center}
	.smp-cal-grid{grid-template-columns:repeat(3,1fr)}
}
@media(prefers-reduced-motion:reduce){
	.smp-hero-mesh,.smp-hero-blob,.smp-hero-grid,.smp-hero-stripes,
	.smp-orbit-ring,.smp-calendar,.smp-scheduler,.smp-cal-dot,.smp-sch-live i,
	.smp-sec-mesh,.smp-sec-blob,.smp-sec-grid,.smp-sec-stripes{animation:none}
}
