<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOASLOT : Link Resmi Login Global Anti Blokir Terbaru 2026</title>
    
    <!-- Meta Tags untuk SEO -->
    <meta name="description" content="Doaslot DWF Law is a leading global law firm providing comprehensive legal services in corporate, litigation, real estate, investment, and ensuring cross-recognition regulations.">
    <meta name="keywords" content="DWF Law, firma hukum, konsultasi hukum, hukum korporasi, litigasi, investasi, real estate law, legal services, penasihat hukum, global law firm, corporate lawyer">
    <meta name="author" content="DWF Law Team">
    <meta name="robots" content="index, follow"> 
    
    <!-- Meta Social -->
    <meta property="og:title" content="Link Resmi Login Global Anti Blokir">
    <meta property="og:description" content="DWF Law adalah firma hukum global terkemuka yang menyediakan layanan legal komprehensif di bidang korporasi, litigasi, real estate, dan investasi.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://link.dwf.law/">
    <meta property="og:image" content="https://link.dwf.law/images/dwf-social-image.webp"> 
    <link rel="canonical" href="https://link.dwf.law/">
<link rel="shortcut icon" type="image/x-icon" href="https://stecu769.com/uploads/favdoaslot-772fdc22.png"/>

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    
    <!-- CSS -->
    <style>
        :root {
            --primary-color: #0d1a26;
            --secondary-color: #c09f52;
            --secondary-soft: #e5d2a1;
            --text-light: #f7f7f7;
            --text-dark: #333333;
            --border-soft: #e4e4e4;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Roboto', sans-serif;
            color: var(--text-dark);
            line-height: 1.7;
            background-color: #f3f4f6;
        }

        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
            color: var(--primary-color);
        }

        a {
            text-decoration: none;
        }

        /* LAYOUT UMUM */
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* HEADER */
        header {
            position: sticky;
            top: 0;
            z-index: 999;
            background: rgba(13, 26, 38, 0.98);
            backdrop-filter: blur(8px);
            color: var(--text-light);
            padding: 14px 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }

        .logo {
            font-size: 1.8rem;
            font-weight: 700;
            letter-spacing: 3px;
            color: var(--secondary-color);
        }

        nav {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        nav a {
            color: var(--text-light);
            font-size: 0.95rem;
            font-weight: 400;
            position: relative;
        }

        nav a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -4px;
            width: 0;
            height: 2px;
            background: var(--secondary-color);
            transition: width 0.3s ease;
        }

        nav a:hover::after {
            width: 100%;
        }

        .nav-cta {
            padding: 8px 18px;
            border-radius: 999px;
            border: 1px solid var(--secondary-color);
            color: var(--secondary-color);
            font-size: 0.9rem;
            font-weight: 500;
            transition: all 0.3s ease;
        }

        .nav-cta:hover {
            background: var(--secondary-color);
            color: var(--primary-color);
        }

        /* MOBILE NAV */
        .menu-toggle {
            display: none;
            flex-direction: column;
            gap: 4px;
            cursor: pointer;
        }

        .menu-toggle span {
            width: 22px;
            height: 2px;
            background: var(--text-light);
        }

        @media (max-width: 800px) {
            nav {
                position: fixed;
                top: 60px;
                right: 0;
                left: 0;
                background: #0d1a26;
                flex-direction: column;
                align-items: flex-start;
                padding: 15px 5%;
                gap: 12px;
                transform: translateY(-200%);
                transition: transform 0.25s ease;
            }
            nav.open {
                transform: translateY(0);
            }
            .menu-toggle {
                display: flex;
            }
            .nav-cta {
                margin-top: 6px;
            }
        }

        /* HERO */
        .hero {
            background: linear-gradient(135deg, rgba(0,0,0,0.65), rgba(0,0,0,0.8)), 
                        url('background-image-mewah.jpg') no-repeat center center/cover;
            color: var(--text-light);
            min-height: 82vh;
            display: flex;
            align-items: center;
        }

        .hero-inner {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 3fr 2fr;
            gap: 40px;
        }

        .hero-tagline {
            font-size: 0.85rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--secondary-soft);
            margin-bottom: 12px;
        }

        .hero h1 {
            font-size: 3rem;
            margin-bottom: 18px;
            color: var(--secondary-color);
        }

        .hero p {
            font-size: 1.05rem;
            max-width: 550px;
            opacity: 0.94;
        }

        .hero-actions {
            margin-top: 28px;
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }

        .cta-button {
            background-color: var(--secondary-color);
            color: var(--primary-color);
            padding: 13px 28px;
            text-decoration: none;
            font-weight: 500;
            border-radius: 999px;
            border: 2px solid var(--secondary-color);
            transition: all 0.3s ease;
            font-size: 0.95rem;
        }

        .cta-button:hover {
            background-color: transparent;
            color: var(--secondary-color);
        }

        .cta-outline {
            background-color: transparent;
            color: var(--text-light);
            border-color: rgba(255,255,255,0.4);
        }

        .cta-outline:hover {
            border-color: var(--secondary-color);
            color: var(--secondary-color);
        }

        .hero-stats {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            margin-top: 28px;
            max-width: 430px;
        }

        .stat-card {
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,0.14);
            padding: 10px 12px;
            font-size: 0.8rem;
            background: rgba(255,255,255,0.02);
        }

        .stat-number {
            font-size: 1.3rem;
            font-weight: 600;
            color: var(--secondary-soft);
        }

        .stat-label {
            opacity: 0.8;
        }

        .hero-panel {
            padding: 20px 24px;
            border-radius: 16px;
            background: rgba(13, 26, 38, 0.9);
            border: 1px solid rgba(255,255,255,0.08);
        }

        .hero-panel h3 {
            color: var(--text-light);
            margin-bottom: 10px;
            font-size: 1.1rem;
        }

        .hero-panel p {
            font-size: 0.9rem;
            opacity: 0.9;
            margin-bottom: 10px;
        }

        .hero-panel ul {
            list-style: none;
            margin-top: 8px;
        }

        .hero-panel li {
            font-size: 0.9rem;
            margin-bottom: 8px;
            position: relative;
            padding-left: 18px;
        }

        .hero-panel li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: var(--secondary-color);
        }

        /* SECTION GENERIC */
        .section {
            padding: 80px 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title {
            font-size: 2.2rem;
            margin-bottom: 12px;
            position: relative;
            display: inline-block;
        }

        .section-title::after {
            content: '';
            width: 60px;
            height: 3px;
            background-color: var(--secondary-color);
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
        }

        .section-subtitle {
            font-size: 0.95rem;
            max-width: 550px;
            margin: 0 auto;
            color: #555;
        }

        /* PROFIL */
        #profil {
            background: #ffffff;
        }

        .profil-grid {
            display: grid;
            grid-template-columns: 3fr 2fr;
            gap: 40px;
            align-items: start;
        }

        .profil-intro p {
            margin-bottom: 16px;
        }

        .profil-highlights {
            margin-top: 8px;
            list-style: none;
        }

        .profil-highlights li {
            margin-bottom: 8px;
            padding-left: 18px;
            position: relative;
            font-size: 0.95rem;
        }

        .profil-highlights li::before {
            content: "▹";
            position: absolute;
            left: 0;
            color: var(--secondary-color);
        }

        .profil-aside {
            border-radius: 16px;
            border: 1px solid var(--border-soft);
            padding: 20px 22px;
            background: #fafafa;
        }

        .profil-aside h3 {
            margin-bottom: 12px;
            font-size: 1.1rem;
        }

        .profil-aside-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            font-size: 0.9rem;
        }

        .profil-aside-row span:first-child {
            color: #666;
        }

        /* LAYANAN */
        #layanan {
            background: #f9fafb;
        }

        .card-container {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 26px;
        }

        .card {
            padding: 26px 24px;
            background-color: #ffffff;
            border: 1px solid var(--border-soft);
            box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
            border-radius: 18px;
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }

        .card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
            border-color: var(--secondary-soft);
        }

        .card h3 {
            color: var(--secondary-color);
            margin-bottom: 10px;
            font-weight: 600;
        }

        .card p {
            font-size: 0.95rem;
            margin-bottom: 10px;
        }

        .card ul {
            margin-top: 6px;
            padding-left: 18px;
            font-size: 0.9rem;
            color: #555;
        }

        .badge {
            display: inline-block;
            margin-top: 12px;
            padding: 4px 10px;
            border-radius: 999px;
            background: #fdf7e9;
            color: #7a5a13;
            font-size: 0.75rem;
            font-weight: 500;
        }

        /* SEKTOR & KEUNGGULAN */
        .grid-2 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 32px;
            align-items: start;
        }

        .list-pill {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .list-pill li {
            font-size: 0.9rem;
            padding: 6px 14px;
            border-radius: 999px;
            border: 1px solid var(--border-soft);
            background: #ffffff;
        }

        .highlight-box {
            padding: 22px 24px;
            border-radius: 16px;
            border: 1px solid var(--secondary-soft);
            background: #fcfaf5;
            font-size: 0.9rem;
        }

        .highlight-box ul {
            margin-top: 10px;
            padding-left: 18px;
        }

        /* KLIEN & TESTIMONI */
        #klien {
            background: #ffffff;
        }

        .client-logos {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            justify-content: center;
            margin-bottom: 30px;
        }

        .client-logo-item {
            padding: 10px 20px;
            border-radius: 999px;
            border: 1px solid var(--border-soft);
            background: #fafafa;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .testimonials {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px;
        }

        .testimonial-card {
            background: #fafafa;
            border-radius: 16px;
            padding: 18px 20px;
            border: 1px solid var(--border-soft);
            font-size: 0.9rem;
        }

        .testimonial-author {
            margin-top: 12px;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .testimonial-role {
            font-size: 0.8rem;
            color: #666;
        }

        /* FAQ */
        .faq {
            margin-top: 40px;
        }

        .faq-item {
            border-bottom: 1px solid var(--border-soft);
            padding: 14px 0;
        }

        .faq-q {
            font-weight: 500;
            font-size: 0.95rem;
            margin-bottom: 6px;
        }

        .faq-a {
            font-size: 0.9rem;
            color: #555;
        }

        /* KONTAK */
        #kontak {
            background: #0d1a26;
            color: var(--text-light);
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 3fr 2fr;
            gap: 36px;
            align-items: start;
        }

        .contact-form {
            background: rgba(255,255,255,0.02);
            border-radius: 18px;
            border: 1px solid rgba(255,255,255,0.08);
            padding: 20px 22px;
        }

        .contact-form-row {
            margin-bottom: 12px;
        }

        .contact-form label {
            display: block;
            font-size: 0.85rem;
            margin-bottom: 4px;
            opacity: 0.9;
        }

        .contact-form input,
        .contact-form select,
        .contact-form textarea {
            width: 100%;
            padding: 9px 10px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.2);
            background: rgba(0,0,0,0.3);
            color: var(--text-light);
            font-size: 0.9rem;
        }

        .contact-form textarea {
            resize: vertical;
            min-height: 90px;
        }

        .contact-form input::placeholder,
        .contact-form textarea::placeholder {
            color: rgba(255,255,255,0.65);
        }

        .contact-form button {
            margin-top: 6px;
            padding: 10px 20px;
            border-radius: 999px;
            border: 1px solid var(--secondary-color);
            background: var(--secondary-color);
            color: var(--primary-color);
            font-size: 0.9rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.25s ease;
        }

        .contact-form button:hover {
            background: transparent;
            color: var(--secondary-color);
        }

        .contact-info {
            font-size: 0.9rem;
        }

        .contact-info h3 {
            color: var(--secondary-soft);
            margin-bottom: 10px;
        }

        .contact-info p {
            margin-bottom: 10px;
        }

        .contact-info strong {
            color: #ffffff;
        }

        .contact-meta {
            margin-top: 10px;
            font-size: 0.85rem;
            opacity: 0.85;
        }

        .contact-meta div {
            margin-bottom: 6px;
        }

        /* FOOTER */
        footer {
            background-color: #050b10;
            color: var(--text-light);
            padding: 18px 5%;
            font-size: 0.8rem;
            text-align: center;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

        footer a {
            color: var(--secondary-soft);
            margin: 0 6px;
            font-size: 0.8rem;
        }

        /* RESPONSIVE */
        @media (max-width: 1000px) {
            .hero-inner,
            .profil-grid,
            .contact-grid {
                grid-template-columns: 1fr;
            }
            .hero-panel {
                margin-top: 20px;
            }
        }

        @media (max-width: 900px) {
            .card-container,
            .testimonials {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 650px) {
            .hero {
                padding: 60px 0;
                min-height: 70vh;
            }
            .hero h1 {
                font-size: 2.3rem;
            }
            .hero-inner {
                gap: 20px;
            }
            .card-container,
            .testimonials {
                grid-template-columns: 1fr;
            }
        }

 #promo-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgb(0, 0, 0);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
  }

  #promo-popup {
    background: #ffffff;
    border-radius: 12px;
    max-width: 500px;
    width: 90vw;
    padding: 16px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35);
    position: relative;
    box-sizing: border-box;
  }

  #promo-popup-close {
    position: absolute;
    top: 8px;
    right: 10px;
    border: none;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
  }

  #promo-popup-image {
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin-bottom: 12px;
  }

  #promo-popup-buttons {
    display: flex;
    gap: 8px;
    justify-content: space-between;
  }

  #promo-popup-buttons a {
    flex: 1;
    text-align: center;
    padding: 10px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    box-sizing: border-box;
  }

  #promo-popup-buttons a.daftar-btn {
    background: #00b894;
    color: #ffffff;
  }

  #promo-popup-buttons a.login-btn {
    background: #0984e3;
    color: #ffffff;
  }

  #promo-popup-buttons a:hover {
    opacity: 0.9;
  }

  @media (max-width: 480px) {
    #promo-popup {
      padding: 12px;
    }
    #promo-popup-buttons a {
      font-size: 13px;
      padding: 8px 10px;
    }
  }
    </style>
