body{margin:0;background:#fff}
a{color:inherit}a:hover{opacity:.7}
.kp{font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.25;font-feature-settings:"liga","ss02","ss03","ss04","ss06";background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
.kp ::selection{background:var(--f10)}
.kp h1,.kp h2,.kp h3,.kp h4,.kp p,.kp ul,.kp ol{margin:0;font-weight:500}
.kp a{text-decoration:none}
.wrap{padding-left:40px;padding-right:40px;box-sizing:border-box}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.c-side{grid-column:1 / span 4}
.c-main{grid-column:5 / span 8;min-width:0}
.c-full{grid-column:1 / -1;min-width:0}
.display{font-size:clamp(36px,5.14vw,74px);line-height:.975;letter-spacing:-.02em;margin-left:-.07em !important}
.h2{font-size:clamp(22px,1.81vw,26px);line-height:1.16;letter-spacing:-.01em}
.title{font-size:26px;line-height:1}
.cap{font-size:13px;line-height:1.25}
.f50{color:var(--f50)}
.ul{text-decoration:underline !important;text-decoration-color:var(--f25) !important;text-decoration-thickness:2px !important;text-underline-offset:.14em}
.sec{padding-top:220px}
.hdr{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px}
.hdr-r{display:flex;align-items:center;gap:16px}
.ph{background:var(--f5);position:relative;display:flex;align-items:flex-end;padding:16px;box-sizing:border-box;color:var(--f50);font-size:13px;line-height:1.25;width:100%}
.ph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--f5) 1px,transparent 1px),linear-gradient(90deg,var(--f5) 1px,transparent 1px);background-size:40px 40px}
.ph span{position:relative}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:56px}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:56px}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:32px}
.rule{border-top:1px solid var(--f15)}
.stack{display:flex;flex-direction:column;gap:10px}
.prose{display:flex;flex-direction:column;gap:20px;max-width:40em}
.big{font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.02em}
.toc a{display:flex;gap:20px;padding:12px 0;border-top:1px solid var(--f15)}
.toc a span:first-child{width:28px;color:var(--f50)}
.row3{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:20px;padding:16px 0;border-top:1px solid var(--f15)}
.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:24px;background:var(--f5);color:var(--f50);font-size:13px}
.next{display:block;padding:80px 0 0;text-align:right}
.shot{display:block;width:100%;height:auto;background-color:var(--f5)}
.findings{list-style:none;padding:0;margin:0;counter-reset:f}
.findings li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px;padding:16px 0;border-top:1px solid var(--f15)}
.findings li span:first-child{color:var(--f50)}
details.more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;min-height:44px;color:var(--fg)}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:" +";color:var(--f50);margin-left:6px}
details.more[open] summary::after{content:" −"}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:32px}
.steps>div{border-top:2px solid var(--fg);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.persona{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--f15);padding-top:20px}
@media (max-width:1020px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1280px){.c-side{grid-column:1 / span 2}.c-main{grid-column:3 / span 10}.display{font-size:6.35vw}}
@media (max-width:1020px){.wrap{padding-left:20px;padding-right:20px}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.c-side,.c-main{grid-column:1 / -1}.c-side{margin-bottom:24px}.display{font-size:clamp(36px,7.77vw,80px)}.h2{font-size:clamp(22px,2.74vw,26px)}.title{font-size:22px;line-height:24px}.sec{padding-top:160px}.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.two,.three{grid-template-columns:minmax(0,1fr)}.sec{padding-top:120px}.row3{grid-template-columns:minmax(0,1fr);row-gap:6px}}
@media (max-width:500px){.wrap{padding-left:16px;padding-right:16px}.grid{column-gap:16px}.display{font-size:clamp(32px,7.5vw,40px);line-height:1}.h2{font-size:22px}.big{font-size:40px}.hide-s{display:none}}
.kp{transition:background-color .3s,color .3s}
.navtxt,.nav a,.tab{font-family:"Inter Tight",system-ui,sans-serif;font-size:16px;line-height:1.25;font-weight:500;letter-spacing:0}
.aside{position:fixed;left:28px;bottom:28px;z-index:100}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{width:48px;height:48px;border-radius:24px;background-color:var(--f5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;padding:0;margin:0;color:var(--fg);cursor:pointer;box-sizing:border-box}
.opt:hover{background-color:var(--f15)}
.opt:active{background-color:var(--f20)}
.opt.grid-btn{display:flex;align-items:center;justify-content:center}
.opt.grid-btn.on{background-color:var(--f20)}
.opt.theme{position:relative;transition:height .3s .62s}
.opt.theme .icon-c{display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:absolute;left:0;bottom:0;transition:bottom .5s ease-in-out;pointer-events:none}
.opt.theme .slider-c{width:48px;height:48px;border-radius:24px;transform:rotate(-90deg);transform-origin:left top;position:absolute;left:0;bottom:-48px;pointer-events:none;transition:width .3s .62s}
.opt.theme .dots{position:absolute;inset:0 auto auto 0;width:100%;padding:22px;box-sizing:border-box;display:flex;justify-content:space-between;pointer-events:none}
.opt.theme .dot{display:block;width:4px;height:4px;border-radius:2px;background-color:var(--f25);transform:translateX(-16px);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}
.opt.theme .dot:nth-child(4n+1){background-color:var(--fg)}
.opt.theme .slider{-webkit-appearance:none;appearance:none;width:100%;height:48px;margin:0;padding:0;outline:none;position:absolute;left:0;top:0;background:transparent;cursor:pointer}
.opt.theme .slider::-webkit-slider-runnable-track{background:transparent;height:48px}
.opt.theme .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-shadow:none;background:transparent;width:48px;height:48px;border-radius:24px;border:0;cursor:pointer}
.opt.theme .slider::-moz-range-track{background:transparent}
.opt.theme .slider::-moz-range-thumb{background:transparent;width:48px;height:48px;border:0;border-radius:24px}
.opt.theme .slider:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:24px}
.opt.theme.open{height:328px;transition:height .3s}
.opt.theme.open .icon-c{transition:bottom .3s ease !important;transition-delay:0s !important}
.opt.theme.open .slider-c{width:328px;transition:width .3s;pointer-events:auto}
.opt.theme.open .dot{transform:none;opacity:1;transition:transform .3s,opacity .3s}
.opt.theme .dot:nth-child(1){transition-delay:.32s}.opt.theme .dot:nth-child(2){transition-delay:.3s}.opt.theme .dot:nth-child(3){transition-delay:.28s}.opt.theme .dot:nth-child(4){transition-delay:.26s}.opt.theme .dot:nth-child(5){transition-delay:.24s}.opt.theme .dot:nth-child(6){transition-delay:.22s}.opt.theme .dot:nth-child(7){transition-delay:.2s}.opt.theme .dot:nth-child(8){transition-delay:.18s}.opt.theme .dot:nth-child(9){transition-delay:.16s}.opt.theme .dot:nth-child(10){transition-delay:.14s}.opt.theme .dot:nth-child(11){transition-delay:.12s}.opt.theme .dot:nth-child(12){transition-delay:.1s}.opt.theme .dot:nth-child(13){transition-delay:.08s}.opt.theme .dot:nth-child(14){transition-delay:.06s}.opt.theme .dot:nth-child(15){transition-delay:.04s}.opt.theme .dot:nth-child(16){transition-delay:.02s}.opt.theme .dot:nth-child(17){transition-delay:0s}
.opt.theme.open .dot:nth-child(1){transition-delay:0s}.opt.theme.open .dot:nth-child(2){transition-delay:.02s}.opt.theme.open .dot:nth-child(3){transition-delay:.04s}.opt.theme.open .dot:nth-child(4){transition-delay:.06s}.opt.theme.open .dot:nth-child(5){transition-delay:.08s}.opt.theme.open .dot:nth-child(6){transition-delay:.1s}.opt.theme.open .dot:nth-child(7){transition-delay:.12s}.opt.theme.open .dot:nth-child(8){transition-delay:.14s}.opt.theme.open .dot:nth-child(9){transition-delay:.16s}.opt.theme.open .dot:nth-child(10){transition-delay:.18s}.opt.theme.open .dot:nth-child(11){transition-delay:.2s}.opt.theme.open .dot:nth-child(12){transition-delay:.22s}.opt.theme.open .dot:nth-child(13){transition-delay:.24s}.opt.theme.open .dot:nth-child(14){transition-delay:.26s}.opt.theme.open .dot:nth-child(15){transition-delay:.28s}.opt.theme.open .dot:nth-child(16){transition-delay:.3s}.opt.theme.open .dot:nth-child(17){transition-delay:.32s}
.gov{position:fixed;inset:0;z-index:101;pointer-events:none;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.gov div{background-color:var(--f5);border-left:1px solid var(--f15);border-right:1px solid var(--f15)}
@media (prefers-reduced-motion:reduce){.kp,.opt.theme,.opt.theme *{transition:none !important}}
@media (max-width:1020px){.aside{left:8px;bottom:8px}.gov{padding:0 20px;grid-template-columns:repeat(6,minmax(0,1fr))}.gov div:nth-child(n+7){display:none}}
@media (max-width:760px){.gov{grid-template-columns:repeat(3,minmax(0,1fr))}.gov div:nth-child(n+4){display:none}}
@media (max-width:500px){.aside{left:4px;bottom:4px}.gov{padding:0 16px;column-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.gov div:nth-child(n+3){display:none}}
.slab{font-size:clamp(22px,1.81vw,26px);line-height:1.16;letter-spacing:-.01em;color:var(--fg)}
@media (max-width:1020px){.slab{font-size:22px}}
.opt.lang{position:relative;overflow:hidden;width:48px;height:48px;transition:height .3s .62s,background-color .2s}
.opt.lang.open{height:100px;transition:height .3s,background-color .2s}
.lang-row{position:absolute;left:0;bottom:0;width:48px;display:flex;flex-direction:column-reverse;gap:4px;transition:transform .3s .62s}
.opt.lang.open .lang-row{transform:none !important;transition:transform .3s}
.lang-o{all:unset;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:"Inter Tight",system-ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;color:var(--f50);cursor:pointer;border-radius:24px;transition:color .3s}
.lang-o:hover{color:var(--fg)}
.lang-o.on{color:var(--fg)}
.lang-o:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
@media (prefers-reduced-motion:reduce){.opt.lang,.lang-row{transition:none !important}}
.hdr{position:fixed !important;top:0;left:0;right:0;pointer-events:none}
.hdr a,.hdr button{pointer-events:auto}
.nav a{display:block;padding:1px 0;color:var(--f50);transition:color .3s}
.nav a:hover{color:var(--fg);opacity:1}
.nav a.on{color:var(--fg)}
.nav a.back{margin-bottom:20px}
.nav a.ext{margin-top:20px}
@media (min-width:1021px){.nav-col{position:fixed;top:182px;left:40px;z-index:90}.slab{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:1020px){.nav-col{display:flex;flex-wrap:wrap;column-gap:16px;padding-top:0 !important}.nav a.back,.nav a.ext{margin:0}}
@media (min-width:1021px){section.wrap:not(.grid){padding-left:calc(120px + (100% - 300px) / 3)}section.wrap:not(.grid) .grid>.c-side,section.wrap:not(.grid) .grid>.c-main{grid-column:1 / -1}section.wrap:not(.grid) .grid>.c-side:not(.slab){margin-bottom:12px}}
@media (min-width:1021px) and (max-width:1280px){section.wrap:not(.grid){padding-left:calc(80px + (100% - 300px) / 6)}}
.opt.top-btn{display:flex;align-items:center;justify-content:center;height:0;margin-bottom:-8px;opacity:0;overflow:hidden;pointer-events:none;transition:height .3s,margin .3s,opacity .3s,background-color .2s}
.opt.top-btn.show{height:48px;margin-bottom:0;opacity:1;pointer-events:auto}
.opt.top-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.opt.top-btn{transition:none}}
@media (min-width:1281px){section#top{padding-top:calc(282px - 0.1245 * clamp(36px, 5.14vw, 74px)) !important}}
@media (min-width:1021px) and (max-width:1280px){section#top{padding-top:calc(282px - 0.1245 * 6.35vw) !important}}
.shot:not(.hero){box-sizing:border-box;padding:clamp(8px,1vw,14px);background-color:#141414;border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 48px -24px rgba(0,0,0,.35)}
.shot.phone:not(.hero){border-radius:32px}
/* --- site build additions --- */
body{background:var(--bg)}
html[data-ui-lang="tr"] [data-l="en"],html:not([data-ui-lang="tr"]) [data-l="tr"]{display:none !important}

/* proje başlığı, menüdeki Overview ile aynı hizada başlasın */
@media (min-width:1021px){section#top{padding-top:231px !important}}

@media (max-width:760px){section#top{padding-top:140px !important}}

/* sayfa geçişi: destekleyen tarayıcıda yumuşak geçiş, diğerlerinde sayfa hafifçe belirir */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ke-vt-out .22s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:ke-vt-in .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes ke-vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes ke-vt-in{from{opacity:0;transform:translateY(18px)}}
@supports not (view-transition-name:none){body{animation:ke-page-in .45s cubic-bezier(.2,.7,.2,1) both}}
@keyframes ke-page-in{from{opacity:0}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),body{animation:none !important}}

/* Önce/sonra ekranları: hepsi aynı çerçeve boyutunda */
.two.ba .shot{aspect-ratio:4/3;height:auto;object-fit:cover}