:root { --bg:#0a0c12; --text:#e6edf6; --muted:#9aa7b8; --line:rgba(255,255,255,.1); --accent:#7b4f32; --container:1400px; }
        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; }
        .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); }
        .hero { padding:170px 0 90px; border-bottom:1px solid var(--line); background-image:linear-gradient(120deg, rgba(6,8,13,.9), rgba(6,8,13,.7)), url('https://evosan.com.tr/uploads/NewMachineFile/33.png'); background-size:cover; background-position:center; }
        .hero h1 { font-family:'Rajdhani',sans-serif; font-size:clamp(42px,9vw,78px); line-height:.92; margin:0 0 10px; }
        .hero p { color:#d7dfeb; max-width:760px; }
        .video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:40px 0 80px; }
        .video-card { border:1px solid rgba(255,255,255,.12); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.02); box-shadow:0 10px 24px rgba(0,0,0,.24); display:flex; flex-direction:column; }
        .video-card iframe,
        .video-card video {
            width:100%;
            aspect-ratio:16/10;
            border:0;
            display:block;
            background:#0b0f16;
        }
        .video-card video { object-fit:cover; }
        .video-body { padding:12px 14px; }
        .video-title { font-family:'Rajdhani',sans-serif; font-size:30px; line-height:1; margin:0 0 6px; }
        .video-desc { margin:0; color:#d5dbe7; line-height:1.7; }
        .video-actions { margin-top:10px; display:flex; justify-content:flex-end; }
        .video-open { border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; border-radius:10px; padding:8px 10px; font-size:12px; cursor:pointer; }
        .empty { margin:40px 0 80px; border:1px dashed rgba(255,255,255,.24); border-radius:16px; padding:18px; color:#cfd7e2; background:rgba(255,255,255,.03); text-align:center; }
        .video-lightbox { position:fixed; inset:0; z-index:120; background:rgba(4,6,10,.86); backdrop-filter:blur(4px); display:none; align-items:center; justify-content:center; padding:24px; }
        .video-lightbox.open { display:flex; }
        .video-lightbox-shell { width:min(1100px,100%); }
        .video-lightbox-frame { width:100%; aspect-ratio:16/9; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:#0b0f16; }
        .video-lightbox-close { position:absolute; top:18px; right:18px; width:44px; height:44px; border-radius:12px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; cursor:pointer; }
        @media (max-width:1024px) { .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media (max-width:720px) { .hero { padding:140px 0 70px; } .video-grid { grid-template-columns:1fr; } }