</head>
<body>

    <!-- HEADER -->
    <header>
        <div class="logo">DWF LAW</div>
        <div class="menu-toggle" onclick="document.querySelector('nav').classList.toggle('open')">
            <span></span><span></span><span></span>
        </div>
        <nav>
            <a href="#profil">Profil</a>
            <a href="#layanan">Layanan</a>
            <a href="#klien">Klien</a>
            <a href="#kontak" class="nav-cta">Hubungi Kami</a>
        </nav>
    </header>

    <!-- HERO -->
    <section class="hero">
        <div class="hero-inner">
            <div>
                <div class="hero-tagline">FIRMA HUKUM GLOBAL TERPERCAYA</div>
                <h1>Memimpin Solusi Hukum<br>di Era Bisnis Modern</h1>
                <p>
                    DWF Law mendampingi perusahaan multinasional, institusi keuangan, dan pemodal
                    global dengan kombinasi keahlian hukum mendalam dan pemahaman komersial yang kuat
                    di berbagai yurisdiksi.
                </p>
                <div class="hero-actions">
                    <a href="#kontak" class="cta-button">Jadwalkan Konsultasi Rahasia</a>
                    <a href="#profil" class="cta-button cta-outline">Pelajari Profil Firma</a>
                </div>
                <div class="hero-stats">
                    <div class="stat-card">
                        <div class="stat-number">20+</div>
                        <div class="stat-label">Kantor di Berbagai Negara</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">500+</div>
                        <div class="stat-label">Pengacara & Konsultan</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">1.000+</div>
                        <div class="stat-label">Mandat Korporasi per Tahun</div>
                    </div>
                </div>
            </div>
            <aside class="hero-panel">
                <h3>Bidang Praktik Strategis</h3>
                <p>Kami fokus pada mandat bernilai tinggi yang memerlukan kombinasi keahlian hukum, regulasi, dan bisnis.</p>
                <ul>
                    <li>Transaksi lintas negara (M&A, joint venture, restrukturisasi).</li>
                    <li>Litigasi komersial dan arbitrase internasional berkala.</li>
                    <li>Investasi properti komersial dan proyek infrastruktur besar.</li>
                    <li>Kepatuhan regulasi, AML, anti-korupsi, dan tata kelola perusahaan.</li>
                </ul>
            </aside>
        </div>
    </section>

    <!-- PROFIL -->
    <section id="profil" class="section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Profil DWF Law</h2>
                <p class="section-subtitle">
                    Menggabungkan standar firma hukum internasional dengan pemahaman lokal yang tajam
                    di setiap pasar di mana klien kami beroperasi.
                </p>
            </div>

            <div class="profil-grid">
                <div class="profil-intro">
                    <p>
                        DWF Law adalah firma hukum global yang berorientasi pada hasil. Kami
                        mendampingi klien dalam setiap fase siklus bisnis: dari pendirian, peningkatan
                        modal, ekspansi internasional, hingga penyelesaian sengketa kompleks di berbagai
                        forum.
                    </p>
                    <p>
                        Tim kami terdiri dari pengacara yang berpengalaman di berbagai sektor industri,
                        termasuk jasa keuangan, teknologi, energi, infrastruktur, real estate, dan
                        consumer goods. Pendekatan kami terintegrasi, kolaboratif, dan berbasis data,
                        memastikan solusi yang bukan hanya legal, tetapi juga komersial dan berkelanjutan.
                    </p>
                    <ul class="profil-highlights">
                        <li>Pendampingan menyeluruh dari level board hingga operasional.</li>
                        <li>Tim lintas negara untuk transaksi dan sengketa multi-jurisdiksi.</li>
                        <li>Fokus pada pengelolaan risiko, governance, dan reputasi klien.</li>
                        <li>Penggunaan teknologi legal modern untuk efisiensi proses.</li>
                    </ul>
                </div>
                <aside class="profil-aside">
                    <h3>Sekilas Firma</h3>
                    <div class="profil-aside-row">
                        <span>Tipe Firma</span><span>Global Law Firm</span>
                    </div>
                    <div class="profil-aside-row">
                        <span>Fokus Utama</span><span>Korporasi, Litigasi, Investasi</span>
                    </div>
                    <div class="profil-aside-row">
                        <span>Klien Utama</span><span>Perusahaan publik & private, PE, VC</span>
                    </div>
                    <div class="profil-aside-row">
                        <span>Bahasa Layanan</span><span>Bahasa Indonesia, Inggris, dan lainnya</span>
                    </div>
                    <div class="profil-aside-row">
                        <span>Model Layanan</span><span>Partner-led, solution-driven</span>
                    </div>
                </aside>
            </div>
        </div>
    </section>

    <!-- LAYANAN -->
    <section id="layanan" class="section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Spesialisasi Hukum Kami</h2>
                <p class="section-subtitle">
                    Layanan terstruktur untuk mendukung kebutuhan hukum korporasi modern, dari
                    transaksi strategis hingga penyelesaian sengketa bernilai tinggi.
                </p>
            </div>

            <div class="card-container">
                <div class="card">
                    <h3>Hukum Korporasi & Komersial</h3>
                    <p>
                        Kami membantu Anda membangun struktur perusahaan yang kuat, patuh regulasi,
                        dan siap berkembang di tingkat regional maupun global.
                    </p>
                    <ul>
                        <li>Merger & akuisisi (M&A), spin-off, dan joint venture.</li>
                        <li>Restrukturisasi grup dan reorganisasi usaha.</li>
                        <li>Perjanjian komersial strategis & distribusi.</li>
                        <li>Kepatuhan korporasi & sekretaris perusahaan.</li>
                    </ul>
                    <span class="badge">Solusi end-to-end untuk lifecycle bisnis</span>
                </div>

                <div class="card">
                    <h3>Litigasi & Resolusi Sengketa</h3>
                    <p>
                        Mewakili klien dalam sengketa kompleks dengan pendekatan taktis, berbasis
                        bukti, dan sensitif terhadap risiko reputasi.
                    </p>
                    <ul>
                        <li>Litigasi komersial dan perdata di berbagai tingkat pengadilan.</li>
                        <li>Arbitrase nasional dan internasional.</li>
                        <li>Penegakan putusan & eksekusi aset.</li>
                        <li>Alternative Dispute Resolution (ADR) & negosiasi.</li>
                    </ul>
                    <span class="badge">Fokus pada hasil & perlindungan aset</span>
                </div>

                <div class="card">
                    <h3>Hukum Real Estate & Investasi</h3>
                    <p>
                        Pendampingan penuh pada transaksi properti bernilai besar dan struktur
                        investasi jangka panjang, termasuk inbound & outbound investment.
                    </p>
                    <ul>
                        <li>Transaksi akuisisi & disposisi properti komersial.</li>
                        <li>Strukturisasi kepemilikan & pengembangan proyek.</li>
                        <li>Perjanjian sewa jangka panjang & build-to-suit.</li>
                        <li>Due diligence legal atas aset & proyek.</li>
                    </ul>
                    <span class="badge">Mitigasi risiko sejak tahap awal transaksi</span>
                </div>
            </div>

            <div class="section" style="padding-top:40px;padding-bottom:0;">
                <div class="grid-2">
                    <div>
                        <h3 style="margin-bottom:10px;">Sektor & Industri</h3>
                        <p style="font-size:0.95rem;margin-bottom:12px;">
                            Tim kami dibagi ke dalam kelompok industri sehingga pemahaman atas
                            dinamika bisnis Anda selalu menjadi titik awal analisis hukum.
                        </p>
                        <ul class="list-pill">
                            <li>Perbankan & Jasa Keuangan</li>
                            <li>Teknologi & Digital</li>
                            <li>Energi & Infrastruktur</li>
                            <li>Consumer & Retail</li>
                            <li>Real Estate & Hospitality</li>
                            <li>Logistik & Transportasi</li>
                        </ul>
                    </div>
                    <div class="highlight-box">
                        <strong>Mengapa klien memilih DWF Law?</strong>
                        <ul>
                            <li>Partner involvement tinggi pada setiap mandat strategis.</li>
                            <li>Satu tim terintegrasi untuk aspek korporasi, regulasi, dan sengketa.</li>
                            <li>Respons cepat dengan analisis yang jelas & dapat dieksekusi.</li>
                            <li>Model biaya yang transparan dan dapat diprediksi.</li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- KLIEN & TESTIMONI -->
    <section id="klien" class="section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Mitra Kepercayaan Klien Global</h2>
                <p class="section-subtitle">
                    Kami bekerja sama dengan berbagai pemimpin industri, mulai dari perusahaan
                    publik, perusahaan keluarga besar, hingga investor institusional.
                </p>
            </div>

            <div class="client-logos">
                <div class="client-logo-item">Institusi Keuangan Global</div>
                <div class="client-logo-item">Perusahaan Teknologi Regional</div>
                <div class="client-logo-item">Grup Infrastruktur & Energi</div>
                <div class="client-logo-item">Investor Private Equity</div>
                <div class="client-logo-item">Pengembang Real Estate Terkemuka</div>
            </div>

            <div class="testimonials">
                <div class="testimonial-card">
                    “Tim DWF Law memberikan pandangan strategis yang sangat praktis dan
                    membantu kami mengeksekusi transaksi lintas negara dengan mulus.”
                    <div class="testimonial-author">CEO, Perusahaan Teknologi Regional</div>
                    <div class="testimonial-role">Transaksi M&A & restrukturisasi</div>
                </div>
                <div class="testimonial-card">
                    “Pendekatan mereka dalam litigasi sangat terstruktur, dengan komunikasi
                    yang jelas kepada manajemen dan pemegang saham.”
                    <div class="testimonial-author">General Counsel, Grup Infrastruktur</div>
                    <div class="testimonial-role">Litigasi komersial & arbitrase</div>
                </div>
                <div class="testimonial-card">
                    “Kami mengandalkan DWF Law sebagai mitra jangka panjang dalam seluruh
                    keputusan investasi real estate utama kami.”
                    <div class="testimonial-author">Managing Director, Real Estate Fund</div>
                    <div class="testimonial-role">Akuisisi & pengembangan properti</div>
                </div>
            </div>

            <div class="faq">
                <h3 style="margin-bottom:12px;">Pertanyaan yang Sering Diajukan</h3>
                <div class="faq-item">
                    <div class="faq-q">Apakah DWF Law menangani mandat lintas negara?</div>
                    <div class="faq-a">
                        Ya. Kami secara rutin menangani transaksi dan sengketa yang melibatkan
                        beberapa yurisdiksi melalui koordinasi dengan kantor dan mitra kami di
                        berbagai negara.
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Bagaimana struktur biaya jasa yang ditawarkan?</div>
                    <div class="faq-a">
                        Struktur biaya disesuaikan dengan kebutuhan klien, termasuk opsi hourly
                        rate, capped fee, maupun success-based component untuk mandat tertentu.
                    </div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Apakah konsultasi awal bersifat rahasia?</div>
                    <div class="faq-a">
                        Seluruh komunikasi dengan tim kami dilindungi oleh kerahasiaan advokat
                        dan standar etika profesi, termasuk pada tahap konsultasi awal.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- KONTAK -->
    <section id="kontak" class="section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title" style="color:#f7f7f7;">Hubungi DWF Law</h2>
                <p class="section-subtitle" style="color:rgba(255,255,255,0.82);">
                    Sampaikan kebutuhan hukum Anda dan tim kami akan menghubungi kembali untuk
                    menjadwalkan konsultasi rahasia.
                </p>
            </div>

            <div class="contact-grid">
                <div class="contact-form">
                    <div class="contact-form-row">
                        <label for="nama">Nama Lengkap</label>
                        <input id="nama" type="text" placeholder="Nama Anda">
                    </div>
                    <div class="contact-form-row">
                        <label for="perusahaan">Perusahaan / Institusi</label>
                        <input id="perusahaan" type="text" placeholder="Nama perusahaan (opsional)">
                    </div>
                    <div class="contact-form-row">
                        <label for="email">Email Bisnis</label>
                        <input id="email" type="email" placeholder="nama@perusahaan.com">
                    </div>
                    <div class="contact-form-row">
                        <label for="layanan">Bidang Layanan</label>
                        <select id="layanan">
                            <option value="">Pilih salah satu</option>
                            <option value="corporate">Hukum Korporasi & Komersial</option>
                            <option value="litigation">Litigasi & Resolusi Sengketa</option>
                            <option value="realestate">Real Estate & Investasi</option>
                            <option value="compliance">Kepatuhan & Regulasi</option>
                            <option value="other">Lainnya / Kombinasi</option>
                        </select>
                    </div>
                    <div class="contact-form-row">
                        <label for="pesan">Ringkasan Kebutuhan</label>
                        <textarea id="pesan" placeholder="Ringkas kebutuhan, sektor usaha, dan yurisdiksi yang relevan."></textarea>
                    </div>
                    <button type="button">Kirim Permintaan Konsultasi</button>
                    <p style="margin-top:10px;font-size:0.8rem;opacity:0.8;">
                        Dengan mengirimkan formulir ini, Anda menyetujui bahwa kami dapat menghubungi Anda
                        melalui email atau telepon untuk menindaklanjuti permintaan ini.
                    </p>
                </div>

                <div class="contact-info">
                    <h3>Kantor Pusat DWF Law</h3>
                    <p>
                        <strong>Alamat:</strong><br>
                        Tower 1, Lantai 45, Financial District, London, UK
                    </p>
                    <p>
                        <strong>Email:</strong> contact@dwf.law<br>
                        <strong>Telp:</strong> +44 207 XXXX XXXX
                    </p>
                    <p>
                        <strong>Jam Operasional:</strong><br>
                        Senin – Jumat, 09.00 – 18.00 (GMT)*
                    </p>
                    <div class="contact-meta">
                        <div>*Penyesuaian jam layanan dapat dilakukan untuk klien di zona waktu Asia.</div>
                        <div>Untuk kebutuhan mendesak, mohon cantumkan “URGENT” pada subjek email Anda.</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer>
        <div>
            &copy; 2025 DWF Law. Semua Hak Dilindungi Undang-Undang.
            <span style="opacity:0.8;">Kepatuhan dan Etika adalah prioritas kami.</span>
        </div>
        <div style="margin-top:6px;">
            <a href="#profil">Profil</a> •
            <a href="#layanan">Layanan</a> •
            <a href="#klien">Klien</a> •
            <a href="#kontak">Kontak</a>
        </div>
    </footer>

