/* Feeder Yazılım — Elite Global v8.0 */
:root {
    --brand-blue: #0061ff;
    --brand-navy: #0a1f44;
    --brand-slate: #475569;
    --bg-soft: #f8fafc;
    --border: rgba(226,232,240,.7);
    --glass-bg: rgba(255,255,255,.88);
    --transition: all .7s cubic-bezier(.16,1,.3,1);
    --transition-fast: all .3s cubic-bezier(.4,0,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:#fff;color:#0f172a;line-height:1.6;overflow-x:hidden;}

/* ── Preloader ───────────────────────────────────────── */
#preloader{position:fixed;inset:0;background:#fff;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:opacity .8s ease,visibility .8s ease;}
#preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none;}
.preloader-logo{width:120px;animation:pulse 1.8s ease-in-out infinite;}
.preloader-bar{width:200px;height:3px;background:#e2e8f0;border-radius:4px;overflow:hidden;}
.preloader-fill{height:100%;width:0;background:linear-gradient(90deg,var(--brand-blue),#7c3aed);border-radius:4px;transition:width .3s ease;}
.preloader-pct{font-family:'Outfit';font-size:.9rem;font-weight:700;color:var(--brand-slate);letter-spacing:1px;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.06);opacity:1;}}

/* ── Back to Top ───────────────────────────── */
.back-to-top{position:fixed;bottom:110px;right:36px;width:54px;height:54px;background:var(--brand-blue);color:#fff;border-radius:50%;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 12px 30px rgba(0,97,255,.28);transition:var(--transition);transform:translateY(200px);opacity:0;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center;}
.back-to-top.visible{transform:translateY(0);opacity:1;pointer-events:auto;}
.back-to-top:hover{background:var(--brand-navy);transform:translateY(-4px);}

/* ── Navigation ────────────────────────────── */
nav{position:fixed;top:0;width:100%;z-index:2000;padding:1.4rem 0;transition:var(--transition);}
nav.scrolled{background:var(--glass-bg);backdrop-filter:blur(24px);padding:.8rem 0;border-bottom:1px solid var(--border);box-shadow:0 4px 40px rgba(0,0,0,.04);}
.nav-links{display:flex;gap:2.2rem;list-style:none;}
.nav-links a{text-decoration:none;font-size:.85rem;font-weight:700;color:var(--brand-navy);transition:var(--transition-fast);position:relative;padding-bottom:4px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--brand-blue);transition:var(--transition-fast);}
.nav-links a:hover{color:var(--brand-blue);}
.nav-links a:hover::after{width:100%;}

/* ── Lang Dropdown ─────────────────────────── */
.lang-dropdown{position:relative;cursor:pointer;z-index:3000;}
.lang-selected{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;font-size:.82rem;font-weight:700;color:var(--brand-navy);transition:var(--transition-fast);}
.lang-selected:hover{border-color:var(--brand-blue);}
.lang-options{position:absolute;top:calc(100% + 8px);right:0;width:155px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.09);display:none;flex-direction:column;overflow:hidden;}
.lang-options.active{display:flex;}
.lang-opt{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:.82rem;font-weight:600;color:var(--brand-navy);transition:var(--transition-fast);}
.lang-opt:hover{background:var(--bg-soft);color:var(--brand-blue);}
.lang-opt img,.lang-selected img{width:20px;height:14px;border-radius:2px;object-fit:cover;}

/* ── Hero Badge ────────────────────────────── */
.hero-badge{display:inline-block;background:rgba(0,97,255,.07);color:var(--brand-blue);border:1px solid rgba(0,97,255,.15);padding:8px 20px;border-radius:50px;font-size:.72rem;font-weight:800;letter-spacing:1.2px;margin-bottom:1.8rem;}

/* ── Gradient Text ─────────────────────────── */
.gradient-text{background:linear-gradient(135deg,var(--brand-blue) 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ── Hero Floating ─────────────────────────── */
@keyframes floatHero{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.hero-image-container{animation:floatHero 5s ease-in-out infinite;}

/* ── Reveal ──────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(44px);transition:var(--transition);}
.reveal.active{opacity:1;transform:translateY(0);}

/* ── Staggered Children (cards appear one by one) ── */
.reveal.active > *:nth-child(1){animation:staggerIn .6s ease both .05s;}
.reveal.active > *:nth-child(2){animation:staggerIn .6s ease both .15s;}
.reveal.active > *:nth-child(3){animation:staggerIn .6s ease both .25s;}
.reveal.active > *:nth-child(4){animation:staggerIn .6s ease both .35s;}
.reveal.active > *:nth-child(5){animation:staggerIn .6s ease both .45s;}
.reveal.active > *:nth-child(6){animation:staggerIn .6s ease both .55s;}
@keyframes staggerIn{from{opacity:0;transform:translateY(24px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}

/* ── Typing cursor ───────────────────────────── */
.typing-cursor{display:inline-block;width:3px;height:1em;background:var(--brand-blue);margin-left:4px;animation:blink .7s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

/* ── Mouse glow (hero) ──────────────────── */
.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,97,255,.08) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .15s ease,top .15s ease;z-index:0;}

/* ── Gradient border on hover ───────────── */
.glow-border{position:relative;overflow:hidden;}
.glow-border::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#0061ff,#7c3aed,#0061ff);background-size:300% 300%;animation:gradientShift 4s ease infinite;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s ease;}
.glow-border:hover::before{opacity:1;}
@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

/* ── Active nav link ────────────────────── */
.nav-links a.active-link{color:var(--brand-blue);}
.nav-links a.active-link::after{width:100%;}

/* ── Section Title ─────────────────────────── */
.section-title{text-align:center;margin-bottom:5rem;}

/* ── Tab Container ─────────────────────────── */
.elite-tab-container{background:#fff;border-radius:36px;border:1px solid var(--border);box-shadow:0 40px 120px rgba(0,0,0,.05);overflow:hidden;}
.elite-tab-nav{display:flex;padding:.8rem;background:var(--bg-soft);gap:.5rem;}
.tab-btn{flex:1;padding:1.3rem 1rem;border:none;background:transparent;font-family:'Outfit';font-size:1rem;font-weight:700;color:var(--brand-slate);cursor:pointer;border-radius:16px;transition:var(--transition-fast);}
.tab-btn.active{background:var(--brand-blue);color:#fff;box-shadow:0 12px 28px rgba(0,97,255,.22);}
.tab-btn:not(.active):hover{background:rgba(0,97,255,.06);color:var(--brand-blue);}
.tab-pane{transition:var(--transition);}

/* ── Sector Matrix ─────────────────────────── */
.sector-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;}
.sector-card{background:#fff;padding:3rem 2.5rem;border-radius:28px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.025);transition:var(--transition);text-align:center;}
.sector-card:hover{transform:translateY(-12px);border-color:var(--brand-blue);box-shadow:0 24px 50px rgba(0,97,255,.09);}
.sector-card i{font-size:2.4rem;color:var(--brand-blue);margin-bottom:1.8rem;display:block;}
.sector-card h3{font-family:'Outfit';font-size:1.3rem;color:var(--brand-navy);margin-bottom:1rem;}
.sector-card p{font-size:.93rem;color:var(--brand-slate);line-height:1.75;}

/* ── Production Flow ───────────────────────── */
.prod-flow{display:flex;justify-content:space-between;position:relative;padding:2rem 0;gap:1rem;flex-wrap:wrap;}
.prod-flow::before{content:'';position:absolute;top:52px;left:0;right:0;height:2px;background:var(--border);z-index:0;}
.flow-step{position:relative;z-index:1;text-align:center;cursor:pointer;flex:1;min-width:100px;}
.circle-num{width:66px;height:66px;background:#fff;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.1rem;font-weight:800;color:var(--brand-slate);transition:var(--transition-fast);}
.flow-step h4{font-size:.82rem;font-weight:700;color:var(--brand-slate);transition:var(--transition-fast);}
.flow-step:hover .circle-num,.flow-step.active .circle-num{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 10px 28px rgba(0,97,255,.25);}
.flow-step:hover h4,.flow-step.active h4{color:var(--brand-blue);}
.step-detail{animation:fadeIn .4s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* ── Partner Card ──────────────────────────── */
.partner-card{background:#fff;padding:2.5rem 2rem;border-radius:22px;border:1px solid var(--border);text-align:center;font-weight:800;font-size:1.1rem;color:var(--brand-navy);transition:var(--transition-fast);box-shadow:0 6px 20px rgba(0,0,0,.02);}
.partner-card:hover{transform:translateY(-8px) scale(1.03);border-color:var(--brand-blue);color:var(--brand-blue);box-shadow:0 18px 40px rgba(0,97,255,.09);}

/* ── Responsive ────────────────────────────── */
@media(max-width:1024px){
    .nav-links{display:none;}
    #hamburger{display:flex !important;}
}
@media(max-width:768px){
    .elite-tab-nav{flex-direction:column;}
    .prod-flow::before{display:none;}
    .prod-flow{flex-direction:column;gap:1rem;}
    .section-title h2{font-size:2rem;}
}

/* ── Hamburger ─────────────────────────────── */
.ham-line{display:block;width:22px;height:2px;background:var(--brand-navy);border-radius:2px;transition:var(--transition-fast);}
#hamburger.open .ham-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
#hamburger.open .ham-line:nth-child(2){opacity:0;}
#hamburger.open .ham-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ── Timeline responsive ───────────────────── */
@media(max-width:900px){
    .timeline-grid{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:560px){
    .timeline-grid{grid-template-columns:1fr !important;}
}

/* ── FAQ ────────────────────────────────────── */
.faq-item:hover{border-color:var(--brand-blue);box-shadow:0 4px 20px rgba(0,97,255,.06);}

/* ── Responsive: New sections ──────────────── */
@media(max-width:900px){
    /* 4-col process → 2-col */
    section > div > div[style*="repeat(4"] {grid-template-columns:repeat(2,1fr) !important;}
    /* Tab inner grids → single column */
    .tab-pane > div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}
}
@media(max-width:600px){
    /* 2-col → 1-col for process */
    section > div > div[style*="repeat(4"] {grid-template-columns:1fr !important;}
}

[dir="rtl"]{text-align:right;}
[dir="rtl"] .back-to-top{left:36px;right:auto;}