/* İç sayfalar, Hizmetlerimiz, Neden Biz, Hizmet Bölgeleri */
.page-hero{
  padding-top:clamp(7.5rem,12vw,9.5rem);
  padding-bottom:clamp(2.5rem,5vw,3.5rem);
  background:var(--ink);
  color:var(--paper);
}
.page-hero .esik{color:var(--steam)}
.page-hero .h2,
.page-hero h1{
  margin:0;
  max-width:16ch;
  color:var(--paper);
  font-family:var(--display);
  font-size:clamp(2.8rem,6vw,5.2rem);
  font-weight:590;
  line-height:.96;
  letter-spacing:-.04em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.page-hero .lead{
  margin:1.35rem 0 0;
  max-width:48ch;
  color:rgba(255,255,255,.62);
}
.page-hero__act{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:.7rem .8rem;
  margin-top:1.85rem;
}
.page-hero__act .btn--wa,
.page-hero__act .btn--tel{
  min-height:3.35rem;
  padding:.88rem 1.3rem;
  font-size:.97rem;
  flex:1 1 12rem;
  box-shadow:none;
}
/* Koyu hero / zone-hero: açık WA + cam efektli telefon */
.page-hero .page-hero__act .btn--wa,
.zone-hero .page-hero__act .btn--wa{
  background:var(--paper);
  color:var(--ink);
}
.page-hero .page-hero__act .btn--wa:hover,
.zone-hero .page-hero__act .btn--wa:hover{
  background:#fff;
  color:var(--ink);
}
.page-hero .page-hero__act .btn--tel,
.zone-hero .page-hero__act .btn--tel{
  background:rgba(255,255,255,.07);
  color:var(--paper);
  border-color:rgba(255,255,255,.32);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.page-hero .page-hero__act .btn--tel:hover,
.zone-hero .page-hero__act .btn--tel:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(91, 155, 196,.55);
  color:#fff;
}
.page-hero .page-hero__act .btn--tel__hint,
.zone-hero .page-hero__act .btn--tel__hint{
  color:rgba(255,255,255,.68);
  opacity:1;
}
.page-hero .text-link{color:rgba(255,255,255,.8)}
.page-hero .text-link:hover{color:var(--steam)}
.page-hero .page-hero__act > .text-link,
.zone-hero .page-hero__act > .text-link{
  flex:1 1 100%;
  margin-top:.15rem;
  color:rgba(255,255,255,.78);
  font-weight:650;
  font-size:.88rem;
}
/* Açık zemin (why-trust vb.): ink WA + paper tel */
.why-trust__copy .page-hero__act .btn--wa{
  background:var(--ink);
  color:var(--paper);
}
.why-trust__copy .page-hero__act .btn--wa:hover{
  background:var(--ink-2);
  color:var(--paper);
}
.why-trust__copy .page-hero__act .btn--tel{
  background:var(--paper);
  color:var(--ink);
  border-color:rgba(7,27,34,.18);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.why-trust__copy .page-hero__act .btn--tel:hover{
  border-color:rgba(18,120,111,.45);
  color:var(--steam-dark);
  background:var(--porcelain);
}
.why-trust__copy .page-hero__act .btn--tel__hint{
  color:inherit;
  opacity:.58;
}
.why-trust__copy .page-hero__act > .text-link{
  flex:1 1 100%;
  margin-top:.15rem;
  color:var(--ink);
  font-weight:650;
  font-size:.88rem;
}
.why-trust__copy .page-hero__act > .text-link:hover{color:var(--steam-dark)}
@media (max-width:640px){
  .page-hero__act{flex-direction:column;align-items:stretch}
  .page-hero__act .btn--wa,
  .page-hero__act .btn--tel{
    width:100%;
    flex:none;
    justify-content:center;
    white-space:normal;
    text-align:center;
    min-height:3.15rem;
  }
}

.page-sec{padding-block:clamp(3.5rem,7vw,6rem)}
.page-sec--soft{background:var(--porcelain)}
.page-sec--paper{background:var(--paper)}

.regions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1rem,2.5vw,1.5rem);
  margin:0;
  padding:0;
  list-style:none;
}
.regions__item{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  padding:clamp(1.4rem,3vw,1.9rem);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
}
.regions__item strong{
  font-family:var(--display);
  font-size:clamp(1.4rem,2.4vw,1.85rem);
  font-weight:560;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.regions__item p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.55;
}
.regions__item span{
  margin-top:auto;
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.works-teaser{
  background:var(--ink);
  color:var(--paper);
}
.works-teaser .esik{color:var(--steam)}
.works-teaser .h2{color:var(--paper)}
.works-teaser .lead{color:rgba(255,255,255,.62)}
.works-teaser__in{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:end;
  gap:clamp(1.5rem,4vw,3rem);
}
.works-teaser__act{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.works-teaser .text-link{color:rgba(255,255,255,.86)}
.works-teaser__shots{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:.7rem;
  margin:clamp(2rem,4vw,3rem) 0 0;
}
.works-teaser__shots figure{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:1rem;
  aspect-ratio:4/3;
  background:var(--ink-2);
}
.works-teaser__shots figure:last-child{aspect-ratio:3/4;align-self:end}
.works-teaser__shots img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.page-sec__head{margin-bottom:clamp(2rem,4vw,3rem)}
.page-sec__narrow{max-width:720px}
.page-sec__narrow .page-hero__act{margin-top:1.5rem}

/* ---------- Neden Biz ---------- */
.why-page .page-sec{padding-block:clamp(2.5rem,4.5vw,3.75rem)}
.why-page .cta-band--compact{padding-block:clamp(2.75rem,5vw,4rem)}
.why-page .cta-band--compact h2{font-size:clamp(2.35rem,4.4vw,3.8rem)}
.why-page .cta-band--compact .cta-band__copy>p:not(.esik){margin-top:1rem}

.page-hero--why{
  position:relative;
  overflow:clip;
  padding-top:0;
  padding-bottom:clamp(2.25rem,4vw,3rem);
}
.page-hero--video{
  min-height:min(64svh,620px);
  display:grid;
  align-items:end;
}
.page-hero__media{position:absolute;inset:0;z-index:0}
.page-hero__video{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.page-hero__veil{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,27,34,.82) 0%,rgba(7,27,34,.55) 48%,rgba(7,27,34,.35) 100%),
    linear-gradient(180deg,rgba(7,27,34,.25) 0%,rgba(7,27,34,.72) 100%);
}
.page-hero--video .page-hero__grid{
  position:relative;
  z-index:1;
  padding-top:clamp(5.75rem,10vw,7.5rem);
}
.page-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  align-items:end;
  gap:clamp(1.25rem,3.5vw,3rem);
}
.page-hero--why h1{max-width:12ch;font-size:clamp(2.5rem,5.4vw,4.6rem)}
.page-hero--why .lead{margin-top:1.15rem}
.page-hero--why .page-hero__act{margin-top:1.4rem}
.page-hero__aside{
  margin:0;
  padding:1.1rem 0 0;
  border-top:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.58);
  font-size:.92rem;
  line-height:1.55;
  max-width:32ch;
  justify-self:end;
}

