/**
 * Hashnode.com Tasarım Dili – BASE Portal Uyarlaması
 * hashnode.com birebir: Google Sans Flex, custom slate, frosted pill navbar
 */

/* ===== MODERN NAVY / INDIGO DESIGN TOKENS ===== */
/* Vergi Merkezi: Premium, kurumsal-akademik finans ofisi hissi */
.theme-hn-vergi-m,
.theme-hashnode,
[data-theme="hn_vergi_m"] {
    /* Primary (Brand - Deep Navy) */
    --hn-primary: #1E293B;
    --hn-primary-hover: #0F172A;
    --hn-primary-soft: rgba(30, 41, 59, 0.08);

    /* Action (Modern Blue) – etkileşimli alanlar, linkler */
    --hn-action: #2563EB;
    --hn-action-hover: #1d4ed8;

    /* Accent (Logo Red) – kritik uyarılar, logo vurguları */
    --hn-accent: #E11D48;

    /* Text */
    --hn-text-primary: #0F172A;
    --hn-text-secondary: #64748B;
    --hn-text-muted: #64748B;
    --hn-text-subtle: #94a3b8;

    /* Background */
    --hn-bg-body: #ffffff;
    --hn-bg-body-alt: #f8fafc;
    --hn-off-white: #f1f5f9;
    --hn-bg-card: #ffffff;
    --hn-bg-input: #ffffff;
    --hn-bg-hover: #f1f5f9;

    /* Border / Divider */
    --hn-border: #E2E8F0;
    --hn-border-strong: #cbd5e1;

    /* Shadow */
    --hn-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --hn-shadow: 0 1px 3px rgb(0 0 0 / 0.04), 0 4px 12px rgb(0 0 0 / 0.03);
    --hn-shadow-card: 0 1px 3px rgb(0 0 0 / 0.06), 0 6px 16px rgb(0 0 0 / 0.04);
    --hn-shadow-card-hover: 0 8px 30px rgb(0 0 0 / 0.10);

    /* Radius – orijinal ile azaltılmış arası; nav-btn değişmez */
    --hn-radius-sm: 0.25rem;
    --hn-radius: 0.4rem;
    --hn-radius-lg: 0.4375rem;
    --hn-radius-xl: 0.4375rem;
    --hn-radius-full: 1.25rem;
    --hn-radius-nav-btn: 8px;

    /* Typography */
    --hn-font-sans: 'Google Sans Flex', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --hn-font-serif: 'Source Serif 4', ui-serif, Georgia, serif;

    --hn-navbar-height: 52px;
    --hn-nav-max-width: 1200px;

    --brand-primary: var(--hn-primary);
    --brand-primary-hover: var(--hn-primary-hover);
    --brand-primary-soft: var(--hn-primary-soft);
    --text-primary: var(--hn-text-primary);
    --text-secondary: var(--hn-text-secondary);
    --text-muted: var(--hn-text-muted);
    --bg-body: var(--hn-bg-body-alt);
    --bg-card: var(--hn-bg-card);
    --border-light: var(--hn-border);
    --font-sans: var(--hn-font-sans);
    --radius-lg: var(--hn-radius-lg);
    --radius-xl: var(--hn-radius-xl);
    --shadow-card: var(--hn-shadow-sm);
    --shadow-card-hover: var(--hn-shadow-card);
}

/* ===== BODY ===== */
.theme-hn-vergi-m.body-bg,
.theme-hashnode.body-bg,
[data-theme="hn_vergi_m"] .body-bg {
    background-color: var(--hn-bg-body-alt);
    color: var(--hn-text-primary);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.theme-hn-vergi-m *,
.theme-hashnode *,
[data-theme="hn_vergi_m"] * {
    font-family: var(--hn-font-sans);
}

/* ===== SKIP LINK (a11y) ===== */
.skip-link {
    position: fixed;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    z-index: -1;
}
.skip-link:focus,
.skip-link:focus-visible {
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    padding: 0.75rem 1.25rem;
    margin: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
    z-index: 99999;
    background: #fff;
    color: var(--hn-primary);
    font-weight: 600;
    border-radius: var(--hn-radius-lg);
    box-shadow: 0 4px 12px rgb(0 0 0 / 0.12);
}

/* ===== HASHNODE PILL NAVBAR ===== */

.hn-nav-header {
    position: sticky;
    top: 0;
    z-index: 50;
    padding: 0.75rem 1rem 0;
    background: transparent;
}

.hn-nav-container {
    max-width: var(--hn-nav-max-width);
    margin: 0 auto;
}

.hn-nav-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: var(--hn-navbar-height);
    padding: 0 0.375rem 0 1rem;
    border-radius: var(--hn-radius-nav-btn);
    border: 1px solid var(--hn-border);
    background: var(--hn-off-white);
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    box-shadow: var(--hn-shadow);
}

.hn-nav-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.hn-nav-center {
    display: none;
    align-items: center;
    gap: 0.125rem;
    flex: 1;
    justify-content: center;
    min-width: 0;
}

.hn-nav-right {
    display: none;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .hn-nav-center { display: flex; }
    .hn-nav-right { display: flex; }
    .hn-nav-toggle { display: none !important; }
}

/* Nav links – Header: #334155, hover #2563EB + 2px underline */
.hn-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.4375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #334155 !important;
    text-decoration: none;
    border-radius: var(--hn-radius-lg);
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    white-space: nowrap;
    line-height: 1.25rem;
    border-bottom: 2px solid transparent;
}

.hn-nav-link:hover {
    color: var(--hn-action) !important;
    border-bottom-color: var(--hn-action);
}

.hn-nav-link.active {
    color: var(--hn-text-primary) !important;
    font-weight: 600;
}

.hn-nav-link svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.hn-nav-link .hn-chevron {
    width: 0.75rem;
    height: 0.75rem;
    margin-left: -0.125rem;
    opacity: 0.5;
    transition: transform 0.2s;
}

/* Dropdown (pill nav) */
.hn-nav-dropdown {
    position: relative;
}

.hn-nav-dropdown-panel {
    display: none;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid var(--hn-border);
    border-radius: var(--hn-radius-xl);
    box-shadow: 0 8px 30px rgb(0 0 0 / 0.10), 0 0 0 1px rgb(0 0 0 / 0.03);
    padding: 0.375rem;
    z-index: 60;
}

.hn-nav-dropdown.open .hn-nav-dropdown-panel {
    display: block;
}

/* Firefox/JS fallback: hover veya focus ile panel acilsin */
.hn-nav-dropdown:hover .hn-nav-dropdown-panel,
.hn-nav-dropdown:focus-within .hn-nav-dropdown-panel {
    display: block;
}

.hn-nav-dropdown-panel a {
    display: block;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--hn-text-secondary) !important;
    text-decoration: none;
    border-radius: var(--hn-radius-lg);
    transition: color 0.1s, background-color 0.1s;
    line-height: 1.25;
}

.hn-nav-dropdown-panel a:hover {
    background: var(--hn-bg-hover);
    color: var(--hn-text-primary) !important;
}

.hn-nav-dropdown-panel a.active {
    color: var(--hn-action) !important;
    background: var(--hn-primary-soft);
}

/* Mega dropdown for services */
.hn-nav-dropdown-panel.hn-mega {
    min-width: 520px;
    padding: 1rem;
}

.hn-mega-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem 1.5rem;
}

.hn-mega-group-title {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--hn-text-muted);
    padding: 0.375rem 0.75rem 0.25rem;
    margin-top: 0.25rem;
}

.hn-mega-group-title:first-child {
    margin-top: 0;
}

/* CTA buttons – Secondary (outline), Primary (fill) */
.hn-nav-cta-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--hn-primary) !important;
    background: transparent;
    border: 1px solid var(--hn-primary);
    border-radius: var(--hn-radius-nav-btn);
    text-decoration: none;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    white-space: nowrap;
}

.hn-nav-cta-outline:hover {
    background: var(--hn-bg-hover);
    color: var(--hn-primary) !important;
}

.hn-nav-cta-fill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff !important;
    background: var(--hn-primary);
    border: 1px solid var(--hn-primary);
    border-radius: var(--hn-radius-nav-btn);
    text-decoration: none;
    transition: background-color 0.3s, box-shadow 0.3s;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
}

.hn-nav-cta-fill:hover {
    background: var(--hn-primary-hover);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    color: #fff !important;
}

/* Mobile hamburger */
.hn-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    background: transparent;
    border-radius: var(--hn-radius-lg);
    color: var(--hn-text-secondary);
    cursor: pointer;
    transition: background 0.15s;
    flex-shrink: 0;
}

.hn-nav-toggle:hover {
    background: var(--hn-bg-hover);
}

.hn-nav-toggle svg {
    width: 1.25rem;
    height: 1.25rem;
}

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

/* Mobile menu */
.hn-mobile-menu {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 1rem;
    box-sizing: border-box;
}

.hn-mobile-menu.open {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

/* Orta liste: uzun menüde kaydırma burada (flex min-height:0 şart) */
.hn-mobile-menu-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.hn-mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--hn-border);
    margin-bottom: 0.5rem;
}

.hn-mobile-menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    background: var(--hn-bg-hover);
    border-radius: var(--hn-radius-lg);
    color: var(--hn-text-primary);
    cursor: pointer;
}

.hn-mobile-menu-close svg {
    width: 1.25rem;
    height: 1.25rem;
}

.hn-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.5rem 0;
}

.hn-mobile-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--hn-text-secondary) !important;
    text-decoration: none;
    border-radius: var(--hn-radius-lg);
    transition: background 0.1s, color 0.1s;
}

.hn-mobile-link:hover,
.hn-mobile-link.active {
    background: var(--hn-bg-hover);
    color: var(--hn-text-primary) !important;
}

.hn-mobile-group {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--hn-text-muted);
    padding: 0.75rem 0.75rem 0.25rem;
    margin-top: 0.25rem;
}

.hn-mobile-sub {
    padding-left: 0.75rem;
}

.hn-mobile-ctas {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
    padding-top: 1rem;
    border-top: 1px solid var(--hn-border);
}

.hn-mobile-ctas .hn-nav-cta-fill,
.hn-mobile-ctas .hn-nav-cta-outline {
    justify-content: center;
    padding: 0.625rem 1rem;
    font-size: 0.9375rem;
    border-radius: var(--hn-radius-lg);
}

