:root{
      --brand:#050a1d; --brand2:#1e3a8a; --accent:#fbbf24; --ink:#e5e7eb;
      --glass:rgba(255,255,255,.06);
      --g1:#0ea5e9; --g2:#6366f1; --g3:#fbbf24;
    }
    html,body{height:100%}
    body{
      font-family:'Poppins',sans-serif;
      color:var(--ink); scroll-behavior:smooth; min-height:100%;
      background:
        radial-gradient(1200px 600px at 0% 0%, rgba(59,130,246,.14), transparent 60%),
        radial-gradient(1200px 600px at 100% 10%, rgba(99,102,241,.14), transparent 60%),
        linear-gradient(180deg, #070f2a 0%, #0d1f63 45%, #0f2f8a 100%);
    }
    .container-max{max-width:1260px;margin:0 auto;padding:0 1rem}
    section{scroll-margin-top:110px}

    .skip-link{
      position:absolute; left:1rem; top:-100px; z-index:999;
      background:var(--accent); color:#07122f; padding:.75rem 1rem;
      border-radius:9999px; font-weight:800; box-shadow:0 10px 24px rgba(2,6,23,.35);
      transition:top .2s ease;
    }
    .skip-link:focus{top:1rem; outline:3px solid rgba(255,255,255,.75); outline-offset:3px}
    a:focus-visible, button:focus-visible, [role="button"]:focus-visible{
      outline:3px solid rgba(251,191,36,.85); outline-offset:3px;
    }

    .nav-wrap{position:sticky; top:0; z-index:90; padding:.85rem 0; backdrop-filter:blur(10px)}
    .nav{
      position:relative; border-radius:20px; padding:.68rem .85rem; max-width:1260px; margin:0 auto;
      background:linear-gradient(90deg, rgba(7,11,34,.94), rgba(14,43,135,.9));
      border:1px solid rgba(255,255,255,.14);
      box-shadow:inset 0 -8px 18px rgba(0,0,0,.28), 0 18px 48px rgba(2,6,23,.42);
      overflow:hidden; transition:padding .2s ease, box-shadow .2s ease, border-radius .2s ease;
    }
    .nav::before{
      content:""; position:absolute; inset:-1.5px; border-radius:22px; padding:1.5px; pointer-events:none;
      background:conic-gradient(from 0deg, rgba(255,255,255,.25), rgba(255,255,255,0) 25%, rgba(255,255,255,.25) 75%, rgba(255,255,255,0));
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite:xor; mask-composite:exclude; opacity:.28; filter:blur(.2px);
      animation:orb 12s linear infinite;
    }
    @keyframes orb{to{transform:rotate(360deg)}}
    .nav.shrink{padding:.52rem .75rem; box-shadow:inset 0 -6px 14px rgba(0,0,0,.24), 0 12px 34px rgba(2,6,23,.36)}

    .brand{display:flex;align-items:center;gap:12px}
    .brand-badge{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;
      background:radial-gradient(100% 100% at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,.08));
      border:1px solid rgba(255,255,255,.28); color:#fff; transition:transform .2s}
    .brand:hover .brand-badge{transform:translateY(-1px)}
    .brand-title{line-height:1.05}
    .ribbon{
      display:inline-flex; align-items:center; gap:6px;
      padding:.22rem .6rem; border-radius:9999px; margin-left:.4rem;
      background:rgba(251,191,36,.12); border:1px solid rgba(251,191,36,.35); color:#fff; font-size:11.5px; letter-spacing:.2px;
    }

    .nav-link{color:#fff;font-weight:700;padding:.62rem .9rem;border-radius:14px;position:relative;overflow:hidden;transform:translateZ(0); transition:background .18s ease, color .18s ease}
    .nav-link:hover{background:rgba(255,255,255,.08)}
    .nav-link.active{background:rgba(255,255,255,.075)}
    .nav-link:before{
      content:""; position:absolute; left:14px; right:14px; bottom:.5rem; height:2px; border-radius:9999px;
      background:linear-gradient(90deg, transparent, var(--accent), transparent); transform:scaleX(0);
      transform-origin:center; transition:transform .22s;
    }
    .nav-link:hover:before{transform:scaleX(1)}
    .nav-link.active:after{
      content:""; position:absolute; left:50%; bottom:.5rem; transform:translateX(-50%);
      width:26px; height:4px; border-radius:9999px; background:var(--accent); box-shadow:0 0 18px rgba(251,191,36,.95)
    }

    .lang-switcher{
      gap:.45rem; padding:.28rem; border-radius:9999px;
      background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .flag{
      width:28px;height:28px;border-radius:9999px;border:2px solid transparent;
      opacity:.82;transition:transform .18s ease, opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
      cursor:pointer; background:rgba(255,255,255,.08);
    }
    .flag:hover{opacity:1;transform:translateY(-1px)}
    .flag:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
    .flag.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px rgba(251,191,36,.16)}
    .incoterms-link{
      margin-left:.25rem;
      border:1px solid rgba(251,191,36,.30);
      background:rgba(251,191,36,.09);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .incoterms-link:before{display:none}
    .incoterms-link i{color:var(--accent)}
    .incoterms-link:hover{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.48)}

    #scrollProgress{position:fixed; top:0; left:0; height:3px; width:100%; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,#fbbf24,#ffe08a); z-index:100}

    #mnav{transition:transform .22s ease, opacity .22s ease; transform:translateY(-6px); opacity:0}
    #mnav.open{transform:translateY(0); opacity:1}
    #burger{
      display:none!important;
      width:40px;height:40px;align-items:center;justify-content:center;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.05);
      transition:background .18s ease,border-color .18s ease;
    }
    #burger:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
    #burger i{transition:transform .18s ease}
    #burger.is-open i{transform:rotate(90deg)}
    #mnav{display:none!important}
    @media (max-width:1023px){
      #burger{display:flex!important}
      #mnav.open{display:block!important}
    }
    .mobile-lang{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 0 .55rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.35rem}
    @media (max-width: 1023px){
      .nav-wrap{padding:.55rem .75rem}
      .nav{border-radius:18px;padding:.58rem .65rem}
      .nav.shrink{padding:.5rem .62rem}
      #mnav .nav-link{padding:.72rem .75rem;border-radius:12px}
      .ribbon{display:none}
    }

    .hero{isolation:isolate}
    .hero-overlay{position:absolute; inset:0; background:radial-gradient(120% 80% at 50% 0%, rgba(0,0,0,.35), rgba(0,0,0,.55))}
    .hero-grid{
      position:absolute; inset:0; background:
         linear-gradient(transparent 49%, rgba(255,255,255,.05) 50%),
         linear-gradient(90deg, transparent 49%, rgba(255,255,255,.05) 50%);
      background-size: 60px 60px; mask:radial-gradient(70% 50% at 50% 50%, #000 60%, transparent 100%);
      pointer-events:none; opacity:.6;
    }
    .parallax-layer{position:absolute; inset:0; pointer-events:none; mix-blend:screen}
    .blob{
      position:absolute; width:420px; height:420px; border-radius:50%;
      filter:blur(40px); opacity:.45;
      background:radial-gradient(circle at 30% 30%, rgba(14,165,233,.7), transparent 60%);
      animation:floatxy 12s ease-in-out infinite alternate;
    }
    .blob.b2{right:10%; top:10%; background:radial-gradient(circle at 60% 40%, rgba(99,102,241,.75), transparent 60%); animation-delay:.8s}
    .blob.b3{left:15%; bottom:8%; background:radial-gradient(circle at 50% 50%, rgba(251,191,36,.7), transparent 60%); animation-delay:1.4s}
    @keyframes floatxy{0%{transform:translate(-12px,-8px)}100%{transform:translate(12px,8px)}}

    .hero-clean-card{
      position:relative;
      max-width:860px;
      margin:0 auto;
      border-radius:28px;
      padding:clamp(1.6rem, 4vw, 3rem);
      text-align:center;
      color:#fff;
      background:linear-gradient(180deg, rgba(7,11,34,.76), rgba(7,20,58,.62));
      border:1px solid rgba(255,255,255,.18);
      box-shadow:0 28px 80px rgba(2,6,23,.48);
      backdrop-filter:blur(12px);
    }
    .hero-clean-card:before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:linear-gradient(135deg, rgba(255,255,255,.14), transparent 45%, rgba(251,191,36,.10));
    }
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.38rem .8rem;
      border-radius:999px;
      margin-bottom:1rem;
      font-size:.82rem;
      font-weight:700;
      color:#fff7d6;
      background:rgba(251,191,36,.12);
      border:1px solid rgba(251,191,36,.32);
    }
    .hero-clean-card h1{
      text-shadow:0 4px 22px rgba(0,0,0,.45);
      letter-spacing:-.035em;
    }
    .hero-clean-card p{
      max-width:720px;
      margin-left:auto;
      margin-right:auto;
    }
    .hero-actions{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:.85rem;
      flex-wrap:wrap;
      margin-top:1.5rem;
    }
    .hero-secondary{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      padding:.85rem 1.15rem;
      border-radius:999px;
      font-weight:700;
      color:#fff;
      background:rgba(255,255,255,.09);
      border:1px solid rgba(255,255,255,.20);
      transition:background .2s, transform .2s;
    }
    .hero-secondary:hover{background:rgba(255,255,255,.14); transform:translateY(-1px)}
    .hero-trust{
      display:flex;
      justify-content:center;
      gap:.7rem;
      flex-wrap:wrap;
      margin-top:1.1rem;
    }
    .hero-trust .trust-pill{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      padding:.55rem .85rem;
      border-radius:999px;
      font-size:.78rem;
      color:rgba(255,255,255,.92);
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.15);
    }
    .hero-stats{
      max-width:760px;
      margin-left:auto;
      margin-right:auto;
      margin-top:1rem;
    }
    @media (max-width:640px){
      .hero{min-height:84vh}
      .hero-clean-card{text-align:left; border-radius:22px}
      .hero-clean-card p{margin-left:0}
      .hero-actions{justify-content:flex-start}
      .hero-trust{justify-content:flex-start}
      .hero-stats{grid-template-columns:1fr; max-width:100%}
    }

    .glass{background:var(--glass); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.16)}
    .card{
      position:relative; background:var(--glass); border:1px solid rgba(255,255,255,.12);
      border-radius:1.1rem; backdrop-filter:blur(8px); transition:transform .28s, box-shadow .28s;
      transform-style:preserve-3d; perspective:800px;
    }
    .card:hover{transform:translateY(-6px) rotateX(1.2deg) rotateY(-1.2deg); box-shadow:0 26px 64px rgba(0,0,0,.32)}
    .card:before{
      content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:
        linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,0) 35%, rgba(255,255,255,.25));
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.35
    }
    .shine{position:relative;overflow:hidden}
    .shine:after{content:"";position:absolute;inset:-200% -40%; background:linear-gradient(60deg, transparent, rgba(255,255,255,.22), transparent); transform:translateX(-100%)}
    .shine:hover:after{animation:shine 1.1s}
    @keyframes shine{to{transform:translateX(100%)}}

    .title{position:relative;display:inline-block;color:#fff;font-weight:800}
    .title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;width:120px;height:4px;background:var(--accent);border-radius:2px}

    .about-card{height:100%; display:flex; flex-direction:column}
    .about-card .about-head{display:flex; flex-direction:column; align-items:center; text-align:center; gap:.85rem; margin-bottom:1rem}
    .about-card h4{line-height:1.25}
    .about-card p{font-size:15.5px; line-height:1.85; text-align:left}
    @media (max-width: 767px){
      .about-card p{text-align:center}
    }

    .stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
    .stat{border-radius:14px; border:1px solid rgba(255,255,255,.14); background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); padding:14px 16px}
    .stat h4{font-size:28px; font-weight:800; line-height:1.1}

    .gbtn{
      position:relative; display:inline-flex; align-items:center; gap:10px;
      padding:.9rem 1.2rem; border-radius:9999px; font-weight:700; color:#0b1b5a;
      background:linear-gradient(90deg, #fbbf24, #ffe08a);
      box-shadow:0 10px 28px rgba(251,191,36,.35);
    }

    .wave{display:block; width:100%; height:70px}
    .divider{height:1px; width:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); margin:2.7rem 0}

    .social-stack{
      position:fixed; right:16px; top:42%; z-index:60;
      display:flex; flex-direction:column; gap:8px;
    }
    .social-stack a{
      position:relative;
      width:42px; height:42px;
      display:grid; place-items:center;
      border-radius:9999px; color:#fff;
      border:1px solid rgba(255,255,255,.22);
      box-shadow:0 8px 18px rgba(2,6,23,.22);
      transform:translateZ(0);
      opacity:.88;
      transition:transform .18s ease, opacity .18s ease, box-shadow .18s ease, filter .18s ease;
    }
    .social-stack a:hover{
      transform:translateX(-2px);
      opacity:1;
      box-shadow:0 10px 22px rgba(2,6,23,.28);
      filter:saturate(1.05);
    }
    .social-stack a::before{
      content:attr(data-label);
      position:absolute; right:52px; top:50%;
      transform:translateY(-50%) translateX(6px);
      padding:.35rem .55rem;
      border-radius:9999px;
      background:rgba(7,11,34,.92);
      border:1px solid rgba(255,255,255,.14);
      color:#fff; font-size:12px; line-height:1;
      white-space:nowrap;
      opacity:0; pointer-events:none;
      transition:opacity .18s ease, transform .18s ease;
      box-shadow:0 8px 18px rgba(2,6,23,.22);
    }
    .social-stack a:hover::before{
      opacity:1;
      transform:translateY(-50%) translateX(0);
    }
    .wa{background:#25D366} .vi{background:#7360F2} .fb{background:#1877F2} .ln{background:#0A66C2}
    @media (max-width: 1023px){ .social-stack{display:none} }

    #toTop{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:9999px;display:none;place-items:center;background:var(--brand2);color:#fff;box-shadow:0 10px 25px rgba(2,6,23,.35)}

    .icon-badge{
      width:56px; height:56px; display:grid; place-items:center; border-radius:9999px;
      background:var(--brand2); color:#fff; border:2px solid rgba(255,255,255,.35);
      box-shadow:0 8px 20px rgba(30,58,138,.35), inset 0 1px 0 rgba(255,255,255,.35);
    }
    .icon-badge i{font-size:1.15rem; line-height:1}
    .icon-badge.sm{width:44px; height:44px}

    .contact-card-clean{
      min-height:220px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      text-align:center;
      padding:1.75rem 1.35rem;
    }
    .contact-card-clean .icon-badge{
      margin:0 auto 1rem;
    }
    .contact-card-clean h4{
      color:#facc15;
      font-weight:700;
      font-size:1.25rem;
      margin-bottom:1rem;
    }
    .contact-info-list{
      display:grid;
      gap:.65rem;
      width:100%;
      max-width:360px;
      margin:0 auto;
      color:#dbeafe;
      line-height:1.55;
    }
    .contact-info-row{
      display:flex;
      justify-content:center;
      align-items:flex-start;
      gap:.65rem;
    }
    .contact-info-row i{
      color:#facc15;
      margin-top:.28rem;
      width:18px;
      flex:0 0 18px;
      text-align:center;
    }
    .contact-info-row a{
      text-decoration:underline;
      text-decoration-color:#facc15;
      text-underline-offset:4px;
    }
    .phone-stack{
      display:grid;
      gap:.25rem;
      text-align:center;
    }
    .phone-stack a{
      text-decoration:none;
      color:#dbeafe;
      white-space:nowrap;
    }
    .phone-stack a:hover{
      color:#fff;
      text-decoration:underline;
      text-decoration-color:#facc15;
      text-underline-offset:4px;
    }
    .maps-section .grid{
      width:100%;
      max-width:1180px;
      margin-left:auto;
      margin-right:auto;
    }

    .maps-card-clean{
      position:relative;
      overflow:hidden;
      border-radius:1.25rem;
      background:
        radial-gradient(640px 280px at 12% -14%, rgba(251,191,36,.13), transparent 58%),
        radial-gradient(720px 320px at 110% 4%, rgba(30,58,138,.34), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
      border:1px solid rgba(255,255,255,.16)!important;
      box-shadow:0 22px 58px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.14);
      isolation:isolate;
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .maps-card-clean:hover{
      transform:translateY(-4px);
      border-color:rgba(251,191,36,.30)!important;
      box-shadow:0 28px 76px rgba(2,6,23,.42), 0 0 0 1px rgba(251,191,36,.10), inset 0 1px 0 rgba(255,255,255,.16);
    }
    .maps-card-clean::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      border-radius:inherit;
      background:
        linear-gradient(135deg, rgba(255,255,255,.16), transparent 36%, rgba(251,191,36,.08)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 18px);
      opacity:.48;
      z-index:0;
    }
    .maps-card-clean::after{
      content:"";
      position:absolute;
      left:1.2rem;
      right:1.2rem;
      top:0;
      height:3px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, rgba(251,191,36,.92), rgba(255,255,255,.62), rgba(251,191,36,.88), transparent);
      box-shadow:0 0 20px rgba(251,191,36,.36);
      z-index:2;
    }

    .maps-card-clean .map-head{
      position:relative;
      z-index:1;
      padding:1.35rem 1.35rem .95rem;
      display:flex;
      align-items:flex-start;
      gap:1rem;
      background:
        linear-gradient(180deg, rgba(30,58,138,.26), rgba(5,10,29,.03)),
        linear-gradient(90deg, rgba(255,255,255,.055), transparent 70%);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .maps-card-clean .icon-badge.sm{
      width:52px;
      height:52px;
      flex:0 0 52px;
      background:
        radial-gradient(circle at 32% 26%, rgba(255,255,255,.22), transparent 36%),
        linear-gradient(145deg, #1e3a8a, #07122f);
      color:#fff;
      border:1px solid rgba(255,255,255,.26);
      box-shadow:0 14px 30px rgba(2,6,23,.34), 0 0 0 5px rgba(251,191,36,.08), inset 0 1px 0 rgba(255,255,255,.28);
    }
    .maps-card-clean .icon-badge.sm i{
      color:#fff;
      font-size:1.08rem;
    }
    .maps-card-clean h3{
      color:#fff;
      font-weight:800;
      font-size:1.22rem;
      line-height:1.25;
      margin-bottom:.42rem;
      letter-spacing:-.015em;
      text-shadow:0 8px 22px rgba(0,0,0,.28);
    }
    .maps-card-clean p{
      color:#dbeafe;
      line-height:1.6;
      font-size:.98rem;
    }
    .maps-card-clean p i{
      color:var(--accent)!important;
      filter:drop-shadow(0 0 8px rgba(251,191,36,.34));
    }

    .map-actions{
      position:relative;
      z-index:1;
      padding:1rem 1.35rem 1.15rem;
      margin:0;
      background:linear-gradient(180deg, rgba(5,10,29,.08), rgba(5,10,29,.18));
    }
    .map-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.58rem;
      border-radius:9999px;
      padding:.76rem 1.16rem;
      min-height:46px;
      font-weight:800;
      color:#07122f;
      background:linear-gradient(90deg,#fbbf24,#ffe08a 52%,#fbbf24);
      background-size:185% 100%;
      border:1px solid rgba(255,224,138,.72);
      box-shadow:0 14px 28px rgba(251,191,36,.22), inset 0 1px 0 rgba(255,255,255,.50);
    }
    .map-btn i{
      color:#07122f;
      font-size:1rem;
    }
    .map-btn:hover{
      filter:saturate(1.08) brightness(1.03);
      background-position:100% 0;
      box-shadow:0 18px 34px rgba(251,191,36,.28), inset 0 1px 0 rgba(255,255,255,.58);
    }

    .map-shell{
      position:relative;
      z-index:1;
      margin:0 1.05rem 1.05rem;
      padding:.38rem;
      border-radius:1.12rem;
      background:
        linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04)),
        linear-gradient(135deg, rgba(251,191,36,.20), rgba(30,58,138,.24));
      border:1px solid rgba(255,255,255,.15);
      box-shadow:0 18px 42px rgba(2,6,23,.32);
    }
    .map-shell::before{
      content:"";
      position:absolute;
      inset:.38rem .38rem auto .38rem;
      height:66px;
      pointer-events:none;
      z-index:2;
      border-radius:.82rem .82rem 0 0;
      background:linear-gradient(180deg, rgba(5,10,29,.28), rgba(5,10,29,.02));
    }
    .map-shell::after{
      content:"";
      position:absolute;
      right:1rem;
      top:1rem;
      z-index:3;
      display:none;
      align-items:center;
      gap:.35rem;
      padding:.42rem .7rem;
      border-radius:999px;
      color:#07122f;
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.01em;
      background:linear-gradient(90deg, rgba(251,191,36,.94), rgba(255,224,138,.94));
      box-shadow:0 10px 24px rgba(2,6,23,.26);
      pointer-events:none;
    }
    .map-frame{
      width:100%;
      height:350px;
      border:0;
      border-radius:.82rem;
      display:block;
      overflow:hidden;
      filter:saturate(.90) contrast(1.04) brightness(.93);
      background:#07122f;
    }

    @media (max-width:768px){
      .maps-card-clean .map-head{
        padding:1.15rem 1.1rem .9rem;
        gap:.8rem;
      }
      .maps-card-clean .icon-badge.sm{
        width:46px;
        height:46px;
        flex-basis:46px;
      }
      .map-actions{
        padding:.95rem 1.1rem 1rem;
      }
      .map-shell{
        margin:0 .8rem .8rem;
        border-radius:1rem;
      }
      .map-shell::after{
        display:none;
      }
      .map-frame{
        height:300px;
      }
    }

    .gbtn,
    .map-btn,
    .hero-secondary,
    .cta-link{
      min-height:44px;
      line-height:1;
      transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, filter .18s ease;
      white-space:nowrap;
    }
    .gbtn:hover,
    .map-btn:hover,
    .hero-secondary:hover,
    .cta-link:hover{
      transform:translateY(-2px);
    }
    .gbtn,
    .map-btn,
    .cta-link.primary{
      box-shadow:0 10px 24px rgba(251,191,36,.24);
    }
    .hero-actions,
    .map-actions,
    .cta-actions{
      display:flex;
      align-items:center;
      gap:.75rem;
      flex-wrap:wrap;
    }
    .hero-actions{
      justify-content:center;
      margin-top:1.55rem;
    }
    .map-actions{
      margin:.85rem 0 1rem;
    }
    .cta-actions{
      justify-content:center;
    }
    .cta-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.55rem;
      padding:.72rem 1.05rem;
      border-radius:9999px;
      font-weight:700;
      border:1px solid rgba(255,255,255,.2);
    }
    .cta-link.secondary{
      background:rgba(255,255,255,.1);
      color:#fff;
    }
    .cta-link.primary{
      background:linear-gradient(90deg,#fbbf24,#ffe08a);
      color:#0b1b5a;
      border-color:rgba(251,191,36,.35);
    }
    #about,
    #services,
    #contact{
      padding-top:4.75rem;
      padding-bottom:4.75rem;
    }
    section[aria-label="locations"],
    .maps-section{
      padding-top:4.25rem;
      padding-bottom:4.75rem;
    }
    #services .glass,
    #contact .grid,
    .maps-section .grid{
      margin-top:.25rem;
    }
    @media (max-width:768px){
      #about,
      #services,
      #contact,
      .maps-section{
        padding-top:3.5rem;
        padding-bottom:3.5rem;
      }
      .hero-actions,
      .cta-actions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
      }
      .hero-actions a,
      .cta-actions a{
        width:100%;
        justify-content:center;
      }
      .map-actions{
        justify-content:center;
      }
      .map-btn{
        width:100%;
        justify-content:center;
      }
    }
    @media (hover:none){
      .gbtn:hover,
      .map-btn:hover,
      .hero-secondary:hover,
      .cta-link:hover{
        transform:none;
      }
    }
    @media (max-width:768px){
      .contact-card-clean{min-height:auto}
      .map-frame{height:300px}
    }

    #services .grid{align-items:stretch}
    #services .card{
      height:100%;
      display:flex;
      flex-direction:column;
      padding:1.65rem;
    }
    #services .card .flex.items-center{
      align-items:flex-start;
      gap:.9rem;
      margin-bottom:.75rem;
    }
    #services .card h4{
      line-height:1.25;
      margin-top:.15rem;
    }
    #services .card p,
    #services .card ul{
      font-size:.96rem;
      line-height:1.75;
      color:#dbeafe;
    }
    #services .card ul{
      margin-top:.25rem;
    }
    #services .card li{
      margin-bottom:.28rem;
      padding-left:.15rem;
    }
    #services .icon-badge.sm{
      flex:0 0 44px;
    }
    #services .glass.mx-auto.max-w-5xl{
      border-radius:1.25rem;
      box-shadow:0 18px 45px rgba(2,6,23,.26);
    }
    @media (max-width:768px){
      #services .card{padding:1.35rem}
      #services .card p,
      #services .card ul{font-size:.94rem;line-height:1.7}
    }

    .hero-grid{display:none!important;}

    @media (hover:hover) and (pointer:fine){
      .card:hover{
        transform:translateY(-4px);
        box-shadow:0 20px 48px rgba(0,0,0,.28);
      }
      .shine:hover:after{animation:shine .85s ease-out}
    }

    @media (hover:none), (pointer:coarse){
      .card:hover{transform:none; box-shadow:none}
      .shine:after{display:none}
      .social-stack a:hover{transform:none}
    }

    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
      }
    }

    @media (max-width: 1023px){
      section{scroll-margin-top:92px}
      .container-max{padding-left:1.25rem; padding-right:1.25rem}
      .title{line-height:1.18}
      .stats{max-width:560px; margin-left:auto; margin-right:auto}
      .card{border-radius:1rem}
    }

    @media (max-width: 767px){
      body{
        background:
          radial-gradient(900px 420px at 0% 0%, rgba(59,130,246,.12), transparent 60%),
          linear-gradient(180deg, #070f2a 0%, #0d1f63 48%, #0f2f8a 100%);
      }
      section{padding-top:4rem!important; padding-bottom:4rem!important}
      .container-max{padding-left:1rem; padding-right:1rem}
      .hero{min-height:82vh}
      .hero .glass{padding:1.45rem!important; border-radius:1.15rem}
      .stats{grid-template-columns:1fr; gap:.65rem}
      .stat{padding:.8rem 1rem}
      .stat h4{font-size:24px}
      .title{font-size:1.85rem}
      .title:after{width:86px; height:3px; bottom:-8px}
      .card{padding:1.15rem!important}
      .card p,.card li{font-size:15px; line-height:1.75}
      .icon-badge{width:50px; height:50px}
      .icon-badge.sm{width:42px; height:42px; flex:0 0 auto}
      .gbtn{padding:.78rem 1rem; font-size:.95rem}
    }

    @media (max-width: 420px){
      .brand-badge{width:40px;height:40px;border-radius:12px}
      .brand-title .text-lg{font-size:1rem}
      .nav{border-radius:16px}
      .hero h1{font-size:2rem!important}
      .hero p{font-size:1rem!important}
    }

    img, svg, iframe{max-width:100%}
    a, button{-webkit-tap-highlight-color:rgba(251,191,36,.22)}

    #burger{display:none!important}
    #mnav{display:none!important}
    @media (max-width:1023px){
      #burger{display:flex!important}
      #mnav.open{display:block!important}
    }
    @media (min-width:1024px){
      #burger,#mnav{display:none!important}
    }

    @media (min-width:1024px) and (max-width:1160px){
      .nav-link{padding:.56rem .68rem;font-size:.94rem}
      .brand{gap:9px}
      .brand-badge{width:42px;height:42px}
      .ribbon{font-size:10.5px;padding:.18rem .45rem;margin-left:.25rem}
    }

    .contact-info-list,
    .maps-card-clean p,
    .phone-stack{overflow-wrap:anywhere}
    .phone-stack a{display:inline-block}

    @media (max-width:767px){
      .nav-wrap{padding:.5rem .65rem}
      .brand-title{max-width:calc(100vw - 130px)}
      .brand-title .text-lg,
      .brand-title .md\:text-xl{white-space:nowrap}
      .hero-clean-card{padding:1.35rem!important}
      .hero-actions a,
      .cta-actions a,
      .map-btn{min-height:46px}
      #about .grid,
      #services .grid,
      #contact .grid,
      .maps-section .grid{gap:1rem}
      .contact-info-row{gap:.5rem}
      .map-frame{height:clamp(260px, 70vw, 320px)}
      #toTop{right:16px;bottom:16px;width:42px;height:42px}
    }

    @media (max-width:380px){
      .container-max{padding-left:.85rem;padding-right:.85rem}
      .brand-title .text-lg,
      .brand-title .md\:text-xl{font-size:.95rem!important}
      .nav{padding:.5rem}
      .hero h1{font-size:1.82rem!important}
      .contact-card-clean{padding:1.25rem 1rem!important}
    }

    @media (hover:none), (pointer:coarse){
      .blob{filter:blur(34px);opacity:.34}
      .nav::before{animation-duration:18s}
    }

    .maps-section .grid{
      max-width:1120px;
      gap:1.35rem;
    }
    .maps-card-clean{
      border-radius:1.1rem!important;
      background:
        radial-gradient(760px 340px at 0% 0%, rgba(30,58,138,.26), transparent 58%),
        radial-gradient(620px 260px at 100% 0%, rgba(251,191,36,.08), transparent 52%),
        rgba(255,255,255,.06)!important;
      border:1px solid rgba(255,255,255,.14)!important;
      box-shadow:0 18px 45px rgba(2,6,23,.28)!important;
      backdrop-filter:blur(10px);
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .maps-card-clean:hover{
      transform:translateY(-4px);
      border-color:rgba(251,191,36,.24)!important;
      box-shadow:0 22px 56px rgba(2,6,23,.34), 0 0 0 1px rgba(251,191,36,.08)!important;
    }
    .maps-card-clean::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      padding:1px;
      pointer-events:none;
      opacity:.38;
      z-index:2;
      background:linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,0) 38%, rgba(251,191,36,.22));
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
    }
    .maps-card-clean::after{
      content:"";
      position:absolute;
      left:1.25rem;
      right:1.25rem;
      top:0;
      height:3px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, var(--accent), transparent);
      box-shadow:0 0 18px rgba(251,191,36,.34);
      z-index:3;
    }
    .maps-card-clean .map-head{
      position:relative;
      z-index:1;
      padding:1.35rem 1.35rem 1rem;
      display:flex;
      align-items:flex-start;
      gap:.9rem;
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0));
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    .maps-card-clean .icon-badge.sm{
      width:44px;
      height:44px;
      flex:0 0 44px;
      border-radius:9999px;
      background:var(--brand2);
      color:#fff;
      border:2px solid rgba(255,255,255,.35);
      box-shadow:0 8px 20px rgba(30,58,138,.35), inset 0 1px 0 rgba(255,255,255,.35);
    }
    .maps-card-clean .icon-badge.sm i{
      color:#fff;
      font-size:1.05rem;
      filter:none;
    }
    .maps-card-clean h3{
      color:#facc15;
      font-size:1.2rem;
      font-weight:700;
      line-height:1.25;
      margin-bottom:.5rem;
      letter-spacing:0;
      text-shadow:none;
    }
    .maps-card-clean p{
      color:#dbeafe;
      font-size:.96rem;
      line-height:1.65;
    }
    .maps-card-clean p i{
      color:#facc15!important;
      filter:none;
    }
    .maps-card-clean .map-actions{
      position:relative;
      z-index:1;
      padding:1rem 1.35rem 1.05rem;
      margin:0!important;
      background:transparent;
      justify-content:flex-start;
    }
    .maps-card-clean .map-btn{
      min-height:44px;
      padding:.72rem 1.05rem;
      gap:.55rem;
      border-radius:9999px;
      font-weight:700;
      color:#0b1b5a;
      background:linear-gradient(90deg,#fbbf24,#ffe08a);
      border:1px solid rgba(251,191,36,.35);
      box-shadow:0 10px 24px rgba(251,191,36,.24);
      background-size:100% 100%;
    }
    .maps-card-clean .map-btn i{
      color:#0b1b5a;
      font-size:.95rem;
    }
    .maps-card-clean .map-btn:hover{
      transform:translateY(-2px);
      filter:saturate(1.04);
      box-shadow:0 14px 30px rgba(251,191,36,.28);
    }
    .maps-card-clean .map-shell{
      position:relative;
      z-index:1;
      margin:0 1.15rem 1.15rem;
      padding:.32rem;
      border-radius:1rem;
      background:
        linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
        #07122f;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 14px 34px rgba(2,6,23,.30);
    }
    .maps-card-clean .map-shell::before{
      content:"";
      position:absolute;
      inset:.32rem .32rem auto .32rem;
      height:54px;
      z-index:2;
      pointer-events:none;
      border-radius:.76rem .76rem 0 0;
      background:linear-gradient(180deg, rgba(7,18,47,.24), rgba(7,18,47,0));
    }
    .maps-card-clean .map-shell::after{
      display:none!important;
    }
    .maps-card-clean .map-frame{
      width:100%;
      height:340px;
      border:0;
      border-radius:.76rem;
      display:block;
      background:#07122f;
      filter:saturate(.82) contrast(1.05) brightness(.94);
    }
    @media (max-width:768px){
      .maps-card-clean .map-head{
        padding:1.15rem 1.1rem .95rem;
        gap:.75rem;
      }
      .maps-card-clean .map-actions{
        padding:.95rem 1.1rem 1rem;
        justify-content:center;
      }
      .maps-card-clean .map-btn{
        width:100%;
        justify-content:center;
      }
      .maps-card-clean .map-shell{
        margin:0 .85rem .85rem;
        border-radius:.95rem;
      }
      .maps-card-clean .map-frame{
        height:clamp(260px,70vw,320px);
      }
    }

    .privacy-link{
      margin-left:.35rem;
      color:#fff;
      text-decoration:underline;
      text-decoration-color:var(--accent);
      text-underline-offset:4px;
      background:transparent;
      border:0;
      padding:.15rem .25rem;
      border-radius:.5rem;
      cursor:pointer;
      font:inherit;
    }
    .privacy-link:hover{
      color:#fff7d6;
      background:rgba(251,191,36,.10);
    }
    .privacy-modal{
      position:fixed;
      inset:0;
      z-index:120;
      display:none;
      align-items:center;
      justify-content:center;
      padding:1rem;
      background:rgba(2,6,23,.72);
      backdrop-filter:blur(8px);
    }
    .privacy-modal.open{display:flex}
    .privacy-dialog{
      width:min(720px, 100%);
      max-height:min(82vh, 760px);
      overflow:auto;
      border-radius:1.25rem;
      color:#e5e7eb;
      background:
        radial-gradient(620px 260px at 0% 0%, rgba(251,191,36,.11), transparent 58%),
        linear-gradient(180deg, rgba(7,11,34,.98), rgba(10,28,86,.96));
      border:1px solid rgba(255,255,255,.16);
      box-shadow:0 28px 90px rgba(2,6,23,.62);
    }
    .privacy-dialog header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      padding:1.1rem 1.25rem;
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    .privacy-dialog h2{
      color:#fff;
      font-weight:800;
      font-size:1.25rem;
      letter-spacing:-.01em;
    }
    .privacy-close{
      width:40px;
      height:40px;
      display:grid;
      place-items:center;
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
    }
    .privacy-close:hover{background:rgba(255,255,255,.13)}
    .privacy-content{
      padding:1.25rem;
      display:grid;
      gap:.95rem;
      line-height:1.75;
      color:#dbeafe;
    }
    .privacy-content strong{color:#facc15}
    .privacy-content a{
      color:#fff;
      text-decoration:underline;
      text-decoration-color:var(--accent);
      text-underline-offset:4px;
    }
    @media (max-width:480px){
      .privacy-dialog{border-radius:1rem}
      .privacy-dialog header,
      .privacy-content{padding:1rem}
    }

    @media (max-width:430px){
      .nav-link{font-size:.95rem}
      .contact-info-row,
      .maps-card-clean .map-head{
        align-items:flex-start;
      }
      .cta-link,
      .gbtn,
      .hero-secondary,
      .map-btn{
        white-space:normal;
        text-align:center;
      }
      footer .container-max{
        line-height:1.7;
      }
    }

:root{
  --scroll-bg-image: none;
  --scroll-y: 0px;
  --scroll-soft-blue: rgba(7, 18, 47, .54);
  --scroll-glass: rgba(255,255,255,.075);
}

html{
  background:#07122f;
}

body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(900px 520px at 8% 0%, rgba(59,130,246,.20), transparent 62%),
    radial-gradient(900px 560px at 100% 12%, rgba(251,191,36,.10), transparent 58%),
    linear-gradient(180deg, #07122f 0%, #0b2150 52%, #0f2f8a 100%) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:-8vh 0;
  z-index:-3;
  pointer-events:none;
  background-image:var(--scroll-bg-image);
  background-size:cover;
  background-position:center calc(50% + (var(--scroll-y) * -0.10));
  background-repeat:no-repeat;
  opacity:.30;
  filter:saturate(1.08) contrast(1.04);
  transform:translate3d(0, calc(var(--scroll-y) * -0.018), 0) scale(1.045);
  will-change:transform, background-position;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(2,6,23,.40), rgba(2,6,23,.48)),
    radial-gradient(circle at 18% 18%, rgba(14,165,233,.18), transparent 38%),
    radial-gradient(circle at 82% 20%, rgba(251,191,36,.10), transparent 30%),
    linear-gradient(115deg, transparent 0 47%, rgba(255,255,255,.035) 47.2% 47.55%, transparent 47.8%);
}

.scroll-light-trail{
  position:fixed;
  left:-18vw;
  right:-18vw;
  top:0;
  height:160px;
  z-index:-1;
  pointer-events:none;
  opacity:.38;
  transform:translate3d(calc(var(--scroll-y) * .12), calc(20px + var(--scroll-y) * .10), 0) rotate(-8deg);
  background:
    linear-gradient(90deg, transparent 0%, rgba(56,189,248,.0) 18%, rgba(56,189,248,.22) 42%, rgba(251,191,36,.18) 54%, transparent 78%);
  filter:blur(10px);
  mix-blend-mode:screen;
  will-change:transform;
}

.hero{
  background-attachment:fixed !important;
  background-position:center center !important;
}

.hero-overlay{
  background:
    linear-gradient(90deg, rgba(2,6,23,.42) 0%, rgba(2,6,23,.25) 42%, rgba(2,6,23,.18) 100%),
    radial-gradient(90% 75% at 50% 22%, rgba(7,18,47,.12), rgba(2,6,23,.25)) !important;
}

.hero-clean-card,
.card,
.glass,
.about-card,
.contact-card-clean,
.maps-card-clean,
.stat{
  background:
    linear-gradient(145deg, rgba(7,17,43,.68), rgba(8,28,78,.38)) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 22px 62px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(13px) saturate(132%) !important;
  -webkit-backdrop-filter:blur(13px) saturate(132%) !important;
}

.hero-clean-card{
  background:
    linear-gradient(145deg, rgba(7,11,34,.58), rgba(11,25,61,.34)) !important;
}

.nav{
  background:linear-gradient(90deg, rgba(7,11,34,.78), rgba(14,43,135,.62)) !important;
  backdrop-filter:blur(16px) saturate(138%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(138%) !important;
}

section{
  position:relative;
  isolation:isolate;
}

#about,
#services,
#contact,
.maps-section{
  background:transparent !important;
}

#about::before,
#services::before,
#contact::before,
.maps-section::before{
  content:"";
  position:absolute;
  inset:1.1rem;
  z-index:-1;
  border-radius:34px;
  pointer-events:none;
  background:
    radial-gradient(650px 360px at 10% 0%, rgba(56,189,248,.10), transparent 62%),
    radial-gradient(620px 360px at 92% 12%, rgba(251,191,36,.09), transparent 56%),
    linear-gradient(145deg, rgba(255,255,255,.040), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.title{
  text-shadow:0 14px 42px rgba(0,0,0,.34);
}

.card:hover,
.about-card:hover,
.contact-card-clean:hover,
.maps-card-clean:hover{
  border-color:rgba(251,191,36,.34) !important;
  box-shadow:0 30px 78px rgba(2,6,23,.32), 0 0 0 1px rgba(251,191,36,.08) inset !important;
}

@media (max-width: 768px){
  body::before{
    opacity:.22;
    background-position:62% calc(50% + (var(--scroll-y) * -0.06));
  }
  .hero{
    background-attachment:scroll !important;
    background-position:62% center !important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg, rgba(2,6,23,.46), rgba(2,6,23,.28)),
      radial-gradient(90% 75% at 50% 22%, rgba(7,18,47,.10), rgba(2,6,23,.20)) !important;
  }
  #about::before,
  #services::before,
  #contact::before,
  .maps-section::before{
    inset:.65rem;
    border-radius:24px;
  }
}

@media (prefers-reduced-motion: reduce){
  body::before,
  .scroll-light-trail{
    transform:none !important;
    background-position:center center !important;
  }
}

.brand-badge{
  letter-spacing:0;
}
.brand-badge svg{
  opacity:.98;
  filter:none;
}

:root{
  --apple-icon-nav: clamp(16px, 1vw + 10px, 20px);
  --apple-icon-copy: clamp(16px, 0.85vw + 10px, 18px);
  --apple-icon-card: clamp(24px, 1vw + 16px, 30px);
  --apple-icon-card-sm: clamp(20px, 0.8vw + 13px, 24px);
  --apple-icon-brand: clamp(22px, 1vw + 14px, 26px);
}
.brand-badge{
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.brand-badge svg{
  width:var(--apple-icon-brand);
  height:var(--apple-icon-brand);
  color:#f8fafc;
  stroke-width:1.8;
}
.brand:hover .brand-badge{transform:none}
.nav{
  backdrop-filter:blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
}
.nav .container-max{
  gap:.9rem;
}
.nav-link,
.hero-secondary,
.gbtn,
.cta-link,
.map-btn,
.trust-pill,
.hero-kicker,
.contact-info-row,
.map-head p{
  display:inline-flex;
  align-items:center;
}
.nav-link{
  gap:.58rem;
  min-height:42px;
  padding:.66rem .92rem;
  white-space:nowrap;
}
.nav-link .mr-2,
.hero-secondary .mr-2,
.gbtn .mr-2,
.cta-link .mr-2,
.map-btn .mr-2,
.hero-kicker .mr-2,
.trust-pill .mr-2{
  margin-right:0 !important;
}
.nav-link .lucide,
.hero-kicker .lucide,
.hero-trust .lucide,
.gbtn .lucide,
.hero-secondary .lucide,
.contact-info-row .lucide,
.maps-card-clean p .lucide,
.map-btn .lucide,
.cta-link .lucide,
#toTop .lucide,
.ribbon .lucide{
  width:var(--apple-icon-copy);
  height:var(--apple-icon-copy);
  stroke-width:1.85;
  flex:0 0 auto;
}
.nav-link .lucide{
  width:var(--apple-icon-nav);
  height:var(--apple-icon-nav);
  stroke-width:1.9;
  opacity:.94;
}
.icon-badge{
  width:auto !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  margin:0 0 .9rem 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#f8fafc !important;
}
.icon-badge.sm{
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.icon-badge .lucide{
  width:var(--apple-icon-card);
  height:var(--apple-icon-card);
  stroke-width:1.75;
  color:#f8fafc;
}
.icon-badge.sm .lucide{
  width:var(--apple-icon-card-sm);
  height:var(--apple-icon-card-sm);
  stroke-width:1.8;
}
#services .flex.items-center,
.maps-card-clean .map-head,
.contact-info-row,
.hero-kicker,
.hero-trust .trust-pill,
.cta-link,
.gbtn,
.hero-secondary,
.map-btn{
  gap:.62rem;
}
.about-head{
  gap:.72rem;
}
.social-stack{
  right:18px;
  gap:12px;
}
.social-stack a{
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  border-radius:14px !important;
  color:rgba(255,255,255,.92) !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 10px 24px rgba(2,6,23,.16) !important;
  backdrop-filter:blur(12px) saturate(125%);
  -webkit-backdrop-filter:blur(12px) saturate(125%);
}
.social-stack a:hover{
  transform:translateX(-2px);
  color:#fff !important;
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 14px 30px rgba(2,6,23,.20) !important;
  filter:none !important;
}
.social-icon-svg{
  width:18px;
  height:18px;
  display:block;
}
.wa,.vi,.fb,.ln{background:rgba(255,255,255,.07) !important}
#toTop .lucide{width:18px;height:18px}
#mnav .nav-link{
  width:100%;
  justify-content:flex-start;
}
@media (max-width: 1279px){
  .nav-link{padding:.6rem .82rem}
}
@media (max-width: 1023px){
  :root{
    --apple-icon-nav: clamp(17px, 1.4vw + 11px, 19px);
    --apple-icon-copy: clamp(16px, 1.1vw + 11px, 18px);
    --apple-icon-card: clamp(24px, 2vw + 14px, 28px);
    --apple-icon-card-sm: clamp(21px, 1.4vw + 12px, 24px);
  }
  .nav .container-max{gap:.65rem}
  .nav-link{
    min-height:44px;
    gap:.65rem;
  }
  .social-stack{display:none}
}
@media (max-width: 767px){
  :root{
    --apple-icon-nav: clamp(18px, 2vw + 10px, 20px);
    --apple-icon-copy: clamp(17px, 1.6vw + 10px, 19px);
    --apple-icon-card: clamp(24px, 3vw + 12px, 28px);
    --apple-icon-card-sm: clamp(21px, 2vw + 11px, 24px);
    --apple-icon-brand: clamp(22px, 2vw + 12px, 24px);
  }
  .hero-kicker,
  .trust-pill,
  .contact-info-row,
  .map-head p,
  .cta-link,
  .gbtn,
  .hero-secondary,
  .map-btn{
    gap:.56rem;
  }
  .about-head .icon-badge,
  .contact-card-clean .icon-badge{margin-bottom:.72rem !important}
}
@media (max-width: 480px){
  .nav-link{
    min-height:46px;
    padding:.72rem .8rem;
  }
  .social-stack a{padding:.16rem !important}
}

.social-stack{
  right:18px;
  top:44%;
  gap:10px;
}
.social-stack .social-link{
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 28px rgba(2,6,23,.18) !important;
  backdrop-filter:blur(12px) saturate(130%);
  -webkit-backdrop-filter:blur(12px) saturate(130%);
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.social-stack .social-link:hover{
  transform:translateX(-2px);
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08)) !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.24) !important;
  color:#fff !important;
}
.social-stack .social-link::before{
  right:56px;
}
.social-icon-svg{
  width:18px;
  height:18px;
  display:block;
}
@media (max-width: 1279px){
  .social-stack .social-link{
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
  }
  .social-icon-svg{
    width:17px;
    height:17px;
  }
}
@media (max-width: 1023px){
  .social-stack{display:none}
}

:root{
  --apple-icon-stroke: 1.85;
  --apple-icon-stroke-strong: 1.95;
}
.lucide{
  stroke-width:var(--apple-icon-stroke) !important;
  vector-effect:non-scaling-stroke;
}
.nav-link .lucide,
.icon-badge.sm .lucide,
#toTop .lucide,
.brand-badge svg{
  stroke-width:var(--apple-icon-stroke-strong) !important;
}
.icon-badge .lucide,
.hero-kicker .lucide,
.hero-trust .lucide,
.gbtn .lucide,
.hero-secondary .lucide,
.contact-info-row .lucide,
.maps-card-clean p .lucide,
.map-btn .lucide,
.cta-link .lucide,
.ribbon .lucide{
  stroke-width:var(--apple-icon-stroke) !important;
}
.social-icon-svg{
  width:18px;
  height:18px;
  display:block;
}
.social-icon-svg path{
  opacity:.96;
}
@media (max-width: 1023px){
  :root{
    --apple-icon-stroke: 1.9;
    --apple-icon-stroke-strong: 2;
  }
}

:root{
  --nav-icon-gap: clamp(.5rem, .35rem + .35vw, .72rem);
  --card-icon-gap: clamp(.6rem, .45rem + .45vw, .9rem);
  --contact-icon-gap: clamp(.52rem, .42rem + .3vw, .72rem);
}
.nav .container-max{
  align-items:center;
}
.nav .hidden.lg\:flex.items-center.gap-1{
  gap:.2rem !important;
}
.nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--nav-icon-gap) !important;
  padding-inline:clamp(.78rem, .62rem + .35vw, 1rem) !important;
}
.nav-link .lucide,
.nav-link i{
  flex:0 0 auto;
  margin-right:0 !important;
}
#mnav .nav-link{
  justify-content:flex-start;
  gap:var(--nav-icon-gap) !important;
}
#services .card .flex.items-center{
  gap:var(--card-icon-gap) !important;
  align-items:flex-start !important;
}
#services .card h4{
  margin-top:0 !important;
}
.about-head{
  gap:clamp(.7rem, .52rem + .35vw, .95rem) !important;
}
.contact-info-row{
  gap:var(--contact-icon-gap) !important;
  align-items:flex-start;
}
.contact-info-row .lucide,
.contact-info-row i{
  flex:0 0 auto;
  margin-top:.22rem;
}
.hero-kicker,
.hero-trust .trust-pill,
.gbtn,
.hero-secondary,
.cta-link,
.map-btn{
  gap:clamp(.52rem, .4rem + .3vw, .72rem) !important;
}
@media (max-width: 1023px){
  .nav{
    padding-inline:.72rem !important;
  }
  .nav-link{
    min-height:44px;
    padding-inline:.82rem !important;
  }
  #mnav .container-max{
    gap:.18rem;
  }
}
@media (max-width: 767px){
  .nav-link{
    min-height:46px;
    padding-inline:.86rem !important;
  }
  #services .card .flex.items-center{
    gap:clamp(.66rem, .44rem + 1vw, .86rem) !important;
  }
  .contact-info-row{
    gap:clamp(.55rem, .4rem + .9vw, .72rem) !important;
  }
}
@media (min-width: 1280px){
  .nav .hidden.lg\:flex.items-center.gap-1{
    gap:.26rem !important;
  }
}

