:root{--logistics-color:#036;--ev-color:#bef264;--transition-speed:.6s;--font-primary:"Outfit", sans-serif;--seo-bottom-bar-h:2.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:#fff;background:#000;min-height:100vh}.skip-link{z-index:100;color:#000;background:#fff;border-radius:4px;padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:.5rem;left:-9999px}.skip-link:focus{outline:2px solid var(--ev-color);outline-offset:2px;left:.5rem}.seo-bottom-bar{z-index:20;padding:.35rem .75rem calc(.35rem + env(safe-area-inset-bottom,0px));letter-spacing:.04em;background:#000000e0;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem .5rem;font-size:.62rem;font-weight:500;line-height:1.25;display:flex;position:fixed;bottom:0;left:0;right:0}.seo-bottom-bar__title{font-size:inherit;text-transform:none;letter-spacing:.03em;margin:0;font-weight:700}.seo-bottom-bar__nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem .35rem;display:flex}.seo-bottom-bar a{color:#ffffffe0;text-decoration:none}.seo-bottom-bar a:hover{color:var(--ev-color);outline:none;text-decoration:underline}.seo-bottom-bar a:focus-visible{color:var(--ev-color);outline:none;text-decoration:underline}.seo-bottom-bar__sep{color:#ffffff59;-webkit-user-select:none;user-select:none}@media (min-width:769px){body{overflow:hidden}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-nav{display:contents}.portal-container{width:100vw;height:100vh;padding-bottom:var(--seo-bottom-bar-h);box-sizing:border-box;display:flex;position:relative}#logistics-portal,#electric-mobility-portal{scroll-margin-bottom:calc(var(--seo-bottom-bar-h) + .35rem)}.business-section{height:100%;transition:flex var(--transition-speed) cubic-bezier(.2, 0, .4, 1), filter var(--transition-speed) ease;cursor:pointer;color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.business-section:before{content:"";width:100%;height:100%;transition:transform var(--transition-speed) ease;z-index:1;background-position:50%;background-size:cover;position:absolute;top:0;left:0}.logistics-section:before{background-image:linear-gradient(#00142833,#00142880),url(/logistics_v2.png);background-image:-webkit-linear-gradient(#00142880,#00142833),-webkit-image-set(url(/logistics_v2.webp) 1x type("image/webp"),url(/logistics_v2.png) 1x type("image/png"));background-image:linear-gradient(#00142833,#00142880),image-set("/logistics_v2.webp" 1x type("image/webp"),"/logistics_v2.png" 1x type("image/png"))}.ev-section:before{background-image:linear-gradient(#0000001a,#0006),url(/ev_scooter_final.png);background-image:-webkit-linear-gradient(#0006,#0000001a),-webkit-image-set(url(/ev_scooter_final.webp) 1x type("image/webp"),url(/ev_scooter_final.png) 1x type("image/png"));background-image:linear-gradient(#0000001a,#0006),image-set("/ev_scooter_final.webp" 1x type("image/webp"),"/ev_scooter_final.png" 1x type("image/png"))}.business-section:hover{filter:brightness(1.1);flex:2}.business-section:not(:hover){filter:brightness(.7)grayscale(.2)}.business-section:hover:before{transform:scale(1.05)}.content-overlay{z-index:2;text-align:center;opacity:0;background:radial-gradient(circle,#0000004d 0%,#0000 70%);border-radius:50%;max-width:500px;padding:3rem;transition:transform .8s cubic-bezier(.2,0,.4,1),opacity .8s;position:relative;transform:translateY(20px)}.content-overlay.animate-in{opacity:1;transform:translateY(0)}.logo-placeholder{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.mobile-header{display:none}.brand-logo{filter:brightness(0)invert()drop-shadow(0 4px 6px #0006);width:auto;height:80px;margin-bottom:.5rem}.logo-placeholder span,.logo-placeholder h2{text-transform:uppercase;letter-spacing:5px;opacity:1;color:inherit;margin:0;font-family:inherit;font-size:1.2rem;font-weight:700}.description{opacity:1;margin-bottom:2.5rem;font-size:1.1rem;font-weight:400;line-height:1.6}.enter-btn{text-transform:uppercase;letter-spacing:2px;color:#fff;background:0 0;border:2px solid #fff;border-radius:50px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.logistics-section .enter-btn:hover{color:var(--logistics-color);background:#fff;transform:scale(1.05)}.ev-section .enter-btn:hover{background:var(--ev-color);border-color:var(--ev-color);color:#000;transform:scale(1.05)}.divider{z-index:3;pointer-events:none;background:#fff3;width:1px;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divider:after{content:"OR";background:#000;border:1px solid #fff3;border-radius:50%;padding:10px;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.portal-container{flex-direction:column;height:auto;overflow-y:auto}.mobile-header{z-index:10;opacity:0;background:0 0;justify-content:center;align-items:center;width:100%;padding:1.5rem 0;transition:transform .8s,opacity .8s;display:flex;position:absolute;top:0;transform:translateY(-20px)}.mobile-header.animate-in{opacity:1;transform:translateY(0)}.mobile-header .brand-logo{filter:brightness(0)invert();height:45px}.business-section{flex:none;min-height:60vh}.business-section:hover{flex:none}.business-section:not(:hover){filter:brightness(.9)}.business-section .logo-placeholder .brand-logo{display:none}.logo-placeholder{margin-top:5rem;margin-bottom:.5rem}.logo-placeholder span,.logo-placeholder h2{letter-spacing:2px;font-size:1.5rem}.divider{z-index:5;background:#ffffff1a;justify-content:center;align-items:center;width:100%;height:1px;margin:0;display:flex;position:relative}.divider:after{background:#111;border:1px solid #fff3;border-radius:50%;padding:8px;font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #000c}.content-overlay{background:0 0;border-radius:0;padding:2rem 1.5rem}.description{margin-bottom:2rem;font-size:1rem}.enter-btn{padding:.8rem 2rem;font-size:.9rem}.seo-bottom-bar{gap:.2rem .45rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.business-section,.business-section:before,.content-overlay{transition-duration:.01ms!important}.business-section:hover{flex:1}.business-section:hover:before{transform:none}@media (max-width:768px){.business-section:hover{flex:none}}}