/* ======================================================================
 * CALLMENTA × Binance Design System — Public site (clean room)
 * Namespace: .bnz-*  (mevcut .cm-* sınıflarıyla çakışmaz)
 * Sarı: #fec615 (Callmenta marka)
 * Type: Inter (display+body), JetBrains Mono (sayılar)
 * ====================================================================== */

/* ====== 0. RESET (kapsam: html, body, .bnz-public ağacı) ====== */
html, body {
    margin: 0; padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.bnz-public, .bnz-public *, .bnz-public *::before, .bnz-public *::after {
    box-sizing: border-box;
}
.bnz-public {
    margin: 0; padding: 0;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'ss01', 'cv11';
}
.bnz-public img, .bnz-public svg { max-width: 100%; height: auto; display: block; }
.bnz-public a { color: inherit; text-decoration: none; }
.bnz-public button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
.bnz-public ul, .bnz-public ol { margin: 0; padding: 0; list-style: none; }
.bnz-public p { margin: 0; }
.bnz-public h1, .bnz-public h2, .bnz-public h3, .bnz-public h4 { margin: 0; }
.bnz-public input, .bnz-public textarea, .bnz-public select { font: inherit; color: inherit; }

/* ====== 1. TOKENS (light default — marketing sayfalarda html data-bnz-theme="dark" override eder) ====== */
:root {
    /* Brand */
    --bnz-brand:        #fec615;
    --bnz-brand-press:  #e8b300;
    --bnz-brand-soft:   rgba(254, 198, 21, .10);
    --bnz-brand-ring:   rgba(254, 198, 21, .35);

    /* Neutrals (semantic refs filled per-theme below) */
    --bnz-ink:          #181a20;
    --bnz-canvas-light: #ffffff;
    --bnz-surface-soft: #fafafa;
    --bnz-surface-strong: #f5f5f5;
    --bnz-hairline-light: #eaecef;
    --bnz-border-strong: #cdd1d6;

    --bnz-canvas-dark:    #0b0e11;
    --bnz-surface-card:   #1e2329;
    --bnz-surface-elev:   #2b3139;
    --bnz-hairline-dark:  #2b3139;

    --bnz-muted:        #707a8a;
    --bnz-muted-strong: #929aa5;
    --bnz-body-on-dark: #eaecef;
    --bnz-on-primary:   #181a20;
    --bnz-on-dark:      #ffffff;

    /* Trading semantics — sadece skor değişim göstergesi */
    --bnz-up:    #0ecb81;
    --bnz-down:  #f6465d;
    --bnz-warn:  #f0b90b;

    /* Focus */
    --bnz-focus: #3b82f6;

    /* Type */
    --bnz-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --bnz-font-mono: 'JetBrains Mono', 'IBM Plex Mono', 'Roboto Mono', Consolas, monospace;
    --bnz-font-script: 'Caveat', 'Comic Sans MS', cursive;

    /* Radius (Binance scale) */
    --bnz-r-xs: 2px;
    --bnz-r-sm: 4px;
    --bnz-r-md: 6px;
    --bnz-r-lg: 8px;
    --bnz-r-xl: 12px;
    --bnz-r-2xl: 16px;
    --bnz-r-pill: 9999px;

    /* Spacing (4-step) */
    --bnz-s-1: 4px;
    --bnz-s-2: 8px;
    --bnz-s-3: 12px;
    --bnz-s-4: 16px;
    --bnz-s-6: 24px;
    --bnz-s-8: 32px;
    --bnz-s-12: 48px;
    --bnz-s-20: 80px;

    /* Layout */
    --bnz-container: 1280px;
    --bnz-section: clamp(56px, 8vw, 80px);

    /* Default theme map = LIGHT */
    --bnz-bg:      var(--bnz-canvas-light);
    --bnz-bg-2:    var(--bnz-surface-soft);
    --bnz-bg-elev: var(--bnz-canvas-light);
    --bnz-text:    var(--bnz-ink);
    --bnz-text-soft: #4b5563;
    --bnz-text-muted: var(--bnz-muted);
    --bnz-hairline: var(--bnz-hairline-light);
    --bnz-input-bg: var(--bnz-canvas-light);
    --bnz-glass:   rgba(255,255,255,.94);
    --bnz-shadow:  0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04);
    --bnz-shadow-card: 0 2px 6px rgba(0,0,0,.04);

    /* CALLAII icon variant (per theme) — yazısız sadece amblem */
    --bnz-callaii-icon: url('/img/brand/callaii-icon-light.svg');
    --bnz-callmenta-logo: url('/img/brand/callmenta-wordmark-dark.svg');
}

/* DARK theme override */
html[data-bnz-theme="dark"] {
    --bnz-bg:      var(--bnz-canvas-dark);
    --bnz-bg-2:    var(--bnz-canvas-dark);
    --bnz-bg-elev: var(--bnz-surface-card);
    --bnz-text:    var(--bnz-body-on-dark);
    --bnz-text-soft: #cdd1d6;
    --bnz-text-muted: var(--bnz-muted-strong);
    --bnz-hairline: var(--bnz-hairline-dark);
    --bnz-input-bg: var(--bnz-surface-card);
    --bnz-glass:   rgba(11,14,17,.86);
    --bnz-shadow:  0 1px 2px rgba(0,0,0,.5);
    --bnz-shadow-card: 0 2px 6px rgba(0,0,0,.35);
    --bnz-callaii-icon: url('/img/brand/callaii-icon-dark.svg');
    --bnz-callmenta-logo: url('/img/brand/callmenta-wordmark-white.svg');
}

/* ====== 2. BASE ====== */
.bnz-public {
    font-family: var(--bnz-font-sans);
    color: var(--bnz-text);
    background: var(--bnz-bg);
    font-size: 14px;
    transition: background-color .25s ease, color .25s ease;
}
.bnz-public a:hover { color: var(--bnz-brand-press); }
html[data-bnz-theme="dark"] .bnz-public a:hover { color: var(--bnz-brand); }
.bnz-public ::selection { background: var(--bnz-brand); color: var(--bnz-on-primary); }

.bnz-container {
    width: 100%;
    max-width: var(--bnz-container);
    margin: 0 auto;
    padding: 0 24px;
}
@media (max-width: 640px) { .bnz-container { padding: 0 16px; } }