:root{
  --apple-icon-nav: clamp(17px, 1vw + 11px, 20px) !important;
  --apple-icon-copy: clamp(17px, 0.9vw + 11px, 19px) !important;
  --apple-icon-card: clamp(26px, 1vw + 17px, 31px) !important;
  --apple-icon-card-sm: clamp(22px, 0.9vw + 14px, 25px) !important;
  --apple-icon-brand: clamp(24px, 1vw + 15px, 28px) !important;
}
.nav-link .lucide,
.hero-kicker .lucide,
.hero-trust .lucide,
.gbtn .lucide,
.hero-secondary .lucide,
.contact-info-row .lucide,
.maps-card-clean p .lucide,
.map-btn .lucide,
.cta-link .lucide,
#toTop .lucide,
.ribbon .lucide{
  opacity:1 !important;
}
.icon-badge .lucide{stroke-width:1.9 !important;}
.icon-badge.sm .lucide{stroke-width:1.95 !important;}
.social-link .social-icon-svg{
  width:18px !important;
  height:18px !important;
}
@media (max-width: 767px){
  :root{
    --apple-icon-nav: clamp(18px, 1.8vw + 11px, 21px) !important;
    --apple-icon-copy: clamp(17px, 1.4vw + 11px, 19px) !important;
    --apple-icon-card: clamp(25px, 2.6vw + 13px, 29px) !important;
    --apple-icon-card-sm: clamp(22px, 1.8vw + 12px, 24px) !important;
  }
}

