/* ═══════════════════════════════════════════════════════════════
   KAZANÇLI YATIRIM — Kurumsal Yatırım Tasarım Sistemi
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* Kurumsal koyu palet */
    --bg-base: #0A0D12;
    --bg-surface: #0F141C;
    --bg-raised: #141B26;
    --bg-deep: #060810;
    --bg-panel: #1A2332;

    --text-primary: #ECEFF4;
    --text-secondary: rgba(236,239,244,0.72);
    --text-muted: rgba(236,239,244,0.48);

    --gold: #B8945F;
    --gold-soft: #D4BC8A;
    --gold-dim: rgba(184,148,95,0.15);

    --navy: #152238;
    --navy-light: #1E3050;

    --success: #3DAA7A;
    --danger: #C75C5C;
    --neutral: #7A8494;
    --warning: #C9A84C;

    /* Eski değişken eşleştirmeleri (JS uyumluluğu) */
    --cream: var(--text-primary);
    --cream-dark: var(--bg-surface);
    --ink: var(--text-primary);
    --ink-soft: var(--text-secondary);
    --ink-muted: var(--text-muted);
    --teal: var(--navy-light);
    --teal-deep: var(--bg-deep);
    --teal-light: var(--navy-light);
    --copper: var(--gold);
    --copper-light: var(--gold-soft);
    --white: var(--bg-raised);

    --bg-dark: var(--bg-deep);
    --bg-lighter: var(--bg-surface);
    --panel-dark: var(--bg-panel);
    --accent-gold: var(--gold);
    --accent-blue: var(--navy);
    --text-main: var(--text-primary);
    --text-dim: var(--text-muted);
    --border: rgba(184,148,95,0.22);
    --border-dim: rgba(255,255,255,0.08);

    --font-display: 'Instrument Serif', Georgia, serif;
    --font-body: 'DM Sans', system-ui, sans-serif;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* Cam & kabartma sistemi */
    --glass-bg: rgba(22, 30, 44, 0.62);
    --glass-bg-strong: rgba(14, 19, 28, 0.88);
    --glass-bg-subtle: rgba(255, 255, 255, 0.06);
    --glass-border: rgba(255, 255, 255, 0.12);
    --glass-border-top: rgba(255, 255, 255, 0.2);
    --glass-blur: 28px;
    --glass-saturate: 175%;

    --emboss-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    --emboss-depth: inset 0 -1px 0 rgba(0, 0, 0, 0.35);
    --emboss-rim: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    --emboss-inset: inset 0 2px 12px rgba(0, 0, 0, 0.42), inset 0 -1px 0 rgba(255, 255, 255, 0.06);
    --emboss-inset-deep: inset 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);

    --shadow-glass: 0 10px 40px rgba(0, 0, 0, 0.38), 0 2px 10px rgba(0, 0, 0, 0.22);
    --shadow-glass-hover: 0 24px 64px rgba(0, 0, 0, 0.48), 0 8px 20px rgba(0, 0, 0, 0.28);
    --shadow-glass-lift: var(--emboss-highlight), var(--emboss-depth), var(--emboss-rim), var(--shadow-glass);
    --shadow-glass-lift-hover: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.38), var(--emboss-rim), var(--shadow-glass-hover);

    --shadow-soft: var(--shadow-glass);
    --shadow-medium: var(--shadow-glass-hover);
    --shadow-strong: var(--emboss-highlight), 0 24px 64px rgba(0, 0, 0, 0.52);
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --nav-h: 64px;
    --nav-float-top: 20px;
    --nav-float-x: 28px;
    --nav-float-radius: 18px;
    --nav-total-offset: calc(var(--nav-h) + var(--nav-float-top) + 32px);

    /* Altın oran — bölüm başlık illüstrasyonları */
    --phi: 1.618;
    --section-header-text-w: 560px;
    --section-header-illus-w: calc(var(--section-header-text-w) / var(--phi));
}

/* ─── Cam & kabartma yardımcıları ─── */
.glass-raised {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass-lift);
}

.glass-inset {
    background: rgba(6, 8, 16, 0.55);
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--emboss-inset), var(--emboss-rim);
}

/* Üst kenar ışıltısı — cam panel rim */
.glass-shine::before,
.process-card::after,
.opp-card::after,
.journey-card::after,
.project-card::after,
.intel-module::after,
.service-col::before,
.hero-visual::before,
.section-img-wrap::before,
.subscribe-box::before,
.modal-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22) 50%, transparent);
    pointer-events: none;
    z-index: 2;
}

@supports not (backdrop-filter: blur(1px)) {
    .glass-raised { background: var(--bg-raised); }
    .glass-inset { background: var(--bg-panel); }
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

@media (max-width: 767px) {
    html { scroll-behavior: auto; }
}

body {
    font-family: var(--font-body);
    background:
        radial-gradient(ellipse 90% 60% at 15% -10%, rgba(184, 148, 95, 0.07) 0%, transparent 55%),
        radial-gradient(ellipse 70% 50% at 95% 20%, rgba(30, 48, 80, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(21, 34, 56, 0.2) 0%, transparent 45%),
        var(--bg-base);
    color: var(--text-primary);
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
    background-size: 64px 64px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.45;
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
    opacity: 0.6;
}

h1, h2, h3, h4, h5 { font-family: var(--font-display); font-weight: 400; line-height: 1.15; }
a { text-decoration: none; color: inherit; transition: color 0.25s var(--ease-out); }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

.container {
    width: min(1280px, calc(100% - 48px));
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

/* ─── NAVIGATION — yüzen cam kutucuk ─── */
.site-header {
    position: fixed;
    top: var(--nav-float-top);
    left: var(--nav-float-x);
    right: var(--nav-float-x);
    z-index: 1000;
    height: var(--nav-h);
    display: flex;
    align-items: center;
    padding-inline: 20px;
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    border-radius: var(--nav-float-radius);
    box-shadow: var(--shadow-glass-lift);
    transition:
        background 0.45s var(--ease-out),
        box-shadow 0.45s var(--ease-out),
        border-color 0.45s var(--ease-out),
        transform 0.45s var(--ease-out);
    overflow: hidden;
    isolation: isolate;
}

.site-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    pointer-events: none;
    z-index: 1;
}

.site-header::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: var(--emboss-rim);
    pointer-events: none;
    z-index: 0;
}

.site-header.scrolled {
    background: var(--glass-bg-strong);
    backdrop-filter: blur(calc(var(--glass-blur) + 4px)) saturate(calc(var(--glass-saturate) + 10%));
    -webkit-backdrop-filter: blur(calc(var(--glass-blur) + 4px)) saturate(calc(var(--glass-saturate) + 10%));
    border-color: var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift-hover);
}

.header-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
}

.logo {
    font-family: var(--font-display);
    font-size: 1.35rem;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    justify-self: start;
    line-height: 1.2;
    flex-shrink: 0;
}

.logo em { font-style: italic; color: var(--gold); }

.nav-links {
    display: none;
    gap: 32px;
    justify-self: center;
}

.nav-links a {
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    position: relative;
}

.nav-links a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--gold);
    transition: width 0.3s var(--ease-out);
}

.nav-links a:hover {
    color: var(--text-primary);
}

@media (min-width: 1024px) {
    .nav-links a:hover {
        background: var(--glass-bg-subtle);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        padding: 6px 12px;
        margin: -6px -12px;
        border-radius: var(--radius-sm);
        box-shadow: var(--emboss-inset);
    }
}
.nav-links a:hover::after { width: 100%; background: var(--gold); }

.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-self: end;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    transition: all 0.35s var(--ease-out);
}

.btn-primary {
    background: linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 55%, #A6844F 100%);
    color: var(--bg-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 0 rgba(0, 0, 0, 0.12), 0 4px 20px rgba(184, 148, 95, 0.32);
}

.btn-primary:hover {
    background: linear-gradient(180deg, #E2CEA0 0%, var(--gold-soft) 55%, var(--gold) 100%);
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 8px 28px rgba(184, 148, 95, 0.4);
}

.btn-ghost {
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--text-secondary);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-highlight), 0 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-ghost:hover {
    border-color: rgba(184, 148, 95, 0.4);
    color: var(--gold);
    background: rgba(184, 148, 95, 0.08);
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(0, 0, 0, 0.2);
}

.btn-copper {
    background: linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 55%, #A6844F 100%);
    color: var(--bg-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 0 rgba(0, 0, 0, 0.12), 0 4px 20px rgba(184, 148, 95, 0.32);
}

.btn-copper:hover {
    background: linear-gradient(180deg, #E2CEA0 0%, var(--gold-soft) 55%, var(--gold) 100%);
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 8px 28px rgba(184, 148, 95, 0.4);
}

.menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    padding: 0;
    box-shadow: var(--emboss-inset);
    transition: box-shadow 0.25s, border-color 0.25s, background 0.25s;
}

.menu-toggle:hover {
    border-color: var(--glass-border-top);
    box-shadow: var(--emboss-highlight), var(--emboss-inset);
}

.menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    background: var(--text-primary);
    transition: transform 0.35s var(--ease-out), opacity 0.25s;
    border-radius: 2px;
    transform-origin: center;
}

.menu-toggle.active {
    background: rgba(184, 148, 95, 0.12);
    border-color: rgba(184, 148, 95, 0.35);
}

.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ─── MOBİL MENÜ (cam panel) ─── */
.mobile-nav {
    position: fixed;
    inset: 0;
    z-index: 1100;
    pointer-events: none;
    visibility: hidden;
}

.mobile-nav.open {
    pointer-events: auto;
    visibility: visible;
}

.mobile-nav-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 6, 12, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity 0.4s var(--ease-out);
}

.mobile-nav.open .mobile-nav-backdrop { opacity: 1; }

.mobile-nav-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(100%, 380px);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(12, 16, 24, 0.92);
    backdrop-filter: blur(32px) saturate(1.5);
    -webkit-backdrop-filter: blur(32px) saturate(1.5);
    border-left: 1px solid var(--glass-border-top);
    box-shadow: -16px 0 48px rgba(0, 0, 0, 0.45), var(--emboss-highlight);
    transform: translateX(100%);
    transition: transform 0.45s var(--ease-out);
    overflow: hidden;
}

.mobile-nav.open .mobile-nav-panel { transform: translateX(0); }

.mobile-nav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--glass-border);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
}

.mobile-nav-logo {
    font-family: var(--font-display);
    font-size: 1.15rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    white-space: nowrap;
    padding: 0;
}

.mobile-nav-logo:hover {
    background: none;
    box-shadow: none;
}

.mobile-nav-logo em { font-style: italic; color: var(--gold); }

.mobile-nav-close {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg-subtle);
    color: var(--text-primary);
    cursor: pointer;
    box-shadow: var(--emboss-inset);
    transition: border-color 0.25s, background 0.25s;
}

.mobile-nav-close:hover {
    border-color: var(--glass-border-top);
    background: rgba(255, 255, 255, 0.08);
}

.mobile-nav-body {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 20px 16px 24px;
    -webkit-overflow-scrolling: touch;
}

.mobile-nav-label {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 12px;
    padding-left: 4px;
}

.mobile-nav-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mobile-nav-link {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--emboss-inset);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 500;
    transition: border-color 0.25s, background 0.25s, transform 0.25s var(--ease-out), box-shadow 0.25s;
    opacity: 0;
    transform: translateX(12px);
}

.mobile-nav.open .mobile-nav-link {
    opacity: 1;
    transform: none;
}

