/*
 * Yeni tasarim — anasayfa ve hizmet sayfalari.
 * style.css uzerine yuklenir; yalnizca bu sayfalarda devrededir.
 * Degisken adlari style.css ile ayni ama degerleri farkli (acik zemin),
 * bu yuzden site geneline verilmez.
 */

:root{
  --ink:#080D14; --ink2:#0D141D; --ink3:#131C27; --cizgi-koyu:#1E2A38;
  --kagit:#FFFFFF; --kagit2:#F5F8FB; --cizgi:#E3E9F0;
  /* beyaz bolumlerdeki metin yuzeyi: kagit2 beyazdan sadece %2.5 koyu kaliyordu,
     yuzey oldugu anlasilmiyordu. Bu ton beyazdan %9 koyu, govde yazisi 4.74:1. */
  /* Kart yuzeyi her zaman bolumunden bir ton koyu. Beyaz bolumde #E8EEF6,
     acik gri (.kagit2) bolumde #DFE7F1; ikisinde de ayrim 1.167, yani
     kart zeminden ayirt ediliyor. Onceki 1.066 fark goze carpmiyordu. */
  --kart:#C3D2E4; --kart-cizgi:#9FB4CC;
  --metin:#0C1620; --soluk:#475667; --soluk-koyu:#93A6BB;
  --vurgu:#22D3EE; --vurgu-koyu:#055563; --olumlu:#2DD4A7; --olumlu-koyu:#16A37C;
  --mavi:#4A9BEF; --amber:#F0B429; --kirmizi:#E5615A;
  --sans:"Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"Cascadia Code","Cascadia Mono",Consolas,monospace;
  --olcu:clamp(1.25rem,5vw,3rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--kagit)}
/* Uzay katmani (.uzay) z-index:-1 ile html arka planinin USTUNE boyanir,
   body arka planinin ALTINA. Koyu zemin bu yuzden html'de duruyor:
   hem uzay gorunur kaliyor hem de kontrast denetleyicileri ata
   zincirinde gercek zemini bulabiliyor. */
html.uzayli{background:var(--ink)}
/* Uzay katmani yalnizca ana sayfa, hizmet sayfalari ve hakkimda'da var.
   Diger sayfalarda govde kendi zeminini tasir. */
body{font-family:var(--sans);background:var(--kagit);color:var(--metin);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.uzayli{background:transparent}
a{color:inherit;text-decoration:none}
.sinir{max-width:1180px;margin:0 auto;padding-left:var(--olcu);padding-right:var(--olcu)}
section{padding:clamp(3rem,5.6vw,4.9rem) 0;background:var(--kagit)}
h1,h2,h3{letter-spacing:-.03em;line-height:1.14;font-weight:700}
h2{font-size:clamp(1.75rem,3.6vw,2.6rem)}
h3{font-size:1.1rem;letter-spacing:-.015em}
.ustbaslik{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vurgu-koyu);margin-bottom:1.1rem}
.ustbaslik::before{content:"";width:26px;height:2px;background:var(--vurgu)}
.giris-metni{color:var(--soluk);font-size:1.05rem;max-width:60ch;margin-top:1rem}

/* Düğme kuralları kabuk.css içinde; burada kopyası tutulmuyor. */

/* Menu kapsulu, marka ve altbilgi kurallarinin tek sahibi kabuk.css.
   Burada kopyasi tutulmuyor: ikisi cakisinca sonra yuklenen bu dosya
   kabuk.css medya sorgularini eziyordu. */

