/* Sahne: Google Ads (hizmet-ads.html) — yalnızca bu sayfada yüklenir.
   Hero: temsilî kampanya paneli; 8 haftalık dönüşüm çubukları sırayla yükselir, dönüşüm başı maliyet çizgisi iner, optimizasyon olayları belirir (12 s döngü). Rakam yok.
   İmza: ölçüm zinciri — dört eylem kartı, bağlantı çizgisi kaydırmayla dolar. */
.sd-ads{--T:12s;position:relative;padding:0 0 30px}
.sd-ads__body{padding:16px 18px 14px;background:#fff;color:var(--sd-navy);font:600 11px/1 var(--sd-font)}
.sd-ads__head{display:flex;gap:6px;align-items:center;margin-bottom:14px}
.sd-ads__head span{padding:7px 10px;border-radius:8px;background:var(--sd-grey-100);color:var(--sd-text-muted)}.sd-ads__head .on{background:var(--sd-navy);color:#fff}
.sd-ads__head em{margin-left:auto;font-style:normal;font-weight:500;color:var(--sd-text-muted)}
.sd-ads__chart{position:relative;display:flex;align-items:flex-end;gap:4%;height:190px;padding:0 4%;border-bottom:1px solid var(--sd-grey-300);background:repeating-linear-gradient(0deg,transparent 0 37px,rgba(31,34,51,.06) 37px 38px)}
.sd-ads__chart i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:var(--g-soft);transform-origin:bottom;scale:1 0;animation:sd-ads-bar var(--T) var(--sd-ease-out) infinite;animation-delay:calc(var(--k)*.55s + .3s)}
.sd-ads__chart i:nth-child(n+6){background:var(--g)}
.sd-ads__chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sd-ads__cpa{fill:none;stroke:var(--sd-navy);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:sd-ads-line var(--T) linear infinite}
.sd-ads__ev{position:absolute;bottom:calc(100% - 22px);left:calc(4% + var(--k)*12.1%);translate:-30% 0;padding:5px 8px;border-radius:6px;background:var(--sd-navy);color:#fff;font:600 9px/1 var(--sd-font);white-space:nowrap;opacity:0;animation:sd-ads-ev var(--T) var(--sd-ease-spring) infinite;animation-delay:calc(var(--k)*.55s + .6s)}
.sd-ads__ev::after{content:"";position:absolute;left:30%;top:100%;border:4px solid transparent;border-top-color:var(--sd-navy)}
.sd-ads__leg{display:flex;gap:16px;margin-top:10px;font-weight:500;color:var(--sd-text-muted)}.sd-ads__leg span{display:inline-flex;align-items:center;gap:6px}
.sd-ads__leg .bar{width:12px;height:10px;border-radius:3px;background:var(--g)}.sd-ads__leg .line{width:16px;height:2.5px;border-radius:2px;background:var(--sd-navy)}
.sd-ads__shop{position:absolute;right:-16px;bottom:0;z-index:3;display:flex;gap:10px;width:min(52%,250px);padding:10px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-float);font:500 11px/1.3 var(--sd-font);color:var(--sd-navy)}
.sd-ads__shop img{width:58px;height:72px;object-fit:cover;object-position:top;border-radius:8px}
.sd-ads__shop span{display:grid;gap:4px;align-content:center}.sd-ads__shop b{font-size:12px}.sd-ads__shop small{color:var(--sd-text-muted);font-size:10px}
.sd-ads__price{width:52px;height:10px;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(31,34,51,.35) 0 6px,transparent 6px 9px)}
.sd-ads__chip{position:absolute;left:-10px;top:-14px;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-ads:not(.in) *{animation-play-state:paused}
@keyframes sd-ads-bar{0%{scale:1 0}6%,88%{scale:1 1}94%,100%{scale:1 0}}
@keyframes sd-ads-line{0%,4%{stroke-dashoffset:420}44%,88%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:420}}
@keyframes sd-ads-ev{0%{opacity:0;translate:-30% 6px}5%,86%{opacity:1;translate:-30% 0}92%,100%{opacity:0}}
/* İmza: ölçüm zinciri */
.sd-meas{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sd-meas::before,.sd-meas::after{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:var(--g-soft)}
.sd-meas::after{background:var(--g);transform-origin:left;scale:0 1;animation:sd-meas-line linear both;animation-timeline:view();animation-range:entry 20% cover 55%}
.sd-meas li{position:relative;padding:0 8px;text-align:center}
.sd-meas i{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#fff;border:2px solid var(--g-soft);color:var(--g);box-shadow:var(--sd-shadow-card)}.sd-meas i svg{width:26px;height:26px}
.sd-meas b{display:block;color:var(--sd-navy)}.sd-meas span{font-size:.875rem;color:var(--sd-text-muted)}
.sd-meas small{display:inline-block;margin-top:10px;padding:5px 9px;border-radius:6px;background:var(--g-soft);color:var(--g);font:600 .75rem/1 var(--sd-font)}
.sd-meas__foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
@keyframes sd-meas-line{to{scale:1 1}}
@media (max-width:720px){.sd-meas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 12px}.sd-meas::before,.sd-meas::after{display:none}.sd-ads__shop{right:0}.sd-ads__chip{left:0}.sd-ads__head span:nth-child(3){display:none}}