/* LokalZeka sitesi · sayfa düzeni + sahne tabanı. Sahne içleri v/sahne/*.css'te.
   Düzen: koyu mürekkep zeminde tek sütunlu belge akışı; masaüstünde sahne ve metin yan yana, sırayla yer değiştirir.
   Renk: mürekkep zemin, buz yazı, kor yalnız vurgu (düğme, ışık); kaynakta var yeşil, kaynakta yok mercan (kimlik/KIMLIK.md). */
@font-face{font-family:"General Sans";src:url("GeneralSans-Variable.woff2") format("woff2");font-weight:200 700;font-display:swap}
:root{color-scheme:dark;
  --murekkep:#0B1418;--murekkep-2:#0F1D23;--murekkep-3:#132830;
  --buz:#E7F4F7;--gri:#9FB0B7;--soluk:#7A8D94;--kenar:#63767D;
  --kor:#F2A33A;--kor-acik:#F7BC66;--var:#74E3A6;--yok:#FF9B85;
  --cizgi:rgba(231,244,247,.12);
  --yazi-tipi:"General Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kenar-bosluk:clamp(16px,4vw,48px);--genislik:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%;background:var(--murekkep)}
body{margin:0;background:var(--murekkep);color:var(--buz);font:17px/1.6 var(--yazi-tipi);-webkit-font-smoothing:antialiased;overflow-x:hidden}
p{margin:0} h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
a{color:inherit}
img{max-width:100%}
[hidden]{display:none!important}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--kor);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* üst bant */
.ust{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 10px) var(--kenar-bosluk) 10px;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
.ust.kaydi{background:rgba(11,20,24,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--cizgi)}
.marka{display:flex;align-items:center;min-height:44px;line-height:0}
.marka img{height:26px;width:auto}
.ust nav{display:flex;align-items:center;gap:clamp(4px,2vw,20px);font-size:16px;font-weight:500}
.ust nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 6px;text-decoration:none;color:var(--gri);transition:color .2s}
.ust nav a:hover{color:var(--buz)}
.ust nav .dugme{color:var(--murekkep);min-height:44px;padding:0 16px;font-size:16px}
.ust nav .dugme:hover{color:var(--murekkep)}
@media (max-width:640px){.ust nav .genis{display:none}}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:var(--kor);color:var(--murekkep);font:600 16px/1 var(--yazi-tipi);letter-spacing:-.005em;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s}
.dugme:hover{background:var(--kor-acik)}
.dugme:active{transform:translateY(1px)}
.ikincil{display:inline-flex;align-items:center;min-height:48px;padding:0 4px;color:var(--buz);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(242,163,58,.7)}
.ikincil:hover{color:var(--kor-acik)}