#home{background:url("hero-bg.png") center/cover no-repeat;}


@media (max-width: 1023px){
  .nav-wrap{
    padding:.22rem .4rem !important;
  }

  .nav{
    border-radius:14px !important;
    padding:.34rem .38rem !important;
    background:linear-gradient(90deg, rgba(7,11,34,.95), rgba(12,31,92,.82)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 10px 24px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  .nav::before{
    opacity:.06 !important;
  }

  .nav .container-max{
    gap:.35rem !important;
  }

  .brand{
    min-width:0 !important;
    gap:8px !important;
  }

  .brand-title{
    min-width:0 !important;
    max-width:calc(100vw - 112px) !important;
  }

  .brand-title .text-lg,
  .brand-title .md\:text-xl{
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:.96rem !important;
    line-height:1.05 !important;
  }

  .ribbon{
    display:none !important;
  }

  #burger{
    width:36px !important;
    height:36px !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.05) !important;
    border-color:rgba(255,255,255,.14) !important;
  }

  #burger i{
    font-size:1rem !important;
  }

  #mnav{
    margin-top:.14rem !important;
  }

  #mnav .container-max{
    padding-top:.06rem !important;
    padding-bottom:.02rem !important;
    gap:.1rem !important;
  }

  #mnav .nav-link{
    display:flex !important;
    align-items:center !important;
    gap:.5rem !important;
    min-height:38px !important;
    padding:.56rem .68rem !important;
    border-radius:10px !important;
    font-size:.93rem !important;
    font-weight:700 !important;
    background:rgba(255,255,255,.026) !important;
    border:1px solid rgba(255,255,255,.045) !important;
    box-shadow:none !important;
  }

  #mnav .nav-link > .lucide,
  #mnav .nav-link > i,
  #mnav .nav-link > svg{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    min-height:15px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    position:relative !important;
    top:-1px !important;
    filter:none !important;
    opacity:.94 !important;
  }

  #mnav .nav-link::before,
  #mnav .nav-link::after{
    display:none !important;
  }

  #mnav .incoterms-link{
    gap:0 !important;
    padding-left:.68rem !important;
    background:rgba(251,191,36,.05) !important;
    border:1px solid rgba(251,191,36,.12) !important;
  }

  #mnav .incoterms-link i,
  #mnav .incoterms-link svg,
  #mnav .incoterms-link .lucide{
    display:none !important;
  }

  .mobile-lang{
    padding:.26rem 0 .08rem !important;
    gap:.34rem !important;
    margin-top:.02rem !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  .flag{
    width:22px !important;
    height:22px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:4rem !important;
    padding-bottom:2.7rem !important;
  }

  .hero-clean-card{
    max-width:100% !important;
    text-align:left !important;
    border-radius:18px !important;
    padding:.96rem !important;
    background:linear-gradient(180deg, rgba(7,11,34,.76), rgba(8,22,70,.56)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 16px 38px rgba(2,6,23,.24) !important;
  }

  .hero-kicker{
    margin-bottom:.62rem !important;
    padding:.28rem .58rem !important;
    font-size:.71rem !important;
    border-color:rgba(251,191,36,.22) !important;
  }

  .hero-clean-card h1{
    font-size:clamp(1.76rem, 7vw, 2.2rem) !important;
    line-height:1.04 !important;
    margin-bottom:.66rem !important;
    letter-spacing:-.038em !important;
  }

  .hero-clean-card p{
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    font-size:.95rem !important;
    line-height:1.56 !important;
  }

  .hero-actions{
    width:100%;
    flex-direction:column;
    align-items:stretch !important;
    gap:.54rem !important;
    margin-top:.86rem !important;
  }

  .hero-actions a,
  .cta-actions a,
  .map-btn{
    width:100%;
    justify-content:center !important;
  }

  .gbtn,
  .hero-secondary,
  .cta-link,
  .map-btn{
    min-height:44px !important;
    padding:.76rem .88rem !important;
    border-radius:13px !important;
    font-weight:700 !important;
  }

  .hero-trust{
    gap:.42rem !important;
    margin-top:.68rem !important;
    justify-content:flex-start !important;
  }

  .hero-trust .trust-pill{
    width:100%;
    min-height:37px !important;
    justify-content:flex-start !important;
    padding:.48rem .66rem !important;
    border-radius:11px !important;
    font-size:.75rem !important;
  }

  .hero-stats{
    margin-top:.78rem !important;
    max-width:100% !important;
  }

  .stats{
    grid-template-columns:1fr !important;
    gap:.52rem !important;
  }

  .stat{
    padding:.72rem .84rem !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }

  .stat h4{
    font-size:20px !important;
  }

  #about,
  #services,
  #contact,
  .maps-section{
    padding-top:2.9rem !important;
    padding-bottom:2.9rem !important;
  }

  .title{
    font-size:1.66rem !important;
    line-height:1.12 !important;
    margin-bottom:2rem !important;
  }

  .title:after{
    width:76px !important;
    bottom:-8px !important;
  }

  #about .grid,
  #services .grid,
  #contact .grid,
  .maps-section .grid{
    gap:.95rem !important;
  }

  .card,
  .glass,
  .contact-card-clean,
  .maps-card-clean{
    border-radius:17px !important;
    box-shadow:0 14px 34px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  .about-card,
  #services .card,
  .contact-card-clean{
    height:100% !important;
    padding:1rem !important;
  }

  .about-card .about-head,
  #services .card .flex.items-center{
    gap:.72rem !important;
    margin-bottom:.64rem !important;
  }

  .about-card p,
  #services .card p,
  #services .card ul,
  .contact-info-list,
  .maps-card-clean p{
    font-size:.93rem !important;
    line-height:1.64 !important;
  }

  #services .glass.mx-auto.max-w-5xl{
    padding:1rem 1.05rem !important;
    border-radius:17px !important;
    margin-bottom:.92rem !important;
  }

  .contact-card-clean{
    min-height:auto !important;
  }

  .contact-card-clean .icon-badge{
    margin-bottom:.8rem !important;
  }

  .contact-info-list{
    gap:.6rem !important;
    max-width:100% !important;
  }

  .contact-info-row{
    gap:.56rem !important;
  }

  .maps-section .grid{
    gap:.92rem !important;
  }

  .maps-card-clean{
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(8,16,44,.76), rgba(9,24,72,.54)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }

  .maps-card-clean .map-head{
    padding:.92rem .92rem .68rem !important;
    gap:.66rem !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }

  .maps-card-clean h3{
    font-size:.98rem !important;
    margin-bottom:.3rem !important;
  }

  .maps-card-clean p{
    font-size:.88rem !important;
    line-height:1.5 !important;
  }

  .maps-card-clean .map-actions{
    padding:.68rem .92rem .8rem !important;
  }

  .maps-card-clean .map-btn{
    min-height:44px !important;
    border-radius:13px !important;
  }

  .maps-card-clean .map-shell{
    margin:0 .62rem .62rem !important;
    padding:.24rem !important;
    border-radius:14px !important;
  }

  .maps-card-clean .map-frame{
    height:220px !important;
    border-radius:12px !important;
    filter:saturate(.9) contrast(1.03) brightness(.95) !important;
  }

  section.py-10{
    padding-top:1.3rem !important;
    padding-bottom:1.3rem !important;
  }

  .cta-actions{
    gap:.54rem !important;
  }

  #toTop{
    width:40px !important;
    height:40px !important;
  }
}