/* ====== 3. TYPOGRAPHY (Binance hierarchy, no em dash decoration) ====== */
.bnz-display-hero {
    font-family: var(--bnz-font-sans);
    font-size: clamp(2.25rem, 5.2vw, 4rem);
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.06;
    color: var(--bnz-text);
}
.bnz-display-lg {
    font-size: clamp(1.875rem, 3.8vw, 3rem);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.1;
}
.bnz-display-md {
    font-size: clamp(1.5rem, 2.8vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.15;
}
.bnz-title-lg {
    font-size: clamp(1.125rem, 1.7vw, 1.5rem);
    font-weight: 600;
    line-height: 1.3;
}
.bnz-title-md {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
}
.bnz-title-sm {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}
.bnz-lede {
    font-size: clamp(1rem, 1.2vw, 1.125rem);
    color: var(--bnz-text-soft);
    line-height: 1.55;
    font-weight: 400;
}
.bnz-body { font-size: 14px; line-height: 1.6; }
.bnz-body-soft { font-size: 14px; line-height: 1.6; color: var(--bnz-text-soft); }
.bnz-caption {
    font-size: 12px;
    font-weight: 600;
    color: var(--bnz-muted);
    text-transform: uppercase;
    letter-spacing: .14em;
}
.bnz-mono { font-family: var(--bnz-font-mono); font-feature-settings: 'tnum', 'zero'; }
.bnz-yellow { color: var(--bnz-brand); }
html:not([data-bnz-theme="dark"]) .bnz-yellow { color: #c98c00; }

/* ====== 4. BUTTONS ====== */
.bnz-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 24px;
    border-radius: var(--bnz-r-md);
    font-family: var(--bnz-font-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border: 1px solid transparent;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    white-space: nowrap;
    text-decoration: none;
}
.bnz-public .bnz-btn-primary,
.bnz-public a.bnz-btn-primary,
.bnz-public button.bnz-btn-primary {
    background: var(--bnz-brand);
    color: var(--bnz-on-primary);
}
.bnz-public .bnz-btn-primary:hover,
.bnz-public a.bnz-btn-primary:hover { background: var(--bnz-brand-press); color: var(--bnz-on-primary); }
.bnz-public .bnz-btn-ghost,
.bnz-public a.bnz-btn-ghost {
    background: transparent;
    color: var(--bnz-text);
    border-color: var(--bnz-hairline);
}
.bnz-public .bnz-btn-ghost:hover,
.bnz-public a.bnz-btn-ghost:hover { background: var(--bnz-bg-elev); color: var(--bnz-text); }
html[data-bnz-theme="dark"] .bnz-public .bnz-btn-ghost,
html[data-bnz-theme="dark"] .bnz-public a.bnz-btn-ghost { background: var(--bnz-surface-card); border-color: var(--bnz-surface-card); color: var(--bnz-on-dark); }
html[data-bnz-theme="dark"] .bnz-public .bnz-btn-ghost:hover { background: var(--bnz-surface-elev); color: var(--bnz-on-dark); }

.bnz-btn-lg {
    height: 48px;
    padding: 0 32px;
    border-radius: var(--bnz-r-pill);
    font-size: 15px;
}
.bnz-btn-sm { height: 32px; padding: 0 16px; font-size: 13px; }

.bnz-btn:focus-visible, .bnz-public a:focus-visible, .bnz-public input:focus-visible {
    outline: 2px solid var(--bnz-focus);
    outline-offset: 2px;
}

/* ====== 5. HEADER ====== */
.bnz-header {
    position: sticky;
    top: 0;
    z-index: 80;
    height: 64px;
    background: var(--bnz-glass);
    backdrop-filter: saturate(160%) blur(10px);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    border-bottom: 1px solid var(--bnz-hairline);
    transition: background-color .25s ease, border-color .25s ease;
}
.bnz-header-inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    max-width: var(--bnz-container);
    margin: 0 auto;
    padding: 0 24px;
}
.bnz-logo-link { flex-shrink: 0; display: inline-flex; align-items: center; }
.bnz-public .bnz-logo-svg {
    height: 30px;
    width: auto;
    display: block;
    transition: transform .25s var(--bnz-ease, ease);
}
.bnz-logo-link:hover .bnz-logo-svg { transform: translateY(-1px); }
.bnz-public .bnz-logo-wordmark path { fill: var(--bnz-ink); transition: fill .25s ease; }
html[data-bnz-theme="dark"] .bnz-public .bnz-logo-wordmark path { fill: #ffffff; }
.bnz-nav-callaii-dot { display: none; }
/* Header micro-polish: scroll'da hairline ve glass intensity artar */
.bnz-header.is-scrolled {
    box-shadow: 0 1px 0 var(--bnz-hairline), 0 8px 24px rgba(0,0,0,.06);
}
html[data-bnz-theme="dark"] .bnz-header.is-scrolled {
    box-shadow: 0 1px 0 #2b3139, 0 8px 24px rgba(0,0,0,.45);
}
/* Nav link active under-bar (sarı) */
.bnz-nav a { position: relative; }
.bnz-nav a.is-active::after {
    content: '';
    position: absolute;
    left: 12px; right: 12px;
    bottom: -14px;
    height: 2px;
    background: var(--bnz-brand);
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(254,198,21,.55);
}
.bnz-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    overflow: hidden;
}
.bnz-nav a {
    padding: 8px 12px;
    border-radius: var(--bnz-r-md);
    font-size: 14px;
    font-weight: 500;
    color: var(--bnz-text-soft);
    white-space: nowrap;
    transition: color .15s ease, background-color .15s ease;
}
.bnz-nav a:hover, .bnz-nav a.is-active { color: var(--bnz-text); background: transparent; }
.bnz-nav-callaii-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--bnz-brand);
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
.bnz-header-tools {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.bnz-icon-btn {
    width: 36px; height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bnz-r-md);
    color: var(--bnz-text-soft);
    transition: background-color .15s ease, color .15s ease;
}
.bnz-icon-btn:hover { background: var(--bnz-bg-2); color: var(--bnz-text); }
.bnz-icon-btn svg { width: 18px; height: 18px; }

/* Lang dropdown */
.bnz-lang { position: relative; }
.bnz-lang-btn img { width: 20px; height: 14px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.bnz-lang-menu {
    position: absolute;
    right: 0; top: calc(100% + 6px);
    min-width: 180px;
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: var(--bnz-r-lg);
    box-shadow: var(--bnz-shadow);
    padding: 4px;
    display: none;
    z-index: 90;
}
.bnz-lang.is-open .bnz-lang-menu { display: block; }
.bnz-lang-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--bnz-r-sm);
    font-size: 13px;
    color: var(--bnz-text);
}
.bnz-lang-menu a:hover { background: var(--bnz-bg-2); }
.bnz-lang-menu a img { width: 20px; height: 14px; border-radius: 2px; object-fit: cover; }

/* Burger */
.bnz-burger { display: none; }
@media (max-width: 1024px) {
    .bnz-nav {
        position: fixed;
        top: 64px; left: 0; right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: var(--bnz-bg-elev);
        border-bottom: 1px solid var(--bnz-hairline);
        padding: 12px 16px 16px;
        max-height: calc(100vh - 64px);
        overflow-y: auto;
        transform: translateY(-110%);
        transition: transform .25s ease;
    }
    .bnz-nav.is-open { transform: translateY(0); }
    .bnz-nav a { padding: 12px 8px; }
    .bnz-burger { display: inline-flex; }
}

/* ====== 6. HERO ====== */
.bnz-hero {
    padding: clamp(48px, 7vw, 88px) 0 clamp(48px, 6vw, 80px);
    background: var(--bnz-bg);
    position: relative;
    overflow: hidden;
}
.bnz-hero-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 48px;
    align-items: center;
}
@media (max-width: 1024px) {
    .bnz-hero-grid { grid-template-columns: 1fr; gap: 36px; }
}

