@import url('nunito.css');  /* Nunito — self-host (woff2'ler static/fonts/, çevrimdışı & CDN'siz) */
/* ===== Grupas Gelişim — tasarım sistemi ===================================
   Marka: İnsan · Süreç · Teknoloji  ·  Grupas mavisi + teal damla aksanı
   Yazı karakteri: Nunito (tüm site)
   ========================================================================= */

:root {
  /* Marka mavisi */
  --brand-950:#082138; --brand-900:#0b3a63; --brand-800:#0f4b80;
  --brand-700:#155e9e; --brand-600:#1c74bd; --brand-500:#2b8ed6;
  --brand-400:#58aae2; --brand-300:#8ec7ee; --brand-100:#dcecf9; --brand-50:#eff6fc;
  --accent:#1fbfc9; --accent-600:#0f9aa2;      /* damla teal */
  /* Nötr */
  --ink-900:#0d2131; --ink-800:#1c3346; --ink-700:#33485a; --ink-500:#5f7484;
  --ink-400:#8496a4; --line:#e4eaf0; --line-soft:#eef3f7;
  --bg:#ffffff; --bg-soft:#f5f8fb; --bg-softer:#eaf1f8;
  /* Ölçüler */
  --maxw:1180px; --radius:16px; --radius-sm:11px; --radius-lg:26px;
  --shadow-sm:0 1px 2px rgba(13,33,49,.06), 0 1px 3px rgba(13,33,49,.05);
  --shadow:0 10px 30px -12px rgba(13,49,90,.18);
  --shadow-lg:0 30px 60px -22px rgba(13,49,90,.32);
  --ring:0 0 0 4px var(--brand-100);
  --grad:linear-gradient(135deg,var(--brand-800),var(--brand-600) 55%,var(--accent));
  --grad-soft:linear-gradient(135deg,#0b3a63,#124e86 60%,#0f7d8a);
  --font:'Nunito',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:var(--font); color:var(--ink-800);
  background:var(--bg); line-height:1.6; -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{color:var(--ink-900); line-height:1.14; letter-spacing:-.02em; margin:0 0 .4em}
h1{font-weight:800} h2{font-weight:800} h3{font-weight:700}
p{margin:0 0 1rem}
a{color:var(--brand-700); text-decoration:none}
img,svg{max-width:100%}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px}
.skip{position:absolute; left:-999px}
.skip:focus{left:12px; top:12px; background:#fff; padding:8px 14px; border-radius:8px; z-index:200}

/* ---------- Bölüm başlıkları ---------- */
.section{padding:88px 0}
.section--soft{background:var(--bg-soft)}
/* "Kalıcı gelişimin üç temeli" bölümü: hero dalgasından sonra optimal üst/alt boşluk
   (üst, hero-wave geçişi nedeniyle alttan biraz daha az) */
#about{padding-top:48px; padding-bottom:64px}
#about .section-head{margin-bottom:34px}
.eyebrow{
  display:inline-block; font-size:.8rem; font-weight:700; letter-spacing:.09em;
  text-transform:uppercase; color:var(--brand-700);
  background:var(--brand-50); border:1px solid var(--brand-100);
  padding:5px 13px; border-radius:100px; margin-bottom:16px;
}
.section-head{max-width:660px; margin-bottom:44px}
.section-head.center{margin-inline:auto; text-align:center}
.section-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
.section-head p{color:var(--ink-500); font-size:1.06rem; margin:0}

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:.98rem;
  padding:13px 22px; border-radius:100px; border:1px solid transparent; cursor:pointer;
  transition:.18s ease; white-space:nowrap;
}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--brand-600); color:#fff; box-shadow:var(--shadow)}
.btn-primary:hover{background:var(--brand-700); transform:translateY(-2px); box-shadow:var(--shadow-lg)}
.btn-ghost{background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.4)}
.btn-ghost:hover{background:rgba(255,255,255,.22)}
.btn-outline{background:#fff; color:var(--brand-700); border-color:var(--line)}
.btn-outline:hover{border-color:var(--brand-300); color:var(--brand-800); box-shadow:var(--shadow-sm)}
.btn-lg{padding:15px 28px; font-size:1.02rem}

/* ============ HEADER ============ */
.site-header{
  position:sticky; top:0; z-index:100; background:rgba(255,255,255,.82);
  backdrop-filter:saturate(150%) blur(14px); border-bottom:1px solid var(--line-soft);
}
.nav{display:flex; align-items:center; gap:22px; height:74px}
.brand{display:flex; align-items:center; gap:11px; font-weight:800; color:var(--ink-900); font-size:1.32rem; letter-spacing:-.03em}
.brand .mark{width:34px;height:34px; flex:0 0 auto}
.brand small{display:block; font-size:.56rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-400); margin-top:-3px}
.brand-logo{height:42px; width:auto; display:block}
@media (max-width:720px){ .brand-logo{height:36px} }
.nav-links{display:flex; align-items:center; gap:4px; margin-left:14px}
.nav-links a{
  color:var(--ink-700); font-weight:500; font-size:.95rem; padding:8px 12px; border-radius:9px;
  transition:.15s;
}
.nav-links a:hover{color:var(--brand-700); background:var(--brand-50)}
.nav-links a.nav-hot{display:inline-flex; align-items:center; gap:5px; color:var(--brand-700); font-weight:700}
.nav-links a.nav-hot svg{width:16px; height:16px}
.nav-right{margin-left:auto; display:flex; align-items:center; gap:10px}

/* Diller: inline butonlar (TR / ENG / DE / FR) */
.lang-inline{display:flex; align-items:center; gap:2px; margin-left:4px}
.lang-opt{font-size:.82rem; font-weight:700; color:var(--ink-400); padding:6px 9px; border-radius:8px; transition:.15s; letter-spacing:.02em}
.lang-opt:hover{color:var(--brand-700); background:var(--brand-50)}
.lang-opt.active{color:var(--brand-700); background:var(--brand-50)}

