/* ============================================================
   METALAB Antalya — Ortak Tasarım Sistemi (main.css)
   Konsept: "Ölçüm / Enstrüman" — grafit galeri + kireçtaşı zemin
   Serif başlık: Instrument Serif · Gövde: Instrument Sans · Veri: Space Mono
   ============================================================ */

/* ---- 1. Tokenlar ---- */
:root{
  --ink:#15181A;          /* koyu grafit ana zemin */
  --ink-soft:#20252A;     /* grafit yumuşak */
  --ink-line:rgba(255,255,255,.13);
  --paper:#EDEBE4;        /* sıcak kireçtaşı içerik zemini */
  --paper-2:#E4E1D7;      /* biraz daha derin */
  --card:#F6F4EE;         /* açık kart yüzeyi */
  --line:#D5D0C3;         /* açık zeminde saç teli çizgi */
  --ink-90:#15181A;
  --text:#26241E;         /* açık zeminde gövde metni */
  --muted:#726E63;        /* soluk metin */
  --muted-on-dark:#A7A297;
  --brass:#8A6D3B;        /* birleştirici metalik */
  --white:#FBFAF6;

  --accent:#8A6D3B;               /* varsayılan; lab başına ezilir */
  --accent-soft:rgba(138,109,59,.12);
  --on-accent:#FBFAF6;

  --font-serif:"Instrument Serif",Georgia,serif;
  --font-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"Space Mono","SFMono-Regular",ui-monospace,monospace;

  --wrap:1240px;
  --pad:clamp(20px,5vw,72px);
  --r:2px;                 /* postmodern: neredeyse köşesiz */
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* Lab renk imzaları */
[data-lab="gubre"]{ --accent:#C0801C; --accent-soft:rgba(192,128,28,.13); --accent-lite:#E4AC4E; }
[data-lab="tarim"]{ --accent:#215C43; --accent-soft:rgba(33,92,67,.13);  --accent-lite:#4F9B77; }

/* ---- 2. Reset ---- */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  font-family:var(--font-sans);
  background:var(--paper); color:var(--text);
  line-height:1.65; font-size:16px; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; cursor:pointer; }
::selection{ background:var(--accent); color:var(--on-accent); }

/* ---- 3. Tipografi ---- */
.eyebrow{
  font-family:var(--font-mono); font-size:12px; font-weight:400;
  letter-spacing:.22em; text-transform:uppercase; color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
}
.eyebrow::before{ content:""; width:26px; height:1px; background:currentColor; opacity:.7; }
h1,h2,h3{ font-family:var(--font-serif); font-weight:400; line-height:1.02; letter-spacing:-.01em; }
.display{ font-size:clamp(2.9rem,7vw,6.2rem); }
.display em{ font-style:italic; color:var(--accent); }
h2.title{ font-size:clamp(2rem,4.4vw,3.4rem); line-height:1.05; }
h3{ font-size:clamp(1.3rem,2.2vw,1.7rem); }
p.lead{ font-size:clamp(1.05rem,1.5vw,1.28rem); color:var(--muted); max-width:56ch; line-height:1.6; }
.mono{ font-family:var(--font-mono); }

/* ---- 4. Yerleşim ---- */
.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--pad); }
.section{ padding-block:clamp(64px,9vw,140px); }
.section--tight{ padding-block:clamp(48px,6vw,90px); }
.section-head{ max-width:64ch; margin-bottom:clamp(36px,5vw,64px); }
.section-head .eyebrow{ margin-bottom:20px; }

/* ---- 5. İmza: ölçüm cetveli (tick-scale) ---- */
.scale{
  height:34px; width:100%;
  background:
    repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 13px);
  position:relative; opacity:.9;
}
.scale::after{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(90deg, var(--accent) 0 1.5px, transparent 1.5px 91px);
}
.scale--dark{ background:repeating-linear-gradient(90deg, var(--ink-line) 0 1px, transparent 1px 13px); }
.scale--dark::after{ opacity:.9; }

