.elementor-kit-7{--e-global-color-primary:#0F172A;--e-global-color-secondary:#2563EB;--e-global-color-text:#1F2937;--e-global-color-accent:#06B6D4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--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;background-color:#000000;}.elementor-kit-7 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);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@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 *//* =================================================
MAGENCLY FINAL SYSTEM (MERGED & CLEAN)
================================================ */


/* =================================================
ROOT
================================================ */

:root{
--m-bg:#0B0F19;
--m-bg-soft:#121826;

--m-primary:#5B8CFF;
--m-accent:#00D4FF;

--m-text:#E6EDF3;
--m-text-muted:#9AA4B2;

--m-border:rgba(255,255,255,.06);

--m-gradient:linear-gradient(135deg,#5B8CFF,#00D4FF);
}


/* =================================================
SECTION
================================================ */

.m-section{
padding:120px 40px;
position:relative;
overflow:hidden;
}

.m-container{
max-width:1200px;
margin:auto;
}

.m-section-dark{
background:var(--m-bg);
color:var(--m-text);
}

.m-section-light{
background:#fff;
color:#0F172A;
}


/* =================================================
HERO
================================================ */

.m-hero{
position:relative;
overflow:hidden;
}

/* GRID */
.m-hero::before{
content:"";
position:absolute;
inset:0;

background-image:
linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);

background-size:60px 60px;
}

/* LIGHT */
.m-hero::after{
content:"";
position:absolute;

width:700px;
height:700px;

top:-200px;
left:50%;
transform:translateX(-50%);

background:radial-gradient(circle,
rgba(91,140,255,.2),
rgba(0,212,255,.15),
transparent 70%
);

filter:blur(60px);
}

/* HERO INNER */
.m-hero-inner{
display:flex;
flex-direction:column;
gap:20px;
max-width:720px;
position:relative;
z-index:2;
}

/* HERO BUTTONS */
.m-hero-buttons{
display:flex;
gap:14px;
margin-top:10px;
flex-wrap:wrap;
}

/* HERO LABEL */
.m-hero-label{
opacity:.85;
}

/* HERO SUBTITLE */
.m-hero-subtitle{
max-width:600px;
}


/* =================================================
TYPOGRAPHY
================================================ */

.m-label{
font-family:Inter;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:600;
color:var(--m-accent);
}

.m-heading-xl .elementor-heading-title{
font-family:Sora;
font-size:52px;
font-weight:600;
line-height:1.1;

background:linear-gradient(180deg,#ffffff,#cbd5e1);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.m-heading-lg .elementor-heading-title{
font-family:Sora;
font-size:20px;
font-weight:600;
}

.m-text-body{
font-family:Inter;
font-size:16px;
line-height:1.6;
color:var(--m-text-muted);
}


/* =================================================
HERO TEXT FIX
================================================ */

.m-hero .m-heading-xl .elementor-heading-title{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
background:none !important;
}

.m-hero .m-text-body{
color:#B8C2D0 !important;
}

.m-hero .m-label{
color:#7DD3FC !important;
}


/* =================================================
SECTION HEADER FIX
================================================ */

.m-section-dark .m-heading-xl .elementor-heading-title{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
background:none !important;
}

.m-section-dark .m-text-body{
color:#AAB4C5 !important;
}

.m-section-dark .m-label{
color:#7DD3FC !important;
}


/* =================================================
BUTTONS
================================================ */

.m-btn-primary .elementor-button{
background:var(--m-gradient);
color:#fff;
border-radius:10px;
padding:14px 26px;
font-weight:500;
}

.m-btn-primary .elementor-button:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(0,212,255,.25);
}

.m-btn-outline .elementor-button{
background:transparent;
border:1px solid rgba(255,255,255,.2);
color:var(--m-text);
border-radius:10px;
}

.m-btn-outline .elementor-button:hover{
border-color:var(--m-accent);
color:var(--m-accent);
background:rgba(0,212,255,.08);
}


/* =================================================
CARD
================================================ */

.m-card{
background:var(--m-bg-soft);
border:1px solid var(--m-border);
border-radius:14px;
padding:28px;
transition:.3s;
color:var(--m-text);
}

.m-card:hover{
transform:translateY(-6px);
border-color:rgba(91,140,255,.5);

box-shadow:
0 20px 40px rgba(0,0,0,.45),
0 0 0 1px rgba(91,140,255,.2);
}

/* CARD TEXT */
.m-card .m-heading-lg .elementor-heading-title{
color:#fff !important;
}

.m-card .m-text-body{
color:#9AA4B2 !important;
}

.m-card:hover .m-text-body{
color:#C9D4E2 !important;
}


/* =================================================
SERVICE CARD (LOOP)
================================================ */

.m-service-card{
display:flex;
flex-direction:column;
gap:14px;
height:100%;
}


/* =================================================
SERVICE ICON
================================================ */

.m-service-icon{
width:56px;
height:56px;

display:flex;
align-items:center;
justify-content:center;

border-radius:14px;

background:rgba(91,140,255,.08);
border:1px solid rgba(91,140,255,.25);

transition:.3s;
}

.m-service-icon svg,
.m-service-icon img{
width:28px;
height:28px;
object-fit:contain;
}

.m-service-card:hover .m-service-icon{
background:rgba(0,212,255,.12);
border-color:rgba(0,212,255,.5);

transform:translateY(-2px) scale(1.05);
}

.m-service-icon{
    width:64px;
    height:64px;
    margin-bottom:14px;
}

.m-service-icon svg,
.m-service-icon img{
    width:32px;
    height:32px;
}
.m-service-card .e-con-inner{
    align-items:center !important;

}
/* =================================================
ICON LIST
================================================ */

.m-icon-list{
list-style:none;
padding:0;
margin:0;
}

.m-icon-list li{
position:relative;
padding-left:22px;
margin-bottom:10px;
color:var(--m-text-muted);
transition:.3s;
}

.m-icon-list li::before{
content:"";
position:absolute;
left:0;
top:7px;

width:10px;
height:10px;

background:var(--m-accent);

clip-path:polygon(14% 44%,0 59%,38% 100%,100% 19%,84% 0%,36% 62%);

transform:scale(0);
opacity:0;
transition:.3s;
}

.m-card:hover .m-icon-list li::before{
transform:scale(1);
opacity:1;
box-shadow:0 0 10px rgba(0,212,255,.6);
}

.m-card:hover .m-icon-list li{
transform:translateX(4px);
color:#fff;
}


/* =================================================
DIVIDERS
================================================ */

.m-divider-glow{
height:2px;
width:80px;
margin:auto;

background:linear-gradient(90deg,transparent,var(--m-accent),transparent);
box-shadow:0 0 14px rgba(0,212,255,.5);
}

.m-divider-grid{
height:2px;
width:90px;
margin:auto;

background:repeating-linear-gradient(
90deg,
var(--m-accent) 0px,
var(--m-accent) 10px,
transparent 10px,
transparent 18px
);
}


/* =================================================
PATTERNS
================================================ */

.pattern-grid{
background-image:
linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
background-size:70px 70px;
}

.pattern-dots{
background-image:
radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
background-size:24px 24px;
}

.pattern-lines{
background-image:
repeating-linear-gradient(
45deg,
rgba(255,255,255,.05),
rgba(255,255,255,.05) 2px,
transparent 2px,
transparent 40px
);
}

.pattern-mesh{
background-image:
repeating-linear-gradient(
60deg,
rgba(255,255,255,.05),
rgba(255,255,255,.05) 1px,
transparent 1px,
transparent 40px
),
repeating-linear-gradient(
-60deg,
rgba(255,255,255,.05),
rgba(255,255,255,.05) 1px,
transparent 1px,
transparent 40px
);
}


/* =================================================
HEADER LAYOUT FIX
================================================ */

.m-header-inner{
    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;

    height:80px;
    padding:0 20px;
}

/* =================================================
LOGO SIZE FIX
================================================ */

.m-logo img{
    height:42px; /* 🔥 büyüttüm */
    width:auto;
    object-fit:contain;
}

/* =================================================
MENU TEXT FIX (CRITICAL)
================================================ */

.m-nav .e-n-menu-title-text{
    position:relative;

    font-family:Inter;
    font-size:13px;
    font-weight:500;

    letter-spacing:1.6px;
    text-transform:uppercase;

    color:#E6EDF3 !important; /* 🔥 artık beyaz */

    transition:all .3s ease;
}

/* HOVER */
.m-nav .e-n-menu-title-text:hover{
    color:#ffffff !important;
}


/* =================================================
UNDERLINE ANIMATION (FIXED)
================================================ */

.m-nav .e-n-menu-title{
    position:relative;
}

/* underline */
.m-nav .e-n-menu-title::after{
    content:"";
    position:absolute;

    left:50%;
    bottom:-8px;

    width:0%;
    height:2px;

    background:linear-gradient(90deg,#5B8CFF,#00D4FF);

    transform:translateX(-50%);
    transition:.3s ease;

    border-radius:2px;
}

/* hover trigger */
.m-nav .e-n-menu-item:hover .e-n-menu-title::after{
    width:100%;
}


/* =================================================
ACTIVE ITEM
================================================ */

.m-nav .e-n-menu-item.current-menu-item .e-n-menu-title-text{
    color:#ffffff !important;
}

.m-nav .e-n-menu-item.current-menu-item .e-n-menu-title::after{
    width:100%;
}


/* =================================================
MENU ALIGN FIX
================================================ */

.m-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:36px;
}

/* =================================================
HEADER GRID FIX (DAHA NET)
================================================ */

.m-header-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
}

/* CTA sağa */
.m-header-cta{
    justify-self:end;
}

/* =================================================
HEADER BG IMPROVE
================================================ */

.m-header{
    position:fixed;
    top:0;
    width:100%;
    z-index:999;

    background:linear-gradient(
        to bottom,
        rgba(11,15,25,0.85),
        rgba(11,15,25,0.4)
    );
    backdrop-filter:blur(8px);
}

/* SCROLL STATE */
.m-header.scrolled{
    background:rgba(11,15,25,.9);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,.05);
}


/* =================================================
RESPONSIVE
================================================ */

@media(max-width:1024px){

.m-heading-xl .elementor-heading-title{
font-size:40px;
}

.m-section{
padding:100px 32px;
}

}

@media(max-width:768px){

.m-heading-xl .elementor-heading-title{
font-size:30px;
}

.m-section{
padding:80px 20px;
}

.m-hero-buttons{
flex-direction:column;
align-items:flex-start;
}

}/* End custom CSS */