/* Hero h1 — sanatsal font karışımı + handwritten accents */
.bnz-hero h1.bnz-display-hero {
    margin-bottom: 24px;
}
.bnz-hero h1 .bnz-h-soft {
    font-weight: 300;
    font-style: italic;
    font-feature-settings: 'ss01', 'cv11';
    letter-spacing: -.02em;
    color: var(--bnz-text-soft);
}
.bnz-hero h1 .bnz-h-bold {
    font-weight: 800;
    letter-spacing: -.03em;
}
.bnz-hero h1 .bnz-h-brand {
    color: var(--bnz-brand);
    font-weight: 800;
    letter-spacing: -.025em;
}
html:not([data-bnz-theme="dark"]) .bnz-hero h1 .bnz-h-brand { color: #c98c00; }
.bnz-hero h1 .bnz-h-wide {
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .72em;
    color: var(--bnz-text-soft);
    display: inline-block;
    vertical-align: middle;
}
/* Handwritten "Sahnede" / "Mutfakta" — Caveat.
   2026-05-26: TÜM başlıklarda kullanılabilir hale getirildi (önceden sadece hero h1 +
   bnz-h2-script kapsamındaydı). Kuyruk kesilmesi düzeltildi: line-height + padding +
   overflow visible eklendi; rotate kaldırıldı (klip yaratıyordu). */
.bnz-h-script {
    font-family: var(--bnz-font-script);
    font-weight: 600;
    font-style: normal;
    font-size: 1.12em;
    line-height: 1.18;          /* kuyruk için yer (önceki 1 idi — y/g/p kırpılıyordu) */
    letter-spacing: 0;
    /* 2026-05-26: TÜM el yazıları otomatik sarı gradient (kullanıcı talebi: el yazısı = sarı).
       is-yellow class artık opsiyonel — varsayılan olarak da sarı gradient uygulanır. */
    background: linear-gradient(180deg, #ffd84d 0%, #fec615 50%, #c98c00 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 4px 10px rgba(254, 198, 21, .28));
    display: inline-block;
    margin-right: .12em;
    padding: .04em .08em .22em;  /* alt boşluk = descender alanı */
    overflow: visible;
    vertical-align: baseline;
}
[data-bnz-theme="dark"] .bnz-h-script {
    filter: drop-shadow(0 4px 14px rgba(254, 198, 21, .5));
}
/* Açıkça "düz/varsayılan renk" gerekirse opt-out: .bnz-h-script.is-plain */
.bnz-h-script.is-plain {
    background: none;
    -webkit-background-clip: initial;
            background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: var(--bnz-text);
    filter: none;
}
/* H1/H2 büyük boy için extra alt boşluk */
.bnz-hero h1 .bnz-h-script,
.bnz-h2-script .bnz-h-script,
h1 .bnz-h-script,
h2 .bnz-h-script {
    padding-bottom: .28em;
    line-height: 1.2;
}
/* 2026-05-26: Hero "Mutfakta/backstage" tonundaki parlak marka sarısı gradient tüm
   public başlıklara yayıldı — önceki light-tema #c98c00 soluk amber kaldırıldı.
   Aynı stil = Callmenta logo sarısıyla tutarlı (hero + tüm section başlıkları). */
.bnz-h-script.is-yellow {
    background: linear-gradient(180deg, #ffd84d 0%, #fec615 50%, #c98c00 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 4px 10px rgba(254, 198, 21, .35));
}
[data-bnz-theme="dark"] .bnz-h-script.is-yellow {
    filter: drop-shadow(0 4px 14px rgba(254, 198, 21, .55));
}

/* 2026-05-26: CALLAII korunağı — script font içinde CALLAII geçerse "CALKII" gibi
   okunmasın diye sans-serif bold'a zorla. JS otomatik sarmalar (public.blade.php). */
.bnz-h-script .bnz-brand-keep,
.cm-h-display .script .bnz-brand-keep,
.cm-h-display .yellow-script .bnz-brand-keep {
    font-family: var(--bnz-font-sans, 'Inter', sans-serif) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    background: none !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    color: inherit !important;
    filter: none !important;
    text-shadow: none !important;
    padding: 0 .04em;
}
/* Handwritten yellow underline accent — tüm bağlamlarda çalışır (2026-05-26) */
.bnz-h-script.is-underlined,
.bnz-h-script.cm-uline {
    position: relative;
}
.bnz-h-script.is-underlined::after,
.bnz-h-script.cm-uline::after {
    content: '';
    position: absolute;
    left: 4%; right: -4%;
    bottom: .04em;
    height: .12em;
    background: linear-gradient(90deg, #ffd84d 0%, #fec615 50%, #c98c00 100%);
    border-radius: 999px;
    transform: rotate(.6deg);
    opacity: .95;
}

/* Hero h1 with logo/icon inline */
.bnz-hero h1.bnz-h-with-icon,
.bnz-hero h1.bnz-h-with-logo {
    position: relative;
}
.bnz-hero h1.bnz-h-with-icon { padding-left: 0; }
.bnz-public .bnz-h-callmenta-icon {
    display: inline-block;
    height: .85em;
    width: auto;
    vertical-align: -.06em;
    margin-right: .12em;
    transform: rotate(-6deg);
    transform-origin: center;
    animation: bnz-icon-tilt 6s ease-in-out infinite;
}
@media (max-width: 768px) {
    .bnz-public .bnz-h-callmenta-icon,
    .bnz-public .bnz-h-callaii-mark { height: .7em; margin-right: .08em; }
    .bnz-hero h1 .bnz-h-script,
    .bnz-h2-script .bnz-h-script { font-size: 1em; }
    .bnz-hero h1 .bnz-h-wide { font-size: .65em; }
    .bnz-hero-trust { gap: 28px; }
    .bnz-hero-trust strong { font-size: 22px; }
    .bnz-section-head h2 .bnz-yellow,
    .bnz-section h2 .bnz-yellow { font-size: 1.05em; }
    .bnz-cta-band { padding: 24px; flex-direction: column; align-items: flex-start; }
    .bnz-cta-band .bnz-flex { width: 100%; }
}
@keyframes bnz-icon-tilt {
    0%, 100% { transform: rotate(-6deg) translateY(0); }
    50%       { transform: rotate(-2deg) translateY(-3px); }
}
.bnz-public .bnz-h-callaii-mark {
    display: inline-block;
    height: 1em;
    width: 1.04em;
    vertical-align: -.08em;
    margin-right: .18em;
    filter: drop-shadow(0 4px 18px rgba(254,198,21,.45));
    content: var(--bnz-callaii-icon);
}

.bnz-hero .bnz-lede { margin-bottom: 28px; max-width: 560px; }
.bnz-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.bnz-hero-trust {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid var(--bnz-hairline);
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.bnz-hero-trust > div { display: flex; flex-direction: column; gap: 4px; }
.bnz-hero-trust strong {
    font-family: var(--bnz-font-mono);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--bnz-brand);
    line-height: 1.1;
}
html:not([data-bnz-theme="dark"]) .bnz-hero-trust strong { color: #c98c00; }
.bnz-hero-trust span { font-size: 12px; color: var(--bnz-text-muted); font-weight: 500; }

/* ====== 7. HERO DIALOG CARD (Customer × Agent bubbles) ====== */
.bnz-dialog {
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: var(--bnz-r-xl);
    padding: 24px;
    box-shadow: var(--bnz-shadow-card);
    position: relative;
}
html[data-bnz-theme="dark"] .bnz-dialog { background: var(--bnz-surface-card); border-color: var(--bnz-surface-card); }

.bnz-dialog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--bnz-hairline);
}
html[data-bnz-theme="dark"] .bnz-dialog-head { border-bottom-color: var(--bnz-hairline-dark); }
.bnz-dialog-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bnz-text);
}
.bnz-dialog-title img { height: 20px; width: 20px; content: var(--bnz-callaii-icon); }
.bnz-ticker-title img { height: 20px; width: auto; }
.bnz-dialog-meta {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .04em;
    color: var(--bnz-text-muted);
    text-transform: uppercase;
}

/* Dialog body — bubbles */
.bnz-dialog-body { display: flex; flex-direction: column; gap: 14px; min-height: 220px; }
.bnz-bubble-row { display: flex; align-items: flex-end; gap: 10px; }
.bnz-bubble-row.is-customer { justify-content: flex-start; }
.bnz-bubble-row.is-agent { justify-content: flex-end; flex-direction: row-reverse; }

.bnz-avatar {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: var(--bnz-hairline);
    color: var(--bnz-text-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--bnz-font-mono);
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}
html[data-bnz-theme="dark"] .bnz-avatar { background: var(--bnz-surface-elev); color: var(--bnz-on-dark); }
.bnz-bubble-row.is-agent .bnz-avatar {
    background: var(--bnz-brand);
    color: var(--bnz-on-primary);
}

.bnz-bubble {
    max-width: 78%;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.5;
    background: var(--bnz-surface-strong);
    color: var(--bnz-ink);
    position: relative;
}
html[data-bnz-theme="dark"] .bnz-bubble {
    background: var(--bnz-surface-elev);
    color: var(--bnz-on-dark);
}
.bnz-bubble-row.is-agent .bnz-bubble {
    background: var(--bnz-brand);
    color: var(--bnz-on-primary);
    border-bottom-right-radius: 4px;
}
.bnz-bubble-row.is-customer .bnz-bubble {
    border-bottom-left-radius: 4px;
}
.bnz-bubble-label {
    display: block;
    font-family: var(--bnz-font-mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .7;
    margin-bottom: 2px;
}

.bnz-dialog-scores {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--bnz-hairline);
}
html[data-bnz-theme="dark"] .bnz-dialog-scores { border-top-color: var(--bnz-hairline-dark); }
.bnz-score-cell { text-align: center; padding: 8px 4px; }
.bnz-score-cell-label {
    font-size: 10px;
    font-weight: 500;
    color: var(--bnz-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 4px;
    line-height: 1.2;
}
.bnz-score-cell-val {
    font-family: var(--bnz-font-mono);
    font-size: 20px;
    font-weight: 700;
    color: var(--bnz-up);
    letter-spacing: -.02em;
    line-height: 1;
}
.bnz-score-cell.is-warn .bnz-score-cell-val { color: var(--bnz-warn); }
.bnz-score-cell.is-down .bnz-score-cell-val { color: var(--bnz-down); }

.bnz-dialog-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    font-size: 12px;
    color: var(--bnz-text-muted);
}
.bnz-dialog-foot .bnz-dot-row { display: inline-flex; gap: 6px; }
.bnz-dialog-foot .bnz-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--bnz-hairline);
    cursor: pointer;
    transition: background-color .15s ease;
}
html[data-bnz-theme="dark"] .bnz-dialog-foot .bnz-dot { background: var(--bnz-surface-elev); }
.bnz-dialog-foot .bnz-dot.is-active { background: var(--bnz-brand); }

/* ====== 7.5 WAVEFORM (CALLAII canlı ses) ====== */
.bnz-wave {
    display: flex;
    align-items: center;
    gap: 3px;
    height: 36px;
    padding: 8px 0;
    margin-bottom: 12px;
}
.bnz-wave .bnz-wave-bar {
    width: 3px;
    height: 6px;
    background: var(--bnz-brand);
    border-radius: 2px;
    transform-origin: center;
    animation: bnz-wave-bounce 1.6s ease-in-out infinite;
    opacity: .85;
}
@keyframes bnz-wave-bounce {
    0%, 100% { transform: scaleY(.35); }
    50%       { transform: scaleY(2.2); }
}
.bnz-wave .bnz-wave-bar:nth-child(7n+1) { animation-duration: 1.3s; animation-delay: -.10s; }
.bnz-wave .bnz-wave-bar:nth-child(7n+2) { animation-duration: 1.7s; animation-delay: -.25s; }
.bnz-wave .bnz-wave-bar:nth-child(7n+3) { animation-duration: 1.1s; animation-delay: -.45s; }
.bnz-wave .bnz-wave-bar:nth-child(7n+4) { animation-duration: 1.9s; animation-delay: -.60s; }
.bnz-wave .bnz-wave-bar:nth-child(7n+5) { animation-duration: 1.4s; animation-delay: -.75s; }
.bnz-wave .bnz-wave-bar:nth-child(7n+6) { animation-duration: 1.6s; animation-delay: -.90s; }
.bnz-wave .bnz-wave-bar:nth-child(7n+7) { animation-duration: 1.2s; animation-delay: -1.05s; }
.bnz-wave.is-paused .bnz-wave-bar { animation-play-state: paused; }

