/* ============ SOSYAL MEDYA RAPORLAMA — analytics dashboard theme ============ */

/* Page ambient */
.maskajans-sosyal-medya-raporlama{
	background:
		radial-gradient(ellipse 90% 55% at 50% -5%,rgba(0,212,170,0.12) 0%,transparent 55%),
		radial-gradient(ellipse 70% 45% at 85% 40%,rgba(0,180,216,0.08) 0%,transparent 50%),
		radial-gradient(ellipse 60% 40% at 10% 70%,rgba(0,212,170,0.05) 0%,transparent 45%),
		#03080a;
}

/* —— Hero —— */
.smr-hero{position:relative;overflow:visible;padding:130px 0 0;background:#020608}
.smr-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.smr-hero-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 75% 60% at 20% 15%,rgba(0,212,170,0.16) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(0,180,216,0.14) 0%,transparent 50%),radial-gradient(ellipse 55% 45% at 50% 90%,rgba(0,212,170,0.08) 0%,transparent 55%);animation:smrMeshShift 16s ease-in-out infinite alternate}
.smr-hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.42;mix-blend-mode:screen}
.smr-hero-blob--1{width:480px;height:480px;top:-14%;left:-6%;background:radial-gradient(circle,rgba(0,212,170,0.55),transparent 70%);animation:smrBlobDrift1 22s ease-in-out infinite}
.smr-hero-blob--2{width:400px;height:400px;bottom:8%;right:-8%;background:radial-gradient(circle,rgba(0,180,216,0.5),transparent 70%);animation:smrBlobDrift2 20s ease-in-out infinite}
.smr-hero-grid{position:absolute;inset:0;opacity:0.18;background-image:linear-gradient(rgba(0,212,170,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,0.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 20%,transparent 78%);animation:smrGridPulse 12s ease-in-out infinite alternate}
.smr-hero-stripes{position:absolute;inset:0;opacity:0.28;background:repeating-linear-gradient(-14deg,transparent,transparent 58px,rgba(0,180,216,0.035) 58px,rgba(0,180,216,0.035) 59px);animation:smrStripesDrift 38s linear infinite}

.smr-hero > .container{position:relative;z-index:2}
.smr-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px 52px;align-items:center;padding-bottom:48px}
.smr-hero-copy{text-align:left;min-width:0}
.smr-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(0,212,170,0.35);padding:8px 18px;border-radius:50px;margin-bottom:20px;backdrop-filter:blur(8px)}
.smr-hero-badge i{color:#00d4aa;font-size:15px}
.smr-hero h1{font-size:clamp(34px,4.5vw,52px);font-weight:400;letter-spacing:-0.5px;line-height:1.12;margin-bottom:18px}
.smr-accent-text{background:linear-gradient(135deg,#00d4aa 0%,#00b4d8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.smr-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}
.smr-hero-stats{display:inline-flex;align-items:center;gap:0;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;backdrop-filter:blur(10px)}
.smr-hstat{text-align:center;padding:0 18px}
.smr-hstat strong{display:block;font-size:clamp(20px,2.5vw,26px);font-weight:700;color:#fff;line-height:1.2}
.smr-hstat span{font-size:11px;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.5px}
.smr-hstat-divider{width:1px;height:36px;background:rgba(255,255,255,0.1)}
.smr-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Dashboard stage */
.smr-dash-stage{position:relative;min-width:0;z-index:3}
.smr-dash-panel{background:rgba(6,12,14,0.92);border:1px solid rgba(0,212,170,0.18);border-radius:20px;padding:20px 22px;box-shadow:0 32px 80px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(0,212,170,0.08);backdrop-filter:blur(16px);animation:smrDashFloat 7s ease-in-out infinite}
.smr-dash-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:rgba(255,255,255,0.55);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.06)}
.smr-dash-head span{display:flex;align-items:center;gap:8px;font-weight:600;color:rgba(255,255,255,0.85)}
.smr-dash-head span i{color:#00d4aa;font-size:14px}
.smr-dash-head em{font-style:normal;font-size:11px;color:rgba(255,255,255,0.35);font-family:ui-monospace,monospace}
.smr-dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.smr-kpi{padding:12px 10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;text-align:center;transition:border-color .3s}
.smr-kpi span{display:block;font-size:9px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:4px}
.smr-kpi strong{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}
.smr-kpi em{font-size:10px;font-style:normal;color:rgba(255,255,255,0.35)}
.smr-kpi--up em{color:#00d4aa}
.smr-kpi--up{border-color:rgba(0,212,170,0.15);background:rgba(0,212,170,0.04)}
.smr-dash-chart{padding:14px 12px 10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.05);border-radius:12px;margin-bottom:14px}
.smr-chart-bars{display:flex;align-items:flex-end;gap:6px;height:72px;margin-bottom:8px}
.smr-chart-bars span{flex:1;border-radius:4px 4px 0 0;height:var(--h);background:linear-gradient(180deg,#00d4aa,#00b4d8);opacity:0.85;animation:smrBarPulse 3s ease-in-out infinite;transform-origin:bottom}
.smr-chart-bars span:nth-child(2){animation-delay:.15s}
.smr-chart-bars span:nth-child(3){animation-delay:.3s}
.smr-chart-bars span:nth-child(4){animation-delay:.45s}
.smr-chart-bars span:nth-child(5){animation-delay:.6s}
.smr-chart-bars span:nth-child(6){animation-delay:.75s}
.smr-chart-bars span:nth-child(7){animation-delay:.9s}
.smr-chart-bars span:nth-child(8){animation-delay:1.05s}
.smr-chart-labels{display:flex;justify-content:space-between;font-size:9px;color:rgba(255,255,255,0.3);font-family:ui-monospace,monospace;padding:0 2px}
.smr-dash-platforms{display:flex;flex-wrap:wrap;gap:8px}
.smr-dplat{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.7)}
.smr-dplat i{font-size:11px}
.smr-dplat--ig{border-color:rgba(225,48,108,0.25);background:rgba(225,48,108,0.08);color:#f472b6}
.smr-dplat--fb{border-color:rgba(8,102,255,0.25);background:rgba(8,102,255,0.08);color:#60a5fa}
.smr-dplat--li{border-color:rgba(0,119,181,0.25);background:rgba(0,119,181,0.08);color:#38bdf8}
.smr-dplat--tt{border-color:rgba(0,242,234,0.2);background:rgba(0,242,234,0.06);color:#5eead4}

.smr-float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(4,10,12,0.95);border:1px solid rgba(0,212,170,0.25);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.45);backdrop-filter:blur(12px);z-index:4}
.smr-float i{font-size:16px;color:#00d4aa}
.smr-float strong{display:block;font-size:12px;font-weight:600}
.smr-float small{font-size:9px;color:rgba(255,255,255,0.4)}
.smr-float--alert{top:-12px;right:-8px;animation:smrChipFloat 5.5s ease-in-out infinite}

/* Trust strip + fade */
.smr-trust-strip{position:relative;z-index:3;padding:0 0 56px}
.smr-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(0,212,170,0.12);border-radius:50px;max-width:960px;margin:0 auto;backdrop-filter:blur(10px)}
.smr-trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.65);white-space:nowrap}
.smr-trust-item i{color:#00d4aa;font-size:14px}
.smr-hero-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(180deg,transparent,#020608);pointer-events:none;z-index:1}

/* —— Shared sections —— */
.smr-section{padding:100px 0;position:relative;overflow:hidden;isolation:isolate}
.smr-section > .container{position:relative;z-index:2}
.smr-sec-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.smr-sec-mesh{
	position:absolute;inset:0;
	background:
		radial-gradient(ellipse 65% 55% at 30% 30%,rgba(0,212,170,0.2) 0%,transparent 60%),
		radial-gradient(ellipse 55% 45% at 75% 70%,rgba(0,180,216,0.16) 0%,transparent 55%);
	animation:smrSecMesh 18s ease-in-out infinite alternate;
}
.smr-sec-mesh--teal{
	background:
		radial-gradient(ellipse 70% 60% at 50% 40%,rgba(0,212,170,0.24) 0%,transparent 65%),
		radial-gradient(ellipse 50% 40% at 15% 80%,rgba(0,180,216,0.16) 0%,transparent 50%);
	animation:smrSecMeshTeal 20s ease-in-out infinite alternate;
}
.smr-sec-blob{position:absolute;border-radius:50%;filter:blur(75px);opacity:0.62;mix-blend-mode:screen}
.smr-sec-blob--1{width:480px;height:480px;top:-15%;left:5%;background:radial-gradient(circle,rgba(0,212,170,0.65),transparent 68%);animation:smrBlobDrift1 24s ease-in-out infinite}
.smr-sec-blob--2{width:420px;height:420px;bottom:-18%;right:8%;background:radial-gradient(circle,rgba(0,180,216,0.55),transparent 68%);animation:smrBlobDrift2 26s ease-in-out infinite}
.smr-sec-grid{
	position:absolute;inset:0;opacity:0.16;
	background-image:linear-gradient(rgba(0,212,170,0.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,0.12) 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:smrGridPulse 14s ease-in-out infinite alternate;
}
.smr-sec-stripes{
	position:absolute;inset:-50%;opacity:0.32;
	background:repeating-linear-gradient(-12deg,transparent,transparent 62px,rgba(0,212,170,0.07) 62px,rgba(0,212,170,0.07) 63px);
	animation:smrStripesDrift 42s linear infinite;
}
.smr-sec-head{text-align:center;margin-bottom:56px}
.smr-sec-head .section-title{font-size:clamp(30px,4vw,44px);letter-spacing:-0.4px}

/* Section backgrounds */
.smr-ticker-section{
	background:
		radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,212,170,0.1) 0%,transparent 55%),
		linear-gradient(180deg,#041014 0%,#06181a 50%,#030c0e 100%);
}
.smr-reports-section{
	background:
		radial-gradient(ellipse 55% 45% at 75% 30%,rgba(0,180,216,0.1) 0%,transparent 50%),
		linear-gradient(165deg,#041218 0%,#061c20 45%,#030c10 100%);
}
.smr-widgets-section{
	background:
		radial-gradient(ellipse 50% 45% at 25% 50%,rgba(0,212,170,0.1) 0%,transparent 50%),
		linear-gradient(180deg,#030c0e 0%,#051418 100%);
}
.smr-delivery-section{
	background:
		radial-gradient(ellipse 60% 50% at 50% 100%,rgba(0,180,216,0.1) 0%,transparent 55%),
		linear-gradient(180deg,#041014 0%,#061a1c 50%,#030c0e 100%);
	padding:110px 0;
}
.smr-compare-section{
	background:
		radial-gradient(ellipse 60% 50% at 50% 50%,rgba(0,212,170,0.12) 0%,transparent 55%),
		linear-gradient(180deg,#041014 0%,#05181a 50%,#030c0e 100%);
	padding:100px 0;position:relative;overflow:hidden;
}
.smr-faq{
	background:
		radial-gradient(ellipse 60% 50% at 50% 100%,rgba(0,212,170,0.1) 0%,transparent 55%),
		linear-gradient(180deg,#041014 0%,#020608 100%);
	position:relative;overflow:hidden;
}

/* —— Ticker / metric wall —— */
.smr-ticker-layout{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:48px 56px;align-items:center;max-width:1240px;margin:0 auto}
.smr-ticker-copy .section-label{margin-bottom:12px}
.smr-ticker-copy h2{margin-bottom:14px}
.smr-ticker-copy p{font-size:19px;color:var(--text-secondary);line-height:1.7;margin:0;max-width:460px}
.smr-metric-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.smr-metric-card{position:relative;padding:26px 20px;background:rgba(6,14,16,0.94);border:1px solid rgba(255,255,255,0.07);border-radius:18px;text-align:center;transition:all .35s;backdrop-filter:blur(10px);overflow:hidden}
.smr-metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,170,0.5),transparent);opacity:0;transition:opacity .35s}
.smr-metric-card:hover{transform:translateY(-4px);border-color:rgba(0,212,170,0.25);box-shadow:0 16px 40px rgba(0,212,170,0.08)}
.smr-metric-card:hover::before{opacity:1}
.smr-metric-card i{display:block;font-size:22px;color:#00d4aa;margin-bottom:12px}
.smr-metric-card strong{display:block;font-size:clamp(26px,2.8vw,32px);font-weight:700;color:#fff;margin-bottom:6px;font-variant-numeric:tabular-nums}
.smr-metric-card > span{display:block;font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:8px}
.smr-metric-up{display:block;font-size:13px;font-style:normal;font-weight:600;color:#00d4aa}

/* —— Report tabs & preview —— */
.smr-report-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px}
.smr-rtab{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:500;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:16px;cursor:pointer;transition:all .3s;font-family:inherit}
.smr-rtab i{font-size:16px}
.smr-rtab:hover{color:rgba(255,255,255,0.85);border-color:rgba(0,212,170,0.2);background:rgba(0,212,170,0.04)}
.smr-rtab.is-active{color:#fff;background:rgba(0,212,170,0.12);border-color:rgba(0,212,170,0.35);box-shadow:0 4px 20px rgba(0,212,170,0.12)}
.smr-rtab.is-active i{color:#00d4aa}

.smr-report-preview{position:relative;min-height:380px;max-width:1240px;margin:0 auto}
.smr-rpanel{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;animation:smrPanelIn .4s ease}
.smr-rpanel.is-active{display:grid}

.smr-rmock{padding:34px;background:rgba(4,10,12,0.94);border:1px solid rgba(0,212,170,0.15);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,0.4);backdrop-filter:blur(12px)}
.smr-rmock-page{padding:24px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.06);border-radius:14px;min-height:260px}
.smr-rmock-head{font-size:13px;font-weight:600;color:rgba(255,255,255,0.55);padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.06);font-family:ui-monospace,monospace}
.smr-rmock-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:14px}
.smr-rmock-row:last-child{border-bottom:none}
.smr-rmock-row > span{flex:0 0 100px;color:rgba(255,255,255,0.45)}
.smr-rmock-bar{flex:1;height:10px;background:rgba(255,255,255,0.06);border-radius:4px;overflow:hidden}
.smr-rmock-bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#00d4aa,#00b4d8);border-radius:4px;animation:smrBarGrow 1.2s ease forwards}
.smr-rmock-row em{font-style:normal;font-weight:600;color:#00d4aa;font-size:14px;min-width:40px;text-align:right}
.smr-rmock-row strong{font-size:14px;color:rgba(255,255,255,0.85)}

.smr-rmock-page--month{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.smr-rmock-donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#00d4aa calc(68 * 1%),rgba(255,255,255,0.08) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px rgba(0,212,170,0.15)}
.smr-rmock-donut::before{content:'';position:absolute;inset:14px;border-radius:50%;background:#060c0e}
.smr-rmock-donut span,.smr-rmock-donut small{position:relative;z-index:1}
.smr-rmock-donut span{font-size:24px;font-weight:700;color:#00d4aa}
.smr-rmock-donut small{font-size:11px;color:rgba(255,255,255,0.4)}
.smr-rmock-stats{display:flex;gap:36px}
.smr-rmock-stats div em{display:block;font-size:22px;font-weight:700;font-style:normal;color:#fff;margin-bottom:4px}
.smr-rmock-stats div span{font-size:12px;color:rgba(255,255,255,0.4)}

.smr-rmock-page--camp{display:flex;flex-direction:column;gap:18px}
.smr-rmock-funnel{display:flex;flex-direction:column;gap:8px}
.smr-rmock-funnel span{display:block;padding:12px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.7);background:rgba(0,212,170,0.06);border:1px solid rgba(0,212,170,0.12);border-radius:10px;text-align:center}
.smr-rmock-funnel span:nth-child(1){width:100%}
.smr-rmock-funnel span:nth-child(2){width:78%;margin:0 auto}
.smr-rmock-funnel span:nth-child(3){width:52%;margin:0 auto}
.smr-rmock-roas{text-align:center;padding:18px;background:rgba(0,180,216,0.08);border:1px solid rgba(0,180,216,0.2);border-radius:12px}
.smr-rmock-roas strong{font-size:34px;font-weight:800;color:#00d4aa}

.smr-rmock-page--comp{padding:18px}
.smr-rmock-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.smr-rcol{padding:20px;border-radius:14px;text-align:center}
.smr-rcol span{display:block;font-size:12px;color:rgba(255,255,255,0.45);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.4px}
.smr-rcol strong{display:block;font-size:28px;font-weight:700;margin-bottom:4px}
.smr-rcol em{font-size:12px;font-style:normal;color:rgba(255,255,255,0.4)}
.smr-rcol--you{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.25)}
.smr-rcol--you strong{color:#00d4aa}
.smr-rcol--them{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.smr-rcol--them strong{color:rgba(255,255,255,0.6)}

.smr-rinfo h3{font-size:clamp(24px,2.8vw,30px);font-weight:600;margin-bottom:16px}
.smr-rinfo p{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}
.smr-rinfo ul{list-style:none}
.smr-rinfo li{font-size:16px;color:rgba(255,255,255,0.72);padding:10px 0 10px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,0.05)}
.smr-rinfo li:last-child{border-bottom:none}
.smr-rinfo li::before{content:'';position:absolute;left:0;top:16px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#00b4d8)}

/* —— Widgets —— */
.smr-widgets-head{text-align:center;margin-bottom:56px}
.smr-widgets-head .section-title{font-size:clamp(30px,4vw,44px);letter-spacing:-0.4px}
.smr-widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1240px;margin:0 auto}
.smr-widget{padding:28px 24px;background:rgba(6,14,16,0.94);border:1px solid rgba(255,255,255,0.08);border-radius:20px;transition:all .35s;backdrop-filter:blur(10px)}
.smr-widget:hover{border-color:rgba(0,212,170,0.22);box-shadow:0 16px 44px rgba(0,0,0,0.35)}
.smr-widget--wide{grid-column:1 / -1}
.smr-widget-head{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.06)}
.smr-widget-head i{color:#00d4aa;font-size:17px}

.smr-widget-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:10px}
.smr-widget-chart span{flex:1;border-radius:3px 3px 0 0;height:var(--h);background:linear-gradient(180deg,rgba(0,212,170,0.9),rgba(0,180,216,0.5));animation:smrBarPulse 3.5s ease-in-out infinite}
.smr-widget-chart span:nth-child(even){animation-delay:.25s}
.smr-widget-chart span:nth-child(3n){animation-delay:.5s}

.smr-widget-pie{width:144px;height:144px;border-radius:50%;margin:10px auto 16px;position:relative;background:#060c0e;box-shadow:0 0 24px rgba(0,212,170,0.12);animation:smrPieGlow 4s ease-in-out infinite}
.smr-widget-pie::after{content:'';position:absolute;inset:32%;border-radius:50%;background:#060c0e;z-index:2}
.smr-pie-seg{position:absolute;inset:0;border-radius:50%;display:block;transition:opacity .3s}
.smr-pie-seg--ig{background:conic-gradient(from 0deg,#e1306c 0deg 151deg,transparent 151deg);z-index:1}
.smr-pie-seg--fb{background:conic-gradient(from 151deg,#0866ff 0deg 86deg,transparent 86deg);z-index:1}
.smr-pie-seg--li{background:conic-gradient(from 237deg,#0077b5 0deg 65deg,transparent 65deg);z-index:1}
.smr-pie-seg--tt{background:conic-gradient(from 302deg,#00f2ea 0deg 58deg,transparent 58deg);z-index:1}
.smr-widget-pie:hover .smr-pie-seg{opacity:0.92}
.smr-pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;font-size:12px;color:rgba(255,255,255,0.55)}
.smr-pie-legend span{display:inline-flex;align-items:center;gap:6px}
.smr-pie-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;flex-shrink:0}
.smr-leg-ig{background:linear-gradient(135deg,#833ab4,#e1306c)}
.smr-leg-fb{background:#0866ff}
.smr-leg-li{background:#0077b5}
.smr-leg-tt{background:#00f2ea}

.smr-top-posts{display:flex;flex-direction:column;gap:12px}
.smr-top-post{display:flex;align-items:flex-start;gap:14px;padding:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:14px;transition:border-color .3s}
.smr-top-post:hover{border-color:rgba(0,212,170,0.2)}
.smr-top-post > span{flex-shrink:0;width:28px;height:28px;border-radius:9px;background:rgba(0,212,170,0.15);color:#00d4aa;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.smr-top-post strong{display:block;font-size:14px;font-weight:600;margin-bottom:3px;line-height:1.35}
.smr-top-post em{font-size:12px;font-style:normal;color:rgba(255,255,255,0.4)}

/* —— Delivery process —— */
.smr-delivery-beam{position:absolute;top:50%;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,170,0.6),rgba(0,180,216,0.8),rgba(0,212,170,0.6),transparent);opacity:0.35;animation:smrBeamSweep 6s ease-in-out infinite;transform:translateY(-50%);z-index:0}
.smr-delivery-track{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;max-width:1240px;margin:0 auto;z-index:2}
.smr-delivery-track::before{content:'';position:absolute;top:42px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,rgba(0,212,170,0.1),rgba(0,212,170,0.45),rgba(0,180,216,0.45),rgba(0,212,170,0.1));z-index:0;border-radius:2px}
.smr-dstep{position:relative;z-index:2;padding:36px 22px 28px;background:rgba(6,14,16,0.96);border:1px solid rgba(255,255,255,0.08);border-radius:20px;text-align:center;transition:all .35s;backdrop-filter:blur(10px)}
.smr-dstep:hover,.smr-dstep.is-active{border-color:rgba(0,212,170,0.3);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,212,170,0.1)}
.smr-dstep.is-active{background:rgba(8,18,20,0.97)}
.smr-dstep-num{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#00b4d8);color:#020608;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 6px 24px rgba(0,212,170,0.35)}
.smr-dstep h4{font-size:18px;font-weight:600;margin-bottom:10px}
.smr-dstep p{font-size:15px;color:var(--text-secondary);line-height:1.65;margin:0}
.smr-dstep--goal .smr-dstep-num{background:linear-gradient(135deg,#00b4d8,#00d4aa);box-shadow:0 6px 24px rgba(0,180,216,0.35)}
.smr-dstep--goal.is-active{border-color:rgba(0,180,216,0.35)}

/* —— Compare —— */
.smr-compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:36px;align-items:stretch;max-width:1100px;margin:0 auto 40px}
.smr-cmp-col{padding:40px 34px;border-radius:20px;border:1px solid rgba(255,255,255,0.08)}
.smr-cmp-col--before{background:rgba(239,68,68,0.04);border-color:rgba(239,68,68,0.15)}
.smr-cmp-col--after{background:rgba(0,212,170,0.06);border-color:rgba(0,212,170,0.2)}
.smr-cmp-label{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.smr-cmp-col--before .smr-cmp-label{background:rgba(239,68,68,0.15);color:#f87171}
.smr-cmp-col--after .smr-cmp-label{background:rgba(0,212,170,0.15);color:#00d4aa}
.smr-cmp-col ul{list-style:none}
.smr-cmp-col li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:rgba(255,255,255,0.75);padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.smr-cmp-col li:last-child{border-bottom:none}
.smr-cmp-col--before li i{color:#ef4444;margin-top:3px;flex-shrink:0;font-size:15px}
.smr-cmp-col--after li i{color:#00d4aa;margin-top:3px;flex-shrink:0;font-size:15px}
.smr-compare-mid{display:flex;align-items:center;font-size:28px;color:rgba(0,212,170,0.35)}
.smr-compare-cta{text-align:center}

/* —— FAQ —— */
.smr-faq .faq-list{max-width:1100px;margin:0 auto;gap:14px}
.smr-faq .faq-item{background:rgba(6,14,16,0.92);border:1px solid rgba(255,255,255,0.07);border-radius:16px;margin-bottom:10px;overflow:hidden;backdrop-filter:blur(8px);transition:border-color .3s}
.smr-faq .faq-item.active,.smr-faq .faq-item:hover{border-color:rgba(0,212,170,0.22)}
.smr-faq .faq-question{padding:22px 28px;font-size:16px;cursor:pointer}
.smr-faq .faq-toggle{width:34px;height:34px;border-radius:10px;font-size:14px}
.smr-faq .faq-answer{padding:0 28px}
.smr-faq .faq-item.active .faq-answer{max-height:240px;padding:0 28px 22px}
.smr-faq .faq-answer p{font-size:15px;line-height:1.65}
.smr-faq .faq-toggle i{color:#00d4aa}

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

/* —— Keyframes —— */
@keyframes smrMeshShift{0%{opacity:0.85;transform:scale(1)}100%{opacity:1;transform:scale(1.03)}}
@keyframes smrSecMesh{0%{opacity:0.8;transform:scale(1) translateY(0)}100%{opacity:1;transform:scale(1.04) translateY(-8px)}}
@keyframes smrSecMeshTeal{0%{opacity:0.85;transform:rotate(0deg) scale(1)}100%{opacity:1;transform:rotate(1deg) scale(1.05)}}
@keyframes smrBlobDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(28px,22px)}}
@keyframes smrBlobDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-32px,-18px)}}
@keyframes smrGridPulse{0%{opacity:0.12}100%{opacity:0.2}}
@keyframes smrStripesDrift{0%{background-position:0 0}100%{background-position:120px 64px}}
@keyframes smrDashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes smrChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes smrBarPulse{0%,100%{opacity:0.75}50%{opacity:1}}
@keyframes smrBarGrow{from{width:0}to{width:var(--w)}}
@keyframes smrPanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes smrPieGlow{0%,100%{box-shadow:0 0 24px rgba(0,212,170,0.12)}50%{box-shadow:0 0 36px rgba(0,180,216,0.22)}}
@keyframes smrBeamSweep{0%,100%{opacity:0.2;transform:translateY(-50%) translateX(-5%)}50%{opacity:0.5;transform:translateY(-50%) translateX(5%)}}

/* —— Responsive —— */
@media(max-width:1024px){
  .smr-hero-layout{grid-template-columns:1fr;gap:40px;text-align:center}
  .smr-hero-copy{text-align:center}
  .smr-hero h1,.smr-hero-lead{margin-left:auto;margin-right:auto}
  .smr-hero-stats,.smr-hero-actions{justify-content:center}
  .smr-dash-stage{max-width:560px;margin:0 auto}
  .smr-dash-kpis{grid-template-columns:repeat(2,1fr)}
  .smr-float--alert{right:0;top:-16px}

  .smr-ticker-layout{grid-template-columns:1fr;gap:36px;text-align:center}
  .smr-ticker-copy p{margin:0 auto}
  .smr-metric-wall{grid-template-columns:repeat(2,1fr)}

  .smr-rpanel{grid-template-columns:1fr;gap:28px}
  .smr-widget-grid{grid-template-columns:1fr}
  .smr-widget--wide{grid-column:1}

  .smr-delivery-track{grid-template-columns:repeat(2,1fr);gap:18px}
  .smr-delivery-track::before{display:none}

  .smr-compare-grid{grid-template-columns:1fr}
  .smr-compare-mid{justify-content:center;transform:rotate(90deg);padding:8px 0}
}

@media(max-width:640px){
  .smr-hero{padding-top:110px}
  .smr-hero-layout{padding-bottom:32px}
  .smr-hero-stats{flex-direction:column;gap:12px;border-radius:14px;padding:16px}
  .smr-hstat-divider{width:40px;height:1px}
  .smr-hero-actions{flex-direction:column;width:100%}
  .smr-hero-actions a{width:100%;justify-content:center}
  .smr-dash-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .smr-kpi strong{font-size:14px}
  .smr-float--alert{display:none}

  .smr-section{padding:72px 0}
  .smr-delivery-section{padding:80px 0}
  .smr-metric-wall{grid-template-columns:1fr}
  .smr-report-tabs{gap:8px}
  .smr-rtab{font-size:14px;padding:12px 16px;flex:1 1 calc(50% - 4px);justify-content:center}

  .smr-delivery-track{grid-template-columns:1fr}
  .smr-dstep{padding:28px 18px}

  .smr-trust-items{border-radius:20px;padding:16px 20px;gap:12px 16px}
  .smr-trust-item{font-size:12px;white-space:normal;text-align:center;justify-content:center;flex:1 1 40%}
}

@media(prefers-reduced-motion:reduce){
  .smr-hero-mesh,.smr-hero-blob,.smr-hero-grid,.smr-hero-stripes,
  .smr-sec-mesh,.smr-sec-mesh--teal,.smr-sec-blob,.smr-sec-grid,.smr-sec-stripes,
  .smr-dash-panel,.smr-float,.smr-chart-bars span,.smr-widget-chart span,
  .smr-widget-pie,.smr-delivery-beam,
  .smr-rmock-bar i,.smr-rpanel{animation:none}
  .smr-rpanel.is-active{opacity:1;transform:none}
}