.mobile-nav.open .mobile-nav-link:nth-child(1) { transition-delay: 0.05s; }
.mobile-nav.open .mobile-nav-link:nth-child(2) { transition-delay: 0.08s; }
.mobile-nav.open .mobile-nav-link:nth-child(3) { transition-delay: 0.11s; }
.mobile-nav.open .mobile-nav-link:nth-child(4) { transition-delay: 0.14s; }
.mobile-nav.open .mobile-nav-link:nth-child(5) { transition-delay: 0.17s; }
.mobile-nav.open .mobile-nav-link:nth-child(6) { transition-delay: 0.2s; }
.mobile-nav.open .mobile-nav-link:nth-child(7) { transition-delay: 0.23s; }
.mobile-nav.open .mobile-nav-link:nth-child(8) { transition-delay: 0.26s; }
.mobile-nav.open .mobile-nav-link:nth-child(9) { transition-delay: 0.29s; }
.mobile-nav.open .mobile-nav-link:nth-child(10) { transition-delay: 0.32s; }

.mobile-nav-link:active {
    transform: scale(0.98);
}

.mobile-nav-link:hover,
.mobile-nav-link:focus-visible {
    border-color: rgba(184, 148, 95, 0.35);
    background: rgba(184, 148, 95, 0.1);
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(0, 0, 0, 0.18);
    outline: none;
}

.mobile-nav-index {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--gold);
    opacity: 0.85;
}

.mobile-nav-text { line-height: 1.3; }

.mobile-nav-arrow {
    color: var(--text-muted);
    font-size: 0.85rem;
    transition: transform 0.25s, color 0.25s;
}

.mobile-nav-link:hover .mobile-nav-arrow {
    color: var(--gold);
    transform: translateX(3px);
}

.mobile-nav-footer {
    display: flex;
    padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--glass-border);
    background: rgba(6, 8, 16, 0.65);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    flex-shrink: 0;
}

.mobile-nav-footer .btn-header-mobile {
    width: 100%;
    padding: 13px 12px;
    font-size: 0.68rem;
}

body.nav-open .site-header {
    z-index: 1200;
}

@media (prefers-reduced-motion: reduce) {
    .mobile-nav-link,
    .mobile-nav-panel,
    .mobile-nav-backdrop { transition: none; }
    .mobile-nav.open .mobile-nav-link { transition-delay: 0s; }
}

@media (min-width: 1024px) {
    .nav-links { display: flex; }
    .menu-toggle { display: none; }

    .site-header {
        left: 50%;
        right: auto;
        width: min(1280px, calc(100% - 2 * var(--nav-float-x)));
        transform: translateX(-50%);
    }

    .site-header.scrolled {
        transform: translateX(-50%);
    }
}

/* ─── MOBİL HEADER ─── */
@media (max-width: 1023px) {
    :root {
        --nav-h: 56px;
        --nav-float-top: 14px;
        --nav-float-x: 16px;
        --nav-float-radius: 16px;
        --nav-total-offset: calc(var(--nav-h) + var(--nav-float-top) + 24px);
    }

    .site-header {
        height: var(--nav-h);
        padding-inline: 14px;
    }

    .header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

    .logo {
        flex: 1 1 auto;
        min-width: 0;
        font-size: clamp(0.95rem, 3.8vw, 1.15rem);
        line-height: 1.2;
        padding: 2px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .logo:hover {
        background: none;
        box-shadow: none;
    }

    .header-actions {
        gap: 6px;
        flex-shrink: 0;
    }

    .btn-header-compact {
        padding: 10px 12px;
        font-size: 0.62rem;
        letter-spacing: 0.04em;
        min-height: 40px;
        white-space: nowrap;
    }

    .header-actions .btn-primary {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 2px 10px rgba(184, 148, 95, 0.28);
    }

    .header-actions .btn-primary:hover { transform: none; }
}

@media (max-width: 380px) {
    :root { --nav-float-x: 12px; }

    .btn-header-compact {
        padding: 10px 14px;
        font-size: 0.65rem;
    }
}

@media (min-width: 381px) and (max-width: 1023px) {
    .btn-header-compact {
        padding: 10px 14px;
        font-size: 0.68rem;
    }
}

/* ─── SECTION UTILITIES ─── */
.section { padding: 100px 0; position: relative; }
.section-sm { padding: 64px 0; }
.section-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: inline-block;
    padding: 6px 14px;
    background: rgba(184, 148, 95, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(184, 148, 95, 0.22);
    border-radius: 100px;
    box-shadow: var(--emboss-highlight), 0 2px 10px rgba(0, 0, 0, 0.15);
}
.section-title {
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}
.section-desc {
    font-size: 1.05rem;
    color: var(--text-secondary);
    max-width: 52ch;
    line-height: 1.7;
}
.text-gold { color: var(--gold); }

.section { padding: 100px 0; position: relative; background: transparent; }

.reveal {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}
.reveal.visible { opacity: 1; transform: none; }

.grid-2 { display: grid; gap: 48px; align-items: center; }
@media (min-width: 1024px) { .grid-2 { grid-template-columns: 1fr 1fr; gap: 80px; } }

/* ─── HERO ─── */
.hero {
    min-height: 100vh;
    padding-top: var(--nav-total-offset);
    padding-bottom: 80px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle 420px at 78% 18%, rgba(184, 148, 95, 0.09) 0%, transparent 70%),
        radial-gradient(circle 360px at 12% 82%, rgba(30, 48, 80, 0.16) 0%, transparent 70%),
        radial-gradient(circle 280px at 50% 50%, rgba(255, 255, 255, 0.02) 0%, transparent 60%),
        linear-gradient(180deg, var(--bg-base) 0%, var(--bg-surface) 100%);
    z-index: -1;
}

.hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 40% 30% at 70% 30%, rgba(184, 148, 95, 0.04) 0%, transparent 70%),
        radial-gradient(ellipse 35% 25% at 20% 70%, rgba(30, 48, 80, 0.06) 0%, transparent 70%);
    pointer-events: none;
}

.hero-grid { display: grid; gap: 48px; align-items: center; }
@media (min-width: 1024px) { .hero-grid { grid-template-columns: 1.1fr 0.9fr; gap: 64px; } }

.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold-soft);
    margin-bottom: 28px;
    padding: 8px 16px;
    background: rgba(184, 148, 95, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(184, 148, 95, 0.22);
    border-radius: 100px;
    box-shadow: var(--emboss-highlight), 0 2px 12px rgba(0, 0, 0, 0.18);
}

.hero-eyebrow::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--gold);
    border-radius: 50%;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.4); }
}

.hero-title {
    font-size: clamp(3.2rem, 8vw, 6.5rem);
    letter-spacing: -0.04em;
    line-height: 0.95;
    margin-bottom: 28px;
}

.hero-title .accent {
    font-style: italic;
    color: var(--gold);
    display: block;
}

.hero-desc {
    font-size: 1.1rem;
    color: var(--text-secondary);
    max-width: 44ch;
    margin-bottom: 40px;
    padding: 20px 24px;
    border-left: 3px solid var(--gold);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-top: 1px solid var(--glass-border);
    border-right: 1px solid var(--glass-border);
    border-bottom: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass-lift);
}

.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.hero-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    border-radius: var(--radius-xl);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
}

.hero-visual::before {
    left: 12%;
    right: 12%;
}

.hero-visual img {
    width: 100%;
    max-width: 480px;
    filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.45));
    position: relative;
    z-index: 1;
}

.hero-stat-card {
    position: absolute;
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--radius-md);
    padding: 16px 20px;
    box-shadow: var(--shadow-glass-lift);
    border: 1px solid var(--glass-border);
    animation: float 6s ease-in-out infinite;
}

.hero-stat-card:nth-child(2) { animation-delay: -2s; }
.hero-stat-card:nth-child(3) { animation-delay: -4s; }

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.stat-card-roi { bottom: 10%; left: -5%; }
.stat-card-risk { top: 15%; right: -5%; }
.stat-card-portfolio { bottom: 35%; right: 0; }

.stat-value {
    font-family: var(--font-display);
    font-size: 1.6rem;
    color: var(--gold);
    line-height: 1;
}

.stat-label {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-top: 4px;
}

/* ─── VISION (DARK BAND) ─── */
.vision {
    background: rgba(6, 8, 16, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--text-primary);
    overflow: hidden;
    border-top: 1px solid var(--glass-border-top);
    border-bottom: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vision .grid-2 { direction: rtl; }
.vision .grid-2 > * { direction: ltr; }

.vision-title {
    font-size: clamp(2.8rem, 6vw, 5rem);
    line-height: 0.95;
    letter-spacing: -0.03em;
}

.vision-title .outline {
    color: transparent;
    -webkit-text-stroke: 1px rgba(236,239,244,0.2);
    display: block;
}

.vision-title .solid {
    color: var(--gold-soft);
    display: block;
    font-style: italic;
}

.vision-text {
    font-size: 1.15rem;
    color: var(--text-secondary);
    max-width: 44ch;
    margin-top: 32px;
    line-height: 1.75;
}

/* ─── ASSETS TABLE ─── */
.assets-section {
    background: rgba(15, 20, 28, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid var(--glass-border);
}

.assets-title {
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.02em;
    margin-bottom: 32px;
}

.assets-title span { color: var(--gold); display: block; }

@media (min-width: 1024px) {
    .assets-grid-layout { grid-template-columns: 1.5fr 1fr !important; }
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--radius-md);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    box-shadow: var(--shadow-glass-lift);
}

table.global-assets-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}

table.global-assets-table th {
    text-align: left;
    padding: 14px 18px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    white-space: nowrap;
}

table.global-assets-table td {
    padding: 14px 18px;
    font-size: 0.88rem;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-dim);
    white-space: nowrap;
    transition: background 0.2s;
}

table.global-assets-table tbody tr:hover td { background: rgba(255,255,255,0.03); }
table.global-assets-table td:first-child { color: var(--text-muted); font-size: 0.8rem; }

.highlight-row { background: var(--gold-dim) !important; }
.highlight-row td {
    font-weight: 600 !important;
    border-top: 1px solid var(--gold) !important;
    border-bottom: 1px solid var(--gold) !important;
    color: var(--text-primary) !important;
}
.highlight-row td:first-child {
    border-left: 3px solid var(--gold) !important;
    color: var(--gold) !important;
}

.dir-up { color: var(--success) !important; font-weight: 600; }
.dir-down { color: var(--danger) !important; font-weight: 600; }
.dir-flat { color: var(--neutral) !important; }

.hidden-row { display: none; }

.show-more-btn {
    display: block;
    margin: 20px auto 0;
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(184, 148, 95, 0.35);
    color: var(--gold);
    padding: 12px 32px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
    box-shadow: var(--emboss-highlight), 0 2px 10px rgba(0, 0, 0, 0.15);
}

.show-more-btn:hover {
    background: linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 100%);
    color: var(--bg-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 6px 20px rgba(184, 148, 95, 0.3);
}

.market-disclaimer {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-style: italic;
    padding: 12px 16px;
    margin-top: 12px;
    border-radius: var(--radius-sm);
    background: rgba(6, 8, 16, 0.45);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
}

.section-img {
    width: 100%;
    max-width: 480px;
    margin-inline: auto;
    filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.4));
    border-radius: var(--radius-lg);
    padding: 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
}

#kulup .section-img {
    max-width: min(100%, 620px);
}

@media (min-width: 1024px) {
    #kulup .section-img {
        max-width: 100%;
    }
}

/* ─── PROCESS ─── */
.process-section {
    background: transparent;
    border-top: 1px solid var(--glass-border);
}

.calc-cta-section {
    background: transparent;
    border-top: 1px solid var(--glass-border);
    border-bottom: 1px solid var(--glass-border);
}

.portal-section {
    background: rgba(6, 8, 16, 0.35);
    border-top: 1px solid var(--glass-border);
}

.portal-disclaimer {
    margin-top: 24px;
    padding: 16px 18px;
    font-size: 0.84rem;
    line-height: 1.65;
    color: var(--text-muted);
    border-radius: var(--radius-md);
    background: rgba(201, 168, 76, 0.06);
    border: 1px solid rgba(201, 168, 76, 0.22);
    border-left: 3px solid var(--warning);
}

