:root { --bg:#0a0c12; --text:#e6edf6; --muted:#9aa7b8; --line:rgba(255,255,255,.1); --accent:#7b4f32; --container:1400px; }
        * { box-sizing:border-box; }
        body { margin:0; font-family:'Inter',sans-serif; color:var(--text); background:radial-gradient(circle at top right, rgba(123,79,50,.08), transparent 26%), var(--bg); }
        .container-main { width:min(var(--container), calc(100% - 32px)); margin-inline:auto; }
        .topbar { position:fixed; top:0; inset-inline:0; z-index:60; border-bottom:1px solid transparent; background:linear-gradient(180deg, rgba(6,8,13,.72), rgba(6,8,13,.35)); backdrop-filter:blur(8px); transition:.3s; }
        .topbar.scrolled { background:hsla(223,37%,4%,.94); border-bottom-color:rgba(255,255,255,.08); box-shadow:0 14px 34px rgba(0,0,0,.28); }
        .topbar-logo { height:44px; transition:.3s; }
        .topbar.scrolled .topbar-logo { height:36px; }
        .nav-link { position:relative; color:#c4c9d4; font-weight:600; letter-spacing:.08em; font-size:13px; transition:.2s; }
        .nav-link:hover, .nav-link.active { color:#fff; }
        .nav-link::after { content:''; position:absolute; left:0; bottom:-10px; width:0; height:2px; background:var(--accent); transition:.2s; }
        .nav-link:hover::after, .nav-link.active::after { width:100%; }
        .nav-dropdown { opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; pointer-events:none; }
        .nav-item-wrap:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
        .lang-dropdown { opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; pointer-events:none; }
        .target-burger { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); position:relative; }
        .target-burger .bun { position:absolute; width:24px; height:2px; border-radius:999px; background:#fff; transition:.35s; }
        .target-burger .bun:first-child { transform:translateY(-5px); }
        .target-burger .bun:last-child { transform:translateY(5px); }
        .target-burger.toggled .bun:first-child { transform:rotate(45deg); }
        .target-burger.toggled .bun:last-child { transform:rotate(-45deg); }
        .main-nav { position:fixed; inset:0; z-index:80; background:radial-gradient(circle at 15% 10%, rgba(123,79,50,.12), transparent 30%), rgba(6,8,13,.96); backdrop-filter:blur(14px); opacity:0; pointer-events:none; transform:scale(.96); transition:.35s; display:flex; align-items:center; justify-content:center; padding:28px; }
        .main-nav.toggled { opacity:1; pointer-events:auto; transform:scale(1); }
        .main-nav ul { width:min(560px,100%); display:grid; gap:12px; }
        .main-nav a, .main-nav-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:16px 18px; color:#fff; font-size:clamp(18px,3.2vw,24px); letter-spacing:.04em; font-family:'Rajdhani',sans-serif; text-transform:uppercase; background:rgba(255,255,255,.03); }
        .main-nav-head { position:absolute; top:24px; right:24px; }
        .mobile-menu-close { width:46px; height:46px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff; display:inline-flex; align-items:center; justify-content:center; }
        .mobile-submenu { display:grid; margin-top:8px; gap:8px; max-height:0; opacity:0; overflow:hidden; transform:translateY(-6px); transition:.28s; }
        .mobile-corp-item.open .mobile-submenu { max-height:320px; opacity:1; transform:translateY(0); }
        .cta-primary { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 24px; border-radius:14px; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; transition:all .2s ease; background:var(--accent); color:#111; box-shadow:0 10px 24px rgba(123,79,50,.12); }
        .cta-primary:hover { transform:translateY(-1px); background:#ff8b28; }

        .hero {
            position: relative;
            padding-top: 170px;
            padding-bottom: 110px;
            border-bottom: 1px solid var(--line);
            overflow: hidden;
            background-image:
                linear-gradient(115deg, rgba(6,8,13,.9) 20%, rgba(6,8,13,.62) 58%, rgba(6,8,13,.86) 100%),
                url('https://evosan.com.tr/uploads/NewMachineFile/29.png');
            background-size: cover;
            background-position: center;
        }
        .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 85% 25%, rgba(123,79,50,.22), transparent 34%),
                radial-gradient(circle at 25% 80%, rgba(255,255,255,.07), transparent 40%);
            pointer-events: none;
        }
        .hero-shell {
            position: relative;
            z-index: 1;
            max-width: 980px;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 26px;
            background: linear-gradient(180deg, rgba(11,13,19,.68), rgba(11,13,19,.45));
            backdrop-filter: blur(3px);
            padding: 34px 32px;
            box-shadow: 0 20px 48px rgba(0,0,0,.35);
        }
        .kicker { display:inline-flex; align-items:center; gap:10px; color:#ffb16f; letter-spacing:.18em; font-size:12px; font-weight:700; text-transform:uppercase; }
        .kicker::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--accent); }
        .hero-title { font-family:'Rajdhani',sans-serif; font-size:clamp(42px,9vw,78px); line-height:.92; margin:16px 0 14px; font-weight:700; }
        .hero-desc { max-width:760px; color:#d7dfeb; font-size:17px; line-height:1.8; }

        .section-pad { padding:84px 0; border-top:1px solid rgba(255,255,255,.06); }
        .section-title { font-family:'Rajdhani',sans-serif; font-size:clamp(32px,5vw,52px); line-height:1; margin:0 0 14px; }
        .section-desc { color:var(--muted); line-height:1.8; }
        .value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
        .value-card { border:1px solid rgba(255,255,255,.1); border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); padding:22px; min-height:220px; }
        .value-icon { width:52px; height:52px; border-radius:14px; border:1px solid rgba(123,79,50,.35); display:flex; align-items:center; justify-content:center; color:#ffb16f; font-size:20px; margin-bottom:12px; }

        .principle-box { margin-top:24px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.03); padding:24px; }
        .principle-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; }
        .principle-item { color:#d6e0ec; display:flex; align-items:center; gap:10px; }

        [data-animate] { opacity:0; transform:translateY(16px); }

        @media (max-width:1024px) { .value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media (max-width:768px) {
            .hero { padding:140px 0 78px; }
            .hero-shell { padding:24px 20px; border-radius:20px; }
            .value-grid, .principle-list { grid-template-columns:1fr; }
        }