*{margin:0;padding:0;box-sizing:border-box}
:root{
  /* koyu tema — varsayılan */
  --ust:255 255 255;          /* mürekkep tabanı: beyaz-alfa değerleri buradan */
  --kagit:#0d0e10; --kagit-r:13 14 16;
  --zemin2:#0a0b0d; --zemin3:#07080a;
  --yuzey:#101216; --yuzey-ust:#16191e; --kart:#1b1d21;
  --hero1:#121316; --hero2:#0b0c0e;
  --cam:38 41 46; --cam-ust:52 56 62;
  --murekkep:#f1f3f5; --murekkep2:#e6e9ec;
  --gri:#949aa3; --gri2:#767d87;
  --cizgi:rgb(var(--ust)/.1);
  --vurgu:#5fa3e8;
  --logo-filtre:brightness(0) invert(1);
  --cizim-filtre:none;
  --en:1320px;
  --kenar:max(32px, calc(50% - var(--en)/2 + 32px));
}
:root[data-tema="acik"]{
  --ust:20 22 26;
  --kagit:#f3f5f7; --kagit-r:243 245 247;
  --zemin2:#e9ecef; --zemin3:#e2e6ea;
  --yuzey:#ffffff; --yuzey-ust:#f7f8fa; --kart:#ffffff;
  --hero1:#eef1f4; --hero2:#f6f7f9;
  --cam:255 255 255; --cam-ust:244 246 248;
  --murekkep:#14161a; --murekkep2:#23262b;
  --gri:#5b626c; --gri2:#6b727c;
  --vurgu:#2f6fb5;
  --logo-filtre:brightness(0);
  --cizim-filtre:invert(1);
}
/* tema değişirken geçişler bir kare susturuluyor (Turkeyora'daki .tema-degisiyor) */
.tema-degisiyor *{transition:none!important}

