/* kaandogan.com.tr — ana sayfa. Ortak tokenlar :root'ta; asistan kendi değişkenlerini --pa- ön ekiyle tanımlar. */
/* yazı tipleri: kendi sunucumuzdan, latin + latin-ext (Türkçe ğ ş İ latin-ext'te). Saira wdth 100-110 / wght 300-600, Hanken wght 400-600 olarak kırpıldı. */
@font-face{font-family:'Saira';font-style:normal;font-weight:300 600;font-stretch:100% 110%;font-display:swap;src:url(fonts/saira-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:'Saira';font-style:normal;font-weight:300 600;font-stretch:100% 110%;font-display:swap;src:url(fonts/saira-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:'Hanken Grotesk';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/hanken-grotesk-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:'Hanken Grotesk';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/hanken-grotesk-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}
:root{
  --zemin:#0D2924;      /* şişe yeşili: çizim masası */
  --kagit:#10302A;      /* pafta */
  --murekkep:#BCE3CE;   /* nane tebeşiri: tek kalınlıkta çizgi */
  --metin:#E8F6EE;
  --soluk:rgba(188,227,206,.7);
  --ince:rgba(188,227,206,.2);
  --sinyal:#FF3D4F;     /* kırmızı kalem: yalnız sistem iş yapınca */
  --sinyal-ust:#06201A; /* sinyal zeminindeki yazı */
  --mektup:#E1F0E7;
  --baslik:'Saira',system-ui,sans-serif;
  --govde:'Hanken Grotesk',system-ui,sans-serif;
  --kenar:clamp(16px,4vw,56px);
}
*{box-sizing:border-box}
html{background:var(--zemin);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:400 16.5px/1.55 var(--govde);overflow-x:hidden}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
p{margin:0}
:focus-visible{outline:2px solid var(--sinyal);outline-offset:3px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{font-family:var(--baslik);font-stretch:110%;margin:0;color:var(--metin);text-wrap:balance}
.ic{max-width:1320px;margin:0 auto;padding:0 var(--kenar)}

/* üst şerit */
.ust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--kenar) 8px;max-width:1320px;margin:0 auto}
.marka{display:flex;align-items:center;gap:12px;color:var(--metin);text-decoration:none}
.marka svg{width:30px;height:30px;flex:none;overflow:visible}
.marka b{display:block;font:500 18px/1 var(--baslik);font-stretch:110%;letter-spacing:.01em}
.marka small{display:block;font-size:12.5px;color:var(--soluk);margin-top:4px}
.ust nav{display:flex;align-items:center;gap:26px;font-size:15px}
.ust nav a{text-decoration:none;color:var(--murekkep)}
.ust-dugme{display:none}
.onizleme{margin:0;padding:6px var(--kenar);font-size:12.5px;color:var(--soluk);border-bottom:1px solid var(--ince);text-align:center}
.ust nav a:hover{color:var(--metin)}
.ust nav .ust-git{display:flex;gap:10px;align-items:center;color:var(--metin);padding:8px 0}
.ust-git svg{width:26px;height:10px}

/* kahraman */
.kahraman{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 clamp(32px,4.5vw,80px);align-items:center;
  max-width:1320px;margin:0 auto;padding:22px var(--kenar) 8px;min-height:min(calc(100svh - 110px),780px)}
.sol{display:flex;flex-direction:column;align-items:flex-start}
h1{font-weight:300;font-size:clamp(40px,3.9vw,60px);line-height:1.06;letter-spacing:-.012em;margin:0 0 20px;max-width:13em}
.alt{font-size:17px;line-height:1.5;max-width:30em;margin:0 0 34px}
.soru{font:500 19px/1.2 var(--baslik);font-stretch:110%;color:var(--metin);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.soru::before{content:"";width:18px;height:1.5px;background:var(--murekkep)}
.secim{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.secim button{position:relative;background:transparent;border:1px solid var(--ince);border-radius:0;padding:10px 15px 10px 32px;
  font-size:15px;font-weight:500;color:var(--murekkep);cursor:pointer;line-height:1.2;transition:border-color .25s,color .25s,background .25s;min-height:44px}
.secim button i{position:absolute;left:13px;top:50%;width:9px;height:9px;margin-top:-4.5px;border:1.5px solid var(--murekkep);border-radius:50%;background:var(--zemin);transition:background .25s,border-color .25s}
.secim button:hover{border-color:var(--soluk);color:var(--metin)}
.secim button[aria-pressed="true"]{border-color:var(--murekkep);color:var(--metin);background:rgba(188,227,206,.07)}
.secim button[aria-pressed="true"] i{background:var(--sinyal);border-color:var(--sinyal)}
.eylem{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin:0 0 24px}
.birincil{display:inline-flex;align-items:center;gap:14px;background:var(--sinyal);color:var(--sinyal-ust);text-decoration:none;font-weight:600;font-size:16.5px;
  padding:15px 20px 15px 22px;min-height:52px;border:0;cursor:pointer;transition:transform .2s}
.birincil svg{width:30px;height:12px}
.birincil:hover{transform:translateX(3px)}
.ikincil{display:inline-flex;align-items:center;gap:10px;color:var(--metin);font-size:16.5px;font-weight:500;min-height:48px;text-decoration:none}
.ikincil svg{width:30px;height:12px}
.ikincil span{border-bottom:1px solid var(--soluk);padding-bottom:2px}
.kanit{display:flex;align-items:baseline;gap:10px;font-size:14.5px;color:var(--soluk);max-width:34em}
.kanit b{color:var(--metin);font-weight:500}
.canli{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sinyal);position:relative;top:-1px;animation:canli 2s infinite}
.canli[hidden]{display:none}
@keyframes canli{0%{box-shadow:0 0 0 0 rgba(255,61,79,.55)}70%,100%{box-shadow:0 0 0 7px rgba(255,61,79,0)}}

/* pafta */
.pafta{margin:0;min-width:0}
.pafta-bas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin:0 0 14px}
.pafta-baslik{font-weight:400;font-size:clamp(18px,1.45vw,21px);line-height:1.25;letter-spacing:0;padding-top:24px;color:var(--murekkep)}
.olculu{position:relative;display:inline-block;color:var(--metin)}
.olcu-c{position:absolute;left:0;right:0;top:-9px;height:1.5px;background:var(--sinyal);transform-origin:left;transform:scaleX(1);transition:transform .7s cubic-bezier(.6,0,.2,1)}
.olcu-c::before,.olcu-c::after{content:"";position:absolute;top:-5px;width:1.5px;height:11px;background:var(--sinyal);transform:rotate(45deg)}
.olcu-c::before{left:0}.olcu-c::after{right:0}
.olculu::before,.olculu::after{content:"";position:absolute;top:-14px;height:15px;width:1px;background:var(--soluk)}.olculu::before{left:0}.olculu::after{right:0}
.olcu-c em{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font:400 12.5px/1 var(--govde);font-style:normal;color:var(--soluk);white-space:nowrap;background:var(--zemin);padding:0 6px}
.olculu.bekle .olcu-c{transform:scaleX(0)}
#kelime{transition:opacity .25s}
.olculu.bekle #kelime{opacity:.25}
.akis{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:13.5px;color:var(--soluk)}
.saat{font:500 17px/1 var(--baslik);font-variant-numeric:tabular-nums;color:var(--sinyal);min-width:3.2em}
.a-olay{display:flex;gap:2px}
.a-olay button{background:none;border:0;border-bottom:1.5px solid transparent;padding:4px 5px 3px;font:400 14px/1.2 var(--baslik);font-variant-numeric:tabular-nums;color:var(--soluk);cursor:pointer;min-height:30px}
.a-olay button[aria-current="true"]{color:var(--metin);border-bottom-color:var(--sinyal)}
.a-olay em{font-style:normal}
.sahne-kap{position:relative;background:var(--kagit);border:1px solid var(--ince);container-type:inline-size}
.sahne,.statik{display:block;width:100%;height:auto}
.js .statik{display:none}
html:not(.js) #sahne{display:none}
html:not(.js) .a-olay{display:none}
.sahne{--bsw:1.5px}
.sahne.m{--bsw:2px}
.sahne .c{fill:none;stroke:var(--murekkep);stroke-width:var(--sw,1.5px);stroke-linecap:square;stroke-linejoin:miter;
  stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.05s cubic-bezier(.6,0,.25,1) var(--g,0s),stroke .4s}
.sahne .c.soluk{stroke:var(--soluk)}
.sahne.m .c.soluk{stroke:rgba(188,227,206,.72)}
.sahne .c.sinyalc{stroke:var(--sinyal)}
.sahne .k{fill:none;stroke:var(--soluk);stroke-width:var(--sw,1.5px);stroke-dasharray:3 4;opacity:0;transition:opacity .6s var(--g,0s)}
.sahne .d{fill:var(--murekkep);opacity:0;transition:opacity .6s var(--g,0s)}
.sahne .d.sinyald{fill:var(--sinyal)}
.sahne .d.zem{fill:var(--kagit)}
.sahne .d.yari{fill:rgba(188,227,206,.32)}
.sahne .t{fill:var(--soluk);font:400 9.5px var(--baslik);font-stretch:110%;opacity:0;transition:opacity .6s var(--g,0s)}
.sahne .t.sayi{fill:var(--sinyal);font-size:14px;font-weight:500}
.sahne.m .etk{display:none}
.sahne .t.olcu-y{fill:var(--murekkep);font-size:14px}
.sahne .t.soru-t{font-size:34px;font-weight:300}
.sahne .t.cerceve{font-size:10px}
.sahne .t.ad{fill:var(--metin);font-size:13px;font-weight:500}
.sahne.m .t.ad{font-size:12.5px}
.sahne .t.sistem{fill:var(--metin);font-size:13px;font-weight:500}
.sahne.m .t.sistem{font-size:16px}
.sahne .t.bn{fill:var(--zemin);font-size:11.5px;font-weight:600;transition:opacity .6s var(--g,0s),fill .3s}
.sahne .balon-d{fill:var(--murekkep);opacity:0;transition:opacity .6s var(--g,0s),fill .3s}
.sahne.ciz .c{stroke-dashoffset:0}
.sahne.ciz .k,.sahne.ciz .d,.sahne.ciz .t,.sahne.ciz .balon-d{opacity:1}
.sahne.sil .c{stroke-dashoffset:-1;transition-duration:.38s;transition-delay:0s}
.sahne.sil .k,.sahne.sil .d,.sahne.sil .t,.sahne.sil .balon-d{opacity:0;transition-duration:.3s;transition-delay:0s}
.sahne g{transition:opacity .5s,transform .7s cubic-bezier(.5,0,.2,1)}
.sahne .etkin .c{stroke:var(--sinyal)}
.sahne .etkin .c.soluk{stroke:rgba(255,61,79,.75)}
.sahne .etiket.etkin .balon-d{fill:var(--sinyal)}
.on0,.on1,.on2,.on3,.ons0,.ons1,.ons2,.ons3{opacity:0}
.e0 .on0,.e1 .on1,.e2 .on2,.e3 .on3,.s0 .ons0,.s1 .ons1,.s2 .ons2,.s3 .ons3{opacity:1}
.e0 .off0,.e1 .off1,.e2 .off2,.e3 .off3,.s0 .offs0,.s1 .offs1,.s2 .offs2,.s3 .offs3{opacity:0}
.sahne .cik{transform-box:fill-box}
.e0 .off0.cik{transform:translateY(-16px)}
.sahne .kagit{transform:translateY(-128px);transition:transform 1.6s steps(16)}
.e1 .kagit{transform:none}
.sahne .led{fill:var(--murekkep)}
.s1:not(.e1) .led{fill:var(--sinyal)}
.parcalar{animation:akis 2.4s linear infinite;animation-play-state:paused}
.pres{animation:pres 1.2s cubic-bezier(.6,0,.4,1) infinite;animation-play-state:paused}
.e0 .parcalar,.e0 .pres{animation-play-state:running}
.e1:not(.e2) .parcalar,.e1:not(.e2) .pres{animation-play-state:paused}
@keyframes akis{to{transform:translateX(40px)}}
@keyframes pres{0%,60%,100%{transform:none}30%{transform:translateY(5px)}}
.lamba-calis{opacity:0}.e0 .lamba-calis{opacity:1}.e1:not(.e2) .lamba-calis{opacity:0}
.lamba-dur{opacity:0}.e1:not(.e2) .lamba-dur{opacity:1}
.sira{transition-duration:.35s!important}
.iz{fill:none;stroke:var(--sinyal);stroke-width:var(--bsw);stroke-dasharray:1 1;stroke-dashoffset:1;transition:opacity .9s}
.sn .hale{fill:var(--sinyal);opacity:.22}
.sn .nk{fill:var(--sinyal)}
.halka{fill:none;stroke:var(--sinyal);stroke-width:1.4px;transform-box:fill-box;transform-origin:center;animation:halka 1.3s ease-out forwards}
@keyframes halka{from{transform:scale(.3);opacity:1}to{transform:scale(2.6);opacity:0}}
.lider{fill:none;stroke:var(--sinyal);stroke-width:1.1px;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .45s cubic-bezier(.6,0,.3,1)}
.lider.gor{stroke-dashoffset:0}
.lider-uc{fill:var(--sinyal);opacity:0;transition:opacity .2s .4s}
.lider-uc.gor{opacity:1}

/* bildirim notu */
.not{position:absolute;font-size:clamp(12px,1.9cqw,15px);line-height:1.42;color:var(--murekkep);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;pointer-events:none}
.not.gor{opacity:1;transform:none}
.n-ust{display:flex;align-items:center;gap:.5em;margin-bottom:.25em}
.n-balon{flex:none;display:inline-grid;place-items:center;width:1.45em;height:1.45em;border-radius:50%;background:var(--sinyal);color:var(--sinyal-ust);font:600 .78em/1 var(--baslik)}
.n-balon svg{width:.95em;height:.95em}
.n-saat{font:500 1.22em/1 var(--baslik);color:var(--sinyal);font-variant-numeric:tabular-nums}
.n-bas{font:500 1.22em/1 var(--baslik);font-stretch:110%;color:var(--metin)}
.not p{margin:0;text-wrap:pretty}
.not.sag{text-align:right}.not.sag .n-ust{justify-content:flex-end}

/* gün listesi: JS yokken ve hareket azaltılmışken görünür */
.gun{list-style:none;margin:0;padding:10px 14px 4px;border:1px solid var(--ince);border-top:0;font-size:14.5px}
.gun li{padding:7px 0;border-top:1px solid var(--ince);display:flex;gap:10px}
.gun li:first-child{border-top:0}
.gun b{font:500 15px var(--baslik);color:var(--metin);white-space:nowrap}
.js .gun{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;border:0}
.js .gun.goster{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;padding:10px 14px 4px;border:1px solid var(--ince);border-top:0}
.pafta-dip{margin-top:10px;font-size:13.5px;color:var(--soluk)}

/* bölümler: aynı paftanın devamı */
.bolum{padding:clamp(56px,6.5vw,104px) 0 0}
.bolum-bas{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:start;margin-bottom:clamp(28px,4vw,48px)}
.pno{grid-row:span 2;width:34px;height:12px;position:relative;margin-top:.9em}
.pno::before{content:"";position:absolute;left:0;right:8px;top:50%;height:1.5px;background:var(--murekkep);transform-origin:left}
.pno::after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;margin-top:-5px;border:1.5px solid var(--murekkep);border-radius:50%;box-sizing:border-box;transition:opacity .3s .6s}
.pno i{font-style:normal;color:var(--soluk);font-size:12px}
.pno b{font-weight:500;padding-top:4px}
.bolum h2{font-weight:400;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.008em;max-width:20em}
.bolum-alt{max-width:38em;color:var(--murekkep)}