.portal-disclaimer strong {
    color: var(--warning);
    font-weight: 600;
}

.process-grid {
    display: grid;
    gap: 24px;
    margin-bottom: 64px;
}

@media (min-width: 1024px) { .process-grid { grid-template-columns: repeat(3, 1fr); } }

.process-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--radius-lg);
    padding: 36px 32px;
    border: 1px solid var(--glass-border);
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-glass-lift);
    transition: transform 0.4s var(--ease-out), box-shadow 0.4s var(--ease-out), border-color 0.4s var(--ease-out);
}

.process-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-glass-lift-hover);
    border-color: var(--glass-border-top);
}

.process-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), var(--gold-soft));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s var(--ease-out);
}

.process-card:hover::before { transform: scaleX(1); }

.p-number {
    font-family: var(--font-display);
    font-size: 4rem;
    color: rgba(255,255,255,0.04);
    position: absolute;
    top: 12px;
    right: 20px;
    line-height: 1;
}

.p-title {
    font-family: var(--font-display);
    font-size: 1.5rem;
    margin: 16px 0 12px;
    color: var(--text-primary);
}

.p-desc { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.65; }

/* ─── SUBSCRIBE ─── */
.subscribe-block {
    text-align: center;
    max-width: 640px;
    margin-inline: auto;
}

.subscribe-img {
    max-width: 320px;
    margin: 0 auto 40px;
    opacity: 0.9;
}

.subscribe-box {
    background: var(--glass-bg-strong);
    backdrop-filter: blur(28px) saturate(1.6);
    -webkit-backdrop-filter: blur(28px) saturate(1.6);
    color: var(--text-primary);
    border-radius: var(--radius-xl);
    padding: 48px 40px;
    box-shadow: var(--shadow-glass-lift);
    border: 1px solid var(--glass-border-top);
    position: relative;
    overflow: hidden;
}

.subscribe-box h3 {
    font-family: var(--font-display);
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.subscribe-box p { color: var(--text-secondary); margin-bottom: 28px; }

.sub-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 640px) { .sub-form { flex-direction: row; } }

.sub-input {
    flex: 1;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    background: rgba(6, 8, 16, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--text-primary);
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
    box-shadow: var(--emboss-inset);
}

.sub-input::placeholder { color: var(--text-muted); }
.sub-input:focus {
    border-color: rgba(184, 148, 95, 0.45);
    box-shadow: var(--emboss-inset), 0 0 0 3px rgba(184, 148, 95, 0.12);
}

.sub-btn {
    padding: 16px 32px;
    background: linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 100%);
    color: var(--bg-deep);
    border: none;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 4px 16px rgba(184, 148, 95, 0.28);
}

.sub-btn:hover {
    background: linear-gradient(180deg, #E2CEA0 0%, var(--gold-soft) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 6px 22px rgba(184, 148, 95, 0.38);
}

/* ─── SERVICES ─── */
.services-split {
    display: grid;
    gap: 64px;
}

@media (min-width: 768px) and (max-width: 1023px) { .services-split { grid-template-columns: 1fr 1fr; gap: 40px; } }
@media (min-width: 1024px) { .services-split { grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 3vw, 44px); } }

.service-col {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    border-radius: var(--radius-xl);
    padding: 40px 36px;
    box-shadow: var(--shadow-glass-lift);
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.4s var(--ease-out), transform 0.4s var(--ease-out), border-color 0.4s;
}

.service-col:hover {
    box-shadow: var(--shadow-glass-lift-hover);
    transform: translateY(-3px);
    border-color: rgba(184, 148, 95, 0.25);
}

.service-col::before {
    left: 10%;
    right: 10%;
}

.service-col h5 {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    color: var(--gold);
    margin-bottom: 12px;
}

.service-col h2 {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    margin-bottom: 16px;
}

.service-title-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    width: fit-content;
    transition: color 0.3s var(--ease-out);
}

.service-title-link .service-title-arrow {
    font-size: 0.62em;
    color: var(--gold);
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out);
}

.service-title-link:hover,
.service-title-link.is-hint {
    color: var(--gold-soft);
}

.service-title-link:hover .service-title-arrow,
.service-title-link.is-hint .service-title-arrow {
    opacity: 1;
    transform: translateX(0);
}

.service-title-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 6px;
    border-radius: 6px;
}

.service-col p { color: var(--ink-soft); margin-bottom: 28px; }

.service-img {
    width: 200px;
    margin-bottom: 28px;
    opacity: 0.95;
}

.service-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    border-bottom: none;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    font-weight: 500;
    cursor: pointer;
    background: rgba(6, 8, 16, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--emboss-inset);
    transition: all 0.3s var(--ease-out);
}

.service-list li:hover,
.service-list li.is-hint {
    color: var(--gold);
    padding-left: 22px;
    background: rgba(184, 148, 95, 0.1);
    border-color: rgba(184, 148, 95, 0.3);
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(0, 0, 0, 0.2);
}

.service-list li span { color: var(--gold); opacity: 0; transform: translateX(-6px); transition: opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out); }
.service-list li:hover span,
.service-list li.is-hint span { opacity: 1; transform: translateX(0); }

.service-list-static li {
    cursor: default;
    justify-content: flex-start;
}

.service-list-static li:hover,
.service-list-static li.is-hint {
    color: inherit;
    padding-left: 18px;
    background: rgba(6, 8, 16, 0.45);
    border-color: var(--glass-border);
    box-shadow: var(--emboss-inset);
}

/* ─── PORTFOLIO ─── */
.portfolio-section {
    background: rgba(6, 8, 16, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--text-primary);
    border-top: 1px solid var(--glass-border-top);
}

.portfolio-header {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 56px;
}

@media (min-width: 768px) {
    .portfolio-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: clamp(24px, 4vw, 48px);
    }
}

.section-header-illus {
    display: block;
    width: clamp(220px, 32vw, var(--section-header-illus-w));
    aspect-ratio: 1 / var(--phi);
    object-fit: contain;
    flex-shrink: 0;
    align-self: center;
    opacity: 0.92;
    filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.34));
    padding: clamp(18px, 2.8vw, 28px);
    border-radius: var(--radius-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
    box-sizing: border-box;
}

/* Mobilde başlık görseli: dikey (altın oran) yerine dengeli, ortalanmış kare. */
@media (max-width: 767px) {
    .section-header-illus {
        width: clamp(190px, 62vw, 280px);
        aspect-ratio: 1 / 1.04;
        padding: clamp(16px, 5vw, 24px);
        margin: 6px auto 0;
    }
}

/* Featured section visuals: larger treatment for key editorial illustrations. */
.assets-section .section-img {
    max-width: min(100%, 620px);
    padding: clamp(16px, 2.4vw, 22px);
}

.assets-grid-layout > .reveal:last-child {
    display: flex;
    justify-content: center;
}

.intel-header .section-header-illus,
#portfoy .section-header-illus,
.cases-head .section-header-illus {
    width: clamp(300px, 39vw, 500px);
    padding: clamp(16px, 2.4vw, 24px);
}

@media (min-width: 1024px) {
    .assets-section .section-img {
        max-width: 100%;
    }

    .assets-grid-layout {
        align-items: stretch;
    }

    .assets-grid-layout > .reveal:last-child {
        align-self: stretch;
        align-items: center;
        padding-top: clamp(206px, 15vw, 228px);
    }

    .assets-grid-layout > .reveal:last-child .section-img {
        height: clamp(390px, 31vw, 430px);
        min-height: 0;
        max-height: none;
        object-fit: contain;
    }

    .intel-header .section-header-illus,
    #portfoy .section-header-illus,
    .cases-head .section-header-illus {
        margin-inline-start: clamp(12px, 2vw, 28px);
    }
}

@media (max-width: 767px) {
    .assets-section .section-img {
        max-width: min(92vw, 420px);
    }

    .assets-grid-layout > .reveal:last-child {
        align-items: center;
    }

    .intel-header .section-header-illus,
    #portfoy .section-header-illus,
    .cases-head .section-header-illus {
        width: clamp(240px, 78vw, 360px);
        padding: clamp(14px, 4vw, 20px);
    }
}

.portfolio-header h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.02em;
}

.portfolio-header p { color: var(--text-secondary); }

.portfolio-grid {
    display: grid;
    gap: 24px;
}

@media (min-width: 768px) { .portfolio-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .portfolio-grid { grid-template-columns: repeat(3, 1fr); } }

.project-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 32px;
    box-shadow: var(--shadow-glass-lift);
    transition: all 0.4s var(--ease-out);
    position: relative;
    overflow: hidden;
}

.project-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), var(--gold-soft));
}

.project-card:hover {
    background: rgba(255, 255, 255, 0.07);
    transform: translateY(-4px);
    box-shadow: var(--shadow-glass-lift-hover);
    border-color: var(--glass-border-top);
}

.project-loc {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold-soft);
    margin-bottom: 12px;
    display: block;
}

.project-title {
    font-family: var(--font-display);
    font-size: 1.6rem;
    margin-bottom: 32px;
    line-height: 1.2;
}

.project-stats {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--glass-border);
}

.stat-box {
    flex: 1;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    background: rgba(6, 8, 16, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
    transition: box-shadow 0.3s var(--ease-out);
}

.project-card:hover .stat-box {
    box-shadow: var(--emboss-highlight), var(--emboss-inset);
}

.stat-box label {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    display: block;
    margin-bottom: 4px;
}

.stat-box span {
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--gold-soft);
}

/* ─── Sansürlü / Üyelere Özel Portföy Kartları ─── */
.project-card--locked {
    overflow: hidden;
}

.project-censored {
    filter: blur(9px) saturate(1.15);
    -webkit-filter: blur(9px) saturate(1.15);
    opacity: 0.5;
    user-select: none;
    pointer-events: none;
    transform: scale(1.03);
    transform-origin: center;
}

.project-lock {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    padding: 28px 24px;
    background: radial-gradient(ellipse 85% 78% at 50% 45%, rgba(10, 13, 18, 0.4) 0%, rgba(10, 13, 18, 0.82) 100%);
    backdrop-filter: blur(3px) saturate(1.2);
    -webkit-backdrop-filter: blur(3px) saturate(1.2);
}

.project-lock-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--gold);
    background: rgba(184, 148, 95, 0.12);
    border: 1px solid rgba(184, 148, 95, 0.3);
    box-shadow: var(--emboss-highlight), 0 6px 20px rgba(0, 0, 0, 0.28);
}

.project-lock-badge {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold);
    padding: 5px 13px;
    border: 1px solid rgba(184, 148, 95, 0.3);
    border-radius: 100px;
    background: rgba(184, 148, 95, 0.1);
    box-shadow: var(--emboss-highlight);
}

.project-lock-text {
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--text-secondary);
    max-width: 24ch;
}

.project-lock-cta {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    background: rgba(184, 148, 95, 0.1);
    border: 1px solid rgba(184, 148, 95, 0.32);
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s var(--ease-out);
}

.project-lock-cta:hover {
    background: rgba(184, 148, 95, 0.2);
    color: var(--gold-soft);
    transform: translateY(-1px);
}

/* ─── TERMINAL ─── */
.terminal-section { background: var(--bg-surface); border-top: 1px solid var(--border-dim); }

.terminal-header-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    .terminal-header-wrap {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.terminal-main-title {
    display: flex;
    align-items: center;
    gap: 16px;
}

.terminal-main-title .bar {
    width: 3px;
    height: 48px;
    background: linear-gradient(180deg, var(--gold), var(--navy-light));
    border-radius: 3px;
}

.terminal-main-title h2 {
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.terminal-main-title p { color: var(--text-secondary); font-size: 0.95rem; }

.terminal-layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border-top);
    overflow: hidden;
    box-shadow: var(--shadow-glass-lift);
}

@media (min-width: 1024px) { .terminal-layout { flex-direction: row; min-height: 560px; } }

.terminal-sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px;
    background: var(--bg-deep);
}

