/* ==========================================================================
   Özyalçın İnşaat: "Pafta" tasarım sistemi
   1 Tokenlar ve temalar · 2 Temel · 3 Tipografi · 4 Yerleşim · 5 Bileşenler
   6 Başlık çubuğu ve menüler · 7 Bölümler · 8 Sayfalar · 9 Hareket · 10 Yazdırma
   Kırılım noktaları: 1240 (menü), 1000, 760, 480 px
   ========================================================================== */

/* 1 — TOKENLAR VE TEMALAR ------------------------------------------------- */
@font-face{font-family:"Cal Sans";src:url(fonts/calsans-latin.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:"Cal Sans";src:url(fonts/calsans-latin-ext.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrumentserif-italic-latin.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrumentserif-italic-latin-ext.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:"Inter";src:url(fonts/inter-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}

:root{
  /* Kurumsal ve yardımcı renkler (temadan bağımsız) */
  --ink:#30323e; --accent:#ea8051;
  --ink-950:#111217; --ink-900:#17181e; --ink-800:#1f2028; --ink-700:#272933; --ink-600:#3a3c49;
  --copper:#a8481f; --copper-deep:#96401b;
  --sand:#e7ded0; --paper:#f5f2ec; --lime:#fbfaf7;
  --steel:#8fb3bd; --petrol:#1f3a40; --petrol-2:#27474e;
  /* Tipografi */
  --f-display:"Cal Sans","Inter",system-ui,sans-serif;
  --f-serif:"Instrument Serif",Georgia,serif;
  --f-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(2.375rem,5.6vw,5.5rem);
  --fs-h1:clamp(2rem,4.4vw,4.25rem);
  --fs-h2:clamp(1.5rem,2.6vw,2.375rem);
  --fs-h3:clamp(1.1875rem,1.5vw,1.4375rem);
  --fs-lead:clamp(1.0625rem,1.3vw,1.25rem);
  /* Ölçü */
  --gut:clamp(16px,4vw,56px); --max:1440px; --sec:clamp(64px,9.5vw,144px);
  --r-xs:8px; --r-ctl:12px; --r-sm:14px; --r-md:22px; --r-lg:32px; --r-pill:999px;
  --hdr-h:72px; --hdr-top:14px; --hdr-space:calc(var(--hdr-top) + var(--hdr-h));
  --ease:cubic-bezier(.22,.8,.18,1);
}

/* Koyu tema (varsayılan). Üç yüzey: taban (s0), açık bölüm (s1), sıcak bölüm (s2). */
:root,[data-theme=dark]{
  color-scheme:dark;
  --s0:#17181e; --s0-card:#1f2028;
  --s1:#1e1f27; --s1-card:#282a34;
  --s2:#25262e; --s2-card:#30323e;
  --fg:#f3f1ed; --muted:#a9abb8; --line:rgba(255,255,255,.13);
  --accent-text:var(--accent); --tag:var(--accent); --focus:var(--accent);
  --field-bd:rgba(255,255,255,.42); --field-bg:rgba(255,255,255,.06); --field-bd-hover:rgba(255,255,255,.7);
  --hover:rgba(255,255,255,.08);
  --glass:rgba(23,24,30,.6); --glass-solid:rgba(20,21,27,.96); --glass-bd:rgba(255,255,255,.13); --glass-hi:rgba(255,255,255,.07);
  --hero-a:#3d4050; --hero-b:var(--ink); --hero-c:var(--ink-900);
  --grid:rgba(255,255,255,.07); --stroke:rgba(255,255,255,.26);
  --ok:#8bd3a4; --err:#ffb3a6;
}
/* Açık tema */
[data-theme=light]{
  color-scheme:light;
  --s0:var(--paper); --s0-card:var(--lime);
  --s1:var(--lime); --s1-card:#fff;
  --s2:var(--sand); --s2-card:var(--paper);
  --fg:#23242c; --muted:#5a5c69; --line:rgba(35,36,44,.16);
  --accent-text:var(--copper); --tag:var(--copper); --focus:var(--ink-900);
  --field-bd:rgba(35,36,44,.58); --field-bg:#fff; --field-bd-hover:rgba(35,36,44,.85);
  --hover:rgba(35,36,44,.06);
  --glass:rgba(251,250,247,.74); --glass-solid:rgba(251,250,247,.98); --glass-bd:rgba(35,36,44,.24); --glass-hi:rgba(255,255,255,.7);
  --hero-a:#fff; --hero-b:var(--paper); --hero-c:var(--sand);
  --grid:rgba(35,36,44,.07); --stroke:rgba(35,36,44,.3);
  --ok:#1f7a45; --err:#b3261e;
}
/* Bölüm yüzeyleri. Her bölüm kendi --bg ve --card değerini taşır; içindeki bileşenler bunları kullanır. */
body,.sec,.hs{--bg:var(--s0);--card:var(--s0-card)}
.t-paper{--bg:var(--s1);--card:var(--s1-card)}
.t-sand{--bg:var(--s2);--card:var(--s2-card)}
[data-theme=light] .t-sand{--accent-text:var(--copper-deep);--tag:var(--copper-deep)}
/* İki temada da koyu kalan bölümler: antrasit, petrol, alt bilgi, özet kutusu */
.t-ink,.t-petrol,.ftr,.summary,.btn-urban{
  --fg:#f3f1ed; --muted:#b9bbc8; --line:rgba(255,255,255,.14); --accent-text:var(--accent); --tag:var(--accent); --focus:var(--accent);
  --field-bd:rgba(255,255,255,.42); --field-bg:rgba(255,255,255,.06); --field-bd-hover:rgba(255,255,255,.7); --hover:rgba(255,255,255,.08);
}
.t-ink{--bg:var(--ink);--card:var(--ink-600)}
/* İki temada da koyu kalan yüzeyler kendi zemin rengini bildirir: düğmelerin üzerine gelince metin bu renge döner (bildirilmezse açık temada beyaz üstüne beyaz olur). */
.ftr{--bg:var(--ink-950)}
.summary{--bg:var(--ink-900)}
.t-petrol{--bg:var(--petrol);--card:var(--petrol-2);--muted:#a9c0c2;--tag:#a5c6cf}
.t-petrol .card,.t-petrol .sheet,.t-petrol .steps li,.t-ink .card{--accent-text:#f2a07c} /* kart zemininde turuncu küçük metin okunaklı kalsın */
/* Turuncu zeminler: metin ve odak koyu */
.cta-card,.icta{--fg:var(--ink-900);--focus:var(--ink-900)}

/* 2 — TEMEL --------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-space) + 24px);scroll-padding-bottom:96px} /* alt pay: odaktaki öğe sabit çerez bandının ya da arama çubuğunun altında kalmasın */
body{margin:0;background:var(--s0);color:var(--fg);font:400 1.0625rem/1.65 var(--f-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;font-synthesis:none}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
p,dl,dd,figure{margin:0}
address{font-style:normal}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-xs)}
main:focus{outline:0}
::selection{background:var(--accent);color:var(--ink-900)}
.skip{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--accent);color:var(--ink-900);padding:12px 18px;border-radius:var(--r-xs);font-weight:600;transition:top .2s}
.skip:focus{top:16px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[hidden]{display:none!important}

/* 3 — TİPOGRAFİ ----------------------------------------------------------- */
.display,.h1,.h2,.h3{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.display{font-size:var(--fs-display);line-height:1.03;max-width:16ch}
.display-2{font-size:clamp(2.125rem,4.9vw,4.75rem);max-width:20ch}
.h1{font-size:var(--fs-h1);line-height:1.06;max-width:19ch}
.h2{font-size:var(--fs-h2);line-height:1.12}
.h3{font-size:var(--fs-h3);line-height:1.22;letter-spacing:-.012em}
.em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--accent-text)}
.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--muted);max-width:30em;text-wrap:pretty}
.muted{color:var(--muted)}
.tag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font:600 .75rem/1.3 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tag)}
.tag::before{content:"";flex:none;width:28px;height:9px;border-left:1px solid currentColor;border-right:1px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat}
.tag-no{color:var(--fg);opacity:.72;white-space:nowrap}
@media (max-width:480px){.tag{flex-wrap:nowrap;align-items:flex-start;text-wrap:balance}.tag::before{margin-top:.2em}}
.num{font-family:var(--f-display);font-weight:600;color:var(--accent-text)}
/* Telefon numaraları: Cal Sans rakamları bitiştirdiği için her yerde Inter ile yazılır. */
.tel{font-family:var(--f-sans);font-weight:600;letter-spacing:.01em;word-spacing:.12em;font-variant-numeric:tabular-nums;white-space:nowrap}