/* Hizmet detay: video hero, süreç, yatay kareler */
.why-film{padding-top:clamp(2.4rem,4.5vw,3.5rem)}
.why-chapters{
  display:grid;
  gap:clamp(1.75rem,4vw,3rem);
}
.why-chapter{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(1.15rem,3vw,2.5rem);
  align-items:center;
}
.why-chapter--flip .why-chapter__media{order:2}
.why-chapter--flip .why-chapter__copy{order:1}
.why-chapter__media{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:var(--radius);
  background:#cbd8d6;
  aspect-ratio:16/10;
  max-height:420px;
  box-shadow:0 28px 56px -42px rgba(7,27,34,.5);
}
.why-chapter__media video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  transform:scale(1.02);
}
.why-chapter__badge{
  position:absolute;
  left:.85rem;top:.85rem;z-index:1;
  padding:.4rem .65rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#fff;
  background:rgba(7,27,34,.62);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-family:var(--mono);
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.why-chapter__label{
  margin:0 0 .45rem;
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.why-chapter__copy h3{
  margin:0;
  color:var(--ink);
  font-family:var(--display);
  font-size:clamp(1.4rem,2.4vw,2rem);
  font-weight:560;
  line-height:1.1;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  max-width:14ch;
}
.why-chapter__copy p:last-child{
  margin:.7rem 0 0;
  max-width:36ch;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.6;
}

.why-trust--media{align-items:stretch}
.why-trust__stage{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius);
  background:#0a2a34;
  min-height:0;
  aspect-ratio:4/5;
  max-height:480px;
  box-shadow:0 28px 56px -42px rgba(7,27,34,.5);
}
.why-trust__video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  opacity:.88;
}
.why-trust__caption{
  position:absolute;inset:auto 0 0;
  padding:clamp(1.15rem,2.5vw,1.65rem);
  background:linear-gradient(transparent,rgba(7,27,34,.92) 42%);
  color:var(--paper);
}
.why-trust__stage .why-trust__quote{max-width:22ch;font-size:clamp(1.2rem,2.1vw,1.55rem)}
.why-trust__stage .why-trust__brand{margin-top:.7rem}

