.elementor-1796 .elementor-element.elementor-element-41f365f{--display:flex;}/* Start custom CSS *//* ==========================================
   DESIGN SYSTEM - CSS VARIABLES
   ========================================== */
:root {
    /* Primary Accent - #7EB1C7 */
    --accent: #7EB1C7;
    --accent-rgb: 126, 177, 199;
    --accent-light: rgba(126, 177, 199, 0.15);
    --accent-medium: rgba(126, 177, 199, 0.25);
    --accent-glow: rgba(126, 177, 199, 0.5);
    --accent-dark: #6a9eb5;
    
    /* Dark Palette - Full Page */
    --dark-950: #040810;
    --dark-900: #060d18;
    --dark-850: #081220;
    --dark-800: #0a1628;
    --dark-750: #0d1a30;
    --dark-700: #101e38;
    --dark-650: #142340;
    --dark-600: #182848;
    --dark-550: #1c2d50;
    --dark-500: #203258;
    --dark-450: #253860;
    --dark-400: #2a3d68;
    
    /* Glass Effect - Dark */
    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-bg-hover: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-border-hover: rgba(126, 177, 199, 0.4);
    --glass-blur: 20px;
    
    /* Text - All White Based */
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.75);
    --text-muted: rgba(255, 255, 255, 0.55);
    --text-subtle: rgba(255, 255, 255, 0.4);
    
    /* Unified Spacing */
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 96px;
    
    /* Unified Radii */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --radius-full: 100px;
}

/* ==========================================
   BODY - TEK GRADIENT (TÜM SAYFA)
   ========================================== */
.page-id-1796 body,
.page-id-1796 {
    background: linear-gradient(
        165deg,
        #040810 0%,
        #060d18 15%,
        #081220 30%,
        #0a1628 45%,
        #0d1a30 60%,
        #101e38 75%,
        #142340 90%,
        #182848 100%
    ) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

/* ==========================================
   TÜM SECTION'LAR ŞEFFAF
   ========================================== */
.hero-pricing,
.pricing-section,
.comparison-section,
.faq-section,
.cta-section {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* Elementor elemanları şeffaf */
.page-id-1796 .elementor-section,
.page-id-1796 .elementor-container,
.page-id-1796 .elementor-column,
.page-id-1796 .elementor-widget-wrap,
.page-id-1796 .elementor-element,
.page-id-1796 section,
.page-id-1796 .e-con,
.page-id-1796 .e-con-inner {
    background-color: transparent !important;
    background-image: none !important;
}

/* Ana içerik alanı şeffaf */
.page-id-1796 #content,
.page-id-1796 .site-content,
.page-id-1796 main,
.page-id-1796 article,
.page-id-1796 .entry-content {
    background: transparent !important;
}

/* ==========================================
   SECTION SPACING (Gradient yok, sadece boşluk)
   ========================================== */
.section-wrapper {
    position: relative;
    overflow: hidden;
}

.hero-pricing {
    padding-bottom: 80px;
}

.pricing-section {
    padding: 100px 0 80px;
    margin-top: -50px;
}

.comparison-section {
    padding: 100px 0;
    margin-top: -50px;
}

.faq-section {
    padding: 100px 0;
    margin-top: -50px;
}

.cta-section {
    padding: 120px 0 100px;
    margin-top: -50px;
}

/* ==========================================
   FOOTER GEÇİŞİ
   ========================================== */
.page-id-1796 footer,
.page-id-1796 .site-footer,
.page-id-1796 .elementor-location-footer {
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(4, 8, 16, 0.5) 20%,
        rgba(4, 8, 16, 0.9) 60%,
        #040810 100%
    ) !important;
}/* End custom CSS */