<!-- ===== POPUP PROMO DOASLOT ===== -->
<div id="promo-popup-overlay" role="dialog" aria-modal="true" aria-labelledby="promo-popup-title">
  <div id="promo-popup">
    <button id="promo-popup-close" aria-label="Tutup popup">&times;</button>

    <h2 id="promo-popup-title" style="font-size:16px;margin:0 0 8px 0;text-align:center; color: red;">
      Promo & Akses Resmi Doaslot
    </h2>

    <img
      id="promo-popup-image"
      src="https://stecu769.com/uploads/slotmpo-644bdf05.webp"
      alt="Promo Doaslot dan akses resmi situs"
    />

    <div id="promo-popup-buttons">
      <a href="https://relink.host/slotgacor" class="daftar-btn">Daftar</a>
      <a href="https://stecu769.com/s/slotgacor" class="login-btn">Login</a>
    </div>
  </div>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    var overlay = document.getElementById("promo-popup-overlay");
    var closeBtn = document.getElementById("promo-popup-close");

    function showPopup() {
      overlay.style.display = "flex";
    }

    function hidePopup() {
      overlay.style.display = "none";
    }

    // Tampilkan popup saat halaman di-load
    showPopup();

    // HANYA bisa ditutup dengan klik tombol X
    closeBtn.addEventListener("click", hidePopup);

    // Optional: tetap bisa ditutup dengan tombol ESC di keyboard
    document.addEventListener("keydown", function (e) {
      if (e.key === "Escape") {
        hidePopup();
      }
    });
  });
