/* Proud Harbor v2 — lacivert + logo altını, sade kurumsal düzen.
   Düzen: 1200px kap, tam ekran fotoğraflı açılış, bölümler arasında koyu/açık ritim. */
:root {
  --navy: #0E1A2B;
  --navy-2: #16253B;
  --navy-3: #22344F;
  --gold: #E2A532;
  --gold-2: #F0B847;
  --gold-soft: #FBF1DC;
  --ink: #0E1A2B;
  --text: #3B4658;
  --muted: #6B7587;
  --line: #E3E6EC;
  --bg: #FFFFFF;
  --bg-2: #F4F6F9;
  --white: #FFFFFF;
  --sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: "Instrument Serif", Georgia, serif;
  --radius: 14px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --header-h: 84px;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; background: var(--bg); }
body { margin: 0; font-family: var(--sans); font-size: 16px; line-height: 1.65; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { color: var(--ink); margin: 0; font-weight: 700; letter-spacing: -0.025em; line-height: 1.12; text-wrap: balance; }
p { margin: 0; }
button { font: inherit; cursor: pointer; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 4px; }

.container { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
.section { padding-block: clamp(72px, 9vw, 128px); }
.h2 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.25rem); }
.h3 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.875rem); }
em { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--gold); letter-spacing: -0.01em; }
.eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #B9831F; margin-bottom: 18px; }
.eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--gold); }
.eyebrow.light { color: var(--gold); }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 10px; border: 1.5px solid transparent; font-weight: 700; font-size: 15px; transition: background-color .25s, color .25s, border-color .25s, transform .2s var(--ease); white-space: nowrap; }
.btn i { font-style: normal; transition: transform .3s var(--ease); }
.btn:hover i { transform: translateX(4px); }
.btn:active { transform: scale(.97); }
.btn-gold { background: var(--gold); color: var(--navy); }
.btn-gold:hover { background: var(--gold-2); }
.btn-ghost { border-color: rgba(255,255,255,.45); color: #fff; background: rgba(255,255,255,.06); backdrop-filter: blur(6px); }
.btn-ghost:hover { background: rgba(255,255,255,.16); border-color: #fff; }
.btn-line { border-color: var(--line); color: var(--ink); background: #fff; }
.btn-line:hover { border-color: var(--ink); }
.btn-sm { min-height: 44px; padding: 0 18px; font-size: 14px; }
.btn-block { width: 100%; }
.text-link { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; color: var(--ink); border-bottom: 2px solid var(--gold); padding-bottom: 4px; margin-top: 26px; }
.text-link i { font-style: normal; transition: transform .3s var(--ease); }
.text-link:hover i { transform: translateX(4px); }

/* ============ HEADER ============ */
.site-header { position: fixed; inset: 0 0 auto; z-index: 50; transition: background-color .35s, box-shadow .35s, color .35s; color: #fff; padding-top: env(safe-area-inset-top, 0px); }
.site-header.solid, .site-header.open { background: #fff; color: var(--ink); box-shadow: 0 1px 0 var(--line); }
.header-row { height: var(--header-h); display: flex; align-items: center; justify-content: space-between; gap: 24px; transition: height .35s; }
.site-header.solid .header-row { height: 72px; }
.logo { display: inline-flex; align-items: center; gap: 14px; }
.logo img { width: 56px; height: 56px; transition: width .35s, height .35s; }
.site-header.solid .logo img { width: 46px; height: 46px; }
.logo span { display: flex; flex-direction: column; font-weight: 800; font-size: 22px; letter-spacing: -0.02em; line-height: 1.1; }
.logo small { font-weight: 500; font-size: 12.5px; letter-spacing: 0.16em; text-transform: uppercase; opacity: .7; }
.main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.nav-btn, .nav-link { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: inherit; font-weight: 600; font-size: 15px; padding: 10px 14px; border-radius: 8px; position: relative; }
.nav-btn svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .3s var(--ease); }
.nav-btn::after, .nav-link::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
.nav-btn:hover::after, .nav-link:hover::after, .nav-btn[aria-expanded="true"]::after { transform: scaleX(1); }
.nav-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.header-cta { display: flex; align-items: center; gap: 18px; }
.phone { font-weight: 600; font-size: 14.5px; opacity: .9; }
.burger { display: none; width: 44px; height: 44px; border: 0; background: transparent; position: relative; color: inherit; }
.burger span { position: absolute; left: 11px; right: 11px; height: 2px; background: currentColor; transition: transform .3s var(--ease), top .3s; }
.burger span:first-child { top: 17px; } .burger span:last-child { top: 25px; }
.burger[aria-expanded="true"] span:first-child { top: 21px; transform: rotate(45deg); }
.burger[aria-expanded="true"] span:last-child { top: 21px; transform: rotate(-45deg); }

/* mega menu (GPTW kurgusu) */
.mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; color: var(--ink); border-top: 1px solid var(--line); box-shadow: 0 30px 60px -30px rgba(14,26,43,.35); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s, transform .3s var(--ease), visibility 0s .3s; }
.has-mega.open .mega { opacity: 1; visibility: visible; transform: none; transition: opacity .25s, transform .3s var(--ease); }
.mega-in { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 28px; padding-block: 34px 38px; }
.mega-sm .mega-in { grid-template-columns: 1fr 2fr; }
.mega-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.mega-cols.one { grid-template-columns: 1fr; }
.mega-title { font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #B9831F; margin: 0 0 8px; }
.mega-cols a + .mega-title { margin-top: 20px; }
.mega-cols a { display: block; padding: 6px 0; font-size: 14.5px; font-weight: 500; color: var(--text); transition: color .2s, transform .25s var(--ease); }
.mega-cols a:hover { color: var(--ink); transform: translateX(4px); }
.mega-card { align-self: start; display: flex; flex-direction: column; gap: 8px; background: var(--bg-2); border-radius: var(--radius); padding: 12px 12px 18px; transition: background-color .25s; }
.mega-card:hover { background: var(--gold-soft); }
.mega-card img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 10px; margin-bottom: 6px; }
.mega-card.wide img { aspect-ratio: 16 / 6; }
.mega-card-tag { font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: 0 6px; }
.mega-card strong { font-size: 15.5px; line-height: 1.35; color: var(--ink); padding: 0 6px; }
.mega-card .more { font-size: 13.5px; font-weight: 700; color: #B9831F; padding: 0 6px; }
.mega-card .more i { font-style: normal; display: inline-block; transition: transform .3s var(--ease); }
.mega-card:hover .more i { transform: translateX(4px); }
.mega-backdrop { position: fixed; inset: 0; z-index: 49; background: rgba(14,26,43,.45); opacity: 0; visibility: hidden; transition: opacity .3s, visibility 0s .3s; }
.mega-backdrop.on { opacity: 1; visibility: visible; transition: opacity .3s; }

.mobile-menu { background: #fff; color: var(--ink); padding: 8px max(20px, env(safe-area-inset-right, 0px)) 28px max(20px, env(safe-area-inset-left, 0px)); max-height: calc(100svh - 72px); overflow-y: auto; border-top: 1px solid var(--line); }
.mobile-menu details { border-bottom: 1px solid var(--line); }
.mobile-menu summary { list-style: none; padding: 16px 0; font-weight: 700; font-size: 17px; display: flex; justify-content: space-between; cursor: pointer; }
.mobile-menu summary::after { content: "+"; color: var(--gold); font-size: 22px; line-height: 1; }
.mobile-menu details[open] summary::after { content: "–"; }
.mobile-menu details a { display: block; padding: 8px 0 8px 14px; color: var(--text); }
.mobile-menu details[open] { padding-bottom: 10px; }
.mobile-menu .m-link { display: block; padding: 16px 0; font-weight: 700; font-size: 17px; border-bottom: 1px solid var(--line); }
.mobile-menu .btn { margin-top: 22px; width: 100%; }

/* ============ HERO (Weserlink) ============ */
.hero { position: relative; min-height: 100svh; display: flex; align-items: flex-end; color: #fff; overflow: hidden; background: var(--navy); }
.hero-bg { position: absolute; inset: 0; }
.hero-bg img { width: 100%; height: 115%; object-fit: cover; object-position: 50% 45%; will-change: transform; }
.js .hero-bg img { animation: heroZoom 2.4s var(--ease) both; }
@keyframes heroZoom { from { transform: scale(1.12); filter: brightness(.6); } to { transform: scale(1); filter: none; } }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,26,43,.55) 0%, rgba(14,26,43,.15) 35%, rgba(14,26,43,.55) 65%, rgba(14,26,43,.92) 100%); }
.hero-in { position: relative; z-index: 2; padding-top: 160px; padding-bottom: clamp(96px, 14vh, 150px); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; }

/* cam kutular */
.hero-cards { display: grid; grid-template-columns: repeat(3, 178px); grid-template-rows: 1fr 1fr; gap: 14px; padding-bottom: 40px; }
.gcard.g2 { grid-column: 1; grid-row: 1; } .gcard.g4 { grid-column: 1; grid-row: 2; }
.gcard.g3 { grid-column: 2; grid-row: 1; } .gcard.g5 { grid-column: 2; grid-row: 2; }
.gcard { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 20px; min-height: 168px; border-radius: 18px; color: #fff; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); transition: background-color .3s, border-color .3s, transform .4s var(--ease); }
.gcard:hover { background: rgba(255,255,255,.17); border-color: rgba(226,165,50,.8); transform: translateY(-4px); }
.gcard.g1 { grid-column: 3; grid-row: 1 / span 2; align-self: center; height: calc(50% - 7px); }
.gicon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(226,165,50,.18); margin-bottom: 8px; transition: background-color .3s; }
.gicon svg { width: 21px; height: 21px; fill: none; stroke: var(--gold); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s; }
.gcard:hover .gicon { background: var(--gold); }
.gcard:hover .gicon svg { stroke: var(--navy); }
.gcard strong { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; }
.gcard > span:not(.gicon) { font-size: 13px; line-height: 1.45; color: rgba(255,255,255,.75); padding-right: 14px; }
.garrow { position: absolute; top: 18px; right: 18px; font-style: normal; color: rgba(255,255,255,.6); transition: transform .3s var(--ease), color .3s; }
.gcard:hover .garrow { transform: translateX(4px); color: var(--gold); }
.js .gcard { animation: glassIn .9s var(--ease) both; animation-delay: calc(1.2s + var(--d) * .12s); }
@keyframes glassIn { from { opacity: 0; translate: 0 24px; } to { opacity: 1; translate: 0 0; } }
.hero-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 600; letter-spacing: .04em; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(8px); }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 0 rgba(226,165,50,.7); animation: ping 2s infinite; }
@keyframes ping { 70% { box-shadow: 0 0 0 10px rgba(226,165,50,0); } 100% { box-shadow: 0 0 0 0 rgba(226,165,50,0); } }
.hero-title { color: #fff; font-size: clamp(2.75rem, 1rem + 4.4vw, 5.5rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1.02; margin: 26px 0 22px; max-width: 13ch; }
.hero-sub { font-size: clamp(1.05rem, .95rem + .45vw, 1.3rem); line-height: 1.6; max-width: 46ch; color: rgba(255,255,255,.88); }
.hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.js .hero-sub, .js .hero-btns, .js .hero-kicker { animation: rise .9s var(--ease) both; }
.js .hero-kicker { animation-delay: .2s; } .js .hero-sub { animation-delay: 1.1s; } .js .hero-btns { animation-delay: 1.3s; }
@keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.scroll-hint { position: absolute; z-index: 2; right: max(28px, env(safe-area-inset-right, 0px)); bottom: 40px; width: 28px; height: 46px; border: 2px solid rgba(255,255,255,.6); border-radius: 20px; }
.scroll-hint span { position: absolute; left: 50%; top: 9px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: var(--gold); animation: wheel 1.8s infinite; }
@keyframes wheel { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }

/* split text (harf harf belirme) */
.char { display: inline-block; white-space: pre; }
.word { display: inline-block; white-space: nowrap; }
.js [data-split].ready .char { opacity: .08; transform: translateY(.25em); transition: opacity .5s, transform .6s var(--ease); transition-delay: calc(var(--c) * 22ms); }
.js [data-split].ready.in .char { opacity: 1; transform: none; }

/* ============ KARİYER ŞERİDİ (Miorec) ============ */
.ticker-wrap { background: var(--navy); padding-block: 16px; }
.ticker { display: flex; align-items: stretch; background: var(--navy-2); border: 1px solid var(--navy-3); border-radius: 12px; overflow: hidden; }
.ticker-tag { flex: none; display: inline-flex; align-items: center; gap: 10px; background: var(--gold); color: var(--navy); font-weight: 800; font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; padding: 0 26px 0 18px; clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%); }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: ping 2s infinite; }
.ticker-track { flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); }
.ticker-list { list-style: none; margin: 0; padding: 0; display: flex; width: max-content; animation: slide 40s linear infinite; }
.ticker-track:hover .ticker-list, .ticker-track:focus-within .ticker-list { animation-play-state: paused; }
.ticker-list li { display: flex; align-items: center; gap: 12px; padding: 12px 22px; white-space: nowrap; font-size: 14.5px; }
.ticker-list li::after { content: "//"; color: var(--navy-3); font-weight: 700; margin-left: 10px; }
.ticker-list strong { color: #fff; font-weight: 700; }
.loc { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 600; color: #FF9A9A; background: rgba(255,120,120,.12); padding: 3px 9px; border-radius: 6px; }
.loc::before { content: ""; width: 7px; height: 7px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: currentColor; }
.ticker-list a { font-size: 12.5px; font-weight: 700; color: var(--gold); background: rgba(226,165,50,.12); border: 1px solid rgba(226,165,50,.4); padding: 3px 10px; border-radius: 6px; transition: background-color .2s; }
.ticker-list a:hover { background: var(--gold); color: var(--navy); }
@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ============ GİRİŞ ============ */
.intro-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(40px, 6vw, 96px); align-items: center; }
.intro-text p + p { margin-top: 14px; }
.intro-text .h2 { margin-bottom: 24px; }
.intro-text > p:not(.eyebrow) { font-size: 17px; max-width: 54ch; }
.facts { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--line); border-radius: 18px; overflow: hidden; }
.fact { background: var(--bg-2); padding: 32px 28px; display: flex; flex-direction: column; gap: 6px; transition: background-color .3s; }
.fact:hover { background: var(--gold-soft); }
.fact b { font-size: clamp(2.5rem, 2rem + 1.6vw, 3.5rem); font-weight: 800; letter-spacing: -0.04em; color: var(--navy); line-height: 1; font-variant-numeric: tabular-nums; }
.fact span { color: var(--muted); font-size: 14.5px; font-weight: 500; }

/* ============ HİZMETLER (Miorec karoları) ============ */
.services { padding-top: clamp(24px, 3vw, 40px); }
.services-head { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; padding-bottom: 48px; }
.services-intro { max-width: 46ch; justify-self: end; font-size: 16.5px; }
.tiles { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px; background: var(--navy); }
.tile { grid-column: span 2; position: relative; min-height: 440px; overflow: hidden; display: flex; align-items: flex-end; color: #fff; isolation: isolate; }
.tile.t-big { grid-column: span 3; min-height: 520px; }
.tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--ease); }
.tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(14,26,43,.25) 0%, rgba(14,26,43,.55) 45%, rgba(14,26,43,.94) 100%); transition: background-color .4s; }
.tile:hover img { transform: scale(1.06); }
.tile:hover::before { background-color: rgba(14,26,43,.15); }
.tile-in { padding: clamp(26px, 3vw, 44px); width: 100%; }
.tile-no { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.tile-no::before { content: ""; width: 22px; height: 2px; background: var(--gold); }
.tile h3 { color: #fff; font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); margin: 12px 0 16px; }
.chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.chips li { font-size: 13px; font-weight: 500; padding: 5px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(4px); }
.tile-more { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); }
.tile-more i { font-style: normal; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--gold); display: grid; place-items: center; font-size: 15px; transition: transform .4s var(--ease), background-color .3s, color .3s; }
.tile:hover .tile-more i { transform: rotate(90deg); background: var(--gold); color: var(--navy); }

/* anahtar kelime şeridi (Weserlink) */
.marquee { background: var(--gold); color: var(--navy); overflow: hidden; padding-block: 20px; }
.marquee-track { display: flex; width: max-content; animation: slide 45s linear infinite; }
.marquee span { display: inline-flex; align-items: center; gap: 30px; padding-right: 30px; font-weight: 700; font-size: 17px; white-space: nowrap; }
.marquee span::after { content: ""; width: 8px; height: 8px; background: var(--navy); transform: rotate(45deg); }