/* 4 — YERLEŞİM ------------------------------------------------------------ */
.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.sec{position:relative;padding-block:var(--sec);background:var(--bg);color:var(--fg)}
.sec-tight{padding-block:calc(var(--sec)*.6)}
.sec-top{padding-top:calc(var(--sec)*.45)} /* sayfa başlığının hemen ardından gelen bölüm */
.sh{display:grid;gap:20px;margin-bottom:clamp(32px,5vw,64px)}
.sh-row{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,64px);align-items:start}
.split>.a{grid-column:span 5}.split>.b{grid-column:span 7}
.split.even>.a,.split.even>.b{grid-column:span 6}
.split.center{align-items:center}
.stack{display:grid;gap:20px;align-content:start}
.stack-lg{display:grid;gap:36px}
.acts{display:flex;flex-wrap:wrap;gap:12px}
.mt-s{margin-top:16px}.mt-m{margin-top:32px}.mt-l{margin-top:clamp(36px,5vw,64px)}
@media (max-width:1000px){.split{grid-template-columns:minmax(0,1fr)}.split>.a,.split>.b,.split.even>.a,.split.even>.b{grid-column:1/-1}} /* tek sütun: 12 sütunun boşlukları (11 × 28px) dar ekranı taşırıyordu */
@media (max-width:480px){.acts>.btn{flex:1 1 100%}}

/* 5 — BİLEŞENLER ---------------------------------------------------------- */
/* Butonlar */
.btn{--b-bg:var(--accent);--b-fg:var(--ink-900);--b-bd:var(--accent);--b-h-bg:var(--fg);--b-h-fg:var(--bg);
  position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;
  border-radius:var(--r-ctl);border:1px solid var(--b-bd);background:var(--b-bg);color:var(--b-fg);
  font:600 .9375rem/1 var(--f-sans);white-space:nowrap;transition:color .35s var(--ease),border-color .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--b-h-bg);transform:translateY(102%);transition:transform .45s var(--ease)}
.btn:hover{color:var(--b-h-fg);border-color:var(--b-h-bg)}
.btn:hover::before{transform:none}
.btn svg{width:18px;height:18px;flex:none;transition:transform .4s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-ghost{--b-bg:transparent;--b-fg:var(--fg);--b-bd:var(--line)}
[data-theme=light] .btn-ghost,[data-theme=light] .filters button{--b-bd:rgba(35,36,44,.34);border-color:rgba(35,36,44,.34)}
[data-theme=light] .t-ink .btn-ghost,[data-theme=light] .t-petrol .btn-ghost,[data-theme=light] .summary .btn-ghost{--b-bd:var(--line);border-color:var(--line)}
.btn-dark{--b-bg:var(--ink-900);--b-fg:#fff;--b-bd:var(--ink-900);--b-h-bg:#fff;--b-h-fg:var(--ink-900)}
.btn-line-dark{--b-bg:transparent;--b-fg:var(--ink-900);--b-bd:rgba(23,24,30,.45);--b-h-bg:var(--ink-900);--b-h-fg:#fff}
.btn-sm{min-height:44px;padding:0 20px;font-size:.875rem}
.btn-glow{box-shadow:0 10px 26px -10px rgba(234,128,81,.8)}
.btn.tel svg{width:16px;height:16px}
.btn.tel:hover svg{transform:none}
/* Kentsel dönüşüm düğmesi: petrol zemin, üst kenarında "İstanbul" etiketi */
.btn-urban{--b-bg:var(--petrol);--b-fg:#fff;--b-bd:rgba(143,179,189,.55);--b-h-bg:var(--steel);--b-h-fg:var(--ink-900);overflow:visible}
.btn-urban::before{display:none}
.btn-urban:hover{background:var(--b-h-bg)}
.btn-urban .badge{position:absolute;left:50%;top:0;transform:translate(-50%,-55%);padding:3px 7px;border-radius:var(--r-pill);background:var(--accent);color:var(--ink-900);font:700 .625rem/1.1 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.btn-urban[aria-current=page]{box-shadow:0 0 0 2px var(--accent)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-text);border-bottom:1px solid transparent;transition:border-color .3s,gap .3s var(--ease)}
.link:hover{border-color:currentColor;gap:12px}
.link svg{width:16px;height:16px;flex:none}

/* Kart, çip, çerçeve */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:clamp(20px,2.6vw,36px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li,.chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);font:500 .875rem/1 var(--f-sans)}
.chip{min-height:28px;padding:0 11px;font-size:.75rem;font-weight:600;letter-spacing:.04em;background:rgba(17,18,23,.62);border-color:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.frame{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--card)}
.frame img{width:100%;height:100%;object-fit:cover}
.frame-tall{aspect-ratio:4/5}
/* Pafta çerçevesi: köşe işaretli görsel kartı */
.sheet{position:relative;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
.sheet img{width:100%;border-radius:calc(var(--r-md) - 8px);aspect-ratio:16/9;object-fit:cover}
.sheet figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 6px 4px;font:600 .6875rem/1.3 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sheet figcaption b{color:var(--tag);font-weight:600}
.sheet-plan img{object-fit:contain;background:#fff;padding:10px}
/* Sosyal kanıt şeridi: üç fotoğraf; dar ekranda ilki tam genişlik */
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.stats+.shots{margin-top:clamp(36px,5vw,64px)}
.shots .sheet img{aspect-ratio:4/3}
.shot{display:block;border-radius:var(--r-md)}
.shot .sheet{height:100%;transition:border-color .3s,transform .4s var(--ease)}
.shot:hover .sheet,.shot:focus-visible .sheet{border-color:var(--accent);transform:translateY(-3px)}
@media (max-width:860px){.shots{grid-template-columns:1fr 1fr}.shots>:first-child{grid-column:1/-1}.shots>:first-child img{aspect-ratio:16/9}}
@media (max-width:520px){.shots{grid-template-columns:1fr}.shots .sheet img,.shots>:first-child img{aspect-ratio:3/2}}
/* Proje videosu: dikey (9:16) çerçeve; oynatıcı tıklanınca yüklenir */
.vid{position:relative;width:min(100%,340px);aspect-ratio:9/16;margin-inline:auto;border-radius:var(--r-lg);overflow:hidden;background:var(--card);border:1px solid var(--line)}
.vid-play{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:pointer}
.vid img,.vid iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.vid-play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,18,23,0) 45%,rgba(17,18,23,.55))}
.vid-ic{position:absolute;z-index:1;inset:0;margin:auto;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--accent);color:var(--ink-900);transition:transform .4s var(--ease)}
.vid-ic svg{width:30px;height:30px;margin-left:3px}
.vid-play:hover .vid-ic,.vid-play:focus-visible .vid-ic{transform:scale(1.08)}
.vid-link{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;padding:10px 14px;border-radius:var(--r-ctl);background:var(--ink-900);color:#fff;text-align:center;font-weight:600}

/* Proje kartı */
.pc{display:block;position:relative}
.pc-im{position:relative;aspect-ratio:3/2;border-radius:var(--r-md);overflow:hidden;background:var(--card)}
.pc-im img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transition:transform 1.1s var(--ease),filter .6s}
.pc-im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,18,23,0) 40%,rgba(17,18,23,.88));pointer-events:none}
.pc:hover .pc-im img,.pc:focus-visible .pc-im img{transform:scale(1.05);filter:saturate(1)}
.pc .chip{position:absolute;left:14px;top:14px;z-index:2}
.pc-cap{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:14px;padding:18px 20px;color:#fff}
.pc-t{margin:0;font:600 clamp(1.125rem,1.8vw,1.625rem)/1.12 var(--f-display);letter-spacing:-.018em}
.pc-y{font:500 .875rem/1 var(--f-sans);opacity:.85;white-space:nowrap}
.pc-m{display:block;margin-top:6px;font:400 .875rem/1.3 var(--f-sans);letter-spacing:0;opacity:.78}

/* SSS */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{position:relative;list-style:none;cursor:pointer;padding:22px 52px 22px 0;font:600 clamp(1.0625rem,1.5vw,1.25rem)/1.3 var(--f-display);letter-spacing:-.01em;transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--accent-text)}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:10px;top:50%;width:16px;height:1.5px;background:var(--accent-text);transition:transform .35s var(--ease)}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq details p{padding:0 52px 24px 0;color:var(--muted);max-width:34em}
@media (max-width:480px){.faq summary{padding-right:40px}.faq details p{padding-right:0}}