/* ===== LEGACY nav-public PILL SUPPORT ===== */
.theme-hn-vergi-m .nav-public.nav-layout-pill,
.theme-hashnode .nav-public.nav-hashnode,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill {
    background: transparent;
    border: none;
    border-bottom: none;
    box-shadow: none;
    padding: 0.75rem 1rem 0;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-inner,
.theme-hashnode .nav-public.nav-hashnode .nav-inner,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .nav-inner {
    width: 100%;
    max-width: var(--hn-nav-max-width);
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow: visible;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .hn-nav-pill,
.theme-hashnode .nav-public.nav-hashnode .hn-nav-pill,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .hn-nav-pill {
    box-sizing: border-box;
    border-radius: var(--hn-radius-nav-btn);
    border: 1px solid var(--hn-border);
    border-bottom-color: var(--hn-off-white);
    background: var(--hn-off-white);
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    box-shadow: var(--hn-shadow);
    padding: 0 0.375rem 0 1rem;
}

.theme-hn-vergi-m .nav-public .nav-container.nav-inner,
.theme-hashnode .nav-public .nav-container.nav-inner,
[data-theme="hn_vergi_m"] .nav-public .nav-container.nav-inner {
    overflow: visible;
    padding: 0;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .hn-nav-row,
.theme-hashnode .nav-public.nav-hashnode .hn-nav-row,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .hn-nav-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: var(--hn-navbar-height);
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .hn-nav-left,
.theme-hashnode .nav-public.nav-hashnode .hn-nav-left,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .hn-nav-left {
    flex-shrink: 0;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .hn-nav-center,
.theme-hashnode .nav-public.nav-hashnode .hn-nav-center,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .hn-nav-center {
    flex: 1;
    min-width: 0;
    justify-content: center;
}

@media (min-width: 1024px) {
    .theme-hn-vergi-m .nav-public.nav-layout-pill .hn-nav-center,
    .theme-hashnode .nav-public.nav-hashnode .hn-nav-center,
    [data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .hn-nav-center {
        display: flex !important;
    }
    .theme-hn-vergi-m .nav-public.nav-layout-pill .hn-nav-right,
    .theme-hashnode .nav-public.nav-hashnode .hn-nav-right,
    [data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .hn-nav-right {
        display: flex !important;
    }
}

/* Legacy nav-link inside pill */
.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-link,
.theme-hashnode .nav-public.nav-hashnode .nav-link,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--hn-text-secondary) !important;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.4375rem 0.75rem;
    border-radius: var(--hn-radius-lg);
    text-decoration: none;
    transition: color 0.15s, background-color 0.15s;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-link:hover,
.theme-hashnode .nav-public.nav-hashnode .nav-link:hover {
    color: var(--hn-text-primary) !important;
    background-color: var(--hn-bg-hover);
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-link--active,
.theme-hashnode .nav-public.nav-hashnode .nav-link--active {
    color: var(--hn-text-primary) !important;
    font-weight: 600;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-active,
.theme-hashnode .nav-public.nav-hashnode .nav-active,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .nav-active {
    border-bottom: none;
    color: var(--hn-text-primary) !important;
}

/* Legacy CTA inside pill – mavi */
.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-cta,
.theme-hashnode .nav-public.nav-hashnode .nav-cta,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--hn-primary) !important;
    background: #fff;
    border: 1px solid var(--hn-primary);
    border-radius: var(--hn-radius-nav-btn);
    text-decoration: none;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill .nav-cta:hover,
.theme-hashnode .nav-public.nav-hashnode .nav-cta:hover,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill .nav-cta:hover {
    background: var(--hn-primary-soft);
    border-color: var(--hn-primary-hover);
    color: var(--hn-primary-hover) !important;
}

/* Legacy link color override inside pill – Header style */
.theme-hn-vergi-m .nav-public.nav-layout-pill a:not(.btn-primary):not(.nav-cta):not(.hn-nav-cta-fill):not(.hn-nav-cta-outline),
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill a:not(.btn-primary):not(.nav-cta):not(.hn-nav-cta-fill):not(.hn-nav-cta-outline) {
    color: #334155 !important;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.4375rem 0.75rem;
    border-radius: var(--hn-radius-lg);
    transition: color 0.3s;
    text-decoration: none;
}

.theme-hn-vergi-m .nav-public.nav-layout-pill a:not(.btn-primary):not(.nav-cta):not(.hn-nav-cta-fill):not(.hn-nav-cta-outline):hover,
[data-theme="hn_vergi_m"] .nav-public.nav-layout-pill a:not(.btn-primary):not(.nav-cta):not(.hn-nav-cta-fill):not(.hn-nav-cta-outline):hover {
    color: var(--hn-action) !important;
}

/* ===== BUTONLAR (Deep Navy, 8px radius, 300ms transition) ===== */
/* Primary: Hizmetleri İncele – BG #1E293B, Text #FFF, Hover #0F172A */
.theme-hn-vergi-m .btn-primary,
[data-theme="hn_vergi_m"] .btn-primary {
    background: var(--hn-primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--hn-primary);
    border-radius: 8px !important;
    padding: 0.75rem 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
    transition: background 0.3s, box-shadow 0.3s;
}

.theme-hn-vergi-m .btn-primary:hover,
[data-theme="hn_vergi_m"] .btn-primary:hover {
    background: var(--hn-primary-hover) !important;
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.18);
}

/* Secondary: Teklif Talebi – Outline, Border #1E293B, Hover BG #F1F5F9 */
.theme-hn-vergi-m .btn-secondary,
[data-theme="hn_vergi_m"] .btn-secondary {
    background-color: transparent !important;
    color: var(--hn-primary) !important;
    border: 1px solid var(--hn-primary);
    border-radius: 8px !important;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s;
}

.theme-hn-vergi-m .btn-secondary:hover,
[data-theme="hn_vergi_m"] .btn-secondary:hover {
    background-color: #F1F5F9 !important;
    color: var(--hn-primary) !important;
}

/* Ghost: Başvuru – No border, Text #64748B, Hover Text #1E293B */
.theme-hn-vergi-m .btn-ghost,
[data-theme="hn_vergi_m"] .btn-ghost {
    background: transparent !important;
    color: var(--hn-text-secondary) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.3s;
}

.theme-hn-vergi-m .btn-ghost:hover,
[data-theme="hn_vergi_m"] .btn-ghost:hover {
    color: var(--hn-primary) !important;
}

/* ===== HERO ===== */
.theme-hn-vergi-m .hero-title,
[data-theme="hn_vergi_m"] .hero-title {
    font-family: var(--hn-font-sans);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: var(--hn-text-primary) !important;
}

.theme-hn-vergi-m .hero-desc,
[data-theme="hn_vergi_m"] .hero-desc {
    font-family: var(--hn-font-sans);
    color: var(--hn-text-secondary) !important;
    font-size: 1.125rem;
    line-height: 1.75;
}

.theme-hn-vergi-m .section-heading,
[data-theme="hn_vergi_m"] .section-heading {
    font-family: var(--hn-font-sans);
    font-weight: 600;
    letter-spacing: -0.025em;
    color: var(--hn-text-primary);
}

.theme-hn-vergi-m .section-sub,
[data-theme="hn_vergi_m"] .section-sub {
    color: var(--hn-text-secondary);
}

/* ===== KARTLAR ===== */
.theme-hn-vergi-m .card-public,
.theme-hn-vergi-m .service-card,
.theme-hn-vergi-m .feature-card,
[data-theme="hn_vergi_m"] .card-public,
[data-theme="hn_vergi_m"] .service-card,
[data-theme="hn_vergi_m"] .feature-card {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid var(--hn-border);
    border-radius: var(--hn-radius-xl);
    box-shadow: var(--hn-shadow-card);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.theme-hn-vergi-m .card-public:hover,
.theme-hn-vergi-m .service-card:hover,
.theme-hn-vergi-m .feature-card:hover,
[data-theme="hn_vergi_m"] .card-public:hover,
[data-theme="hn_vergi_m"] .service-card:hover,
[data-theme="hn_vergi_m"] .feature-card:hover {
    box-shadow: var(--hn-shadow-card-hover);
}

/* ===== BÖLÜM ARKA PLANI ===== */
.theme-hn-vergi-m .section-alt,
[data-theme="hn_vergi_m"] .section-alt {
    background-color: var(--hn-bg-body-alt);
}

/* ===== LİNK RENGİ – Body links: underline, #2563EB (Action) ===== */
.theme-hn-vergi-m a:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.nav-cta):not(.hn-nav-link):not(.hn-nav-cta-outline):not(.hn-nav-cta-fill):not(.hn-mobile-link):not(.hn-nav-brand):not(.vm-cta-band-btn):not(.hn-cta-blue-btn):not(.hn-footer-cta-btn):not(.hn-product-card-cta),
[data-theme="hn_vergi_m"] a:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.nav-cta):not(.hn-nav-link):not(.hn-nav-cta-outline):not(.hn-nav-cta-fill):not(.hn-mobile-link):not(.hn-nav-brand):not(.vm-cta-band-btn):not(.hn-cta-blue-btn):not(.hn-footer-cta-btn):not(.hn-product-card-cta) {
    color: var(--hn-action);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.theme-hn-vergi-m .hn-nav-brand,
[data-theme="hn_vergi_m"] .hn-nav-brand {
    color: var(--hn-text-primary) !important;
}
.theme-hn-vergi-m .hn-nav-brand:hover,
[data-theme="hn_vergi_m"] .hn-nav-brand:hover {
    color: var(--hn-text-primary) !important;
}

.theme-hn-vergi-m a:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.nav-cta):not(.hn-nav-link):not(.hn-nav-cta-outline):not(.hn-nav-cta-fill):not(.hn-mobile-link):not(.hn-nav-brand):not(.vm-cta-band-btn):not(.hn-cta-blue-btn):not(.hn-footer-cta-btn):not(.hn-product-card-cta):hover,
[data-theme="hn_vergi_m"] a:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.nav-cta):not(.hn-nav-link):not(.hn-nav-cta-outline):not(.hn-nav-cta-fill):not(.hn-mobile-link):not(.hn-nav-brand):not(.vm-cta-band-btn):not(.hn-cta-blue-btn):not(.hn-footer-cta-btn):not(.hn-product-card-cta):hover {
    color: var(--hn-action-hover);
}

/* ===== FOOTER (açık zemin, linkler mavi) ===== */
.theme-hn-vergi-m .footer-public,
[data-theme="hn_vergi_m"] .footer-public {
    border-top: 1px solid var(--hn-border);
    background-color: var(--hn-bg-body-alt);
    color: var(--hn-text-primary);
}

.theme-hn-vergi-m .footer-public a,
[data-theme="hn_vergi_m"] .footer-public a {
    color: var(--hn-text-secondary) !important;
    text-decoration: none !important;
}
.theme-hn-vergi-m .footer-public .hn-nav-brand,
.theme-hn-vergi-m .footer-public .hn-footer-brand > a,
[data-theme="hn_vergi_m"] .footer-public .hn-nav-brand,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-brand > a {
    color: var(--hn-text-primary) !important;
}
.theme-hn-vergi-m .footer-public .hn-nav-brand:hover,
.theme-hn-vergi-m .footer-public .hn-footer-brand > a:hover,
[data-theme="hn_vergi_m"] .footer-public .hn-nav-brand:hover,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-brand > a:hover {
    color: var(--hn-text-primary) !important;
}
.theme-hn-vergi-m .footer-public a:hover,
[data-theme="hn_vergi_m"] .footer-public a:hover {
    color: var(--hn-action-hover) !important;
}

/* Koyu zeminli CTA: genel footer link rengi gri metni ezer; metin beyaz kalmalı */
.theme-hn-vergi-m .footer-public a.hn-footer-cta-btn,
[data-theme="hn_vergi_m"] .footer-public a.hn-footer-cta-btn {
    color: #ffffff !important;
    text-decoration: none !important;
}
.theme-hn-vergi-m .footer-public a.hn-footer-cta-btn:hover,
[data-theme="hn_vergi_m"] .footer-public a.hn-footer-cta-btn:hover {
    color: #ffffff !important;
    background: #334155;
    border-color: #334155;
}

.theme-hn-vergi-m .footer-public h4,
[data-theme="hn_vergi_m"] .footer-public h4 {
    color: var(--hn-text-primary) !important;
}
.theme-hn-vergi-m .footer-public .text-slate-400,
[data-theme="hn_vergi_m"] .footer-public .text-slate-400 {
    color: var(--hn-text-secondary) !important;
}
.theme-hn-vergi-m .footer-public .text-slate-400 a,
[data-theme="hn_vergi_m"] .footer-public .text-slate-400 a {
    color: var(--hn-action) !important;
}
.theme-hn-vergi-m .footer-public .text-slate-400 a:hover,
[data-theme="hn_vergi_m"] .footer-public .text-slate-400 a:hover {
    color: var(--hn-action-hover) !important;
}

/* ===== INPUT ===== */
.theme-hn-vergi-m .input-apple,
.theme-hn-vergi-m .input-public,
[data-theme="hn_vergi_m"] .input-apple,
[data-theme="hn_vergi_m"] .input-public {
    border-color: var(--hn-border);
    border-radius: var(--hn-radius-lg);
}

.theme-hn-vergi-m .input-apple:focus,
[data-theme="hn_vergi_m"] .input-apple:focus {
    border-color: var(--hn-primary);
}

/* ===== HERO CTA ===== */
.theme-hn-vergi-m .hero-cta-primary,
[data-theme="hn_vergi_m"] .hero-cta-primary {
    border-radius: var(--hn-radius-nav-btn);
    background: var(--hn-primary);
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
    transition: background 0.3s, box-shadow 0.3s;
}

.theme-hn-vergi-m .hero-cta-primary:hover,
[data-theme="hn_vergi_m"] .hero-cta-primary:hover {
    background: var(--hn-primary-hover);
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.18);
}

.theme-hn-vergi-m .hero-cta-secondary,
[data-theme="hn_vergi_m"] .hero-cta-secondary {
    border-radius: var(--hn-radius-nav-btn);
    border: 1px solid var(--hn-primary);
    background: transparent;
    color: var(--hn-primary);
    transition: background 0.3s;
}

.theme-hn-vergi-m .hero-cta-secondary:hover,
[data-theme="hn_vergi_m"] .hero-cta-secondary:hover {
    background: var(--hn-bg-hover);
}

/* ===== PROSE – Body links: #2563EB, underline ===== */
.theme-hn-vergi-m .prose a,
.theme-hn-vergi-m .page-content a,
.theme-hn-vergi-m .hizmet-prose a,
[data-theme="hn_vergi_m"] .prose a,
[data-theme="hn_vergi_m"] .page-content a,
[data-theme="hn_vergi_m"] .hizmet-prose a {
    color: var(--hn-action) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.theme-hn-vergi-m .prose a:hover,
.theme-hn-vergi-m .page-content a:hover,
.theme-hn-vergi-m .hizmet-prose a:hover,
[data-theme="hn_vergi_m"] .prose a:hover,
[data-theme="hn_vergi_m"] .page-content a:hover,
[data-theme="hn_vergi_m"] .hizmet-prose a:hover {
    color: var(--hn-action-hover) !important;
}

.theme-hn-vergi-m .hizmet-prose h2,
[data-theme="hn_vergi_m"] .hizmet-prose h2 {
    color: var(--hn-text-primary);
}

.theme-hn-vergi-m .hizmet-prose p,
.theme-hn-vergi-m .text-muted-safe,
[data-theme="hn_vergi_m"] .hizmet-prose p,
[data-theme="hn_vergi_m"] .text-muted-safe {
    color: var(--hn-text-secondary);
}

/* ===== STATIC PAGE CONTENT (CMS /sayfa/{slug}) ===== */
.theme-hn-vergi-m .page-content,
[data-theme="hn_vergi_m"] .page-content {
    color: var(--hn-text-secondary);
}
.theme-hn-vergi-m .page-content > *:first-child,
[data-theme="hn_vergi_m"] .page-content > *:first-child {
    margin-top: 0 !important;
}
.theme-hn-vergi-m .page-content > *:last-child,
[data-theme="hn_vergi_m"] .page-content > *:last-child {
    margin-bottom: 0 !important;
}
.theme-hn-vergi-m .page-content h2,
[data-theme="hn_vergi_m"] .page-content h2 {
    color: var(--hn-text-primary);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 2.25rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--hn-border);
}
.theme-hn-vergi-m .page-content h3,
[data-theme="hn_vergi_m"] .page-content h3 {
    color: var(--hn-text-primary);
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
}
.theme-hn-vergi-m .page-content h4,
[data-theme="hn_vergi_m"] .page-content h4 {
    color: var(--hn-text-primary);
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}
.theme-hn-vergi-m .page-content p,
[data-theme="hn_vergi_m"] .page-content p {
    color: var(--hn-text-secondary);
    line-height: 1.75;
    margin-bottom: 1.1rem;
    font-size: 1.0625rem;
}
.theme-hn-vergi-m .page-content p:empty,
[data-theme="hn_vergi_m"] .page-content p:empty {
    display: none;
}
.theme-hn-vergi-m .page-content ul,
.theme-hn-vergi-m .page-content ol,
[data-theme="hn_vergi_m"] .page-content ul,
[data-theme="hn_vergi_m"] .page-content ol {
    margin: 1rem 0 1.25rem;
    padding-left: 1.4rem;
}
.theme-hn-vergi-m .page-content ul,
[data-theme="hn_vergi_m"] .page-content ul {
    list-style: disc;
}
.theme-hn-vergi-m .page-content ol,
[data-theme="hn_vergi_m"] .page-content ol {
    list-style: decimal;
}
.theme-hn-vergi-m .page-content li,
[data-theme="hn_vergi_m"] .page-content li {
    color: var(--hn-text-secondary);
    line-height: 1.7;
    margin-bottom: 0.5rem;
}
.theme-hn-vergi-m .page-content strong,
[data-theme="hn_vergi_m"] .page-content strong {
    color: var(--hn-text-primary);
    font-weight: 700;
}
.theme-hn-vergi-m .page-content a,
[data-theme="hn_vergi_m"] .page-content a {
    color: var(--hn-primary);
    text-decoration: underline;
}
.theme-hn-vergi-m .page-content a:hover,
[data-theme="hn_vergi_m"] .page-content a:hover {
    opacity: 0.9;
}

/* ===== STATIC PUBLIC COPY BLOCKS (ABOUT/CONTACT) ===== */
.theme-hn-vergi-m .public-text-block p,
[data-theme="hn_vergi_m"] .public-text-block p {
    color: var(--hn-text-secondary);
    line-height: 1.75;
    font-size: 1.0625rem;
    margin-bottom: 1rem;
}
.theme-hn-vergi-m .public-text-block p:last-child,
[data-theme="hn_vergi_m"] .public-text-block p:last-child {
    margin-bottom: 0;
}
.theme-hn-vergi-m .public-text-block h2,
.theme-hn-vergi-m .public-text-block h3,
[data-theme="hn_vergi_m"] .public-text-block h2,
[data-theme="hn_vergi_m"] .public-text-block h3 {
    color: var(--hn-text-primary);
    line-height: 1.35;
}
.theme-hn-vergi-m .public-text-block ul,
.theme-hn-vergi-m .public-text-block ol,
[data-theme="hn_vergi_m"] .public-text-block ul,
[data-theme="hn_vergi_m"] .public-text-block ol {
    margin: 0.9rem 0 1.1rem;
    padding-left: 1.35rem;
}
.theme-hn-vergi-m .public-text-block li,
[data-theme="hn_vergi_m"] .public-text-block li {
    color: var(--hn-text-secondary);
    line-height: 1.7;
    margin-bottom: 0.4rem;
}

/* ===== SCROLL ===== */
.theme-hn-vergi-m,
[data-theme="hn_vergi_m"] {
    scroll-behavior: smooth;
}

.theme-hn-vergi-m:focus,
[data-theme="hn_vergi_m"]:focus {
    scroll-behavior: auto;
}

/* ===== HASHNODE HERO ===== */
.hn-hero {
    position: relative;
    overflow: hidden;
    background-color: var(--hn-off-white, #f7f8f9);
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    border-bottom: none;
    box-shadow: 0 1px 0 0 rgba(230, 232, 235, 0.4);
    padding-top: 3rem;
    min-height: 520px;
}
@media (min-width: 768px) {
    .hn-hero { padding-top: 4rem; min-height: 700px; }
}
@media (min-width: 1024px) {
    .hn-hero { padding-top: 5rem; min-height: 860px; }
}
@media (min-width: 1280px) {
    .hn-hero { min-height: 920px; }
}

.hn-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
@media (min-width: 640px) {
    .hn-hero-inner { padding: 0 1.5rem; }
}
@media (min-width: 1024px) {
    .hn-hero-inner { padding: 0 2rem; }
}

.hn-hero-content {
    max-width: 43rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center;
}

.hn-hero-title {
    font-size: 1.875rem;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: var(--hn-text-primary);
    margin: 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .hn-hero-title { font-size: 2.5rem; }
}
@media (min-width: 1280px) {
    .hn-hero-title { font-size: 3.25rem; }
}

.hn-hero-desc {
    max-width: 405px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.75;
    color: var(--hn-text-secondary);
}
@media (min-width: 640px) {
    .hn-hero-desc { max-width: 560px; font-size: 1.125rem; }
}
@media (min-width: 768px) {
    .hn-hero-desc { max-width: 652px; }
}

.hn-hero-ctas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 1rem;
}

.hn-hero-cta-primary,
.hn-hero-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--hn-radius-nav-btn);
}