/* ============ DOĞRU YETENEK (Yönetici İnsan) ============ */
.talent { background: var(--navy); color: rgba(255,255,255,.82); }
.talent h2, .talent h3 { color: #fff; }
.talent-top { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 90px); align-items: center; }
.talent blockquote { margin: 26px 0 34px; padding-left: 22px; border-left: 3px solid var(--gold); font-size: clamp(1.1rem, 1rem + .5vw, 1.35rem); line-height: 1.55; color: #fff; max-width: 40ch; }
.talent-img { position: relative; margin: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 1 / 1; max-width: 520px; justify-self: end; width: 100%; }
.talent-img img { width: 100%; height: 100%; object-fit: cover; }
.talent-img figcaption { position: absolute; left: 18px; bottom: 18px; right: 18px; max-width: 300px; background: #fff; color: var(--text); border-radius: 12px; padding: 14px 16px; font-size: 14px; line-height: 1.45; animation: float 6s ease-in-out infinite; }
.talent-img figcaption b { color: var(--ink); }
@keyframes float { 50% { transform: translateY(-8px); } }
.steps { list-style: none; margin: clamp(56px, 7vw, 88px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: s; }
.steps li { position: relative; background: var(--navy-2); border: 1px solid var(--navy-3); border-radius: var(--radius); padding: 26px 22px 28px; transition: transform .35s var(--ease), border-color .3s, background-color .3s; }
.steps li::before { content: ""; position: absolute; left: 22px; right: 22px; top: -1px; height: 3px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease); }
.steps li:hover { transform: translateY(-6px); border-color: #34496A; background: #1A2B44; }
.steps li:hover::before { transform: scaleX(1); }
.step-no { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(226,165,50,.14); color: var(--gold); font-weight: 800; margin-bottom: 18px; }
.steps h3 { font-size: 17px; margin-bottom: 8px; letter-spacing: -0.01em; }
.steps p { font-size: 14.5px; line-height: 1.55; }

/* ============ EĞİTİM KURUCU ============ */
.builder { background: var(--bg-2); }
.builder-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(40px, 5vw, 80px); align-items: start; }
.builder-left > p:not(.eyebrow) { margin: 20px 0 30px; font-size: 17px; max-width: 50ch; }
.tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 12px; width: fit-content; max-width: 100%; }
.tabs button { border: 0; background: transparent; padding: 10px 16px; border-radius: 8px; font-weight: 600; font-size: 14.5px; color: var(--muted); transition: background-color .25s, color .25s; }
.tabs button[aria-selected="true"] { background: var(--navy); color: #fff; }
.tabs button:hover:not([aria-selected="true"]) { color: var(--ink); background: var(--bg-2); }
.pick-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.pick { text-align: left; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 14px 18px; background: #fff; border: 1.5px solid var(--line); border-radius: 12px; font-weight: 600; font-size: 15px; color: var(--ink); transition: border-color .2s, background-color .2s, transform .15s var(--ease); }
.pick::before { content: ""; flex: none; width: 22px; height: 22px; border-radius: 6px; border: 1.5px solid #C5CBD5; transition: background-color .2s, border-color .2s; background: center / 14px no-repeat; }
.pick:hover { border-color: #C5CBD5; }
.pick:active { transform: scale(.98); }
.pick[aria-pressed="true"] { border-color: var(--gold); background: var(--gold-soft); }
.pick[aria-pressed="true"]::before { background-color: var(--gold); border-color: var(--gold); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5L11 4.5' fill='none' stroke='%230E1A2B' stroke-width='2'/%3E%3C/svg%3E"); }
.program { position: sticky; top: 100px; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px; box-shadow: 0 30px 60px -40px rgba(14,26,43,.35); }
.program-head { display: flex; gap: 14px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.program-head strong { display: block; color: var(--ink); font-size: 17px; }
.program-head span { font-size: 14px; color: var(--muted); }
.program-list { list-style: none; margin: 0; padding: 16px 0; min-height: 150px; display: flex; flex-direction: column; gap: 8px; counter-reset: p; }
.program-list li { counter-increment: p; display: flex; gap: 12px; align-items: center; font-weight: 600; color: var(--ink); font-size: 15px; animation: rise .4s var(--ease) both; }
.program-list li::before { content: counter(p); flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 12.5px; }
.program-list li.empty { color: var(--muted); font-weight: 500; font-size: 14.5px; }
.program-list li.empty::before { content: none; }
.program-meter { height: 6px; background: var(--bg-2); border-radius: 6px; overflow: hidden; }
.program-meter span { display: block; height: 100%; width: 0; background: var(--gold); border-radius: 6px; transition: width .5s var(--ease); }
.program-btns { display: flex; gap: 10px; margin-top: 20px; }
.program-btns .btn-gold { flex: 1; white-space: normal; text-align: center; line-height: 1.25; }

/* ============ FOTOĞRAF BANDI ============ */
.band { position: relative; min-height: 70vh; display: flex; align-items: center; overflow: hidden; background: var(--navy); }
.band-bg { position: absolute; inset: -12% 0; }
.band-bg img, .band-bg video { display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,26,43,.9) 0%, rgba(14,26,43,.55) 55%, rgba(14,26,43,.25) 100%), rgba(10,19,32,.38); }
.band-in { position: relative; z-index: 1; }
.band-text { color: #fff; font-size: clamp(2rem, 1.1rem + 3vw, 3.75rem); font-weight: 800; letter-spacing: -0.035em; line-height: 1.08; max-width: 17ch; }
.band-sub { margin-top: 22px; max-width: 52ch; font-size: clamp(1.02rem, .95rem + .3vw, 1.18rem); line-height: 1.65; color: rgba(255,255,255,.86); }
.band-btns { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.band { padding-block: 90px; }

/* ============ NEDEN ============ */
.center-head { text-align: center; max-width: 720px; margin: 0 auto 56px; }
.center-head .eyebrow { justify-content: center; }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.why-card { border: 1px solid var(--line); border-radius: 18px; padding: 34px 30px; transition: transform .35s var(--ease), border-color .3s, box-shadow .35s; background: #fff; }
.why-card:hover { transform: translateY(-6px); border-color: var(--gold); box-shadow: 0 30px 50px -36px rgba(14,26,43,.4); }
.why-card svg { width: 48px; height: 48px; fill: none; stroke: var(--gold); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 22px; }
.why-card h3 { font-size: 20px; margin-bottom: 10px; }

/* ============ REFERANSLAR ============ */
.refs { background: var(--navy); padding-block: clamp(64px, 8vw, 104px); }
.refs h2 { color: #fff; }
.refs-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
.refs-head p { color: rgba(255,255,255,.6); }
.logo-marquee { overflow: hidden; border-block: 1px solid var(--navy-3); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.logo-track { display: flex; width: max-content; animation: slide 50s linear infinite; }
.logo-marquee:hover .logo-track { animation-play-state: paused; }
.logo-track img { width: 200px; height: 120px; object-fit: contain; padding: 26px 30px; filter: brightness(0) invert(1); opacity: .55; transition: opacity .3s, transform .3s var(--ease); }
.logo-track img:hover { opacity: 1; transform: scale(1.06); }

/* ============ FORM ============ */
.contact { background: linear-gradient(180deg, var(--bg-2), var(--bg-2)); }
.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(40px, 6vw, 90px); align-items: start; }
.ticks { list-style: none; padding: 0; margin: 26px 0 34px; display: grid; gap: 12px; }
.ticks li { display: flex; gap: 12px; align-items: center; font-weight: 600; color: var(--ink); }
.ticks li::before { content: ""; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5L11 4.5' fill='none' stroke='%230E1A2B' stroke-width='2'/%3E%3C/svg%3E") center / 13px no-repeat; }
.contact-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.contact-cards > * { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; font-weight: 600; color: var(--ink); font-size: 14.5px; line-height: 1.45; transition: border-color .25s; overflow-wrap: anywhere; }
.contact-cards a:hover { border-color: var(--gold); }
.contact-cards .span2 { grid-column: 1 / -1; }
.contact-cards small { display: block; font-size: 12px; font-weight: 600; color: var(--muted); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; }
.form-card { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: clamp(24px, 3vw, 38px); display: grid; gap: 18px; box-shadow: 0 40px 70px -50px rgba(14,26,43,.4); }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-card label { display: grid; gap: 7px; font-size: 13.5px; font-weight: 700; color: var(--ink); }
.form-card input:not([type="checkbox"]), .form-card textarea { width: 100%; font: inherit; font-size: 15.5px; font-weight: 500; color: var(--ink); background: var(--bg-2); border: 1.5px solid transparent; border-radius: 10px; padding: 13px 14px; transition: border-color .2s, background-color .2s; }
.form-card input:focus, .form-card textarea:focus { outline: none; border-color: var(--gold); background: #fff; }
.form-card .invalid { border-color: #C2413A !important; }
.form-card textarea { resize: vertical; min-height: 110px; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { font-size: 13.5px; font-weight: 700; color: var(--ink); margin-bottom: 9px; }
.area-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.area { border: 1.5px solid var(--line); background: #fff; border-radius: 999px; padding: 8px 15px; font-size: 14px; font-weight: 600; color: var(--text); transition: all .2s; }
.area:hover { border-color: #C5CBD5; }
.area[aria-pressed="true"] { background: var(--navy); border-color: var(--navy); color: #fff; }
.check { display: flex !important; grid-template-columns: none; align-items: flex-start; gap: 10px !important; font-weight: 500 !important; color: var(--text) !important; }
.check input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--gold); flex: none; }
.check a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--gold); }
.form-note { font-size: 14px; font-weight: 600; min-height: 1.4em; }
.form-note.ok { color: #1F7A4D; } .form-note.err { color: #C2413A; }

/* ============ SSS ============ */
.faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px, 6vw, 90px); align-items: start; }
.faq-side { margin-top: 18px; max-width: 34ch; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; font-weight: 700; font-size: 17px; color: var(--ink); }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: ""; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 2v10M2 7h10' stroke='%230E1A2B' stroke-width='1.8'/%3E%3C/svg%3E") center / 12px no-repeat; transition: transform .35s var(--ease), background-color .3s; }
.faq-list details[open] summary::after { transform: rotate(45deg); background-color: var(--gold); }
.faq-list details p { padding: 0 50px 24px 0; font-size: 16px; }
.faq-list details[open] p { animation: rise .45s var(--ease) both; }

/* ============ KAPANIŞ ============ */
.cta-band { background: var(--navy) radial-gradient(ellipse at 85% 0%, rgba(226,165,50,.18), transparent 55%); padding-block: clamp(72px, 8vw, 110px); }
.cta-in { display: flex; justify-content: space-between; align-items: center; gap: 30px; flex-wrap: wrap; }
.cta-in h2 { color: #fff; max-width: 18ch; }
.cta-in .hero-btns { margin-top: 0; }

/* ============ FOOTER ============ */
.footer { background: #0A1320; color: rgba(255,255,255,.62); padding-top: 70px; font-size: 14.5px; }
.footer .logo { color: #fff; }
.foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: 40px; padding-bottom: 50px; }
.foot-brand p { margin-top: 18px; max-width: 30ch; }
.foot-grid > div:not(.foot-brand) { display: flex; flex-direction: column; gap: 9px; }
.foot-title { color: #fff; font-weight: 700; margin-bottom: 6px; }
.foot-grid a { transition: color .2s; }
.foot-grid a:hover { color: var(--gold); }
.foot-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; padding-block: 22px 30px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.foot-bottom a:hover { color: var(--gold); }
.credits { flex-basis: 100%; font-size: 12px; opacity: .7; }

/* scroll reveal */
.js [data-up] { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--ease), transform .9s var(--ease); }
.js [data-up].in { opacity: 1; transform: none; }
.js .steps li[data-up]:nth-child(2) { transition-delay: .08s; } .js .steps li[data-up]:nth-child(3) { transition-delay: .16s; }
.js .steps li[data-up]:nth-child(4) { transition-delay: .24s; } .js .steps li[data-up]:nth-child(5) { transition-delay: .32s; }
.js .why-card[data-up]:nth-child(2) { transition-delay: .1s; } .js .why-card[data-up]:nth-child(3) { transition-delay: .2s; }

/* ============ RESPONSIVE ============ */
@media (max-width: 1100px) {
  .main-nav, .phone { display: none; }
  .hero-in { grid-template-columns: 1fr; gap: 36px; }
  .hero-cards { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); padding-bottom: 0; }
  .gcard.g1, .gcard.g2, .gcard.g3, .gcard.g4, .gcard.g5 { grid-column: auto; grid-row: auto; align-self: stretch; }
  .gcard { min-height: 0; }
  .burger { display: block; }
  .steps { grid-template-columns: repeat(3, 1fr); }
  .tile, .tile.t-big { grid-column: span 3; min-height: 420px; }
  .tile:last-child { grid-column: span 6; }
}
@media (max-width: 860px) {
  .intro-grid, .services-head, .talent-top, .builder-grid, .contact-grid, .faq-grid { grid-template-columns: 1fr; }
  .services-intro { justify-self: start; }
  .program { position: static; }
  .why-grid { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr 1fr; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  :root { --header-h: 68px; }
  .hero-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .gcard { padding: 14px; border-radius: 14px; }
  .gcard.g1 { grid-column: 1 / -1; order: -1; }
  .logo img, .site-header.solid .logo img { width: 44px; height: 44px; }
  .gcard > span:not(.gicon) { display: none; }
  .gicon { width: 34px; height: 34px; margin-bottom: 4px; }
  .gcard strong { font-size: 14.5px; }
  .site-header.solid .header-row { height: 64px; }
  .header-cta .btn-sm { display: none; }
  .logo span { font-size: 18px; }
  .hero-in { padding-bottom: 90px; }
  .hero-btns .btn { flex: 1 1 100%; }
  .scroll-hint { display: none; }
  .ticker { flex-direction: column; }
  .ticker-tag { clip-path: none; padding: 9px 14px; font-size: 11.5px; }
  .steps li { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; padding: 20px 18px; }
  .steps .step-no { grid-row: span 2; margin: 0; }
  .steps h3 { margin: 6px 0 4px; }
  .facts .fact { padding: 24px 20px; }
  .tile, .tile.t-big, .tile:last-child { grid-column: span 6; min-height: 380px; }
  .steps { grid-template-columns: 1fr; }
  .pick-panel { grid-template-columns: 1fr; }
  .tabs { width: 100%; }
  .tabs button { flex: 1 1 auto; }
  .program-btns { flex-direction: column; }
  .band { min-height: 56vh; }
  .row2, .contact-cards { grid-template-columns: 1fr; }
  .faq-list details p { padding-right: 0; }
  .foot-grid { grid-template-columns: 1fr; }
  .logo-track img { width: 140px; height: 90px; padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js [data-up] { opacity: 1; transform: none; }
  .js [data-split].ready .char { opacity: 1; transform: none; }
  .ticker-track, .logo-marquee { overflow-x: auto; }
}

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
button.btn-ghost { font-family: inherit; }

/* ============ DİJİJOB ============ */
.dj { position: fixed; z-index: 60; right: max(20px, env(safe-area-inset-right, 0px)); bottom: max(20px, env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; align-items: flex-end; gap: 14px; pointer-events: none; }
.dj > * { pointer-events: auto; }
.dj-launch { position: relative; width: 78px; height: 78px; border-radius: 50%; border: 0; padding: 0; background: var(--navy); box-shadow: 0 18px 40px -12px rgba(14,26,43,.55), 0 0 0 4px rgba(226,165,50,.9); display: grid; place-items: center; transition: transform .3s var(--ease); }
.dj-launch img { width: 60px; height: auto; margin-top: 4px; transform-origin: 50% 90%; animation: wave 4s ease-in-out infinite; }
@keyframes wave { 0%, 70%, 100% { transform: rotate(0); } 76% { transform: rotate(-8deg); } 82% { transform: rotate(6deg); } 88% { transform: rotate(-4deg); } }
.dj-launch:hover { transform: translateY(-3px) scale(1.04); }
.dj-name { position: absolute; bottom: -9px; left: 50%; transform: translateX(-50%); background: var(--gold); color: var(--navy); font-size: 11.5px; font-weight: 800; letter-spacing: .02em; padding: 2px 9px; border-radius: 999px; white-space: nowrap; }
.dj-launch::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--gold); animation: ring 2.6s ease-out infinite; }
@keyframes ring { 0% { opacity: .8; transform: scale(1); } 100% { opacity: 0; transform: scale(1.35); } }
.dj.open .dj-launch::after { animation: none; opacity: 0; }

.dj-hello { position: absolute; right: 94px; bottom: 6px; width: 270px; max-width: calc(100vw - 130px); background: #fff; color: var(--text); border-radius: 16px 16px 4px 16px; padding: 12px 32px 12px 14px; font-size: 14px; line-height: 1.45; box-shadow: 0 20px 40px -18px rgba(14,26,43,.45); border: 1px solid var(--line); animation: rise .5s var(--ease) both; cursor: pointer; }
.dj-hello strong { display: block; color: var(--ink); margin-bottom: 2px; }
.dj-hello-x { position: absolute; top: 6px; right: 6px; width: 26px; height: 26px; border: 0; background: transparent; color: var(--muted); font-size: 18px; border-radius: 50%; }
.dj-hello-x:hover { background: var(--bg-2); }

.dj-panel { width: min(380px, calc(100vw - 32px)); height: min(600px, calc(100svh - 140px)); background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 40px 80px -30px rgba(14,26,43,.6); border: 1px solid var(--line); transform-origin: 100% 100%; animation: pop .35s var(--ease) both; }
@keyframes pop { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
.dj-head { display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 16px; background: var(--navy); color: rgba(255,255,255,.75); }
.dj-head img { width: 44px; height: auto; background: rgba(255,255,255,.08); border-radius: 12px; padding: 4px; }
.dj-head strong { display: block; color: #fff; font-size: 16px; }
.dj-head span { font-size: 12.5px; display: inline-flex; align-items: center; gap: 6px; }
.dj-online { width: 8px; height: 8px; border-radius: 50%; background: #34C77B; display: inline-block; }
.dj-head > div { flex: 1; }
.dj-x { width: 36px; height: 36px; border: 0; border-radius: 10px; background: rgba(255,255,255,.08); display: grid; place-items: center; }
.dj-x svg { width: 14px; height: 14px; stroke: #fff; stroke-width: 1.8; }
.dj-x:hover { background: rgba(255,255,255,.16); }
.dj-body { flex: 1; overflow-y: auto; padding: 18px 16px 8px; display: flex; flex-direction: column; gap: 10px; background: var(--bg-2); overscroll-behavior: contain; }
.dj-msg { max-width: 86%; padding: 10px 14px; border-radius: 14px; font-size: 14.5px; line-height: 1.5; animation: rise .3s var(--ease) both; overflow-wrap: anywhere; }
.dj-msg.bot { background: #fff; color: var(--text); border: 1px solid var(--line); border-bottom-left-radius: 4px; align-self: flex-start; }
.dj-msg.bot b { color: var(--ink); }
.dj-msg.me { background: var(--navy); color: #fff; border-bottom-right-radius: 4px; align-self: flex-end; }
.dj-msg a { color: #9A6B12; font-weight: 700; text-decoration: underline; }
.dj-typing { display: inline-flex; gap: 4px; padding: 14px 16px; }
.dj-typing i { width: 6px; height: 6px; border-radius: 50%; background: #9AA3B2; animation: blink 1.2s infinite; }
.dj-typing i:nth-child(2) { animation-delay: .15s; } .dj-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes blink { 0%, 60%, 100% { opacity: .3; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.dj-quick { display: flex; gap: 8px; padding: 10px 16px; overflow-x: auto; background: var(--bg-2); scrollbar-width: none; }
.dj-quick::-webkit-scrollbar { display: none; }
.dj-quick button { flex: none; border: 1.5px solid #F1D9A6; background: var(--gold-soft); color: #7A540C; font-size: 13px; font-weight: 700; padding: 7px 12px; border-radius: 999px; transition: background-color .2s; }
.dj-quick button:hover { background: var(--gold); color: var(--navy); border-color: var(--gold); }
.dj-input { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--line); }
.dj-input input { flex: 1; min-width: 0; border: 1.5px solid var(--line); border-radius: 10px; padding: 10px 12px; font: inherit; font-size: 15px; color: var(--ink); }
.dj-input input:focus { outline: none; border-color: var(--gold); }
.dj-input button { width: 44px; border: 0; border-radius: 10px; background: var(--navy); display: grid; place-items: center; }
.dj-input button svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2; }
.dj-wa { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 12px 12px; min-height: 46px; border-radius: 10px; background: #1FAF5A; color: #fff; font-weight: 700; font-size: 14.5px; transition: background-color .2s; }
.dj-wa:hover { background: #179A4D; }
.dj-wa svg { width: 20px; height: 20px; fill: #fff; }
.dj.open .dj-launch { transform: scale(.88); }
@media (max-width: 600px) {
  .dj-launch { width: 66px; height: 66px; } .dj-launch img { width: 50px; }
  .dj-panel { height: calc(100svh - 130px); }
  .dj-hello { display: none !important; }
  /* Açıkken tam ekran: yükseklik görünen alana (klavye hariç) göre ayarlanır */
  .dj.open { top: var(--dj-vt, 0px); bottom: auto; left: 0; right: 0; height: var(--dj-vh, 100dvh); padding: 10px 10px max(10px, env(safe-area-inset-bottom, 0px)); gap: 0; align-items: stretch; }
  .dj.open .dj-launch { display: none; }
  .dj.open .dj-panel { width: 100%; height: 100%; }
  .dj-input input { font-size: 16px; } /* iOS'ta odaklanınca yakınlaştırmayı önler */
  html.dj-lock, html.dj-lock body { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) { .dj-launch img, .dj-launch::after { animation: none; } }

/* ekip görseli varyantı */
.hero-team .hero-bg img { object-position: 85% 40%; }
.hero-team::after { background: linear-gradient(90deg, rgba(14,26,43,.78) 0%, rgba(14,26,43,.45) 45%, rgba(14,26,43,.05) 75%), linear-gradient(180deg, rgba(14,26,43,.5) 0%, transparent 25%, transparent 70%, rgba(14,26,43,.85) 100%); }

/* ============ GİRİŞ GÖRSELİ ============ */
.intro-img { position: relative; margin: 0; border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3.4; }
.intro-img img { width: 100%; height: 100%; object-fit: cover; }
.intro-img figcaption { position: absolute; left: 20px; bottom: 20px; display: flex; flex-direction: column; gap: 2px; background: var(--navy); color: rgba(255,255,255,.75); padding: 16px 20px; border-radius: 14px; font-size: 14px; border-left: 3px solid var(--gold); }
.intro-img figcaption b { color: #fff; font-size: 18px; }

/* ============ RAKAMLAR (video bandında) ============ */
.band-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 56px; align-items: center; }
.band-stats { display: grid; grid-template-columns: repeat(2, 224px); grid-auto-rows: 1fr; gap: 14px; }
.stat { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 22px 22px 24px; border-radius: 18px; background: rgba(14,26,43,.38); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); box-shadow: inset 0 1px 0 rgba(255,255,255,.14); transition: background-color .3s, border-color .3s, transform .4s var(--ease); }
.stat:hover { background: rgba(14,26,43,.55); border-color: rgba(226,165,50,.75); transform: translateY(-4px); }
.stat-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: rgba(226,165,50,.16); margin-bottom: 14px; transition: background-color .3s; }
.stat-icon svg { width: 26px; height: 26px; fill: none; stroke: var(--gold); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s; }
.stat-icon svg .fill { fill: var(--gold); stroke: none; transition: fill .3s; }
.stat:hover .stat-icon { background: var(--gold); }
.stat:hover .stat-icon svg { stroke: var(--navy); }
.stat:hover .stat-icon svg .fill { fill: var(--navy); }
.stat b { color: #fff; font-size: clamp(2.2rem, 1.8rem + 1.2vw, 2.9rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.stat > span:last-child { color: rgba(255,255,255,.72); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
@media (max-width: 1100px) {
  .band-in { grid-template-columns: 1fr; gap: 40px; }
  .band-stats { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 760px) {
  .band-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .stat { padding: 16px; } .stat-icon { width: 40px; height: 40px; margin-bottom: 10px; } .stat-icon svg { width: 22px; height: 22px; }
  .stat > span:last-child { font-size: 11px; letter-spacing: .06em; white-space: normal; min-height: 2.9em; line-height: 1.45; }
}

.foot-brand { display: flex; flex-direction: column; }
.foot-legal { margin-top: auto !important; padding-top: 22px; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; }
.foot-legal a { color: rgba(255,255,255,.62); text-decoration: underline; text-decoration-color: rgba(226,165,50,.5); text-underline-offset: 3px; }
.foot-bottom { align-items: center; }
.made-by { display: inline-flex; align-items: center; gap: 12px; opacity: .7; transition: opacity .25s; }
.made-by:hover { opacity: 1; }
.made-by small { font-size: 12px; color: rgba(255,255,255,.62); }
.made-by img { width: 150px; height: auto; }
@media (max-width: 600px) { .foot-bottom { padding-bottom: 104px; } }
.foot-grid > div:last-child .foot-legal { margin-top: auto !important; padding-top: 18px; }
.foot-legal a { display: inline; }

/* ============ ALINTI ============ */
.quote { position: relative; margin: clamp(56px, 7vw, 88px) 0 0; padding: clamp(36px, 4.5vw, 64px) clamp(28px, 5vw, 80px); border-radius: 22px; background: linear-gradient(135deg, rgba(226,165,50,.12), rgba(226,165,50,0) 55%), var(--navy-2); border: 1px solid var(--navy-3); overflow: hidden; display: grid; grid-template-columns: auto 1fr; column-gap: clamp(24px, 3.5vw, 56px); align-items: start; }
.quote::after { content: ""; position: absolute; right: -90px; bottom: -150px; width: 340px; height: 340px; border-radius: 50%; border: 44px solid rgba(226,165,50,.07); pointer-events: none; }
.quote-mark { width: clamp(52px, 5vw, 76px); height: auto; fill: var(--gold); margin-top: 6px; }
.quote blockquote { margin: 0; grid-column: 2; }
.quote blockquote p { color: #fff; font-size: clamp(1.3rem, 1rem + 1.1vw, 2rem); font-weight: 600; line-height: 1.42; letter-spacing: -0.015em; max-width: 46ch; text-wrap: pretty; }
.quote blockquote em { font-size: 1.12em; }
.quote figcaption { grid-column: 2; display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.quote-line { width: 40px; height: 2px; background: var(--gold); }
.quote cite { font-style: normal; font-weight: 700; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; color: var(--gold); }
@media (max-width: 600px) {
  .quote { grid-template-columns: 1fr; row-gap: 18px; }
  .quote blockquote, .quote figcaption { grid-column: 1; }
  .quote-mark { width: 44px; }
}
.quote blockquote { padding-left: clamp(20px, 2.4vw, 32px); border-left: 3px solid var(--gold); }
@media (max-width: 600px) { .quote blockquote { padding-left: 0; border-left: 0; } .quote figcaption { margin-top: 18px; } }

/* yetenek bölümü mini rakamlar */
.mini-stats { display: grid; grid-template-columns: repeat(2, 272px); gap: 14px; margin-top: 30px; }
@media (max-width: 640px) { .mini-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mini-stat { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 16px; background: var(--navy-2); border: 1px solid var(--navy-3); transition: border-color .3s, transform .4s var(--ease); }
.mini-stat:hover { border-color: rgba(226,165,50,.7); transform: translateY(-3px); }
.mini-icon { flex: none; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 14px; background: rgba(226,165,50,.14); transition: background-color .3s; }
.mini-icon svg { width: 30px; height: 30px; fill: none; stroke: var(--gold); stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s; }
.mini-stat:hover .mini-icon { background: var(--gold); }
.mini-stat:hover .mini-icon svg { stroke: var(--navy); }
.mini-stat b { display: block; color: #fff; font-size: clamp(1.8rem, 1.5rem + .8vw, 2.3rem); font-weight: 800; letter-spacing: -0.035em; line-height: 1; font-variant-numeric: tabular-nums; }
.mini-stat small { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.68); white-space: nowrap; }
@media (max-width: 420px) {
  .mini-stats { gap: 10px; }
  .mini-stat { flex-direction: column; align-items: flex-start; padding: 16px; gap: 12px; }
  .mini-stat small { white-space: normal; }
}

/* ============ SÜREÇ ADIMLARI (video bandında) ============ */
.band-in .band-steps { grid-column: 1 / -1; margin: 6px 0 0; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.band-steps li { padding: 16px 18px 18px; border-radius: 16px; background: rgba(14,26,43,.36); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
.band-steps li:hover { background: rgba(14,26,43,.55); border-color: rgba(226,165,50,.7); transform: translateY(-4px); }
.band-steps li::before { left: 18px; right: 18px; }
.band-steps .step-no { width: 30px; height: 30px; font-size: 13px; margin-bottom: 12px; background: rgba(226,165,50,.18); }
.band-steps h3 { font-size: 15px; margin-bottom: 6px; color: #fff; }
.band-steps p { font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.72); }
.band { padding-block: 90px 70px; }
@media (max-width: 1100px) { .band-in .band-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .band-in .band-steps { grid-template-columns: 1fr; } }

/* =========================================================
   İÇ SAYFALAR
   ========================================================= */
.page-hero { position: relative; min-height: 560px; display: flex; align-items: flex-end; color: rgba(255,255,255,.86); background: var(--navy); overflow: hidden; }
.page-hero.short { min-height: 400px; }
.page-hero-bg { position: absolute; inset: 0; }
.page-hero-bg img { width: 100%; height: 115%; object-fit: cover; object-position: 50% 40%; will-change: transform; }
.js .page-hero-bg img { animation: heroZoom 2s var(--ease) both; }
.page-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,26,43,.94) 0%, rgba(14,26,43,.75) 45%, rgba(14,26,43,.35) 100%), linear-gradient(180deg, rgba(14,26,43,.55) 0%, transparent 30%, transparent 70%, rgba(14,26,43,.6) 100%); }
.page-hero-in { position: relative; z-index: 2; padding-top: 150px; padding-bottom: clamp(56px, 7vw, 88px); width: 100%; }
.crumbs { display: flex; flex-wrap: wrap; gap: 6px 10px; font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.6); margin-bottom: 22px; }
.crumbs a:hover { color: var(--gold); }
.crumbs span[aria-current] { color: var(--gold); }
.crumbs i { font-style: normal; opacity: .5; }
.page-title { color: #fff; font-size: clamp(2.5rem, 1.4rem + 4vw, 4.6rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1.04; max-width: 16ch; }
.page-lead { margin-top: 22px; max-width: 60ch; font-size: clamp(1.02rem, .95rem + .35vw, 1.2rem); line-height: 1.65; }
.page-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.page-chips a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; font-size: 14px; font-weight: 600; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background-color .25s, border-color .25s; }
.page-chips a:hover { background: rgba(226,165,50,.18); border-color: var(--gold); }
.page-chips a i { font-style: normal; color: var(--gold); }

/* alt menü (sayfa içi) */
.subnav { position: sticky; top: calc(72px + env(safe-area-inset-top, 0px)); z-index: 30; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.subnav .container { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-block: 10px; }
.subnav .container::-webkit-scrollbar { display: none; }
.subnav a { flex: none; padding: 9px 16px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--muted); transition: background-color .25s, color .25s; white-space: nowrap; }
.subnav a:hover { color: var(--ink); background: var(--bg-2); }
.subnav a.active { background: var(--navy); color: #fff; }

/* hizmet bloğu */
.svc { padding-block: clamp(64px, 8vw, 112px); scroll-margin-top: 140px; }
.svc:nth-of-type(even) { background: var(--bg-2); }
.svc-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 5vw, 80px); align-items: start; }
.svc-side { position: sticky; top: 160px; }
.svc-no { display: inline-flex; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #B9831F; margin-bottom: 16px; }
.svc-no::before { content: ""; width: 28px; height: 2px; background: var(--gold); }
.svc-side h2 { font-size: clamp(1.9rem, 1.3rem + 2vw, 2.8rem); }
.svc-side p { margin-top: 18px; font-size: 16.5px; }
.svc-side p + p { margin-top: 12px; }
.svc-side .btn { margin-top: 28px; }
.svc-img { margin: 28px 0 0; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 10; }
.svc-img img { width: 100%; height: 100%; object-fit: cover; }
.svc-main { display: grid; gap: 18px; }
.svc-main h3 { font-size: 19px; letter-spacing: -0.015em; }

/* numaralı süreç (dikey) */
.flow { list-style: none; margin: 0; padding: 0; counter-reset: f; display: grid; gap: 10px; }
.flow li { counter-increment: f; position: relative; display: flex; align-items: center; gap: 16px; padding: 16px 20px; background: #fff; border: 1px solid var(--line); border-radius: 14px; font-weight: 600; color: var(--ink); transition: border-color .25s, transform .35s var(--ease); }
.svc:nth-of-type(even) .flow li, .svc:nth-of-type(even) .card { background: #fff; }
.flow li::before { content: counter(f, decimal-leading-zero); flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--navy); color: var(--gold); font-size: 13px; font-weight: 800; }
.flow li:hover { border-color: var(--gold); transform: translateX(4px); }
.flow.two { grid-template-columns: 1fr 1fr; }

/* kart grupları */
.cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cards.one { grid-template-columns: 1fr; }
.card { background: var(--bg-2); border: 1px solid var(--line); border-radius: 16px; padding: 22px 24px; transition: border-color .25s, box-shadow .35s, transform .35s var(--ease); }
.card:hover { border-color: rgba(226,165,50,.7); transform: translateY(-3px); box-shadow: 0 24px 40px -32px rgba(14,26,43,.45); }
.card h3 { font-size: 17px; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
.card h3 .ci { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--gold-soft); }
.card h3 .ci svg { width: 18px; height: 18px; fill: none; stroke: #B9831F; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.card p { font-size: 15px; }
.card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.card li { position: relative; padding-left: 20px; font-size: 15px; line-height: 1.5; }
.card li::before { content: ""; position: absolute; left: 2px; top: .58em; width: 7px; height: 7px; border-radius: 2px; background: var(--gold); transform: rotate(45deg); }
.card li b { color: var(--ink); font-weight: 700; }

/* özellik etiketleri */
.feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.feat { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--line); font-weight: 600; color: var(--ink); font-size: 15px; }
.feat::before { content: ""; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5L11 4.5' fill='none' stroke='%230E1A2B' stroke-width='2'/%3E%3C/svg%3E") center / 13px no-repeat; }

/* avantajlar bandı (lacivert) */
.perks { background: var(--navy); padding-block: clamp(56px, 6vw, 80px); }
.perks-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
.perks-head h2 { color: #fff; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); }
.perks-head p { color: rgba(255,255,255,.65); max-width: 46ch; }
.perks-grid { display: grid; grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); gap: 12px; }
.perk { padding: 20px; border-radius: 16px; background: var(--navy-2); border: 1px solid var(--navy-3); color: #fff; font-weight: 700; font-size: 15.5px; line-height: 1.35; display: flex; flex-direction: column; gap: 14px; transition: border-color .3s, transform .4s var(--ease); }
.perk:hover { border-color: rgba(226,165,50,.7); transform: translateY(-4px); }
.perk .pi { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(226,165,50,.14); }
.perk .pi svg { width: 22px; height: 22px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.perk small { display: block; font-weight: 500; font-size: 13.5px; color: rgba(255,255,255,.66); line-height: 1.5; }

/* diğer hizmetler */
.others { padding-block: clamp(64px, 8vw, 104px); }
.others-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 32px; }
.other { position: relative; min-height: 240px; border-radius: 18px; overflow: hidden; display: flex; align-items: flex-end; color: #fff; isolation: isolate; }
.other img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1s var(--ease); }
.other::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(14,26,43,.15), rgba(14,26,43,.9)); }
.other:hover img { transform: scale(1.06); }
.other div { padding: 20px; width: 100%; display: flex; justify-content: space-between; align-items: end; gap: 10px; }
.other strong { font-size: 18px; letter-spacing: -0.01em; }
.other i { font-style: normal; flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--gold); color: var(--gold); transition: background-color .3s, color .3s, transform .3s var(--ease); }
.other:hover i { background: var(--gold); color: var(--navy); transform: rotate(-45deg); }

/* hakkımızda */
.story-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(36px, 5vw, 80px); align-items: center; }
.story-text p { font-size: 17px; }
.story-text p + p { margin-top: 14px; }
.story-text .h2 { margin-bottom: 24px; }
.story-fig { position: relative; margin: 0; }
.story-fig img { border-radius: 20px; aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.story-badge { position: absolute; left: -24px; bottom: 32px; background: var(--navy); color: #fff; border-radius: 16px; padding: 18px 22px; display: flex; align-items: center; gap: 14px; box-shadow: 0 30px 50px -30px rgba(14,26,43,.6); border-left: 3px solid var(--gold); }
.story-badge b { font-size: 34px; font-weight: 800; letter-spacing: -0.04em; color: var(--gold); line-height: 1; }
.story-badge span { font-size: 13.5px; line-height: 1.35; color: rgba(255,255,255,.8); }
.mv { background: var(--bg-2); }
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.mv-card { position: relative; padding: clamp(28px, 3.5vw, 44px); border-radius: 20px; background: #fff; border: 1px solid var(--line); overflow: hidden; }
.mv-card.dark { background: var(--navy); border-color: var(--navy); color: rgba(255,255,255,.8); }
.mv-card.dark h2 { color: #fff; }
.mv-card h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); margin-bottom: 14px; }
.mv-card p { font-size: 16.5px; }
.mv-card::after { content: ""; position: absolute; right: -60px; bottom: -80px; width: 200px; height: 200px; border-radius: 50%; border: 28px solid rgba(226,165,50,.1); }
.values-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.value { padding: 24px 22px; border-radius: 16px; border: 1px solid var(--line); background: #fff; transition: border-color .3s, transform .35s var(--ease); }
.value:hover { border-color: var(--gold); transform: translateY(-4px); }
.value .vi { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--gold-soft); margin-bottom: 16px; }
.value .vi svg { width: 22px; height: 22px; fill: none; stroke: #B9831F; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.value h3 { font-size: 17px; margin-bottom: 8px; }
.value p { font-size: 14.5px; line-height: 1.55; }
.values-grid .value.lead { grid-column: span 1; background: var(--navy); border-color: var(--navy); color: rgba(255,255,255,.75); display: flex; flex-direction: column; justify-content: flex-end; }
.values-grid .value.lead h3 { color: #fff; font-size: 22px; }
.how { list-style: none; margin: 36px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; counter-reset: h; }
.how li { counter-increment: h; padding: 22px 20px; border-radius: 16px; background: var(--bg-2); border: 1px solid var(--line); }
.how li::before { content: counter(h); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--navy); color: var(--gold); font-weight: 800; font-size: 14px; margin-bottom: 14px; }
.how b { display: block; color: var(--ink); font-size: 16px; margin-bottom: 6px; }
.how span { font-size: 14px; line-height: 1.5; display: block; }
.stats-band { position: relative; background: var(--navy); padding-block: clamp(48px, 6vw, 72px); overflow: hidden; }
.stats-band .band-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* iletişim sayfası */
.contact-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: -64px; position: relative; z-index: 3; }
.ctile { display: flex; gap: 16px; align-items: flex-start; padding: 24px; border-radius: 18px; background: #fff; border: 1px solid var(--line); box-shadow: 0 30px 50px -36px rgba(14,26,43,.45); transition: border-color .3s, transform .35s var(--ease); }
a.ctile:hover { border-color: var(--gold); transform: translateY(-4px); }
.ctile .ti { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--navy); }
.ctile .ti svg { width: 24px; height: 24px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ctile small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.ctile b { display: block; color: var(--ink); font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; }
.ctile span { display: block; margin-top: 6px; font-size: 13.5px; font-weight: 700; color: #B9831F; }
.map-card { position: relative; display: block; margin-top: 18px; border-radius: 18px; overflow: hidden; min-height: 220px; background: var(--navy) url("img/panorama.webp") center / cover; color: #fff; }
.map-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,26,43,.9), rgba(14,26,43,.4)); }
.map-card div { position: relative; padding: 26px; display: flex; flex-direction: column; gap: 8px; max-width: 360px; }
.map-card b { font-size: 19px; }
.map-card span { color: rgba(255,255,255,.75); font-size: 14.5px; }
.map-card em { font-family: var(--sans); font-style: normal; font-weight: 700; color: var(--gold); font-size: 14px; margin-top: 6px; }

/* kariyer */
.jobs-tools { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
.filters { display: flex; flex-wrap: wrap; gap: 8px; }
.filters button { border: 1.5px solid var(--line); background: #fff; border-radius: 999px; padding: 8px 16px; font-size: 14px; font-weight: 600; color: var(--text); transition: all .2s; }
.filters button[aria-pressed="true"] { background: var(--navy); border-color: var(--navy); color: #fff; }
.jobs { display: grid; gap: 10px; }
.job { display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 18px; padding: 18px 22px; border-radius: 14px; background: #fff; border: 1px solid var(--line); transition: border-color .25s, transform .35s var(--ease); }
.job:hover { border-color: var(--gold); transform: translateX(4px); }
.job strong { color: var(--ink); font-size: 16.5px; }
.job small { display: block; color: var(--muted); font-size: 13.5px; margin-top: 2px; }
.job .tag { font-size: 12.5px; font-weight: 700; padding: 5px 10px; border-radius: 8px; background: var(--bg-2); color: var(--text); white-space: nowrap; }
.job .tag.loc { color: #B33A3A; background: #FCEDED; }
.job .btn { min-height: 40px; padding: 0 16px; font-size: 14px; }
.sample-note { margin-top: 14px; font-size: 13px; color: var(--muted); }
.cv-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 5vw, 80px); align-items: start; }
.file-drop { display: flex !important; align-items: center; gap: 14px; padding: 16px; border: 1.5px dashed #C5CBD5; border-radius: 12px; background: var(--bg-2); cursor: pointer; font-weight: 600 !important; color: var(--text) !important; transition: border-color .2s; }
.file-drop:hover { border-color: var(--gold); }
.file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.file-drop .fi { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: var(--navy); }
.file-drop .fi svg { width: 20px; height: 20px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.file-drop small { display: block; font-weight: 500; color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.form-card select { width: 100%; font: inherit; font-size: 15.5px; font-weight: 500; color: var(--ink); background: var(--bg-2); border: 1.5px solid transparent; border-radius: 10px; padding: 13px 14px; }

/* eğitimler */
.tr-group + .tr-group { margin-top: 56px; }
.tr-group-head { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; scroll-margin-top: 150px; }
.tr-group-head h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.tr-group-head span { white-space: nowrap; flex: none; font-size: 13px; font-weight: 700; color: #B9831F; background: var(--gold-soft); padding: 5px 12px; border-radius: 999px; }
.tr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.training { border-radius: 16px; background: #fff; border: 1px solid var(--line); scroll-margin-top: 150px; transition: border-color .25s, box-shadow .35s; }
.training[open] { border-color: rgba(226,165,50,.8); box-shadow: 0 30px 50px -40px rgba(14,26,43,.5); }
.training summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 16px; padding: 20px 22px; }
.training summary::-webkit-details-marker { display: none; }
.training .ti { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--navy); }
.training .ti svg { width: 22px; height: 22px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.training summary strong { flex: 1; color: var(--ink); font-size: 17px; }
.training summary::after { content: ""; flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 2v10M2 7h10' stroke='%230E1A2B' stroke-width='1.8'/%3E%3C/svg%3E") center / 12px no-repeat; transition: transform .35s var(--ease), background-color .3s; }
.training[open] summary::after { transform: rotate(45deg); background-color: var(--gold); }
.training .tbody { padding: 0 22px 22px 84px; animation: rise .4s var(--ease) both; }
.training .tbody p { font-size: 15px; }
.training .tbody ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 7px; }
.training .tbody li { position: relative; padding-left: 18px; font-size: 14.5px; line-height: 1.5; }
.training .tbody li::before { content: ""; position: absolute; left: 1px; top: .6em; width: 6px; height: 6px; border-radius: 2px; background: var(--gold); transform: rotate(45deg); }
.training .tbody li b { color: var(--ink); }
.training .tbody .btn-line { margin-top: 18px; min-height: 42px; font-size: 14px; }

/* yasal metin */
.legal-wrap { display: grid; grid-template-columns: 260px 1fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.toc { position: sticky; top: 110px; display: grid; gap: 4px; padding: 18px; border-radius: 16px; background: var(--bg-2); }
.toc b { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.toc a { font-size: 14px; font-weight: 600; padding: 7px 10px; border-radius: 8px; color: var(--text); }
.toc a:hover { background: #fff; color: var(--ink); }
.legal { max-width: 74ch; }
.legal h2 { font-size: 22px; margin: 36px 0 12px; scroll-margin-top: 110px; }
.legal h2:first-child { margin-top: 0; }
.legal p, .legal li { font-size: 16px; line-height: 1.75; }
.legal p + p { margin-top: 12px; }
.legal ul { padding-left: 20px; margin: 10px 0; }
.legal li + li { margin-top: 6px; }
.legal .note { margin-top: 28px; padding: 16px 18px; border-radius: 12px; background: var(--gold-soft); border: 1px solid #F1D9A6; font-size: 14.5px; color: #6B4A0C; }
.legal table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14.5px; }
.legal th, .legal td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.legal th { color: var(--ink); background: var(--bg-2); }
.legal-meta { margin-top: 26px; font-size: 13.5px; color: var(--muted); }

@media (max-width: 1100px) {
  .perks-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .others-grid { grid-template-columns: 1fr 1fr; }
  .values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .how { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats-band .band-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .svc-grid, .story-grid, .mv-grid, .cv-grid, .legal-wrap { grid-template-columns: 1fr; }
  .svc-side, .toc { position: static; }
  .contact-tiles { grid-template-columns: 1fr; margin-top: -40px; }
  .tr-grid { grid-template-columns: 1fr; }
  .story-badge { left: 16px; }
  .job { grid-template-columns: 1fr auto; }
  .job .tag:not(.loc) { display: none; }
}
@media (max-width: 600px) {
  .page-hero { min-height: 480px; }
  .page-hero-in { padding-top: 120px; }
  .cards, .feats, .flow.two { grid-template-columns: 1fr; }
  .perks-grid, .values-grid, .how { grid-template-columns: 1fr; }
  .others-grid { grid-template-columns: 1fr; }
  .other { min-height: 180px; }
  .subnav { top: calc(64px + env(safe-area-inset-top, 0px)); }
  .training .tbody { padding-left: 22px; }
  .job { grid-template-columns: 1fr; gap: 10px; }
  .job .btn { justify-self: start; }
}
.form-card .file-drop { position: relative; }
.form-card .file-drop input { position: absolute; left: 0; top: 0; width: 1px !important; height: 1px; padding: 0 !important; border: 0 !important; opacity: 0; pointer-events: none; }
.file-drop:focus-within { border-color: var(--gold); }

.others-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.other.current { outline: 2px solid var(--gold); outline-offset: -2px; }
.other.current::before { background: linear-gradient(180deg, rgba(14,26,43,.35), rgba(14,26,43,.92)); }
.other.current div { flex-direction: column; align-items: flex-start; gap: 6px; }
.other em { font-family: var(--sans); font-style: normal; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--navy); background: var(--gold); padding: 3px 9px; border-radius: 999px; }
@media (max-width: 1100px) { .others-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .others-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .others-grid { grid-template-columns: 1fr; } }

/* ============ İŞE ALIM ANALİTİĞİ ============ */
.hr-analytics { margin-top: clamp(56px, 7vw, 96px); }
.ha-head { max-width: 760px; margin-bottom: 30px; }
.ha-head .h2 { margin-bottom: 16px; }
.ha-head > p:last-child { font-size: 17px; }
.funnel-panel { background: var(--navy); border-radius: 22px; padding: clamp(22px, 3vw, 36px); color: rgba(255,255,255,.78); position: relative; overflow: hidden; }
.funnel-panel::after { content: ""; position: absolute; right: -120px; top: -160px; width: 380px; height: 380px; border-radius: 50%; border: 50px solid rgba(226,165,50,.05); pointer-events: none; }
.fp-top { display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid var(--navy-3); margin-bottom: 22px; }
.fp-top strong { display: block; color: #fff; font-size: 19px; }
.fp-top span { font-size: 13.5px; }
.fp-legend { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; }
.fp-legend span { display: inline-flex; align-items: center; gap: 8px; }
.lg-bar { width: 18px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, #C98A1C, var(--gold)); }
.lg-pill { width: 18px; height: 10px; border-radius: 5px; border: 1.5px solid rgba(226,165,50,.6); }
.fp-body { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 36px); align-items: start; position: relative; z-index: 1; }
.funnel { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.funnel button { width: 100%; display: grid; grid-template-columns: 190px minmax(0, 1fr) 54px 58px; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid transparent; background: transparent; color: inherit; text-align: left; transition: background-color .25s, border-color .25s; }
.funnel button:hover { background: rgba(255,255,255,.04); }
.funnel li.on button { background: var(--navy-2); border-color: rgba(226,165,50,.55); }
.f-name { font-size: 14.5px; font-weight: 600; color: #fff; line-height: 1.3; }
.f-track { position: relative; height: 26px; border-radius: 7px; background: rgba(255,255,255,.05); overflow: hidden; }
.f-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 0; min-width: 0; border-radius: 7px; background: linear-gradient(90deg, #C98A1C, var(--gold)); transition: width 1.1s var(--ease); }
.funnel li:not(.on) .f-bar { opacity: .72; }
.f-val { color: #fff; font-size: 17px; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.f-conv { justify-self: end; font-size: 12px; font-weight: 700; color: var(--gold); border: 1.5px solid rgba(226,165,50,.5); border-radius: 999px; padding: 3px 9px; white-space: nowrap; }
.fp-detail { background: var(--navy-2); border: 1px solid var(--navy-3); border-radius: 18px; padding: 24px; position: sticky; top: 150px; }
.fp-detail.flash { animation: rise .45s var(--ease) both; }
.fd-step { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.fp-detail h4 { color: #fff; font-size: 22px; letter-spacing: -0.02em; margin: 8px 0 18px; }
.fd-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 20px; }
.fd-metrics div { background: rgba(255,255,255,.04); border: 1px solid var(--navy-3); border-radius: 12px; padding: 12px; }
.fd-metrics b { display: block; color: #fff; font-size: 22px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.fd-metrics small { font-size: 12px; color: rgba(255,255,255,.6); }
.fd-label { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 8px; }
#fd-text { font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.82); min-height: 7.5em; }
.fd-nav { display: flex; gap: 8px; margin-top: 18px; }
.fd-nav button { width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--navy-3); background: transparent; color: #fff; font-size: 16px; transition: background-color .2s, border-color .2s; }
.fd-nav button:hover { background: var(--gold); border-color: var(--gold); color: var(--navy); }
.fp-note { margin-top: 18px; font-size: 13px; color: rgba(255,255,255,.55); position: relative; z-index: 1; }

.ha-row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); gap: 16px; margin-top: 16px; align-items: stretch; }
.calc { background: linear-gradient(160deg, var(--navy-2), var(--navy)); border-radius: 20px; padding: 26px; color: rgba(255,255,255,.75); display: flex; flex-direction: column; }
.calc h4 { color: #fff; font-size: 20px; letter-spacing: -0.02em; }
.calc-in { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 20px 0 12px; }
.calc-btn { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--navy-3); background: rgba(255,255,255,.05); color: #fff; font-size: 22px; line-height: 1; transition: background-color .2s; }
.calc-btn:hover { background: var(--gold); color: var(--navy); }
#calc-n { min-width: 2ch; text-align: center; color: var(--gold); font-size: 52px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }
#calc-range { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px; background: linear-gradient(90deg, var(--gold) var(--p, 10%), rgba(255,255,255,.12) var(--p, 10%)); outline-offset: 6px; }
#calc-range::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid var(--gold); cursor: pointer; }
#calc-range::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 4px solid var(--gold); cursor: pointer; }
.calc-out { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 8px; }
.calc-out li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--navy-3); font-size: 14px; }
.calc-out b { color: #fff; font-size: 18px; font-variant-numeric: tabular-nums; }
.calc-note { margin-top: auto; padding-top: 14px; font-size: 12.5px; color: rgba(255,255,255,.5); }
.kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.kpi { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; transition: border-color .3s, transform .35s var(--ease); }
.kpi:hover { border-color: var(--gold); transform: translateY(-4px); }
.kpi-tag { align-self: flex-start; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: #9A6B12; background: var(--gold-soft); padding: 4px 10px; border-radius: 999px; }
.kpi h4 { font-size: 21px; letter-spacing: -0.02em; margin-top: 16px; }
.kpi-tr { font-size: 13.5px; font-weight: 600; color: var(--muted); }
.kpi > p:last-of-type { font-size: 14.5px; line-height: 1.6; margin-top: 16px; }
.kpi-big { display: flex; align-items: baseline; gap: 8px; margin-top: 18px; }
.kpi-big b { font-size: 40px; font-weight: 800; letter-spacing: -0.04em; color: var(--navy); line-height: 1; }
.kpi-big small { font-size: 15px; font-weight: 700; color: var(--muted); }
.kpi-meter { position: relative; margin-top: auto; padding-top: 22px; display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); }
.kpi-meter::before { content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 6px; border-radius: 6px; background: var(--bg-2); }
.kpi-meter span { position: absolute; top: 14px; height: 6px; border-radius: 6px; background: var(--gold); left: calc(var(--a) / 90 * 100%); width: calc((var(--b) - var(--a)) / 90 * 100%); }
.kpi-meter i { font-style: normal; }
.kpi-formula { margin-top: 18px; background: var(--navy); color: #fff; border-radius: 12px; padding: 14px 16px; text-align: center; font-size: 14px; font-weight: 700; }
.kpi-formula hr { border: 0; height: 2px; background: var(--gold); margin: 8px 0; }
.kpi-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.kpi-split div { background: var(--bg-2); border-radius: 12px; padding: 12px; }
.kpi-split b { display: block; color: var(--navy); font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.kpi-split small { font-size: 12.5px; color: var(--muted); line-height: 1.35; display: block; }

@media (max-width: 1100px) {
  .ha-row { grid-template-columns: 1fr; }
  .fp-body { grid-template-columns: 1fr; }
  .fp-detail { position: static; }
}
@media (max-width: 760px) {
  .kpis { grid-template-columns: 1fr; }
  .funnel button { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 8px; }
  .f-track { grid-column: 1 / -1; grid-row: 2; height: 18px; }
  .f-name { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .f-bar { transition: none; } }
.kpi h4, .calc h4, .fp-detail h4 { line-height: 1.2; }
.kpi h4 { margin-bottom: 4px; }
.calc h4 { margin: 0; }

.placeholder { display: grid; place-items: center; text-align: center; gap: 8px; min-height: 260px; padding: 32px; border: 2px dashed #CDD3DD; border-radius: 18px; background: repeating-linear-gradient(45deg, transparent 0 12px, rgba(14,26,43,.025) 12px 24px); color: var(--muted); }
.placeholder span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--navy); }
.placeholder svg { width: 24px; height: 24px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.placeholder b { color: var(--ink); font-size: 17px; }
.placeholder small { font-size: 14px; }
.main-nav ul { gap: 0; }
.nav-btn, .nav-link { padding: 10px 12px; }
@media (max-width: 1240px) { .nav-btn, .nav-link { font-size: 14px; padding: 10px 9px; } .header-row { gap: 16px; } }

/* ============ PERFORMANS ANALİTİĞİ ============ */
.cyc-body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.cycle { position: relative; max-width: 360px; width: 100%; margin: 0 auto; }
.cycle svg { width: 100%; height: auto; display: block; overflow: visible; }
.cy-track { fill: none; stroke: rgba(255,255,255,.06); stroke-width: 34; }
.cy-arc { fill: none; stroke: var(--navy-3); stroke-width: 34; cursor: pointer; transition: stroke .3s, stroke-width .3s; outline: none; }
.cy-arc:hover, .cy-arc:focus-visible { stroke: #2C4466; }
.cy-arc.on { stroke: var(--gold); stroke-width: 40; }
.js .cycle .cy-arc { stroke-dasharray: 200; stroke-dashoffset: 200; }
.js .cycle.drawn .cy-arc { stroke-dashoffset: 0; transition: stroke-dashoffset 1s var(--ease), stroke .3s, stroke-width .3s; }
.cycle.drawn .cy-arc:nth-child(2) { transition-delay: .15s, 0s, 0s; } .cycle.drawn .cy-arc:nth-child(3) { transition-delay: .3s, 0s, 0s; } .cycle.drawn .cy-arc:nth-child(4) { transition-delay: .45s, 0s, 0s; }
.cy-lbl { fill: rgba(255,255,255,.75); font: 800 13px var(--sans); text-anchor: middle; cursor: pointer; pointer-events: all; }
.cy-lbl.on { fill: var(--navy); }
.cy-center { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; gap: 4px; pointer-events: none; }
.cy-center b { color: var(--gold); font-size: 44px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.cy-center span { color: #fff; font-size: 15px; font-weight: 700; max-width: 140px; line-height: 1.3; }
.cy-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; min-height: 12em; }
.cy-list li { position: relative; padding-left: 26px; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.84); }
.cy-list li::before { content: ""; position: absolute; left: 0; top: .2em; width: 16px; height: 16px; border-radius: 50%; background: rgba(226,165,50,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5L11 4.5' fill='none' stroke='%23E2A532' stroke-width='2'/%3E%3C/svg%3E") center / 10px no-repeat; }

.perf-row { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.nine { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 26px; }
.nine-head h4 { font-size: 21px; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 6px; }
.nine-head p:last-child { font-size: 14.5px; max-width: 56ch; }
.nine-head .eyebrow { margin-bottom: 10px; }
.nine-wrap { position: relative; display: grid; grid-template-columns: 26px 1fr; grid-template-rows: auto 22px; margin-top: 20px; }
.ax { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.ax-y { grid-column: 1; grid-row: 1; writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; align-self: center; }
.ax-x { grid-column: 2; grid-row: 2; text-align: center; padding-top: 6px; }
.nine-grid { grid-column: 2; grid-row: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 78px; gap: 6px; }
.nb { border: 0; border-radius: 10px; padding: 10px; display: flex; align-items: flex-end; text-align: left; font: inherit; font-size: 13px; font-weight: 700; line-height: 1.25; cursor: pointer; transition: transform .25s var(--ease), box-shadow .25s; }
.nb.h0 { background: #EEF0F4; color: var(--text); }
.nb.h1 { background: #E1E6EE; color: var(--ink); }
.nb.h2 { background: #C9D2E0; color: var(--ink); }
.nb.h3 { background: #F3D9A0; color: var(--navy); }
.nb.h4 { background: var(--gold); color: var(--navy); }
.nb:hover { transform: translateY(-2px); }
.nb.on { box-shadow: 0 0 0 3px var(--navy); }
.nine-detail { margin-top: 16px; padding: 16px 18px; border-radius: 14px; background: var(--navy); color: rgba(255,255,255,.8); min-height: 92px; }
.nine-detail b { color: var(--gold); font-size: 16px; }
.nine-detail p { font-size: 14.5px; margin-top: 4px; }

.sl { display: grid; gap: 8px; margin-top: 18px; }
.sl > span { display: flex; justify-content: space-between; font-size: 14px; }
.sl b { color: #fff; font-variant-numeric: tabular-nums; }
.sl input { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px; background: linear-gradient(90deg, var(--gold) var(--p, 50%), rgba(255,255,255,.12) var(--p, 50%)); }
.sl input::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid var(--gold); cursor: pointer; }
.sl input::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 4px solid var(--gold); cursor: pointer; }
.ps-result { display: flex; align-items: center; gap: 18px; margin-top: 24px; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid var(--navy-3); }
.ps-ring { position: relative; flex: none; width: 92px; height: 92px; }
.ps-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ps-ring circle { fill: none; stroke-width: 10; stroke: rgba(255,255,255,.08); }
#ps-arc { stroke: var(--gold); stroke-linecap: round; transition: stroke-dashoffset .5s var(--ease); }
.ps-ring b { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -0.03em; }
.ps-result small { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.5); font-weight: 700; }
.ps-result strong { display: block; color: var(--gold); font-size: 17px; margin: 2px 0; }
.ps-result span { font-size: 13px; }

.perf-kpis { margin-top: 16px; }
.kpi-scale { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-top: 18px; }
.kpi-scale span { display: grid; place-items: center; height: 44px; border-radius: 10px; background: var(--bg-2); color: var(--muted); font-weight: 800; }
.kpi-scale span.on { background: var(--navy); color: var(--gold); }
.kpi-360 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto; gap: 6px; margin-top: 18px; text-align: center; font-size: 11.5px; font-weight: 700; }
.kpi-360 span { padding: 7px 4px; border-radius: 8px; background: var(--bg-2); color: var(--text); }
.kpi-360 i { font-style: normal; grid-column: 2; grid-row: 2; display: grid; place-items: center; border-radius: 50%; aspect-ratio: 1; background: var(--navy); color: var(--gold); font-size: 12px; }
.kpi-360 span:nth-child(1) { grid-column: 2; grid-row: 1; } .kpi-360 span:nth-child(2) { grid-column: 1; grid-row: 2; align-self: center; } .kpi-360 span:nth-child(4) { grid-column: 3; grid-row: 2; align-self: center; } .kpi-360 span:nth-child(5) { grid-column: 2; grid-row: 3; }

@media (max-width: 1100px) { .cyc-body, .perf-row { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .nine-grid { grid-auto-rows: 70px; } .nb { font-size: 12px; padding: 8px; } .nine { padding: 18px; } }

/* ============ BORDRO ANALİTİĞİ ============ */
.br-body { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.br-inputs { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; }
.br-field { display: grid; gap: 6px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.7); }
.br-field input, .br-field select { width: 100%; font: inherit; font-size: 18px; font-weight: 800; color: #fff; background: var(--navy-2); border: 1.5px solid var(--navy-3); border-radius: 12px; padding: 12px 14px; font-variant-numeric: tabular-nums; }
.br-field select { font-size: 16px; font-weight: 700; color-scheme: dark; }
.br-field input:focus, .br-field select:focus { outline: none; border-color: var(--gold); }
.br-hint { font-size: 12.5px; color: rgba(255,255,255,.5); margin: 8px 0 18px; }
.wf { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wf li { display: grid; grid-template-columns: 170px minmax(0, 1fr) 132px; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; }
.wf li.g, .wf li.n { background: var(--navy-2); }
.wf li.n { border: 1px solid rgba(226,165,50,.55); }
.wf-l { font-size: 14px; font-weight: 600; color: #fff; }
.wf-t { height: 18px; border-radius: 6px; background: rgba(255,255,255,.05); overflow: hidden; }
.wf-b { display: block; height: 100%; width: var(--w); border-radius: 6px; transition: width .6s var(--ease); }
.wf li.g .wf-b { background: rgba(255,255,255,.35); }
.wf li.c .wf-b { background: transparent; border: 1.5px solid rgba(226,165,50,.65); }
.wf li.n .wf-b { background: linear-gradient(90deg, #C98A1C, var(--gold)); }
.wf b { text-align: right; color: #fff; font-size: 14.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wf li.c b { color: rgba(255,255,255,.75); font-weight: 600; }
.wf li.n b { color: var(--gold); font-size: 17px; }
.yr { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; align-items: end; height: 150px; margin-top: 4px; }
.yb { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; border: 0; background: none; padding: 0; cursor: pointer; }
.yb span { width: 100%; height: var(--h); min-height: 6px; border-radius: 5px 5px 2px 2px; background: var(--navy-3); transition: height .5s var(--ease), background-color .2s; }
.yb:hover span { background: #2C4466; }
.yb.on span { background: var(--gold); }
.yb i { font-style: normal; font-size: 10.5px; font-weight: 700; color: rgba(255,255,255,.55); }
.yb.on i { color: var(--gold); }
.yr-note { font-size: 13.5px; line-height: 1.5; margin: 14px 0 16px; color: rgba(255,255,255,.75); min-height: 3em; }
.br-cost { grid-template-columns: 1fr 1fr; margin-bottom: 0; }
.br-cost b { font-size: 18px; }

.br-row { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.audit h4 { font-size: 21px; letter-spacing: -0.02em; line-height: 1.2; }
.audit .eyebrow { margin-bottom: 10px; }
.audit-sub { font-size: 14.5px; margin-top: 6px; }
.audit-score { display: flex; align-items: center; gap: 14px; margin: 18px 0 14px; }
.as-bar { flex: 1; height: 10px; border-radius: 10px; background: var(--bg-2); overflow: hidden; }
.as-bar span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #C98A1C, var(--gold)); border-radius: 10px; transition: width .4s var(--ease); }
.audit-score b { font-size: 18px; color: var(--ink); font-variant-numeric: tabular-nums; min-width: 4ch; text-align: right; }
.audit-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.audit-list label { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border-radius: 12px; border: 1.5px solid var(--line); cursor: pointer; font-size: 14px; line-height: 1.4; font-weight: 600; color: var(--ink); height: 100%; transition: border-color .2s, background-color .2s; }
.audit-list label:hover { border-color: #C5CBD5; }
.audit-list input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--gold); }
.audit-list label:has(input:checked) { border-color: var(--gold); background: var(--gold-soft); }
.audit-result { margin-top: 14px; padding: 14px 16px; border-radius: 12px; font-size: 14.5px; line-height: 1.5; }
.audit-result.low { background: #FCEDED; color: #8A2A2A; }
.audit-result.mid { background: var(--gold-soft); color: #6B4A0C; }
.audit-result.ok { background: #E6F4EC; color: #1F5E3B; }
.audit-result a { font-weight: 700; text-decoration: underline; }
.cal-list { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 0; position: relative; }
.cal-list::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--navy-3); }
.cal-list li { position: relative; padding: 0 0 18px 30px; display: grid; gap: 4px; }
.cal-list li::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--navy); border: 3px solid var(--gold); }
.cal-list b { color: var(--gold); font-size: 14.5px; }
.cal-list span { font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.8); }

@media (max-width: 1100px) { .br-body, .br-row { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .br-inputs { grid-template-columns: 1fr; }
  .wf li { grid-template-columns: minmax(0, 1fr) auto; row-gap: 6px; }
  .wf-t { grid-column: 1 / -1; grid-row: 2; height: 12px; }
  .audit-list { grid-template-columns: 1fr; }
}
.br-row { align-items: start; }
@media (max-width: 600px) { .yb i { font-size: 8.5px; } .yr { gap: 3px; } }

/* ============ FİNANS ANALİTİĞİ ============ */
.cc-tl { margin-top: 26px; display: grid; gap: 10px; }
.cc-row { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 12px; }
.cc-lbl { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.8); }
.cc-track { position: relative; height: 28px; border-radius: 7px; background: rgba(255,255,255,.04); overflow: hidden; }
.cc-track > span { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; padding-left: 8px; font-size: 11.5px; font-weight: 700; white-space: nowrap; overflow: hidden; transition: left .4s var(--ease), width .4s var(--ease); }
.cc-st { background: #2C4466; color: #fff; border-radius: 7px 0 0 7px; }
.cc-al { background: #3A5680; color: #fff; }
.cc-bo { border: 1.5px dashed rgba(226,165,50,.7); color: var(--gold); border-radius: 7px; }
.cc-gap { background: linear-gradient(90deg, #C98A1C, var(--gold)); border-radius: 7px; }
.cc-gap.neg { background: #1F7A4D; }
.cc-axis { display: flex; justify-content: space-between; margin-left: 142px; font-size: 10.5px; color: rgba(255,255,255,.45); }
.cc-axis i { font-style: normal; }
.fp-detail h4 #cc-days { color: var(--gold); font-size: 44px; letter-spacing: -0.04em; }
.cc-f { margin: 0 0 16px; background: var(--navy); }
.cc-rev { margin-bottom: 12px; }
.cc-rev input { font-size: 16px; }

.fin-row { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; }
.fin-h { font-size: 21px; letter-spacing: -0.02em; line-height: 1.2; }
.risk-wrap { display: grid; grid-template-columns: 26px 1fr; grid-template-rows: auto 22px; margin-top: 18px; }
.risk-wrap .ax-y { grid-column: 1; grid-row: 1; }
.risk-wrap .ax-x { grid-column: 2; grid-row: 2; }
.risk-grid { grid-column: 2; grid-row: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: 52px; gap: 4px; }
.rc { border-radius: 8px; display: grid; place-items: center; }
.rc.r0 { background: #EEF0F4; } .rc.r1 { background: #F7E7C4; } .rc.r2 { background: #F0C878; } .rc.r3 { background: #E2A532; }
.rdot { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; background: var(--navy); color: #fff; font-weight: 800; font-size: 13px; cursor: pointer; transition: transform .2s var(--ease); box-shadow: 0 6px 14px -6px rgba(14,26,43,.6); }
.rdot:hover { transform: scale(1.1); }
.rdot.on { background: #fff; color: var(--navy); border-color: var(--navy); transform: scale(1.15); }
.risk-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.rchip { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid var(--line); background: #fff; border-radius: 999px; padding: 6px 12px 6px 6px; font-size: 13.5px; font-weight: 600; color: var(--text); transition: all .2s; }
.rchip i { font-style: normal; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 11.5px; font-weight: 800; }
.rchip.on { border-color: var(--navy); background: var(--navy); color: #fff; }
.rchip.on i { background: var(--gold); color: var(--navy); }
.fin-steps h4 { margin: 0; }

@media (max-width: 1100px) { .fin-row { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .cc-row { grid-template-columns: 1fr; gap: 4px; }
  .cc-axis { margin-left: 0; }
  .risk-grid { grid-auto-rows: 44px; }
  .rdot { width: 26px; height: 26px; font-size: 12px; }
}
:where(h4) { margin: 0; }
.audit h4, .fin-h, .nine-head h4 { margin-bottom: 6px; }

/* =========================================================
   İK SAYFASI: açık zemin, hizmet renkleri, kaydırma animasyonu
   ========================================================= */
.page-ik { --peach: #FFF8F1; background: var(--peach); }
.page-ik main { background: var(--peach); }
.page-ik .svc, .page-ik .svc:nth-of-type(even) { background: var(--peach); }
.page-ik .svc + .svc { border-top: 1px solid #F1E6DA; }
.page-ik .subnav { background: rgba(255,248,241,.94); border-bottom-color: #F1E6DA; }
.page-ik .others { background: #fff; }
.page-ik .flow li, .page-ik .card, .page-ik .feat, .page-ik .kpi, .page-ik .nine { background: #fff; }

/* hizmet rengi */
.svc[data-acc] { position: relative; overflow: hidden; }
.svc[data-acc] .svc-no { color: var(--acc-ink); }
.svc[data-acc] .svc-no::before { background: var(--acc); }
.svc[data-acc] .svc-side h2 { position: relative; padding-bottom: 14px; }
.svc[data-acc] .svc-side h2::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 72px; border-radius: 4px; background: var(--acc); transform-origin: left; transform: scaleX(0); transition: transform .9s var(--ease) .2s; }
.svc[data-acc] .svc-side.in h2::after, html:not(.js) .svc[data-acc] .svc-side h2::after { transform: scaleX(1); }
.svc[data-acc] .flow li::before { color: var(--acc); }
.svc[data-acc] .flow li:hover, .svc[data-acc] .card:hover { border-color: var(--acc); }
.svc[data-acc] .feat::before { background-color: var(--acc); }
.svc[data-acc] .card h3 .ci { background: var(--acc-soft); }
.svc[data-acc] .card h3 .ci svg { stroke: var(--acc-ink); }
.svc[data-acc] .card li::before { background: var(--acc); }
.svc[data-acc] .ha-head .eyebrow { color: var(--acc-ink); }
.svc[data-acc] .ha-head .eyebrow::before { background: var(--acc); }
.svc[data-acc] .ha-head em { color: var(--acc); }
.svc[data-acc] .kpi-tag { color: var(--acc-ink); background: var(--acc-soft); }
.svc[data-acc] .kpi:hover, .svc[data-acc] .nine .nb.on { border-color: var(--acc); }
.svc[data-acc] .funnel-panel .lg-bar, .svc[data-acc] .f-bar, .svc[data-acc] .wf li.n .wf-b, .svc[data-acc] .cc-gap:not(.neg), .svc[data-acc] .as-bar span { background: var(--acc); }
.svc[data-acc] .f-conv, .svc[data-acc] .fd-step, .svc[data-acc] .wf li.n b, .svc[data-acc] .cy-center b, .svc[data-acc] .cal-list b, .svc[data-acc] .fp-detail h4 #cc-days { color: var(--acc); }
.svc[data-acc] .f-conv { border-color: var(--acc); }
.svc[data-acc] .funnel li.on button, .svc[data-acc] .wf li.n { border-color: var(--acc); }
.svc[data-acc] .cy-arc.on, .svc[data-acc] #ps-arc { stroke: var(--acc); }
.svc[data-acc] .cal-list li::before { border-color: var(--acc); }
.svc[data-acc] .yb.on span { background: var(--acc); }
.svc[data-acc] .yb.on i, .svc[data-acc] #calc-n, .svc[data-acc] .ps-result strong { color: var(--acc); }
.svc[data-acc] .sl input, .svc[data-acc] #calc-range { background: linear-gradient(90deg, var(--acc) var(--p, 50%), rgba(255,255,255,.12) var(--p, 50%)); }
.svc[data-acc] .sl input::-webkit-slider-thumb, .svc[data-acc] #calc-range::-webkit-slider-thumb { border-color: var(--acc); }
.svc[data-acc] .sl input::-moz-range-thumb, .svc[data-acc] #calc-range::-moz-range-thumb { border-color: var(--acc); }
.svc[data-acc] .audit-list label:has(input:checked) { border-color: var(--acc); background: var(--acc-soft); }
.svc[data-acc] .audit-list input { accent-color: var(--acc); }

/* büyük numara (paralaks) */
.svc-big { position: absolute; z-index: 0; right: -1vw; top: 40px; font-size: clamp(180px, 22vw, 340px); font-weight: 800; letter-spacing: -0.06em; line-height: .8; color: var(--acc); opacity: .07; pointer-events: none; transform: translateY(var(--py, 0px)); will-change: transform; }
.svc[data-acc] > .container { position: relative; z-index: 1; }

/* yan ilerleme çizgisi */
.svc[data-acc] .svc-side { padding-left: 22px; }
.svc[data-acc] .svc-side::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 3px; background: linear-gradient(var(--acc) var(--prog, 0%), rgba(14,26,43,.08) var(--prog, 0%)); }

/* yandan kayarak giriş */
.js .svc[data-acc] .svc-side[data-up] { transform: translateX(-36px); }
.js .svc[data-acc] .svc-main[data-up] { transform: translateX(36px); transition-delay: .12s; }
.js .svc[data-acc] .svc-side[data-up].in, .js .svc[data-acc] .svc-main[data-up].in { transform: none; }

/* alt menü aktif rengi */
.page-ik .subnav a.active { background: var(--sub-acc, var(--navy)); }

@media (max-width: 860px) { .svc-big { font-size: 160px; top: 20px; } }
@media (prefers-reduced-motion: reduce) { .svc-big { transform: none; } .svc[data-acc] .svc-side h2::after { transform: scaleX(1); transition: none; } }

/* =========================================================
   HİZMET BÖLÜMLERİ v2: başlık bandı + ara başlıklar
   ========================================================= */
.page-ik .svc.svc-acc { padding: 0 0 clamp(72px, 9vw, 120px); border-top: 0; overflow: visible; }
.page-ik .svc.svc-acc + .svc.svc-acc { border-top: 0; }
.svc-band { position: relative; overflow: hidden; margin-bottom: clamp(40px, 5vw, 64px); background: linear-gradient(120deg, var(--acc-soft) 0%, #fff 70%); border-top: 6px solid var(--acc); border-bottom: 1px solid color-mix(in srgb, var(--acc) 25%, transparent); padding-block: clamp(48px, 6vw, 80px); scroll-margin-top: 140px; }
.svc-acc { scroll-margin-top: 130px; }
.svc-band .svc-big { position: absolute; z-index: 0; right: 2vw; top: 50%; margin-top: -0.45em; font-size: clamp(200px, 24vw, 380px); font-weight: 800; letter-spacing: -0.06em; line-height: .9; color: var(--acc); opacity: .1; pointer-events: none; transform: translateY(var(--py, 0px)); }
.band-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.band-txt .svc-no { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--acc-ink); margin: 0 0 18px; padding: 7px 14px 7px 7px; border-radius: 999px; background: #fff; border: 1px solid color-mix(in srgb, var(--acc) 35%, transparent); }
.band-txt .svc-no::before { display: none; }
.band-txt .svc-no b { display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 999px; background: var(--acc); color: #fff; letter-spacing: 0; font-size: 13px; }
.band-txt h2 { font-size: clamp(2.3rem, 1.4rem + 3vw, 3.8rem); letter-spacing: -0.035em; line-height: 1.05; color: var(--ink); }
.band-txt h2::after { content: ""; display: block; width: 80px; height: 5px; border-radius: 5px; background: var(--acc); margin-top: 18px; transform-origin: left; transform: scaleX(0); transition: transform .9s var(--ease) .25s; }
.band-txt.in h2::after, html:not(.js) .band-txt h2::after { transform: scaleX(1); }
.band-txt p:not(.svc-no) { font-size: 17px; margin-top: 16px; max-width: 54ch; color: var(--text); }
.band-txt .btn { margin-top: 26px; }
.band-img { margin: 0; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; box-shadow: 0 40px 60px -40px color-mix(in srgb, var(--acc) 60%, #0E1A2B); border: 6px solid #fff; }
.band-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.svc-band:hover .band-img img { transform: scale(1.04); }
.js .svc-acc .band-txt[data-up] { transform: translateX(-36px); }
.js .svc-acc .band-txt[data-up].in { transform: none; }

/* ara başlık */
.blk-head { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
.blk-tag { flex: none; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--acc-ink); }
.blk-tag::before { content: ""; width: 12px; height: 12px; border-radius: 3px; background: var(--acc); transform: rotate(45deg); }
.blk-line { flex: 1; height: 1px; background: color-mix(in srgb, var(--acc) 30%, transparent); transform-origin: left; transform: scaleX(0); transition: transform 1.1s var(--ease) .15s; }
.blk-head.in .blk-line, html:not(.js) .blk-line { transform: scaleX(1); }
.svc-acc .svc-body { display: grid; gap: 18px; }
.svc-acc .svc-body > h3 { font-size: 20px; letter-spacing: -0.015em; }
.svc-acc .svc-body .flow { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.svc-acc .svc-body .flow.two { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.svc-acc .svc-body .cards { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.svc-acc .svc-body .feats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.svc-acc .blk-head + .hr-analytics, .svc-acc .svc-body + .blk-head { margin-top: clamp(56px, 7vw, 88px); }
.svc-acc .hr-analytics { margin-top: 0; }
.svc-acc .flow li::before { color: var(--acc); }
.svc-acc .flow li:hover, .svc-acc .card:hover { border-color: var(--acc); }
.svc-acc .feat::before { background-color: var(--acc); }
.svc-acc .card h3 .ci { background: var(--acc-soft); }
.svc-acc .card h3 .ci svg { stroke: var(--acc-ink); }
.svc-acc .card li::before { background: var(--acc); }

@media (max-width: 860px) {
  .band-grid { grid-template-columns: 1fr; }
  .svc-acc .svc-body .flow.two, .svc-acc .svc-body .feats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .svc-acc .svc-body .flow.two, .svc-acc .svc-body .feats { grid-template-columns: 1fr; }
  .svc-band .svc-big { font-size: 170px; top: 60px; margin-top: 0; }
}
.svc-acc .svc-body .flow, .svc-acc .svc-body .flow.two { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); }
.svc-acc .ha-head .eyebrow { display: none; }
.svc-acc .blk-head + .hr-analytics .ha-head { margin-top: -6px; }
@media (max-width: 1100px) { .svc-acc .svc-body .flow, .svc-acc .svc-body .flow.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .svc-acc .svc-body .flow, .svc-acc .svc-body .flow.two { grid-template-columns: 1fr; } }
@media (max-width: 1100px) and (min-width: 601px) { .svc-acc .svc-body .flow li:last-child:nth-child(odd) { grid-column: 1 / -1; } }

/* başlık bandı: lacivert */
.svc-band { background: radial-gradient(ellipse at 85% 30%, color-mix(in srgb, var(--acc) 22%, transparent) 0%, transparent 55%), var(--navy); border-bottom: 0; }
.svc-band .svc-big { opacity: .14; }
.band-txt h2 { color: #fff; }
.band-txt p:not(.svc-no) { color: rgba(255,255,255,.78); }
.band-txt .svc-no { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); color: #fff; }
.band-img { border-color: rgba(255,255,255,.12); box-shadow: 0 40px 70px -35px rgba(0,0,0,.6); }
.svc[data-acc] .band-txt .svc-no { color: rgba(255,255,255,.85); }

/* Hizmet kapsamı: beyaz zemin + hero cam kutu dili (açık zemin sürümü) */
.page-ik .svc-acc .svc-band { margin-bottom: 0; }
.svc-scope { position: relative; isolation: isolate; background:
  radial-gradient(40% 60% at 12% 30%, color-mix(in srgb, var(--acc) 10%, transparent) 0%, transparent 70%),
  radial-gradient(35% 55% at 88% 75%, rgba(14,26,43,.06) 0%, transparent 70%), #fff;
  padding-block: clamp(48px, 6vw, 72px); border-bottom: 1px solid #F1E6DA; }
.svc-acc .svc-scope + .blk-head { margin-top: clamp(56px, 7vw, 88px); }
.page-ik .svc-scope .flow li, .page-ik .svc-scope .card, .page-ik .svc-scope .feat {
  background: linear-gradient(145deg, rgba(255,255,255,.55) 0%, rgba(14,26,43,.05) 100%);
  border: 1px solid rgba(14,26,43,.09); border-radius: 18px;
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px -18px rgba(14,26,43,.25);
  transition: background-color .3s, border-color .3s, transform .4s var(--ease), box-shadow .4s var(--ease); }
.page-ik .svc-scope .flow li:hover, .page-ik .svc-scope .card:hover, .page-ik .svc-scope .feat:hover {
  border-color: rgba(226,165,50,.8); transform: translateY(-4px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 22px 40px -22px rgba(14,26,43,.35); }
.page-ik .svc-scope .flow li::before { border-radius: 12px; width: 40px; height: 40px; background: rgba(226,165,50,.16); color: #8A5E0A; transition: background-color .3s, color .3s; }
.page-ik .svc-scope .flow li:hover::before { background: var(--gold); color: var(--navy); }

/* metalik şeffaf gri kutular */
.page-ik .svc-scope .flow li, .page-ik .svc-scope .card, .page-ik .svc-scope .feat {
  position: relative; overflow: hidden;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.55) 45%, rgba(255,255,255,0) 60%) -120% 0 / 250% 100% no-repeat,
    linear-gradient(160deg, rgba(232,235,240,.78) 0%, rgba(196,202,212,.62) 38%, rgba(226,229,235,.72) 62%, rgba(176,184,196,.6) 100%);
  border: 1px solid rgba(140,150,165,.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(90,100,115,.25), 0 12px 28px -18px rgba(14,26,43,.4);
  transition: background-position .9s var(--ease), border-color .3s, transform .4s var(--ease), box-shadow .4s var(--ease);
}
.page-ik .svc-scope .flow li:hover, .page-ik .svc-scope .card:hover, .page-ik .svc-scope .feat:hover {
  background-position: 220% 0, 0 0; border-color: rgba(226,165,50,.85);
}
.page-ik .svc-scope .flow li::before {
  background: linear-gradient(160deg, #3A4558 0%, #1B2638 55%, #2E3A4E 100%); color: var(--gold);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 4px 10px -4px rgba(14,26,43,.5);
}
.page-ik .svc-scope .flow li:hover::before { background: var(--gold); color: var(--navy); }

/* =========================================================
   ANALİTİK v3 — Yönetim / Ücret / Yetenek sayfaları
   ========================================================= */
.ha-row.eq { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.ha-row.eq > * { min-width: 0; }
.xp .nine-detail { margin-top: auto; }
.xp { display: flex; flex-direction: column; }
.xp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 16px; }
.svc[data-acc] .rchip.on { border-color: var(--navy); background: var(--navy); }
.svc[data-acc] .rchip.on i { background: var(--acc); color: #fff; }
.svc[data-acc] .rchip:hover { border-color: var(--acc); }
.svc[data-acc] .nine-detail b { color: var(--acc); filter: brightness(1.35); }

/* zincir (SIPOC, yol haritası) */
.xp-chain { display: grid; grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); gap: 6px; }
.xp-chain .rchip { position: relative; flex-direction: column; justify-content: center; gap: 6px; border-radius: 12px; padding: 12px 6px; text-align: center; font-size: 12.5px; line-height: 1.25; min-height: 86px; }
.xp-chain .rchip i { width: 28px; height: 28px; font-size: 12px; }
.xp-chain .rchip:not(:last-child)::after { content: ""; position: absolute; right: -6px; top: 50%; width: 6px; height: 2px; background: var(--line); }

/* yatay çubuk listesi */
.xp-bars { display: grid; gap: 6px; }
.xp-bars .rchip { display: grid; grid-template-columns: 22px minmax(0, 150px) minmax(0, 1fr) 34px; align-items: center; gap: 10px; border-radius: 12px; padding: 8px 12px 8px 8px; text-align: left; }
.xb-t { height: 8px; border-radius: 8px; background: var(--bg-2); overflow: hidden; }
.xb-t span { display: block; height: 100%; width: 0; border-radius: 8px; background: var(--acc, var(--gold)); transition: width 1s var(--ease); }
.xp.in .xb-t span, html:not(.js) .xb-t span { width: var(--v); }
.xp-bars .rchip > b { font-variant-numeric: tabular-nums; text-align: right; color: var(--ink); }
.xp-bars .rchip.on > b { color: #fff; }
.xp-bars .rchip.on .xb-t { background: rgba(255,255,255,.15); }

/* koyu panel içi seçim düğmeleri */
.dchips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.dchip { font: inherit; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.8); background: rgba(255,255,255,.05); border: 1px solid var(--navy-3); border-radius: 999px; padding: 7px 13px; cursor: pointer; transition: all .2s; }
.dchip:hover { border-color: var(--acc, var(--gold)); color: #fff; }
.dchip.on { background: var(--acc, var(--gold)); border-color: var(--acc, var(--gold)); color: #fff; }
.pn-lbl { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.5); margin: 22px 0 8px; }
.pn-lbl:first-child { margin-top: 0; }

/* yığılmış çubuk */
.stk { display: flex; height: 38px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.05); margin-top: 26px; }
.stk span { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; color: #fff; white-space: nowrap; overflow: hidden; transition: flex-basis .5s var(--ease); min-width: 0; }
.stk .s1 { background: var(--acc, var(--gold)); }
.stk .s2 { background: #C98A1C; }
.stk .s3 { background: #34496A; color: rgba(255,255,255,.8); }
.stk-leg { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; font-size: 13px; }
.stk-leg span { display: inline-flex; align-items: center; gap: 8px; }
.stk-leg i { width: 12px; height: 12px; border-radius: 3px; }

/* radar */
.radar-wrap { display: grid; place-items: center; margin-top: 10px; }
.radar { width: min(100%, 340px); height: auto; overflow: visible; }
.radar .rg { fill: none; stroke: rgba(255,255,255,.1); }
.radar .ra { stroke: rgba(255,255,255,.1); }
.radar .rp { fill: color-mix(in srgb, var(--acc, #E2A532) 30%, transparent); stroke: var(--acc, var(--gold)); stroke-width: 2.5; transition: all .4s var(--ease); }
.radar .rt { fill: rgba(255,255,255,.75); font-size: 11.5px; font-weight: 700; font-family: inherit; }
.radar circle.rv { fill: #fff; stroke: var(--acc, var(--gold)); stroke-width: 3; }
.sl-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
.sl-grid .sl { margin-top: 14px; }

/* kademe skalası */
.grades { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; margin-top: 8px; }
.grades span { display: grid; place-items: center; height: 46px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid var(--navy-3); color: rgba(255,255,255,.55); font-size: 13px; font-weight: 800; transition: all .3s; }
.grades span.on { background: var(--acc, var(--gold)); border-color: var(--acc, var(--gold)); color: #fff; transform: translateY(-4px); box-shadow: 0 10px 20px -10px var(--acc, var(--gold)); }
.fbars { display: grid; gap: 8px; margin-top: 8px; }
.fbars div { display: grid; grid-template-columns: 130px minmax(0, 1fr) 46px; gap: 10px; align-items: center; font-size: 13px; }
.fbars .t { height: 8px; border-radius: 8px; background: rgba(255,255,255,.08); overflow: hidden; }
.fbars .t span { display: block; height: 100%; background: var(--acc, var(--gold)); border-radius: 8px; transition: width .4s var(--ease); }
.fbars b { color: #fff; text-align: right; font-variant-numeric: tabular-nums; }

/* ücret bandı */
.wband { position: relative; margin-top: 34px; }
.band-zones { display: grid; grid-template-columns: 15fr 15fr 10fr 15fr 15fr; height: 40px; border-radius: 10px; overflow: hidden; }
.band-zones i { display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 700; color: rgba(255,255,255,.75); }
.band-zones i:nth-child(1) { background: #6B2E2E; }
.band-zones i:nth-child(2) { background: #2C4466; }
.band-zones i:nth-child(3) { background: color-mix(in srgb, var(--acc, #3E9B5F) 75%, #0E1A2B); color: #fff; }
.band-zones i:nth-child(4) { background: #2C4466; }
.band-zones i:nth-child(5) { background: #5A3D1A; }
.band-mark { position: absolute; top: -10px; bottom: -10px; width: 4px; margin-left: -2px; border-radius: 4px; background: #fff; box-shadow: 0 0 0 3px var(--navy); transition: left .35s var(--ease); }
.band-mark b { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, -6px); background: #fff; color: var(--navy); font-size: 12px; font-weight: 800; padding: 3px 8px; border-radius: 6px; white-space: nowrap; }
.band-axis { display: grid; grid-template-columns: 15fr 15fr 10fr 15fr 15fr; margin-top: 8px; font-size: 11px; color: rgba(255,255,255,.55); }
.band-axis i { font-style: normal; border-left: 1px solid var(--navy-3); padding-left: 4px; }

/* halka grafik (toplam ödül) */
.donut-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: center; margin-top: 18px; }
.donut { width: 150px; aspect-ratio: 1; border-radius: 50%; background: var(--g); -webkit-mask: radial-gradient(circle, transparent 47%, #000 48%); mask: radial-gradient(circle, transparent 47%, #000 48%); transform: rotate(-90deg); }
.donut-row .xp-chips { margin: 0; flex-direction: column; align-items: stretch; }
.donut-row .rchip i { border-radius: 6px; background: var(--c); }
.donut-row .rchip.on i { background: var(--c); }

/* kariyer merdiveni */
.ladder { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lad-col { display: flex; flex-direction: column-reverse; gap: 6px; }
.lad-col h5 { order: 99; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55); margin: 0 0 4px; }
.lad-step { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: calc(70% + var(--i) * 6%); font: inherit; font-size: 14px; font-weight: 700; color: #fff; text-align: left; background: rgba(255,255,255,.05); border: 1px solid var(--navy-3); border-radius: 10px; padding: 11px 14px; cursor: pointer; transition: all .25s; }
.lad-step small { font-size: 11.5px; font-weight: 800; color: rgba(255,255,255,.5); }
.lad-step:hover { border-color: var(--acc, var(--gold)); }
.lad-step.on { background: var(--acc, var(--gold)); border-color: var(--acc, var(--gold)); }
.lad-step.on small { color: rgba(255,255,255,.85); }
.lad-base { margin-top: 8px; text-align: center; font-size: 13px; font-weight: 700; padding: 10px; border-radius: 10px; border: 1px dashed var(--navy-3); color: rgba(255,255,255,.7); }
.lad-req { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lad-req li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; font-size: 13.5px; padding-bottom: 8px; border-bottom: 1px solid var(--navy-3); }
.lad-req li span { color: rgba(255,255,255,.55); }
.lad-req li b { color: #fff; font-weight: 600; }

/* yedekleme tablosu */
.sc-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--navy-3); }
.sc-row strong { color: #fff; font-size: 14.5px; font-weight: 700; }
.seg { display: inline-flex; gap: 2px; background: rgba(255,255,255,.04); border: 1px solid var(--navy-3); border-radius: 10px; padding: 3px; }
.seg button { font: inherit; font-size: 12px; font-weight: 700; color: rgba(255,255,255,.65); background: none; border: 0; border-radius: 7px; padding: 6px 10px; cursor: pointer; white-space: nowrap; transition: all .2s; }
.seg button:hover { color: #fff; }
.seg button.on { background: var(--acc, var(--gold)); color: #fff; }
.seg button.on[data-v="0"] { background: #A33A3A; }
.ring { display: grid; place-items: center; margin: 4px 0 16px; }
.ring svg { width: 150px; height: 150px; transform: rotate(-90deg); }
.ring circle { fill: none; stroke-width: 12; }
.ring .rb { stroke: rgba(255,255,255,.08); }
.ring .rf { stroke: var(--acc, var(--gold)); stroke-linecap: round; transition: stroke-dashoffset .6s var(--ease), stroke .3s; }
.ring-wrap { position: relative; }
.ring-wrap > div { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.ring-wrap b { font-size: 36px; font-weight: 800; color: #fff; letter-spacing: -0.04em; line-height: 1; }
.ring-wrap small { font-size: 12px; color: rgba(255,255,255,.6); }

/* gösterge (eNPS) */
.gauge { width: 100%; max-width: 300px; display: block; margin: 0 auto; }
.gauge .gb { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 18; }
.gauge .gz { fill: none; stroke-width: 18; }
.gauge .gn { stroke: #fff; stroke-width: 4; stroke-linecap: round; transition: transform .6s var(--ease); transform-origin: 150px 150px; }
.gauge .gc { fill: #fff; }
.gauge text { fill: rgba(255,255,255,.55); font-size: 11px; font-weight: 700; font-family: inherit; }
.g-val { text-align: center; margin-top: -6px; }
.g-val b { display: block; font-size: 44px; font-weight: 800; letter-spacing: -0.04em; color: #fff; line-height: 1; }
.g-val small { font-size: 13px; color: rgba(255,255,255,.6); }

/* nokta ızgarası (devir hızı) */
.dots { display: grid; grid-template-columns: repeat(20, minmax(0, 1fr)); gap: 5px; margin-top: 24px; }
.dots i { aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.12); transition: background-color .3s; }
.dots i.on { background: var(--acc, var(--gold)); }

/* 70-20-10 */
.split3 { display: flex; height: 44px; border-radius: 10px; overflow: hidden; margin: 18px 0 6px; }
.split3 span { display: grid; place-items: center; font-size: 14px; font-weight: 800; color: #fff; }

/* koyu kart içi hesaplayıcı */
.calc .br-field { margin-top: 16px; }
.calc .br-field input { background: rgba(255,255,255,.04); }
.calc .sl { margin-top: 14px; }
.calc-res { margin-top: 18px; padding: 16px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid var(--navy-3); }
.calc-res small { font-size: 12.5px; color: rgba(255,255,255,.6); }
.calc-res b { display: block; font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: var(--acc, var(--gold)); font-variant-numeric: tabular-nums; }
.calc-res p { font-size: 13px; color: rgba(255,255,255,.7); margin-top: 6px; }

@media (max-width: 1000px) {
  .ha-row.eq { grid-template-columns: 1fr; }
  .xp-chain { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xp-chain .rchip::after { display: none; }
}
@media (max-width: 600px) {
  .sl-grid { grid-template-columns: 1fr; }
  .fbars div { grid-template-columns: 96px minmax(0, 1fr) 40px; }
  .xp-bars .rchip { grid-template-columns: 22px minmax(0, 110px) minmax(0, 1fr) 30px; }
  .donut-row { grid-template-columns: 1fr; justify-items: center; }
  .donut-row .xp-chips { width: 100%; }
  .ladder { grid-template-columns: 1fr; }
  .lad-step { width: 100%; }
  .sc-row { grid-template-columns: 1fr; }
  .seg { width: 100%; } .seg button { flex: 1; padding: 6px 4px; font-size: 11.5px; }
  .dots { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .lad-req li { grid-template-columns: 92px minmax(0, 1fr); }
}

/* v3 düzeltmeleri */
.sl > span > span { min-width: 0; }
.sl small { font-size: 12px; font-weight: 700; }
.radar { width: min(100%, 400px); }
.radar .rt { font-size: 14px; }
.xp .nine-detail { flex: 1; margin-top: 0; display: flex; flex-direction: column; justify-content: center; padding: 22px 24px; min-height: 120px; }
.xp .nine-detail b { font-size: 19px; }
.xp .nine-detail p { font-size: 15.5px; line-height: 1.6; margin-top: 8px; }
.xp-chain .rchip { min-height: 100px; }
.nps-scale { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 4px; margin-bottom: 4px; }
.nps-scale span { display: grid; place-items: center; height: 38px; border-radius: 8px; font-size: 13px; font-weight: 800; color: #fff; }
.nps-scale .d { background: #A33A3A; } .nps-scale .a { background: #34496A; } .nps-scale .p { background: var(--acc, var(--gold)); }
@media (max-width: 1000px) { .xp-chain .rchip:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (max-width: 600px) { .fd-metrics b { font-size: 18px; } .radar .rt { font-size: 16px; } }

/* =========================================================
   FORM v2 — firmanın istediği segmentli analiz formu
   ========================================================= */
.form-card legend small { font-weight: 500; color: var(--muted, #6B7685); margin-left: 6px; font-size: 12.5px; }
.seg-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-radius: 14px; }
.seg-cards.invalid { outline: 2px solid #C2413A; outline-offset: 4px; }
.seg-card { display: flex; align-items: flex-start; gap: 12px; text-align: left; border-radius: 14px !important; padding: 13px 14px !important; }
.seg-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.seg-card i { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; border: 1.5px solid #C5CBD5; background: #fff; display: grid; place-items: center; transition: all .2s; }
.seg-card span { display: grid; gap: 3px; }
.seg-card b { font-size: 14.5px; font-weight: 700; color: var(--ink); }
.seg-card small { font-size: 12.5px; font-weight: 500; color: var(--muted, #6B7685); line-height: 1.4; }
.seg-card[aria-pressed="true"] { background: var(--navy); }
.seg-card[aria-pressed="true"] b { color: #fff; }
.seg-card[aria-pressed="true"] small { color: rgba(255,255,255,.7); }
.seg-card[aria-pressed="true"] i { background: var(--gold); border-color: var(--gold); }
.seg-card[aria-pressed="true"] i::after { content: ""; width: 9px; height: 5px; border: solid var(--navy); border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg); }
.fc-sub { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #6B7685); margin: 4px 0 -6px; }
.form-card select { width: 100%; font: inherit; font-size: 15.5px; font-weight: 500; color: var(--ink); background: var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%230E1A2B' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center / 12px; border: 1.5px solid transparent; border-radius: 10px; padding: 13px 40px 13px 14px; appearance: none; }
.form-card select:focus { outline: none; border-color: var(--gold); background-color: #fff; }
.consents { display: grid; gap: 10px; padding: 14px 16px; border-radius: 12px; background: var(--bg-2); }
@media (max-width: 600px) { .seg-cards { grid-template-columns: 1fr; } }

/* =========================================================
   HAKKIMIZDA — kurucu, manifesto
   ========================================================= */
.founder-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.f-photo { margin: 0; }
.f-ph { aspect-ratio: 4 / 5; border-radius: 24px; background: linear-gradient(160deg, #22344F, #0E1A2B); display: grid; place-content: center; justify-items: center; gap: 12px; color: rgba(255,255,255,.5); position: relative; overflow: hidden; }
.f-ph::before { content: ""; position: absolute; inset: auto -20% -30% auto; width: 80%; aspect-ratio: 1; border-radius: 50%; border: 2px solid rgba(226,165,50,.25); }
.f-ph span svg { width: 64px; height: 64px; stroke: currentColor; fill: none; stroke-width: 1.2; }
.f-ph small { font-size: 13px; font-weight: 600; }
.f-photo figcaption { display: grid; gap: 4px; margin-top: 16px; }
.f-photo figcaption b { font-size: 20px; color: var(--ink); }
.f-photo figcaption span { font-size: 14px; color: var(--muted, #6B7685); }
.f-txt p { margin-top: 14px; }
.f-lbl { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #6B7685); margin-top: 28px !important; }
.f-orgs { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.f-orgs li { font-size: 14px; font-weight: 700; color: var(--ink); padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); background: #fff; }
.manifest { background: var(--navy); color: rgba(255,255,255,.78); }
.manifest .h2 { color: #fff; }
.man-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.man-grid p:not(.eyebrow) { margin-top: 16px; }
.man-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.man-list li { display: flex; align-items: baseline; gap: 14px; font-size: clamp(30px, 3.6vw, 50px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; color: #fff; padding: 10px 0; border-bottom: 1px solid var(--navy-3); }
.man-list b { font-family: 'Instrument Serif', serif; font-style: italic; font-weight: 400; color: var(--gold); letter-spacing: 0; }
.about-cta { padding-block: clamp(56px, 7vw, 96px); }
.ac-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: clamp(28px, 4vw, 48px); border-radius: 24px; background: var(--bg-2); }
.ac-btns { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 900px) { .founder-grid, .man-grid { grid-template-columns: 1fr; } .f-ph { aspect-ratio: 4 / 3; } }

/* =========================================================
   BLOG
   ========================================================= */
.blog-art { display: block; width: 100%; height: auto; border-radius: 24px; }
.blog-art .cb line { stroke: rgba(255,255,255,.35); stroke-width: 2; }
.blog-art .cb circle:not(.eye) { fill: url(#cg); }
.blog-art .eye { fill: #0E1A2B; }
.blog-art .mouth { fill: none; stroke: #0E1A2B; stroke-width: 4; stroke-linecap: round; }
.blog-art .cb0 circle:not(.eye) { fill: #E2A532; }
.blog-art .cb { transform-origin: 0 0; }
.blog-art .cb0 { transform-origin: 455px 0; animation: swing0 3.2s ease-in-out infinite; }
.blog-art .cb3 { transform-origin: 725px 0; animation: swing3 3.2s ease-in-out infinite; }
@keyframes swing0 { 0%, 50%, 100% { transform: rotate(0); } 25% { transform: rotate(14deg); } }
@keyframes swing3 { 0%, 50%, 100% { transform: rotate(0); } 75% { transform: rotate(-14deg); } }
@media (prefers-reduced-motion: reduce) { .blog-art .cb0, .blog-art .cb3 { animation: none; } }

.read-prog { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 60; pointer-events: none; }
.read-prog span { display: block; height: 100%; background: var(--gold); transform-origin: 0 50%; transform: scaleX(0); }
.art-hero { background: var(--bg); padding-top: calc(var(--hdr, 84px) + 48px); }
.page-art .site-header { background: #fff; }
.art-head { max-width: 900px; }
.art-cat { font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-ink, #A87810); margin-top: 22px; }
.art-title { font-size: clamp(34px, 4.6vw, 62px); line-height: 1.06; letter-spacing: -0.035em; font-weight: 800; color: var(--ink); margin-top: 12px; }
.art-dek { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.55; color: var(--text); margin-top: 20px; max-width: 760px; }
.art-meta { display: flex; align-items: center; gap: 12px; margin-top: 26px; }
.am-logo { width: 44px; height: 44px; border-radius: 50%; background: var(--navy); display: grid; place-items: center; }
.art-meta span:last-child { display: grid; }
.art-meta b { font-size: 15px; color: var(--ink); }
.art-meta small { font-size: 13.5px; color: var(--muted, #6B7685); }
.art-fig { margin: 40px 0 0; }
.art-wrap { padding-block: clamp(48px, 6vw, 80px); }
.art-grid { display: grid; grid-template-columns: 220px minmax(0, 720px) 240px; gap: clamp(28px, 4vw, 56px); justify-content: space-between; align-items: start; }
.art-sticky { position: sticky; top: calc(var(--hdr, 84px) + 24px); }
.as-t { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #6B7685); margin-bottom: 10px; }
.art-toc { display: grid; gap: 2px; margin-bottom: 28px; border-left: 2px solid var(--line); }
.art-toc a { font-size: 14px; line-height: 1.4; color: var(--text); padding: 7px 0 7px 14px; margin-left: -2px; border-left: 2px solid transparent; transition: color .2s, border-color .2s; }
.art-toc a:hover { color: var(--ink); }
.art-toc a.on { color: var(--ink); font-weight: 700; border-left-color: var(--gold); }
.share { display: flex; gap: 8px; }
.share a, .share button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); background: #fff; display: grid; place-items: center; font: inherit; font-size: 15px; font-weight: 800; color: var(--ink); cursor: pointer; transition: all .2s; }
.share svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.share a:hover, .share button:hover { border-color: var(--gold); background: var(--gold-soft, #FBF1DC); }
.share button.ok { background: var(--gold); border-color: var(--gold); }
.prose { font-size: 18px; line-height: 1.75; color: #2A3445; }
.prose > * + * { margin-top: 1.1em; }
.prose .lead-p { font-size: 20px; line-height: 1.7; color: var(--ink); }
.prose .lead-p::first-letter { float: left; font-size: 4.2em; line-height: .85; font-weight: 800; color: var(--gold); margin: 6px 12px 0 0; }
.prose h2 { font-size: clamp(26px, 2.4vw, 32px); line-height: 1.2; letter-spacing: -0.02em; font-weight: 800; color: var(--ink); margin-top: 2.2em; scroll-margin-top: calc(var(--hdr, 84px) + 24px); }
.prose h3 { display: flex; align-items: center; gap: 12px; font-size: 21px; line-height: 1.3; font-weight: 700; color: var(--ink); margin-top: 1.8em; }
.prose h3 span { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--navy); color: var(--gold); display: grid; place-items: center; font-size: 14px; font-weight: 800; }
.weeks { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.weeks li { padding: 16px; border-radius: 14px; background: var(--bg-2); display: grid; gap: 4px; position: relative; }
.weeks li:nth-child(2) { background: #F6E9CF; } .weeks li:nth-child(3) { background: #F3D6C8; }
.weeks b { font-size: 14px; color: var(--ink); } .weeks span { font-size: 15px; line-height: 1.45; }
.pull { margin: 1.8em 0; padding: 4px 0 4px 26px; border-left: 4px solid var(--gold); }
.pull p { font-family: 'Instrument Serif', serif; font-style: italic; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.25; color: var(--ink); }
.callout, .reflect { padding: 24px 26px; border-radius: 18px; background: var(--navy); color: rgba(255,255,255,.85); }
.co-t { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.co-q { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 10px; }
.co-q li { font-size: 18px; color: #fff; padding-left: 30px; position: relative; }
.co-q li::before { content: "?"; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.signs { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.signs li { font-size: 16px; font-weight: 600; color: var(--ink); padding: 12px 14px 12px 40px; border-radius: 12px; border: 1px solid var(--line); background: #fff; position: relative; }
.signs li::before { content: ""; position: absolute; left: 14px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; border: 3px solid #E2A532; }
.swap { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.swap > div { padding: 18px 20px; border-radius: 14px; }
.swap small { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.swap p { font-size: 17px; line-height: 1.45; margin-top: 6px; font-weight: 600; }
.sw-no { background: #F7E4E2; color: #8E2F28; } .sw-no p { text-decoration: line-through; text-decoration-color: rgba(142,47,40,.4); }
.sw-yes { background: #E0F2E6; color: #22603A; }
.reflect ol { margin: 14px 0 0; padding-left: 22px; display: grid; gap: 8px; color: #fff; font-size: 18px; }
.rf-end { margin-top: 18px !important; padding-top: 16px; border-top: 1px solid var(--navy-3); font-size: 18px; color: rgba(255,255,255,.85); }
.rf-end em { font-family: 'Instrument Serif', serif; color: var(--gold); font-size: 1.2em; }
.art-tags { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2.4em !important; }
.art-tags li { font-size: 13.5px; font-weight: 700; color: var(--text); padding: 7px 12px; border-radius: 999px; background: var(--bg-2); }
.rel-card { display: grid; gap: 8px; padding: 14px; border-radius: 18px; border: 1px solid var(--line); background: #fff; transition: transform .3s var(--ease), box-shadow .3s; }
.rel-card:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -28px rgba(14,26,43,.4); }
.rel-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; border-radius: 12px; }
.rc-tag { font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-ink, #A87810); }
.rel-card strong { font-size: 16px; line-height: 1.3; color: var(--ink); }
.art-next { padding-top: 0; }
.nl-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 32px; align-items: center; padding: clamp(28px, 4vw, 52px); border-radius: 24px; background: var(--navy); color: rgba(255,255,255,.75); }
.nl-card h2 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; letter-spacing: -0.02em; color: #fff; margin: 10px 0; }
.nl-card h2 em { font-family: 'Instrument Serif', serif; color: var(--gold); font-weight: 400; }
.nl-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.nl-form input { font: inherit; font-size: 15.5px; padding: 14px 16px; border-radius: 12px; border: 1.5px solid var(--navy-3); background: rgba(255,255,255,.06); color: #fff; min-width: 0; }
.nl-form input:focus { outline: none; border-color: var(--gold); }
.nl-form input.invalid { border-color: #E06A62; }
.nl-form .form-note { grid-column: 1 / -1; }
.blog-list .bl-bar { margin-bottom: 28px; }
.bl-cats { display: flex; flex-wrap: wrap; gap: 8px; }
.dchip-l { font: inherit; font-size: 14px; font-weight: 700; color: var(--text); background: #fff; border: 1.5px solid var(--line); border-radius: 999px; padding: 8px 16px; cursor: pointer; transition: all .2s; }
.dchip-l:hover { border-color: var(--ink); }
.dchip-l.on { background: var(--navy); border-color: var(--navy); color: #fff; }
.feat-post { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); border-radius: 24px; overflow: hidden; background: #fff; border: 1px solid var(--line); transition: box-shadow .3s; }
.feat-post:hover { box-shadow: 0 40px 70px -50px rgba(14,26,43,.45); }
.feat-post[hidden] { display: none; }
.fp-art { background: #16253B; display: grid; place-items: center; }
.fp-art .blog-art { border-radius: 0; height: 100%; object-fit: cover; }
.fp-txt { padding: clamp(24px, 3.4vw, 48px); display: flex; flex-direction: column; gap: 14px; }
.fp-txt .art-cat { margin: 0; }
.fp-txt h2 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; letter-spacing: -0.025em; color: var(--ink); }
.fp-meta { font-size: 14px; color: var(--muted, #6B7685); }
.fp-txt .more { margin-top: auto; }
.bl-empty { padding: 40px; text-align: center; border-radius: 20px; background: var(--bg-2); font-weight: 600; }
.bl-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.bl-info { padding: 26px; border-radius: 20px; background: var(--bg-2); }
.bl-info .ti { width: 44px; height: 44px; border-radius: 12px; background: var(--navy); display: grid; place-items: center; }
.bl-info .ti svg { width: 22px; height: 22px; stroke: var(--gold); fill: none; stroke-width: 1.8; }
.bl-info h3 { font-size: 18px; color: var(--ink); margin-top: 16px; }
.bl-info p { font-size: 15px; margin-top: 6px; }
@media (max-width: 1180px) { .art-grid { grid-template-columns: 200px minmax(0, 1fr); } .art-rel { grid-column: 2; } .art-rel .art-sticky { position: static; } .rel-card { grid-template-columns: 140px 1fr; align-items: center; } .rel-card img { grid-row: span 3; } }
@media (max-width: 900px) { .art-grid { grid-template-columns: 1fr; } .art-side .art-sticky { position: static; } .art-toc { display: none; } .art-side .as-t:first-child { display: none; } .art-rel { grid-column: auto; } .feat-post, .nl-card { grid-template-columns: 1fr; } .bl-row { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .prose { font-size: 17px; } .weeks, .swap, .signs { grid-template-columns: 1fr; } .nl-form { grid-template-columns: 1fr; } .rel-card { grid-template-columns: 1fr; } }

/* =========================================================
   E-KATALOG
   ========================================================= */
.ek-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(24px, 3vw, 40px); align-items: start; }
.ek-viewer { min-width: 0; }
.ek-stage { position: relative; display: grid; place-items: center; padding: clamp(16px, 3vw, 36px); border-radius: 24px; background: radial-gradient(ellipse at 50% 0%, #22344F, #0E1A2B 70%); outline: none; scroll-margin-top: calc(var(--hdr, 84px) + 16px); }
.ek-stage:focus-visible { box-shadow: 0 0 0 3px var(--gold); }
.ek-stage:fullscreen { border-radius: 0; }
.ek-stage img { width: auto; max-width: 100%; max-height: min(78vh, 980px); height: auto; border-radius: 6px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); transition: opacity .25s; }
.ek-stage:fullscreen img { max-height: 94vh; }
.ek-stage img.swap { opacity: .35; }
.ek-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(14,26,43,.75); color: #fff; font-size: 20px; cursor: pointer; backdrop-filter: blur(6px); transition: background-color .2s, border-color .2s; z-index: 2; }
.ek-nav:hover { background: var(--gold); border-color: var(--gold); color: var(--navy); }
.ek-nav.prev { left: 14px; } .ek-nav.next { right: 14px; }
.ek-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.ek-bar span { font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.ek-btns { display: flex; gap: 8px; }
.ek-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 14px 2px 6px; scrollbar-width: thin; }
.ek-thumbs button { flex: none; position: relative; width: 74px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #fff; cursor: pointer; transition: border-color .2s, transform .2s; }
.ek-thumbs button:hover { transform: translateY(-2px); }
.ek-thumbs button.on { border-color: var(--gold); }
.ek-thumbs img { display: block; width: 100%; height: auto; }
.ek-thumbs span { position: absolute; right: 4px; bottom: 4px; font-size: 10.5px; font-weight: 800; padding: 1px 5px; border-radius: 5px; background: var(--navy); color: #fff; }
.ek-side { position: sticky; top: calc(var(--hdr, 84px) + 24px); }
.ek-info { padding: 28px; border-radius: 24px; background: #fff; border: 1px solid var(--line); display: grid; gap: 16px; }
.ek-info h2 { font-size: 26px; line-height: 1.2; letter-spacing: -0.02em; color: var(--ink); }
.ek-info h2 em { font-family: 'Instrument Serif', serif; color: var(--gold-ink, #A87810); font-weight: 400; }
.ek-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ek-facts div { padding: 12px; border-radius: 12px; background: var(--bg-2); display: grid; }
.ek-facts b { font-size: 24px; font-weight: 800; color: var(--ink); }
.ek-facts small { font-size: 12.5px; color: var(--muted, #6B7685); }
.ek-lbl { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #6B7685); margin-bottom: -6px; }
.ek-cats { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.ek-cats button { width: 100%; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 12px; align-items: center; text-align: left; font: inherit; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: #fff; cursor: pointer; transition: all .2s; }
.ek-cats button:hover { border-color: var(--ink); }
.ek-cats i { font-style: normal; width: 32px; height: 32px; border-radius: 9px; background: var(--bg-2); display: grid; place-items: center; font-size: 12.5px; font-weight: 800; color: var(--ink); }
.ek-cats span { display: grid; gap: 2px; min-width: 0; }
.ek-cats b { font-size: 14.5px; color: var(--ink); }
.ek-cats small { font-size: 12px; color: var(--muted, #6B7685); line-height: 1.35; }
.ek-cats em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--muted, #6B7685); }
.ek-cats button.on { background: var(--navy); border-color: var(--navy); }
.ek-cats button.on b, .ek-cats button.on em { color: #fff; }
.ek-cats button.on small { color: rgba(255,255,255,.65); }
.ek-cats button.on i { background: var(--gold); color: var(--navy); }
@media (max-width: 1000px) { .ek-grid { grid-template-columns: 1fr; } .ek-side { position: static; } }
@media (max-width: 600px) { .ek-nav { width: 40px; height: 40px; } .ek-nav.prev { left: 6px; } .ek-nav.next { right: 6px; } .ek-bar { flex-wrap: wrap; } }
.page-art .crumbs { color: var(--muted, #6B7685); }
.page-art .crumbs span[aria-current] { color: var(--gold-ink, #A87810); }
.blog-art .motion path { fill: none; stroke: #E2A532; stroke-width: 4; stroke-linecap: round; opacity: .55; }

/* =========================================================
   UYGULAMALAR — örnek ekranlar (ux) ve sayfalar
   ========================================================= */
.mega .mapp { display: grid !important; gap: 1px; }
.mega .mapp b { font-weight: 700; color: var(--ink); }
.mega .mapp small { font-size: 12.5px; color: var(--muted, #6B7685); font-weight: 500; }

.ux { --ux-bg: #fff; background: var(--ux-bg); color: #24324A; font-size: 13px; border-radius: 0 0 14px 14px; padding: 16px; display: grid; gap: 12px; }
.ux-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ux-top b { font-size: 14px; color: #0E1A2B; margin-right: auto; }
.ux-pill { font-size: 11.5px; font-weight: 700; padding: 4px 9px; border-radius: 999px; background: var(--acc-soft, #EEF1F5); color: color-mix(in srgb, var(--acc, #0E1A2B) 70%, #0E1A2B); }
.ux-pill.warn { background: #FBE3E1; color: #A33A3A; }
.ux-lbl { font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #8A94A3; margin: 0 0 6px; }
.ux-kanban { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ux-col { background: #F3F5F8; border-radius: 10px; padding: 8px; display: grid; gap: 6px; align-content: start; }
.ux-colh { display: flex; justify-content: space-between; align-items: center; padding: 2px 2px 4px; }
.ux-colh b { font-size: 12px; } .ux-colh span { font-size: 11px; font-weight: 800; color: var(--acc); }
.ux-card { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 8px; padding: 7px; box-shadow: 0 1px 0 #E4E8EE; }
.ux-card i { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--acc-soft); color: var(--acc); font-style: normal; font-size: 10.5px; font-weight: 800; display: grid; place-items: center; }
.ux-card b { display: block; font-size: 11.5px; line-height: 1.2; } .ux-card small { font-size: 10.5px; color: #8A94A3; }
.ux-split { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; }
.ux-side { display: grid; gap: 6px; align-content: start; padding-right: 12px; border-right: 1px solid #E4E8EE; }
.ux-tpl { font-size: 12px; font-weight: 600; padding: 8px 10px; border-radius: 8px; background: #F3F5F8; }
.ux-tpl.on { background: var(--acc); color: #fff; }
.ux-main { display: grid; gap: 8px; align-content: start; }
.ux-rate { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-bottom: 1px solid #EEF1F5; font-size: 12.5px; }
.ux-rate div { display: flex; gap: 4px; }
.ux-rate i { width: 14px; height: 14px; border-radius: 4px; background: #E4E8EE; }
.ux-rate i.on { background: var(--acc); }
.ux-goal { display: grid; grid-template-columns: minmax(0, 1fr) 90px 36px; gap: 10px; align-items: center; margin-top: 6px; padding: 10px; border-radius: 10px; background: var(--acc-soft); font-size: 12px; font-weight: 600; }
.ux-bar { height: 6px; border-radius: 6px; background: rgba(255,255,255,.7); overflow: hidden; } .ux-bar i { display: block; height: 100%; background: var(--acc); }
.ux-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ux-kpis div { padding: 10px; border-radius: 10px; background: #F3F5F8; display: grid; gap: 2px; }
.ux-kpis small { font-size: 11px; color: #8A94A3; font-weight: 600; } .ux-kpis b { font-size: 18px; color: #0E1A2B; letter-spacing: -0.02em; } .ux-kpis span { font-size: 11px; font-weight: 700; color: #2B7044; }
.ux-charts { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 8px; }
.ux-chart { padding: 10px; border-radius: 10px; border: 1px solid #EEF1F5; color: var(--acc); }
.ux-chart svg { width: 100%; height: 110px; display: block; }
.ux-hb { display: grid; grid-template-columns: 64px minmax(0, 1fr) 22px; gap: 6px; align-items: center; font-size: 11.5px; color: #24324A; padding: 3px 0; }
.ux-hb div { height: 8px; border-radius: 8px; background: #EEF1F5; overflow: hidden; } .ux-hb i { display: block; height: 100%; background: var(--acc); border-radius: 8px; } .ux-hb b { text-align: right; font-size: 11px; }
.ux-grid { display: grid; grid-template-columns: 44px repeat(7, minmax(0, 1fr)) 36px; gap: 4px; align-items: center; }
.ux-gh span { font-size: 10.5px; font-weight: 800; color: #8A94A3; text-align: center; }
.ux-grid > b { font-size: 11.5px; } .ux-grid > b:last-child { text-align: center; } .ux-grid > b.warn { color: #A33A3A; background: #FBE3E1; border-radius: 6px; padding: 3px 0; }
.sh { font-size: 10.5px; font-weight: 700; text-align: center; padding: 7px 0; border-radius: 6px; }
.sh-S { background: var(--acc-soft); color: color-mix(in srgb, var(--acc) 75%, #0E1A2B); }
.sh-A { background: var(--acc); color: #fff; }
.sh-G { background: #0E1A2B; color: #fff; }
.sh-İ { background: #F3F5F8; color: #8A94A3; }
.ux-alert { font-size: 12px; font-weight: 600; color: #A33A3A; background: #FBE3E1; padding: 9px 12px; border-radius: 8px; margin: 2px 0 0; }

.ux-mini { pointer-events: none; border-radius: 12px; border: 1px solid var(--line); font-size: 12px; transform-origin: top left; }
.app-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 8px; }
.app-card { display: grid; gap: 16px; align-content: start; padding: 24px; border-radius: 24px; background: #fff; border: 1px solid var(--line); scroll-margin-top: 140px; transition: transform .35s var(--ease), box-shadow .35s; position: relative; overflow: hidden; }
.app-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--acc); }
.app-card:hover { transform: translateY(-6px); box-shadow: 0 40px 60px -40px rgba(14,26,43,.45); }
.ac-top { display: flex; align-items: center; gap: 12px; }
.ac-top b { display: block; font-size: 22px; letter-spacing: -0.02em; color: var(--ink); } .ac-top small { font-size: 14px; color: var(--muted, #6B7685); }
.ac-ic { flex: none; width: 46px; height: 46px; border-radius: 14px; background: var(--acc-soft, var(--gold-soft)); display: grid; place-items: center; }
.ac-ic svg { width: 22px; height: 22px; stroke: var(--acc, var(--gold)); fill: none; stroke-width: 1.8; }
.app-card > p { font-size: 15.5px; color: var(--text); }
.apps-why { background: var(--navy); color: rgba(255,255,255,.75); }
.apps-why .h2 { color: #fff; }
.aw-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.aw-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.aw-list li { padding: 20px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid var(--navy-3); display: grid; gap: 6px; }
.aw-list b { color: #fff; font-size: 16px; } .aw-list span { font-size: 14.5px; }

.app-show { background: var(--navy); padding-block: clamp(56px, 7vw, 96px); color: rgba(255,255,255,.75); position: relative; overflow: hidden; }
.app-show::before { content: ""; position: absolute; inset: -30% -10% auto auto; width: 60%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--acc) 30%, transparent), transparent 65%); }
.as-head { max-width: 760px; position: relative; } .as-head .h2 { color: #fff; margin-top: 10px; } .as-head p:not(.eyebrow) { margin-top: 12px; font-size: 17px; }
.ux-frame { position: relative; margin-top: 36px; border-radius: 16px; background: #fff; box-shadow: 0 50px 90px -40px rgba(0,0,0,.6); border-top: 4px solid var(--acc); }
.ux-chrome { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid #EEF1F5; }
.ux-chrome i { width: 10px; height: 10px; border-radius: 50%; background: #E4E8EE; } .ux-chrome span { margin-left: 12px; font-size: 12px; color: #8A94A3; padding: 3px 12px; border-radius: 6px; background: #F3F5F8; }
.ux-frame .ux { padding: 22px; font-size: 14px; gap: 16px; }
.ux-frame .ux-card b, .ux-frame .ux-tpl, .ux-frame .ux-rate { font-size: 13.5px; }
.ux-frame .sh { font-size: 12px; padding: 10px 0; }
.ux-frame .ux-chart svg { height: 170px; }
.as-note { position: relative; font-size: 12.5px; color: rgba(255,255,255,.5); margin-top: 12px; }
.af-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.af { padding: 24px; border-radius: 20px; background: #fff; border: 1px solid var(--line); display: grid; gap: 10px; align-content: start; }
.af h3 { font-size: 17.5px; color: var(--ink); margin-top: 6px; } .af p { font-size: 15px; }
.app-feats { background: var(--bg-2); }
.app-steps .flow li::before { background: var(--acc); color: #fff; }
.ad-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.ad-box { padding: clamp(28px, 4vw, 48px); border-radius: 24px; background: var(--navy); color: rgba(255,255,255,.75); display: grid; gap: 14px; align-content: center; justify-items: start; position: relative; overflow: hidden; border-top: 4px solid var(--acc); }
.ad-box h2 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; color: #fff; letter-spacing: -0.02em; } .ad-box h2 em { font-family: 'Instrument Serif', serif; color: var(--gold); font-weight: 400; }
.ad-others { display: grid; gap: 10px; align-content: center; }
.ao { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: #fff; transition: border-color .2s, transform .25s; --acc-soft: color-mix(in srgb, var(--acc) 14%, #fff); }
.ao:hover { border-color: var(--acc); transform: translateX(4px); }
.ao b { display: block; color: var(--ink); } .ao small { font-size: 13.5px; color: var(--muted, #6B7685); } .ao > i { font-style: normal; color: var(--acc); font-weight: 800; }
@media (max-width: 1000px) { .app-grid, .aw-grid, .ad-grid { grid-template-columns: 1fr; } .af-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) {
  .aw-list, .af-grid { grid-template-columns: 1fr; }
  .ux-kanban { grid-template-columns: 1fr 1fr; } .ux-kpis { grid-template-columns: 1fr 1fr; } .ux-charts, .ux-split { grid-template-columns: 1fr; }
  .ux-side { border-right: 0; padding-right: 0; grid-template-columns: 1fr 1fr; }
  .ux-grid { grid-template-columns: 34px repeat(7, minmax(0, 1fr)) 28px; gap: 2px; } .sh { font-size: 0; padding: 9px 0; } .ux-frame .sh { font-size: 0; }
  .ux-goal { grid-template-columns: 1fr 40px; } .ux-goal .ux-bar { grid-column: 1 / -1; grid-row: 2; }
  .ux-frame .ux { padding: 14px; font-size: 13px; }
}

/* =========================================================
   MARKA KİTİ
   ========================================================= */
.bk-alt { background: var(--bg-2); }
.bk-head { max-width: 760px; margin-bottom: 32px; } .bk-head p:not(.eyebrow) { margin-top: 12px; }
.bk-logos { display: grid; grid-template-columns: 1fr 1fr 0.6fr; gap: 16px; }
.bk-logo { margin: 0; border-radius: 20px; overflow: hidden; border: 1px solid var(--line); background: #fff; display: grid; grid-template-rows: 220px auto; }
.bk-logo img { width: 100%; height: 100%; object-fit: contain; padding: 40px; }
.bk-logo.light img { background: #fff; }
.bk-logo.dark img, .bk-logo.icon img { background: #1F2B45; }
.bk-logo.icon img { padding: 50px; }
.bk-logo figcaption { padding: 18px 20px; display: grid; gap: 4px; border-top: 1px solid var(--line); }
.bk-logo b { color: var(--ink); } .bk-logo span { font-size: 14px; } .bk-logo a { font-size: 14px; font-weight: 700; color: var(--gold-ink, #A87810); margin-top: 6px; }
.bk-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.bk-col { border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--line); }
.bk-col .sw { height: 150px; display: flex; align-items: flex-end; padding: 16px; border-bottom: 1px solid var(--line); }
.bk-col .sw span { font-size: 20px; font-weight: 800; color: #1F2B45; } .bk-col .sw.dk span { color: #fff; }
.bk-col .cv { padding: 14px 16px 16px; display: grid; gap: 4px; }
.bk-col .cv small { font-size: 13px; color: var(--muted, #6B7685); margin-bottom: 6px; }
.bk-col button { display: flex; justify-content: space-between; gap: 10px; font: inherit; font-size: 12.5px; font-weight: 700; color: var(--muted, #6B7685); background: var(--bg-2); border: 0; border-radius: 8px; padding: 8px 10px; cursor: pointer; transition: background-color .2s; }
.bk-col button b { color: var(--ink); font-variant-numeric: tabular-nums; }
.bk-col button:hover { background: var(--gold-soft, #FBF1DC); }
.bk-col button.ok { background: #E0F2E6; } .bk-col button.ok b::after { content: " ✓"; color: #2B7044; }
.bk-note { font-size: 13.5px; color: var(--muted, #6B7685); margin-top: 16px; }
.bk-type { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px 40px; align-items: center; padding: clamp(24px, 4vw, 48px); border-radius: 24px; background: #fff; border: 1px solid var(--line); font-family: 'Montserrat', sans-serif; }
.bt-big { font-size: 160px; line-height: 1; font-weight: 700; color: #1F2B45; grid-row: span 2; }
.bt-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.bt-list li { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.bt-list span { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13.5px; color: var(--muted, #6B7685); } .bt-list b { font-size: 18px; color: #1F2B45; }
.bt-sample { font-size: 18px; letter-spacing: .02em; color: #1F2B45; line-height: 1.6; }
.bk-rules { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bk-rules > div { padding: 26px; border-radius: 20px; background: #fff; border: 1px solid var(--line); border-top: 4px solid #3E9B5F; }
.bk-rules .br-dont { border-top-color: #C94A4A; }
.br-t { font-weight: 800; color: var(--ink); margin-bottom: 10px; }
.bk-rules ul { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.bk-files { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.bf { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 16px; border-radius: 16px; border: 1px solid var(--line); background: #fff; }
.bf b { display: block; color: var(--ink); } .bf small { font-size: 13.5px; color: var(--muted, #6B7685); }
.bf em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--muted, #6B7685); padding: 4px 10px; border-radius: 999px; background: var(--bg-2); }
.bf:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (max-width: 1000px) { .bk-logos { grid-template-columns: 1fr 1fr; } .bk-logo.icon { grid-column: 1 / -1; } .bk-cols { grid-template-columns: 1fr 1fr; } .bk-type { grid-template-columns: 1fr; } .bt-big { grid-row: auto; font-size: 110px; } }
@media (max-width: 600px) { .bk-logos, .bk-rules, .bk-files { grid-template-columns: 1fr; } .bk-logo { grid-template-rows: 160px auto; } .bt-list li { grid-template-columns: 1fr; gap: 2px; } .bk-cols { grid-template-columns: 1fr 1fr; gap: 10px; } }
.app-card { grid-template-rows: auto 1fr auto auto; }
.bt-sample { overflow-wrap: anywhere; }
@media (max-width: 600px) { .bt-sample { font-size: 15px; } .bk-type { padding: 20px; } }

/* Mega menü resimli kartlar: koyu lacivert çerçeve */
.mega-card { background: var(--navy) !important; border: 1px solid var(--navy-3); transition: transform .35s var(--ease), box-shadow .35s; }
.mega-card:hover { transform: translateY(-3px); box-shadow: 0 24px 40px -24px rgba(14,26,43,.55); }
.mega-card .mega-card-tag { color: rgba(255,255,255,.55) !important; }
.mega-card strong { color: #fff !important; }
.mega-card .more { color: var(--gold) !important; }

/* =========================================================
   EĞİTMENLERİMİZ — afişler ve profil penceresi
   ========================================================= */
.trainers { background: var(--navy); color: rgba(255,255,255,.72); position: relative; overflow: hidden; }
.trainers::before { content: ""; position: absolute; right: -15%; top: -40%; width: 60%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(226,165,50,.12), transparent 65%); pointer-events: none; }
.tr-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 52px); position: relative; }
.tr-head .h2 { color: #fff; } .tr-head > p { font-size: 17px; }
.tr-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; position: relative; }
.poster { position: relative; display: flex; flex-direction: column; aspect-ratio: 3 / 4.3; padding: 22px; border-radius: 20px; overflow: hidden; text-align: left; font: inherit; color: #fff; cursor: pointer; border: 0;
  background: radial-gradient(ellipse at 30% 0%, #2B3F60 0%, #16253B 55%, #0B1524 100%); box-shadow: 0 30px 60px -40px rgba(0,0,0,.8);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.poster:hover, .poster:focus-visible { transform: translateY(-8px); box-shadow: 0 50px 80px -40px rgba(0,0,0,.9); outline: none; }
.ps-frame { position: absolute; inset: 10px; border: 1px solid rgba(226,165,50,.35); border-radius: 13px; pointer-events: none; transition: border-color .4s, inset .4s var(--ease); }
.poster:hover .ps-frame, .poster:focus-visible .ps-frame { border-color: var(--gold); inset: 7px; }
.ps-top { position: relative; display: flex; justify-content: space-between; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.ps-mono { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); font-family: 'Instrument Serif', serif; font-style: italic; font-size: clamp(110px, 10vw, 150px); line-height: 1; color: var(--gold); opacity: .9; transition: transform .6s var(--ease); white-space: nowrap; }
.ps-mono::after { content: ""; position: absolute; left: 50%; top: 52%; width: 150%; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(226,165,50,.18); transform: translate(-50%, -50%); }
.poster:hover .ps-mono { transform: translate(-50%, -54%) scale(1.04); }
.ps-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ps-photo + .ps-body::before { content: ""; position: absolute; inset: -120px -22px -22px; background: linear-gradient(transparent, rgba(11,21,36,.95) 55%); z-index: -1; }
.ps-body { position: relative; margin-top: auto; display: grid; gap: 8px; z-index: 1; }
.ps-role { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.ps-body strong { font-size: clamp(22px, 2vw, 28px); line-height: 1.1; letter-spacing: -0.02em; font-weight: 800; }
.ps-tags { list-style: none; padding: 0; margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 5px; }
.ps-tags li { font-size: 11.5px; font-weight: 600; padding: 4px 9px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.85); }
.ps-more { font-size: 13.5px; font-weight: 700; color: var(--gold); margin-top: 6px; }
.ps-more i { font-style: normal; display: inline-block; transition: transform .3s var(--ease); }
.poster:hover .ps-more i { transform: translateX(5px); }
.poster-soon { cursor: default; background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); box-shadow: none; }
.poster-soon:hover { transform: none; box-shadow: none; }
.poster-soon .ps-frame { border-style: dashed; border-color: rgba(255,255,255,.14); }
.poster-soon:hover .ps-frame { inset: 10px; border-color: rgba(255,255,255,.14); }
.ps-sil { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); width: 46%; }
.ps-sil svg { width: 100%; fill: rgba(255,255,255,.06); }
.poster-soon strong { color: rgba(255,255,255,.55); font-size: clamp(18px, 1.6vw, 22px); }
.poster-soon .ps-role { color: rgba(255,255,255,.4); }
.ps-soon { justify-self: start; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; border: 1px dashed rgba(255,255,255,.25); color: rgba(255,255,255,.55); }
.js .poster { opacity: 0; transform: translateY(30px); }
.js .tr-grid.in .poster, .js .poster.in { opacity: 1; transform: none; transition: opacity .7s var(--ease) calc(var(--d) * 90ms), transform .7s var(--ease) calc(var(--d) * 90ms), box-shadow .5s; }
.js .tr-grid.in .poster:not(.poster-soon):hover { transform: translateY(-8px); transition-delay: 0s; }

html.modal-open { overflow: hidden; }
.tr-dialog { width: min(1080px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: 24px; background: #fff; color: var(--text); overflow: auto; box-shadow: 0 60px 120px -40px rgba(0,0,0,.6); }
.tr-dialog::backdrop { background: rgba(11,21,36,.72); backdrop-filter: blur(6px); }
.tr-dialog[open] { animation: tdIn .45s var(--ease); }
@keyframes tdIn { from { opacity: 0; transform: translateY(24px) scale(.98); } to { opacity: 1; transform: none; } }
.td-x { position: absolute; right: 16px; top: 16px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; transition: background-color .2s, border-color .2s; }
.td-x svg { width: 14px; height: 14px; stroke: var(--ink); stroke-width: 2; }
.td-x:hover { background: var(--gold); border-color: var(--gold); }
.td-grid { display: grid; grid-template-columns: 340px minmax(0, 1fr); }
.td-side { background: radial-gradient(ellipse at 30% 0%, #2B3F60 0%, #16253B 55%, #0B1524 100%); padding: 28px; display: flex; flex-direction: column; gap: 24px; color: rgba(255,255,255,.75); }
.td-ph { aspect-ratio: 4 / 5; border-radius: 16px; border: 1px solid rgba(226,165,50,.35); display: grid; place-content: center; justify-items: center; gap: 10px; overflow: hidden; }
.td-ph img { width: 100%; height: 100%; object-fit: cover; }
.td-mono { font-family: 'Instrument Serif', serif; font-style: italic; font-size: 130px; line-height: 1; color: var(--gold); }
.td-ph small { font-size: 12.5px; color: rgba(255,255,255,.45); }
.td-q { font-family: 'Instrument Serif', serif; font-style: italic; font-size: 22px; line-height: 1.35; color: #fff; padding-left: 16px; border-left: 2px solid var(--gold); }
.td-main { padding: clamp(28px, 4vw, 48px); }
.td-main h2 { font-size: clamp(30px, 3.2vw, 42px); letter-spacing: -0.03em; line-height: 1.1; color: var(--ink); margin-top: 8px; }
.td-role { font-size: 15px; font-weight: 700; color: var(--gold-ink, #A87810); margin-top: 8px; }
.td-bio { margin-top: 20px; display: grid; gap: 12px; font-size: 16px; line-height: 1.7; }
.td-lbl { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #6B7685); margin: 26px 0 10px; }
.td-chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.td-chips li { font-size: 13.5px; font-weight: 600; padding: 7px 12px; border-radius: 999px; background: var(--bg-2); color: var(--ink); }
.td-orgs li { background: #fff; border: 1px solid var(--line); font-weight: 700; }
.td-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
@media (max-width: 1100px) { .tr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tr-head { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .td-grid { grid-template-columns: 1fr; } .td-side { flex-direction: row; align-items: center; } .td-ph { width: 120px; flex: none; } .td-mono { font-size: 64px; } .td-ph small { display: none; } .td-q { font-size: 18px; } }
@media (max-width: 600px) {
  .tr-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-inline: -16px; padding: 4px 16px 12px; scrollbar-width: none; }
  .tr-grid::-webkit-scrollbar { display: none; }
  .poster { flex: 0 0 76%; scroll-snap-align: start; }
  .td-side { flex-direction: column; align-items: stretch; } .td-ph { width: 100%; aspect-ratio: 16 / 9; } .td-x { right: 10px; top: 10px; }
  .tr-dialog { max-height: calc(100vh - 24px); width: calc(100vw - 16px); }
}
.ps-mono { top: 36%; font-size: clamp(96px, 8.4vw, 128px); }
.ck-logo { display: block; width: auto; height: 36px; max-width: 100%; }
.ac-top { flex-direction: column; align-items: flex-start; gap: 8px; }
.ac-top small { font-size: 14px; color: var(--muted, #6B7685); }
.ck-logo-lg { height: clamp(40px, 4vw, 56px); margin-bottom: 22px; }
.ao { grid-template-columns: minmax(0, 1fr) auto; }
.ao-l { display: grid; gap: 4px; } .ao .ck-logo { height: 26px; }
/* Uygulama kartlarında "İnceleyin" butonu */
.app-card .more { justify-self: start; display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; border-radius: 12px; background: var(--navy); color: #fff !important; font-size: 15px; font-weight: 700; transition: background-color .25s, transform .25s var(--ease), box-shadow .25s; }
.app-card .more i { font-style: normal; transition: transform .3s var(--ease); }
.app-card:hover .more { background: var(--acc); box-shadow: 0 12px 24px -12px var(--acc); }
.app-card:hover .more i { transform: translateX(4px); }
.app-card:focus-visible .more { outline: 2px solid var(--gold); outline-offset: 3px; }

/* ===================== BLOG v2: çoklu yazı ===================== */
.art-fig img { display: block; width: 100%; aspect-ratio: 21 / 9; object-fit: cover; border-radius: 24px; background: var(--navy-2); }
.fp-art { position: relative; min-height: 360px; }
.fp-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-list .bl-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.bl-count { font-size: 14px; font-weight: 700; color: var(--text); }
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 24px; }
.post-card { display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s; }
.post-card[hidden] { display: none; }
.post-card:hover { transform: translateY(-4px); box-shadow: 0 30px 50px -36px rgba(14,26,43,.45); }
.pc-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--navy-2); }
.pc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.post-card:hover .pc-img img { transform: scale(1.04); }
.pc-txt { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 24px; }
.pc-txt .art-cat { margin-top: 0; font-size: 12px; }
.pc-txt h3 { font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); margin-top: 10px; }
.pc-dek { font-size: 15px; line-height: 1.55; color: var(--text); margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pc-meta { margin-top: auto; padding-top: 18px; font-size: 13.5px; font-weight: 700; color: var(--text); }
.more-posts { background: var(--bg-2); }
.mp-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.mp-head .h3 { color: var(--ink); }
.more-posts + .art-next { padding-top: var(--sec, 96px); }
.figs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.figs div { padding: 18px; border-radius: 14px; background: var(--bg-2); display: grid; gap: 6px; align-content: start; }
.figs b { font-size: clamp(22px, 2vw, 28px); line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
.figs span { font-size: 14.5px; line-height: 1.45; }
.fig-note { font-size: 14px; color: var(--text); margin-top: .6em !important; }
.tbl-wrap { overflow-x: auto; border-radius: 14px; border: 1px solid var(--line); }
.tbl { width: 100%; border-collapse: collapse; font-size: 16px; }
.tbl th, .tbl td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--line); }
.tbl th { background: var(--navy); color: #fff; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.tbl tr:last-child td { border-bottom: 0; }
.tbl td:last-child, .tbl th:last-child { text-align: right; font-weight: 700; color: var(--ink); }
.formula { padding: 18px 22px; border-radius: 14px; background: var(--gold-soft); display: grid; gap: 4px; }
.formula span { font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #8A6410; }
.formula b { font-size: 17px; color: var(--ink); }
.steps-l { list-style: none; padding: 0; counter-reset: st; display: grid; gap: 10px; }
.steps-l li { counter-increment: st; position: relative; padding: 16px 18px 16px 58px; border-radius: 14px; border: 1px solid var(--line); background: #fff; font-size: 17px; line-height: 1.6; }
.steps-l li::before { content: counter(st); position: absolute; left: 16px; top: 16px; width: 28px; height: 28px; border-radius: 50%; background: var(--gold); color: var(--navy); font-size: 13px; font-weight: 800; display: grid; place-items: center; }
.steps-l b { color: var(--ink); }
.co-dot li::before { content: ""; width: 10px; height: 10px; top: 9px; left: 5px; }
.srcs { margin-top: 2.4em !important; padding: 22px 24px; border-radius: 18px; border: 1px solid var(--line); background: var(--bg-2); }
.srcs .co-t { color: #8A6410; }
.srcs ol { margin: 12px 0 0; padding-left: 20px; display: grid; gap: 8px; font-size: 15px; line-height: 1.5; }
.srcs a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(14,26,43,.25); text-underline-offset: 3px; overflow-wrap: anywhere; }
.srcs a:hover { text-decoration-color: var(--gold); }
.legal-note { font-size: 14px; line-height: 1.55; color: var(--text); padding-left: 14px; border-left: 3px solid var(--line); }
@media (max-width: 1080px) { .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .fp-art { min-height: 0; aspect-ratio: 16 / 9; } }
@media (max-width: 640px) { .post-grid { grid-template-columns: 1fr; } .art-fig img { aspect-ratio: 16 / 10; border-radius: 18px; } .figs { grid-template-columns: 1fr 1fr; } .steps-l li { padding-left: 52px; font-size: 16px; } .mp-head { flex-direction: column; align-items: flex-start; gap: 6px; } }
.tbl th:last-child { color: #fff; }
@media (max-width: 640px) { .figs b { font-size: 19px; white-space: nowrap; } .figs div { padding: 16px 14px; } }
.pager { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 48px; }
.pager[hidden] { display: none; }
.pg-nums { display: flex; align-items: center; gap: 6px; }
.pg-num, .pg-arrow { height: 46px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--ink); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.pg-num { width: 46px; display: grid; place-items: center; }
.pg-arrow { display: inline-flex; align-items: center; gap: 8px; padding: 0 20px; }
.pg-arrow svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pg-num:hover, .pg-arrow:not(:disabled):hover { border-color: var(--gold); }
.pg-num.on { background: var(--navy); border-color: var(--navy); color: #fff; cursor: default; }
.pg-arrow:disabled { opacity: .4; cursor: default; }
.pg-num:focus-visible, .pg-arrow:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.pg-gap { width: 24px; text-align: center; color: var(--text); }
@media (max-width: 640px) { .pager { gap: 8px; margin-top: 36px; } .pg-arrow { padding: 0; width: 46px; justify-content: center; } .pg-arrow span { display: none; } .pg-num, .pg-arrow { height: 42px; } .pg-num { width: 42px; } .pg-arrow { width: 42px; } }
.mega .mapp { gap: 6px; padding: 10px 12px; margin-left: -12px; border-radius: 12px; transition: background .2s; }
.mega .mapp:hover { background: var(--bg-2); }
.mega .mapp img { display: block; height: 22px; width: auto; }

/* ===================== AKADEMİ v2 (katalog tabanlı) ===================== */
.ac-head { max-width: 760px; margin-bottom: 40px; }
.ac-head.row { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.ac-head .h2 { color: var(--ink); }
.ac-alt { background: var(--bg-2); }
.ac-sec + .ac-sec:not(.ac-alt):not(.ac-intro) { padding-top: clamp(56px, 6vw, 88px); }

/* Program kartları */
.pcard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pcard { position: relative; display: flex; flex-direction: column; padding: 26px 26px 24px; border-radius: 22px; background: #fff; border: 1px solid var(--line); overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s, border-color .35s; }
.pcard::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--acc); }
.pcard:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--acc) 35%, var(--line)); box-shadow: 0 34px 60px -40px rgba(14,26,43,.5); }
.pcard-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pcard-ic { width: 50px; height: 50px; border-radius: 14px; background: var(--acc-soft); display: grid; place-items: center; }
.pcard-ic svg { width: 24px; height: 24px; fill: none; stroke: var(--acc); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pcard-dur { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--text); padding: 6px 10px; border-radius: 999px; background: var(--bg-2); }
.pcard-dur svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.pcard-cat { margin-top: 20px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--acc); }
.pcard strong { margin-top: 20px; font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); }
.pcard-cat + strong { margin-top: 8px; }
.pcard-txt { margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--text); }
.pcard-more { margin-top: auto; padding-top: 22px; font-size: 14.5px; font-weight: 700; color: var(--ink); display: inline-flex; gap: 6px; }
.pcard-more i { font-style: normal; color: var(--acc); transition: transform .3s var(--ease); }
.pcard:hover .pcard-more i { transform: translateX(4px); }

/* Akademi ana sayfa — kategoriler */
.cat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cat-tile { position: relative; display: flex; flex-direction: column; min-height: 250px; padding: 28px; border-radius: 22px; background: var(--navy); color: rgba(255,255,255,.72); overflow: hidden; isolation: isolate; transition: transform .35s var(--ease); }
.cat-tile::after { content: ""; position: absolute; width: 260px; height: 260px; right: -90px; top: -110px; border-radius: 50%; background: var(--acc); opacity: .28; filter: blur(10px); z-index: -1; transition: opacity .35s, transform .5s var(--ease); }
.cat-tile:hover { transform: translateY(-4px); }
.cat-tile:hover::after { opacity: .45; transform: scale(1.12); }
.ct-no { font-family: 'Instrument Serif', serif; font-style: italic; font-size: 54px; line-height: 1; color: var(--gold); }
.ct-ic { position: absolute; right: 26px; top: 28px; width: 46px; height: 46px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: grid; place-items: center; }
.ct-ic svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cat-tile strong { margin-top: 22px; font-size: 21px; line-height: 1.25; color: #fff; }
.ct-d { margin-top: 8px; font-size: 14.5px; line-height: 1.55; }
.ct-n { margin-top: auto; padding-top: 20px; font-size: 13.5px; font-weight: 700; color: var(--gold); }
.ct-n i { font-style: normal; }

/* Akademi ana sayfa — kategori grupları */
.ac-list { padding-top: 0; }
.ac-group + .ac-group { margin-top: clamp(56px, 6vw, 84px); }
.ac-group { scroll-margin-top: calc(var(--hdr, 84px) + 70px); }
.acg-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding-bottom: 22px; margin-bottom: 26px; border-bottom: 1px solid var(--line); }
.acgh-no { width: 58px; height: 58px; border-radius: 16px; background: var(--acc); color: #fff; display: grid; place-items: center; font-size: 19px; font-weight: 800; }
.acg-head h2 { font-size: clamp(24px, 2.2vw, 30px); letter-spacing: -0.02em; color: var(--ink); }
.acg-head p { margin-top: 4px; font-size: 15.5px; color: var(--text); }
.acgh-n { font-size: 13.5px; font-weight: 700; color: var(--acc); padding: 8px 14px; border-radius: 999px; background: var(--acc-soft); white-space: nowrap; }

/* Adımlar */
.ac-steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: none; }
.ac-steps li { position: relative; padding: 26px; border-radius: 20px; background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.ac-steps li:not(:last-child)::after { content: ""; position: absolute; top: 50px; right: -13px; width: 10px; height: 10px; border-top: 2px solid var(--gold); border-right: 2px solid var(--gold); transform: rotate(45deg); }
.acs-no { position: absolute; right: 22px; top: 22px; font-size: 13px; font-weight: 800; color: #B9831F; }
.acs-ic { width: 48px; height: 48px; border-radius: 14px; background: var(--navy); display: grid; place-items: center; margin-bottom: 8px; }
.acs-ic svg { width: 22px; height: 22px; fill: none; stroke: var(--gold); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ac-steps b { font-size: 17px; color: var(--ink); }
.ac-steps span:last-child { font-size: 14.5px; line-height: 1.55; color: var(--text); }

/* Katalog bandı */
.ac-kat { padding-top: 0; }
.ac-alt + .ac-kat { padding-top: clamp(72px, 9vw, 128px); }
.kat-band { display: grid; grid-template-columns: 300px 1fr; gap: 56px; align-items: center; padding: 44px 56px; border-radius: 28px; background: var(--navy); color: rgba(255,255,255,.75); overflow: hidden; }
.kat-band img { width: 100%; border-radius: 10px; transform: rotate(-4deg) translateY(16px); box-shadow: 0 40px 60px -30px rgba(0,0,0,.7); transition: transform .5s var(--ease); }
.kat-band:hover img { transform: rotate(-1deg) translateY(8px); }
.kat-band h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color: #fff; }
.kat-band p:not(.eyebrow) { margin: 14px 0 26px; max-width: 52ch; font-size: 16.5px; }

/* Program sayfası — hero */
.ac-hero { position: relative; background: var(--navy); color: rgba(255,255,255,.8); padding-top: calc(var(--hdr, 84px) + 56px); padding-bottom: clamp(56px, 6vw, 84px); overflow: hidden; isolation: isolate; }
.ac-hero::before { content: ""; position: absolute; width: 640px; height: 640px; left: -220px; bottom: -380px; border-radius: 50%; background: var(--acc); opacity: .22; filter: blur(30px); z-index: -1; }
.ac-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -160px; top: -200px; border-radius: 50%; background: var(--gold); opacity: .08; z-index: -1; }
.ac-hero-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.ac-cat { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.ac-cat span { padding: 5px 10px; border-radius: 8px; background: var(--acc); }
.ac-title { margin-top: 20px; font-size: clamp(2.2rem, 1.3rem + 3vw, 3.8rem); line-height: 1.06; letter-spacing: -0.035em; font-weight: 800; color: #fff; }
.ac-lead { margin-top: 20px; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.6; max-width: 56ch; }
.ac-meta { list-style: none; padding: 0; margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.ac-meta li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 14px; font-weight: 600; color: #fff; }
.ac-meta svg { width: 16px; height: 16px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ac-page { position: relative; justify-self: end; width: min(100%, 380px); padding: 12px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); transform: rotate(2.5deg); transition: transform .5s var(--ease); box-shadow: 0 50px 80px -40px rgba(0,0,0,.75); }
.ac-page:hover { transform: rotate(0) translateY(-6px); }
.ac-page img { display: block; width: 100%; border-radius: 10px; }
.ac-page span { position: absolute; left: 24px; bottom: 24px; padding: 7px 12px; border-radius: 999px; background: var(--navy); color: var(--gold); font-size: 12.5px; font-weight: 700; }

/* Program sayfası — tanıtım */
.ac-intro-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr); gap: clamp(36px, 5vw, 80px); align-items: start; }
.ac-intro-txt p:not(.eyebrow) { font-size: 18px; line-height: 1.75; color: #2A3445; }
.ac-intro-txt p:not(.eyebrow) + p { margin-top: 1em; }
.ac-intro-txt p:not(.eyebrow):first-of-type { font-size: 21px; line-height: 1.6; color: var(--ink); font-weight: 500; }
.ac-quote { margin-top: 28px; padding-left: 22px; border-left: 4px solid var(--gold); font-family: 'Instrument Serif', serif; font-style: italic; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.25; color: var(--ink); }
.ac-info { position: sticky; top: calc(var(--hdr, 84px) + 24px); padding: 28px; border-radius: 22px; background: var(--bg-2); border: 1px solid var(--line); }
.aci-t { font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #B9831F; }
.ac-info dl { margin: 16px 0 24px; display: grid; }
.ac-info dl div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.ac-info dt { font-size: 14.5px; color: var(--text); }
.ac-info dd { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--ink); text-align: right; }
.ac-info .btn { width: 100%; justify-content: center; }

/* Odak alanları */
.ac-focus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ac-f { position: relative; padding: 30px 30px 30px 96px; border-radius: 20px; border: 1px solid var(--line); background: #fff; }
.acf-no { position: absolute; left: 28px; top: 28px; width: 46px; height: 46px; border-radius: 14px; background: var(--acc-soft, var(--gold-soft)); color: var(--acc, #8A6410); display: grid; place-items: center; font-size: 15px; font-weight: 800; }
.ac-f h3 { font-size: 19px; line-height: 1.3; color: var(--ink); }
.ac-f p { margin-top: 8px; font-size: 15.5px; line-height: 1.6; color: var(--text); }
.ac-focus .ac-f:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Kazanımlar */
.ac-gains { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.acg { padding: 34px; border-radius: 22px; background: #fff; border: 1px solid var(--line); }
.acg.dark { background: var(--navy); border-color: var(--navy); }
.acg-ic { width: 52px; height: 52px; border-radius: 15px; background: var(--gold-soft); display: grid; place-items: center; }
.acg.dark .acg-ic { background: rgba(255,255,255,.08); }
.acg-ic svg { width: 24px; height: 24px; fill: none; stroke: #B9831F; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.acg.dark .acg-ic svg { stroke: var(--gold); }
.acg small { display: block; margin-top: 22px; font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #B9831F; }
.acg.dark small { color: var(--gold); }
.acg p { margin-top: 10px; font-size: 19px; line-height: 1.55; color: var(--ink); font-weight: 500; }
.acg.dark p { color: #fff; }

/* Yapı taşları (liderlik programı) */
.ac-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ac-pillar { padding: 30px; border-radius: 22px; background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--acc); }
.acp-no { width: 40px; height: 40px; border-radius: 50%; background: var(--navy); color: var(--gold); display: grid; place-items: center; font-weight: 800; }
.ac-pillar h3 { margin-top: 18px; font-size: 22px; color: var(--ink); }
.ac-pillar h3 small { display: block; margin-top: 2px; font-size: 14px; font-weight: 600; color: var(--acc); }
.ac-pillar ul { list-style: none; padding: 0; margin-top: 18px; display: grid; gap: 14px; }
.ac-pillar li { display: grid; gap: 3px; padding-top: 14px; border-top: 1px solid var(--line); }
.ac-pillar li b { font-size: 15.5px; color: var(--ink); }
.ac-pillar li span { font-size: 14.5px; line-height: 1.55; color: var(--text); }
.ac-method { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ac-method > div { padding: 28px; border-radius: 20px; background: #fff; border: 1px solid var(--line); display: grid; gap: 8px; align-content: start; }
.acm-ic { width: 48px; height: 48px; border-radius: 14px; background: var(--navy); display: grid; place-items: center; margin-bottom: 8px; }
.acm-ic svg { width: 22px; height: 22px; fill: none; stroke: var(--gold); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ac-method b { font-size: 17px; color: var(--ink); }
.ac-method span:last-child { font-size: 15px; line-height: 1.6; color: var(--text); }

/* Modüller */
.ac-modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ac-modules.m7 .ac-mod:last-child { grid-column: span 3; }
.ac-modules.m5 .ac-mod:nth-child(n+4) { grid-column: span 1; }
.ac-modules.m5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ac-modules.m5 .ac-mod { grid-column: span 2; }
.ac-modules.m5 .ac-mod:nth-child(4) { grid-column: 2 / span 2; }
.ac-modules.m5 .ac-mod:nth-child(5) { grid-column: 4 / span 2; }
.ac-mod { padding: 28px; border-radius: 20px; background: #fff; border: 1px solid var(--line); }
.acmod-no { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--acc); }
.ac-mod h3 { margin-top: 8px; font-size: 19px; line-height: 1.3; color: var(--ink); }
.ac-mod ul { list-style: none; padding: 0; margin-top: 16px; display: grid; gap: 8px; }
.ac-mod li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.5; color: var(--text); }
.ac-mod li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 8px; height: 8px; border-radius: 50%; border: 2px solid var(--acc); }
.ac-modules.m7 .ac-mod:last-child ul { grid-template-columns: repeat(3, auto); justify-content: start; column-gap: 40px; }

@media (max-width: 1080px) {
  .pcard-grid, .cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ac-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ac-steps li:nth-child(2)::after { display: none; }
  .ac-pillars, .ac-method { grid-template-columns: 1fr; }
  .ac-modules, .ac-modules.m5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ac-modules .ac-mod, .ac-modules.m5 .ac-mod, .ac-modules.m5 .ac-mod:nth-child(4), .ac-modules.m5 .ac-mod:nth-child(5) { grid-column: auto; }
  .ac-modules .ac-mod:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .ac-modules.m7 .ac-mod:last-child ul { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .ac-hero-in, .ac-intro-grid { grid-template-columns: 1fr; }
  .ac-page { justify-self: start; width: min(100%, 300px); }
  .ac-info { position: static; }
  .kat-band { grid-template-columns: 1fr; padding: 32px; gap: 32px; }
  .kat-band img { width: 200px; }
}
@media (max-width: 640px) {
  .pcard-grid, .cat-grid, .ac-focus, .ac-gains, .ac-steps, .ac-modules, .ac-modules.m5 { grid-template-columns: 1fr; }
  .ac-steps li::after { display: none; }
  .ac-f { padding: 84px 24px 26px; }
  .acf-no { left: 24px; top: 24px; }
  .acg-head { grid-template-columns: auto 1fr; }
  .acgh-n { grid-column: 1 / -1; justify-self: start; }
  .acg { padding: 26px; }
  .acg p { font-size: 17px; }
  .cat-tile { min-height: 0; }
}
.mega-ac { grid-template-columns: minmax(0, 2.5fr) minmax(0, 1fr); }
.mega-cols.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mega-cols .mega-title a { padding: 0; color: inherit; font-size: inherit; font-weight: inherit; display: inline; }
.mega-cols .mega-title a:hover { transform: none; color: var(--ink); }
.mega-cols a.mega-all { margin-top: 14px; font-weight: 700; color: var(--ink); }
.builder .tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
.builder .tabs button { text-align: center; }
@media (max-width: 640px) { .builder .tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hp-field { position: absolute !important; left: -10000px; width: 1px; height: 1px; opacity: 0; }

/* İletişim — Google Haritalar */
#teklif.contact-grid, #teklif .contact-grid { align-items: stretch; }
#teklif .contact-left { display: flex; flex-direction: column; }
.map-embed { flex: 1; min-height: 340px; margin-top: 18px; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: var(--bg-2); }
.map-embed iframe { display: block; width: 100%; height: 100%; min-height: 340px; border: 0; filter: saturate(.85); }
@media (max-width: 900px) { .map-embed, .map-embed iframe { min-height: 300px; } }
/* ===================== ÇEREZ ONAYI ===================== */
.cc-banner { position: fixed; left: 24px; bottom: 24px; z-index: 300; width: min(620px, calc(100vw - 48px)); padding: 24px 26px; border-radius: 20px; background: var(--navy); color: rgba(255,255,255,.78); box-shadow: 0 40px 80px -30px rgba(0,0,0,.55); border: 1px solid rgba(255,255,255,.08); }
.cc-banner[hidden] { display: none; }
.cc-banner b { display: block; font-size: 17px; color: #fff; }
.cc-banner p { margin-top: 8px; font-size: 14.5px; line-height: 1.6; }
.cc-banner a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
.cc-btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.cc-btns .btn { justify-content: center; padding-inline: 12px; }
.cc-banner .btn-line { color: #fff; border-color: rgba(255,255,255,.35); background: transparent; }
.cc-banner .btn-line:hover { border-color: #fff; background: rgba(255,255,255,.08); }
/* Reddet ve Kabul et eşit ağırlıkta (KVKK Çerez Rehberi) */
.cc-banner .cc-no { background: #fff; color: var(--navy); border-color: #fff; }
.cc-banner .cc-no:hover { background: #E9EDF3; }
.cc-dialog .cc-no { background: var(--navy); color: #fff; border-color: var(--navy); }
.cc-dialog { width: min(600px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 22px; box-shadow: 0 50px 100px -30px rgba(0,0,0,.5); }
.cc-dialog::backdrop { background: rgba(14,26,43,.55); backdrop-filter: blur(3px); }
.cc-form { padding: 30px; }
.cc-form h2 { font-size: 24px; color: var(--ink); }
.cc-form > p { margin-top: 8px; font-size: 15px; line-height: 1.6; color: var(--text); }
.cc-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.cc-row b { display: block; font-size: 16px; color: var(--ink); }
.cc-row span { display: block; margin-top: 3px; font-size: 14px; line-height: 1.5; color: var(--text); }
.cc-sw { position: relative; flex: none; width: 46px; height: 26px; cursor: pointer; }
.cc-sw input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.cc-sw i { position: absolute; inset: 0; border-radius: 999px; background: #CBD3DE; transition: background .2s; }
.cc-sw i::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .2s; }
.cc-sw input:checked + i { background: var(--navy); }
.cc-sw input:checked + i::after { transform: translateX(20px); }
.cc-sw input:disabled + i { opacity: .55; cursor: not-allowed; }
.cc-sw input:focus-visible + i { outline: 2px solid var(--gold); outline-offset: 2px; }
.cc-form .cc-btns { margin-top: 22px; }
.map-embed { position: relative; }
.cc-ph { position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; text-align: center; background: var(--bg-2) url("img/panorama.webp") center / cover; }
.cc-ph::before { content: ""; position: absolute; inset: 0; background: rgba(244,246,249,.92); }
.cc-ph > div { position: relative; max-width: 340px; display: grid; gap: 10px; justify-items: center; }
.cc-ph b { font-size: 17px; color: var(--ink); }
.cc-ph p { font-size: 14.5px; line-height: 1.55; color: var(--text); }
.cc-ph a { font-size: 13.5px; font-weight: 600; color: var(--text); text-decoration: underline; }
html.cc-on .dj-launch, html.cc-on .dj-hello { bottom: 24px; }
@media (max-width: 640px) {
  .cc-banner { left: 12px; right: 12px; bottom: 12px; width: auto; padding: 20px; }
  .cc-btns { grid-template-columns: 1fr 1fr; }
  .cc-btns .cc-no { grid-column: 1; grid-row: 1; }
  .cc-btns .cc-yes { grid-column: 2; grid-row: 1; }
  .cc-btns .cc-pref, .cc-btns .cc-save { grid-column: 1 / -1; grid-row: 2; }
  .cc-form { padding: 22px; }
}
/* Yuvarlak portre (Selma Çalışkan) */
.f-ph.has-photo { place-content: center; padding: 9%; }
.f-ph.has-photo img { width: 100%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(226,165,50,.55), 0 0 0 12px rgba(226,165,50,.08), 0 40px 70px -30px rgba(0,0,0,.7); position: relative; z-index: 1; }
.ps-round { position: absolute; left: 50%; top: 34%; width: 64%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 0 0 2px rgba(226,165,50,.6), 0 0 0 10px rgba(226,165,50,.08); overflow: hidden; transition: transform .6s var(--ease); }
.ps-round img { width: 100%; height: 100%; object-fit: cover; }
.poster:hover .ps-round { transform: translate(-50%, -53%) scale(1.03); }
.td-ph .td-round { width: 86%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(226,165,50,.55); }
.ps-round + .ps-body::before { content: ""; position: absolute; inset: -70px -22px -22px; background: linear-gradient(transparent, rgba(11,21,36,.92) 45%); z-index: -1; }
.ps-round + .ps-body { position: relative; z-index: 1; }
/* Eğitmen imzası (alıntının altında, el yazısı) — Great Vibes, OFL; yalnız Türkçe harflerle alt küme */
@font-face { font-family: 'PH Imza'; src: url(data:font/woff2;base64,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) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131; }
@font-face { font-family: 'PH Imza'; src: url(data:font/woff2;base64,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) format('woff2'); font-display: swap; unicode-range: U+0100-0130, U+0132-024F; }
.td-sign { margin: -12px 0 0 16px; font-family: 'PH Imza', cursive; font-size: 28px; line-height: 1.2; color: var(--gold); white-space: nowrap; }
@media (max-width: 860px) { .td-side { flex-wrap: wrap; } .td-sign { flex-basis: 100%; margin: -16px 0 0 160px; font-size: 24px; } }
@media (max-width: 600px) { .td-side { flex-wrap: nowrap; } .td-sign { flex-basis: auto; margin: -14px 0 0 16px; } .td-ph .td-round { width: min(86%, 46vw); } }

/* Altbilgi sosyal medya ikonları */
.foot-social { display: flex; gap: 10px; margin-top: 22px; }
.foot-social a { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.8); transition: color .25s, border-color .25s, background-color .25s, transform .25s; }
.foot-social a:hover, .foot-social a:focus-visible { color: var(--navy, #0B1524); background: var(--gold); border-color: var(--gold); transform: translateY(-2px); }
.foot-social svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.foot-social svg .fill { fill: currentColor; stroke: none; }

/* Referans şeridinde bağlantılı logo (KolektifX) */
.logo-link { display: block; flex: none; }
.logo-track .logo-link img { filter: none; } /* KolektifX: beyaz yazı, kırmızı nokta (marka rengi) */
.logo-link:focus-visible { outline: 2px solid var(--gold); outline-offset: -6px; border-radius: 8px; }