* { margin:0; padding:0; box-sizing:border-box; }
        html { scroll-behavior: smooth; }
        body { font-family:'Inter',sans-serif; color:#374151; overflow-x:hidden; }

        .page-section { display:none; }
        .page-section.active { display:block; }

        .gradient-gold { background:linear-gradient(135deg,#C8A951,#D4BC6A); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .gradient-green { background:linear-gradient(135deg,#1B5E20,#2E7D32); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

        .btn-primary { background:#1B5E20; color:#fff; transition:all .3s ease; }
        .btn-primary:hover { background:#0D3B12; transform:translateY(-2px); box-shadow:0 8px 25px -5px rgba(27,94,32,.35); }
        .btn-gold { background:linear-gradient(135deg,#C8A951,#A68B3C); color:#fff; transition:all .3s ease; }
        .btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 25px -5px rgba(200,169,81,.4); }
        .btn-outline-white { border:2px solid rgba(255,255,255,.4); color:#fff; transition:all .3s ease; }
        .btn-outline-white:hover { background:#fff; color:#1B5E20; border-color:#fff; }

        .section-label { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.15em; color:#C8A951; margin-bottom:14px; }
        .section-label::before { content:''; width:28px; height:2px; background:#C8A951; border-radius:1px; }

        .hero-overlay { background:linear-gradient(135deg,rgba(10,26,13,.88) 0%,rgba(13,59,18,.75) 50%,rgba(27,94,32,.5) 100%); }

        .service-card { transition:all .35s cubic-bezier(.4,0,.2,1); border:1px solid #E5E7EB; position:relative; overflow:hidden; }
        .service-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#1B5E20,#C8A951); transform:scaleX(0); transform-origin:left; transition:transform .4s ease; }
        .service-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px -12px rgba(27,94,32,.12); border-color:rgba(27,94,32,.15); }
        .service-card:hover::after { transform:scaleX(1); }

        .stat-divider { position:relative; }
        .stat-divider::after { content:''; position:absolute; right:0; top:15%; height:70%; width:1px; background:rgba(200,169,81,.3); }
        .stat-divider:last-child::after { display:none; }
        @media(max-width:768px) { .stat-divider::after { display:none; } }

        .scroll-reveal { opacity:0; transform:translateY(25px); transition:all .7s cubic-bezier(.4,0,.2,1); }
        .scroll-reveal.visible { opacity:1; transform:translateY(0); }

        .img-zoom { overflow:hidden; }
        .img-zoom img { transition:transform .6s ease; }
        .img-zoom:hover img { transform:scale(1.05); }
        .bg-white\/95 {
            background-color: rgb(246 247 246) !important;
        }
        .nav-link-active { color:#C8A951 !important; }
        .bg-primary {
            --tw-bg-opacity: 1;
            background-color: rgb(27 94 32 / var(--tw-bg-opacity, 1)) !important;
        }
        .text-primary {
            --tw-text-opacity: 1;
            color: rgb(27 94 32 / var(--tw-text-opacity, 1)) !important;
        }
        .text-primary:hover {
            color: white !important;
        }
        .mobile-menu { transform:translateX(100%); transition:transform .35s cubic-bezier(.4,0,.2,1); }
        .mobile-menu.active { transform:translateX(0); }

        .process-line { position:relative; }
        .process-line::after { content:''; position:absolute; top:28px; left:calc(50% + 28px); width:calc(100% - 56px); height:2px; background:linear-gradient(90deg,#C8A951,#E5E7EB); }
        @media(max-width:768px) { .process-line::after { display:none; } }

        .country-flag { width:28px; height:20px; border-radius:2px; object-fit:cover; }

        /* ===== MODAL STYLES — ALL Z-INDEX IN CSS ===== */
        .modal-backdrop {
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            z-index: 9998;
            background: rgba(10, 26, 13, 0.65);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.35s ease;
        }
        .modal-backdrop.active {
            opacity: 1;
            visibility: visible;
        }

        .modal-wrapper {
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1rem;
            pointer-events: none;
        }
        .modal-wrapper.active {
            pointer-events: auto;
        }

        .modal-box {
            position: relative;
            width: 100%;
            max-width: 600px;
            max-height: calc(100vh - 2rem);
            transform: scale(0.9) translateY(20px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .modal-wrapper.active .modal-box {
            transform: scale(1) translateY(0);
            opacity: 1;
            visibility: visible;
        }

        .modal-glow-border {
            position: absolute;
            top: -3px; left: -3px; right: -3px; bottom: -3px;
            border-radius: 1.25rem;
            background: linear-gradient(135deg, #1B5E20, #C8A951, #1B5E20, #C8A951);
            background-size: 300% 300%;
            animation: glowShift 4s ease infinite;
            opacity: 0.7;
            filter: blur(6px);
            z-index: 0;
        }
        @keyframes glowShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .modal-inner {
            position: relative;
            z-index: 1;
            background: #fff;
            border-radius: 1.25rem;
            overflow: hidden;
        }

        .modal-input {
            width: 100%;
            padding: 14px 16px 14px 17px;
            border: 2px solid #E5E7EB;
            border-radius: 12px;
            font-size: 15px;
            color: #1F2937;
            background: #fff;
            outline: none;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;
        }
        .modal-down {
            width: 100%;
            padding: 14px 16px 14px 23px;
            border: 2px solid #E5E7EB;
            border-radius: 12px;
            font-size: 15px;
            color: #1F2937;
            background: #fff;
            outline: none;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;
        }
        .modal-input::placeholder { color: #9CA3AF; }
        .modal-input:focus {
            border-color: #1B5E20;
            box-shadow: 0 0 0 4px rgba(27, 94, 32, 0.08);
        }
        .modal-input.input-error {
            border-color: #EF4444 !important;
            box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1) !important;
            animation: inputShake 0.4s ease;
        }
        @keyframes inputShake {
            0%, 100% { transform: translateX(0); }
            20% { transform: translateX(-6px); }
            40% { transform: translateX(6px); }
            60% { transform: translateX(-4px); }
            80% { transform: translateX(4px); }
        }

        .modal-input-icon {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: #9CA3AF;
            pointer-events: none;
            transition: color 0.3s ease;
        }
        .modal-input:focus ~ .modal-input-icon,
        .modal-input:not(:placeholder-shown) ~ .modal-input-icon {
            color: #1B5E20;
        }

        .toast {
            position: fixed;
            bottom: 1.5rem;
            right: 1.5rem;
            z-index: 99999;
            background: #1B5E20;
            color: #fff;
            padding: 0.875rem 1.5rem;
            border-radius: 0.5rem;
            box-shadow: 0 10px 30px -5px rgba(27, 94, 32, 0.4);
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.875rem;
            font-weight: 500;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.4s ease;
            pointer-events: none;
        }
        .toast.show {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
        .ml-5 {
    margin-left: 31.40rem !important;
}