.hn-hero-nocard {
    margin: 0;
    font-size: 0.875rem;
    color: var(--hn-text-muted);
}

/* Hero nitelik kutucukları (4’lü yan yana) */
.hn-hero-tags {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hn-hero-tags.hn-hero-tags--boxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem 0.75rem;
    width: 100%;
    max-width: 56rem;
    margin: 1.5rem auto 0;
}
@media (min-width: 640px) {
    .hn-hero-tags.hn-hero-tags--boxes {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.hn-hero-tags.hn-hero-tags--boxes li {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.01em;
    text-transform: none;
    text-align: center;
    color: var(--hn-text-primary, #0f172a);
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 0.5rem;
    padding: 0.75rem 0.5rem;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* ===== CONTAINER ===== */
.hn-container {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}
@media (min-width: 640px) {
    .hn-container { padding: 0 1.5rem; }
}
@media (min-width: 1024px) {
    .hn-container { padding: 0 2rem; }
}

/* ===== TRUSTED BY ===== */
.hn-trusted {
    padding: 3rem 0;
}
.hn-trusted-text {
    text-align: center;
    margin: 0;
    font-size: 0.9375rem;
    color: var(--hn-text-muted);
}

/* ===== PRODUCT SECTIONS ===== */
.hn-product {
    padding: 4rem 0;
    border-bottom: 1px solid var(--hn-border);
}
@media (min-width: 1024px) {
    .hn-product { padding: 5rem 0; }
}
.hn-product-inner {
    display: grid;
    gap: 2.5rem;
}
@media (min-width: 1024px) {
    .hn-product-inner {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        align-items: center;
    }
}
.hn-product-alt .hn-product-inner { direction: rtl; }
.hn-product-alt .hn-product-inner > * { direction: ltr; }

.hn-product-title {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: var(--hn-text-primary);
    margin: 0 0 1rem;
    line-height: 1.3;
}
@media (min-width: 768px) {
    .hn-product-title { font-size: 1.875rem; }
}

.hn-product-desc {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--hn-text-secondary);
    margin: 0 0 1rem;
}

.hn-product-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--hn-action);
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-bottom: 1.5rem;
}
.hn-product-link:hover { color: var(--hn-action-hover); }

.hn-product-features {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
}
.hn-product-features li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    color: var(--hn-text-secondary);
    line-height: 1.5;
}
.hn-product-features li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: var(--hn-primary);
}

