/* ============================================================
   Online Koçunuz — Yükselenler (yukselenler) sayfa-özel stiller
   Kaynak: design_system/standalone/yukselenler.html <style> + inline
   Tüm kurallar .okt-yukselenler altına scope'landı (çakışma önleme).
   Token'lar globalde tanımlı (style.css): var(--primary-500) vb.
   @keyframes GLOBAL bırakıldı.
   ============================================================ */

/* ---- Global animasyon ---- */
@keyframes fade-in-up { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

/* ---- Tipografi yardımcıları (sayfa içi) ---- */
.okt-yukselenler { color: var(--fg); }
.okt-yukselenler .num { font-variant-numeric: tabular-nums; font-feature-settings:"tnum"; }
.okt-yukselenler .display-sm { font-size:2.25rem; line-height:1.1; letter-spacing:-0.02em; font-weight:700; }
.okt-yukselenler .display-md { font-size:3rem; line-height:1.1; letter-spacing:-0.02em; font-weight:800; }
.okt-yukselenler .lead { font-size:1.0625rem; line-height:1.6; color:var(--fg-muted); }
.okt-yukselenler .eyebrow { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.10em; color:var(--primary-700); }
.okt-yukselenler .container { max-width:1240px; margin:0 auto; padding:0 32px; }
.okt-yukselenler .container-narrow { max-width:880px; margin:0 auto; padding:0 32px; }

/* ---- Butonlar ---- */
.okt-yukselenler .btn { display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:10px;
  font-family:var(--font-sans); font-size:14px; font-weight:600; border:1px solid transparent; cursor:pointer; line-height:1;
  transition: background 120ms var(--ease-out), transform 120ms var(--ease-out); text-decoration:none; }
.okt-yukselenler .btn:hover { transform:translateY(-1px); }
.okt-yukselenler .btn-primary { background:var(--primary-500); color:#fff; }
.okt-yukselenler .btn-primary:hover { background:var(--primary-600); }
.okt-yukselenler .btn-secondary { background:#fff; color:var(--ink-700); border-color:var(--ink-100); }
.okt-yukselenler .btn-secondary:hover { background:var(--ink-10); }
.okt-yukselenler .btn-accent { background:var(--accent-500); color:var(--ink-900); }
.okt-yukselenler .btn-accent:hover { background:var(--accent-300); }
.okt-yukselenler .btn-lg { height:48px; padding:0 22px; font-size:15px; border-radius:12px; }

/* ============================================================
   BREADCRUMB
   ============================================================ */
.okt-yukselenler .yk-crumbs { border-bottom:1px solid var(--border); background:#fff; }
.okt-yukselenler .yk-crumbs-inner { padding:12px 32px; display:flex; align-items:center; gap:8px; font-size:12px; color:var(--fg-muted); }
.okt-yukselenler .yk-crumbs a { color:var(--fg-muted); font-weight:500; }
.okt-yukselenler .yk-crumbs a:hover { color:var(--ink-700); }
.okt-yukselenler .yk-crumbs .sep { color:var(--ink-200); }
.okt-yukselenler .yk-crumbs .cur { color:var(--ink-900); font-weight:700; }

/* ============================================================
   HERO
   ============================================================ */
.okt-yukselenler .yk-hero {
  padding:80px 24px 56px;
  background: radial-gradient(120% 80% at 50% 0%, rgba(59,91,255,.12), transparent 60%),
              linear-gradient(180deg, #F6F8FF 0%, #fff 100%);
  border-bottom:1px solid var(--border);
  position:relative; overflow:hidden;
}
.okt-yukselenler .yk-hero .deco { position:absolute; border-radius:50%; pointer-events:none; }
.okt-yukselenler .yk-hero .deco-1 { top:-200px; right:-200px; width:600px; height:600px; border:1px dashed rgba(59,91,255,.12); }
.okt-yukselenler .yk-hero .deco-2 { bottom:-300px; left:-200px; width:700px; height:700px; border:1px dashed rgba(198,242,90,.16); }
.okt-yukselenler .yk-hero-inner { position:relative; text-align:center; }
.okt-yukselenler .yk-hero-eyebrow {
  margin-bottom:14px; display:inline-flex; align-items:center; gap:8px; padding:6px 14px;
  background:#EEF1FF; border-radius:999px;
  font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.10em; color:var(--primary-700);
}
.okt-yukselenler .yk-h1 { color:var(--ink-900); max-width:880px; margin:0 auto 18px; }
.okt-yukselenler .yk-h1 .grad { background:linear-gradient(90deg, #3B5BFF 0%, #7C4DFF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.okt-yukselenler .yk-hero-lead { max-width:740px; margin:0 auto 36px; }
.okt-yukselenler .yk-hero-lead strong { color:var(--ink-900); }

.okt-yukselenler .yk-statstrip { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:920px; margin:0 auto 36px; }
.okt-yukselenler .yk-stat {
  background:#fff; border:1px solid var(--border); border-radius:14px;
  padding:18px 14px; text-align:center; box-shadow:0 4px 14px -8px rgba(11,15,26,.08);
}
.okt-yukselenler .yk-stat .row { display:inline-flex; align-items:baseline; gap:2px; }
.okt-yukselenler .yk-stat .pre { font-size:20px; font-weight:800; letter-spacing:-0.02em; }
.okt-yukselenler .yk-stat .big { font-size:34px; font-weight:800; letter-spacing:-0.025em; line-height:1; }
.okt-yukselenler .yk-stat .l { font-size:11px; color:var(--fg-muted); margin-top:8px; font-weight:600; line-height:1.4; }

.okt-yukselenler .yk-hero-cta { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:24px; }
.okt-yukselenler .yk-trustpill {
  display:inline-flex; align-items:center; gap:8px; padding:8px 16px;
  background:#F0F7F2; border:1px solid #BFE3CD; border-radius:999px;
  font-size:13px; color:#156E3C; font-weight:600;
}

/* ============================================================
   FILTER BAR
   ============================================================ */
.okt-yukselenler .yk-filter {
  position:sticky; top:62px; z-index:30;
  background:rgba(248,250,255,.96); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  padding:14px 0;
}
.okt-yukselenler .yk-filter-inner { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.okt-yukselenler .yk-filter-grp { display:flex; align-items:center; gap:10px; }
.okt-yukselenler .yk-filter-lbl { font-size:10px; font-weight:700; color:var(--fg-muted); text-transform:uppercase; letter-spacing:.10em; }
.okt-yukselenler .yk-seg { display:flex; gap:3px; padding:3px; background:#fff; border:1px solid var(--border); border-radius:9px; }
.okt-yukselenler .yk-seg button {
  padding:7px 14px; border:0; background:transparent; color:var(--fg-muted);
  font-size:13px; font-weight:600; border-radius:7px; cursor:pointer;
  font-family:var(--font-sans); display:inline-flex; align-items:center; gap:6px;
}
.okt-yukselenler .yk-seg button.is-active { background:var(--ink-10); color:var(--ink-900); font-weight:700; }
.okt-yukselenler .yk-chipset { display:flex; gap:2px; flex-wrap:wrap; }
.okt-yukselenler .yk-chip {
  padding:7px 14px; border:1px solid transparent; background:transparent; color:var(--fg-muted);
  font-size:13px; font-weight:500; border-radius:7px; cursor:pointer; font-family:var(--font-sans);
}
.okt-yukselenler .yk-chip.is-active { background:var(--ink-10); color:var(--ink-900); font-weight:700; border:1px solid var(--border); }
.okt-yukselenler .yk-filter-meta { margin-left:auto; font-size:12px; color:var(--fg-muted); }
.okt-yukselenler .yk-filter-meta strong { color:var(--ink-900); font-weight:700; }

/* ============================================================
   GRID SECTION
   ============================================================ */
.okt-yukselenler .yk-list { padding:60px 0 80px; background:#F0F2F8; }
.okt-yukselenler .yk-list-inner { max-width:1180px; margin:0 auto; }

/* ---- FEATURED ROW CARD ---- */
.okt-yukselenler .yk-feat {
  position:relative; background:#fff; border:1px solid var(--border); border-radius:20px;
  padding:24px 32px; box-shadow:0 1px 2px rgba(11,15,26,.04), 0 12px 32px -12px rgba(11,15,26,.10);
}
.okt-yukselenler .yk-feat-top { display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; }
.okt-yukselenler .yk-feat-id { display:flex; align-items:center; gap:16px; min-width:0; }
.okt-yukselenler .yk-feat-id-meta { min-width:0; }
.okt-yukselenler .yk-alan-badge {
  display:inline-block; padding:3px 9px; background:#F0F1F6; border:1px solid #E6E8EF;
  color:#6B7488; font-size:10px; font-weight:700; border-radius:5px; letter-spacing:.06em;
  text-transform:uppercase; margin-bottom:7px;
}
.okt-yukselenler .yk-feat-name { font-size:26px; font-weight:800; color:var(--ink-900); letter-spacing:-0.02em; margin:0; line-height:1.1; white-space:nowrap; }

.okt-yukselenler .yk-ba { display:flex; align-items:flex-end; justify-content:center; gap:28px; }
.okt-yukselenler .yk-ba-col { text-align:center; }
.okt-yukselenler .yk-ba-lbl { font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px; }
.okt-yukselenler .yk-ba-lbl.once { color:var(--ink-400); }
.okt-yukselenler .yk-ba-lbl.sonra { color:var(--primary-700); }
.okt-yukselenler .yk-ba-num { line-height:1; }
.okt-yukselenler .yk-ba-num.once { color:var(--ink-400); }
.okt-yukselenler .yk-ba-num.sonra { color:var(--primary-700); }
.okt-yukselenler .yk-ba-num .v { font-size:60px; font-weight:800; letter-spacing:-0.03em; }
.okt-yukselenler .yk-ba-num .u { font-size:14px; font-weight:500; margin-top:6px; text-transform:uppercase; letter-spacing:.12em; }
.okt-yukselenler .yk-ba-arrow { display:flex; align-items:flex-end; justify-content:center; padding-bottom:24px; }

.okt-yukselenler .yk-feat-actions { display:flex; flex-direction:column; gap:8px; align-items:stretch; min-width:260px; }
.okt-yukselenler .yk-feat-rise {
  width:100%; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:12px 18px;
  background:#E6F6EC; border:1px solid #BFE3CD; color:#156E3C; border-radius:10px;
  font-size:13px; font-weight:800; white-space:nowrap; font-family:var(--font-sans);
}
.okt-yukselenler .yk-feat-rise .u { text-transform:uppercase; font-weight:500; margin:0 3px; }
.okt-yukselenler .yk-osym-dark {
  width:100%; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:12px 18px;
  background:var(--ink-900); color:#fff; border:1px solid var(--ink-900); border-radius:10px;
  font-size:13px; font-weight:700; cursor:pointer; font-family:var(--font-sans); white-space:nowrap;
  transition:all 140ms var(--ease-out);
}
.okt-yukselenler .yk-osym-dark:hover { background:var(--ink-700); transform:translateY(-1px); }

.okt-yukselenler .yk-feat-quote { margin-top:20px; padding-top:18px; border-top:1px solid var(--border); display:flex; gap:12px; align-items:flex-start; }
.okt-yukselenler .yk-feat-quote svg { flex-shrink:0; margin-top:2px; }
.okt-yukselenler .yk-feat-quote p { font-size:15px; line-height:1.55; color:var(--ink-700); margin:0; font-weight:500; letter-spacing:-0.005em; }

/* ---- GRID ---- */
.okt-yukselenler .yk-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:18px; }

/* ---- CARD ---- */
.okt-yukselenler .yk-card {
  position:relative; background:#fff; border:1px solid var(--border); border-radius:18px;
  padding:22px 22px 20px;
  box-shadow:0 1px 2px rgba(11,15,26,.04), 0 6px 18px -8px rgba(11,15,26,.08);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  transition:transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}
.okt-yukselenler .yk-card:hover { transform:translateY(-4px); box-shadow:0 1px 2px rgba(11,15,26,.04), 0 12px 28px -8px rgba(11,15,26,.14); }
.okt-yukselenler .yk-card-alan {
  position:absolute; top:14px; left:14px; padding:3px 9px;
  background:#F0F1F6; border:1px solid #E6E8EF; color:#6B7488;
  font-size:10px; font-weight:700; border-radius:5px; letter-spacing:.06em; text-transform:uppercase;
}
.okt-yukselenler .yk-card-rise {
  position:absolute; top:13px; right:14px; display:inline-flex; align-items:center; gap:4px; padding:3px 9px;
  background:#E6F6EC; border:1px solid #BFE3CD; color:#156E3C;
  border-radius:5px; font-size:10px; font-weight:800; letter-spacing:.04em; white-space:nowrap;
}
.okt-yukselenler .yk-card-rise .u { text-transform:uppercase; font-weight:600; margin-left:2px; }
.okt-yukselenler .yk-card-avatar { position:relative; margin-top:18px; margin-bottom:10px; }
.okt-yukselenler .yk-card-name { font-size:15px; font-weight:700; color:var(--ink-900); letter-spacing:-0.005em; margin:0 0 18px; line-height:1.15; }
.okt-yukselenler .yk-card-hr { width:100%; height:1px; background:var(--border); margin-bottom:18px; }

.okt-yukselenler .yk-card-ba { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:flex-end; width:100%; margin-bottom:20px; }
.okt-yukselenler .yk-card-ba .yk-ba-lbl { margin-bottom:8px; }
.okt-yukselenler .yk-card-ba .v { font-size:36px; font-weight:800; letter-spacing:-0.03em; }
.okt-yukselenler .yk-card-ba .u { font-size:11px; font-weight:500; margin-top:5px; text-transform:uppercase; letter-spacing:.12em; }
.okt-yukselenler .yk-card-ba .yk-ba-arrow { padding:0 2px; padding-bottom:18px; height:100%; }

.okt-yukselenler .yk-osym-btn {
  margin-top:auto; width:100%; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:11px 14px;
  background:#fff; color:var(--ink-700); border:1px solid var(--ink-100); border-radius:10px;
  font-size:12px; font-weight:700; cursor:pointer; font-family:var(--font-sans);
  transition:all 140ms var(--ease-out);
}
.okt-yukselenler .yk-osym-btn:hover { background:var(--ink-10); color:var(--ink-900); border-color:var(--ink-200); }

.okt-yukselenler .yk-more { text-align:center; margin-top:36px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.okt-yukselenler .yk-more .cnt { padding:2px 8px; background:var(--ink-10); border-radius:999px; font-size:11px; font-weight:700; color:var(--ink-500); margin-left:4px; }

/* ============================================================
   ÖSYM MODAL (native <dialog>)
   ============================================================ */
.okt-yukselenler .yk-modal {
  width:100%; max-width:1040px; border:0; padding:0; border-radius:20px;
  box-shadow:0 24px 80px -20px rgba(11,15,26,.40); overflow:hidden;
  font-family:var(--font-sans); color:var(--fg); background:#fff;
}
.okt-yukselenler .yk-modal::backdrop { background:rgba(11,15,26,.55); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.okt-yukselenler .yk-modal[open] { animation:fade-in-up 200ms var(--ease-out); }
.okt-yukselenler .yk-modal-head { padding:24px 28px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:18px; }
.okt-yukselenler .yk-modal-head .who { flex:1; min-width:0; }
.okt-yukselenler .yk-modal-head h2 { font-size:22px; font-weight:800; color:var(--ink-900); letter-spacing:-0.01em; margin:0; }
.okt-yukselenler .yk-modal-head .row { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.okt-yukselenler .yk-modal-head .sub { font-size:13px; color:var(--fg-muted); }
.okt-yukselenler .yk-modal-close {
  width:36px; height:36px; border:1px solid var(--border); border-radius:10px; background:#fff;
  cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--ink-500); flex-shrink:0;
}
.okt-yukselenler .yk-modal-close:hover { background:var(--ink-10); }

.okt-yukselenler .yk-modal-metrics { padding:24px 28px; background:var(--ink-10); display:grid; grid-template-columns:1fr 1fr 1fr; border-bottom:1px solid var(--border); }
.okt-yukselenler .yk-metric { padding:0 18px; border-right:1px solid var(--border); }
.okt-yukselenler .yk-metric:last-child { border-right:0; }
.okt-yukselenler .yk-metric .ml { font-size:10px; font-weight:700; color:var(--fg-muted); text-transform:uppercase; letter-spacing:.10em; margin-bottom:10px; }
.okt-yukselenler .yk-metric .mr { display:flex; align-items:baseline; gap:6px; margin-bottom:6px; }
.okt-yukselenler .yk-metric .mo { font-size:15px; font-weight:700; color:#A36C11; background:#FDF4E2; padding:2px 7px; border-radius:5px; }
.okt-yukselenler .yk-metric .ms { font-size:24px; font-weight:800; color:#1E3AE2; letter-spacing:-0.02em; }
.okt-yukselenler .yk-metric .md { font-size:12px; font-weight:700; color:#156E3C; }
.okt-yukselenler .yk-metric .md span { color:var(--fg-muted); font-weight:600; margin-left:4px; }

.okt-yukselenler .yk-docs { padding:28px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.okt-yukselenler .yk-doc-lbl { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; margin-bottom:10px; color:var(--ink-500); }
.okt-yukselenler .yk-doc-lbl.after { color:#1E3AE2; }
.okt-yukselenler .yk-doc {
  aspect-ratio:1 / 1.3; background:#fff; border:1.5px solid var(--border); border-radius:12px;
  padding:18px 16px; display:flex; flex-direction:column; gap:8px; position:relative; overflow:hidden;
}
.okt-yukselenler .yk-doc.after { border-color:#1E3AE2; }
.okt-yukselenler .yk-doc-wm { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:.06; font-size:50px; font-weight:900; color:var(--ink-900); letter-spacing:.1em; transform:rotate(-12deg); }
.okt-yukselenler .yk-doc-band { padding:8px 10px; background:#4B5468; color:#fff; border-radius:4px; font-size:9px; font-weight:800; letter-spacing:.06em; text-align:center; }
.okt-yukselenler .yk-doc.after .yk-doc-band { background:#1E3AE2; }
.okt-yukselenler .yk-doc-body { flex:1; display:flex; flex-direction:column; gap:5px; position:relative; }
.okt-yukselenler .yk-doc-kv { display:grid; grid-template-columns:1fr 1fr; padding:4px 6px; font-size:9px; gap:6px; }
.okt-yukselenler .yk-doc-kv.alt { background:var(--ink-10); }
.okt-yukselenler .yk-doc-kv .k { color:var(--fg-muted); font-weight:600; }
.okt-yukselenler .yk-doc-kv .v { color:var(--ink-900); font-weight:700; font-family:var(--font-mono); }
.okt-yukselenler .yk-doc-sec { padding:4px 6px; background:var(--ink-25); margin-top:4px; font-size:9px; font-weight:800; color:var(--ink-700); text-align:center; letter-spacing:.04em; }
.okt-yukselenler .yk-doc.after .yk-doc-sec { background:#EFF3FF; color:#1E3AE2; }
.okt-yukselenler .yk-doc-th { display:grid; grid-template-columns:1fr 1fr 1fr; padding:4px 6px; font-size:8px; font-weight:700; color:var(--fg-muted); gap:6px; text-transform:uppercase; }
.okt-yukselenler .yk-doc-th .r { text-align:right; }
.okt-yukselenler .yk-doc-tr { display:grid; grid-template-columns:1fr 1fr 1fr; padding:5px 6px; font-size:10px; gap:6px; }
.okt-yukselenler .yk-doc-tr.tyt { border-top:1px solid var(--border); background:#fff; font-weight:700; }
.okt-yukselenler .yk-doc-tr.tyt .k { color:var(--ink-900); }
.okt-yukselenler .yk-doc-tr.tyt .val { text-align:right; color:var(--ink-700); }
.okt-yukselenler .yk-doc-tr.main { font-weight:800; }
.okt-yukselenler .yk-doc-tr.main .k { color:var(--ink-900); }
.okt-yukselenler .yk-doc-tr.main .val { text-align:right; color:var(--ink-900); }
.okt-yukselenler .yk-doc.after .yk-doc-tr.main { background:#FFFCDB; }
.okt-yukselenler .yk-doc.after .yk-doc-tr.main .val { color:#A36C11; }
.okt-yukselenler .yk-doc-foot { font-size:8px; color:var(--ink-300); text-align:right; font-family:var(--font-mono); }

.okt-yukselenler .yk-modal-kvkk { padding:16px 28px; background:var(--ink-10); border-top:1px solid var(--border); font-size:12px; color:var(--fg-muted); text-align:center; line-height:1.6; }
.okt-yukselenler .yk-modal-kvkk a { color:#1E3AE2; font-weight:700; text-decoration:underline; }

/* ============================================================
   AVATAR (gradient + baş harf)
   ============================================================ */
.okt-yukselenler .yk-avatar {
  border-radius:50%; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-weight:800; letter-spacing:-0.02em; box-shadow:0 4px 12px -4px rgba(11,15,26,.18);
}

/* ============================================================
   DOĞRUDAN CEVAP
   ============================================================ */
.okt-yukselenler .yk-cevap { padding:80px 0; background:#fff; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.okt-yukselenler .yk-cevap .inner { text-align:center; }
.okt-yukselenler .yk-cevap h2 { color:var(--ink-900); margin-bottom:24px; font-size:32px; }
.okt-yukselenler .yk-cevap p.big { font-size:17px; line-height:1.75; color:var(--ink-700); margin-bottom:24px; }
.okt-yukselenler .yk-cevap p.big strong { color:var(--ink-900); }
.okt-yukselenler .yk-cevap p.big strong.pri { color:var(--primary-500); }
.okt-yukselenler .yk-cevap p.sub { font-size:15px; line-height:1.7; color:var(--fg-muted); }
.okt-yukselenler .yk-cevap p.sub strong { color:var(--ink-700); }

/* ============================================================
   KURUCU NOTLARI (Kemal)
   ============================================================ */
.okt-yukselenler .yk-kemal { padding:80px 0; background:#fff; }
.okt-yukselenler .yk-kemal-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:60px; align-items:flex-start; }
.okt-yukselenler .yk-kemal-left { position:sticky; top:140px; }
.okt-yukselenler .yk-kemal-left h2 { color:var(--ink-900); margin-bottom:24px; font-size:28px; line-height:1.18; }
.okt-yukselenler .yk-kemal-left h2 .pri { color:var(--primary-500); }
.okt-yukselenler .yk-kemal-card {
  background:linear-gradient(180deg, #0B0F1A 0%, #131826 100%); color:#fff; border-radius:20px;
  padding:28px; position:relative; overflow:hidden; box-shadow:0 24px 60px -16px rgba(11,15,26,.30);
}
.okt-yukselenler .yk-kemal-card .glow { position:absolute; inset:0; background:radial-gradient(140% 90% at 100% 0%, rgba(91,123,255,.32), transparent 60%); }
.okt-yukselenler .yk-kemal-card .body { position:relative; }
.okt-yukselenler .yk-kemal-who { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.okt-yukselenler .yk-kemal-who .n { font-size:17px; font-weight:800; color:#fff; letter-spacing:-0.01em; }
.okt-yukselenler .yk-kemal-who .r { font-size:12px; color:#8FA5FF; font-weight:600; margin-top:2px; }
.okt-yukselenler .yk-kemal-quote { font-size:14.5px; line-height:1.65; color:#CDD2DF; margin:0 0 22px; letter-spacing:-0.003em; }
.okt-yukselenler .yk-kemal-quote strong { color:#C6F25A; font-weight:700; }
.okt-yukselenler .yk-kemal-stats { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; padding:18px 0 8px; border-top:1px solid rgba(255,255,255,.08); }
.okt-yukselenler .yk-kemal-stats .v { font-size:22px; font-weight:800; letter-spacing:-0.02em; line-height:1; }
.okt-yukselenler .yk-kemal-stats .l { font-size:9px; color:#8E97AB; font-weight:600; text-transform:uppercase; letter-spacing:.10em; margin-top:6px; }
.okt-yukselenler .yk-kemal-foot { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:space-between; }
.okt-yukselenler .yk-kemal-foot .t { font-size:11px; color:#8E97AB; font-weight:600; letter-spacing:-0.003em; }
.okt-yukselenler .yk-kemal-foot a { display:inline-flex; align-items:center; gap:5px; color:#8FA5FF; font-size:12px; font-weight:700; }

.okt-yukselenler .yk-steps { display:flex; flex-direction:column; gap:14px; }
.okt-yukselenler .yk-step {
  display:flex; gap:20px; padding:22px 24px; background:#fff; border:1px solid var(--border);
  border-radius:16px; box-shadow:0 1px 2px rgba(11,15,26,.03);
}
.okt-yukselenler .yk-step-n {
  flex-shrink:0; width:44px; height:44px; border-radius:11px;
  background:linear-gradient(135deg,#EEF1FF,#DCE2FF); display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:800; color:#1E3AE2; letter-spacing:-0.02em; border:1px solid #C8D4FF;
}
.okt-yukselenler .yk-step h3 { font-size:16px; font-weight:700; color:var(--ink-900); margin:4px 0 6px; letter-spacing:-0.01em; }
.okt-yukselenler .yk-step p { font-size:14px; line-height:1.6; color:var(--ink-700); margin:0; }

/* ============================================================
   MEZUN BRIDGE
   ============================================================ */
.okt-yukselenler .yk-bridge { padding:48px 0; background:#F4F6FF; }
.okt-yukselenler .yk-bridge-card {
  background:linear-gradient(135deg, #fff 0%, #EEF1FF 100%); border:1px solid #C8D4FF; border-radius:18px;
  padding:30px 36px; position:relative; overflow:hidden;
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
}
.okt-yukselenler .yk-bridge-card .deco { position:absolute; top:-80px; right:-80px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(59,91,255,.18), transparent 70%); pointer-events:none; }
.okt-yukselenler .yk-bridge-body { position:relative; }
.okt-yukselenler .yk-bridge-body h2 { font-size:22px; font-weight:700; color:var(--ink-900); margin-bottom:8px; letter-spacing:-0.01em; }
.okt-yukselenler .yk-bridge-body p { font-size:14px; line-height:1.65; color:var(--ink-700); margin:0; max-width:580px; }
.okt-yukselenler .yk-bridge-card .btn { position:relative; }

/* ============================================================
   SSS
   ============================================================ */
.okt-yukselenler .yk-sss { padding:80px 0; background:#fff; border-top:1px solid var(--border); }
.okt-yukselenler .yk-sss-head { text-align:center; margin-bottom:36px; }
.okt-yukselenler .yk-sss-head h2 { color:var(--ink-900); font-size:30px; }
.okt-yukselenler .yk-faq { border-bottom:1px solid var(--border); }
.okt-yukselenler .yk-faq summary {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:22px 4px; cursor:pointer; list-style:none; font-family:var(--font-sans);
  font-size:16px; font-weight:700; color:var(--ink-900); letter-spacing:-0.01em;
}
.okt-yukselenler .yk-faq summary::-webkit-details-marker { display:none; }
.okt-yukselenler .yk-faq summary .ico {
  width:30px; height:30px; border-radius:8px; background:var(--ink-10); color:var(--ink-500);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-left:14px;
  transition:all 200ms var(--ease-out);
}
.okt-yukselenler .yk-faq[open] summary .ico { background:#1E3AE2; color:#fff; transform:rotate(45deg); }
.okt-yukselenler .yk-faq .ans { padding:0 4px 22px; font-size:14px; line-height:1.7; color:var(--ink-700); animation:fade-in-up 240ms var(--ease-out); }
.okt-yukselenler .yk-faq .ans strong { font-weight:700; }

/* ============================================================
   FINAL CTA
   ============================================================ */
.okt-yukselenler .yk-cta { padding:88px 24px; background:#0B0F1A; color:#fff; position:relative; overflow:hidden; }
.okt-yukselenler .yk-cta .deco { position:absolute; border-radius:50%; pointer-events:none; }
.okt-yukselenler .yk-cta .deco-1 { top:-200px; right:-10%; width:600px; height:600px; background:radial-gradient(circle, rgba(59,91,255,.18), transparent 60%); }
.okt-yukselenler .yk-cta .deco-2 { bottom:-300px; left:-10%; width:700px; height:700px; background:radial-gradient(circle, rgba(198,242,90,.10), transparent 60%); }
.okt-yukselenler .yk-cta-inner { position:relative; text-align:center; }
.okt-yukselenler .yk-cta h2 { color:#fff; margin-bottom:18px; font-size:44px; max-width:880px; margin-left:auto; margin-right:auto; }
.okt-yukselenler .yk-cta h2 .grad { background:linear-gradient(90deg, #C6F25A 0%, #6BA3FF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.okt-yukselenler .yk-cta p { color:#B7BECC; font-size:16px; max-width:580px; margin:0 auto 32px; line-height:1.6; }
.okt-yukselenler .yk-cta-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.okt-yukselenler .yk-cta-primary {
  padding:16px 28px; background:#C6F25A; color:#0B0F1A; font-size:15px; font-weight:800; border-radius:12px;
  letter-spacing:-0.005em; display:inline-flex; align-items:center; gap:10px; text-decoration:none;
  box-shadow:0 8px 32px -8px rgba(198,242,90,.5);
}
.okt-yukselenler .yk-cta-secondary {
  padding:16px 24px; background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.18);
  font-size:15px; font-weight:600; border-radius:12px; letter-spacing:-0.005em; text-decoration:none;
  display:inline-flex; align-items:center;
}

/* ============================================================
   MOBİL (mobil öncelikli düzeltmeler)
   ============================================================ */
@media (max-width:1024px) {
  .okt-yukselenler .yk-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:860px) {
  .okt-yukselenler .container, .okt-yukselenler .container-narrow { padding:0 20px; }
  .okt-yukselenler .yk-statstrip { grid-template-columns:repeat(2,1fr); }
  .okt-yukselenler .yk-grid { grid-template-columns:repeat(2,1fr); }
  .okt-yukselenler .yk-feat-top { grid-template-columns:1fr; gap:18px; }
  .okt-yukselenler .yk-feat-id { justify-content:center; }
  .okt-yukselenler .yk-feat-name { white-space:normal; }
  .okt-yukselenler .yk-feat-actions { min-width:0; }
  .okt-yukselenler .yk-kemal-grid { grid-template-columns:1fr; gap:32px; }
  .okt-yukselenler .yk-kemal-left { position:static; }
  .okt-yukselenler .yk-bridge-card { grid-template-columns:1fr; }
  .okt-yukselenler .yk-modal-metrics { grid-template-columns:1fr; gap:18px; }
  .okt-yukselenler .yk-metric { border-right:0; border-bottom:1px solid var(--border); padding-bottom:14px; }
  .okt-yukselenler .yk-metric:last-child { border-bottom:0; padding-bottom:0; }
  .okt-yukselenler .yk-docs { grid-template-columns:1fr; }
  .okt-yukselenler .yk-ba-num .v { font-size:48px; }
}
@media (max-width:540px) {
  .okt-yukselenler .yk-hero { padding:56px 20px 40px; }
  .okt-yukselenler .yk-h1 { font-size:1.75rem; }
  .okt-yukselenler .yk-statstrip { grid-template-columns:1fr 1fr; }
  .okt-yukselenler .yk-grid { grid-template-columns:1fr; }
  .okt-yukselenler .yk-cta h2 { font-size:32px; }
  .okt-yukselenler .yk-cevap h2 { font-size:26px; }
  .okt-yukselenler .yk-ba { gap:16px; }
  .okt-yukselenler .yk-ba-num .v { font-size:40px; }
  .okt-yukselenler .yk-filter-meta { margin-left:0; }
}