/* Uygulama ekranları demosu (site-demo2). Görseller uygulamanın gerçek ekranları (858x1760, nötr veri).
   Dalga: sadece transform/opacity; ekran dışında / sekme arka plandayken durur; reduced-motion'da sabit ve soluk. */
.sd-demo{--sdh:clamp(340px,calc(100dvh - var(--hh) - var(--fh) - 230px),560px);display:grid;justify-items:center;text-align:center;width:100%;max-width:440px}
.sd-phone{position:relative;height:var(--sdh);aspect-ratio:858/1760;border-radius:12.7%/6.2%;background:#0F0C17;box-shadow:0 0 0 2px #2A2433,0 0 0 7px #14111C,0 0 0 8.5px #2A2433,0 30px 90px rgba(106,60,208,.32);overflow:hidden}
.sd-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.sd-slide.on{opacity:1}
.sd-phone img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.sd-rings{position:absolute;left:49.9%;top:29.7%;width:24.7%;aspect-ratio:1;margin:-12.35% 0 0 -12.35%;pointer-events:none}
.sd-rings i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(150,105,240,.7);opacity:0}
.sd-slide.on .sd-rings i,.fp.on .sd-rings i{animation:sdWave 3s cubic-bezier(.2,.6,.3,1) infinite}
.sd-rings i:nth-child(2){animation-delay:-1s!important}.sd-rings i:nth-child(3){animation-delay:-2s!important}
@keyframes sdWave{0%{transform:scale(1);opacity:0}12%{opacity:.75}100%{transform:scale(2.7);opacity:0}}
.sd-off .sd-rings i,html.sd-hidden .sd-rings i{animation-play-state:paused!important}
.sd-cap{margin-top:26px;min-height:78px;max-width:360px}
.sd-cap h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#fff}
.sd-cap p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--muted,#A9A3BD)}
.sd-dots{display:flex;gap:0;justify-content:center;margin-top:6px}
.sd-dots button{width:24px;height:24px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.sd-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:#3A3446;transition:background .3s,box-shadow .3s}
.sd-dots button[aria-current=true]::before{background:#A88BEA;box-shadow:0 0 0 3px rgba(168,139,234,.25)}
/* Özellikler paneli: aynı telefon çerçevesi, kutunun ortasında tam görünür */
.fp .sd-fp{position:absolute;top:0;left:50%;height:100%;width:auto;transform:translateX(-50%)}
.fp .sd-fp img{border:0;border-radius:0;box-shadow:none;object-fit:contain}
/* Karusel ve basın: afişler 9:16 — kırpılmadan tam görünsün */
.cf{--w:max(150px,min(clamp(190px,21vw,300px),calc((100dvh - var(--hh) - var(--fh) - 170px)/1.7778)));height:calc(var(--w)*1.7778 + 28px)}
@media(max-width:900px){
  .cf{--w:max(130px,min(52vw,230px,calc((100dvh - 590px)/1.7778)))}
  .sd-demo{--sdh:min(470px,calc(100vw*1.0))}
}
.g5.sd-g8 .dlc span{aspect-ratio:9/16}
.g5.sd-g8 .dlc img{object-fit:contain}
@media(prefers-reduced-motion:reduce){
  .sd-slide{transition:none!important}
  .sd-rings i{animation:none!important;opacity:.25!important;transform:scale(1.8)}}