@media (min-width: 1024px) {
    .terminal-sidebar {
        flex: 0 0 240px;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 24px 0;
        gap: 0;
    }
}

.t-menu-item {
    padding: 12px 18px;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.25s var(--ease-out);
    flex: 1;
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .t-menu-item {
        border-radius: 0;
        padding: 16px 24px;
        border-left: 3px solid transparent;
    }
}

.t-menu-item:hover { color: var(--text-primary); background: rgba(255,255,255,0.05); }

.t-menu-item.active {
    color: var(--gold-soft);
    background: var(--gold-dim);
}

@media (min-width: 1024px) {
    .t-menu-item.active {
        border-left-color: var(--gold);
        background: rgba(184,148,95,0.08);
    }
}

.t-menu-item .arrow { opacity: 0; transition: opacity 0.3s; }
.t-menu-item.active .arrow { opacity: 1; }

.terminal-content { flex: 1; padding: 32px; overflow-x: auto; }

.tab-pane { display: none; animation: fadeIn 0.4s var(--ease-out); }
.tab-pane.active { display: block; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

.pane-title {
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: var(--gold);
    margin-bottom: 8px;
}

.pane-desc {
    font-size: 0.88rem;
    color: var(--text-secondary);
    background: var(--gold-dim);
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    display: inline-block;
    margin-bottom: 28px;
    border: 1px solid rgba(184,148,95,0.12);
}

.stats-grid {
    display: grid;
    gap: 16px;
    margin-bottom: 40px;
}

@media (min-width: 768px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .stats-grid { grid-template-columns: repeat(3, 1fr); } }

.stat-card {
    background: rgba(26, 35, 50, 0.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    min-height: 220px;
    box-shadow: var(--emboss-inset);
}

.stat-card h4 {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-dim);
    font-family: var(--font-body);
}

.stat-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.stat-row span:first-child { color: var(--text-muted); }
.stat-row span:last-child { font-weight: 600; color: var(--text-primary); }

table.market-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    min-width: 480px;
}

table.market-table th {
    text-align: left;
    padding: 12px 0;
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
    font-family: var(--font-display);
    font-weight: 400;
}

table.market-table td {
    padding: 14px 0;
    border-bottom: 1px solid var(--border-dim);
    color: var(--text-primary);
}

table.market-table td:nth-child(1) { color: var(--text-muted); }

/* ─── AI SECTION ─── */
.ai-section {
    background:
        radial-gradient(ellipse 60% 80% at 0% 50%, rgba(184, 148, 95, 0.06) 0%, transparent 55%),
        linear-gradient(135deg, rgba(6, 8, 16, 0.9) 0%, rgba(21, 34, 56, 0.85) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--text-primary);
    border-top: 1px solid var(--glass-border-top);
    border-bottom: 1px solid var(--glass-border);
}

.ai-section .section-desc { color: var(--text-secondary); }

.ai-btn {
    background: linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 100%);
    color: var(--bg-deep);
    border: none;
    padding: 18px 36px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.35s var(--ease-out);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 8px 32px rgba(184, 148, 95, 0.28);
}

.ai-btn:hover {
    background: linear-gradient(180deg, #E2CEA0 0%, var(--gold-soft) 100%);
    color: var(--bg-deep);
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 12px 40px rgba(184, 148, 95, 0.38);
}

/* ─── OPPORTUNITIES ─── */
.opp-grid {
    display: grid;
    gap: 24px;
}

@media (min-width: 768px) { .opp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .opp-grid { grid-template-columns: repeat(3, 1fr); } }

.opp-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 32px;
    position: relative;
    box-shadow: var(--shadow-glass-lift);
    transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), border-color 0.35s;
}

.opp-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glass-lift-hover);
    border-color: var(--glass-border-top);
}

.opp-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 6px 14px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    border-radius: 100px;
}

.badge-buy {
    background: rgba(45, 138, 94, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--success);
    border: 1px solid rgba(45, 138, 94, 0.35);
    box-shadow: var(--emboss-highlight);
}

.badge-wait {
    background: rgba(212, 160, 23, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--warning);
    border: 1px solid rgba(212, 160, 23, 0.35);
    box-shadow: var(--emboss-highlight);
}

.score-bar {
    height: 4px;
    background: rgba(6, 8, 16, 0.6);
    border-radius: 4px;
    margin: 16px 0;
    overflow: hidden;
    box-shadow: var(--emboss-inset-deep);
    border: 1px solid rgba(255, 255, 255, 0.04);
}

.score-fill {
    height: 100%;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 8px rgba(255, 255, 255, 0.08);
}

/* ─── JOURNEY ─── */
.journey-section {
    background: rgba(15, 20, 28, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid var(--glass-border);
}

.journey-grid {
    display: grid;
    gap: 20px;
    margin-top: 48px;
}

@media (min-width: 768px) { .journey-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1200px) { .journey-grid { grid-template-columns: repeat(5, 1fr); } }

.journey-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--radius-lg);
    padding: 32px 22px;
    text-align: center;
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass-lift);
    transition: all 0.4s var(--ease-out);
}

.journey-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-glass-lift-hover);
    border-color: rgba(184, 148, 95, 0.35);
}

.journey-step {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto 16px;
    border-radius: 50%;
    border: 1.5px solid rgba(184, 148, 95, 0.4);
    color: var(--gold);
    font-weight: 700;
    font-size: 0.85rem;
    background: rgba(184, 148, 95, 0.08);
    box-shadow: var(--emboss-highlight), 0 2px 8px rgba(0, 0, 0, 0.15);
}

.journey-img {
    display: block;
    width: min(100%, 240px);
    height: auto;
    min-height: 160px;
    max-height: 220px;
    object-fit: contain;
    margin: 0 auto 20px;
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.3));
}

@media (min-width: 768px) {
    .journey-img {
        width: min(100%, 220px);
        min-height: 150px;
        max-height: 200px;
    }
}

@media (min-width: 1200px) {
    .journey-img {
        width: 100%;
        min-height: 140px;
        max-height: 180px;
    }
}

.journey-title {
    font-family: var(--font-display);
    font-size: 1.05rem;
    margin-bottom: 8px;
}

/* ─── CLUB ─── */
.club-features { margin-top: 32px; }

.feature-item {
    padding: 20px 24px;
    margin-bottom: 12px;
    border-bottom: none;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--emboss-inset);
    position: relative;
    padding-left: 44px;
    transition: box-shadow 0.3s var(--ease-out), border-color 0.3s;
}

.feature-item:hover {
    border-color: var(--glass-border-top);
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(0, 0, 0, 0.15);
}

.feature-item::before {
    content: '◆';
    position: absolute;
    left: 20px;
    top: 24px;
    color: var(--gold);
    font-size: 0.6rem;
}

.feature-item h4 {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 4px;
}

.feature-item p { color: var(--text-secondary); font-size: 0.9rem; }

/* ─── PARTNERS MARQUEE ─── */
.trust-band-section {
    background: var(--ink);
    padding: 48px 0;
    overflow: hidden;
}

.trust-band-section h3 {
    text-align: center;
    font-family: var(--font-body);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 32px;
}

.marquee-wrap {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}

.marquee-track {
    display: flex;
    animation: marquee 30s linear infinite;
    width: max-content;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.partner-card {
    flex-shrink: 0;
    margin-right: 48px;
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 20px 40px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.35s var(--ease-out);
}

.partner-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(184, 148, 95, 0.4);
    box-shadow: var(--shadow-glass-lift-hover);
    transform: translateY(-2px);
}

.partner-card-img {
    max-height: 36px;
    width: auto;
    opacity: 0.6;
    filter: brightness(0) invert(1);
    transition: opacity 0.3s;
}

.partner-card:hover .partner-card-img { opacity: 1; }

/* ─── GÜNLÜK BÜLTEN (Üyelere Özel) ─── */
.briefing-grid {
    display: grid;
    gap: 40px;
    align-items: center;
}

@media (min-width: 1024px) {
    .briefing-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
}

.briefing-list {
    list-style: none;
    margin: 28px 0 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.briefing-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.5;
}

.briefing-list-icon {
    color: var(--gold);
    font-size: 0.78rem;
    line-height: 1.7;
    flex-shrink: 0;
}

.briefing-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.briefing-card {
    position: relative;
    background: var(--glass-bg-strong);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-glass-lift);
    overflow: hidden;
}

.briefing-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), var(--gold-soft));
}

.briefing-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-dim);
}

.briefing-brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--text-secondary);
}

.briefing-live {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success);
    flex-shrink: 0;
    animation: briefingPulse 2s ease-out infinite;
}

@keyframes briefingPulse {
    0% { box-shadow: 0 0 0 0 rgba(61, 170, 122, 0.45); }
    70% { box-shadow: 0 0 0 7px rgba(61, 170, 122, 0); }
    100% { box-shadow: 0 0 0 0 rgba(61, 170, 122, 0); }
}

.briefing-lock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold);
    padding: 4px 10px;
    border: 1px solid rgba(184, 148, 95, 0.3);
    border-radius: 100px;
    background: rgba(184, 148, 95, 0.1);
}

.briefing-date {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 16px 0 18px;
}

.briefing-feed {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.briefing-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    background: rgba(6, 8, 16, 0.45);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
    transition: border-color 0.3s var(--ease-out);
}

.briefing-card:hover .briefing-item {
    border-color: rgba(184, 148, 95, 0.18);
}

.briefing-tag {
    flex-shrink: 0;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 5px 9px;
    border-radius: 6px;
    color: var(--gold-soft);
    background: rgba(184, 148, 95, 0.12);
    border: 1px solid rgba(184, 148, 95, 0.2);
}

.briefing-headline {
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--text-primary);
    margin: 0;
}

.briefing-item--locked .briefing-headline {
    filter: blur(5px);
    opacity: 0.55;
    user-select: none;
}

.briefing-more {
    margin-top: 16px;
    text-align: center;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    color: var(--gold);
}

/* ─── YATIRIM KOMİTESİ & ONAY SÜRECİ ─── */
.committee-head {
    text-align: center;
    max-width: 660px;
    margin: 0 auto 44px;
}

.committee-head .section-desc { margin-inline: auto; }
.committee-head .section-desc strong { color: var(--gold-soft); font-weight: 600; }

.committee-lead {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    margin-bottom: 40px;
    box-shadow: var(--shadow-glass-lift);
    overflow: hidden;
}

.committee-lead::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), var(--gold-soft));
}

.committee-lead-text {
    flex: 1 1 440px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 1.02rem;
    line-height: 1.75;
}

.committee-lead-text strong { color: var(--gold-soft); font-weight: 600; }

.committee-seal {
    flex-shrink: 0;
    width: 132px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(184, 148, 95, 0.42);
    background: radial-gradient(circle at 50% 32%, rgba(184, 148, 95, 0.2), rgba(184, 148, 95, 0.04));
    box-shadow: var(--emboss-highlight), 0 6px 22px rgba(0, 0, 0, 0.25);
}

.committee-seal-badge {
    margin-bottom: 3px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold-soft);
    background: rgba(184, 148, 95, 0.16);
    border: 1px solid rgba(184, 148, 95, 0.34);
}

.committee-seal-num {
    font-family: var(--font-display);
    font-size: 2.4rem;
    line-height: 1;
    color: var(--gold-soft);
}

.committee-seal-label {
    margin-top: 4px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
}

.committee-criteria-label {
    text-align: center;
    margin: 0 auto 22px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold);
    position: relative;
}

.committee-criteria-label::before,
.committee-criteria-label::after {
    content: '';
    display: inline-block;
    width: clamp(24px, 8vw, 60px);
    height: 1px;
    margin: 0 14px;
    vertical-align: middle;
    background: linear-gradient(90deg, transparent, rgba(184, 148, 95, 0.5));
}

.committee-criteria-label::after {
    background: linear-gradient(90deg, rgba(184, 148, 95, 0.5), transparent);
}