/* Header İnsan/Süreç/Teknoloji oval butonları (logo renkleri) */
.pillar-nav{display:flex; align-items:center; gap:10px}
.pill-btn{display:inline-flex; align-items:center; gap:7px; height:42px; font-weight:700; font-size:.94rem; padding:0 22px; border-radius:100px; color:#fff; border:0; white-space:nowrap; box-shadow:var(--shadow-sm); transition:.18s}
.pill-btn svg{width:17px; height:17px}
.pill-home{background:#fff; color:var(--ink-700); border:1.5px solid var(--line); box-shadow:none; padding:0 18px}
.pill-home:hover{border-color:var(--brand-300); color:var(--brand-700); filter:none; box-shadow:var(--shadow-sm)}
.pill-insan{background:#3778bf}       /* koyu yaprak */
.pill-surec{background:#5290d0}       /* orta yaprak (logo çekirdek mavisi) */
.pill-teknoloji{background:#6ba0d8}   /* açık yaprak */
.pill-btn:hover{filter:brightness(1.05); transform:translateY(-2px); box-shadow:var(--shadow)}
/* İletişime Geçin butonu da pill'lerle aynı yükseklikte */
.cta-contact{height:42px; padding:0 22px; font-size:.94rem}

/* Dil seçici */
.lang{position:relative}
.lang-btn{
  display:flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--line);
  padding:8px 12px; border-radius:100px; font-weight:600; font-size:.86rem; color:var(--ink-700); cursor:pointer;
}
.lang-btn:hover{border-color:var(--brand-300)}
.lang-menu{
  position:absolute; right:0; top:calc(100% + 8px); background:#fff; border:1px solid var(--line);
  border-radius:14px; box-shadow:var(--shadow-lg); padding:6px; min-width:150px; display:none; z-index:50;
}
.lang.open .lang-menu{display:block}
.lang-menu a{display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:9px; color:var(--ink-700); font-size:.9rem}
.lang-menu a:hover{background:var(--brand-50)}
.lang-menu a.active{color:var(--brand-700); font-weight:700}
.flagtag{font-size:.68rem; font-weight:800; background:var(--brand-50); color:var(--brand-700); border-radius:6px; padding:2px 6px; letter-spacing:.04em}
.nav-toggle{display:none; background:none; border:0; padding:8px; cursor:pointer; color:var(--ink-800)}

/* ============ HERO ============ */
.hero{position:relative; overflow:hidden; background:var(--grad-soft); color:#fff; padding:34px 0 36px}
.hero::before{content:""; position:absolute; inset:0;
  background:
    radial-gradient(680px 380px at 82% 8%, rgba(31,191,201,.35), transparent 60%),
    radial-gradient(560px 420px at 10% 100%, rgba(43,142,214,.4), transparent 60%);
}
.hero .container{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center}
.hero-eyebrow{display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24); color:#eaf6ff; padding:7px 15px; border-radius:100px;
  font-size:1.23rem; font-weight:600; margin-bottom:14px}   /* x1,5 (.82→1.23rem) */
.hero-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent); box-shadow:0 0 0 4px rgba(31,191,201,.28)}
.hero-copy > :not(h1){zoom:.9}   /* H1 başlık aynı kalır; eyebrow+alt metin+buton+istatistik ×0,90 (kullanıcı isteği) */
.hero h1{color:#fff; font-size:clamp(2.1rem,4.6vw,3.5rem); margin-bottom:14px; line-height:1.05}
.hero h1 .grad{background:linear-gradient(90deg,#8ee6ec,#bfe3ff); -webkit-background-clip:text; background-clip:text; color:transparent}
.hero-sub{color:#d6e6f3; font-size:1.344rem; max-width:540px; margin-bottom:16px}   /* x1,2 (1.12→1.344rem) */
.hero-cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px}
.hero-cta .btn{font-size:1.53rem}   /* "Hizmetleri Keşfedin" x1,5 (1.02→1.53rem) */
.btn-ghost{background:rgba(255,255,255,.12); border:1.5px solid rgba(255,255,255,.45); color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.22); border-color:#fff; color:#fff; transform:translateY(-2px)}
.hero-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:560px}
.hero-stats .stat .n{font-size:1.7rem; font-weight:800; color:#fff; letter-spacing:-.02em}
.hero-stats .stat .l{font-size:1.17rem; color:#bcd6ea; line-height:1.35}   /* etiketler x1,5 (0.78→1.17rem) */
/* Anchor'a giderken yapışkan header'ın üstü kapatmaması için */
.anchor-off{scroll-margin-top:96px}
/* Hızlı erişim şeridi — kayan referanslar ile "Müşteri gözüyle" arasında */
.hero-strip{background:transparent}
.quick-strip{padding:4px 0 44px}
.hs-row{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; position:relative; z-index:3}
.hs-card{display:flex; align-items:center; gap:13px; padding:16px 20px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:var(--shadow-sm); font-weight:700; color:var(--ink-800); transition:.16s}
.hs-card:hover{border-color:var(--brand-300); box-shadow:var(--shadow); transform:translateY(-3px); color:var(--brand-700)}
.hs-ic{flex:0 0 auto; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--brand-50); color:var(--brand-600)}
.hs-ic svg{width:22px; height:22px}
.hs-t{flex:1; font-size:1.02rem}
.hs-go{flex:0 0 auto; color:var(--ink-400); display:grid; place-items:center}
.hs-go svg{width:18px; height:18px}
@media(max-width:760px){ .hs-row{grid-template-columns:1fr; margin-top:-16px} }

/* Hero marka karakteri (erkek) — kartların yerine */
.hero-figure{position:relative; align-self:stretch; display:flex; align-items:flex-end; justify-content:center; min-height:100%}
.hero-char-img{max-height:560px; max-width:100%; width:auto; height:auto; object-fit:contain;
  border-radius:22px; box-shadow:0 34px 60px -18px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.14), 0 0 0 7px rgba(255,255,255,.06);
  animation:heroCharIn .7s cubic-bezier(.22,.9,.3,1) both}
@keyframes heroCharIn{from{opacity:0; transform:translateY(26px) scale(.97)}to{opacity:1; transform:none}}
.hero-char-ph{display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center;
  padding:8px 0 0; animation:heroCharIn .7s cubic-bezier(.22,.9,.3,1) both}
.hero-char-ph svg{width:min(300px,82%); height:auto; filter:drop-shadow(0 30px 46px rgba(0,0,0,.45))}
.hero-char-tag{font-size:.92rem; color:rgba(226,240,252,.82); background:rgba(255,255,255,.08);
  border:1px dashed rgba(255,255,255,.3); border-radius:999px; padding:7px 16px; max-width:320px}
.hero-char-tag b{color:#fff; font-weight:700}

/* Hero görseli: İnsan-Süreç-Teknoloji akış grafiği */
.hero-art{position:relative}
.flowcard{
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:20px;
  padding:16px 20px; backdrop-filter:blur(6px); display:flex; align-items:center; gap:16px; margin:9px 0;
  box-shadow:0 20px 40px -24px rgba(0,0,0,.5);
  text-decoration:none; cursor:pointer; transition:transform .18s, background .18s, border-color .18s;
}
a.flowcard:hover{background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.42); transform:translateY(-3px)}
.flowcard .fc-go{margin-left:auto; color:#cfe2f1; opacity:0; transition:.18s; flex:0 0 auto}
.flowcard .fc-go svg{width:20px;height:20px}
a.flowcard:hover .fc-go{opacity:1; transform:translateX(3px)}
.flowcard .ic{width:52px;height:52px;flex:0 0 auto; border-radius:14px; display:grid; place-items:center; color:#fff}
.flowcard .ic svg{width:26px;height:26px}
.flowcard h4{color:#fff; margin:0 0 2px; font-size:1.575rem}   /* x1,5 (1.05→1.575rem) */
.flowcard p{color:#cfe2f1; margin:0; font-size:1.29rem; line-height:1.4}   /* x1,5 (.86→1.29rem) */
.flowcard.c1{margin-left:0; transform:translateX(0)}
.flowcard.c2{margin-left:34px}
.flowcard.c3{margin-left:12px}
.flowcard .ic.i1{background:linear-gradient(135deg,#2b8ed6,#155e9e)}
.flowcard .ic.i2{background:linear-gradient(135deg,#1fbfc9,#0f9aa2)}
.flowcard .ic.i3{background:linear-gradient(135deg,#57a9e2,#2b8ed6)}
.hero-wave{display:block; line-height:0}
.hero-wave svg{width:100%; height:auto; display:block}

/* ============ PILLARS ============ */
.pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.pillar{position:relative; display:block; color:inherit; padding:30px 26px; border-radius:var(--radius); background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); transition:.2s}
.pillar:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--brand-300)}
.pillar h3{color:var(--ink-900)}
.pillar-go{position:absolute; bottom:26px; right:26px; color:var(--brand-300); opacity:0; transform:translateX(-6px); transition:.2s}
.pillar-go svg{width:20px; height:20px}
.pillar:hover .pillar-go{opacity:1; transform:none; color:var(--brand-600)}
.pillar .num{position:absolute; top:22px; right:24px; font-size:2.4rem; font-weight:800; color:var(--brand-50)}
.pillar .pic{width:54px;height:54px;border-radius:15px; display:grid; place-items:center; color:#fff; margin-bottom:16px; background:var(--grad)}
.pillar .pic svg{width:27px;height:27px}
.pillar h3{font-size:1.24rem}
.pillar p{color:var(--ink-500); font-size:.96rem; margin:0}

/* ============ SERVICES ============ */
.svc-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.svc{padding:28px 24px; border-radius:var(--radius); border:1px solid var(--line); background:#fff; transition:.2s}
.svc:hover{border-color:var(--brand-200,#bcdcf5); box-shadow:var(--shadow); transform:translateY(-4px)}
.svc .sic{width:50px;height:50px;border-radius:14px; display:grid; place-items:center; margin-bottom:16px; background:var(--brand-50); color:var(--brand-700)}
.svc .sic svg{width:26px;height:26px}
.svc h3{font-size:1.14rem}
.svc p{color:var(--ink-500); font-size:.92rem; margin:0 0 14px}
.svc .more{display:inline-flex; align-items:center; gap:6px; font-weight:600; font-size:.9rem; color:var(--brand-700)}
.svc .more svg{width:16px;height:16px; transition:.2s}
.svc:hover .more svg{transform:translateX(3px)}

/* ============ ÇÖZÜM SEKMELERİ (üstte 4 sekme + altta geniş panel) ============ */
.svc-tabs-wrap{margin:0 auto}
.svc-tabs{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:18px; align-items:stretch}
.svc-tab{display:flex; flex-direction:column; align-items:flex-start; gap:11px; text-align:left; font:inherit; cursor:pointer;
  height:100%; background:#fff; border:1.5px solid var(--line); border-radius:16px; padding:26px 24px; transition:.18s}
.svc-tab:hover{border-color:var(--brand-300); transform:translateY(-3px); box-shadow:var(--shadow-sm)}
.svc-tab.on{border-color:var(--brand-600); background:var(--brand-50); box-shadow:var(--shadow)}
.svc-tab-top{display:flex; align-items:center; gap:11px}
.svc-tab-pillar{font-size:.72rem; font-weight:800; letter-spacing:.06em; color:var(--brand-700); background:var(--brand-50); border:1px solid var(--brand-100); border-radius:999px; padding:4px 12px; line-height:1}
.svc-tab-alt .svc-tab-pillar{color:#1d7a52; background:#e6f5ef; border-color:#c9eae0}
.svc-tab-ic{flex:0 0 auto; width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:var(--grad); color:#fff; margin-bottom:2px}
.svc-tab-ic svg{width:25px; height:25px}
.svc-tab-t{font-weight:800; font-size:1.1rem; color:var(--ink-800); line-height:1.25}
.svc-tab-tag{font-size:.66rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--brand-600)}
.svc-tab-desc{color:var(--ink-500); font-size:.9rem; line-height:1.5}
.svc-tab-alt .svc-tab-ic{background:linear-gradient(135deg,#2f9e8f,#1d7a52)}
.svc-tab-alt .svc-tab-tag{color:#1d7a52}
.svc-tab-alt.on{border-color:#2f9e8f; background:#e6f5ef}
.svc-panel{display:none; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-sm); padding:26px 28px}
.svc-panel.on{display:block; animation:svcpanel .2s ease}
@keyframes svcpanel{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
.svc-panel-desc{margin:0 0 18px; color:var(--ink-600); font-size:1.02rem; line-height:1.6}
@media (max-width:820px){ .svc-tabs{grid-template-columns:1fr 1fr} }
@media (max-width:500px){ .svc-tabs{grid-template-columns:1fr} .svc-panel{padding:20px 18px} }

/* ============ ÇÖZÜM AKORDİYONU (eski — kullanımda değil) ============ */
.svc-acc{max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:14px}
.svc-item{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-sm); overflow:hidden; transition:.18s}
.svc-item[open]{border-color:var(--brand-200); box-shadow:var(--shadow)}
.svc-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:18px; padding:22px 24px; transition:.15s}
.svc-item summary::-webkit-details-marker{display:none}
.svc-item summary:hover{background:var(--brand-50)}
.svc-ic{flex:0 0 auto; width:54px; height:54px; border-radius:15px; display:grid; place-items:center; background:var(--grad); color:#fff}
.svc-ic svg{width:27px; height:27px}
.svc-txt{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.svc-title{font-weight:800; font-size:1.18rem; color:var(--ink-800); line-height:1.25}
.svc-desc{color:var(--ink-500); font-size:.92rem; line-height:1.5}
.svc-side{flex:0 0 auto; align-self:stretch; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:12px}
.svc-caret{color:var(--brand-400); display:inline-flex}
.svc-caret svg{width:20px; height:20px; transform:rotate(90deg); transition:transform .2s}
.svc-item[open] .svc-caret svg{transform:rotate(-90deg); color:var(--brand-600)}
.svc-type{font-size:.72rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; padding:5px 13px;
  border-radius:100px; background:var(--brand-50); color:var(--brand-700); border:1px solid var(--brand-100); white-space:nowrap}
.svc-item-alt .svc-type{background:#e6f5ef; color:#1d7a52; border-color:#bfe6d4}
.svc-item-alt .svc-ic{background:linear-gradient(135deg,#2f9e8f,#1d7a52)}
.svc-doc.svc-link{text-decoration:none}
/* Arama kutusu (harfleri yazdıkça ilgili kutuya yönlendirir) */
.svc-search-wrap{margin:0 0 16px}
.svc-search{width:100%; border:1.5px solid var(--line); border-radius:12px; padding:11px 14px 11px 42px; font:inherit; font-size:.96rem; color:var(--ink-800);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%239aabbd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M13 13l4 4'/%3E%3C/svg%3E") no-repeat 14px center}
.svc-search:focus{outline:0; border-color:var(--brand-500); box-shadow:0 0 0 3px var(--brand-100)}
.svc-noresult{grid-column:1/-1; color:var(--ink-400); font-size:.95rem; margin:6px 0}
/* Global arama: tüm kategorilerdeki dokümanları arar */
.svc-search-global{max-width:540px; margin:0 auto 20px}
.svc-noresult-global{text-align:center; margin:0 0 18px}
.svc-cat-label{display:none; font-size:.82rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--brand-600); margin:0 0 14px}
.svc-panels.searching .svc-panel{display:block; animation:none; margin-bottom:14px}
.svc-panels.searching .svc-panel.no-match{display:none}
.svc-panels.searching .svc-cat-label{display:block}
.svc-panels.searching .svc-empty{display:none}
/* Çok dokümanlı sekmelerde ~5 satırlık açılır/kapanır gruplar */
.svc-groups{display:flex; flex-direction:column; gap:12px; margin-top:14px}
.svc-doc-group{border:1px solid var(--line); border-radius:13px; background:#fff; overflow:hidden}
.svc-doc-group[open]{box-shadow:var(--shadow-sm)}
.svc-group-sum{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:13px 18px; font-weight:800; color:var(--brand-800); user-select:none; transition:.15s}
.svc-group-sum::-webkit-details-marker{display:none}
.svc-group-sum:hover{background:var(--brand-50)}
.sg-range{color:var(--ink-400); font-weight:600}
.sg-chev{color:var(--brand-500); display:inline-flex; transition:.2s; transform:rotate(90deg)}
.sg-chev svg{width:18px; height:18px}
.svc-doc-group[open] .sg-chev{transform:rotate(-90deg)}
.svc-doc-group > .svc-docs{padding:2px 16px 16px}
/* arama sırasında gruplar düz liste gibi görünsün (JS hepsini açar) */
.svc-panels.searching .svc-groups{gap:0; margin-top:0}
.svc-panels.searching .svc-doc-group{border:0; border-radius:0; background:transparent; box-shadow:none}
.svc-panels.searching .svc-doc-group > summary{display:none}
.svc-panels.searching .svc-doc-group > .svc-docs{padding:0; margin-top:12px}
/* Yan yana kompakt doküman kartları */
.svc-docs{display:grid; grid-template-columns:repeat(auto-fill, minmax(215px, 1fr)); gap:12px; align-items:stretch}
.svc-doc.hide{display:none}
.svc-doc.svc-hit{border-color:var(--brand-400); box-shadow:0 0 0 3px var(--brand-100)}
.svc-doc{display:flex; align-items:center; gap:12px; min-height:76px; text-align:left; font:inherit; cursor:pointer;
  background:var(--brand-50); border:1px solid var(--brand-100); border-radius:13px; padding:13px 16px; transition:.15s}
.svc-doc:hover{background:#fff; border-color:var(--brand-300); box-shadow:var(--shadow-sm); transform:translateY(-2px)}
.svc-doc-ic{flex:0 0 auto; width:36px; height:36px; border-radius:10px; background:#fff; border:1px solid var(--brand-100); color:var(--brand-600); display:grid; place-items:center}
.svc-doc-ic svg{width:19px; height:19px}
.svc-doc-name{flex:1; font-weight:700; color:var(--brand-800); font-size:.93rem; line-height:1.32;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
/* isim + "Ücretsiz" etiketini dikey sar; etiket line-clamp'e takılıp kırpılmasın */
.svc-doc-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; justify-content:center}
.svc-doc-main .svc-doc-name{flex:none}
.svc-doc-go{display:none}   /* kompakt kartta gizli */
/* Ücretsiz analiz etiketi (Kurumsal/Operasyonel/Dijital Olgunluk + Eğitim İhtiyaç) */
.svc-doc-freetag{display:block; margin-top:4px; font-size:.68rem; font-weight:800; letter-spacing:.05em;
  text-transform:uppercase; color:var(--brand-600)}
.svc-doc-free{border-color:var(--brand-300)}
/* "Grupas Gelişim Eğitim Kataloğu" — TNA'nın sağında sabit, ikincil vurgu */
.svc-doc-catalog{background:#fff; border-color:var(--brand-300); border-style:dashed}
.svc-doc-catalog .svc-doc-ic{background:var(--ink-800); border-color:var(--ink-800); color:#fff}
.svc-empty{margin:0; color:var(--ink-400); font-size:.92rem}
.svc-empty a{color:var(--brand-600); font-weight:600; white-space:nowrap}

/* Doküman görüntüleyici modal */
.doc-modal{position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px}
.doc-modal[hidden]{display:none}
.doc-modal-bg{position:absolute; inset:0; background:rgba(11,33,49,.62); backdrop-filter:blur(3px)}
.doc-modal-box{position:relative; width:min(980px,100%); height:min(88vh,900px); background:#fff; border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.4); display:flex; flex-direction:column; overflow:hidden; animation:docpop .18s ease}
@keyframes docpop{from{opacity:0; transform:translateY(12px) scale(.98)} to{opacity:1; transform:none}}
.doc-modal-head{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid var(--line); background:var(--brand-50)}
.doc-modal-head h3{margin:0; font-size:1.05rem; color:var(--brand-800); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.doc-modal-tools{display:flex; align-items:center; gap:10px; flex:0 0 auto}
.doc-modal-x{width:38px; height:38px; border:1px solid var(--line); background:#fff; border-radius:10px; cursor:pointer; display:grid; place-items:center; color:var(--ink-500); transition:.15s}
.doc-modal-x:hover{border-color:var(--brand-300); color:var(--brand-700)}
.doc-modal-x svg{width:18px; height:18px}
.doc-modal-body{flex:1; min-height:0; background:#525659}
.doc-modal-body iframe{width:100%; height:100%; border:0; display:block}
.doc-modal-body img{width:100%; height:100%; object-fit:contain; display:block}
.doc-modal-fallback{color:#fff; text-align:center; padding:40px 24px; display:flex; flex-direction:column; align-items:center; gap:14px; height:100%; justify-content:center}
@media (max-width:720px){
  .doc-modal{padding:0}
  .doc-modal-box{width:100%; height:100%; border-radius:0}
}

/* ============ TRAININGS ============ */
.filters{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:28px}
.chip{
  border:1px solid var(--line); background:#fff; color:var(--ink-700); font-weight:600; font-size:.86rem;
  padding:8px 16px; border-radius:100px; cursor:pointer; transition:.15s;
}
.chip:hover{border-color:var(--brand-300)}
.chip.active{background:var(--brand-600); border-color:var(--brand-600); color:#fff; box-shadow:var(--shadow-sm)}
.chip em{font-style:normal; font-size:.72rem; font-weight:700; color:var(--brand-400); margin-left:3px}
.chip.active em{color:rgba(255,255,255,.82)}
.consult-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:20px}
.count-pill{display:inline-block; font-size:.76rem; font-weight:700; color:var(--brand-700); background:var(--brand-50); border:1px solid var(--brand-100); padding:4px 12px; border-radius:100px; text-transform:capitalize}
.train-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.train{
  display:flex; gap:15px; padding:22px; border-radius:var(--radius); border:1px solid var(--line);
  background:#fff; transition:.2s; align-items:flex-start;
}
.train:hover{box-shadow:var(--shadow); transform:translateY(-3px); border-color:var(--brand-100)}
.train .tic{width:44px;height:44px;flex:0 0 auto;border-radius:12px; display:grid; place-items:center; background:var(--brand-50); color:var(--brand-700)}
.train .tic svg{width:22px;height:22px}
.train h3{font-size:1.02rem; margin:0 0 5px}
.train p{color:var(--ink-500); font-size:.88rem; margin:0 0 9px}
.train .cat{font-size:.72rem; font-weight:700; color:var(--accent-600); text-transform:uppercase; letter-spacing:.05em}
.train.hide{display:none}
.center-cta{text-align:center; margin-top:34px}

/* ============ TOOLS ============ */
.section--tools{background:linear-gradient(180deg,#0b2f52,#0a2743); color:#fff; position:relative; overflow:hidden}
.section--tools::before{content:""; position:absolute; inset:0;
  background:radial-gradient(600px 340px at 88% 0, rgba(31,191,201,.18), transparent 60%)}
.section--tools .container{position:relative}
.section--tools .section-head h2{color:#fff}
.section--tools .section-head p{color:#b9d3e6}
.section--tools .eyebrow{background:rgba(31,191,201,.14); border-color:rgba(31,191,201,.3); color:#8ee6ec}
.tools-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px}
.tool{
  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.11); border-radius:var(--radius);
  padding:20px 18px; transition:.2s; position:relative; display:flex; flex-direction:column;
}
.tool:hover{background:rgba(255,255,255,.1); transform:translateY(-4px); border-color:rgba(31,191,201,.4)}
.tool .abbr{width:46px;height:46px;border-radius:12px; display:grid; place-items:center; font-weight:800; font-size:.86rem; color:#fff; margin-bottom:14px; letter-spacing:.02em}
.tool h3{color:#fff; font-size:1.02rem; margin:0 0 6px}
.tool p{color:#aec7d8; font-size:.83rem; margin:0 0 14px; flex:1}
.tool .badge{position:absolute; top:16px; right:16px; font-size:.64rem; font-weight:700; letter-spacing:.04em;
  color:#8ee6ec; background:rgba(31,191,201,.14); border:1px solid rgba(31,191,201,.3); padding:3px 8px; border-radius:100px;
  display:inline-flex; align-items:center; gap:5px}
.tool .badge .live{width:6px;height:6px;border-radius:50%;background:#2ee6c0; box-shadow:0 0 0 3px rgba(46,230,192,.25)}
.tool .open{display:inline-flex; align-items:center; gap:6px; color:#8ee6ec; font-weight:600; font-size:.85rem}
.tool .open svg{width:15px;height:15px; transition:.2s}
.tool:hover .open svg{transform:translateX(3px)}

/* ============ WHY + REFERENCES ============ */
.why-wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
.why-head.center{text-align:center; max-width:760px; margin:0 auto}
.why-list{list-style:none; padding:0; margin:24px 0 0}
.why-list li{display:flex; gap:13px; align-items:flex-start; margin-bottom:16px; color:var(--ink-700); font-size:1.02rem}
.why-list .ck{width:26px;height:26px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--brand-600); color:#fff; margin-top:2px}
.why-list .ck svg{width:15px;height:15px}
/* Neden Grupas — noktalar 2'li grid (ortalı) */
.why-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 40px; max-width:900px; margin:30px auto 0}
.why-grid li{margin-bottom:0}
@media (max-width:640px){ .why-grid{grid-template-columns:1fr} }

/* Referanslar — soldan sağa kayan şerit (marquee); üstüne gelince durur */
.ref-strip{margin-top:52px; overflow:hidden}
.ref-strip-title{text-align:center; color:var(--ink-900); font-size:1.18rem; font-weight:800; margin:0 0 24px}
.ref-marquee{position:relative; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.ref-track{display:inline-flex; gap:14px; width:max-content; padding:8px 7px;
  animation:ref-scroll 65s linear infinite; will-change:transform}
.ref-marquee:hover .ref-track{animation-play-state:paused}
@keyframes ref-scroll{ from{transform:translateX(-50%)} to{transform:translateX(0)} }  /* soldan sağa */
.ref-chip{flex:0 0 auto; display:inline-flex; align-items:center; white-space:nowrap; cursor:default;
  padding:12px 22px; border-radius:100px; background:var(--bg-soft); border:1px solid var(--line);
  color:var(--ink-700); font-weight:700; font-size:.98rem; transition:.18s}
.ref-chip:hover{background:#fff; border-color:var(--brand-300); color:var(--brand-700);
  box-shadow:var(--shadow-sm); transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){
  .ref-track{animation:none; flex-wrap:wrap; justify-content:center; width:auto; max-width:1100px; margin:0 auto}
  .ref-marquee{mask-image:none; -webkit-mask-image:none}
}

/* ============ TESTIMONIALS ============ */
.tst-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.tst{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px 24px; box-shadow:var(--shadow-sm)}
.tst .q{color:var(--brand-300); font-size:2.6rem; line-height:.7; font-weight:900; font-family:var(--font)}
.tst p{color:var(--ink-700); font-size:.98rem; margin:8px 0 18px}
.tst .who{display:flex; align-items:center; gap:11px}
.tst .av{width:38px;height:38px;border-radius:50%;background:var(--grad); color:#fff; display:grid; place-items:center; font-weight:700}
.tst .who-txt{display:flex; flex-direction:column; line-height:1.25}
.tst .who-txt strong{color:var(--ink-900); font-size:.92rem; font-weight:700}
.tst .who span{font-size:.8rem; color:var(--ink-500); font-weight:500}

/* ============ FAQ ============ */
.faq-wrap{max-width:800px; margin:0 auto}
.faq{border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; margin-bottom:12px; overflow:hidden}
.faq summary{list-style:none; cursor:pointer; padding:20px 22px; font-weight:600; color:var(--ink-900); font-size:1.03rem;
  display:flex; align-items:center; justify-content:space-between; gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--brand-50); color:var(--brand-700); display:grid; place-items:center; transition:.2s}
.faq[open] summary .pm{transform:rotate(45deg); background:var(--brand-600); color:#fff}
.faq .faq-body{padding:0 22px 20px; color:var(--ink-500); font-size:.97rem}

/* ============ CONTACT ============ */
.contact-wrap{display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:start}
.contact-info h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.contact-info p{color:var(--ink-500); font-size:1.05rem}
.contact-meta{list-style:none; padding:0; margin:24px 0 0}
.contact-meta li{display:flex; align-items:center; gap:13px; margin-bottom:14px; color:var(--ink-700); font-weight:500}
.contact-meta .ci{width:42px;height:42px;border-radius:12px;background:var(--brand-50); color:var(--brand-700); display:grid; place-items:center}
.contact-meta .ci svg{width:20px;height:20px}
.form-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:32px; box-shadow:var(--shadow)}
.field{margin-bottom:16px}
.field label{display:block; font-size:.85rem; font-weight:600; color:var(--ink-700); margin-bottom:6px}
.field input,.field textarea{width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:11px; font:inherit; color:var(--ink-900); background:var(--bg-soft); transition:.15s}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--brand-400); box-shadow:var(--ring); background:#fff}
.field textarea{min-height:110px; resize:vertical}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.form-note{font-size:.8rem; color:var(--ink-400); margin-top:10px}

/* ============ FOOTER ============ */
.site-footer{background:var(--brand-950); color:#c6d7e5; padding:64px 0 28px}
.foot-grid{display:grid; grid-template-columns:1.7fr 1fr 1fr 0.9fr; gap:34px; margin-bottom:40px}
.foot-brand .brand{color:#fff}
.foot-brand .brand small{color:#7fa0ba}
/* Footer logosu: header ile aynı, koyu zeminde beyaza çevrilir */
.foot-brand .foot-logo{display:inline-block; line-height:0}
.foot-brand .brand-logo{height:46px; width:auto; filter:brightness(0) invert(1); opacity:.92}
.foot-brand p{color:#9fb8cc; font-size:.92rem; margin:16px 0 18px; max-width:300px}
.foot-social{display:flex; gap:10px}
.foot-social a{width:38px;height:38px;border-radius:10px; background:rgba(255,255,255,.08); display:grid; place-items:center; color:#c6d7e5; transition:.15s}
.foot-social a:hover{background:var(--brand-600); color:#fff}
.foot-social svg{width:19px;height:19px}
.foot-col h4{color:#fff; font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px}
.foot-col a{display:block; color:#9fb8cc; font-size:.92rem; padding:5px 0}
.foot-col a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1); padding-top:22px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:.85rem; color:#7fa0ba}
.foot-bottom .langs{display:flex; gap:14px}
.foot-bottom .langs a{color:#9fb8cc}
.foot-bottom .langs a:hover{color:#fff}

/* ============ YZ ASİSTANI ============ */
.ai-fab{position:fixed; right:24px; bottom:24px; z-index:120; display:flex; align-items:center; gap:10px;
  background:var(--brand-600); color:#fff; border:0; padding:13px 20px 13px 15px; border-radius:100px; cursor:pointer;
  box-shadow:var(--shadow-lg); font-weight:600; font-size:.94rem; transition:.2s}
.ai-fab:hover{background:var(--brand-700); transform:translateY(-2px)}
.ai-fab svg{width:22px;height:22px}
.ai-fab .pulse{width:9px;height:9px;border-radius:50%;background:#2ee6c0; box-shadow:0 0 0 0 rgba(46,230,192,.6); animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,230,192,.5)}70%{box-shadow:0 0 0 10px rgba(46,230,192,0)}100%{box-shadow:0 0 0 0 rgba(46,230,192,0)}}

.ai-panel{position:fixed; right:24px; bottom:90px; width:390px; max-width:calc(100vw - 32px); height:560px; max-height:calc(100vh - 120px);
  background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow-lg); z-index:121;
  display:none; flex-direction:column; overflow:hidden}
.ai-panel.open{display:flex; animation:slideup .22s ease}
@keyframes slideup{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:none}}
.ai-head{background:var(--grad-soft); color:#fff; padding:18px 20px; display:flex; align-items:center; gap:12px}
.ai-head .bot{width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.16); display:grid; place-items:center; overflow:visible}
.ai-head .bot svg{width:22px;height:22px}
/* Kadın marka karakteri avatarı (foto varsa) */
.ai-head .bot.bot-photo{width:52px;height:52px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.22);box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.ai-head .bot.bot-photo .ai-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.ai-panel.open .bot.bot-photo{animation:mascotPop .6s cubic-bezier(.2,1.5,.45,1) both}
/* Asistan mascot karakteri — panel açılınca zıplayarak belirir, gözlerini kırpar, anteni yanıp söner */
.ai-mascot-wrap{display:grid; place-items:center; width:100%; height:100%}
.ai-mascot{width:38px; height:38px; overflow:visible; animation:mascotBob 3.2s ease-in-out infinite}
.ai-panel.open .ai-mascot-wrap{animation:mascotPop .6s cubic-bezier(.2,1.5,.45,1) both}
.ai-mascot .m-eye{transform-box:fill-box; transform-origin:center; animation:mascotBlink 4.6s infinite}
.ai-mascot .m-ant-dot{transform-box:fill-box; transform-origin:center; animation:mascotDot 2s ease-in-out infinite}
@keyframes mascotPop{0%{transform:scale(.2) rotate(-20deg); opacity:0} 55%{transform:scale(1.14) rotate(9deg); opacity:1}
  75%{transform:scale(.95) rotate(-5deg)} 100%{transform:scale(1) rotate(0)}}
@keyframes mascotBob{0%,100%{transform:translateY(0)} 50%{transform:translateY(-2.5px)}}
@keyframes mascotBlink{0%,90%,100%{transform:scaleY(1)} 95%{transform:scaleY(.12)}}
@keyframes mascotDot{0%,100%{transform:scale(1); opacity:1} 50%{transform:scale(1.4); opacity:.65}}
/* Karşılama mesajı panel açılınca yumuşak belirir */
.ai-panel.open #aiBody > .msg.bot:first-child{animation:msgIn .45s .25s ease both}
@keyframes msgIn{from{opacity:0; transform:translateY(7px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){ .ai-mascot,.ai-mascot-wrap,.ai-mascot *,#aiBody>.msg.bot:first-child{animation:none!important} }
.ai-head h4{color:#fff; margin:0; font-size:1rem}
.ai-head p{margin:0; font-size:.78rem; color:#cfe2f1}
.ai-head .close{margin-left:auto; background:rgba(255,255,255,.15); border:0; color:#fff; width:32px;height:32px;border-radius:9px; cursor:pointer; display:grid; place-items:center}
.ai-body{flex:1; overflow-y:auto; padding:18px; background:var(--bg-soft); display:flex; flex-direction:column; gap:12px}
.msg{max-width:84%; padding:11px 14px; border-radius:14px; font-size:.9rem; line-height:1.5; white-space:pre-wrap}
.msg.bot{background:#fff; border:1px solid var(--line); color:var(--ink-800); align-self:flex-start; border-bottom-left-radius:5px}
.msg.user{background:var(--brand-600); color:#fff; align-self:flex-end; border-bottom-right-radius:5px}
.msg.typing{color:var(--ink-400); font-style:italic}
.msg-links{display:flex; flex-wrap:wrap; gap:7px; align-self:flex-start; max-width:92%; margin-top:-4px}
.msg-link{display:inline-flex; align-items:center; gap:5px; font-size:.8rem; font-weight:600; padding:7px 12px; border-radius:100px; background:#fff; border:1px solid var(--brand-100); color:var(--brand-700); transition:.15s; text-decoration:none}
.msg-link::before{content:"→"; color:var(--brand-400); font-weight:700}
.msg-link:hover{background:var(--brand-50); border-color:var(--brand-300); transform:translateY(-1px)}
.msg-link.k-assessment,.msg-link.k-contact{background:var(--brand-600); border-color:var(--brand-600); color:#fff}
.msg-link.k-assessment::before,.msg-link.k-contact::before{color:rgba(255,255,255,.7)}
.msg-link.k-assessment:hover,.msg-link.k-contact:hover{background:var(--brand-700)}
.ai-sugg{display:flex; flex-wrap:wrap; gap:7px; padding:0 18px 12px; background:var(--bg-soft)}
.ai-sugg button{background:#fff; border:1px solid var(--brand-100); color:var(--brand-700); font-size:.78rem; font-weight:500;
  padding:7px 12px; border-radius:100px; cursor:pointer; text-align:left; transition:.15s}
.ai-sugg button:hover{background:var(--brand-50); border-color:var(--brand-300)}
.ai-input{display:flex; gap:9px; padding:14px; border-top:1px solid var(--line); background:#fff}
.ai-input input{flex:1; border:1px solid var(--line); border-radius:100px; padding:11px 16px; font:inherit; background:var(--bg-soft)}
.ai-input input:focus{outline:none; border-color:var(--brand-400); box-shadow:var(--ring); background:#fff}
.ai-input button{width:44px;height:44px;border-radius:50%;background:var(--brand-600); border:0; color:#fff; cursor:pointer; display:grid; place-items:center; flex:0 0 auto}
.ai-input button:hover{background:var(--brand-700)}
.ai-input button svg{width:19px;height:19px}

/* ============ OLGUNLUK TESTİ ============ */
.assess-hero{background:var(--grad-soft); color:#fff; padding:56px 0 46px; position:relative; overflow:hidden}
.assess-hero::before{content:""; position:absolute; inset:0;
  background:radial-gradient(560px 300px at 85% 0, rgba(31,191,201,.32), transparent 60%)}
.assess-hero .container{position:relative; max-width:800px}
.assess-hero h1{color:#fff; font-size:clamp(1.8rem,3.6vw,2.6rem); margin:14px 0 12px}
.assess-hero p{color:#d6e6f3; font-size:1.08rem; max-width:640px; margin:0}
.assess-wrap{padding-top:0; margin-top:-34px; position:relative; z-index:2}
.assess-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); padding:38px 40px; max-width:780px; margin:0 auto}

/* Tanıtım */
#assessIntro{text-align:center}
.intro-dims{display:flex; justify-content:center; gap:34px; flex-wrap:wrap; margin-bottom:24px}
.intro-dim{display:flex; flex-direction:column; align-items:center; gap:9px; font-weight:700; color:var(--ink-800)}
.intro-dim .idic{width:58px;height:58px;border-radius:16px;background:var(--grad); color:#fff; display:grid; place-items:center}
.intro-dim .idic svg{width:28px;height:28px}
.intro-points{list-style:none; padding:0; margin:0 0 26px; display:flex; justify-content:center; gap:26px; flex-wrap:wrap}
.intro-points li{display:flex; align-items:center; gap:8px; color:var(--ink-600,#4a5f70); font-weight:600; font-size:.94rem}
.intro-points li svg{width:20px;height:20px; color:var(--brand-600)}
.privacy{font-size:.8rem; color:var(--ink-400); margin:16px 0 0}

/* Quiz */
.q-top{display:flex; align-items:center; gap:16px; margin-bottom:22px}
.q-prog{flex:1; height:8px; background:var(--bg-softer); border-radius:100px; overflow:hidden}
.q-prog span{display:block; height:100%; background:var(--grad); border-radius:100px; transition:width .3s ease}
.q-count{font-size:.85rem; color:var(--ink-500); font-weight:600; white-space:nowrap}
.q-count b{color:var(--brand-700)}
.q-dim{font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--accent-600); margin-bottom:8px}
.q-text{font-size:1.28rem; line-height:1.35; margin:0 0 24px; color:var(--ink-900)}
.q-opts{display:flex; flex-direction:column; gap:11px; margin-bottom:26px}
.opt{display:flex; align-items:center; gap:13px; width:100%; text-align:left; background:var(--bg-soft);
  border:1.5px solid var(--line); border-radius:13px; padding:15px 18px; font:inherit; font-weight:600;
  font-size:1rem; color:var(--ink-800); cursor:pointer; transition:.15s}
.opt:hover{border-color:var(--brand-300); background:#fff}
.opt .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line); flex:0 0 auto; transition:.15s}
.opt.selected{border-color:var(--brand-600); background:var(--brand-50); color:var(--brand-800)}
.opt.selected .dot{border-color:var(--brand-600); background:var(--brand-600); box-shadow:inset 0 0 0 3px #fff}
.q-nav{display:flex; justify-content:space-between; gap:12px}
.q-nav .btn[disabled]{opacity:.45; cursor:not-allowed}

/* Sonuç */
.assess-card.res .res-head{text-align:center; margin-bottom:14px}
.res-score{display:flex; align-items:center; gap:26px; justify-content:center; flex-wrap:wrap; margin-top:12px}
.res-score .ring{width:132px;height:132px;border-radius:50%; flex:0 0 auto; display:grid; place-content:center; text-align:center;
  background:conic-gradient(var(--c) calc(var(--p,0) * 1%), var(--bg-softer) 0);
  position:relative}
.res-score .ring::before{content:""; position:absolute; inset:11px; background:#fff; border-radius:50%}
.res-score .ring b{position:relative; font-size:2rem; font-weight:800; color:var(--ink-900); line-height:1}
.res-score .ring small{position:relative; display:block; font-size:.72rem; color:var(--ink-500); margin-top:3px}
.res-lv{max-width:360px; text-align:left}
.lv-badge{display:inline-block; color:#fff; font-weight:700; font-size:.9rem; padding:5px 14px; border-radius:100px; margin-bottom:9px}
.res-lv p{color:var(--ink-600,#4a5f70); margin:0; font-size:.98rem}
.res-dims{margin-top:30px}
.res-dims h4,.res-reco h4,.res-cta h4{font-size:1.05rem; margin:0 0 14px; color:var(--ink-900)}
.dim-row{margin-bottom:14px}
.dim-lab{display:flex; justify-content:space-between; font-size:.9rem; font-weight:600; color:var(--ink-700); margin-bottom:6px}
.dim-lab b{color:var(--ink-900)}
.dim-bar{height:11px; background:var(--bg-softer); border-radius:100px; overflow:hidden}
.dim-bar span{display:block; height:100%; width:0; border-radius:100px; transition:width .9s cubic-bezier(.2,.8,.2,1)}
.res-reco{margin-top:32px}
.res-reco .muted{color:var(--ink-500); font-size:.9rem; margin:-8px 0 16px}
.reco-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:14px}
.reco-card{display:block; border:1px solid var(--line); border-radius:14px; padding:18px; background:#fff; transition:.18s}
.reco-card:hover{border-color:var(--brand-300); box-shadow:var(--shadow); transform:translateY(-3px)}
.reco-kind{display:inline-block; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  padding:3px 9px; border-radius:100px; margin-bottom:9px}
.reco-kind.k-training{background:#e7f2fb; color:#1c74bd}
.reco-kind.k-consulting{background:#e6f6f4; color:#0f9aa2}
.reco-kind.k-tool{background:#f0eafb; color:#7a5cd0}
.reco-card strong{display:block; color:var(--ink-900); font-size:1rem; margin-bottom:5px}
.reco-card p{color:var(--ink-500); font-size:.86rem; margin:0}
.res-cta{margin-top:32px; background:var(--grad); border-radius:18px; padding:26px 28px; color:#fff}
.res-cta h4{color:#fff}
.res-cta p{color:#e4f1fb; margin:0 0 16px; font-size:.96rem}
.res-cta-btns{display:flex; gap:12px; flex-wrap:wrap}
.res-cta .btn-outline{background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.5); color:#fff}
.res-cta .btn-outline:hover{background:rgba(255,255,255,.24)}
.res-foot{display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-top:22px}
.btn-link{background:none; border:0; color:var(--brand-700); font-weight:600; font-size:.92rem; cursor:pointer; padding:0}
.btn-link:hover{color:var(--brand-800)}

/* Ölçüm bölümü */
.measures-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.measure{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px 24px}
.measure .pic{width:50px;height:50px;border-radius:14px;background:var(--grad); color:#fff; display:grid; place-items:center; margin-bottom:14px}
.measure .pic svg{width:26px;height:26px}
.measure h3{font-size:1.14rem; margin-bottom:12px}
.measure ul{list-style:none; padding:0; margin:0}
.measure li{position:relative; padding-left:20px; color:var(--ink-600,#4a5f70); font-size:.9rem; margin-bottom:9px; line-height:1.4}
.measure li::before{content:""; position:absolute; left:0; top:8px; width:8px;height:8px;border-radius:50%; background:var(--brand-300)}

/* ============ BİLGİ MERKEZİ ============ */
.container.narrow{max-width:760px}
.kn-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.kn-card{display:block; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px; transition:.2s}
.kn-card:hover{box-shadow:var(--shadow); transform:translateY(-4px); border-color:var(--brand-100)}
.kn-card.hide{display:none}
.kn-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px}
.kn-ic{width:46px;height:46px;border-radius:12px;background:var(--brand-50); color:var(--brand-700); display:grid; place-items:center}
.kn-ic svg{width:24px;height:24px}
.kn-kind{font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--accent-600); background:#e6f6f4; padding:4px 10px; border-radius:100px}
.kn-card h3{font-size:1.12rem; margin-bottom:8px; color:var(--ink-900)}
.kn-card p{color:var(--ink-500); font-size:.92rem; margin:0 0 16px}
.kn-meta{display:flex; justify-content:space-between; font-size:.8rem; color:var(--ink-400); font-weight:600; border-top:1px solid var(--line-soft); padding-top:12px}
.kn-banner{display:flex; align-items:center; gap:18px; margin-top:22px; background:var(--grad); color:#fff; border-radius:var(--radius); padding:22px 26px; box-shadow:var(--shadow); transition:.2s}
.kn-banner:hover{box-shadow:var(--shadow-lg); transform:translateY(-2px)}
.kn-banner-ic{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.16); display:grid; place-items:center; flex:0 0 auto}
.kn-banner-ic svg{width:28px;height:28px}
.kn-banner h3{color:#fff; margin:0 0 3px; font-size:1.15rem}
.kn-banner p{color:#e4f1fb; margin:0; font-size:.92rem}
.kn-banner-go{margin-left:auto; width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16); display:grid; place-items:center; flex:0 0 auto}
.kn-banner-go svg{width:20px;height:20px}
.kn-banner-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px}
.kn-banner-row .kn-banner{margin-top:0}
.kn-banner.alt{background:linear-gradient(135deg,#0f9aa2,#1fbfc9)}
/* Bilgi Merkezi zenginleştirme: hero istatistik + kavram çipleri + araç çapraz-linki */
.kn-stats{display:flex; flex-wrap:wrap; gap:26px; margin-top:20px}
.kn-stats span{color:#cfe2f1; font-size:.95rem}
.kn-stats b{display:block; color:#fff; font-size:1.7rem; font-weight:800; line-height:1}
.kn-block{margin-top:40px}
.kn-sec-head{display:flex; align-items:baseline; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:16px}
.kn-sec-head h2{margin:0; font-size:clamp(1.3rem,2.4vw,1.7rem)}
.kn-sec-head a{color:var(--brand-600); font-weight:700; font-size:.92rem; white-space:nowrap; display:inline-flex; align-items:center; gap:5px}
.kn-sec-head a svg{width:16px; height:16px}
.kn-term-chips{display:flex; flex-wrap:wrap; gap:10px}
.kn-term-chip{background:var(--bg-soft); border:1px solid var(--line); border-radius:999px; padding:9px 18px; font-weight:600; color:var(--ink-700); font-size:.94rem; transition:.15s}
.kn-term-chip:hover{border-color:var(--brand-300); color:var(--brand-700); background:var(--brand-50); transform:translateY(-2px)}
.kn-tools-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.kn-tool-card{display:flex; align-items:center; gap:14px; padding:16px 18px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:var(--shadow-sm); transition:.16s}
.kn-tool-card:hover{border-color:var(--brand-300); box-shadow:var(--shadow); transform:translateY(-3px)}
.kn-tool-abbr{flex:0 0 auto; min-width:52px; height:46px; padding:0 12px; border-radius:12px; background:var(--brand-600); color:#fff; font-weight:800; font-size:.9rem; display:grid; place-items:center}
.kn-tool-txt{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
.kn-tool-txt strong{color:var(--ink-900); font-size:1rem}
.kn-tool-txt span{color:var(--ink-500); font-size:.82rem; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.kn-tool-go{flex:0 0 auto; color:var(--ink-400)} .kn-tool-go svg{width:18px; height:18px}
@media(max-width:820px){ .kn-tools-grid{grid-template-columns:1fr 1fr} }
@media(max-width:560px){ .kn-tools-grid{grid-template-columns:1fr} }
.kn-cta{text-align:center; max-width:640px; margin:0 auto}
.kn-cta h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.kn-cta p{color:var(--ink-500); font-size:1.04rem; margin-bottom:22px}

/* Makale */
.art-hero{background:var(--grad-soft); color:#fff; padding:52px 0 40px}
.crumbs{display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.82rem; margin-bottom:16px}
.crumbs a{color:#bcd6ea}
.crumbs a:hover{color:#fff}
.crumbs span{color:#89a9c4}
.crumbs .cur{color:#fff}
.art-kind{display:inline-block; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#8ee6ec; margin-bottom:12px}
.art-hero h1{color:#fff; font-size:clamp(1.7rem,3.4vw,2.5rem); margin-bottom:14px}
.art-sum{color:#d6e6f3; font-size:1.12rem; margin:0}
.art-body{padding-top:44px; padding-bottom:8px}
.art-sec{margin-bottom:30px}
.art-sec h2{font-size:1.4rem; margin-bottom:12px}
.art-sec p{color:var(--ink-700); font-size:1.05rem; line-height:1.75; margin:0}
.art-steps{margin:6px 0 0; padding-left:0; list-style:none; counter-reset:step}
.art-steps li{position:relative; padding:12px 12px 12px 52px; margin-bottom:10px; background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; color:var(--ink-800); font-weight:600; counter-increment:step}
.art-steps li::before{content:counter(step); position:absolute; left:12px; top:50%; transform:translateY(-50%); width:28px;height:28px;border-radius:50%; background:var(--brand-600); color:#fff; display:grid; place-items:center; font-size:.85rem}
.art-related{margin-top:40px; padding-top:32px; border-top:1px solid var(--line)}
.art-related h3,.art-cta h3{font-size:1.2rem; margin-bottom:16px}
.art-cta{margin-top:38px; background:var(--grad); border-radius:18px; padding:30px 32px; color:#fff}
.art-cta h3{color:#fff}
.art-cta p{color:#e4f1fb; margin:0 0 18px}

/* Tanıtım dokümanı sayfası (metin + opsiyonel inline PDF) */
.doc-hero{background:var(--grad-soft)}
.doc-viewtabs{display:inline-flex; gap:6px; background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; padding:5px; margin:0 0 22px}
.doc-vt{display:inline-flex; align-items:center; gap:7px; border:0; background:transparent; color:var(--ink-600); font:inherit; font-weight:600; font-size:.9rem; padding:8px 16px; border-radius:9px; cursor:pointer; transition:.15s}
.doc-vt svg{width:17px; height:17px}
.doc-vt.on{background:#fff; color:var(--brand-700); box-shadow:var(--shadow-sm,0 1px 4px rgba(0,0,0,.08))}
.doc-text{color:var(--ink-800)}
.doc-text p{color:var(--ink-700); font-size:1.06rem; line-height:1.8; margin:0 0 16px}
.doc-h{font-size:1.22rem; color:var(--brand-800); margin:24px 0 10px; padding-top:6px}
.doc-h:first-child{margin-top:0}
.doc-h-caps{font-size:1.05rem; font-weight:800; color:var(--brand-900,#0b3a63); letter-spacing:.03em; margin:26px 0 10px; text-transform:uppercase}
.doc-list{margin:2px 0 18px; padding-left:24px}
.doc-list li{color:var(--ink-700); font-size:1.04rem; line-height:1.7; margin:0 0 7px; list-style:disc}
.doc-list li::marker{color:var(--brand-500)}
.doc-pdf{margin:4px 0 0}
/* PDF.js canvas görüntüleyici — kaydırılabilir kutu; sayfalar üst üste */
.doc-pdf-canvases{width:100%; max-height:86vh; min-height:360px; overflow:auto; -webkit-overflow-scrolling:touch;
  border:1px solid var(--line); border-radius:14px; background:#f4f6f9; padding:10px; text-align:center}
.doc-pdf-page{display:block; width:100%; max-width:900px; margin:0 auto 12px; border-radius:6px;
  box-shadow:0 1px 6px rgba(0,0,0,.12); background:#fff}
.doc-pdf-page:last-child{margin-bottom:0}
.doc-pdf-loading,.doc-pdf-err{padding:40px 12px; color:var(--ink-500); font-size:.9rem}
/* Video İzle sekmesi (aksanlı CTA) + oynatıcı */
.doc-vt-video{background:var(--brand-600); color:#fff !important; box-shadow:0 4px 12px -5px var(--brand-600)}
.doc-vt-video:hover{background:var(--brand-700)}
.doc-vt-video.on{background:var(--brand-700); color:#fff}
.doc-vt-video svg{color:#fff}
/* Video henüz yoksa: pasif "yakında" durumu */
.doc-vt-soon{background:transparent !important; color:var(--ink-400) !important; box-shadow:none !important;
  border:1px dashed var(--line); cursor:default}
.doc-vt-soon:hover{background:transparent !important}
.doc-vt-soon svg{color:var(--ink-300)}
.doc-video{margin:4px 0 0}
.doc-video-el{width:100%; max-height:82vh; border-radius:14px; background:#000; display:block}
.doc-video-embed{position:relative; width:100%; padding-top:56.25%; border-radius:14px; overflow:hidden; background:#000; border:1px solid var(--line)}
.doc-video-embed iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
/* Doküman sayfası geniş düzen: metin sütunu okunur genişlikte (sola yaslı), PDF tam genişlik */
.doc-body{padding-top:36px}
.doc-body > *{max-width:64rem}
.doc-body > .doc-pdf{max-width:none}
.doc-viewonly{display:flex; align-items:center; gap:8px; margin:12px 0 0; color:var(--ink-500); font-size:.86rem}
.doc-viewonly svg{width:17px; height:17px; color:var(--brand-500); flex:0 0 auto}

/* Sözlük */
.gloss-search-wrap{position:relative; margin-bottom:26px}
.gloss-search-wrap svg{position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px;height:20px; color:var(--ink-400)}
.gloss-search{width:100%; padding:14px 16px 14px 46px; border:1px solid var(--line); border-radius:100px; font:inherit; background:var(--bg-soft)}
.gloss-search:focus{outline:none; border-color:var(--brand-400); box-shadow:var(--ring); background:#fff}
.gloss{margin:0}
.gloss-item{padding:18px 0; border-bottom:1px solid var(--line-soft)}
.gloss-item dt{font-weight:700; color:var(--ink-900); font-size:1.08rem; margin-bottom:5px}
.gloss-item dd{margin:0; color:var(--ink-600,#4a5f70); font-size:.98rem; line-height:1.6}
.gloss-empty{text-align:center; color:var(--ink-400); padding:20px}

/* ============ HESAPLAYICILAR ============ */
.calc-card{display:grid; grid-template-columns:1.1fr .9fr; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); background:#fff}
.calc-fields{padding:30px}
.calc-field{margin-bottom:18px}
.calc-field:last-child{margin-bottom:0}
.calc-field label{display:block; font-size:.9rem; font-weight:600; color:var(--ink-700); margin-bottom:6px}
.calc-field label em{font-style:normal; color:var(--ink-400); font-weight:500}
.calc-field input{width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:11px; font:inherit; font-size:1.05rem; font-weight:600; color:var(--ink-900); background:var(--bg-soft)}
.calc-field input:focus{outline:none; border-color:var(--brand-400); box-shadow:var(--ring); background:#fff}
.calc-field small{display:block; color:var(--ink-400); font-size:.78rem; margin-top:5px}
.calc-results{background:var(--grad-soft); color:#fff; padding:30px; display:flex; flex-direction:column; justify-content:center}
.calc-res{display:flex; justify-content:space-between; align-items:baseline; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.14)}
.calc-res .rl{color:#cfe2f1; font-size:.92rem; font-weight:500}
.calc-res .rv{font-size:1.2rem; font-weight:700; color:#fff}
.calc-res.primary{border-bottom:0; margin-top:10px; padding-top:16px; flex-direction:column; align-items:flex-start; gap:4px}
.calc-res.primary .rl{color:#bcd6ea; font-size:.82rem; text-transform:uppercase; letter-spacing:.06em}
.calc-res.primary .rv{font-size:2.7rem; line-height:1}
.calc-res.primary.good .rv{color:#4ee6a8}
.calc-res.primary.mid .rv{color:#ffd15c}
.calc-res.primary.low .rv{color:#ff9a8a}
.calc-note{color:#a9c6dc; font-size:.8rem; margin:16px 0 0}
.calc-guide{display:inline-flex; align-items:center; gap:11px; margin-top:22px; background:var(--brand-50); border:1px solid var(--brand-100); color:var(--brand-700); padding:14px 20px; border-radius:14px; font-weight:600; transition:.15s}
.calc-guide:hover{border-color:var(--brand-300); box-shadow:var(--shadow-sm)}
.calc-guide svg{width:20px; height:20px; flex:0 0 auto}
.calc-guide span{flex:1}
.kn-meta .go svg{width:16px; height:16px; vertical-align:middle}
/* Hesaplayıcı — önce/sonra senaryo + gauge + dinamik öneri */
.calc-inputs{display:flex; gap:8px}
.calc-inputs input{flex:1; min-width:0}
.calc-target{display:none; border-style:dashed !important; background:#fff !important}
.calc-card.scen-on .calc-target{display:block}
.calc-fields-head{display:none; gap:8px; margin-bottom:8px; font-size:.68rem; font-weight:800; color:var(--ink-400); text-transform:uppercase; letter-spacing:.05em}
.calc-card.scen-on .calc-fields-head{display:flex}
.calc-fields-head span{flex:1; text-align:center}
.calc-fields-head span:first-child{flex:1}
.calc-scen-toggle{margin-top:18px; display:inline-flex; align-items:center; gap:8px; background:transparent; border:1px dashed var(--line); color:var(--ink-600); padding:9px 15px; border-radius:10px; font:inherit; font-weight:600; font-size:.85rem; cursor:pointer; transition:.15s}
.calc-scen-toggle svg{width:16px; height:16px}
.calc-scen-toggle:hover,.calc-scen-toggle.on{border-color:var(--brand-400); color:var(--brand-700); background:var(--brand-50)}
.calc-gauge{position:relative; width:100%; height:9px; background:rgba(255,255,255,.16); border-radius:6px; margin-top:12px}
.calc-gauge-fill{height:100%; width:0; border-radius:6px; background:#8ee6ec; transition:width .35s ease}
.calc-gauge-fill.good{background:#4ee6a8} .calc-gauge-fill.mid{background:#ffd15c} .calc-gauge-fill.low{background:#ff9a8a}
.calc-gauge-mark{position:absolute; top:-3px; width:2px; height:15px; background:#fff; border-radius:2px; box-shadow:0 0 0 2px rgba(0,0,0,.18)}
.calc-gauge-bench{font-size:.72rem; color:#bcd6ea; margin-top:6px}
.calc-delta{align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; padding:11px 14px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:12px}
.calc-delta .cd-a{color:#cfe2f1; font-weight:700} .calc-delta .cd-arrow{color:#8ee6ec}
.calc-delta .cd-b{color:#fff; font-weight:800; font-size:1.15rem}
.calc-delta .cd-chg{margin-left:auto; font-weight:800; font-size:.9rem; color:#8ee6ec}
.calc-reco{color:#dceaf5; font-size:.9rem; line-height:1.5; margin:16px 0 0; padding:11px 14px; border-left:3px solid rgba(255,255,255,.3); background:rgba(255,255,255,.06); border-radius:0 10px 10px 0}
.calc-reco.good{border-left-color:#4ee6a8} .calc-reco.mid{border-left-color:#ffd15c} .calc-reco.low{border-left-color:#ff9a8a}
.calc-reco:empty{display:none}
/* Hesaplayıcı detayı (Nedir/Nasıl hesaplanır/Nasıl yorumlanır/İyileştirme) */
.calc-detail{margin-top:28px}
.calc-detail-title{font-size:1.2rem; margin:0 0 14px; color:var(--ink-900)}
.calc-det{border:1px solid var(--line); border-radius:13px; margin-bottom:10px; background:#fff; overflow:hidden}
.calc-det summary{list-style:none; cursor:pointer; padding:15px 18px; font-weight:700; color:var(--ink-800); display:flex; align-items:center; justify-content:space-between; gap:10px}
.calc-det summary::-webkit-details-marker{display:none}
.calc-det[open] summary{color:var(--brand-700)}
.calc-det .cd-chev{flex:0 0 auto; color:var(--brand-500); display:grid; place-items:center}
.calc-det .cd-chev svg{width:18px; height:18px; transition:transform .2s}
.calc-det[open] .cd-chev svg{transform:rotate(90deg)}
.calc-det p{margin:0; padding:2px 18px 17px; color:var(--ink-600); line-height:1.65; font-size:.96rem}

/* ============ VAKA ÇALIŞMALARI + ANKET ============ */
.sec-filter{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:28px}
.sec-hint{display:inline-flex; align-items:center; gap:7px; font-size:.82rem; color:var(--ink-400)}
.sec-hint svg{width:16px; height:16px; color:var(--accent-600)}
.case-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px}
.case-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px; transition:.2s; display:flex; flex-direction:column}
.case-card.hide{display:none}
.case-card:hover{box-shadow:var(--shadow); border-color:var(--brand-100)}
.case-top{display:flex; align-items:center; gap:12px; margin-bottom:18px}
.case-sector{font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--brand-700); background:var(--brand-50); border:1px solid var(--brand-100); padding:4px 11px; border-radius:100px}
.case-metrics{display:flex; gap:12px; margin-bottom:16px; flex-wrap:wrap}
.cm{flex:1; min-width:78px; background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; padding:12px; text-align:center}
.cm b{display:block; font-size:1.3rem; font-weight:800; color:var(--brand-700); letter-spacing:-.02em}
.cm span{font-size:.72rem; color:var(--ink-500)}
.case-card h3{font-size:1.12rem; margin-bottom:4px}
.case-org{font-size:.82rem; color:var(--accent-600); font-weight:600; margin-bottom:14px}
.case-body p{font-size:.9rem; color:var(--ink-600,#4a5f70); margin:0 0 8px}
.case-body strong{color:var(--ink-800)}
.case-related{margin-top:auto; padding-top:14px; border-top:1px solid var(--line-soft)}
.crt{font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-400)}
.case-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
.case-tag{font-size:.76rem; font-weight:600; padding:5px 10px; border-radius:100px; border:1px solid var(--line); color:var(--ink-700); transition:.15s}
.case-tag:hover{border-color:var(--brand-300); color:var(--brand-700)}
.case-tag.k-tool{color:#7a5cd0}
.case-tag.k-consulting{color:#0f9aa2}
.case-tag.k-training{color:#1c74bd}
.case-note{font-size:.72rem; color:var(--ink-400); margin:12px 0 0; font-style:italic}

.poll-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow); padding:34px}
/* İki anket kutusu yan yana (operasyonel + kurumsal); sol kenar üstteki kartlarla hizalı */
.poll-row{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start}
#poll .poll-card{max-width:none; margin:0; height:100%}
@media(max-width:820px){ .poll-row{grid-template-columns:1fr} }
.poll-card h2{font-size:1.4rem; margin:10px 0 6px}
.poll-intro{color:var(--ink-500); margin-bottom:20px}
.poll-options{display:flex; flex-direction:column; gap:10px}
.poll-opt{text-align:left; background:var(--bg-soft); border:1.5px solid var(--line); border-radius:12px; padding:14px 18px; font:inherit; font-weight:600; color:var(--ink-800); cursor:pointer; transition:.15s}
.poll-opt:hover{border-color:var(--brand-400); background:#fff; transform:translateX(3px)}
.poll-res{margin-bottom:14px}
.poll-res-top{display:flex; justify-content:space-between; font-size:.92rem; font-weight:600; color:var(--ink-700); margin-bottom:6px}
.poll-res-top b{color:var(--brand-700)}
.poll-bar{height:12px; background:var(--bg-softer); border-radius:100px; overflow:hidden}
.poll-bar span{display:block; height:100%; width:0; background:var(--grad); border-radius:100px; transition:width .9s cubic-bezier(.2,.8,.2,1)}
.poll-total{color:var(--ink-500); font-size:.88rem; margin:16px 0 0}
.poll-total b{color:var(--ink-800)}
.cs-teaser{display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius-lg); padding:40px}
.cs-teaser-txt h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.cs-teaser-txt p{color:var(--ink-500); font-size:1.04rem; margin-bottom:22px}
.cs-teaser-metrics{display:flex; flex-direction:column; gap:12px}
.cm.big{background:#fff; display:flex; align-items:center; justify-content:space-between; text-align:left; padding:16px 20px}
.cm.big b{display:inline; font-size:1.6rem}
.cm.big span{font-size:.85rem; color:var(--ink-500)}

/* ============ KAYNAKLAR (webinar + bülten + yazdırılabilir) ============ */
.webinar-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.webinar{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px; display:flex; flex-direction:column}
.webinar.past{opacity:.94}
.wb-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px}
.wb-status{font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:4px 11px; border-radius:100px}
.wb-status.upcoming{color:#0f9aa2; background:#e6f6f4; border:1px solid #bfe7e2}
.wb-status.past{color:var(--ink-500); background:var(--bg-softer)}
.wb-date{font-size:.82rem; font-weight:600; color:var(--brand-700); margin-bottom:8px}
.webinar h3{font-size:1.08rem; margin-bottom:6px}
.webinar p{color:var(--ink-500); font-size:.9rem; margin:0 0 16px; flex:1}
.webinar .btn{align-self:flex-start}

.news-card{background:var(--grad); color:#fff; border-radius:var(--radius-lg); padding:38px; box-shadow:var(--shadow-lg); text-align:center}
.news-card .eyebrow{background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.3); color:#eaf6ff}
.news-card h2{color:#fff; font-size:clamp(1.5rem,2.6vw,2rem)}
.news-card p{color:#e4f1fb; margin-bottom:22px}
.news-form{max-width:520px; margin:0 auto}
.news-row{display:flex; gap:10px}
.news-row input{flex:1; padding:13px 16px; border:0; border-radius:100px; font:inherit; background:#fff; color:var(--ink-900)}
.news-row input:focus{outline:none; box-shadow:0 0 0 4px rgba(255,255,255,.3)}
.news-row .btn{background:#fff; color:var(--brand-700); flex:0 0 auto}
.news-row .btn:hover{background:var(--brand-50)}
.news-consent{display:flex; align-items:flex-start; gap:9px; margin-top:14px; font-size:.82rem; color:#dcecf9; text-align:left}
.news-consent input{margin-top:3px; flex:0 0 auto}
.news-msg{margin:12px 0 0; font-size:.88rem; font-weight:600; color:#8ee6ec; min-height:1.2em}

.res-doc{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow); padding:44px; margin-bottom:22px}
.res-doc-head{border-bottom:2px solid var(--line); padding-bottom:20px; margin-bottom:24px}
.res-doc-brand{margin-bottom:16px}
.res-doc-logo{height:40px; width:auto; display:block}
.res-doc-head h2{font-size:1.5rem; margin-bottom:8px}
.res-doc-head p{color:var(--ink-500); margin:0}
.res-sec{margin-bottom:22px; break-inside:avoid}
.res-sec h3{font-size:1.1rem; margin-bottom:10px; color:var(--brand-800)}
.res-check{list-style:none; padding:0; margin:0}
.res-check li{display:flex; align-items:flex-start; gap:12px; padding:9px 0; color:var(--ink-800); border-bottom:1px dashed var(--line)}
.res-check .box{width:18px;height:18px;flex:0 0 auto; border:2px solid var(--brand-400); border-radius:4px; margin-top:2px}
.res-doc-foot{margin-top:26px; padding-top:16px; border-top:1px solid var(--line); font-size:.8rem; color:var(--ink-400); text-align:center}
.print-actions{margin-top:20px}
.print-hint{font-size:.82rem; color:var(--ink-400); margin:18px 0}

@media print{
  .site-header,.site-footer,.ai-fab,.ai-panel,.print-hide,.skip{display:none !important}
  body{background:#fff}
  .container.narrow{max-width:100%; padding:0}
  .res-doc{border:0; box-shadow:none; border-radius:0; padding:0; margin:0}
  .res-check li{border-bottom:1px solid #ccc}
}

/* ============ ANA KOLON HUB (İnsan/Süreç/Teknoloji) ============ */
.pillar-insan{--pc:#3778bf}
.pillar-surec{--pc:#5290d0}
.pillar-teknoloji{--pc:#6ba0d8}
.pillar-page{padding:72px 0 82px}
.pillar-head{text-align:center; margin-bottom:42px}
/* İnsan hub'ında marka karakteri (kadın danışman) — yan yana yerleşim */
.pillar-head.has-char{display:grid; grid-template-columns:1fr minmax(220px,300px); gap:30px; align-items:center; text-align:left; max-width:960px; margin:0 auto 42px}
.pillar-head.has-char .pillar-head-txt{text-align:left}
.pillar-head.has-char .pillar-intro{margin:22px 0 0}
.pillar-figure{display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center}
.pillar-char-img{max-height:360px; max-width:100%; width:auto; height:auto; object-fit:contain;
  border-radius:18px; box-shadow:0 24px 44px -16px rgba(20,40,70,.3), 0 0 0 1px rgba(20,40,70,.06);
  animation:heroCharIn .7s cubic-bezier(.22,.9,.3,1) both}
.pillar-char-ph{display:flex; flex-direction:column; align-items:center; gap:12px; animation:heroCharIn .7s cubic-bezier(.22,.9,.3,1) both}
.pillar-char-ph svg{width:min(240px,80%); height:auto; filter:drop-shadow(0 22px 36px rgba(20,40,70,.22))}
.pillar-char-tag{font-size:.86rem; color:var(--ink-500); background:var(--bg-soft); border:1px dashed var(--line); border-radius:999px; padding:6px 14px; max-width:280px}
.pillar-char-tag b{color:var(--ink-800); font-weight:700}
@media(max-width:760px){ .pillar-head.has-char{grid-template-columns:1fr; text-align:center} .pillar-head.has-char .pillar-head-txt{text-align:center} .pillar-figure{order:-1} }
.pillar-badge{display:inline-flex; align-items:center; gap:12px; background:var(--pc); color:#fff; font-weight:800; font-size:clamp(1.4rem,3vw,2rem); padding:14px 34px; border-radius:100px; box-shadow:var(--shadow); letter-spacing:-.01em}
.pillar-badge svg{width:30px; height:30px}
.pillar-intro{color:var(--ink-500); font-size:1.1rem; max-width:640px; margin:22px auto 0}
.pillar-items{display:flex; flex-wrap:wrap; gap:16px; justify-content:center}
.pillar-items-free{margin-bottom:22px}   /* ücretsiz analiz butonları başlığın hemen altında, ayrı satırda */
.pillar-item{display:flex; flex-direction:column; align-items:center; gap:14px; background:#fff; border:1.5px solid var(--line); border-radius:18px; padding:28px 22px; flex:1 1 180px; min-width:168px; max-width:232px; text-align:center; transition:.2s}
.pillar-item:hover{border-color:var(--pc); box-shadow:var(--shadow); transform:translateY(-5px)}
.pi-ic{width:56px; height:56px; border-radius:16px; display:grid; place-items:center; background:var(--pc); color:#fff}
.pi-ic svg{width:28px; height:28px}
.pi-title{font-weight:700; color:var(--ink-900); font-size:1.02rem; line-height:1.3}
.pi-free{display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  color:#fff; background:var(--pc); border-radius:999px; padding:3px 11px; margin-top:-2px}
.pillar-item-free{border-color:var(--pc); background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 7%, #fff), #fff)}
.pillar-item-free .pi-ic{box-shadow:0 6px 16px color-mix(in srgb, var(--pc) 35%, transparent)}
/* Eğitim İhtiyaç Analizi'nin sağındaki "Grupas Eğitim Kataloğu" — ikincil (katalog) eylem */
.pillar-item-catalog{background:var(--bg-soft)}
.pillar-item-catalog .pi-ic{background:var(--ink-700)}
.pillar-coming{text-align:center; color:var(--ink-400); font-size:1.05rem; padding:30px}
/* Pillar hub: ana sayfa servis kategorilerinin ürün/dokümanları (dinamik) */
.pillar-products{margin-top:46px; border-top:1px solid var(--line); padding-top:36px}
.pillar-products-title{text-align:center; font-size:1.32rem; color:var(--ink-900); margin:0 0 28px}
.pillar-products-sub{text-align:center; color:var(--ink-500); font-size:1.02rem; max-width:680px; margin:-20px auto 26px}
.pp-group{max-width:1040px; margin:0 auto 30px}
.pp-cat{display:flex; align-items:center; gap:10px; font-size:1.06rem; font-weight:800; color:var(--pc,var(--brand-700)); margin:0 0 15px}
.pp-cat::before{content:""; flex:0 0 auto; width:4px; height:20px; border-radius:3px; background:var(--pc,var(--brand-500))}

/* Global Yazılım ve Çözümlerimiz — DELMIA aile grupları + modül kartları */
.gs-family{max-width:1040px; margin:0 auto 30px}
/* Ortems + Apriso yan yana (Apriso, Ortems'in sağında) */
.gs-fam-row{max-width:1040px; margin:0 auto 30px; display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start}
.gs-fam-row .gs-family{max-width:none; margin:0}
.gs-fam-row .gs-grid{grid-template-columns:1fr}
@media(max-width:760px){ .gs-fam-row{grid-template-columns:1fr} }
.gs-fam-head{margin:0 0 14px}
.gs-fam-name{display:flex; align-items:center; gap:10px; font-size:1.12rem; font-weight:800; color:var(--gs,var(--brand-700)); margin:0}
.gs-fam-name::before{content:""; width:4px; height:22px; border-radius:3px; background:var(--gs,var(--brand-500))}
.gs-fam-intro{margin:5px 0 0 14px; color:var(--ink-500); font-size:.94rem}
.gs-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(232px,1fr)); gap:14px}
.gs-card{display:flex; flex-direction:column; gap:9px; background:#fff; border:1.5px solid var(--line);
  border-top:3px solid var(--gs,var(--brand-500)); border-radius:15px; padding:18px 18px 16px; transition:.18s; text-decoration:none}
.gs-card:hover{box-shadow:var(--shadow); transform:translateY(-4px); border-color:var(--gs,var(--brand-400)); border-top-color:var(--gs,var(--brand-500))}
.gs-ic{width:42px; height:42px; border-radius:11px; display:grid; place-items:center; color:#fff;
  background:var(--gs,var(--brand-500))}
.gs-ic svg{width:22px; height:22px}
.gs-name{font-weight:800; color:var(--ink-900); font-size:1rem; line-height:1.3}
.gs-desc{color:var(--ink-500); font-size:.86rem; line-height:1.45; flex:1}
.gs-go{color:var(--gs,var(--brand-600)); font-weight:700; font-size:.85rem; display:inline-flex; align-items:center; gap:5px}
.gs-go svg{width:15px; height:15px}
/* Dijital Araçlarımız kartı: ikon yerine kısaltma (FMEA, MSA…) rozeti */
.tool-abbr{font-size:.72rem; font-weight:800; letter-spacing:.02em; line-height:1; padding:0 4px; text-align:center}

/* Global Yazılım — ürün (modül) tanıtım sayfası */
.sw-hero-grid{display:grid; grid-template-columns:1.3fr .9fr; gap:26px; align-items:center}
.sw-brand{display:inline-flex; align-items:center; gap:8px; font-weight:800; font-size:.9rem; letter-spacing:.02em;
  color:#eaf2fb; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:6px 14px; margin-bottom:14px}
.sw-brand svg{width:17px; height:17px}
.sw-brand em{font-style:normal; opacity:.72; font-weight:600}
.sw-viz{background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:16px; padding:16px}
.sw-viz svg{width:100%; height:auto; display:block; color:#fff}
.sw-intro{font-size:1.1rem; line-height:1.7; color:var(--ink-700); margin:0 0 8px}
.sw-list{list-style:none; padding:0; margin:6px 0 0; display:grid; gap:11px}
.sw-list li{display:flex; align-items:flex-start; gap:11px; color:var(--ink-700); font-size:1.02rem; line-height:1.5}
.sw-li-ic{flex:0 0 auto; width:24px; height:24px; border-radius:7px; display:grid; place-items:center; margin-top:1px;
  background:var(--brand-50); color:var(--brand-600)}
.sw-li-ic svg{width:15px; height:15px}
/* Araç sayfası: dijital ortam avantajları (vurgulu kutu) */
.tool-digital{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-600) 7%,#fff),#fff); border:1px solid var(--brand-100); border-radius:16px; padding:24px 26px; margin-top:6px}
.tool-digital h2{color:var(--brand-700); margin-top:0}
.tool-digital-list li{color:var(--ink-800); font-weight:500}
.sw-partner{background:var(--brand-50); border:1px solid var(--brand-100); border-radius:16px; padding:22px 24px}
.sw-partner h2{margin-top:0}
/* Ürün ekranları: gerçek görsel galerisi VEYA çerçeveli kavramsal görünüm */
.sw-shots{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px}
.sw-shot{display:block; border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:var(--shadow-sm); transition:.18s}
.sw-shot:hover{box-shadow:var(--shadow); transform:translateY(-3px); border-color:var(--brand-300)}
.sw-shot img{width:100%; height:auto; display:block}
.sw-screen-frame{max-width:660px; border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:var(--shadow)}
.sw-screen-bar{display:flex; align-items:center; gap:7px; padding:10px 14px; background:linear-gradient(180deg,#f3f7fb,#e8eff7); border-bottom:1px solid var(--line)}
.sw-screen-bar i{width:10px; height:10px; border-radius:50%; background:#cdd8e3}
.sw-screen-bar i:nth-child(1){background:#e6a29c} .sw-screen-bar i:nth-child(2){background:#e6cd93} .sw-screen-bar i:nth-child(3){background:#a4d6ad}
.sw-screen-bar span{margin-left:8px; font-size:.8rem; color:var(--ink-400); font-weight:700}
.sw-screen-body{background:linear-gradient(120deg,#0a2a49,#0f4b80 60%,#12708a); padding:26px; display:grid; place-items:center}
.sw-screen-body .sw-viz{width:100%; max-width:460px; background:rgba(255,255,255,.08)}
.sw-screen-note{margin:11px 0 0; font-size:.85rem; color:var(--ink-400); font-style:italic}
@media (max-width:720px){ .sw-hero-grid{grid-template-columns:1fr} .sw-viz{max-width:340px} }

/* Eğitim & Gelişim alt-hub: 8 kategori kartı */
.hub-ask{max-width:760px; margin:0 auto}
.cat-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:8px}
.cat-card{display:flex; align-items:center; gap:18px; background:#fff; border:1.5px solid var(--line);
  border-radius:18px; padding:22px 24px; transition:.2s}
.cat-card:hover{border-color:var(--pc,var(--brand-500)); box-shadow:var(--shadow); transform:translateY(-4px)}
.cat-ic{flex:0 0 auto; width:56px; height:56px; border-radius:16px; display:grid; place-items:center;
  background:var(--pc,var(--brand-600)); color:#fff}
.cat-ic svg{width:28px; height:28px}
.cat-body{display:flex; flex-direction:column; gap:4px; flex:1}
.cat-title{font-weight:800; font-size:1.12rem; color:var(--ink-800); line-height:1.25}
.cat-blurb{font-size:.92rem; color:var(--ink-500); line-height:1.4}
.cat-go{flex:0 0 auto; color:var(--pc,var(--brand-400)); transition:.2s}
.cat-go svg{width:20px; height:20px}
.cat-card:hover .cat-go{transform:translateX(5px)}

/* Kategori sayfası: eğitim konuları kartları */
.train-head{font-size:1.35rem; margin:14px 0 20px; color:var(--ink-800)}
.train-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.train-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 22px; transition:.18s}
.train-card:hover{border-color:var(--brand-200,var(--brand-300)); box-shadow:var(--shadow-sm); transform:translateY(-3px)}
.train-card h3{font-size:1.06rem; margin:0 0 8px; color:var(--brand-800); line-height:1.3}
.train-card p{margin:0; color:var(--ink-500); font-size:.94rem; line-height:1.5}
@media (max-width:720px){
  .cat-grid,.train-grid{grid-template-columns:1fr}
  .cat-card{padding:18px 18px; gap:14px}
}

/* Eğitim İhtiyaç Analizi anket aracı */
.tna-tool{margin:40px 0 8px; background:var(--brand-50); border:1.5px solid var(--brand-100);
  border-radius:22px; padding:34px 32px}
.tna-head{margin-bottom:24px}
.tna-badge{display:inline-flex; align-items:center; gap:10px; background:var(--grad); color:#fff;
  font-weight:800; font-size:1.3rem; padding:11px 24px; border-radius:100px; box-shadow:var(--shadow-sm)}
.tna-badge svg{width:22px; height:22px}
.tna-head p{margin:16px 2px 0; color:var(--ink-600); font-size:1rem; line-height:1.55; max-width:640px}
.tna-group{font-weight:800; font-size:.76rem; letter-spacing:.09em; text-transform:uppercase;
  color:var(--brand-600); margin:26px 0 14px; padding-bottom:7px; border-bottom:1.5px solid var(--brand-100)}
#tna-form .tna-group:first-child{margin-top:2px}
.tna-gate .tna-group:first-child{margin-top:2px}

/* Zorunlu iletişim kapısı */
.tna-gate-intro{margin:0 2px 18px; color:var(--ink-600); font-size:.96rem; line-height:1.55; max-width:660px}
.tna-gate-grid{display:grid; grid-template-columns:1fr 1fr; gap:15px 16px}
.tna-field{display:flex; flex-direction:column; gap:6px}
.tna-field.span2{grid-column:1 / -1}
.tna-field label{font-weight:600; font-size:.9rem; color:var(--ink-800)}
.tna-field .req{color:#e05a4d}
.tna-field input{border:1.5px solid var(--line); border-radius:12px; padding:11px 14px; font:inherit;
  font-size:.95rem; color:var(--ink-800); background:#fff; transition:.15s}
.tna-field input:focus{outline:0; border-color:var(--brand-400); box-shadow:var(--ring)}
.tna-field.f-bad input{border-color:#e05a4d; box-shadow:0 0 0 3px rgba(224,90,77,.14)}
.tna-field-hint{font-size:.78rem; color:var(--ink-400); line-height:1.35}
.tna-gate-error{margin:14px 0 0}

/* Ücretsiz ibaresi + KVKK onayı + e-posta doğrulama (OTP) */
.gate-free{display:flex; align-items:center; gap:9px; background:#e6f5ef; border:1px solid #bfe6d4; color:#1d7a52;
  border-radius:12px; padding:11px 15px; font-size:.9rem; font-weight:600; margin:0 0 18px}
.gate-free svg{width:18px; height:18px; flex:0 0 auto}
.gate-consent{display:flex; align-items:flex-start; gap:11px; margin:16px 0 4px; padding:14px 16px; background:#fff;
  border:1.5px solid var(--line); border-radius:12px; cursor:pointer; transition:.15s}
.gate-consent input{margin-top:2px; width:18px; height:18px; accent-color:var(--brand-600); flex:0 0 auto}
.gate-consent span{font-size:.88rem; color:var(--ink-600); line-height:1.5}
.gate-consent span a{color:var(--brand-600); font-weight:600; text-decoration:underline}
.gate-consent.f-bad{border-color:#e05a4d; background:#fdeceb}
.gate-verify-msg{font-size:.95rem; color:var(--ink-700); margin:6px 0 8px}
.gate-verify-msg .gate-vemail{color:var(--brand-700)}
.gate-dev-hint{display:inline-block; background:#fdf3df; border:1px solid #f2d99a; color:#8a6412; border-radius:8px;
  padding:5px 11px; font-weight:700; font-size:.85rem; margin:0 0 12px}
.gate-otp{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.gate-code{flex:0 0 auto; width:170px; letter-spacing:.28em; text-align:center; font-size:1.1rem; font-weight:700;
  border:1.5px solid var(--line); border-radius:12px; padding:11px 14px; font-family:inherit}
.gate-code:focus{outline:0; border-color:var(--brand-400); box-shadow:var(--ring)}
.gate-resend{display:inline-block; background:none; border:0; color:var(--brand-600); font-weight:600; font-size:.85rem;
  cursor:pointer; padding:10px 0 0; font-family:inherit; text-decoration:underline}
.gate-verify-err{margin:10px 0 0}
@media (max-width:720px){ .tna-gate-grid{grid-template-columns:1fr} .tna-field.span2{grid-column:auto} }

/* Açılır-kapanır bilgi kutuları (accordion) */
.acc{display:flex; flex-direction:column; gap:10px; margin-top:14px}
.acc-item{border:1.5px solid var(--line); border-radius:14px; background:#fff; overflow:hidden; transition:.15s}
.acc-item[open]{border-color:var(--brand-300); box-shadow:var(--shadow-sm)}
.acc-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:15px 18px; font-weight:700; color:var(--brand-800); font-size:1rem; line-height:1.35; transition:.15s}
.acc-item summary::-webkit-details-marker{display:none}
.acc-item summary::marker{content:""}
.acc-item summary:hover{background:var(--brand-50)}
.acc-item summary:focus-visible{outline:0; box-shadow:inset 0 0 0 2px var(--brand-300)}
.acc-ic{flex:0 0 auto; color:var(--brand-400); display:inline-flex}
.acc-ic svg{width:18px; height:18px; transform:rotate(90deg); transition:transform .2s}
.acc-item[open] .acc-ic{color:var(--brand-600)}
.acc-item[open] .acc-ic svg{transform:rotate(-90deg)}
.acc-body{padding:2px 18px 16px}
.acc-body p{margin:0; color:var(--ink-600); font-size:.95rem; line-height:1.62}

/* Yetkinlik değerlendirme aracına özgü */
.sca-input{width:100%; max-width:520px; border:1.5px solid var(--line); border-radius:12px; padding:11px 14px;
  font:inherit; font-size:.95rem; color:var(--ink-800); background:#fff; transition:.15s}
.sca-input:focus{outline:0; border-color:var(--brand-400); box-shadow:var(--ring)}
.sca-legend{display:flex; align-items:center; gap:8px; font-size:.85rem; color:var(--ink-500);
  background:var(--brand-50); border:1px solid var(--brand-100); border-radius:10px; padding:9px 13px; margin:0 0 16px; line-height:1.45}
.sca-legend svg{width:15px; height:15px; color:var(--accent-600); flex:0 0 auto}
.sca-comp{margin-bottom:14px; padding-bottom:14px; border-bottom:1px dashed var(--line)}
.sca-comp:last-child{border-bottom:0; margin-bottom:0}
.sca-comp legend{font-size:.96rem; margin-bottom:9px}
.sca-scale{gap:7px}
.sca-scale .sca-opt span{padding:7px 13px; font-size:.86rem}
.sca-plan{background:var(--brand-50); border:1px solid var(--brand-100); border-radius:14px; padding:18px 20px; margin:0 0 24px}
.sca-plan h4{margin:0 0 8px; font-size:1.05rem; color:var(--brand-800)}
.sca-plan p{margin:0; color:var(--ink-600); font-size:.95rem; line-height:1.6}

/* ============ Olgunluk Analizi (maturity) ============ */
.back-row{margin-bottom:12px}
.back-btn{display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.14); color:#fff;
  border:1px solid rgba(255,255,255,.28); border-radius:100px; padding:7px 16px; font:inherit; font-weight:600; font-size:.88rem; cursor:pointer; transition:.15s}
.back-btn:hover{background:rgba(255,255,255,.24)}
/* Açık zeminli sayfalar için (pillar hub'ları beyaz zemin) */
.back-btn-light{background:var(--bg-soft); color:var(--ink-700); border-color:var(--line)}
.back-btn-light:hover{background:#fff; border-color:var(--brand-300); color:var(--brand-700)}
.back-btn svg{width:16px; height:16px; transform:rotate(180deg)}
.center-cta .btn[data-back] svg{width:18px; height:18px; transform:rotate(180deg)}
.mat-hero-ic{display:inline-grid; place-items:center; width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.16); vertical-align:middle; margin-right:6px}
.mat-hero-ic svg{width:22px; height:22px}

/* SIRI önerisi (yalnız Dijital Olgunluk sayfasında) */
.mat-notice{display:flex; gap:15px; align-items:flex-start; background:linear-gradient(180deg,var(--brand-50),#fff);
  border:1.5px solid var(--brand-200); border-left:4px solid var(--brand-500); border-radius:14px; padding:18px 20px; margin:0 0 24px}
.mat-notice-ic{flex:0 0 auto; width:38px; height:38px; border-radius:11px; background:var(--brand-500); color:#fff; display:grid; place-items:center}
.mat-notice-ic svg{width:20px; height:20px}
.mat-notice-body{flex:1}
.mat-notice-body p{margin:0 0 12px; color:var(--ink-700); font-size:1rem; line-height:1.6}
.btn-sm{padding:8px 16px; font-size:.9rem}
.mat-rubric{background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px; margin-bottom:26px; box-shadow:var(--shadow-sm)}
.mat-rubric-h{display:flex; align-items:center; gap:9px; font-size:1.05rem; color:var(--brand-800); margin:0 0 14px}
.mat-rubric-h svg{width:20px; height:20px; color:var(--accent-600)}
.rubric-legend{display:grid; grid-template-columns:repeat(5,1fr); gap:10px}
.rubric-item{background:var(--brand-50); border:1px solid var(--brand-100); border-top:3px solid; border-radius:10px; padding:10px 12px}
.rubric-item .lvl{display:block; font-weight:700; font-size:.85rem; color:var(--ink-800); margin-bottom:4px}
.rubric-item .lvl-desc{display:block; font-size:.76rem; color:var(--ink-500); line-height:1.4}

.mat-form-intro{color:var(--ink-500); font-size:.95rem; line-height:1.55; margin:0 0 22px}
.mat-topic{margin-bottom:26px}
.mat-topic-h{display:flex; align-items:center; gap:11px; font-size:1.1rem; color:var(--brand-800);
  margin:0 0 14px; padding-bottom:10px; border-bottom:2px solid var(--brand-100)}
.mat-topic-n{flex:0 0 auto; width:28px; height:28px; border-radius:9px; background:var(--grad); color:#fff;
  display:grid; place-items:center; font-size:.9rem; font-weight:800}
.qa-block{border:1px solid var(--line); border-radius:14px; padding:15px 17px; margin-bottom:11px; background:#fff; transition:.15s}
.qa-block:focus-within{border-color:var(--brand-300); box-shadow:var(--shadow-sm)}
.qa-block .qnum{display:inline-grid; place-items:center; width:23px; height:23px; background:var(--brand-600); color:#fff;
  border-radius:7px; font-size:.76rem; font-weight:800; margin-right:9px; vertical-align:middle}
.qa-block .qtext{font-weight:600; font-size:.98rem; color:var(--ink-800)}
.qa-block .qfields{margin-top:11px}
.qa-block .qfields label{display:block; font-size:.72rem; color:var(--ink-400); text-transform:uppercase; letter-spacing:.04em; font-weight:700; margin-bottom:5px}
.qa-block .qfields textarea{width:100%; min-height:52px; border:1.5px solid var(--line); border-radius:10px; padding:9px 12px;
  font:inherit; font-size:.93rem; color:var(--ink-800); background:#fff; resize:vertical; line-height:1.5}
.qa-block .qfields textarea:focus{outline:0; border-color:var(--brand-400); box-shadow:var(--ring)}

/* Sonuç */
.mat-overall{display:flex; align-items:center; gap:16px; padding:8px 0 20px; margin-bottom:8px; border-bottom:1px solid var(--line)}
.mat-overall-n{font-size:2.6rem; font-weight:800; line-height:1}
.mat-overall-n small{font-size:1rem; color:var(--ink-400); font-weight:600}
.mat-overall-l{font-size:.82rem; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-400); font-weight:700}
.mat-rh{font-size:1.05rem; color:var(--brand-800); margin:24px 0 12px}
.mat-scores{display:flex; flex-direction:column; gap:14px}
.mat-score-top{display:flex; align-items:baseline; justify-content:space-between; gap:12px}
.mat-score-t{font-weight:700; color:var(--ink-800); font-size:.96rem}
.mat-score-v{font-weight:800; font-size:1.05rem}
.mat-bar{height:8px; background:var(--brand-50); border-radius:100px; overflow:hidden; margin:6px 0 4px}
.mat-bar-fill{display:block; height:100%; border-radius:100px}
.mat-score-r{margin:2px 0 0; color:var(--ink-500); font-size:.88rem; line-height:1.5}
.mat-list{margin:0; padding-left:20px; color:var(--ink-600)}
.mat-list li{margin-bottom:6px; line-height:1.5}
.mat-improve{display:flex; flex-direction:column; gap:14px}
.mat-imp{border:1px solid var(--line); border-left:4px solid var(--brand-500); border-radius:12px; padding:15px 18px; background:#fff}
.mat-imp-h{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px}
.mat-imp-t{font-weight:800; color:var(--ink-800); font-size:1.02rem}
.mat-imp-p{font-weight:800; font-size:.92rem; white-space:nowrap}
.mat-imp p{margin:0 0 8px; color:var(--ink-600); font-size:.93rem; line-height:1.55}
.mat-imp-recs-l{display:block; font-size:.74rem; text-transform:uppercase; letter-spacing:.04em; color:var(--brand-600); font-weight:800; margin-bottom:4px}
.mat-imp-recs ul{margin:0; padding-left:18px; color:var(--ink-500); font-size:.9rem}
.mat-imp-recs li{margin-bottom:4px; line-height:1.45}

/* KPI seçimi */
.mat-kpi{margin-bottom:26px}
.mat-kpi-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
.mat-kpi-card{position:relative; display:flex; align-items:flex-start; gap:11px; cursor:pointer; background:#fff;
  border:1.5px solid var(--line); border-radius:12px; padding:12px 14px; transition:.15s}
.mat-kpi-card input{position:absolute; opacity:0; width:0; height:0}
.mat-kpi-card:hover{border-color:var(--brand-300)}
.mat-kpi-card.sel{border-color:var(--brand-600); background:var(--brand-50)}
.mat-kpi-body{display:flex; flex-direction:column; gap:2px; flex:1; min-width:0}
.mat-kpi-name{font-weight:700; font-size:.92rem; color:var(--ink-800); line-height:1.3}
.mat-kpi-desc{font-size:.8rem; color:var(--ink-500); line-height:1.4}
.mat-kpi-check{flex:0 0 auto; width:23px; height:23px; border-radius:7px; border:1.5px solid var(--line);
  display:grid; place-items:center; color:transparent; transition:.15s; margin-top:1px}
.mat-kpi-check svg{width:14px; height:14px}
.mat-kpi-card.sel .mat-kpi-check{background:var(--brand-600); border-color:var(--brand-600); color:#fff}
.mat-kpi-err{color:#c53b2e; font-weight:600; font-size:.88rem; margin:12px 0 0}
.mat-kpi-chips{margin:14px 0 22px; padding-bottom:18px; border-bottom:1px solid var(--line); font-size:.9rem; color:var(--ink-500); line-height:1.9}
.mat-kpi-chips-l{font-weight:700; color:var(--ink-700)}
.mat-kpi-chip{display:inline-block; background:var(--brand-50); border:1px solid var(--brand-100); color:var(--brand-700);
  border-radius:100px; padding:3px 12px; font-size:.8rem; font-weight:600; margin:0 4px 0 2px}
.mat-imp-kpi{margin:0 0 8px !important; font-size:.86rem; color:var(--ink-600)}
@media (max-width:760px){ .rubric-legend{grid-template-columns:1fr 1fr} .mat-kpi-grid{grid-template-columns:1fr} }
.tna-q{border:0; padding:0; margin:0 0 22px}
.tna-q legend{font-weight:700; color:var(--ink-800); font-size:1.02rem; margin-bottom:12px; padding:0; line-height:1.4}
.tna-q .req{color:#e05a4d}
.tna-q .q-hint{font-weight:500; color:var(--ink-400); font-size:.82rem; margin-left:6px}
.tna-q.q-missing legend{color:#e05a4d}
.tna-opts{display:flex; flex-wrap:wrap; gap:9px}
.tna-opt{position:relative; display:inline-flex; cursor:pointer}
.tna-opt input{position:absolute; opacity:0; width:0; height:0}
.tna-opt span{display:inline-block; padding:9px 16px; border:1.5px solid var(--line); border-radius:100px;
  font-size:.9rem; color:var(--ink-600); background:#fff; transition:.15s; line-height:1.3}
.tna-opt:hover span{border-color:var(--brand-300); color:var(--brand-700)}
.tna-opt input:checked + span{background:var(--brand-600); border-color:var(--brand-600); color:#fff; font-weight:600}
.tna-opt input:focus-visible + span{box-shadow:var(--ring)}
.tna-q textarea{width:100%; border:1.5px solid var(--line); border-radius:14px; padding:13px 15px;
  font:inherit; font-size:.95rem; color:var(--ink-800); background:#fff; resize:vertical; min-height:84px}
.tna-q textarea:focus{outline:0; border-color:var(--brand-400); box-shadow:var(--ring)}
.tna-error{color:#c53b2e; font-weight:600; font-size:.92rem; margin:4px 0 14px}
.tna-actions{display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:26px}
.tna-actions .btn svg{width:20px; height:20px}
.tna-privacy{color:var(--ink-400); font-size:.82rem; line-height:1.4; flex:1; min-width:200px}

/* Sonuç */
.tna-result{margin:30px 0 8px; background:#fff; border:1.5px solid var(--brand-100);
  border-radius:22px; padding:32px 30px}
.tna-r-title{font-size:1.4rem; margin:0 0 12px; color:var(--ink-900)}
.tna-summary{color:var(--ink-600); font-size:1.02rem; line-height:1.6; margin:0 0 24px;
  padding-bottom:22px; border-bottom:1px solid var(--line)}
.tna-recs{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
.tna-rec{position:relative; display:flex; flex-direction:column; gap:6px; padding:18px 20px;
  border:1px solid var(--line); border-left:4px solid var(--brand-500); border-radius:14px;
  background:#fff; transition:.18s}
.tna-rec.kind-danismanlik{border-left-color:var(--accent,#2f9e8f)}
.tna-rec:hover{box-shadow:var(--shadow); transform:translateY(-3px)}
.tna-rec-kind{font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  color:var(--brand-600)}
.tna-rec.kind-danismanlik .tna-rec-kind{color:var(--accent,#2f9e8f)}
.tna-rec-title{font-weight:700; font-size:1.04rem; color:var(--ink-800); line-height:1.3}
.tna-rec-reason{color:var(--ink-500); font-size:.9rem; line-height:1.45}
.tna-rec-go{position:absolute; top:16px; right:18px; color:var(--brand-400); font-size:1.1rem; transition:.18s}
.tna-rec:hover .tna-rec-go{transform:translateX(4px)}
.tna-r-cta{margin-top:26px; background:var(--brand-50); border-radius:16px; padding:24px 26px; text-align:center}
.tna-r-cta h4{font-size:1.15rem; margin:0 0 8px; color:var(--ink-900)}
.tna-r-cta p{color:var(--ink-500); margin:0 0 18px}
.tna-r-cta-btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.tna-r-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
.tna-r-actions .btn svg{width:20px; height:20px}
@media (max-width:720px){
  .tna-tool,.tna-result{padding:24px 20px}
  .tna-recs{grid-template-columns:1fr}
}

.coming-card{background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius-lg); padding:44px 34px; text-align:center; margin-bottom:22px}
.coming-ic{width:64px; height:64px; border-radius:18px; display:inline-grid; place-items:center; background:var(--grad); color:#fff; margin-bottom:18px}
.coming-ic svg{width:32px; height:32px}
.coming-card h2{font-size:1.5rem; margin-bottom:10px}
.coming-card p{color:var(--ink-500); max-width:460px; margin:0 auto 22px}
.method-note{display:flex; align-items:center; gap:8px; font-size:.82rem; color:var(--ink-400); font-style:italic; margin:26px 0 10px}
.method-note svg{width:16px; height:16px; color:var(--accent-600)}

/* "Asistana Sor" çağrı kutusu (İnsan/Süreç/Teknoloji alt-sayfaları) */
.ask-wrap{margin:0 0 30px}
.ask-callout{display:flex; align-items:center; gap:14px; width:100%; text-align:left; font:inherit;
  background:#fff; border:1.5px solid var(--brand-100); border-radius:16px; padding:15px 20px;
  cursor:pointer; box-shadow:var(--shadow-sm); transition:.18s}
.ask-callout:hover{border-color:var(--brand-300); box-shadow:var(--shadow); transform:translateY(-2px)}
.ask-callout .ac-ic{flex:0 0 auto; width:44px; height:44px; border-radius:12px; background:var(--grad);
  color:#fff; display:grid; place-items:center}
.ask-callout .ac-ic svg{width:23px; height:23px}
.ask-callout .ac-txt{flex:1; font-weight:600; color:var(--brand-800); font-size:.95rem; line-height:1.4}
.ask-callout .ac-go{flex:0 0 auto; color:var(--brand-500); transition:.18s}
.ask-callout .ac-go svg{width:19px; height:19px}
.ask-callout:hover .ac-go{transform:translateX(4px); color:var(--brand-700)}

/* ============ RESPONSIVE ============ */
@media (max-width:1000px){
  .hero .container{grid-template-columns:1fr; gap:36px}
  .hero-art{max-width:460px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .tools-grid{grid-template-columns:repeat(3,1fr)}
  .train-grid{grid-template-columns:repeat(2,1fr)}
  .kn-grid{grid-template-columns:repeat(2,1fr)}
  .measures-grid{grid-template-columns:1fr}
  .why-wrap,.contact-wrap{grid-template-columns:1fr; gap:32px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .section{padding:60px 0}
  .nav-links{display:none; position:absolute; top:74px; left:0; right:0; background:#fff; flex-direction:column;
    align-items:stretch; padding:12px; gap:2px; border-bottom:1px solid var(--line); box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 14px}
  .nav-toggle{display:grid; place-items:center}
  .nav{flex-wrap:wrap; height:auto; padding:11px 0; row-gap:11px}
  .nav-right{width:100%; flex-wrap:wrap; justify-content:flex-end; gap:8px}
  .pillar-nav{gap:8px}
  .pill-btn{padding:9px 15px; font-size:.85rem}
  .pillars,.svc-grid,.train-grid,.tools-grid,.tst-grid{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:repeat(2,1fr); gap:18px}
  .foot-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .flowcard.c2,.flowcard.c3{margin-left:0}
  .ai-panel{right:12px; left:12px; width:auto; bottom:84px}
  .cta-contact{padding:10px 16px; font-size:.88rem}
  .assess-card{padding:26px 20px}
  .measures-grid{grid-template-columns:1fr}
  .res-lv{text-align:center}
  .q-text{font-size:1.12rem}
  .intro-dims{gap:20px}
  .kn-grid{grid-template-columns:1fr}
  .kn-banner{flex-direction:column; text-align:center}
  .kn-banner-go{margin:0}
  .art-cta,.res-cta{padding:24px 20px}
  .calc-card{grid-template-columns:1fr}
  .kn-banner-row{grid-template-columns:1fr}
  .case-grid{grid-template-columns:1fr}
  .poll-card{padding:24px 20px}
  .cs-teaser{grid-template-columns:1fr; gap:26px; padding:28px 22px}
  .webinar-grid{grid-template-columns:1fr}
  .news-row{flex-direction:column}
  .news-card{padding:28px 22px}
  .res-doc{padding:26px 20px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important; transition:none !important}}

/* ============ İçerik koruma (public) — metin/görsel kopyalama engeli ============
   Yalnızca data-protect="1" gövdede etkin (ziyaretçiler). Admin oturumunda
   data-protect="0" olur ve koruma UYGULANMAZ (yönetici kopyalayabilir). */
body[data-protect="1"]{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; }
/* Form alanları ve özellikle işaretlenen bloklar seçilebilir kalır (yazım/düzenleme için). */
body[data-protect="1"] input, body[data-protect="1"] textarea, body[data-protect="1"] select,
body[data-protect="1"] [contenteditable="true"], body[data-protect="1"] .allow-select, body[data-protect="1"] .allow-select *{
  -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;
}
/* Görseller sürüklenip kaydedilemez. */
body[data-protect="1"] img{ -webkit-user-drag:none; -khtml-user-drag:none; -moz-user-drag:none; -o-user-drag:none; user-drag:none; -webkit-touch-callout:none; }

/* ============ Araç sayfası "Nasıl çalışır?" akışı ============ */
.tool-flow .tf-intro{color:var(--ink-500); margin:2px 0 22px; max-width:56rem}
.flow-steps{list-style:none; margin:0; padding:0; position:relative; counter-reset:flow}
.flow-step{position:relative; padding-left:60px; margin-bottom:38px}
.flow-step:last-child{margin-bottom:0}
.flow-num{position:absolute; left:0; top:0; width:40px; height:40px; border-radius:50%;
  background:linear-gradient(135deg,var(--brand-600),var(--brand-300)); color:#fff;
  font-weight:800; font-size:1.05rem; display:grid; place-items:center;
  box-shadow:0 6px 16px -6px rgba(31,110,190,.55); z-index:1}
/* Numaraları birbirine bağlayan dikey akış çizgisi (sol olukta, içeriği kesmez) */
.flow-step:not(:last-child)::before{content:""; position:absolute; left:19px; top:46px; bottom:-38px;
  width:2px; background:linear-gradient(var(--brand-300),rgba(31,110,190,.12))}
.flow-step-head{margin:2px 0 14px}
.flow-step-txt h3{margin:0 0 5px; color:var(--ink-900); font-size:1.16rem}
.flow-step-txt p{margin:0; color:var(--ink-500); line-height:1.55}
.flow-shot{display:block; border-radius:14px; overflow:hidden; border:1px solid var(--line);
  box-shadow:0 18px 40px -22px rgba(20,40,70,.4); background:#fff; transition:transform .2s, box-shadow .2s}
.flow-shot img{width:100%; height:auto; display:block}
.flow-shot:hover{transform:translateY(-3px); box-shadow:0 26px 52px -22px rgba(20,40,70,.5)}
@media (max-width:640px){
  .flow-step{padding-left:46px; margin-bottom:30px}
  .flow-num{width:32px; height:32px; font-size:.95rem}
  .flow-step:not(:last-child)::before{left:15px; top:38px}
}

/* ============ Müşteri gözüyle — kart-içi "tam metni oku" + bölüm göster/gizle ============ */
.tst .tst-q{max-height:9.5em; overflow:hidden; margin:8px 0 6px}
.tst.tst-open .tst-q{max-height:none; margin-bottom:14px}
.tst-more{display:inline-block; margin:0 0 14px; padding:0; background:none; border:0; color:var(--brand-600); font-weight:700; font-size:.9rem; cursor:pointer; font-family:inherit}
.tst-more:hover{text-decoration:underline}
.tst-hidden{display:none}
.tst-grid.tst-expanded .tst-hidden{display:block}
.tst-toggle-wrap{display:flex; justify-content:center; margin-top:28px}

/* ============ Kurumsal sayfalar: Ekibimiz / Hakkımızda / Haberler ============ */
/* Ekip */
.team-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:6px}
.team-card{display:flex; gap:16px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow-sm)}
.team-av{flex:0 0 auto; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--brand-600),var(--brand-300)); color:#fff; display:grid; place-items:center; font-weight:800; font-size:1.4rem}
.team-av.sm{width:42px; height:42px; font-size:1.05rem}
.team-card figcaption{display:flex; flex-direction:column; gap:3px}
.team-card strong{color:var(--ink-900); font-size:1.08rem}
.team-role{color:var(--brand-600); font-weight:700; font-size:.9rem}
.team-bio{color:var(--ink-600); margin:6px 0 8px; line-height:1.55; font-size:.96rem}
.team-mail{display:inline-flex; align-items:center; gap:6px; color:var(--ink-500); font-size:.86rem; font-weight:600}
.team-mail svg{width:15px; height:15px}
.team-people{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; margin-top:6px}
.team-person{display:flex; align-items:center; gap:12px; background:var(--bg-soft); border:1px solid var(--line); border-radius:14px; padding:12px 14px}
.team-person-txt{display:flex; flex-direction:column; line-height:1.3}
.team-person-txt strong{color:var(--ink-900); font-size:.98rem}
.team-person-txt span{color:var(--ink-500); font-size:.84rem}
/* Hakkımızda */
.about-story{font-size:1.12rem; line-height:1.7; color:var(--ink-700)}
.focus-grid{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px}
.focus-chip{display:inline-flex; align-items:center; gap:8px; background:var(--bg-soft); border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-weight:600; color:var(--ink-800)}
.focus-chip svg{width:16px; height:16px; color:var(--brand-600)}
.about-timeline{list-style:none; margin:0; padding:0; position:relative}
.tl-item{position:relative; padding-left:96px; margin-bottom:26px}
.tl-item:not(:last-child)::before{content:""; position:absolute; left:38px; top:34px; bottom:-26px; width:2px; background:linear-gradient(var(--brand-300),rgba(31,110,190,.12))}
.tl-year{position:absolute; left:0; top:0; width:76px; text-align:center; background:linear-gradient(135deg,var(--brand-600),var(--brand-300)); color:#fff; font-weight:800; font-size:.9rem; padding:6px 0; border-radius:999px}
.tl-txt strong{color:var(--ink-900); font-size:1.08rem}
.tl-txt p{margin:4px 0 0; color:var(--ink-600); line-height:1.55}
/* Haberler */
.news-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px}
.news-item{display:flex; gap:16px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; box-shadow:var(--shadow-sm)}
.news-ic{flex:0 0 auto; width:44px; height:44px; border-radius:12px; background:var(--bg-soft); display:grid; place-items:center; color:var(--brand-600)}
.news-ic svg{width:22px; height:22px}
.news-date{display:block; color:var(--ink-400); font-size:.82rem; font-weight:600; margin-bottom:3px}
.news-txt strong{color:var(--ink-900); font-size:1.06rem}
.news-txt p{margin:5px 0 0; color:var(--ink-600); line-height:1.55}
.art-sum-soft{color:var(--ink-500); margin:-6px 0 14px}
.partner-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; margin-top:6px}
.partner-card{background:var(--bg-soft); border:1px solid var(--line); border-radius:16px; padding:20px}
.partner-ic{display:inline-flex; width:38px; height:38px; border-radius:10px; background:#fff; border:1px solid var(--line); place-items:center; color:var(--brand-600); margin-bottom:10px}
.partner-ic svg{width:19px; height:19px}
.partner-card strong{display:block; color:var(--ink-900); font-size:1.02rem; margin-bottom:5px}
.partner-card p{margin:0; color:var(--ink-600); line-height:1.5; font-size:.95rem}
.cta-row{display:flex; gap:12px; flex-wrap:wrap}
@media (max-width:640px){ .team-grid{grid-template-columns:1fr} .tl-item{padding-left:84px} }

/* ===== Ekibimiz — fotoğraf kartları + özgeçmiş modalı ===================== */
.team-wrap{max-width:var(--maxw)}
.tm-group{margin:0 0 42px}
.tm-group-h{display:flex; align-items:center; gap:12px; font-size:1.34rem; margin:0 0 20px;
  padding-bottom:12px; border-bottom:1px solid var(--line)}
.tm-count{font-size:.8rem; font-weight:800; color:var(--brand-700); background:var(--brand-50);
  border:1px solid var(--brand-100); border-radius:999px; padding:2px 11px; line-height:1.6}
.tm-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:18px}
.tm-card{position:relative; display:flex; flex-direction:column; text-align:left; cursor:pointer;
  background:var(--bg); border:1px solid var(--line); border-radius:var(--radius);
  padding:0; overflow:hidden; box-shadow:var(--shadow-sm); font:inherit; color:inherit;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.tm-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--brand-300)}
.tm-card:focus-visible{outline:none; box-shadow:var(--ring)}
.tm-photo{position:relative; width:100%; aspect-ratio:1/1; overflow:hidden;
  background:var(--grad-soft); display:flex; align-items:center; justify-content:center}
.tm-photo img{width:100%; height:100%; object-fit:cover; object-position:center top;
  transition:transform .3s ease}
.tm-card:hover .tm-photo img{transform:scale(1.045)}
.tm-initials{font-size:2.7rem; font-weight:800; color:#fff; letter-spacing:.5px; opacity:.95}
.tm-info{display:flex; flex-direction:column; gap:3px; padding:13px 15px 15px}
.tm-name{font-size:1.02rem; font-weight:800; color:var(--ink-900); line-height:1.25}
.tm-role{font-size:.82rem; color:var(--ink-500); line-height:1.35}
.tm-open{display:flex; align-items:center; gap:5px; margin-top:auto;
  padding:0 15px 14px; font-size:.78rem; font-weight:800; color:var(--brand-700);
  opacity:0; transform:translateY(4px); transition:opacity .18s ease, transform .18s ease}
.tm-open svg{width:14px; height:14px}
.tm-card:hover .tm-open, .tm-card:focus-visible .tm-open{opacity:1; transform:none}
.tm-lead .tm-photo{aspect-ratio:1/1.04}
.tm-lead{border-color:var(--brand-200,#bcd8f2)}
.tm-lead .tm-name{font-size:1.08rem}
/* Yönetim kurulu grubunu 2 büyük kartla vurgula */
.tm-group:first-of-type .tm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,240px))}

/* Modal */
.tm-modal{position:fixed; inset:0; z-index:120; display:flex; align-items:center;
  justify-content:center; padding:22px}
.tm-modal[hidden]{display:none}
.tm-modal-bg{position:absolute; inset:0; background:rgba(9,26,40,.62); backdrop-filter:blur(4px);
  animation:tmFade .2s ease}
.tm-modal-box{position:relative; width:min(680px,100%); max-height:88vh; overflow-y:auto;
  background:var(--bg); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg);
  padding:30px 32px 34px; animation:tmPop .22s cubic-bezier(.2,.8,.3,1)}
@keyframes tmFade{from{opacity:0}to{opacity:1}}
@keyframes tmPop{from{opacity:0; transform:translateY(14px) scale(.98)}to{opacity:1; transform:none}}
.tm-modal-x{position:absolute; top:14px; right:16px; width:38px; height:38px; border:none;
  background:var(--bg-soft); color:var(--ink-700); border-radius:50%; font-size:1.5rem; line-height:1;
  cursor:pointer; transition:background .15s ease}
.tm-modal-x:hover{background:var(--brand-100); color:var(--brand-800)}
.tm-modal-head{display:flex; align-items:center; gap:20px; margin:0 30px 20px 0}
.tm-modal-photo{flex:0 0 auto; width:104px; height:104px; border-radius:18px; overflow:hidden;
  background:var(--grad-soft); display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:2.1rem; font-weight:800; box-shadow:var(--shadow)}
.tm-modal-photo img{width:100%; height:100%; object-fit:cover; object-position:center top}
.tm-modal-id h3{margin:0 0 4px; font-size:1.35rem; color:var(--ink-900)}
.tm-modal-role{margin:0; font-size:.95rem; font-weight:700; color:var(--brand-700)}
.tm-modal-cv{font-size:.95rem; line-height:1.72; color:var(--ink-700); white-space:pre-line;
  border-top:1px solid var(--line); padding-top:18px; position:relative;
  max-height:14.5em; overflow:hidden; transition:max-height .1s ease}
.tm-modal-cv.tm-cv-clamped::after{content:""; position:absolute; left:0; right:0; bottom:0; height:3.2em;
  background:linear-gradient(to bottom, rgba(255,255,255,0), var(--bg)); pointer-events:none}
.tm-modal-cv.tm-cv-open{max-height:none; overflow:visible}
.tm-modal-cv.tm-cv-open::after{display:none}
.tm-cv-more{margin-top:12px; background:none; border:none; padding:4px 0; cursor:pointer;
  font:inherit; font-size:.9rem; font-weight:800; color:var(--brand-700)}
.tm-cv-more:hover{color:var(--brand-900); text-decoration:underline}
@media (max-width:520px){
  .tm-modal-head{flex-direction:column; text-align:center; align-items:center; margin-right:0}
  .tm-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px}
  .tm-open{opacity:1; transform:none}
}

/* ===== Haberler — video galerisi + oynatma modalı ======================== */
.vid-head{margin:0 0 22px}
.vid-head h2{display:flex; align-items:center; gap:12px; font-size:1.5rem; margin:0 0 6px}
.vid-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px}
.vid-card{display:flex; flex-direction:column; text-align:left; cursor:pointer; font:inherit; color:inherit;
  background:none; border:none; padding:0; gap:10px}
.vid-thumb{position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:var(--radius);
  background:var(--brand-950); box-shadow:var(--shadow-sm); transition:box-shadow .18s ease, transform .18s ease}
.vid-thumb img{width:100%; height:100%; object-fit:cover; transition:transform .3s ease, filter .2s ease}
.vid-card:hover .vid-thumb{box-shadow:var(--shadow-lg); transform:translateY(-3px)}
.vid-card:hover .vid-thumb img{transform:scale(1.05); filter:brightness(.9)}
.vid-card:focus-visible .vid-thumb{box-shadow:var(--ring)}
.vid-play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:56px; height:56px;
  border-radius:50%; background:rgba(220,40,40,.92); display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.35); transition:transform .18s ease, background .18s ease}
.vid-play::after{content:""; margin-left:4px; border-style:solid; border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #fff}
.vid-card:hover .vid-play{transform:translate(-50%,-50%) scale(1.12); background:rgba(230,0,0,.98)}
.vid-title{font-size:.95rem; font-weight:700; color:var(--ink-900); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.vid-channel{margin:26px 0 0; text-align:center}
.vid-channel a{display:inline-flex; align-items:center; gap:6px; font-weight:800; color:var(--brand-700)}
.vid-channel a:hover{color:var(--brand-900)}
.vid-channel svg{width:15px; height:15px}

.vid-modal{position:fixed; inset:0; z-index:130; display:flex; align-items:center; justify-content:center; padding:22px}
.vid-modal[hidden]{display:none}
.vid-modal-bg{position:absolute; inset:0; background:rgba(6,20,32,.8); backdrop-filter:blur(4px); animation:tmFade .2s ease}
.vid-modal-box{position:relative; width:min(960px,100%); animation:tmPop .22s cubic-bezier(.2,.8,.3,1)}
.vid-modal-x{position:absolute; top:-46px; right:0; width:38px; height:38px; border:none; background:rgba(255,255,255,.15);
  color:#fff; border-radius:50%; font-size:1.5rem; line-height:1; cursor:pointer; transition:background .15s ease}
.vid-modal-x:hover{background:rgba(255,255,255,.3)}
.vid-frame-wrap{position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-lg)}
.vid-frame-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.vid-modal-title{margin:14px 2px 0; color:#fff; font-weight:700; font-size:1.02rem; text-align:center}
@media (max-width:560px){
  .vid-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px}
  .vid-play{width:46px; height:46px}
  .vid-modal-x{top:-42px}
}

/* ===== Mobil menü (hamburger) + WhatsApp FAB + iletişim onayı ============= */
.nav-burger{display:none; margin-left:auto; width:44px; height:44px; padding:0; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
  background:#fff; border:1.5px solid var(--line); border-radius:11px; transition:border-color .15s ease}
.nav-burger:hover{border-color:var(--brand-300)}
.nav-burger span{display:block; width:20px; height:2px; background:var(--ink-800); border-radius:2px; transition:transform .22s ease, opacity .18s ease}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:920px){
  .container.nav{position:relative}
  .nav-burger{display:flex}
  .nav-right{position:absolute; top:100%; left:0; right:0; margin:0; flex-direction:column; align-items:stretch;
    gap:12px; background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow);
    padding:18px 20px 24px; max-height:0; overflow:hidden; opacity:0; visibility:hidden;
    transition:max-height .28s ease, opacity .2s ease, visibility .2s ease}
  .nav-right.open{max-height:82vh; overflow:auto; opacity:1; visibility:visible}
  .pillar-nav{flex-direction:column; align-items:stretch; gap:8px}
  .pill-btn{justify-content:center; height:46px}
  .cta-contact{justify-content:center; height:46px; width:100%}
  .lang-inline{justify-content:center; margin:4px 0 0; gap:6px}
  .lang-opt{padding:8px 14px}
}

/* WhatsApp yüzen buton — "Asistana sor" gibi etiketli pill (sol-alt, yeşil) */
.wa-fab{position:fixed; left:24px; bottom:24px; z-index:120; display:flex; align-items:center; gap:9px;
  background:#25d366; color:#fff; padding:13px 20px 13px 16px; border-radius:100px; cursor:pointer;
  box-shadow:var(--shadow-lg); font-weight:700; font-size:.94rem; transition:.2s}
.wa-fab:hover{background:#1ebe5a; color:#fff; transform:translateY(-2px)}
.wa-fab svg{width:22px; height:22px}
.wa-fab .wa-dot{width:9px; height:9px; border-radius:50%; background:#eafff2;
  box-shadow:0 0 0 0 rgba(255,255,255,.55); animation:wapulse 2s infinite}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media (max-width:560px){ .wa-fab{left:14px; bottom:16px; padding:11px 16px 11px 13px; font-size:.86rem} }

/* İletişim formu KVKK onay kutusu */
.form-consent{display:flex; align-items:flex-start; gap:9px; font-size:.85rem; color:var(--ink-500);
  line-height:1.5; margin:2px 0 2px; cursor:pointer}
.form-consent input{margin-top:2px; width:16px; height:16px; flex:0 0 auto; accent-color:var(--brand-600)}

/* ===== Telefon iletişim: AI panel başlığı + footer ======================= */
.ai-head-txt{flex:1 1 auto; min-width:0}
.ai-head-phone{display:inline-flex; align-items:center; gap:6px; margin-top:7px; font-size:.84rem;
  font-weight:800; color:#fff; background:rgba(255,255,255,.18); padding:5px 12px; border-radius:100px}
.ai-head-phone svg{width:14px; height:14px}
.ai-head-phone:hover{background:rgba(255,255,255,.30); color:#fff}

.foot-contact{display:flex; flex-direction:column; gap:9px; margin:16px 0 6px}
.foot-contact a{display:inline-flex; align-items:center; gap:10px; color:#c7d7e6; font-size:.96rem; font-weight:600}
.foot-contact a:hover{color:#fff}
.foot-contact svg{width:18px; height:18px; flex:0 0 auto; color:var(--accent)}
.foot-phone{font-size:1.1rem !important; font-weight:800 !important; color:#fff !important; letter-spacing:.01em}

/* ===== Çerez onay banner'ı (KVKK) ======================================== */
.cookie-bar{position:fixed; left:50%; transform:translateX(-50%); bottom:20px; z-index:130;
  width:min(680px, calc(100% - 28px)); background:#fff; border:1px solid var(--line);
  border-radius:16px; box-shadow:var(--shadow-lg); padding:15px 20px;
  display:flex; align-items:center; gap:16px; flex-wrap:wrap; animation:tmPop .25s ease}
.cookie-bar[hidden]{display:none}
.cookie-txt{flex:1 1 260px; min-width:0}
.cookie-txt strong{display:block; font-size:.98rem; color:var(--ink-900); margin-bottom:2px}
.cookie-txt p{margin:0; font-size:.85rem; color:var(--ink-500); line-height:1.5}
.cookie-txt a{color:var(--brand-700); font-weight:700; text-decoration:underline}
.cookie-btns{display:flex; gap:9px; flex:0 0 auto; align-items:center}
.cookie-decline{background:var(--bg-soft); color:var(--ink-700); border:1px solid var(--line);
  border-radius:100px; padding:9px 18px; font:inherit; font-weight:700; font-size:.87rem; cursor:pointer; transition:.15s}
.cookie-decline:hover{background:var(--line-soft)}
.cookie-accept{background:var(--brand-600); color:#fff; border:0; border-radius:100px;
  padding:9px 22px; font:inherit; font-weight:800; font-size:.87rem; cursor:pointer; transition:.15s}
.cookie-accept:hover{background:var(--brand-700)}
@media (max-width:560px){ .cookie-bar{bottom:10px; padding:14px 16px; gap:12px} .cookie-btns{width:100%; justify-content:flex-end} }

/* Asistan avatarı altında GURU adı */
.ai-head .bot-col{display:flex; flex-direction:column; align-items:center; gap:4px; flex:0 0 auto}
.ai-head .bot-name{font-size:.72rem; font-weight:800; letter-spacing:.09em; color:#fff; opacity:.95; line-height:1}

/* ===== Vaka sayfası — gerçek referans projeler ========================== */
.refs-head{margin:0 0 22px}
.refs-head h2{display:flex; align-items:center; gap:12px; font-size:1.5rem; margin:0 0 6px}
.refs-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:22px}
.ref-card{display:flex; flex-direction:column; background:var(--bg); border:1px solid var(--line);
  border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.ref-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--brand-300)}
.ref-photo{position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:var(--grad-soft);
  display:flex; align-items:center; justify-content:center}
.ref-photo img{width:100%; height:100%; object-fit:cover}
.ref-initials{color:#fff; opacity:.85}
.ref-initials svg{width:54px; height:54px}
.ref-tag{position:absolute; top:12px; left:12px; background:rgba(255,255,255,.94); color:var(--brand-800);
  font-size:.72rem; font-weight:800; padding:4px 11px; border-radius:100px; box-shadow:var(--shadow-sm)}
.ref-txt{padding:15px 17px 18px; flex:1 1 auto}
.ref-txt h3{font-size:1.02rem; margin:0 0 7px; color:var(--ink-900); line-height:1.3}
.ref-txt p{margin:0; font-size:.9rem; color:var(--ink-500); line-height:1.55}