/* Tasarım: Studiova (MIT, WrapPixel) birebir; ana sayfa akışı efenbiworks; soru alanı ve sohbet düğmesi SmartPrep.
   Renkler SmartPrep tokenları: kırmızı birincil, yeşil vurgu (odak, üzerine gelme, küçük etiketler). Mobil önce; kırılımlar Studiova'nınki (576, 768, 992, 1200, 1400). */
:root{
  /* SmartPrep renk tokenları (tokens.css birebir). Sitedeki bütün renkler buradan gelir; renk kararı değişirse yalnız bu blok değişir. */
  --c-brand:#A10E17;--c-brand-bright:#F85C5E;--c-brand-deep:#7A0810;
  --c-accent:#39B54A;--c-accent-deep:#2B9C3A;--c-accent-soft:#E8F5EA;
  --c-ink:#1A1B22;--c-ink-soft:#35373E;--c-ink-mute:#6B6E78;--c-ink-faint:#9CA0AC;
  --c-line:#E5E7EB;--c-paper:#FFFFFF;--c-paper-warm:#FAFAF8;--c-paper-deep:#F5F5F2;--c-cream:#F8F4ED;
  --c-night:#14110D;--c-night-soft:#1F1A14;--c-black:#000000;
  /* Türetilmiş adlar (yalnız yukarıdaki tokenlardan) */
  --dark:var(--c-ink);--body:var(--c-ink-soft);--gray:var(--c-paper-deep);--white:var(--c-paper);
  --accent:var(--c-brand);--accent-2:var(--c-brand-bright);
  --green:var(--c-accent);--green-text:color-mix(in srgb,var(--c-accent-deep) 72%,var(--c-ink));
  --line:var(--c-line);--line-d:color-mix(in srgb,var(--c-paper) 12%,transparent);
  --r-md:10px;--r-lg:16px;--r-xl:24px;
  --f:'Manrope',system-ui,sans-serif;
  --w:100%;--sec:48px;
  --h2:1.5rem;
  /* Yön (RTL: ar, fa): yatay hareket ve dönme açısı --dir ile çarpılır; ok karakterleri ve dönüşüm merkezi taraf adıyla gelir */
  --dir:1;--fwd:"\2192";--back:"\2190";--start:left;--end:right;
}
[dir=rtl]{--dir:-1;--fwd:"\2190";--back:"\2192";--start:right;--end:left}
/* Yazı yığını sayfanın diline göre (fonts.css alt kümeleri; Türkçe sayfa yalnız Manrope latin indirir).
   Çince, Japonca, Korece sistem yazı tipiyle: Noto Sans SC/JP/KR alt kümeleri bile sayfa başına yüzlerce KB (ölçüm F_U143 raporunda). */
:root:lang(ru),:root:lang(uk),:root:lang(el){--f:'Manrope','Manrope Ek',system-ui,sans-serif}
:root:lang(ar),:root:lang(fa){--f:'Manrope','Noto Sans Arabic',system-ui,sans-serif}
:root:lang(ka){--f:'Manrope','Noto Sans Georgian',system-ui,sans-serif}
:root:lang(zh-Hans){--f:'Manrope','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC','Noto Sans SC',sans-serif}
:root:lang(ja){--f:'Manrope','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo','Noto Sans CJK JP','Noto Sans JP',sans-serif}
:root:lang(ko){--f:'Manrope','Apple SD Gothic Neo','Malgun Gothic','Noto Sans CJK KR','Noto Sans KR',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--white);color:var(--body);font:400 1.0625rem/1.6 var(--f)}
/* Diğer dillerde satıra sığmayan tek kelime kırılır (ör. Rusça adım başlığı 320'de). Türkçe onaylı görünüm korunur: 768'de adım başlığı sütun aralığına birkaç px taşıyor, kırılırsa "Kapsam/ı" olur. */
:root:not(:lang(tr)) body{overflow-wrap:break-word}
img,video{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3{font-family:var(--f);font-weight:700;line-height:1.2;color:var(--dark);margin:0 0 .5rem}
h2{font-size:var(--h2);letter-spacing:-.015em}
h3{font-size:1.25rem}
p{margin:0 0 1rem}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--c-accent-deep);outline-offset:3px}
.wrap{width:100%;max-width:var(--w);margin-inline:auto;padding-inline:16px}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--dark);color:var(--c-paper);padding:12px 16px;z-index:100}
.skip:focus{inset-inline-start:12px}
.ico{display:block;flex:none}
@media (min-width:576px){:root{--w:540px}}
@media (min-width:768px){:root{--w:720px}}
.is-home{--sec:36px}
@media (min-width:992px){:root{--w:960px;--sec:96px}.is-home{--sec:48px}}
@media (min-width:1200px){:root{--w:1140px}}
@media (min-width:768px){:root{--h2:2rem}h3{font-size:1.375rem}}
@media (min-width:1200px){:root{--h2:2.25rem}}
@media (min-width:1400px){:root{--w:1320px}}

/* Oklu hap buton (Studiova .btn) */
.btn{position:relative;display:inline-flex;align-items:center;gap:1rem;width:fit-content;padding-block:16px;padding-inline:30px 58px;border:0;border-radius:9999px;background:var(--accent);overflow:hidden;text-decoration:none;cursor:pointer;transition:background-color .2s ease-in-out}
.btn__t{position:relative;z-index:1;padding-inline-end:15px;font-size:18px;font-weight:700;line-height:1.5;color:var(--c-paper);transition:transform .2s ease-in-out,color .2s ease-in-out}
.btn__i{position:absolute;inset-inline-start:100%;top:50%;z-index:0;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--c-paper);color:var(--dark);box-shadow:0 .125rem .25rem color-mix(in srgb,var(--c-black) 7.5%,transparent);transform:translate(calc(-115% * var(--dir)),-50%);transition:transform .4s ease,inset-inline-start .4s ease}
.btn:hover{background:var(--dark)}
.btn:hover .btn__t{transform:translateX(calc(2.5rem * var(--dir)))}
.btn:hover .btn__i{inset-inline-start:0;transform:translate(calc(15% * var(--dir)),-50%) rotate(calc(45deg * var(--dir)))}
.btn--light{background:var(--c-paper)}
.btn--light .btn__t{color:var(--dark)}
.btn--light .btn__i{background:var(--accent);color:var(--c-paper)}
.btn--light:hover{background:var(--dark)}
.btn--light:hover .btn__t{color:var(--c-paper)}