.committee-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
    gap: 18px;
}

.committee-card {
    position: relative;
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 26px 22px 24px;
    box-shadow: var(--emboss-highlight);
    transition: transform 0.35s var(--ease-out), border-color 0.35s var(--ease-out), background 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out);
    overflow: hidden;
}

.committee-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 148, 95, 0.4);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: var(--shadow-glass-lift-hover);
}

.committee-card-num {
    position: absolute;
    top: 16px;
    right: 18px;
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: rgba(184, 148, 95, 0.32);
    transition: color 0.35s var(--ease-out);
}

.committee-card:hover .committee-card-num { color: var(--gold-soft); }

.committee-card-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 12px;
    color: var(--gold-soft);
    background: var(--gold-dim);
    border: 1px solid rgba(184, 148, 95, 0.25);
}

.committee-card-title {
    font-size: 1.08rem;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
    color: var(--text-primary);
}

.committee-card-desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--text-secondary);
    margin: 0;
}

.committee-note {
    margin: 36px auto 0;
    max-width: 620px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--text-secondary);
}

.committee-note strong { color: var(--gold-soft); font-weight: 600; }

.committee-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: -5px;
    border-radius: 50%;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--gold-soft);
    background: rgba(184, 148, 95, 0.14);
    border: 1px solid rgba(184, 148, 95, 0.3);
}

@media (max-width: 600px) {
    .committee-lead {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        padding: 26px 22px;
    }
    .committee-lead-text { flex-basis: auto; }
}

/* ─── BAŞARI HİKAYELERİ / VAKA ANALİZİ ─── */
.cases-head {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 48px;
    align-items: stretch;
}

.cases-head-text {
    text-align: center;
    max-width: 660px;
    margin-inline: auto;
}

.cases-head .section-desc { margin-inline: auto; }
.cases-head .section-desc strong { color: var(--gold-soft); font-weight: 600; }

@media (min-width: 768px) {
    .cases-head {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: clamp(24px, 4vw, 48px);
        margin-bottom: 56px;
    }

    .cases-head-text {
        text-align: left;
        margin-inline: 0;
        flex: 1;
        max-width: var(--section-header-text-w);
    }

    .cases-head .section-desc {
        margin-inline: 0;
    }
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 22px;
    align-items: stretch;
}

.case-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 26px 24px;
    box-shadow: var(--emboss-highlight);
    transition: transform 0.35s var(--ease-out), border-color 0.35s var(--ease-out), background 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out);
    overflow: hidden;
}

.case-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), var(--gold-soft));
    opacity: 0.65;
    transition: opacity 0.35s var(--ease-out);
}

.case-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 148, 95, 0.4);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: var(--shadow-glass-lift-hover);
}

.case-card:hover::before { opacity: 1; }

.case-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.case-tag {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 100px;
    color: var(--gold-soft);
    background: rgba(184, 148, 95, 0.12);
    border: 1px solid rgba(184, 148, 95, 0.25);
}

.case-id {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: rgba(184, 148, 95, 0.4);
}

.case-title {
    font-size: 1.18rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--text-primary);
    margin-bottom: 16px;
}

.case-result {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 16px;
    margin-bottom: 22px;
    border-radius: var(--radius-md);
    background: rgba(184, 148, 95, 0.08);
    border-left: 3px solid var(--gold);
}

.case-result-label {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.case-result-value {
    font-family: var(--font-display);
    font-size: 1.16rem;
    line-height: 1.25;
    color: var(--gold-soft);
}

.case-flow {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.case-step {
    position: relative;
    padding: 0 0 16px 24px;
}

.case-step:last-child { padding-bottom: 0; }

.case-step::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 0 3px rgba(184, 148, 95, 0.16);
}

.case-step::after {
    content: '';
    position: absolute;
    left: 6.5px;
    top: 14px;
    bottom: 0;
    width: 1px;
    background: rgba(184, 148, 95, 0.28);
}

.case-step:last-child::after { display: none; }

.case-step-label {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 3px;
}

.case-step-text {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--text-secondary);
}

.case-step--insight .case-step-label { color: var(--gold-soft); }
.case-step--insight .case-step-text { color: var(--text-primary); }
.case-step--insight::before { background: var(--gold-soft); }

.cases-disclaimer {
    margin: 30px auto 0;
    max-width: 640px;
    text-align: center;
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--text-muted);
}

/* ─── KURUMSAL ÇÖZÜMLER & API (B2B) ─── */
.b2b-head {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 40px;
}

.b2b-head .section-desc { margin-inline: auto; }
.b2b-head .section-desc strong { color: var(--gold-soft); font-weight: 600; }

.b2b-segments {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 48px;
}

.b2b-seg {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    border-radius: 100px;
    font-size: 0.86rem;
    font-weight: 500;
    color: var(--text-primary);
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-highlight);
    transition: transform 0.3s var(--ease-out), border-color 0.3s var(--ease-out), background 0.3s var(--ease-out);
}

.b2b-seg:hover {
    transform: translateY(-2px);
    border-color: rgba(184, 148, 95, 0.4);
    background: rgba(255, 255, 255, 0.05);
}

.b2b-seg svg { color: var(--gold-soft); flex-shrink: 0; }

.b2b-layout {
    display: grid;
    gap: 32px;
}

@media (min-width: 1024px) {
    .b2b-layout {
        grid-template-columns: 1.05fr 0.95fr;
        gap: 48px;
        align-items: start;
    }
}

.b2b-cases {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.b2b-case {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: var(--radius-md);
    background: var(--glass-bg-subtle);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-highlight);
    transition: transform 0.3s var(--ease-out), border-color 0.3s var(--ease-out), background 0.3s var(--ease-out);
}

.b2b-case:hover {
    transform: translateX(4px);
    border-color: rgba(184, 148, 95, 0.4);
    background: rgba(255, 255, 255, 0.05);
}

.b2b-case-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--gold-soft);
    background: var(--gold-dim);
    border: 1px solid rgba(184, 148, 95, 0.25);
}

.b2b-case-title {
    font-size: 1.04rem;
    letter-spacing: -0.01em;
    margin-bottom: 5px;
    color: var(--text-primary);
}

.b2b-case-desc {
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--text-secondary);
    margin: 0;
}

.b2b-aside {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.b2b-console {
    background: var(--glass-bg-strong);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-glass-lift);
    overflow: hidden;
}

.b2b-console-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border-dim);
    background: rgba(6, 8, 16, 0.4);
}

.b2b-console-dots { display: flex; gap: 6px; }

.b2b-console-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
}

.b2b-console-tag {
    margin-left: auto;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
}

.b2b-console-body {
    padding: 20px;
    font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
    font-size: 0.82rem;
    line-height: 1.7;
}

.b2b-req {
    margin-bottom: 14px;
    word-break: break-all;
}

.b2b-method { color: var(--success); font-weight: 700; }
.b2b-path { color: var(--text-primary); }

.b2b-res {
    margin: 0;
    white-space: pre;
    overflow-x: auto;
    color: var(--text-secondary);
}

.b2b-key { color: var(--gold-soft); }
.b2b-str { color: var(--text-primary); }
.b2b-num { color: var(--success); }

.b2b-cta-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.b2b-cta { width: 100%; justify-content: center; }

.b2b-cta-note {
    margin: 0;
    text-align: center;
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--text-muted);
}

/* ─── FOOTER ─── */
footer {
    background: var(--ink);
    color: rgba(248,245,240,0.6);
    padding: 80px 0 32px;
}

.footer-cols {
    display: grid;
    gap: 40px;
    margin-bottom: 48px;
}

@media (min-width: 768px) { .footer-cols { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .footer-cols { grid-template-columns: 1.18fr 1fr 1fr; } }

footer .logo { color: var(--cream); font-size: 1.5rem; margin-bottom: 16px; display: block; }

.footer-cols h4 {
    font-family: var(--font-body);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-primary);
    margin-bottom: 20px;
}

.footer-cols a {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 10px;
    color: rgba(248,245,240,0.5);
}

.footer-cols a:hover { color: var(--copper-light); }

.footer-bottom {
    text-align: center;
    padding-top: 32px;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 0.82rem;
    color: rgba(248,245,240,0.3);
}

/* ─── MODALS ─── */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(6, 8, 16, 0.78);
    backdrop-filter: blur(20px) saturate(1.3);
    -webkit-backdrop-filter: blur(20px) saturate(1.3);
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.modal-box {
    background: var(--glass-bg-strong);
    backdrop-filter: blur(32px) saturate(1.6);
    -webkit-backdrop-filter: blur(32px) saturate(1.6);
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-glass-lift-hover);
    border: 1px solid var(--glass-border-top);
    position: relative;
}

.modal-header {
    padding: 20px 24px;
    border-bottom: 1px solid var(--glass-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.modal-title {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--teal);
}

.close-modal {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--glass-border);
    cursor: pointer;
    font-size: 1.4rem;
    color: var(--text-secondary);
    transition: all 0.25s;
    line-height: 1;
    box-shadow: var(--emboss-highlight);
}

.close-modal:hover { background: var(--danger); color: var(--white); }

.modal-body { padding: 24px; overflow-y: auto; color: var(--ink); }

.auth-tabs {
    display: flex;
    border-bottom: 1px solid var(--border-dim);
    margin-bottom: 24px;
}

.auth-tab {
    flex: 1;
    padding: 14px;
    text-align: center;
    color: var(--text-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    font-weight: 500;
    transition: all 0.25s;
}

.auth-tab.active { color: var(--ink); border-bottom-color: var(--copper); }

.auth-input {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(26,26,24,0.12);
    border-radius: var(--radius-sm);
    background: var(--white);
    color: var(--ink);
    font-size: 16px;
    margin-bottom: 14px;
    outline: none;
    transition: border-color 0.25s;
}

.auth-input:focus { border-color: var(--copper); }

.auth-btn {
    width: 100%;
    padding: 14px;
    background: var(--teal);
    color: var(--text-primary);
    border: none;
    border-radius: 100px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.auth-btn:hover { background: var(--teal-light); }

.auth-footer {
    margin-top: 16px;
    text-align: center;
    font-size: 0.82rem;
    color: var(--text-muted);
}

.auth-error {
    color: var(--danger);
    font-size: 0.88rem;
    margin-bottom: 14px;
    display: none;
    text-align: center;
}

.auth-success {
    display: none;
    margin-bottom: 14px;
    text-align: center;
    color: var(--success);
    font-size: 0.88rem;
    font-weight: 600;
}

.auth-intro {
    margin-bottom: 18px;
}

.auth-intro h3,
.verify-text h4 {
    margin: 8px 0 8px;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    letter-spacing: 0;
}

.auth-intro p,
.verify-text p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.6;
}

.auth-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border: 1px solid rgba(184, 148, 95, 0.28);
    border-radius: 999px;
    padding: 5px 10px;
    background: rgba(184, 148, 95, 0.08);
    color: var(--gold-soft);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.member-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.member-type-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 104px;
    padding: 16px;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: rgba(6, 8, 16, 0.42);
    cursor: pointer;
    transition: border-color 0.25s var(--ease-out), background 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out);
}

.member-type-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.member-type-card.is-active {
    border-color: rgba(184, 148, 95, 0.58);
    background: linear-gradient(180deg, rgba(184, 148, 95, 0.16), rgba(6, 8, 16, 0.48));
    box-shadow: var(--emboss-highlight), 0 0 0 3px rgba(184, 148, 95, 0.08);
}

.member-type-title {
    color: var(--text-primary);
    font-weight: 700;
}

.member-type-desc {
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.membership-plans {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 16px;
}

.membership-plans.corporate-plan {
    grid-template-columns: 1fr;
}

.membership-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-height: 158px;
    padding: 18px;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: rgba(6, 8, 16, 0.42);
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.25s var(--ease-out), background 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out), transform 0.25s var(--ease-out);
}