/* 2: parça listesi */
.liste-izgara{max-width:980px}
.liste{width:100%;border-collapse:collapse;border-top:1.5px solid var(--murekkep)}
.liste th{font:400 13.5px/1.2 var(--govde);color:var(--soluk);text-align:left;padding:10px 12px 9px 0;border-bottom:1px solid var(--ince)}
.liste td{padding:16px 14px 16px 0;border-bottom:1px solid var(--ince);vertical-align:top}
.liste td:first-child{width:56px}
.liste td:nth-child(2){font:500 18px/1.3 var(--baslik);font-stretch:110%;color:var(--metin);width:34%}
.balon{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:1.5px solid var(--murekkep);border-radius:13px;font:500 12.5px/1 var(--baslik);color:var(--metin)}
.balon.arti{border-style:dashed;color:var(--soluk)}
.liste-not{font-size:13.5px;color:var(--soluk);margin-top:12px}
.rev{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding-top:16px;border-top:1.5px solid var(--murekkep);max-width:46em}
.rev-bas{display:flex;align-items:center;gap:10px;font:500 15px/1.45 var(--baslik);font-stretch:110%;color:var(--metin);white-space:nowrap}
.rev-bas svg{width:22px;height:20px;flex:none}
.rev a{color:var(--metin);text-decoration-color:var(--sinyal);text-underline-offset:3px}
.rev .canli{display:inline-block;margin-right:6px}