/* Form */
.form{display:grid;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}
.fld{display:grid;gap:8px}
.fld>label:not(.chk){font:600 .9375rem/1.3 var(--f-sans);color:var(--fg)}
.fnote,.fhint{font-size:.875rem;color:var(--muted)}
.ferr{font-size:.875rem;font-weight:600;color:var(--err)}
.fld input:not([type=checkbox]),.fld select,.fld textarea{width:100%;min-height:52px;padding:14px 16px;border-radius:var(--r-sm);border:1px solid var(--field-bd);background-color:var(--field-bg);color:var(--fg);font:400 1rem/1.4 var(--f-sans);transition:border-color .3s}
.fld textarea{min-height:132px;resize:vertical}
.fld select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 16px) 23px;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.fld select option{color:#111;background:#fff}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:var(--field-bd-hover)}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.fld [aria-invalid=true]{border-color:var(--err)}
.chk{display:flex;gap:12px;align-items:center;min-height:44px;font-size:.9375rem;line-height:1.5;color:var(--muted)}
.chk input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--accent)}
.chk a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmsg{min-height:1.5em;font-weight:600}
.fmsg:focus{outline:0}
.fmsg.ok{color:var(--ok)}.fmsg.err{color:var(--err)}
@media (max-width:640px){.form-row{grid-template-columns:1fr}}

/* Tablo */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
.tbl table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9375rem;line-height:1.55}
.tbl th,.tbl td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{font:600 .75rem/1.3 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tag)}
.tbl tbody th{font:600 1.0625rem/1.3 var(--f-display);color:var(--fg)}
.tbl tr:last-child>*{border-bottom:0}
.tbl td{color:var(--muted)}
.tbl{container-type:inline-size}
/* Kart düzenine geçiş, ekranın değil tablonun kendi genişliğine bağlıdır. */
@container (max-width:720px){
  .tbl table{min-width:0}.tbl thead{display:none}
  .tbl tr{display:grid;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}
  .tbl tr:last-child{border-bottom:0}.tbl th,.tbl td{padding:0;border:0}
  .tbl td::before{content:attr(data-th);display:block;margin-bottom:2px;font:600 .6875rem/1.4 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tag)}
  .tbl td[data-th=""]::before{display:none}
}

/* Işık kutusu */
.lb{--focus:var(--accent);position:fixed;inset:0;z-index:950;display:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:24px;background:rgba(10,10,14,.96)}
.lb.on{display:grid}
.lb img{grid-column:2;justify-self:center;max-width:100%;max-height:86vh;object-fit:contain;border-radius:var(--r-md)}
.lb-b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff;transition:.3s}
.lb-b:hover{background:#fff;color:var(--ink-900)}
.lb-b svg{width:20px;height:20px}
.lb-prev svg{transform:rotate(180deg)}
.lb-x{position:absolute;top:20px;right:24px}
.lb-n{position:absolute;left:24px;top:32px;font:500 .875rem/1 var(--f-sans);color:#fff;opacity:.8}
@media (max-width:700px){.lb{grid-template-columns:1fr;padding:12px}.lb img{grid-column:1;max-height:76vh}.lb-prev,.lb-next{position:absolute;bottom:20px}.lb-prev{left:calc(50% - 58px)}.lb-next{right:calc(50% - 58px)}}

/* Kaydırma ilerleme çubuğu */
.progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:760;background:var(--accent);transform-origin:left;transform:scaleX(0);pointer-events:none}

/* Çerez bandı */
.cc{position:fixed;inset:auto 16px 16px auto;z-index:800;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;display:grid;gap:14px;padding:22px;border-radius:var(--r-md);
  background:var(--glass-solid);color:var(--fg);border:1px solid var(--glass-bd);box-shadow:0 24px 60px -24px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  animation:rise .5s var(--ease) both}
.cc-main,.cc-panel{display:grid;gap:14px}
.cc-t{font:600 1.125rem/1.25 var(--f-display)}
.cc p{font-size:.9375rem;line-height:1.5;color:var(--muted)}
.cc a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.cc-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cc-acts .btn{min-height:46px;padding:0 14px}
.cc-acts .cc-wide{grid-column:1/-1}
.cc-more{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font:600 .875rem/1 var(--f-sans);color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cc-more:hover{color:var(--fg)}
.cc-opts{display:grid;gap:10px}
.cc-opt{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:14px 16px;border-radius:var(--r-sm);border:1px solid var(--line)}
.cc-opt b{font:600 .9375rem/1.3 var(--f-sans)}
.cc-opt p{grid-column:1;font-size:.8125rem}
/* Anahtar (onay kutusu) */
.sw-t{grid-row:1/3;grid-column:2;position:relative;width:44px;height:26px;flex:none}
.sw-t input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sw-t span{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--field-bd);transition:background .25s}
.sw-t span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.sw-t input:checked+span{background:var(--accent)}
[data-theme=light] .sw-t input:checked+span,[data-theme=light] .progress,[data-theme=light] .hs-prog i{background:var(--copper)}
.sw-t input:checked+span::after{transform:translateX(18px)}
.sw-t input:disabled{cursor:not-allowed}
.sw-t input:disabled+span{opacity:.55}
.sw-t input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
@media (max-width:480px){
  .cc{inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;width:auto;padding:14px 16px;border-radius:var(--r-sm)}
  .cc-main{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center}
  .cc-main>.cc-t{display:none}
  .cc-main>p{grid-column:1/-1;font-size:.8125rem;line-height:1.45}
  .cc-main>.cc-more{grid-column:1;grid-row:2;font-size:.8125rem}
  .cc-main>.cc-acts{grid-column:2;grid-row:2;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6px}
  .cc-main .cc-acts .btn{min-height:44px;padding:0 8px;font-size:.8125rem}
}

/* 6 — BAŞLIK ÇUBUĞU VE MENÜLER ------------------------------------------- */
.hdr{position:fixed;inset:var(--hdr-top) 0 auto 0;z-index:700;padding-inline:var(--gut);pointer-events:none;transition:transform .5s var(--ease)}
.hdr.hide{transform:translateY(calc(-100% - var(--hdr-top) - 8px))}
.hdr:focus-within{transform:none}
.hdr-frame{position:relative;pointer-events:auto;max-width:var(--max);margin-inline:auto;height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px 0 28px;border-radius:var(--r-md);color:var(--fg);
  background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--glass-bd);box-shadow:0 1px 0 var(--glass-hi) inset,0 18px 50px -24px rgba(0,0,0,.5);transition:background .4s}
