.elementor-kit-505{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-bca3574:#FFFFFFBF;--e-global-color-9344c35:#FFFFFFB3;--e-global-color-6ad3e3b:#FFFFFF73;--e-global-color-c6fbd87:#FFFFFF33;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-505 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================
   IXCEL.TECH - MODERN DESIGN
     =================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ===== GLOBAL ===== */
body {
    background: #000000 !important;
    color: #ffffff !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.wp-site-blocks {
    padding: 0 !important;
}

/* Bolder grid background */
body::before {
    content: '' !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px) !important;
    background-size: 60px 60px !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ===== HEADER ===== */
.site-header {
    background: rgba(0, 0, 0, 0.95) !important;
    border-bottom: 3px solid rgba(255, 255, 255, 0.25) !important;
    padding: 28px 80px !important;
    backdrop-filter: blur(20px) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}

.site-branding {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

.site-header nav a {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    padding-bottom: 4px !important;
}

.site-header nav a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 3px !important;
    background: #ffffff !important;
    transition: width 0.25s ease !important;
}

.site-header nav a:hover {
    color: #ffffff !important;
}

.site-header nav a:hover::after {
    width: 100% !important;
}

/* ===== HERO SECTION ===== */
.hero-section {
    padding: 120px 80px 100px !important;
    text-align: center !important;
    background: #000000 !important;
    position: relative !important;
}

.hero-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 3px !important;
    height: 140px !important;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
}

.hero-section h1 {
    font-size: clamp(64px, 9vw, 112px) !important;
    font-weight: 900 !important;
    margin-bottom: 32px !important;
    letter-spacing: -3px !important;
    line-height: 0.95 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

.hero-section p {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    max-width: 720px !important;
    margin: 0 auto 56px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.3px !important;
}

/* ===== BUTTONS ===== */
.wp-block-buttons {
    justify-content: center !important;
    gap: 20px !important;
    margin-bottom: 100px !important;
}

.wp-block-button__link {
    padding: 20px 48px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: 3px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.wp-block-button__link::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background: #ffffff !important;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
}

.wp-block-button__link:hover::before {
    width: 100% !important;
}

.wp-block-button__link:hover {
    border-color: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 40px rgba(255, 255, 255, 0.15) !important;
}

/* ===== SERVICE CARDS ===== */
.services-section {
    padding: 0 80px 100px !important;
    background: #000000 !important;
    position: relative !important;
}

.services-section h2 {
    font-size: 48px !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin-bottom: 72px !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

.wp-block-columns.services-grid {
    max-width: 1600px !important;
    margin: 0 auto !important;
    gap: 32px !important;
}

.service-card {
    position: relative !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 3px solid rgba(255, 255, 255, 0.2) !important;
    padding: 56px 44px !important;
    min-height: 320px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Ultra-bold corner brackets */
.service-card::before,
.service-card::after {
    content: '' !important;
    position: absolute !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.service-card::before {
    top: -3px !important;
    left: -3px !important;
    width: 48px !important;
    height: 48px !important;
    border-top: 5px solid rgba(255, 255, 255, 0.6) !important;
    border-left: 5px solid rgba(255, 255, 255, 0.6) !important;
}

.service-card::after {
    bottom: -3px !important;
    right: -3px !important;
    width: 48px !important;
    height: 48px !important;
    border-bottom: 5px solid rgba(255, 255, 255, 0.3) !important;
    border-right: 5px solid rgba(255, 255, 255, 0.3) !important;
}

.service-card:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}

.service-card:hover::before,
.service-card:hover::after {
    width: 64px !important;
    height: 64px !important;
}

.service-card:hover::before {
    border-color: rgba(255, 255, 255, 0.9) !important;
}

.service-card:hover::after {
    border-color: rgba(255, 255, 255, 0.6) !important;
}

.service-card h3 {
    font-size: 26px !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

.service-card p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
}

/* ===== TRUST STRIP ===== */
.trust-strip {
    padding: 48px 80px !important;
    text-align: center !important;
    border-top: 3px solid rgba(255, 255, 255, 0.2) !important;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2) !important;
    margin-top: 80px !important;
    background: #000000 !important;
}

.trust-strip p {
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.45) !important;
    margin: 0 !important;
}

/* ===== ABOUT SECTION ===== */
.about-section {
    padding: 120px 80px !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    background: #000000 !important;
}

.wp-block-columns.about-grid {
    gap: 120px !important;
}

.about-section h2 {
    font-size: 52px !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

.about-content {
    max-width: 900px !important;
}

.about-content p {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    margin-bottom: 28px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
}

.about-content em {
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 700 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .site-header,
    .hero-section,
    .services-section,
    .trust-strip,
    .about-section {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    
    .wp-block-columns.services-grid,
    .wp-block-columns.about-grid {
        flex-direction: column !important;
    }
    
    .wp-block-column {
        flex-basis: 100% !important;
    }
    
    .wp-block-columns.about-grid {
        gap: 56px !important;
    }
}

@media (max-width: 768px) {
    .site-header,
    .hero-section,
    .services-section,
    .trust-strip,
    .about-section {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    
    .site-header {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    
    .hero-section {
        padding-top: 100px !important;
        padding-bottom: 80px !important;
    }
    
    .wp-block-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
    }
    
    .wp-block-button__link {
        text-align: center !important;
        width: 100% !important;
    }
    
    .service-card::before,
    .service-card::after {
        width: 32px !important;
        height: 32px !important;
    }
}

/* ===== CLEANUP ===== */
.wp-block-group {
    margin: 0 !important;
}

.wp-block-paragraph {
    margin-bottom: 0 !important;
}

a {
    transition: all 0.3s ease !important;
}/* End custom CSS */