/* 3: vaka */
.vaka-izgara{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px clamp(32px,4.5vw,80px);align-items:start}
.vaka-metin{max-width:34em}
.vaka-metin strong{color:var(--metin);font-weight:600}
.olcum{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--ince)}
.olcum li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--ince);font-size:15.5px}
.olcum li span:last-child{font:500 16px/1 var(--baslik);color:var(--metin);font-variant-numeric:tabular-nums;white-space:nowrap}
.olcum li span:first-child{position:relative}
.kaynak{margin-top:12px;font-size:13.5px;color:var(--soluk)}
.canli-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-weight:600;color:var(--metin);text-decoration:none;border-bottom:1.5px solid var(--sinyal);padding-bottom:3px}
.ekler{margin:0;display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:22px;align-items:end}
.ek img{display:block;width:100%;height:auto;border:1px solid var(--soluk)}
.olcu-y{position:relative;height:22px;margin-bottom:6px;display:flex;justify-content:center;align-items:center}
.olcu-y::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--soluk)}
.olcu-y i::before,.olcu-y i::after{content:"";position:absolute;top:50%;margin-top:-6px;width:1px;height:12px;background:var(--soluk);transform:rotate(45deg)}
.olcu-y i::before{left:0}.olcu-y i::after{right:0}
.olcu-y span{position:relative;background:var(--zemin);padding:0 8px;font:400 13px/1 var(--baslik);font-stretch:110%;color:var(--murekkep)}
.ekler figcaption{grid-column:1 / -1;font-size:13.5px;color:var(--soluk)}