.hero{background:transparent;color:#EAF1F8;position:relative;overflow:hidden}
@keyframes parilti{from{transform:translate3d(0,0,0) scale(1);opacity:.7}to{transform:translate3d(-4%,5%,0) scale(1.15);opacity:1}}
.hero .sinir{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(1.6rem,3.4vw,3.2rem);align-items:center;padding-top:calc(clamp(2.4rem,5.4vw,4.4rem) + 4.7rem);padding-bottom:clamp(2.6rem,5.4vw,4.4rem)}
.hero h1{font-size:clamp(1.7rem,3.2vw,2.35rem);color:#fff;max-width:28ch;line-height:1.18;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--vurgu);display:table;margin-top:.14em}
.hero p.alt{color:#A9BDD2;font-size:1.06rem;margin-top:1rem;max-width:50ch}

/* ---- kahraman formu ----
   Ilk ekranda duran kisa form. Hizmet sayfalarinda ve (ileride) ana sayfada
   ayni bilesen kullaniliyor; gorsel dil denetim kutusuyla ayni. */
.kahraman-form{margin-top:1.6rem;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.3);
  border-radius:10px;padding:1.35rem;box-shadow:0 16px 38px rgba(0,0,0,.34);max-width:34rem}
.kahraman-form .kutu-ust{font-size:.86rem;font-weight:700;color:#C7D5E4;margin-bottom:.9rem}
.kahraman-form label{display:block;margin-bottom:.7rem;font-size:.82rem;font-weight:600;color:#A9BDD2}
.kahraman-form input{width:100%;margin-top:.3rem;background:rgba(8,13,20,.5);border:1px solid var(--cizgi-koyu);
  border-radius:7px;padding:.62rem .8rem;font:inherit;font-size:.92rem;color:#EAF1F8}
.kahraman-form input::placeholder{color:#5D7288}
.kahraman-form input:focus{outline:none;border-color:var(--vurgu);background:rgba(8,13,20,.72)}
.kahraman-form .form-satir{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.kahraman-form .form-satir label{margin-bottom:.7rem}
.kahraman-form .hp{position:absolute;left:-9999px;width:1px;height:1px}
.kahraman-form .kutu-btn{margin-top:.25rem}
@media(max-width:600px){.kahraman-form{max-width:none}.kahraman-form .form-satir{grid-template-columns:1fr}}

/* kahramandaki ikincil yol: dugme degil, metin linki */
.ikincil-yol{margin-top:1.1rem;font-size:.92rem}
.ikincil-yol a{color:var(--vurgu);font-weight:600;text-decoration:none}
.ikincil-yol a:hover{text-decoration:underline}

.denetim-kutu{margin-top:1.6rem;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.3);border-radius:10px;padding:1.35rem;box-shadow:0 16px 38px rgba(0,0,0,.34)}
.denetim-kutu .kutu-ust{font-size:.86rem;font-weight:700;color:#C7D5E4;margin-bottom:.85rem}
.kutu-btn{width:100%;justify-content:center}
.denetim-not{margin-top:.8rem;font-size:.82rem;color:var(--soluk-koyu);display:flex;gap:1.2rem;flex-wrap:wrap}
.denetim-not span{display:inline-flex;align-items:center;gap:.4rem}

.etiketler{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.95rem;padding:0}
.etiketler li{display:inline-flex;align-items:center;gap:.42rem;font-size:.79rem;font-weight:600;color:#BACBDC;background:rgba(255,255,255,.05);border:1px solid var(--cizgi-koyu);border-radius:20px;padding:.32rem .78rem;line-height:1.4}
.etiketler li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--vurgu);flex:none}
.panel-sar{display:grid;align-content:center}
/* ---- kahraman sahnesi: bes soru, tek ana saat ---- */
@keyframes gir{from{transform:translateY(10px)}to{transform:none}}
.hero-sol>*{animation:gir .62s cubic-bezier(.2,.8,.3,1) both}
.hero-sol>*:nth-child(1){animation-delay:.04s}
.hero-sol>*:nth-child(2){animation-delay:.12s}
.hero-sol>*:nth-child(3){animation-delay:.2s}
.hero-sol>*:nth-child(4){animation-delay:.28s}
.hero-sol>*:nth-child(5){animation-delay:.36s}
.panel-sar{animation:gir .7s cubic-bezier(.2,.8,.3,1) .28s both}
.hero h1 em{position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:3px;border-radius:2px;background:var(--vurgu);opacity:.3;transform:scaleX(0);transform-origin:left;animation:alti-ciz .85s cubic-bezier(.2,.8,.3,1) .6s forwards}
@keyframes alti-ciz{to{transform:scaleX(1)}}

.panel{position:relative;border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,#111C2B 0%,#0C141F 38%,#090F17 100%);
  border:1px solid rgba(255,255,255,.085);
  box-shadow:0 30px 64px rgba(0,0,0,.52),0 8px 20px rgba(0,0,0,.35),
    0 0 44px rgba(34,211,238,.07),inset 0 1px 0 rgba(255,255,255,.07)}
.panel::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 16%)}
.panel-ust{position:relative;min-height:2.65rem}
.panel-ad{position:absolute;left:4.15rem;top:50%;transform:translateY(-50%);margin:0;white-space:nowrap}
.panel-adim{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);display:flex;gap:5px}
.panel-adim i{position:relative;width:5px;height:5px;border-radius:50%;background:var(--cizgi-koyu);display:block}
.panel-adim i::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--olumlu);opacity:0}
.panel-adim i:nth-child(1)::after{animation:adim1 21s linear infinite}
.panel-adim i:nth-child(2)::after{animation:adim2 21s linear infinite}
.panel-adim i:nth-child(3)::after{animation:adim3 21s linear infinite}
.panel-adim i:nth-child(4)::after{animation:adim4 21s linear infinite}
.panel-adim i:nth-child(5)::after{animation:adim5 21s linear infinite}

.sahne{position:relative;display:grid;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:30px 30px}
.perde{position:relative;grid-area:1/1;padding:1.25rem 1.45rem 1.45rem;opacity:0;display:flex;flex-direction:column;gap:.85rem}
.perde>*:nth-child(2){margin-top:auto}
.perde>*:nth-last-child(1):not(.tarama){margin-bottom:auto}
.perde-2 .liste{margin-bottom:auto}
.perde-1{animation:perde1 21s linear infinite}
.perde-2{animation:perde2 21s linear infinite}
.perde-3{animation:perde3 21s linear infinite}
.perde-4{animation:perde4 21s linear infinite}
.perde-5{animation:perde5 21s linear infinite}
.perde-baslik{font-size:1.08rem;font-weight:700;color:#fff;letter-spacing:-.015em}

/* 1 · trafik */
.olculer{display:grid;grid-template-columns:1fr 1fr;gap:1rem;opacity:0;animation:olcu-gir 21s linear infinite}
.olcu-ad{display:block;font-size:.72rem;color:#5D7288;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.15rem}
.olcu b{font-size:1.58rem;color:#fff;letter-spacing:-.02em;margin-right:.4rem}
.olcu-fark{font-family:var(--mono);font-size:.75rem;font-weight:700;color:var(--kirmizi)}
.grafik{height:104px;clip-path:inset(0 100% 0 0);animation:grafik-ac 21s linear infinite}
.grafik svg{display:block;width:100%;height:100%}
.g-dolgu{fill:rgba(229,97,90,.14)}
.g-cizgi{fill:none;stroke:var(--kirmizi);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.olcu-not{font-family:var(--mono);font-size:.71rem;color:#5D7288}

/* 2 · hatalar */
.liste{display:grid;gap:.15rem}
.liste-bas{order:-1;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#5A6E85;padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.1)}
.liste .satir:nth-child(1){opacity:0;animation:satir1 21s linear infinite}
.liste .satir:nth-child(2){opacity:0;animation:satir2 21s linear infinite}
.liste .satir:nth-child(3){opacity:0;animation:satir3 21s linear infinite}
.liste .satir:nth-child(4){opacity:0;animation:satir4 21s linear infinite}
.liste .satir:nth-child(5){opacity:0;animation:satir5 21s linear infinite}
.liste .satir:nth-child(6){opacity:0;animation:satir6 21s linear infinite}
.liste .satir:nth-child(7){opacity:0;animation:satir7 21s linear infinite}
.cubuk i{transform-origin:left;transform:scaleX(0);animation:cubuk-dol 21s linear infinite}
.tarama{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tarama::before{content:"";position:absolute;left:0;right:0;top:0;height:36%;
  background:linear-gradient(180deg,transparent,rgba(45,212,167,.15),transparent);
  animation:tara 21s linear infinite}

/* 3 · strateji */
.plan{display:grid;gap:.5rem}
.pl{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:.7rem;opacity:0}
.p1{animation:pl1 21s linear infinite}
.p2{animation:pl2 21s linear infinite}
.p3{animation:pl3 21s linear infinite}
.p4{animation:pl4 21s linear infinite}
.pl-no{width:22px;height:22px;border-radius:6px;background:rgba(45,212,167,.12);color:var(--olumlu);font-family:var(--mono);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.pl-ad{font-size:.92rem;color:#DCE7F2}
.pl-sure{font-family:var(--mono);font-size:.71rem;color:#5D7288;white-space:nowrap}
.pl-etki{font-size:.68rem;font-weight:700;border-radius:4px;padding:.2rem .45rem;white-space:nowrap}
.e-yuksek{color:var(--olumlu);background:rgba(45,212,167,.12)}
.e-orta{color:var(--amber);background:rgba(240,180,41,.12)}
.perde-3 .olcu-not{opacity:0;animation:plan-not 21s linear infinite}

/* 4 · yapay zeka */
.balon{justify-self:end;max-width:88%;background:rgba(255,255,255,.07);border:1px solid var(--cizgi-koyu);border-radius:14px 14px 4px 14px;padding:.6rem .85rem;font-size:.91rem;color:#DCE7F2;opacity:0;animation:balon-gir 21s linear infinite}
.yanit{display:grid;grid-template-columns:26px minmax(0,1fr);gap:.7rem;align-items:start}
.yz-im{width:26px;height:26px;border-radius:7px;background:rgba(34,211,238,.14);color:var(--vurgu);display:flex;align-items:center;justify-content:center}
.yz-im svg{width:15px;height:15px}
.yz-govde{position:relative;display:grid;gap:.24rem}
.yaziyor{position:absolute;left:0;top:.1rem;display:flex;gap:4px;opacity:0;animation:yaziyor-gor 21s linear infinite}
.yaziyor i{width:5px;height:5px;border-radius:50%;background:var(--soluk-koyu);animation:zipla 1.1s ease-in-out infinite}
.yaziyor i:nth-child(2){animation-delay:.16s}
.yaziyor i:nth-child(3){animation-delay:.32s}
.cs{font-size:.92rem;line-height:1.5;color:#A9BDD2;clip-path:inset(0 100% 0 0)}
.cs b{color:var(--olumlu);font-weight:700}
.cs1{animation:cs1-ac 21s linear infinite}
.cs2{animation:cs2-ac 21s linear infinite}
.cs3{animation:cs3-ac 21s linear infinite}
.kaynak{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.5rem}
.kaynak .et{flex-basis:100%;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#5D7288;margin-bottom:.1rem;opacity:0;animation:kay-et 21s linear infinite}
.kay{font-family:var(--mono);font-size:.71rem;color:#8FA4BA;background:rgba(255,255,255,.05);border:1px solid var(--cizgi-koyu);border-radius:5px;padding:.28rem .55rem;opacity:0}
.k1{animation:kay1 21s linear infinite}
.k2{animation:kay2 21s linear infinite}
.k3{animation:kay3 21s linear infinite}
.kay-siz{color:var(--olumlu);border-color:rgba(45,212,167,.55);background:rgba(45,212,167,.1);font-weight:700}

/* 5 · arama sonucu */
.serp{display:grid;gap:.28rem}
.serp>*{opacity:0}
.serp-yol{display:flex;align-items:center;gap:.45rem;font-size:.77rem;color:#8FA4BA;font-family:var(--mono);animation:serp1 21s linear infinite}
.serp-nokta{width:16px;height:16px;border-radius:50%;background:rgba(74,155,239,.18);border:1px solid rgba(74,155,239,.45);flex:none}
.serp-baslik{font-size:1.13rem;font-weight:600;color:#7FB6F5;letter-spacing:-.01em;animation:serp2 21s linear infinite}
.serp-ozet{font-size:.9rem;line-height:1.5;color:#A9BDD2;animation:serp3 21s linear infinite}
.serp-puan{font-size:.79rem;color:#8FA4BA;margin-top:.1rem;animation:serp4 21s linear infinite}
.yildiz{color:var(--amber);letter-spacing:.08em}
.serp-alt{display:flex;gap:1.2rem;margin-top:.45rem;padding-top:.55rem;border-top:1px solid var(--cizgi-koyu);animation:serp5 21s linear infinite}
.serp-alt span{font-size:.81rem;color:#7FB6F5}

@keyframes perde1{0%,1.9%{opacity:0;transform:translateY(9px)}4.29%,18.57%{opacity:1;transform:none}20.48%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes adim1{0%,1.9%{opacity:0}4.29%,18.57%{opacity:1}20.48%,100%{opacity:0}}
@keyframes perde2{0%,21.43%{opacity:0;transform:translateY(9px)}23.81%,39.52%{opacity:1;transform:none}41.43%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes adim2{0%,21.43%{opacity:0}23.81%,39.52%{opacity:1}41.43%,100%{opacity:0}}
@keyframes perde3{0%,42.38%{opacity:0;transform:translateY(9px)}44.76%,59.05%{opacity:1;transform:none}60.95%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes adim3{0%,42.38%{opacity:0}44.76%,59.05%{opacity:1}60.95%,100%{opacity:0}}
@keyframes perde4{0%,61.9%{opacity:0;transform:translateY(9px)}64.29%,81.9%{opacity:1;transform:none}83.81%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes adim4{0%,61.9%{opacity:0}64.29%,81.9%{opacity:1}83.81%,100%{opacity:0}}
@keyframes perde5{0%,84.76%{opacity:0;transform:translateY(9px)}87.14%,98.1%{opacity:1;transform:none}100%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes adim5{0%,84.76%{opacity:0}87.14%,98.1%{opacity:1}100%,100%{opacity:0}}
@keyframes olcu-gir{0%,5.71%{opacity:0;transform:translateY(7px)}7.71%,100%{opacity:1;transform:none}}
@keyframes grafik-ac{0%,6.9%{clip-path:inset(0 100% 0 0)}12.62%,100%{clip-path:inset(0 0 0 0)}}
@keyframes satir1{0%,25%{opacity:0;transform:translateY(7px)}26.9%,100%{opacity:1;transform:none}}
@keyframes satir2{0%,25.36%{opacity:0;transform:translateY(7px)}27.26%,100%{opacity:1;transform:none}}
@keyframes satir3{0%,25.71%{opacity:0;transform:translateY(7px)}27.62%,100%{opacity:1;transform:none}}
@keyframes satir4{0%,26.07%{opacity:0;transform:translateY(7px)}27.98%,100%{opacity:1;transform:none}}
@keyframes satir5{0%,26.43%{opacity:0;transform:translateY(7px)}28.33%,100%{opacity:1;transform:none}}
@keyframes satir6{0%,26.79%{opacity:0;transform:translateY(7px)}28.69%,100%{opacity:1;transform:none}}
@keyframes satir7{0%,27.14%{opacity:0;transform:translateY(7px)}29.05%,100%{opacity:1;transform:none}}
@keyframes cubuk-dol{0%,29.29%{transform:scaleX(0)}33.81%,100%{transform:scaleX(1)}}
@keyframes tara{0%,27.14%{transform:translateY(-110%);opacity:0}28.33%,34.29%{opacity:1}35.71%,100%{transform:translateY(290%);opacity:0}}
@keyframes pl1{0%,46.19%{opacity:0;transform:translateY(7px)}48.1%,100%{opacity:1;transform:none}}
@keyframes pl2{0%,46.95%{opacity:0;transform:translateY(7px)}48.86%,100%{opacity:1;transform:none}}
@keyframes pl3{0%,47.71%{opacity:0;transform:translateY(7px)}49.62%,100%{opacity:1;transform:none}}
@keyframes pl4{0%,48.48%{opacity:0;transform:translateY(7px)}50.38%,100%{opacity:1;transform:none}}
@keyframes plan-not{0%,50%{opacity:0;transform:translateY(7px)}51.9%,100%{opacity:1;transform:none}}
@keyframes balon-gir{0%,66.19%{opacity:0;transform:translateY(7px)}68%,100%{opacity:1;transform:none}}
@keyframes yaziyor-gor{0%,68.1%{opacity:0}68.67%,71.19%{opacity:1}72.05%,100%{opacity:0}}
@keyframes zipla{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes cs1-ac{0%,71.43%{clip-path:inset(0 100% 0 0)}73.43%,100%{clip-path:inset(0 0 0 0)}}
@keyframes cs2-ac{0%,73.1%{clip-path:inset(0 100% 0 0)}75.1%,100%{clip-path:inset(0 0 0 0)}}
@keyframes cs3-ac{0%,74.76%{clip-path:inset(0 100% 0 0)}76.76%,100%{clip-path:inset(0 0 0 0)}}
@keyframes kay-et{0%,77.14%{opacity:0;transform:translateY(7px)}78.67%,100%{opacity:1;transform:none}}
@keyframes kay1{0%,77.86%{opacity:0;transform:translateY(7px)}79.38%,100%{opacity:1;transform:none}}
@keyframes kay2{0%,78.57%{opacity:0;transform:translateY(7px)}80.1%,100%{opacity:1;transform:none}}
@keyframes kay3{0%,79.29%{opacity:0;transform:translateY(7px)}80.81%,100%{opacity:1;transform:none}}
@keyframes serp1{0%,88.57%{opacity:0;transform:translateY(7px)}90.38%,100%{opacity:1;transform:none}}
@keyframes serp2{0%,89.52%{opacity:0;transform:translateY(7px)}91.33%,100%{opacity:1;transform:none}}
@keyframes serp3{0%,90.48%{opacity:0;transform:translateY(7px)}92.29%,100%{opacity:1;transform:none}}
@keyframes serp4{0%,91.67%{opacity:0;transform:translateY(7px)}93.48%,100%{opacity:1;transform:none}}
@keyframes serp5{0%,92.86%{opacity:0;transform:translateY(7px)}94.67%,100%{opacity:1;transform:none}}

.hero.duraklat .hero.duraklat::after,.hero.duraklat .panel *,@media(prefers-reduced-motion:reduce){
  .izgara,.hero::after,.hero-sol>*,.panel-sar,.hero h1 em::after,.panel *{animation:none}
  .hero h1 em::after{transform:scaleX(1)}
  .perde-1,.perde-2,.perde-3,.perde-5,.yaziyor,.tarama{display:none}
  .perde-4,.perde-4 *,.balon,.kay{opacity:1}
  .cs{clip-path:none}
  .panel-adim i:nth-child(4)::after{opacity:1}
}
.panel-ust{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.panel-ust>i{width:9px;height:9px;border-radius:50%;background:#26354A;display:block;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.panel-ust b{margin-left:.5rem;font-family:var(--mono);font-size:.76rem;color:var(--soluk-koyu);font-weight:400}
.panel-govde{padding:1.1rem 1.2rem;display:grid;gap:.75rem}
.satir{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:1.05rem;font-size:.87rem;padding:.24rem 0;border-bottom:1px solid rgba(255,255,255,.045)}
.perde-2 .satir:nth-child(7){border-bottom:0}
.satir .ad{color:#CBD9E8;letter-spacing:-.005em}
.satir .deger{font-family:var(--mono);font-size:.76rem;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;justify-self:end}
.rozet{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:.2rem .52rem;border-radius:4px;font-family:var(--mono);font-size:.65rem;letter-spacing:.04em;line-height:1.2;border:1px solid transparent}
.r-ok{background:rgba(45,212,167,.1);color:var(--olumlu);border-color:rgba(45,212,167,.26)}
.r-uy{background:rgba(240,180,41,.1);color:var(--amber);border-color:rgba(240,180,41,.26)}
.r-ht{background:rgba(229,97,90,.1);color:var(--kirmizi);border-color:rgba(229,97,90,.28)}
.cubuk{height:5px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:.55rem;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.cubuk i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--olumlu),#3FD9E8 62%,var(--mavi));width:72%;box-shadow:0 0 10px rgba(45,212,167,.45)}



.hizmet-duzen{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.hizmet-sol{position:sticky;top:110px}
/* Hizmet satirlari: dinlenme halinde de tiklanabilir bir nesne gibi gorunsun.
   Kart cercevesi + ikon kutusu + dairesel ok, hover ve basma etkilesim.css ten. */
.hizmet-liste{display:grid;gap:.85rem}
.hizmet{display:grid;grid-template-columns:46px minmax(0,1fr) 38px;gap:1.15rem;align-items:start;
  padding:1.35rem 1.45rem;background:var(--kart);border:1px solid var(--kart-cizgi);border-radius:12px;
  box-shadow:0 1px 2px rgba(12,22,32,.05)}
.hizmet:hover{border-color:var(--vurgu)}
.hizmet .ikon{width:46px;height:46px;border-radius:11px;background:rgba(34,211,238,.1);
  border:1px solid rgba(34,211,238,.3);color:var(--vurgu-koyu);display:flex;align-items:center;justify-content:center}
.hizmet h3{margin-bottom:.3rem}
.hizmet p{font-size:.95rem;color:var(--soluk)}
.hizmet .ok{align-self:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--cizgi);
  background:var(--kagit2);color:var(--vurgu-koyu);display:flex;align-items:center;justify-content:center;
  font-size:1.05rem;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .18s}
.hizmet:hover .ok{background:var(--vurgu);border-color:var(--vurgu);color:#04262E;transform:translateX(2px)}

/* koyu bolumlerdeki ayni kart */
/* Koyu bolumde acik zemin renkleri gecerli degil: bolum etiketi ve adim
   aciklamasi koyu tonlari miras aliyordu (2.84:1 ve 3.02:1). Acik karsiliklari. */
.hero .ustbaslik{color:var(--vurgu)}
.doku .ustbaslik{color:var(--vurgu)}
.doku .adim p{color:#A9BDD2}
.doku .hizmet{background:rgba(255,255,255,.045);border-color:var(--cizgi-koyu);box-shadow:none}
.doku .hizmet:hover{background:rgba(34,211,238,.07);border-color:var(--vurgu)}
.doku .hizmet .ikon{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.38);color:var(--vurgu)}
.doku .hizmet p{color:#A9BDD2}
.doku .hizmet .ok{background:rgba(255,255,255,.05);border-color:var(--cizgi-koyu);color:var(--vurgu)}
.doku .hizmet:hover .ok{background:var(--vurgu);border-color:var(--vurgu);color:#04262E}

.surec{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin-top:3rem;position:relative}
.adim::after{content:"";position:absolute;top:19px;left:48px;right:calc(-1.6rem + 8px);height:2px;border-radius:1px}
.adim:nth-child(1)::after{background:linear-gradient(90deg,#22D3EE,#31C9EA)}
.adim:nth-child(2)::after{background:linear-gradient(90deg,#31C9EA,#3EB6EF)}
.adim:nth-child(3)::after{background:linear-gradient(90deg,#3EB6EF,#4A9BEF)}
.adim:last-child::after{content:none}
.adim{position:relative}
.adim .tik{width:40px;height:40px;border-radius:50%;background:var(--kagit);border:2px solid var(--vurgu);color:var(--vurgu-koyu);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;position:relative;z-index:2}
.adim h3{margin-bottom:.4rem}
.adim p{font-size:.93rem;color:var(--soluk)}

.olcum-bolum{color:#DCE7F2}
.olcum-bolum h2{color:#fff}
.olcum{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.6rem}
.olcum-kutu{background:var(--ink2);border:1px solid var(--cizgi-koyu);border-radius:10px;padding:1.8rem}
.olcum-kutu h3{color:#fff;margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem;font-size:1rem}
.olcum-kutu ul{list-style:none;display:grid;gap:.85rem}
.olcum-kutu li{font-size:.94rem;color:#A9BDD2;padding-left:1.8rem;position:relative}
.olcum-kutu li::before{position:absolute;left:0;font-family:var(--mono);font-size:.9rem}
.olcum-kutu.var li::before{content:"+";color:var(--olumlu)}
.olcum-kutu.yok li::before{content:"−";color:var(--kirmizi)}
.olcum-alt{margin-top:1.8rem;font-size:.95rem;color:var(--soluk-koyu);max-width:70ch}
.olcum-alt a{color:var(--vurgu);font-weight:600}

.arac-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}
.arac{border:1px solid var(--kart-cizgi);border-radius:10px;overflow:hidden;background:var(--kart);display:flex;flex-direction:column}
.arac-gorsel{background:#0D141D;border-bottom:1px solid var(--cizgi);line-height:0}
.arac-gorsel svg{display:block;width:100%;height:auto;aspect-ratio:320/150}
.arac-govde{padding:1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.arac h2,.arac h3{font-size:1.1rem;letter-spacing:-.015em;line-height:1.25;margin-bottom:.45rem}
.arac p{font-size:.93rem;color:var(--soluk);flex:1;margin-bottom:1rem}
.arac a{font-size:.88rem;font-weight:700;color:var(--vurgu-koyu)}

.sss{max-width:880px;margin-top:2.4rem}
details{border-bottom:1px solid var(--cizgi)}
summary{cursor:pointer;font-weight:700;font-size:1.02rem;padding:1.25rem 0;list-style:none;display:flex;justify-content:space-between;gap:1.5rem;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--vurgu-koyu);font-size:1.5rem;font-weight:400;line-height:1}
details[open] summary::after{content:"−"}
details p{padding-bottom:1.3rem;color:var(--soluk);font-size:.97rem;max-width:72ch}


/* Altbilgi her sayfada koyu; yalnizca uzay katmani olan sayfalarda saydam
   kalip arkadaki katmani gosteriyor. */
body.uzayli footer{background:transparent}
/* ---- Koyu zeminde okunabilirlik: saydam yuzey ----
   Uzay katmani ve gezegenler yazinin altinda kalinca metni okumak zorlasiyor.
   Koyu bolumlerdeki (.doku) yuzeysiz metin bloklari ve koyu sayfalarin
   altbilgisi hafif saydam bir kutuya alinir. Beyaz zeminli bolumler
   (style="background:var(--kagit2)" ve sinifsiz acik bolumler) disaridadir. */
.doku .talep-duzen>div:not(.iletisim-form),
.doku .adim,
.son-cagri>.sinir,
body.uzayli footer>.sinir{
  background:rgba(8,13,20,.58);
  border:1px solid rgba(220,231,242,.085);
  border-radius:12px;
  -webkit-backdrop-filter:blur(14px) saturate(1.05);
  backdrop-filter:blur(14px) saturate(1.05);
}
.doku .talep-duzen>div:not(.iletisim-form){padding:1.75rem 1.9rem}
.doku .adim{padding:1.25rem 1.3rem 1.35rem}
/* adimlari baglayan cizgi, kutu dolgusu kadar kaydirilir ki daire ile ayni hizada kalsin */
.doku .adim::after{top:calc(1.25rem + 19px);left:calc(1.3rem + 48px);right:calc(-1.6rem - 1.3rem + 8px)}
.son-cagri>.sinir{padding:2.3rem 2.2rem 2.4rem}
body.uzayli footer>.sinir{padding:2.4rem 2.1rem 2.2rem;margin-top:2.4rem;margin-bottom:.4rem}
@media(max-width:820px){
  .doku .talep-duzen>div:not(.iletisim-form),
  .son-cagri>.sinir{padding:1.4rem 1.35rem}
  body.uzayli footer>.sinir{padding:1.8rem 1.4rem 1.6rem}
  .doku .adim{padding:1.1rem 1.15rem 1.2rem}
}

/* ---- Acik zeminde ayni yuzey dili ----
   Koyu bolumlerde saydam kutuya aldigimiz metin sutunlarinin beyaz zemindeki
   karsiligi: beyazdan bir ton koyu, yanindaki kartla ayni yuzey. Boylece iki
   sutun esit agirlikta bir cift olarak okunuyor. */
/* Yuzey koyulasinca vurgu tonu 4.18:1'e dusuyordu (sinir 4.5). Degisken
   yuzeyin icinde koyu surumuyle yeniden tanimlaniyor; var(--vurgu-koyu)
   kullanan her oge otomatik olarak duzelmis oluyor. */
.zaman-duzen>div:not(.zaman-kart),
body:not(.uzayli) .talep-duzen>div:not(.iletisim-form){
  background:var(--kart);
  border:1px solid var(--kart-cizgi);
  border-radius:12px;
  padding:1.75rem 1.9rem;
}
/* yanindaki kart ayni yuzeyi alir ki iki sutun esit agirlikta bir cift kalsin */
.zaman-duzen>.zaman-kart{background:var(--kart);border-color:var(--kart-cizgi)}
/* ic vurgu kutusu, ayni rengi aldigi icin kaybolmasin diye beyaza cekiliyor */
.zaman-duzen>div:not(.zaman-kart) .zaman-cozum{background:#fff}
@media(max-width:820px){
  .zaman-duzen>div:not(.zaman-kart),
  body:not(.uzayli) .talep-duzen>div:not(.iletisim-form){padding:1.4rem 1.35rem}
}

/* ---- hizmet sablonunun yeni bolumleri ---- */
/* ---- yazi sablonu: icindekiler, yazar kutusu, ilgili yazilar ---- */
.yazi-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.9rem;color:var(--soluk)}
.yazi-meta a{color:var(--vurgu-koyu);font-weight:600;text-decoration:none}
.yazi-meta a:hover{text-decoration:underline}

.icindekiler{background:var(--kart);border:1px solid var(--kart-cizgi);border-radius:10px;
  padding:1.3rem 1.5rem;margin-bottom:2.4rem}
.icindekiler-ust{font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--vurgu-koyu);margin-bottom:.8rem}
.icindekiler ol{margin:0;padding-left:1.2rem;display:grid;gap:.42rem}
.icindekiler li{font-size:.95rem}
.icindekiler a{color:var(--metin);text-decoration:none}
.icindekiler a:hover{color:var(--vurgu-koyu);text-decoration:underline}

.yazar-kutu{margin-top:3rem;background:var(--kart);border:1px solid var(--kart-cizgi);
  border-left:3px solid var(--vurgu);border-radius:10px;padding:1.3rem 1.5rem}
.yazar-ad{font-weight:700;margin-bottom:.3rem}
.yazar-kutu p{font-size:.95rem;color:var(--soluk);line-height:1.65}
.yazar-kutu a{color:var(--vurgu-koyu);font-weight:600}

.ilgili-yazilar{margin-top:3rem}
.ilgili-yazilar h2{font-size:1.25rem;margin-bottom:1.2rem}
.ilgili-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}
.ilgili-kart{display:flex;flex-direction:column;gap:.45rem;background:var(--kart);
  border:1px solid var(--kart-cizgi);border-radius:10px;padding:1.1rem 1.2rem;text-decoration:none}
.ilgili-kart:hover{border-color:var(--vurgu)}
.ilgili-tarih{font-size:.78rem;color:var(--soluk)}
.ilgili-baslik{font-weight:600;color:var(--metin);line-height:1.4}

/* ---- hizmet surecindeki adim suresi ---- */
.adim .adim-sure{font-family:var(--mono);font-size:.78rem;letter-spacing:.03em;
  color:var(--vurgu);margin-bottom:.35rem;text-transform:lowercase}

/* ---- hizmet sayfasindan yazilara kopru ---- */
.hizmet-yazilar{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--cizgi)}
.hizmet-yazilar h3{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;
  color:var(--vurgu-koyu);margin-bottom:.8rem}
.hizmet-yazilar ul{margin:0;padding-left:1.15rem;display:grid;gap:.45rem}
.hizmet-yazilar a{color:var(--metin);text-decoration:none;border-bottom:1px solid var(--kart-cizgi)}
.hizmet-yazilar a:hover{color:var(--vurgu-koyu);border-bottom-color:var(--vurgu)}
.doku .hizmet-yazilar{border-top-color:rgba(255,255,255,.12)}
.doku .hizmet-yazilar a{color:inherit;border-bottom-color:rgba(255,255,255,.22)}

/* ---- arac sayfalarinin altindaki anlatim ---- */
.arac-anlatim{max-width:68ch;margin:3.2rem auto 0;padding:0 1.2rem}
.arac-anlatim h2{font-size:1.2rem;margin:2.2rem 0 .7rem}
.arac-anlatim h2:first-child{margin-top:0}
.arac-anlatim p{margin-bottom:.9rem;line-height:1.7}
.arac-anlatim .anlatim-giris{color:var(--soluk)}
.anlatim-liste{margin:0 0 1.1rem;padding-left:1.15rem;display:grid;gap:.5rem}
.anlatim-liste li{line-height:1.6}
.anlatim-liste strong{color:var(--vurgu-koyu)}

.tanim-metni{max-width:62ch}


/* "ne yapar" ile "durum tespiti" arka arkaya iki beyaz bolum; aralarinda
   ayrac yok ve iki bolumun dolgusu toplaninca 157px bosluk kaliyordu.
   Ikisi de yariya indirildi, toplam ~74px. */
#ne-yapar{padding-bottom:clamp(1.4rem,2.6vw,2.3rem)}
#durum{padding-top:clamp(1.4rem,2.6vw,2.3rem)}
.panel-not{margin-top:1.6rem;max-width:68ch}
.soru-blok{max-width:72ch;margin-bottom:2.4rem}
.soru-blok:last-child{margin-bottom:0}
.soru-blok h2{margin-bottom:.7rem}
.soru-blok p{color:#A9BDD2;line-height:1.75}
.kimin-h2{margin-top:3rem}

/* panel tablosu: dar ekranda yatay kayar */
.tablo-sar{margin-top:2.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.panel-tablo{width:100%;border-collapse:collapse;font-size:.93rem;min-width:34rem}
.panel-tablo th,.panel-tablo td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--kart-cizgi)}
.panel-tablo thead th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vurgu-koyu);
  border-bottom-width:2px;white-space:nowrap}
.panel-tablo tbody th{font-weight:600;color:var(--metin);width:30%}
.panel-tablo td{color:var(--soluk)}
.panel-tablo tbody tr:last-child th,.panel-tablo tbody tr:last-child td{border-bottom:none}

.footer-alt{border-top:1px solid var(--cizgi-koyu)}
.footer-alt .sinir{padding:1.2rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:.84rem}


.yazi-kaydir{position:relative;margin-top:2.4rem}
.yazi-serit{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem .25rem 1rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.yazi-serit::-webkit-scrollbar{display:none}
.yazi-serit:focus-visible{outline:2px solid var(--vurgu);outline-offset:4px;border-radius:12px}
.yazi-kart{position:relative;flex:0 0 clamp(255px,31%,336px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--kart-cizgi);border-radius:10px;padding:1.5rem 1.6rem;transition:border-color .15s,transform .15s,box-shadow .15s}
.yazi-kart:hover{border-color:var(--vurgu);transform:translateY(-2px);box-shadow:0 14px 30px rgba(12,22,32,.08)}
.yazi-kart .kategori{font-family:var(--mono);font-size:.7rem;color:var(--vurgu-koyu);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}
.yazi-kart h2,.yazi-kart h3{font-size:1.06rem;line-height:1.32;letter-spacing:-.015em;margin-bottom:.6rem}
.yazi-kart h2 a::after,.yazi-kart h3 a::after{content:"";position:absolute;inset:0}
.yazi-kart p{font-size:.9rem;color:var(--soluk);line-height:1.5;margin-bottom:1.1rem}
.yazi-kart .kart-oku{margin-top:auto;font-size:.87rem;font-weight:700;color:var(--vurgu-koyu)}
.yazi-kart.one{background:var(--ink);border-color:var(--ink)}
.yazi-kart.one .kategori{color:var(--vurgu)}
.yazi-kart.one h2,.yazi-kart.one h2 a,.yazi-kart.one h3,.yazi-kart.one h3 a{color:#fff}
.yazi-kart.one p{color:#A9BDD2}
.yazi-kart.one .kart-oku{color:var(--vurgu)}
.kaydir-ok{position:absolute;top:calc(50% - .5rem);transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--cizgi);background:#fff;color:var(--metin);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(12,22,32,.12);transition:opacity .2s,border-color .15s}
.kaydir-ok:hover{border-color:var(--vurgu)}
.kaydir-ok.sol{left:-19px}
.kaydir-ok.sag{right:-19px}
.kaydir-ok[disabled]{opacity:0;pointer-events:none}
.yan-tum{display:inline-block;margin-top:1.2rem;font-size:.9rem;font-weight:700;color:var(--vurgu-koyu)}
@media(max-width:820px){.kaydir-ok{display:none}}
.dogrulama{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.2rem;font-size:.86rem;color:var(--soluk)}
.dogrulama b{color:var(--metin)}
.fayda{font-size:.97rem;color:var(--metin);font-weight:600;margin-bottom:.25rem}
.teknik{font-size:.88rem;color:var(--soluk)}
.akis{margin-top:1rem;padding-left:1.15rem;display:grid;gap:.6rem;font-size:.86rem;color:var(--soluk-koyu)}
.akis li{line-height:1.55}
.akis b{color:#DCE7F2;font-weight:600}
.tel{color:#C7D5E4;font-weight:700;font-size:.92rem;font-family:var(--mono)}
.kanallar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}
.kanal{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:1.15rem 1.2rem;transition:border-color .15s,transform .15s}
.kanal:hover{border-color:var(--vurgu);transform:translateY(-1px)}
.kanal-ikon{width:40px;height:40px;border-radius:8px;background:var(--kagit2);color:var(--vurgu-koyu);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kanal b{display:block;font-size:.94rem}
.kanal small{display:block;font-size:.83rem;color:var(--soluk)}
.iletisim-form{background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:0 1.9rem 1.9rem;display:grid;gap:1rem;box-shadow:var(--golge);overflow:hidden}
.form-baslik{font-weight:700;font-size:1rem;color:var(--metin);margin:0 -1.9rem 0;padding:1.15rem 1.9rem;background:var(--kagit2);border-bottom:1px solid var(--cizgi)}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.iletisim-form label{display:grid;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--metin)}
.iletisim-form input,.iletisim-form select,.iletisim-form textarea{font:inherit;font-weight:400;font-size:.95rem;padding:.75rem .9rem;border:1px solid #BCCCDD;border-radius:6px;background:#EDF2F8;color:var(--metin);
  box-shadow:inset 0 1px 2px rgba(18,32,48,.07);transition:border-color .15s,background .15s,box-shadow .15s}
.iletisim-form input:hover,.iletisim-form select:hover,.iletisim-form textarea:hover{border-color:#94A9BF}
.iletisim-form input::placeholder,.iletisim-form textarea::placeholder{color:#8296AB}
.iletisim-form input:focus,.iletisim-form select:focus,.iletisim-form textarea:focus{outline:none;border-color:var(--vurgu-koyu);background:#fff;box-shadow:0 0 0 3px rgba(34,211,238,.22)}
.iletisim-form textarea{resize:vertical}
.form-eylem{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
@media(max-width:620px){.form-satir{grid-template-columns:1fr}}
.form-tam{display:grid;gap:.6rem}
.form-etiket{font-size:.85rem;font-weight:600;color:var(--metin)}
.form-etiket small{font-weight:400;color:var(--soluk);font-size:.8rem;margin-left:.3rem}
.secimler{display:flex;flex-wrap:wrap;gap:.55rem}
.iletisim-form .secim{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #BCCCDD;border-radius:22px;padding:.5rem .95rem;font-size:.9rem;font-weight:500;cursor:pointer;background:#EDF2F8;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.iletisim-form .secim:hover{border-color:#94A9BF;background:#E4EBF4}
.iletisim-form .secim:focus-within{border-color:var(--vurgu-koyu);box-shadow:0 0 0 3px rgba(34,211,238,.22)}
.iletisim-form .secim input{width:15px;height:15px;accent-color:var(--vurgu-koyu);margin:0;padding:0}
.iletisim-form .secim:has(input:checked){border-color:var(--vurgu-koyu);background:#E9F8F2;color:var(--vurgu-koyu);font-weight:600}
/* ---- kuyruklu yildizlar ---- */
.kuyruklu{position:absolute;height:2px;width:var(--u);opacity:0;border-radius:2px;
  background:linear-gradient(90deg,rgba(198,224,255,0),rgba(198,224,255,.45) 72%,#E8F2FF 100%);
  filter:drop-shadow(0 0 7px rgba(150,195,255,.6));
  transform:rotate(var(--a)) translateX(0);
  animation:kuyruk var(--sure) linear var(--gec) infinite}
.kuyruklu::after{content:"";position:absolute;right:-2px;top:-1.5px;width:5px;height:5px;border-radius:50%;
  background:#F2F8FF;box-shadow:0 0 10px 2px rgba(180,215,255,.75)}
@keyframes kuyruk{
  0%{opacity:0;transform:rotate(var(--a)) translateX(0)}
  3%{opacity:.95}
  17%{opacity:.95}
  23%{opacity:0;transform:rotate(var(--a)) translateX(var(--yol))}
  100%{opacity:0;transform:rotate(var(--a)) translateX(var(--yol))}}
.k1{top:12%;left:-14%;--u:230px;--a:24deg;--yol:128vw;--sure:21s;--gec:2s}
.k2{top:66%;right:-18%;--u:180px;--a:198deg;--yol:120vw;--sure:29s;--gec:12s}
.k3{top:34%;left:-10%;--u:130px;--a:11deg;--yol:122vw;--sure:37s;--gec:24s;opacity:0}
.k3::after{width:4px;height:4px}
@media(prefers-reduced-motion:reduce){.kuyruklu{display:none}}
/* ---- sabit uzay katmani ---- */
.uzay{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  background-color:var(--ink);background-image:var(--yorunge);
  background-repeat:repeat,no-repeat,no-repeat;background-size:1400px 1000px,auto,auto}
.uzay .parilti{position:absolute;top:-30%;right:-8%;width:62%;height:130%;
  background:radial-gradient(circle,rgba(34,211,238,.12),transparent 62%);
  animation:parilti 17s ease-in-out infinite alternate}

.nebula{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.kagit2{background:var(--kagit2);--kart:#BDCDE1;--kart-cizgi:#99AFC9}
/* ---- Google logolu gok tasi ----
   Sol ustten SEO gezegenine dusuyor. Tur suresi uzun tutuldu, gorunur bolum
   turun yalnizca %2.5'i (~2.6 saniye). Negatif gecikme sayesinde ilki sayfa
   acildiktan ~14 saniye sonra, sonrakiler 104 saniyede bir dusuyor.
   Hareket yonu +22vw/+58vh, iz bu yonun tam tersine (-124 derece) bakiyor. */
.gok-tasi{position:absolute;left:-6%;top:6%;width:30px;height:30px;opacity:0;
  will-change:transform,opacity;animation:gt-dus 104s linear -86s infinite}
.gok-tasi svg{position:relative;z-index:1;display:block;width:100%;height:100%;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}
.gok-tasi::before{content:"";position:absolute;left:50%;top:50%;margin-top:-1px;
  width:140px;height:2px;border-radius:2px;transform-origin:0 50%;transform:rotate(-124deg);
  background:linear-gradient(90deg,rgba(214,232,255,.78),rgba(214,232,255,0))}
.gok-tasi::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;
  margin:-6px 0 0 -6px;border-radius:50%;opacity:0;
  background:radial-gradient(circle,rgba(255,255,255,.95),rgba(190,220,255,.3) 45%,transparent 72%);
  animation:gt-carp 104s linear -86s infinite}
@keyframes gt-dus{
  0%,95.8%{opacity:0;transform:translate(0,0) scale(.5)}
  96.1%{opacity:1;transform:translate(1vw,2.6vh) scale(1)}
  98.1%{opacity:1;transform:translate(21vw,55vh) scale(1)}
  98.6%{opacity:.7;transform:translate(22vw,58vh) scale(1.35)}
  99.1%,100%{opacity:0;transform:translate(22.4vw,59vh) scale(1.9)}}
@keyframes gt-carp{
  0%,98.1%{opacity:0;transform:scale(.4)}
  98.5%{opacity:.85;transform:scale(4.6)}
  99.3%,100%{opacity:0;transform:scale(7.2)}}
/* Ana sayfada kahraman buyudugu icin AIO gezegeni 1400px altinda panelin
   arkasinda kaliyor (1280px olcumunde 39 gorunur piksel). Gorunmeyen
   gezegeni etiketlemiyoruz; 1400px ustunde kenar adi zaten devrede.
   Hizmet sayfalarinda gezegen gorunur oldugu icin kural oralara islemiyor. */
/* Ic etiketler kaldirildi; gezegen adlari artik .gez-ad ile tek yerden geliyor. */

@media(max-width:820px){.gok-tasi{width:22px;height:22px}.gok-tasi::before{width:96px}}
@media(prefers-reduced-motion:reduce){.gok-tasi{display:none}}
.uzay{--aio-sag:7%}
.uzay .gezegen{position:absolute;border-radius:50%;overflow:visible}
.g-bir{left:max(-150px,-11%);bottom:-25%;width:min(640px,48vw);aspect-ratio:1;opacity:.78;box-shadow:0 0 140px rgba(45,212,167,.14)}
.g-iki{right:3%;top:-9%;width:min(380px,29vw);aspect-ratio:1;opacity:.8;box-shadow:0 0 100px rgba(132,92,196,.18)}
.g-uc{right:var(--aio-sag);bottom:1%;width:min(425px,33vw);aspect-ratio:1;opacity:.7;box-shadow:0 0 110px rgba(74,155,239,.14)}
.uzay .yorunge{top:34%;left:74%}

/* ---- Gezegen yuzeyi: govde sabit, ustu canli ----
   Gezegenin kendisi yerinden oynamiyor. Yuzeydeki dugumler ve isik kareleri
   sirayla yanip sonuyor, halkalar ayni ritimde nefes aliyor, uzerinden yavas
   bir tarama isigi geciyor. Her gezegen farkli gecikmeyle basliyor ki
   ucu ayni anda parlamasin. */
.gezegen .dugum{animation:gz-dugum 4.8s ease-in-out var(--g,0s) infinite}
.gezegen .hale{animation:gz-hale 4.8s ease-in-out var(--g,0s) infinite}
.gezegen .isik{animation:gz-isik 3.9s ease-in-out var(--g,0s) infinite}
.g-iki .dugum,.g-iki .hale,.g-iki .isik{animation-delay:calc(var(--g,0s) + 1.3s)}
.g-uc .dugum,.g-uc .hale,.g-uc .isik{animation-delay:calc(var(--g,0s) + 2.6s)}
.gezegen .tarama{transform-box:view-box;transform-origin:0 0;
  animation:gz-tara 11s linear infinite}
.g-iki .tarama{animation-delay:3.7s}
.g-uc .tarama{animation-delay:7.3s}
@keyframes gz-dugum{0%,100%{opacity:.3}18%{opacity:1}46%{opacity:.45}66%{opacity:.92}}
@keyframes gz-hale{0%,100%{opacity:.06}22%{opacity:.26}60%{opacity:.11}}
@keyframes gz-isik{0%,100%{opacity:.22}20%{opacity:.95}54%{opacity:.34}78%{opacity:.8}}
@keyframes gz-tara{from{transform:translateX(-58px)}to{transform:translateX(220px)}}
@media(prefers-reduced-motion:reduce){
  .gezegen .dugum,.gezegen .hale,.gezegen .isik{animation:none}
  .gezegen .tarama{display:none}
}

/* ---- Gezegen adlari ----
   Icerik sutunu en fazla 1180px; genis ekranda yanlarda kalan bos seride
   duruyorlar, boylece hicbir metne denk gelmiyorlar. Seridin daraldigi
   genisliklerde bu yazilar gizlenir, gezegenin kendi cikintisi gorunur. */
/* Kenardaki gezegen adlari: gezegenin ustundeki cikintinin aynisi.
   Halka, yatay cizgi, 45 derecelik kirilma ve yazi; yalnizca icerik
   sutununun disinda kalan bosluga tasinmis hali. */
/* Gezegen adlari. Eskiden iki ayri sistem vardi ve biri gezegen SVG'sinin
   icinde oldugu icin gezegenle birlikte olcekleniyordu: ayni takim olmasi
   gereken uc etiket 32px, 19px ve 21px olarak ciziliyordu. Artik tek sistem,
   SVG disinda ve sabit boyutta. Bicim sitenin .ustbaslik dilinden geliyor:
   kisa cizgi + mono + buyuk harf + harf araligi. Cizgi her zaman gezegenin
   bulundugu yone bakar. */
.gez-ad{display:none;position:absolute;align-items:center;gap:.6rem;
  font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;line-height:1;white-space:nowrap;
  opacity:.82;pointer-events:none}
.gez-ad::before{content:"";width:22px;height:2px;border-radius:1px;
  background:currentColor;opacity:.7;flex:none}
.ga-seo{color:#8FF2FF}
.ga-geo{color:#D6C4FF}
.ga-aio{color:#BFD8F8}
/* Cizgi her zaman gezegenin bulundugu yone bakar: SEO sol kenarda,
   gezegeni saginda; GEO ve AIO sag kenarda, gezegenleri sollarinda.
   Ters duzende son harften sonraki harf araligi metinle cizgi arasina
   giriyor, negatif kenar boslugu onu geri aliyor. */
.ga-seo{flex-direction:row-reverse;text-indent:0}
.ga-seo::before{margin-left:-.24em}
/* Her etiket, icerik kutulariyla cakismadigi genislikten itibaren aciliyor.
   Olculdu: GEO icerikle hic ayni dikey bantta degil, her zaman temiz;
   SEO 1300px ustunde ayriliyor; AIO en gec ayrilan, kenara cekildi. */
@media(min-width:1024px){ .ga-geo{display:flex;right:1.4rem;top:13%} }
@media(min-width:1300px){ .ga-seo{display:flex;left:1.4rem;top:62%} }
@media(min-width:1400px){ .ga-aio{display:flex;right:1.4rem;top:60%} }
@media(max-width:820px){
  .g-bir{left:-46%;bottom:-18%;width:104vw;opacity:.62;box-shadow:0 0 90px rgba(34,211,238,.1)}
  .g-iki{right:-44%;top:-11%;width:88vw;opacity:.6;box-shadow:0 0 70px rgba(132,92,196,.12)}
  .g-uc{right:-46%;bottom:14%;width:70vw;opacity:.42;box-shadow:0 0 60px rgba(74,155,239,.1)}
  .uzay .yorunge{top:28%;left:88%}
}
@media(max-width:480px){
  .g-bir{left:-52%;bottom:-15%;width:120vw}
  .g-iki{right:-50%;top:-8%;width:100vw}
  .g-uc{right:-54%;bottom:16%;width:82vw;opacity:.38}
}
/* ---- gezegenler ---- */

/* ---- yorunge arka plani ---- */
:root{--yorunge:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='1000' viewBox='0 0 1400 1000'%3E%3Ccircle cx='572' cy='915' r='0.66' fill='%23CFE0F5' opacity='0.46'/%3E%3Ccircle cx='812' cy='160' r='0.89' fill='%23CFE0F5' opacity='0.46'/%3E%3Ccircle cx='302' cy='488' r='0.82' fill='%23CFE0F5' opacity='0.25'/%3E%3Ccircle cx='1081' cy='110' r='1.2' fill='%23CFE0F5' opacity='0.28'/%3E%3Ccircle cx='675' cy='760' r='0.67' fill='%23CFE0F5' opacity='0.56'/%3E%3Ccircle cx='758' cy='214' r='0.55' fill='%23CFE0F5' opacity='0.48'/%3E%3Ccircle cx='32' cy='769' r='0.73' fill='%23CFE0F5' opacity='0.22'/%3E%3Ccircle cx='49' cy='380' r='0.56' fill='%23CFE0F5' opacity='0.3'/%3E%3Ccircle cx='1241' cy='414' r='0.79' fill='%23CFE0F5' opacity='0.37'/%3E%3Ccircle cx='387' cy='218' r='0.93' fill='%23CFE0F5' opacity='0.44'/%3E%3Ccircle cx='1087' cy='962' r='0.51' fill='%23CFE0F5' opacity='0.33'/%3E%3Ccircle cx='162' cy='453' r='0.55' fill='%23CFE0F5' opacity='0.29'/%3E%3Ccircle cx='54' cy='873' r='0.67' fill='%23CFE0F5' opacity='0.48'/%3E%3Ccircle cx='1049' cy='656' r='1.06' fill='%23CFE0F5' opacity='0.53'/%3E%3Ccircle cx='293' cy='933' r='0.65' fill='%23CFE0F5' opacity='0.53'/%3E%3Ccircle cx='1122' cy='283' r='0.9' fill='%23CFE0F5' opacity='0.52'/%3E%3Ccircle cx='180' cy='701' r='0.64' fill='%23CFE0F5' opacity='0.57'/%3E%3Ccircle cx='1349' cy='30' r='0.58' fill='%23CFE0F5' opacity='0.33'/%3E%3Ccircle cx='855' cy='271' r='0.77' fill='%23CFE0F5' opacity='0.43'/%3E%3Ccircle cx='282' cy='501' r='0.78' fill='%23CFE0F5' opacity='0.56'/%3E%3Ccircle cx='957' cy='341' r='1.03' fill='%23CFE0F5' opacity='0.18'/%3E%3Ccircle cx='733' cy='180' r='0.57' fill='%23CFE0F5' opacity='0.36'/%3E%3Ccircle cx='542' cy='601' r='1.28' fill='%23CFE0F5' opacity='0.55'/%3E%3Ccircle cx='433' cy='728' r='1.22' fill='%23CFE0F5' opacity='0.49'/%3E%3Ccircle cx='184' cy='428' r='0.53' fill='%23CFE0F5' opacity='0.36'/%3E%3Ccircle cx='283' cy='586' r='1.26' fill='%23CFE0F5' opacity='0.34'/%3E%3Ccircle cx='876' cy='897' r='1' fill='%23CFE0F5' opacity='0.54'/%3E%3Ccircle cx='790' cy='887' r='1.22' fill='%23CFE0F5' opacity='0.4'/%3E%3Ccircle cx='504' cy='103' r='1.09' fill='%23CFE0F5' opacity='0.59'/%3E%3Ccircle cx='695' cy='690' r='1.21' fill='%23CFE0F5' opacity='0.38'/%3E%3Ccircle cx='921' cy='795' r='1.21' fill='%23CFE0F5' opacity='0.34'/%3E%3Ccircle cx='580' cy='515' r='0.95' fill='%23CFE0F5' opacity='0.28'/%3E%3Ccircle cx='397' cy='324' r='0.78' fill='%23CFE0F5' opacity='0.43'/%3E%3Ccircle cx='273' cy='202' r='0.62' fill='%23CFE0F5' opacity='0.46'/%3E%3Ccircle cx='867' cy='903' r='0.96' fill='%23CFE0F5' opacity='0.55'/%3E%3Ccircle cx='1230' cy='74' r='1.03' fill='%23CFE0F5' opacity='0.4'/%3E%3Ccircle cx='562' cy='178' r='0.99' fill='%23CFE0F5' opacity='0.23'/%3E%3Ccircle cx='1315' cy='416' r='0.54' fill='%23CFE0F5' opacity='0.36'/%3E%3Ccircle cx='22' cy='115' r='1.03' fill='%23CFE0F5' opacity='0.23'/%3E%3Ccircle cx='156' cy='268' r='0.95' fill='%23CFE0F5' opacity='0.36'/%3E%3Ccircle cx='508' cy='195' r='0.94' fill='%23CFE0F5' opacity='0.26'/%3E%3Ccircle cx='1099' cy='523' r='0.53' fill='%23CFE0F5' opacity='0.43'/%3E%3Ccircle cx='393' cy='926' r='0.85' fill='%23CFE0F5' opacity='0.21'/%3E%3Ccircle cx='1345' cy='350' r='0.76' fill='%23CFE0F5' opacity='0.29'/%3E%3Ccircle cx='742' cy='661' r='0.88' fill='%23CFE0F5' opacity='0.2'/%3E%3Ccircle cx='1072' cy='919' r='1.12' fill='%23CFE0F5' opacity='0.24'/%3E%3Ccircle cx='482' cy='740' r='0.94' fill='%23CFE0F5' opacity='0.45'/%3E%3Ccircle cx='750' cy='441' r='1.09' fill='%23CFE0F5' opacity='0.33'/%3E%3Ccircle cx='754' cy='928' r='0.57' fill='%23CFE0F5' opacity='0.29'/%3E%3Ccircle cx='638' cy='523' r='0.65' fill='%23CFE0F5' opacity='0.19'/%3E%3Ccircle cx='264' cy='184' r='0.5' fill='%23CFE0F5' opacity='0.41'/%3E%3Ccircle cx='1073' cy='834' r='0.8' fill='%23CFE0F5' opacity='0.59'/%3E%3Ccircle cx='1206' cy='728' r='0.92' fill='%23CFE0F5' opacity='0.44'/%3E%3Ccircle cx='743' cy='85' r='0.92' fill='%23CFE0F5' opacity='0.59'/%3E%3Ccircle cx='585' cy='425' r='0.75' fill='%23CFE0F5' opacity='0.23'/%3E%3Ccircle cx='1351' cy='316' r='1.04' fill='%23CFE0F5' opacity='0.19'/%3E%3Ccircle cx='519' cy='486' r='0.85' fill='%23CFE0F5' opacity='0.59'/%3E%3Ccircle cx='464' cy='503' r='0.86' fill='%23CFE0F5' opacity='0.3'/%3E%3Ccircle cx='1139' cy='474' r='0.92' fill='%23CFE0F5' opacity='0.23'/%3E%3Ccircle cx='548' cy='472' r='0.52' fill='%23CFE0F5' opacity='0.56'/%3E%3Ccircle cx='1261' cy='631' r='1.3' fill='%23CFE0F5' opacity='0.57'/%3E%3Ccircle cx='598' cy='130' r='0.55' fill='%23CFE0F5' opacity='0.46'/%3E%3Ccircle cx='1263' cy='506' r='0.71' fill='%23CFE0F5' opacity='0.39'/%3E%3Ccircle cx='1141' cy='3' r='1.11' fill='%23CFE0F5' opacity='0.34'/%3E%3Ccircle cx='1134' cy='910' r='0.54' fill='%23CFE0F5' opacity='0.5'/%3E%3Ccircle cx='247' cy='92' r='1.28' fill='%23CFE0F5' opacity='0.22'/%3E%3Ccircle cx='721' cy='169' r='1.15' fill='%23CFE0F5' opacity='0.31'/%3E%3Ccircle cx='105' cy='37' r='0.74' fill='%23CFE0F5' opacity='0.29'/%3E%3Ccircle cx='760' cy='700' r='0.59' fill='%23CFE0F5' opacity='0.27'/%3E%3Ccircle cx='407' cy='597' r='0.8' fill='%23CFE0F5' opacity='0.4'/%3E%3Ccircle cx='493' cy='895' r='0.64' fill='%23CFE0F5' opacity='0.36'/%3E%3Ccircle cx='903' cy='440' r='0.6' fill='%23CFE0F5' opacity='0.33'/%3E%3Ccircle cx='274' cy='320' r='0.85' fill='%23CFE0F5' opacity='0.28'/%3E%3Ccircle cx='555' cy='248' r='0.59' fill='%23CFE0F5' opacity='0.48'/%3E%3Ccircle cx='762' cy='219' r='0.63' fill='%23CFE0F5' opacity='0.34'/%3E%3Ccircle cx='272' cy='132' r='1.26' fill='%23CFE0F5' opacity='0.26'/%3E%3Ccircle cx='104' cy='344' r='0.6' fill='%23CFE0F5' opacity='0.57'/%3E%3Ccircle cx='836' cy='358' r='1.09' fill='%23CFE0F5' opacity='0.26'/%3E%3Ccircle cx='301' cy='84' r='0.81' fill='%23CFE0F5' opacity='0.26'/%3E%3Ccircle cx='213' cy='394' r='1.03' fill='%23CFE0F5' opacity='0.53'/%3E%3Ccircle cx='365' cy='914' r='0.59' fill='%23CFE0F5' opacity='0.27'/%3E%3Ccircle cx='52' cy='258' r='0.94' fill='%23CFE0F5' opacity='0.52'/%3E%3Ccircle cx='61' cy='157' r='0.83' fill='%23CFE0F5' opacity='0.27'/%3E%3Ccircle cx='375' cy='187' r='0.9' fill='%23CFE0F5' opacity='0.5'/%3E%3Ccircle cx='241' cy='51' r='0.75' fill='%23CFE0F5' opacity='0.5'/%3E%3Ccircle cx='648' cy='613' r='1.05' fill='%23CFE0F5' opacity='0.52'/%3E%3Ccircle cx='1159' cy='141' r='1.09' fill='%23CFE0F5' opacity='0.53'/%3E%3Ccircle cx='246' cy='458' r='0.53' fill='%23CFE0F5' opacity='0.45'/%3E%3Ccircle cx='178' cy='969' r='0.98' fill='%23CFE0F5' opacity='0.48'/%3E%3Ccircle cx='1100' cy='734' r='0.64' fill='%23CFE0F5' opacity='0.39'/%3E%3Ccircle cx='64' cy='88' r='1.5' fill='%23E6F0FC' opacity='0.82'/%3E%3Ccircle cx='64' cy='88' r='4.5' fill='%238FB6E0' opacity='0.11'/%3E%3Ccircle cx='635' cy='955' r='1.5' fill='%23E6F0FC' opacity='0.66'/%3E%3Ccircle cx='635' cy='955' r='4.5' fill='%238FB6E0' opacity='0.09'/%3E%3Ccircle cx='377' cy='58' r='1.5' fill='%23E6F0FC' opacity='0.82'/%3E%3Ccircle cx='377' cy='58' r='4.5' fill='%238FB6E0' opacity='0.11'/%3E%3Ccircle cx='539' cy='945' r='1.5' fill='%23E6F0FC' opacity='0.7'/%3E%3Ccircle cx='539' cy='945' r='4.5' fill='%238FB6E0' opacity='0.1'/%3E%3Ccircle cx='903' cy='890' r='1.5' fill='%23E6F0FC' opacity='0.51'/%3E%3Ccircle cx='903' cy='890' r='4.5' fill='%238FB6E0' opacity='0.07'/%3E%3Ccircle cx='30' cy='418' r='1.5' fill='%23E6F0FC' opacity='0.75'/%3E%3Ccircle cx='30' cy='418' r='4.5' fill='%238FB6E0' opacity='0.11'/%3E%3Ccircle cx='779' cy='115' r='1.5' fill='%23E6F0FC' opacity='0.74'/%3E%3Ccircle cx='779' cy='115' r='4.5' fill='%238FB6E0' opacity='0.1'/%3E%3Ccircle cx='79' cy='680' r='1.5' fill='%23E6F0FC' opacity='0.68'/%3E%3Ccircle cx='79' cy='680' r='4.5' fill='%238FB6E0' opacity='0.1'/%3E%3Ccircle cx='430' cy='837' r='1.5' fill='%23E6F0FC' opacity='0.65'/%3E%3Ccircle cx='430' cy='837' r='4.5' fill='%238FB6E0' opacity='0.09'/%3E%3Ccircle cx='1312' cy='969' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='867' cy='194' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='458' cy='472' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='980' cy='491' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='633' cy='56' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='54' cy='304' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='68' cy='728' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='1386' cy='331' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='584' cy='540' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='63' cy='797' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='1185' cy='103' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='35' cy='722' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='621' cy='831' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='613' cy='784' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='273' cy='705' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='1333' cy='170' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='470' cy='555' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='257' cy='45' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='502' cy='138' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='360' cy='548' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='335' cy='511' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='1171' cy='436' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='980' cy='492' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='821' cy='784' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='848' cy='188' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3Ccircle cx='367' cy='363' r='0.4' fill='%23A8C4E4' opacity='0.14'/%3E%3C/svg%3E"),
  repeating-radial-gradient(circle at 74% 14%,transparent 0 92px,rgba(146,180,220,.085) 92px 93px),
  radial-gradient(135% 105% at 80% 2%,rgba(34,62,104,.9),rgba(20,36,60,.45) 42%,transparent 70%)}
.doku{background:transparent}


.yorunge{position:absolute;width:clamp(820px,96vw,1560px);aspect-ratio:1;
  transform:translate(-50%,-50%);pointer-events:none;z-index:1;
  -webkit-mask-image:radial-gradient(74% 74% at 50% 50%,#000 46%,transparent 90%);
  mask-image:radial-gradient(74% 74% at 50% 50%,#000 46%,transparent 90%)}
.yorunge svg{display:block;width:100%;height:100%;overflow:visible}
.halka{transform-origin:500px 500px;transform-box:view-box}
.h1{animation:donus 210s linear infinite}
.h2{animation:donus 320s linear infinite reverse}
.h3{animation:donus 460s linear infinite}
@keyframes donus{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.halka{animation:none}}
/* ---- doku ve gorseller ---- */
.doku{position:relative;overflow:hidden}
.doku>.sinir{position:relative;z-index:1}

.yazi-kart{padding:0;overflow:hidden}
.kart-gorsel{display:block;background:var(--ink2);border-bottom:1px solid var(--cizgi);line-height:0}
.kart-gorsel svg{display:block;width:100%;height:auto;aspect-ratio:320/150}
.kart-ic{display:flex;flex-direction:column;flex:1;padding:1.35rem 1.5rem 1.5rem}
.yazi-kart.one .kart-gorsel{background:#060A10;border-bottom-color:var(--cizgi-koyu)}
@media(max-width:620px){
  .perde{padding:1.05rem 1.15rem 1.15rem;gap:.7rem}
  .perde-2 .liste{gap:.5rem}
  .perde-2 .satir:nth-child(6),.perde-2 .satir:nth-child(7){display:none}
  .perde-3 .plan{gap:.42rem}
  .perde-3 .pl:nth-child(4){display:none}
  .perde-4 .cs3{display:none}
  .perde-4 .kaynak{margin-top:.3rem}
  .perde-4 .balon{font-size:.85rem;padding:.5rem .7rem}
  .perde-1 .grafik{height:86px}
}
/* ---- zamanlama ---- */
.zaman-duzen{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.8rem,4vw,3.4rem);align-items:start}
.kaldirac{list-style:none;counter-reset:k;display:grid;gap:1.05rem;margin-top:1.6rem}
.kaldirac li{counter-increment:k;position:relative;padding-left:2.3rem;font-size:.95rem;color:var(--soluk);line-height:1.6}
.kaldirac li::before{content:counter(k);position:absolute;left:0;top:.1em;width:24px;height:24px;border-radius:7px;
  background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.4);color:var(--vurgu-koyu);
  font-family:var(--mono);font-size:.74rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.kaldirac b{display:block;color:var(--metin);margin-bottom:.15rem}

.kollar{list-style:none;display:grid}
.kollar li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.42rem .9rem;padding:1rem 0;border-bottom:1px solid var(--cizgi)}
.kollar li:last-child{border-bottom:0}
.kol-ad{font-size:.94rem;font-weight:600;color:var(--metin)}
.kol-durum{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.03em;border-radius:4px;padding:.22rem .5rem;white-space:nowrap;border:1px solid transparent;align-self:start}
.kol-not{grid-column:1/-1;font-size:.86rem;color:var(--soluk);line-height:1.5}
.kol-anahtar{font-size:.8rem;color:var(--soluk);margin:-.7rem 0 1.1rem}
.kol-cubuk{grid-column:1/-1;height:6px;border-radius:3px;background:#fff;border:1px solid var(--cizgi);overflow:hidden;margin:.1rem 0 .15rem}
.kol-cubuk i{display:block;height:100%;border-radius:3px}
.guclu .kol-cubuk i{background:linear-gradient(90deg,#F5C24A,#DE9A12)}
.acik .kol-cubuk i{background:var(--olumlu)}
.firsat .kol-cubuk i{background:var(--vurgu)}
/* kart zemini koyulasinca 4.5:1 sinirinda kaliyordu */
.guclu .kol-durum{color:#6B4407;background:rgba(240,180,41,.16);border-color:rgba(240,180,41,.4)}
.acik .kol-durum{color:#0B6349;background:rgba(45,212,167,.12);border-color:rgba(45,212,167,.32)}
.firsat .kol-durum{color:#05505C;background:rgba(34,211,238,.13);border-color:rgba(34,211,238,.42)}
.kollar li.firsat .kol-ad{color:var(--vurgu-koyu)}
.zaman-cozum{margin-top:1.6rem;background:var(--kagit2);border:1px solid var(--cizgi);border-left:3px solid var(--vurgu);border-radius:8px;padding:1.05rem 1.2rem;font-size:.95rem;color:var(--soluk);line-height:1.6}
.zaman-cozum b{color:var(--metin);display:block;margin-bottom:.25rem}
.zaman-kart{background:var(--kart);border:1px solid var(--kart-cizgi);border-radius:10px;padding:1.7rem 1.8rem;box-shadow:0 12px 32px rgba(12,22,32,.06)}
.zaman-baslik{font-size:.98rem;font-weight:700;margin-bottom:1.2rem}
.zaman-alt{margin-top:1.2rem;font-size:.86rem;color:var(--soluk);line-height:1.55}
@media(max-width:980px){.zaman-duzen{grid-template-columns:1fr}}
/* ---- son cagri bandi ---- */
.son-cagri{color:#DCE7F2;padding:clamp(2.9rem,5.2vw,4.5rem) 0}
.son-cagri .ustbaslik{color:var(--vurgu)}
.son-cagri h2{color:#fff}
.son-cagri .giris-metni{color:#A9BDD2}
.son-cagri .hizli-form label{color:#C7D5E4}
.son-cagri .form-gizlilik{color:#8FA4BA}
.son-cagri .form-gizlilik a{color:var(--vurgu)}
.hizli-form{display:flex;flex-wrap:wrap;gap:.9rem;align-items:end;margin-top:1.8rem;max-width:760px}
.hizli-form label{display:grid;gap:.4rem;flex:1 1 220px;font-size:.84rem;font-weight:600;color:var(--metin)}
.hizli-form input{font:inherit;font-weight:400;font-size:.95rem;padding:.78rem .9rem;border:1px solid #BCCCDD;border-radius:6px;background:#EDF2F8;color:var(--metin);
  box-shadow:inset 0 1px 2px rgba(18,32,48,.07);transition:border-color .15s,background .15s,box-shadow .15s}
.hizli-form input:hover{border-color:#94A9BF}
.hizli-form input::placeholder{color:#8296AB}
.hizli-form input:focus{outline:none;border-color:var(--vurgu-koyu);background:#fff;box-shadow:0 0 0 3px rgba(34,211,238,.25)}
.hizli-form .btn{flex:none;height:47px;padding:0 1.7rem}
.form-soz{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.86rem;font-weight:600;color:var(--vurgu-koyu);
  background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.28);border-radius:6px;padding:.55rem .85rem;line-height:1.3}
.form-soz svg{flex:none}
.son-cagri .form-soz{color:#6FE3F5;background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.3)}
.form-gizlilik{margin-top:.95rem;font-size:.84rem;color:var(--soluk);line-height:1.5}
.form-gizlilik a{color:var(--vurgu-koyu);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media(max-width:620px){.hizli-form label{flex:1 1 100%}.hizli-form .btn{width:100%}}
/* ---- durum tespiti ---- */
.durumlar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.4rem}
.durum{display:flex;align-items:flex-start;gap:.9rem;background:var(--kart);border:1px solid var(--kart-cizgi);border-radius:9px;padding:1.1rem 1.25rem;transition:border-color .15s,transform .15s}
.durum:hover{border-color:var(--vurgu);transform:translateY(-1px)}
.durum-im{flex:none;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(240,180,41,.16);margin-top:.42rem}
.durum{text-decoration:none;color:inherit}
.durum p{font-size:.96rem;line-height:1.5;color:var(--metin)}
@media(max-width:820px){.durumlar{grid-template-columns:1fr}}
/* ---- on analiz talep bandi ---- */
.talep{color:#DCE7F2;padding:clamp(2.8rem,5vw,4.3rem) 0}
.talep .ustbaslik{color:var(--vurgu)}
.talep h2{color:#fff}
.talep .giris-metni{color:#A9BDD2}
.talep .giris-metni + .giris-metni{margin-top:.85rem}
.talep-duzen{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(1.8rem,4vw,3.4rem);align-items:start}
.talep .iletisim-form{box-shadow:0 26px 56px rgba(0,0,0,.4)}
.talep h2{font-size:clamp(1.5rem,2.8vw,2.05rem)}
.talep .giris-metni{margin-top:.8rem;font-size:1rem}
@media(max-width:980px){.talep-duzen{grid-template-columns:1fr}}
/* bolum gecisi: arama performansi cizgisi */
.gecis-tanim{position:absolute;width:0;height:0;overflow:hidden}
.gecis{--gh:clamp(104px,10.5vw,156px);position:relative;z-index:2;height:var(--gh);margin-top:calc(var(--gh) * -.42);line-height:0;pointer-events:none}
.gecis>svg{display:block;width:100%;height:100%}
.gecis .hat{position:absolute;inset:0}
.gecis .degisim svg{flex:none;width:8px;height:8px}
.gecis .parlak{fill:url(#gParlak)}
.gecis .cizgi{fill:none;stroke:url(#gCizgi);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.gecis .nokta{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--olumlu);box-shadow:0 0 0 3px rgba(45,212,167,.2)}
.gecis .nokta.kirmizi{background:var(--kirmizi);box-shadow:0 0 0 3px rgba(229,97,90,.18)}
.gecis .dus{position:absolute;bottom:0;width:1px;margin-left:-.5px;background:linear-gradient(rgba(45,212,167,.5),rgba(45,212,167,0) 82%)}
.gecis .degisim{position:absolute;transform:translate(-50%,-190%);display:inline-flex;align-items:center;gap:.3rem;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:-.01em;line-height:1;padding:.32rem .55rem;border-radius:4px;border:1px solid;white-space:nowrap}
.gecis .artis{color:#0E8F6B;background:rgba(45,212,167,.14);border-color:rgba(45,212,167,.45)}
.gecis .dusus{color:#BE423B;background:rgba(229,97,90,.12);border-color:rgba(229,97,90,.42)}
.ust-koyu .artis{color:#3FE7B8;background:rgba(45,212,167,.16)}
.ust-koyu .dusus{color:#F08A84;background:rgba(229,97,90,.18)}
.gecis .gcizgi{position:absolute;bottom:0;width:0;margin-left:-.5px;border-left:1px dashed rgba(122,142,164,.6);-webkit-mask-image:linear-gradient(#000 52%,transparent 96%);mask-image:linear-gradient(#000 52%,transparent 96%)}
.gecis .gnot{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;border:1px solid var(--cizgi);box-shadow:0 2px 8px rgba(8,13,20,.14);display:flex;align-items:center;justify-content:center}
.gecis .gnot svg{width:13px;height:13px}
.ust-koyu .gnot{border-color:rgba(255,255,255,.25);box-shadow:0 2px 10px rgba(0,0,0,.45)}
/* ayracin kendi zemini uzay; acik taraflar svg ile boyanir */
.gecis{background:transparent}
.ust-beyaz .ust-dolgu{fill:var(--kagit)}
.ust-kagit2 .ust-dolgu{fill:var(--kagit2)}
.ust-koyu .ust-dolgu{fill:none}
.alt-beyaz .dolgu{fill:var(--kagit)}
.alt-kagit2 .dolgu{fill:var(--kagit2)}
.alt-koyu .dolgu{fill:none}
.js .gecis .hat{clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.3,.85,.35,1)}
.js .gecis.gorunur .hat{clip-path:inset(0 0 0 0)}
.js .gecis .nokta,.js .gecis .dus,.js .gecis .degisim,.js .gecis .gnot,.js .gecis .gcizgi{opacity:0;transition:opacity .45s ease var(--g),transform .45s cubic-bezier(.2,1.4,.4,1) var(--g)}
.js .gecis .nokta{--g:.5s;transform:scale(.3)}
.js .gecis .dus{--g:.5s}
.js .gecis .dusus{--g:.62s;transform:translate(-50%,-150%)}
.js .gecis .gcizgi{--g:.9s}
.js .gecis .gnot{--g:1s;transform:scale(.4)}
.js .gecis .artis{--g:1.32s;transform:translate(-50%,-150%)}
.js .gecis.gorunur .nokta{opacity:1;transform:scale(1)}
.js .gecis.gorunur .dus,.js .gecis.gorunur .gcizgi{opacity:1}
.js .gecis.gorunur .gnot{opacity:1;transform:scale(1)}
.js .gecis.gorunur .degisim{opacity:1;transform:translate(-50%,-190%)}
@media(prefers-reduced-motion:reduce){.js .gecis .hat{clip-path:none;transition:none}.js .gecis .nokta,.js .gecis .dus,.js .gecis .degisim,.js .gecis .gnot,.js .gecis .gcizgi{opacity:1;transition:none}.js .gecis .nokta,.js .gecis .gnot{transform:scale(1)}.js .gecis .degisim{transform:translate(-50%,-190%)}}
@media(max-width:700px){.gecis .degisim{font-size:.66rem;padding:.26rem .45rem}.gecis .dusus{display:none}.gecis .nokta.kirmizi{display:none}}
@media(max-width:1100px) and (min-width:981px){.hero h1{font-size:2.28rem}}
@media(max-width:980px){
  .hero .sinir,.hizmet-duzen,.olcum{grid-template-columns:1fr}
  .hero .sinir{padding-top:6rem;padding-bottom:2.6rem}
  .denetim-kutu{padding:1.15rem}
  .surec,.arac-izgara{grid-template-columns:1fr 1fr}
  .adim::after{content:none}
  .hizmet-sol{position:static}
  footer .sinir{grid-template-columns:1fr}
}
@media(max-width:620px){.surec,.arac-izgara{grid-template-columns:1fr}
  .kapsul .marka{font-size:.88rem}}

/* ---- hizmet ve kurumsal sayfalar ---- */
.sayfa-basi .sinir{grid-template-columns:1fr;padding-top:calc(clamp(2.2rem,5vw,3.6rem) + 4.7rem);padding-bottom:clamp(2.2rem,4.6vw,3.6rem)}
.hero-sol.genis{max-width:66ch}
.sayfa-basi h1{max-width:20ch}
.sayfa-basi .alt{color:#A9BDD2;font-size:1.06rem;margin-top:1rem;max-width:62ch}
.kirinti{display:flex;align-items:center;gap:.55rem;font-size:.82rem;color:var(--soluk-koyu);margin-bottom:1.3rem}
.kirinti a{color:var(--soluk-koyu)}
.kirinti a:hover{color:#fff}
.hero-eylem{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.9rem}

.kapsam-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.1rem;margin-top:2.4rem}
.kapsam-kart{position:relative;background:var(--kart);border:1px solid var(--kart-cizgi);border-radius:10px;padding:1.6rem 1.7rem 1.5rem;transition:border-color .15s,transform .15s,box-shadow .15s}
.kapsam-kart:hover{border-color:var(--vurgu);transform:translateY(-2px);box-shadow:0 14px 30px rgba(12,22,32,.08)}
.kapsam-no{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;margin-bottom:.9rem;
  background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.4);color:var(--vurgu-koyu);
  font-family:var(--mono);font-size:.74rem;font-weight:700}
.kapsam-kart h3{margin-bottom:.5rem}
.kapsam-kart p{font-size:.92rem;color:var(--soluk);line-height:1.55}

.zaman-not{list-style:none;display:grid;gap:.7rem;margin-top:1.1rem;padding:0}
.zaman-not li{position:relative;padding-left:1.6rem;font-size:.9rem;color:var(--soluk);line-height:1.55}
.zaman-not li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;border-radius:1px;background:var(--vurgu-koyu)}

.hizmet-liste.dort{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;margin-top:2.4rem}
@media(max-width:980px){ .sayfa-basi .sinir{padding-top:calc(2.2rem + 4.4rem)} }

/* ---- form gönderim sonucu ---- */
.form-sonuc{border-radius:8px;padding:.85rem 1.05rem;font-size:.92rem;line-height:1.5;margin-bottom:1.1rem;border:1px solid transparent}
.form-sonuc.basari{background:rgba(45,212,167,.1);border-color:rgba(45,212,167,.38);color:#0B6349}
.form-sonuc.hata-kutu{background:rgba(229,97,90,.1);border-color:rgba(229,97,90,.4);color:#9C2F29}
.form-sonuc a{text-decoration:underline;text-underline-offset:2px}

/* =========================================================================
 * ESKİ DEĞİŞKEN ADLARI — araç sayfalarının stili bunları kullanıyor.
 * Değerleri açık tema karşılıklarına bağlanıyor ki eski kurallar
 * yeniden yazılmadan da doğru renkleri alsın.
 * ========================================================================= */
:root{
  --zemin:var(--kagit);
  --panel:var(--kagit2);
}

/* =========================================================================
 * İÇ SAYFA BAŞLIĞI — uzay katmanı olmayan sayfalarda hero'nun yerini tutar.
 * Menü kapsülü içeriğin üstünde yüzdüğü için üst boşluk buna göre.
 * ========================================================================= */
.sayfa-ust{background:var(--kagit2);border-bottom:1px solid var(--cizgi);
  padding:calc(clamp(2.2rem,4.6vw,3.2rem) + 4.7rem) 0 clamp(1.9rem,3.8vw,2.8rem)}
.sayfa-ust h1{font-size:clamp(1.85rem,3.7vw,2.7rem);max-width:22ch}
.sayfa-ust .giris-metni{margin-top:1rem;font-size:1.05rem}
.sayfa-ust .kirinti{color:var(--soluk)}
.sayfa-ust .kirinti a{color:var(--soluk)}
.sayfa-ust .kirinti a:hover{color:var(--vurgu-koyu)}
.sayfa-ust .hero-eylem{margin-top:1.6rem}

/* İç sayfa gövdesi: bölümler arası ayraç yok, düz akış. */
.sayfa-govde{padding:clamp(2.4rem,4.6vw,3.6rem) 0}
.sayfa-govde + .sayfa-govde{padding-top:0}

/* ---- yazı listesi (ızgara) — kart bileşeni ana sayfayla ortak ---- */
.yazi-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
.yazi-izgara .yazi-kart{flex:none;scroll-snap-align:none}
.kart-gorsel img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.yazi-kart .kart-tarih{font-family:var(--mono);font-size:.74rem;color:var(--soluk);margin-bottom:.5rem}
@media(max-width:900px){ .yazi-izgara{grid-template-columns:repeat(2,1fr)} }
@media(max-width:600px){ .yazi-izgara{grid-template-columns:1fr} }

/* ---- sayfalama ---- */
.navigation.pagination{margin-top:2.6rem}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.navigation.pagination a,.navigation.pagination span{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 .8rem;border-radius:8px;border:1px solid var(--cizgi);
  background:#fff;color:var(--metin);font-size:.9rem;font-weight:600}
.navigation.pagination a:hover{border-color:var(--vurgu);color:var(--vurgu-koyu)}
.navigation.pagination .current{background:var(--vurgu-koyu);border-color:var(--vurgu-koyu);color:#fff}

/* ---- tekil yazı ---- */
.yazi-duzen{max-width:760px}
.yazi-meta{font-family:var(--mono);font-size:.82rem;color:var(--soluk);margin-top:1rem}
.yazi-govde{margin-top:2.2rem;font-size:1.06rem;line-height:1.75;color:#24323F}
.yazi-govde h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:2.6rem 0 .9rem}
.yazi-govde h3{font-size:1.18rem;margin:2rem 0 .7rem}
.yazi-govde p{margin-bottom:1.15rem}
.yazi-govde ul,.yazi-govde ol{margin:0 0 1.3rem 1.2rem;display:grid;gap:.5rem}
.yazi-govde li{padding-left:.3rem}
.yazi-govde a{color:var(--vurgu-koyu);text-decoration:underline;text-underline-offset:3px}
.yazi-govde a:hover{color:var(--metin)}
.yazi-govde strong{color:var(--metin)}
.yazi-govde pre{background:var(--ink2);color:#D6E3F0;border:1px solid var(--cizgi-koyu);border-radius:10px;
  padding:1.15rem 1.3rem;overflow-x:auto;margin:0 0 1.4rem;font-size:.88rem;line-height:1.6}
.yazi-govde pre code{font-family:var(--mono);color:inherit;background:none;padding:0;font-size:inherit}
.yazi-govde code{font-family:var(--mono);font-size:.9em;background:var(--kagit2);border:1px solid var(--cizgi);
  border-radius:4px;padding:.1em .38em;color:var(--vurgu-koyu)}
.yazi-govde figure{margin:0 0 1.6rem}
.yazi-govde img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--cizgi)}
.yazi-geri{margin-top:2.8rem;padding-top:1.6rem;border-top:1px solid var(--cizgi)}
.yazi-geri a{font-weight:700;color:var(--vurgu-koyu)}

/* ---- araç sayfaları ---- */
.sayfa-aciklama{color:var(--soluk);font-size:1rem;line-height:1.6;max-width:72ch;margin-top:.9rem}
.arac-baslik{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-top:3rem}
.arac-baslik + .sayfa-aciklama{margin-bottom:1.6rem}
.sayfa-govde .gizli{display:none}

/* ---- araç formları (denetim, yönlendirici, konum takibi) ---- */
.sayfa-govde .form-alan{display:grid;gap:.42rem}
.sayfa-govde .form-alan > label,.sayfa-govde label.form-alan{font-size:.85rem;font-weight:600;color:var(--metin)}
.sayfa-govde .form-alan .ops,.sayfa-govde .ops{font-weight:400;color:var(--soluk)}
.sayfa-govde input[type=text],.sayfa-govde input[type=url],.sayfa-govde input[type=email],
.sayfa-govde input[type=search],.sayfa-govde input[type=number],.sayfa-govde select,.sayfa-govde textarea{
  font:inherit;font-size:.95rem;padding:.7rem .85rem;border:1px solid #BCCCDD;border-radius:6px;
  background:#EDF2F8;color:var(--metin);width:100%;transition:border-color .15s,background .15s,box-shadow .15s}
.sayfa-govde textarea{resize:vertical;min-height:140px;font-family:var(--mono);font-size:.88rem;line-height:1.6}
.sayfa-govde input:hover,.sayfa-govde select:hover,.sayfa-govde textarea:hover{border-color:#94A9BF}
.sayfa-govde input:focus,.sayfa-govde select:focus,.sayfa-govde textarea:focus{
  outline:none;border-color:var(--vurgu-koyu);background:#fff;box-shadow:0 0 0 3px rgba(34,211,238,.22)}
.sayfa-govde input::placeholder,.sayfa-govde textarea::placeholder{color:#8296AB}

.sayfa-govde .form-satir{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.1rem}
.sayfa-govde .form-satir.besli{grid-template-columns:repeat(5,1fr)}
.sayfa-govde .takip-form > .form-alan,.sayfa-govde .denetim-form > .form-alan{margin-bottom:1.1rem}
.sayfa-govde .form-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.4rem}
.sayfa-govde .form-not{font-size:.88rem;color:var(--soluk);line-height:1.55}

/* araç düğmeleri */
/* Araç düğmeleri de kabuk.css'teki ortak sistemi kullanır. */
.sayfa-govde .buton{padding:.8rem 1.5rem;font-size:.92rem}

/* kota şeridi */
.sayfa-govde .kota-serit{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:8px;padding:.85rem 1.1rem;margin-bottom:2rem}
.sayfa-govde .hata{color:#9C2F29;background:rgba(229,97,90,.1);border:1px solid rgba(229,97,90,.4);border-radius:8px;padding:.85rem 1.05rem;margin-top:1.2rem}
.sayfa-govde .kelime-ust{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.sayfa-govde .kelime-sayac{font-family:var(--mono);font-size:.8rem;color:var(--soluk)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media(max-width:820px){
  .sayfa-govde .form-satir,.sayfa-govde .form-satir.besli{grid-template-columns:1fr}
}

/* Araçların JS ile ürettiği <section>'lar sayfa bölümü değil; genel bölüm
   dolgusunu ve zeminini almamalı. */
.sayfa-govde section{padding:0;background:transparent}
.sayfa-govde .denetim-grup{margin-top:2.2rem}
.sayfa-govde .denetim-grup:first-of-type{margin-top:1.8rem}

/* yazı giriş görseli: gövdenin en başında, başlıkla metin arasındaki boşluğu doldurur */
.yazi-govde > .yazi-giris:first-child{margin:0 0 2rem}
.yazi-giris img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--cizgi)}