.hdr.solid .hdr-frame,.hdr.mega-open .hdr-frame{background:var(--glass-solid)}
.logo{flex:none;width:138px;padding-block:6px}
.logo img{width:100%}
.logo-d,[data-theme=light] .hdr .logo-l{display:none}
[data-theme=light] .hdr .logo-d{display:block}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav-l{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:var(--r-pill);font:500 .9375rem/1 var(--f-sans);white-space:nowrap;transition:background .3s,color .3s}
.nav-l:hover,.nav-btn[aria-expanded=true]{background:var(--hover)}
.nav-l[aria-current=page]{color:var(--accent-text);box-shadow:inset 0 -2px 0 var(--accent-text);border-radius:0}
.nav-btn svg{width:14px;height:14px;transition:transform .4s var(--ease)}
.nav-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.hdr-r{display:flex;align-items:center;gap:8px}
/* Denetim kutusu: dil seçici, tema ve menü düğmesi aynı ölçü ve yarıçapı paylaşır. */
.ctl{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:44px;height:44px;padding:0 12px;border-radius:var(--r-ctl);border:1px solid var(--glass-bd);background:var(--hover);font:500 .9375rem/1 var(--f-sans);cursor:pointer;transition:border-color .3s,color .3s,background .3s}
.ctl:hover{border-color:var(--accent-text);color:var(--accent-text)}
.ctl svg{width:18px;height:18px;flex:none}
.lang{position:relative}
.lang summary{list-style:none;font-weight:600;letter-spacing:.04em}
.lang summary::-webkit-details-marker{display:none}
.lang summary svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.lang[open] summary svg{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:5;display:grid;min-width:150px;padding:6px;border-radius:var(--r-sm);background:var(--glass-solid);border:1px solid var(--glass-bd);box-shadow:0 18px 40px -18px rgba(0,0,0,.55);animation:rise .25s var(--ease) both}
.lang-menu>*{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r-xs);font:500 .9375rem/1 var(--f-sans)}
.lang-menu [aria-current]{color:var(--accent-text)}
.lang-menu a:hover{background:var(--hover)}
/* Tema düğmesi: koyu temada güneş, açık temada ay görünür */
.theme .i-moon,[data-theme=light] .theme .i-sun{display:none}
[data-theme=light] .theme .i-moon{display:block}
.burger{display:none;position:relative;padding:0}
.burger span{position:absolute;left:13px;right:13px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),top .4s var(--ease)}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:25px}
.menu-open .burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-open .burger span:nth-child(2){top:21px;transform:rotate(-45deg)}

/* Mega menü. Panel, klavye sırası için düğmenin kapsayıcısında durur; konumunu çerçeveye göre alır. */
.mega{position:absolute;inset:calc(100% + 10px) 0 auto 0;display:grid;gap:12px;padding:14px;border-radius:var(--r-lg);background:var(--glass-solid);border:1px solid var(--glass-bd);box-shadow:0 24px 60px -26px rgba(0,0,0,.55);
  visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .4s var(--ease),visibility 0s .25s}
.hdr.mega-open .mega{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mega-card{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:var(--r-md);overflow:hidden;background:var(--hover);border:1px solid var(--line);opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .55s var(--ease),border-color .3s}
.hdr.mega-open .mega-card{opacity:1;transform:none}
.hdr.mega-open li:nth-child(2) .mega-card{transition-delay:.04s}
.hdr.mega-open li:nth-child(3) .mega-card{transition-delay:.08s}
.hdr.mega-open li:nth-child(4) .mega-card{transition-delay:.12s}
.hdr.mega-open li:nth-child(5) .mega-card{transition-delay:.16s}
.mega-card:hover,.mega-card:focus-visible,.mega-card[aria-current=page]{border-color:var(--accent-text)}
.mega-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.mega-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.mega-card:hover .mega-img img{transform:scale(1.06)}
.mega-b{display:grid;gap:8px;align-content:start;padding:14px 14px 16px}
.mega-no{font:600 .6875rem/1 var(--f-sans);letter-spacing:.16em;color:var(--accent-text)}
.mega-t{display:flex;align-items:start;justify-content:space-between;gap:8px;font:600 1.0625rem/1.2 var(--f-display);letter-spacing:-.012em}
.mega-t svg{width:16px;height:16px;flex:none;margin-top:2px;opacity:.5;transition:.35s var(--ease)}
.mega-card:hover .mega-t svg{opacity:1;color:var(--accent-text);transform:translateX(3px)}
.mega-d{font-size:.8125rem;line-height:1.5;color:var(--muted)}
.mega-foot .link{min-height:44px}
.mega-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px 2px;font-size:.9375rem;color:var(--muted)}

/* Mobil menü */
.mmenu{position:fixed;inset:0;z-index:650;display:flex;flex-direction:column;gap:24px;padding:calc(var(--hdr-space) + 20px) var(--gut) 24px;background:var(--s0);color:var(--fg);overflow-y:auto;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease),visibility 0s .55s}
.menu-open .mmenu{visibility:visible;clip-path:inset(0);transition-delay:0s}
.mm-list>li{border-bottom:1px solid var(--line)}
.mm-l{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:10px 0;font:600 clamp(1.375rem,6.2vw,2rem)/1.15 var(--f-display);letter-spacing:-.02em;text-align:left}
.mm-l svg{width:20px;height:20px;transition:transform .4s var(--ease)}
.mm-l[aria-expanded=true] svg{transform:rotate(180deg)}
.mm-l[aria-current=page],.mm-sub a[aria-current=page] b{color:var(--accent-text)}
.mm-sub{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s var(--ease),visibility 0s .45s}
.mm-sub.open{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.mm-sub>ul{overflow:hidden}
.mm-sub a{display:grid;gap:4px;padding:11px 0 11px 16px;border-left:1px solid var(--line)}
.mm-sub a b{font:600 1.0625rem/1.2 var(--f-display)}
.mm-sub a span{font-size:.875rem;color:var(--muted);line-height:1.45}
.mm-sub li:last-child a{margin-bottom:14px}
.mm-foot{display:grid;gap:14px;margin-top:auto}
.mm-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}
.mm-cta .btn{padding:0 12px}
.mm-info{display:grid;gap:2px;font-size:.9375rem;color:var(--muted)}
.mm-info a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:1240px){.nav,.hdr-r>.btn{display:none}.js .burger{display:inline-flex}} /* menü düğmesi yalnızca komut dosyası çalışıyorsa görünür */
@media (min-width:761px) and (max-width:1240px){.hdr-r>.btn{display:inline-flex}}
@media (min-width:1241px){.mmenu{display:none}}
@media (max-width:760px){:root{--hdr-h:64px;--hdr-top:10px}.hdr-frame{padding:0 10px 0 18px;gap:8px}.logo{width:118px}}
@media (max-width:380px){.logo{width:104px}.hdr-r{gap:6px}.mm-cta .btn{padding:0 8px;font-size:.8125rem}}
@media (max-width:330px){.mm-cta{grid-template-columns:1fr}}