/* 4: anlatın */
.asistan-yedek{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.asistan-yedek p{font-size:15px;color:var(--soluk);max-width:46ch}
.etiket{display:block;font:500 15px/1.2 var(--baslik);font-stretch:110%;color:var(--metin);margin-bottom:10px}

/* 5: görüşme */
.zincir-kap{max-width:880px;margin:0 0 36px}
.zincir-top{position:relative;text-align:center;margin-bottom:22px}
.zincir-top::before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--murekkep)}
.zincir-top span{position:relative;background:var(--zemin);padding:0 12px;font:500 17px/1 var(--baslik);font-stretch:110%;color:var(--metin)}
.zincir-top i::before,.zincir-top i::after{content:"";position:absolute;top:50%;margin-top:-7px;width:1.5px;height:14px;background:var(--murekkep);transform:rotate(45deg)}
.zincir-top i::before{left:0}.zincir-top i::after{right:0}
.zincir{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.zincir li{position:relative;border-top:1.5px solid var(--soluk);padding:16px 14px 0 0;font-size:15.5px}
.zincir li::before{content:"";position:absolute;left:0;top:-7px;width:1.5px;height:13px;background:var(--soluk);transform:rotate(45deg)}
.zincir li:last-child::after{content:"";position:absolute;right:0;top:-7px;width:1.5px;height:13px;background:var(--soluk);transform:rotate(45deg)}
.zincir b{display:block;font:500 16px/1.25 var(--baslik);font-stretch:110%;color:var(--metin);margin-bottom:4px}
.form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;border:1px solid var(--soluk);max-width:1120px}
.alan{border-right:1px solid var(--ince);padding:10px 14px 8px;display:flex;flex-direction:column;min-width:0}
.alan label{font-size:13.5px;color:var(--murekkep);margin-bottom:2px}
.alan input{background:transparent;border:0;padding:4px 0;color:var(--metin);font-size:16.5px;min-width:0}
.alan input:focus-visible{outline:0}
.alan:focus-within{background:rgba(188,227,206,.05)}
.form .birincil{min-height:100%;align-self:stretch}
.form-alt{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:14px;font-size:14px;color:var(--murekkep)}
.form-alt .kvkk{margin:0}
.form-alt a{color:var(--metin);text-underline-offset:3px}