@media (max-width: 767px){
  .nav-wrap{
    padding:.18rem .3rem !important;
  }

  .nav{
    border-radius:13px !important;
    padding:.32rem .34rem !important;
  }

  .brand-title{
    max-width:calc(100vw - 98px) !important;
  }

  .brand-title .text-lg,
  .brand-title .md\:text-xl{
    font-size:.9rem !important;
  }

  #burger{
    width:34px !important;
    height:34px !important;
  }

  #mnav .nav-link{
    min-height:36px !important;
    padding:.54rem .64rem !important;
    border-radius:9px !important;
    font-size:.9rem !important;
  }

  .hero{
    padding-top:3.82rem !important;
    padding-bottom:2.5rem !important;
  }

  .hero-clean-card{
    padding:.88rem !important;
    border-radius:17px !important;
  }

  .hero-clean-card h1{
    font-size:clamp(1.64rem, 8vw, 2.04rem) !important;
  }

  .hero-clean-card p,
  .card p,
  .card li{
    font-size:.93rem !important;
  }

  .title{
    font-size:1.6rem !important;
  }

  .maps-card-clean .map-frame{
    height:212px !important;
  }
}

@media (max-width: 430px){
  .brand-title{
    max-width:calc(100vw - 92px) !important;
  }

  .brand-title .text-lg,
  .brand-title .md\:text-xl{
    font-size:.86rem !important;
  }

  .hero{
    padding-top:3.68rem !important;
  }

  .hero-clean-card h1{
    font-size:1.58rem !important;
  }

  .maps-card-clean .map-frame{
    height:206px !important;
  }
}