/* 7 — BÖLÜMLER ------------------------------------------------------------ */
/* Hero: ana sayfada tam ekran görsel sahnesi (assets/hero.css). Buradaki kurallar ortak iskelettir. */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:min(100vh,960px);min-height:min(100svh,960px);background:radial-gradient(120% 90% at 82% 8%,var(--hero-a) 0%,var(--hero-b) 38%,var(--hero-c) 100%);color:var(--fg)}
.hero-in{position:relative;z-index:2;flex:1;display:grid;gap:24px;align-content:center;padding-top:calc(var(--hdr-space) + 40px);padding-bottom:clamp(32px,5vw,72px)}
.hero-foot{position:relative;z-index:2;border-top:1px solid var(--line)}
.hero-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;font:500 .75rem/1.3 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-foot b{color:var(--fg);font-weight:600}
.hero-scroll{display:inline-flex;align-items:center;gap:10px}
.hero-scroll::after{content:"";width:1px;height:22px;background:var(--accent-text);animation:nudge 2s ease-in-out infinite}
@media (min-width:1001px){.hero .display{max-width:13ch}.hero .lead{max-width:26em}}
@media (min-width:1001px) and (max-width:1240px){.hero .display{font-size:clamp(2.75rem,5.4vw,4rem)}}
@media (max-width:1000px){
  .hero{min-height:0}
  .hero-in{flex:none;padding-top:calc(var(--hdr-space) + 32px);padding-bottom:8px}
}
@media (min-width:600px) and (max-width:1000px){.hero .display{font-size:clamp(2.75rem,7.4vw,4.25rem);max-width:none}}
@media (max-width:760px){.hero-foot .hide-s{display:none}.hero .tag{font-size:.6875rem;letter-spacing:.1em}.hero-in{gap:20px}}

/* Okundukça yanan metin + sayaçlar */
.scrub{font:600 clamp(1.5rem,3.7vw,3.5rem)/1.14 var(--f-display);letter-spacing:-.022em;max-width:26ch;text-wrap:balance}
.sw{transition:opacity .35s,color .35s}
.js .sw{opacity:.5} /* koyu temada .5, açık temada .72: soluk sözcükler de 4,5:1 kontrastı tutar */
[data-theme=light] .js .sw{opacity:.72}
.js .sw.on{opacity:1}
.sw.hl.on{color:var(--accent-text)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,6vw,96px);border-top:1px solid var(--line)}
.stat{padding:28px 20px 0 0}
.stat+.stat{padding-left:20px;border-left:1px solid var(--line)}
.stat-n{font:600 clamp(2.25rem,5vw,4.75rem)/1 var(--f-display);letter-spacing:-.02em}
.stat-n sup{font-size:.42em;color:var(--accent-text);vertical-align:top;margin-left:2px}
.stat p{margin-top:10px;font-size:.875rem;color:var(--muted)}
@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}.stat{padding-bottom:24px}.stat:nth-child(3){padding-left:0;border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}

/* Değerler listesi */
.vlist{display:grid}
.vlist article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.vlist article:last-child{border-bottom:1px solid var(--line)}
.vlist p{margin-top:8px;color:var(--muted)}

/* Yatay proje şeridi */
.hs{position:relative;background:var(--bg);color:var(--fg);height:calc(var(--n)*36vh + 100vh)}
.hs-n4{--n:4}.hs-n5{--n:5}.hs-n6{--n:6}.hs-n7{--n:7}.hs-n8{--n:8}
.hs-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:28px;padding-top:var(--hdr-space)}
.hs-track{display:flex;gap:20px;width:max-content;padding-inline:var(--gut);will-change:transform}
.hs-track .pc{flex:none;width:min(62vw,640px)}
.hs-prog{height:2px;margin-inline:var(--gut);border-radius:2px;background:var(--line);overflow:hidden}
.hs-prog i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
@media (max-width:1000px),(prefers-reduced-motion:reduce){.hs{height:auto}.hs-pin{position:static;height:auto;padding-block:var(--sec)}.hs-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-bottom:8px;scrollbar-width:none}.hs-track::-webkit-scrollbar{display:none}.hs-track .pc{scroll-snap-align:start}.hs-prog{display:none}}
@media (max-width:1000px){.hs-track .pc{width:min(82vw,520px)}}

/* Hizmet satırları */
.srv{border-top:1px solid var(--line)}
.srv-row{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:start;gap:16px;padding:clamp(18px,2.4vw,28px) 0;border-bottom:1px solid var(--line);transition:padding .45s var(--ease)}
.srv-row:hover{padding-left:16px}
.srv-no{padding-top:1em;font:600 .8125rem/1 var(--f-sans);letter-spacing:.14em;color:var(--accent-text)}
.srv-t{margin:0;font:600 clamp(1.5rem,3.4vw,3rem)/1.06 var(--f-display);letter-spacing:-.02em;transition:color .4s;overflow-wrap:anywhere}
.srv-row:hover .srv-t{color:var(--accent-text)}
.srv-b p{margin-top:8px;max-width:56ch;color:var(--muted)}
.srv-ar{align-self:center;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);transition:.45s var(--ease)}
.srv-ar svg{width:20px;height:20px}
.srv-row:hover .srv-ar{background:var(--accent);border-color:var(--accent);color:var(--ink-900);transform:rotate(-45deg)}
.srv-pv{position:fixed;left:0;top:0;z-index:50;width:300px;aspect-ratio:3/2;border-radius:var(--r-md);overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.9) rotate(-3deg);transition:opacity .3s,transform .4s var(--ease)}
.srv-pv.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}
.srv-pv img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.srv-row{grid-template-columns:32px minmax(0,1fr) 44px;gap:12px}.srv-row:hover{padding-left:0}.srv-ar{width:44px;height:44px}.srv-pv{display:none}}

/* Çizimden yapıya: plan ve cephe görseli yan yana */
.pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);align-items:center;gap:clamp(16px,2.4vw,36px);margin-bottom:clamp(36px,5vw,72px)}
.pair-arrow{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);color:var(--accent-text)}
.pair-arrow svg{width:22px;height:22px}
@media (max-width:860px){.pair{grid-template-columns:1fr}.pair-arrow{justify-self:center;transform:rotate(90deg)}}