.hn-product-quote {
    margin: 0;
    padding: 1.25rem 1.5rem;
    background: var(--hn-bg-card);
    border: 1px solid var(--hn-border);
    border-radius: var(--hn-radius-xl);
    font-size: 0.9375rem;
    font-style: italic;
    color: var(--hn-text-secondary);
    line-height: 1.6;
}
.hn-product-quote-author {
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    font-style: normal;
    color: var(--hn-text-muted);
}

.hn-product-card {
    background: var(--hn-bg-card);
    border: 1px solid var(--hn-border);
    border-radius: var(--hn-radius-xl);
    box-shadow: var(--hn-shadow-card);
    overflow: hidden;
}
.hn-product-card-inner { padding: 2rem; }
.hn-product-card-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--hn-text-muted);
    margin-bottom: 0.5rem;
}
.hn-product-card-text {
    font-size: 0.9375rem;
    color: var(--hn-text-secondary);
    margin: 0 0 1.25rem;
    line-height: 1.5;
}
.hn-product-card-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--hn-primary) !important;
    border: 1px solid var(--hn-primary);
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s;
}
.hn-product-card-cta:hover {
    background: var(--hn-bg-hover);
    color: var(--hn-primary) !important;
}

/* ===== 3 REASONS ===== */
.hn-reasons { padding: 4rem 0; }
@media (min-width: 1024px) {
    .hn-reasons { padding: 5rem 0; }
}
.hn-reasons-main-title {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: var(--hn-text-primary);
    text-align: center;
    margin: 0 0 2.5rem;
}
@media (min-width: 768px) {
    .hn-reasons-main-title { font-size: 1.875rem; }
}
.hn-reasons-grid {
    display: grid;
    gap: 1.5rem;
}
@media (min-width: 768px) {
    .hn-reasons-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
}
.hn-reasons-card {
    background: var(--hn-bg-card);
    border: 1px solid var(--hn-border);
    border-radius: var(--hn-radius-xl);
    padding: 1.5rem 1.75rem;
    box-shadow: var(--hn-shadow-sm);
}
.hn-reasons-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--hn-text-primary);
    margin: 0 0 0.5rem;
}
.hn-reasons-card-desc {
    font-size: 0.9375rem;
    color: var(--hn-text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* ===== STATS ===== */
.hn-stats {
    padding: 4rem 0;
    background: linear-gradient(180deg, var(--hn-bg-body-alt) 0%, var(--hn-bg-body) 100%);
    border-bottom: 1px solid var(--hn-border);
}
.hn-stats-main-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--hn-text-primary);
    text-align: center;
    margin: 0 0 2rem;
}
.hn-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
@media (min-width: 640px) {
    .hn-stats-grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; }
}
.hn-stats-item {
    background: var(--hn-bg-card);
    border: 1px solid var(--hn-border);
    border-radius: var(--hn-radius-xl);
    padding: 1.5rem;
    text-align: center;
    box-shadow: var(--hn-shadow-sm);
}
.hn-stats-number {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--hn-text-primary);
    margin-bottom: 0.35rem;
}
.hn-stats-item--accent-1 .hn-stats-number { color: #059669; }
.hn-stats-item--accent-2 .hn-stats-number { color: #7c3aed; }
.hn-stats-item--accent-3 .hn-stats-number { color: #ea580c; }
.hn-stats-item--accent-4 .hn-stats-number { color: #8b5cf6; }
@media (min-width: 768px) {
    .hn-stats-number { font-size: 2.25rem; }
}
.hn-stats-title {
    display: block;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--hn-text-primary);
    line-height: 1.35;
}
.hn-stats-sub {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--hn-text-muted);
}

/* ===== BLUE CTA ===== */
.hn-cta-blue {
    background: transparent;
    padding: 4rem 0;
}
.hn-cta-blue-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
}
.hn-cta-blue-title {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: var(--hn-text-primary);
    margin: 0;
    max-width: 32rem;
}
@media (min-width: 768px) {
    .hn-cta-blue-title { font-size: 1.875rem; }
}
.hn-cta-blue-desc {
    font-size: 1rem;
    color: var(--hn-text-secondary);
    margin: 0;
}
.hn-cta-blue-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--hn-text-primary) !important;
    background: #ffffff;
    border: 1px solid var(--hn-border);
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}
.hn-cta-blue-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    color: var(--hn-text-primary);
}

/* ===== FOOTER ===== */
.hn-footer {
    background-color: var(--hn-bg-body-alt);
    border-top: 1px solid var(--hn-border);
    color: var(--hn-text-primary);
    padding: 3rem 0 2rem;
}
.hn-footer a {
    color: var(--hn-text-secondary);
    text-decoration: none;
}
.hn-footer a:hover { color: var(--hn-primary); }
.hn-footer .brand-name { color: var(--hn-text-primary) !important; }
.hn-footer-brand > a { color: var(--hn-text-primary) !important; }
.hn-footer-brand > a:hover { color: var(--hn-primary) !important; }

/* public.css'teki koyu footer kurallarina karsi hn_vergi_m acik footer override */
.theme-hn-vergi-m .footer-public .hn-footer-col-title,
.theme-hashnode .footer-public .hn-footer-col-title,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-col-title {
    color: var(--hn-text-primary) !important;
}
.theme-hn-vergi-m .footer-public .hn-footer-links a,
.theme-hashnode .footer-public .hn-footer-links a,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-links a,
.theme-hn-vergi-m .footer-public .hn-footer-copy,
.theme-hashnode .footer-public .hn-footer-copy,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-copy,
.theme-hn-vergi-m .footer-public .hn-footer-copy a,
.theme-hashnode .footer-public .hn-footer-copy a,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-copy a,
.theme-hn-vergi-m .footer-public .hn-footer-legal a,
.theme-hashnode .footer-public .hn-footer-legal a,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-legal a {
    color: var(--hn-text-secondary) !important;
    text-decoration: none !important;
}
.theme-hn-vergi-m .footer-public .hn-footer-links a:hover,
.theme-hashnode .footer-public .hn-footer-links a:hover,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-links a:hover,
.theme-hn-vergi-m .footer-public .hn-footer-copy a:hover,
.theme-hashnode .footer-public .hn-footer-copy a:hover,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-copy a:hover,
.theme-hn-vergi-m .footer-public .hn-footer-legal a:hover,
.theme-hashnode .footer-public .hn-footer-legal a:hover,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-legal a:hover {
    color: var(--hn-primary) !important;
}
.theme-hn-vergi-m .footer-public .hn-footer-tagline,
.theme-hashnode .footer-public .hn-footer-tagline,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-tagline {
    color: var(--hn-text-secondary) !important;
}
.theme-hn-vergi-m .footer-public .hn-footer-social-link,
.theme-hashnode .footer-public .hn-footer-social-link,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-social-link {
    color: var(--hn-text-muted) !important;
}
.theme-hn-vergi-m .footer-public .hn-footer-social-link:hover,
.theme-hashnode .footer-public .hn-footer-social-link:hover,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-social-link:hover {
    color: var(--hn-primary) !important;
}
.theme-hn-vergi-m .footer-public .brand-name,
.theme-hashnode .footer-public .brand-name,
[data-theme="hn_vergi_m"] .footer-public .brand-name,
.theme-hn-vergi-m .footer-public .hn-footer-brand > a,
.theme-hashnode .footer-public .hn-footer-brand > a,
[data-theme="hn_vergi_m"] .footer-public .hn-footer-brand > a {
    color: var(--hn-text-primary) !important;
}

/* hn-footer-main ve hn-footer-info-row — asıl tanımlar aşağıdaki FOOTER RESET bloğundadır */

.hn-footer-brand { max-width: 100%; }
.hn-footer-tagline {
    font-size: 0.9375rem;
    color: var(--hn-text-secondary) !important;
    margin: 0.5rem 0 1rem;
    line-height: 1.5;
}
.hn-footer-social {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
.hn-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--hn-radius);
    color: var(--hn-text-muted) !important;
    transition: color 0.15s, background 0.15s;
}
.hn-footer-social-link:hover {
    color: var(--hn-primary) !important;
    background: var(--hn-primary-soft);
}

/* hn-footer-cols — asıl tanım FOOTER RESET bloğundadır */

.hn-footer-cta-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}
@media (min-width: 1024px) {
    .hn-footer-cta-wrap { align-items: flex-end; }
}
.hn-footer-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}
@media (min-width: 1024px) {
    .hn-footer-cta-buttons { justify-content: flex-end; }
}

.hn-footer-col-title {
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--hn-text-primary);
    margin: 0 0 0.75rem;
}
.hn-footer-links { list-style: none; padding: 0; margin: 0; }
.hn-footer-links li { margin-bottom: 0.375rem; }
.hn-footer-links a { font-size: 0.8rem; color: var(--hn-text-secondary); }
.hn-footer-links a:hover { color: var(--hn-primary); }
.hn-footer-links .hn-fl-sub { font-size: 0.72rem; color: var(--hn-text-muted, #94a3b8); padding-left: 0.625rem; border-left: 2px solid var(--hn-border); display: block; line-height: 1.4; }
.hn-footer-links .hn-fl-sub:hover { color: var(--hn-primary); border-left-color: var(--hn-primary); }
.hn-footer-links .hn-fl-divider { height: 1px; background: var(--hn-border); margin: 0.5rem 0; }
.hn-footer-col-title { font-size: 0.75rem; }

.hn-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
}
.hn-footer-copy {
    font-size: 0.8125rem;
    color: var(--hn-text-muted);
    margin: 0;
}
.hn-footer-legal {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}
.hn-footer-legal a {
    font-size: 0.8125rem;
    color: var(--hn-text-muted);
}
.hn-footer-legal a:hover { color: var(--hn-primary); }
@media (max-width: 767px) {
    .hn-footer-main { gap: 1.5rem; margin-bottom: 2rem; }
    .hn-footer-brand { max-width: 100%; }
    .hn-footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* ===== HERO ANİMASYONLARI (Admin: Ayarlar > Ana Sayfa Yönetimi) ===== */

/* İçerik reveal – fade-in + yukarı kayma */
.hero-reveal {
    opacity: 0;
    transform: translateY(20px);
    animation: heroReveal 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.hero-reveal-delay-1 { animation-delay: 0.1s; }
.hero-reveal-delay-2 { animation-delay: 0.2s; }
.hero-reveal-delay-3 { animation-delay: 0.3s; }
.hero-reveal-delay-4 { animation-delay: 0.4s; }
.hero-reveal-delay-5 { animation-delay: 0.5s; }
@keyframes heroReveal {
    to { opacity: 1; transform: translateY(0); }
}

/* Gradient mesh arka plan – nebula / möbius efekti */
.hero-gradient-mesh {
    position: absolute;
    inset: -2%;
    background:
        radial-gradient(ellipse 55% 45% at 60% 35%, rgba(30, 73, 118, 0.16) 0%, transparent 70%),
        radial-gradient(ellipse 50% 55% at 35% 55%, rgba(37, 99, 235, 0.14) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 50% 45%, rgba(99, 60, 180, 0.11) 0%, transparent 60%),
        radial-gradient(ellipse 30% 40% at 70% 60%, rgba(56, 130, 202, 0.12) 0%, transparent 55%);
    animation: heroNebula 16s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    pointer-events: none;
    z-index: 0;
    filter: blur(25px);
    -webkit-mask-image: radial-gradient(ellipse 90% 85% at 50% 50%, black 15%, transparent 65%);
    mask-image: radial-gradient(ellipse 90% 85% at 50% 50%, black 15%, transparent 65%);
}
.hero-gradient-mesh::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 45% 40% at 40% 40%, rgba(30, 73, 118, 0.13) 0%, transparent 65%),
        radial-gradient(ellipse 35% 45% at 65% 55%, rgba(80, 50, 160, 0.10) 0%, transparent 60%);
    animation: heroNebulaWisp 22s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    filter: blur(18px);
}
.hero-gradient-mesh::after {
    content: '';
    position: absolute;
    inset: 5%;
    background:
        radial-gradient(ellipse 50% 50% at 45% 48%, rgba(37, 99, 235, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 40% 35% at 58% 42%, rgba(56, 130, 202, 0.11) 0%, transparent 55%);
    animation: heroNebulaGlow 12s ease-in-out infinite;
    filter: blur(20px);
}

/* Ana katman: geniş salınım, möbius-çember yörünge */
@keyframes heroNebula {
    0%   { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.9; }
    12%  { transform: translate(4%, -2%) rotate(2deg) scale(1.06); opacity: 1; }
    25%  { transform: translate(3%, 3%) rotate(0deg) scale(1.03); opacity: 0.95; }
    37%  { transform: translate(-2%, 4%) rotate(-2deg) scale(0.98); opacity: 0.85; }
    50%  { transform: translate(-4%, 0%) rotate(0deg) scale(0.92); opacity: 0.3; }
    62%  { transform: translate(-2%, -3%) rotate(2deg) scale(0.97); opacity: 0.7; }
    75%  { transform: translate(2%, -4%) rotate(0deg) scale(1.02); opacity: 0.92; }
    87%  { transform: translate(4%, -1%) rotate(-1deg) scale(1.05); opacity: 1; }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.9; }
}

/* Wisp: ters yönde dönen gaz bulutu */
@keyframes heroNebulaWisp {
    0%   { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.75; }
    16%  { transform: translate(-3%, 2%) rotate(-2deg) scale(1.04); opacity: 0.9; }
    33%  { transform: translate(-4%, -1%) rotate(0deg) scale(1.07); opacity: 1; }
    50%  { transform: translate(0%, -3%) rotate(2deg) scale(1.02); opacity: 0.5; }
    66%  { transform: translate(3%, 1%) rotate(0deg) scale(0.96); opacity: 0.85; }
    83%  { transform: translate(2%, 3%) rotate(-1deg) scale(1.03); opacity: 1; }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.75; }
}