body{font-family:Inter,system-ui,sans-serif;background:var(--kagit);color:var(--murekkep);
     line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
/* dokunmatikte tarayıcının bastığı gri/mavi kutu kapalı; geri bildirimi kendimiz veriyoruz */
a,button,summary,label,input,textarea,.i-kart,.ac-dug{-webkit-tap-highlight-color:transparent}
@media(hover:none){
  a:active,button:active{opacity:.62;transition:opacity .08s}
  .i-kart:active,.ac-dug:active,.yuv-dug:active{opacity:.7}
}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
svg.wa{fill:#25d366;stroke:none}  /* WhatsApp glifi kendi yeşiliyle, dolu */
.wa-yuzen svg.wa{fill:#fff}        /* yeşil zemin üstünde beyaz */
.kap{max-width:var(--en);margin:0 auto;padding:0 32px}
:focus-visible{outline:2px solid #6aa9e8;outline-offset:3px}
.mono{font-family:ui-monospace,'SF Mono',monospace;font-size:11px;letter-spacing:.17em;
      text-transform:uppercase;color:var(--gri)}

/* ── üst bar: solda marka, ortada kapsül, sağda telefon ── */
.menu-sar{position:fixed;top:20px;left:0;right:0;z-index:70;
          display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;justify-items:end;
          gap:16px;padding:0 var(--kenar);pointer-events:none}
.menu-sar > *{pointer-events:auto}

/* marka — hero başlığıyla aynı hizada başlar */
.marka{justify-self:start;position:absolute;top:25px;left:var(--kenar);z-index:5;
       display:flex;align-items:center;gap:10px;color:rgb(var(--ust))}
.marka img{width:30px;height:30px;object-fit:contain;flex-shrink:0}
.marka b{font-size:16.5px;font-weight:700;letter-spacing:-.015em;white-space:nowrap}
.marka:hover{opacity:.78}

.menu{display:flex;align-items:center;background:rgb(var(--cam)/.88);
      backdrop-filter:blur(20px) saturate(1.4);border-radius:999px;padding:6px;
      box-shadow:0 2px 10px rgba(0,0,0,.18);border:1px solid rgb(var(--ust)/.07)}
.m-gez{display:flex;gap:2px}
.m-gez a{padding:9px 16px;border-radius:999px;font-size:14.5px;font-weight:500;
         color:rgb(var(--ust)/.62);white-space:nowrap;transition:color .16s,background .16s}
.m-gez a:hover{color:rgb(var(--ust));background:rgb(var(--ust)/.08)}
.m-gez a.secili{color:rgb(var(--ust));background:rgb(var(--ust)/.09)}

.ara{justify-self:end;display:flex;align-items:center;gap:9px;
     padding:9px 18px 9px 14px;border-radius:999px;color:rgb(var(--ust));font-size:14.5px;font-weight:500;
     background:rgb(var(--cam)/.88);backdrop-filter:blur(20px) saturate(1.4);
     border:1px solid rgb(var(--ust)/.07);box-shadow:0 2px 10px rgba(0,0,0,.18);
     white-space:nowrap;transition:background .16s}
.ara svg{width:16px;height:16px;flex-shrink:0;opacity:.75}
.ara:hover{background:rgb(var(--cam-ust)/.94)}

.yuv-dug{width:40px;height:40px;border-radius:999px;color:rgb(var(--ust));cursor:pointer;
         display:flex;align-items:center;justify-content:center;
         background:rgb(var(--cam)/.88);backdrop-filter:blur(20px) saturate(1.4);
         border:1px solid rgb(var(--ust)/.07);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.yuv-dug:hover{background:rgb(var(--cam-ust)/.94)}
.yuv-dug svg{width:17px;height:17px}
.m-ham{display:none;justify-self:end}

@media(max-width:1180px){ .ara span{display:none}
  .ara{padding:0;width:40px;height:40px;justify-content:center;gap:0} }
@media(max-width:1060px){
  .menu-sar{grid-template-columns:1fr auto auto;gap:10px;height:40px;align-content:center}
  .menu{display:none}
  .acik .menu{display:contents}
  .m-ham{display:flex}
  .acik .m-gez{display:flex;position:fixed;left:var(--kenar);right:var(--kenar);top:78px;
    flex-direction:column;gap:2px;background:rgb(var(--cam)/.97);backdrop-filter:blur(20px);
    border:1px solid rgb(var(--ust)/.07);border-radius:22px;padding:12px;pointer-events:auto}
  .acik .m-gez a{padding:14px 18px;border-radius:14px;font-size:16px}
}

/* ── hero ── */
.hero{position:relative;min-height:100vh;min-height:100svh;width:100vw;
      margin-left:calc(50% - 50vw);
      display:flex;align-items:flex-end;overflow:hidden;
      background:linear-gradient(180deg,var(--hero1) 0%,var(--hero2) 100%)}
.cizim{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cizim img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
           object-position:50% 46%;opacity:.26;display:block}
.cizim-tuval{position:absolute;inset:0;width:100%;height:100%;display:block;
             opacity:0;transition:opacity .5s ease}
.cizim.cizim-gl .cizim-tuval{opacity:var(--op,.26)}
/* WebGL varken yedek <img> hiç görünmez: iki katman arası geçiş "patlaması" olmasın */
.js .cizim img{opacity:0;transition:opacity .5s ease}
.js .cizim.gl-yok img{opacity:.26}
.logo3d{position:absolute;top:50%;right:-9%;transform:translateY(-52%);
        width:min(760px,56vw);height:min(760px,56vw);z-index:1}
.logo3d::before{content:'';position:absolute;inset:-6%;border-radius:50%;
  background:radial-gradient(closest-side,rgb(var(--kagit-r)/.96) 56%,rgb(var(--kagit-r)/0) 100%)}
.logo3d canvas{position:relative;width:100%;height:100%;display:block}
.logo3d-ip{display:none}
.logo3d:hover .logo3d-ip{opacity:0}
@media(max-width:1000px){
  /* Saydamlık kabın tamamına verilince arkadaki çizim logonun İÇİNDEN görünüyordu:
     kap tam opak, arkasındaki koyu daire çizimi kesiyor, yalnız tuval soluk. */
  .logo3d{width:min(430px,80vw);height:min(430px,80vw);top:28%;right:-8%;opacity:1;z-index:1}
  /* arkadaki koyu daire çizimi kesiyordu: kaldırıldı, logo kendi pikselleriyle örtüyor */
  .logo3d::before{display:none}
  .logo3d canvas{opacity:1}
}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgb(var(--kagit-r)/0) 34%,rgb(var(--kagit-r)/.72) 74%,rgb(var(--kagit-r)/.96) 100%)}
.hero .kap{position:relative;z-index:2;width:100%;max-width:var(--en);margin:0 auto;padding-bottom:58px;padding-top:150px;
           display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:48px;align-items:end}
.est{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.est::before{content:'';width:34px;height:1px;background:var(--murekkep);opacity:.42}
.dev{font-size:clamp(3.2rem,8.4vw,8.2rem);font-weight:800;line-height:.84;letter-spacing:-.045em;
     text-transform:uppercase}
.dev .mavi{color:#3c81cb}
.dev .ince{font-weight:400;color:var(--gri2)}
.kart{background:var(--kart);border:1px solid rgb(var(--ust)/.08);color:rgb(var(--ust));
      border-radius:18px;padding:30px 30px 26px}
.kart > p{font-size:16.5px;line-height:1.56;color:rgb(var(--ust)/.82)}
.kart .ayrac{height:1px;background:rgb(var(--ust)/.14);margin:26px 0 22px}
.kart .say{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kart .say .mono{color:rgb(var(--ust)/.45)}
.kart .say b{display:block;font-size:1.95rem;font-weight:600;letter-spacing:-.025em;
             line-height:1.1;margin-top:5px}
.kart .git{display:flex;align-items:center;justify-content:space-between;gap:14px;
           margin-top:26px;padding-top:20px;border-top:1px solid rgb(var(--ust)/.14);
           font-size:15.5px;font-weight:500}
.kart .git svg{width:17px;height:17px}
.kart .git:hover{opacity:.74}
.kaydir{position:absolute;left:22px;top:50%;transform:translateY(-50%);z-index:2;
        display:flex;flex-direction:column;align-items:center;gap:12px}
.kaydir .mono{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.14em}
.kaydir .c{width:1px;height:46px;background:linear-gradient(var(--murekkep),transparent);opacity:.3}
@media(max-width:1340px){.kaydir{display:none}}
@media(max-width:1000px){
  .hero .kap{grid-template-columns:1fr;gap:30px;padding-top:130px;padding-bottom:44px}
  .kart{max-width:480px}.kaydir{display:none}
}

/* hero — 30. yıl vurgusu, markanın hemen altında */
.yil{position:absolute;top:128px;left:var(--kenar);z-index:5;
     display:flex;flex-direction:column;gap:16px;pointer-events:none}
.yil-ust{display:flex;align-items:baseline;gap:16px}
.yil .rakam{font-size:clamp(5.6rem,10.5vw,9rem);font-weight:300;line-height:.9;
            letter-spacing:-.06em;
            background:linear-gradient(168deg,rgb(var(--ust)) 34%,rgb(var(--ust)/.3) 96%);
            -webkit-background-clip:text;background-clip:text;
            -webkit-text-fill-color:transparent;color:transparent}
.yil .yil-ad{font-size:clamp(1.5rem,2.9vw,2.15rem);font-weight:500;letter-spacing:-.035em;
             color:rgb(var(--ust)/.88)}
.yil .yil-alt{width:fit-content;padding-top:13px;
              border-top:1px solid rgb(var(--ust)/.2);color:rgb(var(--ust)/.46)}
@media(max-width:1000px){.yil{top:104px}}
/* dar ekranda 30. Yıl bloğu başlığın üst satırına biniyordu */
@media(max-width:760px){
  .yil{top:88px;gap:12px}
  .yil .rakam{font-size:4.2rem}
  .yil .yil-ad{font-size:1.4rem}
  .yil .yil-alt{padding-top:10px}
  .hero .kap{padding-top:230px}
}
/* mobilde eskiz çizimi: cover ile 3,4 kat yakınlaşıp karmaşık duruyordu.
   Artık kendi oranında, tam genişlikte ve daha silik — sahne bütün görünüyor. */
@media(max-width:760px){
  .cizim{inset:auto 0 auto 0;top:15%;height:auto;display:flex;align-items:flex-start}
  .cizim img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;
             object-position:center;opacity:0}
  .js .cizim.gl-yok img{opacity:.17}
}
@media(max-height:680px){.yil{display:none}}

/* ── bölüm ── */
.bol{padding:112px 0}
.bol-bas{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;
         margin-bottom:54px}
.bol-bas h2{font-size:clamp(2.2rem,5.2vw,3.7rem);font-weight:600;letter-spacing:-.035em;
            line-height:1.02;margin-top:14px}
.bol-bas h2 .ince{font-weight:400;color:var(--gri2)}
.sekme{display:flex;gap:26px;font-size:16px}
.sekme span{color:var(--gri2);padding-bottom:7px;cursor:pointer}
.sekme span.secili{color:var(--murekkep);border-bottom:1.5px solid var(--murekkep)}

.bol-giris{max-width:62ch;margin:-28px 0 44px;color:var(--gri);font-size:17px}
@media(max-width:760px){.bol-giris{margin:-14px 0 26px;font-size:16px}}

/* hizmet kartları — sol yarı renkli fotoğraf, sağ yarı aynı karenin siyah-beyazı */
.isler{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.is{--yar:50%;position:relative;display:flex;flex-direction:column;
    border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;background:var(--yuzey);
    transition:border-color .3s}
.is:hover{--yar:16%;border-color:rgb(var(--ust)/.24)}
.is-gor{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.is-gor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ciz{position:absolute;inset:0;clip-path:inset(0 0 0 var(--yar));
     transition:clip-path .55s cubic-bezier(.4,0,.15,1)}
.ciz img{filter:grayscale(1) contrast(1.12) brightness(.92)}
.dikis{position:absolute;top:0;bottom:0;left:var(--yar);width:1px;z-index:2;
       background:linear-gradient(180deg,rgb(var(--ust)/0),rgb(var(--ust)/.55) 20%,
                                           rgb(var(--ust)/.55) 80%,rgb(var(--ust)/0));
       transition:left .55s cubic-bezier(.4,0,.15,1)}
.is-ic{flex:1;display:flex;flex-direction:column;padding:20px 22px 22px;color:rgb(var(--ust))}
.is-ic h3{font-size:1.38rem;font-weight:600;letter-spacing:-.022em}
.is-ic p{margin:7px 0 20px;font-size:14.5px;line-height:1.55;color:rgb(var(--ust)/.58)}
.is-ic .alt{display:flex;justify-content:space-between;gap:12px;align-items:center;
            margin-top:auto;padding-top:14px;border-top:1px solid rgb(var(--ust)/.1)}
.is-ic .alt .sure{color:rgb(var(--ust)/.62)}
.is-ic .alt svg{width:16px;height:16px;color:rgb(var(--ust)/.75);transition:transform .3s}
.is:hover .is-ic .alt svg{transform:translateX(4px)}
@media(max-width:920px){.isler{grid-template-columns:1fr}.is-gor{aspect-ratio:16/9}}

/* servis akışı — dört kutu değil, tek çizgi üzerinde ilerleyen dört durak */
.akis{position:relative;display:grid;grid-template-columns:repeat(4,1fr);
      gap:0;margin-top:62px}
.akis-ray{position:absolute;top:0;left:0;right:0;height:1px;background:var(--cizgi)}
.akis-ray::after{content:'';position:absolute;inset:0;background:var(--murekkep);
  transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.4,0,.1,1)}
.akis.gor .akis-ray::after{transform:scaleX(1)}
.durak{position:relative;padding:34px 28px 0 0;border-left:1px solid var(--cizgi)}
.durak:first-of-type{border-left:none}
.durak > *{padding-left:26px}
.durak:first-of-type > *{padding-left:0}
/* çizgi üstündeki düğüm */
.durak::before{content:'';position:absolute;top:-4px;left:-4px;width:9px;height:9px;
  border-radius:50%;background:var(--murekkep);transform:scale(0);
  transition:transform .4s cubic-bezier(.3,1.4,.5,1)}
.durak:first-of-type::before{left:0}
.akis.gor .durak::before{transform:scale(1)}
.akis.gor .durak:nth-of-type(2)::before{transition-delay:.3s}
.akis.gor .durak:nth-of-type(3)::before{transition-delay:.6s}
.akis.gor .durak:nth-of-type(4)::before{transition-delay:.9s}
.durak .no{display:block;font-family:ui-monospace,'SF Mono',monospace;font-size:13px;
           letter-spacing:.2em;color:var(--gri2)}
.durak h4{font-size:1.32rem;font-weight:600;letter-spacing:-.022em;margin:16px 0 10px}
.durak p{font-size:14.5px;line-height:1.6;color:var(--gri);max-width:28ch;padding-bottom:4px}
.durak .sure{display:block;margin-top:16px;font-size:13px;color:var(--gri2)}
@media(max-width:900px){
  .akis{grid-template-columns:1fr 1fr;row-gap:44px}
  .akis-ray{display:none}
  .durak{padding-top:0;border-left:none;border-top:1px solid var(--cizgi);padding-top:26px}
  .durak > *,.durak:first-of-type > *{padding-left:0}
  .durak::before,.durak:first-of-type::before{left:0;top:-4px;transform:scale(1)}
}
@media(max-width:560px){.akis{grid-template-columns:1fr}}

.orta{text-align:center;max-width:62ch;margin:0 auto}
.orta h2{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:600;letter-spacing:-.035em;
         line-height:1.04;margin:14px 0 16px}
.orta > p{color:var(--gri);font-size:17px}
.alt-dug{display:inline-flex;align-items:center;gap:10px;margin-top:46px;padding-bottom:5px;
         border-bottom:1.5px solid var(--murekkep);font-size:16.5px;font-weight:500}
.alt-dug svg{width:17px;height:17px}

/* tema anahtarı — Turkeyora'daki ThemeToggle'ın uyarlaması.
   İki ikon da rayda sabit duruyor; hareket eden tek şey topuz. */
.tema{position:relative;display:flex;align-items:center;flex-shrink:0;
      width:60px;height:32px;border-radius:999px;cursor:pointer;padding:0;
      border:1px solid rgb(var(--ust)/.14);background:rgb(var(--cam)/.88);
      backdrop-filter:blur(20px) saturate(1.4);transition:border-color .2s}
.tema:hover{border-color:rgb(var(--ust)/.28)}
.tema .ik{position:absolute;top:50%;left:3px;width:26px;height:26px;margin-top:-13px;
          display:flex;align-items:center;justify-content:center;color:rgb(var(--ust)/.5);
          pointer-events:none}
.tema .ik.ay{transform:translateX(28px)}
.tema svg{width:14px;height:14px;stroke-width:1.9}
.tema svg.ay{width:12.5px;height:12.5px}
.tema .topuz{position:absolute;top:50%;left:3px;width:26px;height:26px;margin-top:-13px;
             display:flex;align-items:center;justify-content:center;border-radius:50%;
             background:var(--kagit);box-shadow:0 1px 3px rgba(0,0,0,.18);
             box-shadow:0 1px 3px rgba(0,0,0,.18),0 0 0 1px rgb(var(--ust)/.14);
             color:var(--vurgu);transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
[data-tema="acik"] .tema .topuz{transform:translateX(0)}
.tema .topuz{transform:translateX(28px)}
.tema .topuz .gunes{display:none}
[data-tema="acik"] .tema .topuz .gunes{display:block}
[data-tema="acik"] .tema .topuz .ay{display:none}
@media(max-width:1060px){.menu-sar > .tema{display:none}}

/* nokta deseni — Turkeyora'daki NoktaKose: bölümün üst köşesinde durur, yazıya girmez.
   Nokta ızgarası aynı zamanda maske; altında ağır ağır gezinen bir ışık lekesi var.
   Mobilde kapalı: yazının üstüne biniyor. */
.bol{position:relative;overflow:hidden}
.bol > .kap{position:relative;z-index:1}
.nokta-kose{position:absolute;top:-28px;z-index:0;width:min(32rem,58%);height:15rem;
            pointer-events:none;left:0;
  -webkit-mask-image:radial-gradient(ellipse at top left,#000 10%,transparent 58%);
  mask-image:radial-gradient(ellipse at top left,#000 10%,transparent 58%)}
.nokta-kose.sag{left:auto;right:0;
  -webkit-mask-image:radial-gradient(ellipse at top right,#000 10%,transparent 58%);
  mask-image:radial-gradient(ellipse at top right,#000 10%,transparent 58%)}
.nokta-kose .desen{position:absolute;inset:0;opacity:.24;
  background:radial-gradient(circle at 1.5px 1.5px,var(--vurgu) 1.3px,transparent 0);
  background-size:16px 16px}
.nokta-dalga{position:absolute;inset:0;overflow:hidden;opacity:.9;
  -webkit-mask-image:radial-gradient(circle at 1.5px 1.5px,#000 1.3px,transparent 0);
  mask-image:radial-gradient(circle at 1.5px 1.5px,#000 1.3px,transparent 0);
  -webkit-mask-size:16px 16px;mask-size:16px 16px}
.nokta-isik{position:absolute;top:-190px;left:-190px;width:100%;height:100%;
  background:radial-gradient(circle 190px at 190px 190px,var(--vurgu),
    color-mix(in oklab,var(--vurgu) 38%,transparent) 45%,transparent 100%);
  transform:translate(30%,35%);animation:nokta-isik 16s ease-in-out infinite}
.nokta-dalga.sag .nokta-isik{animation-direction:reverse}
@keyframes nokta-isik{
  0%{transform:translate(22%,30%)}  25%{transform:translate(48%,22%)}
  50%{transform:translate(58%,55%)} 75%{transform:translate(30%,62%)}
  100%{transform:translate(22%,30%)}}
@media(max-width:640px){.nokta-kose{display:none}}

/* "80+" rakamları markalar sayfasına götürür */
.marka-bag{display:block;cursor:pointer}
.marka-bag b{transition:filter .2s}
.marka-bag:hover b{filter:brightness(1.25)}
.marka-bag:hover .mono{color:var(--murekkep2)}

/* rakam bandı — künye düzeni: üstte etiket, altta değer */
.bant{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:var(--zemin2)}
.bant .kap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}
.bant .h{position:relative;padding:34px 30px 36px;transition:background .25s}
.bant .h + .h::before{content:'';position:absolute;left:0;top:26px;bottom:26px;
                      width:1px;background:var(--cizgi)}
.bant .h:hover{background:rgb(var(--ust)/.025)}
.bant .h span{display:block;color:var(--gri2)}
.bant .h b{display:block;margin-top:14px;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:400;
           letter-spacing:-.035em;line-height:1.22;padding-bottom:2px;
           background:linear-gradient(166deg,rgb(var(--ust)) 42%,rgb(var(--ust)/.52));
           -webkit-background-clip:text;background-clip:text;
           -webkit-text-fill-color:transparent;color:transparent}
@media(max-width:860px){
  .bant .kap{grid-template-columns:1fr 1fr}
  .bant .h{padding:26px 22px 28px}
  .bant .h:nth-child(3)::before,.bant .h:nth-child(4)::before{top:0}
  .bant .h:nth-child(3){border-top:1px solid var(--cizgi)}
  .bant .h:nth-child(4){border-top:1px solid var(--cizgi)}
  .bant .h:nth-child(3)::before{display:none}
}
@media(max-width:420px){.bant .kap{grid-template-columns:1fr}.bant .h + .h::before{display:none}
  .bant .h + .h{border-top:1px solid var(--cizgi)}}

/* hizmet kartı ayrıntı etiketleri */
.de{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.de i{font-style:normal;font-size:12.5px;letter-spacing:.02em;color:rgb(var(--ust)/.62);
      border:1px solid rgb(var(--ust)/.14);border-radius:999px;padding:4px 11px}
.bag{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-size:16px;font-weight:500;
     padding-bottom:4px;border-bottom:1.5px solid rgb(var(--ust)/.3)}
.bag svg{width:16px;height:16px}
.bag:hover{border-bottom-color:var(--murekkep)}

/* markalar */
.koyu{background:var(--zemin3);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.m-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi);
          border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.m-izgara span{background:var(--yuzey);padding:22px 20px;font-size:15.5px;font-weight:500;
               color:rgb(var(--ust)/.76);transition:background .2s,color .2s}
.m-izgara span:hover{background:var(--yuzey-ust);color:rgb(var(--ust))}
@media(max-width:860px){.m-izgara{grid-template-columns:1fr 1fr}}

/* kayan marka şeridi */
.serit{position:relative;overflow:hidden;margin-top:44px;
       -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;
       touch-action:pan-y;
       -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
       mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.serit-ic{display:flex;width:max-content;animation:kay 72s linear infinite;
          will-change:transform;backface-visibility:hidden}
@media(hover:hover){.serit:hover .serit-ic{animation-play-state:paused}}
.serit.basili .serit-ic{animation-play-state:paused}  /* parmakla basılı tutunca durur */
.serit-ic img{height:30px;width:auto;margin:0 36px;flex-shrink:0;
              opacity:.42;transition:opacity .25s,filter .25s;
              /* iOS'ta logoya basılı tutunca "resmi kopyala" balonu çıkıyordu */
              -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;
              -webkit-user-drag:none;pointer-events:none}
@media(hover:hover){.serit:hover .serit-ic img{opacity:.8}}
.serit.basili .serit-ic img{opacity:1;filter:none}  /* basılı tutunca kendi renkleri */
@keyframes kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.serit-ic img{height:24px;margin:0 22px}
  .serit-ic{animation-duration:120s}}  /* dar ekranda aynı hız çok çabuk görünüyordu */

/* güvenin dört dayanağı — kart değil, teknik künye satırları */
.daya{margin-top:50px;border-top:1px solid var(--cizgi)}
.daya-sat{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,6fr) minmax(0,2.4fr);
          gap:40px;align-items:baseline;padding:30px 26px 30px 0;
          border-bottom:1px solid var(--cizgi);transition:padding-left .35s,background .25s}
.daya-sat:hover{padding-left:16px;padding-right:26px;background:rgb(var(--ust)/.022)}
.daya-sat h4{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600;letter-spacing:-.03em;
             line-height:1.1;position:relative}
.daya-sat p{font-size:15.5px;line-height:1.62;color:var(--gri);max-width:46ch}
.daya-sat .veri{justify-self:end;text-align:right}
.daya-sat .veri b{display:block;font-size:1.45rem;font-weight:500;letter-spacing:-.025em;
                  line-height:1.32;padding-bottom:2px;margin-top:5px}
@media(max-width:900px){
  .daya-sat{grid-template-columns:1fr;gap:12px;padding:26px 0}
  .daya-sat .veri{justify-self:start;text-align:left;margin-top:6px}
  .daya-sat:hover{padding-left:0}
}

/* kapanış çağrısı */
.kapanis{border-top:1px solid var(--cizgi)}
/* bitişik iki ayraç: önceki bölümün alt çizgisi varsa üstteki kalkar */
.koyu + .kapanis,.bant + .kapanis{border-top:none}
.koyu + .koyu{border-top:none}
.sayfa-bas + .koyu{border-top:none}
.kapanis .kap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;
              padding-top:78px;padding-bottom:78px}
.kapanis h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:600;letter-spacing:-.03em;line-height:1.08}
.kapanis p{margin-top:12px;color:var(--gri);font-size:16.5px}
.kapanis-dug{display:flex;gap:12px;flex-wrap:wrap}
.dolu-dug,.cizgili-dug{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;
  border-radius:999px;font-size:15.5px;font-weight:500;white-space:nowrap}
.dolu-dug{background:var(--murekkep);color:var(--kagit)}
.dolu-dug svg{stroke:var(--kagit)}
.dolu-dug:hover{background:rgb(var(--ust))}
.cizgili-dug{border:1px solid rgb(var(--ust)/.2);color:rgb(var(--ust))}
.cizgili-dug:hover{border-color:rgb(var(--ust)/.45)}
.dolu-dug svg,.cizgili-dug svg{width:17px;height:17px}
@media(max-width:800px){.kapanis .kap{grid-template-columns:1fr;gap:28px}}

/* alt bilgi */
.ayak{border-top:1px solid var(--cizgi);background:var(--zemin2);padding:60px 0 28px}
.ayak-ic{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:40px}
.ayak-ic img{width:132px;opacity:.9}
.ayak-ic > div > p{margin-top:16px;font-size:14.5px;line-height:1.6;color:var(--gri2);max-width:40ch}
.ayak h5{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gri2);
         font-weight:500;margin-bottom:14px}
.ayak ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.ayak li,.ayak a{font-size:14.5px;color:var(--gri)}
.ayak a:hover{color:var(--murekkep)}
.ayak-son{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
          margin-top:48px;padding-top:22px;border-top:1px solid var(--cizgi);
          font-size:13px;color:var(--gri2)}
.ayak-son a{font-size:13px;color:var(--gri2)}
.ayak-sag{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.ikonlar{display:flex;gap:8px}
.ikonlar a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;
           border-radius:50%;border:1px solid var(--cizgi);color:var(--gri);
           transition:color .2s,border-color .2s}
.ikonlar a:hover{color:var(--murekkep);border-color:rgb(var(--ust)/.3)}
.ikonlar svg{width:15px;height:15px}
@media(max-width:980px){.ayak-ic{grid-template-columns:1fr 1fr;gap:32px}.ayak-ic > div:first-child{grid-column:1/-1}}

/* sağ alttaki sabit eylemler: WhatsApp ve sayfa başına dön */
.yan-eylem{position:fixed;right:24px;bottom:24px;z-index:75;
           display:flex;flex-direction:column;align-items:center;gap:10px}
.wa-yuzen{display:flex;align-items:center;justify-content:center;width:54px;height:54px;
          border-radius:50%;background:#25d366;color:#fff;
          box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .22s}
.wa-yuzen svg{width:26px;height:26px}
.wa-yuzen:hover{transform:scale(1.07)}
.yukari{display:flex;align-items:center;justify-content:center;width:42px;height:42px;
        border-radius:50%;cursor:pointer;color:var(--murekkep);
        background:rgb(var(--cam)/.9);backdrop-filter:blur(16px) saturate(1.4);
        border:1px solid rgb(var(--ust)/.14);box-shadow:0 4px 14px rgba(0,0,0,.24);
        opacity:0;transform:translateY(10px);pointer-events:none;
        transition:opacity .25s,transform .25s,border-color .2s}
.yukari svg{width:17px;height:17px}
.yan-eylem.gor .yukari{opacity:1;transform:translateY(0);pointer-events:auto}
.yukari:hover{border-color:rgb(var(--ust)/.3)}
@media(max-width:1060px){
  /* alt çubuğun üstüne oturuyor: çubuk 60 + 12 alt boşluk + 14 aralık */
  .yan-eylem{right:16px;bottom:calc(env(safe-area-inset-bottom) + 86px);gap:9px}
  .wa-yuzen{width:50px;height:50px}
  .wa-yuzen svg{width:24px;height:24px}
  .yukari{width:38px;height:38px}
}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* mobil alt çubuk — Turkeyora'daki alt-cubuk: kenara yapışmaz, yüzer.
   Üst ortasındaki çentik radyal gradyan MASKESİYLE kesiliyor; yarıçap piksel
   cinsinden sabit olduğu için kap genişlese de daire daire kalıyor. */
.mobil{display:none}
.ac-bosluk{display:none}
@media(max-width:1060px){
  .ac-bosluk{display:block;height:calc(env(safe-area-inset-bottom) + 6.5rem)}
  .mobil{display:block;position:fixed;left:0;right:0;bottom:0;z-index:80;
         padding:0 12px calc(env(safe-area-inset-bottom) + 12px)}
  .ac-ic{position:relative;width:100%;max-width:440px;margin:0 auto;height:60px;
         display:flex;align-items:center;justify-content:space-between;padding:0 18px}
  .ac-zemin{position:absolute;inset:0;border-radius:16px;
    border:1px solid rgb(var(--ust)/.2);
    background:linear-gradient(180deg,rgb(var(--cam-ust)/.98),rgb(var(--cam)/.98));
    backdrop-filter:blur(22px) saturate(1.5);
    box-shadow:0 12px 34px rgba(0,0,0,.55),inset 0 1px 0 rgb(var(--ust)/.1);
    -webkit-mask-image:radial-gradient(circle 33px at 50% 0,transparent 33px,#000 33.5px);
    mask-image:radial-gradient(circle 33px at 50% 0,transparent 33px,#000 33.5px)}
  .ac-grup{position:relative;display:flex;align-items:center;gap:6px}
  .ac-dug{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
          border-radius:12px;color:var(--murekkep2);background:none;border:none;cursor:pointer}
  .ac-dug svg{width:21px;height:21px}
  .ac-dug[aria-current="page"]{color:var(--murekkep);background:rgb(var(--ust)/.07)}
  .ac-dug:hover{color:var(--murekkep)}
  /* yükseltilmiş ana eylem: ara */
  .ac-ara{position:absolute;left:50%;top:-27px;transform:translateX(-50%);
          width:54px;height:54px;border-radius:50%;display:flex;align-items:center;
          justify-content:center;background:var(--vurgu);color:#fff;
          box-shadow:0 6px 18px rgba(0,0,0,.3)}
  .ac-ara svg{width:22px;height:22px;stroke:#fff}
  .ac-ara:active{transform:translateX(-50%) scale(.95)}
  /* çubuktaki tema anahtarı: üst bardaki gizli olduğu için buradan yönetiliyor */
  .mobil .tema{display:flex;width:52px;height:28px;
    background:rgb(var(--ust)/.09);border-color:rgb(var(--ust)/.2)}
  .mobil .tema .topuz{background:rgb(var(--ust)/.9);color:var(--kagit);box-shadow:none}
  .mobil .tema .ik{color:rgb(var(--ust)/.42)}
  .mobil .tema .ik,.mobil .tema .topuz{width:22px;height:22px;margin-top:-11px}
  .mobil .tema .ik.ay{transform:translateX(24px)}
  .mobil .tema .topuz{transform:translateX(24px)}
  [data-tema="acik"] .mobil .tema .topuz{transform:translateX(0)}
  .ayak{padding-bottom:40px}
}

/* nokta deseni — Turkeyora'daki NoktaKose: bölümün üst köşesinde durur, yazıya girmez.
   Nokta ızgarası aynı zamanda maske; altında ağır ağır gezinen bir ışık lekesi var.
   Mobilde kapalı: yazının üstüne biniyor. */
.bol{position:relative;overflow:hidden}
.bol > .kap{position:relative;z-index:1}
.nokta-kose{position:absolute;top:-28px;z-index:0;width:min(32rem,58%);height:15rem;
            pointer-events:none;left:0;
  -webkit-mask-image:radial-gradient(ellipse at top left,#000 10%,transparent 58%);
  mask-image:radial-gradient(ellipse at top left,#000 10%,transparent 58%)}
.nokta-kose.sag{left:auto;right:0;
  -webkit-mask-image:radial-gradient(ellipse at top right,#000 10%,transparent 58%);
  mask-image:radial-gradient(ellipse at top right,#000 10%,transparent 58%)}
.nokta-kose .desen{position:absolute;inset:0;opacity:.24;
  background:radial-gradient(circle at 1.5px 1.5px,var(--vurgu) 1.3px,transparent 0);
  background-size:16px 16px}
.nokta-dalga{position:absolute;inset:0;overflow:hidden;opacity:.9;
  -webkit-mask-image:radial-gradient(circle at 1.5px 1.5px,#000 1.3px,transparent 0);
  mask-image:radial-gradient(circle at 1.5px 1.5px,#000 1.3px,transparent 0);
  -webkit-mask-size:16px 16px;mask-size:16px 16px}
.nokta-isik{position:absolute;top:-190px;left:-190px;width:100%;height:100%;
  background:radial-gradient(circle 190px at 190px 190px,var(--vurgu),
    color-mix(in oklab,var(--vurgu) 38%,transparent) 45%,transparent 100%);
  transform:translate(30%,35%);animation:nokta-isik 16s ease-in-out infinite}
.nokta-dalga.sag .nokta-isik{animation-direction:reverse}
@keyframes nokta-isik{
  0%{transform:translate(22%,30%)}  25%{transform:translate(48%,22%)}
  50%{transform:translate(58%,55%)} 75%{transform:translate(30%,62%)}
  100%{transform:translate(22%,30%)}}
@media(max-width:640px){.nokta-kose{display:none}}

/* açık temada: çizim ters çevrilir, beyaz logolar siyaha döner */
.cizim img,.cizim-tuval{filter:var(--cizim-filtre)}
.marka img,.ayak-ic img{filter:var(--logo-filtre)}
.serit-ic img{filter:var(--logo-filtre)}
body{transition:background-color .25s,color .25s}

/* Mobilde dikey ritim: masaüstü ölçüleri dar ekranda bölümleri
   birbirinden gereğinden fazla ayırıyordu. Hepsi tek yerden kısaldı. */
@media(max-width:760px){
  .bol{padding:40px 0}
  .bol + .bol{padding-top:30px}
  .bol-bas{margin-bottom:24px}
  .sayfa-bas + .bol{padding-top:30px}
  .bas-alt{padding-bottom:22px}

  .isler{gap:14px}
  .hiz-blok{padding:30px 0}
  .m-kat{padding:24px 0}
  .m-kat-bas{margin-bottom:14px}
  .daya{margin-top:22px}
  .daya-sat{padding:20px 0}
  .akis{margin-top:28px}
  .serit{margin-top:22px}
  .ilet{gap:28px}
  .ik-sat{padding:18px 0}
  .sss summary{padding:18px 0}
  .sss .sss-ic > p{padding-bottom:18px}
  .metin h2{margin:28px 0 12px}
  .tablo-kutu{margin:14px 0 18px}
  .kariyer{gap:20px}

  .kapanis .kap{padding-top:44px;padding-bottom:44px}
  .ayak{padding-top:40px}
  .ayak-ic{gap:26px}
  .ayak-son{margin-top:30px;padding-top:18px}
}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ══ iç sayfalar ══ */

/* sayfa başlığı — hero'nun akrabası: arkada aynı teknik çizim, önde künye tipografisi */
.sayfa-bas + .bol{padding-top:44px}
.sayfa-bas{position:relative;overflow:hidden;min-height:330px;display:flex;align-items:flex-end;
           background:linear-gradient(180deg,var(--hero1),var(--kagit));
           border-bottom:1px solid var(--cizgi);padding:138px 0 0}
.sayfa-bas .kap{position:relative;z-index:2;width:100%;padding-bottom:0}
/* arka plandaki çizim sağ yarıda, soldan sağa doğru beliriyor */
.bas-cizim{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.bas-cizim img{position:absolute;right:-4%;top:50%;transform:translateY(-50%);
               width:62%;min-width:620px;opacity:.2;filter:var(--cizim-filtre);
               -webkit-mask-image:linear-gradient(90deg,transparent,#000 42%,#000 86%,transparent);
               mask-image:linear-gradient(90deg,transparent,#000 42%,#000 86%,transparent)}
.sayfa-bas::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgb(var(--kagit-r)/0) 45%,rgb(var(--kagit-r)/.55) 100%)}

.iz{display:flex;align-items:center;gap:10px;font-family:ui-monospace,'SF Mono',monospace;
    font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--gri2);margin-bottom:20px}
.iz a:hover{color:var(--murekkep)}
.sayfa-bas h1{font-size:clamp(2.5rem,5.6vw,4.3rem);font-weight:600;letter-spacing:-.04em;
              line-height:1.02;max-width:17ch}
/* başlığı taşıyan ince çizgi — bölüm ayraçlarıyla aynı dil */
.bas-alt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;
         margin-top:22px;padding:0 0 34px}
.bas-alt.bos{padding:0;margin-top:30px}
.bas-alt p{max-width:56ch;font-size:16.5px;line-height:1.6;color:var(--gri)}
.bas-alt .nokta-sayi{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.bas-alt .nokta-sayi b{font-size:1.5rem;font-weight:500;letter-spacing:-.025em;
  background:linear-gradient(166deg,rgb(var(--ust)) 42%,rgb(var(--ust)/.5));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
@media(max-width:760px){
  .sayfa-bas{min-height:0;padding:104px 0 0}
  .bas-cizim img{position:relative;inset:auto;top:auto;right:auto;transform:none;
                 width:100%;min-width:0;opacity:.12;
                 -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);
                 mask-image:linear-gradient(180deg,#000 55%,transparent)}
  .bas-cizim{display:flex;align-items:flex-start;padding-top:72px}
  .bas-alt{grid-template-columns:1fr;gap:16px;margin-top:16px;padding:0 0 28px}
}

/* hizmet blokları — görsel + metin, sırayla yer değiştirir */
.hiz-blok{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:52px;
          align-items:center;padding:58px 0;border-bottom:1px solid var(--cizgi)}
.hiz-blok:last-child{border-bottom:none}
.hiz-blok.ters{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}
.hiz-blok.ters .gorsel{order:2}
.hiz-blok .gorsel{--yar:50%;position:relative;aspect-ratio:3/2;border-radius:14px;overflow:hidden;
                  border:1px solid var(--cizgi);transition:border-color .3s}
.hiz-blok:hover .gorsel{--yar:16%;border-color:rgb(var(--ust)/.24)}
.hiz-blok .gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hiz-blok h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:600;letter-spacing:-.035em;
             line-height:1.05}
.hiz-blok > div > p{margin-top:16px;font-size:16.5px;line-height:1.62;color:var(--gri);max-width:46ch}
@media(max-width:860px){
  .hiz-blok,.hiz-blok.ters{grid-template-columns:1fr;gap:28px;padding:44px 0}
  .hiz-blok.ters .gorsel{order:0}
}

/* işaretli liste */
.liste{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:13px}
.liste li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5}
.liste svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:var(--vurgu);stroke-width:2.2}

/* ekipman grupları */
.gruplar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cizgi);
         border:1px solid var(--cizgi);border-radius:14px;overflow:hidden}
.gruplar > div{background:var(--yuzey);padding:28px 26px 30px}
.gruplar::after{content:'';background:var(--yuzey)}  /* boş kalan hücre */
.gruplar h4{font-size:1.18rem;font-weight:600;letter-spacing:-.02em;margin-bottom:9px}
.gruplar p{font-size:14.5px;line-height:1.58;color:var(--gri)}
@media(max-width:900px){.gruplar{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gruplar{grid-template-columns:1fr}}

/* marka logoları — kategorilere göre ızgara */
.m-kat-bas{display:flex;align-items:baseline;gap:14px;margin:0 0 20px}
.m-kat-bas h3{font-size:1.18rem;font-weight:600;letter-spacing:-.02em}
.m-kat-bas span{font-family:ui-monospace,'SF Mono',monospace;font-size:11px;
                letter-spacing:.17em;color:var(--gri2)}
.m-izgara2{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.m-kutu{display:flex;align-items:center;justify-content:center;height:92px;padding:18px 22px;
        background:#f4f5f7;border-radius:10px;border:1px solid rgba(0,0,0,.06);
        transition:transform .22s,box-shadow .22s}
.m-kutu:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.22)}
.m-kutu img{max-width:100%;max-height:46px;width:auto;height:auto;object-fit:contain}
.m-kutu.yazi{font-size:15px;font-weight:600;color:#3a3f47;text-align:center;letter-spacing:-.01em}
@media(max-width:620px){
  .m-izgara2{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}
  .m-kutu{height:76px;padding:14px 16px}
  .m-kutu img{max-height:38px}
}

/* marka kategorileri (eski metin listesi, artık kullanılmıyor) */
.m-kat{padding:34px 0;border-bottom:1px solid var(--cizgi)}
.m-kat:last-of-type{border-bottom:none}
.m-kat h3{font-size:1.22rem;font-weight:600;letter-spacing:-.02em;margin-bottom:18px}
.m-liste{display:flex;flex-wrap:wrap;gap:8px}
.m-liste span{font-size:14.5px;color:var(--gri);border:1px solid var(--cizgi);
              border-radius:999px;padding:7px 15px;transition:color .2s,border-color .2s}
.m-liste span:hover{color:var(--murekkep);border-color:rgb(var(--ust)/.3)}

.sosyal{display:flex;flex-direction:column;gap:10px;margin-top:26px;align-items:flex-start}
.sosyal a{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--gri)}
.sosyal svg{width:17px;height:17px;flex-shrink:0;color:var(--vurgu)}
.sosyal a:hover{color:var(--murekkep)}

/* iletişim sayfası: solda doğrudan ulaşım kartları, sağda servis talebi formu.
   Mobilde form öne alınıyor — asıl eylem o. */
.ilet-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:52px;
            align-items:start}
.ilet-sol{order:1}
.ilet-sag{order:2}
.ilet-sol > .mono{display:block;margin-bottom:18px;color:var(--gri2)}
.talep-bas{margin-bottom:26px}
.talep-bas h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:600;letter-spacing:-.035em;
              line-height:1.05;margin-top:12px}
.talep-bas h2 .ince{font-weight:400;color:var(--gri2)}
.talep-bas p{margin-top:14px;font-size:15.5px;line-height:1.6;color:var(--gri);max-width:46ch}
@media(max-width:980px){
  .ilet-duzen{grid-template-columns:1fr;gap:46px}
  .ilet-sag{order:1}   /* form önce */
  .ilet-sol{order:2}
}

/* iletişim kartları — tek uzun liste yerine ızgara, sayfa kısalıyor */
.i-izgara{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.i-kart{display:block;padding:24px 24px 26px;border:1px solid var(--cizgi);border-radius:14px;
        background:var(--yuzey);transition:border-color .22s,transform .22s}
a.i-kart:hover{border-color:rgb(var(--ust)/.26);transform:translateY(-2px)}
.i-kart .s{display:flex;align-items:center;justify-content:center;width:40px;height:40px;
           border-radius:11px;background:rgb(var(--ust)/.06);color:var(--vurgu);margin-bottom:20px}
.i-kart .s svg{width:18px;height:18px}
.i-kart .k-et{display:block;color:var(--gri2)}
.i-kart .k-de{display:block;margin-top:8px;font-size:1.14rem;font-weight:500;
              letter-spacing:-.015em;line-height:1.3;word-break:break-word}
.i-kart.eposta .k-de{font-size:.99rem;letter-spacing:-.005em;overflow-wrap:anywhere}
.i-kart .k-alt{display:block;margin-top:7px;font-size:13.5px;line-height:1.5;color:var(--gri)}
a.i-kart:hover .k-de{color:var(--vurgu)}
.sosyal{flex-direction:row;gap:26px;flex-wrap:wrap;margin-top:24px}
@media(max-width:560px){.i-izgara{grid-template-columns:1fr;gap:11px}
  .i-kart{padding:20px 20px 22px}.i-kart .s{margin-bottom:14px}}

/* servis talebi formu — gönderince alanlar WhatsApp mesajına dönüşür */
.talep{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;max-width:none}
.alan{display:flex;flex-direction:column;gap:8px}
.alan.genis{grid-column:1/-1}
.alan label{font-family:ui-monospace,'SF Mono',monospace;font-size:11px;letter-spacing:.17em;
            text-transform:uppercase;color:var(--gri2)}
.alan input,.alan textarea{font:inherit;font-size:16px;color:var(--murekkep);
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;padding:13px 15px;
  transition:border-color .2s,background .2s;resize:vertical}
.alan input::placeholder,.alan textarea::placeholder{color:var(--gri2)}
.alan input:focus,.alan textarea:focus{outline:none;border-color:var(--vurgu);
  background:var(--yuzey-ust)}
.alan input:user-invalid,.alan textarea:user-invalid{border-color:#c2564b}
.talep-alt{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:4px}
.wa-dug{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:none;
        border-radius:999px;background:#25d366;color:#0b2015;cursor:pointer;
        font:inherit;font-size:15.5px;font-weight:600;transition:filter .2s}
.wa-dug svg{width:19px;height:19px;fill:#0b2015}
.wa-dug:hover{filter:brightness(1.08)}
.talep-not{font-size:13.5px;color:var(--gri2);max-width:34ch}
@media(max-width:700px){
  .talep{grid-template-columns:1fr;gap:14px}
  .talep-alt{margin-top:2px}
  .wa-dug{width:100%;justify-content:center}
}

/* sık sorulanlar */
.sss{border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:20px;
             padding:24px 0;cursor:pointer;list-style:none;
             font-size:1.1rem;font-weight:500;letter-spacing:-.015em}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:'';width:11px;height:11px;flex-shrink:0;border-right:1.6px solid var(--gri);
  border-bottom:1.6px solid var(--gri);transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.sss details[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.sss summary:hover{color:var(--vurgu)}
.sss .sss-ic{display:grid;grid-template-rows:0fr;
              transition:grid-template-rows .34s cubic-bezier(.4,0,.15,1)}
.sss details[open] .sss-ic{grid-template-rows:1fr}
.sss .sss-ic > p{overflow:hidden;padding:0 0 24px;max-width:72ch;
                 font-size:15.5px;line-height:1.65;color:var(--gri)}

/* kariyer */
.kariyer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:center}
.kariyer h3{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:600;letter-spacing:-.03em}
.kariyer > div > p{margin-top:14px;max-width:52ch;font-size:16px;line-height:1.6;color:var(--gri)}
.kariyer-dug{display:flex;flex-direction:column;gap:11px}
@media(max-width:820px){.kariyer{grid-template-columns:1fr;gap:26px}
  .kariyer-dug{flex-direction:row;flex-wrap:wrap}}

/* hukuki metinler */
.metin{max-width:none}
.metin > p,.metin > ul{max-width:92ch}
.metin h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:44px 0 14px}
.metin h2:first-child{margin-top:0}
.metin p{font-size:15.5px;line-height:1.72;color:var(--gri);margin-bottom:14px}
.metin ul{margin:0 0 16px 20px;color:var(--gri);font-size:15.5px;line-height:1.72}
.metin li{margin-bottom:7px}
.metin a{color:var(--vurgu)}
.tablo-kutu{border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;margin:18px 0 26px;
            overflow-x:auto}
.tablo-kutu table{width:100%;border-collapse:collapse;font-size:14.5px}
.tablo-kutu th{text-align:left;background:var(--yuzey);font-weight:500;color:var(--murekkep)}
.tablo-kutu th,.tablo-kutu td{padding:13px 18px;border-bottom:1px solid var(--cizgi);
                              color:var(--gri);vertical-align:top}
.tablo-kutu tr:last-child td{border-bottom:none}