.membership-plan::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 82% 18%, rgba(184, 148, 95, 0.18), transparent 34%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s var(--ease-out);
}

.membership-plan input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.membership-plan.is-active {
    border-color: rgba(184, 148, 95, 0.62);
    background: linear-gradient(180deg, rgba(184, 148, 95, 0.15), rgba(6, 8, 16, 0.5));
    box-shadow: var(--emboss-highlight), 0 0 0 3px rgba(184, 148, 95, 0.08);
}

.membership-plan.is-active::before,
.membership-plan:hover::before {
    opacity: 1;
}

.membership-plan:hover {
    transform: translateY(-1px);
    border-color: rgba(184, 148, 95, 0.44);
}

.membership-plan--featured {
    border-color: rgba(184, 148, 95, 0.34);
}

.membership-plan--corporate {
    min-height: 132px;
}

.plan-eyebrow,
.plan-title,
.plan-price,
.plan-desc {
    position: relative;
    z-index: 1;
}

.plan-eyebrow {
    width: fit-content;
    padding: 4px 9px;
    border: 1px solid rgba(184, 148, 95, 0.26);
    border-radius: 999px;
    color: var(--gold-soft);
    background: rgba(184, 148, 95, 0.08);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.plan-title {
    color: var(--text-primary);
    font-weight: 700;
    line-height: 1.25;
}

.plan-price {
    color: var(--gold-soft);
    font-family: var(--font-display);
    font-size: clamp(1.45rem, 4vw, 2rem);
    line-height: 1;
}

.plan-price small {
    font-family: var(--font-body);
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-muted);
}

.plan-desc {
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.auth-field-grid {
    display: grid;
    gap: 10px;
}

.auth-field-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-inline-note {
    margin: -4px 0 14px;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.5;
}

.verify-text {
    text-align: center;
    margin-bottom: 20px;
    color: var(--ink-soft);
}

.verify-code-input {
    text-align: center;
    letter-spacing: 8px;
    font-size: 1.25rem;
    font-weight: 700;
}

.auth-secondary-btn {
    width: 100%;
    margin-top: 10px;
    border: 1px solid var(--glass-border);
    border-radius: 999px;
    padding: 13px 18px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.25s var(--ease-out), color 0.25s var(--ease-out), background 0.25s var(--ease-out);
}

.auth-secondary-btn:hover {
    border-color: rgba(184, 148, 95, 0.4);
    color: var(--gold-soft);
    background: rgba(184, 148, 95, 0.08);
}

@media (max-width: 560px) {
    .member-type,
    .membership-plans,
    .auth-field-grid--two {
        grid-template-columns: 1fr;
    }

    .member-type-card,
    .membership-plan {
        min-height: auto;
    }
}

.career-position {
    background: rgba(13,74,70,0.05);
    padding: 16px 18px;
    margin-bottom: 10px;
    border-left: 3px solid var(--copper);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    cursor: pointer;
    transition: background 0.25s;
}

.career-position:hover { background: rgba(13,74,70,0.1); }
.career-title { font-weight: 600; display: block; color: var(--ink); }
.career-loc { font-size: 0.82rem; color: var(--ink-muted); }

.file-upload-box {
    border: 2px dashed rgba(26,26,24,0.15);
    padding: 24px;
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 16px;
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: all 0.25s;
}

.file-upload-box:hover {
    border-color: var(--gold);
    color: var(--gold);
    background: rgba(196,112,74,0.04);
}

.method-step {
    margin-bottom: 24px;
    padding-left: 20px;
    border-left: 2px solid rgba(26,26,24,0.1);
}

.method-step h5 { color: var(--copper); margin-bottom: 6px; font-family: var(--font-body); font-weight: 600; }
.method-step p { font-size: 0.92rem; color: var(--ink-soft); line-height: 1.65; }

/* ─── MODALS (corporate dark + glass) ─── */
.modal-overlay {
    background: rgba(6, 8, 16, 0.82);
    backdrop-filter: blur(24px) saturate(1.4);
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
}

.modal-box {
    background: var(--glass-bg-strong);
    backdrop-filter: blur(32px) saturate(1.6);
    -webkit-backdrop-filter: blur(32px) saturate(1.6);
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift-hover);
}

.modal-header {
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.modal-title { color: var(--gold); }

.close-modal {
    background: rgba(255,255,255,0.06);
    color: var(--text-secondary);
}

.modal-body { color: var(--text-primary); }

#loginModal .modal-box {
    width: min(94vw, 580px);
}

.modal-overlay,
.modal-box,
.modal-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 148, 95, 0.72) rgba(255, 255, 255, 0.06);
}

.modal-overlay::-webkit-scrollbar,
.modal-box::-webkit-scrollbar,
.modal-body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.modal-overlay::-webkit-scrollbar-track,
.modal-box::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track {
    margin: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.055);
}

.modal-overlay::-webkit-scrollbar-thumb,
.modal-box::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(226, 206, 160, 0.95), rgba(184, 148, 95, 0.82)) padding-box,
        rgba(255, 255, 255, 0.08) border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 14px rgba(184, 148, 95, 0.16);
}

.modal-overlay::-webkit-scrollbar-thumb:hover,
.modal-box::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, #f0dfb8, var(--gold-soft)) padding-box,
        rgba(255, 255, 255, 0.12) border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 0 18px rgba(184, 148, 95, 0.24);
}

.modal-overlay::-webkit-scrollbar-corner,
.modal-box::-webkit-scrollbar-corner,
.modal-body::-webkit-scrollbar-corner {
    background: transparent;
}

.auth-tab.active { color: var(--text-primary); border-bottom-color: var(--gold); }

.auth-input {
    border: 1px solid var(--glass-border);
    background: rgba(6, 8, 16, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--text-primary);
    box-shadow: var(--emboss-inset);
}

.auth-input:focus {
    border-color: rgba(184, 148, 95, 0.45);
    box-shadow: var(--emboss-inset), 0 0 0 3px rgba(184, 148, 95, 0.1);
}

.auth-btn {
    background: linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 100%);
    color: var(--bg-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 4px 16px rgba(184, 148, 95, 0.28);
}

.auth-btn:hover {
    background: linear-gradient(180deg, #E2CEA0 0%, var(--gold-soft) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 6px 22px rgba(184, 148, 95, 0.36);
}

.career-position {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-left: 3px solid var(--gold);
    box-shadow: var(--emboss-inset);
}

.career-position:hover {
    background: rgba(255, 255, 255, 0.07);
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(0, 0, 0, 0.15);
}
.career-title { color: var(--text-primary); }

.file-upload-box {
    border: 2px dashed var(--glass-border);
    background: rgba(6, 8, 16, 0.4);
    box-shadow: var(--emboss-inset);
}

.file-upload-box:hover {
    border-color: rgba(184, 148, 95, 0.45);
    background: rgba(184, 148, 95, 0.08);
    box-shadow: var(--emboss-highlight), 0 4px 16px rgba(184, 148, 95, 0.1);
}

.method-step {
    margin-bottom: 24px;
    padding: 16px 20px;
    border-left: 2px solid rgba(184, 148, 95, 0.35);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: var(--emboss-inset);
}
.method-step h5 { color: var(--gold); }
.method-step p { color: var(--text-secondary); }

footer {
    background: rgba(6, 8, 16, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: var(--text-secondary);
    border-top: 1px solid var(--glass-border-top);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

footer .logo { color: var(--text-primary); }

.footer-cols h4 { color: var(--text-primary); }
.footer-cols a { color: var(--text-muted); }
.footer-cols a:hover { color: var(--gold-soft); }

.footer-bottom { color: var(--text-muted); }

.trust-band-section {
    background: rgba(6, 8, 16, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* ─── INTEL VAULT (Gated Terminal) ─── */
.intel-section {
    background: rgba(15, 20, 28, 0.65);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid var(--glass-border-top);
    border-bottom: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.intel-header {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 56px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .intel-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: clamp(24px, 4vw, 48px);
    }
}

.intel-header-text { max-width: var(--section-header-text-w); }

.intel-vault { display: flex; flex-direction: column; gap: 24px; }

.intel-preview {
    position: relative;
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border-top);
    overflow: hidden;
    background: rgba(6, 8, 16, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: var(--shadow-glass-lift);
    min-height: 420px;
}

.intel-preview-inner {
    padding: 24px;
    filter: blur(6px);
    opacity: 0.35;
    pointer-events: none;
    user-select: none;
}

.intel-preview-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-dim);
}

.intel-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
}

.intel-preview-title {
    margin-left: 12px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--text-muted);
    text-transform: uppercase;
}

.intel-preview-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.intel-preview-tabs span {
    padding: 6px 12px;
    font-size: 0.68rem;
    color: var(--text-muted);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: var(--emboss-highlight);
}

.intel-preview-tabs span.active {
    color: var(--gold);
    border-color: rgba(184, 148, 95, 0.35);
    background: rgba(184, 148, 95, 0.12);
    box-shadow: var(--emboss-highlight), 0 2px 10px rgba(184, 148, 95, 0.12);
}

.intel-preview-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 24px;
}

@media (min-width: 768px) { .intel-preview-grid { grid-template-columns: repeat(3, 1fr); } }

.intel-preview-card {
    background: rgba(26, 35, 50, 0.55);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: var(--emboss-inset);
}

.intel-shimmer {
    height: 10px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.04) 100%);
    background-size: 200% 100%;
    animation: intel-shimmer 2s ease-in-out infinite;
}

.intel-shimmer.short { width: 40%; }
.intel-shimmer.medium { width: 70%; }
.intel-shimmer.row { height: 14px; margin-bottom: 10px; }

@keyframes intel-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.intel-preview-table {
    background: rgba(26, 35, 50, 0.55);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    padding: 16px;
    box-shadow: var(--emboss-inset);
}

.intel-gate {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 24px;
    background: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(10, 13, 18, 0.45) 0%, rgba(10, 13, 18, 0.82) 100%);
    backdrop-filter: blur(16px) saturate(1.3);
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.3);
}

.intel-lock-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(184, 148, 95, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(184, 148, 95, 0.3);
    color: var(--gold);
    margin-bottom: 20px;
    box-shadow: var(--emboss-highlight), 0 4px 20px rgba(0, 0, 0, 0.25);
}

.intel-badge {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    padding: 6px 14px;
    border: 1px solid rgba(184, 148, 95, 0.3);
    border-radius: 100px;
    margin-bottom: 16px;
    background: rgba(184, 148, 95, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--emboss-highlight);
}

.intel-gate-title {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: 12px;
    max-width: 400px;
}

.intel-gate-desc {
    color: var(--text-secondary);
    font-size: 0.95rem;
    max-width: 420px;
    line-height: 1.65;
    margin-bottom: 28px;
}

.intel-cta {
    padding: 16px 32px;
    font-size: 0.8rem;
    gap: 10px;
}

.intel-note {
    margin-top: 20px;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.intel-link {
    background: none;
    border: none;
    color: var(--gold);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.intel-link:hover { color: var(--gold-soft); }

.intel-modules {
    display: grid;
    gap: 16px;
}

@media (min-width: 768px) { .intel-modules { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .intel-modules { grid-template-columns: repeat(3, 1fr); } }

.intel-module {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    position: relative;
    box-shadow: var(--shadow-glass-lift);
    transition: border-color 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out), transform 0.3s var(--ease-out);
}

.intel-module:hover {
    border-color: var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift-hover);
    transform: translateY(-2px);
}

.intel-module-icon {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--gold);
    display: block;
    margin-bottom: 12px;
}

.intel-module h4 {
    font-family: var(--font-display);
    font-size: 1.1rem;
    margin-bottom: 8px;
}

.intel-module p {
    font-size: 0.88rem;
    color: var(--text-secondary);
    line-height: 1.55;
    padding-right: 60px;
}

