: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/28.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,82px); line-height:.9; margin:16px 0 18px; font-weight:700; }
        .hero-desc { max-width:820px; color:#d7dfeb; font-size:17px; line-height:1.8; }
        .hero-points { margin-top:22px; display:flex; flex-wrap:wrap; gap:10px; }
        .hero-point {
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:10px 14px;
            border-radius:999px;
            border:1px solid rgba(255,255,255,.16);
            background:rgba(255,255,255,.06);
            color:#f1f5fb;
            font-size:12px;
            letter-spacing:.06em;
            text-transform:uppercase;
            font-weight:600;
        }

        .section-pad { padding:84px 0; border-top:1px solid rgba(255,255,255,.06); }
        .glass-panel { border:1px solid rgba(255,255,255,.09); border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); box-shadow:0 12px 30px rgba(0,0,0,.25); }
        .about-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:28px; }
        .section-title { font-family:'Rajdhani',sans-serif; font-size:clamp(30px,5vw,54px); line-height:1; margin:0 0 16px; }
        .section-desc { color:var(--muted); line-height:1.8; }
        .feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
        .feature-card { padding:24px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02); }
        .feature-grid .feature-card:nth-child(3) { grid-column:1 / -1; max-width:calc((100% - 20px)/2); justify-self:center; width:100%; }

        .ref-slider-container { width:100%; overflow:hidden; }
        .ref-slider-track { display:flex; transition:transform .8s cubic-bezier(.25,1,.5,1); width:100%; }
        .ref-slide-group { flex:0 0 100%; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; padding:1rem; }
        .bubble-ref { background:#fff; border-radius:16px; display:flex; align-items:center; justify-content:center; aspect-ratio:16/9; border:1px solid #eef1f5; }
        .bubble-ref img { max-width:80%; max-height:80%; object-fit:contain; filter:grayscale(100%) opacity(.75); transition:.3s; }
        .bubble-ref:hover img { filter:grayscale(0) opacity(1); }

        .reveal { opacity:0; transform:translateY(18px); }

        @media (max-width: 1024px) { .about-grid { grid-template-columns:1fr; } }
        @media (max-width: 768px) {
            .hero { padding-top:140px; padding-bottom:82px; }
            .hero-shell { padding:26px 20px; border-radius:20px; }
            .feature-grid { grid-template-columns:1fr; }
            .feature-grid .feature-card:nth-child(3) { grid-column:auto; max-width:none; justify-self:stretch; }
            .ref-slide-group { grid-template-columns:repeat(2,1fr); }
        }