/* Glow: göbekten parlayarak etrafa dağılıp geri toparlanma */
@keyframes heroNebulaGlow {
    0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.88; filter: blur(20px); }
    20%  { transform: scale(1.1) translate(1%, -1%); opacity: 1; filter: blur(20px); }
    35%  { transform: scale(1.3) translate(0.5%, 0.5%); opacity: 0.7; filter: blur(35px); }
    50%  { transform: scale(1.5) translate(0, 0); opacity: 0.1; filter: blur(50px); }
    65%  { transform: scale(1.3) translate(-0.5%, -0.5%); opacity: 0.6; filter: blur(35px); }
    80%  { transform: scale(1.1) translate(-1%, 1%); opacity: 0.95; filter: blur(22px); }
}

/* Mobil: blur az, renk yoğun – efekt daha belirgin ve performanslı */
@keyframes heroNebulaGlowMobile {
    0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.92; filter: blur(12px); }
    20%  { transform: scale(1.1) translate(1%, -1%); opacity: 1; filter: blur(12px); }
    35%  { transform: scale(1.25) translate(0.5%, 0.5%); opacity: 0.75; filter: blur(20px); }
    50%  { transform: scale(1.4) translate(0, 0); opacity: 0.2; filter: blur(28px); }
    65%  { transform: scale(1.25) translate(-0.5%, -0.5%); opacity: 0.7; filter: blur(20px); }
    80%  { transform: scale(1.1) translate(-1%, 1%); opacity: 0.98; filter: blur(14px); }
}
@media (max-width: 767px) {
    .hero-gradient-mesh {
        filter: blur(12px);
        -webkit-mask-image: radial-gradient(ellipse 95% 90% at 50% 50%, black 10%, transparent 60%);
        mask-image: radial-gradient(ellipse 95% 90% at 50% 50%, black 10%, transparent 60%);
    }
    .hero-gradient-mesh::before { filter: blur(10px); }
    .hero-gradient-mesh::after {
        filter: blur(12px);
        animation: heroNebulaGlowMobile 12s ease-in-out infinite;
    }
}

/* İnce nokta dokusu arka planı */
.hero-subtle-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(30, 73, 118, 0.07) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
    z-index: 0;
}