/* Typewriter caret */
.bnz-typing::after {
    content: '▍';
    display: inline-block;
    margin-left: 2px;
    color: var(--bnz-brand);
    animation: bnz-caret 1s steps(1) infinite;
}
@keyframes bnz-caret {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

/* ====== 7.7 RIGHT-RAIL TICKER (kayan menü) ======
 * Genel komponent: ticker liste — sıra (01,02..), başlık + alt yazı + sayısal/badge cell.
 * Aktif satır sarı highlight, hover ile vurgu. Otomatik kayar (JS optional). */
.bnz-ticker {
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: var(--bnz-r-xl);
    padding: 24px;
    box-shadow: var(--bnz-shadow-card);
}
html[data-bnz-theme="dark"] .bnz-ticker { background: var(--bnz-surface-card); border-color: #2b3139; }
.bnz-ticker-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--bnz-hairline);
}
html[data-bnz-theme="dark"] .bnz-ticker-head { border-bottom-color: var(--bnz-hairline-dark); }
.bnz-ticker-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bnz-text);
}
.bnz-ticker-title img { height: 18px; width: auto; }
.bnz-ticker-meta {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .04em;
    color: var(--bnz-text-muted);
    text-transform: uppercase;
}
.bnz-ticker-rows { display: flex; flex-direction: column; }
.bnz-ticker-row {
    display: grid;
    grid-template-columns: 26px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid var(--bnz-hairline);
    cursor: pointer;
    transition: background-color .15s ease, padding .15s ease;
}
html[data-bnz-theme="dark"] .bnz-ticker-row { border-bottom-color: var(--bnz-hairline-dark); }
.bnz-ticker-row:last-child { border-bottom: 0; }
.bnz-ticker-row:hover { background: var(--bnz-bg-alt); padding-left: 8px; padding-right: 8px; margin: 0 -8px; }
html[data-bnz-theme="dark"] .bnz-ticker-row:hover { background: rgba(254,198,21,.04); }
.bnz-ticker-row.is-active {
    background: rgba(254,198,21,.07);
    padding-left: 12px; padding-right: 12px; margin: 0 -12px;
    border-radius: var(--bnz-r-md);
}
.bnz-ticker-num {
    font-family: var(--bnz-font-mono);
    font-size: 13px;
    font-weight: 600;
    color: var(--bnz-text-muted);
}
.bnz-ticker-row.is-active .bnz-ticker-num,
.bnz-ticker-row:hover .bnz-ticker-num { color: var(--bnz-brand); }
html:not([data-bnz-theme="dark"]) .bnz-ticker-row.is-active .bnz-ticker-num { color: var(--bnz-brand-press); }
.bnz-ticker-body { min-width: 0; }
.bnz-ticker-body strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--bnz-text);
    line-height: 1.25;
    margin-bottom: 2px;
}
.bnz-ticker-body small {
    display: block;
    font-size: 11.5px;
    color: var(--bnz-text-muted);
    font-weight: 400;
    line-height: 1.45;
}
.bnz-ticker-tag {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 700;
    color: var(--bnz-brand);
    letter-spacing: .04em;
    text-align: right;
    line-height: 1.2;
}
html:not([data-bnz-theme="dark"]) .bnz-ticker-tag { color: var(--bnz-brand-press); }
.bnz-ticker-tag small {
    display: block;
    font-size: 10px;
    color: var(--bnz-text-muted);
    font-weight: 500;
    margin-top: 2px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.bnz-ticker-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--bnz-hairline);
    font-size: 12px;
    color: var(--bnz-text-muted);
}
html[data-bnz-theme="dark"] .bnz-ticker-foot { border-top-color: var(--bnz-hairline-dark); }
.bnz-ticker-foot a { color: var(--bnz-brand); font-weight: 600; }
html:not([data-bnz-theme="dark"]) .bnz-ticker-foot a { color: var(--bnz-brand-press); }

