/* --- yazi tipi gecisi (FOUT) --- */
/* Olcum: 64px/700 ayni baslik -> Arial 1457px, Barlow 1334px (oran .916).
   Yedek font %9 daha genis oldugu icin Barlow gelince metin daraliyordu.
   size-adjust yedegi Barlow metrigine oturtur; gecis gorunmez olur. */
@font-face{
  font-family:'Barlow Yedek';
  src:local('Arial'),local('Helvetica Neue'),local('Liberation Sans');
  size-adjust:91.6%;
  font-weight:100 800;
  font-style:normal;
}
/* Tema Barlow'u yalniz uc yerde tanimliyor (body + iki sinif); gerisi miras.
   Ucunde de yedegi zincire ekliyoruz. */
body,.heading.is-hero-1-title,.opacity-70{font-family:Barlow,'Barlow Yedek',Arial,sans-serif}

/* ============================================================
   GROMEP - tasarim katmani
   Webflow temasinin uzerine biner; tema CSS'i degistirilmez.
   ============================================================ */

:root{
  --gmp-navy:#193472;          /* metin / koyu zemin */
  --gmp-blue:#0a5a8c;          /* aksan - butonlar */
  --gmp-blue-dark:#08476e;
  --gmp-ink:#0f1b33;
  --gmp-muted:#5b6b86;
  --gmp-line:rgba(25,52,114,.14);
  --gmp-ease:cubic-bezier(.16,1,.3,1);
  --gmp-shell:min(1240px, 100% - 48px);
}

/* ---------- 1. Tipografi olcegi ----------------------------
   Once: h1 56px / h2 59px (hiyerarsi ters), satir araligi 1.30.
   Simdi: akiskan olcek, dogru hiyerarsi, sikilastirilmis satir. */
.heading.is-hero-1-title{
  font-size:clamp(2rem,3.1vw,2.95rem);
  line-height:1.08;
  letter-spacing:-.015em;
  font-weight:600;
  max-width:32ch;
  text-wrap:balance;
}
.heading.is-content-title-3,
.heading-4,
h2.heading,
.heading.is-contact-title-2{
  font-size:clamp(1.9rem,3.2vw,2.9rem);
  line-height:1.1;
  letter-spacing:-.01em;
  font-weight:600;
}
.heading.is-cta-title-1{
  font-size:clamp(1.6rem,2.5vw,2.2rem);
  line-height:1.15;
  letter-spacing:-.005em;
  text-wrap:balance;
}
.company-title,.company-title-2{
  font-size:clamp(1.6rem,2.4vw,2.1rem);
  line-height:1.15;
  letter-spacing:-.005em;
}
.content-paragraph-3,.paragraph-5,.paragraph-6,.company-subtitle,.content-anim-trigger{
  font-size:1.0625rem;
  line-height:1.6;
}
.content-paragraph-3{max-width:56ch}
/* buyuk harfli kucuk etiketler nefes alsin */
.content-title-2,.button-title,.breadcrumb-link p,.footer-title{letter-spacing:.06em}

