/* 720.com.tr v3 — havada uçuşan arayüz kartları + ana sayfanın yeni bölümleri. site.css'in üstüne biner.
   Kartlar gerçek HTML'dir; js/uzay.js onları su sahnesinin kamerasıyla aynı 3B uzaya yerleştirir (100 px = 1 dünya birimi). */
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url(/font/jbm-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20C0}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url(/font/jbm-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2190-2193}
:root{--vurgu:#0B1C2D;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
html.lenis,html.lenis body{height:auto}
html,body{overflow-x:clip}

/* tipografi: sıkı ve kalın; vurgu renkle */
.baslik-xl,.baslik-l{font-weight:700;letter-spacing:-.045em;line-height:1}
.baslik-xl strong,.baslik-l strong{font-weight:700;color:var(--vurgu)}
.etiket,.mono{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
.etiket{color:var(--vurgu)}

/* uzay */
.uzay{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.uzay-kam{position:absolute;inset:0;transform-style:preserve-3d}
.nesne{position:absolute;left:0;top:0;visibility:hidden}
.nesne.tik{pointer-events:auto}
.su-yok .uzay{display:none}

.baslik3{width:1500px;margin:0;text-align:center;color:var(--murekkep)}
.b-on{display:block;font-size:44px;font-weight:500;letter-spacing:-.02em;color:var(--soluk);margin-bottom:20px}
.b-ana{display:block;font-size:168px;font-weight:700;letter-spacing:-.055em;line-height:.94;text-wrap:balance}
.b-ana em{font-style:normal;color:var(--vurgu)}
.b-ana .satir,.b-on .satir{overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}

/* kartlar */
.k{display:block;background:#fff;border-radius:22px;padding:18px;color:var(--murekkep);font-size:13px;line-height:1.35;box-shadow:0 0 0 1px rgba(11,28,45,.07),0 44px 70px -38px rgba(11,28,45,.5)}
.k .mono{font-size:10px;color:rgba(11,28,45,.55)}
.k img,.k video{display:block;width:100%;object-fit:cover}
.hap{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#EDF2F5;font-size:11px;font-weight:600;white-space:nowrap}
.hap.koyu{background:rgba(11,28,45,.84);color:#fff}
.hap.secili{background:var(--murekkep);color:#fff}
.rozet{display:inline-block;padding:3px 8px;border-radius:999px;background:#EDF1F5;color:#0B1C2D;font-size:11px;font-weight:700}
.dug{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--murekkep);color:#fff;font-size:11px;font-weight:600;white-space:nowrap}
.k .ciz{fill:none;stroke:var(--vurgu);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--yum) .25s}
.canli .ciz{stroke-dashoffset:0}

.k-kpi{width:236px}
.k-buyuk{font-size:46px;font-weight:800;letter-spacing:-.045em;line-height:1.05;margin:4px 0 6px;white-space:nowrap}
.k-kpi svg{width:100%;height:44px;margin-top:12px;overflow:visible}

.k-kampanya{width:410px}
.k-kampanya header,.k-panel header,.k-rapor header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.k-kampanya header b,.k-panel header b{font-size:16px;font-weight:700;letter-spacing:-.02em}
.k-kampanya li{display:grid;grid-template-columns:1fr 104px 34px;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(11,28,45,.08);font-weight:500}
.k-kampanya li i{height:8px;border-radius:99px;background:#E9EEF2;overflow:hidden}
.k-kampanya li i::after{content:"";display:block;height:100%;width:var(--w);border-radius:99px;background:var(--vurgu);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--yum) .3s}
.canli .k-kampanya li i::after{transform:none}
.k-kampanya li b{font-size:15px;font-weight:800;text-align:right}
.k-kampanya li.sonuk{color:rgba(11,28,45,.4)}
.k-kampanya li.sonuk i::after{background:#C3CDD4}
.k-kampanya footer{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(11,28,45,.08)}

.k-kreatif{width:290px;padding:10px;position:relative}
.k-kreatif img{aspect-ratio:4/5;border-radius:14px}
.k-kreatif.dik{width:236px}
.k-kreatif.dik img{aspect-ratio:9/16}
.k-kreatif .hap,.k-urun .hap{position:absolute;left:20px;top:20px}

.k-urun{width:226px;padding:10px;position:relative}
.k-urun img{aspect-ratio:1;border-radius:14px}
.k-urun p{font-weight:600;font-size:14px;margin:10px 4px 6px}
.k-urun div{display:flex;align-items:center;justify-content:space-between;margin:0 4px 4px}
.k-urun b{font-size:16px;font-weight:800}

.k-tarayici{width:600px;padding:0;overflow:hidden}
.k-tarayici header{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#F0F3F6}
.k-tarayici header i{width:9px;height:9px;border-radius:50%;background:#CAD4DB}
.k-tarayici header span{margin-left:10px;text-transform:none;letter-spacing:0}

.k-telefon{width:236px;padding:8px;border-radius:38px;background:var(--murekkep);box-shadow:0 44px 70px -34px rgba(11,28,45,.6)}
.k-telefon img,.k-telefon video{display:block;width:100%;aspect-ratio:432/936;object-fit:cover;border-radius:30px;background:#fff}

.k-mail{width:356px}
.k-mail header{display:flex;align-items:center;gap:10px}
.k-mail header div{flex:1}
.k-mail header b{font-size:14px}
.k-mail header p{color:var(--soluk)}
.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--vurgu);color:#fff;font-weight:800}
.mail-urun{display:flex;gap:12px;align-items:center;padding:12px;margin:14px 0;border-radius:14px;background:#F3F6F8}
.mail-urun img{width:88px;aspect-ratio:1;border-radius:10px}
.mail-urun b{font-size:15px}
.mail-urun p{color:var(--soluk);margin:2px 0 8px}
.k-mail footer{display:flex;align-items:center;gap:8px;font-weight:700}
.onay{position:relative;width:18px;height:18px;border-radius:50%;background:var(--murekkep)}
.onay::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}

.k-rapor{width:306px;background:var(--murekkep);color:#fff}
.k-rapor .mono{color:rgba(255,255,255,.55)}
.k-rapor header b{font-size:34px;font-weight:700;letter-spacing:-.03em}
.k-rapor li{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.13)}
.k-rapor li span{color:rgba(255,255,255,.7)}
.k-rapor footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.13)}

.k-panel{width:548px}
.k-panel header b{margin-right:auto}
.haplar{display:flex;gap:4px}
.kutular{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kutular div{padding:12px;border-radius:14px;background:#F3F6F8}
.kutular b{display:block;font-size:21px;font-weight:800;letter-spacing:-.03em;margin:4px 0 6px;white-space:nowrap}
.k-panel svg{display:block;width:100%;height:118px;margin-top:12px}
.k-panel .alan{opacity:0;transition:opacity 1.6s ease .9s}
.canli .k-panel .alan{opacity:1}

.k-arama{width:376px}
.cubuk{display:flex;align-items:center;gap:9px;padding:10px 14px;margin-bottom:14px;border-radius:999px;border:1px solid #DAE2E8;font-weight:500}
.cubuk i{width:11px;height:11px;border-radius:50%;border:2px solid var(--murekkep);position:relative}
.cubuk i::after{content:"";position:absolute;right:-5px;bottom:-4px;width:5px;height:2px;background:var(--murekkep);transform:rotate(45deg)}
.k-arama .mono{text-transform:none;letter-spacing:0}
.k-arama b{display:block;font-size:16px;color:var(--vurgu);margin:3px 0}
.k-arama>p:last-child{color:var(--soluk)}

.k-skor{width:176px;text-align:center;position:relative}
.k-skor svg{width:96px;height:96px;margin:2px auto 8px;transform:rotate(-90deg)}
.k-skor circle{fill:none;stroke-width:6}
.k-skor .iz{stroke:#E9EEF2}
.k-skor .ciz{stroke-width:6}
.canli .k-skor .ciz{stroke-dashoffset:.08}
.k-skor b{position:absolute;left:0;right:0;top:46px;font-size:28px;font-weight:800;letter-spacing:-.03em}

.k-cip{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border-radius:999px;background:#fff;color:var(--murekkep);font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 0 0 1px rgba(11,28,45,.07),0 30px 50px -28px rgba(11,28,45,.5)}
.k-cip i{width:8px;height:8px;border-radius:50%;background:var(--teal)}
.k-cip.koyu{background:var(--murekkep);color:#fff}
.k-cip.akis em{width:20px;height:1.5px;background:currentColor;opacity:.35}
.hayalet{font-size:820px;font-weight:800;letter-spacing:-.06em;line-height:.8;color:rgba(11,28,45,.05);white-space:nowrap}

.k-is{width:760px;padding:12px;cursor:pointer;transition:box-shadow .5s}
.k-is img{aspect-ratio:16/10;border-radius:13px;height:auto}
.k-is div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 6px 4px}
.k-is b{font-size:24px;font-weight:700;letter-spacing:-.03em}
.k-is span{color:var(--soluk);font-size:14px;font-weight:500}
a.k-is:hover{box-shadow:0 0 0 2px var(--murekkep),0 44px 70px -38px rgba(11,28,45,.5)}

/* yükleme perdesi */
.yukle{position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:1fr auto;padding:var(--pay);background:var(--murekkep);color:var(--kagit)}
.yukle-sayi{align-self:end;font-size:clamp(5rem,23vw,23rem);font-weight:700;letter-spacing:-.06em;line-height:.8;font-variant-numeric:tabular-nums}
.yukle p{display:flex;justify-content:space-between;padding-top:22px;margin-top:22px;border-top:1px solid rgba(246,248,252,.2)}
.su-yok .yukle{display:none}

/* hero */
.hero3{position:relative;height:100svh;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--pay)}
.hero-yedek{display:none;margin:auto 0;font-size:clamp(2.2rem,6vw,5.6rem);font-weight:700;letter-spacing:-.045em;line-height:1;text-align:center}
.hero-yedek span{display:block;font-size:.34em;font-weight:500;color:var(--soluk);letter-spacing:-.02em;margin-bottom:.6em}
.su-yok .hero-yedek{display:block}
.hero3-alt{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding-bottom:18px}
.hero3-alt>p:first-child{max-width:24em;font-weight:500;line-height:1.4}
.hero3-kaydir{justify-self:end}
.serit{overflow:hidden;border-top:1px solid var(--cizgi);margin:0 calc(var(--pay)*-1);padding:13px 0}
.serit div{display:flex;gap:44px;width:max-content;animation:kay 40s linear infinite;font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;padding-right:44px}
.serit span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:12px;vertical-align:1px}

/* tez */
.tez{position:relative;height:230vh}
.tez-ic{position:sticky;top:0;height:100svh;display:grid;align-content:center;gap:26px;padding:0 var(--pay)}
.tez-metin{max-width:19em;font-size:clamp(1.7rem,4.3vw,4.3rem);font-weight:700;letter-spacing:-.04em;line-height:1.06;text-wrap:pretty}
.tez-metin .sozcuk{opacity:.13}

/* hizmet istasyonları */
.hizmet3{position:relative;height:calc(var(--n)*90vh + 100vh)}
.hz-yap{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(86px,12vh,118px) var(--pay) 22px}
.hz-bas{display:flex;justify-content:space-between;align-items:center;gap:20px}
.hz-bas h2{margin:0}
.hz-sayac b{color:var(--murekkep);font-weight:700}
.hz-metinler{position:relative;align-self:center;width:min(46%,600px);min-height:340px}
.hz-metinler::before{content:"";position:absolute;inset:-60px -90px;background:radial-gradient(closest-side,rgba(246,248,252,.78),rgba(246,248,252,0));pointer-events:none}
.hz{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(34px);transition:opacity .45s ease,transform .9s var(--yum);pointer-events:none}
.hz.aktif{opacity:1;transform:none;transition-delay:.18s;pointer-events:auto}
.hz h3{font-size:clamp(2.3rem,5.2vw,5rem);font-weight:700;letter-spacing:-.05em;line-height:.98;text-wrap:balance}
.hz-vurgu{margin:18px 0 14px;font-size:clamp(1.15rem,1.75vw,1.65rem);font-weight:600;letter-spacing:-.02em;color:var(--vurgu)}
.hz-metin{max-width:31em;color:var(--soluk)}
.hz-ray{display:flex;flex-wrap:wrap;gap:6px;padding-right:96px}
.hz-ray button{display:flex;align-items:center;gap:8px;padding:.6em 1em;border:1px solid var(--cizgi);border-radius:999px;background:var(--cam);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .3s,color .3s,border-color .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hz-ray button span{font-family:var(--mono);font-size:.66rem;opacity:.6}
.hz-ray button.aktif{background:var(--murekkep);border-color:var(--murekkep);color:var(--kagit)}
.su-yok .hizmet3{height:auto}
.su-yok .hz-yap{position:static;height:auto}
.su-yok .hz-metinler{width:auto;min-height:0;display:grid;gap:44px}
.su-yok .hz{position:static;opacity:1;transform:none}
.su-yok .hz-ray,.su-yok .hz-sayac{display:none}

/* sistem (lacivert) */
.sistem{position:relative;background:var(--murekkep);color:var(--kagit)}
.sistem-ic{max-width:1560px;margin:0 auto;padding:clamp(90px,15vh,190px) var(--pay);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,90px);align-items:center}
.sistem .etiket{color:var(--teal);margin-bottom:22px}
.sistem .baslik-xl strong{color:var(--teal)}
.sistem .neden{margin-top:clamp(36px,6vh,70px)}
.sistem .neden li{border-color:rgba(246,248,252,.18)}
.sistem .n-kucuk{color:rgba(246,248,252,.62)}
.yorunge svg{width:100%;height:auto;overflow:visible}
.yorunge .halka{fill:none;stroke:rgba(246,248,252,.26);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--yum) .3s;transform:rotate(-90deg);transform-origin:260px 260px}
.yorunge.gor .halka{stroke-dashoffset:0}
.gezgin{transform-origin:260px 260px;animation:don 11s linear infinite}
.gezgin.ters{animation:don 19s linear infinite reverse}
.gezgin circle{fill:var(--teal)}
@keyframes don{to{transform:rotate(360deg)}}
.gobek{fill:var(--teal)}
.gobek-yazi{fill:var(--murekkep);font-size:17px;font-weight:800;letter-spacing:.06em;text-anchor:middle}
.dugumler circle{fill:var(--kagit)}
.dugumler text{fill:var(--kagit);font-size:16px;font-weight:600;text-anchor:middle}
.dugumler g{opacity:0;transition:opacity .9s ease}
.yorunge.gor .dugumler g{opacity:1}
.dugumler g:nth-child(n){transition-delay:calc(.9s + var(--i,0)*.1s)}

/* işler sırası */
.isler3{position:relative;height:calc(var(--n)*80vh + 100vh);pointer-events:none}
.is-yap{position:sticky;top:0;height:100svh;padding:0 var(--pay)}
.is-yap a{pointer-events:auto}
.is-ipucu{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:var(--soluk)}
.su-yok .isler3{height:auto;padding:clamp(90px,15vh,190px) var(--pay);pointer-events:auto}
.su-yok .is-yap{position:static;height:auto;padding:0}
.su-yok .is-ipucu{display:none}

@media (max-width:1000px){
  .sistem-ic{grid-template-columns:1fr}
  .yorunge{max-width:440px;margin:0 auto}
}
@media (max-width:760px){
  .baslik3{width:780px}
  .b-on{font-size:40px}
  .b-ana{font-size:132px}
  .hero3-alt{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
  .hero3-kaydir{display:none}
  .hz-yap{padding-top:84px}
  .hz-bas h2{font-size:.6rem}
  .hz-metinler{width:100%;align-self:end;min-height:300px}
  .hz h3{font-size:2.3rem}
  .hz .cip{display:none}
  .hz-ray button{padding:.55em .8em;font-size:0}
  .hz-ray button span{font-size:.7rem;opacity:1}
  .tez-metin{font-size:1.75rem}
}
@media (prefers-reduced-motion:reduce){.serit div,.gezgin{animation:none}}

/* ───────── bembeyaz tema: beyaz zemin, lacivert mürekkep, ince çizgi. Vurgu renk değil ton: başlığın girişi soluk, vurgusu tam mürekkep. ───────── */
.baslik-xl,.baslik-l{color:rgba(11,28,45,.36)}
.baslik-xl strong,.baslik-l strong{color:var(--murekkep)}
.sistem .baslik-xl{color:rgba(255,255,255,.46)}
.sistem .baslik-xl strong{color:#fff}
.etiket{color:var(--teal-koyu)}
.sistem .etiket{color:var(--teal)}
.b-ana em{color:inherit}
.hz-vurgu{color:var(--murekkep)}
.k{box-shadow:0 0 0 1px rgba(11,28,45,.08),0 40px 70px -40px rgba(11,28,45,.38),0 8px 18px -12px rgba(11,28,45,.12)}
.k-cip i,.serit span::before{background:var(--murekkep)}
.hayalet{color:rgba(11,28,45,.045)}
.hz-metinler::before{background:radial-gradient(closest-side,rgba(255,255,255,.86),rgba(255,255,255,0))}
.form{background:#fff;border-color:rgba(11,28,45,.1);box-shadow:0 40px 90px -50px rgba(11,28,45,.4)}
.ajanlar li,.partner li{background:#fff;border-color:rgba(11,28,45,.09);box-shadow:0 24px 50px -36px rgba(11,28,45,.35)}
.hud{mix-blend-mode:normal;color:var(--murekkep)}
.ekip{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:clamp(22px,3vw,44px);border-bottom:0}

/* üst çubuk: havada duran kapsül; aşağı kaydırınca çekilir, yukarı kaydırınca geri gelir */
.ust{inset:14px 0 auto 0;width:min(1120px,calc(100% - 28px));margin:0 auto;padding:7px 7px 7px 22px;gap:6px;border-radius:999px;
  background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:0 0 0 1px rgba(11,28,45,.07),0 20px 44px -26px rgba(11,28,45,.32);transition:transform .6s var(--yum),box-shadow .4s,background .4s}
.ust.dolu{padding:7px 7px 7px 22px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(11,28,45,.08),0 22px 44px -24px rgba(11,28,45,.4)}
.ust.gizli{transform:translateY(-150%)}
.ust .logo{height:21px}
.ust-menu{gap:2px;margin-right:6px}
.ust-menu a{padding:9px 15px;border-radius:999px;font-size:.88rem;font-weight:600;letter-spacing:-.01em;transition:background .3s}
.ust-menu a::after{display:none}
.ust-menu a:hover,.ust-menu a[aria-current]{background:rgba(11,28,45,.065)}
.ust-teklif{padding:.9em 1.3em}
.menu-dugme{width:40px;height:40px;border:0;background:var(--murekkep)}
.menu-dugme i{left:12px;right:12px;background:#fff}
.menu-dugme i:first-child{top:16px}.menu-dugme i:last-child{top:23px}
.menu-dugme[aria-expanded=true] i:first-child,.menu-dugme[aria-expanded=true] i:last-child{top:19.5px}
.menu{background:rgba(255,255,255,.96)}

/* iç sayfalar: sahnesiz, sade beyaz */
.su-yok .vaka-hero{height:auto;padding-top:clamp(120px,18vh,190px)}
.su-yok .vaka-bas{position:static;margin-bottom:clamp(26px,5vh,54px)}
.vaka-bas::before,.g-bilgi::before{display:none}
.su-yok .galeri{padding-top:clamp(120px,18vh,190px)}
.su-yok .g-ust .baslik-l{font-size:clamp(2rem,4.3vw,4.1rem)}
.is-izgara li[hidden],.dizin li[hidden]{display:none}
.is-izgara img{border:1px solid rgba(11,28,45,.08)}
.is-izgara a img{transition:transform .8s var(--yum)}
.is-izgara a:hover img{transform:translateY(-6px)}
@media (max-width:1000px){.ekip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ust{inset:10px 0 auto 0;width:calc(100% - 20px);padding:6px 6px 6px 18px}}

/* iş ortakları ve markalar: hero'nun hemen altında, ince çizgili logo ağı (kutu yok, gölge yok) */
.guven{position:relative;background:#fff}
.guven-ic{max-width:1560px;margin:0 auto;padding:clamp(80px,13vh,160px) var(--pay);display:grid;gap:clamp(34px,6vh,64px)}
.guven .bolum-bas{margin-bottom:0}
.g-alt{display:flex;justify-content:space-between;padding-bottom:14px;color:var(--teal-koyu)}
.logo-ag{display:grid;border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi)}
.logo-ag li{display:grid;justify-items:center;align-content:center;gap:16px;min-height:clamp(130px,13vw,190px);padding:26px 16px 20px;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
  background:#fff;transition:background .4s,opacity 1s var(--yum),transform 1.1s var(--yum)}
.logo-ag li:hover{background:#F5F7FA}
.logo-ag img{height:auto;max-width:82%;opacity:.86;transition:transform .6s var(--yum),opacity .4s}
.logo-ag li:hover img{transform:scale(1.05);opacity:1}
.logo-ag .siradaki{background:var(--murekkep);padding:0}
.logo-ag .siradaki:hover{background:#12283F}
.siradaki a{display:grid;align-content:center;justify-items:center;gap:12px;width:100%;height:100%;padding:22px 16px;color:#fff;text-align:center}
.siradaki b{font-size:clamp(.95rem,1.15vw,1.15rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;max-width:9em}
.logo-ag .siradaki .mono{color:rgba(255,255,255,.62)}
.logo-ag .mono{color:var(--teal-koyu);text-align:center}
.ortaklar{grid-template-columns:repeat(6,minmax(0,1fr))}
.markalar{grid-template-columns:repeat(7,minmax(0,1fr))}
@media (max-width:1000px){.ortaklar{grid-template-columns:repeat(3,minmax(0,1fr))}.markalar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.ortaklar,.markalar{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-ag li{min-height:118px}}

/* kurucular: portre kartın üstünden taşar, yüzler eşit ve büyük; rakam ve söz yeni yazı düzeninde */
.kurucular{margin-top:clamp(50px,7vw,96px);gap:clamp(18px,2.4vw,36px)}
.kurucu{grid-template-columns:minmax(0,45%) minmax(0,1fr);gap:0;align-items:stretch;padding:0;overflow:visible;border-radius:28px;min-height:clamp(400px,37vw,560px)}
.kurucu img{align-self:end;width:100%;height:calc(100% + clamp(34px,5vw,80px));object-fit:cover;object-position:50% 0;filter:none;border-radius:0 0 0 28px}
.kurucu>div{align-self:center;padding:clamp(26px,3vw,48px) clamp(22px,3vw,48px) clamp(26px,3vw,48px) clamp(8px,1.4vw,22px)}
.k-yil{font-size:clamp(4rem,7.6vw,7.4rem);font-weight:700;letter-spacing:-.065em}
.k-yil-alt{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.09em;margin:14px 0 clamp(18px,2.4vw,32px)}
.kurucu blockquote{font-size:clamp(1.1rem,1.62vw,1.6rem);font-weight:500;line-height:1.28;letter-spacing:-.02em}
.k-ad{margin-top:clamp(18px,2.2vw,30px);padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:1rem}
.k-ad span{display:block;margin:2px 0 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;opacity:.55}
@media (max-width:640px){
  .kurucular{margin-top:0;gap:70px}
  .kurucu{grid-template-columns:1fr;min-height:0}
  .kurucu img{order:0;width:72%;height:auto;margin:-48px auto 0;justify-self:center;border-radius:0}
  .kurucu>div{padding:6px 22px 26px}
}

/* hizmet rayı: hap düğme yok; tek ince çizgi, üstünde ilerleyen dolgu, altında sekiz durak */
.hero3-alt{padding-bottom:clamp(24px,4.5vh,44px)}
.hz-yap{padding-bottom:clamp(54px,8vh,76px)}
.hz-ray{position:relative;display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:0;padding:0;border-top:1px solid var(--cizgi)}
.hz-ray::before{content:"";position:absolute;left:0;top:-1.5px;height:2px;width:100%;background:var(--murekkep);transform:scaleX(var(--il,.125));transform-origin:left;transition:transform .9s var(--yum)}
.hz-ray li{min-width:0}
.hz-ray button{display:grid;gap:7px;justify-items:start;align-content:start;width:100%;padding:15px 14px 0 0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  text-align:left;font-size:.82rem;font-weight:600;letter-spacing:-.012em;line-height:1.2;color:rgba(11,28,45,.34);transition:color .5s}
.hz-ray button span{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;opacity:1;color:inherit}
.hz-ray button:hover,.hz-ray button.gecti{color:rgba(11,28,45,.62)}
.hz-ray button.aktif{background:none;border:0;color:var(--murekkep)}
@media (max-width:1000px){.hz-ray button{font-size:0;gap:0;padding-top:12px}.hz-ray button span{font-size:.68rem}}

/* ───────── çok sayfalı düzen: sayfa başlığı, hizmetler sayfası, sahnesiz kart kümeleri ───────── */
.sayfa-bas{max-width:1560px;margin:0 auto;padding:clamp(150px,22vh,240px) var(--pay) clamp(30px,6vh,70px);display:grid;gap:clamp(18px,3vh,30px);justify-items:start}
.sayfa-bas .baslik-xl{max-width:13em}
.sayfa-bas .govde-l{max-width:40em}
.ic-menu{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(10px,2vh,24px)}
.ic-menu a{display:flex;align-items:center;gap:9px;padding:.7em 1.1em;border-radius:999px;border:1px solid var(--cizgi);font-size:.86rem;font-weight:600;transition:background .3s,color .3s,border-color .3s}
.ic-menu a .mono{font-size:.64rem;color:var(--teal-koyu)}
.ic-menu a:hover{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.ic-menu a:hover .mono{color:rgba(255,255,255,.6)}
.hzs-liste{padding-top:0}
.hzs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,90px);align-items:center;padding:clamp(40px,8vh,110px) 0;border-top:1px solid var(--cizgi);scroll-margin-top:90px}
.hzs:nth-child(even) .hzs-metin{order:2}
.hzs-metin{display:grid;gap:16px;justify-items:start}
.hzs-metin .mono{color:var(--teal-koyu)}
.hzs-metin .baslik-l{font-size:clamp(2.2rem,4.6vw,4.4rem)}
.hzs-metin .hz-vurgu{margin:0}
.sahne2{--k:1;position:relative;height:clamp(420px,42vw,600px);perspective:1500px}
.sahne2 .hayalet{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:clamp(280px,34vw,520px)}
.s2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate3d(calc(var(--x)*var(--k)*1px),calc(var(--y)*var(--k)*-1px),calc(var(--z)*1px)) rotateY(calc(var(--r)*1deg)) scale(calc(var(--s)*var(--k)));
  animation:suzul 7s ease-in-out infinite alternate}
.s2:nth-child(odd){animation-duration:9.5s;animation-direction:alternate-reverse}
@keyframes suzul{from{translate:0 -7px}to{translate:0 7px}}
.bolum-bas.ikili{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;max-width:none}
.bolum-bas.ikili>div{display:grid;gap:22px}
.hz-tum{margin-left:auto;display:inline-flex;align-items:center;gap:.6em;color:var(--murekkep);pointer-events:auto;border-bottom:1px solid var(--cizgi);padding-bottom:3px}
.sss-bolum.sona{padding-top:clamp(30px,6vh,70px)}
.su-yok .is-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,4.4vw,70px) clamp(22px,3vw,44px)}
.su-yok .is-izgara img{border-radius:clamp(12px,1.4vw,22px)}
.su-yok .is-izgara h3{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:700;letter-spacing:-.035em;margin-top:18px}
@media (max-width:1000px){.hzs{grid-template-columns:1fr}.hzs:nth-child(even) .hzs-metin{order:0}.sahne2{--k:.8}}
@media (max-width:640px){.sahne2{--k:.56;height:340px}.su-yok .is-izgara{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.s2{animation:none}}

/* footer: marka + sütunlar, partnerlik rozetleri, dev 720 imzası */
.alt{display:block;padding:clamp(56px,9vh,110px) var(--pay) 0;background:var(--murekkep);color:#fff;overflow:hidden;border:0}
.alt-ust{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:clamp(26px,4vw,70px)}
.alt-logo{height:60px}
.alt-metin{max-width:31em;margin-top:22px;font-size:.92rem;line-height:1.55;opacity:.64}
.alt-kol{display:grid;gap:11px;align-content:start;justify-items:start;font-weight:500}
.alt-kol .mono{color:rgba(255,255,255,.48);margin-bottom:8px}
.alt-kol a{opacity:.88;border-bottom:1px solid transparent;transition:opacity .3s,border-color .3s}
.alt-kol a:hover{opacity:1;border-color:currentColor}
.alt-kol span{opacity:.62}
.alt-rozet{display:grid;gap:18px;margin-top:clamp(44px,7vh,84px)}
.alt-rozet>.mono{color:rgba(255,255,255,.48)}
.alt-rozet ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.alt-rozet li{display:grid;gap:18px;align-content:space-between;justify-items:start;min-height:clamp(120px,11vw,150px);padding:clamp(18px,1.8vw,26px);border:1px solid rgba(255,255,255,.15);border-radius:20px;transition:background .4s,border-color .4s}
.alt-rozet li:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.3)}
.alt-rozet img{height:auto;max-width:86%;filter:brightness(0) invert(1)}
.alt-rozet li .mono{color:rgba(255,255,255,.55)}
.alt-dev{margin-top:clamp(44px,7vh,84px);color:rgba(255,255,255,.065)}
.alt-dev-logo{display:block;width:100%;height:auto}
.alt-hak{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin-top:clamp(20px,3vh,34px);padding:18px 0 max(22px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.14);font-size:.78rem;opacity:1;color:rgba(255,255,255,.55)}
.alt-hak a:hover{color:#fff}
@media (max-width:1000px){.alt-ust{grid-template-columns:repeat(3,minmax(0,1fr))}.alt-marka{grid-column:1/-1}.alt-rozet ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.alt-ust{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* kurucular (düzeltme): portre kartın içinde, kaynağın çözünürlüğünü aşmayacak boyda; kırpma ya da büyütme yok */
.kurucular{margin-top:0}
.kurucu{grid-template-columns:minmax(0,38%) minmax(0,1fr);min-height:clamp(340px,29vw,420px);overflow:hidden}
.kurucu img{align-self:end;justify-self:center;width:auto;max-width:100%;height:auto;max-height:clamp(300px,26vw,380px);object-fit:contain;object-position:50% 100%;border-radius:0}
.k-yil{font-size:clamp(3.4rem,6vw,5.8rem)}
.kurucu blockquote{font-size:clamp(1.05rem,1.4vw,1.36rem)}
@media (max-width:640px){.kurucular{gap:18px}.kurucu img{margin:22px auto 0;width:auto;max-height:260px}}

/* iş ortakları: tek renk durur, üzerine gelince özgün rengine döner */
.cift{position:relative;display:inline-block;line-height:0;max-width:86%}
.cift img{max-width:100%;height:auto;opacity:.92;transition:opacity .45s ease}
.cift .renk{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.logo-ag li:hover .cift img{opacity:0;transform:none}
.logo-ag li:hover .cift .renk{opacity:1}
/* markalar: tek satır kayan şerit, yazısız */
.marka-kayan{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:clamp(28px,3.6vw,48px) 0}
.marka-kayan ul{gap:clamp(52px,6.5vw,104px);padding-right:clamp(52px,6.5vw,104px);animation-duration:60s}
.marka-kayan:hover ul{animation-play-state:paused}
.marka-kayan li{flex:none;display:grid;place-items:center}
.marka-kayan img{height:auto;max-width:none;filter:none;opacity:.9}
/* footer rozetleri: beyaz kutuda özgün renkleriyle */
.alt-rozet li{background:#fff;border-color:transparent;transition:transform .5s var(--yum)}
.alt-rozet li:hover{background:#fff;border-color:transparent;transform:translateY(-4px)}
.alt-rozet img{filter:none;max-width:82%;height:auto}
.alt-rozet li .mono{color:var(--teal-koyu)}
.alt-hak{margin-top:clamp(44px,7vh,84px)}
/* iletişim künyesi: e-posta ve telefon yan yana (mobilde de) */
.kunye{grid-template-columns:1fr 1fr}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form button[disabled]{opacity:.55;pointer-events:none}
@media (max-width:640px){.kunye{grid-template-columns:1fr 1fr;gap:0 16px}.kunye a{font-size:.92rem;word-break:break-word}}
/* kayan şeridin genişliği ızgarayı şişirmesin */
.guven-ic{grid-template-columns:minmax(0,1fr)}
.g-blok{min-width:0}
.alt-rozet img[alt="Google Partner"]{width:92px}

/* footer: "Diğer" sütunu yerine partnerlik rozetleri, 2×2 ve beyaz; kalan bağlantılar alt satırda */
.alt-ust{grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,2.4fr) minmax(0,3.6fr)}
.rozet4{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,2.4vw,34px) clamp(20px,2.6vw,40px);align-items:center;justify-items:start;margin-top:6px}
.rozet4 img{display:block;width:auto;max-width:100%;max-height:44px;height:auto;filter:brightness(0) invert(1);opacity:.94}
.rozet4 img[alt="Google Partner"]{max-height:62px}
.alt-hak{justify-content:flex-start;gap:10px 28px}
.alt-hak span{margin-right:auto}
.hud.beyaz{color:#fff}
@media (max-width:1000px){.alt-ust{grid-template-columns:repeat(2,minmax(0,1fr))}.alt-ortak{grid-column:1/-1}.rozet4{grid-template-columns:repeat(2,minmax(0,200px))}}
.alt-hak{padding-right:clamp(84px,8vw,110px)}       /* sağ alttaki derece sayacına yer */

/* iş kartında bant videosu */
.k-is video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:13px;background:#F3F6F8}
.is-izgara video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:clamp(12px,1.4vw,22px);border:1px solid rgba(11,28,45,.08);background:#F3F6F8}