/* ==========================================================================
   Seven's Design — sd-core.css (Fable, 2026-10-17) · bileşenler + hareket
   Token'lar: tasarim/tokens.css (önce yüklenir). Elementor: bkz. elementor-aktarim.md
   Yalnızca translate/scale/rotate/opacity (+ clip-path inset) animasyonu.
   ========================================================================== */
/* ---- Temel ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 var(--sd-fs-body)/1.65 var(--sd-font);color:var(--sd-text);background:var(--sd-ivory);overflow-x:clip}
img,video,svg{display:block;max-width:100%}img{height:auto}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--sd-navy)}
h1{font-size:var(--sd-fs-h1)}h2{font-size:var(--sd-fs-h2)}h3{font-size:var(--sd-fs-h3)}h4{font-size:var(--sd-fs-h4)}
p{margin:0 0 1em}:not(.elementor-widget-container)>p:last-child,.elementor-widget:last-child>.elementor-widget-container>p:last-child{margin-bottom:0}
a{color:var(--sd-red)}ul,ol{margin:0;padding:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--sd-red);outline-offset:3px;border-radius:4px}
.sd-skip{position:absolute;left:-999px;top:8px;z-index:999;background:var(--sd-navy);color:#fff;padding:10px 16px;border-radius:8px}.sd-skip:focus{left:8px}
.sd-container{width:min(100% - 2*var(--sd-page-x),var(--sd-container));margin-inline:auto}
.sd-section{position:relative;z-index:1;padding-block:var(--sd-section-y);background:var(--sd-ivory)}
.sd-section--alt{background:var(--sd-grey-100)}
.sd-section--dark{background:var(--sd-navy);color:var(--sd-text-muted-on-dark)}
.sd-section--dark h2,.sd-section--dark h3,.sd-section--dark .sd-lead{color:#fff}
.sd-section>.sd-container{position:relative;z-index:1}
.sd-head{max-width:760px;margin-bottom:48px}
.sd-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;max-width:none}
.sd-lead{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);color:var(--sd-text-muted)}
.sd-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g,var(--sd-red))}
.sd-eyebrow::before{content:"";width:28px;height:2px;background:var(--g,var(--sd-red))}
.sd-eyebrow svg{width:16px;height:16px;flex:none}
.sd-section--dark .sd-eyebrow{color:var(--g-dark,var(--sd-red-on-dark))}
.sd-slogan{font-style:italic;font-weight:600;color:var(--sd-bordeaux)}
.sd-note{font-size:.9375rem;color:var(--sd-text-muted);padding:14px 18px;border-left:3px solid var(--sd-yellow);background:#fff;border-radius:0 var(--sd-r-chip) var(--sd-r-chip) 0}
.sd-red{color:var(--sd-red)}
/* Işık kırıkları (IG dili): statik, hero'da çok yavaş kayar */
.sd-shards{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0}
.sd-shards::before,.sd-shards::after{content:"";position:absolute;inset:-15%}
.sd-shards::before{background:linear-gradient(118deg,transparent 38%,rgba(255,255,255,.95) 38.25%,transparent 46%),linear-gradient(62deg,transparent 64%,rgba(255,255,255,.8) 64.2%,transparent 72%)}
.sd-shards::after{background:radial-gradient(60% 50% at 85% 10%,rgba(179,38,45,.07),transparent 70%),radial-gradient(50% 50% at 0% 100%,rgba(31,34,51,.06),transparent 70%)}
.sd-section--dark .sd-shards::before,.sd-cta .sd-shards::before{background:linear-gradient(118deg,transparent 38%,rgba(255,255,255,.05) 38.25%,transparent 46%),linear-gradient(62deg,transparent 64%,rgba(255,255,255,.04) 64.2%,transparent 72%)}
.sd-section--dark .sd-shards::after,.sd-cta .sd-shards::after{background:radial-gradient(50% 60% at 90% 0%,rgba(224,56,63,.16),transparent 70%)}
.sd-hero .sd-shards::before{animation:sd-drift 14s ease-in-out infinite alternate}
@keyframes sd-drift{to{translate:2% 1.5%}}