/* Adımlar */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.steps li{position:relative;display:grid;align-content:start;gap:10px;padding:24px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero);font:600 2.25rem/1 var(--f-display);letter-spacing:-.02em;color:var(--accent-text);margin-bottom:20px}
.steps li::after{content:"";position:absolute;left:24px;right:24px;top:76px;height:1px;background:var(--line);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease) .15s}
.steps li.in::after{transform:none}
.steps p{color:var(--muted);font-size:.9375rem}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* Çağrı kartı */
.cta{padding-block:clamp(32px,6vw,88px) var(--sec)}
.cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,72px);padding:clamp(28px,6vw,88px);border-radius:var(--r-lg);background:var(--accent);color:var(--ink-900)}
.cta-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,24,30,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,30,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(110deg,transparent 35%,#000);mask-image:linear-gradient(110deg,transparent 35%,#000);pointer-events:none}
.cta-card>*{position:relative}
.cta-main{display:grid;gap:24px}
.cta-card .h1{max-width:16ch}
.cta-card .em{color:var(--ink-900)}
.cta-card .lead{color:rgba(23,24,30,.82)}
.cta-info{display:grid;gap:16px;padding-left:clamp(20px,3vw,40px);border-left:1px solid rgba(23,24,30,.25)}
.cta-info dt{font:600 .75rem/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;opacity:.86;margin-bottom:6px}
.cta-info dd{font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.cta-info a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.cta-card{grid-template-columns:1fr}.cta-info{padding:24px 0 0;border-left:0;border-top:1px solid rgba(23,24,30,.25)}}

/* Alt bilgi (iki temada da koyu) */
.ftr{position:relative;overflow:hidden;background:var(--ink-950);color:var(--fg);border-top:1px solid var(--line);padding-top:clamp(40px,7vw,96px)}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1.3fr 1fr 1fr;gap:36px;padding-bottom:48px}
.ftr-brand{display:grid;gap:18px;align-content:start}
.ftr-logo-link{display:inline-block;width:clamp(190px,17vw,260px)}
.ftr-logo-link img{width:100%}
.ftr-brand p{max-width:30ch;color:var(--muted)}
.ftr h2{font:600 1.125rem/1.2 var(--f-display);letter-spacing:-.01em;color:var(--fg);margin:0}
.ftr li{color:#cfd0da}
.ftr li a,.ftr-legal a,.ftr-legal button{display:inline-flex;align-items:center;min-height:44px;text-align:left;transition:color .3s}
.ftr li a:hover,.ftr-legal a:hover,.ftr-legal button:hover{color:var(--accent)}
.ftr address{line-height:1.5;padding-block:8px}
.ftr-contact{display:grid;gap:12px;align-content:start}
.ftr-acts{display:flex;flex-wrap:wrap;gap:8px}
/* Bağlantı grupları: geniş ekranda düz liste, telefonda açılır başlık */
.ftr-g summary{display:flex;align-items:center;justify-content:space-between;list-style:none;margin-bottom:12px;pointer-events:none}
.ftr-g summary::-webkit-details-marker{display:none}
.ftr-g summary svg{display:none;width:18px;height:18px;transition:transform .3s var(--ease)}
/* Büyük çizgisel logo. İki katman üst üste: üst yarı net (a), alt yarı bulanık (b).
   --p (0–1) sayfa sonuna yaklaştıkça artar: logo yukarı kayar, alt yarı netleşir. Değeri app.js yazar. */
.ftr-big{--p:0;position:relative;aspect-ratio:675.56/200;margin-top:8px;overflow:hidden;user-select:none}
.ftr-logo{position:absolute;inset:0 0 auto 0;width:100%;height:auto;transform:translateY(calc((1 - var(--p))*34%));will-change:transform}
.ftr-logo *{fill:none;stroke:rgba(255,255,255,.32);stroke-width:1;vector-effect:non-scaling-stroke}
.ftr-logo .sw{stroke:rgba(234,128,81,.7)}
.ftr-logo-a{-webkit-mask-image:linear-gradient(#000 44%,transparent 56%);mask-image:linear-gradient(#000 44%,transparent 56%)}
.ftr-logo-b{-webkit-mask-image:linear-gradient(transparent 44%,#000 56%);mask-image:linear-gradient(transparent 44%,#000 56%);filter:blur(calc((1 - var(--p))*9px));opacity:calc(.35 + var(--p)*.65)}
@media (prefers-reduced-motion:reduce){.ftr-big{--p:1!important}}
.ftr-bot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 24px;padding-block:8px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.ftr-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 20px}
/* Zeze Atölye imzası: beyaz logo, üzerine gelince renkli sürüm */
.zeze{position:relative;justify-self:end;display:block;width:38px;height:44px;opacity:.75;transition:opacity .3s} /* 44px yükseklik dokunma alanı; logo 38px, sağ kenar çizgiye hizalı */
.zeze img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;transition:opacity .3s}
.zeze-c{opacity:0}
.zeze::after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;padding:7px 11px;border-radius:var(--r-xs);background:#f3f1ed;color:#111217;font:600 .75rem/1.2 var(--f-sans);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(6px,-50%);transition:opacity .2s,transform .3s var(--ease)} /* solda açılır: üstte başa dön düğmesi durur */
.zeze:hover::after,.zeze:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.zeze:hover,.zeze:focus-visible{opacity:1}
.zeze:hover .zeze-c,.zeze:focus-visible .zeze-c{opacity:1}
.zeze:hover img:first-child,.zeze:focus-visible img:first-child{opacity:0}
/* Başa dön: bir ekran kaydırınca belirir */
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:590;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-ctl);background:var(--glass-solid);color:var(--fg);border:1px solid var(--glass-bd);box-shadow:0 14px 34px -16px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .4s var(--ease),visibility .3s,border-color .3s,color .3s}
.totop.on{opacity:1;visibility:visible;transform:none}
.totop.on.end{transform:translateY(-68px)} /* sayfa sonunda alt bilgi satırının (imza logosu) üstüne çıkar */
.totop svg{width:20px;height:20px;transform:rotate(-90deg)}
.totop:hover{border-color:var(--accent);color:var(--accent-text)}
body:has(.cc:not([hidden])) .totop{display:none}
@media (max-width:1000px){body:has(.gbar) .totop{bottom:calc(84px + env(safe-area-inset-bottom))}}
/* Tablet: marka ve iletişim üstte yan yana, bağlantı grupları altta yan yana */
@media (max-width:1100px){.ftr-grid{grid-template-columns:1fr 1fr;gap:32px 40px}}
/* Telefon: önce marka ve iletişim (aranabilir düğmeler), sonra açılır bağlantı grupları, en altta yasal satır */
@media (max-width:600px){
  .ftr-grid{grid-template-columns:1fr;gap:0;padding-bottom:28px}
  .ftr-brand{padding-bottom:24px}
  .ftr-contact{padding-bottom:20px}
  .ftr-acts .btn{flex:1 1 0;padding:0 12px}
  .ftr-g{border-top:1px solid var(--line)}
  .ftr-g:last-child{border-bottom:1px solid var(--line)}
  .ftr-g summary{min-height:56px;margin:0;pointer-events:auto;cursor:pointer}
  .ftr-g summary svg{display:block}
  .ftr-g[open] summary svg{transform:rotate(180deg)}
  .ftr-g ul{padding-bottom:12px}
  .ftr-g li a{min-height:46px;width:100%}
  .ftr-bot{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding-block:12px 20px}
  .ftr-legal{grid-column:1;grid-row:2;justify-content:flex-start;gap:0 18px}
  .zeze{grid-column:2;grid-row:1/3}
  .totop.on.end{transform:translateY(-108px)}
}

/* 8 — SAYFALAR ------------------------------------------------------------ */
/* İç sayfa başlığı */
.ph{position:relative;overflow:hidden;padding:calc(var(--hdr-space) + clamp(36px,6vw,88px)) 0 clamp(40px,6vw,80px);background:radial-gradient(110% 120% at 100% 0,var(--hero-a),var(--hero-b) 46%,var(--hero-c));color:var(--fg)}
.ph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(60% 90% at 88% 20%,#000,transparent);mask-image:radial-gradient(60% 90% at 88% 20%,#000,transparent)}
.ph .wrap{position:relative;display:grid;gap:22px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:-12px;font-size:.8125rem;color:var(--muted)}
.crumb a{display:inline-flex;align-items:center;min-height:44px}
.crumb a:hover{color:var(--accent-text)}
.crumb [aria-current]{color:var(--fg)}
.ph-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.875rem;color:var(--muted)}

/* Proje listesi */
.fbar{display:grid;gap:12px}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.filters-l{min-width:60px;font:600 .75rem/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.filters button{min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--line);font:500 .9375rem/1 var(--f-sans);transition:.3s}
.filters button:hover{border-color:var(--accent-text)}
.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink-900);font-weight:600}
.pcount{margin:20px 0;font-size:.9375rem;color:var(--muted)}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pgrid .hid,.bgrid .hid{display:none}
@media (max-width:1000px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pgrid{grid-template-columns:1fr}.filters-l{flex-basis:100%}.filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}.filters::-webkit-scrollbar{display:none}.filters button{flex:none}.filters-l{flex:none;min-width:0;margin-right:4px}.filters{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:calc(var(--gut) + 24px)}}