/* Dönen yıldız (Studiova leaf, bordo) */
.star{flex:none;color:var(--accent);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

/* Üst çubuk (U098, SmartPrep mantığı): video üstünde şeffaf ve beyaz; kayınca ya da iç sayfada krem zemin, koyu metin.
   Masaüstünde bağlantılar satır içinde + iki eylem + hamburger; 1024 altında logo, yazma simgesi ve hamburger. */
.top{position:fixed;top:0;inset-inline:0;z-index:50;border-top:4px solid var(--accent);color:var(--c-paper);transition:background-color 200ms ease,box-shadow 200ms ease,color 200ms ease}
.top__in{display:flex;align-items:center;gap:16px;min-height:60px}
.top.is-stuck,body:not(.is-home) .top{background:var(--c-cream);color:var(--dark);box-shadow:0 1px 0 var(--c-line),0 8px 24px -16px color-mix(in srgb,var(--c-ink) 30%,transparent)}
.mark{display:inline-flex;align-items:baseline;margin-inline-end:auto;font:700 1.75rem/1 var(--f);letter-spacing:-.02em;color:inherit;text-decoration:none}
.mark img{display:block;height:40px;width:auto}
/* Dokunma alanı en az 44 px, yerleşim aynı (dolgu + eksi boşluk): logo, footer logosu, kırıntı, yasal satır */
.top .mark{padding-block:8px;margin-block:-8px}
.mark__dot{width:.2em;height:.2em;margin-left:.05em;background:var(--accent)}
/* Logo kilidi (ad + nokta) RTL'de aynalanmaz */
[dir=rtl] .mark{flex-direction:row-reverse}
/* MARKA183: logodaki amblem adın solunda, dönmez; boyu büyük harf yüksekliğiyle dengeli */
.mark .star{width:auto;height:.8em;margin-right:.18em;animation:none}
.top__nav{display:none}
.top__do{display:flex;align-items:center;gap:8px}
.top__ask,.top__cta{display:none}
.top__write,.menu-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color 160ms ease,transform 160ms ease}
.top__write:active,.menu-btn:active{transform:scale(.95)}
.menu-btn{background:var(--c-paper);color:var(--dark)}
.top.is-stuck .menu-btn,body:not(.is-home) .menu-btn{background:var(--dark);color:var(--c-paper)}
/* Mobil menü: tam ekran, büyük satırlar */
.menu__panel{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;gap:24px;padding:16px 20px calc(24px + env(safe-area-inset-bottom));background:var(--c-cream);color:var(--dark);overflow-y:auto;overscroll-behavior:contain}
.menu__panel[hidden]{display:none}
html.menu-lock{overflow:hidden}
.menu-lock .ask{display:none}
.menu__head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-bottom:12px;border-bottom:1px solid var(--c-line)}
.menu__head p{margin:0;font-size:1rem;font-weight:600;color:var(--c-ink-mute)}
.menu__x{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--dark);cursor:pointer}
.menu__x::before,.menu__x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:var(--c-paper);transform:translate(-50%,-50%) rotate(45deg)}
.menu__x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.menu__list{display:flex;flex-direction:column}
.menu__list a{display:flex;align-items:center;min-height:60px;border-bottom:1px solid var(--c-line);font-size:1.625rem;font-weight:700;letter-spacing:-.01em;color:var(--dark);text-decoration:none}
.menu__list a[aria-current=page]{color:var(--accent)}
/* Biz kimiz grubunun başlığı (bağlantı değil); altındaki iki bağlantı diğer satırlarla aynı */
.menu__k{margin:0;padding-top:8px;font-size:.875rem;font-weight:700;color:var(--c-ink-mute)}
@media (min-width:1024px){
  .top__in{min-height:76px;gap:28px}
  .mark{margin-inline-end:0;font-size:2rem}
  .top__nav{display:flex;align-items:center;gap:24px;margin-inline-end:auto}
  .top__nav>a,.top__sub summary{position:relative;padding:8px 0;font-size:.9375rem;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap}
  .top__nav>a::after,.top__sub summary::before{content:"";position:absolute;inset-inline:0;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:var(--start);transition:transform 200ms cubic-bezier(.23,1,.32,1)}
  .top__nav>a:hover::after,.top__nav>a[aria-current=page]::after,.top__sub summary:hover::before,.top__sub summary.is-current::before{transform:none}
  .top__ask,.top__cta{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:var(--r-md);font-size:.9375rem;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}
  .top__ask{border:1px solid currentColor;background:transparent;color:inherit}
  .top__cta{background:var(--accent);color:var(--c-paper)}
  .top__cta:hover{background:var(--c-brand-deep)}
  .top__ask:active,.top__cta:active{transform:scale(.97)}
  .top__write{display:none}
  /* Hamburger masaüstünde de durur (U112): bağlantıların yanında, menüyü düğmenin altından açılan panelde gösterir (Studiova menüsü). */
  .top__in{position:relative}
  .menu__panel{position:absolute;inset:auto;top:calc(100% + 8px);inset-inline-end:16px;width:320px;max-height:calc(100vh - 110px);gap:16px;padding:20px 24px 24px;border-radius:20px;box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent),0 24px 56px -12px color-mix(in srgb,var(--c-ink) 30%,transparent);transform-origin:top var(--end)}
  .menu__panel:not([hidden]){animation:menu-in 200ms cubic-bezier(.23,1,.32,1)}
  .menu__head{min-height:40px}
  .menu__list a{min-height:48px;font-size:1.375rem}
}
@keyframes menu-in{from{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}
/* 1024-1199: dört bağlantı + görüşme düğmesi + hamburger sığar; asistan düğmesi sığmaz (ölçüldü: 19 px taşar) */
@media (min-width:1024px) and (max-width:1199px){.top__ask{display:none}}
/* MENU: üst menü "Biz kimiz" alt menüsü (U151). <details> JS'siz açılır; panel başlığın altından, başlık hizasından açılır. */
@media (min-width:1024px){
  .top__sub{position:relative}
  .top__sub summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}
  .top__sub summary::-webkit-details-marker{display:none}
  .top__sub summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform 200ms cubic-bezier(.23,1,.32,1)}
  .top__sub[open] summary::after{transform:translateY(1px) rotate(-135deg)}
  .top__drop{position:absolute;top:calc(100% + 22px);inset-inline-start:-14px;min-width:200px;padding:6px;border-radius:14px;background:var(--c-paper);color:var(--dark);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent),0 16px 40px -12px color-mix(in srgb,var(--c-ink) 30%,transparent);transform-origin:top var(--start);animation:menu-in 200ms cubic-bezier(.23,1,.32,1)}
  .top__drop a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;color:var(--dark);text-decoration:none;transition:background-color 160ms ease}
  .top__drop a[aria-current=page]{color:var(--accent)}
}
@media (min-width:1024px) and (hover:hover){.top__drop a:hover{background:var(--c-paper-deep)}}
/* MENU183: hamburgerin kendi maddeleri (Blog, İletişim; ikinci düzey yazı) ve altında yan yana sosyal ikonlar; üst menü grubu yalnız 1024 altında (U164). */
.menu__list--own a{min-height:56px;font-size:1.125rem;font-weight:600;letter-spacing:0}
.social{display:flex;gap:8px}
.social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--c-line);border-radius:50%;color:var(--dark);transition:background-color 160ms ease,transform 160ms ease}
.social a:active{transform:scale(.95)}
@media (hover:hover){.social a:hover{background:var(--c-paper-deep)}}
/* DIL221: dil paneli noyka.ai düzeni (U221). Tek sütun liste, 288 px; satırda yerel ad başta, kod sonda (küçük, gri); etkin dil vurgu rengi ve açık zemin.
   Uzun liste panelin içinde kayar. 768 ve üstünde düğmenin altına hizalı; altında üst çubuğa bağlı (.top), ekrandan taşmaz. */
.lang .lang__list{display:block;position:absolute;top:calc(100% + 8px);inset-inline-end:16px;width:min(288px,calc(100% - 32px));max-height:min(372px,calc(100dvh - 96px));overflow-y:auto;overscroll-behavior:contain;padding:6px 0;border:1px solid var(--c-line);border-radius:20px;background:var(--c-paper);color:var(--body);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 8%,transparent),0 25px 50px -12px color-mix(in srgb,var(--c-ink) 25%,transparent);transform-origin:top var(--end);animation:menu-in 200ms cubic-bezier(.23,1,.32,1)}
.lang .lang__list a{gap:12px;padding:0 16px;font-size:.875rem}
.lang .lang__list a[aria-current=page]{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent);font-weight:inherit;text-decoration:none}
.lang__k{margin-inline-start:auto;font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--c-ink-mute)}
@media (hover:hover){.lang .lang__list a:hover{background:var(--c-paper-deep);text-decoration:none}}
@media (min-width:768px){.lang{position:relative}.lang .lang__list{inset-inline-end:0;width:288px}}
/* 400 altında düğme yalnız küre (44×44): yeni logo genişledi, üst çubuk taşmasın. Okunan ad (.sr) yerinde. */
@media (max-width:399px){.lang__btn{width:44px;padding:0;justify-content:center}.lang__btn>span[aria-hidden]{display:none}}
/* 375 altında zarf simgesi gizli (aynı hedef /iletisim/ hamburgerde): logo + dil + hamburger 320-374'te 16 px kenar boşluğuyla sığsın. */
@media (max-width:374px){.top__write{display:none}}
@media (min-width:1024px){
  .menu__list--top{display:none}
  .menu__list--own a{min-height:48px}
}

/* Banner (Studiova banner-section): tam ekran video, %50 karartma, içerik alta yaslı */
.banner{position:relative;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;background:var(--c-night);color:var(--c-paper);overflow:hidden}
.banner::before{content:"";position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--c-black) 50%,transparent)}
.banner__media,.banner__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.banner__video{display:none}}
/* ANA183: alt boşluk her genişlikte 92 px; giriş oku sabit sohbet düğmesinin (alt 16 + 60 px) üstünde kalır. */
.banner__in{position:relative;z-index:2;display:flex;flex-direction:column;gap:24px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}
.banner__lead{display:flex;align-items:center;gap:24px}
.banner__lead p{margin:0;font-size:1.25rem;color:color-mix(in srgb,var(--c-paper) 70%,transparent)}
.banner__lead b{font-weight:inherit;color:var(--c-paper)}
.banner__lead a{color:var(--c-paper)}
.banner__row{display:flex;align-items:flex-end;gap:16px;container-type:inline-size}
/* En uzun kelime ("danışmanlığı") 6,2 em; satır genişliği eksi ok düğmesi (86 + 16 px) ona bölünür, kelime ortadan kırılmaz */
.banner__h{min-width:0;margin:0;line-height:1;color:var(--c-paper);overflow-wrap:break-word}
.banner__go{flex:none;display:block;padding:4px;padding-inline-start:30px;border-radius:9999px;background:var(--accent);color:var(--dark)}
.banner__go span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--c-paper)}
.banner__go .ico{width:28px;height:28px;transition:transform .3s ease}
.banner__go:hover .ico{transform:scaleX(var(--dir)) rotate(45deg)}
[dir=rtl] .ico{transform:scaleX(-1)}
.banner__lead,.banner__row{animation:up 1s ease both}
.banner__row{animation-delay:.1s}
@keyframes up{from{transform:translateY(24px)}to{transform:none}}
@media (min-width:1200px){.banner__lead{max-width:50%}}

/* İç sayfa başı (efenbiworks, U102): ince video şeridi (yükseklik sınırlı), hemen altında başlık · alıntı · düğme */
.ph{padding-top:64px}
.ph__media{position:relative;width:100%;height:128px;background:var(--c-night);overflow:hidden}
.ph__media img,.ph__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.ph__video{display:none}}
.ph__row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-block:20px 28px}
.ph__h{order:-1;margin:0;font-size:1.625rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--dark);overflow-wrap:break-word}
.ph__crumbs{order:0;margin:0;color:var(--c-ink-mute)}
.ph__crumbs a{min-width:44px;margin-block:-11px;padding-block:11px;color:var(--dark)}
.ph__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:2px solid var(--accent);border-radius:var(--r-md);font-size:1rem;font-weight:600;color:var(--accent);text-decoration:none;transition:background-color 160ms ease,color 160ms ease}
.ph__btn:hover{background:var(--accent);color:var(--c-paper)}
@media (min-width:768px){.ph__media{height:clamp(180px,22vw,260px)}}
/* MEDYA239 (U226, U239): videolu alan kırpılmaz; videonun oranında (16:9), telefonda tam genişlik, 768 ve üstünde içerik genişliğinde ve ortada.
   Videolar üst menü sayfalarında (Manifesto, Markalarımız, Nasıl çalışıyoruz başlık bandında; Hizmetlerimiz kategori seçicinin altında). */