/* ---------- 2. Dikey ritim -------------------------------- */
.section .padding-inner{padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
.section.offer .padding-inner{padding-block:clamp(56px,6vw,88px)}

/* ---------- 3. Kolon hizasi -------------------------------
   Once: 112 / 220 / 243 / 266 / 940 px - her bolum farkli.
   Simdi: tek kabuk. */
/* Global container'a dokunulmuyor: Webflow grid'leri sabit sutun genisligi kullaniyor
   ve daraltmak Solutions kolonlarini kirdi. Hizalama bolum bazinda yapiliyor. */

/* ---------- 4. Hero --------------------------------------- */
.page-hero-sec .hero-background-color{
  background:linear-gradient(180deg,rgba(9,18,40,.34) 0%,rgba(9,18,40,.52) 45%,rgba(9,18,40,.74) 100%);
}
.page-hero-sec .chessboard-grid{opacity:.35}          /* satranc deseni gorsel gurultuyu azaltsin */
.hero-content{max-width:var(--gmp-shell);margin-inline:auto}
.hero-1-header{display:flex;align-items:center;min-height:100%}
.hero-cta{margin-top:30px}
.gmp-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 0 18px;color:#cfe0f2;font-size:.8125rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
}
.gmp-eyebrow::before{content:"";width:34px;height:2px;background:#3aa0e0}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* ---------- 4b. Hero acilis animasyonu ---------------------
   Orijinal Webflow IX2 giris hareketinin override katmanindaki karsiligi.
   html.gmp-reveal ile kosullu: JS yoksa hero animasyonsuz ve tam gorunur. */

html.gmp-reveal .page-hero-sec .gmp-eyebrow,
html.gmp-reveal .page-hero-sec .heading.is-hero-1-title,
html.gmp-reveal .page-hero-sec .hero-cta{
  animation:gmp-hero-in .6s var(--gmp-ease) both;
}
html.gmp-reveal .page-hero-sec .gmp-eyebrow{animation-delay:.10s}
html.gmp-reveal .page-hero-sec .heading.is-hero-1-title{animation-delay:.20s}
html.gmp-reveal .page-hero-sec .hero-cta{animation-delay:.44s}
@keyframes gmp-hero-in{
  from{opacity:0;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:none}
}

/* ---------- 5. Butonlar -----------------------------------
   Once: .button-pattern kaymis ikinci bir cerceve birakiyordu. */
.main-button:not(.is-contact-menu):not(.in-dropdown){
  position:relative;border:0;padding:0;border-radius:6px;overflow:hidden;background:transparent;
}
.main-button .button-pattern{display:none}
.main-button .button-inner{
  background:var(--gmp-blue);
  padding:15px 26px;border-radius:6px;
  transition:background .35s var(--gmp-ease),transform .35s var(--gmp-ease),box-shadow .35s var(--gmp-ease);
}
.main-button:hover .button-inner{
  background:var(--gmp-blue-dark);
  transform:translateY(-2px);
  box-shadow:0 10px 24px -10px rgba(8,71,110,.65);
}
.main-button .button-icon{transition:transform .35s var(--gmp-ease)}
.main-button:hover .button-icon{transform:translateX(4px)}
.main-button:focus-visible{outline:3px solid #7cc4f0;outline-offset:3px}

/* ---------- 6. Proje kartlari ------------------------------ */
.project-link{
  border:1px solid var(--gmp-line);border-radius:8px;
  transition:border-color .35s var(--gmp-ease),box-shadow .35s var(--gmp-ease),background-color .35s var(--gmp-ease);
}
.project-link-block{transition:transform .35s var(--gmp-ease)}
.project-link-block:hover{transform:translateY(-3px)}
.project-link-block:hover .project-link{
  border-color:rgba(10,90,140,.45);
  box-shadow:0 14px 30px -18px rgba(15,27,51,.5);
}
.project-name{font-weight:500;letter-spacing:.005em}
.project-icon,.project-icon-for-hover{transition:transform .35s var(--gmp-ease)}
.project-link-block:hover .project-icon,
.project-link-block:hover .project-icon-for-hover{transform:translateX(4px)}
.gmp-badge{
  margin-left:10px;padding:3px 9px;border:1px solid currentColor;border-radius:99px;
  font-size:.66em;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;
  white-space:nowrap;opacity:.85;font-weight:600;
}

/* ---------- 7. Solutions: okunur panel + kolon basliklari -- */
.section .image-3 + .div-block-12{background:rgba(9,18,40,.62)}
.gmp-sol-head{
  display:block;margin:0 0 14px;color:#8fc4e8;font-size:.8125rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
}
.content-block-7{gap:clamp(20px,3vw,48px);align-items:flex-start}
.paragraph-5,.paragraph-6{
  flex:1 1 0;min-width:0;
  background:rgba(9,18,40,.66);
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  padding:22px 24px;
  backdrop-filter:blur(2px);
}
.bold-text-11,.bold-text-12{line-height:1.75}
.bold-text-11,.bold-text-12{font-weight:400}

/* ---------- 8. Rakam serididi ------------------------------ */
.section.offer .content-grid-block-3.with-bg-blue{
  display:grid;min-height:0;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:clamp(24px,4vw,64px);
  align-items:start;
  padding:clamp(48px,6vw,76px) clamp(28px,5vw,72px);
}
.section.offer .company-content{padding:0;align-self:start}  /* tema align-self:center veriyordu */
.section.offer .company-title,
.section.offer .company-title-2{margin:0 0 12px;max-width:16ch}
.section.offer .company-subtitle{margin:0;max-width:32ch;opacity:.85}

/* ---------- 9. Ust menu ------------------------------------ */
#main-header,.navbar,.nav-menu{transition:background-color .35s var(--gmp-ease)}
a:focus-visible,button:focus-visible{outline:3px solid #7cc4f0;outline-offset:2px}

/* ---------- 10. Animasyonlar ------------------------------- */
html{scroll-behavior:smooth}

/* Sadece JS calisiyorsa gizle; JS yoksa icerik normal gorunur. */
html.gmp-reveal [data-gmp-reveal]{
  opacity:0;transform:translateY(14px);
  /* 150-300ms mikro-etkilesim bandi; giriste ease-out */
  transition:opacity .3s var(--gmp-ease),transform .3s var(--gmp-ease);
  will-change:opacity,transform;
}
html.gmp-reveal [data-gmp-reveal].gmp-in{opacity:1;transform:none}

a,.main-button,.project-link,.project-link-block,.button-inner,.contact-block-1,.footer-link{
  transition-timing-function:var(--gmp-ease);
  transition-duration:.35s;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.gmp-reveal [data-gmp-reveal]{opacity:1;transform:none;transition:none}
  .project-link-block:hover,.main-button:hover .button-inner{transform:none}
  /* gecikme de sifirlanmali: animation-delay duruyorsa fill-mode:both
     elemani "from" halinde (opacity:0) dondurup gorunmez birakiyordu. */
  *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0s !important;
    transition-duration:.01ms !important;transition-delay:0s !important}
}

/* ---------- 12. Mobil ------------------------------------- */
@media (max-width:767px){
  :root{--gmp-shell:calc(100% - 36px)}
  .heading.is-hero-1-title{max-width:none;font-size:1.75rem}
  .hero-cta{gap:10px}
  .hero-cta .main-button{flex:1 1 100%}
  .main-button .button-inner{justify-content:center}
  .paragraph-5,.paragraph-6{padding:18px}
}

/* ============================================================
   13. Iletisim sayfasi (gc-*)
   ============================================================ */
.gc{padding:clamp(64px,7vw,104px) 0}
.gc-wrap{width:min(1180px,100% - 48px);margin-inline:auto}

.gc-kicker{margin:0 0 12px;color:var(--gmp-blue);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gc-title{margin:0 0 14px;color:var(--gmp-navy);font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.1;letter-spacing:-.01em;font-weight:600;text-transform:none}
.gc-title-sm{font-size:clamp(1.5rem,2.3vw,2rem)}
.gc-lead{margin:0;max-width:60ch;color:var(--gmp-muted);font-size:1.0625rem;line-height:1.6}
.gc-head{margin-bottom:clamp(36px,4vw,56px)}

/* ofis kartlari: harita ustte, bilgiler altta */
.gc-offices{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:clamp(56px,6vw,88px)}
.gc-office{background:#fff;border:1px solid var(--gmp-line);border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,27,51,.04);transition:box-shadow .35s var(--gmp-ease),transform .35s var(--gmp-ease)}
.gc-office:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(15,27,51,.35)}
.gc-map{aspect-ratio:16/9;background:#0f192c}
/* Iletisim sayfasindaki harita acik temaliydi, ana sayfadaki ise zaten
   koyuya cevriliyordu -> iki sayfa arasinda uyumsuzluk. Ayni islemi
   burada da uyguluyoruz. */
.gc-map iframe{width:100%;height:100%;border:0;display:block;
  filter:invert(.92) hue-rotate(180deg) saturate(.55) contrast(.95)}
.gc-office-body{padding:24px 26px 26px}
.gc-role{margin:0 0 6px;color:var(--gmp-blue);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.gc-city{margin:0 0 10px;color:var(--gmp-navy);font-size:1.5rem;line-height:1.15;font-weight:600}
.gc-city span{color:var(--gmp-muted);font-weight:400;font-size:.8em}
.gc-addr{margin:0 0 18px;font-style:normal;color:var(--gmp-ink);line-height:1.55}
.gc-lines{margin:0 0 18px;padding:0;display:grid;gap:8px}
.gc-lines div{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:baseline}
.gc-lines dt{margin:0;color:var(--gmp-muted);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}
.gc-lines dd{margin:0}
.gc-lines a{color:var(--gmp-navy);font-weight:500;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s}
.gc-lines a:hover{border-bottom-color:currentColor}
.gc-maplink{display:inline-block;color:var(--gmp-blue);font-weight:600;font-size:.9375rem;text-decoration:none}
.gc-maplink:hover{text-decoration:underline}

/* form + yan sutun */
.gc-form-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,56px);align-items:start}
.gc-form{background:#fff;border:1px solid var(--gmp-line);border-radius:14px;padding:clamp(24px,3vw,40px)}
.gc-note{margin:0 0 22px;color:var(--gmp-muted);font-size:.9375rem;line-height:1.55}
.gc-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gc-form label{display:block;margin-bottom:16px}
.gc-form label span{display:block;margin-bottom:6px;color:var(--gmp-ink);font-size:.8125rem;font-weight:600;letter-spacing:.03em}
.gc-form input,.gc-form textarea{width:100%;padding:13px 14px;border:1px solid #cfd8e6;border-radius:8px;background:#fbfcfe;color:var(--gmp-ink);font:inherit;
  transition:border-color .25s,box-shadow .25s}
.gc-form textarea{resize:vertical;min-height:150px}
.gc-form input:focus,.gc-form textarea:focus{outline:0;border-color:var(--gmp-blue);box-shadow:0 0 0 3px rgba(10,90,140,.15)}
.gc-btn{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:15px 26px;border:0;border-radius:8px;
  background:var(--gmp-blue);color:#fff;font:inherit;font-weight:600;letter-spacing:.04em;cursor:pointer;
  transition:background .3s var(--gmp-ease),transform .3s var(--gmp-ease),box-shadow .3s var(--gmp-ease)}
.gc-btn:hover{background:var(--gmp-blue-dark);transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(8,71,110,.6)}
.gc-btn:focus-visible{outline:3px solid #7cc4f0;outline-offset:3px}
.gc-btn span{transition:transform .3s var(--gmp-ease)}
.gc-btn:hover span{transform:translateX(4px)}

.gc-side{background:var(--gmp-navy);color:#fff;border-radius:14px;padding:clamp(24px,3vw,36px);position:sticky;top:96px}
.gc-side h3{margin:0 0 8px;font-size:1.25rem;line-height:1.2;color:#fff}
.gc-side p{margin:0 0 20px;color:rgba(255,255,255,.72);line-height:1.5}
.gc-side-mail{display:block;margin-bottom:22px;color:#fff;font-size:1.25rem;font-weight:600;text-decoration:none;word-break:break-all}
.gc-side-mail:hover{text-decoration:underline}
.gc-side-tel{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gc-side-tel li{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.gc-side-tel span{color:rgba(255,255,255,.7);font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}
.gc-side-tel a{color:#fff;text-decoration:none;font-weight:500}
.gc-side-tel a:hover{text-decoration:underline}

@media (max-width:900px){
  .gc-form-grid{grid-template-columns:1fr}
  .gc-side{position:static}
}
@media (max-width:560px){
  .gc-wrap{width:calc(100% - 32px)}
  .gc-row{grid-template-columns:1fr}
  .gc-office-body{padding:20px}
  .gc-lines div{grid-template-columns:64px 1fr}
}

/* ============================================================
   14. Projeler sayfasi (gp-*)
   ============================================================ */
.gp{padding:clamp(56px,6vw,96px) 0 clamp(64px,7vw,104px)}
.gp-wrap{width:min(1240px,100% - 48px);margin-inline:auto}

.gp-kicker{margin:0 0 12px;color:var(--gmp-blue);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gp-title{margin:0 0 14px;color:var(--gmp-navy);font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.015em;font-weight:600;text-transform:none}
.gp-lead{margin:0;max-width:62ch;color:var(--gmp-muted);font-size:1.0625rem;line-height:1.6}

.gp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;
  margin:clamp(28px,3vw,40px) 0 0;padding:24px 0 0;border-top:1px solid var(--gmp-line)}
.gp-stats div{margin:0}
.gp-stats dt{margin:0 0 4px;color:var(--gmp-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.gp-stats dd{margin:0;color:var(--gmp-navy);font-size:2rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}

.gp-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}
.gp-chip{padding:9px 16px;border:1px solid var(--gmp-line);border-radius:99px;background:#fff;
  color:var(--gmp-ink);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;
  transition:background-color .25s var(--gmp-ease),border-color .25s var(--gmp-ease),color .25s var(--gmp-ease)}
.gp-chip:hover{border-color:var(--gmp-blue);color:var(--gmp-blue)}
.gp-chip.is-on{background:var(--gmp-navy);border-color:var(--gmp-navy);color:#fff}
.gp-chip:focus-visible{outline:3px solid #7cc4f0;outline-offset:2px}

.gp-count{margin:0 0 20px;color:var(--gmp-muted);font-size:.875rem;font-variant-numeric:tabular-nums}
.gp-empty{margin:40px 0;color:var(--gmp-muted)}

.gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.gp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gmp-line);border-radius:14px;
  overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .35s var(--gmp-ease),box-shadow .35s var(--gmp-ease),border-color .35s var(--gmp-ease)}
.gp-card:hover{transform:translateY(-3px);border-color:rgba(10,90,140,.35);box-shadow:0 20px 44px -26px rgba(15,27,51,.45)}
.gp-card:focus-visible{outline:3px solid #7cc4f0;outline-offset:3px}
.gp-card[hidden]{display:none}   /* display:flex, UA'nin [hidden] kuralini eziyordu */

.gp-media{position:relative;aspect-ratio:16/10;background:#e9eef5;overflow:hidden}
.gp-img{width:100%;height:100%;object-fit:cover;display:block;color:transparent;transition:transform .6s var(--gmp-ease)}
.gp-card:hover .gp-img{transform:scale(1.04)}
.gp-noimg{width:100%;height:100%;display:grid;place-items:center;
  background:linear-gradient(135deg,#1b2a4a,#0f1b33)}
.gp-noimg span{color:rgba(255,255,255,.5);font-size:.8125rem;font-weight:700;letter-spacing:.22em}

/* yil rozeti - her kartin ustunde */
.gp-year{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:99px;
  background:rgba(9,18,40,.82);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.04em;
  font-variant-numeric:tabular-nums;backdrop-filter:blur(4px)}
.gp-year-soft{background:#0a5a8c;text-transform:uppercase;font-size:.6875rem;letter-spacing:.08em}
.gp-year-soft::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;
  border-radius:50%;background:#7ee0a8;vertical-align:middle}

/* bolumler */
.gp-block{margin-top:clamp(40px,5vw,64px)}
.gp-block-live{padding:clamp(24px,3vw,32px);border-radius:16px;background:#f2f6fb;border:1px solid var(--gmp-line)}
.gp-block-head{margin-bottom:22px}
.gp-h2{margin:0 0 6px;color:var(--gmp-navy);font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.2;
  font-weight:600;text-transform:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gp-pill{padding:3px 11px;border-radius:99px;background:var(--gmp-navy);color:#fff;
  font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}
.gp-sub{margin:0;color:var(--gmp-muted);font-size:.9375rem}

.gp-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.gp-name{margin:0;color:var(--gmp-navy);font-size:1.125rem;line-height:1.3;font-weight:600;text-transform:none}
.gp-meta{margin:0;color:var(--gmp-muted);font-size:.875rem;line-height:1.45}
.gp-go{margin-top:auto;padding-top:10px;color:var(--gmp-blue);font-size:.875rem;font-weight:600}
.gp-go em{font-style:normal;display:inline-block;transition:transform .35s var(--gmp-ease)}
.gp-card:hover .gp-go em{transform:translateX(4px)}

@media (max-width:560px){
  .gp-wrap{width:calc(100% - 32px)}
  .gp-grid{grid-template-columns:1fr}
  .gp-stats{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .gp-card:hover{transform:none}
  .gp-card:hover .gp-img{transform:none}
  .gp-card:hover .gp-go em{transform:none}
}

/* ============================================================
   15. Cozumler sayfasi (gs-*)
   ============================================================ */
.gs{padding:clamp(56px,6vw,96px) 0 clamp(64px,7vw,104px)}
.gs-wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.gs-kicker{margin:0 0 12px;color:var(--gmp-blue);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gs-title{margin:0 0 14px;color:var(--gmp-navy);font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.015em;font-weight:600;text-transform:none}
.gs-lead{margin:0;max-width:64ch;color:var(--gmp-muted);font-size:1.0625rem;line-height:1.6}
.gs-head{margin-bottom:clamp(36px,4vw,56px)}

.gs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.gs-card{position:relative;background:#fff;border:1px solid var(--gmp-line);border-radius:14px;
  padding:26px 26px 24px;transition:border-color .35s var(--gmp-ease),box-shadow .35s var(--gmp-ease)}
.gs-card:hover{border-color:rgba(10,90,140,.35);box-shadow:0 18px 40px -26px rgba(15,27,51,.35)}
.gs-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:16px;
  padding-bottom:14px;border-bottom:1px solid var(--gmp-line)}
.gs-name{margin:0;color:var(--gmp-navy);font-size:1.1875rem;line-height:1.25;font-weight:600;text-transform:none}
.gs-std{color:var(--gmp-blue);font-size:.6875rem;font-weight:700;letter-spacing:.08em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.gs-list{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.gs-list li{position:relative;padding-left:20px;color:var(--gmp-ink);font-size:.9375rem;line-height:1.5}
.gs-list li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;
  border:1.5px solid var(--gmp-blue);border-radius:2px;transform:rotate(45deg)}
.gs-n{position:absolute;top:22px;right:24px;margin:0;color:var(--gmp-line);
  font-size:1.75rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}

.gs-cta{margin-top:clamp(40px,5vw,64px);padding:clamp(28px,4vw,44px);border-radius:16px;
  background:var(--gmp-navy);color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(20px,3vw,40px);align-items:center}
.gs-cta .gs-kicker{color:#8fc4e8}
.gs-cta-h{margin:0 0 10px;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.2;font-weight:600;color:#fff;text-transform:none}
.gs-cta-p{margin:0;color:rgba(255,255,255,.72);line-height:1.55}
.gs-cta-act{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.gs-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:8px;
  background:var(--gmp-blue);color:#fff;text-decoration:none;font-weight:600;letter-spacing:.03em;
  transition:background-color .3s var(--gmp-ease),transform .3s var(--gmp-ease)}
.gs-btn:hover{background:#0c6ba6;transform:translateY(-2px)}
.gs-btn span{transition:transform .3s var(--gmp-ease)}
.gs-btn:hover span{transform:translateX(4px)}
.gs-link{color:#cfe0f2;text-decoration:none;font-size:.9375rem;font-weight:500}
.gs-link:hover{text-decoration:underline}

@media (max-width:820px){ .gs-cta{grid-template-columns:1fr} }
@media (max-width:560px){ .gs-wrap{width:calc(100% - 32px)} .gs-grid{grid-template-columns:1fr} .gs-n{display:none} }

/* ============================================================
   16. Ana sayfa v3 - koyu, teknik (gd-*)
   Karar: kisa (4 bolum), kart izgarasi yok, muhendis dili.
   Sayilar mono; sistem katmanlari izometrik cizim uzerinde "cizilir".
   Sadece index.html / tr.html kullanir.
   ============================================================ */
.gd{
  --gd-bg:#0b1322; --gd-bg2:#0f192c; --gd-bg3:#131f36;
  --gd-line:rgba(148,196,240,.16); --gd-line2:rgba(148,196,240,.30);
  --gd-text:#e7eef8; --gd-muted:#93a4bf; --gd-blue:#4cb5f5;
  --gd-cyan:#22d3ee; --gd-amber:#fbbf24; --gd-violet:#a78bfa;
  --gd-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  position:relative;background:var(--gd-bg);color:var(--gd-text);
  font-family:Barlow,'Barlow Yedek',Arial,sans-serif;
}
.gd-wrap{width:min(1240px,100% - 48px);margin-inline:auto}
/* Yuzen e-posta/LinkedIn rayi sabit ve sagda; 1500 px altinda icerik kutusunun
   sag kenari rayin altina giriyor ve metnin uzerine biniyordu. Bu araligda
   iceriye sag bosluk birakiyoruz: kutu genisligi ayni, icerik sola kayiyor. */
@media (min-width:992px) and (max-width:1500px){
  .gd-wrap,.gp-wrap,.gc-wrap{padding-right:88px}
  .gd-bar dl.gd-wrap{padding-right:88px}   /* kendi padding'i ustteki kurali eziyordu */
}
.gd-kicker{margin:0 0 14px;font-family:var(--gd-mono);font-size:.78rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gd-blue)}
.gd-h2{margin:0 0 14px;color:#fff;font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.08;
  letter-spacing:-.015em;font-weight:600;text-transform:none;max-width:24ch;text-wrap:balance}
.gd-lead{margin:0;max-width:58ch;color:var(--gd-muted);font-size:1.0625rem;line-height:1.6}
.gd-head{margin-bottom:clamp(28px,4vw,48px)}
.gd a{color:inherit}
.gd-more{color:var(--gd-blue);font-weight:600;text-decoration:none;white-space:nowrap;
  border-bottom:1px solid transparent;transition:border-color .3s var(--gmp-ease)}
.gd-more:hover{border-bottom-color:currentColor}
.gd-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:6px;
  background:var(--gmp-blue);color:#fff;font-weight:600;text-decoration:none;letter-spacing:.02em;
  transition:background .3s var(--gmp-ease),transform .3s var(--gmp-ease)}
.gd-btn span{transition:transform .3s var(--gmp-ease)}
.gd-btn:hover{background:var(--gmp-blue-dark);transform:translateY(-2px)}
.gd-btn:hover span{transform:translateX(4px)}
.gd-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}
.gd-btn-ghost:hover{background:rgba(255,255,255,.08)}
.gd-btn:focus-visible,.gd-more:focus-visible,.gd-tab:focus-visible{outline:3px solid #7cc4f0;outline-offset:3px}
.gd-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.gd-hero,.gd-proj,.gd-cta{padding-block:clamp(64px,7vw,104px)}
/* Izometrik bolum 1366x768 gibi dizustu ekranlarda tek ekrana sigsin:
   dolgu genislige degil YUKSEKLIGE de bagli. Uzun ekranda eski olcu. */
.gd-disc{padding-block:clamp(40px,6vh,104px)}

/* --- hero --- */
.gd-hero{min-height:min(88vh,860px);display:flex;align-items:center;overflow:hidden;
  padding-block:clamp(96px,12vw,150px) clamp(120px,14vw,170px)}
.gd-hero-media{position:absolute;inset:0;z-index:0}
.gd-hero-img{width:100%;height:100%;object-fit:cover;display:block;
  transform-origin:55% 45%}
/* Gorunur Ken Burns: 9 sn'de 1.16 -> 1.0, ilk 2-3 sn'de hareket belli olur. */
/* Iki faz: 9 sn'lik giris (belirgin), ardindan 28 sn'lik sonsuz gidip-gelen sakin suzulme. */
html.gmp-reveal .gd-hero-img{
  animation:gd-kb 9s cubic-bezier(.22,.61,.36,1) both,
            gd-kb-loop 28s 9s ease-in-out infinite alternate}
@keyframes gd-kb{from{transform:scale(1.16) translate3d(2%,-1%,0)}to{transform:scale(1) translate3d(0,0,0)}}
@keyframes gd-kb-loop{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.6%,1%,0)}}
/* Gorsel ekrandan cikinca sonsuz suzulme duraklar: gorunum ayni, bosa donen
   islem yok (dizustunde pil, mobilde islemci). Tekrar girince kaldigi yerden. */
.gmp-pause{animation-play-state:paused!important}
.gd-hero-shade{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,19,34,.94) 0%,rgba(11,19,34,.78) 42%,rgba(11,19,34,.35) 75%,rgba(11,19,34,.55) 100%),
             linear-gradient(180deg,rgba(11,19,34,.2) 0%,rgba(11,19,34,0) 40%,rgba(11,19,34,.85) 100%)}
.gd-hero-in{position:relative;z-index:1}
.gd-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;
  font-family:var(--gd-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#cfe0f2}
.gd-eyebrow::before{content:"";width:34px;height:2px;background:var(--gd-cyan)}
.gd-h1{margin:0;color:#fff;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.06;letter-spacing:-.018em;
  font-weight:600;max-width:22ch;text-transform:none;text-wrap:balance}
.gd-sub{margin:20px 0 0;max-width:52ch;color:rgba(231,238,248,.8);font-size:1.0625rem;line-height:1.6}
html.gmp-reveal .gd-eyebrow,html.gmp-reveal .gd-h1,html.gmp-reveal .gd-sub,html.gmp-reveal .gd-hero .gd-cta-row,
html.gmp-reveal .gd-bar{animation:gmp-hero-in .6s var(--gmp-ease) both}
html.gmp-reveal .gd-eyebrow{animation-delay:.1s}
html.gmp-reveal .gd-h1{animation-delay:.2s}
html.gmp-reveal .gd-sub{animation-delay:.32s}
html.gmp-reveal .gd-hero .gd-cta-row{animation-delay:.44s}
html.gmp-reveal .gd-bar{animation-delay:.6s}
.gd-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;
  background:rgba(11,19,34,.72);backdrop-filter:blur(8px);border-top:1px solid var(--gd-line)}
.gd-bar dl{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-inline:auto;padding:18px 0}
.gd-bar div{margin:0;padding-left:14px;border-left:1px solid var(--gd-line)}
.gd-bar dd{margin:0 0 3px;font-family:var(--gd-mono);font-size:1.5rem;font-weight:600;line-height:1;color:#fff;
  font-variant-numeric:tabular-nums}
.gd-bar dt{margin:0;color:var(--gd-muted);font-size:.78rem;letter-spacing:.04em}
/* Sayac serisi - fare etkilesimi.
   Zemin yikamasi ve sol cizgi denendi: sol cizgi zaten ayrac oldugu icin
   "renk degisti" gibi duruyor, gradyan da leke gibi okunuyordu. Yerine
   olcum aleti mantigi: hucrenin altinda ince cyan gosterge soldan saga
   cizilir, etiket okunurlasir. Zemin yok, kutu yok, yer degistirme yok. */
.gd-bar div{position:relative}
.gd-bar div::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:2px;
  background:var(--gd-cyan);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--gmp-ease)}
.gd-bar div:hover::after{transform:scaleX(1)}
.gd-bar dd,.gd-bar dt{transition:color .28s var(--gmp-ease)}
.gd-bar div:hover dt{color:#cfe0f2}
@media (prefers-reduced-motion:reduce){
  .gd-bar div::after{transition:none}
}

/* --- disiplinler --- */
.gd-disc{background:var(--gd-bg2);border-top:1px solid var(--gd-line)}
.gd-r{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.gd-disc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,64px);align-items:start}
.gd-disc .gd-head{margin-bottom:clamp(20px,3vh,40px)}
/* Alcak ekranlarda (1366x768 vb.) bolumun tamami tek ekrana sigsin.
   Sadece bu bolum sikilasir; yuksek ekranda hicbir sey degismez. */
@media (max-height:900px){
  .gd-disc .gd-pane-p{font-size:1rem;margin-bottom:12px}
  .gd-disc .gd-list li{padding-block:7px}
  .gd-disc .gd-list li::before{top:14px}
  .gd-disc .gd-tabs{margin-bottom:14px}
}
@media (max-height:880px){
  .gd-disc .gd-h2{font-size:clamp(1.6rem,2.4vw,2.1rem);margin-bottom:10px}
  .gd-disc .gd-lead{font-size:.98rem;max-width:62ch}
  .gd-disc .gd-kicker{margin-bottom:10px}
  .gd-disc .gd-tab{padding-block:10px}
  .gd-disc .gd-list li{padding-block:6px;font-size:.9rem}
  .gd-disc .gd-list li::before{top:13px}
}
/* 1366x768 ve 1280x720 gibi ekranlarda tarayici cercevesi dusunce icerik
   yuksekligi ~600-640 px kaliyor; son bir kademe daha. */
@media (max-height:700px){
  .gd-disc{padding-block:clamp(26px,4vh,60px)}
  .gd-disc .gd-h2{font-size:1.5rem;margin-bottom:8px}
  .gd-disc .gd-lead{font-size:.94rem}
  .gd-disc .gd-head{margin-bottom:16px}
  .gd-disc .gd-tabs{margin-bottom:10px}
  .gd-disc .gd-tab{padding-block:8px}
  .gd-disc .gd-pane-p{font-size:.95rem;margin-bottom:10px}
  .gd-disc .gd-list li{padding-block:5px;font-size:.86rem}
  .gd-disc .gd-list li::before{top:12px}
  .gd-disc .gd-disc-foot{margin-top:12px;font-size:.74rem}
  .gd-disc .gd-fig-note{margin-top:8px;font-size:.72rem}
}
.gd-disc-fig{position:sticky;top:96px}
.gd-iso{display:block;width:100%;height:auto;max-width:min(560px,46vh);margin-inline:auto}
.gd-fig-note{margin:12px 0 0;text-align:center;color:var(--gd-muted);font-size:.78rem;font-family:var(--gd-mono)}
/* katmanlar */
.gd-l{transition:opacity .45s var(--gmp-ease)}
.gd-l-mech{color:var(--gd-cyan)}.gd-l-elec{color:var(--gd-amber)}.gd-l-elv{color:var(--gd-violet)}
.gd-l polyline,.gd-l circle,.gd-l polygon{stroke:currentColor}
.gd-l circle{fill:currentColor}
.gd-l .gd-n{fill:var(--gd-bg2);stroke-width:2}
.gd-l{opacity:.12}
.gd-d{stroke-dasharray:900;stroke-dashoffset:900}
@keyframes gd-draw{to{stroke-dashoffset:0}}
/* Isik: genis, soluk bir alt cizgi (filter yok - ucuz). Isin: kisa dash'ler hat boyunca akar. */
.gd-g{stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:0;
  transition:opacity .6s 1.2s var(--gmp-ease)}
.gd-p{stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:12 150;stroke-dashoffset:162;opacity:0;transition:opacity .5s 1.5s}
@keyframes gd-flow{to{stroke-dashoffset:0}}
.gd-p:nth-of-type(3n){animation-delay:-.8s}.gd-p:nth-of-type(3n+1){animation-delay:-1.6s}
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech,
.gd-disc:has(#gd-d-elec:checked) .gd-l-elec,
.gd-disc:has(#gd-d-elv:checked)  .gd-l-elv{opacity:1}
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech .gd-d,
.gd-disc:has(#gd-d-elec:checked) .gd-l-elec .gd-d,
.gd-disc:has(#gd-d-elv:checked)  .gd-l-elv .gd-d{animation:gd-draw 1.4s cubic-bezier(.4,0,.2,1) forwards}
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech .gd-g,
.gd-disc:has(#gd-d-elec:checked) .gd-l-elec .gd-g,
.gd-disc:has(#gd-d-elv:checked)  .gd-l-elv .gd-g{opacity:.22}
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech .gd-p,
.gd-disc:has(#gd-d-elec:checked) .gd-l-elec .gd-p,
.gd-disc:has(#gd-d-elv:checked)  .gd-l-elv .gd-p{opacity:.95;animation:gd-flow 2.4s linear infinite}
/* :has desteklemeyen tarayici: her sey gorunur kalsin */
@supports not selector(:has(a)){.gd-l{opacity:1}.gd-d{stroke-dashoffset:0}}
/* sekmeler */
.gd-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.gd-tab{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border-radius:8px;cursor:pointer;
  background:var(--gd-bg3);border:1px solid var(--gd-line);border-top:3px solid var(--gd-line);
  transition:border-color .3s var(--gmp-ease),background .3s var(--gmp-ease)}
.gd-tab-n{font-family:var(--gd-mono);font-size:1.2rem;font-weight:600;line-height:1;color:var(--gd-muted)}
.gd-tab-t{font-weight:600;font-size:.9375rem;line-height:1.2;color:#fff}
.gd-tab:hover{background:#172641}
.gd-disc:has(#gd-d-mech:checked) .gd-tab-mech{border-top-color:var(--gd-cyan)}
.gd-disc:has(#gd-d-elec:checked) .gd-tab-elec{border-top-color:var(--gd-amber)}
.gd-disc:has(#gd-d-elv:checked)  .gd-tab-elv{border-top-color:var(--gd-violet)}
.gd-disc:has(#gd-d-mech:checked) .gd-tab-mech .gd-tab-n{color:var(--gd-cyan)}
.gd-disc:has(#gd-d-elec:checked) .gd-tab-elec .gd-tab-n{color:var(--gd-amber)}
.gd-disc:has(#gd-d-elv:checked)  .gd-tab-elv .gd-tab-n{color:var(--gd-violet)}
.gd-pane{display:none}
.gd-disc:has(#gd-d-mech:checked) .gd-pane-mech,
.gd-disc:has(#gd-d-elec:checked) .gd-pane-elec,
.gd-disc:has(#gd-d-elv:checked)  .gd-pane-elv{display:block;animation:gmp-hero-in .35s var(--gmp-ease) both}
@supports not selector(:has(a)){.gd-pane{display:block}}
.gd-pane-p{margin:0 0 16px;color:var(--gd-text);font-size:1.0625rem;line-height:1.55;max-width:56ch}
.gd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.gd-list li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid var(--gd-line);
  color:var(--gd-muted);font-size:.9375rem;line-height:1.4}
.gd-list li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:2px;background:currentColor;opacity:.7}
.gd-pane-mech .gd-list li::before{background:var(--gd-cyan)}
.gd-pane-elec .gd-list li::before{background:var(--gd-amber)}
.gd-pane-elv  .gd-list li::before{background:var(--gd-violet)}
/* Zenginlestirilmis kapsam listesi: kalem adi + aciklayici cumlecik */
.gd-list-rich li{padding:12px 0 12px 18px}
.gd-list-rich b{display:block;color:var(--gd-text);font-weight:600;font-size:.9375rem;line-height:1.35;margin-bottom:3px}
.gd-list-rich span{display:block;color:var(--gd-muted);font-size:.875rem;line-height:1.5}
.gd-list-rich li::before{top:19px}
@media (min-width:1024px){.gd-branch .gd-list-rich{grid-template-columns:1fr 1fr;gap:0 28px}}

.gd-disc-foot{margin:18px 0 0;font-family:var(--gd-mono);font-size:.8rem;color:var(--gd-muted)}
.gd-disc-foot a{color:var(--gd-blue);text-decoration:none}
.gd-std{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(36px,5vw,56px);
  padding-top:22px;border-top:1px solid var(--gd-line)}
.gd-std-k{margin-right:8px;font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted)}
.gd-chip{padding:5px 11px;border:1px solid var(--gd-line2);border-radius:4px;
  font-family:var(--gd-mono);font-size:.76rem;color:#cfe0f2}

/* --- projeler --- */
.gd-proj{border-top:1px solid var(--gd-line)}
.gd-spec{margin:14px 0 0;font-family:var(--gd-mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gd-muted)}
.gd-spec b{color:#fff;font-weight:600}
.gd-spec-sep{opacity:.5}
.gd-sub-k{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--gd-mono);font-size:.76rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted)}
.gd-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);
  animation:gd-live 2s ease-out infinite}
@keyframes gd-live{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}100%{box-shadow:0 0 0 10px rgba(74,222,128,0)}}
.gd-live{display:grid;gap:8px;margin-bottom:clamp(32px,4vw,48px)}
.gd-live-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:18px;
  padding:18px 22px;border-radius:8px;background:var(--gd-bg3);border:1px solid var(--gd-line);text-decoration:none;
  transition:border-color .3s var(--gmp-ease),transform .3s var(--gmp-ease)}
.gd-live-row:hover{border-color:var(--gd-line2);transform:translateX(4px)}
.gd-live-name{font-size:1.15rem;font-weight:600;color:#fff}
.gd-live-meta{color:var(--gd-muted);font-size:.9375rem}
.gd-live-st{font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#4ade80;
  padding:5px 10px;border:1px solid rgba(74,222,128,.35);border-radius:4px}
.gd-live-go{color:var(--gd-blue);font-size:1.2rem;transition:transform .3s var(--gmp-ease)}
.gd-live-row:hover .gd-live-go{transform:translateX(4px)}
.gd-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gd-pcard{display:block;text-decoration:none;border-radius:8px;overflow:hidden;background:var(--gd-bg3);
  border:1px solid var(--gd-line);transition:border-color .3s var(--gmp-ease),transform .3s var(--gmp-ease)}
.gd-pcard:hover{border-color:var(--gd-line2);transform:translateY(-4px)}
.gd-pmedia{aspect-ratio:4/3;overflow:hidden;background:#0b1322}
.gd-pmedia img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.85) contrast(1.05);transition:transform .6s var(--gmp-ease),filter .4s}
.gd-pcard:hover .gd-pmedia img{transform:scale(1.05);filter:none}
.gd-pbody{padding:14px 16px 16px}
.gd-pyear{display:inline-block;margin-bottom:8px;font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.08em;color:var(--gd-blue)}
.gd-pname{margin:0 0 4px;font-size:1.02rem;line-height:1.25;font-weight:600;color:#fff;text-transform:none}
.gd-pmeta{margin:0;color:var(--gd-muted);font-size:.875rem}
.gd-more-row{margin:26px 0 0}

/* --- cta --- */
.gd-cta{background:linear-gradient(180deg,var(--gd-bg) 0%,#1b243a 100%);border-top:1px solid var(--gd-line)}
.gd-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.gd-cta-media{border-radius:10px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--gd-line)}
.gd-cta-media img{width:100%;height:100%;object-fit:cover;display:block}
/* Hero ile ayni Ken Burns: gorsel ekrana girdiginde baslar. Dinlenme hali
   gd-kb'nin "from" degeriyle ayni, yoksa .gmp-in geldigi an sicrama olurdu.
   Yukleme aninda degil belirme aninda tetiklenmesi sart: bolum sayfanin
   ortasinda, sayfa acilirken calissa kullanici oraya gelmeden bitmis olur. */
html.gmp-reveal .gd-cta-media img{transform:scale(1.16) translate3d(2%,-1%,0)}
html.gmp-reveal .gd-cta-media.gmp-in img{
  animation:gd-kb 9s cubic-bezier(.22,.61,.36,1) both,
            gd-kb-loop 28s 9s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){
  html.gmp-reveal .gd-cta-media img{transform:none}
}
.gd-contact{margin:34px 0 0;padding:0;display:grid;gap:10px}
.gd-contact div{display:grid;grid-template-columns:78px 1fr;gap:12px;margin:0;padding:10px 0;border-top:1px solid var(--gd-line)}
.gd-contact dt{font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted);padding-top:3px}
.gd-contact dd{margin:0;color:var(--gd-text);font-size:.9375rem}

/* --- kaydirma belirmesi --- */
html.gmp-reveal .gd-rv{opacity:0;transform:translateY(14px);
  transition:opacity .3s var(--gmp-ease),transform .3s var(--gmp-ease)}
html.gmp-reveal .gd-rv.gmp-in{opacity:1;transform:none}

/* --- duyarli --- */
@media (max-width:1023px){
  .gd-disc-grid{grid-template-columns:1fr}
  .gd-disc-fig{position:static}
  .gd-iso{max-width:520px}
  .gd-pgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .gd-wrap{width:calc(100% - 36px)}
  .gd-hero{min-height:0;padding-block:72px 40px;flex-direction:column;align-items:stretch}  /* bar flex satirina girmesin */
  .gd-bar{position:relative;z-index:1;margin-top:44px;backdrop-filter:none;background:transparent;border-top:0}
  .gd-bar dl{grid-template-columns:1fr 1fr;width:100%;padding:0;gap:14px}
  .gd-tabs{grid-template-columns:1fr}
  .gd-tab{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;border-top-width:1px;border-left:3px solid var(--gd-line)}
  .gd-disc:has(#gd-d-mech:checked) .gd-tab-mech{border-left-color:var(--gd-cyan)}
  .gd-disc:has(#gd-d-elec:checked) .gd-tab-elec{border-left-color:var(--gd-amber)}
  .gd-disc:has(#gd-d-elv:checked)  .gd-tab-elv{border-left-color:var(--gd-violet)}
  .gd-list{grid-template-columns:1fr}
  .gd-live-row{grid-template-columns:1fr auto;gap:8px 14px}
  .gd-live-meta{grid-column:1/-1;order:3}
  .gd-live-go{display:none}
  .gd-pgrid{grid-template-columns:1fr 1fr;gap:10px}
  .gd-cta-grid{grid-template-columns:1fr}
  .gd-contact div{grid-template-columns:70px 1fr}
}
@media (max-width:479px){.gd-pgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .gd-d{stroke-dashoffset:0;animation:none!important}
  .gd-p{animation:none!important;opacity:0!important}
  .gd-live-dot{animation:none}
}

/* ============================================================
   17. Cozumler sayfasi v2 - koyu (gd-sol)
   Landing ile ayni dil: 3 dal, her dalda o katmani yanan izometrik cizim.
   Eski gs-* kurallari korunur (baska sayfada kullanilmiyor ama zararsiz).
   ============================================================ */
.gd-sol{padding-block:clamp(56px,6vw,88px) 0}
.gd-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.gd-subnav-k,.gd-subnav-t{font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted)}
.gd-subnav-t{margin-left:auto}
.gd-subnav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;text-decoration:none;
  background:var(--gd-bg3);border:1px solid var(--gd-line);border-left:3px solid var(--gd-line);font-weight:600;font-size:.9375rem;color:#fff;
  transition:border-color .3s var(--gmp-ease),background .3s var(--gmp-ease)}
.gd-subnav a b{font-family:var(--gd-mono);font-weight:600;color:var(--gd-muted)}
.gd-subnav a:hover{background:#172641}
.gd-subnav-mech{border-left-color:var(--gd-cyan)!important}
.gd-subnav-elec{border-left-color:var(--gd-amber)!important}
.gd-subnav-elv{border-left-color:var(--gd-violet)!important}

.gd-branch{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:start;
  padding:clamp(48px,6vw,84px) 0;border-top:1px solid var(--gd-line);scroll-margin-top:90px}
.gd-branch-elec{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.gd-branch-elec .gd-branch-fig{order:2}
.gd-branch-fig{position:sticky;top:96px}
.gd-branch-fig .gd-iso{max-width:460px}
.gd-branch-body .gd-h2{max-width:none}
.gd-branch-mech .gd-kicker{color:var(--gd-cyan)}
.gd-branch-elec .gd-kicker{color:var(--gd-amber)}
.gd-branch-elv  .gd-kicker{color:var(--gd-violet)}
/* sadece o dalin katmani yanar; cizgiler bolum gorunur olunca (gmp-in) cizilir */
.gd-fig-mech .gd-l-mech,.gd-fig-elec .gd-l-elec,.gd-fig-elv .gd-l-elv{opacity:1}
.gd-fig-mech.gmp-in .gd-l-mech .gd-d,.gd-fig-elec.gmp-in .gd-l-elec .gd-d,.gd-fig-elv.gmp-in .gd-l-elv .gd-d{
  animation:gd-draw 1.4s .2s cubic-bezier(.4,0,.2,1) forwards}
.gd-fig-mech.gmp-in .gd-l-mech .gd-g,.gd-fig-elec.gmp-in .gd-l-elec .gd-g,.gd-fig-elv.gmp-in .gd-l-elv .gd-g{opacity:.22}
.gd-fig-mech.gmp-in .gd-l-mech .gd-p,.gd-fig-elec.gmp-in .gd-l-elec .gd-p,.gd-fig-elv.gmp-in .gd-l-elv .gd-p{
  opacity:.95;animation:gd-flow 2.4s linear infinite}
html:not(.gmp-reveal) .gd-branch-fig .gd-d{stroke-dashoffset:0}   /* JS yoksa cizili gelsin */

.gd-groups{display:grid;gap:26px;margin-top:28px}
.gd-group-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px;color:#fff;
  font-size:1.05rem;font-weight:600;line-height:1.2;text-transform:none}
.gd-group-h::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--gd-line2)}
.gd-branch-mech .gd-group-h::before{background:var(--gd-cyan)}
.gd-branch-elec .gd-group-h::before{background:var(--gd-amber)}
.gd-branch-elv  .gd-group-h::before{background:var(--gd-violet)}
.gd-branch-mech .gd-list li::before{background:var(--gd-cyan)}
.gd-branch-elec .gd-list li::before{background:var(--gd-amber)}
.gd-branch-elv  .gd-list li::before{background:var(--gd-violet)}

.gd-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;
  margin:clamp(24px,4vw,48px) 0 0;padding:clamp(28px,4vw,48px);border-radius:12px;
  background:linear-gradient(135deg,var(--gd-bg3),#1b243a);border:1px solid var(--gd-line)}
.gd-cta-box .gd-cta-row{margin-top:0}
/* Projeler sayfasinin kapanis CTA'si (eski Webflow bloklu bolumun yerine).
   about/solutions ile ayni kutu, ayni ust bosluk. */
.gd-cta-end .gd-cta-box{margin-top:0}
.gd-cta-end{padding-bottom:clamp(48px,6vw,88px)}
/* sayfa sonu footer'a (#1b243a) yumusak gecis */
.gd-sol::after{content:"";display:block;height:clamp(56px,6vw,88px);background:linear-gradient(180deg,var(--gd-bg),#1b243a)}

@media (max-width:1023px){
  .gd-branch{grid-template-columns:1fr}
  .gd-branch-elec .gd-branch-fig{order:0}
  .gd-branch-fig{position:static}
  .gd-branch-fig .gd-iso{max-width:420px}
  .gd-cta-box{grid-template-columns:1fr}
}
@media (max-width:767px){
  .gd-subnav-t{margin-left:0;width:100%}
}
/* Cozumler hero'su: gri tema zemini koyu govdeye uymuyordu */
.gd-hero-dark{background:#0b1322}
.gd-hero-dark .chessboard-grid{opacity:.16}
.gd-hero-dark .hero-background-color{background:linear-gradient(180deg,rgba(11,19,34,.35) 0%,rgba(11,19,34,.92) 100%)}

/* ---------- 18. Hero: satranc izgarasi (tema dekoru) kapali ---------- */
.chessboard-grid{display:none}

.breadcrumbs{display:none}   /* proje sayfalarindaki tema kirinti seridi */

/* ============================================================
   20. Hakkimizda (gd-ab) + proje detayi (gd-pd)
   ============================================================ */
.gd-hero-sm{min-height:min(64vh,620px);padding-block:clamp(80px,10vw,120px) clamp(110px,12vw,150px)}
.gd-ab{padding-block:clamp(56px,7vw,96px)}
.gd-ab-mission{max-width:820px;margin-bottom:clamp(48px,6vw,88px)}
.gd-ab-quote{margin:0 0 18px;color:#fff;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.4;font-weight:500;text-wrap:balance}
.gd-ab-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gd-ab-branch{padding:22px 22px 20px;border-radius:10px;background:var(--gd-bg3);border:1px solid var(--gd-line);border-top:3px solid var(--gd-line)}
.gd-ab-branch h3{margin:8px 0 8px;color:#fff;font-size:1.1rem;line-height:1.2;text-transform:none}
.gd-ab-branch p{margin:0;color:var(--gd-muted);font-size:.9375rem;line-height:1.55}
.gd-ab-branch-mech{border-top-color:var(--gd-cyan)}.gd-ab-branch-mech .gd-tab-n{color:var(--gd-cyan)}
.gd-ab-branch-elec{border-top-color:var(--gd-amber)}.gd-ab-branch-elec .gd-tab-n{color:var(--gd-amber)}
.gd-ab-branch-elv{border-top-color:var(--gd-violet)}.gd-ab-branch-elv .gd-tab-n{color:var(--gd-violet)}
.gd-ab .gd-more-row{margin:18px 0 clamp(48px,6vw,88px)}
.gd-ab-how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:clamp(48px,6vw,88px)}
.gd-ab-item{padding:20px 0 0;border-top:1px solid var(--gd-line2)}
.gd-ab-no{font-family:var(--gd-mono);color:var(--gd-blue);font-size:.8rem;letter-spacing:.1em}
.gd-ab-item h3{margin:10px 0 8px;color:#fff;font-size:1.05rem;line-height:1.25;text-transform:none}
.gd-ab-item p{margin:0;color:var(--gd-muted);font-size:.9375rem;line-height:1.55}
.gd-ab-offices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:clamp(48px,6vw,88px)}
.gd-ab-office{padding:22px 24px;border-radius:10px;background:var(--gd-bg3);border:1px solid var(--gd-line)}
.gd-ab-office h3{margin:0 0 8px;color:#fff;font-size:1.4rem;text-transform:none}
.gd-ab-office p{margin:0 0 10px;color:var(--gd-muted);font-size:.9375rem;line-height:1.55}
.gd-ab-office a{color:var(--gd-blue);text-decoration:none;font-family:var(--gd-mono);font-size:.9rem}
.gd-pgrid-3{grid-template-columns:repeat(3,1fr)}
.gd-ab .gd-cta-box{margin-top:clamp(48px,6vw,88px)}
@media (max-width:1023px){.gd-ab-how{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.gd-ab-branches,.gd-ab-how,.gd-ab-offices,.gd-pgrid-3{grid-template-columns:1fr}}

/* proje detayi */
.gd-pd{padding:0 0 clamp(56px,7vw,96px)}
.gd-pd-hero{position:relative;min-height:min(62vh,600px);display:flex;align-items:flex-end;overflow:hidden;
  padding:clamp(120px,16vw,200px) 0 clamp(36px,4vw,56px)}
.gd-pd-media{position:absolute;inset:0;z-index:0}
.gd-pd-media img{width:100%;height:100%;object-fit:cover;display:block}
html.gmp-reveal .gd-pd-media img{animation:gd-kb 9s cubic-bezier(.22,.61,.36,1) both}
.gd-pd-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,19,34,.35) 0%,rgba(11,19,34,.2) 40%,rgba(11,19,34,.92) 100%)}
.gd-pd-hero-in{position:relative;z-index:1}
.gd-pd-hero-in .gd-kicker a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.gd-pd-hero-in .gd-kicker a:hover{border-bottom-color:currentColor}
.gd-pd-hero-in .gd-h1{max-width:26ch}
.gd-pd-live{display:inline-flex;align-items:center;gap:10px;margin:16px 0 0;padding:6px 12px;border-radius:4px;
  border:1px solid rgba(74,222,128,.35);font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#4ade80}
/* resimsiz proje: ikon */
.gd-pd-icon{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 30%,#16233d 0%,var(--gd-bg) 65%)}
.gd-pd-iconbox{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--gd-cyan);opacity:.9;transform:translateY(-30px)}
.gd-pd-iconbox svg{width:clamp(120px,16vw,200px);height:auto;filter:drop-shadow(0 0 18px rgba(34,211,238,.35))}
.gd-pd-iconbox span{font-family:var(--gd-mono);font-size:.78rem;letter-spacing:.08em;color:var(--gd-muted)}
.gd-pd-body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:start;padding-top:clamp(40px,5vw,64px)}
.gd-pd-details{position:sticky;top:96px;padding:22px 24px;border-radius:10px;background:var(--gd-bg3);border:1px solid var(--gd-line)}
.gd-pd-dl{margin:0;display:grid;gap:0}
.gd-pd-dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--gd-line);margin:0}
.gd-pd-dl div:first-child{border-top:0;padding-top:0}
.gd-pd-dl dt{font-family:var(--gd-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted);padding-top:3px}
.gd-pd-dl dd{margin:0;color:var(--gd-text);font-size:.9375rem;line-height:1.45}
.gd-pd-h3{margin:0 0 14px;color:#fff;font-size:1.3rem;line-height:1.25;font-weight:600;text-transform:none}
.gd-pd-scope .gd-lead{margin-bottom:16px}
.gd-pd-scope .gd-list{margin-bottom:22px}
.gd-pd-scope .gd-list li::before{background:var(--gd-cyan)}
.gd-pd-gal{margin-top:clamp(40px,5vw,64px)}
.gd-pd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gd-pd-grid a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;border:1px solid var(--gd-line);background:var(--gd-bg3)}
.gd-pd-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--gmp-ease)}
.gd-pd-grid a:hover img{transform:scale(1.04)}
.gd-pd .gd-cta-box{margin-top:clamp(40px,5vw,64px)}
@media (max-width:1023px){.gd-pd-body{grid-template-columns:1fr}.gd-pd-details{position:static}}
@media (max-width:767px){.gd-pd-grid{grid-template-columns:1fr 1fr}.gd-pd-dl div{grid-template-columns:90px 1fr}}

/* ============================================================
   21. Projeler (gp-*) ve iletisim (gc-*) sayfalari - koyu varyant
   Eski acik kurallarin ustune renk override'i; yerlesim ayni.
   ============================================================ */
.section.gp,.section.gc{background:#0b1322;color:#e7eef8;font-family:Barlow,sans-serif}
.gp-kicker,.gc-kicker{font-family:'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.12em;color:#4cb5f5}
.gp-title,.gc-title,.gp-h2,.gc-h2,.gp-name,.gc-office h2,.gc-office h3{color:#fff}
.gp-lead,.gc-lead,.gp-sub,.gp-meta,.gc-office p,.gc-side p{color:#93a4bf}
.gp-stats dt,.gc-lab{color:#93a4bf;font-family:'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.1em}
.gp-stats dd{color:#fff;font-family:'IBM Plex Mono',ui-monospace,monospace}
.gp-block-live{background:#0f192c;border-color:rgba(148,196,240,.16)}
.gp-pill{background:#4cb5f5;color:#0b1322}
.gp-card,.gc-office,.gc-form,.gc-side{background:#131f36;border-color:rgba(148,196,240,.16);box-shadow:none}
.gp-card:hover{border-color:rgba(148,196,240,.32);box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.gp-media{background:#0b1322}
.gp-noimg{background:linear-gradient(135deg,#132039,#0b1322);color:#22d3ee}
.gp-noimg span{color:#5f7190}
.gp-noimg.gp-ico{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.gp-noimg.gp-ico svg{width:34%;height:auto;filter:drop-shadow(0 0 12px rgba(34,211,238,.3))}
.gp-year{background:#0b1322;color:#cfe0f2;border:1px solid rgba(148,196,240,.25);font-family:'IBM Plex Mono',ui-monospace,monospace}
.gp-year-soft{color:#4ade80;border-color:rgba(74,222,128,.35)}
.gp-go{color:#4cb5f5}
.gp-chip{background:#131f36;color:#cfe0f2;border:1px solid rgba(148,196,240,.2)}
.gp-chip:hover{border-color:rgba(148,196,240,.45)}
.gp-chip.is-on,.gp-chip[aria-pressed="true"]{background:#4cb5f5;color:#0b1322;border-color:#4cb5f5}
.gp-count,.gp-empty{color:#93a4bf}
/* .gc-map iframe koyulastirmasi bunun uzerinde tanimli; burada tekrar
   filtre vermek onu eziyordu. Ayni degeri kullan. */
.gc-office iframe{filter:invert(.92) hue-rotate(180deg) saturate(.55) contrast(.95)}
.gc-form input,.gc-form textarea,.gc-form select{background:#0b1322;color:#e7eef8;border-color:rgba(148,196,240,.25)}
.gc-form input::placeholder,.gc-form textarea::placeholder{color:#5f7190}
.gc-form label{color:#cfe0f2}
.gc-side{background:#131f36}
.gc-addr{color:#cfe0f2}
.gc-lines dt{color:#93a4bf}
.gc-lines dd,.gc-lines a{color:#e7eef8}
.gc-link,.gc-office a{color:#4cb5f5}

/* ============================================================
   22. Standart seridi - hero'nun hemen altinda, sola akar
   Logo degil: ASHRAE/NFPA/IEC/ISO logolari tescilli, uyelik ima eder.
   Metin Barlow + genis harf araligi + saydam: logo seridi gibi okunur,
   mono'nun "kod dokumu" hissini vermez.
   ============================================================ */
.gd-mq{background:var(--gd-bg);border-bottom:1px solid var(--gd-line)}
.gd-mq-in{display:flex;align-items:center}
.gd-mq-k{flex:0 0 auto;padding:11px 20px 11px 0;margin-right:4px;border-right:1px solid var(--gd-line);
  font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(207,224,242,.38)}
.gd-mq-win{flex:1 1 auto;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.gd-mq-track{display:flex;width:max-content;animation:gd-mq 52s linear infinite}
.gd-mq-win:hover .gd-mq-track{animation-play-state:paused}
.gd-mq-t{flex:0 0 auto;padding:11px 0;font-size:.8125rem;font-weight:500;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(207,224,242,.5);white-space:nowrap;transition:color .3s}
.gd-mq-win:hover .gd-mq-t{color:rgba(207,224,242,.78)}
.gd-mq-t::after{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;
  background:currentColor;margin:0 30px;vertical-align:middle;opacity:.45}
@keyframes gd-mq{to{transform:translateX(-50%)}}
.gd-barwrap{background:var(--gd-bg2);border-bottom:1px solid var(--gd-line)}
.gd-barwrap .gd-bar{position:static;background:transparent;backdrop-filter:none;border:0}
@media (max-width:767px){
  .gd-mq-k{display:none}
  .gd-mq-track{animation-duration:32s}
  .gd-mq-t{font-size:.75rem;letter-spacing:.16em}
  .gd-barwrap .gd-bar{margin-top:0}
  .gd-barwrap .gd-bar dl{padding:18px 0}
}
@media (prefers-reduced-motion:reduce){
  .gd-mq-track{animation:none;flex-wrap:wrap;width:auto}
  .gd-mq-track .gd-mq-t:nth-child(n+9){display:none}
  .gd-mq-win{mask-image:none;-webkit-mask-image:none}
}

/* ============================================================
   23. Footer (gd-foot) - kompakt, tek blok
   ============================================================ */
.gd-foot{background:#0b1322;border-top:1px solid var(--gd-line);padding:clamp(36px,4.5vw,56px) 0 22px;color:var(--gd-text)}
.gd-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--gd-line)}
/* Ana sayfada Ofisler kolonu yok (bolum zaten yukarida). Uc esit fr kolon
   birakilinca son kolonun icerigi dar kalip sagda kocaman bosluk olusuyordu.
   Ilk kolon artani yutuyor, iki bag grubu sag kenara oturuyor. */
.gd-foot-grid:has(>:nth-child(3)):not(:has(>:nth-child(4))){
  grid-template-columns:minmax(0,1fr) max-content max-content;
  gap:clamp(30px,6vw,96px);
  align-items:start}
.gd-foot-langs{display:inline-flex;gap:6px}
.gd-foot-lang.is-on{background:rgba(148,196,240,.14);color:#fff;border-color:rgba(148,196,240,.45)}
.gd-foot-brand a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.24em;font-size:.95rem}
.gd-foot-brand img{width:28px;height:28px;object-fit:contain}
.gd-foot-brand p{margin:12px 0 0;color:var(--gd-muted);font-size:.9rem;line-height:1.5;max-width:28ch}
/* Ana sayfa footer'i: marka kolonu tek satirlik etiketle bos duruyordu, saginda
   kocaman bir bosluk kaliyordu. Kolona gercek icerik veriyoruz - cikis anindaki
   son mesaj + kanit satiri - boylece uc kolon da agirlik tasiyor. */
.gd-foot-brand .gd-foot-lead{max-width:44ch;color:#cfe0f2}
.gd-foot-brand .gd-foot-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;max-width:none;
  font-family:var(--gd-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gd-muted)}
.gd-foot-facts span{position:relative}
.gd-foot-facts span+span::before{content:"";position:absolute;left:-10px;top:50%;
  width:3px;height:3px;border-radius:50%;background:var(--gd-line2);transform:translateY(-50%)}
.gd-foot-k{margin:0 0 12px;font-family:var(--gd-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gd-muted)}
.gd-foot-links{display:grid;gap:8px}
.gd-foot a{color:#cfe0f2;text-decoration:none;font-size:.9375rem;line-height:1.4;transition:color .2s}
.gd-foot a:hover{color:#fff}
.gd-foot .gd-foot-mail{display:block;color:#fff;font-weight:600;margin-bottom:8px}
.gd-foot div>a[href^="tel"]{display:block;font-family:var(--gd-mono);font-size:.875rem;margin-bottom:6px}
.gd-foot-grid p{margin:0 0 8px;color:var(--gd-muted);font-size:.9rem;line-height:1.5}
.gd-foot-grid p b{color:#cfe0f2;font-weight:600;margin-right:6px}
.gd-foot-sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:16px}
.gd-foot-sub p{margin:0;color:var(--gd-muted);font-size:.8rem}
.gd-foot-sub-r{display:flex;align-items:center;gap:14px}
/* LinkedIn artik yan rayda (e-posta butonunun altinda) - footer ikonu kaldirildi */
.second-navbar{gap:10px}
.aside-contact-button-2{background-color:var(--gmp-blue)}
.aside-contact-button.is-linkedin{background:rgba(11,19,34,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  height:4em;border-color:rgba(148,196,240,.3);transition:background-color .25s var(--gmp-ease),border-color .25s var(--gmp-ease)}
.aside-contact-button.is-linkedin:hover{background:rgba(148,196,240,.16);border-color:rgba(148,196,240,.55)}
.aside-contact-button.is-linkedin .aside-icon{width:1.35em;height:1.35em}
.gd-foot-lang{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--gd-line2);border-radius:6px;
  font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.gd-foot-dev{font-family:var(--gd-mono);font-size:.72rem;color:#5f7190;margin-left:6px}
/* Tasarimci imzasi - yalnizca ana sayfada */
.gd-sig{display:inline-flex;align-items:center;gap:10px;margin-left:8px;
  color:rgba(207,224,242,.42);transition:color .35s var(--gmp-ease)}
.gd-sig:hover{color:rgba(207,224,242,.85)}
.gd-sig-k{font-family:var(--gd-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.gd-sig-svg{width:74px;height:auto;display:block}
@media (max-width:520px){.gd-sig{margin-left:0}}
@media (max-width:900px){.gd-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.gd-foot-grid{grid-template-columns:1fr}.gd-foot-dev{width:100%;margin:0}}

/* ============================================================
   24. Ust menu acilir panelleri (Webflow dropdown)
   Tema panelleri bembeyaz ve 460-520px yuksekligindeydi; koyu
   sitenin uzerine inince tasarimla catisiyordu. Markup temanin,
   renk/olcu bu katmandan.
   ============================================================ */
.dropdown-list.w--open{
  background-color:#0f192c;
  border-top:1px solid rgba(148,196,240,.16);
  border-bottom:1px solid rgba(148,196,240,.16);
  box-shadow:0 40px 60px -30px rgba(0,0,0,.75);
}
.dropdown-list .container{width:min(1240px,100% - 48px);max-width:none;margin-inline:auto}
.dropdown-list .menu-links-wrap,
.dropdown-list .menu-contacts{padding:26px 0}

/* --- PROJECTS paneli --- */
.projects-menu-grid{align-items:center;margin-bottom:18px}
.menu-dropdown-title{
  color:#fff;font-size:1.15rem;font-weight:600;line-height:1.2;letter-spacing:-.005em;margin-right:0;
}
.contact-menu-grid-subtitle{
  color:#93a4bf;font-size:.9rem;line-height:1.5;max-width:38ch;opacity:1;
}
.projects-menu-list{gap:12px}
.project-menu-link-block{
  height:190px;padding:16px;border-radius:10px;overflow:hidden;
  border:1px solid rgba(148,196,240,.16);
  transition:border-color .3s var(--gmp-ease),transform .3s var(--gmp-ease);
}
.project-menu-link-block:hover{border-color:rgba(148,196,240,.4);transform:translateY(-3px)}
.project-menu-link-block .cover-image{
  transition:transform .6s var(--gmp-ease);filter:saturate(.85) contrast(1.05);
}
.project-menu-link-block:hover .cover-image{transform:scale(1.05)}
.project-menu-gradient-bg{
  mix-blend-mode:normal;
  background-image:linear-gradient(180deg,rgba(11,19,34,.15) 0%,rgba(11,19,34,.55) 55%,rgba(11,19,34,.92) 100%);
}
/* Tema, proje adini beyaz bir plakaya basiyordu; koyu panelde beyaz
   zemin + beyaz yazi = gorunmez metin. Plaka kaldirildi, ad gradyanin
   uzerinde duruyor. */
.project-menu-link-block .project-link-2{
  background-color:transparent;padding:0;gap:10px;font-size:1em;width:100%;
}
.project-menu-link-block .project-link-2:hover{background-color:transparent}
.project-menu-link-block .project-name{color:#fff;font-size:.95rem;font-weight:600;line-height:1.25}
.project-menu-link-block .project-icon{width:16px;height:16px;filter:invert(1);opacity:.8}
.main-button.in-dropdown .button-inner{padding:11px 18px;border-radius:6px;background:var(--gmp-blue)}
.main-button.in-dropdown .button-title{font-size:.78rem}

/* --- "..." paneli --- */
.menu-contacts .contact-menu-grid{
  border-bottom-color:rgba(148,196,240,.14);
  padding:14px 0;grid-template-columns:1.6fr 1fr;
}
.contact-menu-grid-item{gap:16px;align-items:baseline}
.menu-dropdown-title.is-contant-title{flex:0 0 auto;min-width:8.5em;font-size:1rem}
.menu-buttons{gap:8px}
/* tema: min-width 18em + margin-left 1em -> butonlar birbirinden kopuyordu */
.main-button.is-contact-menu{border:0;background:transparent;padding:0;min-width:0;margin-left:0}
.main-button.is-contact-menu .button-pattern{display:none}
.main-button.is-contact-menu .button-inner{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:6px;background:transparent;
  border:1px solid rgba(148,196,240,.3);
  transition:background .25s var(--gmp-ease),border-color .25s var(--gmp-ease);
}
.main-button.is-contact-menu:hover .button-inner{background:rgba(148,196,240,.1);border-color:rgba(148,196,240,.5);transform:none;box-shadow:none}
.main-button.is-contact-menu .button-title{color:#cfe0f2;font-size:.76rem;letter-spacing:.1em}
.main-button.is-contact-menu .button-icon{width:14px;height:14px;opacity:.7}

/* ============================================================
   26. Ust menu cubugu
   Tema: sicak gri #2b2b2b, 5.5em yukseklik, her blok arasi cizgi
   (aradaki bos hucre "eksik parca" gibi duruyordu). Yapi ayni,
   renk/olcu/ayrac sitenin diline cekildi.
   ============================================================ */
.navbar{
  background-color:rgba(11,19,34,.82);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid rgba(148,196,240,.14);
}
/* grid-template-rows sart: sadece height verilince satiri en uzun cocuk
   (padding'li "..." blogu) buyutuyor, alt cizgi cubugun disina dusuyordu. */
.nav-main-row-grid{height:4.6em;grid-template-rows:4.6em}
/* Yerlesim sinif tabanli: tema bunu #w-node-... id'leriyle yapiyordu, ama o
   id'ler sayfa kimligine bagli (-68993a17) ve menu artik tek sablondan
   uretiliyor. Ayni sutun genislikleri, id'siz. */
@media (min-width:992px){
  .nav-main-row-grid>.nav-column-1-grid{grid-column:span 2}
  .nav-main-row-grid>.nav-menu-grid{grid-column:span 4}
  .nav-main-row-grid>.nav-column-2-grid{grid-column:span 2}
}
@media (max-width:991px){
  .nav-main-row-grid>.nav-column-1-grid{grid-column:span 3}
  .nav-main-row-grid>.menu-button-grid{grid-column:span 2}
  .nav-main-row-grid>.nav-column-2-grid{grid-column:span 3}
}
.menu-link-title{white-space:nowrap}
@media (max-width:1200px){.nav-link{padding:0 1.3em}}
@media (min-width:992px){
  .nav-menu-grid,.nav-menu-grid>.nav-link,.nav-menu-grid>.dropdown-link,
  .nav-menu-grid>.dropdown-link>.nav-link{height:100%}
}
/* blok ayraclari: sadece sag uctaki iki blokta kalsin */
.brand-grid{background-color:transparent;border-right:0;letter-spacing:.3em}
.brand-grid:hover{background-color:rgba(148,196,240,.06)}
.nav-link{
  padding:0 1.9em;letter-spacing:.16em;font-size:.72rem;font-weight:600;
  color:rgba(231,238,248,.72);
  border-left:0;border-right:0;position:relative;
  transition:color .25s var(--gmp-ease);
}
.nav-link:hover{background-color:transparent;border-color:transparent;color:#fff}
/* alt cizgi: hover ve aktif sayfada */
.nav-link::after{
  content:"";position:absolute;left:1.9em;right:1.9em;bottom:0;height:2px;
  background:var(--gd-blue,#4cb5f5);transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--gmp-ease);
}
.nav-link:hover::after,.nav-link.w--current::after{transform:scaleX(1)}
.nav-link.w--current{color:#fff}
.nav-link.is-dropdown:hover{border-left-color:transparent}
.dropdown-link.w--open .nav-link.is-dropdown::after{transform:scaleX(1)}
.nav-link .menu-link-title,.nav-link .dropdown-icon{position:relative}
/* "..." blogu */
.nav-link-contact-grid{
  background-color:transparent;border-left:1px solid rgba(148,196,240,.14);
  min-width:0;padding:0 2.4em;transition:background-color .25s var(--gmp-ease);
}
.nav-link-contact-grid:hover{background-color:rgba(148,196,240,.08)}
.menu-dot{background-color:rgba(231,238,248,.75);font-size:.42em}
.menu-dot.in-middle{margin-inline:.85em}
.nav-link-contact-grid:hover .menu-dot{background-color:#fff}
/* CONTACT blogu */
.nav-link-inquiry-grid{
  border-left:1px solid rgba(148,196,240,.14);
  background-color:var(--gmp-blue);letter-spacing:.18em;font-size:.72rem;
  transition:background-color .25s var(--gmp-ease);
}
.nav-link-inquiry-grid:hover{background-color:var(--gmp-blue-dark)}
.nav-link-inquiry-grid .inquiry-icon{transition:transform .3s var(--gmp-ease)}
.nav-link-inquiry-grid:hover .inquiry-icon{transform:translateX(3px)}
/* acilir panel navbar'in hemen altina otursun (yukseklik 5.5em -> 4.6em) */
.dropdown-list{top:4.6em}
.dropdown-list.w--open{top:4.6em}

/* ============================================================
   25. Ana sayfa ofisler (gd-off) - harita + adres kartlari
   ============================================================ */
.gd-off{background:var(--gd-bg2);border-top:1px solid var(--gd-line);padding-block:clamp(44px,5vw,72px)}
.gd-off-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gd-off-card{overflow:hidden;border-radius:12px;background:var(--gd-bg3);border:1px solid var(--gd-line);
  transition:border-color .3s var(--gmp-ease)}
.gd-off-card:hover{border-color:var(--gd-line2)}
.gd-off-map{aspect-ratio:21/9;background:#0b1322}   /* daha kompakt: 16/9 alt bolumu sisiriyordu */
.gd-off-map iframe{display:block;width:100%;height:100%;border:0;
  filter:invert(.92) hue-rotate(180deg) saturate(.55) contrast(.95)}  /* haritayi koyu temaya uydurur */
.gd-off-body{padding:18px 22px 20px}
.gd-off-city{margin:0 0 10px;color:#fff;font-size:1.45rem;line-height:1.15;font-weight:600;text-transform:none}
.gd-off-city span{color:var(--gd-muted);font-size:.9rem;font-weight:400;letter-spacing:0}
.gd-off-addr{margin:0 0 12px;color:var(--gd-muted);font-size:.9375rem;line-height:1.55;font-style:normal}
.gd-off-lines{margin:0 0 12px;display:grid;gap:0}
.gd-off-lines div{display:grid;grid-template-columns:84px 1fr;gap:12px;margin:0;padding:9px 0;border-top:1px solid var(--gd-line)}
.gd-off-lines dt{font-family:var(--gd-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted);padding-top:3px}
.gd-off-lines dd{margin:0}
.gd-off-lines a{color:var(--gd-text);text-decoration:none;font-size:.9375rem}
.gd-off-lines a:hover{color:#fff}
@media (max-width:767px){
  .gd-off-grid{grid-template-columns:1fr}
  .gd-off-lines div{grid-template-columns:72px 1fr}
}

@media (max-width:991px){
  .dropdown-list.w--open{max-height:calc(100vh - 5.5em);overflow-y:auto}
  .projects-menu-list{grid-template-columns:1fr}
  .project-menu-link-block{height:150px}
  .menu-contacts .contact-menu-grid{grid-template-columns:1fr;place-items:start}
  .menu-buttons{justify-content:flex-start}
}

/* ============================================================
   34. Mobil menu (<=991px)
   Webflow acilinca menuyu .w-nav-overlay icine tasiyor; overlay
   yuksekligi tum sayfa oldugu icin desktop'taki height:100%
   kurali her linki 6000px yapiyordu ve panel bembeyaz kaliyordu
   (acik zeminde acik yazi = gorunmez). Panel burada kendi
   koyu temasiyla, tek sutun ve dokunma hedefi 52px olarak kurulur.
   ============================================================ */
@media (max-width:991px){
  .w-nav-overlay{background:rgba(6,11,20,.55)}
  .nav-menu-grid{
    background:var(--gd-bg,#0b1322);
    border-bottom:1px solid rgba(148,196,240,.16);
    box-shadow:0 24px 48px rgba(3,7,15,.5);
    max-height:calc(100vh - 4.6em);max-height:calc(100dvh - 4.6em);
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding-bottom:8px;
  }
  .nav-menu-grid>.nav-link,.nav-menu-grid>.dropdown-link{display:block;width:100%}
  .nav-menu-grid .nav-link{
    display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;
    min-height:52px;padding:14px 22px;width:100%;
    font-size:.8rem;letter-spacing:.14em;color:#e7eef8;
    border-bottom:1px solid rgba(148,196,240,.10);
  }
  /* alt cizgi yerine sol seritl: dar ekranda daha okunur */
  .nav-menu-grid .nav-link::after{
    left:0;right:auto;top:0;bottom:0;width:2px;height:auto;
    transform:scaleY(0);transform-origin:top;
  }
  .nav-menu-grid .nav-link.w--current::after,
  .nav-menu-grid .dropdown-link.w--open .nav-link.is-dropdown::after{transform:scaleY(1)}
  .nav-menu-grid .nav-link.w--current{color:#fff;background:rgba(148,196,240,.06)}
  .nav-menu-grid .nav-link.is-dropdown{justify-content:space-between}
  .nav-menu-grid .dropdown-icon{margin:0;color:var(--gd-muted,#93a4bf)}
  /* Projects alt paneli: akis icinde, kart yerine sade satirlar */
  .nav-menu-grid .dropdown-list{position:static;top:auto;background:rgba(148,196,240,.05);
    border:0;border-bottom:1px solid rgba(148,196,240,.10);box-shadow:none}
  .nav-menu-grid .dropdown-list .container{width:auto;padding:0}
  .nav-menu-grid .dropdown-list .menu-links-wrap{padding:14px 22px 16px;display:block}
  .nav-menu-grid .projects-menu-grid .contact-menu-grid-subtitle{display:none}
  .nav-menu-grid .menu-dropdown-title{margin-bottom:10px}
  .nav-menu-grid .main-button.in-dropdown{margin-bottom:12px}
  .nav-menu-grid .projects-menu-list{display:grid;gap:0}
  .nav-menu-grid .project-menu-link-block{height:auto;border:0;border-top:1px solid rgba(148,196,240,.10);
    border-radius:0;background:transparent}
  .nav-menu-grid .project-menu-link-block ._3d-block,
  .nav-menu-grid .project-menu-link-block .project-menu-gradient-bg{display:none}
  .nav-menu-grid .project-menu-link-block .project-link-2{padding:13px 0;min-height:48px}
  /* "..." paneli (dil / iletisim / ofisler): sola hizali, sikisik */
  .dropdown-list .container{width:100%;max-width:none;padding:0}
  .dropdown-list.is-contacts .menu-contacts{padding:6px 0 14px}
  .dropdown-list.is-contacts .contact-menu-grid{
    padding:14px 22px;justify-items:start;place-items:start;text-align:left;gap:10px}
  .dropdown-list.is-contacts .contact-menu-grid-item{text-align:left}
  .dropdown-list.is-contacts .contact-menu-grid-subtitle{text-align:left;max-width:36ch}
  .dropdown-list.is-contacts .menu-buttons{
    display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}
  .dropdown-list.is-contacts .main-button.is-contact-menu{width:auto;min-width:0}
  .dropdown-list.is-contacts .main-button.is-contact-menu .button-inner{min-height:44px}
  /* acik olan dil belli olsun */
  .dropdown-list.is-contacts .main-button.is-contact-menu.w--current .button-inner{
    background:var(--gmp-blue);border-color:transparent}
  .dropdown-list.is-contacts .main-button.is-contact-menu.w--current .button-title{color:#fff}
  /* acilir ok isareti */
  .nav-menu-grid .dropdown-icon{transition:transform .25s var(--gmp-ease)}
  .nav-menu-grid .dropdown-link.w--open .dropdown-icon{transform:rotate(180deg)}

  /* CONTACT: tam genislik birincil buton */
  .nav-menu-grid .nav-link-inquiry-grid.show{
    display:flex;justify-content:center;min-height:56px;margin:10px 22px 4px;width:auto;
    border-radius:6px;border-left:0;
  }
}

/* ============================================================
   36. Teklif formu ek alanlari (proje tipi / konum / alan / sistemler)
   ============================================================ */
/* Alan etiketleri koyu kartta gorunmuyordu: .gc-form label span (0,1,2) acik
   temadan kalan --gmp-ink'i tasiyor, .gc-form label{color:#cfe0f2} (0,1,1)
   onu ezemiyordu. Ayni secici burada yeniden tanimlanir. */
.gc-form label span{color:#cfe0f2}
.gc-form select{
  width:100%;padding:13px 14px;border:1px solid rgba(148,196,240,.25);border-radius:8px;background:#0b1322;
  color:#e7eef8;font:inherit;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 19px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  transition:border-color .25s,box-shadow .25s;
}
.gc-form select:focus{outline:0;border-color:var(--gmp-blue);box-shadow:0 0 0 3px rgba(10,90,140,.15)}
.gc-fs{margin:0 0 18px;padding:0;border:0}
.gc-fs legend{padding:0;margin-bottom:6px;color:#cfe0f2;font-size:.8125rem;font-weight:600;letter-spacing:.03em}
.gc-fs-note{margin:0 0 10px;color:var(--gd-muted,#93a4bf);font-size:.8125rem;line-height:1.5}
.gc-chks{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.gc-form .gc-chk{display:flex;align-items:flex-start;gap:9px;margin:0;padding:9px 11px;
  border:1px solid rgba(148,196,240,.2);border-radius:8px;background:rgba(11,19,34,.55);
  cursor:pointer;transition:border-color .2s var(--gmp-ease),background .2s var(--gmp-ease)}
.gc-form .gc-chk:hover{border-color:rgba(148,196,240,.42)}
.gc-form .gc-chk input{width:16px;height:16px;flex:0 0 auto;margin-top:2px;accent-color:var(--gmp-blue);cursor:pointer}
.gc-form .gc-chk span{display:block;margin:0;color:#cfe0f2;font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.35}
.gc-form .gc-chk:has(input:checked){border-color:var(--gmp-blue);background:rgba(10,90,140,.16)}
.gc-form .gc-chk:has(input:focus-visible){outline:2px solid #7cc4f0;outline-offset:2px}
@media (max-width:700px){.gc-chks{grid-template-columns:1fr}}

/* ============================================================
   37. Galeri goruntuleyici (proje sayfalari)
   ============================================================ */
.gmp-lb{
  position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;
  gap:clamp(6px,2vw,22px);padding:clamp(12px,3vw,40px);
  background:rgba(5,9,17,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.gmp-lb-f{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.gmp-lb img{max-width:min(1200px,100%);max-height:82vh;width:auto;height:auto;display:block;
  border-radius:8px;box-shadow:0 30px 70px -20px rgba(0,0,0,.8)}
.gmp-lb-c{font-family:var(--gd-mono,'IBM Plex Mono',monospace);font-size:.75rem;letter-spacing:.12em;
  color:var(--gd-muted,#93a4bf)}
.gmp-lb button{
  flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(148,196,240,.25);border-radius:50%;background:rgba(19,31,54,.85);
  color:#e7eef8;font-size:1.6rem;line-height:1;cursor:pointer;
  transition:border-color .2s var(--gmp-ease),background .2s var(--gmp-ease)}
.gmp-lb button:hover{border-color:rgba(148,196,240,.55);background:rgba(19,31,54,1)}
.gmp-lb button:focus-visible{outline:2px solid #7cc4f0;outline-offset:2px}
.gmp-lb-x{position:absolute;top:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px);font-size:1.4rem}
/* tek fotograf varsa oklar gereksiz */
.gmp-lb[data-tek="1"] .gmp-lb-p,.gmp-lb[data-tek="1"] .gmp-lb-n{display:none}
@media (max-width:640px){
  /* dar ekranda oklar resmin altina tek satira gecer; align-content olmadan
     ikinci satir kalan bosluga yayilip resimden kopuyordu */
  .gmp-lb{flex-wrap:wrap;align-content:center;gap:18px}
  .gmp-lb-f{order:-1;flex:1 0 100%}
  .gmp-lb img{max-height:66vh}
}

/* ============================================================
   38. Izometrik sema v3 - akis turleri ve ekipman animasyonlari
   gd-p     : varsayilan (CHW gidis, genel hat)      asagi/ileri
   gd-p-r   : ters yon (CHW donus, kolektor donus)   yukari/geri
   gd-p-a   : hava (kanal) - genis, yumusak, yavas
   gd-p-f   : elektrik - kisa hizli darbeler
   gd-p-s   : veri - kucuk paketler
   gd-spin  : fan kanatlari;  gd-on: lamba;  gd-bl: dedektor
   ============================================================ */
.gd-p-a{stroke:rgba(255,255,255,.55);stroke-width:3.4;stroke-dasharray:7 20;stroke-dashoffset:27}
.gd-p-f{stroke-dasharray:6 64;stroke-dashoffset:70}
.gd-p-s{stroke-width:2;stroke-dasharray:3 36;stroke-dashoffset:39}
/* shorthand (animation:...) yonu/sureyi sifirladigi icin ayni zincirle yeniden */
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech .gd-p-r,
.gd-fig-mech.gmp-in .gd-l-mech .gd-p-r{animation-direction:reverse}
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech .gd-p-a,
.gd-fig-mech.gmp-in .gd-l-mech .gd-p-a{animation-duration:1.5s}
.gd-disc:has(#gd-d-elec:checked) .gd-l-elec .gd-p-f,
.gd-fig-elec.gmp-in .gd-l-elec .gd-p-f{animation-duration:1s}
.gd-disc:has(#gd-d-elv:checked) .gd-l-elv .gd-p-s,
.gd-fig-elv.gmp-in .gd-l-elv .gd-p-s{animation-duration:1.7s}
/* cizim sirasi: ekipman -> ana hat -> kat hatlari (--i inline) */
.gd-disc:has(#gd-d-mech:checked) .gd-l-mech .gd-d,
.gd-disc:has(#gd-d-elec:checked) .gd-l-elec .gd-d,
.gd-disc:has(#gd-d-elv:checked)  .gd-l-elv .gd-d{animation-delay:calc(.13s*var(--i,0))}
.gd-fig-mech.gmp-in .gd-l-mech .gd-d,.gd-fig-elec.gmp-in .gd-l-elec .gd-d,.gd-fig-elv.gmp-in .gd-l-elv .gd-d{
  animation-delay:calc(.2s + .13s*var(--i,0))}
/* ekipman */
.gd-spin{transform-box:fill-box;transform-origin:center;animation:gd-rot 2.2s linear infinite}
.gd-spin-y{animation-duration:3s}
@keyframes gd-rot{to{transform:rotate(360deg)}}
.gd-on{animation:gd-on 3.2s ease-in-out infinite;animation-delay:calc(.22s*var(--i,0))}
@keyframes gd-on{0%,100%{opacity:.25}35%,65%{opacity:1}}
.gd-bl{animation:gd-bl 2.6s ease-in-out infinite;animation-delay:calc(.17s*var(--i,0))}
@keyframes gd-bl{0%,80%,100%{opacity:.3}90%{opacity:1}}
@media (prefers-reduced-motion:reduce){.gd-spin,.gd-on,.gd-bl{animation:none!important}}

/* ============================================================
   39. Teslim sureci (ana sayfa + cozumler): 5 kart, ikon, hover
   ============================================================ */
.gd-proc{background:var(--gd-bg2);border-top:1px solid var(--gd-line);padding-block:clamp(48px,6vw,80px)}
.gd-proc .gd-head,.gd-proc-in .gd-head{margin-bottom:clamp(22px,3vw,36px)}
.gd-proc-in{background:transparent;border-top:1px solid var(--gd-line);padding:clamp(48px,6vw,84px) 0 clamp(24px,4vw,48px)}
.gd-proc .gd-lead{max-width:60ch}
.gd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:none}
.gd-step{position:relative;margin:0;padding:22px 20px 24px;border:1px solid var(--gd-line);border-radius:12px;background:var(--gd-bg3);
  transition:border-color .3s var(--gmp-ease),transform .3s var(--gmp-ease),box-shadow .3s var(--gmp-ease)}
.gd-step::before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:2px;border-radius:2px;
  background:var(--gd-blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--gmp-ease)}
/* kartlar arasi kucuk ok: akis okunsun */
.gd-step:not(:last-child)::after{content:"";position:absolute;top:40px;right:-10px;width:7px;height:7px;
  border-top:1px solid var(--gd-line2);border-right:1px solid var(--gd-line2);transform:rotate(45deg);opacity:.9}
.gd-step:hover{border-color:rgba(148,196,240,.45);transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(3,7,15,.95)}
.gd-step:hover::before{transform:scaleX(1)}
.gd-step-ico{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:10px;margin-bottom:16px;
  color:var(--gd-blue);background:rgba(76,181,245,.08);border:1px solid rgba(76,181,245,.2);
  transition:background .3s var(--gmp-ease),border-color .3s var(--gmp-ease),box-shadow .3s var(--gmp-ease)}
.gd-step-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gd-step:hover .gd-step-ico{background:rgba(76,181,245,.16);border-color:rgba(76,181,245,.45);box-shadow:0 0 0 6px rgba(76,181,245,.07)}
/* hover'da ikon yeniden cizilir */
.gd-step:hover .gd-step-ico path,.gd-step:hover .gd-step-ico rect,.gd-step:hover .gd-step-ico circle{
  stroke-dasharray:90;stroke-dashoffset:90;animation:gd-ico .9s cubic-bezier(.4,0,.2,1) forwards}
.gd-step:hover .gd-step-ico :nth-child(2){animation-delay:.12s}
.gd-step:hover .gd-step-ico :nth-child(3){animation-delay:.24s}
.gd-step:hover .gd-step-ico :nth-child(4){animation-delay:.36s}
.gd-step:hover .gd-step-ico :nth-child(5){animation-delay:.48s}
@keyframes gd-ico{to{stroke-dashoffset:0}}
.gd-step-n{display:block;font-family:var(--gd-mono);font-size:.74rem;letter-spacing:.12em;color:var(--gd-muted);transition:color .3s var(--gmp-ease)}
.gd-step:hover .gd-step-n{color:var(--gd-blue)}
.gd-step h3{margin:8px 0 8px;font-size:1.02rem;line-height:1.25;color:#fff;text-transform:none}
.gd-step p{margin:0;color:var(--gd-muted);font-size:.9rem;line-height:1.55}
/* 6 adim, 3x2: satir sonundaki kartin oku olmasin */
.gd-step:nth-child(3n)::after{display:none}
@media (max-width:1023px){.gd-step::after{display:none}}
@media (max-width:767px){.gd-steps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .gd-step,.gd-step:hover{transform:none}
  .gd-step:hover .gd-step-ico path,.gd-step:hover .gd-step-ico rect,.gd-step:hover .gd-step-ico circle{animation:none;stroke-dashoffset:0}
}

/* ============================================================
   40. Ana sayfa "Su an sahada": 6 devam eden proje, 3x2 kompakt kart
   Satir listesi 6 kayitta tablo gibi uzuyordu; tam boy kartlar ise
   tamamlanan foto kartlarini asagi itiyordu. Ikon + baslik + tip, kucuk rozet.
   ============================================================ */
.gd-live.gd-live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gd-live-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;
  padding:16px 18px 16px 16px;border:1px solid var(--gd-line);border-radius:12px;background:var(--gd-bg3);
  text-decoration:none;color:inherit;
  transition:border-color .3s var(--gmp-ease),transform .3s var(--gmp-ease),box-shadow .3s var(--gmp-ease)}
.gd-live-card:hover{border-color:rgba(148,196,240,.45);transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(3,7,15,.95)}
.gd-live-ico{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:10px;
  color:var(--gd-cyan);background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.18);
  transition:background .3s var(--gmp-ease),border-color .3s var(--gmp-ease)}
.gd-live-card:hover .gd-live-ico{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.4)}
.gd-live-ico svg{width:40px;height:40px}
.gd-live-body{min-width:0}
.gd-live-card .gd-live-name{display:block;font-size:.98rem;line-height:1.25;color:#fff;font-weight:600}
.gd-live-card .gd-live-meta{display:block;margin-top:4px;font-size:.8rem;color:var(--gd-muted)}
.gd-live-card .gd-live-st{position:absolute;top:12px;right:14px;font-size:.62rem;padding:0;border:0;display:inline-flex;align-items:center;gap:6px}
.gd-live-card .gd-live-st::before{content:"";width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.7)}
.gd-live-body{padding-right:96px}
@media (max-width:1100px){.gd-live.gd-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .gd-live.gd-live-grid{grid-template-columns:1fr}
  .gd-live-body{padding-right:0}
  .gd-live-card{row-gap:0;padding:14px 16px}
  .gd-live-card .gd-live-st{position:static;grid-column:2;justify-self:start;margin-top:6px}
}


/* ============================================================
   41. "Devam ediyor" rozeti: nabiz gibi atan nokta + nefes alan cerceve
   Proje canli, isaret de canli. Kucuk, yavas, dikkat dagitmaz.
   ============================================================ */
@keyframes gd-breath{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}50%{box-shadow:0 0 14px 0 rgba(74,222,128,.28)}}
.gd-live-card .gd-live-st::before{animation:gd-live 2.4s ease-out infinite}
.gd-live-card:nth-child(2) .gd-live-st::before{animation-delay:-.4s}
.gd-live-card:nth-child(3) .gd-live-st::before{animation-delay:-.8s}
.gd-live-card:nth-child(4) .gd-live-st::before{animation-delay:-1.2s}
.gd-live-card:nth-child(5) .gd-live-st::before{animation-delay:-1.6s}
.gd-live-card:nth-child(6) .gd-live-st::before{animation-delay:-2s}
.gp-year-soft{display:inline-flex;align-items:center;animation:gd-breath 3.2s ease-in-out infinite}
.gp-year-soft::before{box-shadow:0 0 0 0 rgba(126,224,168,.6);animation:gd-live 2.4s ease-out infinite}
.gp-card:nth-child(2n) .gp-year-soft::before{animation-delay:-.8s}
.gp-card:nth-child(3n) .gp-year-soft::before{animation-delay:-1.6s}
.gd-pd-live{animation:none}
@media (prefers-reduced-motion:reduce){
  .gd-live-card .gd-live-st::before,.gp-year-soft,.gp-year-soft::before{animation:none!important}
}

/* ============================================================
   42. Surec: Gantt gorunumu (sol: asama satirlari, sag: zaman cubuklari)
   MS Project mantigi: satir + cubuk + baglanti + kilometre tasi.
   Sureler sematik (--s / --e yuzde), reveal'da cubuklar sirayla buyur.
   ============================================================ */
.gd-gantt{--gl:minmax(0,46fr);--gr:minmax(0,54fr);--rowh:46px;
  border:1px solid var(--gd-line);border-radius:14px;background:var(--gd-bg3);overflow:hidden}
.gd-gantt-head{display:grid;grid-template-columns:var(--gl) var(--gr);align-items:stretch;
  border-bottom:1px solid var(--gd-line2);background:rgba(11,19,34,.6)}
.gd-gantt-hl,.gd-gantt-ht{font-family:var(--gd-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gd-muted)}
.gd-gantt-hl{padding:11px 18px;border-right:1px solid var(--gd-line2)}
.gd-gantt-scale{position:relative;padding:11px 18px;
  background-image:repeating-linear-gradient(90deg,rgba(148,196,240,.10) 0 1px,transparent 1px 10%);
  background-size:calc(100% - 36px) 100%;background-position:18px 0;background-repeat:no-repeat}
.gd-gantt-ht{position:absolute;left:50%;top:11px;transform:translateX(-50%)}
.gd-gantt-a,.gd-gantt-b{position:absolute;bottom:4px;font-family:var(--gd-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(207,224,242,.55)}
.gd-gantt-a{left:18px}.gd-gantt-b{right:18px}
.gd-gantt-rows{list-style:none;margin:0;padding:0}
.gd-gantt-row{position:relative;display:grid;grid-template-columns:var(--gl) var(--gr);min-height:var(--rowh);
  border-bottom:1px solid var(--gd-line);transition:background .3s var(--gmp-ease)}
.gd-gantt-row:last-child{border-bottom:0}
.gd-gantt-row:nth-child(even){background:rgba(255,255,255,.015)}
.gd-gantt-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gd-blue);
  transform:scaleY(0);transform-origin:top;transition:transform .35s var(--gmp-ease)}
.gd-gantt-row{cursor:default;outline:0}
.gd-gantt-row:hover,.gd-gantt-row.is-on{background:rgba(76,181,245,.05)}
.gd-gantt-row:hover::before,.gd-gantt-row.is-on::before{transform:scaleY(1)}
/* sol: ikon + numara + baslik + aciklama */
.gd-gantt-l{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:7px 18px;border-right:1px solid var(--gd-line2)}
.gd-gantt-l .gd-step-ico{width:28px;height:28px;margin:0;border-radius:7px}
.gd-gantt-l .gd-step-ico svg{width:15px;height:15px}
.gd-gantt-t{min-width:0}
.gd-gantt-t .gd-step-n{display:inline-block;margin-right:8px}
.gd-gantt-t h3{display:inline;margin:0;font-size:.86rem;line-height:1.3;color:#fff;text-transform:none}
/* aciklama her zaman tam: hover'da satir buyumesin (yerlesim kaymasi) */
.gd-gantt-t p{margin:3px 0 0;font-size:.78rem;line-height:1.45;color:var(--gd-muted);transition:color .3s var(--gmp-ease)}
.gd-gantt-row:hover .gd-gantt-t p{color:#cfe0f2}
.gd-gantt-row:hover .gd-step-n,.gd-gantt-row.is-on .gd-step-n{color:var(--gd-blue)}
.gd-gantt-row:hover .gd-step-ico,.gd-gantt-row.is-on .gd-step-ico{background:rgba(76,181,245,.16);border-color:rgba(76,181,245,.45)}
.gd-gantt-row:hover .gd-step-ico path,.gd-gantt-row:hover .gd-step-ico rect,.gd-gantt-row:hover .gd-step-ico circle{
  stroke-dasharray:90;stroke-dashoffset:90;animation:gd-ico .9s cubic-bezier(.4,0,.2,1) forwards}
/* sag: zaman izi */
.gd-gantt-r{position:relative;margin:0 18px;
  background-image:repeating-linear-gradient(90deg,rgba(148,196,240,.10) 0 1px,transparent 1px 10%)}
.gd-gantt-bar{position:absolute;top:50%;height:14px;transform:translateY(-50%);
  left:calc(var(--s) * 1%);width:calc((var(--e) - var(--s)) * 1%);
  border-radius:9px;background:rgba(76,181,245,.14);border:1px solid rgba(76,181,245,.28);overflow:hidden;
  transition:box-shadow .3s var(--gmp-ease),border-color .3s var(--gmp-ease)}
.gd-gantt-bar i{position:absolute;inset:0;border-radius:9px;
  background:linear-gradient(90deg,#1f7fc4,var(--gd-blue) 60%,#7fd0ff);
  transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
.gd-gantt.gmp-in .gd-gantt-bar i{transform:scaleX(1);transition-delay:calc(.12s + var(--i) * .16s)}
html:not(.gmp-reveal) .gd-gantt-bar i{transform:scaleX(1)}
/* isik suzmesi: hover'da cubuk uzerinden bir parlama gecer */
.gd-gantt-bar::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);opacity:0}
 .gd-gantt-row:hover .gd-gantt-bar,.gd-gantt-row.is-on .gd-gantt-bar{box-shadow:0 0 0 3px rgba(76,181,245,.14),0 0 22px rgba(76,181,245,.35);border-color:rgba(127,208,255,.7)}
.gd-gantt-row:hover .gd-gantt-bar::after{opacity:1;animation:gd-sheen 1.1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes gd-sheen{to{left:110%}}
/* baglanti: onceki asama surerken baslar (SS) - dikey kesikli hat + ok ucu */
.gd-gantt-link{position:absolute;left:calc(var(--s) * 1%);top:calc(-1 * var(--rowh) / 2);height:calc(var(--rowh) / 2 + 50%);width:0;
  border-left:1px dashed rgba(148,196,240,.45);transform:translateX(-.5px)}
.gd-gantt-link::after{content:"";position:absolute;left:-4px;bottom:-1px;border:4px solid transparent;border-top:5px solid rgba(148,196,240,.7);border-bottom:0}
.gd-gantt-row:hover .gd-gantt-link,.gd-gantt-row.is-on .gd-gantt-link{border-left-color:var(--gd-blue)}
.gd-gantt-row:hover .gd-gantt-link::after,.gd-gantt-row.is-on .gd-gantt-link::after{border-top-color:var(--gd-blue)}
/* kilometre tasi: teslim */
.gd-gantt-ms{position:absolute;right:-7px;top:50%;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);
  background:#fff;border:2px solid var(--gd-blue);border-radius:2px;box-shadow:0 0 14px rgba(76,181,245,.6);
  opacity:0;transition:opacity .4s var(--gmp-ease) 1.4s}
.gd-gantt.gmp-in .gd-gantt-ms,html:not(.gmp-reveal) .gd-gantt-ms{opacity:1}
/* masaustunde aciklama satirda degil, sabit yukseklikli detay seridinde (hover/odak ile degisir; yerlesim kaymaz) */
.gd-gantt-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:82px;padding:11px 18px;border-top:1px solid var(--gd-line);background:rgba(11,19,34,.6)}
.gd-gantt-dh{display:flex;align-items:baseline;gap:8px}
.gd-gantt-dh b{font-weight:500;font-size:.86rem;color:#fff}
.gd-gantt-dp{margin:0;font-size:.78rem;line-height:1.45;color:#cfe0f2;max-width:110ch}
@media (min-width:1024px){.gd-gantt-t p{display:none}}
@media (max-width:1023px){.gd-gantt-detail{display:none}}
@media (min-width:1024px) and (max-width:1200px){.gd-gantt-detail{min-height:92px}}
.gd-gantt-note{margin:0;padding:9px 18px;border-top:1px solid var(--gd-line);
  font-family:var(--gd-mono);font-size:.68rem;letter-spacing:.06em;color:rgba(207,224,242,.45)}
@media (max-width:1023px){
  .gd-gantt{--gl:minmax(0,1fr);--gr:0}
  .gd-gantt-head{grid-template-columns:1fr}
  .gd-gantt-scale,.gd-gantt-r{display:none}
  .gd-gantt-row{grid-template-columns:1fr}
  .gd-gantt-row.is-on{background:transparent}.gd-gantt-row.is-on::before{transform:scaleY(0)}
  .gd-gantt-row.is-on .gd-step-n{color:var(--gd-muted)}.gd-gantt-row.is-on .gd-step-ico{background:rgba(76,181,245,.08);border-color:var(--gd-line2)}
  .gd-gantt-row:nth-child(even).is-on{background:rgba(255,255,255,.015)}
  .gd-gantt-l{border-right:0;padding:14px 18px 26px;align-items:start}
  .gd-gantt-t h3{font-size:.92rem}
  /* cubuk satirin altina ince ilerleme cizgisi olarak iner */
  .gd-gantt-row::after{content:"";position:absolute;left:calc(22px + (100% - 44px) * var(--s) / 100);
    width:calc((100% - 44px) * (var(--e) - var(--s)) / 100);bottom:10px;height:4px;border-radius:2px;
    background:linear-gradient(90deg,#1f7fc4,var(--gd-blue))}
}
@media (max-width:520px){.gd-gantt-l{grid-template-columns:38px 1fr;gap:12px;padding:16px 16px 24px}
  .gd-gantt-l .gd-step-ico{width:38px;height:38px}.gd-gantt-note{padding:10px 16px}}
@media (prefers-reduced-motion:reduce){
  .gd-gantt-bar i{transform:scaleX(1);transition:none}
  .gd-gantt-row:hover .gd-gantt-bar::after{animation:none;opacity:0}
  .gd-gantt-row:hover .gd-step-ico path,.gd-gantt-row:hover .gd-step-ico rect,.gd-gantt-row:hover .gd-step-ico circle{animation:none;stroke-dashoffset:0}
}