/* giriş */
.giris{position:relative;display:grid;align-content:center;gap:clamp(8px,3vw,40px);min-height:100svh;padding:calc(env(safe-area-inset-top,0px) + 72px) var(--kenar-bosluk) clamp(40px,8vw,72px);overflow:hidden;
  background:radial-gradient(90% 70% at 70% 45%,rgba(242,163,58,.07) 0%,rgba(11,20,24,0) 60%),radial-gradient(120% 80% at 50% 120%,#0F222A 0%,var(--murekkep) 62%)}
#film{position:relative;width:100%;height:clamp(260px,48svh,520px)}
.giris-tuval{position:absolute;inset:0;width:100%;height:100%;display:block}
.giris-hale{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(38% 42% at 50% 46%,rgba(242,163,58,.22) 0%,rgba(242,163,58,.07) 40%,rgba(11,20,24,0) 72%)}
.giris-yazi{position:absolute;left:50%;height:clamp(22px,5.4vw,34px);width:auto;opacity:0;pointer-events:none}
.giris-yedek{display:grid;place-items:center;align-content:center;gap:clamp(18px,3vw,28px);background:radial-gradient(34% 40% at 50% 44%,rgba(242,163,58,.16) 0%,rgba(242,163,58,0) 70%)}
.giris-yedek img{width:min(42vw,220px);height:auto}
.giris-yedek .giris-yedek-yazi{width:auto;height:clamp(22px,5.4vw,34px)}
.giris-metin{display:grid;gap:18px;max-width:36rem}
.giris h1{font-size:clamp(2.45rem,9.4vw,4.4rem);line-height:1.02;letter-spacing:-.04em}
.giris-metin>p{color:var(--gri);font-size:clamp(1.06rem,2.6vw,1.2rem);max-width:30rem;text-wrap:pretty}
.eylem{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:6px}
@media (min-width:960px){
  .giris{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;max-width:none}
  .giris-metin{order:-1;padding-left:max(0px,calc((100vw - var(--genislik)) / 2 - var(--kenar-bosluk)))}
  #film{height:min(72svh,640px)}
}

/* bölümler */
.bolum{padding:clamp(80px,12vw,150px) var(--kenar-bosluk) 0}
.ic{max-width:var(--genislik);margin:0 auto}
.bas{display:grid;gap:16px;max-width:40rem;margin:0 0 clamp(48px,8vw,88px)}
.etiket{font-size:16px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--kor)}
.bas h2{font-size:clamp(2.05rem,6.6vw,3.5rem);line-height:1.04;letter-spacing:-.035em}
.bas p{color:var(--gri);font-size:1.06rem;text-wrap:pretty}

/* iş anlatımı: sahne + açıklama */
.isler{display:grid;gap:clamp(72px,13vw,140px)}
.is{margin:0;display:grid;gap:22px}
.is figcaption{display:grid;gap:10px;max-width:30rem}
.is h3{font-size:clamp(1.7rem,5.6vw,2.5rem);line-height:1.05}
.is figcaption p{color:var(--gri);text-wrap:pretty}
@media (max-width:959px){.is figcaption{order:-1}}
@media (min-width:960px){
  .is{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center;column-gap:clamp(48px,7vw,110px)}
  .is:nth-child(even) .an{order:2}
  .is:nth-child(even) figcaption{justify-self:end}
}

/* sahne tabanı (4:5, cqw) · yazılar en az 4,7cqw (328 px sahnede 15 px) */
.an{position:relative;width:100%;max-width:520px;margin-inline:auto;aspect-ratio:4/5;container-type:inline-size;overflow:hidden;border-radius:24px;background:var(--murekkep-2);isolation:isolate;
  font-family:var(--yazi-tipi);color:var(--buz);line-height:1.25;--s1:5.6cqw;--s2:4.8cqw;--s3:4.7cqw}
.an p{margin:0}
.an-zemin{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 50% at 50% 46%,rgba(242,163,58,.09),rgba(15,29,35,0) 70%),radial-gradient(rgba(231,244,247,.05) 1px,transparent 1.2px) 0 0/4cqw 4cqw}
.an-katman{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.an-tel{fill:none;stroke:rgba(231,244,247,.22);stroke-width:.32}
.an-nabiz{fill:none;stroke:#FFE2B8;stroke-width:.8;stroke-linecap:round}
.an-tel-isik{fill:none;stroke:var(--kor);stroke-width:.6;stroke-linecap:round}
.an-cekirdek{position:relative;display:grid;place-items:center}
.an-cekirdek::before{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,rgba(242,163,58,.34) 0%,rgba(242,163,58,.08) 42%,rgba(242,163,58,0) 68%);z-index:-1}
.an-cekirdek img{display:block;width:100%;height:auto}
.rozet{display:inline-flex;align-items:center;gap:1.2cqw;justify-self:start;font-size:var(--s3);font-weight:600;line-height:1.15;padding:.7cqw 2cqw .8cqw 1.4cqw;border-radius:2.2cqw}
.rozet i{flex:none;width:3.6cqw;height:3.6cqw;border-radius:50%;position:relative}
.rozet.var{color:var(--var);background:rgba(116,227,166,.13)}
.rozet.var i{background:var(--var)}
.rozet.var i::after{content:"";position:absolute;left:1.15cqw;top:.62cqw;width:.9cqw;height:1.7cqw;border:solid var(--murekkep-2);border-width:0 .55cqw .55cqw 0;transform:rotate(45deg)}
.rozet.yok{color:var(--yok);background:rgba(255,155,133,.13)}
.rozet.yok i{background:var(--yok)}
.rozet.yok i::after{content:"!";position:absolute;inset:0;display:grid;place-items:center;color:var(--murekkep-2);font-size:3cqw;font-weight:700;line-height:1}

/* güvenlik */
.guvenlik{background:linear-gradient(180deg,var(--murekkep) 0%,var(--murekkep-2) 18%,var(--murekkep-2) 82%,var(--murekkep) 100%);padding-bottom:clamp(80px,12vw,150px)}
.kanit{display:grid;gap:0;margin:clamp(56px,9vw,96px) 0 0;border-top:1px solid var(--cizgi)}
.kanit>div{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--cizgi)}
.kanit dt{font-weight:600;font-size:1.12rem;letter-spacing:-.01em}
.kanit dd{margin:0;color:var(--gri);max-width:34rem;text-wrap:pretty}
@media (min-width:860px){.kanit{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,6vw,88px)}}