/* ---- 6. Butonlar ---- */
.btn{
  --bg:var(--accent); --fg:var(--on-accent);
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 26px; border-radius:var(--r);
  font-size:14px; font-weight:500; letter-spacing:.01em;
  background:var(--bg); color:var(--fg); border:1px solid var(--bg);
  transition:transform .35s var(--ease), background .3s, color .3s, border-color .3s;
}
.btn .ar{ transition:transform .35s var(--ease); }
.btn:hover{ transform:translateY(-2px); }
.btn:hover .ar{ transform:translateX(4px); }
.btn--ghost{ --bg:transparent; --fg:var(--text); border-color:var(--line); }
.btn--ghost:hover{ border-color:var(--accent); color:var(--accent); }
.btn--on-dark{ --bg:transparent; --fg:var(--white); border-color:rgba(255,255,255,.28); }
.btn--on-dark:hover{ background:var(--white); color:var(--ink); border-color:var(--white); }

.textlink{
  display:inline-flex; align-items:center; gap:8px; color:var(--accent);
  font-weight:500; font-size:14px; border-bottom:1px solid transparent; padding-bottom:2px;
  transition:border-color .3s, gap .3s var(--ease);
}
.textlink:hover{ border-color:var(--accent); gap:12px; }

/* ---- 7. Navigasyon ---- */
.nav{
  position:sticky; top:0; z-index:60;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav__in{ display:flex; align-items:center; justify-content:space-between; height:66px; }
.brand{ display:flex; align-items:baseline; gap:12px; }
.brand__logo{
  display:block;
  height:72px;
  width:auto;
  object-fit:contain;
}

.brand__mark{ font-family:var(--font-serif); font-size:23px; letter-spacing:.02em; color:var(--ink); }
.brand__sub{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--accent); padding-left:12px; border-left:1px solid var(--line);
}
.nav__links{ display:flex; align-items:center; gap:30px; }
.nav__links a{
  font-size:14px; color:var(--text); position:relative; padding:4px 0; font-weight:400;
}
.nav__links a::after{
  content:""; position:absolute; left:0; right:100%; bottom:-2px; height:1.5px;
  background:var(--accent); transition:right .35s var(--ease);
}
.nav__links a:hover::after, .nav__links a.is-active::after{ right:0; }
.nav__links a.is-active{ color:var(--ink); }
.nav__back{ font-family:var(--font-mono); font-size:11px; letter-spacing:.12em; color:var(--muted); text-transform:uppercase; }
.nav__back:hover{ color:var(--accent); }
.nav__toggle{ display:none; background:none; border:1px solid var(--line); border-radius:var(--r); width:42px; height:38px; }
.nav__toggle span{ display:block; width:18px; height:1.5px; background:var(--ink); margin:3px auto; transition:.3s; }

/* ---- 8. Hero (koyu grafit bant) ---- */
.hero{ background:var(--ink); color:var(--white); position:relative; overflow:hidden; }
.hero__in{ padding-block:clamp(70px,11vw,150px); position:relative; z-index:2; }
.hero .eyebrow{ color:var(--accent-lite,var(--accent)); }
.hero h1{ color:var(--white); margin:26px 0 30px; }
.hero h1 em{ color:var(--accent-lite,var(--accent)); font-style:italic; }
.hero__desc{ max-width:52ch; color:var(--muted-on-dark); font-size:clamp(1rem,1.4vw,1.18rem); }
.hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
.hero__media{
  position:absolute; inset:0; z-index:1; opacity:.28;
  background-size:cover; background-position:center;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 55%);
          mask-image:linear-gradient(90deg, transparent 0, #000 55%);
}
.hero__grid{ display:grid; grid-template-columns:1.35fr .9fr; gap:clamp(30px,5vw,70px); align-items:end; }
.hero__badge{
  display:flex; gap:22px; align-items:center; padding-top:26px; border-top:1px solid var(--ink-line);
}
.hero__badge .b-num{ font-family:var(--font-serif); font-size:2.1rem; color:var(--accent-lite,var(--accent)); }
.hero__badge .b-txt{ font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-on-dark); line-height:1.5; }