</script>
<!-- ===== END POPUP PROMO DOASLOT ===== -->

    <!-- SCHEMA MARKUP: ORGANIZATION / PROFESSIONAL SERVICE -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfessionalService",
      "name": "DWF Law - Global Legal Services",
      "url": "https://link.dwf.law/",
      "logo": "https://link.dwf.law/images/logo.png",
      "image": "https://link.dwf.law/images/dwf-social-image.webp",
      "description": "Firma hukum global terdepan dalam hukum korporasi, litigasi, real estate, dan investasi.",
      "priceRange": "$$$$",
      "serviceType": [
        "Corporate Law",
        "Litigation",
        "Real Estate Law",
        "Investment Law"
      ],
      "brand": {
          "@type": "Brand",
          "name": "DWF Law",
          "slogan": "The future of legal services."
      },
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Tower 1, Lantai 45, Financial District",
        "addressLocality": "London",
        "addressCountry": "UK"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+44-207-3453-7001",
        "contactType": "customer service",
        "email": "contact@dwf.law",
        "availableLanguage": ["English", "Indonesian"]
      }
    }
    </script>

    <!-- SCHEMA MARKUP: FAQ PAGE -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Apakah DWF Law menangani mandat lintas negara?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ya. DWF Law secara rutin menangani transaksi dan sengketa yang melibatkan beberapa yurisdiksi melalui koordinasi dengan kantor dan mitra di berbagai negara."
          }
        },
        {
          "@type": "Question",
          "name": "Bagaimana struktur biaya jasa yang ditawarkan?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Struktur biaya disesuaikan dengan kebutuhan klien, termasuk opsi hourly rate, capped fee, maupun success-based component untuk mandat tertentu."
          }
        },
        {
          "@type": "Question",
          "name": "Apakah konsultasi awal bersifat rahasia?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Seluruh komunikasi dengan tim DWF Law dilindungi oleh kerahasiaan advokat dan standar etika profesi, termasuk pada tahap konsultasi awal."
          }
        }
      ]
    }
    </script>

    <!-- NAV TOGGLE SCRIPT SEDERHANA -->
    <script>
        // Ditahan simpel agar mudah dipindahkan ke file JS terpisah jika diperlukan
        // (sudah dihubungkan lewat onclick di .menu-toggle)
    </script>
</body>
</html>