.intel-module-status {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    padding: 4px 10px;
    border: 1px solid var(--glass-border);
    border-radius: 100px;
    background: rgba(6, 8, 16, 0.5);
    box-shadow: var(--emboss-inset);
}

/* ─── STACK DISPLAY CARDS ─── */
.stack-cards-section {
    border-top: 1px solid var(--glass-border);
    border-bottom: 1px solid var(--glass-border);
    background:
        radial-gradient(ellipse 70% 50% at 100% 50%, rgba(184, 148, 95, 0.06) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 0% 80%, rgba(30, 48, 80, 0.1) 0%, transparent 50%);
}

.stack-cards-layout {
    display: grid;
    gap: 48px;
    align-items: center;
}

@media (min-width: 1024px) {
    .stack-cards-layout {
        grid-template-columns: 1fr 1.05fr;
        gap: 64px;
    }
}

.stack-cards-copy .section-desc { margin-bottom: 28px; }

.stack-cards-cta { margin-top: 4px; }

.stack-cards-stage {
    position: relative;
    width: 100%;
    max-width: 420px;
    min-height: 340px;
    margin-inline: auto;
    perspective: 1200px;
}

.stack-card {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 22px 24px 20px;
    border-radius: var(--radius-lg);
    background: rgba(22, 30, 44, 0.72);
    backdrop-filter: blur(28px) saturate(1.6);
    -webkit-backdrop-filter: blur(28px) saturate(1.6);
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
    cursor: default;
    transition:
        transform 0.55s var(--ease-out),
        box-shadow 0.45s var(--ease-out),
        opacity 0.45s var(--ease-out),
        filter 0.45s var(--ease-out),
        z-index 0s;
    will-change: transform;
}

.stack-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2) 50%, transparent);
    pointer-events: none;
}

.stack-card--3 {
    top: 0;
    z-index: 1;
    transform: translate(-18px, -14px) rotate(-5deg) scale(0.94);
    opacity: 0.72;
    filter: saturate(0.65) brightness(0.88);
}

.stack-card--2 {
    top: 28px;
    z-index: 2;
    transform: translate(0, 8px) rotate(-1.5deg) scale(0.97);
    opacity: 0.88;
    filter: saturate(0.85) brightness(0.94);
}

.stack-card--1 {
    top: 56px;
    z-index: 3;
    transform: translate(20px, 28px) rotate(2.5deg) scale(1);
    opacity: 1;
    filter: none;
    animation: stack-card-float 5s ease-in-out infinite;
}

@keyframes stack-card-float {
    0%, 100% { transform: translate(20px, 28px) rotate(2.5deg) scale(1); }
    50% { transform: translate(20px, 22px) rotate(2deg) scale(1); }
}

.stack-cards-stage:hover .stack-card--3,
.stack-cards-stage:focus-within .stack-card--3 {
    transform: translate(-36px, -28px) rotate(-7deg) scale(0.96);
    opacity: 0.95;
    filter: none;
}

.stack-cards-stage:hover .stack-card--2,
.stack-cards-stage:focus-within .stack-card--2 {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1;
    filter: none;
}

.stack-cards-stage:hover .stack-card--1,
.stack-cards-stage:focus-within .stack-card--1 {
    transform: translate(38px, 36px) rotate(5deg) scale(1.02);
    box-shadow: var(--shadow-glass-lift-hover);
    animation: none;
}

.stack-card--3:hover,
.stack-card--3:focus-visible {
    z-index: 10;
    transform: translate(-36px, -32px) rotate(-4deg) scale(1.02) !important;
    opacity: 1;
    filter: none;
    box-shadow: var(--shadow-glass-lift-hover);
    outline: none;
}

.stack-card--2:hover,
.stack-card--2:focus-visible {
    z-index: 10;
    transform: translate(0, -4px) rotate(0deg) scale(1.03) !important;
    opacity: 1;
    filter: none;
    box-shadow: var(--shadow-glass-lift-hover);
    outline: none;
}

.stack-card--1:hover,
.stack-card--1:focus-visible {
    z-index: 10;
    transform: translate(38px, 32px) rotate(4deg) scale(1.04) !important;
    box-shadow: var(--shadow-glass-lift-hover);
    animation: none;
    outline: none;
}

.stack-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.stack-card-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: var(--emboss-highlight), 0 2px 8px rgba(0, 0, 0, 0.2);
}

.stack-card-icon--sky {
    background: rgba(56, 132, 220, 0.18);
    border: 1px solid rgba(96, 165, 250, 0.35);
    color: #7dd3fc;
}

.stack-card-icon--gold {
    background: rgba(184, 148, 95, 0.18);
    border: 1px solid rgba(184, 148, 95, 0.4);
    color: var(--gold-soft);
}

.stack-card-icon--amber {
    background: rgba(217, 119, 6, 0.15);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #fbbf24;
}

.stack-card-badge {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.stack-card-badge--sky { color: #7dd3fc; }
.stack-card-badge--gold { color: var(--gold-soft); }
.stack-card-badge--amber { color: #fbbf24; }

.stack-card-title {
    font-family: var(--font-body);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--text-primary);
    margin-bottom: 8px;
}

.stack-card-desc {
    font-size: 0.82rem;
    line-height: 1.55;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.stack-card-meta {
    font-size: 0.72rem;
    color: var(--text-muted);
    letter-spacing: 0.04em;
}

@media (max-width: 1023px) {
    .stack-cards-stage {
        min-height: 380px;
        max-width: 360px;
    }

    .stack-card--3 { transform: translate(-12px, -10px) rotate(-4deg) scale(0.95); }
    .stack-card--2 { transform: translate(0, 6px) rotate(-1deg) scale(0.98); }
    .stack-card--1 {
        transform: translate(14px, 22px) rotate(2deg) scale(1);
        animation: none;
    }

    .stack-cards-stage:hover .stack-card--3,
    .stack-cards-stage:focus-within .stack-card--3 {
        transform: translate(-24px, -20px) rotate(-5deg) scale(0.97);
    }

    .stack-cards-stage:hover .stack-card--1,
    .stack-cards-stage:focus-within .stack-card--1 {
        transform: translate(24px, 28px) rotate(4deg) scale(1.01);
    }
}

@media (max-width: 480px) {
    .stack-cards-stage {
        min-height: 420px;
        max-width: 100%;
    }

    .stack-card {
        padding: 18px 20px 16px;
    }

    .stack-card-title { font-size: 0.98rem; }
    .stack-card-desc { font-size: 0.78rem; }
}

@media (prefers-reduced-motion: reduce) {
    .stack-card--1 { animation: none; }
    .stack-cards-stage:hover .stack-card,
    .stack-cards-stage:focus-within .stack-card,
    .stack-card:hover,
    .stack-card:focus-visible {
        transform: none !important;
        filter: none;
    }
    .hero-stat-card,
    .process-card,
    .opp-card,
    .journey-card,
    .intel-module,
    .partner-card,
    .project-card { transition: none; }
    .hero-stat-card { animation: none; }
    .briefing-live { animation: none; }
    body::after { display: none; }
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .section { padding: 64px 0; }
    .hero {
        padding-top: var(--nav-total-offset);
        min-height: auto;
    }
    .hero-desc {
        border-left: 3px solid var(--gold);
        border-radius: var(--radius-md);
        padding: 16px 18px;
    }
    .hero-stat-card { display: none; }
    .stat-card-roi, .stat-card-risk, .stat-card-portfolio { display: none; }
    .service-col { padding: 28px 22px; }
    .process-section .text-center,
    .journey-section .reveal[style*="text-align:center"],
    .calc-cta-section .reveal:first-child,
    #kulup .reveal:first-child,
    .intel-header-text,
    .ai-section .reveal:first-child,
    .vision .grid-2 > .reveal:nth-child(2) {
        padding: 24px 20px;
    }
    .footer-cols > div { padding: 20px 16px; }
    .hero-visual { padding: 20px; }
}

/* ═══════════════════════════════════════════════════════════════
   CAM & KABARTMA — Katman II (genişletilmiş uygulama)
   ═══════════════════════════════════════════════════════════════ */

.process-section .text-center,
.journey-section .reveal[style*="text-align:center"],
.calc-cta-section .reveal:first-child,
#kulup .reveal:first-child,
.intel-header-text {
    padding: 32px 36px;
    border-radius: var(--radius-xl);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
}

.portfolio-header > div:first-child {
    padding: 28px 32px;
    border-radius: var(--radius-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass-lift);
}

.vision .grid-2 > .reveal:nth-child(2) {
    padding: 36px 40px;
    border-radius: var(--radius-xl);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
}

.footer-cols > div {
    padding: 28px 24px;
    border-radius: var(--radius-lg);
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
    transition: box-shadow 0.3s var(--ease-out), border-color 0.3s;
}

.footer-cols > div:hover {
    border-color: var(--glass-border-top);
    box-shadow: var(--emboss-highlight), var(--emboss-inset);
}

@media (min-width: 1024px) {
    .footer-cols > div:first-child {
        align-self: start;
        min-height: 0;
        padding-inline: 24px;
    }

    .footer-cols > div:first-child p {
        max-width: 34ch !important;
    }
}

.footer-bottom {
    text-align: center;
    padding: 24px 32px;
    margin-top: 8px;
    border-radius: var(--radius-md);
    background: rgba(6, 8, 16, 0.45);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.footer-copy {
    font-size: 0.82rem;
    color: var(--text-muted);
    letter-spacing: 0.02em;
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 6px;
}

.footer-legal-link {
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    font-size: 0.8rem;
    color: var(--text-secondary);
    padding: 4px 18px;
    transition: color 0.25s var(--ease-out);
}

.footer-legal-link:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(184, 148, 95, 0.3);
}

.footer-legal-link:hover { color: var(--gold-soft); }

.footer-legal-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 3px;
    border-radius: 4px;
}

/* ─── YASAL MODAL İÇERİĞİ ─── */
.legal-content {
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.75;
}

.legal-content h4 {
    margin: 22px 0 8px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold-soft);
}

.legal-content > p:first-child { margin-top: 0; }

.legal-content p { margin: 0 0 12px; }

.legal-content ul {
    margin: 0 0 12px;
    padding-left: 20px;
}

.legal-content li { margin-bottom: 6px; }

.legal-content strong { color: var(--text-primary); font-weight: 600; }

.legal-content .legal-note {
    margin-top: 20px;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    background: rgba(184, 148, 95, 0.08);
    border-left: 3px solid var(--gold);
    font-size: 0.86rem;
    line-height: 1.6;
    color: var(--text-secondary);
}

@media (max-width: 480px) {
    .footer-legal-link { padding: 4px 12px; font-size: 0.76rem; }
}

.auth-tabs {
    background: rgba(6, 8, 16, 0.4);
    border-radius: var(--radius-md);
    padding: 4px;
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
}

.auth-tab { border-radius: var(--radius-sm); }

.auth-tab.active {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--emboss-highlight), 0 2px 8px rgba(0, 0, 0, 0.15);
}

.modal-body { background: rgba(6, 8, 16, 0.25); }

table.global-assets-table tbody tr { transition: background 0.2s; }
table.global-assets-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.02); }
.highlight-row td {
    background: rgba(184, 148, 95, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(184, 148, 95, 0.15);
}

.ai-section .reveal:first-child {
    padding: 36px 40px;
    border-radius: var(--radius-xl);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border-top);
    box-shadow: var(--shadow-glass-lift);
}

.process-card,
.opp-card,
.journey-card,
.project-card,
.intel-module,
.service-col,
.feature-item { isolation: isolate; }

.process-card::after,
.opp-card::after,
.journey-card::after,
.project-card::after,
.intel-module::after {
    opacity: 0.7;
    transition: opacity 0.35s var(--ease-out);
}

.process-card:hover::after,
.opp-card:hover::after,
.journey-card:hover::after,
.project-card:hover::after,
.intel-module:hover::after { opacity: 1; }