/* ortak çizim (bina, parsel) */
.cz .c{fill:none;stroke:var(--murekkep);stroke-width:var(--csw,1.5px);stroke-linecap:square;stroke-linejoin:miter}
.cz .c.soluk{stroke:var(--soluk)}
.cz .k{fill:none;stroke:var(--soluk);stroke-width:1.2px;stroke-dasharray:4 4}
.cz .d{fill:var(--murekkep)}
.cz .d.sinyald,.cz .sd{fill:var(--sinyal)}
.cz .t{fill:var(--murekkep);font:500 14px var(--baslik);font-stretch:110%}
.cz .t.katad{fill:var(--metin);font-size:15px}
.cz .t.cihaz{font-size:13px;font-weight:400}

/* bina kesiti: sayfanın imza hareketi */
.bina-izgara{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:0 clamp(28px,3.5vw,56px);align-items:start}
.bina-sahne{position:sticky;top:max(16px,calc(50vh - 300px))}
.bina-kap{border:1px solid var(--ince);background:var(--kagit);padding:10px}
.bina{display:block;width:100%;height:auto}
.bina .sd{opacity:0;transition:opacity .4s}
.katlar{counter-reset:kat}
.kat-metin{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:32px 0;border-top:1px solid var(--ince)}
.kat-metin:first-child{border-top:0}
.kat-no{display:flex;align-items:center;gap:10px;font:500 15px/1 var(--baslik);font-stretch:110%;color:var(--murekkep)}
.kat-no span{display:inline-grid;place-items:center;width:26px;height:26px;border:1.5px solid var(--murekkep);border-radius:50%;font-size:12.5px;color:var(--metin)}
.kat-metin h3{font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.15}
.kat-kim,.kat-ornek{font-size:15.5px}
.kat-kim b,.kat-ornek b{font-weight:600;color:var(--metin)}
.hareket .bina .kat .c{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.25,1) var(--g,0s)}
.hareket .bina .kat .k,.hareket .bina .kat .t,.hareket .bina .kat .d{opacity:0;transition:opacity .6s var(--g,0s)}
.hareket .bina.b1 .k1 .c,.hareket .bina.b2 .k2 .c,.hareket .bina.b3 .k3 .c{stroke-dashoffset:0}
.hareket .bina.b1 .k1 .k,.hareket .bina.b1 .k1 .t,.hareket .bina.b1 .k1 .d,
.hareket .bina.b2 .k2 .k,.hareket .bina.b2 .k2 .t,.hareket .bina.b2 .k2 .d,
.hareket .bina.b3 .k3 .k,.hareket .bina.b3 .k3 .t,.hareket .bina.b3 .k3 .d{opacity:1}
.hareket .bina.b1 .sg1,.hareket .bina.b2 .sg2,.hareket .bina.b3 .sg3{opacity:1}
.hareket .bina[data-aktif] .t.katad{fill:var(--soluk);transition:fill .4s}
.hareket .bina[data-aktif="1"] .k1 .t.katad,.hareket .bina[data-aktif="2"] .k2 .t.katad,.hareket .bina[data-aktif="3"] .k3 .t.katad{fill:var(--metin)}
.hareket .kat-metin{min-height:58vh;opacity:.42;transition:opacity .5s}
.hareket .kat-metin.etkin{opacity:1}

