:root{
            --bg:#f4f7fb;
            --card:#ffffff;
            --muted:#667085;
            --brand-1:#0b68d8;
            --brand-2:#0052a3;
            --accent:#ff6b35;
            --glass: rgba(255,255,255,0.6);
            --maxw:1200px;
            --radius:14px;
            --shadow-1: 0 6px 18px rgba(12, 24, 55, 0.08);
            --shadow-2: 0 10px 30px rgba(12,24,55,0.12);
        }

        *{box-sizing:border-box;margin:0;padding:0}
        html,body{height:100%}
        body{
            font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
            background:
                radial-gradient(1200px 600px at -10% 10%, rgba(6,92,186,0.06), transparent 8%),
                radial-gradient(800px 400px at 110% 90%, rgba(255,107,53,0.03), transparent 6%),
                var(--bg);
            color:#0b1220;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
            line-height:1.45;
        }
        .infinitum{
            color:#3a485a;
        }

        .infinitum:hover{
          color:#e7e7e7;
        }

        .container{
            max-width:var(--maxw);
            margin:0 auto;
            padding:0 20px;
            width:100%;
        }
        /* small local tweaks for this section */
            #reviews .stat { display:inline-block; min-width:80px; text-align:left; }
            #reviewForm input,#reviewForm textarea { font-family:inherit }

        /* Header */
        header{
            position:sticky;
            top:0;
            z-index:40;
            backdrop-filter: blur(6px);
            background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.55));
            border-bottom:1px solid rgba(15,23,42,0.04);
            box-shadow: var(--shadow-1);
            width:100%;
        }
        .header-inner{
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding:18px 20px;
            max-width:var(--maxw);
            margin:0 auto;
            width:100%;
        }
        .brand{
            display:flex;
            align-items:center;
            gap:14px;
        }
        .logo{
            display:inline-grid;
            place-items:center;
            background:linear-gradient(135deg,var(--brand-1),var(--brand-2));
            width:46px;
            height:46px;
            border-radius:10px;
            color:#fff;
            font-weight:700;
            font-family:Poppins,Inter;
            box-shadow: 0 6px 18px rgba(11,104,216,0.18);
            font-size:18px;
        }
        .brand .title{
            font-weight:700;
            font-size:1rem;
            color:#06203b;
        }
        .brand .sub{
            font-size:12px;
            color:var(--muted);
            margin-top:2px;
        }

        nav{
            display:flex;
            gap:18px;
            align-items:center;
        }
        nav a{
            color:#0b1220;
            text-decoration:none;
            font-weight:600;
            font-size:0.95rem;
            padding:8px 12px;
            border-radius:8px;
            transition:all .18s;
        }
        nav a:hover{
            background:rgba(11,104,216,0.06);
            color:var(--brand-2);
        }
        .cta-header{
            background: linear-gradient(135deg, #ff7a45, #ff4d1a);
            color:#fff;
            padding:10px 18px;
            border-radius:999px;
            font-weight:800;
            font-size:0.95rem;
            border:1px solid rgba(255,255,255,0.25);
            cursor:pointer;
            box-shadow:
                0 8px 20px rgba(255,107,53,0.22),
                inset 0 1px 0 rgba(255,255,255,0.25);
            display:inline-flex;
            align-items:center;
            gap:8px;
            transition:all .22s ease;
            letter-spacing:0.3px;
            text-decoration:none;
        }
        .cta-header:hover{
            transform:translateY(-2px);
            box-shadow:
                0 12px 28px rgba(255,107,53,0.28),
                inset 0 1px 0 rgba(255,255,255,0.25);
        }

        /* Mobile nav */
        .menu-btn{
            display:none;
            background:transparent;
            border:0;
            padding:8px;
            border-radius:8px;
            cursor:pointer;
        }
        .menu-icon{
            width:22px;
            height:2px;
            background:#0b1220;
            position:relative;
            display:block;
        }
        .menu-icon::before,.menu-icon::after{
            content:"";
            position:absolute;
            left:0;
            width:22px;
            height:2px;
            background:#0b1220;
            border-radius:2px;
        }
        .menu-icon::before{top:-7px}
        .menu-icon::after{top:7px}

        /* Hero */
        .hero{
            margin-top:22px;
            padding:56px 0 48px;
            position:relative;
        }
        .hero-grid{
            display:grid;
            grid-template-columns:1fr 480px;
            gap:40px;
            align-items:center;
            min-height:360px;
        }
        .hero-card{
            background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.78));
            border-radius:var(--radius);
            padding:36px;
            box-shadow:var(--shadow-2);
            border:1px solid rgba(9,30,66,0.04);
            display:flex;
            flex-direction:column;
            height:100%;
        }
        .hero-answers-card{
            background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.78));
            border-radius:var(--radius);
            padding:36px;
            box-shadow:var(--shadow-2);
            border:1px solid rgba(9,30,66,0.04);
            height:100%;
        }
        .map-card{
            background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.78));
            border-radius:var(--radius);
            padding:36px;
            box-shadow:var(--shadow-2);
            border:1px solid rgba(9,30,66,0.04);
            height:100%;
        }
        .sectionmap{
            display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:center
        }
        .eyebrow{
            display:inline-block;
            background:linear-gradient(90deg,var(--brand-1),var(--brand-2));
            color:white;
            padding:6px 10px;
            border-radius:999px;
            font-weight:700;
            font-size:12px;
            width:fit-content;
        }
        h1{
            font-family:Poppins,Inter;
            font-size:2.1rem;
            margin:14px 0 8px;
            line-height:1.05;
            color:#031027;
        }
        p.lead{
            color:var(--muted);
            font-size:1rem;
            margin-bottom:18px;
        }
        .hero-actions{
            display:flex;
            gap:12px;
            flex-wrap:wrap;
            align-items:center;
            justify-content:flex-start;
        }
        .btn-primary{
            background:linear-gradient(90deg,var(--accent),#ff4d1a);
            color:#fff;
            padding:12px 18px;
            border-radius:12px;
            border:0;
            font-weight:800;
            cursor:pointer;
            display:inline-flex;
            align-items:center;
            gap:10px;
            box-shadow:0 10px 30px rgba(255,107,53,0.15);
            transition:transform .14s, box-shadow .14s;
            text-decoration:none;
        }
        .btn-primary:hover{
            transform:translateY(-4px);
            box-shadow:0 18px 40px rgba(255,107,53,0.18);
        }

        .btn-whatsapp{
            background:#25D366;
            color:#fff;
            border:0;
            padding:10px 16px;
            border-radius:10px;
            font-weight:700;
            display:inline-flex;
            align-items:center;
            gap:10px;
            cursor:pointer;
            text-decoration:none;
            transition:background .18s;
        }
        .btn-whatsapp:hover{
            background:#1ebe5d;
        }

        .btn-title{
            background:linear-gradient(90deg,var(--accent),#ff4d1a);
            color:#fff;
            padding:30px 128px;
            border-radius:12px;
            border:0;
            font-weight:800;
            cursor:pointer;
            display:inline-flex;
            align-items:center;
            gap:10px;
            box-shadow:0 10px 30px rgba(255,107,53,0.15);
            transition:transform .14s, box-shadow .14s;
            margin:0 auto;
            text-decoration:none;
        }
        .btn-title:hover{
            transform:translateY(-4px);
            box-shadow:0 18px 40px rgba(255,107,53,0.18);
        }
        
        .btn-ghost{
            background:transparent;
            border:1px solid rgba(9,30,66,0.06);
            padding:10px 14px;
            border-radius:10px;
            color:#0b1220;
            cursor:pointer;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            gap:8px;
            transition:all .18s;
        }
        .btn-ghost:hover{
            background:rgba(9,30,66,0.03);
            border-color:rgba(9,30,66,0.12);
        }

        .hero-visual{
            padding:20px;
            border-radius:12px;
            background:linear-gradient(160deg, rgba(6,104,216,0.06), rgba(255,107,53,0.03));
            display:flex;
            align-items:center;
            justify-content:center;
            height:100%;
        }
        .truck{
            width:100%;
            max-width:420px;
            height:auto;
            display:block;
        }

        /* Services */
        .section{
            padding:64px 0;
        }
        .section h2{
            font-size:1.9rem;
            margin-bottom:18px;
            color:#031027;
            font-weight:800;
            text-align:center;
        }
        .grid-3{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:20px;
        }
        .card{
            background:var(--card);
            padding:22px;
            border-radius:12px;
            border:1px solid rgba(9,30,66,0.04);
            box-shadow:var(--shadow-1);
            transition:transform .18s,box-shadow .18s;
            display:flex;
            flex-direction:column;
        }
        .card:hover{
            transform:translateY(-8px);
            box-shadow:0 22px 50px rgba(6,24,66,0.12);
        }
        .icon-circle{
            width:62px;
            height:62px;
            border-radius:12px;
            display:grid;
            place-items:center;
            margin-bottom:14px;
            background:linear-gradient(135deg, rgba(11,104,216,0.12), rgba(255,107,53,0.04));
            font-size:26px;
        }
        .card h3{
            font-size:1.05rem;
            margin-bottom:8px;
        }
        .card p{
            color:var(--muted);
            font-size:0.95rem;
        }

        /* features list */
        .features{
            display:flex;
            gap:22px;
            align-items:flex-start;
            background:linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.45));
            padding:18px;
            border-radius:12px;
            border:1px solid rgba(9,30,66,0.03);
        }
        .features ul{
            list-style:none;
            padding-left:0;
            margin:0;
        }
        .features li{
            padding:10px 0;
            color:#13324a;
            font-weight:600;
        }

        /* Footer */
        footer{
            padding:48px 0;
            background:linear-gradient(180deg,#02172b,#041a2d);
            color:#cfe8ff;
            margin-top:32px;
            border-top-left-radius:20px;
            border-top-right-radius:20px;
            width:100%;
        }
        .footer-grid{
            display:flex;
            gap:24px;
            justify-content:space-between;
            align-items:flex-start;
            flex-wrap:wrap;
        }
        .footer-brand h3{
            color:#fff;
            margin-bottom:6px;
        }
        .footer-contacts{
            color:#cfe8ff;
        }
        .footer-contacts a{
            color:#fff;
            text-decoration:none;
            font-weight:700;
        }
        .footer-contacts a:hover{
            text-decoration:underline;
        }

        /* Floating mobile CTA */
        .mobile-cta{
            display:none;
            position:fixed;
            left:50%;
            transform:translateX(-50%);
            bottom:18px;
            z-index:90;
            background:linear-gradient(90deg,var(--accent),#ff4d1a);
            color:white;
            padding:12px 18px;
            border-radius:999px;
            box-shadow:0 12px 36px rgba(255,107,53,0.18);
            font-weight:800;
            border:none;
            cursor:pointer;
            text-decoration:none;
            white-space:nowrap;
        }

        /* Animations */
        .fade-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        .fade-up.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .fade-up.delay-1{transition-delay:0.08s}
        .fade-up.delay-2{transition-delay:0.16s}

        /* Tablet Responsive (768px - 980px) */
        @media (max-width:980px){
            .hero-grid{
                grid-template-columns:1fr 1fr;
            }
            .grid-3{
                grid-template-columns:repeat(2,1fr);
            }
            h1{
                font-size:1.8rem;
            }
            .section h2{
                font-size:1.6rem;
            }
        }

        /* Mobile Responsive (below 768px) */
        @media (max-width:768px){
            .container{
                padding:0 16px;
            }
            
            .header-inner{
                padding:12px 16px;
            }
            
            nav{
                display:none;
            }
            
            .menu-btn{
                display:block;
            }
            
            .brand .title{
                font-size:0.9rem;
            }
            
            .brand .sub{
                display:none;
            }
            
            .logo{
                width:40px;
                height:40px;
                font-size:16px;
            }
            
            .hero{
                margin-top:12px;
                padding:32px 0 32px;
            }
            
            .hero-grid{
                grid-template-columns:1fr;
                gap:24px;
            }
            
            .hero-card{
                padding:24px;
                text-align:center;
            }
            
            .hero-visual{
                order:2;
                padding:16px;
            }
            
            .eyebrow{
                margin:0 auto;
            }
            
            h1{
                font-size:1.6rem;
                margin:12px 0 8px;
            }
            
            p.lead{
                font-size:0.95rem;
            }
            
            .hero-actions{
                justify-content:center;
                flex-direction:column;
                width:100%;
            }
            
            .hero-actions .btn-primary,
            .hero-actions .btn-whatsapp,
            .hero-actions .btn-ghost{
                width:100%;
                justify-content:center;
            }
            
            .btn-title{
                padding:20px 40px;
                width:100%;
                justify-content:center;
                text-align:center;
            }
            
            .section{
                padding:48px 0;
            }
            
            .section h2{
                font-size:1.5rem;
                margin-bottom:24px;
            }
            
            .grid-3{
                grid-template-columns:1fr;
                gap:16px;
            }
            
            .card{
                padding:20px;
                text-align:center;
            }
            
            .icon-circle{
                margin:0 auto 14px;
            }
            
            .features{
                flex-direction:column;
                padding:16px;
            }
            
            .footer-grid{
                flex-direction:column;
                gap:24px;
                text-align:center;
            }
            
            footer{
                padding:36px 0;
            }
            
            .mobile-cta{
                display:block;
                width:calc(100% - 32px);
                max-width:400px;
                text-align:center;
                justify-content:center;
            }
        }

                        .faq-list{display:grid;gap:10px}
                .faq-item{border-radius:10px;overflow:hidden;border:1px solid rgba(9,30,66,0.04);background:var(--card)}
                .faq-q{
                    width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
                    background:transparent;border:0;cursor:pointer;font-weight:700;font-size:0.98rem;text-align:left;
                }
                .faq-q:focus{outline:3px solid rgba(11,104,216,0.12);outline-offset:2px}
                .faq-q .chev{transition:transform .22s ease;color:var(--muted);font-weight:800}
                .faq-item.open .faq-q .chev{transform:rotate(45deg)}
                .faq-a{
                    padding:0 16px 14px 16px;color:var(--muted);font-size:0.95rem;line-height:1.45;
                    max-height:0;overflow:hidden;transition:max-height .28s ease,opacity .22s ease;padding-top:0;opacity:0;
                }
                .faq-item.open .faq-a{opacity:1;padding-top:12px}
                @media (max-width:760px){ .hero-card{padding:14px} }

        /* Extra small mobile (below 400px) */
        @media (max-width:400px){
            h1{
                font-size:1.4rem;
            }
            
            .section h2{
                font-size:1.3rem;
            }
            
            .btn-primary,
            .btn-whatsapp,
            .btn-ghost{
                font-size:0.9rem;
                padding:10px 14px;
            }
            
            .btn-title{
                padding:16px 32px;
                font-size:0.9rem;
            }
            
            .hero-card{
                padding:20px;
            }
            
            .card{
                padding:16px;
            }
        }

/* Mobile Nav Overlay - Reparat pentru Responsive */
/* Mobile Nav Overlay - Reparat COMPLET */
#mobileNavOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  
  /* Fix pentru iOS Safari */
  min-height: -webkit-fill-available;
  max-height: 100vh;
  
  background: linear-gradient(
    180deg,
    rgba(2, 6, 23, 0.95),
    rgba(2, 6, 23, 0.98)
  );
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  
  z-index: 9999;
  overflow-y: auto;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  text-align: center;
  
  /* Asigură că stă fix în loc */
  transform: none !important;
  margin: 0 !important;
}

/* MEDIA QUERY FIX pentru 570px și sub */
@media (max-width: 570px) {
            .sectionmap{
            display:inline;
        }


            .hero-answers-card{
            background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.78));
            border-radius:var(--radius);
            padding:36px;
            box-shadow:var(--shadow-2);
            border:1px solid rgba(9,30,66,0.04);
            display:flex;
            flex-direction:column;
            height:100%;
        }
  #mobileNavOverlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    margin: 0 !important;
    
    /* Forțează centrarea */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

