/* ============================================================
   TETRA MOCKUP — Corporate UI
   Palet: Tetra mavi + lacivert (figma benzeri, birebir değil)
   ============================================================ */
:root{
  --navy-950:#06111F;
  --navy-900:#0A1D33;
  --navy-800:#0E2A49;
  --blue-600:#0B5FD7;
  --blue-700:#0A4FB5;
  --blue-100:#E3EDFB;
  --orange-500:#F5A623;
  --ink:#0F1B2D;
  --gray-700:#3D4C60;
  --gray-500:#64748B;
  --gray-300:#CBD5E1;
  --line:#E4E9F0;
  --bg:#FFFFFF;
  --bg-alt:#F4F6F9;
  --font-head:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;          /* başlıklar: 500/600/700 */
  --font-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;    /* metin: 400/500 (strong 600) */
  --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace; /* teknik etiket, model no, ölçüm verisi: 400 */
  --brand-navy:#143D8F;   /* logo laciverti: başlık süsleri, etiketler, rakamlar (düğme ve bağlantılar --blue-600) */
  --brand-star:#F78F1E;   /* logodaki yıldız */
  --brand-lav:#A9AED6;    /* logodaki yay */
  --brand-arc:#EEF0F8;    /* kartvizitteki soluk arka plan yayları */
  --header-h:5.25rem;
  --container-pad:2rem;   /* logo, hero metni ve stat kartları aynı sol kenarda */
  --radius:0px;          /* Figma: tüm öğeler köşeli — buton, çip, ikon kutusu, input */
  --ease-out:cubic-bezier(.23,1,.32,1);   /* güçlü ease-out: giriş/çıkışlar */
  --ease-io:cubic-bezier(.77,0,.175,1);   /* ekran içi hareket */
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-wrap:break-word;font-family:var(--font-body);color:var(--gray-700);background:var(--bg);font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
sup{font-size:.55em}
:focus-visible{outline:2px solid #5C9DF0;outline-offset:2px}

.container{width:100%;max-width:80rem;margin:0 auto;padding:0 var(--container-pad)}

h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);line-height:1.12;font-weight:700}

