/* Kenet Çatı – ana stil dosyası (v2: metal çatı teması, efekt katmanı).
   Animasyonlar yalnızca transform/opacity/clip-path kullanır; hareket azaltma tercihine saygı duyar. */

/* ---- Yazı tipleri (temaya gömülü, harici istek yok) ---- */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#0E1A22; --ink-0:#08121a; --ink-2:#16262F; --ink-3:#1d3340; --steel:#608098; --steel-l:#9fb6c6;
  --accent:#1FA3AE; --accent-deep:#106870; --aqua:#6fe3ec; --copper:#c98a5b; --paper:#F3F6F8; --white:#fff; --line:rgba(96,128,152,.35);
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1240px; --hdr:76px; --ease:cubic-bezier(.2,.7,.2,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --shadow:0 1px 2px rgba(14,26,34,.06),0 12px 32px rgba(14,26,34,.08);
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%;interpolate-size:allow-keywords}
body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.68;color:#1b2a33;background:var(--white);padding-bottom:64px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-deep);text-underline-offset:3px}
h1,h2,h3{line-height:1.1;letter-spacing:-.025em;margin:0 0 .6em;color:var(--ink);font-weight:760}
p{margin:0 0 1em}
ul{padding:0;margin:0;list-style:none}
::selection{background:var(--accent);color:#04161a}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:200}
.skip-link:focus{left:8px}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.wrap--narrow{width:min(100% - 2.5rem,860px)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.grain{position:relative}
.grain::after{content:"";position:absolute;inset:0;background:var(--noise);opacity:.05;mix-blend-mode:overlay;pointer-events:none}

/* ---- Başlık ---- */
.progress{position:fixed;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--aqua));transform:scaleX(0);transform-origin:0 50%;z-index:120}
@supports (animation-timeline:scroll()){.progress{animation:prog linear both;animation-timeline:scroll(root)}@keyframes prog{to{transform:scaleX(1)}}}
.site-header{position:fixed;inset:0 0 auto 0;height:var(--hdr);z-index:100;transition:height .3s var(--ease)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,20,27,.9);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(159,182,198,.18);transition:background .3s,box-shadow .3s,border-color .3s}
.site-header.is-scrolled{--hdr:62px}
.site-header.is-scrolled::before{background:rgba(10,20,27,.97);border-bottom-color:rgba(159,182,198,.26);box-shadow:0 10px 30px -10px rgba(0,0,0,.55)}
.site-header__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{position:relative;z-index:2;display:flex;align-items:center;gap:.8rem;text-decoration:none}
.logo{height:46px;width:auto;transition:height .3s var(--ease),filter .3s}
.is-scrolled .logo{height:38px}
.brand__tag{display:none;font:500 .68rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9fb6c6;border-left:1px solid rgba(159,182,198,.3);padding-left:.8rem}
.nav{display:flex;align-items:center;gap:1.75rem}
.nav__list{display:flex;gap:.35rem}
.nav a:not(.btn){color:#dbe6ed;text-decoration:none;font-weight:600;font-size:.92rem;position:relative;padding:.55rem .8rem;border-radius:3px;transition:color .2s,background .2s}
.nav a:not(.btn):hover,.nav .current-menu-item>a,.nav .current-menu-ancestor>a{color:#fff}
.nav a:not(.btn)::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.2rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
.nav a:not(.btn):hover::after,.nav .current-menu-item>a::after,.nav .current-menu-ancestor>a::after{transform:scaleX(1)}
.nav-toggle{display:none;width:46px;height:46px;border:0;background:transparent;cursor:pointer;position:relative;z-index:2}
.nav-toggle__bar,.nav-toggle__bar::before,.nav-toggle__bar::after{content:"";position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:transform .3s var(--ease),background .3s}
.nav-toggle__bar{top:22px}
.nav-toggle__bar::before,.nav-toggle__bar::after{left:0;right:0}
.nav-toggle__bar::before{top:-7px}.nav-toggle__bar::after{top:7px}
.nav-toggle[aria-expanded=true] .nav-toggle__bar{background:transparent!important}
.nav-toggle[aria-expanded=true] .nav-toggle__bar::before{transform:translateY(7px) rotate(45deg);background:#fff!important}
.nav-toggle[aria-expanded=true] .nav-toggle__bar::after{transform:translateY(-7px) rotate(-45deg);background:#fff!important}
@media (min-width:1100px){.brand__tag{display:block}}

/* Koyu açılış bölümünde şeffaf başlık (hero / hizmet kahramanı) */


@media (max-width:899px){
  .nav-toggle{display:block}
  .nav{position:fixed;inset:0;height:100dvh;flex-direction:column;align-items:stretch;justify-content:center;gap:0;background:radial-gradient(700px 400px at 100% 0,rgba(31,163,174,.28),transparent 60%),var(--ink);padding:calc(var(--hdr) + 1rem) 1.6rem 2rem;clip-path:circle(0 at calc(100% - 2.2rem) 2.4rem);visibility:hidden;transition:clip-path .65s var(--ease-io),visibility 0s .65s;overflow-y:auto}
  .nav.is-open{clip-path:circle(150% at calc(100% - 2.2rem) 2.4rem);visibility:visible;transition:clip-path .65s var(--ease-io),visibility 0s}
  .nav__list{flex-direction:column;gap:0}
  .nav a:not(.btn){display:block;padding:.85rem 0;border-bottom:1px solid rgba(159,182,198,.18);font-size:1.55rem;font-weight:700;color:#fff;letter-spacing:-.02em;border-radius:0}
  .nav a:not(.btn)::after{display:none}
  .nav__list>li,.nav__cta{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .nav.is-open .nav__list>li,.nav.is-open .nav__cta{opacity:1;transform:none}
  .nav.is-open .nav__list>li:nth-child(1){transition-delay:.2s}.nav.is-open .nav__list>li:nth-child(2){transition-delay:.26s}.nav.is-open .nav__list>li:nth-child(3){transition-delay:.32s}.nav.is-open .nav__list>li:nth-child(4){transition-delay:.38s}.nav.is-open .nav__list>li:nth-child(5){transition-delay:.44s}.nav.is-open .nav__cta{transition-delay:.52s}
  .nav__cta{margin-top:1.6rem;justify-content:center;font-size:1.05rem}
  body.nav-open{overflow:hidden}
  .nav-open .site-header .logo{filter:none}
}

/* ---- Düğmeler ---- */
.btn{--tx:0px;--ty:0px;position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:.65rem;padding:1rem 1.6rem;border-radius:3px;border:1.5px solid transparent;font:700 .96rem/1 var(--font);letter-spacing:-.005em;text-decoration:none;cursor:pointer;transform:translate(var(--tx),var(--ty));transition:transform .3s var(--ease),background .25s,border-color .25s,color .25s,box-shadow .3s}
.btn--sm{padding:.72rem 1.15rem;font-size:.88rem}
.btn--primary{background:linear-gradient(135deg,var(--accent),#17b4c0);color:#03151a;box-shadow:0 10px 26px -10px rgba(31,163,174,.7)}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn--primary:hover{box-shadow:0 16px 34px -10px rgba(31,163,174,.85);transform:translate(var(--tx),calc(var(--ty) - 2px))}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.1);transform:translate(var(--tx),calc(var(--ty) - 2px))}
.btn--ghost-dark{border-color:var(--ink);color:var(--ink)}
.btn--ghost-dark:hover{background:var(--ink);color:#fff}
.btn__arrow{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover .btn__arrow,.more:hover span{transform:translateX(5px)}
.more{display:inline-flex;gap:.45rem;font-weight:700;text-decoration:none;color:var(--accent-deep)}
.more span{display:inline-block;transition:transform .3s var(--ease)}

/* ---- Hero ---- */
.hero{position:relative;background:var(--ink);color:#fff;padding:calc(var(--hdr) + 4rem) 0 5.5rem;overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(900px 520px at 82% -8%,rgba(31,163,174,.32),transparent 62%),
  radial-gradient(700px 480px at -6% 105%,rgba(96,128,152,.28),transparent 60%),
  linear-gradient(180deg,#0a151c,var(--ink) 55%,#0c1a23)}
/* Dikey kenet çizgileri: bir metal çatı yüzeyi */
.hero__grid{position:absolute;inset:0;z-index:-1;--seam:84px;background:
  repeating-linear-gradient(90deg,transparent 0 calc(var(--seam) - 3px),rgba(159,182,198,.13) calc(var(--seam) - 3px) calc(var(--seam) - 1px),rgba(8,18,26,.55) calc(var(--seam) - 1px) var(--seam));
  -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 96%);mask-image:linear-gradient(180deg,#000 30%,transparent 96%)}
.hero__grid::after{content:"";position:absolute;inset:-20% -30%;background:linear-gradient(105deg,transparent 42%,rgba(111,227,236,.1) 50%,transparent 58%);animation:sheen 9s ease-in-out infinite}
@keyframes sheen{0%{transform:translateX(-45%)}100%{transform:translateX(45%)}}
.hero__glow{position:absolute;z-index:-1;width:620px;height:620px;left:0;top:0;border-radius:50%;background:radial-gradient(circle,rgba(31,163,174,.22),transparent 62%);transform:translate3d(var(--gx,60vw),var(--gy,10vh),0) translate(-50%,-50%);pointer-events:none;transition:transform .5s var(--ease-io)}
.hero__in{display:grid;gap:3rem;align-items:center}
.eyebrow{display:flex;align-items:center;gap:.7rem;font:500 .74rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1.1rem}
.hero .eyebrow::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(111,227,236,.6);animation:ping 2.2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 .7rem rgba(111,227,236,0)}100%{box-shadow:0 0 0 0 rgba(111,227,236,0)}}
.hero__title{color:#fff;font-size:clamp(2.4rem,4.6vw + .5rem,4.7rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin-bottom:1.4rem}
.hero__title em{font-style:normal;background:linear-gradient(100deg,var(--accent) 10%,var(--aqua) 60%,#bff6fa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero__title .line>span{display:block;transform:translateY(110%) rotate(2deg);transform-origin:0 100%;animation:rise 1s var(--ease) forwards}
.hero__title .line:nth-child(2)>span{animation-delay:.12s}.hero__title .line:nth-child(3)>span{animation-delay:.24s}
@keyframes rise{to{transform:none}}
.hero__lead{font-size:1.16rem;color:#c5d3dc;max-width:34rem;animation:fadeup .9s .45s var(--ease) both}
.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem;animation:fadeup .9s .6s var(--ease) both}
.hero .eyebrow{animation:fadeup .8s var(--ease) both}
@keyframes fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero__media{margin:0;position:relative;perspective:1100px;animation:fadeup 1s .2s var(--ease) both}
.hero__frame{position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}
.hero__frame::before{content:"";position:absolute;inset:0;border:1.5px solid var(--accent);transform:translate(18px,18px);opacity:.7;z-index:-1;transition:transform .5s var(--ease)}
.hero__media:hover .hero__frame::before{transform:translate(26px,26px)}
.hero__frame::after{content:"";position:absolute;inset:auto 0 -2px 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.hero__img{width:100%;height:auto;aspect-ratio:16/10.4;object-fit:cover;border:1px solid var(--line);will-change:transform;clip-path:inset(0 0 100% 0);animation:reveal 1.3s .25s var(--ease) forwards}
@keyframes reveal{to{clip-path:inset(0)}}
.tag{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:.6rem;background:rgba(10,21,28,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6eef3;font-size:.82rem;padding:.7rem 1rem;letter-spacing:.02em;border-top:2px solid var(--accent);transform:translateZ(40px)}
.tag b{font:500 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--aqua)}
@keyframes float{50%{transform:translateZ(70px) translateY(-8px)}}
.scroll-cue{position:absolute;left:50%;bottom:1.4rem;width:26px;height:42px;border:1.5px solid rgba(159,182,198,.5);border-radius:14px;transform:translateX(-50%);display:none}
.scroll-cue::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--aqua);animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(14px)}}
@media (min-width:960px){.hero__in{grid-template-columns:1.02fr 1fr;gap:4.5rem}.hero{padding-bottom:7rem}.scroll-cue{display:block}}

/* ---- Rakam şeridi ---- */
.trust{background:linear-gradient(180deg,#112430,var(--ink-2));color:#fff;border-top:1px solid var(--line);position:relative;z-index:2}
.trust__list{display:grid;grid-template-columns:repeat(2,1fr)}
.trust__list li{padding:1.6rem 1.1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s}
.trust__list li:hover{background:rgba(31,163,174,.07)}
.trust__list strong{display:flex;align-items:baseline;gap:.35rem;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.trust__list strong small{font:500 .78rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--aqua)}
.trust__list li>span{color:#a9bcc8;font-size:.88rem;line-height:1.45;display:block;margin-top:.7rem;max-width:22rem}
@media (min-width:900px){.trust__list{grid-template-columns:repeat(4,1fr)}.trust__list li{border-bottom:0;padding:2rem 1.4rem}.trust__list li:last-child{border-right:0}}

/* ---- Bölümler ---- */
.sec{padding:clamp(4rem,9vw,8rem) 0;position:relative}
.sec--paper{background:var(--paper)}
.sec--ink{background:var(--ink);color:#d3dfe6}
.sec--ink h2,.sec--ink h3{color:#fff}
.sec__head{display:flex;gap:1.4rem;align-items:flex-start;margin-bottom:3rem}
.num{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--steel);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.num--dash{width:3.2rem;height:2px;background:linear-gradient(90deg,var(--accent),transparent);-webkit-text-stroke:0;margin-top:1.1rem;flex:none}
.num--light{display:block;margin-bottom:1rem;-webkit-text-stroke-color:var(--steel-l)}
.sec--ink .num{-webkit-text-stroke-color:var(--steel-l)}
.h2{font-size:clamp(1.8rem,3vw + .6rem,3.1rem);font-weight:780;max-width:26ch;margin-bottom:0;letter-spacing:-.032em}
.lead{font-size:1.16rem;max-width:44rem}
.split{display:grid;gap:1.5rem}
@media (min-width:900px){.split{grid-template-columns:240px 1fr;gap:3rem}.sticky{position:sticky;top:calc(var(--hdr) + 24px);align-self:start}}
.split .h2{max-width:24ch;margin-bottom:1.25rem}
/* Kelime kelime aydınlanan paragraf */
.words .w{opacity:.22;transition:opacity .35s}
.words .w.on{opacity:1}
.sec--deco{overflow:clip}
.sec--deco::before{content:"";position:absolute;right:-6%;top:12%;width:42%;aspect-ratio:1;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(96,128,152,.12) 26px 28px);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%);pointer-events:none}

/* Hizmetler */
.svc-grid{display:grid;gap:1.4rem}
@media (min-width:900px){.svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.svc{border:1px solid rgba(14,26,34,.12);padding:2.2rem 1.9rem 2rem;background:#fff;position:relative;display:flex;flex-direction:column;transition:transform .45s var(--ease),border-color .3s,box-shadow .45s}
.svc::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:linear-gradient(90deg,var(--accent),var(--aqua));transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--ease)}
.svc:hover{transform:translateY(-8px);box-shadow:0 28px 50px -18px rgba(14,26,34,.22);border-color:rgba(31,163,174,.5)}
.svc:hover::before{transform:scaleX(1)}
.svc__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem}
.svc__ico{width:58px;height:58px;display:grid;place-items:center;background:var(--ink);color:var(--aqua);transition:transform .5s var(--ease),background .3s}
.svc__ico svg{width:30px;height:30px}
.svc:hover .svc__ico{transform:rotate(-6deg) scale(1.06);background:var(--accent-deep)}
.svc__no{font:500 .82rem/1 var(--mono);color:var(--steel);letter-spacing:.14em}
.svc h3{font-size:1.45rem;margin:.2rem 0 .7rem}
.svc h3 a{color:inherit;text-decoration:none}
.svc h3 a::after{content:"";position:absolute;inset:0}
.svc p{color:#34505f}
.svc__items{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.6rem}
.svc__items li{font-size:.78rem;font-weight:600;border:1px solid var(--line);padding:.28rem .65rem;color:#34505f;border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.svc:hover .svc__items li{border-color:rgba(31,163,174,.5)}
.svc .more{margin-top:auto}

/* Teknik */
.sec--tech{background:radial-gradient(900px 500px at 100% 0,rgba(31,163,174,.16),transparent 60%),var(--ink);overflow:hidden}
.tech{display:grid;gap:3rem;align-items:center}
@media (min-width:960px){.tech{grid-template-columns:1fr 1.05fr;gap:4.5rem}}
.ticks{margin-top:1.6rem}
.ticks li{padding:1rem 0 1rem 2rem;border-top:1px solid var(--line);position:relative;transition:padding .3s var(--ease),background .3s}
.ticks li::before{content:"";position:absolute;left:0;top:1.62rem;width:.9rem;height:2px;background:var(--accent);transition:width .4s var(--ease)}
.ticks li:hover{padding-left:2.4rem}.ticks li:hover::before{width:1.5rem}
.ticks strong{color:#fff}
.seam-fig{margin:0;border:1px solid var(--line);background:linear-gradient(160deg,#16262F,#0f1d26);padding:1.1rem;overflow:hidden;position:relative;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.seam-fig::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(96,128,152,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(96,128,152,.1) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.seam-fig svg{width:100%;height:auto;display:block;position:relative}
.seam-fig figcaption{font-size:.8rem;color:#8fa6b5;padding:.7rem .3rem 0;position:relative}
.seam-zoom{transform-origin:300px 220px;transition:transform 1.6s var(--ease)}
.seam-draw{stroke-dasharray:1;stroke-dashoffset:1}
.seam-fig.is-in .seam-draw{animation:draw 1.8s var(--ease) forwards}
.seam-fig.is-in .seam-draw--2{animation-delay:.25s}.seam-fig.is-in .seam-draw--3{animation-delay:.7s}
@keyframes draw{to{stroke-dashoffset:0}}
.seam-marks,.seam-lbl{opacity:0;transition:opacity .8s .9s}
.seam-lbl{font:500 14px var(--mono);letter-spacing:.08em;fill:#9fb6c6;text-transform:uppercase}
.seam-fig.is-in .seam-zoom{transform:scale(1.28)}
.seam-fig.is-in .seam-marks,.seam-fig.is-in .seam-lbl{opacity:1}
.seam-fig.is-in .seam-pulse{animation:pulse 2.6s 2s ease-in-out infinite}
@keyframes pulse{50%{filter:drop-shadow(0 0 10px rgba(111,227,236,.9))}}

/* Projeler */
.projects{overflow:hidden}
.rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(1.25rem,calc((100vw - var(--wrap))/2));scroll-padding-inline:max(1.25rem,calc((100vw - var(--wrap))/2));cursor:grab;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.rail.is-drag a,.rail.is-drag img{pointer-events:none}
.rail__track{display:flex;gap:1.4rem;width:max-content;padding:.4rem 0 1.4rem}
.pcard{scroll-snap-align:start;width:min(86vw,560px);background:#fff;border:1px solid rgba(14,26,34,.1);transition:transform .5s var(--ease),box-shadow .5s,border-color .3s;-webkit-user-select:none;user-select:none}
.pcard:hover{transform:translateY(-6px);box-shadow:0 30px 56px -22px rgba(14,26,34,.3);border-color:rgba(31,163,174,.5)}
.pcard__img{overflow:hidden;aspect-ratio:16/10;background:var(--ink-2);position:relative}
.pcard__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,18,26,.6));pointer-events:none}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);-webkit-user-drag:none}
.pcard:hover .pcard__img img{transform:scale(1.07)}
.pcard__chip{position:absolute;left:1rem;top:1rem;z-index:1;font:500 .66rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(10,21,28,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem .7rem;border-left:2px solid var(--accent)}
.pcard__idx{position:absolute;right:1rem;bottom:.6rem;z-index:1;font-size:2.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.8);letter-spacing:-.04em}
.pcard__body{padding:1.3rem 1.5rem 1.6rem}
.pcard h3{font-size:1.28rem;margin-bottom:.9rem}
.pcard dl{display:flex;gap:2.2rem;margin:0}
.pcard dt{font:500 .66rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:.35rem}
.pcard dd{margin:0;font-weight:700}
.rail__ctrl{display:flex;align-items:center;gap:.75rem;margin-top:1.2rem}
.rail__prog{flex:1;max-width:260px;height:2px;background:rgba(14,26,34,.14);margin:0 .6rem;position:relative;overflow:hidden}
.rail__prog span{position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--p,.25));transform-origin:0 50%;transition:transform .2s}
.rail__ctrl .more{margin-left:auto}
.round{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:1.1rem;cursor:pointer;transition:background .25s,color .25s,transform .3s var(--ease)}
.round:hover{background:var(--ink);color:#fff;transform:scale(1.08)}

/* Neden / malzeme / alanlar */
.why,.mat{display:grid;gap:1.4rem}
@media (min-width:760px){.why,.mat{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.why,.mat{grid-template-columns:repeat(4,1fr)}}
.why article{background:#fff;border:1px solid rgba(14,26,34,.1);border-top:3px solid var(--ink);padding:1.7rem 1.5rem 1.6rem;transition:transform .45s var(--ease),box-shadow .45s,border-top-color .3s}
.why article:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-top-color:var(--accent)}
.why__no{display:block;font:500 .78rem/1 var(--mono);letter-spacing:.14em;color:var(--accent-deep);margin-bottom:1.1rem}
.mat__item{background:#fff;border:1px solid rgba(14,26,34,.1);padding:1.6rem 1.5rem;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s}
.mat__item:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.mat__sw{display:block;width:54px;height:54px;border-radius:50%;margin-bottom:1.2rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 10px 20px -8px rgba(14,26,34,.45);transition:transform .6s var(--ease)}
.mat__item:hover .mat__sw{transform:rotate(60deg) scale(1.08)}
.mat__item:nth-child(1) .mat__sw{background:conic-gradient(from 20deg,#b9483f,#3f6f9e,#6d7f8c,#3f8a62,#b9483f)}
.mat__item:nth-child(2) .mat__sw{background:linear-gradient(135deg,#f4f7f9,#aab7c1 55%,#dfe6ea)}
.mat__item:nth-child(3) .mat__sw{background:linear-gradient(135deg,#9fb3bf,#566f7e 60%,#7f97a3)}
.mat__item:nth-child(4) .mat__sw{background:linear-gradient(135deg,#f0b48a,#b86a3a 55%,#8a4a27)}
.why h3,.mat h3{font-size:1.15rem}
.note{font-size:.9rem;color:#4a6272;margin-top:1.6rem;max-width:52rem}
.chips{display:flex;flex-wrap:wrap;gap:.7rem}
.chips li{border:1px solid var(--ink);padding:.7rem 1.2rem;font-weight:700;border-radius:2px;transition:background .25s,color .25s,transform .3s var(--ease)}
.chips li:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.chips--cities li{border-color:var(--line);font-weight:600;font-size:.95rem}
.chips--cities li:hover{background:var(--accent-deep);border-color:var(--accent-deep)}

/* Kayan yazı bandı */
.marq{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq__track{display:inline-flex;animation:marq 46s linear infinite;will-change:transform}
.marq:hover .marq__track{animation-play-state:paused}
.marq--rev .marq__track{animation-direction:reverse;animation-duration:58s}
.marq__list{display:inline-flex;align-items:center;flex:none}
.marq__list li{display:inline-flex;align-items:center;font-size:clamp(2.4rem,6vw,5.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;color:#d5e0e7;transition:color .3s}
.marq__list li::after{content:"";width:.5em;height:.5em;margin:0 .7em;background:var(--accent);transform:rotate(45deg) scale(.55);flex:none}
.marq__list li:hover{color:var(--ink)}
@keyframes marq{to{transform:translateX(-50%)}}

/* SSS */
.faq details{border-bottom:1px solid rgba(14,26,34,.14);padding:0;transition:background .3s}
.faq details[open]{background:linear-gradient(90deg,rgba(31,163,174,.055),transparent 60%)}
.faq summary{cursor:pointer;font-weight:600;font-size:1.06rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem .2rem;transition:color .2s,padding .3s var(--ease)}
.faq summary:hover{color:var(--accent-deep);padding-left:.6rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(14,26,34,.3);border-radius:50%;color:var(--ink);font-size:1.15rem;line-height:1;transition:transform .4s var(--ease),background .25s,color .25s}
.faq details[open] summary::after{transform:rotate(135deg);background:var(--ink);color:#fff}
.faq details::details-content{block-size:0;overflow:clip;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq details p{margin:0 0 1.4rem;padding:0 3rem 0 .2rem;max-width:46rem;color:#34505f}

/* CTA + form */
.sec--cta{background:radial-gradient(800px 500px at 0% 100%,rgba(31,163,174,.22),transparent 60%),radial-gradient(700px 400px at 100% 0,rgba(96,128,152,.2),transparent 60%),var(--ink);overflow:hidden}
.sec--cta::before{content:"";position:absolute;inset:0;--seam:84px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--seam) - 2px),rgba(159,182,198,.07) calc(var(--seam) - 2px) var(--seam));-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,transparent);mask-image:linear-gradient(180deg,transparent,#000 40%,transparent);pointer-events:none}
.cta__in{display:grid;gap:3rem;position:relative}
@media (min-width:960px){.cta__in{grid-template-columns:1fr 1.05fr;gap:4.5rem}}
.cta__text .h2{margin-bottom:1.2rem}
.cta__contact{display:grid;gap:.5rem;font-style:normal;margin-top:1.8rem}
.cta__contact a{color:#fff;font-weight:700;font-size:1.15rem;text-decoration:none;display:inline-block;width:fit-content;background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--ease)}
.cta__contact a:hover{background-size:100% 2px}
.qform{background:#fff;color:#1b2a33;padding:clamp(1.4rem,3vw,2.4rem);display:grid;gap:1.15rem;border-top:4px solid var(--accent);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);position:relative}
.qform label{display:grid;gap:.35rem;font-size:.86rem;font-weight:700;color:var(--ink)}
.qform input,.qform select,.qform textarea{font:inherit;font-weight:500;padding:.9rem .95rem;border:1.5px solid #c3d0d8;border-radius:3px;background:#fbfdfe;color:#1b2a33;width:100%;transition:border-color .2s,box-shadow .25s,background .2s}
.qform input:hover,.qform select:hover,.qform textarea:hover{border-color:var(--steel)}
.qform input:focus,.qform select:focus,.qform textarea:focus{border-color:var(--accent);background:#fff;outline:0;box-shadow:0 0 0 4px rgba(31,163,174,.18)}
.qform__row{display:grid;gap:1.15rem}
@media (min-width:600px){.qform__row{grid-template-columns:1fr 1fr}}
.qform .check{display:flex;gap:.7rem;align-items:flex-start;font-weight:500;font-size:.85rem}
.qform .check input{width:auto;margin-top:.25rem;accent-color:var(--accent-deep)}
.qform .btn{justify-self:start}
.fld-err{display:block;min-height:0;font-size:.8rem;font-weight:600;color:#b3261e;line-height:1.35}
.fld-err:not(:empty){animation:fadeup .3s var(--ease)}
.qform .is-invalid input,.qform .is-invalid select,.qform .is-invalid textarea,.qform input[aria-invalid=true]{border-color:#b3261e;background:#fff8f7;box-shadow:0 0 0 4px rgba(179,38,30,.1)}
.qform .is-valid input,.qform .is-valid textarea{border-color:var(--accent-deep)}
.qform .check.is-invalid{color:#b3261e}
.btn.is-loading{pointer-events:none;opacity:.85}
.btn.is-loading .btn__arrow{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.notice{margin:0;padding:.9rem 1rem;font-size:.92rem;border-left:4px solid}
.notice--ok{background:#e6f6f4;border-color:var(--accent-deep);color:#0b4a50}
.notice--err{background:#fdeceb;border-color:#b3261e;color:#7a1a14}

/* Genel sayfalar */
.page-wrap{padding:calc(var(--hdr) + 3.5rem) 0 5.5rem;min-height:60vh;background:linear-gradient(180deg,var(--paper),#fff 380px)}
.page-title{font-size:clamp(2.1rem,4vw + .5rem,3.6rem);max-width:24ch;font-weight:800;letter-spacing:-.035em}
.prose{max-width:46rem}.prose h2{margin-top:2em;font-size:1.65rem}.prose h3{margin-top:1.6em}
.prose img{height:auto}
.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;font:500 .74rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin:0 0 1.6rem}
.crumbs li+li::before{content:"/";margin-right:.4rem;opacity:.6}
.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--accent-deep);text-decoration:underline}
.card-grid{display:grid;gap:1.5rem}
@media (min-width:760px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{border:1px solid rgba(14,26,34,.1);padding:1.6rem;background:#fff;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s;position:relative}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(31,163,174,.5)}
.post-card h2,.post-card h3{font-size:1.2rem}.post-card a{color:var(--ink);text-decoration:none}
.post-card h3 a::after,.post-card h2 a::after{content:"";position:absolute;inset:0}
.post-card__img{display:block;margin:-1.6rem -1.6rem 1rem}
.post-hero{width:100%;height:auto;margin-bottom:2rem}
.inline-cta{margin-top:clamp(3rem,5vw,4.2rem);padding:1.9rem;background:var(--paper);border:1px solid rgba(14,26,34,.12);border-left:3px solid var(--accent);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.inline-cta p{margin:0;font-weight:700;font-size:1.1rem}
.notfound .hero__actions{margin-top:2rem}

/* Footer */
.logo--footer{height:60px;background:#fff;padding:6px 12px;margin-bottom:1.1rem;border-radius:2px}
.muted{color:#8fa6b5;font-size:.92rem}
.to-top{position:fixed;right:1.1rem;bottom:5rem;z-index:80;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(14,26,34,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .4s var(--ease),background .25s}
.to-top.is-on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--accent);color:#04161a}
@media (min-width:900px){.to-top{bottom:1.5rem;right:1.5rem}}

/* Mobil alt çubuk */
.mbar{position:fixed;inset:auto 0 0 0;z-index:90;display:flex;background:rgba(14,26,34,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.mbar a{flex:1;text-align:center;padding:1rem .5rem;color:#fff;font-weight:700;text-decoration:none;border-right:1px solid var(--line)}
.mbar .mbar__cta{background:var(--accent);color:#04161a;border-right:0}
@media (min-width:900px){.mbar{display:none}body{padding-bottom:0}}

/* Kaydırmayla beliren öğeler */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal:nth-child(2){transition-delay:.09s}.js .reveal:nth-child(3){transition-delay:.18s}.js .reveal:nth-child(4){transition-delay:.27s}
/* Fareyi izleyen ışık (kartlar) */
.spot{position:relative;isolation:isolate}
.spot::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(31,163,174,.16),transparent 55%);transition:opacity .35s}
.spot:hover::after{opacity:1}

@media (max-width:899px){.hero__img{will-change:auto}.hero__frame::before{transform:translate(10px,10px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero__title .line>span{transform:none}
  .hero__img{clip-path:none}
  .js .reveal{opacity:1;transform:none}
  .words .w{opacity:1}
  .progress{display:none}
  .seam-draw{stroke-dashoffset:0}.seam-marks,.seam-lbl{opacity:1}
  .marq{white-space:normal;-webkit-mask-image:none;mask-image:none}
  .marq__track{display:block}.marq__list{flex-wrap:wrap}.marq__list[aria-hidden]{display:none}
}

/* ---- Hizmet ve proje şablonları ---- */
.svc-hero{background:var(--ink);color:#fff;padding:calc(var(--hdr) + 3rem) 0 3.5rem;border-bottom:3px solid var(--accent)}
.svc-hero h1{color:#fff;font-size:clamp(2.1rem,4vw + .6rem,3.8rem);max-width:20ch}
.svc-hero .lead{color:#c5d3dc;margin:1rem 0 1.75rem}
.svc-hero .crumbs ol{color:#9fb6c6}
.svc-body{padding:3.5rem 0}
.svc-body .prose{max-width:46rem;margin-inline:auto}
.prose ul,.prose ol{padding-left:1.25rem;margin:0 0 1.2em}
.prose ul{list-style:disc}.prose li{margin-bottom:.5rem}
.prose h3{font-size:1.2rem}
.cta-band__in{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}
.cta-band{padding:3.5rem 0}
.cta-band .h2{max-width:24ch}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 2.25rem}
.chip{border:1px solid var(--ink);padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.chip:hover,.chip.is-active{background:var(--ink);color:#fff}
.card-grid--projects{grid-template-columns:1fr}
@media (min-width:700px){.card-grid--projects{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.card-grid--projects{grid-template-columns:repeat(3,1fr)}}
.pcard--grid{width:auto}
.pcard--grid h2{font-size:1.2rem;margin-bottom:.8rem}.pcard--grid h2 a{color:var(--ink);text-decoration:none}
.pcard--grid .pcard__img{display:block}
.proj-hero{margin:1.5rem 0 2.5rem}.proj-hero img{width:100%;height:auto;max-height:70vh;object-fit:cover}
.proj-grid{display:grid;gap:2.5rem}
@media (min-width:900px){.proj-grid{grid-template-columns:300px 1fr;gap:4rem}}
.kunye{margin:0;border-top:3px solid var(--accent)}
.kunye div{padding:1rem 0;border-bottom:1px solid rgba(14,26,34,.14)}
.kunye dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.kunye dd{margin:.2rem 0 0;font-weight:650}
.related{padding:3rem 0 4rem}
.page-wrap .svc-grid{margin-top:2rem}
.svc h2{font-size:1.4rem;margin:.6rem 0 .7rem}.svc h2 a{color:inherit;text-decoration:none}

/* Bilgi Merkezi / iletişim */
.post-card .eyebrow{margin-bottom:.6rem}
.post-card .muted{margin:.8rem 0 0;font-size:.85rem}
.page-wrap .muted{color:#5b7383;font-size:.9rem}
.rel-list{display:grid;gap:.6rem}.rel-list a{font-weight:600}
.related h2{font-size:1.4rem}
.contact-card{font-style:normal;border-left:4px solid var(--accent);padding:.5rem 0 .5rem 1.25rem;margin-bottom:2rem;line-height:1.8}
.page-wrap .cta__in .qform{border:1px solid rgba(14,26,34,.14)}

/* Yazı içi tablolar */
.prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1.5rem 0;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid rgba(14,26,34,.18);padding:.7rem .8rem;text-align:left;vertical-align:top}
.prose thead th{background:var(--ink);color:#fff;font-weight:600;white-space:nowrap}
.prose tbody tr:nth-child(even){background:var(--paper)}

/* Referans listesi (metin) */
.reflist{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(14,26,34,.14)}
.reflist__cols{display:grid;gap:2rem;margin-top:1.5rem}
@media (min-width:900px){.reflist__cols{grid-template-columns:repeat(3,1fr);gap:3rem}}
.reflist h3{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);border-bottom:2px solid var(--accent);padding-bottom:.6rem;margin-bottom:.8rem}
.reflist li{padding:.55rem 0;border-bottom:1px solid rgba(14,26,34,.1);font-weight:600;line-height:1.4}
.reflist li span{display:block;font-weight:400;font-size:.85rem;color:#5b7383}

/* KVKK açılır pencere */
.kvkk{border:0;padding:0;width:min(92vw,720px);max-height:86vh;background:#fff;color:#1b2a33;box-shadow:0 30px 80px rgba(14,26,34,.4)}
.kvkk::backdrop{background:rgba(14,26,34,.65)}
.kvkk__box{display:flex;flex-direction:column;max-height:86vh}
.kvkk__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:3px solid var(--accent)}
.kvkk__head h2{margin:0;font-size:1.2rem}
.kvkk__close{width:44px;height:44px;border:0;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--ink)}
.kvkk__body{overflow-y:auto;padding:1.25rem;max-width:none;font-size:.95rem}
.kvkk__body h3{font-size:1rem;margin:1.4em 0 .4em}
.kvkk__foot{padding:.9rem 1.25rem;border-top:1px solid rgba(14,26,34,.12);text-align:right}

/* Süreç adımları */
.steps{display:grid;gap:1.25rem;counter-reset:s;list-style:none;padding:0;margin:0}
@media (min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{border-top:3px solid var(--accent);background:#fff;padding:1.5rem 1.4rem 1.7rem;border-left:1px solid rgba(14,26,34,.1);border-right:1px solid rgba(14,26,34,.1);border-bottom:1px solid rgba(14,26,34,.1)}
.steps__no{font-size:2.2rem;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--steel);display:block;line-height:1}
.steps h3{font-size:1.2rem;margin:.8rem 0 .5rem}

/* Açılır alt menü */

@media (min-width:900px){

}


/* ---- v2: iç sayfa ve bileşen iyileştirmeleri ---- */
.svc-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(800px 420px at 90% -10%,rgba(31,163,174,.3),transparent 60%),var(--ink);padding:calc(var(--hdr) + 3.5rem) 0 4rem}
.svc-hero::before{content:"";position:absolute;inset:0;z-index:-1;--seam:84px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--seam) - 3px),rgba(159,182,198,.11) calc(var(--seam) - 3px) calc(var(--seam) - 1px),rgba(8,18,26,.5) calc(var(--seam) - 1px) var(--seam));-webkit-mask-image:linear-gradient(180deg,#000,transparent 95%);mask-image:linear-gradient(180deg,#000,transparent 95%)}
.svc-hero::after{content:"";position:absolute;inset:-20% -30%;z-index:-1;background:linear-gradient(105deg,transparent 42%,rgba(111,227,236,.09) 50%,transparent 58%);animation:sheen 10s ease-in-out infinite}
.svc-hero h1{font-weight:800;letter-spacing:-.035em;animation:fadeup .9s var(--ease) both}
.svc-hero .lead,.svc-hero .btn{animation:fadeup .9s .2s var(--ease) both}
.svc-hero .crumbs a:hover{color:#fff}
.cta-band{background:radial-gradient(700px 300px at 100% 50%,rgba(31,163,174,.28),transparent 60%),var(--ink)}
.chip{border-radius:2px;transition:background .25s,color .25s,transform .3s var(--ease)}
.chip:hover{transform:translateY(-2px)}
.card-grid--projects .pcard--grid{border:1px solid rgba(14,26,34,.1)}
.pcard--grid .pcard__img{aspect-ratio:16/10}
.pcard--grid h2 a::after{content:"";position:absolute;inset:0}
.pcard--grid{position:relative}
.proj-hero{position:relative}
.proj-hero img{box-shadow:0 40px 80px -36px rgba(14,26,34,.5)}
.kunye{border-top:3px solid var(--accent);background:#fff;padding:0 1.2rem;box-shadow:var(--shadow)}
.steps{position:relative}
.steps li{border-radius:0;transition:transform .45s var(--ease),box-shadow .45s;position:relative}
.steps li:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
@media (min-width:900px){.steps li:not(:last-child)::after{content:"";position:absolute;right:-1.25rem;top:2.6rem;width:1.25rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .8s .5s var(--ease)}.steps li.is-in:not(:last-child)::after{transform:scaleX(1)}}
.steps__no{font-size:2.4rem;font-variant-numeric:tabular-nums}
.reflist li{transition:padding .3s var(--ease),color .2s}.reflist li:hover{padding-left:.6rem;color:var(--accent-deep)}
.kvkk{border-radius:4px;animation:fadeup .35s var(--ease)}
.kvkk::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}


/* Makale: içindekiler, kaynakça, editoryal not */
.read-meta{margin:-.4rem 0 1.4rem}
.toc{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--paper);padding:1.1rem 1.4rem;margin:0 0 2rem;max-width:46rem}
.toc__t{font:500 .74rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .8rem}
.toc ol{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}
.toc a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.toc a:hover{color:var(--accent-deep);text-decoration:underline}
.prose h2[id]{scroll-margin-top:calc(var(--hdr) + 16px)}
.prose h2#kaynaklar{font-size:1.15rem;border-top:1px solid var(--line);padding-top:1.4rem;margin-top:2.6rem}
.prose h2#kaynaklar + ul,.prose h2#kaynaklar + ol{font-size:.9rem;color:#34505f;padding-left:1.2rem}
.prose h2#kaynaklar + ul li{list-style:disc;margin-bottom:.4rem}
.editorial-note{font-size:.82rem;color:#4a6272;border-top:1px solid var(--line);padding-top:1rem;margin-top:2.4rem;max-width:46rem}
.hub-banner{margin-top:2.5rem}
.faq-more{margin-top:1.6rem}
/* Soru-Cevap: konu dizini ve grup başlıkları */
.qa-group{margin-top:clamp(3.4rem,6vw,5rem);scroll-margin-top:calc(var(--hdr) + 24px)}
.qa-group__head{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:0 1.1rem;padding-top:1.1rem;margin-bottom:1.4rem;border-top:2px solid var(--ink)}
.qa-group__n{font:600 1.05rem/1 var(--mono);letter-spacing:.02em;color:var(--accent-deep)}
.qa-group .h2{font-size:clamp(1.75rem,1.8vw + 1.1rem,2.35rem);font-weight:650;letter-spacing:-.03em;line-height:1.15;max-width:none;margin:0}
.qa-group__c{font-size:.92rem;color:var(--steel);white-space:nowrap}
.qa-toc{margin:0 0 .5rem}
.qa-toc__t{font-size:.95rem;font-weight:600;color:var(--steel);margin:0 0 .9rem}
.qa-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(14,26,34,.14)}
@media (min-width:720px){.qa-toc ol{grid-template-columns:1fr 1fr;column-gap:clamp(1.6rem,3vw,3rem)}}
.qa-toc li{border-bottom:1px solid rgba(14,26,34,.14)}
.qa-toc a{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.9rem;padding:.8rem .2rem;color:var(--ink);text-decoration:none;transition:color .2s,padding .3s var(--ease)}
.qa-toc a:hover{color:var(--accent-deep);padding-left:.5rem}
.qa-toc b{font:600 .88rem/1 var(--mono);color:var(--accent-deep)}
.qa-toc span{font-weight:600;font-size:1rem}
.qa-toc em{font-style:normal;font-size:.86rem;color:var(--steel)}
.qa-group .faq p .more{display:inline-flex;margin-left:.4rem;font-size:.92rem}

/* Sözlük */
.az{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2.4rem}
.az a{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;border-radius:2px;transition:background .2s,color .2s,transform .3s var(--ease)}
.az a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.gl-group{margin-top:2.4rem}
.gl-letter{font-size:2.6rem;font-weight:800;color:var(--accent-deep);margin:0 0 .6rem;scroll-margin-top:calc(var(--hdr) + 16px)}
.gl{margin:0}
.gl__item{padding:1rem 0;border-top:1px solid rgba(14,26,34,.12);scroll-margin-top:calc(var(--hdr) + 16px)}
.gl dt{font-weight:800;font-size:1.1rem;color:var(--ink)}
.gl dt small{font:500 .78rem/1 var(--mono);letter-spacing:.04em;color:var(--steel);margin-left:.3rem}
.gl dd{margin:.35rem 0 0;max-width:46rem;color:#34505f}
.gl dd .more{margin-left:.4rem;font-size:.92rem}

.chips--cities li a{color:inherit;text-decoration:none;display:block;margin:-.7rem -1.2rem;padding:.7rem 1.2rem}
.chips--cities li:has(a):hover a{color:#fff}


/* ---- Alt bilgi (est-*: catidizayn.com.tr ile aynı yapı, kenetcati renkleri) ---- */
.est-footer-wrapper{background:linear-gradient(180deg,var(--ink-0),#050c12);padding:64px 0 0;width:100%;overflow:hidden;position:relative;color:#b9c9d3;font-size:.94rem;line-height:1.6}
.est-footer-wrapper::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--aqua) 60%,transparent)}
.est-footer-wrapper a{color:#d9e5ec;text-decoration:none;transition:color .3s,padding-left .3s,transform .3s}
.est-footer-wrapper a:hover{color:#fff}
.est-title{display:block;font:700 .95rem/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 22px;padding-bottom:10px;border-bottom:2px solid var(--ink-3)}
.est-container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}
.est-col{flex:1;min-width:220px;margin-bottom:20px}
.est-lead{color:#fff;font-weight:600;margin-bottom:14px}
.est-text{margin-bottom:20px;opacity:.85}
.est-list{list-style:none;padding:0;margin:0}
.est-list li{border-bottom:1px solid rgba(96,128,152,.25);margin-bottom:10px;padding-bottom:10px}
.est-list li:last-child{border-bottom:0}
.est-list a:hover{color:var(--aqua);padding-left:5px}
.est-sub{list-style:none;margin:8px 0 0;padding:0}
.est-sub li{border:0;margin:0;padding:0 0 0 16px;position:relative;line-height:1.9}
.est-sub li::before{content:"";position:absolute;left:1px;top:.55em;width:7px;height:7px;border-left:1px solid rgba(111,227,236,.5);border-bottom:1px solid rgba(111,227,236,.5)}
.est-sub a{font-size:.88rem;color:#8fa6b5}
.est-sub a:hover{color:var(--aqua)}
.est-service{display:block}
.est-service-name{display:block;font-weight:600;color:#fff;letter-spacing:.02em;transition:color .3s}
.est-tags{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:10px}
.est-tag{position:relative;display:block;padding-left:14px;font-size:.84rem;color:#8fa6b5;transition:color .3s}
.est-tag::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--copper)}
.est-tags-single{grid-template-columns:1fr}.est-tags-single .est-tag{white-space:nowrap}
.est-service:hover .est-service-name,.est-service:hover .est-tag{color:var(--aqua)}
.est-contact-link{display:flex;align-items:center;margin-bottom:14px;padding:14px;border-radius:12px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s}
.est-footer-wrapper .est-contact-link:hover{background:rgba(255,255,255,.09);border-color:rgba(31,163,174,.55);transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.25);padding-left:14px}
.est-contact-link span,.est-contact-link div{overflow-wrap:anywhere}
.est-icon-box{width:30px;min-width:30px;margin-right:14px;display:flex;justify-content:center;align-items:center}
.est-icon-box svg{width:20px;height:20px;fill:#7f97a8;transition:fill .3s,filter .3s}
.est-contact-link:hover .est-icon-box svg{fill:var(--aqua);filter:drop-shadow(0 0 5px rgba(111,227,236,.7))}
.est-social-area{display:flex;gap:10px;margin:18px 0}
.est-social-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink-3);box-shadow:0 4px 6px rgba(0,0,0,.15);transition:transform .3s,background-color .3s}
.est-footer-wrapper .est-social-btn:hover{transform:translateY(-3px) scale(1.1);padding:0}
.est-social-btn svg{width:18px;height:18px;fill:#fff}
.brand-fb:hover{background:#3b5998}.brand-tw:hover{background:#000}.brand-wp:hover{background:#25d366}
.brand-ig:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.est-main{display:inline-block;font-weight:700;font-size:.9rem}
.est-bottom-bar{border-top:1px solid rgba(31,163,174,.3);background:#050c12;padding:18px 0;margin-top:36px}
.est-bottom-container{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;font-size:.85rem}
.est-copy b{color:var(--aqua);font-weight:700}
.est-legal{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0}
.est-legal li{margin:0}
.est-legal a{position:relative}
.est-legal a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--aqua);transition:right .3s var(--ease)}
.est-legal a:hover::after{right:0}
.est-credit{display:flex;align-items:center;gap:8px}
#est-tasarim-anim{display:inline-block;font-weight:800;letter-spacing:2px;min-width:72px;text-align:right}
@media (max-width:768px){.est-container{flex-direction:column;gap:26px}.est-col{width:100%;margin-bottom:6px}.est-bottom-container{flex-direction:column;text-align:center}.est-legal{justify-content:center}}
.logo--footer{height:60px;background:#fff;padding:6px 12px;margin-bottom:1.1rem;border-radius:2px;width:auto}
.ic{display:inline-block;vertical-align:middle}

/* ---- İletişim sayfası (.kc) ---- */
.kc-hero{position:relative;background:var(--ink);color:#fff;padding:calc(var(--hdr) + 2.6rem) 0 7rem;overflow:hidden;isolation:isolate}

.kc-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(760px 420px at 88% 0,rgba(31,163,174,.22),transparent 65%);z-index:-1}

.kc-hero .crumbs ol{color:#9fb6c6}
.kc-eyebrow{margin:1rem 0 1rem;animation:kcUp .8s var(--ease) both}
/* hero: metin + anahtar görsel */
.kc-hero__in{display:grid;gap:clamp(2rem,4vw,3.4rem);align-items:center}
@media (min-width:960px){.kc-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,440px)}}
.kc-title{color:#fff;font-size:clamp(2rem,3vw + .9rem,3.1rem);max-width:16ch;letter-spacing:-.035em;text-wrap:balance;animation:kcUp .9s .1s var(--ease) both}
.kc-hero__quick{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;margin:1.8rem 0 0;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.2);animation:kcUp .9s .3s var(--ease) both}
.kc-hero__quick a{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-weight:600;text-decoration:none;transition:color .25s}
.kc-hero__quick a:hover{color:var(--aqua)}
.kc-hero__quick .ic{width:18px;height:18px;color:var(--aqua)}
.kc-acts{display:grid;gap:.9rem;margin:2rem 0 0;animation:kcUp .9s .3s var(--ease) both}
@media (min-width:520px){.kc-acts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:30rem}}
.kc-act{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;color:#fff;text-decoration:none;border:1px solid rgba(159,182,198,.35);background:rgba(255,255,255,.04);transition:background .25s,border-color .25s,transform .3s var(--ease)}
.kc-act:hover{background:rgba(31,163,174,.16);border-color:var(--accent);transform:translateY(-2px)}
.kc-act .ic{flex:none;width:26px;height:26px;color:var(--aqua);transition:color .25s}
.kc-act--wa .ic{color:#5ce39a}
.kc-act small{display:block;font-size:.8rem;color:#9fb6c6;margin-bottom:.15rem}
.kc-act b{font-size:1.02rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.kc-hero__fig{position:relative;margin:0;justify-self:center;width:min(100%,440px)}
.kc-hero__fig::after{content:"";position:absolute;left:-11px;bottom:-11px;width:40px;height:40px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent)}
.kc-hero__frame{display:block;overflow:hidden;padding:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);animation:kcIn 1.5s cubic-bezier(.2,.8,.2,1) both}
.kc-hero__frame>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease}
.kc-hero__frame:hover>img{transform:scale(1.07);filter:saturate(1.1) brightness(1.05)}
@keyframes kcIn{from{opacity:0;transform:translateY(20px) scale(1.06)}to{opacity:1;transform:none}}
.kc-lead{color:#c3d3dd;max-width:40rem;font-size:1.15rem;animation:kcUp .9s .2s var(--ease) both}
@keyframes kcUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.kc-wrap{margin-top:-4.5rem;position:relative;padding-bottom:4rem}
.kc-card{display:grid;overflow:hidden;border:1px solid rgba(14,26,34,.12);box-shadow:0 26px 60px -34px rgba(8,18,26,.5);background:#fff;animation:kcUp 1s .25s var(--ease) both}
@media (min-width:900px){.kc-card{grid-template-columns:.85fr 1.15fr}}
.kc-info{display:flex;flex-direction:column;background:var(--ink);color:#c3d3dd;padding:clamp(2rem,3vw,2.6rem) clamp(1.5rem,2.4vw,2.2rem);position:relative;overflow:hidden}
.kc-info::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--accent)}

.kc-info__h{color:#fff;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.35rem}
.kc-info__n{font-size:.86rem;line-height:1.5;color:#8fa6b5;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(159,182,198,.22)}
.kc-info ul{margin:0;padding:0;list-style:none}
.kc-info li+li{border-top:1px solid rgba(159,182,198,.16)}
.kc-info li>a,.kc-addr{display:flex;gap:.8rem;align-items:flex-start;color:#fff;text-decoration:none;padding:.72rem .2rem;line-height:1.45;transition:color .25s,padding .3s var(--ease)}
.kc-info li>a:hover{color:var(--aqua);padding-left:.5rem}
.kc-info .ic{flex:none;width:20px;height:20px;margin-top:.15rem;color:var(--aqua)}
.kc-info small{display:block;margin-bottom:.15rem;font-size:.82rem;color:#8fa6b5}
.kc-info span{overflow-wrap:anywhere}
.kc-info__f{font-size:.85rem;color:#8fa6b5;margin:0}
.kc-info__foot{padding-top:1.6rem;margin-top:1.4rem;display:grid;gap:1rem;justify-items:center;text-align:center;border-top:1px solid rgba(159,182,198,.16)}
.kc-soc__t{margin:0;font-size:.85rem;color:#8fa6b5}
.kc-soc{display:flex;justify-content:center;gap:.7rem;margin:0;padding:0;list-style:none}
.kc-soc a{display:grid;place-items:center;width:52px;height:52px;line-height:0;border:1px solid rgba(159,182,198,.32);color:#fff;transition:background .25s,border-color .25s,color .25s,transform .25s}
.kc-soc a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
.kc-soc .ic{display:block;width:22px;height:22px;margin:0;color:currentColor}
.kc-group{display:grid;gap:.5rem;justify-items:center}
.kc-group__t{margin:0;font-size:.85rem;color:#8fa6b5}
.kc-group__l{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.1rem;margin:0}
.kc-group__l a{color:var(--aqua);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.kc-group__l a:hover{color:#fff;border-bottom-color:var(--accent)}
.kc-formwrap{padding:clamp(1.8rem,3vw,2.6rem) clamp(1.4rem,2.4vw,2.2rem)}
.kc-form__head{margin-bottom:1.6rem;padding-bottom:1.2rem;text-align:center;border-bottom:2px solid var(--ink)}
.kc-form__h{font-size:clamp(1.25rem,.9vw + .95rem,1.6rem);font-weight:700;letter-spacing:.04em;margin:0 0 .5rem}
.kc-form__head p{margin:0 auto;max-width:52ch;color:var(--steel);font-size:.96rem;line-height:1.6}
.kc-info__ph{display:block;flex:1 1 0;min-height:0;margin:1.6rem calc(-1 * clamp(1.5rem,2.4vw,2.2rem)) calc(-1 * clamp(2rem,3vw,2.6rem));overflow:hidden}
.kc-info__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}
@media (max-width:899px){.kc-info__ph{flex:none;aspect-ratio:16/9;margin-top:1.8rem}}
.kc-formwrap .qform{padding:0;box-shadow:none;border-top:0;background:none}
.kc-note{margin:1.6rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(14,26,34,.12);max-width:60ch;color:var(--steel);font-size:.96rem;line-height:1.65}
.kc-prose{margin-top:2.5rem}
.kc-loc{position:relative;margin-top:clamp(2.6rem,5vw,4rem)}
.kc-loc__h{margin:0 0 1.3rem;text-align:center;font-size:clamp(1.3rem,1.2vw + .9rem,1.75rem);font-weight:700;letter-spacing:.06em;color:var(--accent-deep)}

.kc-map{position:relative;width:100%;padding:7px;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 1px rgba(31,163,174,.18),0 22px 50px -34px rgba(8,18,26,.5)}
.kc-map::after{content:"";position:absolute;left:-11px;bottom:-11px;width:40px;height:40px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent)}
.kc-map__in{display:block;overflow:hidden;aspect-ratio:16/7;background:var(--paper)}
.kc-map iframe{transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.kc-map:hover iframe{transform:scale(1.06)}
@media (max-width:700px){.kc-map__in{aspect-ratio:4/3}}
.kc-map iframe{width:100%;height:100%;border:0;display:block}
.kc-route{margin:1.4rem 0 0;text-align:center}
@media (prefers-reduced-motion:reduce){.kc-eyebrow,.kc-title,.kc-lead,.kc-card,.kc-acts,.kc-hero__frame{animation:none}.kc-hero__frame>img,.kc-map iframe{transition:none}.kc-hero__frame:hover>img{transform:none;filter:none}.kc-map:hover iframe{transform:none}}



/* ---- v0.4.2: ana sayfa düzeltmeleri ---- */
/* Dikey çizgiler / parıltı kaldırıldı (okunabilirlik) */
.hero__grid,.hero__grid::after{display:none}
.svc-hero::before,.svc-hero::after{display:none}
.sec--deco::before{display:none}
/* Hero: görsel, metin bloğuyla aynı yükseklikte */
@media (min-width:960px){
  .hero__in{align-items:stretch}
  .hero__text{align-self:center}
  .hero__media{display:flex;align-self:stretch}
  .hero__frame{flex:1;display:flex;width:100%}
  .hero__img{flex:1;min-height:0;height:auto;aspect-ratio:auto;object-fit:cover}
}
/* Düğmeler: açık turkuaz zemin, beyaz yazı */
.btn--primary{background:linear-gradient(135deg,#2bc6d2,#12a3b0);color:#fff;text-shadow:0 1px 2px rgba(0,45,55,.4)}
.btn--ghost{color:#fff}
.mbar .mbar__cta{background:#12a3b0;color:#fff}
/* Rakam şeridi: ortalı */
.trust__list li{text-align:center}
.trust__list strong{justify-content:center}
.trust__list li>span{margin-inline:auto}
/* Bölüm numarası küçük, başlık belirgin */
.num{font-size:clamp(1.5rem,2.2vw,2rem);-webkit-text-stroke-width:1.2px;margin-top:.2rem}
.num--dash{margin-top:.9rem}
.split__head .num{display:block;margin-bottom:.7rem}
.eyebrow{font-size:.82rem;font-weight:600;letter-spacing:.14em;color:var(--accent-deep)}
.hero .eyebrow,.svc-hero .eyebrow,.sec--ink .eyebrow,.cta .eyebrow,.kc-hero .eyebrow{color:var(--aqua)}
.sec__head .eyebrow{margin-bottom:.7rem}
h1,h2{text-wrap:balance}
.lead{color:#34505f}.sec--ink .lead,.hero .lead,.svc-hero .lead{color:#c5d3dc}
/* Hizmet kartları: düzenli madde listesi ve alt bağlantı */
.svc p{flex:1}
.svc__items{display:grid;grid-template-columns:repeat(2,max-content);justify-content:space-between;gap:.55rem 1rem;margin:1.2rem 0 1.5rem;min-height:5.9rem;align-content:start}
.svc__items li{position:relative;border:0;padding:0 0 0 .95rem;font-size:.86rem;font-weight:600;color:#34505f;border-radius:0;white-space:nowrap}
.svc__items li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--copper)}
.svc:hover .svc__items li{border:0}
.svc .more{margin-top:0;padding-top:1.1rem;border-top:1px solid rgba(14,26,34,.12)}
/* Teknik bölüm: sade liste, şema metinle aynı yükseklikte */
.ticks li{transition:none}
.ticks li:hover{padding-left:2rem}.ticks li:hover::before{width:.9rem}
@media (min-width:960px){.tech{align-items:stretch}.seam-fig{display:flex;flex-direction:column;justify-content:center}}


/* ---- v0.5.0: hero slayt gösterisi ---- */
.hero__slides{display:grid}
.hero__slide{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s .5s}
.hero__slide.is-active{visibility:visible;opacity:1;transition:opacity .5s .1s,visibility 0s}
.hero__slide:not(.is-active) .hero__title .line>span{animation:none;transform:translateY(110%) rotate(2deg)}
.hero__lead{animation:none}
.hero__slide .hero__lead{opacity:0;transform:translateY(12px);transition:opacity .7s .35s,transform .7s .35s var(--ease)}
.hero__slide.is-active .hero__lead{opacity:1;transform:none}
.hero__title{font-size:clamp(2.2rem,3.9vw + .5rem,4.2rem)}
.hero__ctrl{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;animation:fadeup .9s .7s var(--ease) both}
.hero .round{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:1.05rem;transition:background .25s,border-color .25s,color .25s}
.hero .round:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.hero__dots{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}
.hero__dots button{all:unset;box-sizing:border-box;cursor:pointer;padding:.8rem .15rem}
.hero__dots button:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.hero__dots i{display:block;position:relative;width:36px;height:3px;background:rgba(255,255,255,.25);overflow:hidden}
.hero__dots i::after{content:"";position:absolute;inset:0;background:var(--aqua);transform:scaleX(0);transform-origin:0 50%}
.hero__dots [aria-current="true"] i::after{animation:heroDot var(--hero-dur,6500ms) linear forwards}
.hero.is-paused .hero__dots [aria-current="true"] i::after{animation-play-state:paused}
.hero.no-auto .hero__dots [aria-current="true"] i::after{animation:none;transform:none}
@keyframes heroDot{to{transform:scaleX(1)}}
/* görsel yığını */
.hero__stack{position:relative;display:grid}
.hero__pic{grid-area:1/1;position:relative;display:flex;opacity:0;visibility:hidden;transition:opacity .9s var(--ease),visibility 0s .9s}
.hero__pic.is-active{opacity:1;visibility:visible;transition:opacity .9s var(--ease)}
.hero__pic .hero__img{width:100%;height:auto}
.hero__pic:not(:first-child) .hero__img{clip-path:none;animation:none}
@media (min-width:960px){.hero__stack{flex:1;min-height:0}.hero__pic .hero__img{height:100%}}
/* dönen rakam kartı */
/* karaşimşek: slayt değişince çerçevenin etrafında dönen ışık çizgisi */
.hero__trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.hero__trace rect{fill:none;stroke-linecap:round;opacity:0}
.hero__trace-tail{--o:18;stroke:rgba(111,227,236,.4);stroke-width:5;stroke-dasharray:30 70;stroke-dashoffset:18}
.hero__trace-head{--o:0;stroke:#d5fcff;stroke-width:2.5;stroke-dasharray:12 88;filter:drop-shadow(0 0 5px #6fe3ec) drop-shadow(0 0 12px #1fa3ae)}
.hero.is-run .hero__trace rect{animation:heroTrace 1.7s cubic-bezier(.55,0,.3,1) forwards}
@keyframes heroTrace{0%{opacity:1;stroke-dashoffset:calc(var(--o) * 1px)}90%{opacity:1}100%{opacity:0;stroke-dashoffset:calc(var(--o) * 1px - 100px)}}
@media (prefers-reduced-motion:reduce){.hero__slide,.hero__pic,.hero__fact,.hero__slide .hero__lead{transition:none}.hero.is-run .hero__trace rect{animation:none}}

/* ================= v0.6.0 ================= */
/* Hero: yatay (4:3) görsel, turkuaz bilgi kartı, yavaş karaşimşek */
@media (min-width:960px){
  .hero__in{grid-template-columns:.92fr 1.08fr;align-items:center;gap:4rem}
  .hero__media{display:block;align-self:center}
  .hero__frame{display:block;flex:none}
  .hero__stack{flex:none}
}
.hero__stack{aspect-ratio:4/3;background:var(--ink-2)}
.hero__pic .hero__img,.hero__pic img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;flex:1}
.hero__trace-tail{--o:26;stroke-dasharray:40 60;stroke:rgba(111,227,236,.34);stroke-width:6}
.hero__trace-head{stroke-dasharray:16 84}
.hero.is-run .hero__trace rect{animation:heroTrace 5.2s cubic-bezier(.45,.05,.45,.95) forwards}
@keyframes heroTrace{0%{opacity:0;stroke-dashoffset:calc(var(--o) * 1px)}6%{opacity:1}92%{opacity:1}100%{opacity:0;stroke-dashoffset:calc(var(--o) * 1px - 100px)}}

/* Bölüm başlığı: simge kutusu + numara solda, başlık sağda */
.shead{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}
.shead__ico{--hico-bg:#fff;position:relative;flex:none;width:92px;height:92px;display:grid;place-items:center;color:var(--accent-deep);background:linear-gradient(145deg,#fff,#e7f3f5);border:1px solid rgba(31,163,174,.35);border-radius:4px 22px 4px 4px;box-shadow:0 14px 30px -16px rgba(14,26,34,.4)}
.shead__ico svg{width:46px;height:46px;margin-top:.55rem}
.shead__ico:not(:has(.shead__no)) svg{margin-top:0}
.shead__no{position:absolute;left:.7rem;top:.55rem;font:700 .8rem/1 var(--mono);letter-spacing:.12em;color:var(--copper)}
.shead__txt{min-width:0}
.shead .eyebrow{font-size:.95rem;font-weight:700;letter-spacing:.12em;margin:0 0 .55rem}
.shead .h2{margin:0}
.shead--light .shead__ico{--hico-bg:#1d3340;background:linear-gradient(145deg,#1d3340,#14242d);border-color:rgba(111,227,236,.4);color:var(--aqua)}
.shead--light .shead__no{color:#ffbf86}
.shead--stack{flex-direction:column;align-items:flex-start;gap:1.1rem;margin:0}
.shead__title{margin:0;font-size:clamp(1.3rem,1.6vw + .6rem,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
@media (max-width:640px){.shead{gap:1rem}.shead__ico{width:68px;height:68px}.shead__ico svg{width:34px;height:34px}.shead__no{left:.5rem;top:.4rem;font-size:.7rem}}

/* Gerçek projeler: ortalı, yatay görselli ızgara */
.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;grid-template-columns:1fr}
@media (min-width:760px){.pgrid{grid-template-columns:repeat(2,1fr);gap:2rem}}
.pgrid .pcard{width:auto}
.pgrid .pcard__img{aspect-ratio:4/3}
.pgrid .pcard__img::after{background:linear-gradient(180deg,transparent 70%,rgba(8,18,26,.35))}
.pgrid__more{text-align:center;margin:2.4rem 0 0}

/* Özel projeler slider */
.ozel{background:#fff}
.ozel__head{display:grid;gap:1rem 3rem;align-items:end;margin-bottom:2.4rem}
.ozel__head .shead{margin-bottom:0}
.ozel__note{margin:0;color:#34505f;max-width:30rem;line-height:1.7}
.ozel__note strong{display:block;color:var(--ink);margin-bottom:.25rem}
@media (min-width:960px){.ozel__head{grid-template-columns:1fr minmax(0,26rem)}}
.oslider__vp{position:relative;overflow:hidden;border-radius:6px 28px 6px 6px;box-shadow:0 30px 60px -30px rgba(14,26,34,.55);background:var(--ink-2)}
.oslider__track{list-style:none;margin:0;padding:0;display:flex;transition:transform .9s var(--ease-io)}
.oslide{flex:0 0 100%;aspect-ratio:2/1;position:relative;overflow:hidden}
@media (max-width:759px){.oslide{aspect-ratio:4/3}}
.oslide a{display:block;position:relative;width:100%;height:100%;color:#fff;text-decoration:none}
.oslide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.5s ease}
.oslide a:hover img{transform:scale(1.05)}
.oslide a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,16,22,.82),transparent 55%);pointer-events:none}
.oslide__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(1.2rem,3vw,2.6rem);display:block;opacity:0;transform:translateY(14px);transition:opacity .8s .3s,transform .8s .3s var(--ease)}
.oslide.is-active .oslide__cap{opacity:1;transform:none}
.oslide__cap b{display:block;font-size:clamp(1.3rem,2.6vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.oslide__cap small{display:block;margin-top:.45rem;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:600;letter-spacing:.04em;color:var(--aqua)}
.oslide__zoom{position:absolute;left:50%;top:50%;z-index:3;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:rgba(18,163,176,.92);display:grid;place-items:center;transform:scale(0);opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;pointer-events:none}
.oslide__zoom svg{width:26px;height:26px}
.oslide a:hover .oslide__zoom{transform:scale(1);opacity:1}
.oslider__nav{position:absolute;top:50%;z-index:4;width:50px;height:50px;margin-top:-25px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(10,24,32,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s}
.oslider__nav svg{width:22px;height:22px}
.oslider__nav:hover{background:var(--accent);border-color:var(--accent)}
.oslider__nav:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.oslider__nav--prev{left:16px}.oslider__nav--next{right:16px}
@media (max-width:759px){.oslider__nav{width:42px;height:42px;margin-top:-21px}.oslider__nav--prev{left:8px}.oslider__nav--next{right:8px}}
.oslider__bar{display:flex;align-items:center;gap:1.2rem;margin-top:1.1rem}
.oslider__count{font:600 .85rem/1 var(--mono);letter-spacing:.1em;color:var(--steel)}
.oslider__count b{color:var(--ink);font-size:1.05rem}
.oslider__prog{flex:1;height:2px;background:rgba(14,26,34,.14);position:relative;overflow:hidden}
.oslider__prog span{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}
.oslider.is-play .oslider__prog span{animation:oProg var(--o-dur,7000ms) linear forwards}
.oslider.is-hold .oslider__prog span{animation-play-state:paused}
@keyframes oProg{to{transform:scaleX(1)}}
/* Lightbox */
.lbx{border:0;padding:0;background:transparent;max-width:min(96vw,1400px);max-height:94vh;color:#fff;overflow:visible}
.lbx::backdrop{background:rgba(5,12,17,.88)}
.lbx img{display:block;max-width:100%;max-height:82vh;margin:0 auto;border-radius:4px}
.lbx p{margin:.8rem 0 0;text-align:center;font-weight:600}
.lbx button{position:absolute;right:0;top:-48px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;cursor:pointer}
.lbx button:hover{background:var(--accent)}

/* Türkiye haritası */
.trmap{display:grid;gap:2.4rem;align-items:center}
@media (min-width:960px){.trmap:has(.trmap__svg){grid-template-columns:1.35fr 1fr}}
.trmap__stage{position:relative}
.trmap__svg svg{display:block;width:100%;height:auto}
.trmap__svg svg :is(path,polygon,g[data-il],g[id]){transition:fill .25s,stroke .25s,filter .25s}
.trmap [data-tr]{fill:#dbe5ea;stroke:#fff;stroke-width:.8;cursor:default;outline:0}
.trmap [data-tr] path,.trmap [data-tr] polygon{fill:inherit;stroke:inherit}
.trmap [data-tr]:hover,.trmap [data-tr].is-hl{fill:#b7c9d2}
.trmap [data-tr].is-ref{fill:var(--accent);cursor:pointer}
.trmap [data-tr].is-ref:hover,.trmap [data-tr].is-ref.is-hl{fill:#ffa75a;filter:drop-shadow(0 4px 8px rgba(14,26,34,.35))}
.trmap [data-tr].is-ref:focus-visible{stroke:var(--ink);stroke-width:2}
.trmap__tip{position:absolute;z-index:5;pointer-events:none;background:var(--ink);color:#fff;font:600 .85rem/1 var(--mono);padding:.55rem .8rem;border-left:3px solid var(--accent);transform:translate(-50%,-130%);white-space:nowrap}
.trmap__tip small{display:block;margin-top:.35rem;font:500 .68rem/1 var(--font);color:var(--aqua);letter-spacing:.04em}
.trmap__legend{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 .4rem;font-size:.9rem;color:#34505f}
.trmap__legend i{width:14px;height:14px;border-radius:3px;background:var(--accent);flex:none}
.trmap__legend span{margin-left:auto;font:600 .8rem/1 var(--mono);color:var(--steel)}
.chips--cities li.is-hl{background:#ffa75a;border-color:#ffa75a;color:#1a1208}
.chips--cities li.is-hl a{color:#1a1208}

/* Malzeme kartları */
.mat__item{padding:0 0 1.5rem;display:flex;flex-direction:column}
.mat__item h3,.mat__item p,.mat__tags{margin-left:1.4rem;margin-right:1.4rem}
.mat__sw{width:auto;height:150px;border-radius:0;margin:0 0 1.3rem;position:relative;overflow:hidden;box-shadow:none;background:var(--sw)}
.mat__item:hover .mat__sw{transform:none}
.mat__sw::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.0) 0 38px,rgba(255,255,255,.34) 38px 40px,rgba(0,0,0,.16) 40px 42px,rgba(255,255,255,0) 42px 80px)}
.mat__sw::after{content:"";position:absolute;inset:-30% -60%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);transform:translateX(-40%);transition:transform 1s var(--ease)}
.mat__item:hover .mat__sw::after{transform:translateX(40%)}
.mat__sw i{display:none}
.mat__sw em{position:absolute;right:1rem;bottom:.7rem;z-index:1;font:700 1.9rem/1 var(--mono);font-style:normal;color:rgba(255,255,255,.85);text-shadow:0 1px 8px rgba(0,0,0,.35);letter-spacing:-.03em}
.mat__item:nth-child(1) .mat__sw{--sw:linear-gradient(135deg,#8f3a33,#3f6f9e 45%,#4d8a68 80%)}
.mat__item:nth-child(2) .mat__sw{--sw:linear-gradient(135deg,#eef3f6,#a9b7c1 60%,#d6dfe5)}
.mat__item:nth-child(2) .mat__sw em{color:#41576a;text-shadow:none}
.mat__item:nth-child(3) .mat__sw{--sw:linear-gradient(135deg,#a7b8c2,#566f7e 60%,#7b929e)}
.mat__item:nth-child(4) .mat__sw{--sw:linear-gradient(135deg,#e7a06f,#a85d30 55%,#5f8f78)}
.mat__item p{flex:1}
.mat__tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem;margin-bottom:0}
.mat__tags li{font:600 .72rem/1 var(--font);padding:.45rem .65rem;border:1px solid rgba(31,163,174,.35);color:var(--accent-deep);background:rgba(31,163,174,.07);border-radius:99px}

/* Uygulama alanları */
.areas{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}
@media (min-width:640px){.areas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.areas{grid-template-columns:repeat(3,1fr);gap:1.4rem}}
.areas__item{display:flex;gap:1.1rem;align-items:center;padding:1.4rem 1.5rem;background:#fff;border:1px solid rgba(14,26,34,.1);border-left:3px solid var(--accent);transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.areas__item:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-left-color:var(--copper)}
.areas__ico{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e7f3f5,#d0e8ec);color:var(--accent-deep)}
.areas__ico svg{width:30px;height:30px}
.areas h3{font-size:1.12rem;margin:0 0 .25rem}
.areas p{margin:0;font-size:.9rem;color:#4a6573;line-height:1.5}

/* Mühendislik notları: sarı-yeşil yapışkan not tonu */
.sec--notes{background:linear-gradient(180deg,#eef6fa,#dbeaf2)}
.post-card--note{background:linear-gradient(160deg,#eaf5fb,#cfe4f0);border:1px solid #a9cce0;border-top:5px solid var(--accent);box-shadow:0 14px 26px -16px rgba(16,58,82,.5);position:relative}
.post-card--note::after{content:"";position:absolute;right:0;bottom:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,#b6d6e8 50%);box-shadow:-3px -3px 6px -3px rgba(16,58,82,.25)}
.post-card--note:hover{border-color:var(--accent);box-shadow:0 22px 34px -18px rgba(16,58,82,.6)}
.post-card--note p{color:#2b4a5a}
@media (prefers-reduced-motion:reduce){.oslider__track,.oslide__cap,.oslide img{transition:none}.oslider.is-play .oslider__prog span{animation:none}}
.hero__title{font-size:clamp(2.1rem,3.2vw + .5rem,3.7rem)}
@media (min-width:960px){.hero__in{grid-template-columns:1fr 1.05fr;gap:3.5rem}}
.mat__item:nth-child(n) .mat__sw{background:var(--sw)}

/* ================= v0.6.2 ================= */
/* Harita yanı: il listesi (plaka kodlu kartlar) */
.trmap{gap:2.6rem}
@media (min-width:960px){.trmap:has(.trmap__svg){grid-template-columns:1.3fr 1fr;align-items:stretch}}
.trmap__side{background:linear-gradient(160deg,#10222c,#0b1820);color:#fff;padding:clamp(1.4rem,2.4vw,2.2rem);border-radius:4px 26px 4px 4px;box-shadow:0 30px 60px -34px rgba(8,18,26,.7);display:flex;flex-direction:column;position:relative;overflow:hidden}
.trmap__side::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(31,163,174,.35),transparent 65%);pointer-events:none}
.trmap__lead{position:relative;margin:0 0 1.4rem;font-size:1.02rem;line-height:1.65;color:#d3e0e7}
.trmap__lead strong{color:var(--aqua)}
.ilist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;position:relative}
@media (min-width:1280px){.ilist{grid-template-columns:repeat(3,1fr)}}
.ilist__item>a,.ilist__item>span{display:flex;align-items:center;gap:.65rem;height:100%;padding:.62rem .75rem;border:1px solid rgba(159,182,198,.22);background:rgba(255,255,255,.04);border-radius:3px;color:#fff;text-decoration:none;transition:background .25s,border-color .25s,transform .25s var(--ease),color .25s}
.ilist__item b{flex:none;font:700 .7rem/1 var(--mono);letter-spacing:.06em;color:var(--aqua);background:rgba(31,163,174,.16);padding:.42rem .4rem;border-radius:2px;min-width:2rem;text-align:center;transition:background .25s,color .25s}
.ilist__item em{font-style:normal;font-weight:600;font-size:.92rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ilist__item i{font-style:normal;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s;color:#1a1208}
.ilist__item>a:hover,.ilist__item>a:focus-visible,.ilist__item.is-hl>a,.ilist__item.is-hl>span{background:#ffa75a;border-color:#ffa75a;color:#1a1208;transform:translateY(-2px)}
.ilist__item>a:hover b,.ilist__item.is-hl b{background:rgba(26,18,8,.14);color:#1a1208}
.ilist__item>a:hover i,.ilist__item.is-hl i{opacity:1;transform:none}
.ilist__item>a:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.trmap__foot{position:relative;display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;justify-content:space-between;align-items:center;margin:auto 0 0;padding-top:1.4rem;font-size:.85rem;color:#9fb6c6}
.trmap__foot>span{display:inline-flex;align-items:center;gap:.55rem}
.trmap__foot>span i{width:13px;height:13px;border-radius:3px;background:var(--accent)}
.trmap__foot .more{color:var(--aqua)}
.trmap__tip{white-space:nowrap}

/* Mühendislik notları carousel */
.ncar{position:relative}
.ncar__track{list-style:none;margin:0;padding:.4rem .2rem 1.6rem;display:flex;gap:1.3rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ncar__track::-webkit-scrollbar{display:none}
.ncar__item{flex:0 0 min(86%,360px);scroll-snap-align:start;display:flex}
@media (min-width:700px){.ncar__item{flex-basis:calc((100% - 1.3rem)/2)}}
@media (min-width:1000px){.ncar__item{flex-basis:calc((100% - 2.6rem)/3)}}
.ncar .post-card{display:flex;flex-direction:column;width:100%;min-height:15.5rem}
.ncar__date{font:600 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.9rem}
.ncar .post-card h3{font-size:1.15rem;line-height:1.3;margin-bottom:.7rem}
.ncar .post-card p{flex:1;margin:0 0 1rem;font-size:.92rem;line-height:1.6}
.ncar__more{font-weight:700;font-size:.88rem;color:var(--accent-deep)}
.ncar__nav{position:absolute;top:46%;z-index:3;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid #a9cce0;background:#f2f9fd;color:var(--accent-deep);cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 22px -10px rgba(16,58,82,.55);transition:background .25s,color .25s}
.ncar__nav svg{width:22px;height:22px}
.ncar__nav:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.ncar__nav--prev{left:-18px}.ncar__nav--next{right:-18px}
.ncar__nav[hidden]{display:none}
@media (max-width:759px){.ncar__nav{display:none}}
/* İl sayfası galerisi */
.ilg__grid{margin-top:.5rem}
.ilg .pcard__img{display:block}
.ilg .pcard__img img{cursor:zoom-in}
.trmap__stage{display:flex;align-items:center}
.trmap__svg{width:100%}

/* ================= v0.7.0: Projeler sayfası ================= */
@media (prefers-reduced-motion:reduce){.rf-hero__frame img{transition:none}.rf-hero__frame:hover img{transform:none;filter:none}}
.rf-stats{list-style:none;margin:2.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2.6rem}
.rf-stats li{display:flex;align-items:baseline;gap:.7rem;padding-left:1rem;border-left:2px solid var(--accent)}
.rf-stats b{font-size:2rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em}
.rf-stats span{font:500 .72rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9fb6c6}
.rf-feat{padding-bottom:2rem}
.rf-bar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;margin:0 0 1.2rem;padding:.9rem 1rem;background:#fff;border:1px solid rgba(14,26,34,.1);border-left:3px solid var(--accent);box-shadow:var(--shadow)}
.rf-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.rf-chip{font:700 .85rem/1 var(--font);padding:.7rem 1rem;border-radius:99px;border:1.5px solid rgba(14,26,34,.14);background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .25s,color .25s,border-color .25s,transform .25s}
.rf-chip small{font:600 .7rem/1 var(--mono);padding:.25rem .45rem;border-radius:99px;background:rgba(14,26,34,.08);color:#45606f;transition:inherit}
.rf-chip:hover{border-color:var(--accent);transform:translateY(-2px)}
.rf-chip.is-on{background:linear-gradient(135deg,#1fa3ae,#0f7b86);border-color:transparent;color:#fff}
.rf-chip.is-on small{background:rgba(255,255,255,.22);color:#fff}
.rf-chip:focus-visible,.rf-sel select:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.rf-sel{display:inline-flex;align-items:center;gap:.7rem;font:600 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.rf-sel select{font:600 .95rem/1 var(--font);letter-spacing:0;text-transform:none;color:var(--ink);padding:.7rem 2.2rem .7rem 1rem;border:1.5px solid rgba(14,26,34,.18);border-radius:99px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23106870' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 1rem center;-webkit-appearance:none;appearance:none;cursor:pointer;min-width:12rem}
.rf-count{margin:0 0 1.6rem;font-size:.9rem;color:#4a6573}.rf-count b{color:var(--ink)}
.rf-grid{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem;grid-template-columns:1fr}
@media (min-width:600px){.rf-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.rf-grid{grid-template-columns:repeat(3,1fr);gap:1.7rem}}
@media (min-width:1300px){.rf-grid{grid-template-columns:repeat(4,1fr)}}
.rf-card{display:flex}
.rf-card[hidden]{display:none}
.rf-card>a,.rf-card>.rf-card__static{display:flex;flex-direction:column;width:100%;padding:8px 8px 0;background:#fff;border:1px solid rgba(14,26,34,.14);color:inherit;text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s}
.rf-card>a:hover,.rf-card>a:focus-visible{transform:translateY(-6px);box-shadow:0 28px 50px -24px rgba(14,26,34,.4);border-color:rgba(31,163,174,.55)}
.rf-card>a:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.rf-card__img{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ink-2);outline:1px solid rgba(14,26,34,.12);outline-offset:-1px}
.rf-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}
.rf-card>a:hover img{transform:scale(1.07)}
.rf-card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(8,18,26,.4));pointer-events:none}
.rf-card__tag{position:absolute;left:.8rem;top:.8rem;z-index:2;font:500 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(10,21,28,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.45rem .6rem;border-left:2px solid var(--accent)}
.rf-card[data-cat="konut"] .rf-card__tag{border-left-color:var(--copper)}
.rf-card[data-cat="kamu"] .rf-card__tag{border-left-color:#7fb0d6}
.rf-card__zoom{position:absolute;left:50%;top:50%;z-index:2;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(18,163,176,.92);color:#fff;display:grid;place-items:center;transform:scale(0);opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s}
.rf-card__zoom svg{width:24px;height:24px}
.rf-card>a:hover .rf-card__zoom,.rf-card>a:focus-visible .rf-card__zoom{transform:scale(1);opacity:1}
.rf-card__body{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.2rem 1.25rem;flex:1}
.rf-card__body b{font-size:1.02rem;line-height:1.3;color:var(--ink)}
.rf-card__body em{font-style:normal;font-size:.86rem;font-weight:600;color:var(--accent-deep)}
.rf-card__meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:auto;padding-top:.7rem;border-top:1px solid rgba(14,26,34,.08);font-size:.78rem;color:#58737f}
.rf-card__meta i{font-style:normal;display:inline-flex;align-items:center;gap:.35rem}
.rf-card__meta svg{width:14px;height:14px;color:var(--accent)}
.rf-more{text-align:center;margin:2.2rem 0 0}.rf-more[hidden]{display:none}
.rf-empty{text-align:center;padding:2rem;color:#4a6573}
/* Lightbox gezinme */
.lbx__nav{position:absolute!important;top:50%!important;right:auto!important;margin-top:-21px;width:46px!important;height:46px!important;border-radius:50%}
.lbx__nav--prev{left:-56px}.lbx__nav--next{right:-56px!important;left:auto}
@media (max-width:900px){.lbx__nav--prev{left:6px}.lbx__nav--next{right:6px!important}.lbx__nav{background:rgba(10,24,32,.6)!important}}
.lbx__nav--prev{left:10px!important}.lbx__nav--next{right:10px!important}
.lbx__nav{background:rgba(10,24,32,.6)!important;font-size:1.6rem;line-height:1;z-index:2}

/* ================= v0.7.1: tek proje sayfası ================= */
.pj-hero{padding-bottom:7rem}
.pj-hero h1{max-width:22ch}
.pj-tags{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.pj-tags li{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid rgba(111,227,236,.4);background:rgba(31,163,174,.12);color:#e7f5f7;font:600 .85rem/1 var(--font);border-radius:99px}
.pj-tags svg{width:16px;height:16px;color:var(--aqua)}
.pj-body{position:relative}
.pj-fig{margin:-4.4rem 0 0;position:relative;z-index:2;background:var(--ink-2);box-shadow:0 40px 80px -36px rgba(14,26,34,.65);border:1px solid rgba(255,255,255,.08)}
.pj-fig::before{content:"";position:absolute;inset:0;border:1.5px solid var(--accent);transform:translate(14px,14px);opacity:.65;z-index:-1;pointer-events:none}
.pj-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pj-grid{display:grid;gap:2.4rem;margin:3.4rem 0 4rem;align-items:start}
@media (min-width:900px){.pj-grid{grid-template-columns:minmax(0,340px) 1fr;gap:4rem}.pj-kunye{position:sticky;top:calc(var(--hdr) + 1.5rem)}}
.pj-kunye{background:#fff;border:1px solid rgba(14,26,34,.1);border-top:3px solid var(--accent);box-shadow:var(--shadow);padding:1.6rem 1.5rem 1.7rem}
.pj-kunye h2{font:700 .78rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin:0 0 1.2rem}
.pj-kunye dl{margin:0 0 1.5rem;display:grid;gap:0}
.pj-kunye dl>div{display:grid;grid-template-columns:42px 1fr;column-gap:.9rem;align-items:center;padding:.95rem 0;border-top:1px solid rgba(14,26,34,.09)}
.pj-kunye dl>div:first-child{border-top:0;padding-top:0}
.pj-kunye__ico{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e7f3f5,#d0e8ec);color:var(--accent-deep)}
.pj-kunye__ico svg{width:20px;height:20px}
.pj-kunye dt{font:600 .68rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6a8493;margin:0}
.pj-kunye dd{margin:.2rem 0 0;font-weight:700;font-size:1.05rem;color:var(--ink)}
.pj-kunye .btn{width:100%;justify-content:center;text-align:center}
.pj-text{max-width:46rem}
.pj-text h2{font-size:clamp(1.5rem,2vw + .6rem,2rem);letter-spacing:-.02em;margin:0 0 1rem}
.pj-text p{font-size:1.08rem;line-height:1.8;color:#34505f}
.pgrid--3{grid-template-columns:1fr}
@media (min-width:700px){.pgrid--3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.pgrid--3{grid-template-columns:repeat(3,1fr)}}
.pgrid--3 .pcard h3 a{color:inherit;text-decoration:none}
.pgrid--3 .pcard h3 a:hover{color:var(--accent-deep)}

/* v0.7.2 – proje görseli: titanyum alt katman, yavaş yakınlaştırma */
.pj-fig{padding:14px 14px 0;background:linear-gradient(150deg,#2a343b 0%,#12191e 55%,#232d34 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 90px -40px rgba(8,14,18,.8)}
.pj-fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);z-index:-1;border:0;opacity:1;background:linear-gradient(150deg,#47545d,#1a2328);border-bottom:4px solid var(--accent)}
.pj-fig__in{overflow:hidden;position:relative;background:#0b1116}
.pj-fig__in img{aspect-ratio:16/9;transform-origin:62% 45%;animation:pjKB 22s ease-in-out infinite alternate}
.pj-fig__in::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(8,14,18,.38))}
@keyframes pjKB{from{transform:scale(1)}to{transform:scale(1.12) translate(-1.2%,-1%)}}
.pj-fig figcaption{display:flex;align-items:center;gap:1rem;padding:.95rem .3rem 1rem;color:#dfe9ec;font:600 .82rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.pj-fig figcaption span{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pj-fig figcaption i{flex:1;height:2px;min-width:30px;background:linear-gradient(90deg,var(--accent),rgba(31,163,174,.1))}
.pj-fig figcaption em{font-style:normal;color:var(--aqua);white-space:nowrap}
@media (max-width:640px){.pj-fig{padding:8px 8px 0;margin-right:10px}.pj-fig::before{transform:translate(8px,8px)}.pj-fig figcaption{font-size:.7rem}.pj-fig figcaption em{display:none}}
@media (prefers-reduced-motion:reduce){.pj-fig__in img{animation:none}}
.pj-kunye .btn{white-space:nowrap;font-size:.9rem;padding-left:1rem;padding-right:1rem;gap:.5rem}
.pj-text h2{font-size:clamp(1.7rem,2.4vw + .6rem,2.4rem);line-height:1.15}

/* v0.8.0 – Sözlük sayfası */
.gl-page{background:#fff}
.gl-hero{padding:calc(var(--hdr) + 3rem) 0 3.6rem;background:radial-gradient(900px 420px at 88% 0,rgba(31,163,174,.14),transparent 70%),linear-gradient(180deg,var(--paper),#fff)}
.gl-hero__in{display:grid;gap:2.6rem;align-items:center}
@media (min-width:960px){.gl-hero__in{grid-template-columns:1.05fr .95fr;gap:4rem}}
.gl-hero__title{font-size:clamp(2.4rem,4.4vw + .6rem,4.2rem);font-weight:800;letter-spacing:-.04em;margin:0 0 .5rem;max-width:14ch}
.gl-hero__title em{font-style:normal;color:var(--accent)}
.gl-hero__sub{font:500 1.12rem/1.5 var(--font);color:var(--ink);margin:0 0 1.1rem}
.gl-hero .lead{color:#34505f;font-size:1.08rem;max-width:40rem}
.gl-stats{display:flex;flex-wrap:wrap;gap:0 clamp(1.6rem,3vw,2.6rem);margin:2rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(14,26,34,.14)}
.gl-stats li{display:flex;align-items:baseline;gap:.45rem}
.gl-stats strong{font:600 1.45rem/1 var(--font);letter-spacing:-.02em;color:var(--ink)}
.gl-stats span{font-size:.95rem;color:var(--steel)}
.gl-hero__fig{margin:0;position:relative;z-index:0}

.gl-hero__stage{position:relative;display:grid;place-items:center;padding:clamp(1rem,2.2vw,1.8rem);background:linear-gradient(168deg,#fbfcfc,#e8eff1);border:1px solid rgba(14,26,34,.12);perspective:1300px}
.gl-hero__stage::after{content:"";position:absolute;left:-11px;bottom:-11px;width:38px;height:38px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent)}
.gl-hero__bookw{display:block;animation:glBook 1.5s cubic-bezier(.2,.8,.2,1) both}
.gl-hero__book{display:block;width:min(100%,430px);height:auto;transform-origin:50% 62%;filter:drop-shadow(0 30px 40px rgba(8,18,24,.32));transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease}
.gl-hero__stage:hover .gl-hero__book{transform:translateY(-12px) rotateY(-8deg) rotateX(2deg) scale(1.04);filter:drop-shadow(0 46px 56px rgba(8,18,24,.45))}
@keyframes glBook{from{opacity:0;transform:translateY(22px) scale(1.08)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gl-hero__bookw{animation:none}.gl-hero__book{transition:none}.gl-hero__stage:hover .gl-hero__book{transform:none}}

.gl-hero__fig figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;padding:1rem .1rem 0;font-size:.92rem;color:var(--steel)}
.gl-hero__fig figcaption b{font-weight:600;color:var(--ink)}


@media (max-width:959px){.gl-hero__fig{max-width:460px;margin:0 auto}}


.gl-bar{position:sticky;top:61px;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(14,26,34,.08);border-bottom:1px solid rgba(14,26,34,.1)}
.gl-bar.is-stuck{box-shadow:0 10px 30px -18px rgba(14,26,34,.35)}
.gl-bar__in{display:grid;gap:.7rem;padding:.8rem 0}
@media (min-width:1000px){.gl-bar__in{grid-template-columns:minmax(260px,340px) 1fr;gap:1.4rem;align-items:center}}
.gl-search{position:relative;display:flex;align-items:center}
.gl-search svg{position:absolute;left:.9rem;width:18px;height:18px;color:var(--steel);pointer-events:none}
.gl-search input{width:100%;height:46px;padding:0 2.4rem 0 2.7rem;font:600 .95rem var(--font);color:var(--ink);background:#fff;border:1.5px solid rgba(14,26,34,.18);border-radius:3px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.gl-search input::placeholder{color:#7b909d;font-weight:500}
.gl-search input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(31,163,174,.18)}
.gl-search input::-webkit-search-cancel-button{display:none}
.gl-search__x{position:absolute;right:.5rem;width:30px;height:30px;border:0;border-radius:50%;background:rgba(14,26,34,.08);color:var(--ink);font-size:1.2rem;line-height:1;cursor:pointer}
.gl-search__x:hover{background:var(--accent);color:#fff}
.gl-az{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:2px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 94%,transparent)}
.gl-az::-webkit-scrollbar{display:none}
@media (min-width:1000px){.gl-az{flex-wrap:wrap;overflow:visible;mask-image:none}}
.gl-az a{flex:none;display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .55rem;border-radius:3px;border:1px solid rgba(14,26,34,.14);background:#fff;color:var(--ink);font:700 .92rem/1 var(--font);text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .25s var(--ease)}
.gl-az a:hover{border-color:var(--ink);color:var(--ink);transform:none}
.gl-az a.is-active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
.gl-az a.is-off{opacity:.3;pointer-events:none}

.gl-body{padding-top:2.2rem;padding-bottom:4.5rem}
.gl-status{font-size:.92rem;color:var(--steel);margin:0 0 .5rem}
.gl-sec{margin-top:clamp(2.6rem,4vw,3.6rem);scroll-margin-top:calc(var(--hdr) + 90px)}
.gl-sec[hidden]{display:none}
.gl-sec__head{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(14,26,34,.12);position:relative}
.gl-sec__head::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:var(--accent)}
.gl-sec__badge{flex:none;display:block;min-width:1.6ch;color:var(--ink);font:650 clamp(1.9rem,2.4vw,2.6rem)/1 var(--font);letter-spacing:-.045em}
.gl-sec__head h2{font-size:1.05rem;font-weight:500;color:var(--steel);margin:0;flex:1;letter-spacing:0}
.gl-sec__n{font-size:.92rem;color:var(--steel);white-space:nowrap}
.gl-cards{display:grid;gap:0}
@media (min-width:760px){.gl-cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2.2rem,4vw,4.5rem)}}
.gl-card{position:relative;display:flex;flex-direction:column;padding:1.4rem 0 1.5rem;background:none;border:0;border-top:1px solid rgba(14,26,34,.12);border-radius:0;box-shadow:none;scroll-margin-top:calc(var(--hdr) + 90px)}
.gl-card::before{content:"";position:absolute;left:-1.1rem;top:1.4rem;bottom:1.5rem;width:2px;background:var(--accent);opacity:0;transition:opacity .3s}
.gl-card:target::before{opacity:1}

.gl-card[hidden]{display:none}


.gl-card h3{font-size:1.14rem;font-weight:600;letter-spacing:-.015em;margin:0 0 .15rem}
.gl-card__en{font:500 .76rem/1.4 var(--mono);letter-spacing:.03em;color:var(--accent-deep);margin:0 0 .7rem}
.gl-card__def{color:#34505f;font-size:.98rem;line-height:1.68;margin:0 0 .8rem;max-width:46ch}
.gl-card .more{margin-top:auto;font-size:.88rem;align-self:flex-start}
.gl-card mark{background:rgba(31,163,174,.22);color:inherit;padding:0 .1em;border-radius:2px}
.gl-empty{margin-top:3rem;padding:2.6rem;text-align:center;background:var(--paper);border:1px solid rgba(14,26,34,.14)}
.gl-empty strong{font-size:1.2rem;color:var(--ink)}
.gl-empty p{margin:.4rem 0 0;color:#34505f}

.gl-cta{background:linear-gradient(135deg,#0E1A22,#16262F 60%,#0f2a30);color:#cfdde5;padding:4.2rem 0;position:relative;overflow:hidden}
.gl-cta::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--aqua) 60%,transparent)}
.gl-cta__in{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.gl-cta__in{grid-template-columns:1.25fr .75fr;gap:clamp(2.5rem,5vw,5rem);align-items:end}}
.gl-cta h2{color:#fff;font-size:clamp(1.5rem,1.6vw + .9rem,2.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;max-width:34ch;margin:0 0 .9rem;text-wrap:balance}
.gl-cta p:not(.eyebrow){max-width:46ch;margin:0;color:#b9c9d3}
.gl-cta__btns{display:grid;gap:.8rem;justify-items:stretch}
.gl-cta__btns .btn{justify-content:center;text-align:center}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.gl-sec__head{flex-wrap:wrap}.gl-sec__n{width:100%;padding-left:0}.gl-hero{padding-top:calc(var(--hdr) + 1.6rem)}}

/* v0.8.1 – Bilgi Merkezi hızlı erişim kartları */
.kb-links{display:grid;gap:1rem;margin:0 0 2.4rem}
@media (min-width:760px){.kb-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}}
.kb-links a{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.1rem;align-items:center;padding:1.4rem 1.5rem;background:linear-gradient(135deg,#0E1A22,#16262F);border-radius:8px;color:#cfdde5;text-decoration:none;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.kb-links a::before{display:none}
.kb-links a:hover{transform:translateY(-3px);box-shadow:0 24px 40px -22px rgba(14,26,34,.7)}
.kb-links__ico{grid-row:span 2;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(31,163,174,.16);color:var(--aqua)}
.kb-links__ico svg{width:26px;height:26px}
.kb-links__t strong{display:block;color:#fff;font-size:1.2rem;margin-bottom:.2rem}
.kb-links__desc{display:block;font-size:.95rem;line-height:1.5;color:#b9c9d3}
.kb-links__go{grid-column:2;font:600 .85rem/1 var(--font);color:var(--aqua);margin-top:.5rem}
.kb-links__go i{font-style:normal;display:inline-block;transition:transform .3s}
.kb-links a:hover .kb-links__go i{transform:translateX(4px)}
.gl-cta__lnk{display:inline-block;margin-top:1.4rem;color:#9fd9df;font-weight:600;text-decoration:none}
.gl-cta__lnk:hover{color:#fff;text-decoration:underline}

/* v0.8.2 – iç sayfalarda koyu başlık alanı (menü her sayfada aynı görünsün) */
.page-wrap--dark{padding:0 0 5.5rem;background:#fff}
.page-wrap--dark .hub-hero{padding-bottom:3.2rem}
.page-wrap--dark .hub-hero .page-title{color:#fff;margin-bottom:.4em}
.page-wrap--dark .hub-hero .eyebrow a{color:var(--aqua);text-decoration:none}
.page-wrap--dark .hub-hero .lead{margin-bottom:0}
.hub-meta{margin:.4rem 0 0;color:#9fb6c6;font-size:.9rem}
.hub-body{padding-top:2.8rem}

.page-wrap--dark .read-meta{display:none}

/* v0.9.1 – Hizmetler (faaliyet alanları) sayfası: catidizayn.com.tr/faaliyet düzeni, kenetcati renkleri */
.pcard__img{display:block}
.fa{background:#fbfaf7;color:var(--ink)}
.fa-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.fa-kicker{font:700 .7rem/1.3 var(--mono);letter-spacing:.18em;color:var(--accent);margin:0 0 1.4rem}
.fa-kicker span{display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}
.fa-kicker--sm{font-size:.62rem;margin-bottom:.9rem;color:var(--accent-deep)}
.fa em{font-style:normal;color:#39c7bb}
.fa-intro em{color:var(--accent)}
.fa h1,.fa h2{font-weight:600;letter-spacing:-.045em;line-height:1}

.fa-hero{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:flex-end;padding-top:360px;isolation:isolate;overflow:hidden;color:#fff;background:#081b2b}
.fa-hero__bg{position:absolute;inset:0;z-index:-2}
.fa-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform-origin:50% 40%;animation:pjKB 24s ease-out infinite alternate}
.fa-hero__fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(8,18,26,.35) 0%,rgba(8,18,26,.1) 28%,rgba(8,18,26,.88) 68%,#08121a 100%)}
.fa-hero__content{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:.9rem;align-items:center;padding-bottom:1.6rem}
.fa-hero__content .fa-kicker{grid-column:1/-1;margin:0;color:#a4eee5}
.fa-hero h1{color:#fff;font-size:clamp(2.2rem,3.8vw + .4rem,3.6rem);line-height:1.05;margin:0}
.fa-hero h1 em{color:#a4eee5}
.fa-hero__lead{margin:0;font-size:1.02rem;line-height:1.7;color:#f1f5f9;max-width:34rem}
.fa-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.3rem}
.fa-btn{display:inline-flex;align-items:center;gap:.8rem;padding:.95rem 1.3rem;border-radius:2px;text-decoration:none;font:700 .8rem/1 var(--font);letter-spacing:.04em;position:relative;overflow:hidden;transition:transform .25s,background .25s,color .25s,border-color .25s}
.fa-btn i{font-style:normal}
.fa-btn--solid{background:#0b8f86;color:#fff}.fa-btn--solid:hover{background:#12aa9f;transform:translateY(-2px)}
.fa-btn--ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.4);color:#fff}.fa-btn--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.fa-btn--light{background:#fff;color:var(--ink)}.fa-btn--light:hover{background:#39c7bb;transform:translateY(-2px)}
.fa-hero__meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.28);padding:1.3rem 0;font:500 .65rem/1.3 var(--mono);letter-spacing:.16em;color:rgba(255,255,255,.75)}
.fa-hero__meta span+span{border-left:1px solid rgba(255,255,255,.25);padding-left:1.5rem}
@media (prefers-reduced-motion:reduce){.fa-hero__bg img{animation:none}}

.fa-intro{padding:7rem 0 6.5rem}
.fa-heading{display:grid;grid-template-columns:1fr .9fr;gap:5rem;align-items:center;margin-bottom:3.4rem}
.fa-intro h2,.fa-process h2{font-size:clamp(2.2rem,3.4vw + .6rem,4rem);margin:0}
.fa-note{border-left:2px solid var(--accent);padding-left:1.6rem;margin:0;font-size:1.05rem;line-height:1.7;color:#526579}
.fa-note strong,.fa-note span{display:block}
.fa-note strong{font-size:1.4rem;line-height:1.25;font-weight:700;color:var(--ink);margin-bottom:.7rem}
.fa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}
.fa-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e5e8e8;box-shadow:0 15px 40px rgba(16,42,67,.05);display:flex;flex-direction:column;min-width:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.fa-card::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--accent);transition:width .4s;z-index:2}
.fa-card:hover::before{width:100%}
.fa-card:hover{transform:translateY(-10px);box-shadow:0 28px 65px rgba(16,42,67,.2);border-color:var(--accent)}
.fa-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:1.35;background:#0b1116}
.fa-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.fa-card:hover .fa-card__media img{transform:scale(1.06)}
.fa-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,27,43,.7))}
.fa-card__media span{position:absolute;left:1.3rem;bottom:1.1rem;z-index:1;color:#fff;font:700 .62rem/1 var(--mono);letter-spacing:.13em}
.fa-card__body{padding:1.8rem 1.9rem 2rem;display:flex;flex-direction:column;flex:1}
.fa-card h3{font-size:clamp(1.55rem,1.4vw + 1rem,2rem);line-height:1.08;font-weight:600;letter-spacing:-.035em;margin:0 0 1rem}
.fa-card h3 em{color:var(--accent)}
.fa-card__p{color:#607386;line-height:1.7;margin:0 0 1.2rem;font-size:.98rem}
.fa-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.6rem}
.fa-chips li{padding:.45rem .6rem;border:1px solid #d8e2e1;color:#0d8279;font:600 .6rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.fa-link{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding-bottom:.5rem;color:#0d8279;text-decoration:none;font:700 .8rem/1.2 var(--font);margin-top:auto;align-self:flex-start}
.fa-link::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--accent);transition:width .35s}
.fa-link:hover{color:var(--ink)}.fa-link:hover::after{width:100%}
.fa-link i{font-style:normal;transition:transform .3s}.fa-link:hover i{transform:translateX(6px)}
.fa-process{background:#0E1A22;color:#fff;padding:6.5rem 0}
.fa-process__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:start}
.fa-process h2{color:#fff;margin-bottom:1.5rem}
.fa-process__in>div>p:not(.fa-kicker){color:rgba(255,255,255,.68);line-height:1.75;margin:0 0 1.8rem}
.fa-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.22)}
.fa-steps li{display:grid;grid-template-columns:60px 1fr;gap:1.2rem;padding:1.6rem 0;border-bottom:1px solid rgba(255,255,255,.22)}
.fa-steps li>span{color:#39c7bb;font-size:1.5rem;font-weight:600}
.fa-steps h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .4rem;letter-spacing:-.02em}
.fa-steps p{color:rgba(255,255,255,.65);line-height:1.6;margin:0}

@media (max-width:900px){
	.fa-wrap{width:min(100% - 40px,600px)}
	.fa-hero{min-height:620px;padding-top:240px}
	.fa-hero__content,.fa-heading,.fa-process__in{grid-template-columns:1fr;gap:1.6rem}
	.fa-hero__meta{grid-template-columns:1fr;gap:.5rem;font-size:.58rem}
	.fa-hero__meta span+span{border-left:0;padding-left:0}
	.fa-intro,.fa-process{padding:4.5rem 0}
	.fa-cards{grid-template-columns:1fr}
}

/* v0.9.2 – hizmet kartı çipleri: 2×2 simetrik, renkli; bağlantı ortalı */
.fa-card__p{margin-bottom:1.4rem}
.fa-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:auto 0 1.7rem;padding-top:.6rem}
.fa-chips li{display:flex;align-items:center;justify-content:center;text-align:center;min-height:2.3rem;padding:.45rem .4rem;border:1px solid #d8e2e1;border-radius:4px;font:600 .72rem/1.25 var(--font);letter-spacing:.025em;text-transform:none;color:#0d8279}
.fa-chip--steel{background:#e4ebf1;border-color:#bccbd8!important;color:#344f66!important}
.fa-chip--alu{background:linear-gradient(135deg,#f5f6f7,#dce0e4);border-color:#c1c8cf!important;color:#424d58!important}
.fa-chip--zinc{background:#dce5e5;border-color:#adbec0!important;color:#3e565c!important}
.fa-chip--copper{background:#f3e2d6;border-color:#d7b498!important;color:#82481f!important}
.fa-chip--teal{background:#dff1eb;border-color:#a5cfc2!important;color:#196650!important}
.fa-chip--slate{background:#e7e7ec;border-color:#bfc0cc!important;color:#4c4c64!important}
.fa-chip--violet{background:#eee5f3;border-color:#cbb4da!important;color:#69417e!important}
.fa-chip--amber{background:#f7edd6;border-color:#ddc58f!important;color:#785715!important}
.fa-card .fa-link{align-self:center;margin-top:0;padding-bottom:.7rem;text-align:center}
.fa-card .fa-link::after{left:50%;width:34px;margin-left:-17px;transition:width .35s,margin-left .35s}
.fa-card .fa-link:hover::after{width:100%;margin-left:-50%;left:50%}

/* Soru-Cevap hero: metin + anahtar görsel */
.qa-hero__in{display:grid;gap:clamp(2rem,4vw,3.4rem);align-items:center}
@media (min-width:880px){.qa-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,310px);gap:clamp(2rem,4vw,3.2rem)}}
.qa-hero__txt .lead{max-width:52ch}
.qa-hero .page-title{max-width:none;font-size:clamp(1.9rem,2.2vw + .9rem,2.75rem);text-wrap:balance}
.qa-hero__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin:1.8rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.2);color:#c5d3dc;font-size:.98rem}
.qa-hero__meta b{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;color:#fff}
.qa-hero__meta span{width:1px;height:1.1em;background:rgba(255,255,255,.28);align-self:center}
.qa-hero__fig{position:relative;margin:0;justify-self:center;width:min(100%,360px)}
.qa-hero__fig::after{content:"";position:absolute;left:-11px;bottom:-11px;width:38px;height:38px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent)}
.qa-hero__frame{display:block;position:relative;padding:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);animation:qaIn 1.5s cubic-bezier(.2,.8,.2,1) both}
.qa-hero__frame>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease}
.qa-hero__frame:hover>img{transform:scale(1.07);filter:saturate(1.12) brightness(1.06)}
.qa-hero__frame{overflow:hidden}
@keyframes qaIn{from{opacity:0;transform:translateY(20px) scale(1.06)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qa-hero__frame{animation:none}.qa-hero__frame>img{transition:none}.qa-hero__frame:hover>img{transform:none;filter:none}}

/* ====== Ana menü (v0.13) ====== */
.nav__list .menu-item-has-children{position:relative}
.nav__list .sub-menu{list-style:none;margin:0;padding:0}

@media (min-width:900px){
	.nav a:not(.btn){padding:.6rem .85rem;letter-spacing:-.005em}
	/* alt menüsü olan başlıklarda küçük ok */
	.nav__list .menu-item-has-children>a{padding-right:1.75rem}
	.nav__list .menu-item-has-children>a::before{content:"";position:absolute;right:.75rem;top:50%;width:6px;height:6px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.5;transition:transform .3s var(--ease),opacity .25s}
	.nav__list .menu-item-has-children:hover>a::before{opacity:1;transform:translateY(-30%) rotate(225deg)}
	.nav__list .menu-item-has-children:hover>a::after{transform:scaleX(1)}
	/* fare boşlukta kaybolmasın */
	.nav__list .menu-item-has-children::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
	.nav__list .sub-menu{position:absolute;left:-.4rem;top:calc(100% + 13px);min-width:268px;padding:.3rem 0;background:#101e27;border:1px solid rgba(159,182,198,.22);box-shadow:0 26px 54px -22px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s}
	.nav__list .sub-menu::before{content:"";position:absolute;top:-6px;left:1.6rem;width:10px;height:10px;background:#101e27;border-left:1px solid rgba(159,182,198,.22);border-top:1px solid rgba(159,182,198,.22);transform:rotate(45deg)}
	.nav__list .sub-menu::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent)}
	.nav__list .menu-item-has-children:hover>.sub-menu,.nav__list .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
	.nav__list .sub-menu li{position:relative}
	.nav__list .sub-menu a:not(.btn){display:block;padding:.62rem 1.9rem .62rem 1.5rem;font-size:.92rem;font-weight:500;letter-spacing:-.005em;color:#c3d3dd;border-radius:0;transition:color .22s,background .22s,padding .3s var(--ease)}
	.nav__list .sub-menu a:not(.btn)::after{content:"";position:absolute;left:0;top:.45rem;bottom:.45rem;right:auto;width:2px;height:auto;background:var(--accent);transform:scaleY(0);transform-origin:50% 50%;transition:transform .28s var(--ease)}
	.nav__list .sub-menu a:not(.btn):hover{background:rgba(255,255,255,.06);color:#fff;padding-left:1.75rem}
	.nav__list .sub-menu a:not(.btn):hover::after{transform:scaleY(1)}
	.nav__list .sub-menu .current-menu-item>a:not(.btn){color:var(--aqua)}
	.nav__list .sub-menu .current-menu-item>a:not(.btn)::after{transform:scaleY(1)}

}

@media (max-width:899px){
	.nav{justify-content:flex-start;padding-top:calc(var(--hdr) + 1.4rem)}
	.nav a:not(.btn){font-size:1.42rem;padding:.78rem 0}
	.nav__list .menu-item-has-children>a{border-bottom:0;padding-bottom:.4rem}
	.nav__list .sub-menu{padding:0 0 .9rem;border-bottom:1px solid rgba(159,182,198,.18)}
	.nav__list .sub-menu a:not(.btn){display:flex;align-items:center;gap:.7rem;padding:.42rem 0 .42rem .1rem;border-bottom:0;font-size:1rem;font-weight:500;color:#b9cdd8}
	.nav__list .sub-menu a:not(.btn)::before{content:"";flex:none;width:14px;height:1px;background:var(--accent)}
	.nav__list .sub-menu a:not(.btn):hover,.nav__list .sub-menu .current-menu-item>a:not(.btn){color:#fff}
	.nav__foot{margin-top:auto;padding-top:1.6rem;display:grid;gap:.15rem;border-top:1px solid rgba(159,182,198,.18);opacity:0;transform:translateY(18px);transition:opacity .5s .58s var(--ease),transform .5s .58s var(--ease)}
	.nav.is-open .nav__foot{opacity:1;transform:none}
	.nav .nav__foot a:not(.btn){display:inline-flex;align-items:center;gap:.65rem;padding:.42rem 0;border-bottom:0;color:#c3d3dd;font-weight:600;font-size:.98rem;letter-spacing:0}
	.nav .nav__foot a:not(.btn):hover{color:#fff}
	.nav__foot .ic{flex:none;width:17px;height:17px;color:var(--aqua)}
	.nav__cta{margin-top:1.8rem}
}
@media (min-width:900px){.nav__foot{display:none}}

/* Referans arşivinde bağlantıyla gelinen kartın vurgulanması */
.rf-card.is-target>a{outline:2px solid var(--acc,#1CA8B3);outline-offset:3px}
.rf-card.is-target{animation:rfTarget 4.2s ease both}
@keyframes rfTarget{0%,70%{box-shadow:0 0 0 6px rgba(28,168,179,.22)}100%{box-shadow:0 0 0 6px rgba(28,168,179,0)}}
@media (prefers-reduced-motion:reduce){.rf-card.is-target{animation:none}}
.rf-card{scroll-margin-top:96px}

/* Dar mobil ekranlarda (360px ve altı) hizmet kartı içindeki iki sütunlu liste taşıyordu */
@media (max-width:899px){.svc-grid{grid-template-columns:minmax(0,1fr)}}
.svc{min-width:0}
.ilist{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:400px){.ilist{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){
  .svc{padding:1.9rem 1.5rem 1.7rem}
  .svc__items{grid-template-columns:minmax(0,1fr);min-height:0}
  .svc__items li{white-space:normal}
}

/* ================= v0.13.0: ana sayfa hero — ikiye bölünmüş düzen ================= */
/* Sol: lacivert metin alanı · Sağ: çerçeveli, ışık izli geniş görsel + alt banttan çıkan künye kartı */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--hdr) + clamp(2rem,3.6vw,3rem)) 0 clamp(2.4rem,4vw,3.6rem)}
.hero__in{display:grid;gap:clamp(2rem,3.4vw,3.2rem);align-items:center}
.hero__text{position:relative;z-index:2;max-width:100%}
.scroll-cue{display:none}

/* Görsel sütunu */
.hero__media{position:relative;z-index:1;margin:0;perspective:none;animation:fadeup 1s .2s var(--ease) both}
.hero__frame{position:relative;display:block;box-sizing:border-box;width:100%;padding:6px;background:linear-gradient(152deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.02) 100%);border:1px solid rgba(127,217,224,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.3),0 28px 48px -22px rgba(0,0,0,.8),0 70px 110px -70px rgba(28,168,179,.55);transform:none;transition:border-color .5s,box-shadow .5s var(--ease)}
.hero__frame::before{content:"";position:absolute;z-index:5;right:auto;bottom:auto;left:-1px;top:-1px;width:28px;height:28px;background:none;border:0;border-left:2px solid var(--aqua);border-top:2px solid var(--aqua);opacity:.78;transform:translate(5px,5px);transition:opacity .45s,transform .45s var(--ease)}
.hero__frame::after{content:"";position:absolute;z-index:5;left:auto;top:auto;right:-1px;bottom:-1px;width:28px;height:28px;background:none;border:0;border-right:2px solid var(--aqua);border-bottom:2px solid var(--aqua);opacity:.78;transform:translate(-5px,-5px);transition:opacity .45s,transform .45s var(--ease)}
.hero__media:hover .hero__frame{border-color:rgba(127,217,224,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.35),0 4px 7px rgba(0,0,0,.32),0 40px 64px -24px rgba(0,0,0,.85),0 90px 130px -70px rgba(28,168,179,.7)}
.hero__media:hover .hero__frame::before,.hero__media:hover .hero__frame::after{opacity:1;transform:none}

.hero__stack{position:relative;display:block;width:100%;aspect-ratio:16/9;background:none;box-shadow:none;overflow:visible}
.hero__pic{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .9s var(--ease),visibility 0s .9s}
.hero__pic.is-active{opacity:1;visibility:visible;transition:opacity .9s var(--ease)}
.hero__ph{position:absolute;inset:0;display:block;overflow:hidden;background:var(--ink-2);box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 8px 22px -12px rgba(0,0,0,.85)}
.hero__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,17,24,.5),rgba(8,17,24,0) 34%);pointer-events:none}
.hero__pic .hero__img,.hero__pic img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--op,50% 50%);border:0;clip-path:none;animation:none;display:block}
.hero__trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}
.hero__trace-tail{stroke-width:3;stroke-linecap:butt;stroke:rgba(111,227,236,.3)}
.hero__trace-head{stroke-width:2;stroke-linecap:butt}

/* Buton ve slayt denetimi */
.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .85rem;margin:1.25rem 0 0;font:500 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9fd9e0}
.hero__meta span+span{display:inline-flex;align-items:center;gap:.85rem}
.hero__meta span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}
.hero__plink{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.15rem;color:var(--aqua);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1px solid rgba(111,227,236,.4);padding-bottom:.25rem;transition:color .3s,border-color .3s}
.hero__plink:hover{color:#d5fcff;border-color:var(--aqua)}
.hero__actions{margin-top:1.7rem}
.hero__ctrl{margin-top:1.5rem;gap:.85rem}
.hero .round{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-color:rgba(255,255,255,.26);background:rgba(8,18,26,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero .round svg{width:18px;height:18px}
.hero__dots{gap:.4rem}
.hero__dots button{padding:.7rem .1rem}
.hero__dots i{width:30px;height:2px;background:rgba(255,255,255,.22)}
.hero__count{font:500 .76rem/1 var(--mono);letter-spacing:.12em;color:#8ba4b2;margin-left:.2rem}
.hero__count b{color:#fff;font-weight:600}

/* Tek kolon (mobil / tablet): görsel metnin altında */
@media (max-width:919px){
  .hero{padding-bottom:calc(clamp(2rem,3.4vw,2.8rem) + 62px + 1rem)}
  .hero__in{gap:1.6rem}
  .hero__media{margin-top:.6rem;width:min(100%,34rem);justify-self:center}
}
/* İki sütun: sol metin %40, sağ görsel %60 */
@media (min-width:920px){
  .hero{padding-bottom:clamp(3.4rem,5vw,5rem)}
  .hero__in{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
  .hero__text{grid-column:1}
  .hero__media{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
  .hero__pic{transition:none}
  .hero__frame,.hero__frame::after{transition:none}
  .hero__media{animation:none}
}
/* Proje bağlantısı görselin altında (slaytla birlikte değişir) */
/* Slayt okları buton satırında, butonlarla dikeyde ortalı */
.hero__actions{align-items:center}
.hero__nav{display:inline-flex;align-items:center;gap:.5rem}
/* Hero üst etiketi: tek satır, daha hafif bir ton */
.hero .eyebrow{font-weight:500;font-size:clamp(.66rem,.52vw + .46rem,.78rem);letter-spacing:.12em;color:rgba(141,222,231,.85);white-space:nowrap;gap:.6rem}
@media (max-width:919px){.hero .eyebrow{white-space:normal;line-height:1.5}}
/* Logo yanındaki tabir: iki satır, "Uzmanı" altta ve üst satırla hizalı */
.brand__tag b{display:block;font-weight:500}
.brand__tag i{display:block;margin-top:.22rem;font-style:normal;font-weight:500;letter-spacing:inherit;color:inherit;text-align:center}
/* 920–1100px arası dar metin sütununda üst etiket tek satırda kalsın */
@media (min-width:920px) and (max-width:1099px){
  .hero .eyebrow{font-size:.62rem;letter-spacing:.07em;gap:.5rem}
}
/* Görselin altında ortalı şerit: önce oklar, sonra proje bağlantısı */
.hero__figbar{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin-top:1.3rem}
.hero__links{display:grid;min-width:0}
.hero__plink--fig{grid-area:1/1;position:static;margin-top:0;justify-self:start;align-self:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s,color .3s,border-color .3s}
.hero__plink--fig.is-active{opacity:1;visibility:visible;transition:opacity .6s var(--ease),color .3s,border-color .3s}
@media (max-width:919px){.hero__figbar{gap:.8rem;margin-top:1.1rem}.hero__plink--fig{font-size:.9rem}}
.hero__nav .hero__dots{margin:0 .15rem}
@media (max-width:919px){.hero__nav{gap:.4rem}.hero__nav .hero__dots{gap:.3rem}.hero__dots i{width:22px}}
/* Şerit: oklar çerçevenin sol alt köşesine, bağlantı sağ alt köşesine yaslı */
.hero__figbar{justify-content:space-between;gap:1rem}
.hero__links{justify-self:end}
.hero__plink--fig{justify-self:end}

/* ================= Çözüm ortakları şeridi (ana sayfa) ================= */
.prt__head{display:grid;gap:1.6rem;align-items:start;margin-bottom:clamp(1.8rem,3vw,2.6rem)}
@media (min-width:900px){.prt__head{grid-template-columns:minmax(0,1fr) minmax(0,38%);gap:2.5rem;align-items:center}}
.prt__eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 .9rem;font:600 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep)}
.prt__eyebrow::before{content:"";width:2.2rem;height:2px;background:var(--accent)}
.prt__title{margin:0;color:var(--ink);font-size:clamp(1.7rem,2.3vw + .6rem,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.14;text-transform:uppercase}
.prt__title em{font-style:normal;color:var(--accent-deep)}
.prt__note{border-left:3px solid var(--accent);padding-left:1.1rem}
.prt__note p{margin:0;color:#4a6274;font-size:1rem;line-height:1.6}
.prt__note p+p{margin-top:.5rem}
.prt__note b{color:var(--ink);font-weight:650}

.prt__viewport{border-top:1px solid rgba(14,26,34,.12);border-bottom:1px solid rgba(14,26,34,.12)}
.prt__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.prt__track::-webkit-scrollbar{display:none}
.prt__track:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.prt__item{flex:0 0 50%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2.2rem 1rem 1.8rem;border-right:1px solid rgba(14,26,34,.1)}
.prt__item:last-child{border-right:0}
@media (min-width:560px){.prt__item{flex-basis:33.3333%}}
@media (min-width:900px){.prt__item{flex-basis:25%}}
@media (min-width:1150px){.prt__item{flex-basis:20%}}
.prt__logo{display:flex;align-items:center;justify-content:center;width:100%;height:84px;filter:grayscale(1);opacity:.68;transition:filter .35s,opacity .35s,transform .35s var(--ease)}
.prt__logo img{max-width:min(100%,180px);max-height:84px;width:auto;height:auto;object-fit:contain}
.prt__logo--txt{font-size:clamp(1.05rem,1.1vw + .7rem,1.4rem);font-weight:750;letter-spacing:-.015em;color:var(--ink);text-align:center;filter:none;opacity:.78}
.prt__item:hover .prt__logo{filter:grayscale(0);opacity:1;transform:translateY(-3px)}
.prt__name{font:500 .68rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7b93a3;text-align:center}

.prt__bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1.1rem 0 0}
.prt__cats{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:0;padding:0;list-style:none;font:500 .68rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8aa1b0}
.prt__cats li+li{display:flex;align-items:center;gap:1.1rem}
.prt__cats li+li::before{content:"/";color:rgba(14,26,34,.25)}
.prt__ctrl{display:flex;align-items:center;gap:.55rem}
.prt .round{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(14,26,34,.18);background:#fff;color:var(--ink);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.prt .round svg{width:17px;height:17px}
.prt .round:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.prt .round:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.prt__track{scroll-behavior:auto}.prt__logo{transition:none}}
/* Logo dosyası henüz yokken marka adı iki kez yazılmasın */
.prt__logo--txt+.prt__name{display:none}
/* Logolar kendi zeminleriyle geldiği için şerit beyaz; gri tonlama kaldırıldı */
.prt__viewport{background:#fff}
.prt__logo{filter:none;opacity:.94}
.prt__item:hover .prt__logo{filter:none;opacity:1}
/* Logo hücreyi kaplasın; altında ayrıca marka adı yazılmasın */
.prt__item{padding:0;gap:0}
.prt__logo{width:100%;height:auto;aspect-ratio:3/2;padding:10px}
.prt__logo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.prt__logo--txt{aspect-ratio:3/2;padding:1.2rem}
/* Ana sayfa: "neden biz" tek satır özeti */
.sec--why1{padding-top:clamp(2.2rem,3.6vw,3rem);padding-bottom:clamp(2.2rem,3.6vw,3rem);background:var(--paper)}
.why1{display:grid;gap:1.3rem;align-items:center;position:relative;padding:clamp(1.5rem,3vw,2.2rem) clamp(1.3rem,2.6vw,2.4rem);background:#fff;border:1px solid rgba(14,26,34,.1);border-left:4px solid var(--accent);box-shadow:0 18px 34px -26px rgba(16,58,82,.55)}
@media (min-width:860px){.why1{grid-template-columns:minmax(0,1fr) auto;gap:2.6rem}}
.why1__t{margin:0;color:var(--ink);font-size:clamp(1.12rem,1.1vw + .85rem,1.5rem);font-weight:600;line-height:1.5;letter-spacing:-.015em}
.why1__t strong{font-weight:750;color:var(--accent-deep)}
.why1 .more{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.2rem;border:1.5px solid var(--accent);color:var(--accent-deep);font-weight:700;white-space:nowrap;transition:background .25s,color .25s}
.why1 .more:hover{background:var(--accent);color:#fff}
.ncar.is-static .ncar__track{overflow:visible;scroll-snap-type:none}

/* ---- Ana sayfa koyu/açık ritmi: koyu bölümler (vitrin + SSS) ---- */
.sec--rhythm{background:radial-gradient(900px 480px at 100% 0,rgba(31,163,174,.13),transparent 62%),var(--ink);color:#c9d7df;overflow:hidden}
.sec--rhythm .more{color:var(--aqua)}
.sec--rhythm .more:hover{color:#fff}
.sec--rhythm .kx.fp-refs{background:transparent}
.sec--rhythm .kx-ab__pi{box-shadow:0 22px 44px -26px rgba(0,0,0,.7)}
.sec--rhythm .faq{border-top:1px solid rgba(159,182,198,.22)}
.sec--rhythm .faq details{border-bottom-color:rgba(159,182,198,.22)}
.sec--rhythm .faq details[open]{background:linear-gradient(90deg,rgba(31,163,174,.12),transparent 65%)}
.sec--rhythm .faq summary{color:#eef4f7}
.sec--rhythm .faq summary:hover{color:var(--aqua)}
.sec--rhythm .faq summary::after{border-color:rgba(159,182,198,.45);color:#eef4f7}
.sec--rhythm .faq details[open] summary::after{background:var(--accent);border-color:var(--accent);color:#fff}
.sec--rhythm .faq details p{color:#a9bcc8}
.sec--rhythm :focus-visible{outline-color:var(--aqua)}

/* Ana sayfa – Doğru sistem başlığı: kart ızgarasının genişliğine yayılır, satır atlamaz */
#hizmetler .shead .h2{max-width:none}

/* Ana sayfa – Özel projeler koyu zemin (kaldırılan Teknik çözüm bölümünün yerine sayfadaki koyu vurgu) */
.ozel--dark{background:var(--ink)}
.ozel--dark .ozel__note{color:#b9cbd6}
.ozel--dark .ozel__note strong{color:#fff}
.ozel--dark .oslider__vp{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.ozel--dark .oslider__count{color:#8fa9ba}
.ozel--dark .oslider__count b{color:#fff}
.ozel--dark .oslider__prog{background:rgba(255,255,255,.18)}

/* Ana sayfa – Malzeme seçenekleri altı: malzeme seçiminde dört temel kriter şeridi */
.mat-crit{margin-top:1.6rem;padding:1.1rem 1.1rem .9rem;background:#eef3f5;border:1px solid rgba(31,163,174,.18);border-radius:8px}
.mat-crit__title{display:flex;align-items:center;gap:.55rem;margin:0 0 .9rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.mat-crit__info{flex:none;width:20px;height:20px;color:var(--accent-deep)}
.mat-crit__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
@media (min-width:1100px){.mat-crit__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:379px){.mat-crit__list{grid-template-columns:minmax(0,1fr)}}
.mat-crit__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-width:0;padding:1.05rem .8rem .95rem;text-align:center;background:#fff;border:1px solid rgba(14,26,34,.08);border-radius:6px;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.mat-crit__item:hover{transform:translateY(-3px);border-color:rgba(31,163,174,.45);box-shadow:0 12px 22px -18px rgba(16,58,82,.5)}
.mat-crit__ico{flex:none;display:grid;place-items:center;color:var(--accent-deep)}
.mat-crit__ico svg{width:24px;height:24px;display:block}
.mat-crit__name{font-size:.88rem;font-weight:650;line-height:1.3;color:var(--ink)}
.mat-crit__note{margin:.85rem 0 0;font-size:.88rem;line-height:1.6;color:#4a6272;text-align:center}
@media (prefers-reduced-motion:reduce){.mat-crit__item{transition:none}.mat-crit__item:hover{transform:none}}
.ozel--dark .ozel__note strong{font-weight:600}
/* Özel projeler – açıklama altındaki "Tüm Projeleri İncele" bağlantısı */
.ozel__link{position:relative;display:flex;align-items:center;gap:.4rem;width:fit-content;margin-top:.55rem;padding-bottom:.15rem;color:var(--accent);font-weight:600;line-height:1.3;text-decoration:none;border-bottom:1px solid rgba(31,163,174,.35)}
.ozel__link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform 250ms ease-out}
.ozel__link .ic{width:16px;height:16px;flex:none;stroke-width:1.8;transition:transform 250ms ease-out}
.ozel__link:hover::after,.ozel__link:focus-visible::after{transform:scaleX(1)}
.ozel__link:hover .ic,.ozel__link:focus-visible .ic{transform:translate(4px,-4px)}
.ozel__link:focus-visible{outline:2px solid var(--aqua);outline-offset:4px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.ozel__link::after,.ozel__link .ic{transition:none}.ozel__link:hover .ic,.ozel__link:focus-visible .ic{transform:none}}

/* Ana sayfa – Referans haritası: harita üstte, 19 il altta 4 sütun (dikey düzen) */
.trmap.trmap--stack{grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;padding:clamp(1rem,2.4vw,1.8rem) clamp(1rem,2.4vw,1.8rem) clamp(.9rem,2vw,1.3rem);background:var(--paper);border:1px solid rgba(31,163,174,.18);border-radius:4px 26px 4px 4px}
.trmap--stack .trmap__stage{justify-content:center}
.trmap--stack .trmap__svg{max-width:1000px;margin-inline:auto}
.trmap--stack .ilist{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:clamp(1rem,2vw,1.5rem);padding-top:clamp(1rem,2vw,1.4rem);border-top:1px solid rgba(14,26,34,.1)}
@media (min-width:1024px){.trmap--stack .ilist{grid-template-columns:repeat(4,minmax(0,1fr))}}
.trmap--stack .ilist__item>a,.trmap--stack .ilist__item>span{padding:.5rem .65rem;gap:.55rem;background:#fff;border-color:rgba(14,26,34,.1);color:var(--ink)}
.trmap--stack .ilist__item b{color:var(--accent-deep);background:rgba(31,163,174,.1)}
.trmap--stack .ilist__item em{font-size:.9rem}
.trmap--stack .ilist__item>a:focus-visible{outline-color:var(--accent-deep)}
.trmap--stack .trmap__foot{margin:0;padding-top:1rem;color:#4a6272}
.trmap--stack .trmap__foot .ozel__link{margin:0 0 0 auto}
.trmap--stack .ilist__item>a:hover,.trmap--stack .ilist__item>a:focus-visible,.trmap--stack .ilist__item.is-hl>a,.trmap--stack .ilist__item.is-hl>span{background:#ffa75a;border-color:#ffa75a;color:#1a1208}
.trmap--stack .ilist__item>a:hover b,.trmap--stack .ilist__item.is-hl b{background:rgba(26,18,8,.14);color:#1a1208}
@media (max-width:480px){.trmap.trmap--stack{padding:.9rem .75rem .8rem}.trmap--stack .ilist__item>a,.trmap--stack .ilist__item>span{padding:.45rem .5rem;gap:.45rem}.trmap--stack .ilist__item b{min-width:1.75rem;padding:.38rem .3rem}.trmap--stack .ilist__item em{font-size:.86rem}.trmap--stack .ilist__item i{display:none}}
/* Referans haritası – kompakt il ızgarası (5/3/2 sütun); "Tüm Referanslar" son hücrede; harita alanının sağ altında Türk bayrağı */
.trmap.trmap--stack{position:relative}
.trmap__flag{position:absolute;right:0;bottom:0;z-index:2;width:clamp(34px,3.4vw,46px);height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(14,26,34,.08),0 6px 14px -8px rgba(14,26,34,.5)}
.trmap--stack .ilist__item>a,.trmap--stack .ilist__item>span{padding:.34rem .5rem;gap:.45rem}
.trmap--stack .ilist__item b{min-width:1.7rem;padding:.3rem .28rem;font-size:.64rem}
.trmap--stack .ilist__item em{font-size:.84rem}
@media (max-width:480px){.trmap--stack .ilist__item>a,.trmap--stack .ilist__item>span{padding:.34rem .45rem;gap:.4rem}.trmap--stack .ilist__item em{font-size:.84rem}}
@media (max-width:600px){.trmap__flag{width:30px}}
.trmap--stack .ilist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.9rem;padding-top:.9rem}
@media (min-width:640px){.trmap--stack .ilist{grid-template-columns:repeat(3,minmax(0,1fr))}.ilist__all{grid-column:span 2}}
@media (min-width:1024px){.trmap--stack .ilist{grid-template-columns:repeat(5,minmax(0,1fr))}.ilist__all{grid-column:auto}}
.ilist__allink{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;height:100%;min-height:2.2rem;padding:.34rem .6rem;border:1px solid rgba(31,163,174,.45);border-radius:3px;background:rgba(31,163,174,.07);color:var(--accent-deep);font-size:.86rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background 250ms ease-out,border-color 250ms ease-out,color 250ms ease-out}
.ilist__allink .ic{width:15px;height:15px;flex:none;stroke-width:1.8;transition:transform 250ms ease-out}
.ilist__allink:hover,.ilist__allink:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}
.ilist__allink:hover .ic,.ilist__allink:focus-visible .ic{transform:translate(3px,-3px)}
.ilist__allink:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ilist__allink,.ilist__allink .ic{transition:none}.ilist__allink:hover .ic,.ilist__allink:focus-visible .ic{transform:none}}
@media (max-width:400px){.ilist__allink{white-space:nowrap;font-size:.8rem;padding:.34rem .4rem;gap:.35rem}}
/* Referans haritası başlığı: masaüstünde tek satır; açıklama sağa yaslı */
@media (min-width:960px){.ozel__head--map{grid-template-columns:auto minmax(14rem,1fr)}.ozel__head--map .h2{max-width:none;white-space:nowrap}.ozel__head--map .ozel__note{justify-self:end}}
/* Soru-Cevap hero: görsel alanı büyütüldü (640×640 görsel, ~360px gösterim) */
@media (min-width:880px){.qa-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,380px)}}
.qa-hero__fig{width:min(100%,380px)}
/* Malzeme kartları: etiket alanları dört kartta aynı çizgiden başlar ve eşit yüksekliktedir (subgrid). Geniş ekranda 1+2 düzen. */
@supports (grid-template-rows:subgrid){
.mat__item{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
.mat__item p{align-self:start}
.mat__tags{align-self:stretch;align-content:flex-start}
}
/* Etiket düzeni: üstte 1 etiket, altta 2 etiket; iki satır da kart içinde ortalı (tüm genişliklerde) */
.mat__tags{row-gap:0;justify-content:center}
.mat__tags::before{content:"";flex-basis:100%;order:1;height:0}
.mat__tags li{order:2}
.mat__tags li:first-child{order:0}
.mat__tags li:not(:first-child){margin-top:.4rem}
/* 1100–1279px'te 4 sütunda alttaki iki etiket sığmıyor; bu aralıkta 2 sütun, 4 sütun 1280px'ten itibaren */
@media (min-width:1100px) and (max-width:1279.98px){.mat{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1280px){.mat__item h3,.mat__item p,.mat__tags{margin-left:1.25rem;margin-right:1.25rem}}
/* Çözüm ortakları: logo sunumu tek dilde — eşit iç boşluk, ortalı, gerçek boyutlu görsel kutusu */
.prt__logo{padding:13% 14%;box-sizing:border-box;min-height:0;overflow:hidden}
.prt__logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
/* Çok geniş (yatay) logolar: yatayda daha fazla, dikeyde daha az boşluk → optik boyut diğerleriyle dengelenir */
.prt__logo:is([data-logo="tezcan-galvaniz"],[data-logo="triotex"],[data-logo="izober"],[data-logo="kronospan"],[data-logo="kml"]){padding:16% 7%}
/* Kendi zemini olan logolar (blok görünümlü): biraz küçültülüp yumuşak köşe ve ince çerçeveyle rozet gibi sunulur */
.prt__logo:is([data-logo="rheinzink"],[data-logo="sfc"],[data-logo="velux"],[data-logo="triotex"]) img{border-radius:6px;box-shadow:0 0 0 1px rgba(14,26,34,.08),0 8px 18px -14px rgba(14,26,34,.45)}
.prt__logo:is([data-logo="rheinzink"],[data-logo="sfc"],[data-logo="velux"]){padding:17% 18%}
/* Alt kategori etiketleri: kontrast çok hafif artırıldı */
.prt__cats{color:#6a8292}
.prt__cats li+li::before{color:rgba(14,26,34,.32)}
/* Alt bilgi imzası: sessiz, küçük; "EST Web" üzerinden aralıklı ince bir turkuaz ışık geçer, üzerine gelince belirginleşir */
.est-footer-wrapper .est-sign{position:relative;display:inline-flex;align-items:center;gap:.7em;padding:2px 0;font:500 .7rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#4d6372;transition:color .5s ease}
.est-sign__t{transition:color .5s ease}
.est-sign__n{display:inline-flex;align-items:center;gap:.7em;font-weight:600;color:transparent;background:linear-gradient(105deg,#5a7180 0%,#5a7180 42%,#8cc9ce 50%,#5a7180 58%,#5a7180 100%);background-size:320% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:estSheen 11s ease-in-out 4s infinite}
.est-sign__n::before{content:"";width:14px;height:1px;background:rgba(96,128,152,.45);transition:width .5s ease,background-color .5s ease}
.est-sign__n{position:relative}
.est-sign__n::after{content:"";position:absolute;left:calc(14px + .7em);right:0;bottom:-5px;height:1px;background:rgba(58,158,166,.65);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s ease}
.est-sign:hover .est-sign__n::before,.est-sign:focus-visible .est-sign__n::before{background:rgba(58,158,166,.55)}
.est-sign:hover .est-sign__n::after,.est-sign:focus-visible .est-sign__n::after{transform:scaleX(1)}
.est-footer-wrapper .est-sign:hover,.est-footer-wrapper .est-sign:focus-visible{color:#7d93a2}
.est-sign:hover .est-sign__n,.est-sign:focus-visible .est-sign__n{animation:none;background:none;color:#5fb3ba}
.est-sign:focus-visible{outline:1px solid rgba(58,158,166,.6);outline-offset:4px}
@keyframes estSheen{0%,76%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.est-sign__n{animation:none;background:none;color:#5a7180}.est-sign__n::after{transition:none}}
/* Footer: iki web sitesi sosyal ikonların altında yan yana */
.est-sites .est-sub{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0}
.est-sites .est-sub li{padding-left:14px;white-space:nowrap}
.est-sites .est-sub a{color:#3fb8c1;font-size:.84rem;font-weight:600}
.est-sites .est-sub a:hover{color:var(--aqua)}
.est-sites .est-sub li::before{border-color:rgba(63,184,193,.75)}
/* Footer: sosyal ikonlar arasında dengeli boşluk (ne sıkışık ne dağınık) */
.est-social-area{gap:18px}
/* Özel projeler: proje bağlantı göstergesi ortadan sağ alta, yazılı küçük hap olarak (görseli kapatmasın) */
.oslide__zoom{left:auto;top:auto;right:clamp(1.2rem,3vw,2.6rem);bottom:clamp(1.2rem,3vw,2.6rem);width:auto;height:42px;margin:0;padding:0 1rem 0 1.15rem;gap:.5rem;display:inline-flex;align-items:center;border-radius:999px;color:#fff;background:rgba(10,24,32,.5);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(6px);opacity:0;transition:opacity .35s,transform .35s,background .25s,border-color .25s}
.oslide__zoom em{font-style:normal;font-size:.88rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.oslide__zoom svg{width:18px;height:18px}
.oslide.is-active .oslide__zoom{opacity:.85;transform:none}
.oslide a:hover .oslide__zoom{opacity:1;transform:none;background:var(--accent);border-color:var(--accent)}
@media (max-width:759px){.oslide__zoom{height:36px;padding:0 .8rem}.oslide__zoom em{display:none}.oslide__zoom{padding:0;width:36px;justify-content:center}}
@media (prefers-reduced-motion:reduce){.oslide__zoom{transition:none}}
/* Bilgi Merkezi sayfalama: kartların altında ortalı, kare kutular + önceki/sonraki */
.kx-pager{margin-top:clamp(2.2rem,4vw,3.2rem);padding-top:clamp(1.6rem,3vw,2.2rem);border-top:1px solid rgba(14,26,34,.1)}
.kx-pager .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kx-pager .nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}
.kx-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:44px;height:44px;padding:0 .8rem;border:1px solid rgba(14,26,34,.12);background:#fff;color:var(--ink);font:600 .95rem/1 var(--font);text-decoration:none;transition:border-color .25s,color .25s,background .25s}
.kx-pager a.page-numbers:hover{border-color:var(--accent);color:var(--accent-deep)}
.kx-pager .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}
.kx-pager .page-numbers.dots{border-color:transparent;background:none;min-width:auto;padding:0 .2rem;color:var(--steel)}
.kx-pager .prev,.kx-pager .next{padding:0 1.1rem;color:var(--accent-deep)}
.kx-pager .prev{margin-right:.6rem}.kx-pager .next{margin-left:.6rem}
.kx-pager .prev svg,.kx-pager .next svg{transition:transform .25s}
.kx-pager .prev:hover svg{transform:translateX(-3px)}.kx-pager .next:hover svg{transform:translateX(3px)}
.kx-pager a.page-numbers:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:520px){.kx-pager .prev span,.kx-pager .next span{display:none}.kx-pager .prev,.kx-pager .next{padding:0;min-width:44px;margin:0}}
/* Projeler: alt bilgi notu tek satırda kalsın (geniş ekranda) */
.note--wide{max-width:none;text-wrap:pretty}

/* ===== Hizmetler (/hizmetler/) revizyonları ===== */
/* Breadcrumb: hero içinde, koyu zemine uygun */
.fa-hero__content .crumbs{grid-column:1/-1}
.fa-hero__content .crumbs ol{margin:0 0 .6rem;color:rgba(255,255,255,.62)}
.fa-hero__content .crumbs a:hover{color:#fff}
/* Hero açıklaması: başlığın alt hizasına iner */
.fa-hero__lead{align-self:end;padding-bottom:.35rem}
/* Hero alt şeridi: giriş animasyonu + hover efekti */
.fa-hero__meta span{position:relative;display:flex;align-items:center;gap:.7rem;cursor:default;transition:color .35s,transform .35s cubic-bezier(.2,.8,.2,1);animation:faMetaIn .8s cubic-bezier(.2,.8,.2,1) both}
.fa-hero__meta span:nth-child(2){animation-delay:.12s}.fa-hero__meta span:nth-child(3){animation-delay:.24s}
.fa-hero__meta span::before{content:"";position:absolute;left:0;right:0;top:calc(-1.3rem - 1px);height:2px;background:linear-gradient(90deg,var(--accent),#a4eee5);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fa-hero__meta span+span::before{left:0}
.fa-hero__meta i{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:#39c7bb}
.fa-hero__meta i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid #39c7bb;opacity:0;animation:faPulse 2.6s ease-out infinite}
.fa-hero__meta span:nth-child(2) i::after{animation-delay:.85s}.fa-hero__meta span:nth-child(3) i::after{animation-delay:1.7s}
.fa-hero__meta span:hover{color:#fff;letter-spacing:.2em}
.fa-hero__meta span{transition:color .35s,letter-spacing .45s cubic-bezier(.2,.8,.2,1)}
.fa-hero__meta span:hover i{transform:scale(1.35)}
.fa-hero__meta i{transition:transform .35s,background .35s}
.fa-hero__meta span:hover::before{transform:scaleX(1)}
.fa-hero__meta span:hover i{background:#a4eee5}
@keyframes faMetaIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes faPulse{0%{opacity:.8;transform:scale(.6)}80%,100%{opacity:0;transform:scale(1.9)}}
/* "Fikirden uygulamaya": adımlar kayarak gelir, üzerine gelince canlanır */
.fa-steps li{position:relative;isolation:isolate}
.fa-steps li::after{content:"";position:absolute;inset:0 0 0 -1.1rem;z-index:-1;background:linear-gradient(90deg,rgba(57,199,187,.1),rgba(57,199,187,0) 75%);opacity:0;transition:opacity .4s}
.fa-steps li::before{content:"";position:absolute;left:-1.1rem;top:-1px;bottom:-1px;width:2px;background:linear-gradient(180deg,var(--accent),#a4eee5);transform:scaleY(0);transform-origin:50% 0;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.fa-steps li>span{transition:transform .45s cubic-bezier(.2,.8,.2,1),color .3s}
.fa-steps h3{transition:transform .45s cubic-bezier(.2,.8,.2,1),color .3s}
.fa-steps p{transition:color .3s}
.fa-steps li:hover::after{opacity:1}
.fa-steps li:hover::before{transform:scaleY(1)}
.fa-steps li:hover>span{transform:scale(1.18);color:#a4eee5}
.fa-steps li:hover h3{transform:translateX(6px);color:#a4eee5}
.fa-steps li:hover p{color:rgba(255,255,255,.85)}
.js .fa-steps li.reveal{transform:translateX(34px)}
.js .fa-steps li.reveal.is-in{transform:none}
.js .fa-steps li.reveal:nth-child(2){transition-delay:.14s}.js .fa-steps li.reveal:nth-child(3){transition-delay:.28s}
@media (prefers-reduced-motion:reduce){.fa-hero__meta span,.fa-hero__meta i::after{animation:none}.fa-steps li,.fa-steps li *,.fa-hero__meta span{transition:none}.js .fa-steps li.reveal{transform:none}}
@media (max-width:900px){.fa-hero__meta span::before{display:none}.fa-hero__lead{align-self:auto;padding-bottom:0}}

/* ===== Teklif Al sayfası (kq) ===== */
.kq-hero__fig .kc-hero__frame>img{aspect-ratio:4/3;object-position:100% 50%}
@media (min-width:900px){.kq-card{grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr)}}
.kq-steps{grid-column:1/-1;display:grid;margin:0;padding:0;list-style:none;background:var(--paper,#f3f6f8);border-bottom:1px solid rgba(14,26,34,.1);counter-reset:none}
@media (min-width:700px){.kq-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kq-steps li{position:relative;display:flex;gap:1rem;align-items:flex-start;padding:clamp(1.2rem,2vw,1.6rem) clamp(1.3rem,2.2vw,2rem)}
.kq-steps li+li{border-top:1px solid rgba(14,26,34,.1)}
@media (min-width:700px){.kq-steps li+li{border-top:0;border-left:1px solid rgba(14,26,34,.1)}
 .kq-steps li:not(:last-child)::after{content:"";position:absolute;right:-6px;top:50%;width:11px;height:11px;margin-top:-6px;background:var(--paper,#f3f6f8);border-top:1px solid rgba(14,26,34,.18);border-right:1px solid rgba(14,26,34,.18);transform:rotate(45deg);z-index:1}}
.kq-steps__n{flex:none;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:1.5rem;font-weight:500;line-height:1;color:var(--accent);letter-spacing:-.02em;padding-top:.1rem}
.kq-steps__t{font-size:.9rem;line-height:1.5;color:var(--steel)}
.kq-steps__t b{display:block;margin-bottom:.2rem;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.kq-info{padding:clamp(1.8rem,2.6vw,2.3rem) clamp(1.3rem,2vw,1.8rem)}
.kq-info .kc-info__h{font-size:1.2rem}
.kq-info__note{margin:0;padding-top:1.4rem;border-top:1px solid rgba(159,182,198,.16);font-size:.9rem;line-height:1.6;color:#9fb6c6}
.kq-info ul{margin-bottom:1.6rem}
.kq-info .kc-info__ph{min-height:200px;margin:1.6rem calc(-1 * clamp(1.3rem,2vw,1.8rem)) calc(-1 * clamp(1.8rem,2.6vw,2.3rem))}

/* Teklif Al v2: form başlığı, hero kutuları, alanlar, buton */
.kq .kc-form__head{border-bottom:1px solid rgba(14,26,34,.12);position:relative;padding-bottom:1.4rem}
.kq .kc-form__head::after{content:"";position:absolute;left:50%;bottom:-1px;width:56px;height:2px;margin-left:-28px;background:var(--accent)}
.kq .kc-form__head .kq-form__k{margin:0 0 .55rem;max-width:none;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep)}
.kq .kc-form__h{letter-spacing:-.02em;font-size:clamp(1.45rem,1.2vw + 1rem,1.95rem);margin-bottom:.6rem;color:var(--ink)}
.kq .kc-form__head p:last-child{max-width:56ch}

.kq .kc-acts{gap:.8rem}
.kq .kc-act{position:relative;gap:1rem;padding:1.05rem 1.3rem 1.05rem 1.1rem;border:1px solid rgba(159,182,198,.2);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));overflow:hidden}
.kq .kc-act::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(.35);transition:transform .45s var(--ease)}
.kq .kc-act--wa::before{background:#3fcf86}
.kq .kc-act .ic{width:20px;height:20px;padding:10px;box-sizing:content-box;border:1px solid rgba(111,227,236,.32);border-radius:50%;background:rgba(31,163,174,.08);transition:background .3s,border-color .3s}
.kq .kc-act--wa .ic{border-color:rgba(92,227,154,.32);background:rgba(63,207,134,.08)}
.kq .kc-act small{font-size:.74rem;letter-spacing:.04em;color:#8fa6b5;margin-bottom:.2rem}
.kq .kc-act b{font-size:1rem;font-weight:600;letter-spacing:0}
.kq .kc-act:hover{background:rgba(31,163,174,.09);border-color:rgba(111,227,236,.4);transform:translateY(-2px)}
.kq .kc-act:hover::before{transform:none}
.kq .kc-act:hover .ic{background:rgba(31,163,174,.2);border-color:var(--aqua)}
.kq .kc-act--wa:hover{background:rgba(63,207,134,.08);border-color:rgba(92,227,154,.45)}
.kq .kc-act--wa:hover .ic{background:rgba(63,207,134,.18);border-color:#5ce39a}

.kq .qform{gap:1.25rem}
.kq .qform__row{gap:1.25rem 1.1rem}
.kq .qform label:not(.check){gap:.45rem;font-size:.82rem;font-weight:600;letter-spacing:.01em;color:#2a3d49}
.kq .qform input:not([type=checkbox]),.kq .qform select,.kq .qform textarea{height:50px;padding:0 1rem;border:1px solid #cfdbe2;border-radius:4px;background:#fff;font-size:.95rem;transition:border-color .25s,box-shadow .3s,background .25s}
.kq .qform textarea{height:auto;min-height:132px;padding:.85rem 1rem;line-height:1.55;resize:vertical}
.kq .qform select{padding-right:2.4rem}
.kq .qform input:not([type=checkbox]):hover,.kq .qform select:hover,.kq .qform textarea:hover{border-color:#9fb6c6}
.kq .qform input:not([type=checkbox]):focus,.kq .qform select:focus,.kq .qform textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,163,174,.14),0 6px 16px -10px rgba(31,163,174,.6);background:#fff;outline:0}
.kq .qform label:focus-within:not(.check){color:var(--accent-deep)}
.kq .qform ::placeholder{color:#9aabb6}
.kq .qform .check{margin-top:.2rem;color:var(--steel);line-height:1.55}

.kq .qform .btn--primary{justify-self:start;gap:.9rem;padding:1.05rem 1.7rem 1.05rem 1.9rem;font-size:1rem;font-weight:700;letter-spacing:.01em;border-radius:3px;background:linear-gradient(135deg,#1fb3bf,#0f8d99);color:#fff;box-shadow:0 14px 30px -14px rgba(16,104,112,.85);transition:background .45s var(--ease),box-shadow .4s var(--ease),transform .3s var(--ease)}
.kq .qform .btn--primary:hover{background:linear-gradient(135deg,#17a0ab,#0b6f78);box-shadow:0 18px 36px -14px rgba(16,104,112,.95);transform:translateY(-2px)}
.kq .qform .btn--primary .btn__arrow{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);transition:transform .35s var(--ease),background .3s}
.kq .qform .btn--primary:hover .btn__arrow{transform:translateX(4px);background:rgba(255,255,255,.28);animation:kqArrow .9s var(--ease) .35s infinite alternate}
@keyframes kqArrow{from{transform:translateX(4px)}to{transform:translateX(8px)}}
@media (max-width:520px){.kq .qform .btn--primary{justify-self:stretch;justify-content:center}}
@media (prefers-reduced-motion:reduce){.kq .qform .btn--primary:hover .btn__arrow{animation:none}}
/* Teklif Al v3: hero kutuları daha kompakt */
.kq .kc-acts{gap:.6rem;margin-top:1.6rem}
@media (min-width:520px){.kq .kc-acts{grid-template-columns:repeat(2,max-content);max-width:none}}
.kq .kc-act{gap:.7rem;padding:.55rem 1.05rem .55rem .65rem}
.kq .kc-act .ic{width:15px;height:15px;padding:7px}
.kq .kc-act small{font-size:.68rem;margin-bottom:.05rem;line-height:1.2}
.kq .kc-act b{font-size:.92rem;line-height:1.25}
/* Teklif Al v6: buton daha ince */
.kq .qform .btn--primary{padding:.7rem 1.25rem .7rem 1.5rem;gap:.7rem;font-size:.95rem;min-height:0;line-height:1.2}
.kq .qform .btn--primary .btn__arrow{width:22px;height:22px;font-size:.85rem}
/* Teklif Al v7: yeni hero görseli (4:3) */
.kq-hero__fig .kc-hero__frame>img{object-position:50% 50%}
/* Teklif Al v8: başlıkta turkuaz gradient */
.kq-grad{background:linear-gradient(100deg,#8ff0f5 0%,#3fd0db 45%,#1fa3ae 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#3fd0db;padding-bottom:.06em}
.kq-hero .kc-lead{max-width:none}
@media (max-width:640px){.kq-br{display:none}}
.kq-hero .crumbs{margin-bottom:1.1rem}
/* Teklif Al v9: süreç şeridi daha kompakt */
.kq-steps li{gap:.8rem;padding:.85rem clamp(1.1rem,1.8vw,1.6rem);align-items:center}
.kq-steps__n{font-size:1.2rem;padding-top:0}
.kq-steps__t{font-size:.84rem;line-height:1.4}
.kq-steps__t b{font-size:.93rem;margin-bottom:.1rem}

/* ===== Hizmetler: SEO düzenlemeleri ===== */
.fa-hero h1.fa-h1{display:contents}
.fa-h1 .fa-kicker{display:block}
.fa-h1__t{display:block;color:#fff;font-size:clamp(2.2rem,3.8vw + .4rem,3.6rem);line-height:1.05;letter-spacing:-.025em;font-weight:760;text-wrap:balance;margin:0}
.fa-h1__t em{color:#a4eee5}
.fa-chips li{position:relative;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s}
.fa-chips li a{color:inherit;text-decoration:none}
.fa-chips li a::after{content:"";position:absolute;inset:0}
.fa-chips li:hover{transform:translateY(-2px);box-shadow:0 6px 14px -8px rgba(14,26,34,.45)}
.fa-chips li a:focus-visible{outline:none}
.fa-chips li:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.fa-faq .kx-eyebrow b:empty{display:none}

/* ===== İletişim: Teklif Al ile uyum + yeni harita başlığı ===== */
.kc-contact .kc-info__foot{margin-top:1.2rem}
.kc-loc__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin:0 0 1.3rem}
.kc-loc__head .kq-form__k{margin:0 0 .5rem;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep)}
.kc-contact .kc-loc__h{margin:0 0 .35rem;text-align:left;font-size:clamp(1.4rem,1.1vw + 1rem,1.85rem);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.kc-loc__a{margin:0;color:var(--steel);font-size:.95rem}
.kc-loc__go{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;border:1px solid rgba(14,26,34,.2);border-radius:3px;color:var(--ink);font-weight:600;font-size:.92rem;text-decoration:none;transition:border-color .25s,color .25s,background .25s}
.kc-loc__go span{transition:transform .3s var(--ease)}
.kc-loc__go:hover{border-color:var(--accent);color:var(--accent-deep);background:rgba(31,163,174,.06)}
.kc-loc__go:hover span{transform:translateX(4px)}
.kc-contact .kc-map{padding:0;border:1px solid rgba(14,26,34,.14);box-shadow:0 22px 50px -38px rgba(8,18,26,.55)}
.kc-contact .kc-map::after{display:none}
.kc-contact .kc-map__in{aspect-ratio:16/6}
@media (max-width:700px){.kc-contact .kc-map__in{aspect-ratio:4/3}}
.kc-nw{white-space:nowrap}
.kc-contact .kc-hero .crumbs{margin-bottom:1.1rem}
/* İletişim: iki e-posta + sosyal ikonlar ortalı */
.kc-info .kc-mails{display:flex;gap:.8rem;align-items:flex-start;padding:.72rem .2rem;line-height:1.45}
.kc-mails>span>a{display:block;width:max-content;max-width:100%;color:#fff;text-decoration:none;transition:color .25s,transform .3s var(--ease)}
.kc-mails>span>a+a{margin-top:.2rem}
.kc-mails>span>a:hover{color:var(--aqua);transform:translateX(4px)}
.kc-info .kc-soc li+li{border-top:0}
.kc-info .kc-soc li>a,.kc-info .kc-soc li>a:hover{display:grid;place-items:center;padding:0;gap:0}
.kc-info .kc-soc .ic{margin:0}
/* İletişim: e-postalar yan yana */
.kc-mails>span{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:0}
.kc-mails>span>small{flex:0 0 100%}
.kc-mails>span>a{display:inline-block}
.kc-mails>span>a+a{margin-top:0;margin-left:.9rem;padding-left:.9rem;border-left:1px solid rgba(159,182,198,.3)}
/* İletişim: ofis görseli kırpılmadan (4:5), form yüksekliği mesaj alanıyla dengelenir */
@media (min-width:900px){
 .kc-contact .kc-info__ph{flex:none;aspect-ratio:1/1;height:auto}
 .kc-contact .kc-info__ph img{object-position:50% 45%}
 .kc-contact .kc-formwrap{display:flex;flex-direction:column}
 .kc-contact .qform{flex:1;display:flex;flex-direction:column}
 .kc-contact .qform label:has(textarea){flex:1;display:flex;flex-direction:column}
 .kc-contact .qform textarea{flex:1;min-height:160px}
 .kc-contact .qform .btn--primary{align-self:flex-start}
}
@media (max-width:899px){.kc-contact .kc-info__ph{aspect-ratio:4/5}}
@media (min-width:900px){.kc-contact .kc-card{grid-template-columns:.8fr 1.2fr}}
.kc-mails>span>a{font-size:.95rem}
.kc-mails>span>a+a{margin-left:.75rem;padding-left:.75rem}
@media (max-width:1279px) and (min-width:900px){.kc-mails>span>a+a{margin-left:0;padding-left:0;border-left:0;flex-basis:100%}}
.kc-contact .kc-form__head p:last-child{max-width:none}
/* İletişim: ofis görseline fareyle üzerine gelince yavaş zoom-in */
.kc-contact .kc-info__ph{overflow:hidden}
.kc-contact .kc-info__ph img{transform-origin:35% 45%;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),filter 1.2s ease}
.kc-contact .kc-info__ph:hover img{transform:scale(1.08);filter:saturate(1.08) brightness(1.03)}
@media (prefers-reduced-motion:reduce){.kc-contact .kc-info__ph img{transition:none}.kc-contact .kc-info__ph:hover img{transform:none}}
/* İletişim hero: görsel yüksekliği yazı bloğuyla (sayfa yolu → butonlar) hizalı */
@media (min-width:960px){
 .kc-contact .kc-hero__in{align-items:stretch}
 .kc-contact .kc-hero__fig{contain:size;align-self:stretch;justify-self:end;width:auto;height:auto;aspect-ratio:1/1;max-width:440px}
 .kc-contact .kc-hero__frame{height:100%;box-sizing:border-box}
 .kc-contact .kc-hero__frame>img{width:100%;height:100%;aspect-ratio:auto}
}
/* Teklif Al: ofis görseline fareyle üzerine gelince yavaş zoom-in (İletişim ile aynı) */
.kq-info .kc-info__ph{overflow:hidden}
.kq-info .kc-info__ph img{transform-origin:35% 45%;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),filter 1.2s ease}
.kq-info .kc-info__ph:hover img{transform:scale(1.08);filter:saturate(1.08) brightness(1.03)}
@media (prefers-reduced-motion:reduce){.kq-info .kc-info__ph img{transition:none}.kq-info .kc-info__ph:hover img{transform:none}}

/* ===== Bilgi Merkezi hero: görsel çerçevede, hover zoom ===== */
.bm-hero__in{display:grid;gap:clamp(2rem,4vw,3.4rem);align-items:center}
@media (min-width:960px){.bm-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}
.bm-hero__txt .page-title{max-width:16ch}
.bm-hero__fig{width:min(100%,560px);justify-self:end}
.bm-hero__fig .kc-hero__frame>img{aspect-ratio:16/9;object-position:50% 50%}
@media (max-width:959px){.bm-hero__fig{justify-self:start}}
/* Bilgi Merkezi: Sözlük / Soru-Cevap kart ikonları */
.kb-links__ico{width:56px;height:56px;border:1px solid rgba(111,227,236,.22);transition:background .3s,border-color .3s,transform .4s var(--ease)}
.kb-links__ico svg{width:30px;height:30px;stroke-width:1.6}
.kb-links a:hover .kb-links__ico{background:rgba(31,163,174,.26);border-color:rgba(111,227,236,.5);transform:rotate(-4deg) scale(1.05)}
/* Bilgi Merkezi kartları: "git" bağlantısı metnin son satırıyla aynı hizada, sağda */
.kb-links a{grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;align-items:start;height:100%;box-sizing:border-box}
.kb-links__t{min-width:0}
.kb-links__ico{grid-row:auto}
.kb-links__go{display:block;margin-top:.75rem;line-height:1.4;white-space:normal}
@media (max-width:520px){.kb-links a{column-gap:.85rem;padding:1.2rem}.kb-links__t strong{font-size:1.1rem}}

/* ===== Sözlük v2: koyu hero, sade harf başlıkları, 3 sütun kartlar ===== */
.gl-hero{background:radial-gradient(900px 440px at 88% -10%,rgba(31,163,174,.28),transparent 62%),var(--ink);color:#c3d3dd;padding-bottom:4rem}
.gl-hero .crumbs ol{color:#9fb6c6}
.gl-hero .crumbs a{color:#9fb6c6}
.gl-hero .crumbs a:hover{color:#fff}
.gl-hero .crumbs{margin-bottom:1.1rem}
.gl-hero__title{color:#fff;margin-bottom:1rem}
.gl-hero .lead{color:#c3d3dd}
.gl-stats{border-top-color:rgba(159,182,198,.22)}
.gl-stats strong{color:#fff}
.gl-stats span{color:#8fa6b5}
.gl-hero__stage{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 .5rem rgba(255,255,255,.05),0 0 0 calc(.5rem + 1px) rgba(255,255,255,.14)}
.gl-hero__stage::after{left:-19px;bottom:-19px}
.gl-hero__fig figcaption{color:#8fa6b5;padding-top:1.4rem}
.gl-hero__fig figcaption b{color:#fff}
@media (max-width:959px){
 .gl-hero__fig{max-width:300px;margin:0 auto}
 .gl-hero__book{width:min(100%,220px)}
 .gl-hero__stage{padding:.9rem}
 .gl-hero{padding-bottom:3rem}
}
.gl-sec__head{justify-content:space-between;margin-bottom:.4rem;padding-bottom:.8rem}
.gl-sec__head h2.gl-sec__badge{margin:0;flex:none;color:var(--ink);font:650 clamp(1.9rem,2.4vw,2.6rem)/1 var(--font);letter-spacing:-.045em}
@media (max-width:640px){.gl-sec__head{flex-wrap:nowrap}.gl-sec__n{width:auto}}
@media (min-width:1100px){.gl-cards{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.8rem,2.6vw,2.8rem)}}
.gl-card{padding:1.2rem 0 1.25rem}
.gl-card__def{max-width:none;font-size:.95rem;line-height:1.62;margin-bottom:.7rem}
.gl-sec{margin-top:clamp(2rem,3vw,2.8rem)}
@media (max-width:959px){.gl-hero__fig{max-width:240px}.gl-hero__book{width:min(100%,180px)}.gl-hero__fig figcaption{display:none}.gl-hero__in{gap:2rem}}
.gl-hero__stage{background:linear-gradient(168deg,#eef3f5,#d3dee4)}
.gl-cta p:not(.eyebrow){max-width:none}
/* Sözlük hero: kitap koyu sahnede, arkasında turkuaz ışık */
.gl-hero__stage{background:radial-gradient(60% 55% at 50% 45%,rgba(111,227,236,.30),rgba(31,163,174,.10) 55%,transparent 75%),linear-gradient(168deg,#1b2f3a,#0f1d25)}
.gl-hero__book{filter:drop-shadow(0 30px 40px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(160,230,236,.35))}
.gl-hero__stage:hover .gl-hero__book{filter:drop-shadow(0 46px 56px rgba(0,0,0,.65)) drop-shadow(0 0 1px rgba(160,230,236,.45))}
/* Sözlük hero: yeni görsel (4:3), çerçeve + hover zoom */
@media (min-width:960px){.gl-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}
.gl-hero__pic{width:min(100%,560px);justify-self:end}
.gl-hero__pic .kc-hero__frame>img{aspect-ratio:4/3;object-position:50% 50%}
@media (max-width:959px){.gl-hero__pic{justify-self:start;width:min(100%,460px)}}

/* ===== Soru-Cevap v2: geniş hero, arama, koyu kapanış bandı ===== */
.qa-page{padding-bottom:0}
@media (min-width:880px){.qa-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,440px)}}
.qa-hero__fig{width:min(100%,440px);justify-self:end}
.qa-hero .page-title{font-size:clamp(2rem,3vw + .9rem,3.1rem);max-width:18ch}
.qa-hero .crumbs{margin-bottom:1.1rem}
@media (max-width:879px){.qa-hero__fig{justify-self:start;width:min(100%,300px)}}
.qa-search{max-width:520px;margin:0 0 .6rem}
.qa-status{min-height:1.2em;margin:0 0 1.6rem;font-size:.92rem;color:var(--steel)}
.qa-group[hidden],.qa-toc[hidden],.qa-group details[hidden]{display:none}
.qa-empty{margin:1rem 0 0}
.qa-cta{margin-top:clamp(3.4rem,6vw,5rem)}
/* Soru-Cevap hero: yeni 4:3 görsel */
.qa-hero__frame>img{aspect-ratio:4/3}
@media (min-width:880px){.qa-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}
.qa-hero__fig{width:min(100%,560px)}
@media (max-width:879px){.qa-hero__fig{width:min(100%,460px)}}

/* Compact city reference gallery */
.ilg--compact{padding-block:2.5rem}
.ilg--compact .ilg__head{margin-bottom:1.25rem}
.ilg--compact .ilg__head .eyebrow{margin:0 0 .45rem}
.ilg--compact .ilg__head h2{margin:0;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.025em}
.ilg--compact .ilg__grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:stretch}
.ilg--compact .pcard{min-width:0;display:flex;flex-direction:column;transform:none;box-shadow:none}
.ilg--compact .pcard__img{display:block;flex:none;width:100%;aspect-ratio:4/3;background:#e9edef}
.ilg--compact .pcard__img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.ilg--compact .pcard__img picture{display:block;width:100%;height:100%}
.ilg--compact .pcard__img::after{display:none}
.ilg--compact .pcard__body{padding:1rem;flex:1}
.ilg--compact .pcard h3{margin:0 0 .65rem;font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
.ilg--compact .pcard h3 a{color:inherit;text-decoration:none}
.ilg--compact .pcard h3 a:hover{text-decoration:underline}
.ilg--compact .pcard dl{gap:.75rem;flex-wrap:wrap}
.ilg--compact .pcard dd{font-size:.875rem;font-weight:500;overflow-wrap:anywhere}
.ilg--compact .pcard dt{font-size:.6rem}
@media(min-width:640px){.ilg--compact .ilg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.ilg--compact .ilg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Knowledge hub: restrained cards and category filters */
.kb-links a{border:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.kb-links a:hover,.kb-links a:focus-visible{border-color:rgba(111,227,236,.65);transform:none;box-shadow:0 8px 20px -14px rgba(14,26,34,.45)}
.kb-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.page-wrap--dark .hub-body>.filters{align-items:center;gap:.5rem;margin:1.25rem 0 calc(1.75rem + 16px)}
.page-wrap--dark .hub-body>.filters .chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;padding:.4rem .85rem;border:1px solid rgba(14,26,34,.12);border-radius:6px;background:transparent;color:var(--steel);font-size:.82rem;line-height:1.25;font-weight:500;white-space:nowrap;text-decoration:none;transform:none;transition:background .2s,border-color .2s,color .2s}
.page-wrap--dark .hub-body>.filters .chip:hover{background:rgba(31,163,174,.05);border-color:rgba(31,163,174,.3);color:var(--accent-deep);transform:none}
.page-wrap--dark .hub-body>.filters .chip.is-active{background:rgba(31,163,174,.05);border-color:rgba(31,163,174,.2);color:var(--accent-deep);font-weight:600}
.page-wrap--dark .hub-body>.filters .chip.is-active::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:0;height:2px;border-radius:2px;background:var(--accent)}
.page-wrap--dark .hub-body>.filters .chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:520px){.page-wrap--dark .hub-body>.filters{gap:.45rem}.page-wrap--dark .hub-body>.filters .chip{padding:.4rem .65rem;font-size:.78rem}}

/* Knowledge hub hero: paired technical corners */
.bm-hero__fig .kc-hero__frame{padding:0;border:0;background:transparent;box-shadow:none}
.bm-hero__fig::before,.bm-hero__fig::after{content:"";position:absolute;width:32px;height:32px;box-sizing:border-box;border:0;border-style:solid;border-color:var(--accent);pointer-events:none;z-index:1}
.bm-hero__fig::before{top:-7px;right:-7px;bottom:auto;left:auto;border-top-width:1px;border-right-width:1px}
.bm-hero__fig::after{bottom:-7px;left:-7px;top:auto;right:auto;border-bottom-width:1px;border-left-width:1px}
.bm-hero__txt .lead{max-width:38ch;line-height:1.45}
@media(max-width:520px){.bm-hero__fig::before,.bm-hero__fig::after{width:24px;height:24px}}

/* Knowledge cards: right-aligned inline actions */
.kb-links a{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem}
.kb-links__go{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.6rem .7rem;border:1px solid rgba(111,227,236,.3);border-radius:5px;white-space:nowrap;font-size:.8rem;line-height:1.2;color:var(--aqua);background:transparent;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
.kb-links a:hover .kb-links__go,.kb-links a:focus-visible .kb-links__go{background:var(--aqua);border-color:var(--aqua);color:var(--ink);box-shadow:0 4px 12px rgba(0,0,0,.12)}
@media(min-width:760px) and (max-width:1050px){.kb-links a{gap:.75rem;padding:1.1rem}.kb-links__ico{width:40px;height:40px}.kb-links__go{font-size:.72rem;padding:.55rem .5rem}.kb-links__t strong{font-size:1.05rem}}
@media(max-width:520px){.kb-links a{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:1rem}.kb-links__ico{display:none}.kb-links__go{grid-column:2;font-size:.72rem;padding:.55rem .5rem;gap:.3rem}.kb-links__desc{font-size:.85rem}.kb-links__t strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.kb-links__go,.kb-links__go i{transition:none}.kb-links a:hover .kb-links__go i{transform:none}}

/* Project hero: clean image without offset frame */
.pj .pj-fig{padding:0;margin-right:0;border:0;background:var(--ink-2);box-shadow:0 12px 32px -24px rgba(8,14,18,.3)}
.pj .pj-fig::before,.pj .pj-fig::after{display:none}
.pj .pj-fig__in{background:transparent}
.pj .pj-fig__in::after{display:none}
.pj .pj-fig__in img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;animation:none;transform:none}
.pj .pj-fig figcaption{padding:.85rem 1rem;gap:.8rem}
@media(max-width:640px){.pj .pj-fig figcaption{padding:.7rem .85rem}.pj .pj-fig figcaption span{white-space:normal;line-height:1.4}}

/* Back to top: supplied roof arrow */
.to-top{width:48px;height:58px;border:0;border-radius:0;padding:0;background:transparent url('../images/yukari-git.png') center/contain no-repeat;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:0;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65));transition:opacity .3s,transform .25s,filter .25s}
.to-top:hover,.to-top:active{background:transparent url('../images/yukari-git.png') center/contain no-repeat;color:transparent}
.to-top.is-on:hover{transform:translateY(-4px);filter:drop-shadow(0 3px 5px rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(31,163,174,.5))}
.to-top:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}
@media(max-width:899px){.to-top{width:44px;height:53px;right:1rem}}
@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .2s}.to-top.is-on:hover{transform:none}}

/* Contact hero: image matches the text block from breadcrumb to action buttons. */
.kc-contact .kc-hero__in{align-items:stretch;padding-bottom:0}
.kc-contact .kc-hero__fig{contain:size;align-self:stretch;justify-self:end;width:auto;max-width:480px;height:auto;min-height:0;aspect-ratio:1/1;transform:none}
.kc-contact .kc-hero__frame{display:block;height:100%;box-sizing:border-box;padding:.5rem;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.kc-contact .kc-hero__frame>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transform:none}
.kc-contact .kc-hero__frame:hover>img{transform:scale(1.04);filter:saturate(1.1) brightness(1.05)}
@media(min-width:960px){
 .kc-contact .kc-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,480px)}
 .kc-contact .kc-hero__txt{align-self:start}
 .kc-contact .kc-acts{margin-bottom:0}
}
@media(max-width:959px){
 .kc-contact .kc-hero__fig{contain:none;width:100%;max-width:380px;justify-self:center;aspect-ratio:1/1}
 .kc-contact .kc-hero__frame{height:auto}
 .kc-contact .kc-hero__frame>img{height:auto;aspect-ratio:1/1}
}
@media(prefers-reduced-motion:reduce){.kc-contact .kc-hero__frame:hover>img{transform:none;filter:none}}

/* Reference placeholders remain readable and have no photo zoom affordance. */
.rf-card>.rf-card__static{height:auto;box-sizing:border-box;color:inherit}
.rf-card__static .rf-card__img{background:#edf2f5}
.rf-card__static .rf-card__img::after{display:none}
.rf-card__static .rf-card__img img{object-fit:contain;transform:none}
.ilg .pcard__img:not(a) img{cursor:default;transform:none}

/* City reference pages: introduction and projects before optional technical text. */
.city-page .svc-hero{padding-bottom:2.5rem}
.city-page .svc-hero h1{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.15;max-width:24ch}
.city-page .svc-hero .lead{font-size:1rem;line-height:1.6;max-width:65ch}
.city-page__overview{display:grid;gap:2rem;padding-block:2.5rem;align-items:start}
.city-page__intro{min-width:0;max-width:none}
.city-page__intro h2{font-size:clamp(1.3rem,2vw,1.7rem);margin:0 0 1rem;line-height:1.3}
.city-page__intro p{font-size:.98rem;line-height:1.7;margin:0 0 .9rem}
.city-page__projects{min-width:0}
.city-page__projects .ilg{padding:0;background:transparent}
.city-page__projects .ilg>.wrap{width:100%;margin:0}
.city-page__projects .ilg__head h2{font-size:1.25rem}
.city-page__projects .ilg__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.city-page__projects .ilg--single .ilg__grid{grid-template-columns:minmax(0,1fr)}
/* Paired city cards share a preview size; single photos keep their natural ratio. */
.city-page__projects .ilg:not(.ilg--single) .pcard__img{aspect-ratio:16/10}
.city-page__projects .ilg:not(.ilg--single) .pcard__img img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.city-page__projects .ilg:not(.ilg--single) .pcard__img:not(a) img{object-fit:contain}
.city-page__projects .ilg--single .pcard__img{aspect-ratio:auto}
.city-page__projects .ilg--single .pcard__img img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.city-page__details{padding-bottom:1rem}
.city-page__details>details{background:#f0f4f6;border-radius:6px;padding:1rem 1.25rem}
.city-page__details summary{cursor:pointer;font-weight:600;color:var(--ink)}
.city-page__details .prose{padding-top:1rem;max-width:none;width:100%;box-sizing:border-box}
.city-page__details .prose>:first-child{margin-top:0}
.city-page .sec:has(>.wrap--narrow){padding-block:2.5rem}
.city-page #sss-h{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25}
@media(min-width:960px){.city-page__overview{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem}}
@media(max-width:599px){.city-page__projects .ilg__grid{grid-template-columns:minmax(0,1fr)}}

/* Gallery captions: project at left, company at right. */
.ilg--compact .ilg__caption{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1.25rem;flex-wrap:wrap}
.ilg--compact .ilg__caption h3{flex:1 1 auto;min-width:0;margin:0;font-size:1rem;line-height:1.45}
.ilg--compact .ilg__company{flex:0 1 auto;margin:0 0 0 auto;color:var(--steel);font-size:.875rem;line-height:1.45;text-align:right;overflow-wrap:anywhere}

/* City pages: consistent heading hierarchy and shared left edge. */
.city-page__projects .ilg__grid{margin-top:0}
.city-page__intro h2{margin-top:0}
.city-page__details .prose h2{margin-top:1.25rem;margin-bottom:.65rem;font-size:1.3rem;line-height:1.35}
.city-page__details .prose h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem;line-height:1.4}
.city-page__details .prose>:first-child{margin-top:0}
.city-page__details .prose p{margin-bottom:.85rem}
.city-page .sec:has(>.city-page__faq){padding-block:2rem 2.5rem}
.city-page .city-page__faq{max-width:var(--wrap);margin-inline:auto}
.city-page .city-page__faq #sss-h{max-width:none;width:auto;margin:0 0 1rem;font-size:1.5rem;line-height:1.3}

/* City FAQ: restrained numbered question cards */
.city-page .city-page__faq .faq{display:grid;gap:.75rem;counter-reset:city-question}
.city-page .city-page__faq .faq details{counter-increment:city-question;padding:0;border:1px solid #e3ebef;border-radius:9px;background:#f3f6f8;box-shadow:0 3px 12px rgba(15,38,52,.025);overflow:hidden;transition:background .2s,border-color .2s}
.city-page .city-page__faq .faq details:hover{border-color:#bddadd;background:#eff5f6}
.city-page .city-page__faq .faq details[open]{background:#eaf3f4;border-color:#bedadd}
.city-page .city-page__faq .faq summary{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:1rem;margin:0;padding:1.1rem 1.25rem;color:#193342;font-size:1rem;font-weight:600;line-height:1.5;transition:color .2s}
.city-page .city-page__faq .faq summary:hover{padding-left:1.25rem;color:#126977}
.city-page .city-page__faq .faq summary::before{content:counter(city-question,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#e0ebef;color:#557583;font:500 .73rem/1 var(--mono);letter-spacing:.03em}
.city-page .city-page__faq .faq summary::after{content:"+";width:30px;height:30px;border:0;border-radius:50%;background:#e0ebef;color:#426775;font:400 1.2rem/1 var(--font);transition:transform .25s,background .2s,color .2s}
.city-page .city-page__faq .faq details[open] summary{color:#125f6c}
.city-page .city-page__faq .faq details[open] summary::before{background:#d2e9eb;color:#126977}
.city-page .city-page__faq .faq details[open] summary::after{transform:rotate(45deg);background:#167f8d;color:#fff}
.city-page .city-page__faq .faq summary:focus-visible{outline:2px solid #167f8d;outline-offset:-4px;border-radius:9px}
.city-page .city-page__faq .faq details p{max-width:none;margin:0;padding:0 4.4rem 1.25rem 4.4rem;color:#405d6a;font-size:.96rem;line-height:1.75}
.city-page .city-page__faq .faq-more{margin-top:1.2rem}
.city-page .city-page__faq .faq-more .more{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border:1px solid #d7e5e8;border-radius:5px;background:#fff;color:#126977;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s}
.city-page .city-page__faq .faq-more .more:hover{background:#edf5f6;border-color:#a9cfd3}
@media(max-width:599px){
 .city-page .city-page__faq .faq summary{grid-template-columns:28px minmax(0,1fr) 26px;gap:.7rem;padding:.95rem .85rem;font-size:.94rem}
 .city-page .city-page__faq .faq summary:hover{padding-left:.85rem}
 .city-page .city-page__faq .faq summary::before{width:28px;height:28px;font-size:.65rem}
 .city-page .city-page__faq .faq summary::after{width:26px;height:26px}
 .city-page .city-page__faq .faq details p{padding:0 .95rem 1.1rem;font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){.city-page .city-page__faq .faq details,.city-page .city-page__faq .faq summary,.city-page .city-page__faq .faq summary::after{transition:none}.city-page .city-page__faq .faq details::details-content{transition:none}}

/* Archive cards: separate city navigation from photograph enlargement. */
.rf-card{flex-direction:column}
.rf-card>a:not(.rf-card__city-link),.rf-card>.rf-card__static{flex:1}
.rf-card>a.rf-card__city-link{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;box-sizing:border-box;width:100%;margin:0;padding:.8rem 1rem;background:#edf5f6;border:1px solid #cfdee2;border-top:0;color:#126977;font-size:.8rem;font-weight:600;line-height:1.45;text-decoration:none;transform:none;box-shadow:none;transition:background .2s,color .2s}
.rf-card>a.rf-card__city-link:hover{background:#deedef;color:#0d505c;transform:none;box-shadow:none;border-color:#b9d5db}
.rf-card>a.rf-card__city-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transform:none;box-shadow:none}
.rf-card__city-link span{flex:none}

/* Reference archive portfolio revision: all rules scoped to this section. */
.rf-arch{padding-block:3rem}
.rf-arch .rf-arch__head{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}
.rf-arch .rf-arch__intro{min-width:0}
.rf-arch .rf-arch__eyebrow{margin:0 0 .6rem;color:#126d79;font:600 .7rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.rf-arch #rf-arch-h{margin:0;color:#142c3a;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.15;font-weight:650;letter-spacing:-.035em}
.rf-arch .rf-arch__lead{margin:.8rem 0 0;max-width:62ch;font-size:.98rem;line-height:1.6;color:#5b6e79}
.rf-arch .rf-arch__total{flex:none;text-align:right;color:#183544}
.rf-arch .rf-arch__total b{display:block;font-size:clamp(2rem,3.2vw,2.75rem);line-height:1;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.rf-arch .rf-arch__total span{display:block;margin-top:.5rem;font:500 .64rem/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#647c88}
.rf-arch .rf-bar{gap:.7rem 1rem;margin-bottom:1.5rem;padding:.7rem .8rem;background:#fff;border:1px solid #e0e7eb;border-radius:5px;box-shadow:none}
.rf-arch .rf-chips{gap:.4rem}
.rf-arch .rf-chip{padding:.55rem .75rem;min-height:34px;border:1px solid #dce4e8;background:#f8fafb;border-radius:5px;font-size:.77rem;font-weight:550;gap:.4rem;transform:none;transition:background .2s,color .2s,border-color .2s}
.rf-arch .rf-chip:hover{transform:none;border-color:#78b5bd;background:#f0f6f7}
.rf-arch .rf-chip.is-on{background:#147d89;color:#fff;border-color:#147d89}
.rf-arch .rf-chip small{padding:.16rem .3rem;font-size:.6rem;background:#e8eef1;border-radius:4px}
.rf-arch .rf-chip.is-on small{background:rgba(255,255,255,.18);color:#fff}
.rf-arch .rf-sel{margin-left:auto;gap:.6rem;font-family:inherit;font-size:.72rem;letter-spacing:.01em;text-transform:none}
.rf-arch .rf-sel select{min-width:10.5rem;max-width:100%;padding:.5rem 2rem .5rem .7rem;border:1px solid #dce4e8;border-radius:5px;font-size:.8rem;font-weight:500}
.rf-arch .rf-arch__results{margin:0 0 0 auto;font-size:.75rem;color:#647985;white-space:nowrap}
.rf-arch .rf-arch__results[hidden]{display:none}
.rf-arch .rf-arch__results b{font-weight:600;color:#244553}
.rf-arch .rf-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.rf-arch .rf-card{min-width:0;flex-direction:column;scroll-margin-top:100px}
.rf-arch .rf-card>a:not(.rf-card__city-link),.rf-arch .rf-card>.rf-card__static{display:flex;flex:1;flex-direction:column;box-sizing:border-box;width:100%;padding:0;border:1px solid #dfe7eb;border-bottom:0;background:#fff;transform:none;box-shadow:none;color:inherit;text-decoration:none;transition:border-color .2s}
.rf-arch .rf-card>a:not(.rf-card__city-link):hover{transform:none;box-shadow:none;border-color:#a8c5cc}
.rf-arch .rf-card:not(:has(.rf-card__city-link))>a,.rf-arch .rf-card:not(:has(.rf-card__city-link))>.rf-card__static{border-bottom:1px solid #dfe7eb}
.rf-arch .rf-card__img{aspect-ratio:4/3;outline:0;background:#edf2f5}
.rf-arch .rf-card__img img{width:100%;height:100%;object-fit:cover;transform:none;transition:none}
.rf-arch .rf-card>a:hover img{transform:none}
.rf-arch .rf-card__static .rf-card__img img{object-fit:contain}
.rf-arch .rf-card__img::after{display:none}
.rf-arch .rf-card__tag{left:.6rem;top:.6rem;padding:.3rem .4rem;border:0;border-radius:2px;background:rgba(16,36,48,.78);font-size:.5rem;letter-spacing:.07em;backdrop-filter:none;-webkit-backdrop-filter:none}
.rf-arch .rf-card__body{gap:.4rem;padding:1rem;min-width:0}
.rf-arch .rf-card__body b{display:block;min-height:2.8em;font-size:.97rem;font-weight:650;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere}
.rf-arch .rf-card__body em{display:block;min-height:1.5em;font-size:.8rem;line-height:1.5;font-weight:400;color:#647985}
.rf-arch .rf-card__meta{gap:.35rem .7rem;margin-top:auto;padding-top:.6rem;border:0;font-size:.7rem;line-height:1.4;color:#647985}
.rf-arch .rf-card__meta svg{width:12px;height:12px;color:#54818e}
.rf-arch .rf-card>a.rf-card__city-link{display:flex;flex:none;justify-content:space-between;align-items:center;gap:.7rem;margin:0;padding:.75rem 1rem;border:1px solid #dfe7eb;border-top:1px solid #edf1f3;background:#fff;color:#266878;font-size:.76rem;font-weight:550;line-height:1.4;text-decoration:none;transform:none;box-shadow:none}
.rf-arch .rf-card>a.rf-card__city-link:hover{background:#f7fafb;color:#104d59;border-color:#dfe7eb;transform:none;box-shadow:none}
.rf-arch .rf-card__city-link span{font-size:1rem}
.rf-arch .rf-more{margin-top:1.8rem}
@media(min-width:600px){.rf-arch .rf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.rf-arch .rf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:599px){.rf-arch{padding-block:2rem}.rf-arch .rf-arch__head{gap:1rem;align-items:flex-start}.rf-arch .rf-arch__lead{font-size:.9rem}.rf-arch .rf-bar{padding:.7rem;gap:.8rem}.rf-arch .rf-chips{width:100%}.rf-arch .rf-chip{font-size:.72rem;padding:.5rem .6rem}.rf-arch .rf-sel{width:100%;margin-left:0;justify-content:space-between}.rf-arch .rf-sel select{flex:1;min-width:0;max-width:calc(100% - 4.5rem)}.rf-arch .rf-arch__results{margin:0}}

/* City preview captions: stable rows beneath equal-height paired images. */
.city-page__projects .ilg:not(.ilg--single) .ilg__caption{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:.4rem;padding:.9rem 1rem;background:#fff}
.city-page__projects .ilg:not(.ilg--single) .ilg__caption h3{margin:0;min-width:0;line-height:1.45}
.city-page__projects .ilg:not(.ilg--single) .ilg__company{margin:0;min-width:0;justify-self:end;text-align:right;line-height:1.45}

/* Shared photo viewer: the same slow thumbnail expansion as technical plates. */
.lbx::backdrop{background:rgba(12,24,36,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .8s var(--ease),backdrop-filter .8s var(--ease)}
.lbx.is-open::backdrop{background:rgba(12,24,36,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lbx img{transform-origin:0 0;box-shadow:0 40px 90px -30px rgba(0,0,0,.55)}
.lbx p,.lbx button{opacity:0;transition:opacity .35s}
.lbx.is-open p,.lbx.is-open button{opacity:1}
@media(prefers-reduced-motion:reduce){.lbx::backdrop,.lbx p,.lbx button{transition:none}}

/* Ankara has a large portfolio: one full-width gallery below its introduction. */
.city-page--ankara .city-page__overview{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.city-page--ankara .city-page__intro{max-width:none}
.city-page--ankara .city-page__projects .ilg__grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:600px){.city-page--ankara .city-page__projects .ilg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.city-page--ankara .city-page__projects .ilg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){.city-page--ankara .city-page__projects .ilg__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* All city galleries: framed photography with an integrated project credit band. */
.city-page .city-page__projects .ilg .pcard{position:relative;overflow:hidden;border:1px solid #243e49;border-radius:5px;background:#10252f;box-shadow:none}
.city-page .city-page__projects .ilg:not(.ilg--single) .pcard__img{aspect-ratio:4/3}
.city-page .city-page__projects .ilg .pcard__img{background:#10252f}
.city-page .city-page__projects .ilg .ilg__caption,
.city-page .city-page__projects .ilg .pcard__body{position:absolute;inset:auto 0 0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem;margin:0;padding:.7rem .85rem;background:rgba(12,32,42,.94);color:#f4f8fa;border-top:1px solid rgba(113,205,213,.2);pointer-events:none}
.city-page .city-page__projects .ilg .pcard h3{min-height:0;margin:0;font-size:.88rem;line-height:1.35;font-weight:600;color:#f4f8fa}
.city-page .city-page__projects .ilg .pcard h3 a{color:inherit;pointer-events:auto}
.city-page .city-page__projects .ilg .ilg__company{margin:0;justify-self:start;text-align:left;color:#9ac9ce;font-size:.74rem;line-height:1.4}
.city-page .city-page__projects .ilg .pcard dl{display:block;margin:0}
.city-page .city-page__projects .ilg .pcard dt{display:none}
.city-page .city-page__projects .ilg .pcard dd{color:#9ac9ce;font-size:.74rem;line-height:1.4;font-weight:400}

/* Keep the no-photo notice visible above the integrated credit band. */
.city-page .city-page__projects .ilg .pcard__img:not(a) img{padding-bottom:4.5rem;object-fit:contain;background:#ecf2f5}

/* Q&A: align search, topics and question groups with the hero and footer. */
.qa-page>.hub-body.wrap--narrow{width:min(100% - 2.5rem,var(--wrap))}

/* Q&A discovery: coloured topic cards, architectural headings and clear answers. */
.qa-page{background:#f0f5f7}
.qa-page>.hub-body{padding-top:2.5rem;background:radial-gradient(ellipse at 90% 0,rgba(31,163,174,.075),transparent 48%)}
.qa-page .qa-search{max-width:650px}
.qa-page .qa-search input{height:54px;border-color:#c3dce1;border-radius:10px;background:#fff;box-shadow:0 6px 22px rgba(21,61,76,.05)}
.qa-page .qa-search svg{color:#138492}
.qa-page .qa-status{margin-bottom:1.1rem}
.qa-page .qa-toc__t{color:#315664;letter-spacing:.07em;font-size:.78rem;text-transform:uppercase;margin-bottom:.8rem}
.qa-page .qa-toc ol{gap:.85rem;border:0}
.qa-page .qa-toc li{border:0;min-width:0}
.qa-page .qa-toc a{height:100%;min-height:76px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;background:#e3f0f2;border:1px solid #cce3e6;border-radius:11px;box-shadow:0 4px 12px rgba(17,53,69,.025);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.qa-page .qa-toc li:nth-child(2n) a{background:#e7edf5;border-color:#d4dfeb}
.qa-page .qa-toc li:nth-child(3n) a{background:#e4efec;border-color:#cfe1dc}
.qa-page .qa-toc b{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#163743;color:#8fe1e5;font-size:.78rem}
.qa-page .qa-toc span{font-size:.94rem;line-height:1.4;color:#193847}
.qa-page .qa-toc em{font-size:.72rem;color:#486775;white-space:nowrap}
.qa-page .qa-toc a:hover,.qa-page .qa-toc a:focus-visible{padding-left:1rem;background:#d4eaed;border-color:#7ebdc4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,65,78,.08)}
.qa-page .qa-group{margin-top:2.5rem}
.qa-page .qa-group__head{align-items:center;gap:.85rem;padding:1.15rem 1.25rem;margin:0 0 .85rem;border:0;border-radius:11px;background:linear-gradient(110deg,#102630,#204956);box-shadow:0 6px 18px rgba(13,39,51,.08)}
.qa-page .qa-group__n{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:rgba(95,213,220,.13);color:#88dce1;font-size:.85rem}
.qa-page .qa-group .h2{color:#f1f8fa;font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.3}
.qa-page .qa-group__c{padding:.25rem .6rem;background:rgba(255,255,255,.08);border-radius:20px;color:#b7d7dd;font-size:.76rem}
.qa-page .qa-group .faq{display:grid;gap:.6rem}
.qa-page .qa-group .faq details{min-width:0;border:1px solid #dbe6eb;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 10px rgba(20,56,72,.025);transition:background .2s,border-color .2s,box-shadow .2s}
.qa-page .qa-group .faq details:hover{border-color:#a8d0d5;box-shadow:0 5px 16px rgba(20,78,90,.06)}
.qa-page .qa-group .faq details[open]{background:#e5f2f3;border-color:#8fc5cc}
.qa-page .qa-group .faq summary{padding:1rem 1.2rem;font-size:1rem;line-height:1.5;color:#1f3d4b}
.qa-page .qa-group .faq summary:hover{padding-left:1.2rem;color:#087080}
.qa-page .qa-group .faq summary::after{width:30px;height:30px;border:0;border-radius:8px;background:#e2f0f2;color:#087584;font-size:1.2rem}
.qa-page .qa-group .faq details[open] summary::after{background:#147e8c;color:#fff}
.qa-page .qa-group .faq details p{max-width:none;margin:0;padding:0 4.2rem 1.2rem 1.2rem;color:#345563;font-size:.96rem;line-height:1.75}
.qa-page .qa-group .faq details p .more{margin-left:2ch;font-weight:600}
.qa-page .qa-cta{margin-top:3rem}
@media(min-width:1050px){.qa-page .qa-toc ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px){.qa-page .qa-toc a{min-height:68px;padding:.85rem;gap:.65rem}.qa-page .qa-toc a:hover{padding-left:.85rem}.qa-page .qa-group__head{padding:1rem .85rem;gap:.65rem}.qa-page .qa-group__n{width:30px;height:30px}.qa-page .qa-group__c{font-size:.68rem}.qa-page .qa-group .faq summary{padding:.95rem .85rem;font-size:.94rem}.qa-page .qa-group .faq summary:hover{padding-left:.85rem}.qa-page .qa-group .faq details p{padding:0 .85rem 1rem;font-size:.92rem}}
@media(prefers-reduced-motion:reduce){.qa-page .qa-toc a,.qa-page .qa-group .faq details{transition:none}.qa-page .qa-toc a:hover{transform:none}}

/* Home project slider: all-projects link belongs to its lower control row. */
.ozel .oslider__bar .ozel__link{flex:none;margin:0 0 0 auto;font-size:.9rem;white-space:nowrap}
.ozel .oslider__bar .oslider__prog{min-width:40px}
@media(max-width:599px){.ozel .oslider__bar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem 1rem}.ozel .oslider__bar .ozel__link{grid-column:1/-1;justify-self:end;font-size:.85rem}}

/* Home special projects: use the same heading and icon system as the section above. */
#ozel-projeler{padding-block:clamp(2.5rem,4vw,3.75rem)}
#ozel-projeler .ozel__head{grid-template-columns:minmax(0,1fr);gap:1.5rem 3rem;margin-bottom:2.4rem;align-items:start}
#ozel-projeler .ozel__head .shead{margin:0;align-items:flex-start}
#ozel-projeler .ozel__note{margin:0}
@media(min-width:960px){#ozel-projeler .ozel__head{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}#ozel-projeler .ozel__note{justify-self:end}}

/* Project detail covers use the shared animated photo viewer. */
.pj .pj-fig__link{position:relative;display:block;color:#fff;text-decoration:none;cursor:zoom-in}
.pj .pj-fig__zoom{position:absolute;right:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:rgba(10,30,40,.8);color:#fff;font-size:.8rem;font-weight:600;line-height:1.2;pointer-events:none;transition:background .2s,border-color .2s}
.pj .pj-fig__zoom svg{width:17px;height:17px}
.pj .pj-fig__link:hover .pj-fig__zoom,.pj .pj-fig__link:focus-visible .pj-fig__zoom{background:#126e7b;border-color:#77d0d8}
@media(max-width:599px){.pj .pj-fig__zoom{right:.65rem;bottom:.65rem;padding:.45rem .65rem;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.pj .pj-fig__zoom{transition:none}}

/* Services process reveal: vertical entry avoids mobile horizontal overflow. */
@media(max-width:900px) and (prefers-reduced-motion:no-preference){.js .fa .fa-steps li.reveal:not(.is-in){transform:translateY(20px)}}