: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; }

        .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,.72)),
                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; }

        .contact-shell { padding:42px 0 80px; }
        .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
        .card {
            border:1px solid rgba(255,255,255,.12);
            border-radius:18px;
            background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
            overflow:hidden;
            box-shadow:0 10px 24px rgba(0,0,0,.24);
        }
        .info-stack { display:grid; gap:14px; }
        .contact-cards { display:grid; gap:12px; }
        .contact-card {
            position:relative;
            display:flex;
            gap:14px;
            padding:16px;
            border:1px solid rgba(255,255,255,.12);
            border-radius:14px;
            background:
                radial-gradient(circle at top right, rgba(255,177,111,.12), transparent 42%),
                linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
            transition:.24s ease;
        }
        .contact-card:hover {
            border-color:rgba(255,177,111,.45);
            box-shadow:0 12px 24px rgba(0,0,0,.24);
            transform:translateY(-2px);
        }
        .contact-icon {
            width:46px;
            height:46px;
            border-radius:12px;
            border:1px solid rgba(255,177,111,.35);
            background:rgba(255,177,111,.1);
            color:#ffb16f;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
            font-size:16px;
        }
        .contact-meta { min-width:0; }
        .contact-kicker {
            margin:0 0 4px;
            color:#9aa7b8;
            font-size:11px;
            text-transform:uppercase;
            letter-spacing:.11em;
            font-weight:700;
        }
        .contact-title {
            margin:0 0 6px;
            font-family:'Rajdhani',sans-serif;
            font-size:28px;
            line-height:1;
        }
        .contact-value, .contact-link {
            margin:0;
            color:#dbe4f2;
            line-height:1.7;
            font-size:15px;
        }
        .contact-link {
            display:inline-flex;
            align-items:center;
            gap:8px;
            border:1px solid rgba(255,255,255,.16);
            background:rgba(255,255,255,.03);
            border-radius:999px;
            padding:7px 12px;
            transition:.2s;
        }
        .contact-link:hover {
            color:#fff;
            border-color:rgba(255,177,111,.5);
            background:rgba(255,177,111,.12);
        }
        .contact-link i { font-size:12px; }

        .map-box { border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.12); min-height:320px; }
        .map-box iframe { width:100%; height:100%; border:0; filter:grayscale(100%) invert(88%) contrast(1.05); }

        .form-wrap { padding:24px; }
        .form-wrap h2 { margin:0 0 18px; font-family:'Rajdhani',sans-serif; font-size:40px; line-height:1; }
        .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
        .form-group { margin-bottom:14px; }
        .form-group label { display:block; margin-bottom:8px; color:#9aa7b8; font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
        .form-input {
            width:100%;
            background:#0a0e15;
            border:1px solid rgba(255,255,255,.12);
            border-radius:12px;
            padding:12px 14px;
            color:#fff;
            outline:none;
            transition:.2s;
        }
        .form-input:focus { border-color:#ffb16f; box-shadow:0 0 0 3px rgba(255,177,111,.12); }
        .send-btn {
            width:100%;
            border:1px solid #ffb16f;
            background:#ffb16f;
            color:#111;
            border-radius:12px;
            padding:13px 14px;
            font-family:'Rajdhani',sans-serif;
            font-size:20px;
            letter-spacing:.06em;
            cursor:pointer;
            transition:.2s;
        }
        .send-btn:hover { background:transparent; color:#ffb16f; }
        .send-btn:disabled { opacity:.65; cursor:not-allowed; }
        .form-note { margin-top:10px; font-size:13px; color:#9aa7b8; min-height:20px; }

        @media (max-width:980px) { .contact-grid { grid-template-columns:1fr; } }
        @media (max-width:780px) {
            .hero { padding:140px 0 70px; }
            .form-grid { grid-template-columns:1fr; }
        }