.trust-band-section h3 {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 100px;
    background: var(--glass-bg-subtle);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--emboss-inset);
}

@media (min-width: 1024px) {
    .logo {
        padding: 6px 12px;
        border-radius: var(--radius-sm);
        transition: background 0.3s, box-shadow 0.3s;
    }

    .logo:hover {
        background: var(--glass-bg-subtle);
        box-shadow: var(--emboss-inset);
    }
}

@supports not (backdrop-filter: blur(1px)) {
    .site-header,
    .site-header.scrolled { background: rgba(14, 19, 28, 0.94); }
    .hero-stat-card,
    .process-card,
    .opp-card,
    .journey-card,
    .project-card,
    .intel-module,
    .intel-preview,
    .table-wrap,
    .subscribe-box,
    .modal-box,
    .partner-card,
    .service-col,
    .hero-visual,
    .section-img,
    .footer-cols > div { background: var(--bg-raised); }
    .sub-input,
    .auth-input,
    .intel-preview-card,
    .intel-preview-table,
    .stat-card { background: var(--bg-panel); }
}

/* ═══════════════════════════════════════════════════════════════
   MOBİL "DEVAMINI GÖR" — uzun bölümleri kademeli açılır kıl
   (Yalnızca JS tarafından, mobilde devreye alınır.)
   ═══════════════════════════════════════════════════════════════ */

.mc-region {
    position: relative;
    overflow: hidden;
    max-height: var(--mc-h, none);
    transition: max-height 0.62s cubic-bezier(0.22, 1, 0.36, 1);
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 96px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 96px), transparent 100%);
    will-change: max-height;
}

/* Açıkken: kırpma ve solma kalkar, içerik tam görünür. */
.mc-region.is-open {
    -webkit-mask-image: none;
    mask-image: none;
}

/* Tetikleyici düğme — varsayılan gizli; yalnızca JS etkinleştirince görünür. */
.mc-toggle { display: none; }

.mc-toggle.is-enabled {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: fit-content;
    max-width: 100%;
    margin: 20px auto 2px;
    padding: 12px 24px;
    background:
        linear-gradient(180deg, rgba(184, 148, 95, 0.12), rgba(184, 148, 95, 0.04));
    border: 1px solid rgba(184, 148, 95, 0.34);
    border-radius: 999px;
    color: var(--gold-soft);
    font-family: var(--font-body);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 6px 22px rgba(0, 0, 0, 0.28),
        0 0 0 0 rgba(184, 148, 95, 0.36);
    -webkit-tap-highlight-color: transparent;
    transition:
        color 0.3s var(--ease-out),
        border-color 0.3s var(--ease-out),
        background 0.3s var(--ease-out),
        box-shadow 0.3s var(--ease-out),
        transform 0.18s var(--ease-out);
    animation: mcPulse 3.4s ease-in-out infinite;
}

.mc-toggle.is-enabled:active { transform: scale(0.97); }

@media (hover: hover) {
    .mc-toggle.is-enabled:hover {
        color: #fff;
        border-color: rgba(212, 188, 138, 0.7);
        background: linear-gradient(180deg, rgba(184, 148, 95, 0.22), rgba(184, 148, 95, 0.08));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 10px 28px rgba(0, 0, 0, 0.36);
    }
}

.mc-toggle-text { line-height: 1; }

.mc-toggle-count {
    color: var(--gold);
    font-variant-numeric: tabular-nums;
    opacity: 0.85;
}

.mc-toggle-ic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(184, 148, 95, 0.16);
    color: var(--gold-soft);
    transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s;
}

.mc-toggle-ic svg {
    transform: translateY(0);
    animation: mcNudge 2.1s ease-in-out infinite;
}

/* Açık durumda ok yukarı döner, vurgu nabzı durur. */
.mc-toggle.is-open {
    animation: none;
    color: var(--text-secondary);
    border-color: var(--glass-border);
    background: var(--glass-bg-subtle);
}
.mc-toggle.is-open .mc-toggle-ic { transform: rotate(180deg); }
.mc-toggle.is-open .mc-toggle-ic svg { animation: none; }
.mc-toggle.is-open .mc-toggle-count { display: none; }

@keyframes mcPulse {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 6px 22px rgba(0,0,0,0.28), 0 0 0 0 rgba(184,148,95,0.32); }
    50%      { box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 6px 22px rgba(0,0,0,0.28), 0 0 0 7px rgba(184,148,95,0); }
}

@keyframes mcNudge {
    0%, 100% { transform: translateY(-1px); }
    50%      { transform: translateY(2px); }
}

@media (prefers-reduced-motion: reduce) {
    .mc-region { transition: none; }
    .mc-toggle.is-enabled { animation: none; }
    .mc-toggle-ic svg { animation: none; }
}

/* ═══════════════════════════════════════════════════════════════
   BÖLÜM GÖRSELLERİ — Akıllı Eşleştirme & Günlük Bülten
   ═══════════════════════════════════════════════════════════════ */

/* Akıllı Eşleştirme Süreci — geniş akış illüstrasyonu (başlık ile adımlar arası) */
.process-illus {
    position: relative;
    max-width: 780px;
    margin: 0 auto 56px;
    padding: 0;
}

.process-illus::before {
    content: '';
    position: absolute;
    inset: -8% -6%;
    background: radial-gradient(ellipse 58% 62% at 50% 46%, rgba(184, 148, 95, 0.18) 0%, rgba(120, 160, 210, 0.06) 42%, transparent 72%);
    filter: blur(10px);
    z-index: 0;
    pointer-events: none;
}

.process-illus img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 44px rgba(0, 0, 0, 0.5));
}

/* Masaüstünde illüstrasyonu %50 küçült */
@media (min-width: 1024px) {
    .process-illus { max-width: 390px; }
}

/* Güvenli Yatırım — rozet & sekiz kriter illüstrasyonu (başlık ile içerik arası) */
.committee-illus {
    position: relative;
    max-width: 720px;
    margin: 4px auto 44px;
    padding: 0;
}

.committee-illus::before {
    content: '';
    position: absolute;
    inset: -6% -4%;
    background: radial-gradient(ellipse 54% 62% at 38% 48%, rgba(184, 148, 95, 0.22) 0%, transparent 70%);
    filter: blur(14px);
    z-index: 0;
    pointer-events: none;
}

.committee-illus img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 22px 48px rgba(0, 0, 0, 0.5));
}

@media (max-width: 767px) {
    .committee-illus { max-width: 520px; margin-bottom: 32px; }
}

/* Kurumsal Çözümler & API — ekosistem illüstrasyonu (başlık ile içerik arası) */
.b2b-illus {
    position: relative;
    max-width: 760px;
    margin: 4px auto 48px;
    padding: 0;
}

.b2b-illus::before {
    content: '';
    position: absolute;
    inset: -6% -4%;
    background: radial-gradient(ellipse 56% 64% at 50% 48%, rgba(184, 148, 95, 0.2) 0%, rgba(120, 160, 210, 0.07) 44%, transparent 72%);
    filter: blur(12px);
    z-index: 0;
    pointer-events: none;
}

.b2b-illus img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 22px 48px rgba(0, 0, 0, 0.55));
}

@media (max-width: 767px) {
    .b2b-illus { max-width: 540px; margin-bottom: 36px; }
}

/* Günlük Haber Bülteni — rapor kartı görseli */
.briefing-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.briefing-visual::before {
    content: '';
    position: absolute;
    inset: 6% 8%;
    background: radial-gradient(ellipse at 50% 38%, rgba(184, 148, 95, 0.22) 0%, transparent 70%);
    filter: blur(26px);
    z-index: 0;
    pointer-events: none;
}

.briefing-visual-img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: min(100%, 520px);
    height: auto;
    filter: drop-shadow(0 24px 50px rgba(0, 0, 0, 0.52));
    animation: briefingFloat 6.5s ease-in-out infinite;
    will-change: transform;
}

@keyframes briefingFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@media (max-width: 767px) {
    .process-illus { max-width: 520px; margin-bottom: 44px; }
    .briefing-visual-img { max-width: min(86vw, 380px); }
}

@media (prefers-reduced-motion: reduce) {
    .briefing-visual-img { animation: none; }
}

/* ═══════════════════════════════════════════════════════════════
   MOBİL SIRALAMA — görsel/grafik metnin üstünde
   (Tek kolon düzende geçerli; ≥1024px masaüstü düzeni korunur.)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 1023px) {
    /* Veri Katmanları: "Üç istihbarat, tek bakışta" — kart grafiği üstte */
    .stack-cards-layout > .stack-cards-stage { order: -1; }

    /* Küresel Varlık Sınıfları: görsel "Piyasa Karşılaştırması" üstünde */
    .assets-grid-layout > .reveal:last-child { order: -1; }

    /* Prediktif Analiz: görsel "Öngörü Teknolojisi" üstünde */
    .calc-cta-section .grid-2 > .reveal:last-child { order: -1; }

    /* Kazançlı Yatırım Asistanı: görsel "Özel Eğitimli" başlığının üstünde */
    .ai-section .grid-2 > .reveal:last-child { order: -1; }

    /* İlan Portalı Fırsatları: görsel "Pazar Taraması" başlığının üstünde */
    .portal-section .grid-2 > .reveal:last-child { order: -1; }

    /* Günlük Haber Bülteni: görsel "Üyelere Özel" başlığının üstünde */
    .briefing-grid > .briefing-visual {
        order: -1;
        margin-bottom: 4px;
    }
}

/* Mobile performance layer: keeps the premium glass look while reducing paint cost on phones. */
@media (max-width: 767px) {
    :root {
        --glass-blur: 16px;
        --glass-saturate: 145%;
        --shadow-glass: 0 8px 24px rgba(0, 0, 0, 0.34), 0 1px 8px rgba(0, 0, 0, 0.2);
        --shadow-glass-hover: 0 12px 30px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.24);
    }

    body::after { display: none; }

    .site-header,
    .mobile-nav-panel,
    .modal-box {
        backdrop-filter: blur(16px) saturate(145%);
        -webkit-backdrop-filter: blur(16px) saturate(145%);
    }

    .mobile-nav-backdrop,
    .modal-overlay {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .section-img,
    .process-illus img,
    .committee-illus img,
    .b2b-illus img,
    .briefing-visual-img {
        filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.42));
    }

    .process-illus::before,
    .committee-illus::before,
    .b2b-illus::before,
    .briefing-visual::before {
        filter: blur(12px);
        opacity: 0.72;
    }

    .briefing-visual-img {
        animation-duration: 8s;
        will-change: auto;
    }
}

@media (hover: none) and (pointer: coarse) {
    .process-card,
    .opp-card,
    .journey-card,
    .project-card,
    .committee-card,
    .case-card,
    .partner-card,
    .service-col,
    .intel-module,
    .b2b-seg,
    .b2b-case,
    .feature-item,
    .footer-cols > div {
        transition-property: border-color, background, box-shadow, opacity, color;
    }

    .process-card:hover,
    .opp-card:hover,
    .journey-card:hover,
    .project-card:hover,
    .committee-card:hover,
    .case-card:hover,
    .partner-card:hover,
    .service-col:hover,
    .intel-module:hover,
    .b2b-seg:hover,
    .b2b-case:hover {
        transform: none;
    }

    .stack-cards-stage:hover .stack-card--3,
    .stack-cards-stage:focus-within .stack-card--3 {
        transform: translate(-12px, -10px) rotate(-4deg) scale(0.95);
    }

    .stack-cards-stage:hover .stack-card--2,
    .stack-cards-stage:focus-within .stack-card--2 {
        transform: translate(0, 6px) rotate(-1deg) scale(0.98);
    }

    .stack-cards-stage:hover .stack-card--1,
    .stack-cards-stage:focus-within .stack-card--1 {
        transform: translate(14px, 22px) rotate(2deg) scale(1);
    }

    .mc-region { will-change: auto; }
}