:root{--elolog-blue:#236186;--elolog-green:#237e5f;--elolog-dark:#112837;--navy:#071e2b;--bg-light:#f6f9fb;--text-color:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--white:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:"Work Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg-light);color:var(--text-color);min-height:100vh;line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}
.navbar{background:rgba(255,255,255,.97);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(15,23,42,.06);backdrop-filter:blur(12px)}.nav-container{max-width:82rem;margin:auto;padding:0 1.5rem;
min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo{display:flex;align-items:center;flex-shrink:0;width:10.5rem}.logo-image{display:block;width:10.25rem;height:auto;max-height:3.15rem;object-fit:contain;
object-position:left center}.nav-menu{display:flex;align-items:center;justify-content:flex-end;gap:2rem;flex:1}.nav-links{display:flex;align-items:center;gap:1.45rem;font-size:.82rem;font-weight:650;color:#475569}
.nav-links>a,.nav-dropdown-toggle{padding:.6rem .1rem;transition:color .2s ease}.nav-links>a:hover,.nav-dropdown-toggle:hover{color:var(--elolog-blue)}.nav-dropdown{position:relative}.nav-dropdown-toggle{border:0;background:transparent;color:#475569;
cursor:pointer;font-weight:650;display:flex;gap:.3rem;align-items:center}.dropdown-menu{position:absolute;top:calc(100% + .8rem);left:50%;transform:translate(-50%,-8px);width:min(48rem,calc(100vw - 2rem));background:#fff;border:1px solid var(--border-color);
border-radius:1rem;padding:.85rem;box-shadow:0 22px 55px rgba(15,23,42,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;
pointer-events:auto;transform:translate(-50%,0)}.services-mega-menu{display:grid;grid-template-columns:13rem 1fr;gap:.7rem}.dropdown-intro{background:linear-gradient(145deg,#eff5f9,#f7fafc);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column}
.dropdown-kicker{font-size:.58rem;letter-spacing:.13em;font-weight:850;color:var(--elolog-green);margin-bottom:.45rem}.dropdown-intro strong{font-size:.98rem;color:var(--elolog-dark)}.dropdown-intro p{font-size:.7rem;line-height:1.55;color:var(--text-muted);
margin-top:.4rem}.dropdown-all-link{margin-top:auto;color:var(--elolog-blue);font-size:.7rem;font-weight:800;padding-top:.8rem}.dropdown-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.dropdown-service{display:flex!important;
align-items:flex-start;gap:.7rem;padding:.7rem;border-radius:.7rem;font-size:.78rem}.dropdown-service:hover{background:#f1f6f9;color:inherit!important}.dropdown-service-icon{width:2rem;height:2rem;flex:0 0 2rem;border-radius:.55rem;background:#eef4f8;
display:grid;place-items:center;font-size:.95rem}.dropdown-service strong{display:block;color:var(--elolog-dark);font-size:.74rem}.dropdown-service small{display:block;color:var(--text-muted);font-size:.64rem;line-height:1.35;margin-top:.18rem}
.dropdown-chevron{font-size:.9rem}.nav-dropdown:hover .dropdown-chevron,.nav-dropdown:focus-within .dropdown-chevron{transform:rotate(180deg)}.nav-actions{display:flex;align-items:center}.btn-client{display:inline-flex;align-items:center;gap:.5rem;
background:var(--elolog-green);color:#fff;font-weight:750;font-size:.82rem;padding:.68rem 1rem;border-radius:.65rem;box-shadow:0 6px 14px rgba(35,126,95,.2);transition:.2s ease}.btn-client:hover{background:#224f6d;transform:translateY(-1px)}
.nav-toggle{display:none;border:0;background:transparent;cursor:pointer;width:2.5rem;height:2.5rem}.nav-toggle span{display:block;width:1.35rem;height:2px;background:var(--elolog-dark);margin:.25rem auto;border-radius:2px}.hero{position:relative;
background:linear-gradient(120deg,#0f2330 0%,#071e2b 48%,#236186 140%);padding:5.8rem 1.5rem 4.8rem;overflow:hidden}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(#237e5f 1px,transparent 1px);background-size:18px 18px}
.hero-glow{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(70px);opacity:.16}.hero-glow-one{background:#237e5f;right:-10rem;top:-8rem}.hero-glow-two{background:#236186;left:-14rem;bottom:-15rem}.hero-container{max-width:78rem;
margin:auto;position:relative;z-index:2}.badge{background:rgba(35,126,95,.13);color:#87b8d9;border:1px solid rgba(99,163,206,.25);font-size:.72rem;font-weight:750;padding:.4rem 1rem;border-radius:999px;display:inline-block}
.eyebrow,.section-kicker{font-size:.68rem;letter-spacing:.15em;font-weight:800;color:var(--elolog-green)}.hero .eyebrow{color:#93bfdd;margin-bottom:.8rem}.hero-title{font-size:clamp(2.35rem,5vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.08}
.hero-title strong{color:#87b8d9}.hero-subtitle{font-size:1.05rem;line-height:1.75}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.82rem 1.25rem;
border-radius:.7rem;font-size:.85rem;font-weight:750;transition:.2s ease}.hero-btn-primary{background:var(--elolog-green);color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.15)}.hero-btn-primary:hover{background:#224f6d;transform:translateY(-1px)}
.hero-btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff}.hero-btn-secondary:hover{background:rgba(255,255,255,.15)}.hero-btn-outline{border:1px solid var(--elolog-green);color:var(--elolog-green);background:#fff}
.hero-stats{margin:3rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}.hero-stats div{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.78rem}.hero-stats strong{font-size:1rem}
.logistics-animation{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.logistics-route{position:absolute;left:6%;width:88%;height:34%;border-radius:50%;border-top:1px dashed rgba(135,184,217,.32);transform:rotate(-4deg)}
.logistics-route-air{top:21%}.logistics-route-sea{top:58%;transform:rotate(3deg);border-color:rgba(255,255,255,.18)}.logistics-location{position:absolute;display:grid;place-items:center;color:rgba(187,215,233,.66);font-size:.56rem;letter-spacing:.16em;
font-weight:800}.logistics-location-pt{left:6%;top:45%}.logistics-location-stp{right:6%;top:68%}.location-dot{width:7px;height:7px;border-radius:50%;background:#7eb3d6;box-shadow:0 0 14px #4a94c6}.location-pulse{position:absolute;width:30px;height:30px;
border:1px solid rgba(126,179,214,.55);border-radius:50%;animation:locationPulse 2.6s ease-out infinite}.logistics-location small{position:absolute;top:17px;white-space:nowrap}.logistics-plane{position:absolute;top:23%;left:-5%;font-size:1.65rem;
color:rgba(206,226,239,.72);filter:drop-shadow(0 0 8px rgba(101,164,206,.5));animation:planeRoute 14s linear infinite}.logistics-plane span{display:block;transform:rotate(10deg)}.logistics-ship{position:absolute;left:-7%;bottom:16%;width:54px;height:27px;
animation:shipRoute 20s linear infinite;color:rgba(187,215,233,.55)}.ship-icon{position:absolute;bottom:7px;font-size:2.7rem;transform:scaleX(1.35)}.ship-cabin{position:absolute;left:19px;bottom:22px;width:18px;height:8px;border:2px solid currentColor;
border-bottom:0}.ship-wave{position:absolute;left:-9px;bottom:0;width:72px;height:5px;border-top:1px solid rgba(135,184,217,.45);border-radius:50%;animation:seaWave 1.8s ease-in-out infinite}.logistics-cargo{position:absolute;color:rgba(135,184,217,.2);
font-size:2.2rem;animation:cargoFloat 5s ease-in-out infinite}.cargo-one{left:12%;bottom:13%}.cargo-two{right:12%;top:18%;animation-delay:-2.5s}@keyframes planeRoute{0%{left:-5%;top:36%;transform:translateY(0) rotate(-8deg)}45%{top:19%;
transform:translateY(-8px) rotate(0)}100%{left:105%;top:31%;transform:translateY(4px) rotate(8deg)}}@keyframes shipRoute{0%{left:-7%;transform:translateY(0)}50%{transform:translateY(-5px)}100%{left:107%;transform:translateY(0)}}
@keyframes locationPulse{0%{transform:scale(.35);opacity:1}80%,100%{transform:scale(1.45);opacity:0}}@keyframes seaWave{50%{transform:translateY(3px) scaleX(.88)}}@keyframes cargoFloat{50%{transform:translateY(-9px);opacity:.35}}.section-shell{max-width:78rem;
margin:auto;padding:0 1.5rem}.process-section,.services-section,.about-section{padding:5.5rem 0}.section-header{max-width:44rem}.centered-header{text-align:center;margin:0 auto 2.5rem}
.section-header h2,.about-grid h2,.tracking-copy h2,.cta-shell h2{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.15;letter-spacing:-.03em;color:var(--elolog-dark);margin-top:.55rem}.section-header h2 span{color:var(--elolog-blue)}
.section-header p{color:var(--text-muted);margin-top:.7rem;font-size:.92rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-card{position:relative}.step-number{position:absolute;right:1rem;top:.9rem;font-size:.68rem;font-weight:800;
color:#cbd5e1}.process-icon{width:2.65rem;height:2.65rem;border-radius:.75rem;background:#e7f1f7;color:var(--elolog-green);display:grid;place-items:center;font-weight:900;margin-bottom:1rem}.services-grid{display:grid}.service-card{background:#fff;
border:1px solid var(--border-color);border-radius:1rem;padding:1.45rem;display:flex;flex-direction:column;gap:1rem;min-height:14rem;transition:.2s ease}.service-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(15,23,42,.07);
border-color:#b9d2e2}.service-icon{width:2.8rem;height:2.8rem;border-radius:.75rem;background:#eff4f8;display:grid;place-items:center;font-size:1.25rem}.service-tag{font-size:.62rem;font-weight:800;letter-spacing:.08em;color:var(--elolog-green)}
.service-card h3{font-size:1.08rem;color:var(--elolog-dark);margin-top:.15rem}.service-card p{font-size:.8rem;color:var(--text-muted);margin-top:.4rem;line-height:1.6}.service-card>a{margin-top:auto;color:var(--elolog-blue);font-size:.75rem;font-weight:750}
.service-card>a span{margin-left:.25rem}.service-featured{border-color:#b9d2e2;background:linear-gradient(145deg,#fff,#f4f8fb)}.tracking-section{padding:5rem 0;background:var(--elolog-dark);color:#fff}.tracking-shell{max-width:78rem;margin:auto;
padding:0 1.5rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.tracking-copy h2{color:#fff}.tracking-copy p{color:#b8c6cf;margin-top:.8rem;max-width:30rem}.tracking-steps{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;
margin-top:1.7rem;font-size:.72rem;color:#d6e1e8}.tracking-steps span{padding:.35rem .55rem;border:1px solid rgba(255,255,255,.15);border-radius:999px}.tracking-steps i{font-style:normal;color:var(--elolog-green)}.tracking-panel{background:#fff;
color:var(--text-color);border-radius:1.1rem;padding:1.3rem;box-shadow:0 25px 50px rgba(0,0,0,.18)}.search-form label{display:block;font-size:.76rem;font-weight:800;color:var(--elolog-dark);margin-bottom:.5rem}.tracking-input-row{display:flex;gap:.6rem}
.input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8}.input-wrapper input{width:100%;padding:.9rem 1rem .9rem 2.4rem;border-radius:.65rem;color:#1e293b;font-weight:600;
font-size:.86rem;background:#f8fafc;border:1px solid var(--border-color)}.input-wrapper input:focus{outline:2px solid rgba(35,126,95,.3);border-color:var(--elolog-green)}.btn-search{background:var(--elolog-green);color:#fff;font-weight:750;
padding:.85rem 1.2rem;border-radius:.65rem;border:0;cursor:pointer;display:flex;align-items:center;gap:.45rem;font-size:.82rem;white-space:nowrap}.btn-search:hover{background:#224f6d}.search-form small{display:block;color:#94a3b8;font-size:.67rem;
margin-top:.5rem}.tracking-result{background:#fff;color:#1e293b;padding:1.2rem;border-radius:.9rem;border:1px solid var(--border-color);margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.hidden{display:none!important}.result-header{display:flex;
justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:.7rem}.result-label{font-size:.66rem;font-weight:750;color:#94a3b8;text-transform:uppercase}.result-code{font-size:1.1rem;color:var(--elolog-blue);
font-family:monospace}.status-badge{background:#fef3c7;color:#92400e;font-size:.68rem;font-weight:750;padding:.25rem .65rem;border-radius:999px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.78rem}.info-label{color:#94a3b8;
display:block}.info-value{font-weight:650;color:#334155}.progress-container{display:flex;flex-direction:column;gap:.25rem}.progress-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#64748b;font-weight:650}.progress-bar{width:100%;
background:#f1f5f9;height:.55rem;border-radius:999px;overflow:hidden}.progress-fill{background:var(--elolog-green);height:100%;border-radius:999px;width:60%;transition:width .5s ease}.about-section{background:#fff}.about-grid{display:grid;
grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.about-grid h2{margin-top:.6rem}.about-content>p{color:var(--text-muted);line-height:1.8}.about-points{margin-top:1.5rem;border-top:1px solid var(--border-color)}.about-points div{display:flex;gap:1rem;
padding:1rem 0;border-bottom:1px solid var(--border-color);font-size:.85rem}.about-points strong{color:var(--elolog-green);font-size:.72rem}.about-points span{color:var(--elolog-dark);font-weight:650}.cta-section{padding:4rem 0;background:#eef4f8}
.cta-shell{max-width:78rem;margin:auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta-shell h2{margin-top:.5rem}.cta-shell p{color:var(--text-muted);margin-top:.55rem}.cta-actions{display:flex;gap:.7rem;
flex-wrap:wrap;flex-shrink:0}.footer{background:#112736;color:#fff}.footer-container{max-width:78rem;margin:auto;padding:0 1.5rem}.footer-logo{display:block;object-fit:contain}.footer-links{display:flex;flex-wrap:wrap;color:#c4d0d8}
.footer-links a:hover{color:#87b8d9}.footer-container>p{color:#94a3b8}@media(max-width:1100px){.nav-menu{gap:1rem}.nav-links{gap:.9rem}.services-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.nav-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem 1.3rem;flex-direction:column;align-items:stretch;gap:1rem;
box-shadow:0 12px 25px rgba(15,23,42,.08)}.nav-menu.open{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:.15rem}.nav-links>a,.nav-dropdown-toggle{display:flex;width:100%;justify-content:space-between;padding:.75rem 0}
.dropdown-menu{position:static;width:100%;display:none;box-shadow:none;border:0;padding:0 0 .5rem}.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown:hover .dropdown-menu,.nav-dropdown.mobile-open .dropdown-menu{display:block;opacity:1;visibility:visible;
pointer-events:auto;transform:none}.services-mega-menu{grid-template-columns:1fr}.dropdown-services-grid{grid-template-columns:1fr}.dropdown-intro{padding:.85rem}.dropdown-intro p{max-width:32rem}.nav-actions{width:100%}.btn-client{width:100%;
justify-content:center}.tracking-shell{grid-template-columns:1fr;gap:2rem}.cta-shell{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.nav-container{padding:0 1rem}.hero{padding:4rem 1rem 3.5rem}
.hero-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.hero-stats div{justify-content:flex-start}.section-shell,.tracking-shell,.cta-shell{padding-left:1rem;padding-right:1rem}
.process-section,.services-section,.about-section,.tracking-section{padding:4rem 0}.process-grid,.services-grid,.about-grid{grid-template-columns:1fr}.tracking-input-row{flex-direction:column}.btn-search{justify-content:center}
.result-grid{grid-template-columns:1fr}.tracking-steps{gap:.4rem}.tracking-steps i{display:none}.cta-actions{width:100%}.cta-actions .hero-btn{width:100%}}.navbar{isolation:isolate}.logo{position:relative;min-width:10.5rem;
animation:logoReveal .65s cubic-bezier(.2,.8,.2,1) both}.logo::after{content:"";position:absolute;left:-.45rem;top:50%;width:.18rem;height:2.1rem;border-radius:999px;background:linear-gradient(180deg,var(--elolog-blue),var(--elolog-green));
transform:translateY(-50%) scaleY(.35);opacity:0;transition:.35s ease}.logo:hover::after,.logo:focus-visible::after{transform:translateY(-50%) scaleY(1);opacity:1}.logo-image{transition:transform .35s ease,filter .35s ease;transform-origin:left center}
.logo:hover .logo-image,.logo:focus-visible .logo-image{transform:translateX(4px) scale(1.025)}@keyframes logoReveal{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.nav-dropdown-toggle{min-height:2.4rem}
.dropdown-chevron{width:.7rem;height:.7rem;display:inline-grid;place-items:center;margin-left:.12rem;transition:transform .25s ease}.dropdown-chevron span{width:.48rem;height:.48rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(45deg) translate(-1px,-1px);transition:transform .25s ease}.nav-dropdown:hover .dropdown-chevron,.nav-dropdown:focus-within .dropdown-chevron,.nav-dropdown.mobile-open .dropdown-chevron{transform:translateY(-1px)}
.nav-dropdown:hover .dropdown-chevron span,.nav-dropdown:focus-within .dropdown-chevron span,.nav-dropdown.mobile-open .dropdown-chevron span{transform:rotate(225deg) translate(-1px,-1px)}.footer{padding:3rem 0 1.35rem;overflow:hidden}
.footer-container{text-align:left}.footer-main{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(22rem,auto);align-items:center;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand{position:relative;
width:min(14rem,100%);display:inline-flex;align-items:center;justify-content:flex-start;padding:.45rem 0;transition:transform .3s ease}.footer-logo{width:12rem;max-height:6rem;object-position:left center;filter:brightness(0) invert(1);opacity:.95;
transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.footer-brand:hover .footer-logo,.footer-brand:focus-visible .footer-logo{transform:translateX(7px) scale(1.035);opacity:1}.footer-logo-orbit{position:absolute;left:-.8rem;width:2.8rem;
height:2.8rem;border:1px solid rgba(135,184,217,.25);border-radius:50%;opacity:0;transform:scale(.6);transition:.4s ease;pointer-events:none}.footer-brand:hover .footer-logo-orbit,.footer-brand:focus-visible .footer-logo-orbit{opacity:1;transform:scale(1);
animation:footerOrbit 1.8s ease-in-out infinite}@keyframes footerOrbit{0%,100%{box-shadow:0 0 0 0 rgba(135,184,217,.15)}50%{box-shadow:0 0 0 8px rgba(135,184,217,0)}}.footer-kicker{display:block;font-size:.6rem;letter-spacing:.15em;font-weight:800;
color:#87b8d9;margin-bottom:.8rem}.footer-links{justify-content:flex-end;margin:0;gap:1.25rem;font-size:.76rem}.footer-links a{transition:color .2s ease,transform .2s ease}.footer-links a:hover{transform:translateY(-1px)}.footer-bottom{display:flex;
justify-content:space-between;align-items:center;gap:1rem;padding-top:1.2rem}.footer-container>p{font-size:.68rem}@media(max-width:900px){.nav-dropdown.mobile-open .dropdown-menu{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.nav-dropdown.mobile-open .dropdown-chevron span{transform:rotate(225deg) translate(-1px,-1px)}.footer-main{grid-template-columns:1fr;gap:1.8rem}.footer-links{justify-content:flex-start}}@media(max-width:640px){.logo{width:9.5rem;min-width:9.5rem}
.logo-image{width:9.25rem}.footer{padding-top:2.4rem}.footer-main{gap:1.5rem;padding-bottom:1.5rem}.footer-brand{width:11rem}.footer-logo{width:10.5rem;max-height:5rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.25rem}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem}.logistics-animation{opacity:.45}.logistics-location small,.logistics-cargo{display:none}.logistics-plane{animation-duration:16s}.logistics-ship{animation-duration:23s}}
@media(prefers-reduced-motion:reduce){.logistics-plane,.logistics-ship,.location-pulse,.ship-wave,.logistics-cargo{animation:none!important}.logistics-plane{left:16%;top:25%}.logistics-ship{left:76%;bottom:17%}.location-pulse{opacity:.3;transform:scale(.7)}}
.process-section{position:relative;padding:6.5rem 0;overflow:hidden}.process-section::before{content:"";position:absolute;top:-12rem;right:-10rem;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(35,126,95,.08),transparent 68%);
pointer-events:none}.process-header{max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);gap:5rem;align-items:end;padding-bottom:2.2rem;border-bottom:1px solid #dce5eb}.process-heading h2{max-width:39rem;
font-size:clamp(2.2rem,3.5vw,3.45rem);margin-top:.75rem}.process-intro{padding-bottom:.2rem}.process-intro p{max-width:34rem;margin:0;color:#586b77;font-size:1rem;line-height:1.75}.process-time{display:inline-flex;align-items:center;gap:.55rem;
margin-top:1.1rem;color:#255474;font-size:.72rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.process-time i{width:.5rem;height:.5rem;border-radius:50%;background:#237e5f;box-shadow:0 0 0 5px rgba(35,126,95,.11)}
.process-grid{position:relative}.process-grid::before{content:"";position:absolute;left:3.8rem;right:3.8rem;z-index:0;opacity:.72}.process-card{z-index:1;display:flex;flex-direction:column;
transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.process-card::before{content:"";position:absolute;left:0;top:0;width:100%;transition:opacity .3s ease}.process-card:not(:last-child)::after{content:"›";position:absolute;right:-1.72rem;
z-index:4;place-items:center;width:2.25rem;height:2.25rem;border:1px solid #b9d1e1;border-radius:50%;color:#224f6d;font-size:1.3rem;font-weight:500}.process-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(17,39,54,.11)}
.process-card:hover::before{opacity:1}.process-card-top{display:flex;align-items:center;justify-content:space-between}.process-card .step-number{position:static;order:2;display:grid;place-items:center;min-width:2.45rem;height:1.8rem;padding:0 .55rem;
border-radius:999px;background:#eff3f6;color:#5d7381;font-size:.66rem;letter-spacing:.08em}.process-card .process-icon{position:relative;z-index:2;width:3.45rem;height:3.45rem;margin:0;border:1px solid #c8dbe8;border-radius:.9rem;
background:linear-gradient(145deg,#eff6fa,#e2edf5);color:#224f6d;box-shadow:0 7px 18px rgba(35,126,95,.09)}.process-icon svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-card-copy{border-top:1px solid #e7edf1}.process-label{display:block;margin-bottom:.5rem;color:#224f6d;font-size:.57rem;font-weight:850;letter-spacing:.15em}.process-card h3{letter-spacing:-.015em}.process-card p{margin-top:.6rem;line-height:1.65}
@media(max-width:1100px){.process-header{grid-template-columns:1fr;gap:1.2rem}.process-intro p{max-width:45rem}.process-grid::before,.process-card::after{display:none}}@media(max-width:640px){.process-section{padding:4.5rem 0}
.process-header{margin-bottom:2rem;padding-bottom:1.6rem}.process-heading h2{font-size:2.15rem}.process-intro p{font-size:.9rem}.process-card-copy{margin-top:1.3rem;padding-top:1.1rem}}.process-section{--process-progress:0%}
.process-grid::before{background:linear-gradient(90deg,#237e5f 0 var(--process-progress),#d8e3ea var(--process-progress) 100%);transition:background .55s ease}.process-card{cursor:pointer;transform:scale(.985)}.process-card.is-active{filter:none;opacity:1}
.process-card.is-active::before{opacity:1}.process-card.is-active .process-icon{color:#fff;border-color:#237e5f;background:linear-gradient(145deg,#2b648a,#224e6c);box-shadow:0 10px 24px rgba(35,126,95,.22)}
.process-card.is-active .step-number{background:#173448;color:#fff}.process-card.is-active .process-label{color:#224e6c}.process-card:focus-visible{outline:3px solid rgba(35,126,95,.26);outline-offset:4px}.process-controls{display:flex;align-items:center;
justify-content:center;gap:.9rem}.process-control-button{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid #cddae2;border-radius:50%;color:#1b3d54;cursor:pointer;transition:.2s ease}
.process-control-button:hover{border-color:#237e5f;background:#edf4f9;color:#224f6d;transform:translateY(-2px)}.process-dots{display:flex;align-items:center;gap:.45rem}.process-dots button{width:.45rem;height:.45rem;padding:0;border:0;border-radius:999px;
background:#c6d2da;cursor:pointer;transition:.3s ease}.process-dots button.is-active{width:2rem;background:linear-gradient(90deg,#237e5f,#236186)}.process-current{min-width:3.8rem;color:#82939e;font-size:.7rem;font-weight:750;letter-spacing:.06em}
.process-current strong{color:#173448;font-size:.85rem}@media(max-width:1100px){.process-card{opacity:1;filter:none;transform:none}}@media(max-width:640px){.process-grid{display:flex;width:100%;overflow-x:hidden;scroll-snap-type:x mandatory;
padding:.35rem 0 .8rem;gap:0;overscroll-behavior-x:contain}.process-card{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start}.process-controls{display:grid;grid-template-columns:2.35rem auto auto 2.35rem;justify-content:center;width:100%;
margin:1rem auto 0;gap:.75rem}.process-control-button{width:2.35rem;height:2.35rem;min-width:2.35rem;flex:none}.process-dots{gap:.3rem}.process-dots button{width:.4rem;height:.4rem}.process-dots button.is-active{width:1.35rem}.process-current{min-width:3.4rem;
white-space:nowrap}}@media(prefers-reduced-motion:reduce){.process-card,.process-grid::before,.process-dots button{transition:none!important}}.process-section{padding-top:5.8rem;background:linear-gradient(180deg,#fff 0%,#f6f9fb 72%,#edf2f6 100%)}
.process-section .section-shell{position:relative;z-index:2}.process-world{position:absolute;z-index:0;left:4%;top:-1.5rem;width:34rem;height:22rem;pointer-events:none;opacity:.55}.world-grid{position:absolute;left:6.5rem;top:1rem;width:19rem;height:19rem;
border-radius:50%;background-color:rgba(35,97,134,.07);background-image:radial-gradient(rgba(35,97,134,.38) 1px,transparent 1.2px);background-size:7px 7px;mask-image:radial-gradient(circle,#000 54%,transparent 73%)}
.world-grid::before,.world-grid::after{content:"";position:absolute;inset:15% -5%;border:1px solid rgba(35,126,95,.25);border-radius:50%;transform:rotate(-16deg)}.world-grid::after{inset:-3% 26%;transform:rotate(12deg)}.orbit{position:absolute;left:3rem;
top:8.2rem;width:29rem;height:8rem;border:2px solid rgba(35,126,95,.28);border-radius:50%;transform:rotate(-19deg)}.orbit-two{left:5rem;top:5.3rem;width:25rem;height:11rem;transform:rotate(-32deg);border-width:1px}.orbit-node{position:absolute;width:.65rem;
height:.65rem;border-radius:50%;background:#237e5f;box-shadow:0 0 0 5px rgba(35,126,95,.12),0 0 16px rgba(35,126,95,.55);animation:worldNode 3.4s ease-in-out infinite}.node-one{left:27rem;top:10.4rem}.node-two{left:22rem;top:15rem;animation-delay:-1.7s}
@keyframes worldNode{50%{transform:scale(1.35);opacity:.6}}.process-header{position:relative;z-index:2;margin-bottom:2.7rem;background:rgba(255,255,255,.38);backdrop-filter:blur(1px)}.process-grid{align-items:stretch;gap:1rem}.process-grid::before{top:3.15rem;
height:1px}.process-card{min-height:19rem;padding:1.15rem;border:1px solid rgba(158,198,224,.38);border-radius:1rem;background:linear-gradient(155deg,#204964 0%,#193b51 52%,#142e40 100%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.28),0 16px 32px rgba(20,46,63,.18);color:#fff;filter:saturate(.9);opacity:.9;overflow:visible}.process-card::before{height:100%;border-radius:inherit;
background:radial-gradient(circle at 25% 10%,rgba(117,174,212,.35),transparent 38%),linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent);opacity:.4;pointer-events:none}.process-card:hover{border-color:rgba(142,188,219,.75)}
.process-card.is-active{transform:translateY(-11px) scale(1.025);border-color:#a7cbe3;background:linear-gradient(155deg,#265879,#204964 50%,#193a50);box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 24px 44px rgba(19,44,61,.29)}
.process-card .process-icon,.process-card.is-active .process-icon{width:3.25rem;height:3.25rem;color:#e2eef6;border-color:rgba(206,226,240,.35);background:linear-gradient(145deg,rgba(59,136,187,.52),rgba(28,63,87,.45));
box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px rgba(0,0,0,.12)}.process-card .step-number,.process-card.is-active .step-number{background:rgba(255,255,255,.14);color:#eef5fa;border:1px solid rgba(255,255,255,.12)}
.process-card-copy{margin-top:1.35rem;padding-top:1.05rem;border-top-color:rgba(255,255,255,.16)}.process-card .process-label,.process-card.is-active .process-label{color:#9dc5e0}.process-card h3{color:#fff;font-size:1.06rem}.process-card p{color:#d0e0eb;
min-height:4.1rem;font-size:.75rem}.process-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.6rem .72rem;border:1px solid rgba(197,221,237,.38);border-radius:.48rem;background:rgba(12,29,40,.25);color:#fff;
font-size:.68rem;font-weight:800;transition:.2s ease}.process-card-action:hover{background:#fff;color:#1b3d54;border-color:#fff}.process-card-action span{font-size:.9rem}.process-card:not(:last-child)::after{top:2.12rem;border-color:#9dc5df;background:#fafcfd;
box-shadow:0 7px 18px rgba(19,43,59,.16)}.process-controls{margin-top:1.65rem}.process-control-button{background:rgba(255,255,255,.8)}@media(max-width:1100px){.process-world{left:auto;right:-7rem;opacity:.28}.process-card{min-height:18rem}
.process-card.is-active{transform:translateY(-5px)}}@media(max-width:640px){.process-world{width:24rem;height:17rem;left:-6rem;top:1rem}.world-grid{width:14rem;height:14rem}.orbit{display:none}.process-header{backdrop-filter:none}
.process-card{min-height:18rem;flex-basis:100%;border-radius:.9rem}.process-card.is-active{transform:none}}@media(prefers-reduced-motion:reduce){.orbit-node{animation:none!important}}.process-card:not(:last-child)::after{display:none}
.services-section{position:relative;padding:6.2rem 0;background:linear-gradient(180deg,#f7f9fb 0%,#eef3f6 100%);overflow:hidden}.services-section::before{content:"";position:absolute;inset:0;
background-image:linear-gradient(rgba(35,97,134,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(35,97,134,.025) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.services-section .section-shell{position:relative}
.services-section .centered-header{max-width:50rem;margin-bottom:3.2rem}.services-section .centered-header h2{font-size:clamp(2.15rem,3.8vw,3.25rem)}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.service-card.service-visual-card{position:relative;isolation:isolate;min-height:18.5rem;padding:1.25rem 1.35rem 1.3rem;border:1px solid #d8e2e8;border-radius:1rem;background:rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(17,39,54,.075);overflow:hidden}
.service-visual-card::before{content:"";position:absolute;z-index:-1;right:-3rem;top:-3.5rem;width:13rem;height:13rem;border-radius:50%;background:radial-gradient(circle,rgba(35,126,95,.15),transparent 67%)}.service-visual-card .service-icon{position:relative;
z-index:2;width:2.3rem;height:2.3rem;margin-bottom:4.7rem;border:1px solid #cfdde7;border-radius:.6rem;background:#edf4f8;color:#224f6d;font-size:1rem}.service-hero-visual{position:absolute;z-index:1;right:1.05rem;top:1.15rem;display:grid;place-items:center;
line-height:1;filter:drop-shadow(0 15px 12px rgba(18,40,55,.2));transform:rotate(-4deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s ease}.service-card:hover .service-hero-visual{transform:translateY(-7px) rotate(-1deg) scale(1.06);
filter:drop-shadow(0 20px 15px rgba(18,40,55,.26))}.visual-plane{font-size:6rem}.visual-cargo,.visual-document{font-size:4.5rem}.visual-warehouse{font-size:4.6rem}.visual-truck{font-size:5rem}.service-visual-card .service-tag{display:block;
margin-bottom:.45rem;font-size:.55rem;letter-spacing:.13em}.service-visual-card h3{font-size:1.08rem}.service-visual-card p{max-width:88%;font-size:.76rem;line-height:1.58}.service-visual-card>a{display:flex;align-items:center;justify-content:space-between;
margin-top:auto;padding-top:.8rem;border-top:1px solid #e5ebef;color:#214c68}.service-visual-card>a span{transition:transform .2s ease}.service-visual-card>a:hover span{transform:translateX(4px)}.service-card.service-featured{border-color:#549ac8;
background:linear-gradient(150deg,#224e6c,#19394f 62%,#132d3e);color:#fff;box-shadow:0 22px 42px rgba(23,53,73,.22)}.service-featured::before{background:radial-gradient(circle,rgba(108,168,208,.28),transparent 68%)}
.service-featured .service-icon{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#e0edf5}.service-featured .service-tag{color:#9fc7e1}.service-featured h3{color:#fff}.service-featured p{color:#d2e2ec}
.service-featured>a{border-top-color:rgba(255,255,255,.16);color:#fff}@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card.service-visual-card{min-height:18rem}}
@media(max-width:640px){.services-section{padding:4.5rem 0}.services-grid{grid-template-columns:1fr}.service-card.service-visual-card{min-height:17.5rem}.service-hero-visual{right:.75rem}}
@media(prefers-reduced-motion:reduce){.service-hero-visual{transition:none!important}}.contact-section{padding:6.5rem 0;background:#fff}.contact-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(34rem,1.18fr);gap:5rem;align-items:start}
.contact-information h2{max-width:36rem;margin-top:.65rem;color:var(--elolog-dark);font-size:clamp(2.15rem,3.7vw,3.35rem);line-height:1.08;letter-spacing:-.045em}.contact-information>p{max-width:34rem;margin-top:1rem;color:#60747e;font-size:.9rem;
line-height:1.75}.contact-cards{display:grid;gap:.65rem;margin-top:1.8rem}.contact-card{display:flex;align-items:center;gap:.9rem;padding:.9rem;border:1px solid #dfe7ed;border-radius:.8rem;background:#f8fafc;transition:.2s ease}
.contact-card:hover{border-color:#9fc1d8;background:#f1f6fa;transform:translateX(4px)}.contact-card>span{display:grid;place-items:center;width:2.6rem;height:2.6rem;flex:0 0 2.6rem;border-radius:.7rem;background:#e5eff6;color:#224f6d;font-size:1.05rem}
.contact-card small,.contact-card strong,.contact-card em{display:block}.contact-card small{color:#7b8c98;font-size:.57rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-card strong{margin-top:.12rem;color:#163042;font-size:.8rem}
.contact-card em{margin-top:.12rem;color:#71868d;font-size:.62rem;font-style:normal}.contact-operation-note{margin-top:1rem;padding:1rem 1.1rem;border-left:3px solid #237e5f;border-radius:0 .7rem .7rem 0;background:#eef5f9}
.contact-operation-note strong{color:#1c3f57;font-size:.75rem}.contact-operation-note p{margin-top:.25rem;color:#60727e;font-size:.67rem;line-height:1.5}.contact-form{padding:1.5rem;border:1px solid #d8e2e9;border-radius:1.1rem;
background:linear-gradient(155deg,#fff,#f6f9fb);box-shadow:0 22px 48px rgba(17,39,54,.09)}.contact-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #dee6ec}
.contact-form-head span{color:#224f6d;font-size:.56rem;font-weight:850;letter-spacing:.14em}.contact-form-head h3{margin-top:.25rem;color:#152e3f;font-size:1.25rem}.contact-form-head b{padding:.35rem .55rem;border-radius:999px;background:#e8f1f7;color:#1e4661;
font-size:.56rem}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1rem}.contact-form label{color:#3f5462;font-size:.66rem;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{display:block;
width:100%;margin-top:.35rem;padding:.72rem .78rem;border:1px solid #d3dde3;border-radius:.58rem;background:#fff;color:#172e3d;font:inherit;font-size:.76rem;outline:none}.contact-form textarea{min-height:7rem;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#237e5f;box-shadow:0 0 0 3px rgba(35,126,95,.1)}.contact-full{grid-column:1/-1}.contact-consent{display:flex!important;align-items:flex-start;gap:.6rem;
margin-top:1rem;color:#647682!important;font-size:.61rem!important;font-weight:500!important;line-height:1.45}.contact-consent input{width:1rem!important;height:1rem;margin:.08rem 0 0!important;accent-color:#237e5f}.contact-feedback{margin-top:.8rem}
.contact-feedback.is-success{padding:.75rem;border:1px solid #b9d1e1;border-radius:.6rem;background:#eaf2f8;color:#1c415a}.contact-feedback strong,.contact-feedback span{display:block}.contact-feedback strong{font-size:.7rem}
.contact-feedback span{margin-top:.2rem;font-size:.62rem}.contact-form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.contact-form-actions small{color:#8a9ca2;font-size:.56rem}
.contact-form-actions button{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1rem;border:0;border-radius:.6rem;background:#237e5f;color:#fff;font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(35,126,95,.2);
transition:.2s ease}.contact-form-actions button:hover{background:#224f6d;transform:translateY(-2px)}@media(max-width:1000px){.contact-layout{grid-template-columns:1fr;gap:2.5rem}.contact-information>p{max-width:45rem}
.contact-cards{grid-template-columns:repeat(3,1fr)}.contact-card{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.contact-section{padding:4.5rem 0}.contact-cards{grid-template-columns:1fr}.contact-card{align-items:center;
flex-direction:row}.contact-form{padding:1rem}.contact-form-grid{grid-template-columns:1fr}.contact-full{grid-column:auto}.contact-form-head{flex-direction:column}.contact-form-actions{align-items:stretch;flex-direction:column}
.contact-form-actions button{justify-content:center;width:100%}}.hero{min-height:calc(100vh - 4.75rem);display:flex;align-items:center;
background-image:linear-gradient(90deg,rgba(4,27,39,.97) 0%,rgba(11,26,36,.92) 35%,rgba(13,31,43,.52) 62%,rgba(11,25,34,.34) 100%),url(../../partilhado/imagens/hero-logistica-internacional.webp);background-size:cover;background-position:center;color:#fff}
.hero-bg-pattern{opacity:.08}.hero-glow{display:none}.hero-container{width:100%;text-align:left}.hero .badge{backdrop-filter:blur(7px);background:rgba(28,63,87,.36)}.hero-copy{max-width:48rem;margin:1.4rem 0 0}.hero-title{font-size:clamp(2.6rem,5.2vw,4.85rem);
text-wrap:balance}.hero-subtitle{max-width:42rem;margin:1.25rem 0 0;color:#d5e0e7}.hero-actions{justify-content:flex-start}.hero-stats{max-width:100%;margin-top:3.2rem;padding-top:1.3rem;border-color:rgba(255,255,255,.2);
background:linear-gradient(90deg,rgba(12,26,36,.32),transparent)}.hero-stats div{justify-content:flex-start}.logistics-animation{opacity:.2;mix-blend-mode:screen}.service-hero-visual{object-fit:contain;object-position:center;width:10.5rem;height:7.5rem;
font-size:0;background:transparent}.visual-plane{width:12rem;height:7.6rem;transform:rotate(-5deg)}.service-card:hover .visual-plane{transform:translateY(-7px) rotate(-2deg) scale(1.04)}.visual-ship{width:11rem}.visual-cargo{width:8.5rem;height:8rem}
.visual-document,.visual-warehouse,.visual-truck{width:9rem;height:7.7rem}.service-card.service-featured .service-hero-visual{filter:drop-shadow(0 18px 14px rgba(0,0,0,.32))}
.service-card:not(.service-featured) .service-hero-visual{filter:drop-shadow(0 15px 12px rgba(18,40,55,.18))}@media(max-width:900px){.hero{min-height:auto;background-position:64% center}.hero-container{max-width:78rem}.hero-copy{max-width:40rem}
.hero-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:640px){.hero{background-image:linear-gradient(180deg,rgba(4,27,39,.95),rgba(11,26,36,.83)),url(../../partilhado/imagens/hero-logistica-internacional.webp);
background-position:70% center}.hero-title{font-size:2.55rem}.hero-stats{background:none}.service-hero-visual{width:9rem;height:7rem}.visual-plane{width:10.5rem}}