/* kimler için: vaziyet planı */
.plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.parsel{background:none;border:0;padding:0 12px;text-align:left;cursor:pointer;color:inherit;font:inherit}
.parsel svg{display:block;width:100%;height:auto}
.parsel .c{transition:stroke .3s}
.parsel[aria-pressed="false"] .c{stroke:var(--soluk)}
.parsel[aria-pressed="false"] .c.soluk{stroke:rgba(188,227,206,.42)}
.parsel:hover .c{stroke:var(--murekkep)}
.parsel .nokta{fill:var(--sinyal);opacity:0;transition:opacity .3s}
.parsel[aria-pressed="true"] .nokta{opacity:1}
.yol{display:block;height:10px;margin:0 -12px;border-top:1.5px solid var(--murekkep);background:repeating-linear-gradient(-45deg,rgba(188,227,206,.45) 0 1px,transparent 1px 7px)!important;
  background:repeating-linear-gradient(to right,var(--soluk) 0 14px,transparent 14px 26px) 0 50%/100% 1.5px no-repeat}
.parsel b{display:block;font:500 17px/1.25 var(--baslik);font-stretch:110%;color:var(--metin);margin-top:14px}
.parsel span{display:block;font-size:14.5px;color:var(--murekkep);margin-top:2px}
.parsel[aria-pressed="true"] b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.plan-alt{margin-top:22px;font-size:15.5px}
.plan-alt a{color:var(--metin);text-underline-offset:3px}
.liste-baslik{font-weight:400;font-size:clamp(22px,1.9vw,28px);margin:56px 0 16px}
.hareket .plan .c{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.6,0,.25,1) var(--g,0s),stroke .3s}
.hareket .gor .plan .c{stroke-dashoffset:0}
.hareket .plan .yol{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.6,0,.2,1)}
.hareket .gor .plan .yol{transform:none}

/* web sitesi vakası: pafta çerçevesinde akan site */
.vaka-izgara{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px clamp(32px,4.5vw,80px);align-items:start}
.vaka-sol{position:sticky;top:10vh}
.sekme{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.sekme button{background:none;border:1px solid var(--ince);padding:8px 12px;font-size:14.5px;color:var(--murekkep);cursor:pointer;min-height:40px}
.sekme button[aria-pressed="true"]{border-color:var(--murekkep);color:var(--metin);background:rgba(188,227,206,.07)}
.cerceve{margin:0}
.cerceve-olcu{position:relative;height:22px;margin-bottom:6px;display:flex;justify-content:center;align-items:center}
.cerceve-olcu::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--soluk)}
.cerceve-olcu i::before,.cerceve-olcu i::after{content:"";position:absolute;top:50%;margin-top:-6px;width:1px;height:12px;background:var(--soluk);transform:rotate(45deg)}
.cerceve-olcu i::before{left:0}.cerceve-olcu i::after{right:0}
.cerceve-olcu span{position:relative;background:var(--zemin);padding:0 8px;font:400 13.5px/1 var(--baslik);font-stretch:110%;color:var(--murekkep)}
.cerceve-pencere{position:relative;height:60vh;max-height:620px;overflow-y:auto;border:1px solid var(--soluk);background:var(--kagit)}
.cerceve-pencere img{display:block;width:100%;height:auto}
#yonImg:not([src]){min-height:100%;opacity:0}
html:not(.js) #yonImg{display:none}
.site{position:relative}
#yonCizim{display:none;position:absolute;left:0;top:0;width:100%;height:auto;filter:url(#ikiTon);pointer-events:none}
.hareket #yonCizim[src]{display:block}
.hareket .site{will-change:transform}
.cz .hayalet .k{stroke:rgba(188,227,206,.26);stroke-dasharray:3 6}
/* başlık ritmi: her bölüm aynı değil */
.bolum-bas.buyuk,.bolum-bas.sade{display:block}
.bolum-bas.buyuk h2{font-weight:300;font-size:clamp(34px,3.5vw,52px);line-height:1.06;max-width:17em}
.bolum-bas.buyuk .bolum-alt{margin-top:16px;max-width:46em}
.bolum-bas.yan{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px clamp(32px,4.5vw,80px);align-items:end}
.ust-not{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--murekkep);margin-bottom:12px}
.ust-not::before{content:"";width:18px;height:1.5px;background:var(--murekkep)}
.kim-izgara .bolum-bas{margin-bottom:0}
@media (max-width:899px){
  .bolum-bas.yan{grid-template-columns:1fr}
  .bolum-bas.buyuk h2{font-size:clamp(30px,8vw,38px)}
  .ust nav .nv{margin-right:12px!important;font-size:13.5px!important}
}
.cerceve-antet{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;border:1px solid var(--ince);border-top:0;padding:9px 12px;font-size:13.5px;color:var(--murekkep)}
.cerceve-antet .tam{flex-basis:100%;color:var(--metin);text-underline-offset:3px;text-decoration-color:var(--sinyal)}
.cerceve-antet span:first-child{font-family:var(--baslik);font-stretch:110%;color:var(--metin)}
.hareket .cerceve-yol{height:170vh}
.hareket .cerceve{position:sticky;top:6vh}
.hareket .cerceve-pencere{overflow:hidden}
.hareket #yonImg{will-change:transform}
.hareket .vaka-izgara .cerceve-pencere{clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.6,0,.2,1)}
.hareket .bolum:not(.gor) .cerceve-pencere{clip-path:inset(0 0 100% 0)}
.kvkk{margin-top:12px;font-size:13.5px;color:var(--murekkep)}
.kvkk a{color:var(--metin);text-underline-offset:3px}