/* ---- 9. İstatistik okumaları ---- */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border-block:1px solid var(--line); }
.stat{ background:var(--paper); padding:34px clamp(16px,2.4vw,32px); }
.stat__n{ font-family:var(--font-serif); font-size:clamp(2.2rem,4.2vw,3.4rem); color:var(--ink); line-height:1; }
.stat__l{ font-family:var(--font-mono); font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--muted); margin-top:12px; }

/* ---- 10. Kategori kartları ---- */
.cats{ display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.cat{ background:var(--card); padding:clamp(28px,3.6vw,48px); display:grid; grid-template-columns:auto 1fr auto; gap:clamp(20px,3vw,48px); align-items:start; transition:background .35s; }
.cat:hover{ background:var(--white); }
.cat__idx{ font-family:var(--font-mono); font-size:13px; color:var(--accent); letter-spacing:.1em; padding-top:8px; }
.cat__name{ font-family:var(--font-serif); font-size:clamp(1.5rem,2.6vw,2.1rem); color:var(--ink); margin-bottom:14px; }
.cat__desc{ color:var(--muted); max-width:52ch; margin-bottom:18px; }
.cat__tags{ display:flex; flex-wrap:wrap; gap:8px; }
.tag{ font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; color:var(--text); background:var(--accent-soft); padding:6px 12px; border-radius:var(--r); }
.cat__go{ align-self:center; }
.cat__go a{ display:inline-grid; place-items:center; width:52px; height:52px; border:1px solid var(--line); border-radius:50%; color:var(--accent); font-size:18px; transition:.35s var(--ease); }
.cat__go a:hover{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); transform:translateX(3px); }

/* ---- 11. Cihaz / yöntem ---- */
.methods{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.method{ background:var(--paper); padding:clamp(24px,2.8vw,36px); }
.method__k{ font-family:var(--font-mono); font-size:12px; letter-spacing:.1em; color:var(--accent); margin-bottom:14px; }
.method__t{ font-family:var(--font-serif); font-size:1.5rem; color:var(--ink); margin-bottom:10px; }
.method__d{ font-size:14px; color:var(--muted); line-height:1.55; }

/* ---- 12. Split (görsel + metin) ---- */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,80px); align-items:center; }
.split__img{ position:relative; }
.split__img img{ width:100%; height:100%; object-fit:cover; border-radius:var(--r); aspect-ratio:4/5; }
.split__img .cap{ position:absolute; left:0; bottom:0; background:var(--ink); color:var(--white); font-family:var(--font-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; padding:10px 16px; }

/* ---- 13. Analiz tabloları ---- */
.analiz-group{ margin-bottom:clamp(48px,6vw,84px); }
.analiz-group__head{ display:flex; align-items:baseline; gap:18px; margin-bottom:22px; padding-bottom:16px; border-bottom:2px solid var(--ink); }
.analiz-group__idx{ font-family:var(--font-mono); font-size:13px; color:var(--accent); }
.analiz-group__name{ font-family:var(--font-serif); font-size:clamp(1.6rem,3vw,2.3rem); color:var(--ink); }
.analiz-sub{ font-family:var(--font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:26px 0 10px; }
.tbl-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--r); background:var(--card); }
table.analiz{ width:100%; border-collapse:collapse; font-size:14px; min-width:640px; }
table.analiz thead th{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  text-align:left; color:var(--muted); font-weight:400; padding:14px 16px; border-bottom:1px solid var(--line); white-space:nowrap;
}
table.analiz tbody td{ padding:14px 16px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--text); }
table.analiz tbody tr:last-child td{ border-bottom:none; }
table.analiz tbody tr:hover{ background:var(--white); }
table.analiz td.code{ font-family:var(--font-mono); font-size:12px; color:var(--accent); white-space:nowrap; }
table.analiz td.name{ font-weight:500; color:var(--ink); }
table.analiz td.dur{ font-family:var(--font-mono); font-size:12px; color:var(--muted); white-space:nowrap; }
.pill-acc{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--on-accent); background:var(--accent); padding:4px 9px; border-radius:var(--r); white-space:nowrap; }
.dash{ color:var(--line); }