/* Proje detayı */
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--line)}
.spec div{padding:18px 18px 18px 0;border-bottom:1px solid var(--line)}
.spec dt{font:600 .75rem/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tag);margin-bottom:10px}
.spec dd{font:600 1.125rem/1.3 var(--f-display);letter-spacing:0}
.pd-cover{aspect-ratio:2/1;border-radius:var(--r-lg)}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gal-i{position:relative;display:block;aspect-ratio:3/2;border-radius:var(--r-md);overflow:hidden;background:var(--card);cursor:zoom-in}
.gal-i img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.gal-i:hover img{transform:scale(1.04)}
@media (max-width:1000px){.gal{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.gal{grid-template-columns:1fr}.pd-cover{aspect-ratio:3/2}}
.nextp{display:block;padding-block:clamp(40px,7vw,96px);background:var(--s1);color:var(--fg);border-top:1px solid var(--line)}
.nextp .wrap{display:grid;gap:14px}
.nextp .h1{display:flex;align-items:center;gap:.3em;transition:color .4s;max-width:none}
.nextp .h1 svg{width:.6em;height:.6em;flex:none;transition:transform .5s var(--ease)}
.nextp:hover .h1{color:var(--accent-text)}
.nextp:hover .h1 svg{transform:translateX(.2em)}

/* Metin gövdesi */
.prose{display:grid;gap:18px;max-width:32em}
.prose p,.prose li{color:var(--muted)}
.prose ul{display:grid;gap:10px}
.prose ul li{position:relative;padding-left:26px}
.prose ul li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:1.5px;background:var(--accent-text)}
.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.prose .h2{margin-top:20px;color:var(--fg)}

/* İletişim */
.info{display:grid;gap:14px}
.info-i{display:grid;gap:8px;padding:20px 22px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);transition:border-color .3s,transform .4s var(--ease)}
.info-i:hover{border-color:var(--accent-text);transform:translateY(-2px)}
.info-l{font:600 .75rem/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tag)}
.info-v{font:600 clamp(1.0625rem,1.6vw,1.3125rem)/1.35 var(--f-sans);overflow-wrap:anywhere}

