/* ==========================================================================
   HAKKIMIZDA — etkilesimli kurumsal sayfa
   B2B tonu: veri onde, sus yok. Etkilesim bilgiye erisimi kisaltmak icin
   (sekme, zaman cizelgesi, is birimi paneli), gosteri icin degil.
   ========================================================================== */

/* — olcu rayi (sayac) — */
.hk-olcu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:44px;
  border-block:1px solid var(--rule-d)}
/* Ayirici cizgiler hucrenin SAGINDA; ilk hucre soldan, son hucre sagdan tasmasin
   ki blok metin sutunuyla hizali kalsin. */
.hk-olcu div{padding:22px 24px 20px;border-right:1px solid var(--rule-d);
  display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hk-olcu div:first-child{padding-left:0}
.hk-olcu div:last-child{padding-right:0;border-right:0}
.hk-olcu b{font:500 clamp(1.5rem,2.6vw,2.05rem)/1 var(--mono);color:#8fdc98;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hk-olcu span{font:500 .72rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:#a9bcb3}
/* Not satiri: alti cizili degil; okla verilen bag. Tum hucrelerde ayni hizada dursun. */
.hk-olcu a{margin-top:auto;padding-top:4px;display:inline-flex;align-items:center;gap:8px;
  font:500 .7rem var(--mono);letter-spacing:.07em;color:#8fdc98;text-transform:uppercase}
.hk-olcu a .pk-ar{width:13px}
.hk-olcu a:hover{color:#fff}

/* — sekmeler (misyon / vizyon / deger) — */
.hk-sekme{border-top:2px solid var(--ink)}
.hk-sekme [role="tablist"]{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--rule)}
.hk-sekme [role="tab"]{appearance:none;background:none;border:0;cursor:pointer;
  padding:18px 26px 16px;font:700 .96rem var(--body);color:var(--muted);
  border-bottom:2px solid transparent;margin-bottom:-1px;transition:.18s}
.hk-sekme [role="tab"]:hover{color:var(--ink)}
.hk-sekme [role="tab"][aria-selected="true"]{color:var(--ink);border-bottom-color:var(--green)}
.hk-sekme [role="tab"]:first-child{padding-left:0}
.hk-sekme [role="tabpanel"]{padding:34px 0 8px;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:56px;align-items:start}
.hk-sekme [role="tabpanel"][hidden]{display:none}
.hk-sekme .metin p{font-size:1.1rem;line-height:1.8;color:var(--ink-2);max-width:62ch}
.hk-sekme .metin p+p{margin-top:16px}
.hk-sekme .yan{border-left:2px solid var(--green);padding-left:22px}
.hk-sekme .yan b{display:block;font:500 .72rem var(--mono);letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.hk-sekme .yan p{font-size:.96rem;line-height:1.7;color:var(--ink-2)}

/* — is birimleri — */
.hk-birim{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.hk-birim a{background:#fff;padding:22px 22px 24px;display:grid;align-content:start;gap:9px;
  transition:background .2s,transform .2s;position:relative;overflow:hidden}
.hk-birim a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hk-birim a:hover,.hk-birim a:focus-visible{background:#f7faf6}
.hk-birim a:hover::after,.hk-birim a:focus-visible::after{transform:scaleX(1)}
.hk-birim .kod{font:600 .72rem var(--mono);letter-spacing:.12em;color:var(--green-d)}
.hk-birim h3{font-size:1.02rem;font-weight:700;font-stretch:92%;line-height:1.28}
.hk-birim p{font-size:.88rem;color:var(--muted);line-height:1.6}
.hk-birim .git{margin-top:2px;font:600 .82rem var(--body);color:var(--ink);display:flex;
  align-items:center;gap:9px}
.hk-birim a:hover .git{color:var(--green-d)}

/* — zaman cizelgesi — */
.hk-zaman{border-top:2px solid var(--ink)}
.hk-yil{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--rule)}
.hk-yil::-webkit-scrollbar{display:none}
.hk-yil button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;
  cursor:pointer;padding:16px 22px;font:500 1rem var(--mono);color:var(--muted);
  letter-spacing:.04em;white-space:nowrap;margin-bottom:-1px;transition:.18s;position:relative}
.hk-yil button:first-child{padding-left:0}
.hk-yil button::before{content:"";position:absolute;left:50%;bottom:-1px;width:7px;height:7px;
  background:var(--rule);transform:translate(-50%,50%) rotate(45deg);transition:background .2s}
.hk-yil button:hover{color:var(--ink)}
.hk-yil button[aria-selected="true"]{color:var(--ink);font-weight:600;border-bottom-color:var(--green)}
.hk-yil button[aria-selected="true"]::before{background:var(--green)}
.hk-olay{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,1fr);gap:48px;
  padding:36px 0 8px;align-items:start}
.hk-olay.tek{grid-template-columns:1fr}
.hk-olay.tek p{max-width:74ch}
.hk-olay[hidden]{display:none}
.hk-olay .im{overflow:hidden;background:var(--mist);aspect-ratio:4/3}
.hk-olay .im img{width:100%;height:100%;object-fit:cover}
.hk-olay .bd{display:grid;gap:14px;align-content:start}
.hk-olay .yil{font:500 .74rem var(--mono);letter-spacing:.14em;color:var(--green-d)}
.hk-olay h3{font:800 clamp(1.3rem,2.2vw,1.8rem)/1.15 var(--display);font-stretch:80%;
  text-transform:uppercase}
.hk-olay p{color:var(--ink-2);line-height:1.8;max-width:60ch}
.hk-olay .kaynak{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.92rem;
  color:var(--green-d)}
.hk-olay .kaynak:hover .pk-ar{transform:translateX(4px)}
.hk-olay .kaynak .pk-ar{transition:transform .25s}

/* — donusumlu anlatim bloklari — */
.hk-blok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;
  border:1px solid var(--rule);margin-top:34px}
.hk-blok:nth-of-type(even) .im{order:2}
.hk-blok .im{overflow:hidden;background:var(--mist);min-height:300px}
.hk-blok .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.hk-blok:hover .im img{transform:scale(1.03)}
.hk-blok .bd{padding:40px 44px;display:grid;gap:13px;align-content:center}
.hk-blok h3{font:800 clamp(1.25rem,2vw,1.6rem)/1.16 var(--display);font-stretch:82%;
  text-transform:uppercase}
.hk-blok p{color:var(--ink-2);line-height:1.78;font-size:.99rem}

/* — sertifika kartlari — */
.hk-belge{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.hk-belge div{background:#fff;padding:26px 20px;display:grid;justify-items:center;gap:12px;
  text-align:center;transition:background .2s}
.hk-belge div:hover{background:#f7faf6}
.hk-belge img{height:58px;width:auto;filter:grayscale(1);opacity:.75;transition:.25s}
.hk-belge div:hover img{filter:none;opacity:1}
.hk-belge b{font-size:.9rem;font-weight:700;font-stretch:94%}
.hk-belge span{font:500 .72rem/1.5 var(--mono);color:var(--muted);letter-spacing:.04em}

@media (max-width:1080px){
  .hk-olcu{grid-template-columns:1fr 1fr}
  .hk-olcu div{border-bottom:1px solid var(--rule-d);padding-bottom:18px}
  .hk-olcu div:nth-child(2n){border-right:0}
  .hk-sekme [role="tabpanel"]{grid-template-columns:1fr;gap:28px}
  .hk-birim{grid-template-columns:1fr 1fr}
  .hk-olay{grid-template-columns:1fr;gap:26px}
  .hk-blok,.hk-blok:nth-of-type(even){grid-template-columns:1fr}
  .hk-blok .im{order:0;min-height:0;aspect-ratio:16/9}
  .hk-blok .bd{padding:28px 26px 32px}
  .hk-belge{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .hk-olcu{grid-template-columns:1fr}
  .hk-olcu div{border-right:0}
  .hk-birim{grid-template-columns:1fr}
  .hk-belge{grid-template-columns:1fr 1fr}
  .hk-sekme [role="tab"]{padding:14px 16px;font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){
  .hk-blok .im img,.hk-birim a::after{transition:none}
}

/* — sayfa sonu: uc yonlendirme karti (ortalanmis) — */
.hk-cikis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule);margin-top:48px}
.hk-cikis a{background:#fff;padding:34px 30px 32px;display:flex;flex-direction:column;
  align-items:center;text-align:center;gap:10px;transition:background .2s}
.hk-cikis a:hover{background:#f7faf6}
.hk-cikis h3{font:800 1.12rem/1.25 var(--display);font-stretch:88%;text-transform:uppercase;
  max-width:18ch}
.hk-cikis p{font-size:.92rem;color:var(--muted);line-height:1.65;max-width:34ch}
.hk-cikis .git{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:10px;
  font-weight:600;font-size:.92rem;color:var(--green-d)}
.hk-cikis a:hover .git .pk-ar{transform:translateX(4px)}
.hk-cikis .git .pk-ar{transition:transform .25s}
@media (max-width:980px){.hk-cikis{grid-template-columns:1fr}}