/* ---- 14. İletişim ---- */
.contact-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(30px,4vw,64px); }
.info-list{ display:grid; gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:28px; }
.info{ background:var(--card); padding:24px clamp(18px,2.4vw,30px); }
.info__k{ font-family:var(--font-mono); font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
.info__v{ color:var(--ink); font-size:15px; line-height:1.6; }
.info__v a:hover{ color:var(--accent); }
.form{ display:grid; gap:16px; }
.field label{ display:block; font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.field input,.field textarea{
  width:100%; padding:13px 15px; border:1px solid var(--line); border-radius:var(--r);
  background:var(--card); color:var(--ink); font-family:var(--font-sans); font-size:15px; transition:border-color .3s;
}
.field input:focus,.field textarea:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.field textarea{ resize:vertical; min-height:130px; }
.form__note{ font-size:12.5px; color:var(--muted); }
.map{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-top:34px; }
.map iframe{ width:100%; height:340px; border:0; display:block; filter:grayscale(.25) contrast(1.02); }

/* ---- 15. Akreditasyon bloğu ---- */
.acc{ display:grid; grid-template-columns:auto 1fr; gap:clamp(24px,4vw,52px); align-items:center; background:var(--ink); color:var(--white); padding:clamp(32px,4vw,56px); border-radius:var(--r); }
.acc__logo{ background:var(--white); padding:18px; border-radius:var(--r); display:grid; place-items:center; }
.acc__logo img{ width:120px; height:auto; }
.acc__logo a{
    display:block;
    transition:transform .25s ease, filter .25s ease;
}

.acc__logo a:hover{
    transform:scale(1.05);
    filter:drop-shadow(0 10px 20px rgba(0,0,0,.18));
}

.acc__logo a img{
    display:block;
}
.acc__facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:26px 34px; margin-top:22px; }
.acc__facts .f-k{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-on-dark); margin-bottom:6px; }
.acc__facts .f-v{ font-family:var(--font-serif); font-size:1.5rem; color:var(--accent-lite,var(--accent)); }
.acc h3{ color:var(--white); font-size:1.9rem; }
.acc p{ color:var(--muted-on-dark); max-width:52ch; margin-top:12px; font-size:15px; }

/* ---- 16. Değerler ---- */
.values{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.value{ background:var(--paper); padding:clamp(28px,3vw,42px); }
.value__n{ font-family:var(--font-mono); font-size:12px; color:var(--accent); margin-bottom:18px; }
.value h3{ font-size:1.45rem; color:var(--ink); margin-bottom:12px; }
.value p{ color:var(--muted); font-size:14.5px; line-height:1.6; }

/* ---- 17. Breadcrumb + sayfa başlığı ---- */
.pagehead{ background:var(--ink); color:var(--white); }
.pagehead__in{ padding-block:clamp(56px,7vw,104px); }
.crumb{ font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-on-dark); margin-bottom:22px; }
.crumb a:hover{ color:var(--accent-lite,var(--accent)); }
.crumb .sep{ color:var(--accent-lite,var(--accent)); margin:0 8px; }
.pagehead h1{ color:var(--white); font-size:clamp(2.4rem,5vw,4rem); }
.pagehead p{ color:var(--muted-on-dark); max-width:56ch; margin-top:18px; font-size:1.08rem; }

/* ---- 18. CTA bandı ---- */
.cta{ background:var(--ink); color:var(--white); }
.cta__in{ padding-block:clamp(56px,7vw,110px); display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; }
.cta h2{ color:var(--white); font-size:clamp(2rem,4vw,3.2rem); max-width:20ch; }
.cta h2 em{ font-style:italic; color:var(--accent-lite,var(--accent)); }

/* ---- 19. Footer ---- */
.footer{ background:var(--ink); color:var(--muted-on-dark); }
.footer__in{ padding-block:clamp(48px,6vw,80px); }
.footer__top{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid var(--ink-line); }
.footer__brand .brand__mark{ color:var(--white); font-size:28px; }
.footer__brand p{ margin-top:16px; font-size:14px; max-width:38ch; line-height:1.6; }
.footer__col h4{ font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-lite,var(--accent)); margin-bottom:16px; font-weight:400; }
.footer__col a,.footer__col p{ display:block; font-size:14px; color:var(--muted-on-dark); margin-bottom:10px; line-height:1.5; }
.footer__col a:hover{ color:var(--white); }
.footer__bottom{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding-top:26px; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; color:var(--muted-on-dark); }

