/* ═══════════════════════════════════════════════════════════════════════
   BADİ DIGITAL — v3 "KIVILCIM" (2026-08-02)
   Kimlik: sıcak kâğıt zemin + mürekkep + KOR turuncu kıvılcım + altın detay.
   Hedef: 5'ten 95'e herkes — büyük yazı, yüksek kontrast, sıcak ve premium.
   Başlıklar Fraunces (yerel woff2, dış istek yok), gövde sistem sans.

   DERSLER (taşındı): ch birimi tuzağı · [hidden]!important · grid min-width:0 ·
   form alanlarında font-family AYRI yazılır · html.js .gir emniyet ağı.
   Animasyonların tamamı prefers-reduced-motion ile kapanır.
   ═══════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/varlik/font/fraunces-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/varlik/font/fraunces-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/varlik/font/bricolage-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/varlik/font/bricolage-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* v3.2 "BAĞIMSIZ KİMLİK" (Badi: "Anthropic'e benzemiş, algıyı kır"):
   kâğıt-serif-kiremit üçlüsü terk edildi → ÇAM YEŞİLİ + BAL AMBARI palet,
   başlıklar Bricolage Grotesque (karakterli grotesk), dönen kelime Fraunces
   (tek serif vurgu), altçizgiler EL DALGASI (svg). Sıcaklık ve okunaklılık aynı. */
:root{
  --kagit:#F6F3EC; --kagit2:#FCFAF4; --kagit3:#ECE7DA;
  --murekkep:#1E1C16; --koyu:#132019;
  --kahve:#57534A; --sonuk:#87816F;
  --kor:#1F6B4E; --kor2:#14503A; --kor-sis:rgba(31,107,78,.12);
  --altin:#D99A21; --altin2:#B77E12;
  --yesil:#2F8F5B;
  --cizgi:#E2DCCB; --cizgi2:#CBC3AC;
  --en:1180px;
  --serif:'Bricolage Grotesque',ui-sans-serif,-apple-system,sans-serif;
  --el:'Fraunces',Georgia,serif;
  --g:cubic-bezier(.22,.61,.36,1);
  --gz:cubic-bezier(.34,1.4,.44,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--kagit);color:var(--murekkep);
  font:18px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:rgba(196,85,26,.22)}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--kor);outline-offset:3px;border-radius:6px}
.sar{max-width:var(--en);margin:0 auto;padding:0 clamp(20px,4vw,32px)}
h1,h2{margin:0;font-family:var(--serif);font-weight:720;letter-spacing:-.025em;line-height:1.04}
h3{margin:0;letter-spacing:-.015em;line-height:1.2;font-weight:750}
p{margin:0}

/* ───────────────────────────── ÇEKİRDEK KÜRE (logo — Badi tarifi:
   "çeperinde milyarlarca sinir ağı olan çekirdek küre"). Çeper lifleri çok
   yavaş döner, çekirdek nefes alır; üzerine gelince küre hafif büyür. */
.kiv{display:inline-block;flex:0 0 auto;transition:transform .5s var(--gz);overflow:visible}
.logo:hover .kiv{transform:scale(1.12)}
.ag .cepe{transform-origin:12px 12px;animation:cevir 90s linear infinite}
.ag .cek{transform-origin:12px 12px;animation:kurenefes 3.4s ease-in-out infinite}
.kiv-mini .cepe{transform-origin:12px 12px;animation:cevir 70s linear infinite}
@keyframes cevir{to{transform:rotate(360deg)}}
@keyframes kurenefes{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
/* mini kart tepe noktası: yanıp sönen "yeni iş" noktasının büyüğü */
.nokta-buyuk{display:block;width:15px;height:15px;border-radius:50%;background:var(--kor);
  margin:0 auto 16px;box-shadow:0 0 0 7px var(--kor-sis);animation:nabiz 2.4s ease-in-out infinite}

/* ───────────────────────────── üst */
header{position:sticky;top:0;z-index:50;background:rgba(247,241,230,.85);
  backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .3s}
header.kaydi{border-bottom-color:var(--cizgi)}
.ust{display:flex;align-items:center;gap:26px;padding:15px 0}
.logo{font-family:var(--serif);font-weight:640;font-size:22px;letter-spacing:-.01em;
  display:flex;align-items:center;gap:10px;white-space:nowrap}
nav{display:flex;gap:24px;margin-left:auto}
nav a{font-size:15.5px;color:var(--kahve);transition:color .18s;white-space:nowrap;position:relative;padding:4px 0}
nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--kor);
  transition:right .28s var(--g)}
