/* ============================================================
   IPM Industries — Marka Standardı 1A · Yön 1A · Sürüm 1.0
   Slate %60 · açık zemin %35 · Brass %5 (asla dolgu değil)
   Izgara: 8px katları · Köşe: maks 2px
   ============================================================ */
:root{
  --slate:#333B45;
  --slate-2:#3D4650;
  --brass:#C89B5E;
  --brass-l:#E7C48A;
  --brass-ink:#8A6A3D;      /* açık zeminde brass METİN için (CR 5.0) */
  --stone:#DCD8D1;
  --bone:#FBFAF8;
  --body:#5E5A53;
  --logo-cut:var(--bone);

  --u:8px;
  --pad:calc(var(--u)*4);
  --max:1240px;

  --f-disp:'Roboto Condensed',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-label:'Roboto Condensed',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bone);color:var(--body);
  font:400 18px/1.62 var(--f-body);
  -webkit-font-smoothing:antialiased;
  /* 22.09.2026 — 'fi'/'ffi' baglari (ligature) birlesik gorunuyordu (Offices, fillers,
     finder, classified). optimizeLegibility bunlari aciyordu; kapatildi. */
  font-variant-ligatures:none;font-feature-settings:'liga' 0,'clig' 0,'dlig' 0;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;color:var(--slate);font-family:var(--f-disp);}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

/* --- ortak --- */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.eyebrow{
  font:700 14px/1.4 var(--f-label);text-transform:uppercase;
  letter-spacing:.14em;color:var(--brass-ink);
}
.eyebrow--on-dark{color:var(--brass)}
.rule{height:1px;background:var(--stone);border:0;margin:0}
.h2{font-weight:700;font-size:clamp(30px,3.4vw,40px);line-height:1.12;letter-spacing:-.01em}
.h3{font-weight:700;font-size:clamp(18px,1.7vw,21px);line-height:1.25;letter-spacing:0}
.lede{font-size:20px;line-height:1.6;max-width:58ch}

.btn{
  display:inline-flex;align-items:center;gap:calc(var(--u)*1.5);
  font:700 16px/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase;
  padding:calc(var(--u)*2) calc(var(--u)*3);border-radius:2px;
  border:1px solid transparent;transition:background .18s,color .18s,border-color .18s;
}
.btn--primary{background:var(--slate);color:var(--bone)}
.btn--primary:hover{background:var(--slate-2)}
.btn--ghost{border-color:var(--stone);color:var(--slate)}
.btn--ghost:hover{border-color:var(--slate)}
.btn--on-dark{background:var(--bone);color:var(--slate)}
.btn--on-dark:hover{background:var(--brass-l)}
.btn--ghost-dark{border-color:rgba(251,250,248,.28);color:var(--bone)}
.btn--ghost-dark:hover{border-color:var(--brass)}
.btn .arw{font-family:var(--f-body);font-weight:400}

a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--pad);top:var(--pad);z-index:99;background:var(--slate);color:var(--bone);padding:12px 16px}