/* ---- 20. Scroll reveal ---- */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in{ opacity:1; transform:none; }

/* ---- 21. Responsive ---- */
@media(max-width:900px){
  .hero__grid,.split,.contact-grid,.cta__in{ grid-template-columns:1fr; }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .cat{ grid-template-columns:auto 1fr; }
  .cat__go{ grid-column:2; justify-self:start; margin-top:6px; }
  .footer__top{ grid-template-columns:1fr 1fr; }
  .acc{ grid-template-columns:1fr; }
}
@media(max-width:680px){
  .nav__links,.nav__back{ display:none; }
  .nav__toggle{ display:block; }
  .nav.open .nav__links{
    display:flex; position:absolute; top:66px; left:0; right:0; flex-direction:column; gap:0;
    background:var(--paper); border-bottom:1px solid var(--line); padding:8px var(--pad) 20px;
  }
  .nav.open .nav__links a{ padding:14px 0; border-bottom:1px solid var(--line); }
  .stats{ grid-template-columns:1fr 1fr; }
  .footer__top{ grid-template-columns:1fr; }
  .cta__in{ text-align:left; }
}
@media(prefers-reduced-motion:reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .reveal{ opacity:1; transform:none; }
}

/* ============================================================
   2026 REDESIGN — USUL inspired, modern laboratory identity
   ============================================================ */