nav a:hover::after,nav a.aktif::after{right:0}
nav a:hover,nav a.aktif{color:var(--murekkep)}
.d-ust{background:var(--murekkep);color:var(--kagit);padding:12px 22px;border-radius:99px;
  font-size:15.5px;font-weight:700;transition:.22s var(--g);white-space:nowrap}
.d-ust:hover{background:var(--kor);transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(196,85,26,.6)}
.menu-d{display:none;background:none;border:0;color:var(--murekkep);cursor:pointer;margin-left:auto;padding:6px}

/* ───────────────────────────── düğmeler */
.d-ana{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  background:var(--kor);color:#FFF8EE;border:0;cursor:pointer;
  padding:18px 32px;border-radius:99px;font-weight:750;font-size:17.5px;
  transition:.25s var(--g);box-shadow:0 18px 40px -16px rgba(196,85,26,.55);
  position:relative;overflow:hidden;
}
.d-ana::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg);transition:left .55s var(--g)}
.d-ana:hover{background:var(--kor2);transform:translateY(-2px);
  box-shadow:0 24px 52px -16px rgba(196,85,26,.65)}
.d-ana:hover::after{left:130%}
.d-yan{display:inline-flex;align-items:center;gap:9px;color:var(--kahve);font-size:16.5px;
  padding:18px 8px;transition:color .18s;font-weight:600}
.d-yan:hover{color:var(--kor)}

/* ───────────────────────────── hero */
.hero{position:relative;padding:clamp(64px,10vw,140px) 0 clamp(40px,6vw,84px);overflow:hidden}
.hero-fon{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-fon .top{position:absolute;border-radius:50%;filter:blur(90px);animation:sal 14s ease-in-out infinite alternate}
.t1{width:42vw;height:42vw;background:#EAC189;top:-18%;left:-8%;opacity:.5}
.t2{width:30vw;height:30vw;background:#E8A06B;bottom:-22%;right:-6%;opacity:.4;animation-delay:-7s}
@keyframes sal{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,3vh,0) scale(1.08)}}
/* tüm sayfa nöral katmanı: sabit, tıklama-geçirgen, içeriğin ARKASINDA */
#agTuval{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
main,header,footer{position:relative;z-index:1}
/* okuma ilerleme çizgisi — detay hastalığının bayrağı */
#okuma{position:fixed;top:0;left:0;height:3px;width:0;z-index:70;
  background:linear-gradient(90deg,var(--kor),var(--altin));border-radius:0 3px 3px 0;
  pointer-events:none;transition:width .15s linear}
/* kademe kapları: çocuklar --d gecikmesiyle sırayla belirir */
html.js [data-kademe]>*{opacity:0;transform:translateY(9px) scale(.95);
  transition:opacity .5s var(--g),transform .5s var(--g);transition-delay:var(--d,0s)}