.ph__media:has(.ph__video){height:auto;aspect-ratio:16/9;margin-inline:auto}
@media (min-width:768px){.ph__media:has(.ph__video){max-width:calc(var(--w) - 32px)}}
.hv{margin-block:48px}
/* U245: Word görselleri açık alanda, sol sütun tam genişlik; telefonda süreç şeridinden hemen sonra */
.sv-gorseller{order:6;display:grid;gap:16px}
.sv-gorseller img{display:block;width:100%;height:auto;border-radius:var(--r-md)}
@media (max-width:767px){.sv-gorseller{margin-inline:-16px}.sv-gorseller img{border-radius:0}}
@media (min-width:1024px){
  .ph{padding-top:80px}
  .ph__row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);align-items:start;gap:6px 30px;padding-block:18px 32px;text-align:center}
  .ph__crumbs{grid-column:1/-1;grid-row:1;justify-content:center}
  .ph__h{grid-column:2;grid-row:2;order:0;font-size:2.25rem}
  .ph__btn{grid-column:3;grid-row:2;justify-self:end}
}
@media (min-width:1200px){.ph__h{font-size:2.75rem}}
/* ALINTI198 (U198): banner alıntısı başlığın hemen altında; marka kırmızısı (beyazda 8,1:1) ve Manifesto açılışının sistem serif yığını (yeni font dosyası yok) */
.ph__q{order:-1;margin:0;max-width:46ch;font-family:Georgia,'Times New Roman',serif;font-size:1.125rem;line-height:1.4;color:var(--accent);text-wrap:balance}
@media (min-width:1024px){.ph__q{grid-column:2;grid-row:3;justify-self:center;font-size:1.25rem}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;font-weight:600}

/* Bölüm başlığı düzeni (U104): her bölümde tek h2; altında en çok 20px giriş ve 17px gövde. Küçük büyük harf etiket yok. */
.sec-h{margin:0;line-height:1.15}
.lead-20{margin:0 0 8px;font-size:1.125rem;font-weight:600;line-height:1.45;color:var(--dark)}
@media (min-width:768px){.lead-20{font-size:1.25rem}}

/* Ana sayfa: başlık metnin üstünde, düğme sağda (mobilde altta) */
.who,.how{padding:var(--sec) 0}
.how__top{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.who__txt p{margin:0;max-width:46ch}
.who__txt p+p{margin-top:8px;color:var(--c-ink-soft)}
@media (min-width:992px){
  .how__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 30px}
  .how__top .btn{grid-row:1/span 2;grid-column:2}
}
/* ANA: Biz kimiz (U151, efenbi "Who we are"): başlık, kısa metin, düğme; yanında biri uzun biri kısa iki fotoğraf.
   Mobilde fotoğraflar metnin altında yan yana. Fotoğraf yokken (yayında) yalnız metin sütunu kalır. */
.who__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;align-items:start}
.who__in>:not(.foto){grid-column:1/-1}
.who__in .btn{justify-self:start}
@media (max-width:767px){.who__in .foto{aspect-ratio:3/4}}
@media (min-width:992px){
  .who__in{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);grid-template-rows:auto auto auto 1fr;column-gap:24px}
  .who__in>:not(.foto){grid-column:1}
  .who__in .foto{grid-area:1/2/-1;aspect-ratio:3/4}
  .who__in .who__f2{grid-column:3;align-self:end}
}
/* ANA: giriş metni tüm kapsamı taşıyor (U151); mobilde ilk ekrana sığsın diye küçük punto */
@media (max-width:767px){.banner__lead p{font-size:1rem}}
/* ANA183: H1 (U183) 768 ve üstünde iki satır ("…İnovasyon / ve Marka Aynı Masada.", en uzun satır 13,35em), mobilde üç satır
   ("Gıda, Operasyon, / İnovasyon ve Marka / Aynı Masada.", 9,38em). Punto kutu genişliğiyle orantılı; kırılım her genişlikte aynı. */
.banner__h{font-size:min(calc((100cqi - 102px) / 13.6),6rem)}
@media (max-width:767px){.banner__h{font-size:calc((100cqi - 102px) / 9.5)}}

/* KART195: "Kimlere hizmet ediyoruz" kitle kartları (SmartPrep .models-strip): masaüstünde üzerine gelinen kart genişler.
   1024 altında AYRI kurgu: yatay kaydırmalı büyük kart, görselin altında açık zeminde tanıtım metni. */
.models{padding:var(--sec) 0}
.models__head{margin-bottom:28px}
.models__head p{margin:0;max-width:60ch}
.models__head .lead-20{margin-top:12px}
.models-strip{display:flex;width:100%;height:clamp(420px,55vh,560px);background:var(--c-ink);overflow:hidden}
.model-card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:var(--c-cream);border-inline-end:1px solid color-mix(in srgb,var(--c-black) 40%,transparent);transition:flex 700ms cubic-bezier(.32,.72,.36,1)}
.model-card:last-child{border-inline-end:0}
.model-card-media{position:absolute;inset:0;display:block;text-decoration:none}
.model-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform 800ms cubic-bezier(.32,.72,.36,1)}
/* KART183: fotoğraf üstünde başlık ve metin okunsun diye üst ve alt kararma; görsel bağlantısının odak çizgisi kartın içinde. */
.model-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--c-night) 80%,transparent) 0%,transparent 40%,transparent 45%,color-mix(in srgb,var(--c-night) 90%,transparent) 100%)}
.model-card-media:focus-visible::after{box-shadow:inset 0 0 0 3px var(--c-accent-deep)}
.model-card-top{position:absolute;top:0;inset-inline:0;z-index:2;padding:24px 12px 16px;text-align:center}
.model-card-title{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.2;color:var(--c-cream);hyphens:auto;overflow-wrap:break-word;text-shadow:0 1px 4px color-mix(in srgb,var(--c-black) 70%,transparent)}
.model-card-content{position:absolute;bottom:0;inset-inline:0;z-index:2;padding:24px;transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity 400ms ease 150ms,transform 500ms cubic-bezier(.32,.72,.36,1)}
.model-card-p{max-width:40ch;margin:0;font-size:.9375rem;line-height:1.55;color:color-mix(in srgb,var(--c-cream) 92%,transparent)}
.model-card:hover .model-card-content,.model-card:focus-within .model-card-content{transform:none;opacity:1}
@media (hover:hover) and (min-width:1024px){
  .models-strip:is(:hover,:focus-within) .model-card{flex:.8 1 0}
  .models-strip .model-card:is(:hover,:focus-within),.models-strip:not(:hover):not(:focus-within) .model-card:first-child{flex:4 1 0}
  .model-card:hover .model-card-bg{transform:scale(1.05)}
  .models-strip:not(:hover):not(:focus-within) .model-card:first-child .model-card-content{transform:none;opacity:1}
}
@media (max-width:1023px){
  .models-strip{height:auto;gap:12px;padding:8px max(16px,9vw) 16px;background:transparent;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .models-strip::-webkit-scrollbar{display:none}
  .models-strip .model-card{flex:0 0 82vw;max-width:380px;display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-paper);color:var(--dark);scroll-snap-align:center;transform:scale(.92);opacity:.6;transition:transform 320ms cubic-bezier(.32,.72,.36,1),opacity 320ms ease}
  .models-strip .model-card.is-active,.models-strip:not(.has-active) .model-card{transform:none;opacity:1}
  .model-card-media{position:relative;height:200px}
  .model-card-media::after{background:linear-gradient(to bottom,transparent 15%,color-mix(in srgb,var(--c-night) 90%,transparent) 60%)}
  .model-card-top{top:auto;bottom:0;padding:16px;text-align:start}
  .model-card-title{font-size:1.25rem}
  .model-card-content{position:static;padding:16px;transform:none;opacity:1}
  .model-card-p{color:var(--c-ink-soft)}
}

.how{background:var(--gray)}

/* FOOT196 (U196, efenbi sadeliği): logo + cümle, Sosyal medya, İletişim; alt satırda telif, KVKK.
   Telefonda alt alta; 768+ logo üstte, iki sütun yan yana; 1024+ logo solda, tek satır. Bağlantılar en az 44 px. */
.foot{background:var(--c-night);color:color-mix(in srgb,var(--c-paper) 70%,transparent);padding:40px 0 8px}
.foot__in{display:grid;gap:32px}
.foot__brand p{margin:0;max-width:36ch;font-size:.9375rem}
.mark--foot{padding-block:10px;margin-block:-10px 6px!important;font-size:1.5rem;color:var(--c-paper)}
.foot__h{margin:0 0 8px;font-size:.9375rem;font-weight:700;color:var(--c-paper)}
.foot li{font-size:.9375rem;line-height:1.4}
.foot a{color:inherit;text-decoration:none}
.foot__list a,.foot__legal a{display:inline-flex;align-items:center;min-height:44px}
.foot__adr{padding-top:10px}
.foot .social a{color:var(--c-paper);border-color:var(--line-d)}
@media (hover:hover){.foot__list a:hover,.foot__legal a:hover{color:var(--c-paper);text-decoration:underline}.foot .social a:hover{background:var(--line-d)}}
.foot__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;margin-top:32px;padding-top:8px;border-top:1px solid var(--line-d);font-size:.8125rem}
.foot__legal{display:flex;flex-wrap:wrap;gap:0 20px}
/* Sayfa sonunda sağ alttaki sohbet düğmesi (60 px + 16 px) alt satırdaki bağlantının üstüne binmesin; 1200+ kenar boşluğu yetiyor */
@media (max-width:1199px){.foot__base{padding-inline-end:76px}}
@media (min-width:768px){.foot{padding-top:56px}.foot__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.foot__brand{grid-column:1/-1}}
@media (min-width:1024px){.foot__in{grid-template-columns:minmax(0,1.5fr) auto repeat(2,minmax(0,1fr))}.foot__brand{grid-column:auto}}