/* kimler için */
.alanlar{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.alanlar li{font-size:clamp(1.9rem,7vw,3.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.12;color:var(--soluk)}
.alanlar li:first-child{color:var(--buz)}
.alanlar-not{margin-top:28px;color:var(--gri);max-width:36rem}

/* kurulum */
.adimlar{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:a}
.adimlar li{counter-increment:a;display:grid;grid-template-columns:3.2rem minmax(0,1fr);column-gap:16px;padding:20px 0;border-top:1px solid var(--cizgi)}
.adimlar li::before{content:counter(a,decimal-leading-zero);grid-row:span 2;font-size:16px;font-weight:600;letter-spacing:.08em;color:var(--kor);font-variant-numeric:tabular-nums;padding-top:4px}
.adimlar h3{font-size:1.25rem;letter-spacing:-.015em}
.adimlar p{color:var(--gri);text-wrap:pretty}
@media (min-width:960px){
  .adimlar{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px}
  .adimlar li{grid-template-columns:1fr;row-gap:10px;border-top:2px solid var(--cizgi);padding-top:22px}
  .adimlar li::before{grid-row:auto}
}

/* SSS */
.sss{max-width:52rem;border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 0;cursor:pointer;list-style:none;font-size:1.12rem;font-weight:600;letter-spacing:-.01em}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";flex:none;width:12px;height:12px;border:solid var(--kor);border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg);transition:transform .25s}
.sss details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.sss details p{padding:0 0 22px;color:var(--gri);max-width:44rem;text-wrap:pretty}
.sss details p a{color:var(--buz)}

/* demo formu */
.demo{padding-bottom:clamp(80px,12vw,150px)}
.demo .ic{display:grid;gap:clamp(40px,6vw,80px)}
@media (min-width:960px){.demo .ic{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}
.demo .bas{margin-bottom:0}
.dogrudan{margin-top:8px;color:var(--gri)}
.dogrudan b{display:block;color:var(--buz);font-weight:600;font-size:1.1rem;word-break:break-word;user-select:all}
.form{display:grid;gap:18px}
.form .iki{display:grid;gap:18px}
@media (min-width:640px){.form .iki{grid-template-columns:1fr 1fr}}
.alan{display:grid;gap:8px}
.alan-ad{font-size:16px;font-weight:600;color:var(--buz)}
.alan-ad span{color:var(--soluk);font-weight:500}
.alan input,.alan select,.alan textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--kenar);border-radius:12px;background:var(--murekkep-2);color:var(--buz);font:16px/1.4 var(--yazi-tipi);transition:border-color .2s,background .2s}
.alan textarea{min-height:120px;resize:vertical}
.alan select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gri) 50%),linear-gradient(135deg,var(--gri) 50%,transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 16px) 23px;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--kor);background:var(--murekkep-3)}
.alan input::placeholder,.alan textarea::placeholder{color:var(--soluk)}
.onay{display:flex;align-items:flex-start;gap:12px;min-height:44px;font-size:16px;color:var(--gri);cursor:pointer}
.onay input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--kor)}
.onay a{color:var(--buz)}
.tuzak{display:none!important}
.form .dugme{justify-self:start}
.form .dugme[disabled]{opacity:.6;cursor:progress}
.durum{min-height:1.6em;font-size:16px;color:var(--gri)}
.durum.tamam{color:var(--var)}
.durum.hata{color:var(--yok)}

/* alt bilgi */
.alt{border-top:1px solid var(--cizgi);padding:40px var(--kenar-bosluk) calc(env(safe-area-inset-bottom,0px) + 36px)}
.alt .ic{display:grid;gap:20px;justify-items:start;color:var(--soluk);font-size:16px}
.alt img{height:28px;width:auto}
.alt nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.alt nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:var(--gri);text-decoration:none}
.alt nav a:hover{color:var(--buz)}
.alt .vardan{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--gri);text-decoration:none}
.alt .vardan img{height:18px}
@media (min-width:960px){.alt .ic{grid-template-columns:auto 1fr auto;align-items:center}.alt nav{justify-content:center}}

/* metin sayfası (KVKK, 404) */
.metin{max-width:46rem;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 120px) var(--kenar-bosluk) 96px}
.metin h1{font-size:clamp(2rem,6vw,3rem);line-height:1.08;margin-bottom:24px}
.metin h2{font-size:1.3rem;letter-spacing:-.015em;margin:36px 0 10px}
.metin p,.metin li{color:var(--gri)}
.metin p+p{margin-top:12px}
.metin ul{padding-left:1.2em}
.metin .taslak{border:1px dashed rgba(242,163,58,.6);border-radius:12px;padding:14px 18px;color:var(--kor-acik);margin-bottom:24px}

.form.erken{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dugme.ikincil{background:transparent;color:var(--buz);border:1px solid rgba(231,244,247,.35)}
.dugme.ikincil:hover{border-color:var(--kor);color:var(--kor)}