html.js .ac[data-kademe]>*,html.js .ac [data-kademe]>*,
html.js .dal.acik [data-kademe]>*{opacity:1;transform:none}
/* işler: demo çerçeveleri suda gibi yüzer */
.vaka-gorsel .cerceve{animation:yuz 7s ease-in-out infinite}
.vaka:nth-child(odd) .vaka-gorsel .cerceve{animation-delay:-3.5s}
@keyframes yuz{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(.4deg)}}
.izgara{position:absolute;inset:0;opacity:.55;
  background-image:linear-gradient(var(--cizgi) 1px,transparent 1px),linear-gradient(90deg,var(--cizgi) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:radial-gradient(ellipse 72% 58% at 42% 34%,#000 15%,transparent 74%)}
.hero-ic{position:relative;z-index:2}
.rozet{
  display:inline-flex;align-items:center;gap:9px;border:1px solid var(--cizgi2);
  border-radius:99px;padding:9px 17px;font-size:13.5px;color:var(--kahve);
  margin-bottom:30px;white-space:nowrap;max-width:100%;background:rgba(253,250,243,.7);
}
.rozet b{color:var(--murekkep);font-weight:650}
.rozet .nokta{width:7px;height:7px;border-radius:50%;background:var(--yesil);flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(47,143,91,.18);animation:nabiz 2.4s ease-in-out infinite}
@keyframes nabiz{0%,100%{opacity:1}50%{opacity:.35}}
h1.dev{font-size:clamp(42px,7vw,92px);max-width:1000px}
/* kelime kelime doğuş */
.soz{display:inline-block;overflow:hidden;vertical-align:bottom}
.soz i{display:inline-block;font-style:normal;transform:translateY(110%);
  animation:dogus .9s var(--g) forwards;animation-delay:var(--d,0s)}
@keyframes dogus{to{transform:translateY(0)}}
/* dönen kelime — tek serif vurgu (Fraunces) + EL DALGASI altçizgi */
.dondur{display:inline-grid;overflow:hidden;vertical-align:bottom;color:var(--kor);position:relative;
  font-family:var(--el);font-weight:600;letter-spacing:-.01em;
  /* aşağı sarkan harfler (ğ, y, j) kırpılmasın: kutuya alt pay ver, düzeni
     bozmamak için aynı payı marjla geri al (2026-08-02 Badi tespiti) */
  padding-bottom:.16em;margin-bottom:-.16em}
.dondur>span{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(105%)}
.dondur>span.simdi{opacity:1;transform:translateY(0);transition:transform .6s var(--gz),opacity .3s}
.dondur>span.gitti{opacity:0;transform:translateY(-105%);transition:transform .6s var(--g),opacity .45s}
.dondur::after{content:"";position:absolute;left:2%;right:2%;bottom:.01em;height:.14em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 10' preserveAspectRatio='none'%3E%3Cpath d='M2 7 Q 8 2, 15 6 T 28 5 T 42 4' fill='none' stroke='%23D99A21' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;
  background-size:auto 100%;opacity:.95}
.hero p.alt{color:var(--kahve);font-size:clamp(17.5px,1.6vw,21px);max-width:660px;margin:30px 0 0;line-height:1.65}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px;align-items:center}
.hero-not{color:var(--sonuk);font-size:14.5px;margin-top:18px}

/* ───────────────────────────── kayar hizmet şeridi */
.serit{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
  background:var(--kagit2);padding:18px 0;overflow:hidden;position:relative}
.serit + .serit{border-top:0}
.serit .icra{display:flex;gap:0;width:max-content;animation:kay 46s linear infinite}
.serit.ters .icra{animation-name:kayters;animation-duration:56s}
.serit:hover .icra{animation-play-state:paused}
@keyframes kay{to{transform:translateX(-50%)}}
@keyframes kayters{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.serit a{display:inline-flex;align-items:center;gap:14px;padding:0 17px;
  font-family:var(--serif);font-size:19px;color:var(--kahve);white-space:nowrap;transition:color .2s}
.serit a:hover{color:var(--kor)}
.serit svg{flex:0 0 auto;opacity:.75}

/* ───────────────────────────── sayfa başlığı */
.sayfa-bas{position:relative;padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,52px);overflow:hidden;
  border-bottom:1px solid var(--cizgi)}
.sayfa-bas .hero-fon .t1{width:32vw;height:32vw;opacity:.4}
.sayfa-bas h1{font-size:clamp(38px,5.8vw,68px);max-width:920px;position:relative;z-index:2}
.sayfa-bas p{color:var(--kahve);font-size:clamp(17px,1.5vw,19.5px);max-width:680px;
  margin:22px 0 0;line-height:1.65;position:relative;z-index:2}
.kirinti{display:flex;gap:9px;align-items:center;font-size:13.5px;color:var(--sonuk);
  margin-bottom:18px;position:relative;z-index:2}
.kirinti a:hover{color:var(--murekkep)}

/* ───────────────────────────── bölümler */
section{padding:clamp(60px,8.5vw,118px) 0;position:relative}
.bolum-ust{max-width:660px;margin-bottom:clamp(34px,4.5vw,58px)}
.etiket{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:750;letter-spacing:.16em;
  text-transform:uppercase;color:var(--kor);margin-bottom:16px}
h2{font-size:clamp(32px,4.4vw,56px)}
.bolum-ust p{color:var(--kahve);font-size:18px;margin-top:20px;line-height:1.65}
.iki-uc{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;max-width:none}

/* durum kartları */
.durum{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.durum>*{min-width:0}
.du-kart{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:22px;
  padding:34px;display:flex;flex-direction:column;transition:.3s var(--g);
  box-shadow:0 2px 0 rgba(34,27,16,.03)}
.du-kart:hover{border-color:var(--cizgi2);transform:translateY(-5px);
  box-shadow:0 24px 44px -24px rgba(34,27,16,.22)}
.du-kart h3{font-family:var(--serif);font-weight:560;font-size:23px;line-height:1.32;margin-bottom:14px}
.du-kart h3::before{content:"“";color:var(--kor);margin-right:2px}
.du-kart h3::after{content:"”";color:var(--kor);margin-left:2px}
.du-kart p{color:var(--kahve);font-size:16px;line-height:1.65;flex:1}
.h-devam{display:inline-flex;align-items:center;gap:7px;color:var(--kor);font-weight:750;
  font-size:15px;margin-top:20px;transition:gap .2s}
.du-kart:hover .h-devam,.h-kart:hover .h-devam{gap:13px}

/* neden biz */
.neden{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;
  border:1px solid var(--cizgi);border-radius:24px;overflow:hidden;background:var(--cizgi)}
.neden>*{min-width:0}
.ne-kart{background:var(--kagit2);padding:clamp(28px,3.5vw,44px)}
.ne-kart .buyuk{font-family:var(--serif);font-size:clamp(30px,3vw,40px);font-weight:600;
  color:var(--kor);line-height:1.05;display:block;margin-bottom:14px}
.ne-kart h3{font-size:20px;margin-bottom:10px}
.ne-kart p{color:var(--kahve);font-size:15.5px;line-height:1.65}

/* hizmet kataloğu (hizmetler sayfası) */
.kat{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:24px;
  padding:clamp(28px,4vw,46px);margin-bottom:20px;transition:.3s var(--g)}
.kat:hover{box-shadow:0 26px 50px -30px rgba(34,27,16,.2)}
.kat-bas{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.kat-no{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--kor);letter-spacing:.08em}
.kat h3{font-family:var(--serif);font-weight:560;font-size:clamp(24px,2.6vw,32px)}
.kat>p{color:var(--kahve);font-size:16.5px;line-height:1.65;max-width:70ch}
.kat-kalem{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.kat-kalem span{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;
  border:1px solid var(--cizgi2);border-radius:99px;font-size:14.5px;color:var(--kahve);
  background:var(--kagit);transition:.2s var(--g)}
.kat-kalem span:hover{border-color:var(--kor);color:var(--kor);transform:translateY(-2px)}

/* vaka (işler sayfası) */
.vaka{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--kagit2);
  border:1px solid var(--cizgi);border-radius:24px;overflow:hidden;margin-bottom:18px}
.vaka>*{min-width:0}
.vaka-yazi{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.vaka-durum{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12.5px;
  font-weight:750;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;
  border-radius:99px;margin-bottom:20px;white-space:nowrap}
.vaka-durum.suruyor{background:rgba(184,134,43,.14);color:var(--altin)}
.vaka-durum.canli{background:rgba(47,143,91,.13);color:var(--yesil)}
.vaka-yazi h3{font-family:var(--serif);font-weight:560;font-size:clamp(24px,2.9vw,34px);margin-bottom:14px}
.vaka-yazi p{color:var(--kahve);font-size:16px;line-height:1.65}
.vaka-yazi p + p{margin-top:14px}
.vaka-olcut{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid var(--cizgi)}
.vaka-olcut div b{display:block;font-family:var(--serif);font-size:26px;font-weight:600;color:var(--kor)}
.vaka-olcut div span{color:var(--sonuk);font-size:13px}
.vaka-gorsel{background:linear-gradient(150deg,var(--kagit3),var(--kagit2));display:grid;place-items:center;
  padding:34px;min-height:300px}
.cerceve{width:100%;max-width:420px;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi2);
  background:#fff;box-shadow:0 30px 60px -28px rgba(34,27,16,.35)}
.cerceve .bar{display:flex;gap:6px;padding:11px 13px;background:var(--kagit3);border-bottom:1px solid var(--cizgi)}
.cerceve .bar i{width:9px;height:9px;border-radius:50%;background:var(--cizgi2)}
.cerceve .ic{padding:20px;font-size:12px;color:var(--sonuk);line-height:1.7}
.cerceve .ic b{color:var(--murekkep);display:block;font-size:15px;margin-bottom:8px}
.cerceve .satir{height:7px;background:var(--kagit3);border-radius:4px;margin:7px 0}
.cerceve .satir.k{width:62%}.cerceve .satir.o{width:84%}
.cerceve .dugme{display:inline-block;background:var(--kor);color:#fff;font-size:11px;font-weight:800;
  padding:7px 14px;border-radius:7px;margin-top:12px}

/* marka kartları */
.marka-iz{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.marka-iz>*{min-width:0}
.m-kart{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:20px;padding:28px;transition:.28s var(--g)}
.m-kart:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(34,27,16,.22)}
.m-tur{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--kor);margin-bottom:14px}
.m-kart h3{font-size:19.5px;margin-bottom:8px}
.m-kart p{color:var(--kahve);font-size:15px;line-height:1.6}
.m-kart ul{margin:14px 0 0;padding:0;list-style:none}
.m-kart li{color:var(--sonuk);font-size:14.5px;padding:4px 0 4px 18px;position:relative}
.m-kart li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:2px;background:var(--kor)}

/* süreç */
.surec{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;counter-reset:s}
.surec>*{min-width:0}
.s-adim{padding:32px 26px 32px 0;position:relative;transition:transform .25s var(--g)}
.s-adim:hover{transform:translateY(-3px)}
.s-adim::before{counter-increment:s;content:counter(s,decimal-leading-zero);
  display:block;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--kor);
  letter-spacing:.1em;margin-bottom:16px}
.s-adim::after{content:"";position:absolute;left:0;top:42px;right:26px;height:2px;
  background:linear-gradient(90deg,var(--kor) 0 34px,var(--cizgi) 34px)}
.s-adim h3{font-size:19.5px;margin-bottom:9px}
.s-adim p{color:var(--kahve);font-size:15.5px;line-height:1.62}

/* sss */
.sss{max-width:840px}
.sss details{border-bottom:1px solid var(--cizgi);padding:20px 0}
.sss summary{cursor:pointer;font-weight:750;font-size:18px;list-style:none;
  display:flex;justify-content:space-between;gap:16px;align-items:center}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";color:var(--kor);font-size:26px;font-weight:400;flex:0 0 auto;
  transition:transform .25s var(--g)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss p{color:var(--kahve);font-size:16.5px;line-height:1.7;margin-top:14px;max-width:70ch}

/* kapanış — mürekkep adası */
.kapanis{background:radial-gradient(120% 160% at 78% -20%,#3A2A14 0%,var(--koyu) 46%);
  color:#F6EFE2;border-radius:30px;padding:clamp(40px,6.5vw,84px);text-align:center;
  position:relative;overflow:hidden}
.kapanis::before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 22% 110%,rgba(196,85,26,.35),transparent 55%)}
.kapanis>*{position:relative}
.kapanis h2{font-size:clamp(28px,4.3vw,52px);max-width:22ch;margin:0 auto}
.kapanis p{color:rgba(246,239,226,.78);font-size:18px;max-width:52ch;margin:22px auto 0;line-height:1.65}
.kapanis .d-ana{margin-top:34px}
.kapanis small{display:block;color:rgba(246,239,226,.5);font-size:14.5px;margin-top:18px}