/* Dil seçici (U139, U142, U160): JS'siz <details>, bayraksız. Her sayfada üst çubuğun sağ ucunda, hamburgerin yanında (SmartPrep "TR ▾").
   Kapalıyken küre + dil kodu, ok yok (DIL221, noyka.ai); açılınca bütün dillerin yerel adları düğmenin altından açılan panelde (panel: DIL221 bloğu). Aşağıdaki liste kuralları kök sayfada (kok.html) da kullanılır. */
.lang__btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:var(--r-md);list-style:none;font-size:.75rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background-color 160ms ease,transform 160ms ease}
.lang__btn:active{transform:scale(.97)}
.lang__btn::-webkit-details-marker{display:none}
@media (hover:hover){.lang__btn:hover{background:color-mix(in srgb,currentColor 12%,transparent)}}
.lang__ico{flex:none}
.lang__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding-bottom:8px}
.lang__list a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.lang__list a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media (hover:hover){.lang__list a:hover{text-decoration:underline}}
@media (min-width:768px){.lang__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Kök adres (/): içeriksiz dil listesi; yalnız nginx yönlendirmesi yokken görünür */
.kok{padding-block:48px}
.kok .mark{margin:0 0 40px;color:var(--dark)}

/* Detay sayfaları (Studiova project-detail): solda başlık, sağda okunur metin */
.detail{padding:var(--sec) 0}
.detail--gray{background:var(--gray)}
.drow{display:flex;flex-direction:column;gap:24px}
.drow+.drow{margin-top:40px}
.drow h2{margin:0;line-height:1.25}
.drow__body{font-size:1.0625rem;line-height:1.7;color:var(--c-ink-soft)}
.drow__body p{margin:0 0 20px}
.drow__body>:last-child{margin-bottom:0}
.drow__body h3{margin:24px 0 8px;font-size:1.1875rem}
.drow__body h3:first-child{margin-top:0}
.drow__body .btn{margin-top:12px}
.links{border-top:1px solid var(--line);margin-bottom:24px}
.links li>a,.links--plain li{display:flex;flex-direction:column;gap:4px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.links b{font-size:1.25rem;color:var(--dark)}
.links a:hover b{color:var(--green-text)}
/* 768 altı: kullanım biçimleri alt alta satır değil, yatay kaydırmalı kartlar */
@media (max-width:767px){
  .links--plain{display:flex;gap:12px;margin:0 -16px 24px;padding:0 16px 8px;border:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}
  .links--plain::-webkit-scrollbar{display:none}
  .links--plain li{flex:0 0 70%;padding:18px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-paper);scroll-snap-align:start}
  .links--plain b{font-size:1.125rem}
}
.endcta{display:grid;gap:24px;margin:48px 0;padding:32px 24px;border-radius:var(--r-xl);background:var(--c-night);color:color-mix(in srgb,var(--c-paper) 76%,transparent)}
.endcta__h{margin:0;font-size:1.625rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--c-paper)}
.endcta__p{max-width:52ch;margin:10px 0 0;font-size:1rem;line-height:1.6}
.endcta__do{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.endcta__ask{min-height:52px;padding:0 22px;border:1px solid color-mix(in srgb,var(--c-paper) 40%,transparent);border-radius:999px;background:transparent;font-size:1rem;font-weight:700;color:var(--c-paper);cursor:pointer;transition:border-color 160ms ease,transform 160ms ease}
.endcta__ask:hover{border-color:var(--c-paper)}
.endcta__ask:active{transform:scale(.97)}
/* Bant kendi alt boşluğunu taşır; içinde durduğu bölümün alt dolgusu üst üste binmesin */
.detail:has(.endcta){padding-bottom:0}
@media (min-width:992px){
  .drow{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:30px}
  .drow+.drow{margin-top:64px}
  .endcta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin:64px 0;padding:48px 56px}
}
@media (min-width:1200px){.endcta__h{font-size:2rem}}

/* Markalarımız: düz logo ızgarası (Studiova "Featured projects" kartı: görsel + ad + etiket).
   768 altı AYRI kurgu: uygulama listesi gibi kompakt satırlar (küçük logo karesi, ad, tür, ok); dokununca alttan detay sayfası açılır. */
.works{padding:16px 0 var(--sec)}
.works__grid{display:grid;border-top:1px solid var(--c-line)}
.work{scroll-margin-top:110px;border-bottom:1px solid var(--c-line)}
.work>a{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;grid-template-rows:auto auto;column-gap:14px;align-items:center;min-height:80px;padding:8px 0;color:inherit;text-decoration:none;transition:background-color 160ms ease}
.work>a::after{content:var(--fwd);grid-column:3;grid-row:1/span 2;font-weight:700;color:var(--accent)}
.work>a:active{background:var(--c-paper-warm)}
.work__img{position:relative;display:block;grid-row:1/span 2;width:64px;height:64px;border-radius:12px;background:var(--gray);overflow:hidden}
.work__img img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;transition:transform .2s ease}
.work__n{grid-column:2;align-self:end;margin:0;font-size:1.0625rem;line-height:1.3}
.work__tags{grid-column:2;align-self:start;display:flex;margin:2px 0 0}
.work__tags span{font-size:.875rem;line-height:1.35;color:var(--c-ink-mute)}
.work:target .work__img{box-shadow:0 0 0 3px var(--accent)}
@media (min-width:768px){
  .works{padding:var(--sec) 0}
  .works__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px;border-top:0}
  .work{border-bottom:0}
  .work>a{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0;padding:0;border-radius:var(--r-md);transition:transform 160ms ease}
  .work__n,.work__tags{align-self:auto}
  .work>a::after{display:none}
  .work>a:active{background:none;transform:scale(.98)}
  .work__img{width:auto;height:auto;border-radius:0}
  .work__img::before{content:"";display:block;padding-top:72%}
  .work__img img{inset:12%;width:76%;height:76%}
  .work__n{font-size:1.25rem;line-height:1.2}
  .work__tags{margin:0}
  .work__tags span{padding:8px 16px;border-radius:56px;background:var(--gray);font-size:1rem;font-weight:500;line-height:1;color:var(--dark)}
}
@media (hover:hover){.work>a:hover .work__img img{transform:scale(1.06)}.work>a:hover .work__n{color:var(--accent)}}
@media (min-width:992px){.works__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.work__n{font-size:1.375rem}}

/* Marka bandı (kayan logolar). JS yoksa veya hareket kısıtlıysa sarılan ızgara olarak durur. */

/* Hazır markalarımız (ana sayfa): kendi başlığı ve "Tüm markalar" bağlantısıyla ayrı bölüm. Durdur düğmesi yok (U112):
   hareket kısıtında bant hiç kurulmaz (site.js), üzerine gelince ve klavye odağında durur. */
.brandsband{padding:var(--sec) 0;border-top:1px solid var(--c-line)}
.brandsband__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}
/* Başlık kalan genişliği doldurur; 280 px'ten daralacaksa bağlantı alt satıra iner (320'de ve uzun bağlantılı dillerde taşıyordu;
   U203 uzun başlık telefonda bağlantının yanında dört satıra bölünüyordu; balance "hazır kurgulu"yu aynı satırda tutar) */
.brandsband__h{flex:1 1 280px;min-width:0;margin:0;text-wrap:balance}
.brandsband__all{flex:none;display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--accent);text-underline-offset:4px}
.band__run{position:relative;width:100%}
.band__set{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;padding:12px 0}
.band__set a{display:block;border-radius:6px}
/* TAS177: logolar büyük ve her zaman tam görünür (beyaz perde yok) */
.band__set img{width:auto;height:112px;max-width:280px;object-fit:contain}
.band__run[data-armed]{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,var(--c-black) 15%,var(--c-black) 85%,transparent);mask-image:linear-gradient(to right,transparent,var(--c-black) 15%,var(--c-black) 85%,transparent)}
.band__run[data-armed] .band__track{display:flex;width:max-content;animation:band var(--band-dur,60s) linear infinite}
.band__run[data-armed] .band__set{flex-wrap:nowrap;align-items:center;gap:72px;padding-inline-end:72px}
.band__run[data-armed]:hover .band__track{animation-play-state:paused}
.band__run:has(:focus-visible){-webkit-mask-image:none;mask-image:none}
.band__run:has(:focus-visible) .band__track{animation:none;transform:none}
.band__run:has(:focus-visible) .band__set[aria-hidden=true]{display:none}
@keyframes band{from{transform:translateX(0)}to{transform:translateX(calc(-50% * var(--dir)))}}
@media (min-width:768px){.band__set img{height:144px;max-width:360px}}
/* BANT233 (U231): üzerine gelinen ya da klavyeyle odaklanan logo canlı kalır, banttaki diğer logolar hafif flulaşır. Dokunmatikte yok. */
@media (hover:hover){
  .band__set img{transition:filter .2s ease-out}
  .band__track:has(a:hover) a:not(:hover) img,.band__track:has(a:focus-visible) a:not(:focus-visible) img{filter:blur(2px)}
}
@media (hover:hover) and (prefers-reduced-motion:reduce){.band__set img{transition:none}}
/* TAS183: AI surface'in gece zemininde kısa kısa beliren marka logoları (deneme; geri almak için bu blok ve site.js TAS177/TAS183 bloğu silinir).
   U183: orijinal renk, renk filtresi yok, en üst katman. U187: beyaz zemin yok; dosyalar markalar/seffaf/ türevleri (şeffaf zemin, içeriğe kırpılmış).
   Boy site.js'te sabit 120x80. Gece şeridinin 768 üstü boşluğu ask.css TAS183 satırında. Yalnız opacity ve transform oynar. */