/* ====== 8. SECTION & CARD ====== */
.bnz-section { padding: var(--bnz-section) 0; }
.bnz-section-alt { background: var(--bnz-bg-2); }
.bnz-section-dark { background: var(--bnz-canvas-dark); color: var(--bnz-body-on-dark); }
.bnz-section-dark .bnz-text-soft, .bnz-section-dark .bnz-lede { color: #cdd1d6; }

.bnz-section-head { margin-bottom: 40px; max-width: 760px; }
.bnz-section-head.is-center { margin-left: auto; margin-right: auto; text-align: center; }
.bnz-section-head .bnz-caption { color: var(--bnz-brand); display: block; margin-bottom: 12px; }
html:not([data-bnz-theme="dark"]) .bnz-section-head .bnz-caption { color: #c98c00; }
.bnz-section-head h2 { margin-bottom: 16px; }
/* Bölüm başlıklarında handwritten + bold karışım — yellow span otomatik handwritten */
.bnz-section-head h2 .bnz-yellow,
.bnz-section h2 .bnz-yellow,
.bnz-cta-band h2 .bnz-yellow {
    font-family: var(--bnz-font-script);
    font-weight: 600;
    font-size: 1.08em;
    line-height: 1;
    letter-spacing: 0;
    display: inline-block;
    transform: rotate(-1.5deg);
    transform-origin: bottom left;
    padding-bottom: .04em;
    margin-right: .04em;
}

.bnz-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.bnz-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.bnz-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
@media (max-width: 1024px) {
    .bnz-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .bnz-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .bnz-grid-3, .bnz-grid-2, .bnz-grid-4 { grid-template-columns: 1fr; }
}

.bnz-card {
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: var(--bnz-r-xl);
    padding: 24px;
    transition: border-color .15s ease, transform .15s ease;
}
html[data-bnz-theme="dark"] .bnz-card { background: var(--bnz-surface-card); border-color: var(--bnz-surface-card); }
.bnz-card:hover { border-color: var(--bnz-brand-ring); }
.bnz-card-icon {
    width: 44px; height: 44px;
    border-radius: var(--bnz-r-md);
    background: var(--bnz-brand-soft);
    color: var(--bnz-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
html:not([data-bnz-theme="dark"]) .bnz-card-icon { color: #c98c00; }
.bnz-card-icon svg { width: 22px; height: 22px; }
.bnz-card h3 { margin-bottom: 10px; }
.bnz-card p { color: var(--bnz-text-soft); }

/* ====== 9. STATS (yellow numbers, mono) ====== */
.bnz-stat {
    padding: 32px 24px;
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: var(--bnz-r-xl);
}
html[data-bnz-theme="dark"] .bnz-stat { background: var(--bnz-surface-card); border-color: var(--bnz-surface-card); }
.bnz-stat-num {
    font-family: var(--bnz-font-mono);
    font-size: clamp(2rem, 3.4vw, 2.75rem);
    font-weight: 700;
    color: var(--bnz-brand);
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 8px;
}
html:not([data-bnz-theme="dark"]) .bnz-stat-num { color: #c98c00; }
.bnz-stat-label { font-size: 13px; color: var(--bnz-text-soft); font-weight: 500; }

/* ====== 10. FAQ (binance flat divider list) ====== */
.bnz-faq-list > * + * { border-top: 1px solid var(--bnz-hairline); }
.bnz-faq-item { padding: 20px 0; }
.bnz-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--bnz-text);
}
.bnz-faq-q-chev {
    width: 28px; height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bnz-text-muted);
    transition: transform .2s ease, color .2s ease;
}
.bnz-faq-item.is-open .bnz-faq-q-chev { transform: rotate(180deg); color: var(--bnz-brand); }
.bnz-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease, padding .25s ease;
}
.bnz-faq-item.is-open .bnz-faq-a {
    max-height: 600px;
    padding-top: 12px;
}
.bnz-faq-a p { color: var(--bnz-text-soft); }

/* ====== 11. CTA BAND (pre-footer) — tema-aware şık tasarım ====== */
.bnz-cta-band {
    position: relative;
    border-radius: var(--bnz-r-2xl);
    padding: clamp(32px, 4.5vw, 56px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    overflow: hidden;
    isolation: isolate;
}
/* Light tema — açık zeminli kart + sarı vurgu + dekoratif yarım daire */
html:not([data-bnz-theme="dark"]) .bnz-cta-band {
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    color: var(--bnz-ink);
    border: 1px solid var(--bnz-hairline-light);
    box-shadow: 0 24px 60px -28px rgba(15,17,21,.18);
}
html:not([data-bnz-theme="dark"]) .bnz-cta-band::before {
    content: '';
    position: absolute;
    right: -120px; top: 50%;
    transform: translateY(-50%);
    width: 320px; height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(254,198,21,.22), transparent 65%);
    pointer-events: none;
    z-index: -1;
}
html:not([data-bnz-theme="dark"]) .bnz-cta-band h2 { color: var(--bnz-ink); max-width: 60ch; }
html:not([data-bnz-theme="dark"]) .bnz-cta-band .bnz-lede { color: var(--bnz-text-soft); }
/* Dark tema — Binance kart estetiği + sarı vignette */
html[data-bnz-theme="dark"] .bnz-cta-band {
    background: linear-gradient(135deg, #1e2329 0%, #161a1e 100%);
    color: var(--bnz-on-dark);
    border: 1px solid #2b3139;
}
html[data-bnz-theme="dark"] .bnz-cta-band::before {
    content: '';
    position: absolute;
    right: -120px; top: 50%;
    transform: translateY(-50%);
    width: 360px; height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(254,198,21,.16), transparent 65%);
    pointer-events: none;
    z-index: -1;
}
html[data-bnz-theme="dark"] .bnz-cta-band h2 { color: var(--bnz-on-dark); max-width: 60ch; }

/* ====== 12. FOOTER — tema-aware (açık zeminde soft, koyu zeminde elev) ====== */
.bnz-footer {
    background: var(--bnz-surface-soft);
    color: var(--bnz-ink);
    border-top: 1px solid var(--bnz-hairline-light);
    padding: 64px 0 32px;
    transition: background-color .25s ease, color .25s ease, border-top-color .25s ease;
}
html[data-bnz-theme="dark"] .bnz-footer {
    background: #0e1216;
    color: #cdd1d6;
    border-top-color: #2b3139;
}
html[data-bnz-theme="dark"] .bnz-footer h5 { color: #ffffff !important; }
html[data-bnz-theme="dark"] .bnz-footer ul a { color: #929aa5; }
html[data-bnz-theme="dark"] .bnz-footer ul a:hover { color: #ffffff; }
html[data-bnz-theme="dark"] .bnz-footer-tagline { color: #929aa5; }
html[data-bnz-theme="dark"] .bnz-footer-bottom {
    border-top-color: #2b3139 !important;
    color: #707a8a !important;
}
html[data-bnz-theme="dark"] .bnz-footer-bottom a { color: #929aa5; }
html[data-bnz-theme="dark"] .bnz-footer-bottom a:hover { color: #ffffff; }
html[data-bnz-theme="dark"] .bnz-footer-itu {
    background: rgba(255,255,255,.06);
    border-color: #2b3139;
}
html[data-bnz-theme="dark"] .bnz-footer-itu span { color: #ffffff; }
/* (footer logo swap iki img + display ile yapılıyor — eski content: url kuralı kaldırıldı) */
.bnz-footer-grid {
    display: grid;
    grid-template-columns: 2.4fr 1fr 1fr 1fr;
    gap: 48px;
    align-items: start;
}
.bnz-footer-grid > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 360px;
}
@media (max-width: 1024px) {
    .bnz-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .bnz-footer-grid { grid-template-columns: 1fr; gap: 32px; }
}
.bnz-footer h5 {
    font-size: 13px;
    font-weight: 600;
    color: var(--bnz-ink);
    margin-bottom: 16px;
    letter-spacing: 0;
}
.bnz-footer ul li { margin-bottom: 10px; }
.bnz-footer ul a {
    font-size: 13px;
    color: var(--bnz-muted);
    transition: color .15s ease;
}
.bnz-footer ul a:hover { color: var(--bnz-ink); }
.bnz-footer-logo-link {
    display: inline-block;
    margin: 0 0 18px;
}
.bnz-public .bnz-footer-svg {
    height: 56px;
    width: auto;
    max-width: 320px;
    display: block;
}
.bnz-public .bnz-footer-svg-words path { fill: var(--bnz-ink); transition: fill .2s ease; }
html[data-bnz-theme="dark"] .bnz-public .bnz-footer-svg-words path { fill: #ffffff; }
@media (max-width: 1024px) {
    .bnz-public .bnz-footer-svg { height: 46px; }
}
.bnz-public .bnz-footer-logo-light { display: block; }
.bnz-public .bnz-footer-logo-dark  { display: none; }
html[data-bnz-theme="dark"] .bnz-public .bnz-footer-logo-light { display: none; }
html[data-bnz-theme="dark"] .bnz-public .bnz-footer-logo-dark  { display: block; }
.bnz-footer-tagline {
    font-size: 13px;
    color: var(--bnz-muted);
    max-width: 340px;
    line-height: 1.55;
    margin: 0;
    padding-left: 0;
}
.bnz-footer-itu {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 10px 14px;
    background: var(--bnz-canvas-light);
    border: 1px solid var(--bnz-hairline-light);
    border-radius: var(--bnz-r-xl);
    text-decoration: none;
}
.bnz-footer-itu img { width: 52px; height: auto; flex-shrink: 0; }
.bnz-footer-itu span { font-size: 11px; font-weight: 700; line-height: 1.4; color: var(--bnz-ink); }
.bnz-footer-itu span small { display: block; color: #c98c00; font-weight: 700; }

.bnz-footer-bottom {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid var(--bnz-hairline-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--bnz-muted);
}
.bnz-footer-bottom a { color: var(--bnz-muted); }
.bnz-footer-bottom a:hover { color: var(--bnz-ink); }
.bnz-powered {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bnz-powered img {
    height: 14px;
    width: 14px;
    content: url('/img/brand/callaii-icon-light.svg');
}
.bnz-powered .yellow-r { color: #c98c00; font-size: 11px; }

/* ====== 12.5 CALLAII MEDIA SHOWCASE ====== */
/* Büyük CALLAII logo bloğu + glow pulse */
.bnz-callaii-stage {
    position: relative;
    border-radius: var(--bnz-r-2xl);
    padding: clamp(28px, 4vw, 56px);
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    overflow: hidden;
    isolation: isolate;
}
html[data-bnz-theme="dark"] .bnz-callaii-stage {
    background: linear-gradient(180deg, #1e2329 0%, #0b0e11 100%);
    border-color: #2b3139;
}
.bnz-callaii-stage::before {
    content: '';
    position: absolute;
    width: 460px; height: 460px;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(254,198,21,.18), transparent 60%);
    filter: blur(20px);
    z-index: -1;
    animation: bnz-glow-pulse 6s ease-in-out infinite;
}
@keyframes bnz-glow-pulse {
    0%, 100% { opacity: .6; transform: translate(-50%, -50%) scale(.9); }
    50%       { opacity: 1;  transform: translate(-50%, -50%) scale(1.1); }
}
.bnz-public .bnz-callaii-mark {
    height: clamp(120px, 16vw, 220px);
    width: clamp(125px, 17vw, 230px);
    max-width: 100%;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 0 32px rgba(254,198,21,.35));
    animation: bnz-mark-float 5s ease-in-out infinite;
    content: var(--bnz-callaii-icon);
}
@keyframes bnz-mark-float {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 32px rgba(254,198,21,.35)); }
    50%       { transform: translateY(-6px); filter: drop-shadow(0 8px 36px rgba(254,198,21,.50)); }
}
.bnz-callaii-stage .bnz-stage-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--bnz-text-muted);
}
.bnz-callaii-stage .bnz-stage-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bnz-callaii-stage .bnz-stage-meta span::before {
    content: '';
    width: 4px; height: 4px;
    background: var(--bnz-brand);
    border-radius: 50%;
}

/* CALLAII↔Callmenta geçiş GIF / video frame */
.bnz-media-frame {
    position: relative;
    border-radius: var(--bnz-r-xl);
    overflow: hidden;
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    aspect-ratio: 16/9;
}
html[data-bnz-theme="dark"] .bnz-media-frame { background: var(--bnz-surface-card); border-color: #2b3139; }
.bnz-media-frame > img,
.bnz-media-frame > video {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.bnz-media-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(11,14,17,.6) 100%);
    pointer-events: none;
}
.bnz-media-tag {
    position: absolute;
    bottom: 14px; left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--bnz-r-sm);
    background: var(--bnz-brand);
    color: var(--bnz-on-primary);
    font-family: var(--bnz-font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ====== 13. CALLAII LOCKUP (logo + brand) ====== */
.bnz-callaii-lockup {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px 6px 8px;
    background: var(--bnz-brand-soft);
    border: 1px solid var(--bnz-brand-ring);
    border-radius: var(--bnz-r-pill);
    color: var(--bnz-text);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.bnz-callaii-lockup img {
    height: 22px;
    width: 22px;
    content: var(--bnz-callaii-icon);
}
.bnz-callaii-lockup .bnz-lockup-r { color: var(--bnz-brand); font-size: 14px; }

/* ====== 14. REVEAL ANIMATION ====== */
.bnz-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease, transform .6s ease;
}
.bnz-reveal.is-in {
    opacity: 1;
    transform: translateY(0);
}
.bnz-reveal-d1 { transition-delay: .08s; }
.bnz-reveal-d2 { transition-delay: .16s; }
.bnz-reveal-d3 { transition-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
    .bnz-reveal, .bnz-reveal-d1, .bnz-reveal-d2, .bnz-reveal-d3 {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ====== 15. INPUTS / FORMS (light + dark) ====== */
.bnz-input, .bnz-textarea, .bnz-select {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border-radius: var(--bnz-r-md);
    border: 1px solid var(--bnz-hairline);
    background: var(--bnz-input-bg);
    color: var(--bnz-text);
    font-size: 14px;
    transition: border-color .15s ease;
}
.bnz-textarea { height: auto; min-height: 120px; padding: 12px 14px; line-height: 1.5; }
.bnz-input:focus, .bnz-textarea:focus, .bnz-select:focus {
    border-color: var(--bnz-brand);
    outline: 0;
}
.bnz-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: var(--bnz-text);
    margin-bottom: 6px;
}
.bnz-field { margin-bottom: 18px; }

/* ====== 15.5 SAĞ STICKY RAIL — sayfa içi başlık takipçi (slide-out panel) ======
 * Varsayılan: kapalı, sağda ince bir tutamaç (handle) görünür.
 * Hover/focus/aktif item ile içeri kayar. Mobile'da gizli. */
.bnz-rail-host {
    position: relative;
}
.bnz-rail {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(calc(100% - 14px), -50%);
    z-index: 40;
    width: 240px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(254,198,21,.18);
    border-right: 0;
    border-radius: 18px 0 0 18px;
    padding: 14px 10px 14px 14px;
    backdrop-filter: saturate(180%) blur(22px);
    -webkit-backdrop-filter: saturate(180%) blur(22px);
    box-shadow:
        0 18px 50px -12px rgba(15,17,21,.18),
        0 0 0 1px rgba(255,255,255,.4) inset;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .25s ease;
}
.bnz-rail:hover,
.bnz-rail:focus-within,
.bnz-rail.is-open {
    transform: translate(0, -50%);
    box-shadow:
        -8px 24px 60px -12px rgba(15,17,21,.28),
        0 0 0 1px rgba(255,255,255,.4) inset;
}
.bnz-rail-handle {
    position: absolute;
    left: -22px; top: 50%;
    transform: translateY(-50%);
    width: 28px; height: 96px;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    gap: 4px;
    background: linear-gradient(180deg, var(--bnz-brand), #f4b500);
    color: var(--bnz-on-primary);
    border: 0;
    border-radius: 14px 0 0 14px;
    cursor: pointer;
    box-shadow: -6px 8px 22px -6px rgba(254,198,21,.55), inset 0 1px 0 rgba(255,255,255,.4);
    font-family: var(--bnz-font-mono);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    writing-mode: vertical-rl;
    text-transform: uppercase;
}
.bnz-rail-handle::before {
    content: '';
    width: 4px; height: 22px;
    border-radius: 4px;
    background: rgba(11,14,17,.35);
    writing-mode: horizontal-tb;
}
.bnz-rail:hover .bnz-rail-handle,
.bnz-rail:focus-within .bnz-rail-handle,
.bnz-rail.is-open .bnz-rail-handle {
    box-shadow: -10px 12px 30px -6px rgba(254,198,21,.7), inset 0 1px 0 rgba(255,255,255,.4);
}
.bnz-rail::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(180deg, rgba(254,198,21,.6), transparent 40%, transparent 60%, rgba(254,198,21,.45));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: .5;
    pointer-events: none;
    animation: bnz-rail-glow 4.5s ease-in-out infinite;
}
@keyframes bnz-rail-glow {
    0%, 100% { opacity: .35; }
    50%       { opacity: .85; }
}
html[data-bnz-theme="dark"] .bnz-rail {
    background: rgba(11,14,17,.65);
    border-color: rgba(254,198,21,.22);
    box-shadow:
        0 24px 60px -12px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,255,255,.04) inset,
        0 0 36px -8px rgba(254,198,21,.15);
}
.bnz-rail-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 6px 12px 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(254,198,21,.18);
    font-family: var(--bnz-font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--bnz-text-muted);
}
.bnz-rail-head span:first-child { display: inline-flex; align-items: center; }
.bnz-rail-head span:last-child { color: var(--bnz-brand); font-family: var(--bnz-font-mono); }
.bnz-rail-list { display: flex; flex-direction: column; gap: 2px; }
.bnz-rail-item {
    position: relative;
    display: grid;
    grid-template-columns: 22px 1fr 4px;
    align-items: center;
    gap: 10px;
    padding: 10px 8px;
    border-radius: 8px;
    color: var(--bnz-text-soft);
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
    text-decoration: none;
}
.bnz-rail-item:hover { color: var(--bnz-text); background: var(--bnz-bg-2); }
html[data-bnz-theme="dark"] .bnz-rail-item:hover { background: rgba(254,198,21,.04); }
.bnz-rail-item.is-active { color: var(--bnz-text); }
.bnz-rail-item.is-active {
    background: linear-gradient(90deg, rgba(254,198,21,.10), transparent 80%);
    transform: translateX(2px);
}
.bnz-rail-item.is-active::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 3px; height: 22px;
    background: var(--bnz-brand);
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(254,198,21,.6);
    animation: bnz-rail-pulse 2.2s ease-in-out infinite;
}
@keyframes bnz-rail-pulse {
    0%, 100% { opacity: 1; height: 22px; }
    50%      { opacity: .55; height: 14px; }
}
.bnz-rail-item { transition: color .15s ease, background-color .25s ease, transform .25s ease; }
.bnz-rail-num {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--bnz-text-muted);
}
.bnz-rail-item.is-active .bnz-rail-num { color: var(--bnz-brand); }
.bnz-rail-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bnz-rail-item.is-active .bnz-rail-label { font-weight: 600; }
.bnz-rail-dot {
    width: 4px; height: 4px;
    border-radius: 50%;
    background: transparent;
    transition: background-color .15s ease;
}
.bnz-rail-item.is-active .bnz-rail-dot { background: var(--bnz-brand); }
@media (max-width: 1280px) {
    .bnz-rail { display: none; }
}

/* Update rail item için modern hover effect */
.bnz-rail-item {
    border-radius: 10px;
    padding: 9px 10px;
}
.bnz-rail-item:not(.is-active):hover { background: rgba(254,198,21,.06); transform: translateX(2px); }

/* CALLAII Pro tanıtım rozeti */
.bnz-pro-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 9999px;
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--bnz-on-primary);
    background: var(--bnz-brand);
}
.bnz-pro-pill::before {
    content: '⚡';
    font-size: 12px;
    line-height: 1;
}

/* ====== 15.7 KARŞILAŞTIRMA TABLOSU ====== */
.bnz-compare {
    width: 100%;
    border-collapse: collapse;
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: 12px;
    overflow: hidden;
}
html[data-bnz-theme="dark"] .bnz-compare { background: var(--bnz-surface-card); border-color: #2b3139; }
.bnz-compare th, .bnz-compare td {
    padding: 16px 18px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid var(--bnz-hairline);
    vertical-align: top;
}
html[data-bnz-theme="dark"] .bnz-compare th, html[data-bnz-theme="dark"] .bnz-compare td { border-bottom-color: var(--bnz-hairline-dark); }
.bnz-compare tr:last-child td { border-bottom: 0; }
.bnz-compare thead th {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--bnz-text-muted);
    background: var(--bnz-bg-2);
}
html[data-bnz-theme="dark"] .bnz-compare thead th:not(.is-us) { background: rgba(0,0,0,.2); }
html[data-bnz-theme="dark"] .bnz-compare thead th.is-us { background: var(--bnz-brand); color: var(--bnz-on-primary); }
.bnz-compare thead th.is-us {
    color: var(--bnz-on-primary);
    background: var(--bnz-brand);
}
.bnz-compare tbody th {
    width: 22%;
    font-weight: 600;
    color: var(--bnz-text);
    background: transparent;
}
.bnz-compare td.is-good { color: var(--bnz-text); }
.bnz-compare td.is-bad { color: var(--bnz-text-muted); }
.bnz-compare td.is-us {
    background: rgba(254,198,21,.06);
    color: var(--bnz-text);
    font-weight: 500;
}
.bnz-compare .ic-yes, .bnz-compare .ic-no, .bnz-compare .ic-partial {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--bnz-font-mono);
    font-size: 12px;
    font-weight: 700;
}
.bnz-compare .ic-yes { color: var(--bnz-up); }
.bnz-compare .ic-no { color: var(--bnz-down); }
.bnz-compare .ic-partial { color: var(--bnz-warn); }
@media (max-width: 768px) {
    .bnz-compare { display: block; overflow-x: auto; }
}

/* ====== 15.8 MOCKUP — admin dashboard preview ====== */
.bnz-mockup {
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: 16px;
    padding: 22px;
    box-shadow: var(--bnz-shadow-card);
    position: relative;
    overflow: hidden;
}
html[data-bnz-theme="dark"] .bnz-mockup { background: var(--bnz-surface-card); border-color: #2b3139; }
.bnz-mockup-bar {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--bnz-hairline);
}
html[data-bnz-theme="dark"] .bnz-mockup-bar { border-bottom-color: var(--bnz-hairline-dark); }
.bnz-mockup-bar-left { display: flex; align-items: center; gap: 8px; }
.bnz-mockup-bar-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bnz-hairline); }
html[data-bnz-theme="dark"] .bnz-mockup-bar-dot { background: var(--bnz-surface-elev); }
.bnz-mockup-bar-title {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--bnz-text-muted);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.bnz-mockup-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}
.bnz-mockup-kpi {
    padding: 14px 12px;
    border: 1px solid var(--bnz-hairline);
    border-radius: 8px;
    background: var(--bnz-bg);
}
html[data-bnz-theme="dark"] .bnz-mockup-kpi { background: rgba(0,0,0,.15); border-color: var(--bnz-hairline-dark); }
.bnz-mockup-kpi-label {
    font-size: 10px;
    color: var(--bnz-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 6px;
}
.bnz-mockup-kpi-val {
    font-family: var(--bnz-font-mono);
    font-size: 20px;
    font-weight: 700;
    color: var(--bnz-brand);
    letter-spacing: -.02em;
}
html:not([data-bnz-theme="dark"]) .bnz-mockup-kpi-val { color: var(--bnz-brand-press); }
.bnz-mockup-kpi-delta {
    font-family: var(--bnz-font-mono);
    font-size: 10px;
    font-weight: 600;
    color: var(--bnz-up);
    margin-top: 4px;
}
.bnz-mockup-kpi-delta.is-down { color: var(--bnz-down); }
.bnz-mockup-chart {
    height: 110px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(254,198,21,.15), transparent 80%);
    position: relative;
    overflow: hidden;
    border: 1px solid var(--bnz-hairline);
}
html[data-bnz-theme="dark"] .bnz-mockup-chart { border-color: var(--bnz-hairline-dark); }
.bnz-mockup-chart::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), var(--bnz-hairline) calc(20% - 1px), var(--bnz-hairline) 20%, transparent 20%, transparent calc(40% - 1px), var(--bnz-hairline) calc(40% - 1px), var(--bnz-hairline) 40%, transparent 40%, transparent calc(60% - 1px), var(--bnz-hairline) calc(60% - 1px), var(--bnz-hairline) 60%, transparent 60%, transparent calc(80% - 1px), var(--bnz-hairline) calc(80% - 1px), var(--bnz-hairline) 80%, transparent 80%);
    opacity: .35;
}
.bnz-mockup-chart svg { position: relative; width: 100%; height: 100%; display: block; }
.bnz-mockup-chart path.line { fill: none; stroke: var(--bnz-brand); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.bnz-mockup-chart path.area { fill: rgba(254,198,21,.12); }

/* ====== 15.9 CALLAII PRO MOCKUP — format butonları + canlı cursor ====== */
.bnz-pro-fmt {
    padding: 3px 10px;
    border-radius: 4px;
    font-family: var(--bnz-font-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--bnz-text-muted);
    background: transparent;
    border: 1px solid var(--bnz-hairline);
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
html[data-bnz-theme="dark"] .bnz-pro-fmt { border-color: var(--bnz-hairline-dark); }
.bnz-pro-fmt.is-active {
    color: var(--bnz-on-primary);
    background: var(--bnz-brand);
    border-color: var(--bnz-brand);
}
#bnz-pro-cursor {
    position: absolute;
    width: 22px; height: 22px;
    pointer-events: none;
    z-index: 5;
    transform: translate(-50%, -50%);
    transition: left .9s cubic-bezier(.34, 1.2, .5, 1), top .9s cubic-bezier(.34, 1.2, .5, 1);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fec615' stroke='%23181a20' stroke-width='1.5' d='M5 3l14 9-6.5 1.5L11 21z'/></svg>");
    background-size: contain; background-repeat: no-repeat;
    opacity: 0;
    filter: drop-shadow(0 4px 8px rgba(254,198,21,.45));
}
#bnz-pro-cursor.is-on { opacity: 1; }
#bnz-pro-cursor.is-click { animation: bnz-cursor-click .4s ease; }
@keyframes bnz-cursor-click {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50%       { transform: translate(-50%, -50%) scale(.7); }
}

/* ====== 15.10 DİNAMİK KARŞILAŞTIRMA — kolon hover + animation ====== */
.bnz-compare {
    overflow: hidden;
}
.bnz-compare tbody th { transition: background-color .15s ease, color .15s ease; }
.bnz-compare td { transition: background-color .25s ease, color .25s ease; position: relative; }
.bnz-compare tbody tr:hover { background: rgba(254,198,21,.03); }
.bnz-compare tbody tr:hover th { color: var(--bnz-brand); }
.bnz-compare td.is-us::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(254,198,21,.08), transparent 60%);
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease;
}
.bnz-compare tbody tr:hover td.is-us::before { opacity: 1; }
.bnz-compare .ic-yes, .bnz-compare .ic-no, .bnz-compare .ic-partial {
    transition: transform .25s ease;
}
.bnz-compare tbody tr:hover .ic-yes { transform: scale(1.18); }
.bnz-compare tbody tr:hover .ic-no  { transform: rotate(20deg); }