/* Rehber ve blog yazısı (ortak makale düzeni) */
.guide{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.toc{position:sticky;top:calc(var(--hdr-space) + 24px);padding:20px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card)}
.toc summary{list-style:none;font:600 .75rem/1.3 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tag)}
.toc summary::-webkit-details-marker{display:none}
.toc nav{margin-top:12px}
.toc a{display:block;padding:12px 0 12px 12px;border-left:1px solid var(--line);font-size:.9375rem;line-height:1.35;color:var(--muted);transition:.25s}
.toc a:hover,.toc a.on{color:var(--fg);border-color:var(--accent-text)}
.guide-body{display:grid;gap:clamp(40px,6vw,72px);min-width:0;max-width:820px;font-size:1.125rem}
.guide-sec{display:grid;gap:22px;scroll-margin-top:calc(var(--hdr-space) + 24px)}
.guide-sec.prose{max-width:none}
.guide-sec.prose>p,.guide-sec.prose>ul,.guide-sec.prose>.vsteps{max-width:32em}
.summary{display:grid;gap:18px;padding:clamp(22px,3vw,36px);border-radius:var(--r-md);background:var(--ink-900);color:var(--fg);font-size:1.0625rem}
.summary ul{display:grid;gap:12px}
.summary li{position:relative;padding-left:28px;color:#d9d8d3;line-height:1.55}
.summary li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--accent)}
.vsteps{display:grid;counter-reset:v}
.vsteps li{position:relative;display:grid;gap:6px;padding:0 0 24px 56px;counter-increment:v}
.vsteps li::before{content:counter(v);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent-text);color:var(--accent-text);font:600 .9375rem/1 var(--f-display)}
.vsteps li::after{content:"";position:absolute;left:17.5px;top:38px;bottom:4px;width:1px;background:var(--line)}
.vsteps li:last-child{padding-bottom:0}.vsteps li:last-child::after{display:none}
.vsteps p{color:var(--muted)}
.src{display:grid;gap:8px;font-size:.875rem;color:var(--muted)}
.src a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* Sorumluluk reddi notu: içerik ve proje sayfalarının altında, tam metne bağlanan sakin bir kutu */
.dnote{display:grid;gap:8px;margin-top:clamp(28px,4vw,48px);padding:18px 20px;border-radius:var(--r-sm);border:1px solid var(--line);border-left:3px solid var(--accent-text);background:var(--card);font-size:.875rem;line-height:1.6;color:var(--muted)}
.dnote .tag{margin:0}
.dnote a{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-weight:600;color:var(--fg);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.dnote a svg{width:14px;height:14px}
/* Proje sayfalarında tek satırlık ibare */
.pnote{padding-bottom:clamp(24px,4vw,48px);font-size:.8125rem;color:var(--muted)}
.note{padding:16px 18px;border-radius:var(--r-sm);border:1px dashed var(--line);font-size:.875rem;color:var(--muted)}
.sides{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,4vw,56px)}
.icta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:var(--r-md);background:var(--accent);color:var(--ink-900)}
.icta p{font:600 1.125rem/1.3 var(--f-display)}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rel-i{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:end;padding:18px 20px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);transition:border-color .3s,transform .4s var(--ease)}
.rel-i .info-l{grid-column:1/-1}
.rel-i b{font:600 1.0625rem/1.25 var(--f-display)}
.rel-i svg{width:18px;height:18px;color:var(--accent-text)}
.rel-i:hover{border-color:var(--accent-text);transform:translateY(-2px)}
.gbar{display:none} /* mobilde ekranın altına yapışan arama çubuğu */
@media (min-width:1001px){.toc summary{pointer-events:none}}
@media (max-width:1000px){
  .guide{grid-template-columns:1fr}.toc{position:static}
  .toc{padding-block:10px}
  .toc summary{position:relative;display:flex;align-items:center;min-height:44px;cursor:pointer;padding:0 28px 0 0}
  .toc summary::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-70%) rotate(45deg);transition:transform .3s}
  .toc[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
  .sides,.rel{grid-template-columns:1fr}
  .gbar{position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;z-index:600;display:flex;gap:8px;padding:8px;border-radius:var(--r-pill);background:var(--glass-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-bd);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
  .gbar .btn{flex:1;padding:0 12px}
  main:has(.gbar)+.ftr{padding-bottom:84px}
  body:has(.cc:not([hidden])) .gbar{display:none}
}
@media (min-width:600px) and (max-width:1000px){.gbar{left:50%;right:auto;width:min(480px,calc(100vw - 24px));transform:translateX(-50%)}}
@media (max-width:760px){.guide-body{font-size:1.0625rem}}
@media (max-width:380px){.gbar{gap:6px;padding:6px}.gbar .btn{padding:0 8px;gap:6px;font-size:.8125rem}.gbar .btn.tel{letter-spacing:0;word-spacing:0}}

/* Blog */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bc{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--card);transition:border-color .3s,transform .4s var(--ease)}
.bc:hover{border-color:var(--accent-text);transform:translateY(-3px)}
/* Yazı kapağı: görsel yerine kategori renginde pafta deseni ve sıra numarası */
.bc-cover{position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px;background:var(--cv,var(--ink));color:#fff}
.bc-cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 75%);mask-image:linear-gradient(135deg,#000,transparent 75%)}
.bc-cover>*{position:relative}
.bc-no{font:600 clamp(2.5rem,5vw,3.75rem)/.9 var(--f-display);letter-spacing:-.03em;opacity:.95}
.bc-cat{font:600 .6875rem/1.2 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;text-align:right}
.cv-kentsel-donusum{--cv:var(--petrol)}.cv-kat-karsiligi{--cv:var(--copper)}.cv-insaat-sureci{--cv:var(--ink)}
.cv-mevzuat{--cv:#3f4a5c}.cv-tapu-ve-ruhsat{--cv:#5b5146}.cv-ic-mimarlik{--cv:#6a4a3a}
.bc-b{display:grid;gap:10px;align-content:start;padding:20px}
.bc-t{margin:0;font:600 1.25rem/1.22 var(--f-display);letter-spacing:-.012em}
.bc-b p{font-size:.9375rem;line-height:1.55;color:var(--muted)}
.bc-m{font-size:.8125rem;color:var(--muted)}
.post-cover{aspect-ratio:auto;min-height:120px;border-radius:var(--r-md)}
/* Fotoğraflı blog kapağı: görsel, altta koyulaşan geçiş ve konu etiketi */
.bc-photo{display:block;padding:0}
.bc-photo::before{z-index:1;background:linear-gradient(180deg,rgba(17,18,23,0) 50%,rgba(17,18,23,.72));-webkit-mask-image:none;mask-image:none}
.bc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.bc:hover .bc-photo img,.bc:focus-visible .bc-photo img{transform:scale(1.04)}
.bc-photo .bc-cat{position:absolute;z-index:2;left:16px;bottom:14px;text-align:left}
.post-hero{aspect-ratio:2/1;border-radius:var(--r-lg);margin:0 0 clamp(28px,4vw,56px)}
@media (max-width:600px){.post-hero{aspect-ratio:3/2;border-radius:var(--r-md)}}
@media (max-width:1000px){.bgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bgrid{grid-template-columns:1fr}}

/* Zaman çizgisi */
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tl li{display:grid;gap:14px;align-content:start;padding:24px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card)}
.tl .num{font-size:clamp(1.625rem,3vw,2.375rem);line-height:1;letter-spacing:-.02em}
.tl p{color:var(--muted);font-size:.9375rem}
@media (max-width:1000px){.tl{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tl{grid-template-columns:1fr}}

.nf{min-height:100vh;min-height:100svh;display:grid;align-content:center}

/* 9 — HAREKET ------------------------------------------------------------- */
/* Sayfalar arası geçiş: tarayıcı destekliyorsa yumuşak geçiş, desteklemiyorsa anında gezinme. Yükleme ekranı ve yapay bekleme yok. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .2s var(--ease) both}
::view-transition-new(root){animation:vt-in .36s var(--ease) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(12px)}}
@keyframes show{to{opacity:1;transform:none}}
@keyframes unmask{to{clip-path:inset(0 round var(--r-md))}}
@keyframes word-in{from{transform:translateY(118%)}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
@keyframes slide{from{transform:translateY(20px)}}
@keyframes nudge{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

/* Kelime kelime açılış. Dolgu, İ noktası ile ç/ş/g kuyruklarının kırpılmasını önler.
   Girişler yalnızca komut dosyası çalışıyorsa (html.js) gizli başlar; çalışmıyorsa içerik doğrudan görünür. */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .05em .22em;margin:-.16em -.05em -.22em}
.w>span{display:inline-block}
.js .w>span{transform:translateY(118%);transition:transform .9s var(--ease)}
.js .in>.w>span{transform:none}
.w:nth-child(2)>span{transition-delay:45ms;animation-delay:45ms}.w:nth-child(3)>span{transition-delay:90ms;animation-delay:90ms}.w:nth-child(4)>span{transition-delay:135ms;animation-delay:135ms}
.w:nth-child(5)>span{transition-delay:180ms;animation-delay:180ms}.w:nth-child(6)>span{transition-delay:225ms;animation-delay:225ms}.w:nth-child(7)>span{transition-delay:270ms;animation-delay:270ms}
.w:nth-child(8)>span{transition-delay:315ms;animation-delay:315ms}.w:nth-child(9)>span{transition-delay:360ms;animation-delay:360ms}.w:nth-child(n+10)>span{transition-delay:400ms;animation-delay:400ms}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.js .mask{clip-path:inset(0 0 100% 0 round var(--r-md));transition:clip-path 1.1s var(--ease)}
.js .mask.in{clip-path:inset(0 round var(--r-md))}
/* Uzun okuma metinlerinde (rehber, blog, hukuk metni) başlıklar hareketsizdir: okuyanı oyalamaz. */
.js .guide-body .w>span{transform:none;transition:none}
/* Sayfanın ilk ekranı (hero ve sayfa başlığı) komut dosyasını beklemeden, yalnızca CSS ile açılır. */
.js .hero .w>span,.js .ph .w>span{transform:none;transition:none;animation:word-in .85s var(--ease) backwards}
.js .hero .rv,.js .ph .rv{opacity:1;transform:none;transition:none;animation:rise .85s var(--ease) backwards}
/* İlk ekranın en büyük metni (LCP) saydam başlamaz: yalnızca kayarak gelir, böylece ilk boyamada görünür. */
.js .hero .lead.rv,.js .ph .lead.rv{animation-name:slide}
.hero .d1,.ph .d1{animation-delay:.2s}.hero .d2,.ph .d2{animation-delay:.32s}.hero .d3{animation-delay:.44s}
/* Güvenlik ağı: app.js 4 saniyede hazır olmazsa gizli kalan her şey açılır. */
.js:not(.ready) .sec .rv,.js:not(.ready) .sec .w>span,.js:not(.ready) .hs .w>span,.js:not(.ready) .cta .rv{animation:show .01s 4s forwards}
.js:not(.ready) .mask{animation:unmask .01s 4s forwards}
.js:not(.ready) .sw{animation:show .01s 4s forwards}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js .rv,.js .w>span{opacity:1;transform:none}
  .js .mask{clip-path:none}
  .js .sw{opacity:1}
}

/* 10 — YAZDIRMA ----------------------------------------------------------- */
@media print{
  .hdr,.mmenu,.progress,.cta,.lb,.toc,.form,.gbar,.cc,.ftr-big,.totop{display:none!important}
  :root{--s0:#fff;--s1:#fff;--s2:#fff;--fg:#000;--muted:#333;--line:#ccc}
  .sec,.ph,.summary{background:#fff!important;color:#000!important;padding-block:20px}
  details>*{display:block!important}
  .js .rv,.js .w>span{opacity:1!important;transform:none!important}
}
/* Komut dosyası çalışmıyorsa: form gönderilemez (uç nokta JSON bekler), düğmesi gizlenir; not zaten görünür. */
html:not(.js) .form button[type=submit]{display:none}
/* Başlık çubuğu taşmaları: tablet dikeyde (özellikle İngilizce) rehber düğmesi menüye bırakılır; 340 px altında logo ve iç boşluk küçülür. */
@media (min-width:761px) and (max-width:830px){.hdr-r>.btn-urban{display:none}}
@media (max-width:340px){.hdr-frame{padding:0 6px 0 10px;gap:6px}.logo{width:84px}.hdr-r{gap:5px}}
[data-theme=light] .btn-urban{--focus:var(--ink-900)}