.surface-sec{position:relative}
.sfl{position:absolute;inset:0;z-index:1;pointer-events:none}
.sfl img{position:absolute;object-fit:contain;opacity:0;animation:sfl 2.6s ease-in-out forwards}
/* HALE192 (U192 "B"): her logonun arkasında kenarı kaybolan krem ışık halesi; logo rengi, 120x80 kutusu ve yeri aynen, hale logoyla belirip kaybolur.
   Hale img'nin iç boşluğuna çizilir, negatif margin logoyu site.js'in koyduğu yerde tutar. Katman yalnız yanlardan kırpar: üst/alt şeritte
   hale bölüm sınırında kesik çizgi bırakmadan söner (clip desteklemeyen tarayıcıda eski hidden kalır, yatay taşma olmaz). */
.sfl{overflow:hidden;overflow:clip visible}
.sfl img{box-sizing:content-box;padding:32px 56px;margin:-32px -56px;background:radial-gradient(closest-side,var(--c-cream) 36%,color-mix(in srgb,var(--c-cream) 86%,transparent) 50%,color-mix(in srgb,var(--c-cream) 58%,transparent) 64%,color-mix(in srgb,var(--c-cream) 28%,transparent) 78%,color-mix(in srgb,var(--c-cream) 8%,transparent) 90%,transparent)}
@keyframes sfl{0%{opacity:0;transform:scale(.94)}25%,75%{opacity:1;transform:none}100%{opacity:0;transform:scale(.98)}}

/* Yazı, KVKK, blog listesi */
.doc.post,.legal{max-width:820px;padding:var(--sec) 16px}
.doc.post .endcta{margin-top:56px}
.prose p,.prose li{font-size:1.125rem;line-height:1.7}
.prose ul{list-style:disc;padding-inline-start:1.3em;margin-bottom:1em}
.prose h2{margin-top:40px}
.prose a{color:var(--accent);font-weight:700}
.legal h2{margin:40px 0 12px}
.legal h2:first-child{margin-top:0}
.posts{padding-block:var(--sec)}
.posts a{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-top:1px solid var(--line);text-decoration:none}
.posts b{font-size:1.5rem;line-height:1.25;color:var(--dark)}
.posts__d{font-size:.875rem;font-weight:600;color:var(--accent)}

/* İletişim (SmartPrep /iletisim düzeni): solda başlık ve kısa metin, sağda yuvarlak köşeli form yüzeyi */
.cm{padding:24px 0 var(--sec)}
.is-contact .ask__btn{display:none}
.cm__grid{display:grid;gap:32px}
.cm__h{margin:0 0 16px;line-height:1.08;letter-spacing:-.02em}
.cm__aside p{margin:0;font-size:1.0625rem;line-height:1.65;color:var(--c-ink-soft)}
.cm__form{padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-paper);box-shadow:0 1px 2px color-mix(in srgb,var(--c-ink) 5%,transparent)}
.cm__topic{display:flex;align-items:center;gap:12px;padding:6px;padding-inline-start:16px;border-radius:999px;background:var(--c-paper-deep)}
.cm__topic>span{flex:none;font-size:.875rem;font-weight:700;color:var(--c-ink-mute)}
.cm__topic select{flex:1;width:100%;min-width:0;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:var(--c-paper);font-size:.9375rem;font-weight:600;color:var(--dark);cursor:pointer}
.cm__fields{display:grid;gap:4px 24px;margin-top:16px}
.cm__f{display:flex;flex-direction:column;gap:2px;padding-top:12px}
.cm__f label{font-size:.875rem;font-weight:600;color:var(--c-ink-mute)}
.cm__req{color:var(--accent)}
.cm__f{min-width:0}
.cm__f select{width:100%;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--c-ink-mute);border-radius:0;background:transparent;font-size:1rem;color:var(--dark)}
.cm__f select:focus{outline:none;border-bottom-color:var(--dark)}
.cm__f input{width:100%;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--c-ink-mute);border-radius:0;background:transparent;font-size:1rem;color:var(--dark);transition:border-color 160ms ease}
.cm__f input:focus{outline:none;border-bottom-color:var(--dark)}
.cm__f input::placeholder,.cm__body textarea::placeholder{color:var(--c-ink-mute);opacity:1}
.cm__f input[aria-invalid=true]{border-bottom-color:var(--accent)}
.cm__hint{margin:12px 0 0;font-size:.8125rem;color:var(--c-ink-mute)}
.cm__body{margin-top:16px;padding-top:16px;border-top:1px solid var(--c-ink-mute)}
.cm__body textarea{width:100%;min-height:160px;padding:0;border:0;background:transparent;font-size:1rem;line-height:1.6;color:var(--dark);resize:vertical}
.cm__body textarea:focus{outline:none}
.cm__consent{display:flex;gap:10px;align-items:flex-start;min-height:44px;margin:16px 0;font-size:.8125rem;line-height:1.45;color:var(--c-ink-soft);cursor:pointer}
.cm__consent input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--accent)}
.cm__consent a{font-weight:600;color:var(--accent)}
.cm__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--c-line)}
.cm__status{margin:0;font-size:.875rem;font-weight:600;color:var(--dark)}
.cm__status.is-err{color:var(--accent)}
.cm__send{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-inline-start:auto;padding:0 20px;border:0;border-radius:var(--r-md);background:var(--accent);color:var(--c-paper);font-size:.9375rem;font-weight:700;cursor:pointer;transition:background-color 160ms ease,transform 160ms ease}
.cm__send:hover{background:var(--c-brand-deep)}
[dir=rtl] .cm__send svg{transform:scaleX(-1)}
.cm__send:active{transform:scale(.97)}
.cm__fine{margin:16px 0 0;font-size:.75rem;line-height:1.5;color:var(--c-ink-mute)}
.presence{padding:var(--sec) 0;background:var(--c-paper-warm);border-top:1px solid var(--c-line)}
.presence__k{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:var(--dark)}
.presence__row{display:grid;gap:32px}
.presence__cell+.presence__cell{padding-top:32px;border-top:1px solid var(--c-line)}
.presence a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-ink-soft)}
.presence__adr{padding-top:10px;color:var(--c-ink-soft)}
@media (min-width:768px){.presence__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.presence__cell+.presence__cell{padding:0 0 0 48px;border-top:0;border-left:1px solid var(--c-line)}}
@media (min-width:576px){.cm__fields{grid-template-columns:1fr 1fr}}
@media (min-width:992px){.cm{padding:32px 0 var(--sec)}.cm__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:60px;align-items:start}.cm__form{padding:28px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Hizmet sayfası gövdesi (SmartPrep iş modeli sayfası düzeni): bölümler, SSS akordeonu, kapanış bandı, diğer hizmetler */
.prose-s ul{margin:0 0 16px;border-top:1px solid var(--line)}
.prose-s li{position:relative;padding-block:12px;padding-inline:24px 0;border-bottom:1px solid var(--line);color:var(--dark)}
.prose-s li::before{content:"";position:absolute;inset-inline-start:2px;top:1.3em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.prose-s p{margin:0 0 16px}
.faq__item{background:var(--c-paper);border:1px solid var(--c-line);border-radius:12px}
.faq__item summary{position:relative;padding-block:18px;padding-inline:20px 56px;list-style:none;font-weight:700;line-height:1.4;color:var(--dark);cursor:pointer}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;line-height:1;color:var(--accent);transition:transform .2s ease}
.faq__item[open] summary{color:var(--accent)}
.faq__item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq__item p{margin:0;padding:0 20px 20px;font-size:1.0625rem;line-height:1.65}
.others{margin-top:32px;padding:24px 16px 0;background:linear-gradient(var(--c-line),var(--c-line)) center top/calc(100% - 32px) 1px no-repeat}
.others__k{margin:0 0 8px;font-size:1.0625rem;font-weight:700;color:var(--dark)}
.others__l{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.others__l a{font-weight:600;color:var(--dark)}
.others__l a:hover{color:var(--green-text)}
/* 768 altı: çerçeveli bağlantı kutusu yerine yatay kaydırmalı chip şeridi */
@media (max-width:767px){
  .others{margin-top:24px;padding:0 16px;border:0;border-radius:0}
  .others__l{flex-wrap:nowrap;gap:8px;margin:0 -16px;padding:2px 16px 4px;overflow-x:auto;scrollbar-width:none}
  .others__l::-webkit-scrollbar{display:none}
  .others__l a{flex:none;display:inline-flex;align-items:center;min-height:44px;margin-block:-2px;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-paper);font-size:.9375rem;white-space:nowrap;text-decoration:none}
}

/* Marka detay kartı (SmartPrep /markalar/<marka>): modalda ve marka sayfasında aynı kart */
.bc{display:flex;flex-direction:column;align-items:center;text-align:center}
.bc__logo{display:grid;place-items:center;width:100%;aspect-ratio:2.75/1;margin-bottom:32px;padding:24px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-paper-warm)}
.bc__logo img{width:auto;height:100%;max-height:160px;object-fit:contain}
.bc__k{margin:0 0 6px;font-size:.9375rem;font-weight:600;color:var(--accent)}
.bc__name{margin:0 0 6px;font-size:clamp(2rem,1.5rem + 2vw,2.75rem);line-height:1.1}
.bc__cat{margin:0 0 20px;font-size:.875rem;font-weight:600;color:var(--green-text)}
.bc__about{max-width:56ch;margin:0 0 28px;font-size:1.0625rem;line-height:1.6;color:var(--c-ink-soft)}
.bc__do{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px}
.bc__all{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-paper);font-size:1rem;font-weight:600;color:var(--dark);text-decoration:none;cursor:pointer;transition:border-color 160ms ease,transform 160ms ease}
.bc__all:hover{border-color:var(--dark)}
.bc__all:active{transform:scale(.97)}
.bc__faq{width:100%;margin-top:48px;text-align:start}
.bc__faq-h{margin:0 0 16px;font-size:1.375rem;font-weight:700;color:var(--dark)}
.bc__faq .faq__item+.faq__item{margin-top:12px}
.bm{width:calc(100% - 24px);max-width:720px;max-height:92vh;max-height:92dvh;padding:0;border:0;border-radius:var(--r-lg);background:var(--c-paper);color:var(--body);box-shadow:0 22px 60px color-mix(in srgb,var(--c-black) 35%,transparent);overflow:auto}
.bm[open]{animation:bm-in 220ms cubic-bezier(.23,1,.32,1)}
.bm::backdrop{background:color-mix(in srgb,var(--c-night) 60%,transparent);backdrop-filter:blur(4px)}
@keyframes bm-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.bm__x{position:absolute;top:14px;inset-inline-end:14px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--c-paper-deep);font-size:22px;line-height:1;color:var(--dark);cursor:pointer}
.bm__x:hover{background:var(--c-line)}
html.bm-lock{overflow:hidden}
.bm__in{padding:56px 24px 32px}
@media (min-width:768px){.bm__in{padding:64px 56px 48px}}
/* 768 altı: ortada kutu yerine alttan açılan tam genişlik sayfa */
@media (max-width:767px){
  .bm{width:100%;max-width:none;max-height:88vh;max-height:88dvh;margin:auto 0 0;border-radius:20px 20px 0 0}
  .bm[open]{animation:bm-sheet 300ms cubic-bezier(.32,.72,0,1)}
  .bm__in{padding:56px 20px calc(28px + env(safe-area-inset-bottom))}
  .bc__logo{margin-bottom:20px}
}
@keyframes bm-sheet{from{transform:translateY(100%)}to{transform:none}}
.brandpage{padding:48px 0 var(--sec)}
.brandpage .wrap{max-width:760px}
.brandpage__back{display:inline-flex;margin-bottom:24px;font-size:.9375rem;font-weight:600;color:var(--green-text);text-decoration:none}
.brandpage__back::before{content:var(--back);margin-inline-end:8px}
.others--page{margin:0 auto 48px}