/* ====== 15.11 BINANCE-STYLE DİNAMİK TIMELINE (yatay slider) ======
 * Mouse / scroll hareketiyle başlıklar timeline'da kayar.
 * Aktif item highlight + glow + smooth scroll snap. */
.bnz-timeline {
    position: relative;
    padding: 24px 0;
    background: var(--bnz-bg-elev);
    border: 1px solid var(--bnz-hairline);
    border-radius: 14px;
    overflow: hidden;
}
html[data-bnz-theme="dark"] .bnz-timeline {
    background: linear-gradient(180deg, #1e2329 0%, #16191e 100%);
    border-color: #2b3139;
}
.bnz-timeline::before, .bnz-timeline::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    width: 80px;
    pointer-events: none;
    z-index: 2;
}
.bnz-timeline::before { left: 0; background: linear-gradient(90deg, var(--bnz-bg-elev), transparent); }
.bnz-timeline::after  { right: 0; background: linear-gradient(270deg, var(--bnz-bg-elev), transparent); }
html[data-bnz-theme="dark"] .bnz-timeline::before { background: linear-gradient(90deg, #1e2329, transparent); }
html[data-bnz-theme="dark"] .bnz-timeline::after  { background: linear-gradient(270deg, #1e2329, transparent); }
.bnz-timeline-track {
    display: flex;
    align-items: flex-start;
    gap: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 0 80px 16px;
    cursor: grab;
}
.bnz-timeline-track::-webkit-scrollbar { display: none; }
.bnz-timeline-track.is-dragging { cursor: grabbing; }
.bnz-timeline-axis {
    position: absolute;
    left: 80px; right: 80px;
    top: 70px;
    height: 2px;
    background: var(--bnz-hairline);
    z-index: 1;
}
html[data-bnz-theme="dark"] .bnz-timeline-axis { background: rgba(255,255,255,.08); }
.bnz-timeline-axis-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, var(--bnz-brand), var(--bnz-brand-press));
    box-shadow: 0 0 18px rgba(254,198,21,.55);
    transition: width .25s ease;
}
.bnz-timeline-step {
    scroll-snap-align: center;
    flex: 0 0 220px;
    text-align: center;
    padding: 28px 16px 16px;
    position: relative;
    z-index: 3;
    cursor: pointer;
    user-select: none;
    transition: transform .25s ease;
}
.bnz-timeline-step:hover { transform: translateY(-2px); }
.bnz-timeline-step-pin {
    width: 14px; height: 14px;
    border-radius: 50%;
    margin: 22px auto 12px;
    background: var(--bnz-bg-elev);
    border: 2px solid var(--bnz-hairline);
    transition: all .25s ease;
    box-shadow: 0 0 0 4px var(--bnz-bg-elev);
}
html[data-bnz-theme="dark"] .bnz-timeline-step-pin { background: #1e2329; border-color: rgba(255,255,255,.18); box-shadow: 0 0 0 4px #1e2329; }
.bnz-timeline-step.is-active .bnz-timeline-step-pin {
    background: var(--bnz-brand);
    border-color: var(--bnz-brand);
    box-shadow: 0 0 0 6px rgba(254,198,21,.18), 0 0 22px rgba(254,198,21,.7);
}
.bnz-timeline-step-num {
    font-family: var(--bnz-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--bnz-text-muted);
}
.bnz-timeline-step.is-active .bnz-timeline-step-num { color: var(--bnz-brand); }
.bnz-timeline-step-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--bnz-text-soft);
    margin-top: 8px;
    line-height: 1.3;
}
.bnz-timeline-step.is-active .bnz-timeline-step-title { color: var(--bnz-text); font-weight: 700; }
.bnz-timeline-step-sub {
    font-size: 12px;
    color: var(--bnz-text-muted);
    margin-top: 4px;
    line-height: 1.4;
    max-width: 200px;
    margin-left: auto; margin-right: auto;
}

/* ====== 15.12 MARQUEE — modern, çerçevesiz, hover'da büyüyen ====== */
.bnz-marquee {
    margin: 56px 0;
    padding: 14px 0;
    border: 0;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}
.bnz-marquee-track {
    display: flex;
    gap: 12px;
    white-space: nowrap;
    animation: bnz-marquee-scroll 56s linear infinite;
    width: max-content;
}
.bnz-marquee:hover .bnz-marquee-track { animation-play-state: paused; }
.bnz-marquee-track span.is-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    font-family: var(--bnz-font-sans);
    font-size: 13px;
    font-weight: 500;
    color: var(--bnz-text-muted);
    background: transparent;
    transition: all .3s cubic-bezier(.34, 1.4, .5, 1);
    cursor: default;
    user-select: none;
}
.bnz-marquee-track span.is-brand::before {
    content: '';
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--bnz-hairline);
    transition: all .3s ease;
}
html[data-bnz-theme="dark"] .bnz-marquee-track span.is-brand::before { background: var(--bnz-hairline-dark); }
.bnz-marquee-track span.is-brand:hover {
    background: var(--bnz-brand);
    color: var(--bnz-on-primary);
    font-weight: 700;
    transform: scale(1.08);
    box-shadow: 0 8px 22px -6px rgba(254,198,21,.55);
}
.bnz-marquee-track span.is-brand:hover::before {
    background: var(--bnz-on-primary);
    box-shadow: 0 0 8px var(--bnz-on-primary);
}
.bnz-marquee-track span.is-dot { display: none; }
@keyframes bnz-marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* ====== 15.13 KARŞILAŞTIRMA TABLOSU — daha görsel ====== */
.bnz-compare {
    box-shadow: 0 14px 40px -16px rgba(15,17,21,.18);
}
html[data-bnz-theme="dark"] .bnz-compare {
    box-shadow: 0 24px 50px -16px rgba(0,0,0,.55), 0 0 0 1px rgba(254,198,21,.04) inset;
}
.bnz-compare thead th.is-us {
    position: relative;
    box-shadow: 0 0 28px rgba(254,198,21,.35);
}
/* Tablo başlık logoları */
.bnz-th-stack { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.bnz-th-ic {
    font-family: var(--bnz-font-mono);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--bnz-hairline);
    color: var(--bnz-text);
}
html[data-bnz-theme="dark"] .bnz-th-ic { background: var(--bnz-hairline-dark); }
.bnz-th-logos { display: inline-flex; align-items: center; gap: 8px; }
.bnz-compare thead th.is-us .bnz-th-stack { color: var(--bnz-on-primary); }
.bnz-compare thead th.is-us .bnz-th-logos img {
    filter: brightness(0) saturate(100%);
    /* Logo sarı zeminin üstünde tam siyah görünür — hem light hem dark tema'da */
}
.bnz-compare thead th.is-us .bnz-th-stack > span:last-child {
    font-family: var(--bnz-font-mono);
    font-size: 12px;
    font-weight: 800;
    color: var(--bnz-on-primary);
    letter-spacing: .04em;
}
.bnz-compare tbody td.is-us {
    border-left: 1px solid rgba(254,198,21,.25);
    border-right: 1px solid rgba(254,198,21,.25);
}
.bnz-compare tbody tr:last-child td.is-us {
    border-bottom: 2px solid var(--bnz-brand);
}
/* Yatay column highlight on hover */
.bnz-compare-wrap { position: relative; }
.bnz-compare-wrap::after {
    content: '';
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 25%;
    background: linear-gradient(180deg, transparent, rgba(254,198,21,.05) 50%, transparent);
    pointer-events: none;
    border-radius: 12px;
}
/* Score-style mini bar (her satırda görsel oransal) */
.bnz-compare-bar {
    display: block;
    height: 4px;
    border-radius: 4px;
    margin-top: 6px;
    background: var(--bnz-hairline);
    overflow: hidden;
    position: relative;
}
.bnz-compare-bar > i {
    display: block;
    height: 100%;
    background: currentColor;
    border-radius: 4px;
    transition: width .6s cubic-bezier(.34,1.2,.5,1);
}
.bnz-compare td.is-good .bnz-compare-bar > i { background: var(--bnz-up); }
.bnz-compare td.is-bad .bnz-compare-bar > i { background: var(--bnz-down); }
.bnz-compare td.is-us .bnz-compare-bar > i { background: var(--bnz-brand); box-shadow: 0 0 12px rgba(254,198,21,.55); }