.why-metrics{
  position:relative;
  z-index:1;
  margin-top:-1.5rem;
  padding-bottom:0;
}
.why-metrics__list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:clamp(1.15rem,2.5vw,1.6rem);
  list-style:none;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
  box-shadow:0 24px 52px -38px rgba(7,27,34,.32);
  opacity:0;
  transform:translate3d(0,16px,0);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
}
.why-metrics__list--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.why-metrics__list.is-on{opacity:1;transform:none}
.why-metrics__list li{
  display:flex;
  flex-direction:column;
  gap:.3rem;
  padding:0.3rem clamp(.5rem,1.3vw,1rem);
  border-left:1px solid var(--line);
}
.why-metrics__list li:first-child{border-left:0;padding-left:.2rem}
.why-metrics__value{
  display:flex;
  align-items:baseline;
  flex-wrap:nowrap;
  gap:.2em;
  color:var(--ink);
  font-family:var(--display);
  font-size:clamp(1.65rem,3vw,2.5rem);
  font-weight:560;
  line-height:1;
  letter-spacing:-.04em;
  font-variation-settings:"SOFT" 42,"WONK" 0;
  white-space:nowrap;
}
.why-metrics__num{
  display:inline-block;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.why-metrics__unit{
  flex:none;
  color:var(--ink);
  font-size:.42em;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1;
  opacity:.78;
}
.why-metrics__list li>span{
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.why-pitch{max-width:680px;margin-bottom:clamp(1.5rem,3.5vw,2.4rem)}
.why-pitch .h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.why-pitch .lead{margin-top:1rem;font-size:.95rem}
.why-pillars{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.2rem,3vw,2rem) clamp(1.5rem,4vw,3rem);
}
.why-pillar{
  padding:1.15rem 1.15rem 1.3rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(165deg,rgba(23,142,132,.05),transparent 45%),
    var(--paper);
  transition:border-color .22s var(--ease), transform .28s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .why-pillar:hover{
    border-color:rgba(23,142,132,.35);
    transform:translateY(-2px);
  }
}
.why-pillar__no{
  display:block;
  margin-bottom:.55rem;
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.12em;
}
.why-pillar h3{
  margin:0;
  color:var(--ink);
  font-family:var(--display);
  font-size:clamp(1.3rem,2.1vw,1.7rem);
  font-weight:560;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.why-pillar p{
  margin:.55rem 0 0;
  max-width:42ch;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.6;
}

.why-trust{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(1.5rem,4vw,3rem);
  align-items:start;
}
.why-trust__copy .h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.why-trust__copy .lead{margin-top:1rem;font-size:.95rem}
.why-trust__points{
  margin:1.2rem 0 0;
  padding:0;
  list-style:none;
}
.why-trust__points li{
  position:relative;
  padding:.55rem 0 .55rem 1.15rem;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:.92rem;
  font-weight:650;
}
.why-trust__points li::before{
  content:"";
  position:absolute;
  left:0;top:.95rem;
  width:6px;height:6px;
  border-radius:1px;
  background:var(--steam-dark);
  transform:rotate(45deg);
}
.why-trust__copy .page-hero__act{margin-top:1.35rem}
.why-trust__panel{
  padding:clamp(1.5rem,3vw,2.1rem);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  color:var(--paper);
  background:linear-gradient(160deg,#0a2a34 0%,var(--ink) 55%,#06161c 100%);
}
.why-trust__quote{
  margin:0;
  font-family:var(--display);
  font-size:clamp(1.45rem,2.6vw,1.9rem);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.025em;
  font-variation-settings:"SOFT" 70,"WONK" 1;
}
.why-trust__brand{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:1rem 0 0;
  color:var(--steam);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.why-trust__brand-icon{
  width:1.35rem;
  height:1.35rem;
  object-fit:contain;
  flex-shrink:0;
}
.why-trust__facts{
  display:grid;
  gap:1rem;
  margin:1.8rem 0 0;
  padding:1.4rem 0 0;
  border-top:1px solid rgba(255,255,255,.14);
}
.why-trust__facts div{display:grid;gap:.2rem}
.why-trust__facts dt{
  color:rgba(255,255,255,.48);
  font-family:var(--mono);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.why-trust__facts dd{margin:0;font-size:.95rem;font-weight:650}

/* ---------- Hizmet Bölgeleri ---------- */
.zones-page .page-sec{padding-block:clamp(2.6rem,5vw,4rem)}

.zone-hero{
  position:relative;
  overflow:clip;
  min-height:min(68svh,640px);
  display:grid;
  align-items:end;
  color:var(--paper);
  background:var(--ink);
}
.zone-hero__media{position:absolute;inset:0}
.zone-hero__media img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 45%;
}
.zone-hero__veil{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,27,34,.88) 0%,rgba(7,27,34,.55) 55%,rgba(7,27,34,.35) 100%),
    linear-gradient(180deg,rgba(7,27,34,.15) 0%,rgba(7,27,34,.78) 100%);
}
.zone-hero__in{
  position:relative;z-index:1;
  padding-top:clamp(6.5rem,12vw,8.5rem);
  padding-bottom:clamp(2.5rem,5vw,3.5rem);
}
.zone-hero .esik{color:var(--steam)}
.zone-hero h1{
  margin:0;
  max-width:12ch;
  color:var(--paper);
  font-family:var(--display);
  font-size:clamp(2.6rem,5.6vw,4.8rem);
  font-weight:590;
  line-height:.96;
  letter-spacing:-.04em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.zone-hero .lead{
  margin:1.2rem 0 0;
  max-width:40ch;
  color:rgba(255,255,255,.66);
  font-size:clamp(.95rem,1.2vw,1.08rem);
}
.zone-hero .page-hero__act{margin-top:1.5rem}
.zone-hero .text-link{color:rgba(255,255,255,.86)}
.zone-hero .text-link:hover{color:var(--steam)}

.zone-intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(1rem,3vw,2.5rem);
  align-items:end;
  margin-bottom:clamp(1.75rem,3.5vw,2.75rem);
}
.zone-intro .h2{
  margin:0;
  font-size:clamp(2rem,3.6vw,3.1rem);
  max-width:14ch;
}
.zone-intro .lead{
  margin:0;
  max-width:36ch;
  justify-self:end;
  font-size:.95rem;
}

.zone-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.1rem,2.5vw,1.75rem);
}
.zone-panel{
  display:grid;
  grid-template-rows:auto 1fr;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
  overflow:hidden;
  box-shadow:0 24px 50px -40px rgba(7,27,34,.35);
}
.zone-panel__media{
  position:relative;
  margin:0;
  aspect-ratio:16/10;
  background:var(--ink-2);
  overflow:hidden;
}
.zone-panel__media img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .7s var(--ease);
}
.zone-panel:hover .zone-panel__media img{transform:scale(1.04)}
.zone-panel__media figcaption{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;
  padding:1.1rem 1.15rem;
  color:#fff;
  background:linear-gradient(transparent,rgba(7,27,34,.88) 55%);
}
.zone-panel__media figcaption span{
  font-family:var(--mono);
  font-size:.58rem;font-weight:700;
  letter-spacing:.12em;
  opacity:.75;
}
.zone-panel__media figcaption strong{
  font-family:var(--display);
  font-size:clamp(1.45rem,2.4vw,1.9rem);
  font-weight:560;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.zone-panel__body{padding:clamp(1.15rem,2.5vw,1.5rem)}
/* Mahalle sayfalarına giden satır: gövde metninden ayrılsın, panelin
   asıl bağlantısıyla yarışmasın diye küçük ve sakin. */
.zone-panel__links{
  margin:.9rem 0 0;
  font-size:.86rem;
  line-height:1.7;
  color:var(--muted);
}
.zone-panel__links a{
  color:var(--steam-dark);
  font-weight:650;
  border-bottom:1px solid transparent;
  transition:border-color .18s var(--ease);
}
.zone-panel__links a:hover{border-bottom-color:currentColor}
.zone-panel__label{
  margin:0 0 .85rem;
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.58rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
}
.zone-places{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.45rem .7rem;
  margin:0;padding:0;
  list-style:none;
}
.zone-places li{
  padding:.65rem .8rem;
  border:1px solid var(--line);
  border-radius:.75rem;
  color:var(--ink);
  background:var(--porcelain);
  font-size:.88rem;font-weight:650;
  letter-spacing:-.01em;
  transition:border-color .2s,background .2s,transform .2s var(--ease);
}
.zone-places li:hover{
  border-color:rgba(23,142,132,.4);
  background:var(--paper);
  transform:translateY(-1px);
}

.zone-band{
  position:relative;
  overflow:clip;
  min-height:min(52svh,480px);
  display:grid;
  align-items:end;
  color:var(--paper);
  background:var(--ink);
}
.zone-band__media{position:absolute;inset:0}
.zone-band__media img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 40%;
}
.zone-band__veil{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,27,34,.86) 0%,rgba(7,27,34,.5) 60%,rgba(7,27,34,.35) 100%),
    linear-gradient(180deg,rgba(7,27,34,.2),rgba(7,27,34,.82));
}
.zone-band__in{
  position:relative;z-index:1;
  padding-block:clamp(3rem,6vw,4.5rem);
}
.zone-band .esik{color:var(--steam)}
.zone-band h2{
  margin:0;
  max-width:12ch;
  color:var(--paper);
  font-family:var(--display);
  font-size:clamp(2.2rem,4.4vw,3.6rem);
  font-weight:560;
  line-height:1;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.zone-band p{
  margin:1rem 0 0;
  max-width:40ch;
  color:rgba(255,255,255,.66);
}
.zone-band .page-hero__act{margin-top:1.4rem}
.zone-band .cta-band__tel{color:rgba(255,255,255,.82)}
.zone-band .cta-band__tel:hover{color:var(--steam)}

@media (prefers-reduced-motion:reduce){
  .zone-panel:hover .zone-panel__media img{transform:none}
  .svc-block:hover .svc-block__media img{transform:none}
  .svc-flow__list li:hover,
  .why-pillar:hover{transform:none}
}

@media (max-width:900px){
  .regions{grid-template-columns:1fr}
  .works-teaser__in{grid-template-columns:1fr}
  .works-teaser__act{align-items:flex-start}
  .page-hero__grid{grid-template-columns:1fr}
  .page-hero__aside{justify-self:start;max-width:48ch}
  .page-hero--video{min-height:min(54svh,500px)}
  .why-metrics__list,
  .why-metrics__list--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .4rem}
  .why-metrics__list li{border-left:0;padding:.3rem .15rem}
  .why-metrics__list li:nth-child(n+3){border-top:1px solid var(--line);padding-top:.85rem}
  .why-metrics__list--5 li:nth-child(5){grid-column:1/-1}
  .why-pillars{grid-template-columns:1fr}
  .why-trust{grid-template-columns:1fr}
  .why-chapter,
  .why-chapter--flip{grid-template-columns:1fr}
  .why-chapter--flip .why-chapter__media,
  .why-chapter--flip .why-chapter__copy{order:initial}
  .why-chapter__media{aspect-ratio:16/10;max-height:320px}
  .why-trust__stage{aspect-ratio:16/10;max-height:360px}
  .zone-intro{grid-template-columns:1fr;gap:.75rem}
  .zone-intro .lead{justify-self:start}
  .zone-panels{grid-template-columns:1fr}
  .zone-hero{min-height:min(58svh,520px)}
}
@media (max-width:600px){
  .works-teaser__shots{grid-template-columns:1fr 1fr}
  .works-teaser__shots figure:last-child{aspect-ratio:4/3}
  .why-metrics__list{grid-template-columns:1fr 1fr}
  .zone-places{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .page-hero__video,
  .why-chapter__media video,
  .why-trust__video{display:none}
  .page-hero__media{
    background:
      linear-gradient(160deg,rgba(7,27,34,.55),rgba(7,27,34,.75)),
      url("../assets/video/why/why-hero.webp") center/cover no-repeat;
  }
  .svc-page--detail .page-hero__media{
    background:
      linear-gradient(160deg,rgba(7,27,34,.55),rgba(7,27,34,.78)),
      url("../assets/portfolio/posters/vitrin-arac-kabin.webp") center 42%/cover no-repeat;
  }
  .why-metrics__list{opacity:1;transform:none;transition:none}
}

/* =========================================================
   Hizmetlerimiz, editoryal hizmet sayfası
   ========================================================= */
.svc-page .page-hero--svc{
  padding-bottom:clamp(2rem,4vw,2.75rem);
}
.svc-page .page-hero--svc h1{
  max-width:14ch;
  font-size:clamp(2.55rem,5.6vw,4.7rem);
}
.svc-page .page-hero--svc .lead{
  max-width:44ch;
}
.svc-page .page-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  align-items:end;
  gap:clamp(1.25rem,3.5vw,3rem);
}
.svc-page .page-hero__aside{
  margin:0;
  padding:1.1rem 0 0;
  border-top:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.58);
  font-size:.92rem;
  line-height:1.55;
  max-width:32ch;
  justify-self:end;
}