/* ---------- Kicker (küçük H başlık) ---------- */
.kicker{display:flex;align-items:center;gap:0.875rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.32em;color:var(--blue-600);font-weight:500;margin-bottom:1.375rem;text-transform:uppercase}
.kicker__line{width:2.75rem;height:1px;background:var(--blue-600);flex:none}
.kicker--light{color:#5C9DF0}
.kicker--light .kicker__line{background:#5C9DF0}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;gap:0.625rem;white-space:nowrap;font-family:var(--font-head);font-weight:700;font-size:var(--fs-base);padding:0.875rem 1.625rem;border-radius:var(--radius);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .16s var(--ease-out);border:1px solid transparent}
.btn--primary{background:var(--blue-600);color:#fff}
.btn--primary:hover{background:var(--blue-700);transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn--ghost:hover{background:rgba(255,255,255,.1)}
.btn--lg{padding:1.0625rem 2rem;font-size:var(--fs-body)}
.btn--block{width:100%;justify-content:center}
.arr{transition:transform .2s var(--ease-out)}
.btn:hover .arr,.textlink:hover .arr{transform:translateX(0.25rem)}
.textlink{display:inline-flex;align-items:center;gap:0.5rem;color:var(--blue-600);font-family:var(--font-head);font-weight:700;font-size:var(--fs-base)}

/* ============================================================
   HEADER — şeffaf açılır, scroll'da beyaz
   ============================================================ */
.header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}
.header__inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}

.logo{display:flex;align-items:center;color:#fff;transition:color .3s}
.logo__img{height:3rem;width:auto}
.logo__img--dark{display:none} /* şeffaf header: beyaz logo */
.header--solid .logo__img--light{display:none} /* beyaz header: renkli logo */
.header--solid .logo__img--dark{display:block}

.nav{display:flex;align-items:center;gap:0.25rem}
.nav__item{position:relative}
.nav__link{display:block;padding:0.75rem 0.9375rem;font-family:var(--font-head);font-weight:600;font-size:var(--fs-base);color:rgba(255,255,255,.88);transition:color .25s}
.nav__link:hover{color:#fff}
.nav__link--product sup{font-size:.6em;margin-left:1px}
[dir="rtl"] .nav__link--product{unicode-bidi:plaintext}

.drop{position:absolute;top:100%;left:0.5rem;min-width:17.5rem;background:#fff;border:1px solid var(--line);border-top:0.1875rem solid var(--blue-600);box-shadow:0 1.125rem 2.5rem rgba(10,29,51,.14);padding:0.5rem 0;opacity:0;visibility:hidden;transform:translateY(0.625rem);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s}
.has-drop:hover .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop a{display:block;padding:0.6875rem 1.375rem;font-size:var(--fs-sm);font-weight:500;color:var(--gray-700);transition:background-color .15s ease,color .15s ease,padding-left .2s var(--ease-out)}
.drop a:hover{background:var(--blue-100);color:var(--blue-600);padding-left:1.6875rem}

.header__actions{display:flex;align-items:center;gap:0.875rem}
.lang-btn{display:inline-flex;align-items:center;gap:0.4375rem;padding:0.6875rem 0.875rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);color:#fff;font-family:var(--font-head);font-weight:600;font-size:var(--fs-sm);transition:color .25s ease,border-color .25s ease,background-color .25s ease}
.lang-btn__chev{font-size:var(--fs-label);opacity:.7}
/* ---------- Dil menüsü (Figma) ---------- */
.lang{position:relative}
.langmenu{position:absolute;top:calc(100% + 0.625rem);right:0;min-width:14.375rem;background:#fff;border:1px solid var(--line);box-shadow:0 1.125rem 2.5rem rgba(10,29,51,.16);opacity:0;visibility:hidden;transform:translateY(0.5rem);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s;z-index:120}
.lang.is-open .langmenu{opacity:1;visibility:visible;transform:none}
.langmenu__row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;padding:0.8125rem 1.25rem;font-family:var(--font-head);font-size:var(--fs-sm);color:var(--gray-700);transition:background-color .15s ease,color .15s ease}
.langmenu__row:hover{background:var(--bg-alt)}
.langmenu__row.is-active{background:var(--blue-100)}
.langmenu__row.is-active .langmenu__code{color:var(--blue-600)}
.langmenu__code{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;font-weight:500}
.langmenu__name{color:var(--gray-500)}
.langmenu__row.is-active .langmenu__name{color:var(--ink)}
.lang-btn.is-open .lang-btn__chev{transform:rotate(180deg)}
.lang-btn__chev{display:inline-block;transition:transform .2s var(--ease-out)}

/* ---------- Arama (üst menü paneli) ---------- */
.search{position:relative}
.search-btn{padding:0.6875rem;justify-content:center}
.searchpanel{position:absolute;top:calc(100% + 0.625rem);right:0;width:30rem;background:#fff;border:1px solid var(--line);border-top:0.1875rem solid var(--blue-600);box-shadow:0 1.125rem 2.5rem rgba(10,29,51,.16);opacity:0;visibility:hidden;transform:translateY(0.5rem);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s;z-index:120}
.search.is-open .searchpanel{opacity:1;visibility:visible;transform:none}
.searchpanel form{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.searchpanel input{flex:1;min-width:0;border:0;padding:1rem 1.25rem;font:500 var(--fs-body) var(--font-body);color:var(--ink);background:transparent}
.searchpanel input:focus{outline:none}
.searchpanel__go{padding:0 1.25rem;font-size:var(--fs-lead);color:var(--blue-600);align-self:stretch}
.searchpanel__results{max-height:min(26rem,60vh);overflow-y:auto;padding:0.375rem 0}
.searchpanel__hint{margin:0;padding:0.875rem 1.25rem;font-size:var(--fs-sm);color:var(--gray-500)}
.searchpanel__row{display:block;padding:0.6875rem 1.25rem;font-size:var(--fs-base);font-weight:500;color:var(--ink);transition:background-color .15s ease,color .15s ease}
.searchpanel__row:hover,.searchpanel__row:focus{background:var(--blue-100);color:var(--blue-600);outline:none}
.searchpanel__type{display:block;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:0.125rem}
.searchpanel__all{display:block;margin-top:0.375rem;padding:0.8125rem 1.25rem 0.5rem;border-top:1px solid var(--line);font-size:var(--fs-sm);font-weight:600;color:var(--brand-navy)}
@media(max-width:600px){.searchpanel{position:fixed;top:4.5rem;left:1rem;right:1rem;width:auto}}

/* Arama sonuç sayfası */
.searchpage__form{display:flex;gap:0.75rem;max-width:44rem;margin-bottom:1.25rem}
.searchpage__form input{flex:1;min-width:0;padding:0.875rem 1.125rem;border:1px solid var(--gray-300);border-radius:0.625rem;font:500 var(--fs-body) var(--font-body);color:var(--ink)}
.searchpage__form input:focus{outline:none;border-color:var(--blue-600)}
.searchpage__count{color:var(--gray-500);font-size:var(--fs-base);margin-bottom:2rem}
.searchgroup{margin-bottom:2.5rem}
.searchgroup__title{font-size:var(--fs-lead);margin:0 0 0.75rem}
.searchgroup__title span{font:500 var(--fs-xs) var(--font-mono);color:var(--gray-500);margin-left:0.375rem}
.searchlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.searchlist li{border-bottom:1px solid var(--line)}
.searchlist a{display:block;padding:0.9375rem 0.25rem;transition:background-color .15s ease}
.searchlist a:hover{background:var(--bg-alt)}
.searchlist strong{display:block;font-family:var(--font-head);font-weight:600;color:var(--ink)}
.searchlist a:hover strong{color:var(--blue-600)}
.searchlist span{display:block;margin-top:0.25rem;font-size:var(--fs-sm);color:var(--gray-500);line-height:1.55}

/* — beyaz (scrolled) durum — */
.header--solid{background:#fff;box-shadow:0 0.25rem 1.5rem rgba(10,29,51,.08);border-color:var(--line)}
.header--solid .logo{color:#21409A}
.header--solid .nav__link{color:var(--gray-700)}
.header--solid .nav__link:hover{color:var(--blue-600)}
.header--solid .lang-btn{color:var(--ink);border-color:var(--gray-300)}

.burger{display:none;flex-direction:column;gap:0.3125rem;padding:0.5rem}
.burger span{width:1.5rem;height:2px;background:currentColor;color:#fff;transition:transform .25s var(--ease-out),opacity .2s ease,background-color .3s ease}
.header--solid .burger span{background:var(--ink)}
.burger.is-open span:nth-child(1){transform:translateY(0.4375rem) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-0.4375rem) rotate(-45deg)}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--navy-950)}
.hero__slides,.hero__slide{position:absolute;inset:0}
.hero__slide{opacity:0;transition:opacity 1.2s}
.hero__slide.is-active{opacity:1}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,17,31,.92) 20%,rgba(6,17,31,.55) 60%,rgba(6,17,31,.35));pointer-events:none}
.hero__content{position:relative;z-index:2;padding-top:6.875rem}
.hero__title{font-size:clamp(2.125rem,4.4vw,3.75rem);font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:1.375rem}
.hero__sub{max-width:38.75rem;font-size:var(--fs-body);color:rgba(255,255,255,.75);margin-bottom:2.125rem}
.hero__cta{display:flex;gap:1rem;flex-wrap:wrap}

/* Revizyon 2: kare kartlar yerine küçük, ortalı, yatay dikdörtgenler — görsel alan ferah kalsın */
.hero__stats{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-top:3.5rem;padding-bottom:5.25rem}
.hero-stat{display:grid;grid-template-columns:auto auto;column-gap:0.875rem;align-items:center;background:rgba(10,29,51,.58);backdrop-filter:blur(0.625rem);border:1px solid rgba(255,255,255,.12);padding:0.75rem 1.25rem 0.75rem 1rem;transition:border-color .3s ease,transform .3s var(--ease-out)}
@media(hover:hover){.hero-stat:hover{border-color:rgba(92,157,240,.5);transform:translateY(-2px)}}
.hero-stat__num{grid-column:1;grid-row:1/3;font-family:var(--font-head);font-weight:700;font-size:var(--fs-h3);color:#fff;line-height:1;letter-spacing:-.02em}
.hero-stat__label{grid-column:2;grid-row:1;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.18em;color:rgba(255,255,255,.5);line-height:1.2}
.hero-stat__desc{grid-column:2;grid-row:2;font-size:var(--fs-xs);line-height:1.3;color:rgba(255,255,255,.8);white-space:nowrap}

.hero__dots{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:0.75rem}
.hero__dots button{width:0.625rem;height:0.625rem;border-radius:50%;background:rgba(255,255,255,.3);transition:background-color .25s ease,transform .25s var(--ease-out)}
.hero__dots button.is-active{background:#fff;transform:scale(1.25)}

/* ============================================================
   SECTIONS ORTAK
   ============================================================ */
.section{padding:6.875rem 0}
.section--alt{background:var(--bg-alt)}
.section--tight{padding:4.5rem 0}
.section--tight .section__head{margin-bottom:2.5rem}
/* Revizyon 2: Hizmetler bölümü koyu zemin */
.section--dark{background:linear-gradient(160deg,var(--navy-950),var(--navy-900));color:rgba(255,255,255,.7)}
.section--dark .section__title,.section--dark .whyblock__title{color:#fff}
.section--dark .section__lead{color:rgba(255,255,255,.62)}
.section--dark .kicker{color:#5C9DF0}
.section--dark .kicker__line{background:#5C9DF0}
.section__head{display:grid;grid-template-columns:1fr;gap:1.375rem;margin-bottom:4rem}
.section__title{font-size:clamp(2.125rem,4.4vw,3.625rem);font-weight:700;letter-spacing:-.02em}
.section__title--light{color:#fff}
.section__lead{font-size:var(--fs-body);color:var(--gray-500)}

/* ============================================================
   PLACEHOLDER GÖRSELLER
   ============================================================ */
.ph{position:absolute;inset:0;background-size:cover}
.ph:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:3.5rem 3.5rem}
.ph--refinery{background:linear-gradient(135deg,#0A1D33,#12395F 55%,#0A2748)}
.ph--panel{background:linear-gradient(135deg,#101B2A,#25415E 60%,#152C46)}
.ph--field{background:linear-gradient(135deg,#0B2237,#1C4E6B 60%,#0E3350)}
.ph--service{background:linear-gradient(135deg,#123252,#2B5F8E)}
.ph--inspection{background:linear-gradient(135deg,#0F2C44,#3A6B8F)}
.ph--p1{background:linear-gradient(135deg,#14324F,#3D6E9E)}
.ph--p2{background:linear-gradient(135deg,#26404F,#5D8CA8)}
.ph--p3{background:linear-gradient(135deg,#1C2E4A,#4A5F8E)}
.ph--p4{background:linear-gradient(135deg,#173B4E,#3E7D96)}
.ph--p5{background:linear-gradient(135deg,#0F2740,#33608F)}
.ph--p6{background:linear-gradient(135deg,#2A3B55,#607DA6)}
.ph--img{background-size:cover;background-position:center}
.ph--img:after{content:none} /* gerçek görselde grid deseni olmasın */
.ph__tag{position:absolute;left:50%;bottom:0.875rem;transform:translateX(-50%);z-index:2;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.25em;color:rgba(255,255,255,.4);white-space:nowrap}

/* kart içi görsel alanı */
.media{position:relative;overflow:hidden;background:var(--navy-900)}
.media .ph{transition:transform .5s var(--ease-out)}
@media(hover:hover){.tabmod__card:hover .media .ph{transform:scale(1.04)}}
.media__label{position:absolute;z-index:2;left:1rem;bottom:0.875rem;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.22em;color:rgba(255,255,255,.55)}

/* ============================================================
   HAKKIMIZDA — nproc tarzı TAB MODÜLÜ
   ============================================================ */
.tabmod{display:grid;grid-template-columns:16.25rem 1fr;height:32.5rem;box-shadow:0 1.5rem 3.75rem rgba(10,29,51,.1);border:1px solid var(--line);background:#fff}
.tabmod__nav{display:flex;flex-direction:column;background:var(--navy-900)}
.tabmod__btn{padding:1.125rem 1.75rem;text-align:left;font-family:var(--font-head);font-weight:600;font-size:var(--fs-base);color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s ease,background-color .2s ease;flex:1}
.tabmod__btn:hover{color:#fff;background:var(--navy-800)}
.tabmod__btn.is-active{background:var(--blue-600);color:#fff}
.tabmod__body{padding:2rem;overflow:hidden}
.tabmod__card{display:grid;grid-template-columns:1.15fr 1fr;gap:2.25rem;align-items:center;height:100%}
.tabmod__card .media{height:100%;min-height:17.5rem}
.tabmod__card .kicker{margin-bottom:0.625rem}
.tabmod__card h3{font-size:var(--fs-h4);margin-bottom:0.75rem}
.tabmod__card p{color:var(--gray-500);margin-bottom:1.25rem;font-size:var(--fs-base)}
/* video yer tutucusu: poster + oynat rozeti */
.media__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(0.375rem);display:flex;align-items:center;justify-content:center;color:#fff}
.media__play svg{width:1.375rem;height:1.375rem;margin-left:0.1875rem}
.media__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ============================================================
   ÇÖZÜMLER — Figma düzeni
   Fotoğraf yok: kare ikon kutusu + başlık + açıklama.
   Kartlar arası boşluk yok; hücreler saç teli çizgilerle ayrılıyor,
   kesişimlerde mühendislik çizimi hissi veren çapraz oluşuyor.
   ============================================================ */
.prodgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
/* Revizyon 2: ikon kutusu kaldırıldı, görsel büyütüldü */
.prod{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background-color .25s ease}
.prod__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--navy-900)}
.prod__media .ph{transition:transform .5s var(--ease-out)}
.prod__body{display:flex;flex-direction:column;flex:1;padding:1.75rem 1.875rem 1.875rem}
.prod h3{font-size:var(--fs-lead);margin-bottom:0.625rem}
.prod p{font-size:var(--fs-sm);color:var(--gray-500);margin-bottom:1rem}
.prod .textlink{font-size:var(--fs-sm);margin-top:auto;opacity:0;transform:translateY(0.25rem);transition:opacity .25s ease,transform .25s var(--ease-out)}
@media(hover:hover){
  .prod:hover{background:var(--bg-alt)}
  .prod:hover .prod__media .ph{transform:scale(1.05)}
  .prod:hover .textlink{opacity:1;transform:none}
}
/* dokunmatikte hover yok, bağlantı her zaman görünsün */
@media(hover:none){.prod .textlink{opacity:1;transform:none}}

/* ---------- ENGINEERING PROCESS (Figma) ----------
   Numara kutuları beyaz zeminli; arkadan geçen tek çizgi kutuların
   içinde görünmüyor — Figma'daki kesintili çizgi etkisi böyle oluşuyor. */
.process{margin-top:5.5rem}
.process__title{font-size:clamp(1.625rem,2.9vw,2.375rem);margin-bottom:3.25rem}
.processgrid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}
.processgrid--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem}
.processgrid:before{content:"";position:absolute;left:0;right:0;top:1.4375rem;height:1px;background:var(--line)}
.pstep{position:relative}
.pstep__num{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#fff;border:1px solid var(--blue-600);color:var(--blue-600);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;margin-bottom:1.625rem}
.pstep h4{font-size:var(--fs-lead);font-weight:700;margin-bottom:0.625rem;line-height:1.25}
.pstep p{font-size:var(--fs-sm);color:var(--gray-500)}

/* ---------- WHY TETRA (Figma) ---------- */
/* Revizyon 2: 4 kutu kaldırıldı; kicker + başlık, ardından doğrudan hizmet kartları */
.whyblock{margin-bottom:2.75rem}
.whyblock__title{font-size:clamp(1.625rem,2.9vw,2.375rem);margin-bottom:0}


/* ============================================================
   DETAY SAYFASI İLETİŞİM COMPONENT'İ
   Tam genişlik (container dışında), footer'a yapışık.
   İçerik container hizasında kalır.
   ============================================================ */
.detailcta{position:relative;overflow:hidden;padding:4.75rem 0;background:linear-gradient(160deg,var(--navy-950),var(--navy-900));border-top:0.1875rem solid var(--blue-600)}
.detailcta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:4rem 4rem;pointer-events:none}
.detailcta__inner{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:3.5rem;align-items:center}
.detailcta h2{font-size:clamp(1.75rem,3vw,2.5rem);color:#fff;letter-spacing:-.02em;margin-bottom:1rem}
.detailcta__lead{font-size:var(--fs-body);color:rgba(255,255,255,.65);max-width:35rem}
.detailcta__side{display:flex;flex-direction:column;gap:1.125rem}
.detailcta__row{display:flex;align-items:center;gap:0.875rem;color:#fff}
.detailcta__row small{display:block;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.24em;color:rgba(255,255,255,.45);margin-bottom:0.1875rem}
.detailcta__ico{width:2.625rem;height:2.625rem;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#5C9DF0}
.detailcta__ico svg{width:1.125rem;height:1.125rem}
.detailcta .btn{margin-top:0.375rem;align-self:flex-start}

/* ============================================================
   HİZMETLER
   ============================================================ */
.svcgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.svc{display:block;background:#fff;border:1px solid var(--line);transition:transform .25s var(--ease-out),box-shadow .25s ease}
@media(hover:hover){.svc:hover{box-shadow:0 1.25rem 3rem rgba(10,29,51,.12);transform:translateY(-0.1875rem)}}
.svc__body{padding:2rem}
.svc__num{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:var(--blue-600);margin-bottom:1rem}
.svc__num:after{content:"";display:inline-block;width:1.75rem;height:1px;background:var(--blue-600);vertical-align:middle;margin-left:0.625rem}
.svc__body h3{font-size:var(--fs-h4);margin-bottom:0.75rem}
.svc__body p{font-size:var(--fs-base);color:var(--gray-500);margin-bottom:1.125rem}
.section--dark .svc{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.section--dark .svc__body h3{color:#fff}
.section--dark .svc__body p{color:rgba(255,255,255,.62)}
.section--dark .svc__num,.section--dark .svc .textlink{color:#5C9DF0}
.section--dark .svc__num:after{background:#5C9DF0}
@media(hover:hover){.section--dark .svc:hover{background:rgba(255,255,255,.07);border-color:rgba(92,157,240,.5);box-shadow:none}}

/* ============================================================
   PROJELER
   ============================================================ */

.proj{position:relative;height:18.75rem;overflow:hidden;display:block}
.proj .ph{transition:transform .5s var(--ease-out)}
@media(hover:hover){.proj:hover .ph{transform:scale(1.05)}}
.proj:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(6,17,31,.9));z-index:2}
.proj__body{position:absolute;z-index:3;left:1.5rem;right:1.5rem;bottom:1.375rem}
.proj__cat{display:inline-block;background:var(--blue-600);color:#fff;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;padding:0.3125rem 0.625rem;margin-bottom:0.75rem;text-transform:uppercase}
.proj__body h3{color:#fff;font-size:var(--fs-lead);margin-bottom:0.375rem}
.proj__loc{font-size:var(--fs-xs);color:rgba(255,255,255,.65)}
.proj.is-hidden{display:none}

/* Revizyon 2: ana sayfada 3x2 kart grid'i (slider yerine) */
.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.cardgrid .proj{height:16.25rem}

/* ---------- Sekme çubuğu — Figma: köşeli segment kontrolü ---------- */
.tabbar{display:inline-flex;flex-wrap:wrap;margin-bottom:2.5rem;border:1px solid var(--line)}
.tabbar__btn{padding:0.9375rem 1.875rem;font-family:var(--font-head);font-weight:700;font-size:var(--fs-base);color:var(--gray-500);background:#fff;transition:background-color .2s ease,color .2s ease}
.tabbar__btn + .tabbar__btn{border-left:1px solid var(--line)}
.tabbar__btn:hover{color:var(--blue-600)}
.tabbar__btn.is-active{background:var(--blue-600);color:#fff}

/* ---------- Bölüm altı "tümünü gör" bağlantısı ---------- */
.section__more{margin-top:2.25rem}

/* ============================================================
   SLIDER — oklu yatay liste (Uygulamalar + Partnerler ortak)
   Scroll konteyneri DEĞİL: track transform ile kaydırılır.
   Böylece tekerlek/trackpad carousel'i hiç etkilemez — yalnız oklar
   ve dokunmatikte parmak hareketi. Otomatik kayma da yok.
   ============================================================ */
.slider{position:relative}
.slider__viewport{overflow:hidden}
.slider__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem) / 3);gap:1.5rem;transition:transform .5s var(--ease-out);will-change:transform}
.slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:3rem;height:3rem;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 0.625rem 1.75rem rgba(10,29,51,.16);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .16s var(--ease-out)}
.slider__nav svg{width:1.125rem;height:1.125rem}
.slider__nav:hover:not(:disabled){background:var(--blue-600);color:#fff}
.slider__nav:active:not(:disabled){transform:translateY(-50%) scale(.94)}
.slider__nav:disabled{opacity:.3;cursor:default;box-shadow:none}
.slider__nav--prev{left:-1.375rem}
.slider__nav--next{right:-1.375rem}
@media(prefers-reduced-motion:reduce){.slider__track{transition:none}}


/* ---------- Bölüm altı "tümünü gör" bağlantısı ---------- */
.section__more{margin-top:2.25rem}

/* ============================================================
   LİSTE SAYFASI — solda kategori, sağda kart listesi
   (Uygulamalar ve Partnerler detayında ortak: liste -> detay)
   ============================================================ */
.listpage{display:grid;grid-template-columns:16.25rem 1fr;gap:2.5rem;align-items:start}
.listnav{border:1px solid var(--line);background:#fff;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.listnav__title{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--gray-500);padding:1.25rem 1.375rem 0.875rem;border-bottom:1px solid var(--line)}
.listnav__btn{display:block;width:100%;text-align:left;padding:0.9375rem 1.375rem;font-family:var(--font-head);font-weight:600;font-size:var(--fs-sm);color:var(--gray-700);border-bottom:1px solid var(--line);transition:background-color .18s ease,color .18s ease,padding-left .2s var(--ease-out)}
.listnav__btn:last-child{border-bottom:none}
.listnav__btn:hover{background:var(--blue-100);color:var(--blue-600);padding-left:1.6875rem}
.listnav__btn.is-active{background:var(--blue-600);color:#fff}
.listnav__count{float:right;font-family:var(--font-mono);font-size:var(--fs-label);opacity:.65}

.listpage__main{min-width:0}

/* ---------- Liste sayfası içindeki öğe detayı (sidebar yerinde kalır) ---------- */
.backlink{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-head);font-weight:600;font-size:var(--fs-sm);color:var(--gray-500);margin-bottom:1.5rem;transition:color .2s ease}
.backlink:hover{color:var(--blue-600)}
.arr-back{transition:transform .2s var(--ease-out);display:inline-block}
.backlink:hover .arr-back{transform:translateX(-0.25rem)}
.detailmedia{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--navy-900);margin-bottom:2rem}
.detailbody h2{font-size:var(--fs-h4);margin:2rem 0 0.875rem}
.detailbody h2:first-child{margin-top:0}
.detailbody p{margin-bottom:0.875rem}
.detailbody ul{margin:0 0 1.125rem 1.25rem}
.detailbody li{margin-bottom:0.5rem}
.detailsibs{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}
.detailsibs h4{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--gray-500);margin-bottom:1.375rem}

/* Partner detay başlığı: logo solda */
.partnerhead{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.625rem}
.partnerhead__logo{width:12.5rem;height:5.25rem;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);padding:0.875rem 1.25rem}
.partnerhead__logo img{max-height:3rem;max-width:100%;object-fit:contain}
.partnerhead__logo .part__wordmark{font-size:var(--fs-h4)}
.partnerhead h2{font-size:var(--fs-h3);margin-bottom:0.375rem}

.listgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.listempty{border:1px dashed var(--line);background:var(--bg-alt);padding:2.5rem;text-align:center;color:var(--gray-500)}
.listempty h3{font-size:var(--fs-lead);margin-bottom:0.5rem;color:var(--gray-700)}

/* ============================================================
   PARTNERLER
   ============================================================ */
/* Revizyon 2: kısaltma kutusu yerine üstte geniş logo alanı; logo gelmeden marka renginde yazı-logo */
/* Referans müşteri logoları: gri tonlu, üzerine gelince renkli */
.clients{margin-top:4.5rem}
.clients__grid{display:grid;grid-template-columns:repeat(9,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:1.25rem}
.clients__item{background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:6rem;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem}
.clients__item img{max-height:3rem;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .25s ease,opacity .25s ease}
@media(hover:hover){.clients__item:hover img{filter:none;opacity:1}}
@media(max-width:1024px){.clients__grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:640px){.clients__grid{grid-template-columns:repeat(3,1fr)}.clients__item{height:4.75rem;padding:0.75rem}.clients__item img{max-height:2.25rem}}
.part{background:#fff;border:1px solid var(--line);padding:0;transition:transform .25s var(--ease-out),box-shadow .25s ease;display:flex;flex-direction:column}
.part__body{display:flex;flex-direction:column;gap:0.625rem;min-width:0;padding:1.375rem 1.625rem 1.625rem;flex:1}
@media(hover:hover){.part:hover{box-shadow:0 1rem 2.5rem rgba(10,29,51,.1);transform:translateY(-0.1875rem)}}
.part__logo{position:relative;height:5.5rem;display:flex;align-items:center;justify-content:center;padding:1.125rem 1.625rem;background:#fff;border-bottom:1px solid var(--line)}
.part__logo img{max-height:2.75rem;width:auto;max-width:70%;object-fit:contain}
.part__wordmark{font-family:var(--font-head);font-weight:700;font-size:var(--fs-lead);letter-spacing:-.01em;text-align:center;line-height:1.1}
.part__logo small{position:absolute;right:0.625rem;top:0.5rem;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;color:var(--gray-300)}
.part h3{font-size:var(--fs-body)}
.part__field{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.18em;color:var(--blue-600);text-transform:uppercase}
.part__body h3{margin-bottom:2px}
.part p{font-size:var(--fs-sm);color:var(--gray-500);flex:1}
.part .textlink{font-size:var(--fs-sm)}

.partner-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem;background:var(--bg-alt);border:1px solid var(--line);padding:2.125rem 2.5rem}
.partner-cta h3{font-size:var(--fs-lead);margin-bottom:0.375rem}
.partner-cta p{font-size:var(--fs-sm);color:var(--gray-500)}

/* ============================================================
   İLETİŞİM
   ============================================================ */
.contact{background:linear-gradient(160deg,var(--navy-950),var(--navy-900));padding:7.5rem 0;position:relative;overflow:hidden}
.contact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:4rem 4rem}
.contact__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.contact__lead{color:rgba(255,255,255,.65);margin:1.5rem 0 2.5rem;max-width:30rem}
.contact__info{list-style:none;display:flex;flex-direction:column;gap:1.375rem;margin-bottom:2.75rem}
.contact__info li{display:flex;gap:1rem;align-items:center;color:#fff}
.contact__info small{display:block;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.24em;color:rgba(255,255,255,.45);margin-bottom:0.1875rem}
.contact__info li.contact__branch{align-items:flex-start}
.contact__served{display:block;margin-top:0.375rem;font-size:var(--fs-sm);line-height:1.5;opacity:.72}
.contact__ico{width:2.875rem;height:2.875rem;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#5C9DF0}
.contact__ico svg{width:1.25rem;height:1.25rem}
.ico-send{width:1.0625rem;height:1.0625rem}
.contact__map{position:relative;height:14.375rem;border:1px solid rgba(255,255,255,.12);overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:2.5rem 2.5rem}
.contact__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(90%) hue-rotate(180deg) grayscale(.15) contrast(.9)} /* koyu tema uyumu */
.contact__directions{margin-top:1rem;color:#5C9DF0;font-size:var(--fs-sm)}

.cform{display:flex;flex-direction:column;gap:1.25rem}
.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.cform label{display:flex;flex-direction:column;gap:0.5rem;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.24em;color:rgba(255,255,255,.5)}
.cform input,.cform textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:0.9375rem 1rem;color:#fff;font-family:var(--font-body);font-size:var(--fs-base);transition:border-color .2s ease,background-color .2s ease;resize:vertical}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--blue-600);background:rgba(11,95,215,.08)}
.cform ::placeholder{color:rgba(255,255,255,.3)}
.cform__note{font-size:var(--fs-xs);color:rgba(255,255,255,.4);text-align:center}

/* ============================================================
   ALT SAYFA (SPA görünümü)
   ============================================================ */
.pagehero{position:relative;min-height:clamp(16.25rem,34vh,22.5rem);  /* Revizyon 3: giriş fotoğrafı dikeyde daraltıldı, içerik ilk ekrana çıksın */
  display:flex;align-items:flex-end;background:var(--navy-950);overflow:hidden}
.pagehero__bg{position:absolute;inset:0}
.pagehero__overlay{position:absolute;inset:0;background:linear-gradient(rgba(6,17,31,.5),rgba(6,17,31,.88))}
.pagehero__content{position:relative;z-index:2;padding-top:calc(var(--header-h) + 2.5rem);padding-bottom:2.5rem;width:100%}
.pagehero__title{font-size:clamp(2rem,3.8vw,3.25rem);font-weight:700;color:#fff;letter-spacing:-.02em}
.breadcrumb{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;color:rgba(255,255,255,.5);margin-bottom:1.375rem;text-transform:uppercase}
.breadcrumb a{color:rgba(255,255,255,.75)}
.breadcrumb a:hover{color:#fff}

.pagebody{padding:3.5rem 0 6.25rem}
.pagegrid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:start}
.pagegrid h2{font-size:var(--fs-h3);margin:2.25rem 0 1rem}
.pagegrid h2:first-child{margin-top:0}
.pagegrid p{margin-bottom:1rem;color:var(--gray-600,#4B5A6E)}
.pagegrid ul{margin:0 0 1rem 1.25rem;color:var(--gray-600,#4B5A6E)}
.pagegrid li{margin-bottom:0.5rem}
.pageaside{display:flex;flex-direction:column;gap:1.5rem} /* Revizyon 2: scroll'la inen sabit görsel istenmedi */
.pageaside .media{height:15rem}
.pagegrid--text{grid-template-columns:minmax(0,53.75rem)}

/* Revizyon 2: görsel kütüphanesi — sağa-sola kayan slider, tıkla-büyüt */
.gallery{margin-bottom:3.5rem}
.gallery__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.25rem;margin-bottom:1.375rem}
.gallery__head .kicker{margin-bottom:0}
.gallery__count{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;color:var(--gray-500)}
.gal{position:relative;display:block;margin:0;cursor:zoom-in}
.gal .media{aspect-ratio:4/3;background:var(--navy-900)}
.gal--portrait .media{aspect-ratio:3/4}
.gal--portrait .ph--img{background-size:contain;background-color:#fff} /* sertifika gibi belgeler kırpılmadan görünsün */
.gal .media .ph{transition:transform .5s var(--ease-out)}
@media(hover:hover){.gal:hover .media .ph{transform:scale(1.04)}}
.gal figcaption{font-size:var(--fs-xs);color:var(--gray-500);margin-top:0.625rem;min-height:1.4em}
.gal .media__label{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);text-align:center;color:rgba(255,255,255,.7);font-size:var(--fs-label)}
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(6,17,31,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.lightbox.is-open{opacity:1;visibility:visible}
.lightbox img{max-width:min(92vw,87.5rem);max-height:84vh;object-fit:contain;box-shadow:0 1.875rem 5rem rgba(0,0,0,.5)}
.lightbox__cap{position:absolute;left:50%;bottom:1.75rem;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:var(--fs-sm);text-align:center;max-width:80vw}
.lightbox__btn{position:absolute;width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}
.lightbox__btn:hover{background:var(--blue-600)}
.lightbox__btn svg{width:1.25rem;height:1.25rem}
.lightbox__close{top:1.5rem;right:1.5rem}
.lightbox__prev{left:1.5rem;top:50%;transform:translateY(-50%)}
.lightbox__next{right:1.5rem;top:50%;transform:translateY(-50%)}

/* Bizden Haberler: sağda haberdar ol kutusu */
.newsbox{background:linear-gradient(160deg,var(--navy-950),var(--navy-900));padding:1.875rem 1.75rem;color:rgba(255,255,255,.65)}
.newsbox h4{color:rgba(255,255,255,.45);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.24em;font-weight:500;margin-bottom:0.875rem}
.newsbox p{font-size:var(--fs-sm);margin-bottom:1.125rem;color:rgba(255,255,255,.65)}

/* Parametre kategorileri: her kategorinin soluk bir vurgu rengi (--pg), sitenin lacivert/mavi zeminine karışmasın diye düşük doygunlukta. */
[data-pgroup="emission"]{--pg:#4A62B0}
[data-pgroup="process-gas"]{--pg:#B07A22}
[data-pgroup="dust"]{--pg:#8C6D55}
[data-pgroup="steam"]{--pg:#23878A}
[data-pgroup="water"]{--pg:#3D8A5C}
[data-pgroup="petroleum"]{--pg:#A65340}
.pgfilter{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0 0 2.5rem}
.pgfilter__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5625rem 1rem;border:1px solid var(--line);border-radius:62.4375rem;background:#fff;font:600 var(--fs-sm) var(--font-head);color:var(--gray-700);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.pgfilter__btn i,.pgsection__title i,.listnav__sub i,.pgtag i{width:0.5625rem;height:0.5625rem;border-radius:50%;background:var(--pg);flex:none}
.pgfilter__btn span{font:500 var(--fs-label) var(--font-mono);opacity:.6}
.pgfilter__btn:hover{border-color:var(--pg,var(--brand-navy));color:var(--ink)}
.pgfilter__btn.is-active{background:var(--pg,var(--brand-navy));border-color:var(--pg,var(--brand-navy));color:#fff}
.pgfilter__btn.is-active i{background:#fff}
.pgsection{margin-bottom:3rem}
.pgsection[hidden]{display:none}
.pgsection__title{display:flex;align-items:center;gap:0.625rem;font-size:var(--fs-lead);margin:0 0 1.125rem}
.catgrid .catgrid__item--pg{box-shadow:inset 0 0.1875rem 0 var(--pg,transparent)}
.catgrid .catgrid__item--pg:hover{border-color:var(--pg,var(--blue-600));box-shadow:inset 0 0.1875rem 0 var(--pg,transparent),0 0.875rem 2.125rem rgba(10,29,51,.08)}
@media(max-width:1080px){
  .pgfilter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--container-pad)) 2rem;padding:2px var(--container-pad) 0.375rem}
  .pgfilter::-webkit-scrollbar{display:none}
  .pgfilter__btn{flex:none;white-space:nowrap}
}
.listnav__sub{display:flex;align-items:center;gap:0.5rem;padding:1rem 1.375rem 0.5rem;font:700 var(--fs-label) var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--line);background:var(--bg-alt,#F7F8FB)}
.pgtag{display:inline-flex;align-items:center;gap:0.5rem;margin:0 0 1rem;padding:0.375rem 0.875rem;border-radius:62.4375rem;background:color-mix(in srgb,var(--pg) 10%,#fff);color:var(--pg);font:600 var(--fs-xs) var(--font-head)}
.pgtag:hover{background:color-mix(in srgb,var(--pg) 18%,#fff)}

/* Çözüm sayfası: ölçülen parametre bağlantıları */
.pchips{display:flex;flex-wrap:wrap;gap:0.625rem;list-style:none;margin:0;padding:0}
.pchips a{display:inline-block;padding:0.5rem 0.875rem;border:1px solid var(--line);border-radius:999px;font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:#fff;transition:border-color .2s,color .2s}
.pchips a:hover{border-color:var(--blue-600);color:var(--blue-600)}

/* Parametre sayfası: sık sorulan sorular */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{display:grid;grid-template-columns:1fr 1.25rem;gap:1.125rem;align-items:center;padding:1rem 0.25rem;cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__q{font-family:var(--font-head);font-weight:600;font-size:var(--fs-body);line-height:1.4;color:var(--ink);margin:0}
.faq__item[open] .faq__q{color:var(--blue-600)}
.faq__chev{width:0.5625rem;height:0.5625rem;border-right:1.5px solid var(--gray-500);border-bottom:1.5px solid var(--gray-500);transform:rotate(45deg);transition:transform .2s var(--ease-out);justify-self:center;margin-top:-0.25rem}
.faq__item[open] .faq__chev{transform:rotate(225deg);margin-top:0.25rem}
.faq__a{padding:0 0.25rem 1.25rem;margin:0;color:var(--gray-700);font-size:var(--fs-base);line-height:1.65;max-width:46rem}

/* Kariyer: açılır ilan listesi */
.jobs{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:1.125rem}
.job{border-bottom:1px solid var(--line)}
.job summary{display:grid;grid-template-columns:1fr auto 1.25rem;gap:1.125rem;align-items:center;padding:1.125rem 0.25rem;cursor:pointer;list-style:none}
.job summary::-webkit-details-marker{display:none}
.job__title{font-family:var(--font-head);font-weight:700;font-size:var(--fs-body);color:var(--ink)}
.job__meta{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.16em;color:var(--gray-500);text-transform:uppercase}
.job__chev{width:0.5625rem;height:0.5625rem;border-right:1.5px solid var(--gray-500);border-bottom:1.5px solid var(--gray-500);transform:rotate(45deg);transition:transform .2s var(--ease-out);justify-self:center;margin-top:-0.25rem}
.job[open] .job__chev{transform:rotate(225deg);margin-top:0.25rem}
.job[open] summary .job__title{color:var(--blue-600)}
.job__body{padding:0.25rem 0.25rem 1.625rem}
.pagegrid .job__body h4{font-size:var(--fs-base);margin:0.875rem 0 0.5rem}
.pagegrid .job__body p,.pagegrid .job__body ul{font-size:var(--fs-base)}
.pagegrid .job__body .btn{margin-top:0.375rem;font-size:var(--fs-sm);padding:0.75rem 1.25rem}
.pagegrid .note{font-size:var(--fs-sm);color:var(--gray-500)}
.pagegrid .svc-tagline{font-family:var(--font-head);font-size:var(--fs-h4);font-weight:600;line-height:1.35;color:var(--ink);margin-bottom:1.25rem}
.pagegrid .scopelist{list-style:none;margin:0 0 1rem;display:grid;grid-template-columns:1fr;gap:0.625rem 1.75rem}
.pagegrid .scopelist--long{grid-template-columns:1fr 1fr}
.pagegrid .scopelist li{position:relative;padding-left:1.25rem;margin:0}
.pagegrid .scopelist li:before{content:"";position:absolute;left:0;top:.6em;width:0.5rem;height:0.5rem;background:var(--blue-600)}
.pagegrid--plain{grid-template-columns:minmax(0,47.5rem)}
.detail__lead{font-size:var(--fs-lead);color:var(--gray-700);margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.aside-card{border:1px solid var(--line);background:var(--bg-alt);padding:1.75rem}
.aside-card h4{font-size:var(--fs-body);margin-bottom:0.625rem}
.aside-card p{font-size:var(--fs-sm);color:var(--gray-500);margin-bottom:1rem}
.spec{display:flex;justify-content:space-between;gap:1rem;padding:0.75rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}
.spec:last-child{border-bottom:none}
.spec b{color:var(--ink);font-weight:600}

/* Partner alt sayfası — nproc modülü */

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--navy-950);color:rgba(255,255,255,.6)}
.footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:3rem;padding:5rem var(--container-pad) 3.75rem}
.footer .logo--footer{display:flex;padding:0;color:#fff;margin-bottom:1.25rem} /* .footer__grid a kuralı ezmesin */
.footer__desc{font-size:var(--fs-sm);margin-bottom:1.375rem}
.footer__social{display:flex;gap:0.625rem}
.footer .footer__social a{width:2.375rem;height:2.375rem;padding:0;border:1px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.footer__social svg{width:0.9375rem;height:0.9375rem;display:block;flex:none}
.footer .footer__social a:hover{border-color:var(--blue-600);background:var(--blue-600);color:#fff}
.footer__social a:hover{border-color:var(--blue-600);color:#fff;background:var(--blue-600)}
.footer h4{color:rgba(255,255,255,.45);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.24em;font-weight:500;margin-bottom:1.25rem}
.footer__grid a{display:block;font-size:var(--fs-sm);padding:0.4375rem 0;transition:color .2s ease}
.footer__grid a:hover{color:#fff}
.footer__news p{font-size:var(--fs-sm);margin-bottom:1.125rem}
.newsform{display:flex;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);transition:border-color .2s ease,background-color .2s ease}
.newsform:focus-within{border-color:var(--blue-600);background:rgba(11,95,215,.1)}
.newsform input{flex:1;min-width:0;background:transparent;border:0;padding:0.875rem 1rem;color:#fff;font-family:var(--font-body);font-size:var(--fs-sm)}
.newsform input:focus{outline:none}
.newsform ::placeholder{color:rgba(255,255,255,.35)}
.newsform button{width:3.125rem;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--blue-600);color:#fff;transition:background-color .2s ease}
.newsform button svg{width:1.125rem;height:1.125rem}
.newsform button:hover{background:var(--blue-700)}
.newsform.is-done{border-color:rgba(255,255,255,.1)}
.newsform__ok{font-size:var(--fs-xs);color:#7FB5F5;margin-top:0.625rem;min-height:1em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer__bottom{display:flex;justify-content:space-between;gap:1.25rem;padding-top:1.625rem;padding-bottom:1.625rem;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;color:rgba(255,255,255,.35)}
.footer__legal{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer__legal a{color:rgba(255,255,255,.35)}
.footer__legal a:hover{color:#fff}

/* ============================================================
   REVEAL ANIMASYONU
   ============================================================ */
.reveal{opacity:0;transform:translateY(1.75rem);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}

/* grid'lerde kolon bazlı hafif stagger — yalnız çok kolonlu geniş ekranda */
@media(min-width:1081px){
  .prodgrid .reveal:nth-child(3n+2){transition-delay:.07s}
  .prodgrid .reveal:nth-child(3n){transition-delay:.14s}
  .svcgrid .reveal:nth-child(2n){transition-delay:.07s}
}

/* ============================================================
   İÇERİK DEĞİŞİMİ — tab / alt sayfa içerikleri yumuşak girer
   ============================================================ */
@keyframes swapIn{from{opacity:0;transform:translateY(0.5rem)}}
@keyframes swapFade{from{opacity:0}}
.swap-in{animation:swapIn .3s var(--ease-out)}

/* ============================================================
   REDUCED MOTION — hareketi azalt, geri bildirimi koru
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{transform:none;transition:opacity .4s ease;transition-delay:0s!important}
  .swap-in{animation-name:swapFade}
  .lightbox,.gal .media .ph,.job__chev{transition:none}
  .prod:hover,.svc:hover,.part:hover,.hero-stat:hover,.btn--primary:hover{transform:none}
  a:hover .media .ph,.tabmod__card:hover .media .ph,.proj:hover .ph{transform:none}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
/* dar masaüstü: header öğeleri sığmıyordu, "İletişime Geçin" iki satıra kırılıyordu */
@media(max-width:1240px){
  .logo__img{height:2.625rem}
  .nav__link{padding:0.75rem 0.625rem;font-size:var(--fs-sm)}
  .btn{padding:0.8125rem 1.25rem;font-size:var(--fs-sm)}
  .lang-btn{padding:0.625rem 0.75rem;font-size:var(--fs-sm)}
  .header__inner{gap:0.875rem}
}
@media(max-width:1080px){
  .header__actions .btn{display:none}   /* nav rahat sığsın; CTA bölümlerde zaten var */
}
@media(max-width:1080px){
  .prodgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prod{padding:2.125rem 1.75rem 1.875rem}
  .detailcta__inner{grid-template-columns:1fr;gap:2.25rem}
  .slider__track{grid-auto-columns:calc((100% - 1.5rem) / 2)}
  .listpage{grid-template-columns:1fr}
  .listnav{position:static}
  .svcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact__grid{grid-template-columns:1fr;gap:3.75rem}
  .pagegrid{grid-template-columns:1fr}
  .pageaside{position:static}
  .pagegrid .scopelist--long{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .processgrid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabmod__card{grid-template-columns:1fr;align-items:start}
  .tabmod__card .media{min-height:0;height:13.75rem}
}
/* çok sekme dar ekranda sığmıyor: kenarlığı bırak, çip düzenine geç */
@media(max-width:760px){
  .tabbar{display:flex;gap:0.5rem;border:none}
  .tabbar__btn{border:1px solid var(--line);padding:0.75rem 1.25rem;font-size:var(--fs-sm)}
  .tabbar__btn + .tabbar__btn{border-left:1px solid var(--line)}
}
@media(max-width:820px){
  .nav{position:fixed;top:var(--header-h);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:0.75rem 0;box-shadow:0 1.25rem 2.5rem rgba(10,29,51,.15);transform:translateY(-1rem);opacity:0;visibility:hidden;transition:transform .25s var(--ease-out),opacity .25s var(--ease-out),visibility .25s;max-height:calc(100vh - var(--header-h));overflow-y:auto}
  .nav.is-open{transform:none;opacity:1;visibility:visible}
  .nav__link{color:var(--ink)!important;padding:0.875rem 1.75rem}
  .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:0.1875rem solid var(--blue-100);margin:0 1.75rem;display:none}
  .has-drop.is-open .drop{display:block}
  .has-drop > .nav__link{display:flex;align-items:center;justify-content:space-between}
  .has-drop > .nav__link::after{content:"";width:0.5rem;height:0.5rem;border-right:1.5px solid var(--gray-500);border-bottom:1.5px solid var(--gray-500);transform:rotate(45deg);margin:-0.25rem 0.25rem 0 1rem;transition:transform .2s var(--ease-out)}
  .has-drop.is-open > .nav__link::after{transform:rotate(225deg);margin-top:0.25rem}
  .has-drop.is-open > .nav__link{color:var(--blue-600)!important}
  .burger{display:flex}
  .header__actions .btn{display:none}
  .hero__stats{justify-content:flex-start;gap:0.625rem}
  .hero-stat{padding:0.625rem 0.875rem}
  .hero-stat__num{font-size:var(--fs-h4)}
  .cardgrid{grid-template-columns:1fr}
  .tabmod{grid-template-columns:1fr;height:auto}
  .tabmod__body{overflow:visible}
  .tabmod__card{height:auto}
  .job summary{grid-template-columns:1fr 1.25rem}
  .job__meta{grid-column:1}
  .tabmod__nav{flex-direction:row;overflow-x:auto}
  .tabmod__btn{padding:1rem 1.25rem;font-size:var(--fs-sm);white-space:nowrap}
  .prodgrid{grid-template-columns:1fr}
  .slider__track{grid-auto-columns:100%}
  .listgrid{grid-template-columns:1fr}
  .slider__nav--prev{left:-0.625rem}
  .slider__nav--next{right:-0.625rem}
  .partner-cta{flex-direction:column;align-items:flex-start}
  .cform__row{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column}
  .hero__dots{display:none}
}

/* çok dar ekran: iki kolonlu gridler tek kolona iner */
@media(max-width:560px){
  .svcgrid{grid-template-columns:1fr}
  .processgrid{grid-template-columns:1fr}
  .whygrid{grid-template-columns:1fr}
  .processgrid,.processgrid--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.75rem}
  .processgrid:before{display:none}
  .detailcta{padding:2.75rem 0}
  .detailcta__inner{grid-template-columns:1fr;gap:2rem}
  .hero__title{font-size:1.875rem}
  .hero__title br{display:none}
}

/* ============================================================
   LARAVEL SÜRÜMÜ EKLERİ
   Mock'ta olmayan ama gerçek sitede gereken durumlar: form geri bildirimleri,
   KVKK onayları, bot tuzağı, sunucuda basılan gizli sekmeler, sayfalama.
   ============================================================ */
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important;opacity:0} /* left:-624.9375rem RTL'de sayfayı genişletiyordu */
.tabmod__card[hidden]{display:none}

/* İletişim formu */
.cform__success{background:rgba(46,160,90,.14);border:1px solid rgba(46,160,90,.45);color:#BFF0D0;padding:0.875rem 1rem;font-size:var(--fs-sm)}
.cform__errors{background:rgba(220,60,60,.12);border:1px solid rgba(220,60,60,.45);color:#FFC9C9;padding:0.75rem 1rem;font-size:var(--fs-sm)}
.cform__errors p{margin:2px 0}
.cform .cform__consent{flex-direction:row;align-items:flex-start;gap:0.625rem;font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:0;line-height:1.5;color:rgba(255,255,255,.6)}
.cform .cform__consent input{flex:none;width:1rem;height:1rem;margin-top:2px;padding:0;accent-color:var(--blue-600)}
.cform__consent a,.newsform__consent a{color:#7FB5F5;text-decoration:underline;text-underline-offset:2px}
.contact__info a,.detailcta__row a{color:inherit}

/* Bülten formu: çerçeveli satır + altında KVKK onayı */
.newsform__consent{display:flex;align-items:flex-start;gap:0.5rem;margin-top:0.625rem;font-size:var(--fs-xs);line-height:1.5;color:rgba(255,255,255,.5);cursor:pointer}
.newsform__consent input{flex:none;width:0.875rem;height:0.875rem;margin-top:2px;accent-color:var(--blue-600)}
.needs-consent .newsform__consent{color:#FFB4B4}
.footer__grid .newsform__consent a{display:inline;padding:0;font-size:inherit}

/* Dil menüsü satırları artık link */
a.langmenu__row{text-decoration:none}

/* Haber: tarih ve liste */
.detail__date{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;color:var(--gray-500);text-transform:uppercase;margin-bottom:1.5rem}
.newsgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1024px){.newsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.newsgrid{grid-template-columns:1fr}}
.pager{margin-top:2.5rem}
.pager nav{display:flex;justify-content:center}

/* Partner detay: web sitesi linki */
.partnerhead__web{display:inline-flex;margin-top:0.5rem;font-size:var(--fs-sm)}
a.listnav__btn{line-height:normal} /* mock'ta <button>'dı; link olunca gövde satır yüksekliğini almasın */

/* ============================================================
   ÇOK DİL: Arapça (sağdan sola) ve Çince
   Tasarımdaki geniş harf aralığı Arapçada harf bağlarını koparır; o dilde sıfırlanır.
   ============================================================ */
/* Başlık vurgusu: logodaki yıldızın turuncusu (ana sayfa görseli [[...]], iç sayfa başlığı kural ile). */
/* Tek vurgu sistemi: tüm başlıklarda [[...]] logo turuncusu (eskiden bölüm başlıklarında gri). */
.hero__title em,.pagehero__title em,.section__title em,.fieldmap__title em,.netmap__title em{font-style:normal;color:var(--brand-star)}
html[lang="ar"]{--font-head:'Noto Sans Arabic',sans-serif;--font-body:'Noto Sans Arabic',sans-serif;--font-mono:'Noto Sans Arabic',sans-serif}
html[lang="ar"] *{letter-spacing:0!important}
html[lang="zh"]{--font-head:'Manrope','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC','Noto Sans SC',sans-serif;--font-body:'IBM Plex Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC','Noto Sans SC',sans-serif} /* Çince: cihazın sistem fontu (Google'a istek yok) */
html[lang="zh"] .section__title,html[lang="zh"] .hero__title,html[lang="zh"] .pagehero__title{letter-spacing:0}

/* Sağdan sola (Arapça): flex/grid kendiliğinden döner; mutlak konumlu öğeler ve oklar elle çevrilir. */
[dir="rtl"] .drop{left:auto;right:0.5rem}
[dir="rtl"] .langmenu{right:auto;left:0}
[dir="rtl"] .hero__dots{right:auto;left:2.5rem}
[dir="rtl"] .arr,[dir="rtl"] .arr-back{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .listnav__btn{text-align:right}
[dir="rtl"] .newsform button svg,[dir="rtl"] .slider__nav svg,[dir="rtl"] .lightbox__prev svg,[dir="rtl"] .lightbox__next svg{transform:scaleX(-1)}
/* Galeri kaydırıcısı ölçümü soldan yapıyor: ray LTR kalır, kart içleri RTL */
[dir="rtl"] .slider__viewport{direction:ltr}
[dir="rtl"] .slider__viewport .gal{direction:rtl}
[dir="rtl"] .btn:hover .arr,[dir="rtl"] .textlink:hover .arr{transform:scaleX(-1) translateX(0.25rem)} /* çevrilmiş okta hover kayması da sola */
/* Çevirisi girilmemiş alanlar varsayılan dile (Türkçe) düşer. RTL sayfada bu metnin noktalaması
   karışmasın diye her metin bloğunun yönü kendi içeriğinden belirlenir; hizalama sağda kalır. */
[dir="rtl"] :is(h1,h2,h3,h4,p,li,figcaption,.hero__title,.hero__sub,.proj__loc,.part__field,.hero-stat__num,.hero-stat__desc,.tabmod__btn){unicode-bidi:plaintext;text-align:right}

/* ============================================================
   HARİTALAR (maps.js) — partner ağı ve saha haritası
   ============================================================ */
.netmap{margin:0.5rem 0 4rem}
.netmap__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:end;margin-bottom:1.25rem}
.netmap__title{font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.netmap__lead{font-size:var(--fs-base);color:var(--gray-500)}
.netmap__stage{position:relative;aspect-ratio:2.5/1;max-width:100%;border:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--bg-alt))}
.netmap__stage canvas,.fieldmap__stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.maplegend{display:flex;flex-wrap:wrap;gap:0.625rem 1.5rem;margin-top:0.875rem;font-size:var(--fs-xs);color:var(--gray-500)}
.maplegend li{display:flex;align-items:center;gap:0.5rem}
.maplegend__dot{width:0.5625rem;height:0.5625rem;border-radius:50%;flex:none}
.maplegend__dot--tetra{background:var(--orange-500);box-shadow:0 0 0 0.1875rem rgba(245,166,35,.25)}
.maplegend__dot--partner{background:var(--blue-600)}
.maplegend__dot--site{background:var(--orange-500);width:0.4375rem;height:0.4375rem}
.maplegend__dot--refinery{background:var(--orange-500)}
.maplegend__dot--station{background:#5C9DF0;width:0.4375rem;height:0.4375rem}
.maplegend--light{color:rgba(255,255,255,.62)}
.maptip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 0.875rem));min-width:11.25rem;max-width:17.5rem;padding:0.625rem 0.875rem;background:var(--navy-900);color:#fff;font-size:var(--fs-xs);line-height:1.45;box-shadow:0 0.75rem 1.875rem rgba(6,17,31,.25);pointer-events:none}
.maptip b{display:block;font-family:var(--font-head);font-weight:700;font-size:var(--fs-sm)}
.maptip small{display:block;color:rgba(255,255,255,.65);margin-top:2px}
.fieldmap{display:grid;grid-template-columns:minmax(0,1fr) 18.75rem;gap:2.5rem;align-items:center;margin:0.5rem 0 4.5rem}
.fieldmap__stage{position:relative;aspect-ratio:2.15/1;max-width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}
.fieldmap .maptip{background:#fff;color:var(--ink)}
.fieldmap .maptip small{color:var(--gray-500)}
.fieldmap__title{font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:#fff;margin-bottom:1.5rem}
.fieldmap__stats{display:grid;gap:1.125rem;margin-bottom:1.625rem}
.fieldmap__stats div{border-top:1px solid rgba(255,255,255,.12);padding-top:0.875rem}
.fieldmap__stats dt{font-family:var(--font-head);font-weight:700;font-size:2.125rem;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.fieldmap__stats dd{margin:0.375rem 0 0;font-size:var(--fs-sm);color:rgba(255,255,255,.62)}
.fieldmap .maplegend{flex-direction:column;gap:0.625rem}
@media(max-width:1024px){
  .fieldmap{grid-template-columns:1fr;gap:1.75rem}
  .fieldmap__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fieldmap .maplegend{flex-direction:row}
}
@media(max-width:760px){
  .netmap__head{grid-template-columns:1fr;gap:0.625rem}
  .netmap__stage{aspect-ratio:1.9/1}
  .fieldmap__stage{aspect-ratio:1.7/1}
  .fieldmap__stats{grid-template-columns:1fr}
  .fieldmap__stats dt{font-size:var(--fs-h3)}
}

/* Banner: slayt durdur/oynat (hero__dots içinde, noktaların altında) */
.hero__dots .hero__pause{width:1.875rem;height:1.875rem;margin-top:0.375rem;margin-left:-0.625rem;border-radius:0;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;transform:none}
.hero__dots .hero__pause:hover{background:rgba(255,255,255,.18)}
.hero__pause svg{width:0.6875rem;height:0.6875rem;fill:currentColor}
.hero__pause .i-play,.hero__pause.is-paused .i-pause{display:none}
.hero__pause.is-paused .i-play{display:inline}
.hero__dots button[data-i]{position:relative}
.hero__dots button[data-i]:after{content:"";position:absolute;inset:-0.4375rem} /* 1.5rem dokunma alanı */


/* Header: Servis Talebi (şeffaf header'da beyaz, beyaz header'da mavi çerçeve) */

/* İletişim formu: talep türü */
.cform select{appearance:none;background:rgba(255,255,255,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 1rem center/0.75rem 0.5rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:0.9375rem 2.75rem 0.9375rem 1rem;color:#fff;font-family:var(--font-body);font-size:var(--fs-base);letter-spacing:0}
.cform select:focus{outline:none;border-color:var(--blue-600);background-color:rgba(11,95,215,.08)}
.cform select option{color:var(--ink)}
[dir="rtl"] .cform select{background-position:left 1rem center;padding:0.9375rem 1rem 0.9375rem 2.75rem}

/* ============================================================
   TEMA: YUMUŞAK (2026-10) — renkler ve fontlar aynı; köşeler, yüzeyler ve rozetler
   yumuşatıldı. Temel kuralların üstüne yazar: geri almak için bu blok silinir.
   ============================================================ */
:root{--container-pad:clamp(1.25rem,3.5vw,3.5rem);--radius:0.625rem;--r-card:1rem;--r-frame:1.375rem;--frame:var(--blue-100);--ink-soft:#6B7B90}

/* Başlıklar biraz daha ince ve sıkı */
.section__title{font-weight:700;letter-spacing:-.03em}

/* Üst etiket: mono ve geniş aralıklı yazı yerine yumuşak rozet */
.kicker{display:inline-flex;gap:0.5rem;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--blue-600);background:var(--blue-100);padding:0.4375rem 0.875rem 0.4375rem 0.75rem;border-radius:62.4375rem}
.kicker__line{width:0.375rem;height:0.375rem;border-radius:50%}
.kicker--light,.section--dark .kicker{color:#A9CBF8;background:rgba(92,157,240,.14)}

/* Sayfa genişliği: içerik ekranı daha geniş kullanır, kenar boşluğu ekranla orantılı */
.container{max-width:95rem}

/* Butonlar ve küçük kontroller: hap */
.btn,.lang-btn{border-radius:62.4375rem}
.drop,.langmenu{border-radius:0.875rem;overflow:hidden;border-top:1px solid var(--line);padding:0.5rem}
.drop a,.langmenu__row{border-radius:0.5rem}
.drop a:hover{padding-left:1.375rem}
.hero-stat{border-radius:0.75rem}
.hero__dots .hero__pause{border-radius:50%}

/* Kartlar */
.tabmod{border-radius:var(--r-frame);overflow:hidden}
.tabmod__nav{padding:0.625rem;gap:0.25rem}
.tabmod__btn{border-radius:0.625rem;border-bottom:0}
.tabmod__card .media{border-radius:1rem}
.prodgrid{border:0;gap:1.25rem}
.prod{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
@media(max-width:1080px){.prod{padding:0}.prod__body{padding:1.5rem 1.375rem 1.625rem}} /* görsel kartın kenarına otursun */
.svc,.proj,.part,.newsbox,.listnav{border-radius:var(--r-card);overflow:hidden}
.proj__cat{border-radius:62.4375rem;font-family:var(--font-body);font-size:var(--fs-label);font-weight:600;letter-spacing:.08em;padding:0.3125rem 0.6875rem}
.partner-cta{border-radius:var(--r-frame)}
.gal .media{border-radius:1rem}
.richtext img,.detailbody img{border-radius:1rem}

/* Sekme çubuğu: hap içinde hap */
.tabbar{border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:0.3125rem;border-radius:62.4375rem;gap:0.25rem}
.tabbar__btn{border-radius:62.4375rem;background:transparent;padding:0.75rem 1.625rem}
.tabbar__btn + .tabbar__btn{border-left:0}

/* Logo ızgarası: ayrık kutular */
.clients__grid{border:0;gap:0.75rem}
.clients__item{border:1px solid var(--line);border-radius:0.625rem}

/* İletişim ve formlar */
.contact__ico{border-radius:50%}
.contact__map{border-radius:var(--r-card)}
.cform input,.cform textarea,.cform select{border-radius:0.625rem}
.newsform{border-radius:62.4375rem;overflow:hidden;padding:0.25rem}
.newsform button{width:2.75rem;height:2.75rem;border-radius:50%}

/* Haritalar: kalın açık çerçeveli kart */
.netmap__stage{border:0.625rem solid var(--frame);border-radius:var(--r-frame);overflow:hidden}

.maptip{border-radius:0.625rem}

/* ---------- SÜREÇ: etkileşimli adımlar (site.js "SÜREÇ") ---------- */
.feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch}
.feature__nav{position:relative;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 0}
.feature__list{display:flex;flex-direction:column;gap:0.25rem}
.feature__indicator{position:absolute;left:0;right:-1px;top:0;height:0;background:var(--frame);border-radius:1.25rem 0 0 1.25rem;transition:transform .55s var(--ease-out),height .45s var(--ease-out);pointer-events:none}
.feature__item{position:relative;z-index:1;display:block;width:100%;text-align:left;padding:1.25rem 1.75rem 1.5rem 1.875rem;border-radius:1.25rem 0 0 1.25rem;cursor:pointer;background:none;color:inherit}
.feature__item:focus-visible{outline:2px solid var(--blue-600);outline-offset:-2px}
.feature__row{display:flex;align-items:center;gap:1.125rem}
.feature__num{width:1.5rem;flex:none;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-soft);transition:color .3s ease}
.feature__title{flex:1;font-family:var(--font-head);font-size:clamp(1.375rem,2.3vw,2rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;color:var(--ink-soft);transition:color .35s ease}
.feature__item:hover .feature__title{color:var(--gray-700)}
.feature__icon{width:2.875rem;height:2.875rem;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);transition:background-color .35s ease,color .35s ease,box-shadow .35s ease}
.feature__icon svg{width:1.125rem;height:1.125rem;transform:rotate(-45deg);transition:transform .45s var(--ease-out)}
.feature__desc{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease-out),opacity .4s ease}
.feature__desc>span{display:block;overflow:hidden;padding-left:2.625rem;max-width:29.375rem;font-size:var(--fs-base);line-height:1.6;color:var(--gray-700)}
.feature__progress{position:absolute;left:1.875rem;right:1.75rem;bottom:0.625rem;height:2px;border-radius:2px;background:rgba(11,95,215,.12);overflow:hidden;opacity:0;transition:opacity .3s ease}
.feature__progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--blue-600);animation:ft-progress 6.5s linear forwards;animation-play-state:paused}
.feature.is-running .feature__item.is-active .feature__progress i{animation-play-state:running}
@keyframes ft-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}} /* genişlik değil ölçek: her karede sayfa yerleşimi hesaplanmaz */
.feature__item.is-active .feature__num,.feature__item.is-active .feature__title{color:var(--ink)}
.feature__item.is-active .feature__icon{background:var(--blue-600);color:#fff;box-shadow:0 0 0 0.3125rem #fff,0 0 0 0.4375rem rgba(11,95,215,.3),0 0.5rem 1.375rem rgba(11,95,215,.3)}
.feature__item.is-active .feature__icon svg{transform:none}
.feature__item.is-active .feature__desc{grid-template-rows:1fr;opacity:1}
.feature__item.is-active .feature__desc>span{padding-top:0.625rem}
.feature__item.is-active .feature__progress{opacity:1}
.feature__pause{align-self:flex-start;margin:0.875rem 0 0 1.875rem;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gray-700);display:grid;place-items:center;transition:border-color .2s ease}
.feature__pause:hover{border-color:var(--blue-600)}
.feature__pause svg{width:0.6875rem;height:0.6875rem;fill:currentColor}
.feature__pause .i-play,.feature__pause.is-paused .i-pause{display:none}
.feature__pause.is-paused .i-play{display:inline}
.feature__stage{background:var(--frame);border-radius:var(--r-frame);padding:1rem}
.feature__frame{position:relative;height:100%;min-height:33.75rem;border-radius:0.625rem;overflow:hidden;background:var(--navy-900)}
.feature__slide{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease-io)}
.feature__slide.is-active{z-index:3;clip-path:inset(0)}
.feature__slide.is-leaving{z-index:2;clip-path:inset(0);transition:none}
.feature__slide img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block} /* kart görselden genişse kesilen pay alttan gider: başlar kesilmez, alt zaten yazının altında */
.feature__shade{position:absolute;inset:auto 0 0 0;height:62%;background:linear-gradient(to top,rgba(6,17,31,.86),rgba(6,17,31,.45) 45%,transparent)}
.feature__copy{position:absolute;z-index:2;left:2.75rem;right:2.75rem;bottom:2.5rem;color:#fff}
.feature__copy h4{font-family:var(--font-head);font-size:clamp(1.75rem,3vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#fff;margin-bottom:1rem;opacity:0;transform:translateY(0.875rem);transition:opacity .6s .25s ease,transform .7s .25s var(--ease-out)}
.feature__copy p{font-size:clamp(0.9375rem,1.25vw,1.125rem);line-height:1.55;color:rgba(255,255,255,.88);max-width:35rem;opacity:0;transform:translateY(0.875rem);transition:opacity .6s .38s ease,transform .7s .38s var(--ease-out)}
.feature__slide.is-active .feature__copy h4,.feature__slide.is-active .feature__copy p{opacity:1;transform:none}
@media(max-width:900px){
  .feature{grid-template-columns:1fr;gap:1rem}
  .feature__nav{order:2;padding:0}
  .feature__indicator,.feature__item{border-radius:0.875rem}
  .feature__indicator{right:0}
  .feature__item{padding:1rem 1rem 1.375rem 1.25rem}
  .feature__icon{width:2.5rem;height:2.5rem}
  .feature__title{font-size:var(--fs-h4)}
  .feature__desc>span{padding-left:2.625rem;font-size:var(--fs-base)}
  .feature__pause{margin-left:1.25rem}
  .feature__stage{order:1;padding:0.625rem;border-radius:1.125rem}
  .feature__frame{min-height:0;aspect-ratio:4/5}
  .feature__copy{left:1.375rem;right:1.375rem;bottom:1.5rem}
  .feature__copy h4{margin-bottom:0.625rem}
}
@media(prefers-reduced-motion:reduce){.feature__slide,.feature__indicator,.feature__desc,.feature__copy h4,.feature__copy p{transition:none}}

/* ============================================================
   ANA SAYFA ANLATISI (2026-10): tek hikâye, tek seviye bölüm başlığı, mono veri dili,
   haritalardaki noktalı doku tekrar eden motif. Tema katmanının üstüne yazar.
   Sıra: banner → burada üretiyoruz → süreç → çözümler → sahada → referanslar
   → teknoloji ortakları → iletişim. Zemin: beyaz/gri dönüşümlü, koyu yalnız banner ve saha.
   ============================================================ */

/* Bölüm başlığı: rozet yok, başlık solda, açıklama sağda; her bölüm aynı eksende açılır */
#view-home .section__head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:1.125rem 4.5rem;margin-bottom:3.5rem}
#view-home .section__head > :only-child{grid-column:1 / -1}
#view-home .section__title{font-size:clamp(2rem,3.6vw,3rem);line-height:1.1}
#view-home .section__lead{max-width:56ch;margin:0}
@media(max-width:900px){#view-home .section__head{grid-template-columns:1fr;margin-bottom:2.5rem}}

/* Mono veri dili: yalnız rakamlar, ölçümler ve teknik etiketler */
.fieldmap__stats dt{font-family:var(--font-mono);font-weight:500;letter-spacing:-.03em}
.proj__cat{font-family:var(--font-mono);font-weight:500;letter-spacing:.06em}
#view-home .svc__num{display:none} /* hizmetler bir sıra değil; numara yalnız süreç adımlarında */
.part__field{font-size:var(--fs-label)}
/* Etiket ve footer metinleri veri değil: gövde yazısı */
.cform label{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.62)}
.footer h4{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.55)}
.footer__bottom{font-family:var(--font-body);letter-spacing:0}
.footer__bottom span{color:rgba(255,255,255,.6)}
.newsform ::placeholder{color:rgba(255,255,255,.5)}
.feature__num{color:#56677D}
.footer .footer__social a{border-radius:50%}
.footer__partner{display:inline-flex!important;margin:0 0 1.375rem;color:#7FB5F5}

/* Motif: noktalı doku (haritalarla aynı), eski ızgara çizgilerinin yerine */
.ph:after{background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.6px);background-size:0.875rem 0.875rem}
.detailcta:before{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.6px);background-size:1rem 1rem}

/* Burada üretiyoruz */
.built__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4.5rem;align-items:center}
.built__media{position:relative;aspect-ratio:5/4;border-radius:var(--r-frame);overflow:hidden;background:var(--navy-900)}
.built__body{display:flex;flex-direction:column;align-items:flex-start;gap:1.375rem;min-width:0}
.built__body .section__title{font-size:clamp(1.875rem,3.2vw,2.75rem);line-height:1.1}
.built__body .section__lead{max-width:52ch}
.built__points{list-style:none;display:grid;gap:0.75rem}
.built__points li{display:flex;gap:0.75rem;align-items:flex-start;font-size:var(--fs-body);color:var(--gray-700)}
.built__points li:before{content:"";flex:none;width:0.5rem;height:0.5rem;margin-top:0.5625rem;border-radius:50%;background:var(--orange-500)}
.built__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:0.375rem;border-top:1px solid var(--line)}
.built__facts div{padding:0.875rem 1rem 0.875rem 0;border-bottom:1px solid var(--line);min-width:0}
.built__facts dt{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--gray-500)}
.built__facts dd{margin:0.25rem 0 0;font-family:var(--font-head);font-weight:600;font-size:var(--fs-body);line-height:1.35;color:var(--ink)}
@media(max-width:900px){.built__grid{grid-template-columns:1fr;gap:2.25rem}}
@media(max-width:480px){.built__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Referanslar: 5 uygulama ızgarayı tamamlasın; logo bloğu alt başlıkla */
@media(min-width:641px){.cardgrid > :first-child:nth-last-child(5){grid-column:span 2}}
.subhead{font-family:var(--font-head);font-size:var(--fs-lead);font-weight:700;color:var(--ink);margin-bottom:1.25rem}

/* İletişim: footer'dan ayrık koyu kart; arka planda noktalı doku */
.contact{background:transparent;padding:6rem 0 6.875rem;overflow:visible}
.contact__info small{font-family:var(--font-body);font-weight:600;letter-spacing:.06em}
#view-home .fieldmap__title{display:none} /* bölüm başlığı zaten söylüyor */
.contact:before{display:none}
.contact .contact__grid{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--navy-950),var(--navy-900));border-radius:var(--r-frame);padding:4.5rem 4rem}
.contact .contact__grid:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.6px);background-size:1rem 1rem;-webkit-mask-image:linear-gradient(115deg,#000,transparent 65%);mask-image:linear-gradient(115deg,#000,transparent 65%);pointer-events:none}
.contact .contact__grid > *{position:relative}
/* Kart, diğer bölümlerin içerik kenarıyla hizalı */
.contact .contact__grid{width:calc(100% - 2 * var(--container-pad));max-width:calc(95rem - 2 * var(--container-pad))}
@media(max-width:820px){.contact .contact__grid{padding:3rem 1.5rem;border-radius:1.125rem}}

/* ============================================================
   EKRAN RİTMİ (2026-10): masaüstünde her bölüm bir ekran; kaydırma bölüm başına yaslanır
   (site.js: tek tekerlek hareketi sonraki/önceki bölüme geçirir).
   Bir ekrana sığmayan bölümler ikiye ayrıldı (.section--cont). Telefon ve tablette düzen aynı kalır.
   ============================================================ */
.subhead--light{color:#fff}

.section--cont{padding-top:0}
#surec .process{margin-top:0}

/* Çözümler: fotoğraf üstüne yazılı karolar (uygulama kartlarıyla aynı dil) */
#cozumler .prodgrid{gap:1rem}
#cozumler .prod{position:relative;display:block;height:clamp(13.75rem,30vh,18.75rem);padding:0;border:0;background:var(--navy-900)}
#cozumler .prod__media{position:absolute;inset:0;aspect-ratio:auto}
#cozumler .prod__media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 28%,rgba(6,17,31,.9))}
#cozumler .prod__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.375rem 1.5rem}
#cozumler .prod h3{color:#fff;margin-bottom:0.375rem}
#cozumler .prod p{margin:0;color:rgba(255,255,255,.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#cozumler .prod .textlink{display:none}

@media (min-width:1025px) and (max-aspect-ratio:2867/1000){
  /* Sayfa serbest kayar, bölüm başına yakın bırakılınca oturur (site.js "KAYDIRMA"); burada yalnız ekran yüksekliği. */
  #view-home > section:not(.hero):not(.section--short){min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;justify-content:center;padding-block:clamp(1.75rem,5vh,4.5rem)}
  #view-home > .section--short{padding-block:clamp(2rem,6vh,4.5rem)}
  #view-home .section__head{margin-bottom:clamp(1.125rem,3.5vh,3rem)}
  #view-home .section__title{font-size:clamp(1.75rem,min(3.4vw,5.4vh),2.875rem)}

  /* Üretim */
  .built__media{aspect-ratio:auto;height:clamp(18.75rem,calc(100svh - var(--header-h) - 11.25rem),36.25rem)}
  /* Süreç */
  .feature__frame{min-height:clamp(21.25rem,calc(100svh - var(--header-h) - 14.375rem),33.75rem)}
  .feature__item{padding:0.875rem 1.75rem 1.125rem 1.875rem}
  .feature__title{font-size:clamp(1.25rem,min(2.2vw,3.5vh),1.875rem)}
  /* Çözümler */
  #cozumler .prod{height:clamp(11.875rem,calc((100svh - var(--header-h) - 18.125rem) / 2),18.75rem)}
  /* Saha */
  .fieldmap{margin:0}
  .fieldmap__stage{aspect-ratio:auto;height:clamp(17.5rem,calc(100svh - var(--header-h) - 16.875rem),33.75rem)}
  .fieldmap__stats{gap:0.75rem;margin-bottom:1.125rem}
  .fieldmap__stats dt{font-size:clamp(1.5rem,3.6vh,2.125rem)}
  .svc__body{padding:clamp(1.25rem,3vh,2rem)}
  /* Uygulamalar */
  #uygulamalar .cardgrid .proj{height:clamp(10.625rem,calc((100svh - var(--header-h) - 21.25rem) / 2),16.25rem)}
  #uygulamalar .tabbar{margin-bottom:clamp(1rem,3vh,2.5rem)}
  /* Ortaklar */
  .netmap{margin:0}
  .netmap__head{display:none} /* bölüm başlığı zaten söylüyor; harita ekrana sığsın */
  .netmap__stage{aspect-ratio:auto;height:clamp(17.5rem,calc(100svh - var(--header-h) - 20rem),35rem)}
  /* İletişim */
  #view-home > .contact{padding-block:clamp(1.25rem,4vh,3.5rem)}
  .contact .contact__grid{padding:clamp(2rem,5vh,4rem) 3.5rem}
  .contact__map{height:clamp(8.125rem,17vh,14.375rem)}
  .contact__info{gap:clamp(0.625rem,2vh,1.375rem);margin-bottom:clamp(1rem,3vh,2.75rem)}
  .contact__lead{margin:clamp(0.75rem,2vh,1.5rem) 0 clamp(1.125rem,3vh,2.5rem)}
  .cform{gap:clamp(0.625rem,1.8vh,1.25rem)}
  .cform__row{gap:clamp(0.75rem,1.8vh,1.25rem)}
  .cform label{gap:0.375rem}
  .cform input,.cform select{padding-block:clamp(0.625rem,1.5vh,0.9375rem)}
  .cform textarea{height:clamp(5.25rem,13vh,8.75rem);padding-block:clamp(0.625rem,1.5vh,0.9375rem)}
  .feature__nav{padding:0.5rem 0}
  .feature__pause{margin-top:0.5rem}
}
/* Kısa masaüstü ekranları (≤ 56.25rem yükseklik): daha sıkı adımlar, alçak logo alanı, haritasız iletişim */
@media (min-width:1025px) and (max-aspect-ratio:2867/1000) and (min-aspect-ratio:1975/1000){
  .feature__item{padding:0.625rem 1.5rem 0.875rem 1.875rem}
  .feature__desc>span{font-size:var(--fs-sm);line-height:1.5}
  .feature__item.is-active .feature__desc>span{padding-top:0.375rem}
  .feature__progress{bottom:0.375rem}
  .part__logo{height:4rem;padding:0.75rem 1.375rem}
  .part__logo img{max-height:2.125rem}
  .part__body{padding:1rem 1.375rem 1.125rem;gap:0.375rem}
  .part p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #uygulamalar .cardgrid .proj{height:clamp(10rem,calc((100svh - var(--header-h) - 23.75rem) / 2),15rem)}
  .contact__location .contact__map{height:11.25rem}
}


/* Çok kısa ekran (≤ 50rem): iletişim kartında açıklama ve not gizlenir, iki yol butonu aynı şeyi söyler */
@media (min-width:1025px) and (max-aspect-ratio:2867/1000) and (min-aspect-ratio:2222/1000){
  .contact__lead,.cform__note{display:none}
  .contact .contact__grid{padding-block:1.75rem}
}

/* Bölüm başlığında [[...]] ile işaretli kısım soluk renkte (koyu bölümde beyazın düşük opaklığı). */
.section__title em{font-style:normal;color:var(--brand-star)}

/* ============================================================
   PARTNER KÜRESİ (globe.js, COBE 2): solda küre, sağda üretici listesi.
   ============================================================ */
.globe{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.globe__stage{position:relative;width:min(100%,40rem);aspect-ratio:1;margin-inline:auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 62%,transparent 70%)}
.globe__stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;contain:layout paint size}
.globe__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.globe__label{position:absolute;position-anchor:var(--a);bottom:anchor(top);left:anchor(center);transform:translate(-50%,-0.375rem);z-index:2;pointer-events:none;
  padding:0.25rem 0.5625rem;border-radius:62.4375rem;background:var(--blue-600);color:#fff;font:600 var(--fs-label)/1.2 var(--font-body);white-space:nowrap;
  opacity:0;filter:blur(0.375rem);transition:opacity .3s ease,filter .3s ease,transform .3s var(--ease-out)}
/* Varsayılan: yalnız Tetra etiketi; üretici etiketi listede üzerine gelince (ve küre önündeyken) */
.globe__label--tetra,.globe__label.is-focus{opacity:calc(var(--v) * .95);filter:blur(calc((1 - var(--v)) * 0.375rem))}
.globe__label--tetra{background:var(--orange-500);color:var(--navy-950);bottom:auto;top:anchor(bottom);transform:translate(-50%,0.5rem)} /* altta: yukarı ve doğuya giden ışınları kapatmasın */
.globe__label.is-focus{transform:translate(-50%,-0.625rem);box-shadow:0 0 0 0.1875rem rgba(11,95,215,.25)}
@supports not (position-anchor:--x){.globe__label{display:none}}
.globe__side{display:flex;flex-direction:column;gap:1.375rem;min-width:0}
.globe__lead{font-size:var(--fs-body);line-height:1.6;color:var(--gray-500);max-width:46ch}
.globe__list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.375rem}
.globe__list a{display:flex;flex-direction:column;gap:2px;padding:0.625rem 0.875rem;border-radius:0.75rem;border:1px solid var(--line);background:#fff;transition:border-color .2s,background-color .2s}
.globe__list a:hover,.globe__list a:focus-visible{border-color:var(--blue-600);background:var(--blue-100);outline:none}
.globe__list b{font:700 var(--fs-sm)/1.25 var(--font-head);color:var(--ink)}
.globe__list span{font-size:var(--fs-xs);color:var(--gray-500)}
@media (min-width:1025px) and (max-aspect-ratio:2867/1000){
  .globe__stage{width:min(100%,40rem,calc(100svh - var(--header-h) - 14.375rem))}
}
@media(max-width:900px){.globe{grid-template-columns:1fr}.globe__stage{width:min(100%,28.75rem)}}
/* Üretici adları kürenin üzerinde: nokta öndeyken görünür, tıklanınca partner sayfası. Sırayla
   noktanın üstüne, sağına, altına, soluna yazılır; yakın üreticilerde etiketler daha az çakışsın. */
.globe__label{opacity:calc(var(--v) * .92);filter:none;transition:opacity .3s ease;will-change:opacity;pointer-events:auto;text-decoration:none;font-size:var(--fs-label);padding:0.1875rem 0.5rem;background:rgba(11,95,215,.92)}
.globe__label:hover{background:var(--navy-900);color:#fff}
/* Tetra etiketi üreticilerden ayrı: turuncu zemin, koyu yazı (yukarıdaki mavi zemin kuralı onu ezmesin). */
.globe__label.globe__label--tetra{background:var(--orange-500);color:var(--navy-900);pointer-events:none}
.globe__label--bottom{bottom:auto;top:anchor(bottom);transform:translate(-50%,0.375rem)}
.globe__label--right{bottom:auto;left:anchor(right);top:anchor(center);transform:translate(0.5rem,-50%)}
.globe__label--left{bottom:auto;left:auto;right:anchor(left);top:anchor(center);transform:translate(-0.5rem,-50%)}
.globe__side .section__title{margin-bottom:1.125rem}
.globe__side .maplegend{flex-direction:column;gap:0.625rem}
@media(max-width:420px){.globe__list{grid-template-columns:1fr}}


/* ============================================================
   REFERANSLAR: iki satır kayan logo şeridi
   ============================================================ */
.refs__title{margin-bottom:1.75rem}
.refs__marquee{display:flex;flex-direction:column;gap:0.75rem;overflow:hidden;padding:0.25rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.refs__track,.refs__dup{display:flex;gap:0.75rem}
.refs__track{width:max-content;animation:refs-scroll 60s linear infinite}
.refs__track--rev{animation-direction:reverse;animation-duration:70s}
.refs__marquee:hover .refs__track{animation-play-state:paused}
@keyframes refs-scroll{to{transform:translateX(calc(-50% - 0.375rem))}}
.reflogo{flex:none;width:11rem;height:5.25rem;border-radius:0.875rem;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;padding:1rem 1.375rem;transition:box-shadow .35s,transform .35s var(--ease-out)}
.reflogo img{max-width:100%;max-height:2.75rem;object-fit:contain;filter:grayscale(1);opacity:.6;transition:opacity .35s,filter .35s}
@media(hover:hover){.reflogo:hover{box-shadow:0 0.625rem 1.875rem rgba(10,29,51,.1),inset 0 0 0 1px var(--line);transform:translateY(-0.1875rem)}.reflogo:hover img{opacity:1;filter:none}}
@media(prefers-reduced-motion:reduce){
  .refs__marquee{flex-direction:row;flex-wrap:wrap;-webkit-mask-image:none;mask-image:none}
  .refs__track{display:contents;animation:none}
  .refs__dup{display:none}
}
@media(max-width:640px){.reflogo{width:8.75rem;height:4.5rem;padding:0.875rem 1rem}}


/* ============================================================
   PARTNER VİTRİNİ: akordeon (site.js "PARTNER VİTRİNİ")
   ============================================================ */
.pshow__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.pshow__eyebrow{font-size:var(--fs-base);color:var(--ink-soft);margin-bottom:0.75rem}
.pshow__head .section__title{max-width:48.75rem}
.pshow__all{display:inline-flex;align-items:center;gap:0.625rem;color:var(--ink);font-weight:600;font-size:var(--fs-base);padding:0.875rem 1.25rem;border-radius:62.4375rem;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s}
.pshow__all svg{width:1.0625rem;height:1.0625rem;transition:transform .3s var(--ease-out)}
.pshow__all:hover{background:var(--navy-900);color:#fff}
.pshow__all:hover svg{transform:translateX(0.1875rem)}

.pacc{display:flex;gap:0.75rem;height:clamp(28.75rem,calc(100svh - var(--header-h) - 15.625rem),37.5rem)}
.pacc__p{position:relative;flex:1 1 0;min-width:0;background:#fff;border-radius:1.75rem;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;cursor:pointer;outline:none;transition:flex-grow .85s cubic-bezier(.45,0,.2,1),background .5s,box-shadow .5s}
.pacc__p:focus-visible{box-shadow:inset 0 0 0 2px var(--blue-600)}
.pacc__p.is-open{flex-grow:4.6;cursor:default;background:var(--frame);box-shadow:none}

.pacc__mini{position:absolute;inset:0;padding:1.875rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:opacity .35s}
.pacc__p.is-open .pacc__mini{opacity:0;pointer-events:none;transition-duration:.3s}
.pacc__minilogo{width:100%;height:2.875rem;display:flex;align-items:center;justify-content:center}
.pacc__minilogo img{max-width:100%;max-height:2.875rem;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .35s,opacity .35s}
.pacc__minilogo .part__wordmark{font-size:var(--fs-xs);font-weight:700;text-align:center}
.pacc__p:not(.is-open):hover .pacc__minilogo img{filter:none;opacity:1}
.pacc__vert{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--fs-base);font-weight:500;color:var(--ink-soft);white-space:nowrap;display:flex;align-items:center;gap:0.875rem;max-height:62%;overflow:hidden}
.pacc__vert b{font-size:var(--fs-xs);font-weight:500;color:var(--gray-300);font-variant-numeric:tabular-nums}
.pacc__plus{flex:none;width:2.375rem;height:2.375rem;border-radius:50%;display:grid;place-items:center;color:var(--gray-500);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s,box-shadow .3s}
.pacc__plus svg{width:1rem;height:1rem}
.pacc__p:not(.is-open):hover .pacc__plus{background:var(--blue-600);color:#fff;box-shadow:none}

.pacc__full{position:absolute;inset:0;display:grid;grid-template-columns:minmax(20.625rem,.95fr) minmax(0,1fr);gap:0.625rem;padding:0.625rem;opacity:0;pointer-events:none;transition:opacity .3s}
.pacc__p.is-open .pacc__full{opacity:1;pointer-events:auto;transition:opacity .55s .4s}
.pacc__info{background:#fff;border-radius:1.25rem;padding:1.875rem;display:flex;flex-direction:column;min-width:20.625rem;overflow:hidden}
.pacc__logo{height:3.25rem;display:flex;align-items:center;margin-bottom:1.375rem}
.pacc__logo img{max-height:3.25rem;max-width:13.75rem;object-fit:contain}
.pacc__logo .part__wordmark{font-size:var(--fs-h4);font-weight:700}
.pacc__badges{display:flex;gap:0.375rem;flex-wrap:nowrap;margin-bottom:auto;min-width:0}
.pacc__badge{font-size:var(--fs-xs);font-weight:500;padding:0.4375rem 0.6875rem;border-radius:62.4375rem;background:var(--bg-alt);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pacc__badge--ok{flex:none}
.pacc__badge--ok{background:var(--blue-100);color:var(--blue-600);display:inline-flex;align-items:center;gap:0.375rem}
.pacc__badge--ok svg{width:0.8125rem;height:0.8125rem}
.pacc__info h3{font-size:clamp(1.5rem,2vw,1.875rem);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:1.375rem 0 0.625rem}
.pacc__info p{font-size:var(--fs-base);line-height:1.6;color:var(--ink-soft);margin-bottom:1.125rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pacc__lines{list-style:none;margin:0 0 1.375rem;padding:0;border-top:1px solid var(--line)}
.pacc__lines li{font-size:var(--fs-sm);padding:0.625rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:0.75rem}
.pacc__lines li::after{content:"";flex:none;width:0.375rem;height:0.375rem;border-radius:50%;background:var(--blue-600);opacity:.5}
.pacc__cta{display:inline-flex;align-items:center;gap:0.625rem;align-self:flex-start;background:var(--navy-900);color:#fff;font-weight:600;font-size:var(--fs-base);padding:0.875rem 1.25rem;border-radius:62.4375rem;transition:background .3s,transform .3s var(--ease-out)}
.pacc__cta svg{width:1.0625rem;height:1.0625rem}
.pacc__cta:hover{background:var(--blue-600);color:#fff;transform:translateY(-2px)}
.pacc__media{position:relative;border-radius:1.25rem;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(55% 45% at 70% 28%,rgba(120,180,255,.6),transparent 70%),radial-gradient(45% 40% at 22% 62%,rgba(160,200,255,.45),transparent 70%),linear-gradient(160deg,#eef3fb 0%,#c9d6e8 55%,#9fb0c6 100%)}
.pacc__media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.6s var(--ease-out)}
.pacc__p.is-open .pacc__media>img{transform:scale(1)}
.pacc__mediologo{background:rgba(255,255,255,.88);backdrop-filter:blur(0.5rem);border-radius:1.125rem;padding:1.625rem 2.125rem;max-width:72%;display:flex;align-items:center;justify-content:center}
.pacc__mediologo img{max-width:100%;max-height:4.5rem;object-fit:contain}
.pacc__mediologo .part__wordmark{font-size:var(--fs-h3);font-weight:700}
.pacc__origin{position:absolute;left:1rem;bottom:1rem;font-size:var(--fs-xs);font-weight:500;color:#fff;background:rgba(16,22,32,.5);backdrop-filter:blur(0.5rem);padding:0.5rem 0.75rem;border-radius:62.4375rem}

@media(max-width:1100px) and (min-width:901px){.pacc__full{grid-template-columns:1fr}.pacc__media{display:none}}
@media(max-width:900px){
  .pacc{flex-direction:column;height:auto;gap:0.625rem}
  .pacc__p{flex:none;border-radius:1.375rem}
  .pacc__mini{position:relative;flex-direction:row;padding:1rem 1.25rem;gap:1rem}
  .pacc__minilogo{width:auto;height:2rem;justify-content:flex-start}
  .pacc__minilogo img{max-height:2rem;max-width:8.125rem;filter:none;opacity:1}
  .pacc__vert{writing-mode:horizontal-tb;transform:none;font-size:var(--fs-sm);margin-left:auto;white-space:normal;text-align:right;max-height:none}
  .pacc__vert b{display:none}
  .pacc__p.is-open .pacc__mini{display:none}
  .pacc__full{position:relative;display:none;grid-template-columns:1fr;opacity:1}
  .pacc__p.is-open .pacc__full{display:grid}
  .pacc__info{min-width:0;padding:1.5rem}
  .pacc__media{aspect-ratio:16/10;order:-1}
  .pacc__info p{-webkit-line-clamp:unset}
}
@media(min-width:901px) and (min-aspect-ratio:2168/1000){
  .pacc__info{padding:1.5rem 1.625rem}
  .pacc__logo{height:2.75rem;margin-bottom:1rem}.pacc__logo img{max-height:2.75rem}
  .pacc__info h3{margin:1rem 0 0.5rem}
  .pacc__info p{-webkit-line-clamp:2;margin-bottom:0.75rem;font-size:var(--fs-base)}
  .pacc__lines{margin-bottom:1rem}.pacc__lines li{padding:0.5rem 0}
}
@media(min-width:901px) and (min-aspect-ratio:2540/1000){.pacc__info p{display:none}.pacc__lines li:nth-child(n+3){display:none}}
@media(max-width:900px){.pacc__media--logo{display:none}}
@media(prefers-reduced-motion:reduce){.pacc__p,.pacc__mini,.pacc__full,.pacc__media>img{transition:none!important}}



/* ============================================================
   SAHA + DESTEK: açık ton (eski koyu bölümün yerine). Haritanın çizimi: maps.js drawField
   ============================================================ */
.section--tint{background:linear-gradient(180deg,#EEF3FA 0%,#F2F5FA 100%);color:var(--gray-700)}


.fieldmap__status{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.75rem 0.4375rem 0.625rem;border-radius:62.4375rem;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px var(--line);font:500 var(--fs-xs)/1 var(--font-mono);color:var(--ink);letter-spacing:.02em}
.fieldmap__status i{width:0.4375rem;height:0.4375rem;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:live-pulse 2s infinite}
.fieldmap__status b{font-weight:500;color:var(--gray-500);padding-left:0.5rem;border-left:1px solid var(--line)}
@keyframes live-pulse{70%{box-shadow:0 0 0 0.4375rem rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(prefers-reduced-motion:reduce){.fieldmap__status i{animation:none}}
@media(max-width:640px){.fieldmap__status b{display:none}}
.fieldmap__title{color:var(--ink)}
.fieldmap__stats div{border-top-color:var(--line)}
.fieldmap__stats dt{color:var(--ink)}
.fieldmap__stats dd{color:var(--gray-500)}
.fieldmap .maptip{background:var(--navy-900);color:#fff}
.fieldmap .maptip small{color:rgba(255,255,255,.65)}
.maplegend__dot--station{background:var(--blue-600)}

.section--tint .svc{background:#fff;border-color:var(--line)}
.maplegend__dot--region{width:0.75rem;height:0.75rem;border-radius:0.25rem;background:#fff;box-shadow:inset 0 0 0 1.5px var(--blue-600)}
.maplegend__dot--sensor{width:0.5rem;height:0.5rem;background:#8B5CF6;box-shadow:0 0 0 0.1875rem rgba(139,92,246,.2)}
.maplegend__dot--contract{width:0.75rem;height:0.75rem;border-radius:0.25rem;background:#fff;box-shadow:inset 0 0 0 1.5px #0F9D8A}
.globe__label.is-crowded{opacity:0!important;pointer-events:none}



/* ============================================================
   ÇÖZÜM KARTI: analiz çözümleri kart ızgarası + güven şeridi
   ============================================================ */
.scards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem}
.scard{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:15.625rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:box-shadow .35s,transform .35s var(--ease-out)}
.scard:hover{box-shadow:0 1.125rem 2.5rem -1.125rem rgba(15,27,45,.22);transform:translateY(-0.1875rem)}
.scard__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 0 1.375rem 1.5rem}
.scard__tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:1rem}
.scard__chip,.scard__pin{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.8125rem;border-radius:62.4375rem;font-size:var(--fs-xs);font-weight:500;line-height:1.2;white-space:nowrap}
.scard__chip{background:var(--blue-100);color:var(--blue-700)}
.scard__pin{background:var(--blue-600);color:#fff}
.scard__chip svg{width:0.9375rem;height:0.9375rem;flex:none}
.scard h3{font-size:clamp(1.0625rem,1.3vw,1.1875rem);font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ink);margin-bottom:0.5rem}
.scard p{font-size:var(--fs-sm);line-height:1.6;color:var(--ink-soft);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.scard__cta{margin-top:auto;display:inline-flex;align-items:center;gap:0.625rem;font-weight:600;font-size:var(--fs-sm);color:var(--blue-600)}
.scard__cta svg{width:1rem;height:1rem;transition:transform .3s var(--ease-out)}
.scard:hover .scard__cta svg{transform:translateX(0.25rem)}
.scard__stretch{position:absolute;inset:0;z-index:2}
.scard__media{position:relative;z-index:0;margin:0.625rem 0.625rem 0.625rem 0;border-radius:0.75rem;overflow:hidden;background:var(--navy-900)}
.scard__media .media,.scard__media .ph,.scard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}
.scard:hover .scard__media img{transform:scale(1.04)}
.scard__media::after{content:"";position:absolute;inset:0 auto 0 0;width:16%;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.scard__illus{display:flex;align-items:center;justify-content:center;padding:0.875rem 0.875rem 0.875rem 0}
.scard__illus img{width:100%;max-width:18.75rem;aspect-ratio:1;object-fit:contain;transition:transform .6s var(--ease-out)}
.scard:hover .scard__illus img{transform:translateY(-0.25rem)}
.scard.reveal{opacity:0;transform:translateY(0.875rem);transition:opacity .6s ease calc(var(--i) * 70ms),transform .7s var(--ease-out) calc(var(--i) * 70ms),box-shadow .35s}
.scard.reveal.is-in{opacity:1;transform:none}
.scard.reveal.is-in:hover{transform:translateY(-0.1875rem)}
.ptrust{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem;padding:1.25rem 0.5rem;border:1px solid var(--line);border-radius:var(--r-card);background:#f4f8fe}
.ptrust li{display:flex;gap:1rem;align-items:flex-start;padding:0.25rem 1.5rem}
.ptrust li+li{border-left:1px solid var(--line)}
.ptrust svg{width:2rem;height:2rem;flex:none;color:var(--blue-600)}
.ptrust strong{display:block;font-size:var(--fs-sm);color:var(--ink);margin-bottom:0.25rem}
.ptrust span{display:block;font-size:var(--fs-xs);line-height:1.55;color:var(--ink-soft)}
@media(max-width:1100px){
  .scards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ptrust{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.125rem}
  .ptrust li:nth-child(3){border-left:0}
}
@media(max-width:640px){
  .scards__grid{grid-template-columns:1fr}
  .scard{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:14.375rem}
  .scard__body{padding:1.25rem 0 1.125rem 1.125rem}
  .ptrust{grid-template-columns:1fr}
  .ptrust li+li{border-left:0;border-top:1px solid var(--line);padding-top:1rem}
}
@media(prefers-reduced-motion:reduce){.scard,.scard.reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   REFERANS LİSTESİ: sahada kanıtlanmış uygulamalar (site.js "REFERANS LİSTESİ")
   ============================================================ */
.reflist__summary{font:500 var(--fs-xs) var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500);margin:0 0 1rem}
.reflist__chips{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.375rem}
.reflist__chips .refchip{border:0;background:#fff;color:var(--gray-500);font:500 var(--fs-sm)/1 var(--font-body);padding:0.6875rem 1.0625rem;border-radius:62.4375rem;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;gap:0.5rem;transition:background .3s,color .3s}
.reflist__chips .refchip small{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--gray-300)}
.reflist__chips .refchip:hover{color:var(--ink)}
.reflist__chips .refchip.is-active{background:var(--navy-900);color:#fff;box-shadow:none}
.reflist__chips .refchip.is-active small{color:rgba(255,255,255,.55)}
.reftable{width:100%;border-collapse:collapse;border-top:1px solid var(--line)}
.reftable th{font:500 var(--fs-label)/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);text-align:left;padding:0.875rem 1rem 0.75rem 0;border-bottom:1px solid var(--line)}
.reftable td{padding:0.75rem 1rem 0.75rem 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:var(--fs-base);color:var(--gray-700)}
.reftable td:first-child strong{font-weight:600;color:var(--ink)}
.reftable td:first-child span{color:var(--gray-500)}
.reftable td:first-child span::before{content:" · "}
.reftable td:first-child em{display:block;margin-top:2px;font-style:normal;font-size:var(--fs-xs);color:var(--gray-500)}
.reftable td.reftable__num{font-family:var(--font-mono);font-size:var(--fs-sm);white-space:nowrap;text-align:right;color:var(--ink)}
.reftable th.reftable__num{text-align:right}
.reftable tr[hidden]{display:none}
.reflist__more{margin-top:1.125rem;border:0;background:none;padding:0;cursor:pointer;font:600 var(--fs-sm) var(--font-body);color:var(--blue-600)}
.reflist__more:hover{color:var(--blue-700)}
@media(max-width:700px){
  .reflist__chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--container-pad)) 1.125rem;padding:0 var(--container-pad);scrollbar-width:none}
  .reflist__chips .refchip{flex:none;min-height:2.75rem}
  .reftable thead{display:none}
  .reftable tr{display:grid;grid-template-columns:1fr auto;gap:2px 0.75rem;padding:0.875rem 0;border-bottom:1px solid var(--line)}
  .reftable td{padding:0;border:0}
  .reftable td:first-child{grid-column:1/-1}
  .reftable td:nth-child(2){grid-column:1/-1;font-size:var(--fs-sm)}
  .reftable td.reftable__num{text-align:left}
  .reftable td.reftable__num:last-child{text-align:right}
}

/* ============ İLETİŞİM: sol künye listesi, sağda yüzeyli form, talep türü tek satır seçim ============ */
.contact .contact__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;align-items:start}
.contact__lead{margin:1.25rem 0 2rem}
.contact__info{gap:0;margin-bottom:1.75rem;border-top:1px solid rgba(255,255,255,.1)}
.contact__info li{gap:0.875rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.contact__ico{width:2.25rem;height:2.25rem;background:rgba(92,157,240,.12);border:0}
.contact__ico svg{width:1.0625rem;height:1.0625rem}
.contact__info a{transition:color .2s ease}
.contact__info a:hover{color:#7FB5F5}
.contact .cform{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem}
.cform__types{border:0;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:0.5rem}
.cform__types legend{width:100%;margin-bottom:0.625rem;font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.62)}
.cform .cform__type{display:block;font-family:var(--font-body);letter-spacing:0;cursor:pointer}
.cform__type input{position:absolute;opacity:0;width:1px;height:1px}
.cform__type span{display:block;padding:0.5625rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:62.4375rem;font-size:var(--fs-sm);font-weight:500;color:rgba(255,255,255,.75);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.cform__type:hover span{border-color:rgba(255,255,255,.35);color:#fff}
.cform__type input:checked + span{background:var(--blue-600);border-color:var(--blue-600);color:#fff}
.cform__type input:focus-visible + span{outline:2px solid #7FB5F5;outline-offset:2px}
@media(max-width:900px){.contact .contact__grid{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:820px){.contact .cform{padding:1.25rem;border-radius:1rem}}

/* Hukuki sayfa yalnız Türkçe: diğer dillerde metnin üstünde not */
.pagenote{margin:0 0 1.75rem;padding:0.875rem 1.125rem;border-left:0.1875rem solid var(--blue-600);background:var(--blue-100,#EAF2FD);border-radius:0 0.625rem 0.625rem 0;font-size:var(--fs-base);color:var(--gray-700)}

/* ============ GERİ BİLDİRİM (beta): sağ altta sabit düğme + küçük form ============ */
.fb{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:0.75rem}
[dir="rtl"] .fb{right:auto;left:1.25rem;align-items:flex-start}
.fb__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6875rem 1rem;border:0;border-radius:62.4375rem;background:var(--navy-900);color:#fff;font-family:var(--font-head);font-weight:600;font-size:var(--fs-sm);box-shadow:0 0.625rem 1.875rem rgba(10,29,51,.25);cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.fb__btn:hover{background:var(--blue-600);transform:translateY(-1px)}
.fb__btn svg{width:1.125rem;height:1.125rem}
.fb__panel{width:min(22.5rem,calc(100vw - 2.5rem));display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem;border-radius:1.125rem;background:#fff;border:1px solid var(--line);box-shadow:0 1.5rem 3.75rem rgba(10,29,51,.22)}
.fb__panel[hidden]{display:none}
.fb__head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}
.fb__head strong{font-family:var(--font-head);font-size:var(--fs-body);color:var(--ink)}
.fb__close{border:0;background:none;font-size:var(--fs-h4);line-height:1;color:var(--gray-500);cursor:pointer;padding:0 0.25rem}
.fb__lead{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--gray-500)}
.fb__panel label{display:flex;flex-direction:column;gap:0.375rem;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;color:var(--gray-700)}
.fb__panel textarea,.fb__panel input[type=text]{border:1px solid var(--line);border-radius:0.625rem;padding:0.625rem 0.75rem;font:0.9375rem var(--font-body);color:var(--ink);resize:vertical}
.fb__panel textarea:focus,.fb__panel input[type=text]:focus{outline:none;border-color:var(--blue-600)}
.fb__status{margin:0;font-size:var(--fs-sm);min-height:1em;color:var(--gray-700)}
.fb__status.is-ok{color:#1F7A45}.fb__status.is-err{color:#B42318}
@media(max-width:600px){.fb{right:0.75rem;bottom:0.75rem}.fb__btn span{display:none}.fb__btn{padding:0.75rem}}
@media print{.fb{display:none}}

/* ============ ÜRÜN KATALOĞU (/urunler): kategori ızgarası, metin kartları, teknik tablo ============ */
.catalog__lead{max-width:68ch;font-size:var(--fs-lead);line-height:1.6;color:var(--gray-700);margin:0 0 2.25rem}
.catalog__h2{font-size:var(--fs-h4);margin:3.5rem 0 1.125rem}
.catgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.875rem}
.catgrid__item{display:flex;flex-direction:column;gap:0.375rem;padding:1.375rem 1.375rem 1.25rem;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;transition:border-color .2s ease,box-shadow .25s ease,transform .25s ease}
.catgrid__item strong{font-family:var(--font-head);font-size:var(--fs-body);line-height:1.3;color:var(--ink)}
.catgrid__item span{font-size:var(--fs-sm);color:var(--gray-500)}
.catgrid__item:hover{border-color:var(--blue-600);box-shadow:0 0.875rem 2.125rem rgba(10,29,51,.08);transform:translateY(-2px)}
.brandchips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5rem;margin:0;padding:0}
.brandchips li{padding:0.5rem 0.875rem;border:1px solid var(--line);border-radius:62.4375rem;font-size:var(--fs-sm);font-weight:500;color:var(--gray-700);background:#fff}
.brandchips span{margin-left:0.375rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500)}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pcard{display:flex;flex-direction:column;gap:0.5rem;padding:1.375rem;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;min-width:0;transition:border-color .2s ease,box-shadow .25s ease}
.pcard:hover{border-color:var(--blue-600);box-shadow:0 0.875rem 2.125rem rgba(10,29,51,.08)}
.pcard__media{display:block;position:relative;aspect-ratio:16/9;margin:-1.375rem -1.375rem 0.375rem;border-radius:var(--r-card) var(--r-card) 0 0;overflow:hidden;background:var(--gray-100,#F2F4F7)}
.pcard__brand{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-600)}
.pcard__title{font-family:var(--font-head);font-size:var(--fs-body);line-height:1.3;color:var(--ink)}
.pcard__sum{font-size:var(--fs-sm);line-height:1.55;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard__go{margin-top:auto;padding-top:0.375rem;font-size:var(--fs-sm);font-weight:600;color:var(--blue-600)}
.prodhead{display:flex;flex-direction:column;gap:0.875rem;margin:0.5rem 0 1.75rem}
.prodhead__meta{display:flex;flex-wrap:wrap;gap:0.5rem}
.prodhead__brand,.prodhead__model{padding:0.375rem 0.75rem;border-radius:62.4375rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em}
.prodhead__brand{background:var(--blue-600);color:#fff}
.prodhead__model{border:1px solid var(--line);color:var(--gray-700)}
.prodhead__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.125rem}
.prodsec{font-size:var(--fs-h4);margin:2.25rem 0 0.875rem}
.prodnote{font-size:var(--fs-sm);color:var(--gray-500);margin:0 0 0.875rem}
.prodnotice{margin:0;padding:0.75rem 1rem;border-left:0.1875rem solid var(--gray-500);background:var(--bg-alt);font-size:var(--fs-sm);color:var(--ink)}
.prodnotice a{color:var(--blue-600);font-weight:600}
.partnerproducts .prodsec{margin-top:0.5rem}
.partnerproducts__cat{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--gray-500);margin:1.75rem 0 0.875rem}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 1.75rem;border-top:1px solid var(--line)}
.specs div{padding:0.75rem 1rem 0.75rem 0;border-bottom:1px solid var(--line);min-width:0}
.specs dt{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--gray-500)}
.specs dd{margin:0.25rem 0 0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.ptable-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:0.75rem;margin-bottom:0.75rem}
.ptable{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.ptable th{text-align:start;padding:0.625rem 0.875rem;background:var(--gray-100,#F2F4F7);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--gray-500);font-weight:600}
.ptable td{padding:0.625rem 0.875rem;border-top:1px solid var(--line);vertical-align:top;color:var(--gray-700)}
.ptable tr[hidden]{display:none}
.parts{margin-top:0.5rem}
.parts summary{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;cursor:pointer;list-style:none}
.parts summary::-webkit-details-marker{display:none}
.parts summary .prodsec{margin-bottom:0.875rem}
.parts summary .prodsec:before{content:"+";display:inline-block;width:1em;color:var(--blue-600)}
.parts[open] summary .prodsec:before{content:"−"}
.parts summary span{font-size:var(--fs-sm);color:var(--gray-500)}
.parts__filter{width:100%;margin:0 0 0.75rem;padding:0.625rem 0.875rem;border:1px solid var(--line);border-radius:0.625rem;font:0.9375rem var(--font-body)}
.parts__filter:focus{outline:none;border-color:var(--blue-600)}
@media(max-width:900px){.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid{grid-template-columns:1fr}}
@media(max-width:560px){.catgrid,.specs{grid-template-columns:1fr}}

/* Ölçüm yöntemi bağlantıları */
.prodhead__methods{margin:0;font-size:var(--fs-sm);color:var(--gray-500)}
.prodhead__methods a{color:var(--blue-600);font-weight:600}
.brandchips a{color:inherit}
.brandchips li:has(a):hover{border-color:var(--blue-600)}
.catgrid__sum{font-size:var(--fs-sm);line-height:1.5;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Saha haritası izometrik platform olarak çizilir (maps.js): sahnenin kendi çerçevesi, zemini ve gölgesi yok. */
.fieldmap__stage{border:0;background:transparent;box-shadow:none;overflow:visible}

/* Saha haritası ortada, tam genişlik; rakamlar ve açıklamalar haritanın altında tek satır. */
.fieldmap{grid-template-columns:1fr;gap:1.375rem}
.fieldmap__side{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap}
.fieldmap__stats{flex:1 1 35rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:0}
.fieldmap .maplegend{flex:0 1 28.75rem;flex-direction:row;flex-wrap:wrap;gap:0.625rem 1.375rem;margin-top:1rem}
@media(max-width:760px){
  .fieldmap__stats{grid-template-columns:1fr;gap:0.75rem}
  .fieldmap .maplegend{flex-basis:100%;margin-top:0}
}

/* Ana sayfa bölümleri: adres çubuğundan (#cozumler) gelince de başlık sabit menünün altında kalsın. */
#view-home > section{scroll-margin-top:var(--header-h)}
/* Analiz çözümleri bir ekrana sığsın (masaüstü): kart yüksekliği ekran yüksekliğine göre, alt şerit sıkı. */
@media (min-width:1101px) and (max-aspect-ratio:2867/1000){
  #cozumler .section__head{margin-bottom:clamp(1rem,2.6vh,2rem)}
  #cozumler .scard{min-height:0;height:clamp(10.625rem,calc((100svh - var(--header-h) - 22.625rem) / 2),16.875rem)}
  #cozumler .scard__body{padding:clamp(0.875rem,2.2vh,1.5rem) 0 clamp(0.75rem,2vh,1.375rem) 1.5rem}
  #cozumler .scard__tags{margin-bottom:clamp(0.5rem,1.4vh,1rem)}
  #cozumler .scard p{-webkit-line-clamp:2;margin-bottom:0.625rem;flex-shrink:0}
  #cozumler .scard{grid-template-rows:minmax(0,1fr)} /* çizim satırı uzatmasın: kart yüksekliği sabit */
  #cozumler .scard__illus{padding:0.625rem 0.625rem 0.625rem 0;min-height:0}
  #cozumler .scard__illus img{width:auto;height:100%;max-width:100%}
  #cozumler .ptrust{margin-top:clamp(0.75rem,2vh,1.5rem);padding:clamp(0.625rem,1.6vh,1.25rem) 0.5rem}
  #cozumler .ptrust svg{width:1.625rem;height:1.625rem}
  #cozumler .ptrust span{font-size:var(--fs-xs)}
}
@media (min-width:1101px) and (min-aspect-ratio:2168/1000){
  #cozumler .ptrust span{display:none} /* kısa ekranda yalnız başlıklar */
  #cozumler .scard p{display:none} /* kart: çip, başlık ve bağlantı; özet çözüm sayfasında */
  #cozumler .ptrust li{align-items:center}
}

/* ============================================================
   BANNER SAHNESİ: açık zeminli izometrik sistem çizimi (partials/hero-scene)
   Sahne sağa yaslı ve kırpılmaz; zemin rengi görselin zemini (#EDF6FF) ile aynı.
   ============================================================ */
.hero--scene{min-height:clamp(38.75rem,82vh,53.75rem);height:auto;padding:calc(var(--header-h) + 2.5rem) 0 3rem;background:#EDF6FF;justify-content:center}
/* Sahne sağda, metinden ayrı bir alanda ve çevresinde boşlukla: banner'ı tümüyle kaplamaz.
   Görselin kenarları zemine yumuşakça erir (dikdörtgen çerçeve belli olmasın). */
.heroscene{position:absolute;top:calc(var(--header-h) + 4rem);bottom:4rem;right:max(2rem,5vw);left:47%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
.heroscene__svg{width:100%;height:100%;display:block}
.hero--scene .hero__content{padding-top:0}
.hero--scene .hero__content>*{max-width:min(32.5rem,36vw)}
.hero--scene .hero__title{color:var(--ink)}
.hero--scene .hero__sub{color:var(--gray-700)}
.hero--scene .btn--outline{background:#fff;color:var(--ink);border:1px solid var(--gray-300)}
.hero--scene .btn--outline:hover{border-color:var(--blue-600);color:var(--blue-600)}
@media(max-width:900px){
  /* Dar ekranda önce metin, altında sahne; sahnenin soldaki boş kısmı kırpılır, çizim büyük kalır. */
  .hero--scene{min-height:0;height:auto;display:flex;flex-direction:column;padding:calc(var(--header-h) + 1.75rem) 0 0}
  .hero--scene .hero__content{padding-top:0}
  .hero--scene .hero__content>*{max-width:none}
  .heroscene{order:2;position:relative;inset:auto;aspect-ratio:1154/672;margin:0.75rem 1rem 0.5rem;overflow:hidden}
  .heroscene__svg{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1154/672}
}

/* ============================================================
   İLETİŞİM: tek çerçeve, iki yarı + konum şeridi (partials/contact)
   Form ayrı kart değil: çerçevenin sağ yarısı hafif açık tonda, aradaki tek ayraç ince bir çizgi.
   Sol ve sağdaki tüm küçük etiketler aynı tipografide; harita altta tam genişlik.
   ============================================================ */
.contact .contact__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;padding:0;align-items:stretch}
.contact__intro{padding:clamp(2.5rem,6vh,4.5rem) clamp(1.75rem,4vw,4rem)}
.contact .cform{background:rgba(255,255,255,.045);border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;padding:clamp(2.5rem,6vh,4.5rem) clamp(1.75rem,4vw,4rem);gap:1.125rem}
.contact .contact__info small,.contact__branch small,.contact__where small,.contact .cform label,.contact .cform__types legend{font-family:var(--font-body);font-size:var(--fs-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.contact .contact__info li{font-size:var(--fs-body)}
.contact .cform label{gap:0.5rem}
.contact .cform input,.contact .cform textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:0.5rem;padding:0.8125rem 0.875rem;font-size:var(--fs-base);letter-spacing:0;text-transform:none}
.contact .cform input:focus,.contact .cform textarea:focus{border-color:#5C9DF0;background:rgba(92,157,240,.06)}
.contact .cform ::placeholder{color:rgba(255,255,255,.32)}
.contact .cform__types{gap:0.375rem}
.contact .cform__types legend{margin-bottom:0.625rem}
.contact .cform .cform__type{text-transform:none;letter-spacing:0;font-weight:500;font-size:var(--fs-sm)}
.contact .cform__type span{padding:0.5rem 0.875rem;font-size:var(--fs-sm);border-color:rgba(255,255,255,.14)}
.contact .cform .cform__consent{text-transform:none;letter-spacing:0;font-weight:400;font-size:var(--fs-xs)}
.contact .cform .btn{margin-top:0.25rem;box-shadow:none;transform:none}
.contact .cform .btn:hover{transform:none}
/* Azerbaycan şubesi: ikincil, küçük ve soluk; uzun adres sarar ama hiyerarşiyi bozmaz */
.contact__branch{margin-top:-0.625rem;font-size:var(--fs-sm);line-height:1.55;color:rgba(255,255,255,.6)}
.contact__branch p{margin:0.375rem 0 0.25rem;max-width:40ch}
.contact__branch a{color:rgba(255,255,255,.85)}
.contact__branch a:hover{color:#7FB5F5}
.contact__branch .contact__served{margin-top:0.375rem;font-size:var(--fs-xs);opacity:.75}
/* Konum şeridi: harita tam genişlik, üstünde merkez adresi ve yol tarifi */
.contact__location{grid-column:1/-1;position:relative;border-top:1px solid rgba(255,255,255,.08)}
.contact .contact__location .contact__map{height:clamp(12.5rem,26vh,17.5rem);border:0;border-radius:0;margin:0}
.contact__where{position:absolute;right:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vh,1.75rem);display:flex;align-items:center;gap:0.875rem;max-width:calc(100% - 2rem);padding:0.75rem 1.125rem 0.75rem 0.75rem;border:1px solid rgba(255,255,255,.1);border-radius:0.75rem;background:rgba(6,17,31,.86);backdrop-filter:blur(0.5rem);color:#fff;font-size:var(--fs-sm)}
.contact__where div{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact__where .contact__directions{margin:0 0 0 0.625rem;white-space:nowrap}
@media(max-width:900px){
  .contact .contact__grid{grid-template-columns:1fr}
  .contact .cform{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .contact__intro,.contact .cform{padding:2.25rem 1.375rem}
  .contact .contact__location .contact__map{height:13.75rem}
  .contact__where{position:static;max-width:none;flex-wrap:wrap;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:1rem 1.375rem;background:transparent;backdrop-filter:none}
  .contact__where .contact__directions{margin:0}
}

/* Sistem sahnesi çözüm sayfasında (Procomon): metnin üstünde, açık zeminli geniş şerit */
.sysscene{position:relative;margin:0 0 clamp(1.75rem,5vh,3.5rem);border-radius:var(--r-frame);background:#EDF6FF;overflow:hidden;aspect-ratio:1154/560}
.sysscene .heroscene__svg{position:absolute;inset:-6% 0;width:100%;height:112%}

/* İletişim bir ekrana sığsın (masaüstü): boşluklar, harita şeridi ve mesaj alanı ekran yüksekliğine göre;
   kısa ekranda ikincil ayrıntılar (açıklama altı not, şubenin hizmet satırı) gizlenir. */
@media (min-width:1025px) and (max-aspect-ratio:2867/1000){
  #view-home > .contact{padding-block:0.75rem}
  .contact__intro,.contact .cform{padding:clamp(1.375rem,3.6vh,3rem) clamp(1.75rem,3.6vw,3.5rem)}
  .contact .cform{gap:clamp(0.5rem,1.5vh,1rem)}
  .contact .cform__row{gap:clamp(0.625rem,1.4vh,1rem)}
  .contact .cform input{padding-block:clamp(0.5625rem,1.3vh,0.8125rem)}
  .contact .cform textarea{height:clamp(4rem,10vh,7.5rem);padding-block:clamp(0.5625rem,1.3vh,0.8125rem)}
  .contact .section__title{font-size:clamp(1.75rem,min(3vw,5vh),2.75rem)}
  .contact__lead{margin:clamp(0.625rem,1.6vh,1.25rem) 0 clamp(0.875rem,2.4vh,1.75rem)}
  .contact .contact__info li{padding:clamp(0.5625rem,1.5vh,1rem) 0}
  .contact__branch{margin-top:clamp(-0.625rem,-1vh,-0.25rem)}
  .contact .contact__location .contact__map{height:clamp(6.875rem,15vh,12.5rem)}
  .contact__where{padding:0.5rem 0.875rem 0.5rem 0.5rem}
}
@media (min-width:1025px) and (min-aspect-ratio:1932/1000){
  .contact .contact__served,.contact .cform__note{display:none}
}
@media (min-width:1025px) and (min-aspect-ratio:2222/1000){
  .contact__lead{display:none}
  .contact__intro .section__title{margin-bottom:1.25rem}
}

/* ============================================================
   PROJE ŞERİDİ: rakamlar + sektör çipleri + kaydırmalı proje kartları (site.js "PROJE ŞERİDİ")
   ============================================================ */
.prail__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0 0 clamp(1.125rem,3vh,2rem);padding-top:clamp(0.875rem,2.4vh,1.375rem);border-top:1px solid var(--line)}
.prail__stats dt{font-family:var(--font-mono);font-weight:500;font-size:clamp(1.625rem,min(2.6vw,4.6vh),2.5rem);letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.prail__stats dd{margin:0.375rem 0 0;font-size:var(--fs-sm);color:var(--gray-500)}
.prail__stats div{text-align:center}
.prail__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.prail__chips{display:flex;flex-wrap:wrap;gap:0.5rem}
.prail__chips .refchip{border:0;background:#fff;color:var(--gray-500);font:500 var(--fs-sm)/1 var(--font-body);padding:0.625rem 0.9375rem;border-radius:62.4375rem;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;gap:0.5rem;transition:background .3s,color .3s}
.prail__chips .refchip small{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--gray-300)}
.prail__chips .refchip:hover{color:var(--ink)}
.prail__chips .refchip.is-active{background:var(--navy-900);color:#fff;box-shadow:none}
.prail__chips .refchip.is-active small{color:rgba(255,255,255,.55)}
.prail__nav{display:flex;gap:0.5rem;margin-left:auto}
.prail__btn{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .25s,color .25s,opacity .25s}
.prail__btn svg{width:1.125rem;height:1.125rem}
.prail__btn:hover:not(:disabled){background:var(--navy-900);color:#fff}
.prail__btn:disabled{opacity:.35;cursor:default}
[dir="rtl"] .prail__btn svg{transform:scaleX(-1)}
.prail__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 1.25rem) / 3);column-gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:0.25rem;outline:none}
.prail__track::-webkit-scrollbar{display:none}
.prail__item{scroll-snap-align:start;min-width:0}
.prail__track{cursor:grab}
.prail__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.prail__track.is-dragging a{pointer-events:none}
.prail__track img{-webkit-user-drag:none;user-select:none}
.prail__item[hidden]{display:none}
.prail__item .proj{height:clamp(13.75rem,calc(100svh - var(--header-h) - 29.375rem),20rem);border-radius:var(--r-card)}
@media(max-width:1024px){.prail__track{grid-auto-columns:calc((100% - 1.25rem) / 2)}.prail__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .prail__track{grid-auto-columns:86%;column-gap:0.75rem}
  .prail__bar{flex-wrap:wrap}
  .prail__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad);width:calc(100% + 2 * var(--container-pad))}
  .prail__chips .refchip{flex:none}
  .prail__nav{display:none}
  .prail__item .proj{height:15rem}
}

/* ============================================================
   MARKA DİLİ (logo ve kartvizitten): başlık altında çizgi · yıldız · çizgi ayracı, üst etiketlerde turuncu
   yıldız, küçük etiketler aralıklı büyük harf ve logo lacivertinde, rakamlar kalın lacivert, açık bölümlerin
   köşesinde soluk yaylar. Yazı makinesi tipi kalktı: etiketler ve rakamlar Plus Jakarta Sans.
   ============================================================ */
.section .section__title:not(.section__title--light)::after{content:"";display:block;width:8.25rem;height:0.75rem;margin-top:1.25rem;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20176%2016%27%3E%3Cpath%20d%3D%27M0%208h66M110%208h66%27%20stroke%3D%27%23143D8F%27%20stroke-width%3D%272.4%27/%3E%3Cpath%20d%3D%27M88%200c1.2%205.2%202.8%206.8%208%208-5.2%201.2-6.8%202.8-8%208-1.2-5.2-2.8-6.8-8-8%205.2-1.2%206.8-2.8%208-8z%27%20fill%3D%27%23F78F1E%27/%3E%3C/svg%3E") left center/contain no-repeat}
[dir="rtl"] .section .section__title:not(.section__title--light)::after{background-position:right center}
.kicker .kicker__line{width:0.875rem;height:0.875rem;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%200c1.2%205.2%202.8%206.8%208%208-5.2%201.2-6.8%202.8-8%208-1.2-5.2-2.8-6.8-8-8%205.2-1.2%206.8-2.8%208-8z%27%20fill%3D%27%23F78F1E%27/%3E%3C/svg%3E") center/contain no-repeat!important}
.kicker{color:var(--brand-navy);letter-spacing:.18em;font-weight:700}
.kicker--light{color:#9FB4E8}
/* Küçük etiketler: kartvizitteki "ÜNVAN" gibi */
.listnav__title,.detailsibs h4,.partnerproducts__cat,.reflist__summary,.reftable th,.part__field,.pcard__brand,.proj__cat,.breadcrumb,.footer h4,.hero-stat__label,.feature__num,.svc__num,.pstep__num{font-weight:700;letter-spacing:.16em}
.listnav__title,.detailsibs h4,.partnerproducts__cat,.reflist__summary,.reftable th{color:var(--brand-navy)}
/* Rakamlar: kalın, lacivert, eşit genişlikte */
.prail__stats dt,.fieldmap__stats dt{font-family:var(--font-head);font-weight:700;letter-spacing:-.02em;color:var(--brand-navy);font-variant-numeric:tabular-nums}
.prail__stats dd{text-transform:uppercase;font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;color:#5B6478}
.reftable td.reftable__num,.listnav__count,.refchip small,.brandchips span{font-variant-numeric:tabular-nums}
.reftable td.reftable__num{font-weight:600}
.scard__chip{background:var(--brand-arc);color:var(--brand-navy)}
/* Soluk yaylar: yalnız açık zeminli ana sayfa bölümlerinde, içeriğin arkasında */
#cozumler,#uygulamalar{position:relative;overflow:hidden}
#cozumler>.container,#uygulamalar>.container{position:relative;z-index:1}
#cozumler::before,#uygulamalar::before{content:"";position:absolute;right:-11.25rem;top:-8.75rem;width:32.5rem;height:32.5rem;border:1.625rem solid var(--brand-arc);border-radius:50%;pointer-events:none}
#uygulamalar::after{content:"";position:absolute;left:-16.25rem;bottom:-20rem;width:35rem;height:35rem;border:2px solid var(--brand-lav);border-radius:50%;opacity:.45;pointer-events:none}
@media(max-width:640px){#cozumler::before,#uygulamalar::before{width:18.75rem;height:18.75rem;right:-9.375rem;top:-5.625rem;border-width:1rem}}

/* ============================================================
   İÇ SAYFALAR (marka dili): açık sayfa başı + yaylar, okunaklı içerik, yıldızlı ara başlık ve maddeler,
   sabit yan kart, yuvarlatılmış yan menü ve kapanış çerçevesi. Header iç sayfalarda baştan beyaz (site.js).
   ============================================================ */
.pagehero{position:relative;min-height:0;display:block;overflow:hidden;background:linear-gradient(180deg,#F1F4FB 0%,#F7F9FD 100%);padding:calc(var(--header-h) + clamp(1.75rem,5vh,3.5rem)) 0 clamp(2.5rem,6vh,4.5rem)}
.pagehero::before{content:"";position:absolute;right:-10rem;top:-11.25rem;width:35rem;height:35rem;border:1.875rem solid #E7EBF6;border-radius:50%;pointer-events:none}
.pagehero::after{content:"";position:absolute;left:-13.75rem;bottom:-23.75rem;width:37.5rem;height:37.5rem;border:2px solid var(--brand-lav);border-radius:50%;opacity:.45;pointer-events:none}
.pagehero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem)}
.pagehero--photo .pagehero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.pagehero .pagehero__content{position:static;padding:0;width:auto}
.pagehero .kicker{margin-bottom:1rem}
.pagehero .pagehero__title{color:var(--ink);font-size:clamp(2.125rem,4vw,3.5rem);line-height:1.08;max-width:22ch}
.pagehero .pagehero__title::after{content:"";display:block;width:8.25rem;height:0.75rem;margin-top:1.375rem;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20176%2016%27%3E%3Cpath%20d%3D%27M0%208h66M110%208h66%27%20stroke%3D%27%23143D8F%27%20stroke-width%3D%272.4%27/%3E%3Cpath%20d%3D%27M88%200c1.2%205.2%202.8%206.8%208%208-5.2%201.2-6.8%202.8-8%208-1.2-5.2-2.8-6.8-8-8%205.2-1.2%206.8-2.8%208-8z%27%20fill%3D%27%23F78F1E%27/%3E%3C/svg%3E") left center/contain no-repeat}
[dir="rtl"] .pagehero .pagehero__title::after{background-position:right center}
.pagehero__lead{max-width:38.75rem;margin-top:1.25rem;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.65;color:var(--gray-700)}
.pagehero__media{position:relative;aspect-ratio:4/3;border-radius:var(--r-frame);overflow:hidden;border:0.5rem solid #fff;box-shadow:0 1.875rem 3.75rem -2rem rgba(20,61,143,.4)}
.pagehero__media .media,.pagehero__media .ph,.pagehero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pagehero .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem 0.5rem;margin-bottom:1.375rem;color:var(--gray-500);font-size:var(--fs-label)}
.pagehero .breadcrumb a{color:var(--brand-navy)}
.pagehero .breadcrumb a:hover{color:var(--blue-600)}
.breadcrumb__sep{color:var(--gray-300)}
@media(max-width:900px){.pagehero--photo .pagehero__grid{grid-template-columns:1fr}.pagehero__media{aspect-ratio:16/9}.pagehero::before{width:20rem;height:20rem;right:-8.75rem;top:-7.5rem;border-width:1.25rem}}

/* İçerik: okunaklı gövde, yıldızlı ara başlıklar ve maddeler */
.pagebody{padding:clamp(3rem,7vh,5rem) 0 clamp(4rem,9vh,6.5rem)}
.pagegrid{gap:clamp(2.5rem,5vw,5rem)}
.richtext,.detailbody{font-size:var(--fs-body);line-height:1.75;color:#3D4C60}
.pagegrid p,.pagegrid ul{color:#3D4C60}
.richtext h2,.detailbody h2,.pagegrid h2{display:flex;align-items:center;gap:0.75rem;font-size:clamp(1.375rem,2vw,1.75rem);letter-spacing:-.015em;color:var(--ink)}
.richtext h2::before,.detailbody h2::before,.pagegrid h2::before{content:"";flex:none;width:0.875rem;height:0.875rem;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%200c1.2%205.2%202.8%206.8%208%208-5.2%201.2-6.8%202.8-8%208-1.2-5.2-2.8-6.8-8-8%205.2-1.2%206.8-2.8%208-8z%27%20fill%3D%27%23F78F1E%27/%3E%3C/svg%3E") center/contain no-repeat}
.richtext h3,.detailbody h3{font-size:var(--fs-lead);margin:1.5rem 0 0.625rem;color:var(--brand-navy)}
.richtext ul,.detailbody ul,.pagegrid ul{list-style:none;margin-left:0;padding-left:0}
.richtext ul li,.detailbody ul li,.pagegrid ul li,.pagegrid .scopelist li{position:relative;padding-left:1.5rem}
.richtext ul li::before,.detailbody ul li::before,.pagegrid ul li::before,.pagegrid .scopelist li:before{content:"";position:absolute;left:2px;top:.62em;width:0.625rem;height:0.625rem;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%200c1.2%205.2%202.8%206.8%208%208-5.2%201.2-6.8%202.8-8%208-1.2-5.2-2.8-6.8-8-8%205.2-1.2%206.8-2.8%208-8z%27%20fill%3D%27%23F78F1E%27/%3E%3C/svg%3E") center/contain no-repeat}
[dir="rtl"] :is(.richtext,.detailbody,.pagegrid) ul li{padding-left:0;padding-right:1.5rem}
[dir="rtl"] :is(.richtext,.detailbody,.pagegrid) ul li::before{left:auto;right:2px}
.richtext a:not(.btn),.detailbody a:not(.btn){color:var(--blue-600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.1875rem}
.richtext strong,.detailbody strong{color:var(--ink)}
.richtext table,.detailbody table{width:100%;border-collapse:collapse;margin:0.5rem 0 1.375rem;font-size:var(--fs-base)}
.richtext th,.richtext td,.detailbody th,.detailbody td{padding:0.6875rem 0.875rem;border-bottom:1px solid var(--line);text-align:left}
.richtext th,.detailbody th{color:var(--brand-navy);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}
.pagegrid .svc-tagline{color:var(--brand-navy)}

/* Yan kart: lacivert, yıldızlı; sayfa kayarken üstte sabit */
.pageaside{position:sticky;top:calc(var(--header-h) + 1.75rem)}
.asidecard{position:relative;overflow:hidden;padding:1.875rem 1.75rem;border-radius:var(--r-frame);background:linear-gradient(160deg,var(--navy-950),var(--brand-navy));color:#fff}
.asidecard::before{content:"";position:absolute;right:-5.625rem;top:-5.625rem;width:13.75rem;height:13.75rem;border:1rem solid rgba(255,255,255,.05);border-radius:50%}
.asidecard .kicker{margin-bottom:0.75rem}
.asidecard__title{position:relative;font-family:var(--font-head);font-weight:700;font-size:var(--fs-h4);line-height:1.25;color:#fff;margin:0 0 1.125rem}
.asidecard__row{position:relative;display:block;padding:0.75rem 0;border-top:1px solid rgba(255,255,255,.12);color:#fff;font-size:var(--fs-base)}
.asidecard__row small{display:block;font-size:var(--fs-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}
.asidecard__row:hover{color:#9FC4FF}
.asidecard .btn{position:relative;margin-top:1rem}

/* Yan menü: yuvarlatılmış kart, etkin satır lacivert ve turuncu kenar */
.listnav{border-radius:var(--r-card);overflow:hidden;box-shadow:0 0.75rem 1.875rem -1.5rem rgba(20,61,143,.35)}
.listnav__btn:hover{background:#F1F4FB;color:var(--brand-navy)}
.listnav__btn.is-active{background:var(--brand-navy);color:#fff;box-shadow:inset 0.1875rem 0 0 var(--brand-star)}
[dir="rtl"] .listnav__btn.is-active{box-shadow:inset -0.1875rem 0 0 var(--brand-star)}
.backlink{color:var(--brand-navy)}

/* Kartlar: aynı köşe ve hafif kalkış */
.part,.pcard{border-radius:var(--r-card);transition:transform .35s var(--ease-out),box-shadow .35s}
.part:hover,.pcard:hover{transform:translateY(-0.1875rem);box-shadow:0 1.125rem 2.5rem -1.5rem rgba(20,61,143,.35)}
.proj{border-radius:var(--r-card)}

/* Kapanış bölümü: tam genişlik koyu bant yerine iletişim çerçevesi gibi yuvarlatılmış lacivert kart */
.detailcta{background:transparent;border-top:0;padding:0 0 clamp(3.5rem,8vh,6rem)}
.detailcta:before{display:none}
.detailcta .detailcta__inner{overflow:hidden;width:calc(100% - 2 * var(--container-pad));max-width:calc(80rem - 2 * var(--container-pad));padding:clamp(2.25rem,5vw,4rem);border-radius:var(--r-frame);background:linear-gradient(160deg,var(--navy-950),var(--brand-navy))}
.detailcta .detailcta__inner::before{content:"";position:absolute;right:-7.5rem;top:-10rem;width:26.25rem;height:26.25rem;border:1.5rem solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}
.detailcta .detailcta__inner>*{position:relative}
.detailcta__row small{font-family:var(--font-body);font-weight:700;letter-spacing:.14em}
@media(max-width:900px){.detailcta .detailcta__inner{grid-template-columns:1fr;gap:1.75rem}}


/* Açıklamanın hemen ardından gelen ürün/kardeş bloğu ikinci bir çizgi açmasın. */
.detail__lead + .detailsibs{border-top:0;padding-top:0;margin-top:2.5rem}

/* Mobil/tablet: yan menü uzun bir liste olarak içeriği aşağı itmesin; yatay kayan çip şeridi olur. */
@media(max-width:1080px){
  .listnav{display:flex;gap:0.5rem;overflow-x:auto;scrollbar-width:none;border:0;background:none;box-shadow:none;border-radius:0;padding:2px 0 0.375rem;margin:0 calc(-1 * var(--container-pad));padding-inline:var(--container-pad);scroll-padding-inline:var(--container-pad)}
  .listnav::-webkit-scrollbar{display:none}
  .listnav__title,.listnav__sub{display:none}
  .listnav .listnav__btn{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5625rem 1rem;border:1px solid var(--line);border-radius:62.4375rem;background:#fff;font-size:var(--fs-sm);white-space:nowrap}
  .listnav .listnav__btn:hover{padding-left:1rem}
  .listnav .listnav__btn.is-active{box-shadow:none;border-color:var(--brand-navy);background:var(--brand-navy);color:#fff}
  .listnav__count{float:none}
}
.cform .cform__consent--note{display:block;margin:2px 0 0}
.drop a.drop__more{margin-top:0.375rem;border-top:1px solid var(--line);padding-top:0.8125rem;font-weight:600;color:var(--brand-navy)}
.contact__mapload{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.375rem;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:1rem;text-align:center;font-family:var(--font-body)}
.contact__mapload svg{width:1.625rem;height:1.625rem;color:var(--brand-star)}
.contact__mapload b{font-family:var(--font-head);font-size:var(--fs-base);font-weight:700}
.contact__mapload small{font-size:var(--fs-xs);opacity:.65;max-width:21.25rem;line-height:1.45}
.contact__mapload:hover b{text-decoration:underline;text-underline-offset:0.1875rem}
.contact__map .contact__mapload{align-items:flex-start;text-align:left;padding:1.125rem 2rem;color:#fff}
.contact__map .contact__mapload small{color:rgba(255,255,255,.62);max-width:18.75rem}
[dir="rtl"] .contact__map .contact__mapload{align-items:flex-end;text-align:right}

/* ---------------- EKRANA ORANTILI ÖLÇEK ----------------
   Tüm ölçüler rem: masaüstünde kök boyut ekran genişliğiyle orantılı, böylece 1366'lık dizüstü ile büyük monitör
   aynı yerleşimi aynı oranda görür (1680px'te 15px). Ekran yüksekliğine bağlı kurallar da bu yüzden en-boy
   oranıyla yazılı (etkin yükseklik = h / (w·0,0005625)). Tablet/mobil 16px. */
@media(min-width:1081px){html{font-size:clamp(12.5px,min(.9vw,1.5vh),22px)}} /* geniş-alçak pencerede yüksekliğe göre */
/* Metin yerleşimi (boyut aynı): satır ~70 karakteri geçmesin, satır ve paragraf arası nefes alsın,
   başlık kendinden sonraki paragrafa yakın, öncekinden uzak dursun. */
.richtext p,.richtext ul,.detailbody p,.detailbody ul,.pagegrid p,.pagegrid ul{max-width:68ch;line-height:1.75}
.richtext p,.detailbody p,.pagegrid p{margin-bottom:1.125rem}
.richtext ul li,.detailbody ul li,.pagegrid ul li{margin-bottom:0.625rem}
.richtext h2,.detailbody h2,.pagegrid h2{margin:2.75rem 0 1rem}
.richtext h2:first-child,.detailbody h2:first-child,.pagegrid h2:first-child{margin-top:0}
.detail__lead{line-height:1.6}
.prodhead__methods + .detailbody{margin-top:2rem}
.catgrid__item{gap:0.5rem;padding:1.5rem 1.5rem 1.375rem}
.catgrid__sum{line-height:1.6;color:#4F5D70}

/* ============================================================
   TİPOGRAFİ SİSTEMİ (2026-11-03) — en sonda: önceki katmanları geçersiz kılar.
   Manrope başlık (500/600/700), IBM Plex Sans metin (400/500, strong 600), IBM Plex Mono teknik etiket (400).
   Ölçek px ile ve ekran genişliğine göre akar (390 → 1920 px arası doğrusal; 2026-11-03 kullanıcı isteğiyle spec'in bir kademe altı: gövde 15–16 px): kök boyut (ekrana sığdırma için
   0.9vw ölçeklenir) yazıları küçültmesin, yerleşim (rem) aynen kalsın.
   ============================================================ */
:root{
  --fs-label:clamp(11px,10.5px + .131vw,13px);   /* teknik etiket, rozet, sayaç */
  --fs-xs:clamp(12px,11.75px + .065vw,13px);     /* ikincil bilgi, dipnot */
  --fs-sm:clamp(13px,12.75px + .065vw,14px);     /* menü, düğme, kart metni */
  --fs-base:clamp(14px,13.75px + .065vw,15px);    /* yoğun metin (liste, form) */
  --fs-body:clamp(15px,14.75px + .065vw,16px);    /* gövde */
  --fs-lead:clamp(16px,15.5px + .131vw,18px);    /* giriş paragrafı */
  --fs-h4:clamp(16px,15px + .261vw,20px);
  --fs-h3:clamp(18px,17px + .261vw,22px);        /* kart başlığı */
  --fs-h2s:clamp(22px,19.45px + .654vw,32px);       /* alt bölüm başlığı */
  --fs-h2:clamp(26px,21.9px + 1.046vw,42px);     /* bölüm başlığı */
  --fs-h1:clamp(30px,25.4px + 1.176vw,48px);     /* iç sayfa başlığı */
  --fs-hero:clamp(34px,27.4px + 1.699vw,60px);   /* ana sayfa görsel başlığı */
  --ls-display:-.025em; --ls-h2:-.02em; --ls-h3:-.012em; --ls-label:.06em;
}
body{font-size:var(--fs-body);line-height:1.65;font-weight:400;font-feature-settings:"kern"}
strong,b{font-weight:600}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.15}

/* Başlıklar */
.hero__title{font-size:var(--fs-hero);letter-spacing:var(--ls-display);line-height:1.06}
.pagehero__title,.pagehero .pagehero__title{font-size:var(--fs-h1);letter-spacing:var(--ls-display);line-height:1.08}
.section__title,#view-home .section__title,.built__body .section__title{font-size:var(--fs-h2);letter-spacing:var(--ls-h2);line-height:1.1}
.process__title,.whyblock__title,.detailcta h2,.feature__copy h4,.pacc__info h3{font-size:var(--fs-h2s);letter-spacing:var(--ls-h2);line-height:1.12}
.netmap__title,.fieldmap__title,.feature__title,.richtext h2,.detailbody h2,.pagegrid h2{font-size:var(--fs-h3);letter-spacing:var(--ls-h3);line-height:1.2}
.feature__title{font-size:var(--fs-h2s)}
.scard h3,.catgrid__item strong,.prodsec,.searchgroup__title,.pgsection__title{letter-spacing:var(--ls-h3)}
.scard h3{font-size:var(--fs-h4);line-height:1.25}  /* üç sütunlu, görselli yoğun kart: bir kademe küçük */
.feature__copy p,.pagehero__lead,.hero__sub,.section__lead{font-size:var(--fs-lead);line-height:1.6}
.fieldmap__stats dt{font-size:var(--fs-h2s)}
.prail__stats dt{font-size:var(--fs-h2s);letter-spacing:-.01em}
/* Ana sayfa ekrana sığar: başlıklar alçak pencerede yüksekliğe göre de sınırlanır. */
@media (min-width:1025px) and (max-aspect-ratio:2867/1000){
  .hero__title{font-size:clamp(34px,min(27.4px + 1.699vw,7.5vh),60px)}
  #view-home .section__title,.contact .section__title{font-size:clamp(26px,min(21.9px + 1.046vw,5.4vh),42px)}
  .feature__title{font-size:clamp(18px,min(19.45px + .654vw,3.8vh),32px)}
  .fieldmap__stats dt,.prail__stats dt{font-size:clamp(20px,min(19.45px + .654vw,4.2vh),32px)}
  .scard h3{font-size:clamp(15px,min(15px + .261vw,2.2vh),20px)}
  .scard p{font-size:clamp(12px,min(12.75px + .065vw,1.75vh),14px);-webkit-line-clamp:2}
  #view-home .section__lead,#view-home .hero__sub{font-size:clamp(14px,min(15.5px + .131vw,2.3vh),18px)}
  .ptrust strong{font-size:clamp(12px,min(12.75px + .065vw,1.8vh),14px)}
  .ptrust span{font-size:clamp(11px,min(11.75px + .065vw,1.6vh),13px);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:1080px){.hero__title{font-size:var(--fs-hero)}}

/* Teknik etiketler ve ölçüm verisi: IBM Plex Mono 400, büyük harfte ölçülü aralık */
.kicker,.breadcrumb,.pagehero .breadcrumb,.listnav__title,.listnav__sub,.listnav__count,.detailsibs h4,.partnerproducts__cat,.reflist__summary,.reftable th,
.reftable td.reftable__num,.part__field,.part__logo small,.pcard__brand,.proj__cat,.footer h4,.footer__bottom,.hero-stat__label,.feature__num,.svc__num,.pstep__num,
.searchpanel__type,.searchgroup__title span,.pgfilter__btn span,.gallery__count,.job__meta,.media__label,.newsbox h4,.ph__tag,.prodhead__brand,.prodhead__model,
.detail__date,.detailcta__row small,.contact__info small,.fieldmap__status,.brandchips span,.langmenu__code,.prail__chips .refchip small,.reflist__chips .refchip small{
  font-family:var(--font-mono);font-weight:400;letter-spacing:var(--ls-label);font-size:var(--fs-label)}
.prail__stats dt,.fieldmap__stats dt{font-family:var(--font-mono);font-weight:400}
.cform label{font-family:var(--font-body);font-weight:500;letter-spacing:0;font-size:var(--fs-xs)}
/* Kenar menüsü: sayı adın yanında kalsın (eşaralıklı rakam daha geniş), başlıklar tek satır */
@media(min-width:1081px){
  .listnav__btn{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem}
  .listnav__count{float:none;flex:none}
}
.listnav__title,.listnav__sub{font-size:11px;letter-spacing:.04em}