/* Markalarımız: ghost kitchen ayrı alan (U135). Koyu bant; solda açık pano üstünde çizim (adimlar.svg#ghost, figür renkleri akıştakiyle aynı), sağda metin, maddeler ve hizmet bağlantısı. */
.ghost{padding:var(--sec) 0;background:var(--c-night);color:color-mix(in srgb,var(--c-paper) 76%,transparent)}
.ghost__in{display:grid;gap:24px}
.ghost__art{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:4/3;padding:14px;border-radius:var(--r-lg);background:var(--c-paper-warm);color:var(--c-ink-mute);fill:var(--accent);stroke:var(--dark)}
.ghost h2{margin:0 0 12px;color:var(--c-paper)}
.ghost__txt>p{max-width:60ch;margin:0 0 20px;font-size:1.0625rem;line-height:1.65}
.ghost__pts{max-width:60ch;margin:0 0 28px;border-top:1px solid var(--line-d)}
.ghost__pts li{padding:12px 0;border-bottom:1px solid var(--line-d);font-weight:600;color:var(--c-paper)}
@media (min-width:992px){.ghost__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}.ghost__art{max-width:none}}

/* Akordeon ve SSS (hizmet, nasıl çalışıyoruz) */
.acc{border-top:1px solid var(--c-line)}
.acc__i{border-bottom:1px solid var(--c-line)}
.acc__i summary{position:relative;display:flex;align-items:center;min-height:56px;padding-block:12px;padding-inline:0 48px;list-style:none;font-size:1.125rem;font-weight:700;color:var(--dark);cursor:pointer;transition:color 160ms ease}
.acc__i summary::-webkit-details-marker{display:none}
.acc__i summary::after{content:"";position:absolute;inset-inline-end:8px;top:50%;width:10px;height:10px;border:solid var(--c-ink-mute);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.acc__i[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
@media (hover:hover){.acc__i summary:hover{color:var(--accent)}}
.acc__b{max-width:60ch;padding:0 0 20px;font-size:1rem;line-height:1.65;color:var(--c-ink-soft)}
.acc__b ul{margin:0}
.prose-s li{padding-block:8px;padding-inline:22px 0;font-size:1rem}
.prose-s li::before{top:1.05em}
.acc__b p:last-child{margin-bottom:0}
.sd__faq{display:flex;flex-direction:column;gap:10px}
.sd__faq .faq__item summary{padding-block:16px;padding-inline:18px 52px;font-size:1rem}
.sd__faq .faq__item p{padding:0 18px 18px;font-size:1rem}

/* Ortak: küçük üst etiket ve sayfa giriş paragrafı */
.intro-lead{max-width:760px;margin:0 auto;padding-top:8px;padding-bottom:8px;font-size:1.125rem;line-height:1.65;color:var(--c-ink-soft);text-align:center}
@media (max-width:767px){.intro-lead{text-align:start}}

/* Hizmet detayı: kısa tanım */

/* Nasıl çalışıyoruz: numarasız dikey akış, her adımda elinize geçen */
.princ{padding:var(--sec) 0;background:var(--c-paper-warm);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.princ__h{margin:0 0 24px}
/* İlkeler (U112): birbirinin aynı kutu ızgarası yerine koyu üst çizgili tipografik bloklar */
.princ__grid{display:grid;column-gap:48px}
.princ__grid li{padding:20px 0 24px;border-top:2px solid var(--dark)}
.princ__grid h3{margin:0 0 8px;font-size:1.25rem;letter-spacing:-.01em}
.princ__grid p{margin:0;font-size:1rem;line-height:1.6;color:var(--c-ink-soft)}
.sdfaq{padding:var(--sec) 0 0}

@media (min-width:992px){.sdfaq .sd__faq{display:grid;grid-template-columns:1fr 1fr;align-items:start}}
@media (min-width:768px){.princ__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.princ__grid h3{font-size:1.5rem}}
/* 768 altı: ilkeler alt alta kart yığını değil, yatay kaydırmalı kartlar (sonraki kartın ucu görünür) */
@media (max-width:767px){
  .princ__grid{display:flex;gap:20px;margin:0 -16px;padding:0 16px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}
  .princ__grid::-webkit-scrollbar{display:none}
  .princ__grid li{flex:0 0 78%;scroll-snap-align:start}
}

/* Adım akışı (U134, Step-by-Step Illustration): her adımda adimlar.svg'den çizim, numara, başlık, kısa metin.
   Yatay: çizimler aynı zemin çizgisinde durur (viewBox'ta y=80 → --ah'nin %88,9'u), adımlar arasında ok.
   Nasıl çalışıyoruz ve ana sayfa 768 altında dikey: çizim solda, altından sonraki adıma inen çizgi ve ok.
   Hizmet detayı 992 altında yatay kaydırmalı şerit (yükseklik sınırı, HANDOFF §3). Figür gövdesi gri (color), koyu çizgi (stroke), vurgu bordo (fill); sprite üçünü devralır. */
.fd{--aw:80px;--ah:60px;--g:20px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--g);margin:8px 0 0;padding:0}
.fd__n{position:relative}
.fd__art{display:block;width:var(--aw);height:var(--ah);margin-bottom:10px;color:var(--c-ink-mute);fill:var(--accent);stroke:var(--dark)}
.fd__n::before{content:"";position:absolute;inset-inline-start:0;inset-inline-end:calc(var(--g) * -1);top:calc(var(--ah) * .889);height:1px;background:var(--dark)}
.fd__n:last-child::before{inset-inline-end:0}
.fd__n:not(:last-child)::after{content:"";position:absolute;inset-inline-end:calc(var(--g) / -2 - 3.5px);top:calc(var(--ah) * .889 - 3.5px);width:7px;height:7px;border:solid var(--dark);border-width:1px 1px 0 0;transform:scaleX(var(--dir)) rotate(45deg)}
.fd__t{margin:0;font-size:1rem;font-weight:700;line-height:1.35;color:var(--dark)}
.fd__no{margin-inline-end:.4em;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.fd__x{margin:6px 0 0;font-size:.875rem;line-height:1.5;color:var(--c-ink-soft)}
.fd--big{--aw:120px;--ah:90px;--g:28px}
.fd--big .fd__art,.fd--home .fd__art{margin-bottom:14px}
.fd--big .fd__t{font-size:1.125rem}
.fd--home{--aw:96px;--ah:72px}
.fd--home .fd__x{font-size:.9375rem}
@media (max-width:767px){
  .fd--big,.fd--home{grid-auto-flow:row;gap:28px}
  :is(.fd--big,.fd--home) .fd__n{display:grid;grid-template-columns:var(--aw) minmax(0,1fr);column-gap:16px;align-content:start}
  :is(.fd--big,.fd--home) .fd__art{grid-row:1/span 2;margin:0}
  :is(.fd--big,.fd--home) :is(.fd__t,.fd__x){grid-column:2}
  .fd--big .fd__t{grid-row:1/span 2;align-self:center}
  :is(.fd--big,.fd--home) .fd__n::before{inset-inline-start:calc(var(--aw) / 2);inset-inline-end:auto;top:calc(var(--ah) + 6px);bottom:-22px;width:1px;height:auto}
  :is(.fd--big,.fd--home) .fd__n:last-child::before{display:none}
  :is(.fd--big,.fd--home) .fd__n:not(:last-child)::after{inset-inline-start:calc(var(--aw) / 2 - 3.5px);inset-inline-end:auto;top:auto;bottom:-22px;border-width:0 1px 1px 0}
}
@media (min-width:768px){
  .fd--big .fd__t{font-size:1.25rem}
  .fd--home{--aw:128px;--ah:96px;--g:28px}
  .fd--home .fd__t{font-size:1.125rem}
}
@media (min-width:1200px){
  .fd--big{--aw:200px;--ah:150px;--g:32px}
  .fd--big .fd__t{font-size:1.375rem}
  .fd--home{--aw:160px;--ah:120px;--g:32px}
  .fd--home .fd__t{font-size:1.25rem}
  .fd--home .fd__x{font-size:1rem}
}

/* VAKA241: Örnek vaka yaklaşımı (U243): künye şeridi, sütunlu çözüm, teslim listesi, iki sütunlu kazanımlar. Her şey açık; telefonda sıkı ritim. */
section.vk-sec{padding:28px 0}
.vk-sec .sec-h{margin-bottom:10px;text-wrap:balance}
.vk-kunye{display:grid;margin:8px 0 0;border-top:2px solid var(--dark);border-bottom:1px solid var(--c-line)}
.vk-kunye>div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--c-line)}
.vk-kunye>div:last-child{border-bottom:0}
.vk-kunye dt{margin:0;font-size:.8125rem;font-weight:700;line-height:1.6;color:var(--c-ink-mute)}
.vk-kunye dd{margin:0;font-size:.9375rem;line-height:1.5;color:var(--dark)}
.vk-kunye a{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px;color:var(--dark);font-weight:600;text-underline-offset:3px}
.vk-lead{max-width:62ch;margin:0 0 14px;line-height:1.55;color:var(--c-ink-soft)}
.vk-list{border-top:1px solid var(--c-line)}
.vk-list li{padding:7px 0;border-bottom:1px solid var(--c-line);font-size:.9375rem;line-height:1.5;color:var(--c-ink-soft)}
.vk-hz{margin-top:4px}
.vk-hz li{border-top:1px solid var(--c-line)}
.vk-hz a{display:flex;align-items:center;min-height:44px;padding:6px 0;font-size:.875rem;font-weight:600;line-height:1.35;color:var(--dark);text-underline-offset:3px}
.vk-odak__l{counter-reset:q;max-width:62rem}
.vk-odak__l li{counter-increment:q;display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--c-line);font-family:Georgia,'Times New Roman',serif;font-size:1.0625rem;line-height:1.45;color:var(--dark);text-wrap:pretty}
.vk-odak__l li::before{content:counter(q);font-family:var(--f);font-size:.9375rem;font-weight:800;line-height:1.65;color:var(--accent);font-variant-numeric:tabular-nums}
.vk-dl>div{max-width:62ch;padding:8px 0;border-top:1px solid var(--c-line)}
.vk-dl>div:last-child{border-bottom:1px solid var(--c-line)}
.vk-dl dt{display:inline;margin:0 .35em 0 0;font-weight:700;color:var(--dark)}
.vk-dl dd{display:inline;margin:0;font-size:.9375rem;line-height:1.5;color:var(--c-ink-soft)}
.vk-cozum,.vk-kaz{background:var(--c-paper-warm);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.vk-cols{display:grid;gap:24px}
.vk-col{padding-top:14px;border-top:2px solid var(--dark)}
.vk-col h3,.vk-kaz__g h3{margin:0 0 8px;font-size:1.125rem;text-wrap:balance}
.vk-teslim__l{counter-reset:t;border-top:1px solid var(--c-line)}
.vk-teslim__l li{counter-increment:t;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:6px;padding:6px 0;border-bottom:1px solid var(--c-line);font-size:.9375rem;line-height:1.45;color:var(--dark)}
.vk-teslim__l li::before{content:counter(t,decimal-leading-zero);font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.vk-kaz__g{display:grid;gap:20px}
.vk-son p{max-width:60ch;margin:0 0 12px;line-height:1.6;color:var(--c-ink-soft)}
.vk-son p:first-of-type{font-family:Georgia,'Times New Roman',serif;font-size:1.1875rem;line-height:1.45;color:var(--dark);text-wrap:balance}
.vk-son p:last-of-type{margin:0;font-weight:600;color:var(--dark)}
@media (min-width:768px){
  .vk-kunye{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .vk-kunye>div:nth-last-child(-n+2){grid-column:1/-1}
  .vk-hzs .vk-hz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .vk-cols,.vk-kaz__g{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:40px}
  .vk-teslim__l{columns:2;column-gap:40px;border-top:0}
  .vk-teslim__l li{break-inside:avoid;border-top:1px solid var(--c-line);border-bottom:0}
  .vk-col h3,.vk-kaz__g h3{font-size:1.25rem}
  .vk-son p{font-size:1.125rem}
  .vk-son p:first-of-type{font-size:1.375rem}
}
@media (min-width:992px){section.vk-sec{padding:var(--sec) 0}.vk-sec .howst__in>.sec-h{position:static}.vk-odak__l li{padding:14px 0;font-size:1.375rem}.vk-list li{padding:11px 0;font-size:1rem}}

/* Nasıl çalışıyoruz (Culinary Edge): üstte büyük akış şeması; altında bir adım açık akordeon */
.howf{padding:24px 0 40px;border-bottom:1px solid var(--c-line)}
.howst{padding:var(--sec) 0}
.howst__in{display:grid;gap:24px}
.howst__i{border-top:1px solid var(--c-line)}
.howst__i:last-child{border-bottom:1px solid var(--c-line)}
.howst__i summary{position:relative;display:flex;align-items:center;gap:14px;min-height:60px;padding-block:12px;padding-inline:0 40px;list-style:none;font-size:1.25rem;font-weight:700;color:var(--dark);cursor:pointer}
.howst__i summary::-webkit-details-marker{display:none}
.howst__i summary::after{content:"+";position:absolute;inset-inline-end:8px;font-size:1.5rem;font-weight:400;color:var(--accent)}
.howst__i[open] summary::after{content:"\2212"}
.howst__b{padding:0 0 24px}
.howst__b p{max-width:62ch;margin:0;color:var(--c-ink-soft)}
.howst__get{margin:16px 0 4px!important;font-weight:700;color:var(--dark)!important}
.howst__list{max-width:62ch;border-top:1px solid var(--c-line)}
.howst__list li{padding:10px 0;border-bottom:1px solid var(--c-line);font-size:.9375rem;line-height:1.5;color:var(--dark)}
@media (min-width:992px){.howst__in{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}.howst__in>.sec-h{position:sticky;top:110px}}
.drow__body p,.drow__body ul,.intro-lead,.acc__b{max-width:68ch}

/* ===== U114 detay sayfaları: tipografi ve fotoğrafla kurulu kurumsal düzen (R1/R2/R3). İkon ve numara yok. ===== */

/* Fotoğraf alanı: gerçek kare ya da önizlemede (site_url boş) çerçeveli yer tutucu; yayında boş alan basılmaz (_ui.foto) */
.foto{position:relative;margin:0;overflow:hidden;border-radius:var(--r-lg);background:var(--c-paper-deep)}
.foto img{display:block;width:100%;height:100%;object-fit:cover}
.foto--genis{aspect-ratio:16/9}
.foto--yatay{aspect-ratio:4/3}
@media (min-width:768px){.foto--genis{aspect-ratio:3/1}}
.foto--bos{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px;border:1px dashed var(--c-ink-faint);background:var(--c-paper-warm)}
.foto__k{font-size:.8125rem;font-weight:700;color:var(--c-ink-mute)}
.foto__t{max-width:46ch;font-size:.9375rem;line-height:1.45;color:var(--c-ink-soft)}
/* İki ya da üç kare: mobilde yatay kaydırmalı şerit, 768 üstünde ızgara. Boşken yer kaplamaz. */
.fotos{display:flex;gap:12px;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}
.fotos::-webkit-scrollbar{display:none}
.fotos:has(.foto){margin-block:32px}
.fotos>.foto{flex:0 0 82%;scroll-snap-align:start}
@media (min-width:768px){
  .fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-inline:auto;overflow:visible}
  .fotos--uc{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fotos:has(.foto){margin-block:48px}
}

/* Hizmet detayı, kısa düzen (U114 düzeltme; karne #11/#19 ölçütü 1280'de ≤2690, 390'da ≤3304).
   Masaüstü: solda özet, durumlar, süreç, tek akordeon; sağda süre, eylemler, elinize geçenler, foto.
   Mobil: .sv-side display:contents, öğeler order ile akışa girer; süreç yatay kaydırmalı çizgi. */
.sv{padding-top:20px}
.sv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sv-lead{order:1;max-width:40ch;margin:0;font-size:1.1875rem;font-weight:500;line-height:1.5;color:var(--dark)}
.sv-side{display:contents}
.sv-facts{order:2}
.sv-do{order:3}
.sv-sec--when{order:4}
.sv-sec--flow{order:6}
.sv-gets{order:7}
.sv-foto{order:8}
.sv-sec--acc{order:9}
.sv-h{margin:0 0 12px;line-height:1.25;letter-spacing:-.01em}
.sv-facts{display:grid;gap:14px;margin:0}
.sv-facts>div{min-width:0;padding-top:12px;border-top:1px solid var(--c-line)}
.sv-facts dt{margin-bottom:8px;font-size:.875rem;font-weight:700;color:var(--c-ink-mute)}
.sv-facts dd{margin:0}
.sv-facts__txt p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--c-ink-soft)}
.sv-do{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sv-do__cta,.sv-do__ask{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border-radius:var(--r-md);font-size:.9375rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}
.sv-do__cta{background:var(--accent);color:var(--c-paper)}
.sv-do__cta:hover{background:var(--c-brand-deep)}
.sv-do__ask{border:1px solid var(--c-line);background:var(--c-paper);color:var(--dark)}
.sv-do__ask:hover{border-color:var(--dark)}
.sv-do__cta:active,.sv-do__ask:active{transform:scale(.97)}
.sv-when{border-top:2px solid var(--dark)}
.sv-when li{padding:10px 0;border-bottom:1px solid var(--c-line);font-size:1rem;font-weight:500;line-height:1.45;color:var(--dark)}
.sv-gets__list{border-top:2px solid var(--dark)}
.sv-gets__list li{padding:9px 0;border-bottom:1px solid var(--c-line);font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--dark)}
.sv-faq{margin:0}
.sv-faq>div+div{margin-top:14px}
.sv-faq dt{font-weight:700;color:var(--dark)}
.sv-faq dd{margin:4px 0 0}
@media (max-width:767px){.sv-foto.foto--yatay{aspect-ratio:16/9}}
/* Süreç, 992 altı: yatay kaydırmalı çizimli şerit; sonraki adımın ucu görünür (dikey liste yükseklik sınırını aşar) */
@media (max-width:991px){
  .sv .fd{--aw:80px;--ah:60px;display:flex;margin:8px -16px 0;padding:0 16px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}
  .sv .fd::-webkit-scrollbar{display:none}
  .sv .fd__n{flex:0 0 72%;scroll-snap-align:start}
  .sv .fd__art{margin-bottom:8px}
}
/* DETAY234: şeridin kaydırıldığı belli olsun: sonraki adım kesik değil, kenarda sönerek görünür; sona gelince söner. */
@property --sv-son{syntax:"<length>";inherits:false;initial-value:56px}
@keyframes sv-son{85%{--sv-son:56px}to{--sv-son:0px}}
@media (max-width:991px){
  .sv .fd{mask-image:linear-gradient(to left,transparent,#000 var(--sv-son));animation:sv-son linear both;animation-timeline:scroll(self inline)}
  .sv .fd:dir(rtl){mask-image:linear-gradient(to right,transparent,#000 var(--sv-son))}
}
/* DETAY234: görünür izde yalnız "Hizmetlerimiz" geri bağlantısı; sayfa adı H1'de zaten var (JSON-LD izi tam kalır) */
.is-service .ph__crumbs>:not(a){display:none}
/* DETAY234: hizmet adları Word başlığı (en uzunu 120 harf); başlık dar orta sütunda 6 satıra inmesin, dengeli satırlarla kırılsın */
.is-service .ph__h{text-wrap:balance}
@media (min-width:1024px){.is-service .ph__h{grid-column:1/-1;justify-self:center;max-width:30ch}}
/* DETAY234: tek sütunda (992 altı) sayfanın kendi "Asistana sorun" düğmesi görünürken sabit sohbet düğmesi aşağı çekilir (ask.css) */
.is-service{timeline-scope:--sv-do}
.sv-do{view-timeline:--sv-do}
@media (min-width:992px){
  .sv{padding-top:32px}
  .sv-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:56px;row-gap:36px;align-items:start}
  .sv-grid>*:not(.sv-side){grid-column:1}
  .sv-side{grid-column:2;grid-row:1/span 6;display:flex;flex-direction:column;gap:24px;padding-inline-start:32px;border-inline-start:1px solid var(--c-line)}
  .sv-lead{font-size:1.5rem;line-height:1.4}
  .sv-side .sv-h{font-size:1.125rem}
  .sv-when li{font-size:1.125rem}
}

/* HIZ234 Hizmetlerimiz (U234): solda (1024 altında üstte) 5 kategori sekmesi, yanında (altında) seçilenin hizmet satırları.
   Sekmeler yalnız JS ile; JS yoksa bütün kategoriler ve hizmetleri alt alta açık. Çapayla gelişte bölüm üst çubuğun altında kalmaz. */
.hk{padding:24px 0 var(--sec)}
.hk__tabs{display:none}
.js .hk__tabs{display:flex;flex-direction:column;margin-bottom:32px;border-top:2px solid var(--dark)}
.hk__tabs button{position:relative;min-height:52px;padding-block:12px;padding-inline:0 36px;border:0;border-bottom:1px solid var(--c-line);background:none;font-size:1.0625rem;font-weight:700;line-height:1.3;text-align:start;color:var(--c-ink-mute);cursor:pointer;transition:color 160ms ease}
.hk__tabs button[aria-selected=true]{color:var(--dark)}
.hk__tabs button[aria-selected=true]::after{content:var(--fwd);position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);color:var(--accent)}
@media (hover:hover){.hk__tabs button:hover{color:var(--dark)}}
.hk__p[hidden]{display:none}
.hk__p+.hk__p{margin-top:40px;padding-top:32px;border-top:1px solid var(--c-line)}
.js .hk__p+.hk__p{margin-top:0;padding-top:0;border-top:0}
.hk__h{margin:0 0 8px;line-height:1.25}
.hk__lead{max-width:60ch;margin:0 0 20px;color:var(--c-ink-soft)}
.hk__list{border-top:1px solid var(--c-line)}
.hk__list li{border-bottom:1px solid var(--c-line)}
.hk__list a{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:2px 16px;align-items:center;min-height:44px;padding:14px 0;color:var(--c-ink-soft);text-decoration:none}
.hk__list b{grid-column:1;font-size:1.0625rem;color:var(--dark);transition:color 160ms ease}
.hk__list span{grid-column:1;font-size:.9375rem;line-height:1.5}
.hk__list i{grid-column:2;grid-row:1/span 2;font-style:normal;font-weight:700;color:var(--accent);transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.hk__list i::before{content:var(--fwd)}
@media (hover:hover){.hk__list a:hover b{color:var(--accent)}.hk__list a:hover i{transform:translateX(calc(4px * var(--dir)))}}
@media (min-width:1024px){
  .hk__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
  .js .hk__tabs{position:sticky;top:110px;margin-bottom:0}
  .hk__tabs button{min-height:64px;padding-block:14px;font-size:1.25rem}
}

/* BIZ: Manifesto (U151). efenbi'nin küçük başlık + paragraf listesinden farkı: amaç cümlesi en üstte,
   ilkeler koyu üst çizgiyle açılan sıra numaralı satırlar (ilke satırı: BIZ164).
   U170: amaç cümlesi sistem serif yığınıyla ayrışır (yeni font dosyası yok; serif her yazı sisteminde sistem fontuna düşer). Banner alıntısı: ALINTI198. */
.mf__amac{max-width:36ch;margin:8px 0 40px;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;font-weight:400;line-height:1.4;color:var(--dark);text-wrap:balance}
.mf__list{counter-reset:mf;border-top:2px solid var(--dark)}
@media (min-width:768px){.mf__amac{font-size:1.5rem}}
@media (min-width:992px){.mf__amac{margin:24px 0 64px;font-size:1.75rem}}
@media (min-width:1200px){.mf__amac{font-size:2rem}}
/* BIZ164: Manifesto ilkesi üç katman (U165): etiket (numara · ad) < soru < açıklama < başlık. Soru alıntı gibi sol çizgili.
   992 üstünde etiket üstte; başlık solda, açıklama ve altında soru sağda. */
.mf__i{counter-increment:mf;padding-block:24px;border-bottom:1px solid var(--line)}
.mf__e{margin:0 0 10px;font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--accent)}
.mf__e::before{content:counter(mf,decimal-leading-zero) " · ";font-variant-numeric:tabular-nums}
.mf__h{margin:0 0 10px;font-size:1.375rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}
.mf__p{max-width:56ch;margin:0;font-size:1rem;line-height:1.6;color:var(--c-ink-soft)}
.mf__s{max-width:56ch;margin:16px 0 0;padding-inline-start:12px;border-inline-start:2px solid var(--accent);font-size:.875rem;font-weight:600;line-height:1.45;color:var(--dark)}
@media (min-width:768px){.mf__h{font-size:1.75rem}}
@media (min-width:992px){
  .mf__i{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:auto auto 1fr;grid-template-areas:"e e" "h p" "h s";column-gap:32px;padding-block:36px}
  .mf__e{grid-area:e;margin-bottom:12px;font-size:1.125rem}
  .mf__h{grid-area:h;margin:0;font-size:2rem}
  .mf__p{grid-area:p}
  .mf__s{grid-area:s;align-self:start}
}
@media (min-width:1200px){.mf__h{font-size:2.25rem}}
/* Ekip (U204): kolektif üye ızgarası, gruplama yok, her kart eşit. Sütun sayısı sabit (2/3/4) ki 1 üye de kart boyunda kalsın;
   telefonda 2 sütun dikey akış: kaydırmalı şerit 40 üyenin çoğunu gizlerdi, ızgarada hepsi göz gezdirilerek bulunur. */
.ek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
.ek__foto{aspect-ratio:4/5}
.ek__ad{margin:10px 0 2px;font-size:1rem;font-weight:700;line-height:1.3;color:var(--dark)}
.ek__uz{margin:0;font-size:.8125rem;font-weight:700;line-height:1.35;color:var(--accent)}
@media (min-width:768px){.ek{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.ek__ad{font-size:1.125rem}.ek__uz{font-size:.875rem}}
@media (min-width:992px){.ek{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* REF209/U212: Referanslarımız logo duvarı. Beyaz zemin, hücreler arası 1 px çizgi; son satırın boş hücreleri çizgisiz.
   Logo hücre genişliğini doldurur (her dosya aynı 960x640 tuvalde, optik boy dosyada eşitlendi), altında adı marka adı gibi kalın (U219).
   Telefonda 2 sütun: logo ~147 px genişlik + 2 satırı geçmeyen ad; tek sütun 44 satırlık uzun bir şerit olurdu.
   Masaüstünde en çok 4 sütun (U212 "daha büyüt"): 5 sütunda logo 180 px'te kalıyordu. */
.refs{padding-block:var(--sec)}
.refs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line)}
.refs li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 20px;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);background:var(--white)}
.refs img{width:100%;height:auto}
.refs span{font-family:var(--f);font-size:.875rem;font-weight:700;line-height:1.25;text-align:center;color:var(--dark);text-wrap:balance}
@media (min-width:576px){.refs ul{grid-template-columns:repeat(3,minmax(0,1fr))}.refs span{font-size:.9375rem}}
@media (min-width:992px){.refs ul{grid-template-columns:repeat(4,minmax(0,1fr))}.refs li{padding:20px 20px 24px}.refs span{font-size:1.0625rem}}