/* ---- Butonlar (hap değil: 10 px) ---- */
.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:var(--sd-r-btn);border:1.5px solid var(--sd-red);background:var(--sd-red);color:#fff;font:600 1rem/1 var(--sd-font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s,transform .3s var(--sd-ease-out)}
.sd-btn:hover{background:var(--sd-red-dark);border-color:var(--sd-red-dark);color:#fff;transform:translateY(-2px)}
.sd-btn:active{transform:scale(.97)}
.sd-btn svg{width:18px;height:18px;transition:transform .35s var(--sd-ease-out)}
.sd-btn:hover .sd-arrow{transform:translateX(4px)}
.sd-btn--ghost{background:transparent;color:var(--sd-navy);border-color:rgba(31,34,51,.3)}.sd-btn--ghost:hover{background:#fff;border-color:var(--sd-navy);color:var(--sd-navy)}
.sd-btn--light{background:#fff;color:var(--sd-navy);border-color:#fff}.sd-btn--light:hover{background:var(--sd-yellow);border-color:var(--sd-yellow);color:var(--sd-navy)}
.sd-btn--ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.sd-btn--ghost-dark:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.sd-btn--sm{min-height:44px;padding:10px 18px;font-size:.9375rem}
.sd-btn--wa svg{color:#25D366}
.sd-btns{display:flex;flex-wrap:wrap;gap:12px}
.sd-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
.sd-link svg{width:18px;height:18px;transition:transform .35s var(--sd-ease-out)}.sd-link:hover svg{transform:translateX(4px)}
.sd-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--sd-r-chip);border:1.5px solid rgba(31,34,51,.18);background:rgba(255,255,255,.7);color:var(--sd-navy);font:600 .8125rem/1 var(--sd-font);white-space:nowrap;text-decoration:none}
.sd-chip--url svg{width:13px;height:13px;color:var(--sd-red)}
.sd-chips{display:flex;flex-wrap:wrap;gap:8px}

/* ---- Sarı bant · kinetik başlık · dikiş · üstü çizili ---- */
.sd-mark{position:relative;display:inline-block;z-index:0;background:none;color:inherit;padding:0 .12em;white-space:nowrap;max-width:100%}
.sd-mark::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:.12em;bottom:.04em;background:var(--sd-yellow);transform:skewX(-6deg);transform-origin:left center;transition:transform .7s var(--sd-ease-out) calc(var(--n,4)*60ms + 200ms)}
.sd-section--dark .sd-mark,.sd-cta .sd-mark{color:var(--sd-navy)}
/* Dar ekran: vurgulu ifade satıra sığmazsa kırılabilsin (nowrap mobilde başlığı ekran dışına taşırıyordu; oturum 6 responsive denetim) */
/* Vurgu tam satırdan genişse (her genişlikte) kırılır; sığıyorsa görünüm aynı (inline-block alt satıra iner). Dar ekranda ekrandan uzun tek kelime bölünebilir. */
.sd-mark{white-space:normal}
@media (max-width:600px){.sd-w,.sd-wi{max-width:100%;overflow-wrap:anywhere}}
.js [data-split]:not(.in) .sd-mark::before,.js [data-io]:not(.in) .sd-mark::before{transform:skewX(-6deg) scaleX(0)}
.sd-w{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.sd-wi{display:inline-block;transition:translate .8s var(--sd-ease-out) calc(var(--i)*60ms)}
.js [data-split]:not(.in) .sd-wi{translate:0 110%}
.sd-stitch{position:relative;display:block;height:2px;border:0;margin:0 0 24px;background:linear-gradient(90deg,var(--sd-red),var(--sd-red-bright) 80%,transparent);transform-origin:left;transition:scale 1s var(--sd-ease-in-out)}
.js .sd-stitch:not(.in){scale:0 1}
.sd-strike{position:relative;display:inline-block;color:var(--sd-text-muted)}
.sd-strike::after{content:"";position:absolute;left:-.05em;right:-.05em;top:52%;height:.09em;background:var(--sd-red);transform-origin:left;transition:scale .5s var(--sd-ease-out) .7s}
.js [data-io]:not(.in) .sd-strike::after{scale:0 1}
.sd-strike-new{display:inline-block;transition:opacity .5s 1.1s,translate .7s var(--sd-ease-out) 1.1s}
.js [data-io]:not(.in) .sd-strike-new{opacity:0;translate:0 .4em}

/* ---- Açılışlar: görünür olunca bir kez (JS .in), zamanlı ---- */
.js [data-io],.js [data-stagger]>*{opacity:0;translate:0 28px;transition:opacity .6s,translate .9s var(--sd-ease-out),scale .9s var(--sd-ease-out),rotate .9s var(--sd-ease-out);transition-delay:calc(var(--i,0)*var(--sd-stagger) + var(--d,0ms))}
.js [data-io].in,.js [data-stagger].in>*{opacity:1;translate:0 0}
.js [data-io=zoom]:not(.in){scale:.92;translate:0 0}
.js [data-io=win]:not(.in),.js [data-stagger=win]:not(.in)>*{scale:.94;translate:0 36px}
.js [data-stagger]{opacity:1;translate:0 0}
[data-stagger]>:nth-child(2){--i:1}[data-stagger]>:nth-child(3){--i:2}[data-stagger]>:nth-child(4){--i:3}[data-stagger]>:nth-child(5){--i:4}[data-stagger]>:nth-child(6){--i:5}[data-stagger]>:nth-child(7){--i:6}[data-stagger]>:nth-child(8){--i:7}[data-stagger]>:nth-child(9){--i:8}[data-stagger]>:nth-child(10){--i:9}[data-stagger]>:nth-child(11){--i:10}[data-stagger]>:nth-child(12){--i:11}[data-stagger]>:nth-child(n+13){--i:12}
/* ---- Hero girişi CSS ile, ilk boyamada (hız raporu C1; Faruk onayı 2026-10-20: "uygula") ----
   Neden: sd-core'da [data-io]/[data-split] girişleri .js ve .in sınıflarını bekliyor; ikisini de ertelenmiş (defer) sd-motion.js ekliyor.
   Hero metni (LCP adayı) JS çalışana kadar opaklık 0'da kalıyor; mobil LCP 6,9–7,9 sn.
   Çözüm: ilk ekrandaki hero öğeleri (.sd-hero, .sd-shero, .sd-rhero) AYNI süre, eğri ve gecikmeyle @keyframes olarak ilk boyamada girer:
     opaklık .6s ease · kayma 28 px .9s ease-out (win: .94 + 36 px, zoom: .92) · H1 kelimeleri 110% → 0 .8s, --i×60 ms
     sarı bant .7s, (--n×60 + 200) ms · dikiş çizgisi 1s · gecikmeler aynı: --i × --sd-stagger + --d.
   Opaklık 0 yerine .01'den başlar: gözle fark edilmez, LCP ölçümü öğeyi ilk karede "görünür" sayar.
   JS sonradan .js/.in eklediğinde bu öğeler yeniden gizlenmez (seçiciler sd-core'daki .js kurallarından daha özgül); .in geldiğinde değişen bir şey olmaz.
   Hareketi azalt: sd-core'daki genel kural (animation-duration:.01ms) burada da geçerli; JS yoksa da animasyon çalışır ve görünür biter. */
@keyframes sd-gir-op{from{opacity:.01}}
@keyframes sd-gir-y{from{translate:0 28px}}
@keyframes sd-gir-win{from{scale:.94;translate:0 36px}}
@keyframes sd-gir-zoom{from{scale:.92}}
@keyframes sd-gir-kelime{from{translate:0 110%}}
@keyframes sd-gir-bant{from{transform:skewX(-6deg) scaleX(0)}}
@keyframes sd-gir-dikis{from{scale:0 1}}

:root :is(.sd-hero,.sd-shero,.sd-rhero) :is([data-io][data-io],[data-stagger][data-stagger]>*){
  --gec:calc(var(--i,0)*var(--sd-stagger) + var(--d,0ms));
  opacity:1;translate:0 0;transition:none;
  animation:sd-gir-op .6s ease var(--gec) backwards,sd-gir-y .9s var(--sd-ease-out) var(--gec) backwards}
:root :is(.sd-hero,.sd-shero,.sd-rhero) :is([data-io=win][data-io],[data-stagger=win][data-stagger]>*){
  scale:none;animation:sd-gir-op .6s ease var(--gec) backwards,sd-gir-win .9s var(--sd-ease-out) var(--gec) backwards}
:root :is(.sd-hero,.sd-shero,.sd-rhero) [data-io=zoom][data-io]{
  scale:none;animation:sd-gir-op .6s ease var(--gec) backwards,sd-gir-zoom .9s var(--sd-ease-out) var(--gec) backwards}
:root :is(.sd-hero,.sd-shero,.sd-rhero) [data-stagger][data-stagger]{opacity:1;translate:0 0;animation:none}   /* kapsayıcının kendisi değil, çocukları girer */
:root :is(.sd-hero,.sd-shero,.sd-rhero) [data-split] .sd-wi.sd-wi{
  translate:0 0;transition:none;animation:sd-gir-kelime .8s var(--sd-ease-out) calc(var(--i,0)*60ms) backwards}
:root :is(.sd-hero,.sd-shero,.sd-rhero) :is([data-split],[data-io]) .sd-mark.sd-mark::before{
  transform:skewX(-6deg);transition:none;animation:sd-gir-bant .7s var(--sd-ease-out) calc(var(--n,4)*60ms + 200ms) backwards}
:root :is(.sd-hero,.sd-shero,.sd-rhero) .sd-stitch.sd-stitch{
  scale:1 1;transition:none;animation:sd-gir-dikis 1s var(--sd-ease-in-out) backwards}

/* ---- Header ---- */
/* ---- Üst bilgi çubuğu: akışta (sticky değil); fixed header top'u JS ile çubuğun görünen yüksekliği kadar iner (--sd-tb) ---- */
.sd-topbar{background:#15171F;color:#fff;height:42px}
.sd-topbar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%}
.sd-topbar__l,.sd-topbar__r{display:flex;align-items:center;gap:6px}
.sd-topbar a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 8px;border-radius:8px;font:500 .875rem/1 var(--sd-font);color:rgba(255,255,255,.88);text-decoration:none;transition:color .2s,background .2s}.sd-topbar a:hover,.sd-topbar a:focus-visible{color:var(--sd-red-on-dark);outline:none}.sd-topbar svg{width:17px;height:17px;flex:none}
.sd-topbar__wa{background:rgba(37,211,102,.14);color:#fff}.sd-topbar__wa svg{color:#25D366}.sd-topbar__wa:hover{background:rgba(37,211,102,.26);color:#fff}
.sd-topbar__r a{width:36px;height:36px;justify-content:center;padding:0}
.sd-header{position:fixed;inset:0 0 auto;top:var(--sd-tb,42px);z-index:100;view-transition-name:sd-header}
.sd-header::before{content:"";position:absolute;inset:0;background:rgba(247,245,241,.96);border-bottom:1px solid rgba(31,34,51,.08);opacity:0;transition:opacity .3s}
.sd-header.is-scrolled::before{opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sd-header__bar{position:relative;display:flex;align-items:center;gap:20px;height:84px;transition:height .35s var(--sd-ease-out)}
.is-scrolled .sd-header__bar{height:66px}
.sd-logo{display:block;flex:none;width:clamp(124px,11vw,152px);transform-origin:left center;transition:scale .35s var(--sd-ease-out)}
.is-scrolled .sd-logo{scale:.86}
.sd-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.sd-nav>a,.sd-mega>button,.sd-mega>.sd-mega__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:8px;background:none;font:500 .9375rem/1 var(--sd-font);color:var(--sd-navy);text-decoration:none;cursor:pointer;transition:color .2s}
.sd-nav>a:hover,.sd-mega>button:hover,.sd-mega>.sd-mega__btn:hover,.sd-nav a[aria-current]{color:var(--sd-red)}
/* Ana sayfa: Hizmetler'in solunda ev simgesi (Faruk 2026-10-20); aria-label/title "Ana sayfa". Mobil menüde "Ana sayfa" metni. */
.sd-nav>a.sd-nav__ev{flex:none;justify-content:center;width:42px;height:42px;padding:0;margin-right:2px;border-radius:var(--sd-r-btn)}
/* 1025–1099 px: simgeyle birlikte en dar masaüstünde sığsın (canlı header ~33 px daha geniş; oturum 6 ölçümü, 2026-10-20) */
@media (min-width:1025px) and (max-width:1099px){.sd-header .sd-nav>a:not(.sd-nav__ev),.sd-header .sd-mega>.sd-mega__btn,.sd-header .sd-drop>button{padding-inline:8px}.sd-header .sd-nav{gap:0}.sd-header .sd-header__bar{column-gap:16px}}
.sd-header .sd-nav svg,.sd-header .sd-sbtn{flex-shrink:0}.sd-header .sd-sbtn{min-width:42px}
.sd-nav>a.sd-nav__ev svg{width:21px;height:21px}
.sd-nav>a.sd-nav__ev:hover{background:var(--sd-grey-100)}
.sd-nav>a.sd-nav__ev[aria-current]{background:color-mix(in srgb,var(--sd-red) 9%,#fff)}
.sd-mmenu a[aria-current="page"]{color:var(--sd-red)}
.sd-mega>button svg,.sd-mega>.sd-mega__btn svg{width:14px;height:14px;transition:transform .3s}
.sd-mega:hover>button svg,.sd-mega:focus-within>button svg,.sd-mega:hover>.sd-mega__btn svg,.sd-mega:focus-within>.sd-mega__btn svg{transform:rotate(180deg)}
.sd-mega{position:static}
.sd-drop{position:relative}.sd-drop>button{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:8px;background:none;font:500 .9375rem/1 var(--sd-font);color:var(--sd-navy);cursor:pointer;transition:color .2s}.sd-drop>button:hover,.sd-drop:focus-within>button,.sd-drop>button[aria-expanded=true]{color:var(--sd-red)}
.sd-drop>button svg{width:14px;height:14px;transition:transform .3s}.sd-drop:hover>button svg,.sd-drop:focus-within>button svg,.sd-drop>button[aria-expanded=true] svg{transform:rotate(180deg)}
.sd-drop__panel{position:absolute;left:50%;top:calc(100% + 6px);min-width:260px;padding:10px;display:grid;background:#fff;border-radius:14px;box-shadow:var(--sd-shadow-float);opacity:0;visibility:hidden;translate:-50% 10px;transition:opacity .22s,translate .4s var(--sd-ease-out),visibility 0s .3s}
.sd-drop:hover .sd-drop__panel,.sd-drop:focus-within .sd-drop__panel,.sd-drop>button[aria-expanded=true]+.sd-drop__panel{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}
.sd-drop__panel a{display:block;padding:11px 14px;border-radius:10px;font:500 1rem/1.3 var(--sd-font);color:var(--sd-navy);text-decoration:none;transition:background .2s,color .2s,translate .3s var(--sd-ease-out)}.sd-drop__panel a:hover,.sd-drop__panel a:focus-visible,.sd-drop__panel a[aria-current]{background:var(--sd-grey-100);color:var(--sd-red);translate:2px 0;outline:none}

.sd-mega__panel{position:absolute;left:50%;top:calc(100% + 6px);width:min(calc(100vw - 40px),1560px);translate:-50% 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-radius:var(--sd-r-card);box-shadow:var(--sd-shadow-float);overflow:clip;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .22s,translate .45s var(--sd-ease-out),visibility 0s .3s}
.sd-mega:hover .sd-mega__panel,.sd-mega:focus-within .sd-mega__panel{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}
.sd-mega__col{padding:30px 26px 26px 30px;border-right:1px solid rgba(31,34,51,.07)}.sd-mega__col:last-child{border-right:0}
.sd-mega__col h4{margin-bottom:16px}.sd-mega__col h4 a{display:flex;align-items:center;gap:12px;font:600 1.0625rem/1.2 var(--sd-font);color:var(--sd-navy);text-decoration:none;transition:color .2s}.sd-mega__col h4 a:hover,.sd-mega__col h4 a:focus-visible{color:var(--sd-red)}
.sd-mega__col h4 i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--c);color:#fff}.sd-mega__col h4 svg{width:19px;height:19px}
.sd-mega__item{display:block;padding:10px 12px;margin:0 -12px;border-radius:10px;text-decoration:none;color:var(--sd-navy);transition:background .2s,color .2s,translate .3s var(--sd-ease-out)}
.sd-mega__item b{display:block;font:500 1.0625rem/1.3 var(--sd-font)}.sd-mega__item small{display:block;font:400 .84rem/1.4 var(--sd-font);color:var(--sd-grey-500,#7A7F93);margin-top:2px}
.sd-mega__item:hover,.sd-mega__item:focus-visible{background:var(--sd-grey-100);color:var(--sd-red);translate:2px 0;outline:none}
.sd-mega__all{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 30px;background:var(--sd-grey-100);text-decoration:none;color:var(--sd-navy)}
.sd-mega__all span{font:500 .9375rem/1 var(--sd-font);color:var(--sd-text-muted)}.sd-mega__all strong{display:inline-flex;align-items:center;gap:8px;font:600 1.0625rem/1 var(--sd-font)}.sd-mega__all svg{width:16px;height:16px;color:var(--sd-red);transition:translate .3s}.sd-mega__all:hover strong{color:var(--sd-red)}.sd-mega__all:hover svg{translate:4px 0}
.sd-header__cta{display:flex;gap:8px;margin-left:8px}
.sd-burger{display:none;margin-left:auto;width:46px;height:46px;border:0;border-radius:12px;background:var(--sd-navy);color:#fff;cursor:pointer;place-items:center}
.sd-burger span{grid-area:1/1;width:20px;height:2px;background:#fff;border-radius:2px;transition:translate .3s,rotate .3s,opacity .2s}
.sd-burger span:first-child{translate:0 -6px}.sd-burger span:last-child{translate:0 6px}
.menu-open .sd-burger span:first-child{translate:0;rotate:45deg}.menu-open .sd-burger span:nth-child(2){opacity:0}.menu-open .sd-burger span:last-child{translate:0;rotate:-45deg}
/* Mobil menü: sağdan açılan çekmece (off-canvas), beyaz zemin, arka plan karartması; öğeler 500–600, 17 px */
.sd-mmenu{position:fixed;top:0;right:0;bottom:0;z-index:99;width:min(86vw,400px);background:#fff;color:var(--sd-navy);padding:114px 22px 110px;overflow:auto;overscroll-behavior:contain;box-shadow:-24px 0 60px rgba(21,23,36,.18);translate:100% 0;visibility:hidden;transition:translate .55s var(--sd-ease-in-out),visibility 0s .55s}
.menu-open .sd-mmenu{translate:0 0;visibility:visible;transition-delay:0s}
.sd-mmenu__bg{position:fixed;inset:0;z-index:98;background:rgba(21,23,36,.45);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-open .sd-mmenu__bg{opacity:1;visibility:visible;transition-delay:0s}
.menu-open{overflow:hidden}
/* Mobil menü açıkken (≤1024) header logosu panelin arama kutusunun üstüne biniyordu: logo gizlenir, kapatma düğmesi kalır (2026-10-20).
   Panelin üst boşluğu 88→114 px: arama kutusu × düğmesinin altından başlar (sayfa en üstteyken × alt kenarı ≈105 px).
   Logonun kaydırınca küçülme geçişi (scale) korunur. */
@media (max-width:1024px){.sd-header .sd-logo{transition:scale .35s var(--sd-ease-out),opacity .3s var(--sd-ease-out),visibility 0s 0s}.menu-open .sd-header .sd-logo{opacity:0;visibility:hidden;transition:scale .35s var(--sd-ease-out),opacity .2s,visibility 0s .2s}}
.sd-mmenu a{display:block;padding:14px 0;border-bottom:1px solid rgba(31,34,51,.08);font:600 1.0625rem/1.3 var(--sd-font);color:var(--sd-navy);text-decoration:none;opacity:0;translate:16px 0;transition:opacity .35s,translate .5s var(--sd-ease-out)}
.menu-open .sd-mmenu a{opacity:1;translate:0 0;transition-delay:calc(.15s + var(--i,0)*35ms)}
.sd-mmenu a small{display:block;font:400 .8125rem/1.4 var(--sd-font);color:var(--sd-text-muted);margin-top:2px}
.sd-mmenu__g details{border-bottom:1px solid rgba(31,34,51,.08)}.sd-mmenu__g summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 0;font:600 1.0625rem/1.2 var(--sd-font);color:var(--sd-navy);position:relative}.sd-mmenu__g summary::-webkit-details-marker{display:none}
.sd-mmenu__g summary i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--c,var(--sd-navy));color:#fff}.sd-mmenu__g summary svg{width:17px;height:17px}.sd-mmenu__g summary small{margin-left:auto;padding-right:24px;font:500 .78rem/1 var(--sd-font);color:var(--sd-text-muted)}
.sd-mmenu__g summary::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;translate:0 -70%;rotate:45deg;border-right:2px solid var(--sd-navy);border-bottom:2px solid var(--sd-navy);transition:rotate .3s}.sd-mmenu__g details[open] summary::after{rotate:225deg;translate:0 -30%}
.sd-mmenu__g details div{padding:0 0 8px 46px}.sd-mmenu__g details a{padding:9px 0;border:0;font:500 1rem/1.3 var(--sd-font);color:var(--sd-navy)}.sd-mmenu__g .sd-mmenu__grp{color:var(--sd-red);font-weight:600}
.sd-mmenu__cta{display:grid;gap:10px;margin-top:22px}.sd-mmenu .sd-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 18px;border-bottom:0;font:600 1rem/1 var(--sd-font);color:#fff;opacity:1;translate:0 0}.sd-mmenu .sd-btn--ghost{color:var(--sd-navy)}.sd-mmenu .sd-btn svg{width:16px;height:16px}
.sd-mmenu__iletisim{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.sd-mmenu__iletisim a{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;font:500 .9375rem/1 var(--sd-font);color:var(--sd-text-muted)}.sd-mmenu__iletisim svg{width:16px;height:16px;color:var(--sd-red)}
.sd-mobilebar{display:none}
@media (max-width:1024px){
  .sd-nav,.sd-header__cta{display:none}.sd-burger{display:grid}
  .sd-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:1px;background:rgba(31,34,51,.1);border-top:1px solid rgba(31,34,51,.1);padding-bottom:env(safe-area-inset-bottom)}
  .sd-mobilebar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;background:rgba(247,245,241,.96);backdrop-filter:blur(10px);font:600 .9375rem/1 var(--sd-font);color:var(--sd-navy);text-decoration:none}
  .sd-mobilebar a:last-child{background:var(--sd-red);color:#fff}.sd-mobilebar svg{width:18px;height:18px}
  body{padding-bottom:56px}
}

/* ---- Hero ---- */
.sd-hero{position:relative;z-index:0;display:flex;align-items:center;min-height:100svh;padding:clamp(104px,13vh,150px) 0 56px;overflow:clip;background:var(--sd-ivory)}
.sd-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.sd-hero h1{font-size:var(--sd-fs-display);margin-bottom:.35em}
.sd-hero__sub{font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);font-weight:600;color:var(--sd-navy);margin-bottom:.75em}
.sd-hero__answer{max-width:58ch;color:var(--sd-text-muted);margin-bottom:32px}
.sd-hero__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-size:.875rem;color:var(--sd-text-muted)}
.sd-hero__meta span{display:inline-flex;align-items:center;gap:6px}.sd-hero__meta svg{width:16px;height:16px;color:var(--sd-red)}
.sd-seven{position:absolute;right:-6vw;top:50%;font:800 min(70vw,900px)/.8 var(--sd-font);color:transparent;-webkit-text-stroke:2px rgba(179,38,45,.08);translate:0 -50%;pointer-events:none;user-select:none;animation:sd-spin linear both;animation-timeline:scroll(root);animation-range:0 120vh}
@keyframes sd-spin{to{rotate:6deg;translate:0 -40%}}
/* Masaüstü perde: hero (üç sayfada da) yerinde kalır, sonraki bölüm üstünden kayar; hero geri çekilip kararır.
   --hero-h: sd.js hero yüksekliğini yazar (kararma tam örtülünce biter); JS yoksa 100vh.
   main> ile yazıldı: sayfa bölümlerinin kendi position:relative kuralları sonra geldiği için öncelik gerekiyor. */
@media (min-width:1100px) and (min-height:800px){
  main>.sd-hero,main>.sd-shero,main>.sd-rhero{--hero-h:100vh;position:sticky;top:0;z-index:0;max-height:100svh}
  .sd-hero::after,.sd-shero::after,.sd-rhero::after{content:"";position:absolute;inset:0;z-index:2;background:var(--sd-navy);opacity:0;pointer-events:none;animation:sd-dim linear both;animation-timeline:scroll(root);animation-range:0 var(--hero-h)}
  .sd-hero__grid,.sd-shero__grid,.sd-rhero>.sd-container{animation:sd-recede linear both;animation-timeline:scroll(root);animation-range:0 var(--hero-h)}
}
@keyframes sd-dim{to{opacity:.55}}
@keyframes sd-recede{to{translate:0 -8vh;scale:.95;opacity:.3}}

/* ---- Seven's OS: sahne yöneticisi (CSS döngüsü, JS yalnızca tıklama) ---- */
.sd-os{--n:7;--slot:4.5s;--cyc:calc(var(--n)*var(--slot));--off:.95s;position:relative;width:100%;max-width:600px;margin-left:auto;aspect-ratio:1/1.02;border-radius:var(--sd-r-lg);background:radial-gradient(circle at 50% 30%,#2A2E44,#12141F 72%);box-shadow:0 50px 90px -30px rgba(31,34,51,.55),inset 0 0 0 1px rgba(255,255,255,.06);color:#fff;overflow:clip;isolation:isolate;container-type:inline-size}
.sd-os__bar{display:flex;align-items:center;gap:14px;height:42px;padding:0 18px;font:600 12px/1 var(--sd-font);letter-spacing:.04em;color:#cfd2dc;border-bottom:1px solid rgba(255,255,255,.06)}
.sd-os__bar b{color:#fff}.sd-os__bar em{color:var(--sd-red-bright);font-style:normal}.sd-os__clock{margin-left:auto}
.sd-os__seven{position:absolute;left:50%;top:48%;translate:-50% -50%;font:800 110cqw/1 var(--sd-font);color:transparent;-webkit-text-stroke:2px rgba(224,56,63,.1);z-index:-1;pointer-events:none}
.sd-stage{position:absolute;inset:42px 0 0}
.sd-win{position:absolute;left:5cqw;right:5cqw;top:5cqw;bottom:clamp(96px,22cqw,124px);border-radius:14px;background:rgba(22,24,34,.92);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);overflow:clip;opacity:0;visibility:hidden;animation:sd-win var(--cyc) var(--sd-ease-in-out) infinite;animation-delay:calc((var(--i) - var(--n))*var(--slot) + var(--off));animation-play-state:var(--ps2,var(--ps,running))}
@keyframes sd-win{0%,11%{opacity:1;translate:0 0;scale:1;visibility:visible}14.28%{opacity:0;translate:-9% 0;scale:.92}14.29%,97%{opacity:0;translate:10% 0;scale:.92;visibility:hidden}100%{opacity:1;translate:0 0;scale:1;visibility:visible}}
.sd-win__bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);font:600 12px/1 var(--sd-font);color:#e9ebf2}
.sd-win__bar i,.sd-svc__bar i,.sd-frame__bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.sd-win__bar i:nth-child(2),.sd-svc__bar i:nth-child(2),.sd-frame__bar i:nth-child(2){background:#febc2e}.sd-win__bar i:nth-child(3),.sd-svc__bar i:nth-child(3),.sd-frame__bar i:nth-child(3){background:#28c840}
.sd-win__bar span{margin-left:8px}.sd-win__bar b{color:var(--sd-red-bright)}
.sd-win__body{position:absolute;inset:38px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:4cqw;padding:5cqw;align-items:center}
.sd-win__body h3{font-size:clamp(15px,3.6cqw,22px);color:#fff;margin-bottom:.4em}
.sd-win__body p{font-size:clamp(11px,2.3cqw,13.5px);line-height:1.5;color:#c9cdd8;margin-bottom:1em}
.sd-win .sd-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;font-size:clamp(10px,2cqw,12px);padding:6px 10px}
.sd-win .sd-chip--r{background:var(--sd-red);border-color:var(--sd-red)}
.sd-win__vis{position:relative;height:100%;display:grid;place-items:center}
.sd-phone{position:relative;height:min(100%,420px);aspect-ratio:9/19;border-radius:12% / 5.7%;background:#0b0c10;padding:2.5%;box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,255,255,.14)}
.sd-phone__scr{width:100%;height:100%;border-radius:10% / 4.7%;overflow:clip;background:#fff}
.sd-phone__scr img,.sd-phone__scr video{width:100%;height:100%;object-fit:cover;object-position:top}
.sd-win .sd-phone__scr img{animation:sd-kb var(--slot) ease-in-out infinite alternate}
@keyframes sd-kb{to{scale:1.08;translate:0 -3%}}
.sd-url{position:absolute;left:50%;top:-6px;translate:-50% 0;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--sd-r-chip);background:#fff;color:var(--sd-navy);font:600 11px/1 var(--sd-font);white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.sd-url svg{width:12px;height:12px;color:var(--sd-red)}
.sd-toasts{position:absolute;left:-12%;right:auto;top:18%;display:grid;gap:8px;z-index:3;width:120%}
.sd-toast{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#fff;color:var(--sd-navy);box-shadow:0 14px 30px rgba(0,0,0,.35);font:600 clamp(9.5px,2cqw,11.5px)/1.25 var(--sd-font);animation:sd-pop var(--slot) var(--sd-ease-out) infinite;animation-delay:calc(var(--k)*.5s + var(--off))}
.sd-toast b{color:#1A9E5C}.sd-toast small{display:block;font-weight:400;color:var(--sd-text-muted)}
@keyframes sd-pop{0%,8%{opacity:0;translate:0 12px;scale:.92}20%,85%{opacity:1;translate:0 0;scale:1}95%,100%{opacity:0;translate:0 -6px}}
.sd-logogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
.sd-logogrid span{position:relative;aspect-ratio:1;border-radius:8px;background:#fff;overflow:clip;animation:sd-pulse var(--slot) ease-in-out infinite;animation-delay:calc(var(--k)*.5s)}
.sd-logogrid img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain}
@keyframes sd-pulse{0%,100%{opacity:.5;scale:.94}25%,40%{opacity:1;scale:1.04}}
.sd-inset{width:100%;border-radius:8px;overflow:clip;box-shadow:0 20px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12);aspect-ratio:16/10;background:#fff}
.sd-inset img{width:100%;height:100%;object-fit:cover;object-position:top;animation:sd-kb var(--slot) ease-in-out infinite alternate}
.sd-search{width:100%;font:400 clamp(10px,2.1cqw,12px)/1.45 var(--sd-font)}
.sd-search__q{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#fff;color:var(--sd-navy);font-weight:600;overflow:clip}
.sd-search__q svg{width:14px;height:14px;flex:none;color:var(--sd-text-muted)}
.sd-search__q span{white-space:nowrap;animation:sd-type var(--slot) steps(26) infinite;animation-delay:var(--off)}
@keyframes sd-type{0%,10%{clip-path:inset(0 100% 0 0)}55%,100%{clip-path:inset(0 0 0 0)}}
.sd-search__r{margin-top:8px;padding:10px 12px;border-radius:10px;background:#fff;color:var(--sd-navy);box-shadow:0 0 0 2px var(--sd-red-bright);animation:sd-pop var(--slot) var(--sd-ease-out) infinite;animation-delay:calc(2.2s + var(--off))}
.sd-search__r i{display:inline-block;font-style:normal;font-weight:600;font-size:.9em;color:#fff;background:var(--sd-red);padding:2px 6px;border-radius:4px;margin-right:6px}
.sd-search__ai{margin-top:8px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e8eaf0;animation:sd-pop var(--slot) var(--sd-ease-out) infinite;animation-delay:calc(2.9s + var(--off))}
.sd-like{position:absolute;right:-8%;top:22%;z-index:3;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:#fff;color:var(--sd-navy);font:800 clamp(11px,2.4cqw,14px)/1 var(--sd-font);box-shadow:0 14px 30px rgba(0,0,0,.35);animation:sd-pop var(--slot) var(--sd-ease-out) infinite;animation-delay:calc(1.4s + var(--off))}
.sd-like svg{width:14px;height:14px;color:#E1306C;fill:#E1306C}
.sd-vf__ui{position:absolute;inset:12px;pointer-events:none;font:600 10px/1 var(--sd-font);color:#fff;letter-spacing:.06em;z-index:3}
.sd-vf__ui::before,.sd-vf__ui::after{content:"";position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:3px}
.sd-vf__ui::before{left:0;top:0;border-right:0;border-bottom:0}.sd-vf__ui::after{right:0;bottom:0;border-left:0;border-top:0}
.sd-vf__rec{position:absolute;left:30px;top:4px;display:flex;align-items:center;gap:6px}
.sd-vf__rec i{width:8px;height:8px;border-radius:50%;background:var(--sd-red-bright);animation:sd-blink 1.2s steps(2) infinite}
@keyframes sd-blink{to{opacity:0}}
.sd-vf__fmt{position:absolute;right:6px;top:6px}
.sd-vf__label{position:absolute;left:6px;bottom:6px;font:800 1.25rem/1.1 var(--sd-font);letter-spacing:-.01em;text-shadow:0 4px 18px rgba(0,0,0,.6)}
.sd-vf__label em{color:var(--sd-yellow);font-style:normal}
/* Dock */
.sd-dock{position:absolute;left:50%;bottom:clamp(14px,6cqw,34px);translate:-50% 0;display:flex;gap:clamp(6px,2cqw,12px);padding:9px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sd-dock button{position:relative;display:grid;place-items:center;width:clamp(38px,8.6cqw,52px);aspect-ratio:1;padding:0;border:0;border-radius:12px;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff;cursor:pointer;box-shadow:0 8px 16px color-mix(in srgb,var(--c) 35%,transparent);transition:translate .35s var(--sd-ease-spring),scale .35s var(--sd-ease-spring)}
.sd-dock button svg{width:48%;height:48%}
.sd-dock button:hover{translate:0 -6px;scale:1.08}.sd-dock button:active{scale:.9;transition-duration:.1s}
.sd-dock button::after{content:"";position:absolute;left:50%;bottom:-7px;width:5px;height:5px;border-radius:50%;background:#fff;translate:-50% 0;scale:0;animation:sd-dot var(--cyc) linear infinite;animation-delay:calc((var(--i) - var(--n))*var(--slot) + var(--off));animation-play-state:var(--ps2,var(--ps,running))}
@keyframes sd-dot{0%,14.28%{scale:1}14.29%,100%{scale:0}}
.sd-dock span{position:absolute;top:calc(100% + 11px);left:50%;translate:-50% 0;font:600 10px/1 var(--sd-font);white-space:nowrap;color:#cfd2dc}
@container (max-width:460px){.sd-dock span{display:none}.sd-win{bottom:clamp(84px,24cqw,100px)}.sd-win__body p{display:none}.sd-win__body{grid-template-columns:minmax(0,1fr) 42%}.sd-win__body h3{margin-bottom:.6em}}
/* Ekran görüntüsü modu (?shot=1): sabitleme ve tam ekran yüksekliği kapalı, tüm sayfa tek karede */
html.shot main>.sd-hero,html.shot main>.sd-shero,html.shot main>.sd-rhero{position:relative;min-height:0;max-height:none}html.shot .sd-hero::after,html.shot .sd-shero::after,html.shot .sd-rhero::after,html.shot .sd-hero__grid,html.shot .sd-shero__grid,html.shot .sd-rhero>.sd-container{animation:none}html.shot .sd-proto-switch,html.shot .sd-mobilebar{display:none}
.sd-os.reset .sd-win,.sd-os.reset .sd-dock button::after{animation:none}
.sd-os.is-off{--ps2:paused}
.sd-os__tag{position:absolute;left:0;right:0;bottom:4cqw;text-align:center;font:600 11px/1 var(--sd-font);color:#8d92a3;letter-spacing:.06em;text-transform:uppercase}

/* ---- Logo bandı (CSS marquee, çift kopya derlemede) ---- */
.sd-logoband{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-block:30px;background:var(--sd-ivory);overflow:clip;border-block:1px solid rgba(31,34,51,.08);-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sd-logoband__label{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:.875rem;color:var(--sd-text-muted)}.sd-logoband__label b{color:var(--sd-navy)}
.sd-logoband__row{display:flex;align-items:center;gap:56px;width:max-content;animation:sd-marq 70s linear infinite}
.sd-logoband__row--rev{animation-direction:reverse;animation-duration:84s}
.sd-logoband__row img{height:34px;width:auto;filter:grayscale(1) opacity(.7);transition:filter .3s}
.sd-logoband__row img:hover{filter:none}
.sd-logoband:hover .sd-logoband__row{animation-play-state:paused}
@keyframes sd-marq{to{translate:calc(-50% - 28px) 0}}

/* ---- Farkımız ---- */
.sd-diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start}
.sd-diff__big{font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--sd-navy);margin-bottom:.6em}
.sd-team{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.sd-team li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--sd-r-chip);background:#fff;box-shadow:var(--sd-shadow-card);font-weight:600;font-size:.9375rem;color:var(--sd-navy)}
.sd-team svg{width:20px;height:20px;color:var(--sd-red);flex:none}
.sd-pillars{display:grid;gap:16px}
.sd-pillar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;padding:28px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card);transition:transform .5s var(--sd-ease-out)}
.sd-pillar:hover{transform:translateY(-4px)}
.sd-pillar__n{grid-row:span 2;font:800 2.5rem/1 var(--sd-font);color:transparent;-webkit-text-stroke:1.5px var(--sd-red)}
.sd-pillar h3{font-size:var(--sd-fs-h4);margin-bottom:0}.sd-pillar p{color:var(--sd-text-muted);font-size:.9375rem}
.sd-pillars .sd-slogan{margin:8px 0 0 4px}

/* ---- Hizmet grupları: OS pencere kartları ---- */
.sd-services{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.sd-svc{grid-column:span 2;position:relative;display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:var(--sd-shadow-card);overflow:clip;transition:transform .5s var(--sd-ease-out)}
.sd-svc:hover{transform:translateY(-6px)}
.sd-svc:nth-child(4){grid-column:2/span 2}
.sd-svc__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--sd-grey-100);border-bottom:1px solid rgba(31,34,51,.06);font:600 11px/1 var(--sd-font);letter-spacing:.06em;color:var(--sd-text-muted);text-transform:uppercase}
.sd-svc__bar i{background:var(--sd-grey-300)!important;transition:background-color .3s}
.sd-svc:hover .sd-svc__bar i:nth-child(1){background:#ff5f57!important}.sd-svc:hover .sd-svc__bar i:nth-child(2){background:#febc2e!important}.sd-svc:hover .sd-svc__bar i:nth-child(3){background:#28c840!important}
.sd-svc__bar span{margin-left:auto}
.sd-svc__body{display:flex;flex-direction:column;gap:12px;padding:24px 24px 26px;flex:1}
.sd-svc__ic{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff;box-shadow:0 10px 20px color-mix(in srgb,var(--c) 30%,transparent);transition:transform .5s var(--sd-ease-spring)}
.sd-svc:hover .sd-svc__ic{transform:rotate(-6deg) scale(1.08)}.sd-svc__ic svg{width:26px;height:26px}
.sd-svc h3{font-size:var(--sd-fs-h4);margin:4px 0 0}.sd-svc p{color:var(--sd-text-muted);font-size:.9375rem;margin:0}
.sd-svc ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.sd-svc li a{display:inline-block;padding:6px 10px;border-radius:var(--sd-r-chip);background:var(--sd-grey-100);color:var(--sd-navy);font:600 .8125rem/1 var(--sd-font);text-decoration:none;transition:background-color .2s,color .2s}
.sd-svc li a:hover{background:var(--sd-navy);color:#fff}
.sd-svc .sd-link{margin-top:auto;padding-top:8px;font-size:.9375rem}

/* ---- Vaka şeridi: doğal yatay kaydırma + kaydırmaya bağlı derinlik ---- */
.sd-cases{timeline-scope:--vaka}
.sd-cases__track{display:flex;gap:24px;padding:8px var(--sd-page-x) 24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-timeline:--vaka x}
.sd-cases__track::-webkit-scrollbar{display:none}
.sd-cases__track::after{content:"";flex:none;width:1px}
.sd-case{flex:none;width:min(82vw,460px);scroll-snap-align:start;text-decoration:none;color:inherit;animation:sd-depth linear both;animation-timeline:view(x);animation-range:cover 0% cover 100%}
@keyframes sd-depth{0%{scale:.92;opacity:.55}30%,70%{scale:1;opacity:1}100%{scale:.92;opacity:.55}}
.sd-case__media{position:relative;aspect-ratio:4/5;border-radius:var(--sd-r-card);overflow:clip;background:var(--sd-navy-soft)}
.sd-case__media img{width:100%;height:100%;object-fit:cover;scale:1.14;animation:sd-parx linear both;animation-timeline:view(x);animation-range:cover 0% cover 100%}
@keyframes sd-parx{from{translate:5% 0}to{translate:-5% 0}}
.sd-case__media .sd-chip{position:absolute;left:14px;top:14px;z-index:2}
.sd-case__n{position:absolute;right:18px;bottom:6px;font:800 5rem/1 var(--sd-font);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7)}
.sd-case__info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:16px}
.sd-case__info h3{font-size:var(--sd-fs-h4);margin-bottom:.2em;color:#fff}.sd-case__info p{font-size:.9375rem;margin:0}
.sd-case__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sd-case__tags span{font:600 .75rem/1 var(--sd-font);padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff}
.sd-case__go{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1.5px solid rgba(255,255,255,.3);color:#fff;transition:background-color .2s,transform .4s var(--sd-ease-out)}
.sd-case__go svg{width:18px;height:18px}.sd-case:hover .sd-case__go{background:var(--sd-red);border-color:var(--sd-red);transform:rotate(45deg)}
.sd-cases__bar{height:2px;margin:8px var(--sd-page-x) 0;background:rgba(255,255,255,.12)}
.sd-cases__bar i{display:block;height:100%;background:var(--sd-red-bright);transform-origin:left;scale:0 1;animation:sd-fill linear both;animation-timeline:--vaka}
@keyframes sd-fill{to{scale:1 1}}
.sd-cases__hint{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:12px var(--sd-page-x) 0;font-size:.8125rem;color:var(--sd-text-muted-on-dark)}
.sd-cases__hint svg{width:16px;height:16px;animation:sd-nudge 1.6s ease-in-out infinite}
.sd-case__sector{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;font:600 .75rem/1 var(--sd-font);letter-spacing:.1em;text-transform:uppercase;color:var(--sd-text-muted-on-dark)}
.sd-case__sector i{width:9px;height:9px;border-radius:50%;background:var(--c,var(--sd-red-bright));box-shadow:0 0 0 4px color-mix(in srgb,var(--c,var(--sd-red-bright)) 25%,transparent)}
.sd-case__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--c,var(--sd-red-bright))}
/* Masaüstü: 3 vaka yan yana (ızgara), derinlik yerine dikey paralaks; mobil/tablet: yatay şerit */
@media (min-width:1025px){
  .sd-cases__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(100% - 2*var(--sd-page-x),var(--sd-container));margin-inline:auto;padding:8px 0 0;overflow:visible}
  .sd-case{width:auto;animation:none;scale:1;opacity:1}
  .sd-case__media img{animation-name:sd-pary;animation-timeline:view();animation-range:entry 0% exit 100%}
  .sd-cases__bar,.sd-cases__hint{display:none}
}
@keyframes sd-nudge{50%{translate:6px 0}}

/* ---- Logo duvarı + sektörler ---- */
.sd-split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:center}
.sd-sticky{position:sticky;top:120px}
.sd-sectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.sd-logos{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sd-logos.sd-logos--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:880px}   /* 9 logoluk seçki (yerel sayfalar): 3×3, yetim kalmasın */
.sd-logos.sd-logos--5{max-width:none}@media (min-width:1025px){.sd-logos.sd-logos--5{grid-template-columns:repeat(5,minmax(0,1fr))}}   /* şehir logo bölümü, 10 logo → 5×2 (Ankara, 2026-10-19) */
.sd-logos li{position:relative;aspect-ratio:4/3;min-height:0;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-card);overflow:clip;transition:transform .4s var(--sd-ease-out)}
.sd-logos li:hover{transform:translateY(-4px)}
/* Görsel mutlak konumlu: yüzde yükseklik kutuya göre çözülür, dikey logolar taşmaz */
.sd-logos img{position:absolute;inset:16%;width:68%;height:68%;object-fit:contain;filter:grayscale(1);transition:filter .3s}.sd-logos li:hover img{filter:none}
.sd-logos--all{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.sd-logos--all img{inset:12%;width:76%;height:76%}

/* ---- Süreç rayı ---- */
.sd-process{position:relative;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding-top:0}
.sd-process__line{position:absolute;left:0;right:0;top:27px;height:2px;background:rgba(31,34,51,.12)}
.sd-process__line i{display:block;height:100%;background:linear-gradient(90deg,var(--sd-red),var(--sd-red-bright));transform-origin:left;scale:0 1;animation:sd-fill linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
.sd-step{position:relative;padding-top:72px}
.sd-step__n{position:absolute;top:0;left:0;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--sd-ivory);border:2px solid rgba(31,34,51,.15);font:800 1rem/1 var(--sd-font);color:var(--sd-navy);transition:background-color .4s,border-color .4s,color .4s,transform .5s var(--sd-ease-spring)}
.sd-section--alt .sd-step__n{background:var(--sd-grey-100)}
.in .sd-step__n{background:var(--g,var(--sd-red));border-color:var(--g,var(--sd-red));color:#fff;transform:scale(1.08);transition-delay:calc(var(--i,0)*var(--sd-stagger) + .25s)}
.sd-step__of{display:block;font-size:.75rem;font-weight:600;color:var(--sd-text-muted);letter-spacing:.08em}
.sd-step h3{font-size:1.0625rem;margin:2px 0 4px}.sd-step p{font-size:.875rem;color:var(--sd-text-muted);margin:0}.sd-step small{display:block;margin-top:8px;font-size:.75rem;font-weight:600;color:var(--sd-bordeaux)}

/* ---- Rakamlar ---- */
.sd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sd-stat{padding:28px 0;border-top:2px solid var(--sd-navy)}
.sd-stat b{display:block;font:800 clamp(2.5rem,2rem + 2vw,4rem)/1 var(--sd-font);letter-spacing:-.03em;color:var(--sd-navy);margin-bottom:10px}
.sd-stat b em{color:var(--sd-red);font-style:normal}.sd-stat>span{font-size:.9375rem;color:var(--sd-text-muted)}

/* ---- Foto & video ---- */
.sd-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.sd-prod__stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px}
.sd-prod__col{display:grid;gap:16px}
.sd-vf{position:relative;border-radius:18px;overflow:clip;background:#000;aspect-ratio:9/16}
.sd-prod__col .sd-vf{aspect-ratio:4/5}
.sd-vf>img,.sd-vf>video{width:100%;height:100%;object-fit:cover;scale:1.12;animation:sd-pary linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
@keyframes sd-pary{from{translate:0 -5%}to{translate:0 5%}}
.sd-rise{display:flex;align-items:center;gap:14px;margin-top:28px;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.sd-rise span{font-size:.875rem}

/* ---- Ofis + harita ---- */
.sd-office{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.sd-card{padding:32px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-nap{list-style:none;display:grid;gap:14px}
.sd-nap li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}.sd-nap svg{width:20px;height:20px;flex:none;color:var(--sd-red);margin-top:3px}
.sd-nap a{color:inherit;text-decoration:none;font-weight:600}.sd-nap a:hover{color:var(--sd-red)}
.sd-map{position:relative;border-radius:var(--sd-r-card);overflow:clip;background:var(--sd-navy);min-height:320px;color:#fff}
.sd-map svg{width:100%;height:100%;position:absolute;inset:0}
.sd-map__pin{animation:sd-ping 2.4s var(--sd-ease-out) infinite;transform-origin:center;transform-box:fill-box}
@keyframes sd-ping{from{scale:.6;opacity:.9}to{scale:3;opacity:0}}
.sd-map__cap{position:absolute;left:20px;bottom:18px;font-size:.875rem;color:var(--sd-text-muted-on-dark);margin:0}.sd-map__cap b{display:block;color:#fff}

/* ---- SSS ---- */
.sd-faq{display:grid;gap:12px;max-width:880px}
.sd-faq details{border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-weight:600;color:var(--sd-navy);cursor:pointer}
.sd-faq summary::-webkit-details-marker{display:none}
.sd-faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--sd-red);border-bottom:2px solid var(--sd-red);rotate:45deg;translate:0 -3px;transition:rotate .35s var(--sd-ease-out),translate .35s}
.sd-faq details[open] summary::after{rotate:225deg;translate:0 3px}
.sd-faq__a{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s var(--sd-ease-out)}
@starting-style{.sd-faq details[open] .sd-faq__a{grid-template-rows:0fr}}
.sd-faq__a>div{min-height:0;overflow:clip}.sd-faq__a p{padding:0 24px 22px;color:var(--sd-text-muted)}

/* ---- Kapanış çağrısı ---- */
.sd-cta{position:relative;z-index:1;overflow:clip;background:var(--sd-navy);color:var(--sd-text-muted-on-dark);padding-block:clamp(72px,10vw,140px);text-align:center}
.sd-cta h2{color:#fff;font-size:var(--sd-fs-display)}
.sd-cta .sd-container{position:relative;z-index:1}
.sd-cta .sd-btns,.sd-cta .sd-eyebrow{justify-content:center}
.sd-cta .sd-lead{color:#E9EBF2}
/* O3 kontrast (denetim, Faruk onayı 2026-10-19): küçük metinde ≥4,5:1. Yalnız metin rengi değişir; zemin, çip ve ikon rengi (--c) aynı kalır.
   Koyu bölüm: adım açıklaması #B4B9C8 (8,03:1), metin içi link #FF8A8F (6,95:1). Turuncu/pembe grup rengi küçük metinde --c-yazi tonunu kullanır:
   #D97706 → #9A4A00 (çipte 5,52, beyazda 6,26), #E1306C → #BE185D (5,07 / 6,04). Canlıdaki Loop çipi ve form etiketi (_elementor_ek.css) burada bir sınıf fazlasıyla ezilir. */
.sd-section--dark .sd-step p{color:var(--sd-text-muted-on-dark)}
.sd-section--dark p a:not(.sd-btn),.sd-cta p a:not(.sd-btn){color:#FF8A8F}
[style*="D97706" i],.category-seo-ve-geo,.sd-fw .elementor-field-group:has(>.sd-hg--pazarlama){--c-yazi:#9A4A00}
[style*="E1306C" i],.category-sosyal-medya-ve-reklam,.sd-fw .elementor-field-group:has(>.sd-hg--icerik){--c-yazi:#BE185D}
.e-loop-item .sd-post__kat .elementor-heading-title.elementor-heading-title.elementor-heading-title{color:var(--c-yazi,var(--c,var(--sd-red)))}
.sd-fw .elementor-form .elementor-field-group:has(>.sd-hg)>.elementor-field-label.elementor-field-label{color:var(--c-yazi,var(--c))!important}
.sd-cta h2{position:relative;z-index:0}
/* Kapanış: kırmızı dikiş başlığın tam ortasından, bandın bir ucundan öbürüne */
.sd-cta__line{position:absolute;left:50%;top:50%;width:100vw;height:2px;translate:-50% -50%;background:linear-gradient(90deg,transparent,var(--sd-red) 18%,var(--sd-red-bright) 82%,transparent);z-index:-1;transform-origin:center;transition:scale 1.1s var(--sd-ease-in-out) .15s}
.js [data-split]:not(.in) .sd-cta__line{scale:0 1}
.sd-cta__seven{position:absolute;left:50%;top:50%;translate:-50% -50%;font:800 60vw/1 var(--sd-font);color:transparent;-webkit-text-stroke:2px rgba(224,56,63,.08);pointer-events:none}

/* ---- Footer ---- */
.sd-footer{position:relative;z-index:2;background:var(--sd-navy-deep);color:var(--sd-text-muted-on-dark);padding-top:64px;font-size:.9375rem}
.sd-footer h4{color:#fff;font-size:.9375rem;margin-bottom:14px}
.sd-footer ul{list-style:none;display:grid;gap:8px}.sd-footer a{color:var(--sd-text-muted-on-dark);text-decoration:none;transition:color .2s}.sd-footer a:hover{color:#fff}
.sd-footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.sd-footer__brand img{width:170px;margin-bottom:16px}.sd-footer__brand p{max-width:34ch}
.sd-footer__brands{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.sd-footer__brands small{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.sd-footer__bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-top:48px;padding-block:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.8125rem}

/* ---- Hizmet sayfası ---- */
.sd-crumb{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;font-size:.8125rem;color:var(--sd-text-muted)}
.sd-crumb li+li::before{content:"›";margin-right:6px}.sd-crumb a{color:inherit;text-decoration:none}.sd-crumb a:hover{color:var(--sd-red)}
.sd-shero{position:relative;z-index:1;padding:clamp(110px,14vh,150px) 0 var(--sd-section-y);overflow:clip;background:var(--sd-ivory)}
.sd-shero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.sd-answer{position:relative;margin:4px 0 28px;padding:20px 22px 20px 26px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-answer::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--sd-yellow)}
.sd-answer small{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--g,var(--sd-red));margin-bottom:6px}
.sd-answer p{color:var(--sd-text-muted);font-size:.9375rem}
.sd-trust{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:.875rem;color:var(--sd-text-muted)}
.sd-trust__dots{display:flex}.sd-trust__dots span{width:36px;height:36px;border-radius:50%;border:2px solid var(--sd-ivory);background:#fff center/cover;margin-left:-10px}.sd-trust__dots span:first-child{margin:0}
.sd-frame{position:relative;border-radius:14px;background:#15171f;box-shadow:var(--sd-shadow-float),0 0 0 1px rgba(255,255,255,.1);overflow:clip;animation:sd-pary linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.sd-frame__bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;font:600 11px/1 var(--sd-font);color:#9da2b3}
.sd-frame__bar span{margin-left:auto;padding:5px 10px;border-radius:6px;background:rgba(255,255,255,.08)}
.sd-frame img{width:100%}
.sd-stage2{position:relative;padding-bottom:40px}
.sd-stage2 .sd-phone{position:absolute;right:-4%;bottom:0;height:62%;width:auto;z-index:2}
.sd-stage2 .sd-url{top:auto;bottom:-10px;left:20%}
.sd-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sd-scard{padding:28px 24px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card);transition:transform .5s var(--sd-ease-out)}
.sd-scard:hover{transform:translateY(-6px)}
/* Yerel sayfa iş kartları (yerel_uret.py): kartta müşteri logosu; tek kartlı bölümde görsel solda */
.sd-is__logo{display:block;width:auto;max-width:180px;height:auto;max-height:56px;object-fit:contain;margin:0 0 16px}
.sd-is__media{border-radius:var(--sd-r-card);overflow:clip;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-is__media img{display:block;width:100%;height:auto}
.sd-cards .sd-ref__body>p:not([class]){font-size:.9375rem;color:var(--sd-text-muted)}
.sd-scard__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--g-soft,var(--sd-grey-100));color:var(--g,var(--sd-red));margin-bottom:18px}.sd-scard__ic svg{width:22px;height:22px}
.sd-scard h3{font-size:var(--sd-fs-h4)}.sd-scard p{font-size:.9375rem;color:var(--sd-text-muted)}
.sd-check{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 28px}
.sd-check li{position:relative;padding-left:32px;font-size:.9375rem;line-height:1.5}
.sd-check li::before{content:"";position:absolute;left:4px;top:4px;width:7px;height:13px;border-right:2.5px solid var(--g,var(--sd-bordeaux));border-bottom:2.5px solid var(--g,var(--sd-bordeaux));rotate:45deg;transform-origin:center;transition:scale .4s var(--sd-ease-spring) calc(var(--i,0)*45ms + .2s)}
.js .sd-check:not(.in) li::before{scale:0}
.sd-check li:nth-child(n+2){--i:1}.sd-check li:nth-child(n+4){--i:3}.sd-check li:nth-child(n+6){--i:5}.sd-check li:nth-child(n+8){--i:7}.sd-check li:nth-child(n+10){--i:9}
.sd-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.sd-how article{padding:28px;border-radius:var(--sd-r-card);background:var(--sd-navy-soft);border:1px solid rgba(255,255,255,.06)}
.sd-how h3{font-size:var(--sd-fs-h4)}.sd-how p{font-size:.9375rem;margin:0}.sd-how a{color:var(--sd-red-on-dark)}
.sd-cwv{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sd-cwv span{padding:6px 10px;border-radius:6px;background:rgba(26,158,92,.18);color:#7fe0ad;font:600 .8125rem/1 var(--sd-font)}
.sd-refgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sd-ref{position:relative;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card);overflow:clip;transition:transform .5s var(--sd-ease-out)}
.sd-ref:hover{transform:translateY(-6px)}
.sd-ref__media{position:relative;aspect-ratio:16/10;overflow:clip;background:var(--sd-grey-100)}
.sd-ref__media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:scale .8s var(--sd-ease-out)}.sd-ref:hover .sd-ref__media img{scale:1.05}
.sd-ref__badge,.sd-ref__lang{position:absolute;top:12px;padding:5px 9px;border-radius:6px;font:600 .75rem/1 var(--sd-font)}
.sd-ref__badge{left:12px;background:var(--sd-red);color:#fff}.sd-ref__lang{right:12px;background:#fff;color:var(--sd-navy)}
.sd-ref__body{padding:20px 22px 22px}.sd-ref h3{font-size:1.125rem;margin-bottom:.15em}
.sd-ref__meta{font-size:.875rem;color:var(--sd-text-muted);margin-bottom:.4em}
.sd-ref__tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.sd-ref__tags span{padding:5px 9px;border-radius:6px;background:var(--sd-grey-100);font:600 .75rem/1 var(--sd-font);color:var(--sd-navy)}
.sd-ref__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.875rem}
.sd-ref__soon{display:grid;place-items:center;height:100%;background:repeating-linear-gradient(135deg,var(--sd-grey-100) 0 12px,#fff 12px 24px);color:var(--sd-text-muted);text-align:center;font-size:.875rem;padding:20px}.sd-ref__soon b{display:block;color:var(--sd-navy);font-size:1.25rem}
.sd-ref.is-out{display:none}
.sd-factors{list-style:none;counter-reset:f;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 40px}
.sd-factors li{position:relative;padding:4px 0 4px 56px;counter-increment:f}
.sd-factors li::before{content:"0" counter(f);position:absolute;left:0;top:0;font:800 1.75rem/1 var(--sd-font);color:transparent;-webkit-text-stroke:1.5px var(--g,var(--sd-red))}
.sd-factors b{display:block;color:var(--sd-navy)}.sd-factors span{font-size:.9375rem;color:var(--sd-text-muted)}
.sd-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.sd-related a{display:block;padding:20px;border-radius:12px;background:#fff;box-shadow:var(--sd-shadow-card);text-decoration:none;color:var(--sd-navy);transition:transform .4s var(--sd-ease-out)}
.sd-related a:hover{transform:translateY(-4px)}
.sd-related b{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.sd-related svg{width:16px;height:16px;color:var(--sd-red)}
.sd-related span{font-size:.875rem;color:var(--sd-text-muted)}
.sd-related__logolar{display:flex!important;align-items:center;gap:14px;height:34px;margin-bottom:14px}.sd-related__logolar img{display:block;height:100%;width:auto;max-width:30%;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}.sd-related a:hover .sd-related__logolar img{filter:none;opacity:1}   /* Referanslar: bölge kartları (2026-10-19) */
/* Blogdan satırı (ilgili hizmetlerin altı; Faruk kararı 2026-10-18; kaynak _src/blog_eslesme.py) */
.sd-blogsatir{display:flex;align-items:baseline;gap:12px 32px;margin:28px 0 0;padding-top:20px;border-top:1px solid rgba(31,34,51,.12)}
.sd-blogsatir small{flex:none;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g,var(--sd-red))}
.sd-blogsatir>span{display:flex;flex-wrap:wrap;gap:10px 32px;min-width:0}
.sd-blogsatir .sd-link{color:var(--sd-navy);font-size:.9375rem;line-height:1.45;align-items:baseline}.sd-blogsatir .sd-link svg{flex:none;align-self:center;color:var(--g,var(--sd-red))}
.sd-blogsatir .sd-link:hover span{text-decoration:underline;text-underline-offset:3px}
@media (max-width:720px){.sd-blogsatir{flex-direction:column;align-items:flex-start;gap:12px}.sd-blogsatir>span{flex-direction:column;gap:12px}}
.sd-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:760px;margin:36px auto 0;text-align:left}
.sd-form label{display:grid;gap:6px;font-size:.875rem;font-weight:600;color:#fff}
.sd-form input,.sd-form textarea{width:100%;padding:14px 16px;border-radius:var(--sd-r-btn);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:400 1rem/1.4 var(--sd-font)}
.sd-form textarea{min-height:120px;resize:vertical}
.sd-form__full{grid-column:1/-1}
.sd-form__foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.8125rem}.sd-form__foot a{color:var(--sd-red-on-dark)}

/* ---- Referanslar ---- */
.sd-rhero{position:relative;z-index:1;padding:clamp(110px,14vh,150px) 0 48px;overflow:clip;background:var(--sd-ivory)}
.sd-rhero .sd-container{position:relative;z-index:1}
.sd-rstats{display:flex;flex-wrap:wrap;gap:16px 48px;margin-top:36px}
.sd-rstats div{font-size:.875rem;color:var(--sd-text-muted)}.sd-rstats b{display:block;font:800 2.5rem/1 var(--sd-font);color:var(--sd-navy);margin-bottom:4px}.sd-rstats b em{color:var(--sd-red);font-style:normal}
/* Sayaç (data-count): son değerin genişliği baştan ayrılır (görünmez ::before), rakamlar eşit genişlikte; sayarken satır kırılımı
   ve '+' yerinden oynamaz. Denetim Y3: /referanslarimiz/ 410–428 px'te hero yüksekliği 83 px gidip geliyordu (CLS 0,4–2,6). */
[data-count]{display:inline-block;font-variant-numeric:tabular-nums;text-align:right}
[data-count]::before{content:attr(data-count);display:block;height:0;overflow:hidden;visibility:hidden}
.sd-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.sd-filters__label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-text-muted);margin-right:8px;min-width:52px}
.sd-filter{padding:9px 14px;border-radius:var(--sd-r-chip);border:1.5px solid rgba(31,34,51,.18);background:#fff;color:var(--sd-navy);font:600 .875rem/1 var(--sd-font);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.sd-filter sup{font-size:.7em;margin-left:4px;color:var(--sd-text-muted)}
.sd-filter:hover{border-color:var(--sd-navy)}.sd-filter[aria-pressed=true]{background:var(--sd-navy);border-color:var(--sd-navy);color:#fff}.sd-filter[aria-pressed=true] sup{color:var(--sd-yellow)}
.sd-refcount{font-size:.875rem;color:var(--sd-text-muted);margin:20px 0 24px}
.sd-polaroid{display:block;margin:0;padding:10px 10px 14px;background:#fff;border-radius:4px;box-shadow:var(--sd-shadow-polaroid);rotate:var(--rot,0deg);transition:rotate .5s var(--sd-ease-out),translate .9s var(--sd-ease-out),opacity .6s}
.js [data-io=tilt]:not(.in){rotate:calc(var(--rot,0deg) - 5deg)}
.sd-polaroid:hover{rotate:0deg}
.sd-logowall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sd-logowall .sd-polaroid:nth-child(odd){--rot:-2deg}.sd-logowall .sd-polaroid:nth-child(even){--rot:1.5deg}

/* ---- Sayfa geçişi (View Transitions; desteklenmeyen tarayıcıda normal geçiş) ---- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.3s ease-in both sd-vt-out}
::view-transition-new(root){animation:.65s var(--sd-ease-out) both sd-vt-in}
@keyframes sd-vt-out{to{opacity:0;transform:translateY(-24px)}}
@keyframes sd-vt-in{from{opacity:0;transform:translateY(40px)}}

/* ---- Blog kartları (anasayfa) ve footer son yazılar ---- */
.sd-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sd-post{display:flex;flex-direction:column;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card);overflow:clip;transition:transform .5s var(--sd-ease-out)}
.sd-post:hover{transform:translateY(-6px)}
.sd-post__media{position:relative;display:block;aspect-ratio:16/10;overflow:clip;background:var(--sd-grey-100)}
.sd-post__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .8s var(--sd-ease-out)}.sd-post:hover .sd-post__media img{scale:1.05}
.sd-post__cat{position:absolute;left:14px;top:14px;background:#fff}
.sd-post__body{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1}
.sd-post h3{font-size:1.1875rem;line-height:1.3;margin:0}.sd-post h3 a{color:inherit;text-decoration:none;transition:color .2s}.sd-post h3 a:hover{color:var(--sd-red)}
.sd-post p{margin:0;font-size:.9375rem;color:var(--sd-text-muted)}
.sd-post__meta{margin-top:auto!important;padding-top:6px;display:flex;flex-wrap:wrap;gap:8px;font-size:.8125rem}
.sd-footer__blog{margin-top:44px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}
.sd-footer__blog ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px}
.sd-footer__blog a{display:flex;gap:12px;align-items:center}
.sd-footer__blog img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none;background:var(--sd-navy-soft)}
.sd-footer__blog b{display:block;font-weight:600;font-size:.9375rem;line-height:1.35;color:#fff;transition:color .2s}.sd-footer__blog a:hover b{color:var(--sd-red-on-dark)}
.sd-footer__blog small{display:block;font-size:.75rem;margin-top:4px;color:var(--sd-text-muted-on-dark)}
.sd-footer__brands a{display:inline-block;line-height:0;border-radius:6px}

/* ---- Grup kimliği: 5 hizmet grubu. Gövde sınıfı sd-g-* vurgu tonu (--g), koyu zemin tonu (--g-dark), yumuşak zemin (--g-soft) ve hero dokusu (--g-doku) verir.
   Renkler mega menüdeki grup ikonlarıyla aynı; buton, işaret (sarı) ve dikiş (kırmızı) marka renginde kalır. Grup yoksa her şey kırmızı/bordo varsayılana düşer. ---- */
.sd-g-yazilim{--g:#2B4C9B;--g-dark:#93ADF0;--g-soft:#E9EEF9;--g-doku:radial-gradient(circle at 1px 1px,rgba(43,76,155,.28) 1.2px,transparent 1.9px) 0 0/22px 22px}
.sd-g-gorunurluk{--g:#D97706;--g-dark:#F7B955;--g-soft:#FCF0DF;--g-doku:repeating-linear-gradient(-60deg,transparent 0 12px,rgba(217,119,6,.18) 12px 13px)}
.sd-g-marka{--g:var(--sd-red);--g-dark:var(--sd-red-on-dark);--g-soft:#F9E6E7;--g-doku:repeating-linear-gradient(45deg,rgba(179,38,45,.14) 0 2px,transparent 2px 14px)}
.sd-g-icerik{--g:#E1306C;--g-dark:#FF8BB4;--g-soft:#FCE7EF;--g-doku:radial-gradient(circle,rgba(31,34,51,.16) 2px,transparent 2.7px) 0 0/15px 15px}
.sd-g-foto{--g:#111318;--g-dark:#E3E6EE;--g-soft:#ECEDF1;--g-doku:repeating-linear-gradient(0deg,rgba(17,19,24,.1) 0 1px,transparent 1px 6px)}
.sd-shero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--g-doku,none);-webkit-mask:radial-gradient(55% 75% at 78% 45%,#000 20%,transparent 70%);mask:radial-gradient(55% 75% at 78% 45%,#000 20%,transparent 70%)}
.sd-g-foto .sd-section--dark .sd-eyebrow{color:var(--sd-yellow)}.sd-g-foto .sd-section--dark .sd-eyebrow::before{background:var(--sd-yellow)}

/* ---- Arama: header büyüteci + üstten kayan katman (sd-motion açar/kapatır, öneriler statik dizinden) ---- */
.sd-sbtn{display:grid;place-items:center;width:42px;height:42px;margin-left:4px;border:0;border-radius:10px;background:none;color:var(--sd-navy);cursor:pointer;transition:background .2s,color .2s}.sd-sbtn svg{width:20px;height:20px}.sd-sbtn:hover,.sd-sbtn:focus-visible,.sd-sbtn[aria-expanded=true]{background:var(--sd-grey-100);color:var(--sd-red);outline:none}
.sd-ara{position:fixed;inset:0;z-index:110}.sd-ara[hidden]{display:none}
.sd-ara__bg{position:absolute;inset:0;background:rgba(21,23,36,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}.sd-ara.is-on .sd-ara__bg{opacity:1}
.sd-ara::before{content:"";position:absolute;left:0;right:0;top:0;height:0;background:#fff;box-shadow:0 20px 60px rgba(21,23,36,.25);transition:height .45s var(--sd-ease-out)}.sd-ara.is-on::before{height:var(--sd-ara-h,100%)}
.sd-ara__box{position:relative;padding:28px 0 26px;translate:0 -24px;opacity:0;transition:translate .45s var(--sd-ease-out),opacity .3s}.sd-ara.is-on .sd-ara__box{translate:0 0;opacity:1}
.sd-ara__form{position:relative;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:16px;background:#fff;border:2px solid var(--sd-navy);box-shadow:var(--sd-shadow-float)}.sd-ara__form>svg{flex:none;width:22px;height:22px;color:var(--sd-red)}
.sd-ara__form input{flex:1;min-width:0;border:0;outline:0;background:none;padding:12px 0;font:500 clamp(1.0625rem,1rem + .5vw,1.375rem)/1.3 var(--sd-font);color:var(--sd-navy)}.sd-ara__form input::placeholder{color:var(--sd-text-muted);font-weight:400}
.sd-ara__close{width:44px;height:44px;border:0;border-radius:10px;background:var(--sd-grey-100);color:var(--sd-navy);font:400 26px/1 var(--sd-font);cursor:pointer}.sd-ara__close:hover{background:var(--sd-navy);color:#fff}
.sd-ara__pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font:500 .875rem/1 var(--sd-font);color:var(--sd-text-muted)}.sd-ara__pop .sd-chip{cursor:pointer;background:#fff}
.sd-ara__res{list-style:none;display:grid;gap:6px;margin-top:16px;max-height:52vh;overflow:auto}.sd-ara__res:empty{display:none}
.sd-ara__res a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:#fff;text-decoration:none;color:var(--sd-navy);transition:background .2s}.sd-ara__res a:hover,.sd-ara__res a:focus-visible{background:var(--sd-grey-100);outline:none}
.sd-ara__res b{display:block;font:600 1rem/1.3 var(--sd-font)}.sd-ara__res small{display:block;font:400 .8125rem/1.3 var(--sd-font);color:var(--sd-text-muted)}.sd-ara__res em{font:600 .7rem/1 var(--sd-font);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--sd-navy);padding:6px 8px;border-radius:7px;font-style:normal}.sd-ara__res svg{width:16px;height:16px;color:var(--sd-red)}
.sd-ara__res .sd-ara__none{padding:14px;color:var(--sd-text-muted);font-size:.9375rem}
.sd-mmenu__ara{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:4px 4px 4px 14px;border-radius:12px;background:var(--sd-grey-100)}.sd-mmenu__ara svg{flex:none;width:18px;height:18px;color:var(--sd-red)}.sd-mmenu__ara input{flex:1;min-width:0;border:0;outline:0;background:none;padding:11px 0;font:500 1rem/1.3 var(--sd-font);color:var(--sd-navy)}
@media (max-width:1024px){.sd-sbtn{display:none}}
/* ---- Video kartı (facade): kapak + oynat; tıklayınca video/iframe yüklenir (sd-motion [data-video]/[data-yt]) ---- */
.sd-vcard{position:relative;max-width:960px;margin:0 auto;border-radius:18px;overflow:clip;background:#000;aspect-ratio:16/9;box-shadow:var(--sd-shadow-float)}
.sd-vcard>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.sd-vcard>video,.sd-vcard>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.sd-vcard__play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(180deg,transparent 40%,rgba(21,23,36,.55));cursor:pointer;color:#fff}
.sd-vcard__play i{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--sd-red);box-shadow:0 12px 36px rgba(179,38,45,.45);transition:transform .4s var(--sd-ease-spring)}.sd-vcard__play i::after{content:"";margin-left:6px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #fff}
.sd-vcard__play:hover i,.sd-vcard__play:focus-visible i{transform:scale(1.08)}.sd-vcard__play span{position:absolute;left:22px;bottom:18px;text-align:left;font:600 1rem/1.25 var(--sd-font);text-shadow:0 2px 10px rgba(0,0,0,.4)}.sd-vcard__play span small{display:block;font:500 .75rem/1 var(--sd-font);letter-spacing:.08em;text-transform:uppercase;color:var(--sd-yellow);margin-bottom:6px}
.sd-vcard.is-on .sd-vcard__play{display:none}.sd-vcard.is-on>img{visibility:hidden}
.sd-vcard--tall{aspect-ratio:9/16;width:min(100%,340px);margin:0}.sd-vcard--tall>img{aspect-ratio:9/16}.sd-vcard--tall .sd-vcard__play i{width:64px;height:64px}.sd-vcard--tall .sd-vcard__play i::after{border-width:10px 0 10px 18px}
/* Dikey Shorts ızgarası (video kurgu, yerel sayfalar; 2026-10-18) */
.sd-vshorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1080px;margin:40px auto 0}
.sd-vshorts--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:0}
.sd-vshorts .sd-vcard--tall{width:100%}
.sd-vcard--kapakli .sd-vcard__play span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* kapakta başlık yazılı: üst etiket yalnız ekran okuyucuya */
@media (min-width:721px){.sd-vgrid.sd-vgrid--2{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media (max-width:720px){.sd-vshorts{grid-template-columns:minmax(0,1fr);max-width:340px}.sd-vshorts--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}
.sd-vgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:960px;margin:48px auto 0}.sd-vgrid h3{font-size:var(--sd-fs-h3);margin:8px 0 12px}.sd-vgrid p{color:var(--sd-text-muted)}.sd-vgrid .sd-vcard{justify-self:end}
.sd-vcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sd-vcard--sm{max-width:none;border-radius:14px;box-shadow:var(--sd-shadow-card)}.sd-vcard--sm .sd-vcard__play i{width:52px;height:52px}.sd-vcard--sm .sd-vcard__play i::after{border-width:9px 0 9px 15px}.sd-vcard--sm .sd-vcard__play span{left:14px;bottom:12px;font-size:.875rem}
@media (max-width:1024px){.sd-vcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.sd-vgrid{grid-template-columns:minmax(0,1fr)}.sd-vgrid .sd-vcard{justify-self:center}.sd-vcards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}
.sd-vcard__cap{max-width:960px;margin:14px auto 0;font-size:.875rem;color:var(--sd-text-muted);text-align:center}
/* ---- İletişim sözü (CTA altı) ---- */
.sd-cta__note{display:inline-flex;align-items:center;gap:8px;margin:-8px 0 28px;font-size:.9375rem;color:#E9EBF2}.sd-cta__note svg{width:16px;height:16px;color:var(--sd-yellow)}
/* ---- Müşteri yorumları (anasayfa bandı; F4 kademeli giriş + dikiş) ---- */
.sd-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sd-quote{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 26px 24px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-quote::before{content:"\201C";position:absolute;right:22px;top:6px;font:800 80px/1 var(--sd-font);color:var(--sd-red);opacity:.14}
.sd-quote--big{grid-row:span 2;background:var(--sd-navy);color:#fff}
.sd-quote p{flex:1;margin:0;font-size:1rem;line-height:1.6}.sd-quote--big p{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5}
.sd-quote__stitch{display:block;width:48px;height:2px;background:var(--sd-red);transform-origin:left;scale:0 1;transition:scale .6s var(--sd-ease-out) .35s}.in .sd-quote__stitch{scale:1 1}
.sd-quote footer{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--sd-text-muted)}
.sd-quote footer i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sd-grey-100);color:var(--sd-navy);font:800 .8125rem/1 var(--sd-font);font-style:normal}
.sd-quote footer b{display:block;color:var(--sd-navy)}
.sd-quote--big footer{color:var(--sd-text-muted-on-dark)}.sd-quote--big footer b{color:#fff}.sd-quote--big footer i{background:rgba(255,255,255,.12);color:#fff}
/* Yorum sahibinin işletme logosu (2026-10-18, Faruk): baş harf dairesi yerine beyaz karo içinde düz logo */
.sd-quote footer i.sd-quote__logo{display:flex;align-items:center;justify-content:center;width:84px;height:44px;padding:5px 7px;overflow:hidden;border-radius:10px;background:#fff;border:1px solid rgba(31,34,51,.1);box-sizing:border-box}
.sd-quote--big footer i.sd-quote__logo{background:#fff;border-color:transparent}
.sd-quote__logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.sd-quote__src{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;background:var(--sd-grey-100);color:var(--sd-navy);font:600 .75rem/1 var(--sd-font)}.sd-quote__src svg{width:13px;height:13px}

/* ---- Galeri (F21): kimlik seti / broşür / billboard; yoğun ızgara + lightbox ---- */
.sd-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;grid-auto-flow:dense;gap:16px}
.sd-gal{position:relative;display:block;border-radius:14px;overflow:clip;background:#fff;box-shadow:var(--sd-shadow-card);text-decoration:none;color:#fff;transition:transform .5s var(--sd-ease-out)}
.sd-gal--big{grid-column:span 2;grid-row:span 2}.sd-gal--wide{grid-column:span 2}.sd-gal--tall{grid-row:span 2}
.sd-gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .8s var(--sd-ease-out)}
.sd-gal:hover{transform:translateY(-4px)}.sd-gal:hover img{scale:1.05}
.sd-gal__cap{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(0deg,rgba(21,23,36,.85),rgba(21,23,36,0));font:400 .8125rem/1.3 var(--sd-font);translate:0 8px;opacity:0;transition:translate .4s var(--sd-ease-out),opacity .3s}
.sd-gal__cap b{display:block;font-weight:600;font-size:.9375rem;margin-bottom:2px}
.sd-gal:hover .sd-gal__cap,.sd-gal:focus-visible .sd-gal__cap{translate:0 0;opacity:1}
.sd-gal__zoom{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:var(--sd-shadow-card);opacity:0;scale:.8;transition:opacity .3s,scale .4s var(--sd-ease-spring)}
.sd-gal__zoom::before,.sd-gal__zoom::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--sd-navy);translate:-50% -50%}.sd-gal__zoom::after{rotate:90deg}
.sd-gal:hover .sd-gal__zoom{opacity:1;scale:1}
.sd-gal.is-out{display:none}
@media (hover:none){.sd-gal__cap{translate:0 0;opacity:1}}
/* Lightbox: native <dialog>; JS yoksa bağlantı büyük görseli açar */
.sd-lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;color:#fff;overflow:visible}
.sd-lb::backdrop{background:rgba(21,23,36,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sd-lb[open]{display:grid;place-items:center;animation:sd-lb-in .35s var(--sd-ease-out)}
.sd-lb[open]::backdrop{animation:sd-lb-bd .3s ease-out}
@keyframes sd-lb-in{from{opacity:0;scale:.96}}@keyframes sd-lb-bd{from{opacity:0}}
.sd-lb figure{margin:0;max-width:min(92vw,1400px);display:grid;gap:12px;justify-items:center}
.sd-lb img{max-width:92vw;max-height:80dvh;width:auto;height:auto;border-radius:12px;box-shadow:0 40px 80px rgba(0,0,0,.5)}
.sd-lb figcaption{display:flex;gap:16px;align-items:center;font-size:.9375rem;color:#E9EBF2}.sd-lb__count{color:var(--sd-text-muted-on-dark);font-size:.8125rem}
.sd-lb button{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(42,46,68,.9);color:#fff;cursor:pointer;transition:background-color .2s,transform .3s var(--sd-ease-out)}
.sd-lb button:hover{background:var(--sd-red)}.sd-lb button:focus-visible{outline:3px solid var(--sd-yellow);outline-offset:2px}
.sd-lb__close{right:16px;top:16px;width:44px;height:44px;border-radius:12px;font:300 28px/1 var(--sd-font)}
.sd-lb__prev,.sd-lb__next{top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%}
.sd-lb__prev{left:16px}.sd-lb__next{right:16px}.sd-lb__prev svg{rotate:180deg}.sd-lb button svg{width:20px;height:20px}
.sd-lb__prev:hover{transform:translateX(-3px)}.sd-lb__next:hover{transform:translateX(3px)}
html:has(.sd-lb[open]){overflow:hidden}

/* ---- Başa dön (F20): 600 px sonra belirir, üst kenarında kaydırma ilerlemesi kırmızı dikiş ---- */
@property --sd-p{syntax:"<number>";inherits:false;initial-value:0}
.sd-top{--sd-p:0;position:fixed;right:16px;bottom:16px;z-index:94;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--sd-r-btn);background:var(--sd-navy);color:#fff;box-shadow:var(--sd-shadow-card);overflow:clip;opacity:0;translate:0 16px;scale:.8;pointer-events:none;transition:opacity .3s,translate .45s var(--sd-ease-spring),scale .45s var(--sd-ease-spring),background-color .2s}
.sd-top.is-on{opacity:1;translate:0 0;scale:1;pointer-events:auto}
.sd-top svg{width:20px;height:20px;rotate:-90deg;transition:translate .3s var(--sd-ease-out)}
.sd-top:hover{background:var(--sd-red)}.sd-top:hover svg{translate:0 -3px}
.sd-top:focus-visible{outline:3px solid var(--sd-red);outline-offset:3px}
.sd-top::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sd-red),var(--sd-red-bright));transform-origin:left;scale:calc(var(--sd-p)/100) 1;animation:sd-top-p linear both;animation-timeline:scroll(root)}
@keyframes sd-top-p{from{--sd-p:0}to{--sd-p:100}}
.js:not(.rm) .sd-top:not(.is-on){visibility:hidden}
@media (max-width:1024px){.sd-top{bottom:72px}}
main:focus{outline:none}

/* ---- Prototip anahtarı ---- */
.sd-proto-switch{position:fixed;left:16px;bottom:72px;z-index:95;display:flex;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:var(--sd-r-btn);background:#fff;color:var(--sd-navy);font:600 12px/1 var(--sd-font);box-shadow:var(--sd-shadow-card);cursor:pointer}
.sd-proto-switch i{width:26px;height:14px;border-radius:7px;background:var(--sd-grey-300);position:relative;transition:background-color .2s}
.sd-proto-switch i::after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:translate .2s}
.sd-proto-switch[aria-pressed=true] i{background:var(--sd-red)}.sd-proto-switch[aria-pressed=true] i::after{translate:12px 0}
@media (min-width:1025px){.sd-proto-switch{bottom:16px}}

/* ---- Hareketi azalt: sistem tercihi veya anahtar (html.rm) ---- */
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-timeline:auto!important;scroll-behavior:auto!important}
  .sd-win,.sd-dock button::after{animation:none!important}
  .sd-win:first-child,.sd-win.is-active{opacity:1;visibility:visible}
  .sd-os:has(.is-active) .sd-win:first-child:not(.is-active){opacity:0;visibility:hidden}
  .sd-dock button:first-child::after,.sd-dock button.is-active::after{scale:1}
  .sd-process__line i,.sd-cases__bar i,.sd-stitch{scale:1 1!important}
  .sd-case,.sd-case__media img,.sd-vf>*,.sd-frame,.sd-phone__scr img,.sd-inset img{scale:1!important;opacity:1!important;translate:0 0!important}
  .sd-search__q span{clip-path:none!important}
  main>.sd-hero::after,main>.sd-shero::after,main>.sd-rhero::after,.sd-hero__grid,.sd-shero__grid,.sd-rhero>.sd-container,.sd-seven{animation:none!important}
  .sd-logomo__svg [id^=sd-],.sd-logomo::before,.sd-logomo__ring{animation:none!important}
  .sd-top::before{animation:none!important;scale:0 1}
}
html.rm *,html.rm *::before,html.rm *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-timeline:auto!important;scroll-behavior:auto!important}
html.rm .sd-win,html.rm .sd-dock button::after{animation:none!important}
html.rm .sd-win:first-child,html.rm .sd-win.is-active{opacity:1;visibility:visible}
html.rm .sd-os:has(.is-active) .sd-win:first-child:not(.is-active){opacity:0;visibility:hidden}
html.rm .sd-dock button:first-child::after,html.rm .sd-dock button.is-active::after{scale:1}
html.rm .sd-process__line i,html.rm .sd-cases__bar i,html.rm .sd-stitch{scale:1 1!important}
html.rm .sd-case,html.rm .sd-case__media img,html.rm .sd-vf>*,html.rm .sd-frame,html.rm .sd-phone__scr img,html.rm .sd-inset img{scale:1!important;opacity:1!important;translate:0 0!important}
html.rm .sd-search__q span{clip-path:none!important}
html.rm main>.sd-hero::after,html.rm main>.sd-shero::after,html.rm main>.sd-rhero::after,html.rm .sd-hero__grid,html.rm .sd-shero__grid,html.rm .sd-rhero>.sd-container,html.rm .sd-seven{animation:none!important}
html.rm .sd-logomo__svg [id^=sd-],html.rm .sd-logomo::before,html.rm .sd-logomo__ring{animation:none!important}
html.rm .sd-top::before{animation:none!important;scale:0 1}
html.rm main>.sd-hero,html.rm main>.sd-shero,html.rm main>.sd-rhero{position:relative}

/* ---- Seven's Rise logosu, sosyal hesaplar ---- */
.sd-rise img{height:40px;width:auto;flex:none;padding-right:14px;border-right:1px solid rgba(255,255,255,.2)}
.sd-win__rise{height:20px;width:auto;margin-top:12px;opacity:.85}
.sd-footer__brands img{height:38px;width:auto;opacity:.85;transition:opacity .2s}.sd-footer__brands img:hover{opacity:1}
.sd-footer .sd-social{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sd-social a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.15);color:var(--sd-text-muted-on-dark);transition:color .2s,border-color .2s,transform .3s var(--sd-ease-out)}
.sd-social a:hover{color:#fff;border-color:#fff;transform:translateY(-2px)}.sd-social svg{width:18px;height:18px}

/* ---- Hakkımızda: zaman çizgisi (4 adım), kurucular, Seven's Rise kutusu ---- */
.sd-process--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sd-process--4 .sd-step p{font-size:.9375rem}
.sd-people{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.sd-person{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start;padding:24px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-person__ph{margin:0;aspect-ratio:4/5;padding:8px 8px 12px}
.sd-person__mono{display:grid;place-items:center;width:100%;height:100%;border-radius:2px;background:linear-gradient(145deg,var(--sd-navy),var(--sd-navy-soft));color:#fff;font:800 2.5rem/1 var(--sd-font);letter-spacing:-.02em}
.sd-person__mono span{opacity:.9}
.sd-person__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}   /* portre (2026-10-18): polaroid içinde 4:5 */
.sd-person h3{font-size:var(--sd-fs-h4);margin-bottom:.1em}
.sd-person__role{font:600 .8125rem/1 var(--sd-font);letter-spacing:.12em;text-transform:uppercase;color:var(--sd-red);margin-bottom:14px}
.sd-person__body>p:not(.sd-person__role){font-size:.9375rem;color:var(--sd-text-muted)}
.sd-person__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sd-person__links .sd-chip svg{width:14px;height:14px}
.sd-check--1{grid-template-columns:minmax(0,1fr)}
.sd-risebox{position:relative;display:grid;gap:20px;justify-items:center;padding:28px;border-radius:var(--sd-r-card);background:var(--sd-navy-soft);border:1px solid rgba(255,255,255,.06)}
.sd-risebox>img{width:min(100%,280px);height:auto}
.sd-risebox__vf{width:100%;aspect-ratio:16/10}

/* ---- Hakkımızda hero: logo motion graphics (CSS, yalnızca transform/opacity) ---- */
.sd-rhero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.sd-logomo{position:relative;display:grid;place-items:center;aspect-ratio:1/.9;max-width:520px;width:100%;margin-left:auto;isolation:isolate}
.sd-logomo::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(179,38,45,.16),rgba(179,38,45,0) 68%);animation:sd-lm-glow 4s ease-in-out infinite alternate;z-index:-1}
.sd-logomo__ring{position:absolute;inset:6%;border-radius:50%;border:1.5px dashed rgba(31,34,51,.16);animation:sd-lm-spin 48s linear infinite;z-index:-1}
.sd-logomo__ring::after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--sd-red);translate:-50% 0;box-shadow:0 0 0 4px rgba(179,38,45,.15)}
.sd-logomo__svg{width:78%;height:auto;overflow:visible}
.sd-logomo__svg [id^=sd-]{transform-box:fill-box;transform-origin:center;animation:sd-lm-up .8s var(--sd-ease-out) both}
.sd-logomo__svg #sd-s1{animation-delay:.1s}.sd-logomo__svg #sd-e1{animation-delay:.18s}.sd-logomo__svg #sd-v{animation-delay:.26s}.sd-logomo__svg #sd-e2{animation-delay:.34s}.sd-logomo__svg #sd-n{animation-delay:.42s}.sd-logomo__svg #sd-apos{animation-delay:.5s}.sd-logomo__svg #sd-s2{animation-delay:.58s}
.sd-logomo__svg #sd-seven{animation:sd-lm-drop .9s var(--sd-ease-spring) both .75s,sd-lm-float 3.6s ease-in-out 2.4s infinite alternate}
.sd-logomo__svg #sd-line{transform-origin:left center;animation:sd-lm-line .8s var(--sd-ease-out) both 1.15s}
.sd-logomo__svg #sd-design{animation:sd-lm-ink .9s var(--sd-ease-out) both 1.45s}
.js .sd-logomo:not(.in) .sd-logomo__svg [id^=sd-]{animation-play-state:paused}
@keyframes sd-lm-up{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes sd-lm-drop{from{opacity:0;translate:0 -70px;scale:.6}to{opacity:1;translate:0 0;scale:1}}
@keyframes sd-lm-float{from{translate:0 0}to{translate:0 -7px}}
@keyframes sd-lm-line{from{opacity:0;scale:0 1}to{opacity:1;scale:1 1}}
@keyframes sd-lm-ink{from{opacity:0;translate:-14px 0}to{opacity:1;translate:0 0}}
@keyframes sd-lm-glow{from{opacity:.55;scale:.96}to{opacity:1;scale:1.04}}
@keyframes sd-lm-spin{to{rotate:360deg}}

/* ---- Duyarlı ---- */
@media (max-width:1100px){
  .sd-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 12px}.sd-process__line{display:none}
  .sd-people{grid-template-columns:minmax(0,1fr)}
  .sd-cards,.sd-related{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px}
  .sd-quotes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sd-quote--big{grid-column:1/-1;grid-row:auto}
  .sd-services{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-svc,.sd-svc:nth-child(4){grid-column:auto}
}
@media (max-width:1024px){
  .sd-hero{min-height:0;padding-top:104px}
  .sd-sticky{position:static}
  .sd-hero__grid,.sd-shero__grid,.sd-rhero__grid,.sd-diff,.sd-split2,.sd-prod,.sd-office,.sd-how{grid-template-columns:minmax(0,1fr)}
  .sd-logomo{max-width:360px;margin:8px auto 0}
  .sd-os{margin:8px auto 0;max-width:560px}
  .sd-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sd-footer__blog ul{grid-template-columns:minmax(0,1fr)}
  .sd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-refgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-logowall{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  html,body{overflow-x:clip}
  .sd-topbar{height:40px}.sd-topbar a{padding:0 6px;min-height:34px}.sd-topbar__l span{display:none}.sd-topbar__l{gap:2px}.sd-topbar__r{gap:0}.sd-topbar__r a{width:34px}.sd-header{top:var(--sd-tb,40px)}
  h1{font-size:clamp(1.85rem,1.4rem + 2.2vw,2.3rem);letter-spacing:-.015em}h2{font-size:clamp(1.5rem,1.25rem + 1.4vw,1.9rem)}
  .sd-hero__sub{font-weight:500;font-size:1.0625rem}
  .sd-services,.sd-cards,.sd-related,.sd-refgrid,.sd-check,.sd-factors,.sd-form,.sd-posts{grid-template-columns:minmax(0,1fr)}
  .sd-quotes{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--sd-page-x));padding:4px var(--sd-page-x) 16px}.sd-quote{flex:0 0 84%;scroll-snap-align:start}
  .sd-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:10px}.sd-gal--big{grid-column:span 2;grid-row:span 2}
  .sd-lb__prev,.sd-lb__next{top:auto;bottom:16px;translate:0 0}.sd-lb__prev{left:16px}.sd-lb__next{right:16px}.sd-lb img{max-height:70dvh}
  .sd-person{grid-template-columns:minmax(0,1fr)}.sd-person__ph{max-width:220px}
  .sd-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-logos--all{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sd-team{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sd-process{grid-template-columns:minmax(0,1fr);gap:8px;padding-left:0}
  .sd-process__line{display:block;left:27px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .sd-process__line i{transform-origin:top;scale:1 0;animation-range:entry 20% exit 60%}
  @keyframes sd-fill{to{scale:1 1}}
  .sd-step{padding:0 0 28px 76px;min-height:56px}
  .sd-prod__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sd-prod__col .sd-vf{aspect-ratio:3/4}
  .sd-footer__grid{grid-template-columns:minmax(0,1fr)}
  .sd-case{width:82vw}
  .sd-rstats{gap:16px 28px}
  .sd-hero__meta{gap:8px 14px}
  .sd-stage2 .sd-phone{height:56%}
}

/* ---- Menü hover köprüsü (2026-10-18, Faruk onayı): buton ile panel arasındaki boşlukta menü kapanmasın ----
   1) Görünmez köprü: butonun altından panelin üst dolgusuna kadar uzanan şerit (mega: bar 84/66 px, buton ~35 px → ~31 px boşluk + 6 px; Kurumsal: 6 px).
   2) Kapanma gecikmesi: fare çıkınca panel ~0,25 sn bekler, sonra solar; açılış hızı aynı. Mobil menü (≤1024) etkilenmez. */
@media (min-width:1025px) and (hover:hover){
.sd-mega>button,.sd-mega>.sd-mega__btn,.sd-drop>button{position:relative}
.sd-mega>button::after,.sd-mega>.sd-mega__btn::after,.sd-drop>button::after{content:"";position:absolute;left:-10px;right:-10px;top:100%}
.sd-mega>button::after,.sd-mega>.sd-mega__btn::after{height:40px}
.sd-drop>button::after{height:14px}
.sd-mega__panel{transition:opacity .22s .25s,translate .45s var(--sd-ease-out) .25s,visibility 0s .5s}
.sd-drop__panel{transition:opacity .22s .25s,translate .4s var(--sd-ease-out) .25s,visibility 0s .5s}
.sd-mega:hover .sd-mega__panel,.sd-mega:focus-within .sd-mega__panel,.sd-drop:hover .sd-drop__panel,.sd-drop:focus-within .sd-drop__panel,.sd-drop>button[aria-expanded=true]+.sd-drop__panel{transition-delay:0s}
}

/* ---- Kaydırmalı kart hizası (2026-10-18, Faruk'un mobil bulgusu): scroll-snap "start" kenar boşluğunu hesaba katsın;
   yoksa kaydırınca ilk kart sayfa boşluğu yerine ekranın en soluna yapışıyor. ---- */
.sd-cases__track,.sd-cases__track.e-con,body .elementor .sd-cases__track,.sd-quotes{scroll-padding-inline:var(--sd-page-x)}
/* Kartın kendisi ölçeklenirse tarayıcı hizalamayı küçülmüş kutuya göre yapıyor (kart ~13–16px sola kayıyordu).
   Derinlik efekti kartın iç parçalarına taşındı; kartın kutusu sabit kalır, görünüm aynıdır. */
.sd-case{animation:none}
.sd-case>*{animation:sd-depth linear both;animation-timeline:view(x);animation-range:cover 0% cover 100%}
@media (min-width:1025px){.sd-case>*{animation:none}}
@media (prefers-reduced-motion:reduce){.sd-case>*{animation:none}}
html.rm .sd-case>*{animation:none}
/* Yorum şeridi (mobilde yatay kaydırma): giriş animasyonundaki ölçek, hizalamayı birkaç px kaydırıyordu; şeritte yalnız ölçek kapatıldı (kayma ve solma kalır). */
@media (max-width:720px){.sd-quotes>.sd-quote{scale:1!important}}

/* Koyu üst bölümlü sayfalarda header baştan opak (sd-motion.js .is-solid ekler) */
.sd-header.is-solid::before{opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}