#mobileNavOverlay a {
  color: #fff;
  font-size: clamp(18px, 5vw, 22px);
  text-decoration: none;
  font-weight: 600;
  padding: 12px 24px;
  width: 90%;
  max-width: 280px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#mobileNavOverlay a:active {
  transform: scale(0.98);
  opacity: 0.9;
}

#mobileNavOverlay .call-btn {
  background: linear-gradient(90deg, #ff6b35, #ff4d1a);
  padding: 16px 28px;
  border-radius: 12px;
  font-weight: 700;
  font-size: clamp(16px, 4.5vw, 18px);
  margin-top: 10px;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width: auto;
  min-width: 220px;
}

/* VERY SMALL PHONES */
@media (max-width: 350px) {
  #mobileNavOverlay {
    gap: 14px;
    padding: 15px;
  }
  
  #mobileNavOverlay a {
    font-size: clamp(16px, 4.5vw, 18px);
    padding: 10px 20px;
  }
  
  #mobileNavOverlay .call-btn {
    padding: 14px 24px;
    min-width: 200px;
  }
}

/* Fix pentru probleme de scroll și dimensiune */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Dacă tot nu merge, încercă această variantă nucleară: */
#mobileNavOverlay.fix-position {
  position: fixed !important;
  inset: 0 !important; /* top, right, bottom, left = 0 */
  width: 100vw !important;
  height: 100vh !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}