/* iletişim */
.ilet-iz{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.ilet-iz>*{min-width:0}
.ilet-kart{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:22px;padding:clamp(26px,3.4vw,42px)}
.ilet-kart h3{font-family:var(--serif);font-weight:560;font-size:24px;margin-bottom:12px}
.ilet-kart p{color:var(--kahve);font-size:16.5px;line-height:1.65}
.ilet-satir{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--cizgi);align-items:baseline}
.ilet-satir:last-child{border-bottom:0}
.ilet-satir dt{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sonuk);flex:0 0 130px}
.ilet-satir dd{margin:0;font-size:16.5px}
.ilet-satir a{color:var(--kor);font-weight:650}
.ilet-satir a:hover{color:var(--kor2)}

/* ───────────────────────────── PROJE FORMU v3 */
.proje-iz{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.proje-iz>*{min-width:0}
.form-kart{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:24px;
  padding:clamp(26px,3.4vw,44px);box-shadow:0 30px 60px -44px rgba(34,27,16,.35)}
.f-grup{margin-top:28px}
.f-grup>label,.f-grup>.f-baslik{display:block;font-size:15.5px;font-weight:750;margin-bottom:11px}
.f-ipucu{display:block;font-weight:400;color:var(--sonuk);font-size:13.5px;margin-top:3px}
.f-grup input[type=text],.f-grup input[type=tel],.f-grup input[type=email],
.f-grup select,.f-grup textarea{
  width:100%;background:#FFFDF8;border:1.5px solid var(--cizgi2);border-radius:14px;
  color:var(--murekkep);font-family:inherit;font-size:16.5px;line-height:1.5;
  padding:15px 17px;transition:border-color .18s,box-shadow .18s;
  -webkit-appearance:none;appearance:none;
}
.f-grup textarea{min-height:180px;resize:vertical;line-height:1.6}
.f-grup input:focus,.f-grup select:focus,.f-grup textarea:focus{
  outline:none;border-color:var(--kor);box-shadow:0 0 0 4px var(--kor-sis)}
.f-grup input::placeholder,.f-grup textarea::placeholder{color:#B4A992}
.f-ikili{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-ikili>*{min-width:0}
.cipler{display:flex;flex-wrap:wrap;gap:10px}
.cip{position:relative;cursor:pointer;user-select:none}
.cip input{position:absolute;opacity:0;pointer-events:none}
.cip span{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;
  border:1.5px solid var(--cizgi2);border-radius:99px;font-size:15px;color:var(--kahve);
  transition:.18s var(--g);background:#FFFDF8}
.cip:hover span{border-color:var(--kor);color:var(--kor);transform:translateY(-1px)}
.cip input:checked+span{border-color:var(--kor);color:#fff;background:var(--kor);font-weight:650;
  box-shadow:0 8px 20px -10px rgba(196,85,26,.55)}
.cip input:focus-visible+span{outline:3px solid var(--kor);outline-offset:2px}
/* konu dalları — yumuşak açılış (grid 0fr→1fr) */
.dal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--g);}
.dal>div{overflow:hidden}
.dal.acik{grid-template-rows:1fr}
.dal-ic{border:1.5px dashed var(--cizgi2);border-radius:16px;padding:18px;margin-top:14px;
  background:rgba(253,250,243,.6)}
.dal-ic .f-grup:first-child{margin-top:0}
.dal-ic .f-grup{margin-top:16px}
.dal-bas{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;
  letter-spacing:.1em;text-transform:uppercase;color:var(--kor);margin-bottom:4px}
.f-hata{display:none;margin-top:18px;padding:14px 17px;border:1.5px solid #C0392B;
  border-radius:14px;background:rgba(192,57,43,.07);color:#8E2B1F;font-size:15px}
.f-hata.goster{display:block;animation:sars .4s var(--g)}
@keyframes sars{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}60%{transform:translateX(5px)}}
.f-gonder{width:100%;margin-top:30px}
.f-not{color:var(--sonuk);font-size:13.5px;margin-top:14px;line-height:1.6;text-align:center}
.f-basari{text-align:center;padding:clamp(30px,4vw,54px) 0;position:relative}
.f-basari .halka{width:82px;height:82px;border-radius:50%;margin:0 auto 24px;position:relative;
  display:grid;place-items:center;background:var(--kor-sis);border:2px solid var(--kor);color:var(--kor);
  animation:halkabuyu .6s var(--gz)}
@keyframes halkabuyu{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.f-basari .pat{position:absolute;left:50%;top:41px;pointer-events:none;color:var(--altin2)}
.f-basari .pat i{position:absolute;font-style:normal;font-size:15px;animation:patla 1s var(--g) forwards}
@keyframes patla{from{transform:translate(0,0) scale(.5);opacity:1}
  to{transform:translate(var(--px),var(--py)) scale(1.15);opacity:0}}
.f-basari h3{font-family:var(--serif);font-weight:560;font-size:28px;margin-bottom:12px}
.f-basari p{color:var(--kahve);font-size:16.5px;line-height:1.65;max-width:46ch;margin:0 auto}
.f-devir{margin-top:22px;padding:16px;border:1.5px dashed var(--cizgi2);border-radius:14px;
  color:var(--kahve);font-size:15px;line-height:1.6}
.f-devir a{color:var(--kor);font-weight:750}
.yan-kart{background:var(--kagit2);border:1px solid var(--cizgi);border-radius:22px;
  padding:clamp(24px,3vw,34px);margin-bottom:16px}
.yan-kart h4{margin:0 0 12px;font-size:17px;font-weight:750}
.yan-kart p,.yan-kart li{color:var(--kahve);font-size:15px;line-height:1.65}
.yan-kart ul{margin:0;padding:0;list-style:none}
.yan-kart li{padding:7px 0 7px 22px;position:relative}
.yan-kart li::before{content:"●";position:absolute;left:0;top:7px;color:var(--kor);font-size:9px}
.yan-kart a{color:var(--kor);font-weight:650}
.yan-kart a:hover{color:var(--kor2)}

/* ───────────────────────────── alt bilgi — mürekkep */
footer{background:var(--koyu);color:#EFE7D8;padding:60px 0 32px;margin-top:clamp(60px,7vw,104px)}
footer .logo{color:#F6EFE2}
.alt-iz{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:46px}
.alt-iz>*{min-width:0}
.alt-iz h4{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#9C907B;margin:0 0 18px;font-weight:750}
.alt-iz a{display:block;color:#C9BEA9;font-size:15.5px;margin-bottom:11px;transition:color .18s}
.alt-iz a:hover{color:#F6EFE2}
.alt-iz p{color:#B4A88F;font-size:15.5px;line-height:1.65;max-width:40ch;margin-top:14px}
.alt-son{border-top:1px solid #3A3020;padding-top:24px;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;color:#9C907B;font-size:14px}

/* giriş animasyonları — JS yoksa içerik GİZLENMEZ.
   "UZAKTAN GELME" ailesi (v3.1): sayfa aşağı aktıkça parçalar derinlikten
   süzülüp yerine oturur. --d gecikmesini kabuk JS'i kardeş sırasına göre basar. */
html.js .gir{opacity:0;transform:translateY(26px);transition:opacity .75s var(--g),transform .75s var(--g)}
html.js .gir.ac{opacity:1;transform:none}
html.js .gir-b{opacity:0;transform:scale(.94);filter:blur(6px);
  transition:opacity .8s var(--g),transform .8s var(--g),filter .8s var(--g)}
html.js .gir-b.ac{opacity:1;transform:none;filter:none}
html.js .gel{opacity:0;transform:perspective(900px) translateY(110px) scale(.86) rotateX(9deg);
  filter:blur(10px);transition:opacity 1s var(--g),transform 1.05s var(--g),filter 1s var(--g);
  transition-delay:var(--d,0s)}
html.js .gel.ac{opacity:1;transform:none;filter:none}
html.js .gel-sol{opacity:0;transform:translateX(-90px) rotate(-1.5deg) scale(.94);filter:blur(6px);
  transition:opacity .95s var(--g),transform 1s var(--g),filter .95s var(--g);transition-delay:var(--d,0s)}
html.js .gel-sag{opacity:0;transform:translateX(90px) rotate(1.5deg) scale(.94);filter:blur(6px);
  transition:opacity .95s var(--g),transform 1s var(--g),filter .95s var(--g);transition-delay:var(--d,0s)}
html.js .gel-sol.ac,html.js .gel-sag.ac{opacity:1;transform:none;filter:none}
.g1{transition-delay:.08s}.g2{transition-delay:.16s}.g3{transition-delay:.24s}
.g4{transition-delay:.32s}.g5{transition-delay:.4s}

/* mini bilgi kartı — yolculuğun sonundaki ufacık karşılama */
.mini-kart{max-width:560px;margin:0 auto;text-align:center;background:var(--kagit2);
  border:1px solid var(--cizgi);border-radius:24px;padding:clamp(30px,4vw,46px);
  box-shadow:0 34px 70px -50px rgba(34,27,16,.4)}
.mini-kart .kiv-buyuk{font-size:26px;color:var(--kor);display:block;margin-bottom:14px;
  animation:nabiz 3s ease-in-out infinite}
.mini-kart h3{font-family:var(--serif);font-weight:560;font-size:clamp(23px,2.6vw,30px);margin-bottom:8px}
.mini-kart>p{color:var(--kahve);font-size:15.5px;line-height:1.6;max-width:40ch;margin:0 auto}
.mini-satir{display:flex;gap:10px;margin-top:22px}
.mini-satir input{flex:1;min-width:0;background:#FFFDF8;border:1.5px solid var(--cizgi2);
  border-radius:14px;color:var(--murekkep);font-family:inherit;font-size:16px;padding:14px 16px;
  transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none}
.mini-satir input:focus{outline:none;border-color:var(--kor);box-shadow:0 0 0 4px var(--kor-sis)}
.mini-satir input::placeholder{color:#B4A992}
.mini-kart .d-ana{padding:14px 24px;font-size:16px}
.mini-kart .f-not{margin-top:12px}
.mini-tamam{color:var(--yesil);font-weight:750;font-size:16.5px;margin-top:18px;display:none}
.mini-tamam.goster{display:block;animation:halkabuyu .5s var(--gz)}
@media(max-width:560px){.mini-satir{flex-direction:column}.mini-satir .d-ana{width:100%}}

@media (prefers-reduced-motion: reduce){
  html.js .gir,html.js .gir-b,html.js .gel,html.js .gel-sol,html.js .gel-sag{
    opacity:1;transform:none;filter:none;transition:none}
  .mini-kart .kiv-buyuk{animation:none}
  html{scroll-behavior:auto}
  .rozet .nokta,.hero-fon .top{animation:none}
  .serit .icra{animation:none}
  .soz i{animation:none;transform:none}
  .dondur>span{transition:none}
  .d-ana::after{display:none}
  .ag .cepe,.ag .cek,.kiv-mini .cepe,.nokta-buyuk{animation:none}
  html.js [data-kademe]>*{opacity:1;transform:none;transition:none}
  .vaka-gorsel .cerceve{animation:none}
  #okuma{display:none}
}

@media(max-width:900px){
  .vaka{grid-template-columns:1fr}
  .vaka-gorsel{order:-1;min-height:220px}
  .alt-iz{grid-template-columns:1fr 1fr}
  .s-adim{padding-right:0}
  .s-adim::after{right:0}
  .ilet-iz,.proje-iz{grid-template-columns:1fr}
  .proje-yan{order:2}
}
@media(max-width:700px){
  nav{display:none}
  nav.acik{display:flex;position:fixed;inset:64px 0 auto;flex-direction:column;gap:0;
    background:var(--kagit2);border-bottom:1px solid var(--cizgi);padding:12px 24px 20px;z-index:60}
  nav.acik a{padding:14px 0;border-bottom:1px solid var(--cizgi);font-size:17.5px}
  .menu-d{display:block}
  .d-ust{display:none}
  .alt-iz{grid-template-columns:1fr}
  .rozet{white-space:normal}
  .ilet-satir{flex-direction:column;gap:4px}
  .ilet-satir dt{flex:none}
  .f-ikili{grid-template-columns:1fr}
}

/* dokunma hedefi ≥40px (kalıp kural) */
@media(max-width:700px){
  .alt-iz a,.ilet-satir a,.kirinti a,.f-devir a,.yan-kart a{display:inline-flex;align-items:center;min-height:40px}
  .h-devam{min-height:40px}
}