/* Sahne: Yapay Zekâ Otomasyonları (hizmet-yz.html) — yalnızca bu sayfada yüklenir.
   Hero: gece 03:00 sohbet; mesajlar sırayla gelir, asistan önce "yazıyor" sonra cevap verir, sabah 09:00 CRM kartı belirir (15 s döngü).
   İmza: kanal şeması — üç kanal → asistan → takvim / CRM / ekip; çizgiler görünür olunca dolar. */
.sd-chat{--T:15s;position:relative;height:min(64vh,580px);display:flex;justify-content:center;align-items:flex-end}
.sd-chat__phone{position:relative;height:100%;aspect-ratio:9/19;border-radius:12% / 5.7%;background:#0B0C10;padding:2.5%;box-shadow:0 30px 60px rgba(31,34,51,.35),0 0 0 1.5px rgba(255,255,255,.1);overflow:clip;color:#fff;font:400 11px/1.4 var(--sd-font)}
.sd-chat__phone::before{content:"";position:absolute;inset:2.5%;border-radius:10% / 4.7%;background:#0E1621}
.sd-chat__bar{position:absolute;left:10%;right:10%;top:3.4%;display:flex;justify-content:space-between;align-items:center;font:600 10px/1 var(--sd-font)}
.sd-chat__moon{width:12px;height:12px;border-radius:50%;box-shadow:inset -4px -2px 0 0 var(--sd-yellow)}
.sd-chat__hdr{position:relative;display:flex;align-items:center;gap:10px;margin-top:11%;padding:10px 12px;background:#1F2C34}
.sd-chat__hdr i{width:30px;height:30px;border-radius:50%;background:var(--g)}.sd-chat__hdr b{display:block;font-size:12px}.sd-chat__hdr small{font-size:9px;color:#8FA3AD}
.sd-chat__msgs{position:relative;list-style:none;display:grid;gap:8px;padding:12px 10px;align-content:start}
.sd-chat__m{position:relative;max-width:86%;padding:8px 10px 14px;border-radius:10px;opacity:0;translate:0 10px;animation:sd-chat-m var(--T) var(--sd-ease-out) infinite;animation-delay:calc(var(--k)*1.9s + .4s)}
.sd-chat__m time{position:absolute;right:8px;bottom:3px;font-size:8px;color:rgba(255,255,255,.55)}
.sd-chat__m--in{background:#202C33;border-top-left-radius:2px}
.sd-chat__m--out{justify-self:end;background:#005C4B;border-top-right-radius:2px}
.sd-chat__m--sys{justify-self:center;max-width:100%;padding:5px 10px;border-radius:6px;background:rgba(255,255,255,.08);font-size:9px;color:#C9D3D8}
.sd-chat__dots{position:absolute;left:10px;top:9px;display:flex;gap:3px;animation:sd-chat-dots var(--T) infinite;animation-delay:calc(var(--k)*1.9s + .4s)}
.sd-chat__dots b{width:5px;height:5px;border-radius:50%;background:#fff;animation:sd-blink 1s infinite}.sd-chat__dots b:nth-child(2){animation-delay:.2s}.sd-chat__dots b:nth-child(3){animation-delay:.4s}
.sd-chat__m--out span{display:block;opacity:0;animation:sd-chat-txt var(--T) infinite;animation-delay:calc(var(--k)*1.9s + .4s)}
.sd-chat__crm{position:absolute;right:-4%;bottom:12%;z-index:3;display:grid;gap:3px;width:min(56%,250px);padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-float);font:500 11px/1.3 var(--sd-font);color:var(--sd-navy);opacity:0;translate:16px 0;animation:sd-chat-crm var(--T) var(--sd-ease-out) infinite}
.sd-chat__crm small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--g);font-weight:600}.sd-chat__crm b{font-size:13px}.sd-chat__crm span{color:var(--sd-text-muted)}
.sd-chat__crm em{margin-top:6px;padding:4px 8px;border-radius:6px;background:#FFF6D6;color:#7A5A00;font-style:normal;font-size:10px;justify-self:start}
.sd-chat__chip{position:absolute;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}.sd-chat__chip svg{width:14px;height:14px;color:var(--g)}
.sd-chat__chip--1{left:0;top:12%}.sd-chat__chip--2{left:4%;top:34%}.sd-chat__chip--3{right:6%;top:4%}
.sd-chat:not(.in) *{animation-play-state:paused}
@keyframes sd-chat-m{0%{opacity:0;translate:0 10px}3%,86%{opacity:1;translate:0 0}90%,100%{opacity:0}}
@keyframes sd-chat-dots{0%,9%{opacity:1}10%,100%{opacity:0}}
@keyframes sd-chat-txt{0%,9%{opacity:0}11%,100%{opacity:1}}
@keyframes sd-chat-crm{0%,64%{opacity:0;translate:16px 0}70%,92%{opacity:1;translate:0 0}96%,100%{opacity:0}}
/* İmza: kanal şeması */
.sd-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(20px,5vw,72px);max-width:960px;margin-inline:auto}
.sd-flow__col{list-style:none;display:grid;gap:14px}
.sd-flow__col li{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-card);font-weight:600;color:var(--sd-navy);opacity:0;translate:0 12px;transition:opacity .5s,translate .7s var(--sd-ease-out)}
.sd-flow__col svg{width:20px;height:20px;color:var(--g);flex:none}
.sd-flow__col li::after{content:"";position:absolute;top:50%;width:clamp(20px,5vw,72px);height:2px;background:var(--g-soft);transform-origin:left;scale:0 1;transition:scale .6s var(--sd-ease-out) .5s}
.sd-flow__col--in li::after{left:100%}.sd-flow__col--out li::after{right:100%;transform-origin:right}
.sd-flow__col li:nth-child(2){transition-delay:.12s}.sd-flow__col li:nth-child(3){transition-delay:.24s}
.sd-flow__human{border:2px solid var(--sd-red)}.sd-flow__human svg{color:var(--sd-red)}
.sd-flow__core{position:relative;display:grid;place-items:center;align-content:center;gap:4px;width:184px;height:184px;padding:20px;border-radius:50%;background:var(--sd-navy);color:#fff;text-align:center;scale:.8;opacity:0;transition:scale .7s var(--sd-ease-spring) .3s,opacity .4s .3s}
.sd-flow__core svg{width:30px;height:30px;color:var(--sd-yellow)}.sd-flow__core b{font-size:1rem;line-height:1.2}.sd-flow__core small{font-size:.75rem;line-height:1.3;color:var(--sd-text-muted-on-dark)}
.sd-flow__ring{position:absolute;inset:-10px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--g) 50%,transparent);animation:sd-lm-spin 40s linear infinite}
.sd-flow.in .sd-flow__col li,.sd-flow.in .sd-flow__core{opacity:1;translate:0 0;scale:1}.sd-flow.in .sd-flow__col li::after{scale:1 1;background:var(--g)}
@media (max-width:1024px){.sd-chat{height:min(60vh,520px)}}
@media (max-width:720px){.sd-chat{height:470px}.sd-chat__crm{right:0;bottom:4%}.sd-chat__chip--2{display:none}.sd-flow{grid-template-columns:minmax(0,1fr);justify-items:center}.sd-flow__col{width:100%}.sd-flow__col li::after{display:none}}