/* ====== 15.14 ONEPAGER — modern dinamik scroll deneyimi ======
 * Parallax reveal, section başlığı sticky, içerikler aşağıdan kayar. */
.bnz-public.is-onepager {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
.bnz-public.is-onepager > main > section {
    min-height: 92vh;
    padding-top: 100px;
    padding-bottom: 80px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.bnz-public.is-onepager > main > section.bnz-hero { min-height: 100vh; }

/* Yumuşak section geçişi: alt kenarda sarı çizgi reveal */
.bnz-public.is-onepager > main > section::after {
    content: '';
    position: absolute;
    left: 50%; bottom: 24px;
    width: 0; height: 1px;
    background: var(--bnz-brand);
    box-shadow: 0 0 12px rgba(254,198,21,.4);
    transform: translateX(-50%);
    transition: width .8s cubic-bezier(.4, 0, .2, 1) .2s;
    pointer-events: none;
}
.bnz-public.is-onepager > main > section.is-in-view::after { width: 60%; }

/* Onepager-spesifik section içeriği reveal animasyonu */
.bnz-public.is-onepager .bnz-reveal {
    opacity: 0;
    transform: translateY(40px) scale(.98);
    transition: opacity .8s cubic-bezier(.34, 1.2, .5, 1), transform .8s cubic-bezier(.34, 1.2, .5, 1);
}
.bnz-public.is-onepager .bnz-reveal.is-in {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Section header'da büyük gölge nokta numarası (parallax) */
.bnz-public.is-onepager .bnz-section-head { position: relative; }
.bnz-public.is-onepager .bnz-section-head::before {
    content: attr(data-step);
    position: absolute;
    top: -60px; right: -20px;
    font-family: var(--bnz-font-mono);
    font-size: 160px;
    font-weight: 800;
    line-height: 1;
    color: rgba(254,198,21,.06);
    pointer-events: none;
    user-select: none;
    transform: translateY(var(--bnz-step-offset, 0));
    will-change: transform;
    z-index: 0;
}

/* Footer onepager dışı */
.bnz-public.is-onepager > footer { min-height: auto; }

/* Stat sayıları onepager'da daha dramatik counter */
.bnz-public.is-onepager .bnz-stat-num {
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1;
}

@media (max-width: 1024px) {
    .bnz-public.is-onepager > main > section {
        min-height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .bnz-public.is-onepager .bnz-section-head::before {
        font-size: 96px;
        top: -36px; right: -8px;
    }
}

/* Onepager hero — parallax-ish hero gradient */
.bnz-public.is-onepager .bnz-hero {
    background: radial-gradient(ellipse at 30% 0%, rgba(254,198,21,.12), transparent 55%), var(--bnz-bg);
}
html[data-bnz-theme="dark"] .bnz-public.is-onepager .bnz-hero {
    background: radial-gradient(ellipse at 30% 0%, rgba(254,198,21,.10), transparent 55%), var(--bnz-bg);
}

/* ====== 15B. PRELOADER (Callmenta amblem · puls + halka + bar) ====== */
.bnz-preloader{
    position:fixed; inset:0; z-index:9999;
    display:flex; align-items:center; justify-content:center; flex-direction:column;
    gap:28px;
    background:var(--bnz-bg);
    opacity:1; transition:opacity .55s ease, visibility .55s ease;
}
html[data-bnz-theme="dark"] .bnz-preloader{
    background:radial-gradient(ellipse at center, #14171c 0%, #0b0e11 70%);
}
html[data-bnz-theme="light"] .bnz-preloader{
    background:radial-gradient(ellipse at center, #ffffff 0%, #f6f7f9 70%);
}
.bnz-preloader.is-hidden{ opacity:0; visibility:hidden; pointer-events:none; }
.bnz-preloader-srt{ position:absolute; left:-9999px; }

.bnz-preloader-stage{
    position:relative;
    width:140px; height:140px;
    display:flex; align-items:center; justify-content:center;
}
.bnz-preloader-amblem{
    width:84px; height:auto;
    fill:var(--bnz-brand);
    filter:drop-shadow(0 0 24px rgba(254,198,21,.45));
    animation:bnz-pre-pulse 1.6s ease-in-out infinite;
    z-index:2;
}
.bnz-preloader-glow{
    position:absolute; inset:0;
    border-radius:50%;
    background:radial-gradient(circle, rgba(254,198,21,.28), transparent 65%);
    animation:bnz-pre-glow 2.2s ease-in-out infinite;
    z-index:1;
}
.bnz-preloader-ring{
    position:absolute; inset:0;
    border-radius:50%;
    border:2px solid transparent;
    border-top-color:var(--bnz-brand);
    border-right-color:rgba(254,198,21,.35);
    animation:bnz-pre-spin 1.2s linear infinite;
    z-index:2;
}
.bnz-preloader-ring::after{
    content:""; position:absolute; inset:10px;
    border-radius:50%;
    border:1px solid transparent;
    border-bottom-color:rgba(254,198,21,.5);
    animation:bnz-pre-spin 1.8s linear infinite reverse;
}
.bnz-preloader-bar{
    position:relative;
    width:180px; height:3px;
    border-radius:999px;
    background:rgba(254,198,21,.12);
    overflow:hidden;
}
.bnz-preloader-bar span{
    position:absolute; top:0; left:-40%;
    width:40%; height:100%;
    background:linear-gradient(90deg, transparent, var(--bnz-brand), transparent);
    border-radius:999px;
    animation:bnz-pre-bar 1.3s ease-in-out infinite;
}

@keyframes bnz-pre-pulse{
    0%,100%{ transform:scale(1); opacity:.92; }
    50%   { transform:scale(1.08); opacity:1; }
}
@keyframes bnz-pre-glow{
    0%,100%{ opacity:.55; transform:scale(.85); }
    50%   { opacity:1;   transform:scale(1.15); }
}
@keyframes bnz-pre-spin{ to{ transform:rotate(360deg); } }
@keyframes bnz-pre-bar{
    0%  { left:-40%; }
    100%{ left:100%; }
}

@media (prefers-reduced-motion: reduce){
    .bnz-preloader-amblem,
    .bnz-preloader-glow,
    .bnz-preloader-ring,
    .bnz-preloader-ring::after,
    .bnz-preloader-bar span{ animation-duration: 3s; }
}

/* ====== 16. UTILS ====== */
.bnz-mt-2 { margin-top: 8px; } .bnz-mt-3 { margin-top: 12px; } .bnz-mt-4 { margin-top: 16px; } .bnz-mt-6 { margin-top: 24px; } .bnz-mt-8 { margin-top: 32px; } .bnz-mt-12 { margin-top: 48px; }
.bnz-mb-2 { margin-bottom: 8px; } .bnz-mb-3 { margin-bottom: 12px; } .bnz-mb-4 { margin-bottom: 16px; } .bnz-mb-6 { margin-bottom: 24px; } .bnz-mb-8 { margin-bottom: 32px; }
.bnz-text-center { text-align: center; }
.bnz-flex { display: flex; }
.bnz-flex-between { display: flex; align-items: center; justify-content: space-between; }
.bnz-gap-2 { gap: 8px; } .bnz-gap-3 { gap: 12px; } .bnz-gap-4 { gap: 16px; }