.svc-jump{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .85rem;
  padding-block:1rem 1.15rem;
  border-bottom:1px solid var(--line);
  background:var(--paper);
  position:sticky;
  top:72px;
  z-index:20;
}
.svc-jump a{
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  padding:.35rem 0;
  border-bottom:1px solid transparent;
  transition:color .2s,border-color .2s;
}
.svc-jump a:hover{
  color:var(--ink);
  border-bottom-color:var(--steam-dark);
}

.svc-block{
  padding-block:clamp(2.75rem,5.5vw,4.5rem);
  background:var(--paper);
  color:var(--ink);
  scroll-margin-top:6rem;
}
.svc-block:nth-of-type(even){
  background:var(--porcelain);
}
.svc-block__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(1.5rem,4vw,3.25rem);
  align-items:center;
}
.svc-block--flip .svc-block__media{order:2}
.svc-block--flip .svc-block__copy{order:1}
.svc-block__media{
  margin:0;
  overflow:hidden;
  border-radius:var(--radius);
  background:#0e252c;
  aspect-ratio:3/4;
  max-height:min(72svh,680px);
  box-shadow:0 28px 60px -42px rgba(7,27,34,.45);
}
.svc-block__media img,
.svc-block__media video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transition:transform .7s var(--ease);
}
.svc-block__media video{
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  .svc-block:hover .svc-block__media img{transform:scale(1.03)}
}
.svc-block__copy .esik{
  margin:0 0 .55rem;
  color:var(--steam-dark);
}
.svc-block__copy h2{
  margin:0 0 1rem;
  max-width:16ch;
  font-family:var(--display);
  font-size:clamp(1.85rem,3.4vw,2.75rem);
  font-weight:560;
  line-height:1.05;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.svc-block__copy > p{
  margin:0 0 1.15rem;
  max-width:42ch;
  color:var(--text);
  font-size:1rem;
  line-height:1.6;
}
.svc-block__list{
  margin:0 0 1.35rem;
  padding:0;
  list-style:none;
  max-width:40ch;
}
.svc-block__list li{
  position:relative;
  padding:.45rem 0 .45rem 1rem;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
}
.svc-block__list li:last-child{border-bottom:1px solid var(--line)}
.svc-block__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:.35rem;
  height:.35rem;
  border-radius:50%;
  background:var(--steam-dark);
  transform:translateY(-50%);
}
.svc-block__meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem 1rem;
  margin:0 0 1.35rem;
  padding:1rem 0 0;
  border-top:1px solid var(--line);
}
.svc-block__meta dt{
  margin:0 0 .2rem;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.svc-block__meta dd{
  margin:0;
  font-size:.88rem;
  font-weight:600;
  line-height:1.35;
  letter-spacing:-.01em;
}

.svc-flow{
  background:var(--porcelain);
}
.svc-flow__head{
  margin-bottom:clamp(1.75rem,3.5vw,2.5rem);
  max-width:40rem;
}
.svc-flow__head h2{
  margin:.35rem 0 .75rem;
  font-family:var(--display);
  font-size:clamp(1.85rem,3.2vw,2.6rem);
  font-weight:560;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.svc-flow__head .lead{
  margin:0;
  max-width:40ch;
  color:var(--muted);
}
.svc-flow__list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1rem,2.5vw,1.5rem);
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.svc-flow__list--grid3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

/* Generative Engine Optimization (GEO) Data Tables */
.geo-table-wrap{
  overflow-x:auto;
  margin:1.5rem 0 2rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
}
.geo-table{
  width:100%;
  border-collapse:collapse;
  font-size:.92rem;
  text-align:left;
}
.geo-table th,
.geo-table td{
  padding:.85rem 1.1rem;
  border-bottom:1px solid var(--line);
}
.geo-table th{
  background:rgba(23,142,132,.07);
  color:var(--heading);
  font-weight:650;
  font-family:var(--display);
}
.geo-table tr:last-child td{
  border-bottom:none;
}
.svc-flow__list li{
  padding:1.15rem 1.1rem 1.25rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(165deg,rgba(23,142,132,.05),transparent 48%),
    var(--paper);
  transition:border-color .22s var(--ease), transform .28s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .svc-flow__list li:hover{
    border-color:rgba(23,142,132,.35);
    transform:translateY(-2px);
  }
}
.svc-flow__list span{
  display:block;
  margin-bottom:.65rem;
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.1em;
}
.svc-flow__list h3{
  margin:0 0 .5rem;
  font-family:var(--display);
  font-size:clamp(1.15rem,1.8vw,1.4rem);
  font-weight:560;
  letter-spacing:-.025em;
  font-variation-settings:"SOFT" 42,"WONK" 0;
}
.svc-flow__list p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

.svc-notes__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(1.5rem,4vw,3rem);
  align-items:start;
}
.svc-notes__grid .esik{margin:0 0 .4rem;color:var(--steam-dark)}
.svc-notes__grid h2{
  margin:0 0 1rem;
  max-width:14ch;
  font-family:var(--display);
  font-size:clamp(1.85rem,3.2vw,2.6rem);
  font-weight:560;
  letter-spacing:-.035em;
  line-height:1.05;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.svc-notes__grid > div > p:not(.esik){
  margin:0;
  max-width:38ch;
  color:var(--muted);
  font-size:1rem;
  line-height:1.6;
}
.svc-notes__list{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.svc-notes__list li{
  display:grid;
  gap:.3rem;
  padding:1rem 0;
  border-bottom:1px solid var(--line);
}
.svc-notes__list strong{
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:560;
  letter-spacing:-.02em;
  font-variation-settings:"SOFT" 42,"WONK" 0;
}
.svc-notes__list span{
  color:var(--muted);
  font-size:.92rem;
  line-height:1.5;
  max-width:42ch;
}

.svc-page .cta-band .esik{
  margin:0 0 .45rem;
  color:var(--steam);
}

@media (max-width:900px){
  .svc-page .page-hero__grid{grid-template-columns:1fr}
  .svc-page .page-hero__aside{justify-self:start;max-width:48ch}
  .svc-block__grid,
  .svc-block--flip .svc-block__grid{grid-template-columns:1fr}
  .svc-block--flip .svc-block__media,
  .svc-block--flip .svc-block__copy{order:initial}
  .svc-block__media{aspect-ratio:3/4;max-height:min(62svh,520px)}
  .svc-block__meta{grid-template-columns:1fr;gap:.65rem}
  .svc-flow__list{grid-template-columns:1fr 1fr}
  .svc-notes__grid{grid-template-columns:1fr}
  .svc-jump{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    gap:1rem;
  }
  .svc-jump::-webkit-scrollbar{display:none}
  .svc-jump a{flex:none;white-space:nowrap}
}
@media (max-width:600px){
  .svc-flow__list{grid-template-columns:1fr}
  .svc-page .page-hero--svc h1{max-width:12ch}
}

/* =========================================================
   Tekil hizmet detayı (arac-ici-detayli-temizlik vb.)
   ========================================================= */
.svc-page--detail .page-hero--svc-detail{
  min-height:min(72svh,700px);
}
.svc-page--detail .page-hero--svc-detail .kirinti{
  margin-bottom:1.15rem;
}
.svc-page--detail .page-hero--svc-detail h1{
  max-width:11ch;
  font-size:clamp(2.65rem,5.8vw,4.85rem);
}
.svc-page--detail .page-hero--svc-detail .lead{
  max-width:46ch;
  margin-top:1.15rem;
}
.svc-page--detail .page-hero--svc-detail .page-hero__act{
  margin-top:1.45rem;
}
.svc-page--detail .page-hero__video{
  object-position:center 42%;
}
.svc-block__note{
  margin:0 0 1.15rem;
  max-width:40ch;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
  border-left:2px solid var(--steam-dark);
  padding-left:.85rem;
}
.svc-block__copy .text-link{
  color:var(--steam-dark);
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid rgba(23,142,132,.35);
}
.svc-block__copy .text-link:hover{
  border-bottom-color:currentColor;
}
.svc-block__copy a.text-link + a.text-link{
  display:inline-block;
  margin-top:.55rem;
}
.svc-block__media--ba{
  aspect-ratio:auto;
  max-height:none;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  border-radius:0;
}
.svc-block__media--ba .karsilastirma--media{
  margin:0;
  height:100%;
}
.svc-block__media--ba .karsilastirma--media img{
  width:100%;
  height:100%;
  max-height:min(68svh,640px);
  object-fit:cover;
  object-position:center 40%;
  border-radius:var(--radius);
  display:block;
  background:#0e252c;
}

.svc-shots{
  padding-block:clamp(3rem,6vw,4.75rem);
  background:var(--ink);
  color:var(--paper);
}
.svc-shots .esik{color:var(--steam)}
.svc-shots__head{
  margin-bottom:clamp(1.5rem,3.2vw,2.35rem);
  max-width:40rem;
}
.svc-shots__head h2{
  margin:.35rem 0 .75rem;
  color:var(--paper);
  font-family:var(--display);
  font-size:clamp(1.85rem,3.2vw,2.6rem);
  font-weight:560;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.svc-shots__head .lead{
  margin:0;
  max-width:42ch;
  color:rgba(255,255,255,.62);
}
.svc-shots__grid{
  display:grid;
  grid-template-columns:1.35fr .85fr .85fr;
  gap:.7rem;
  align-items:end;
}
.svc-shots__grid figure{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:1rem;
  background:var(--ink-2, #0e252c);
  aspect-ratio:3/4;
}
.svc-shots__grid figure:first-child{
  aspect-ratio:4/5;
}
.svc-shots__grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.svc-shots__grid figcaption{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.svc-shots__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem 1rem;
  margin:1.35rem 0 0;
  color:rgba(255,255,255,.4);
  font-size:.9rem;
}
.svc-shots__foot .text-link{
  color:rgba(255,255,255,.86);
}
.svc-shots__foot .text-link:hover{color:var(--steam)}

.svc-faq__head{
  margin-bottom:clamp(1.35rem,2.8vw,2rem);
  max-width:36rem;
}
.svc-faq__head h2{
  margin:.35rem 0 0;
  font-family:var(--display);
  font-size:clamp(1.85rem,3.2vw,2.55rem);
  font-weight:560;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
}
.svc-faq .sss{max-width:none}
.svc-faq__also{
  margin-top:clamp(2rem,4vw,3rem);
  max-width:44rem;
}
.svc-faq__also h2{margin-top:0}
.svc-notes .svc-notes__list a{
  color:var(--steam-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(23,142,132,.35);
}
.svc-notes .svc-notes__list a:hover{border-bottom-color:currentColor}
.svc-page--detail .cta-band h2{
  font-size:clamp(2.4rem,4.6vw,4.2rem);
  max-width:14ch;
}

@media (max-width:900px){
  .svc-shots__grid{
    grid-template-columns:1fr 1fr;
  }
  .svc-shots__grid figure:first-child{
    grid-column:1 / -1;
    aspect-ratio:16/11;
  }
  .svc-block__media--ba .karsilastirma--media img{
    max-height:min(48svh,420px);
  }
}
@media (max-width:600px){
  .svc-shots__grid{grid-template-columns:1fr 1fr;gap:.55rem}
  .svc-page--detail .page-hero--svc-detail h1{max-width:10ch}
  .svc-page--detail .svc-jump{top:64px}
}

/* Dokunmatik: künye rozeti oynayan videonun üstünde duruyor; blur her video
   karesinde yeniden hesaplanıyordu. Zemin zaten %62 opak, %86'da fark
   ayırt edilmiyor. */
@media (pointer: coarse), (max-width: 760px) {
  .why-chapter__badge{
    background:rgba(7,27,34,.86);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
}