/* kim kuruyor */
.kim-izgara{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(32px,4.5vw,80px);align-items:start}
.kim-metin{font-size:clamp(18px,1.4vw,20px);line-height:1.55;color:var(--metin);max-width:34em}
.kim-antet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ince);margin:28px 0 0}
.kim-antet div{padding:12px 14px 13px;border-left:1px solid var(--ince)}
.kim-antet div:first-child{border-left:0}
.kim-antet dt{font-size:12.5px;color:var(--soluk);margin-bottom:4px}
.kim-antet dd{margin:0;font:500 16px/1.3 var(--baslik);font-stretch:110%;color:var(--metin)}

/* bölüm girişleri: çizgi çizilir */
.hareket .bolum .bolum-bas h2,.hareket .bolum .bolum-alt{transition:opacity .7s .12s,transform .7s .12s}
.hareket .bolum:not(.gor) .bolum-bas h2,.hareket .bolum:not(.gor) .bolum-alt{opacity:0;transform:translateY(14px)}
.hareket .bolum .pno::before{transition:transform .8s cubic-bezier(.6,0,.2,1)}
.hareket .bolum:not(.gor) .pno::before{transform:scaleX(0)}
.hareket .bolum:not(.gor) .pno::after{opacity:0}
.hareket .liste{transition:clip-path 1.2s cubic-bezier(.6,0,.2,1) .2s;clip-path:inset(0 0 0 0)}
.hareket .bolum:not(.gor) .liste{clip-path:inset(0 100% 0 0)}

/* alt bilgi: paftanın antedi */
.antet{margin:clamp(64px,7vw,104px) auto 0;max-width:1320px;padding:0 var(--kenar) 28px}
.antet-izgara{display:grid;grid-template-columns:1.3fr 1.5fr 1.2fr .8fr;border:1px solid var(--ince)}
.antet-izgara>div{padding:14px 16px 15px;border-left:1px solid var(--ince);min-width:0}
.antet-izgara>div:first-child{border-left:0}
.a-et{display:block;font-size:12.5px;color:var(--soluk);margin-bottom:6px}
.antet nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14.5px}
.antet nav a{text-decoration:none;color:var(--metin)}
.antet nav a:hover{text-decoration:underline;text-decoration-color:var(--sinyal)}
.antet p{font-size:14.5px;color:var(--metin)}
/* ikincil satır: ana sayfadan ulaşılmayan sayfalar (Blog, Hakkında…) her sayfanın altında */
.antet-izgara>.antet-site{grid-column:1 / -1;border-left:0}
.antet-izgara>.antet-site:not(:first-child){border-top:1px solid var(--ince)}

/* telefonda yapışkan çubuk */
.yapiskan{display:none}