/* Bulutsu – CSS bulut + yıldız/gezegen katmanı */
.hero-bulutsu {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* ── Bulut katmanı ──
   inset: 8% → sınırlardan içeride başlar, kenar geçişi yumuşak
   mask:  ortada tam görünür, %68'de sıfıra iner → keskin sınır yok
   Möbius hareketi: dönerken hem scale hem translate hem rotate → 8 noktalı yörünge
   Göbek parlaması: opacity 1→0.15→1 ile ortadan dışa yayılıp geri toparlanır
*/
.hero-bulutsu::before {
    content: '';
    position: absolute;
    inset: 6%;
    background:
        radial-gradient(ellipse 75% 65% at 50% 45%, rgba(30, 73, 118, 0.13) 0%, transparent 55%),
        radial-gradient(ellipse 60% 70% at 24% 50%, rgba(37, 99, 235, 0.11) 0%, transparent 50%),
        radial-gradient(ellipse 58% 65% at 76% 54%, rgba(56, 130, 202, 0.10) 0%, transparent 50%),
        radial-gradient(ellipse 52% 55% at 50% 60%, rgba(99, 60, 180, 0.07) 0%, transparent 48%);
    filter: blur(38px);
    /* GPU katmanı zorla – mobilde animasyon takılmasın */
    will-change: transform, opacity;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    animation: buCloud 75s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    -webkit-animation: buCloud 75s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    -webkit-mask-image: radial-gradient(ellipse 80% 74% at 50% 50%, black 28%, transparent 68%);
    mask-image: radial-gradient(ellipse 80% 74% at 50% 50%, black 28%, transparent 68%);
}


.hero-bulutsu::after {
    content: '';
    position: absolute;
    inset: 3%;
    background-image:
        /* ── Yıldızlar ── */
        radial-gradient(circle 3px at 12% 22%, #fff 0%, rgba(255,255,255,0.3) 5px, transparent 9px),
        radial-gradient(circle 3px at 82% 15%, #fff 0%, rgba(255,255,255,0.3) 5px, transparent 9px),
        radial-gradient(circle 3px at 62% 42%, #fff 0%, rgba(255,255,255,0.25) 4px, transparent 8px),
        radial-gradient(circle 3px at 25% 70%, #fff 0%, rgba(255,255,255,0.3) 5px, transparent 9px),
        radial-gradient(circle 3px at 74% 72%, #fff 0%, rgba(255,255,255,0.25) 4px, transparent 8px),
        radial-gradient(circle 2px at 44% 14%, #fff 0%, rgba(255,255,255,0.2) 4px, transparent 7px),
        radial-gradient(circle 3px at 8%  58%, #fff 0%, rgba(255,255,255,0.25) 4px, transparent 8px),
        radial-gradient(circle 2px at 90% 50%, #fff 0%, rgba(255,255,255,0.2) 3px, transparent 7px),
        /* ── Gezegenler ── */
        radial-gradient(circle 1.5px at 15% 18%, rgba(15,30,80,0.88) 0%, transparent 3px),
        radial-gradient(circle 1.5px at  9% 26%, rgba(15,30,80,0.80) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 85% 11%, rgba(15,30,80,0.88) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 79% 19%, rgba(15,30,80,0.80) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 65% 38%, rgba(15,30,80,0.85) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 59% 46%, rgba(15,30,80,0.78) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 29% 66%, rgba(15,30,80,0.88) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 22% 74%, rgba(15,30,80,0.80) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 77% 68%, rgba(15,30,80,0.85) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 71% 76%, rgba(15,30,80,0.78) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 48% 10%, rgba(15,30,80,0.85) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 40% 18%, rgba(15,30,80,0.78) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 11% 54%, rgba(15,30,80,0.85) 0%, transparent 3px),
        radial-gradient(circle 1.5px at  5% 62%, rgba(15,30,80,0.78) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 93% 46%, rgba(15,30,80,0.85) 0%, transparent 3px),
        radial-gradient(circle 1.5px at 87% 54%, rgba(15,30,80,0.78) 0%, transparent 3px);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    will-change: transform, opacity;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    animation: buStarFloat 19.4s ease-in-out infinite;
    -webkit-animation: buStarFloat 19.4s ease-in-out infinite;
    -webkit-mask-image: radial-gradient(ellipse 82% 76% at 50% 50%, black 25%, transparent 66%);
    mask-image: radial-gradient(ellipse 82% 76% at 50% 50%, black 25%, transparent 66%);
}

@keyframes buStarFloat {
    0%   { transform: translate(0, 0)         translateZ(0); opacity: 1; }
    20%  { transform: translate(1.4%, -1.2%)  translateZ(0); opacity: 0.95; }
    40%  { transform: translate(2%, 1%)        translateZ(0); opacity: 1; }
    60%  { transform: translate(-1.2%, 1.8%)  translateZ(0); opacity: 0.96; }
    80%  { transform: translate(-1.8%, -0.8%) translateZ(0); opacity: 1; }
    100% { transform: translate(0, 0)         translateZ(0); opacity: 1; }
}
@-webkit-keyframes buStarFloat {
    0%   { -webkit-transform: translate(0, 0)         translateZ(0); opacity: 1; }
    20%  { -webkit-transform: translate(1.4%, -1.2%)  translateZ(0); opacity: 0.95; }
    40%  { -webkit-transform: translate(2%, 1%)        translateZ(0); opacity: 1; }
    60%  { -webkit-transform: translate(-1.2%, 1.8%)  translateZ(0); opacity: 0.96; }
    80%  { -webkit-transform: translate(-1.8%, -0.8%) translateZ(0); opacity: 1; }
    100% { -webkit-transform: translate(0, 0)         translateZ(0); opacity: 1; }
}

@keyframes buCloud {
    0%   { transform: translate(0, 0)        rotate(0deg)   scale(1)    translateZ(0); opacity: 0.92; }
    12%  { transform: translate(2%, -1.5%)   rotate(45deg)  scale(1.04) translateZ(0); opacity: 1; }
    25%  { transform: translate(1.5%, 2%)    rotate(90deg)  scale(1.02) translateZ(0); opacity: 0.95; }
    37%  { transform: translate(-1.5%, 2.5%) rotate(135deg) scale(0.98) translateZ(0); opacity: 0.88; }
    50%  { transform: translate(-2.5%, 0)    rotate(180deg) scale(1.18) translateZ(0); opacity: 0.15; }
    62%  { transform: translate(-2%, -1.5%)  rotate(225deg) scale(1.05) translateZ(0); opacity: 0.75; }
    75%  { transform: translate(0.8%, -2.5%) rotate(270deg) scale(1.01) translateZ(0); opacity: 0.92; }
    87%  { transform: translate(2%, -0.8%)   rotate(315deg) scale(1.03) translateZ(0); opacity: 1; }
    100% { transform: translate(0, 0)        rotate(360deg) scale(1)    translateZ(0); opacity: 0.92; }
}
@-webkit-keyframes buCloud {
    0%   { -webkit-transform: translate(0, 0)        rotate(0deg)   scale(1);    opacity: 0.92; }
    12%  { -webkit-transform: translate(2%, -1.5%)   rotate(45deg)  scale(1.04); opacity: 1; }
    25%  { -webkit-transform: translate(1.5%, 2%)    rotate(90deg)  scale(1.02); opacity: 0.95; }
    37%  { -webkit-transform: translate(-1.5%, 2.5%) rotate(135deg) scale(0.98); opacity: 0.88; }
    50%  { -webkit-transform: translate(-2.5%, 0)    rotate(180deg) scale(1.18); opacity: 0.15; }
    62%  { -webkit-transform: translate(-2%, -1.5%)  rotate(225deg) scale(1.05); opacity: 0.75; }
    75%  { -webkit-transform: translate(0.8%, -2.5%) rotate(270deg) scale(1.01); opacity: 0.92; }
    87%  { -webkit-transform: translate(2%, -0.8%)   rotate(315deg) scale(1.03); opacity: 1; }
    100% { -webkit-transform: translate(0, 0)        rotate(360deg) scale(1);    opacity: 0.92; }
}

/* Mobil: blur kaldır, mask kaldır (iOS Safari bug: mask + animation çakışır) */
@media (max-width: 767px) {
    .hero-bulutsu {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .hero-bulutsu::before {
        filter: none;
        background:
            radial-gradient(ellipse 75% 65% at 50% 45%, rgba(30, 73, 118, 0.10) 0%, transparent 55%),
            radial-gradient(ellipse 60% 70% at 24% 50%, rgba(37, 99, 235, 0.09) 0%, transparent 50%),
            radial-gradient(ellipse 58% 65% at 76% 54%, rgba(56, 130, 202, 0.08) 0%, transparent 50%),
            radial-gradient(ellipse 52% 55% at 50% 60%, rgba(99, 60, 180, 0.06) 0%, transparent 48%);
        inset: 4%;
        /* Mask kaldır – iOS Safari mask+animation bug */
        -webkit-mask-image: none;
        mask-image: none;
        animation-duration: 65s;
        -webkit-animation-duration: 65s;
    }
    .hero-bulutsu::after {
        inset: 2%;
        /* Mask kaldır – iOS Safari mask+animation bug */
        -webkit-mask-image: none;
        mask-image: none;
        animation-duration: 17s;
        -webkit-animation-duration: 17s;
    }
}

/* Orbit – SVG ile render edilir (hero.blade.php) */
.hero-orbit {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
    .hero-bulutsu::before,
    .hero-bulutsu::after { animation: none; }
    .hero-orbit { display: none; }
}

/* Erişilebilirlik: hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    .hero-gradient-mesh,
    .hero-gradient-mesh::after { animation: none; }
    .hero-reveal { animation: none; opacity: 1; transform: none; }
}

/* ===== YASAL SAYFALAR (Kullanım Şartları, Gizlilik, Çerez, Mesleki Güvence) ===== */
.theme-hn-vergi-m .public-page-hero--legal,
.theme-hashnode .public-page-hero--legal,
[data-theme="hn_vergi_m"] .public-page-hero--legal {
    background: #f8fafc !important;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #94a3b8;
}
/* HERO h1: site genelindeki HERO ile aynı (sans-serif, text-3xl sm:text-4xl) – özel font override yok */

.theme-hn-vergi-m .legal-content.prose,
.theme-hashnode .legal-content.prose,
[data-theme="hn_vergi_m"] .legal-content.prose {
    font-size: 1.125rem;
    line-height: 1.75;
    color: #334155;
}
.theme-hn-vergi-m .legal-content.prose > *:first-child,
.theme-hashnode .legal-content.prose > *:first-child,
[data-theme="hn_vergi_m"] .legal-content.prose > *:first-child {
    margin-top: 0 !important;
}
.theme-hn-vergi-m .legal-content.prose > *:last-child,
.theme-hashnode .legal-content.prose > *:last-child,
[data-theme="hn_vergi_m"] .legal-content.prose > *:last-child {
    margin-bottom: 0 !important;
}
.theme-hn-vergi-m .legal-content.prose h2,
.theme-hashnode .legal-content.prose h2,
[data-theme="hn_vergi_m"] .legal-content.prose h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0f172a;
    margin-top: 3rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    letter-spacing: -0.025em;
}
.theme-hn-vergi-m .legal-content.prose h2:first-child,
.theme-hashnode .legal-content.prose h2:first-child,
[data-theme="hn_vergi_m"] .legal-content.prose h2:first-child {
    margin-top: 0;
}
.theme-hn-vergi-m .legal-content.prose h3,
.theme-hashnode .legal-content.prose h3,
[data-theme="hn_vergi_m"] .legal-content.prose h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}
.theme-hn-vergi-m .legal-content.prose p,
.theme-hashnode .legal-content.prose p,
[data-theme="hn_vergi_m"] .legal-content.prose p {
    line-height: 1.75;
    color: #475569;
    margin-bottom: 1rem;
}
.theme-hn-vergi-m .legal-content.prose ul,
.theme-hashnode .legal-content.prose ul,
.theme-hn-vergi-m .legal-content.prose ol,
.theme-hashnode .legal-content.prose ol,
[data-theme="hn_vergi_m"] .legal-content.prose ul,
[data-theme="hn_vergi_m"] .legal-content.prose ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
}
.theme-hn-vergi-m .legal-content.prose li,
.theme-hashnode .legal-content.prose li,
[data-theme="hn_vergi_m"] .legal-content.prose li {
    margin-bottom: 0.25rem;
    line-height: 1.65;
    color: #475569;
}
.theme-hn-vergi-m .legal-content.prose a,
.theme-hashnode .legal-content.prose a,
[data-theme="hn_vergi_m"] .legal-content.prose a {
    color: var(--hn-primary);
    text-decoration: none;
}
.theme-hn-vergi-m .legal-content.prose a:hover,
.theme-hashnode .legal-content.prose a:hover,
[data-theme="hn_vergi_m"] .legal-content.prose a:hover {
    text-decoration: underline;
}
.theme-hn-vergi-m .legal-content.prose strong,
.theme-hashnode .legal-content.prose strong,
[data-theme="hn_vergi_m"] .legal-content.prose strong {
    color: #0f172a;
    font-weight: 600;
}

/* ===== YASAL SÖZLEŞME FORMATI – Resmi belge hissi ===== */
.theme-hn-vergi-m .legal-contract-article,
.theme-hashnode .legal-contract-article,
[data-theme="hn_vergi_m"] .legal-contract-article {
    font-family: Georgia, 'Times New Roman', serif;
    border: 1px solid #94a3b8;
    background: #faf9f7 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.theme-hn-vergi-m .legal-contract-content,
.theme-hashnode .legal-contract-content,
[data-theme="hn_vergi_m"] .legal-contract-content {
    font-size: 13px;
    line-height: 1.7;
    color: #1e293b;
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.015em;
}
.theme-hn-vergi-m .legal-contract-content.prose h2,
.theme-hashnode .legal-contract-content.prose h2,
[data-theme="hn_vergi_m"] .legal-contract-content.prose h2 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #94a3b8;
    color: #0f172a;
}
.theme-hn-vergi-m .legal-contract-content.prose h3,
.theme-hashnode .legal-contract-content.prose h3,
[data-theme="hn_vergi_m"] .legal-contract-content.prose h3 {
    font-size: 13px;
    font-weight: 700;
    margin-top: 1.25rem;
    margin-bottom: 0.35rem;
    color: #0f172a;
}
.theme-hn-vergi-m .legal-contract-content.prose p,
.theme-hashnode .legal-contract-content.prose p,
[data-theme="hn_vergi_m"] .legal-contract-content.prose p {
    font-size: 13px;
    line-height: 1.75;
    margin-bottom: 0.6rem;
    text-indent: 1.5em;
}
.theme-hn-vergi-m .legal-contract-content.prose a,
.theme-hashnode .legal-contract-content.prose a,
[data-theme="hn_vergi_m"] .legal-contract-content.prose a {
    text-decoration: underline;
}
.theme-hn-vergi-m .legal-contract-content.prose a:hover,
.theme-hashnode .legal-contract-content.prose a:hover,
[data-theme="hn_vergi_m"] .legal-contract-content.prose a:hover {
    text-decoration-thickness: 2px;
}
.theme-hn-vergi-m .legal-contract-content.prose p:first-of-type,
.theme-hashnode .legal-contract-content.prose p:first-of-type,
[data-theme="hn_vergi_m"] .legal-contract-content.prose p:first-of-type {
    text-indent: 0;
}
.theme-hn-vergi-m .legal-contract-content.prose ul,
.theme-hashnode .legal-contract-content.prose ul,
.theme-hn-vergi-m .legal-contract-content.prose ol,
.theme-hashnode .legal-contract-content.prose ol,
[data-theme="hn_vergi_m"] .legal-contract-content.prose ul,
[data-theme="hn_vergi_m"] .legal-contract-content.prose ol {
    font-size: 13px;
}
.theme-hn-vergi-m .legal-contract-content.prose li,
.theme-hashnode .legal-contract-content.prose li,
[data-theme="hn_vergi_m"] .legal-contract-content.prose li {
    margin-bottom: 0.2rem;
}

/* ===== YAZDIRMA (Print) – Sözleşme kağıda basıldığında ===== */
@media print {
    .hn-nav-header,
    .hn-mobile-nav,
    .nav-header,
    .hn-footer,
    .corner-doodle,
    .no-print-nav,
    .no-print-signature {
        display: none !important;
    }
    .theme-hn-vergi-m .legal-contract-wrapper,
    .theme-hashnode .legal-contract-wrapper,
    [data-theme="hn_vergi_m"] .legal-contract-wrapper {
        max-width: 100%;
        padding: 0;
    }
    .theme-hn-vergi-m .legal-contract-article,
    .theme-hashnode .legal-contract-article,
    [data-theme="hn_vergi_m"] .legal-contract-article {
        box-shadow: none;
        border: 1px solid #334155;
        border-radius: 0;
        background: #faf9f7 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .theme-hn-vergi-m .legal-contract-content,
    .theme-hashnode .legal-contract-content,
    [data-theme="hn_vergi_m"] .legal-contract-content {
        font-size: 11pt;
        line-height: 1.65;
        color: #000;
        padding: 12pt 18pt;
        font-family: Georgia, 'Times New Roman', serif !important;
    }
    .theme-hn-vergi-m .legal-contract-content.prose h2,
    .theme-hashnode .legal-contract-content.prose h2,
    [data-theme="hn_vergi_m"] .legal-contract-content.prose h2 {
        font-size: 12pt;
        font-weight: 700;
        color: #000;
        margin-top: 1.25rem;
        border-bottom-color: #64748b;
    }
    .theme-hn-vergi-m .legal-contract-content.prose h3,
    .theme-hashnode .legal-contract-content.prose h3,
    [data-theme="hn_vergi_m"] .legal-contract-content.prose h3 {
        font-size: 11pt;
        font-weight: 700;
        color: #000;
    }
    .theme-hn-vergi-m .legal-contract-content.prose p,
    .theme-hashnode .legal-contract-content.prose p,
    [data-theme="hn_vergi_m"] .legal-contract-content.prose p {
        font-size: 11pt;
        color: #000;
        text-indent: 1.5em;
    }
    .theme-hn-vergi-m .legal-contract-content.prose li,
    .theme-hashnode .legal-contract-content.prose li,
    [data-theme="hn_vergi_m"] .legal-contract-content.prose li {
        color: #000;
        font-size: 11pt;
    }
    .theme-hn-vergi-m .public-page-hero--legal,
    .theme-hashnode .public-page-hero--legal,
    [data-theme="hn_vergi_m"] .public-page-hero--legal {
        padding: 1rem 0;
    }
}

/* ===== 2026 PUBLIC UI RESET ===== */
.theme-hn-vergi-m,
.theme-hashnode,
[data-theme="hn_vergi_m"] {
    --brand-primary: #174ea6;
    --brand-primary-hover: #123d86;
    --brand-primary-soft: rgba(23, 78, 166, 0.08);
    --text-primary: #10233f;
    --text-secondary: #506179;
    --text-muted: #71839d;
    --bg-body: #f3f7fb;
    --bg-card: #ffffff;
    --border-light: #d7e2ee;
    --border-medium: #bfd0e2;
    --surface-muted: #eef4fa;
    --surface-strong: #e1ebf6;
    --shadow-card: 0 12px 32px rgba(16, 35, 63, 0.08);
    --shadow-card-hover: 0 18px 40px rgba(16, 35, 63, 0.12);
    --content-max: 1180px;
    --page-max: 1080px;
    --section-space: clamp(3.5rem, 6vw, 6rem);
    --radius-card: 0.875rem;
    --radius-soft: 0.75rem;
}

.theme-hn-vergi-m.body-bg,
.theme-hashnode.body-bg,
[data-theme="hn_vergi_m"] .body-bg {
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 25%, #f0f0f0 100%);
    color: var(--text-primary);
}

.theme-hn-vergi-m .fluent-public-scope,
.theme-hashnode .fluent-public-scope,
[data-theme="hn_vergi_m"] .fluent-public-scope {
    position: relative;
}

.theme-hn-vergi-m .fluent-public-scope::before,
.theme-hashnode .fluent-public-scope::before,
[data-theme="hn_vergi_m"] .fluent-public-scope::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 28rem;
    background:
        radial-gradient(circle at top left, rgba(23, 78, 166, 0.03), transparent 38%),
        radial-gradient(circle at top right, rgba(24, 98, 184, 0.02), transparent 34%);
    pointer-events: none;
    z-index: 0;
}

.theme-hn-vergi-m .fluent-public-scope > *,
.theme-hashnode .fluent-public-scope > *,
[data-theme="hn_vergi_m"] .fluent-public-scope > * {
    position: relative;
    z-index: 1;
}

/* Nav ve dropdown hero içeriğinin üstünde kalsın */
.theme-hn-vergi-m .fluent-public-scope .hn-nav-header,
.theme-hashnode .fluent-public-scope .hn-nav-header,
[data-theme="hn_vergi_m"] .fluent-public-scope .hn-nav-header {
    z-index: 100;
    /* Şeffaf header body gradient’ini gösteriyordu; hero (--bg-body) ile renk sıçraması ve keskin çizgi oluşuyordu */
    background: var(--bg-body);
    border-bottom: none;
    box-shadow: none;
}
.theme-hn-vergi-m .hn-nav-dropdown-panel,
.theme-hashnode .hn-nav-dropdown-panel,
[data-theme="hn_vergi_m"] .hn-nav-dropdown-panel {
    z-index: 110;
}

.theme-hn-vergi-m .btn-primary,
.theme-hashnode .btn-primary,
[data-theme="hn_vergi_m"] .btn-primary {
    background: var(--hn-primary) !important;
    border: 1px solid var(--hn-primary);
    color: #fff !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
    border-radius: 8px !important;
    transition: background 0.3s, box-shadow 0.3s;
}

.theme-hn-vergi-m .btn-primary:hover,
.theme-hashnode .btn-primary:hover,
[data-theme="hn_vergi_m"] .btn-primary:hover {
    background: var(--hn-primary-hover) !important;
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.18);
}

.theme-hn-vergi-m .btn-secondary,
.theme-hashnode .btn-secondary,
[data-theme="hn_vergi_m"] .btn-secondary {
    background: transparent !important;
    border: 1px solid var(--hn-primary);
    color: var(--hn-primary) !important;
    box-shadow: none;
    border-radius: 8px !important;
    transition: background 0.3s;
}

.theme-hn-vergi-m .btn-secondary:hover,
.theme-hashnode .btn-secondary:hover,
[data-theme="hn_vergi_m"] .btn-secondary:hover {
    background: #F1F5F9 !important;
    color: var(--hn-primary) !important;
}

.theme-hn-vergi-m .public-page-hero:not(.hn-hero),
.theme-hashnode .public-page-hero:not(.hn-hero),
[data-theme="hn_vergi_m"] .public-page-hero:not(.hn-hero) {
    background: var(--bg-body);
    border-bottom: 1px solid var(--border-light);
}

.theme-hn-vergi-m .card-public,
.theme-hashnode .card-public,
[data-theme="hn_vergi_m"] .card-public {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.theme-hn-vergi-m input:not([type="checkbox"]):not([type="radio"]),
.theme-hn-vergi-m select,
.theme-hn-vergi-m textarea,
.theme-hashnode input:not([type="checkbox"]):not([type="radio"]),
.theme-hashnode select,
.theme-hashnode textarea,
[data-theme="hn_vergi_m"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="hn_vergi_m"] select,
[data-theme="hn_vergi_m"] textarea {
    border-color: var(--border-light);
    background: #fff;
    color: var(--text-primary);
    box-shadow: inset 0 1px 1px rgba(16, 35, 63, 0.02);
}

.theme-hn-vergi-m input:focus,
.theme-hn-vergi-m select:focus,
.theme-hn-vergi-m textarea:focus,
.theme-hashnode input:focus,
.theme-hashnode select:focus,
.theme-hashnode textarea:focus,
[data-theme="hn_vergi_m"] input:focus,
[data-theme="hn_vergi_m"] select:focus,
[data-theme="hn_vergi_m"] textarea:focus {
    outline: none;
    border-color: rgba(23, 78, 166, 0.38);
    box-shadow: 0 0 0 4px rgba(23, 78, 166, 0.10);
}

.vm-shell {
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .vm-shell { padding: 0 1.5rem; }
}

@media (min-width: 1024px) {
    .vm-shell { padding: 0 2rem; }
}

.vm-page-hero {
    padding: clamp(2.75rem, 7vw, 5rem) 0 clamp(2rem, 5vw, 3rem);
}

/* Hero satırı: vm-shell yatayı sıfır; içerik padding’i burada (Tailwind CDN sırasına bağlı kalınmaz) */
.vm-shell.vm-page-hero,
.vm-shell:has(> .vm-page-hero:first-child) {
    padding-left: 0;
    padding-right: 0;
}

.vm-shell.vm-page-hero > *:first-child,
.vm-shell:has(> .vm-page-hero:first-child) > .vm-page-hero:first-child {
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .vm-shell.vm-page-hero > *:first-child,
    .vm-shell:has(> .vm-page-hero:first-child) > .vm-page-hero:first-child {
        padding-left: max(1.5rem, env(safe-area-inset-left, 0px));
        padding-right: max(1.5rem, env(safe-area-inset-right, 0px));
    }
}

@media (min-width: 1024px) {
    .vm-shell.vm-page-hero > *:first-child,
    .vm-shell:has(> .vm-page-hero:first-child) > .vm-page-hero:first-child {
        padding-left: max(2rem, env(safe-area-inset-left, 0px));
        padding-right: max(2rem, env(safe-area-inset-right, 0px));
    }
}

.vm-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--border-light);
    color: var(--brand-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vm-title {
    max-width: 12ch;
    margin: 1rem 0 0;
    font-size: clamp(2.3rem, 5.6vw, 4.5rem);
    line-height: 1.02;
    letter-spacing: -0.045em;
    color: var(--text-primary);
    font-weight: 700;
}

.vm-lead {
    max-width: 48rem;
    margin-top: 1.25rem;
    color: var(--text-secondary);
    font-size: clamp(1rem, 2vw, 1.18rem);
    line-height: 1.75;
}

.vm-meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.vm-meta-card {
    padding: 1.1rem 1.15rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--border-light);
    box-shadow: 0 8px 24px rgba(16, 35, 63, 0.05);
}

.vm-meta-label {
    display: block;
    font-size: 0.78rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.vm-meta-value {
    display: block;
    margin-top: 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.vm-section {
    padding: var(--section-space) 0;
}

/* Chunk spacing – py-20 ve üzeri, beyaz alan maksimize */
.theme-hn-vergi-m .vm-section,
[data-theme="hn_vergi_m"] .vm-section {
    --section-space: clamp(5rem, 8vw, 7.5rem);
}

.vm-section-head {
    display: grid;
    gap: 0.9rem;
    max-width: 42rem;
    margin-bottom: 2rem;
}

.vm-section-label {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--brand-primary);
    font-weight: 700;
}

.vm-section-title {
    font-size: clamp(1.75rem, 3vw, 2.7rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: var(--text-primary);
    font-weight: 700;
}

.vm-section-desc {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: 1rem;
}

.vm-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.vm-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.vm-panel {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.vm-panel-body {
    padding: 1.5rem;
}

.vm-panel-soft {
    background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(244,248,252,0.96) 100%);
}

.vm-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.vm-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 0.9rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 600;
}

.vm-split {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 1.5rem;
    align-items: start;
}

.vm-callout {
    padding: 1.25rem 1.35rem;
    border-radius: 0.5rem;
    background: var(--surface-muted);
    border: 1px solid var(--border-light);
}

.vm-callout strong {
    color: var(--text-primary);
}

.vm-data-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.vm-data-card {
    padding: 1.3rem 1.2rem;
    border-radius: 0.5rem;
    background: rgba(255,255,255,0.94);
    border: 1px solid var(--border-light);
}

.vm-data-number {
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: -0.04em;
}

.vm-data-caption {
    margin-top: 0.35rem;
    font-size: 0.84rem;
    color: var(--text-secondary);
}

.vm-cta-band {
    padding: 1.8rem;
    border-radius: var(--radius-card);
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    color: var(--text-primary);
    box-shadow: var(--shadow-card);
}

.vm-cta-band h2,
.vm-cta-band h3,
.vm-cta-band p { color: var(--text-primary); }

.vm-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    align-items: center;
}

.vm-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vm-list li {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    color: var(--text-secondary);
    line-height: 1.65;
}

.vm-list li::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--brand-primary), #3f7ad5);
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .vm-split,
    .vm-grid-3,
    .vm-data-grid,
    .vm-meta-grid {
        grid-template-columns: 1fr;
    }
    .vm-grid-2 {
        grid-template-columns: 1fr;
    }
}

/* ===== NAV RESET ===== */
.hn-nav-header {
    padding-top: 0.5rem;
    padding-bottom: 0;
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
}

@media (min-width: 640px) {
    .hn-nav-header {
        padding-left: max(1.5rem, env(safe-area-inset-left, 0px));
        padding-right: max(1.5rem, env(safe-area-inset-right, 0px));
    }
}

@media (min-width: 1024px) {
    .hn-nav-header {
        padding-left: max(2rem, env(safe-area-inset-left, 0px));
        padding-right: max(2rem, env(safe-area-inset-right, 0px));
    }
}

.hn-nav-container {
    max-width: var(--content-max);
}

.hn-nav-pill {
    min-height: 52px;
    padding: 0.35rem 0.4rem 0.35rem 0.9rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(191, 208, 226, 0.88);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 20px 40px rgba(16, 35, 63, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hn-nav-link {
    padding: 0.6rem 0.85rem;
    border-radius: 0.9rem;
    color: var(--text-secondary) !important;
    font-size: 0.92rem;
    font-weight: 600;
}

.hn-nav-link:hover,
.hn-nav-link.active {
    background: var(--surface-muted);
    color: var(--text-primary) !important;
}

.hn-nav-cta-fill,
.hn-nav-cta-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    padding: 0.8rem 1rem;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

.hn-nav-cta-fill {
    background: linear-gradient(135deg, var(--brand-primary), #2460bd);
    color: #fff !important;
}

.hn-nav-cta-outline {
    border: 1px solid var(--border-light);
    background: #fff;
    color: var(--text-primary) !important;
}

.hn-nav-dropdown-panel,
.hn-mobile-menu {
    border-color: var(--border-light);
    box-shadow: 0 24px 48px rgba(16, 35, 63, 0.12);
}

/* ===== HOME RESET ===== */
.hn-hero {
    padding: clamp(3rem, 8vw, 5.5rem) 0 clamp(2rem, 6vw, 3.25rem);
    background: transparent;
}

.hn-hero-inner,
.hn-container {
    width: min(100%, var(--content-max));
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .hn-hero-inner,
    .hn-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .hn-hero-inner,
    .hn-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.hn-hero-content {
    max-width: 56rem;
}

.hn-hero-title {
    max-width: 11ch;
    font-size: clamp(2.4rem, 5.8vw, 4.9rem);
    line-height: 0.98;
    letter-spacing: -0.05em;
    color: var(--text-primary);
}

.hn-hero-desc {
    max-width: 44rem;
    margin-top: 1.25rem;
    color: var(--text-secondary);
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.8;
}

.hn-hero-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.75rem;
}

.hn-hero-nocard {
    margin-top: 1.5rem;
    font-size: 0.92rem;
    color: var(--text-secondary);
}

.hn-hero-tags {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hn-hero-tags.hn-hero-tags--boxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem 0.75rem;
    width: 100%;
    max-width: 56rem;
    margin: 1.5rem auto 0;
}
@media (min-width: 640px) {
    .hn-hero-tags.hn-hero-tags--boxes {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.hn-hero-tags.hn-hero-tags--boxes li {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.01em;
    text-transform: none;
    text-align: center;
    color: var(--text-primary, #0f172a);
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 0.5rem;
    padding: 0.75rem 0.5rem;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.hn-trusted,
.hn-product,
.hn-reasons,
.hn-stats,
.hn-cta-blue {
    padding: 2.5rem 0;
}

.hn-trusted-text {
    padding: 0.95rem 1.15rem;
    border-radius: 0.5rem;
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.hn-product-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    gap: 1.5rem;
    align-items: stretch;
}

.hn-product-content,
.hn-product-visual {
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.hn-product-content { padding: 1.6rem; }
.hn-product-visual { padding: 1rem; }

.hn-product-title,
.hn-reasons-main-title,
.hn-stats-main-title,
.hn-cta-blue-title {
    font-size: clamp(1.6rem, 2.2vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -0.04em;
    color: var(--text-primary);
}

.hn-product-desc,
.hn-reasons-card-desc,
.hn-cta-blue-desc {
    color: var(--text-secondary);
    line-height: 1.75;
}

.hn-product-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 1rem;
    color: var(--brand-primary);
    font-weight: 700;
    text-decoration: none;
}

.hn-product-features {
    display: grid;
    gap: 0.75rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.hn-product-features li {
    display: flex;
    gap: 0.75rem;
    color: var(--text-secondary);
    line-height: 1.65;
}

.hn-product-features li::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.45rem;
    background: linear-gradient(135deg, var(--brand-primary), #3f7ad5);
    border-radius: 999px;
    flex-shrink: 0;
}

.hn-product-card,
.hn-product-card-inner {
    height: 100%;
}

.hn-product-card {
    border-radius: calc(var(--radius-card) - 0.15rem);
    background: linear-gradient(180deg, #ffffff 0%, #eef4fa 100%);
    border: 1px solid var(--border-light);
}

.hn-product-card-inner { padding: 1.75rem; }

.hn-product-card-label {
    display: inline-flex;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--brand-primary);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.hn-product-card-text {
    margin-top: 1rem;
    color: var(--text-secondary);
    line-height: 1.75;
}

.hn-product-card-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.4rem;
    border-radius: 0.5rem;
    padding: 0.8rem 1rem;
    background: var(--text-primary);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
}

.hn-reasons-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.4rem;
}

.hn-reasons-card,
.hn-stats-item {
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.hn-reasons-card {
    padding: 1.35rem;
}

.hn-reasons-card-title {
    color: var(--text-primary);
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}

.hn-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.4rem;
}

.hn-stats-item {
    padding: 1.35rem 1.15rem;
}

.hn-stats-number {
    font-size: clamp(1.45rem, 2vw, 2rem);
    letter-spacing: -0.04em;
    color: var(--text-primary);
}
.hn-stats-item--accent-1 .hn-stats-number { color: #059669; }
.hn-stats-item--accent-2 .hn-stats-number { color: #7c3aed; }
.hn-stats-item--accent-3 .hn-stats-number { color: #ea580c; }
.hn-stats-item--accent-4 .hn-stats-number { color: #8b5cf6; }

.hn-stats-title {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.94rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.35;
}
.hn-stats-sub {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--text-secondary);
}

.hn-cta-blue-inner {
    padding: 1.7rem;
    background: linear-gradient(135deg, #112746 0%, #174ea6 100%);
    border-radius: var(--radius-card);
}

.hn-cta-blue-title,
.hn-cta-blue-desc {
    color: #fff;
}

.hn-cta-blue-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0.85rem 1.1rem;
    border-radius: 0.5rem;
    background: #fff;
    color: var(--text-primary) !important;
    font-weight: 700;
    text-decoration: none;
}

/* ===== FOOTER RESET ===== */
.hn-footer {
    margin-top: clamp(4rem, 7vw, 6rem);
    padding: 2rem 0 1.2rem;
    background: #e2e8f0;
    border-top: 1px solid #cbd5e1;
    color: #1e293b;
}

/* Üst blok: sadece sütunlar + CTA (marka aşağı taşındı) */
.hn-footer-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    gap: 1.5rem 2.5rem;
    align-items: start;
}

.hn-footer-main > * {
    min-width: 0;
}

.hn-footer-brand,
.hn-footer-cols,
.hn-footer-useful,
.hn-footer-bottom {
    position: relative;
}

/* 5 sütun — ölçülü dağılım */
.hn-footer-cols {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr 1fr 0.9fr;
    gap: 0 1.25rem;
    align-items: start;
}

/* Alt blok: marka + resmi kurumlar + ilişkili kuruluşlar */
.hn-footer-info-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 1.25fr 1fr;
    gap: 2rem 3rem;
    align-items: start;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #cbd5e1;
}
.hn-footer-info-row + .hn-footer-bottom {
    border-top: none;
}

.hn-footer-col-title {
    color: #1e293b;
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.9rem;
}

.hn-footer-links {
    display: grid;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.hn-footer-links a,
.hn-footer-copy,
.hn-footer-bottom a {
    color: #1e293b !important;
}

.hn-footer-links a:hover,
.hn-footer-bottom a:hover {
    color: var(--brand-primary) !important;
}

.hn-footer-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.15rem;
    border-radius: 0.5rem;
    border: 1px solid #1e293b;
    background: #1e293b;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.hn-footer-cta-caption {
    font-size: 0.75rem;
    line-height: 1.5;
    max-width: 18rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    margin: 0;
    color: #1e293b !important;
}

.hn-footer-social {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

.hn-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 1px solid #94a3b8;
    color: #1e293b;
}

.hn-footer-useful {
    border-color: #94a3b8 !important;
}

.hn-footer-useful .text-slate-300,
.hn-footer-useful .text-slate-400,
.hn-footer-useful .text-slate-500 {
    color: #1e293b !important;
}

.hn-footer-useful h4,
.hn-footer-useful .text-white {
    color: #1e293b !important;
}

.hn-footer-useful a:hover {
    color: var(--brand-primary) !important;
}

.hn-footer .text-slate-300,
.hn-footer .text-slate-200 {
    color: #1e293b !important;
}

.hn-footer-brand a:hover,
.hn-footer-useful a:hover {
    color: var(--brand-primary) !important;
}

.hn-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-top: 1.5rem;
}

.hn-footer-bottom > p,
.hn-footer-bottom > div {
    flex: 0 1 auto;
    min-width: 0;
}

.hn-footer-legal {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

@media (max-width: 1023px) {
    .hn-product-inner,
    .hn-reasons-grid,
    .hn-stats-grid {
        grid-template-columns: 1fr;
    }

    .hn-footer-main {
        grid-template-columns: 1fr;
    }

    /* Tablet: 3 sütun → 5 öğe 2 satırda (3+2) */
    .hn-footer-cols {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem 1rem;
    }

    .hn-footer-info-row {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem 2rem;
    }

    .hn-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 639px) {
    .hn-footer-cols {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem 1rem;
    }

    .hn-footer-info-row {
        grid-template-columns: 1fr;
    }

    .vm-cta-row {
        flex-direction: column;
        align-items: stretch;
    }

    .vm-cta-row > * {
        width: 100%;
        justify-content: center;
    }

    .vm-cta-band {
        padding: 1.35rem;
    }
}

/* ══════════════════════════════════════════════
   Başvuru Tepsi Bar — site geneli sticky bar
══════════════════════════════════════════════ */
#bsv-tepsi-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: #fff;
    border-top: 1px solid var(--hn-border, #e2e8f0);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .08);
}
.bsv-tepsi-inner {
    max-width: 64rem;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.bsv-tepsi-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}
.bsv-tepsi-count {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--hn-primary, #4f46e5);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bsv-tepsi-names {
    font-size: 0.8125rem;
    color: var(--hn-text-secondary, #64748b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 32rem;
}
.bsv-tepsi-cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5625rem 1.25rem;
    background: var(--hn-primary, #4f46e5);
    color: #fff !important;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 0.625rem;
    text-decoration: none;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}
.bsv-tepsi-cta:hover {
    background: var(--hn-primary-hover, #4338ca);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #fff !important;
}

/* Ürün odaklı başvuru sayfaları — paylaşılan kart stilleri */
.bsv-card {
    background: var(--bg-card, #fff);
    border: 1.5px solid var(--border-light, #e2e8f0);
    border-radius: 0.75rem;
    padding: 1rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.bsv-card:hover { border-color: var(--brand-primary, #4f46e5); }
.bsv-card.selected {
    border-color: var(--brand-primary, #4f46e5);
    background: var(--brand-primary-soft, #eef2ff);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-primary, #4f46e5) 20%, transparent);
}
.kurulus-type-card {
    background: var(--bg-card, #fff);
    border: 1.5px solid var(--border-light, #e2e8f0);
    border-radius: 0.75rem;
    padding: 0.875rem;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}
.kurulus-type-card:hover { border-color: var(--brand-primary, #4f46e5); background: var(--brand-primary-soft, #eef2ff); }
.kurulus-type-card.selected {
    border-color: var(--brand-primary, #4f46e5);
    background: var(--brand-primary-soft, #eef2ff);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-primary, #4f46e5) 20%, transparent);
}
.urun-page-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--brand-primary, #4f46e5);
}
@media (max-width: 639px) {
    .bsv-tepsi-names { display: none; }
    .bsv-tepsi-inner { padding: 0.625rem 0.75rem; }
}