:root{
  --ink:#12352d; --ink-soft:#1d473d; --paper:#f7f6f1; --paper-2:#ecefe9;
  --card:#fff; --white:#fff; --text:#23352f; --muted:#687770;
  --line:#d8dfda; --font-serif:"DM Serif Display",Georgia,serif;
  --font-sans:"Inter",Arial,sans-serif; --font-mono:"Inter",Arial,sans-serif;
  --r:18px; --shadow:0 24px 70px rgba(17,53,45,.10);
}
html[data-lab="gubre"]{--accent:#bb7b2e;--accent-soft:#f5eadb;--accent-lite:#e9b46d;--on-accent:#fff}
html[data-lab="tarim"]{--accent:#2d7a5b;--accent-soft:#e3f0e9;--accent-lite:#8bc5a9;--on-accent:#fff}
body{font-family:var(--font-sans);background:var(--paper);color:var(--text);font-weight:400}
h1,h2,h3,.display,.title,.cat__name,.analysis-accordion__title{font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em}
.wrap{max-width:1240px}
.nav{background:rgba(247,246,241,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(18,53,45,.08)}
.brand__mark{font-family:var(--font-serif);letter-spacing:.02em;font-size:25px;color:var(--ink)}
.brand__sub{font-family:var(--font-sans);font-size:10px;letter-spacing:.19em;font-weight:600;color:var(--accent)}
.nav__links a{font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.02em}
.btn{border-radius:999px;font-family:var(--font-sans);font-weight:600;padding:13px 22px;box-shadow:0 8px 25px rgba(18,53,45,.12)}
.hero{min-height:720px;background:var(--ink)}
.hero__media:after{background:linear-gradient(90deg,rgba(9,37,31,.93) 0%,rgba(9,37,31,.72) 50%,rgba(9,37,31,.28) 100%)}
.hero__in{padding-block:clamp(100px,11vw,165px)}
.display{font-size:clamp(3.2rem,7vw,6.4rem);line-height:.93;max-width:11ch}
.hero__desc{font-size:1.08rem;line-height:1.75;max-width:58ch}
.hero__badge{border-radius:16px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18)}
.stats{margin-top:-45px;position:relative;z-index:3;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.stat{background:#fff;padding:30px}
.stat__n{font-family:var(--font-serif);font-size:2.5rem;color:var(--ink)}
.section{padding-block:clamp(78px,9vw,130px)}
.title{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.02;color:var(--ink)}
.eyebrow{font-family:var(--font-sans);font-weight:700;letter-spacing:.17em}
.cat{border-radius:18px;background:#fff;margin-bottom:14px;border:1px solid var(--line);box-shadow:0 10px 35px rgba(17,53,45,.05);transition:.3s ease}
.cat:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.cat__go a{border-radius:50%;background:var(--accent);color:#fff}
.method,.value,.info{border-radius:16px}.methods,.values,.info-list{gap:14px;background:transparent;border:0}
.split__img img{border-radius:22px;box-shadow:var(--shadow)}
.pagehead{background:linear-gradient(135deg,var(--ink),#0b2923)}
.pagehead__in{padding-block:clamp(72px,9vw,125px)}
.pagehead h1{font-size:clamp(3rem,6vw,5.5rem)}
.cta{background:linear-gradient(120deg,var(--ink),#0d2b25)}
.footer{background:#0a2721}

/* Analysis accordion */
.analysis-accordion{border:1px solid var(--line);border-radius:22px;background:#fff;margin:0 0 20px;overflow:hidden;box-shadow:0 12px 42px rgba(18,53,45,.06)}
.analysis-accordion>summary{list-style:none;display:grid;grid-template-columns:52px 1fr auto 44px;align-items:center;gap:18px;padding:28px 30px;cursor:pointer;transition:.25s ease}
.analysis-accordion>summary::-webkit-details-marker,.analysis-subaccordion>summary::-webkit-details-marker{display:none}
.analysis-accordion>summary:hover{background:var(--accent-soft)}
.analysis-accordion__num{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.analysis-accordion__title{font-size:clamp(1.65rem,3vw,2.45rem);color:var(--ink)}
.analysis-accordion__count{font-size:12px;font-weight:600;color:var(--muted);background:var(--paper-2);padding:7px 12px;border-radius:999px;white-space:nowrap}
.analysis-accordion__icon,.analysis-subaccordion__icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:20px;transition:.3s}
.analysis-accordion[open]>summary .analysis-accordion__icon,.analysis-subaccordion[open]>summary .analysis-subaccordion__icon{transform:rotate(45deg);background:var(--accent)}
.analysis-accordion__body{padding:0 28px 30px;border-top:1px solid var(--line);background:#fbfcfa}
.analysis-subaccordion{border-bottom:1px solid var(--line);padding:0}
.analysis-subaccordion:last-child{border-bottom:0}
.analysis-subaccordion>summary{list-style:none;display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:15px;padding:22px 4px;cursor:pointer;font-weight:600;color:var(--ink)}
.analysis-subaccordion>summary:hover{color:var(--accent)}
.analysis-subaccordion__count{font-size:11px;color:var(--muted);font-weight:500}
.analysis-subaccordion__icon{width:28px;height:28px;font-size:16px}
.analysis-subaccordion .tbl-wrap{margin:0 0 25px;border-radius:14px;box-shadow:none}
table.analiz thead th{background:var(--ink);color:rgba(255,255,255,.72);font-family:var(--font-sans);font-weight:600;letter-spacing:.06em}
table.analiz tbody tr:nth-child(even){background:#f7f8f5}
table.analiz tbody tr:hover{background:var(--accent-soft)}
.pill-acc{font-family:var(--font-sans);font-weight:600;border-radius:999px}

@media(max-width:680px){
 .hero{min-height:650px}.display{font-size:3.25rem}.hero__media:after{background:rgba(9,37,31,.76)}
 .analysis-accordion>summary{grid-template-columns:34px 1fr 34px;padding:21px 17px;gap:10px}
 .analysis-accordion__count{display:none}.analysis-accordion__title{font-size:1.45rem}
 .analysis-accordion__body{padding:0 13px 18px}.analysis-subaccordion>summary{grid-template-columns:1fr 28px}.analysis-subaccordion__count{display:none}
}


/* =========================================================
   METALAB — WhatsApp hızlı iletişim
   ========================================================= */

.wa-float{
  position:fixed;
  right:clamp(16px,2.2vw,28px);
  bottom:clamp(16px,2.2vw,28px);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  text-decoration:none;
  color:#fff;
  isolation:isolate;
}

.wa-float__label{
  max-width:0;
  overflow:hidden;
  white-space:nowrap;
  opacity:0;
  transform:translateX(8px);
  padding:11px 0;
  border-radius:999px;
  background:rgba(14,24,22,.88);
  box-shadow:0 12px 34px rgba(0,0,0,.20);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font-family:var(--font-sans);
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  transition:
    max-width .35s var(--ease),
    opacity .30s ease,
    transform .35s var(--ease),
    padding .35s var(--ease);
}

.wa-float:hover .wa-float__label,
.wa-float:focus-visible .wa-float__label{
  max-width:160px;
  opacity:1;
  transform:none;
  padding:11px 16px;
}

.wa-float__button{
  position:relative;
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:linear-gradient(145deg,#2fd36b,#169447);
  box-shadow:
    0 15px 35px rgba(20,137,67,.30),
    inset 0 1px 0 rgba(255,255,255,.30);
  transition:
    transform .30s var(--ease),
    box-shadow .30s ease,
    filter .30s ease;
}

.wa-float__button::before{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(37,211,102,.32);
  border-radius:50%;
  opacity:0;
  transform:scale(.8);
  transition:opacity .30s ease,transform .30s ease;
}

.wa-float:hover .wa-float__button,
.wa-float:focus-visible .wa-float__button{
  transform:translateY(-3px) scale(1.04);
  box-shadow:
    0 20px 46px rgba(20,137,67,.38),
    inset 0 1px 0 rgba(255,255,255,.36);
  filter:saturate(1.08);
}

.wa-float:hover .wa-float__button::before,
.wa-float:focus-visible .wa-float__button::before{
  opacity:1;
  transform:scale(1);
}

.wa-float__icon{
  width:29px;
  height:29px;
  display:block;
  fill:#fff;
}

.wa-float.is-ringing .wa-float__button{
  animation:wa-ring 1.15s ease-in-out;
}

@keyframes wa-ring{
  0%,100%{transform:rotate(0)}
  12%{transform:rotate(-7deg)}
  24%{transform:rotate(7deg)}
  36%{transform:rotate(-5deg)}
  48%{transform:rotate(5deg)}
  60%{transform:rotate(-3deg)}
  72%{transform:rotate(3deg)}
}

/* İlk ziyarette kısa süre görünen karşılama balonu */
.wa-greeting{
  position:fixed;
  right:clamp(18px,2.4vw,30px);
  bottom:clamp(86px,7.5vw,102px);
  z-index:9998;
  max-width:min(280px,calc(100vw - 36px));
  padding:14px 17px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px 16px 4px 16px;
  background:rgba(15,25,23,.92);
  color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  font-family:var(--font-sans);
  font-size:13px;
  line-height:1.45;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.98);
  transition:
    opacity .35s ease,
    visibility .35s ease,
    transform .35s var(--ease);
}

.wa-greeting.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}

@media(max-width:680px){
  .wa-float__button{
    width:54px;
    height:54px;
    flex-basis:54px;
  }

  .wa-float__icon{
    width:27px;
    height:27px;
  }

  .wa-float__label{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .wa-float.is-ringing .wa-float__button{
    animation:none;
  }

  .wa-float__label,
  .wa-float__button,
  .wa-greeting{
    transition:none;
  }
}

/* =========================================================
   ÜST MENÜ — Bakanlık ve TÜRKAK logoları
   Krem navigasyon çubuğunun en sağında bağımsız konumlanır.
   ========================================================= */
.nav__official-logos{
  position:absolute;
  top:50%;
  right:clamp(12px,1.7vw,28px);
  transform:translateY(-50%);
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  height:66px;
  pointer-events:auto;
}

.nav__official-logo{
  display:block;
  width:auto;
  object-fit:contain;
  object-position:center;
  transition:transform .25s var(--ease), opacity .25s ease;
}

.nav__official-logo--bakanlik{
  height:56px;
  max-width:58px;
}

.nav__official-logo--turkak{
  height:57px;
  max-width:58px;
}

.nav__official-logo:hover{
  transform:translateY(-1px) scale(1.035);
}

@media(max-width:1500px){
  .nav__official-logos{
    display:none;
  }
}