@media (max-width:899px){
  .ust{padding:16px 16px 4px}
  .ust{flex-wrap:wrap;row-gap:10px}
  .ust nav{display:contents}
  .ust nav .ust-git{display:none}
  .ust-dugme{display:inline-flex!important;align-items:center;min-height:40px;padding:0 14px;background:var(--sinyal);color:var(--sinyal-ust)!important;font-weight:600;font-size:14.5px}
  .ust nav .nv{order:3;font-size:14.5px;padding:6px 0;margin-right:18px;color:var(--metin)}
  .ust nav .nv:nth-child(3){margin-right:auto}
  .ust::after{content:"";order:2;flex-basis:100%;height:0}
  .kahraman{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:12px 16px 20px}
  .sol{display:contents}
  h1{font-size:clamp(31px,8.4vw,40px);margin-bottom:12px}
  .kahraman h1{order:1}
  .alt{order:2;font-size:16px;margin-bottom:24px}
  .soru{order:3;margin-bottom:12px}
  .secim{order:4;margin-bottom:24px;gap:9px}
  .secim button{padding:10px 13px 10px 30px}
  .secim button i{left:12px}
  .pafta{order:5;width:100%;max-width:560px;margin:0 auto 28px}
  .eylem{order:6;gap:6px 24px;margin-bottom:20px}
  .kanit{order:7}
  .pafta-baslik{font-size:20px}
  .not{position:static;padding:12px 14px 13px;border-top:1px solid var(--ince);font-size:15px;min-height:96px;transform:translateY(4px)}
  .not.sag{text-align:left}.not.sag .n-ust{justify-content:flex-start}
  .liste-izgara,.vaka-izgara,.anlat-izgara{grid-template-columns:1fr}
  .liste thead{display:none}
  .liste tr{display:grid;grid-template-columns:44px 1fr;gap:4px 8px;padding:14px 0;border-bottom:1px solid var(--ince)}
  .liste td{padding:0;border:0}
  .liste td:first-child{grid-row:span 2;width:auto}
  .liste td:nth-child(2){width:auto}
  .liste tbody{display:block}
  .ekler{grid-template-columns:1fr}
  .ek-masa{display:none}
  .ek-tel{max-width:280px}
  .form{grid-template-columns:1fr}
  .alan{border-right:0;border-bottom:1px solid var(--ince)}
  .form .birincil{justify-content:space-between}
  .zincir li{padding-right:8px;font-size:14.5px}
  .bina-izgara{display:block}
  .bina-sahne{top:0;z-index:3;background:var(--zemin);padding:8px 16px 10px;margin:0 -16px}
  .bina-kap{padding:4px}
  .cz.bina{--csw:2.4px}
  .bina .t.katad{font-size:24px}
  .bina .t.cihaz{display:none}
  .kat-metin{padding:22px 0}
  .hareket .kat-metin{min-height:44vh}
  .kat-metin h3{font-size:22px}
  .plan{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .parsel{padding:0 8px}.yol{margin:0 -8px}
  .parsel b{font-size:15.5px}
  .vaka-izgara,.kim-izgara{display:block}
  .vaka-sol{position:static}
  .hareket .cerceve-yol{height:calc(64vh + 150vh)}
  .cerceve-yol{margin-top:28px}
  .cerceve-pencere{height:62vh}
  .hareket .cerceve{top:8px}
  .kim-antet{grid-template-columns:1fr}
  .kim-antet div{border-left:0;border-top:1px solid var(--ince)}
  .kim-antet div:first-child{border-top:0}
  .ust nav .nv{margin-right:14px;font-size:14px}
  .antet-izgara{grid-template-columns:1fr 1fr}
  .antet-izgara>div:nth-child(3){border-left:0}
  .antet-izgara>div:nth-child(n+3){border-top:1px solid var(--ince)}
  .antet{padding-bottom:110px}
  .antet-site nav{gap:0 20px}
  .antet-site nav a{display:inline-flex;align-items:center;min-height:44px}
  main{padding-bottom:8px}
  .yapiskan{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(13,41,36,.94);
    border-top:1px solid var(--ince);transform:translateY(110%);visibility:hidden;transition:transform .35s cubic-bezier(.5,0,.2,1),visibility 0s .35s}
  .yapiskan.gor{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.5,0,.2,1)}
  .yapiskan a{flex:1;display:flex;align-items:center;justify-content:space-between;background:var(--sinyal);color:var(--sinyal-ust);text-decoration:none;font-weight:600;padding:0 16px;min-height:46px}
  .yapiskan span{font-size:13px;color:var(--soluk);align-self:center;padding:0 0 0 12px;white-space:nowrap}
}
@media (min-height:1400px){.yapiskan{display:none!important}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .sahne .c{stroke-dashoffset:0!important}
  .sahne .k,.sahne .d,.sahne .t,.sahne .balon-d{opacity:1!important}
  .not{display:none}
}

/* Yön vitrini: sabit, net ilk ekranlar (kaydırmaya bağlı hareket yok) */
.vitrin{margin:0;display:grid;grid-template-columns:minmax(0,3.1fr) minmax(0,1fr);gap:14px;align-items:end}
.vitrin img{display:block;width:100%;height:auto;background:#0d0f0e;border:1px solid var(--soluk)}
.vitrin img:not([src]){aspect-ratio:1440/900}
.vitrin-tel img:not([src]){aspect-ratio:780/1688}
.vitrin-tel img{border-radius:14px}
.vitrin .cerceve-antet{grid-column:1 / -1}
@media (max-width:899px){.vitrin{grid-template-columns:1fr}.vitrin-masa{display:none}.vitrin-tel{max-width:300px}}

/* görüşme formu onay kutusu (form.js ile) */
.form .onay{grid-column:1 / -1;padding:12px 16px;border-top:1px solid var(--soluk);display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--murekkep);cursor:pointer}
.form .onay input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#FF3D4F}
.form .onay a{color:var(--metin)}