2164 lines
170 KiB
HTML
2164 lines
170 KiB
HTML
<!DOCTYPE html><html lang="en-US" data-scroll-behavior="smooth" class="manrope_67dc055e-module__BHrBnq__variable space_grotesk_2e42c3c6-module__3Wl9rq__variable syne_ef5854ac-module__2TJB3a__variable dm_sans_2770e922-module__TdA3fW__variable inter_5dbe1e89-module__i9oJOa__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0c795a286deabae8-s.p.14tvuu96~wkr0.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/preloader.png"/><link rel="preload" as="image" href="/images/doormile-white.png"/><link rel="preload" as="image" href="/images/doormile-black.png"/><link rel="stylesheet" href="/_next/static/chunks/0ejo5d-~uyw2f.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/02wozf8tof0sv.js"/><script src="/_next/static/chunks/0zy6uq8rugo5b.js" async=""></script><script src="/_next/static/chunks/110q6k5sdl4es.js" async=""></script><script src="/_next/static/chunks/0mmsd47xe~1uj.js" async=""></script><script src="/_next/static/chunks/07uz2g0_38qia.js" async=""></script><script src="/_next/static/chunks/turbopack-0m94-63c52uuf.js" async=""></script><script src="/_next/static/chunks/09319k21oxyrj.js" async=""></script><script src="/_next/static/chunks/03-hxrp~efw2j.js" async=""></script><script src="/_next/static/chunks/04xui0pxt.et1.js" async=""></script><script src="/_next/static/chunks/037xe82t~065j.js" async=""></script><script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script><script src="/_next/static/chunks/0sbgg51muajoi.js" async=""></script><link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" as="style"/><link rel="preload" href="/css/site.css" as="style"/><meta name="next-size-adjust" content=""/><title>MileTruth – Doormile</title><meta name="description" content="Optimizes every stage of the delivery journey for maximum efficiency. Explore the only AI built exclusively for logistics."/><meta name="robots" content="index, follow"/><link rel="shortcut icon" href="/images/cropped-image-2.png"/><link rel="icon" href="/favicon.ico?favicon.14w3bhkxgz946.ico" sizes="40x40" type="image/x-icon"/><link rel="icon" href="/images/cropped-image-2.png"/><link rel="apple-touch-icon" href="/images/cropped-image-2.png"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/><link rel="stylesheet" href="/css/site.css"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page"><div hidden=""><!--$--><!--/$--></div><div class="dm-loader" role="status" aria-live="polite" aria-label="Loading"><div class="dm-loader__pulse"><img alt="Doormile" width="325" height="239" decoding="async" data-nimg="1" class="dm-loader__logo" style="color:transparent" src="/images/preloader.png"/></div><style>
|
||
.dm-loader {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 100000;
|
||
display: grid;
|
||
place-items: center;
|
||
background: #000;
|
||
opacity: 1;
|
||
transition: opacity 0.32s ease;
|
||
will-change: opacity;
|
||
}
|
||
.dm-loader.is-hiding { opacity: 0; pointer-events: none; }
|
||
.dm-loader__pulse { animation: dmLoaderPulse 1.5s linear infinite; display: grid; place-items: center; }
|
||
.dm-loader__logo { display: block; margin: 0 auto; width: clamp(120px, 32vw, 180px); height: auto; }
|
||
@keyframes dmLoaderPulse {
|
||
50% { transform: scale(0.85); }
|
||
100% { transform: scale(1); }
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.dm-loader__pulse { animation: none; }
|
||
}
|
||
</style></div><div class="body-overlay"></div><div class="body-container"><div id="page" class="hfeed site"><header id="masthead" itemScope="" itemType="https://schema.org/WPHeader"><p class="main-title bhf-hidden" itemProp="headline"><a title="Doormile" rel="home" href="/">Doormile</a></p><div data-elementor-type="wp-post" data-elementor-id="5180" class="elementor elementor-5180"><div class="elementor-element elementor-element-466de1b e-con-full sticky-container-on e-flex cut-corner-no e-con e-parent header-hide-until-scroll" data-id="466de1b" data-element_type="container" data-settings="{"position":"absolute"}"><div class="elementor-element elementor-element-e052838 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e052838" data-element_type="container"><div class="elementor-element elementor-element-d681ece e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d681ece" data-element_type="container"><div class="elementor-element elementor-element-472172e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="472172e" data-element_type="container"><div class="elementor-element elementor-element-2f31137 elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-logico_slide_sidebar" data-id="2f31137" data-element_type="widget" data-widget_type="logico_slide_sidebar.default"><div class="elementor-widget-container"><div class="logico-slide-sidebar-widget"><div class="dropdown-trigger" data-id="2f31137"><span class="dropdown-trigger-icon"></span></div></div><div style="z-index:100000" class="slide-sidebar-wrapper slide-sidebar-position-left" id="side-panel-2f31137"><div class="slide-sidebar-close"></div><div class="slide-sidebar"><div class="slide-sidebar-content"><div id="block-37" class="widget widget_block"><div class="widget-wrapper"><div class="dm-block-group is-layout-constrained dm-block-group-is-layout-constrained"><figure class="wp-block-image size-full is-resized"><img alt="Doormile logo" loading="lazy" width="305" height="58" decoding="async" data-nimg="1" class="wp-image-5851" style="color:transparent;width:150px;height:auto" src="/images/doormile-logo.png"/></figure><div style="height:46px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Our Location</h6></div><p>5th Floor, Vision Ultima, Street No.3, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032.</p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Contact Us</h6></div><p>Tel : +91 86886 97941</p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Email</h6></div><p><a href="mailto:care@doormile.com" data-wplink-edit="true">care@doormile.com</a></p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><ul class="wp-block-social-links has-icon-color is-style-logos-only has-background is-layout-flex wp-block-social-links-is-layout-flex" style="background-color:#1f1f1f"><li style="color:#ffffff" class="wp-social-link wp-social-link-facebook has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.facebook.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-x has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://x.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-linkedin has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.linkedin.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-youtube has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.youtube.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul><div style="height:137px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button is-style-simple is-style-theme"><a class="wp-block-button__link wp-element-button" style="border-radius:10px" href="/contact">Get in touch</a></div></div></div></div></div></div></div></div></div></div><div class="elementor-element elementor-element-846e53d elementor-widget elementor-widget-site-logo" data-id="846e53d" data-element_type="widget" data-widget_type="site-logo.default"><div class="elementor-widget-container"><div class="hfe-site-logo"><a data-elementor-open-lightbox="" class="elementor-clickable" href="/"><div class="hfe-site-logo-set"><div class="hfe-site-logo-container"><img alt="doormile-logo" width="400" height="76" decoding="async" data-nimg="1" class="hfe-site-logo-img logo-desktop elementor-animation-" style="color:transparent" src="/images/doormile-white.png"/><img alt="doormile-logo" width="400" height="76" decoding="async" data-nimg="1" class="hfe-site-logo-img logo-mobile elementor-animation-" style="color:transparent" src="/images/doormile-black.png"/></div></div></a></div></div></div></div><div class="elementor-element elementor-element-e44ee7e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e44ee7e" data-element_type="container"><div class="elementor-element elementor-element-0b7bf6f logico-breakpoint-laptop elementor-widget__width-auto elementor-widget elementor-widget-logico_navigation_menu" data-id="0b7bf6f" data-element_type="widget" data-widget_type="logico_navigation_menu.default"><div class="elementor-widget-container"><div class="header-menu-container"><nav><ul id="menu-main-menu" class="main-menu"><li id="menu-item-10508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508"><a href="/">Home</a></li><li id="menu-item-10509" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509"><a href="/how-it-works">How It Works</a></li><li id="menu-item-10510" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510 active"><a href="/miletruth">MileTruth™ AI</a></li><li id="menu-item-10511" class="menu-item menu-item-type-custom menu-item-10511"><a href="/solutions">Solutions</a></li><li id="menu-item-10512" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10512"><a href="/about-us">About</a></li><li id="menu-item-10535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535"><a href="/blog">Blogs</a></li></ul></nav></div><div class="menu-trigger" data-id="0b7bf6f"><span class="menu-trigger-icon"><span class="hamburger"><span></span><span></span><span></span></span></span></div><div style="z-index:100000" class="mobile-header-menu-container" id="mobile-header-0b7bf6f"><div class="mobile-header-row"><div class="header-icons-container"><div class="header-icon mini-cart"><a href="#" class="mini-cart-trigger"><i class="mini-cart-count"></i></a></div><a class="header-icon search-link" href="#"><span class="search-trigger-icon"></span></a><div class="header-icon login-logout"><a href="#" title="Login/Register" class="link-login"></a></div><div class="header-icon menu-close"><span class="menu-close-icon"></span></div></div></div><nav><ul id="menu-main-menu-1" class="main-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508"><a href="/">Home</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509"><a href="/how-it-works">How It Works</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510 active"><a href="/miletruth">MileTruth™ AI</a></li><li class="menu-item menu-item-type-custom menu-item-10511"><a href="/solutions">Solutions</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10512"><a href="/about-us">About</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535"><a href="/blog">Blogs</a></li></ul></nav><div class="header-mobile-contacts"><div class="contact-item contact-item-phone"><span class="contact-item-label">Phone</span><div class="contact-item-value"><p>Tel : +91 86886 97941</p></div></div><div class="contact-item contact-item-email"><span class="contact-item-label">Email</span><div class="contact-item-value"><p><a href="mailto:care@doormile.com" data-wplink-edit="true">care@doormile.com</a></p></div></div></div><div class="header-mobile-socials"><ul class="mobile-menu-socials wrapper-socials"><li><a href="https://www.facebook.com/" target="_blank" aria-label="Facebook" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></li><li><a href="https://x.com/" target="_blank" aria-label="X (Twitter)" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></li><li><a href="https://www.linkedin.com/" target="_blank" aria-label="LinkedIn" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></li><li><a href="https://www.youtube.com/" target="_blank" aria-label="YouTube" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></li></ul></div><div class="header-mobile-button"><a class="logico-alter-button" href="/contact">Get in Touch</a></div></div></div></div></div></div></div><div class="elementor-element elementor-element-f961133 e-con-full elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f961133" data-element_type="container"><div class="elementor-element elementor-element-cabdb09 elementor-widget elementor-widget-logico_header_button" data-id="cabdb09" data-element_type="widget" data-widget_type="logico_header_button.default"><div class="elementor-widget-container"><div class="header-button-container"><a class="header-button header-button-animation-fade" href="/contact">Contact Us</a></div></div></div></div></div></div></header><style>
|
||
#masthead .elementor-element.elementor-element-466de1b {
|
||
position: absolute !important;
|
||
top: 5px !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
width: auto !important;
|
||
transition: background-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease !important;
|
||
z-index: 10000 !important;
|
||
}
|
||
|
||
/* .e-con's --padding-* falls through two competing stylesheets and lands at 10px locally
|
||
(vs 0 in production). Zero out the pill wrappers so the navbar matches prod height (~122px). */
|
||
#masthead .elementor-element.elementor-element-e052838,
|
||
#masthead .elementor-element.elementor-element-d681ece {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#masthead {
|
||
position: relative;
|
||
z-index: 10000;
|
||
}
|
||
|
||
/* Production pins the wrapper via Elementor sticky-effects JS (not shipped here).
|
||
Force position:fixed once scrolled past 50px so the header stays in viewport. */
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||
position: fixed !important;
|
||
background: rgba(26, 26, 26, 0.92) !important;
|
||
-webkit-backdrop-filter: blur(14px) !important;
|
||
backdrop-filter: blur(14px) !important;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
|
||
top: 0 !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
|
||
background: transparent !important;
|
||
}
|
||
}
|
||
|
||
/* ── Desktop navbar spacing (Mac M1 / medium-desktop fix) ──
|
||
On 1440–1728px viewports the logo sat flush against the nav
|
||
pill because every flex/gap rule for this row lives inside the
|
||
max-width:1024px blocks — on desktop the row fell back to
|
||
Elementor's default packing with zero gap. Give the header row
|
||
real flexbox spacing: a responsive gap between the grid icon,
|
||
the logo, and the nav pill, and keep the logo from shrinking so
|
||
the separation holds at every desktop width. */
|
||
@media (min-width: 1025px) {
|
||
/* Main header row: grid icon+logo on the left, nav pill on the
|
||
right, with breathing room between the two groups. */
|
||
#masthead .elementor-element.elementor-element-d681ece {
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
justify-content: space-between !important;
|
||
flex-wrap: nowrap !important;
|
||
gap: clamp(24px, 3vw, 48px) !important;
|
||
}
|
||
|
||
/* Logo group (grid icon + logo): space the icon off the logo
|
||
and stop the whole group from being squeezed into the nav. */
|
||
#masthead .elementor-element.elementor-element-472172e {
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
gap: clamp(16px, 1.5vw, 28px) !important;
|
||
flex: 0 0 auto !important;
|
||
}
|
||
|
||
/* Logo never shrinks — preserves a hard edge against the nav. */
|
||
#masthead .elementor-element.elementor-element-846e53d {
|
||
flex-shrink: 0 !important;
|
||
}
|
||
|
||
/* Nav container scales responsively but never bleeds into the
|
||
logo area. */
|
||
#masthead .elementor-element.elementor-element-e44ee7e {
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
justify-content: flex-end !important;
|
||
flex: 0 1 auto !important;
|
||
min-width: 0 !important;
|
||
}
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a:before {
|
||
background-color: #ffffff !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li > a:focus,
|
||
#masthead .header-menu-container .main-menu > li > a:focus-visible {
|
||
outline: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* Responsive logo adjustment on mobile/tablet */
|
||
@media (max-width: 1024px) {
|
||
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
|
||
width: 150px !important;
|
||
height: auto !important;
|
||
margin-left: 20px !important;
|
||
}
|
||
#masthead .header-menu-container {
|
||
display: none !important;
|
||
}
|
||
#masthead .menu-trigger {
|
||
display: block !important;
|
||
}
|
||
|
||
/* Sticky header on scroll for mobile/tablet too — the desktop
|
||
rule lived only in the min-width:1025px block, so on phones the
|
||
absolutely-positioned navbar scrolled away with the page. Pin it
|
||
to the top once scrolled past 50px, matching desktop behaviour. */
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||
position: fixed !important;
|
||
top: 0 !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
|
||
width: 130px !important;
|
||
margin-left: 10px !important;
|
||
}
|
||
}
|
||
|
||
/* The theme reveals the mobile slide-in menu via Elementor's
|
||
body[data-elementor-device-mode="mobile"] rules, which are set by
|
||
Elementor's frontend JS — that JS isn't shipped in this Next port,
|
||
so the panel stayed display:none and the hamburger opened nothing.
|
||
Restore it with the same 1024px breakpoint the nav already switches
|
||
at. The panel sits off-screen (right:-320px) until .active slides
|
||
it in, matching production behaviour. */
|
||
@media (max-width: 1024px) {
|
||
#masthead .elementor-widget-logico_navigation_menu .mobile-header-menu-container {
|
||
display: block !important;
|
||
}
|
||
}
|
||
|
||
/* The bundled 'fontello' subset is missing the search (\e85c) and
|
||
close (\e845) glyphs, so those two icons render as empty tofu
|
||
boxes. Replace them with inline SVGs via CSS masks so they paint
|
||
in the current text colour (matching the working cart/user icons)
|
||
and respond to hover. */
|
||
#masthead .header-icon.search-link .search-trigger-icon::before,
|
||
#masthead .header-icon.menu-close .menu-close-icon::before {
|
||
content: "" !important;
|
||
display: block;
|
||
width: 1em;
|
||
height: 1em;
|
||
background-color: currentColor;
|
||
-webkit-mask-repeat: no-repeat;
|
||
mask-repeat: no-repeat;
|
||
-webkit-mask-position: center;
|
||
mask-position: center;
|
||
-webkit-mask-size: contain;
|
||
mask-size: contain;
|
||
}
|
||
#masthead .header-icon.search-link .search-trigger-icon::before {
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
|
||
}
|
||
#masthead .header-icon.menu-close .menu-close-icon::before {
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E");
|
||
}
|
||
</style><div class="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none"><div class="content"><div class="content-inner"><div data-elementor-type="wp-page" data-elementor-id="59" class="elementor elementor-59"><style>
|
||
/* ── Hero wrapper: column layout, zero gap between hero + stats ── */
|
||
.miletruth-hero .elementor-element-86f3204 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0;
|
||
margin: 0;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
/* ── Hero slider card ── */
|
||
.miletruth-hero-container {
|
||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.3) 100%), url('/images/miletruth-bg.png') !important;
|
||
background-size: cover !important;
|
||
background-position: center !important;
|
||
background-repeat: no-repeat !important;
|
||
/* Match the home page hero card (800px) so MileTruth has the same visual
|
||
presence on large desktop, MacBook M1/Pro, and standard laptops. */
|
||
min-height: 800px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
border-radius: 25px 25px 0 0;
|
||
margin-top: 20px;
|
||
padding: 100px 40px;
|
||
}
|
||
.miletruth-hero-container::before {
|
||
display: none !important;
|
||
}
|
||
.miletruth-content {
|
||
position: relative;
|
||
z-index: 2;
|
||
width: 100%;
|
||
padding: 0 40px !important;
|
||
box-sizing: border-box;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
color: rgba(255, 255, 255, 0.96) !important;
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(34px, 5.5vw, 72px) !important;
|
||
font-weight: 850 !important;
|
||
line-height: 1.05 !important;
|
||
letter-spacing: -1.5px !important;
|
||
text-transform: uppercase !important;
|
||
text-align: center !important;
|
||
display: block;
|
||
}
|
||
.miletruth-hero .content-slider-item-text {
|
||
margin-top: 22px !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text p {
|
||
color: rgba(255, 255, 255, 0.72) !important;
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(17px, 1.6vw, 23px) !important;
|
||
font-weight: 500 !important;
|
||
line-height: 1.65 !important;
|
||
margin: 0 auto !important;
|
||
max-width: 820px;
|
||
}
|
||
.miletruth-hero .slide-content {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
padding: 0 40px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
.miletruth-hero .slide-content,
|
||
.miletruth-hero .slide-content-inner {
|
||
/* These carry inherited 20px padding from the slider theme with
|
||
content-box sizing, so width:100% + padding overflowed the viewport
|
||
by ~40px and pushed the hero off-center. Force border-box so the
|
||
padding is contained and the block stays centered. */
|
||
box-sizing: border-box !important;
|
||
}
|
||
.miletruth-hero .slide-content-inner {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
text-align: center !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
max-width: 1000px !important;
|
||
width: 100% !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
text-align: center !important;
|
||
display: block !important;
|
||
width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text {
|
||
display: flex !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin-top: 23px !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .text-content {
|
||
text-align: center !important;
|
||
max-width: 800px !important;
|
||
margin: 0 auto !important;
|
||
}
|
||
/* The "logico" slider reveal animation leaves these at opacity:0 until
|
||
its JS runs (absent in this rebuild), hiding the heading + subtitle.
|
||
Force them visible. */
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-text,
|
||
.miletruth-hero .logico-content-wrapper-1,
|
||
.miletruth-hero .logico-content-wrapper-2 {
|
||
opacity: 1 !important;
|
||
transform: none !important;
|
||
visibility: visible !important;
|
||
}
|
||
|
||
/* ══════════════════════════════════════════════════════════════════
|
||
Stats bar — dark rounded card overlapping the hero bottom
|
||
══════════════════════════════════════════════════════════════════ */
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin: -25px 0 0 0 !important;
|
||
background-color: #1F1F1F !important;
|
||
border-radius: 25px !important;
|
||
padding: 40px 0 !important;
|
||
position: relative !important;
|
||
z-index: 1 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e > .e-con-inner {
|
||
width: 100% !important;
|
||
max-width: 1440px !important;
|
||
height: auto !important;
|
||
margin: 0 auto !important;
|
||
padding: 0 40px !important;
|
||
flex-grow: 0 !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
/* 4-col grid for counter widgets — rows size to content (not 1fr of the
|
||
container) so the counters aren't parked at the top of a tall row. */
|
||
.miletruth-hero .elementor-element-628123a {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(4, 1fr) !important;
|
||
grid-template-rows: auto !important;
|
||
height: auto !important;
|
||
gap: 40px !important;
|
||
width: 100% !important;
|
||
justify-items: start !important;
|
||
align-items: start !important;
|
||
align-content: start !important;
|
||
}
|
||
|
||
/* Counter: title on top, number below, left-aligned */
|
||
.miletruth-hero .elementor-counter {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: flex-start !important;
|
||
text-align: left !important;
|
||
}
|
||
|
||
/* Counter title — above the number */
|
||
.miletruth-hero .elementor-counter-title {
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: 20px !important;
|
||
font-weight: 600 !important;
|
||
line-height: 1.3em !important;
|
||
color: #FFFFFF !important;
|
||
margin-bottom: 12px !important;
|
||
text-transform: none !important;
|
||
}
|
||
|
||
/* Counter number wrapper — centered */
|
||
.miletruth-hero .elementor-counter-number-wrapper {
|
||
font-family: var(--font-space-grotesk), "Space Grotesk", var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(48px, 6.5vw, 100px) !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1em !important;
|
||
color: #C01227 !important;
|
||
letter-spacing: -0.03em !important;
|
||
display: flex !important;
|
||
align-items: baseline !important;
|
||
justify-content: flex-start !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number {
|
||
color: #C01227 !important;
|
||
font-size: inherit !important;
|
||
font-weight: inherit !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number-suffix {
|
||
color: #C01227 !important;
|
||
font-size: inherit !important;
|
||
font-weight: inherit !important;
|
||
letter-spacing: -0.03em !important;
|
||
}
|
||
|
||
/* ── Responsive ── */
|
||
@media (max-width: 1200px) {
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 60px !important;
|
||
}
|
||
}
|
||
@media (max-width: 1024px) {
|
||
.miletruth-hero-container {
|
||
min-height: 600px;
|
||
padding: 120px 0;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 40px 0 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: repeat(2, 1fr) !important;
|
||
gap: 50px 40px !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 50px !important;
|
||
line-height: 1.1 !important;
|
||
}
|
||
}
|
||
@media (max-width: 768px) {
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 40px !important;
|
||
line-height: 1.12 !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text p {
|
||
font-size: 16px !important;
|
||
}
|
||
}
|
||
@media (max-width: 580px) {
|
||
.miletruth-hero-container {
|
||
min-height: 500px;
|
||
padding: 100px 0;
|
||
}
|
||
.miletruth-hero .elementor-element-86f3204 {
|
||
padding: 0 12px;
|
||
}
|
||
/* Collapse the nested horizontal padding (was 40px + 40px on top of the
|
||
12px wrapper) — at 320px that left only ~136px for text and the long
|
||
heading words overflowed, causing horizontal scroll + off-center look. */
|
||
.miletruth-content {
|
||
padding: 0 14px !important;
|
||
}
|
||
.miletruth-hero .slide-content {
|
||
padding: 0 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 30px 0 !important;
|
||
border-radius: 20px !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e > .e-con-inner {
|
||
padding: 0 20px !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: 1fr !important;
|
||
gap: 36px !important;
|
||
/* Single column on mobile → center each stat in the card */
|
||
justify-items: center !important;
|
||
}
|
||
.miletruth-hero .elementor-counter {
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number-wrapper {
|
||
justify-content: center !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: clamp(26px, 8vw, 32px) !important;
|
||
letter-spacing: -0.5px !important;
|
||
/* never let a single long word push past the viewport */
|
||
overflow-wrap: break-word;
|
||
word-break: break-word;
|
||
}
|
||
}
|
||
</style><div class="elementor-63 miletruth-hero"><div class="elementor-element elementor-element-86f3204 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="86f3204" data-element_type="container" data-e-type="container"><div class="miletruth-hero-container"><div class="e-con-inner miletruth-content"><div class="logico-content-slider-widget"><div class="content-slider-wrapper"><div class="content-slider-container"><div class="content-slider owl-carousel owl-theme"><div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard"><div class="slide-content" style="padding-left:0;padding-right:0"><div class="slide-content-inner"><h1 class="content-slider-item-heading logico-content-wrapper-1"><span class="heading-content">The Only AI Built<br/>Exclusively for Logistics</span></h1><div class="content-slider-item-text logico-content-wrapper-2"><div class="text-content"><p>Optimizes every stage of the delivery journey for maximum efficiency.</p></div></div></div></div></div></div></div></div></div></div></div><div class="elementor-element elementor-element-8e5c81e e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="8e5c81e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="e-con-inner"><div class="elementor-element elementor-element-628123a e-con-full e-grid cut-corner-no sticky-container-off e-con e-child" data-id="628123a" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">SLA Compliance</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">1</span><span class="elementor-counter-number-suffix"> %</span></div></div></div></div><div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5-2" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">Distance Saved</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">1</span><span class="elementor-counter-number-suffix"> %</span></div></div></div></div><div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5-3" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">Fewer Vehicles</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">1</span><span class="elementor-counter-number-suffix"> %</span></div></div></div></div><div class="elementor-element elementor-element-a1cf3d4 elementor-widget elementor-widget-counter" data-id="a1cf3d4" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">Dispatch Latency</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">45</span><span class="elementor-counter-number-suffix">ms</span></div></div></div></div></div></div></div></div></div><style>
|
||
/* ============================================================
|
||
EV-Native Design — redesigned section
|
||
bg #080808 · red #ef4444 · Manrope
|
||
============================================================ */
|
||
|
||
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
|
||
|
||
/* External gap helpers — keep stacked workflow sections on one rhythm
|
||
(Desktop 40 · Tablet 32 · Mobile 24). Single-sided per boundary. */
|
||
.evnd-gap-top { margin-top: 40px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 40px !important; }
|
||
|
||
.evnd {
|
||
position: relative;
|
||
isolation: isolate;
|
||
overflow: hidden;
|
||
background: #080808;
|
||
/* flat top so it connects seamlessly to the banner above; rounded
|
||
bottom only, and no top margin so there is no white gap */
|
||
border-radius: 0 0 clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);
|
||
margin: 0 0 clamp(28px, 5vw, 64px);
|
||
padding: 64px 48px clamp(48px, 6vw, 80px);
|
||
}
|
||
/* subtle diagonal light band for depth (matches reference) */
|
||
.evnd::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,0.015) 50%, transparent 72%);
|
||
}
|
||
.evnd__inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
|
||
|
||
/* ---- MAIN GRID ---- */
|
||
.evnd__grid {
|
||
display: grid;
|
||
grid-template-columns: 1.15fr 1fr;
|
||
gap: clamp(32px, 4vw, 56px);
|
||
align-items: center;
|
||
}
|
||
/* Split-screen workflow layout: ~60/40 so the live dashboard column
|
||
carries enough weight to balance the Three.js scene. align-items:
|
||
stretch lets the cards panel match the scene height. */
|
||
.evnd__grid--cards {
|
||
grid-template-columns: 1.5fr 1fr;
|
||
align-items: stretch;
|
||
}
|
||
.evnd__grid--cards .evnd__left { justify-content: center; }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__media { width: 100%; }
|
||
|
||
/* ---- Desktop height alignment: scene and insight panel share one row
|
||
height. A min-height floor on the scene column sets the baseline row
|
||
height (≥620px so the tallest slide's status → metric → title → KPIs →
|
||
description fits with the footer fully clear). Both columns stretch to
|
||
the row via grid align-items: stretch.
|
||
|
||
The panel uses min-height:100% (not a hard height) and its card stage
|
||
is flex: 1 0 auto — it grows to fill the row but, crucially, NEVER
|
||
shrinks below its own content. So a long description can only push the
|
||
panel taller, never overlap the nav footer; the grid row grows with it
|
||
and the scene (height:100%) stretches to match. Result: the card height
|
||
always equals the scene height AND the 01/04 counter + pagination stay
|
||
pinned to the bottom with dedicated, un-overlappable space. */
|
||
@media (min-width: 992px) {
|
||
.evnd__grid--cards .evnd__left {
|
||
min-height: clamp(620px, 44vw, 680px);
|
||
}
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__imgwrap--media,
|
||
.evnd__grid--cards .wf-scene { height: 100%; }
|
||
.evnd__grid--cards .wf-scene { aspect-ratio: auto; }
|
||
.evnd__grid--cards .evnd__cards { min-height: 100%; }
|
||
/* grow to fill the row, but hold content height as a hard floor so
|
||
the footer can never ride up over the description */
|
||
.evnd__grid--cards .evnd__cards-stage { flex: 1 0 auto; min-height: 0; }
|
||
/* centre the slide content in the taller stage for a balanced panel */
|
||
.evnd__grid--cards .evnd__card { justify-content: center; }
|
||
}
|
||
|
||
.evnd__left {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.evnd__right {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.evnd__eyebrow {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
font-size: 13px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__eyebrow::before {
|
||
content: '';
|
||
width: 16px;
|
||
height: 2px;
|
||
background: #ef4444;
|
||
}
|
||
|
||
.evnd__title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(32px, 3.8vw, 48px) !important;
|
||
line-height: 1.15 !important;
|
||
letter-spacing: -0.01em;
|
||
margin: 0 0 36px 0;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.evnd__title {
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
.evnd__title .accent {
|
||
color: #ef4444 !important;
|
||
}
|
||
|
||
.evnd__media {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.evnd__glow {
|
||
position: absolute;
|
||
left: 50%; bottom: -4%;
|
||
width: 80%; height: 80px;
|
||
transform: translateX(-50%);
|
||
background: radial-gradient(50% 50% at 50% 50%, rgba(239,68,68,0.3), transparent 72%);
|
||
filter: blur(35px);
|
||
z-index: 0;
|
||
animation: evndGlow 4s ease-in-out infinite;
|
||
}
|
||
.evnd__imgwrap {
|
||
position: relative;
|
||
z-index: 1;
|
||
overflow: hidden;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85);
|
||
}
|
||
.evnd__img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
object-fit: cover;
|
||
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
|
||
}
|
||
.evnd__imgwrap:hover .evnd__img {
|
||
transform: scale(1.03);
|
||
}
|
||
|
||
/* Badge overlay styling */
|
||
.evnd__badge {
|
||
position: absolute;
|
||
z-index: 2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
padding: 12px 16px;
|
||
background: rgba(13,13,13,0.72);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 8px;
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
}
|
||
.evnd__badge b {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: 24px;
|
||
line-height: 1;
|
||
}
|
||
.evnd__badge span {
|
||
color: rgba(255,255,255,0.7) !important;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__badge--tl { top: 20px; left: 20px; }
|
||
.evnd__badge--br { bottom: 20px; right: 20px; }
|
||
|
||
/* ---- Feature cards ---- */
|
||
.evnd__features {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
height: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
.evnd-feature {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 48px minmax(0, 1fr) auto;
|
||
gap: 20px;
|
||
align-items: start;
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.05);
|
||
border-radius: 16px;
|
||
padding: 24px;
|
||
overflow: hidden;
|
||
transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(.25,1,.5,1);
|
||
}
|
||
.evnd-feature__body { min-width: 0; }
|
||
.evnd-feature::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0; top: 0; bottom: 0;
|
||
width: 3px;
|
||
background: #ef4444;
|
||
transform: scaleY(0);
|
||
transform-origin: bottom;
|
||
transition: transform 0.4s ease;
|
||
}
|
||
.evnd-feature:hover {
|
||
background: rgba(239,68,68,0.03);
|
||
border-color: rgba(239,68,68,0.2);
|
||
transform: translateY(-2px);
|
||
}
|
||
.evnd-feature:hover::before { transform: scaleY(1); }
|
||
|
||
.evnd-feature__icon-container {
|
||
width: 48px; height: 48px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
background: rgba(255,255,255,0.03);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 12px;
|
||
transition: background-color 0.3s ease, border-color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__icon-container {
|
||
background: rgba(239,68,68,0.08);
|
||
border-color: rgba(239,68,68,0.25);
|
||
}
|
||
|
||
.evnd-icon {
|
||
width: 22px;
|
||
height: 22px;
|
||
display: block;
|
||
}
|
||
|
||
.evnd-feature__title {
|
||
color: #fff !important;
|
||
font-weight: 700;
|
||
font-size: 15px !important;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
margin: 4px 0 8px;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__title { color: #ef4444 !important; }
|
||
.evnd-feature__desc {
|
||
color: rgba(255,255,255,0.65) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 14px !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0;
|
||
}
|
||
.evnd-feature__arrow {
|
||
color: rgba(255,255,255,0.25);
|
||
font-size: 16px;
|
||
align-self: flex-start;
|
||
margin-top: 4px;
|
||
transition: color 0.3s ease, transform 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__arrow { color: #ef4444; transform: translate(3px, -3px); }
|
||
|
||
/* When the left media is a live 3D scene, let it define its own height
|
||
(via aspect-ratio) — drop the image-only hover zoom container quirks. */
|
||
.evnd__imgwrap--media { box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85); }
|
||
|
||
/* ============================================================
|
||
Rotating "live AI insight" cards (split-screen right column).
|
||
Themed per-workflow via CSS vars (--ca accent · --ca2 secondary ·
|
||
--cg glow). Falls back to the section red when no theme is passed.
|
||
============================================================ */
|
||
.evnd__cards {
|
||
--ca: #ef4444;
|
||
--ca2: #f59e0b;
|
||
--cg: rgba(239,68,68,0.22);
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 22px;
|
||
width: 100%;
|
||
/* panel surface so the column reads as a real dashboard, not empty space */
|
||
background:
|
||
radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--ca) 9%, transparent) 0%, transparent 55%),
|
||
linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
|
||
border: 1px solid rgba(255,255,255,0.07);
|
||
border-radius: 20px;
|
||
padding: 26px 26px 22px;
|
||
overflow: hidden;
|
||
isolation: isolate;
|
||
}
|
||
/* ============================================================
|
||
Layered "AI intelligence" backdrop (behind the card content).
|
||
Overscanned by 12% on every side so the scroll-parallax never
|
||
exposes a panel edge. Whole stack is colour = accent, individual
|
||
layers stay inside a 5–12% opacity budget. z-index 0; content is z 1.
|
||
============================================================ */
|
||
.evnd__bg {
|
||
position: absolute;
|
||
/* generous overscan so scroll-parallax never exposes a panel edge */
|
||
inset: -20%;
|
||
z-index: 0;
|
||
color: var(--ca);
|
||
pointer-events: none;
|
||
overflow: hidden;
|
||
}
|
||
.evnd__bg > * { position: absolute; inset: 0; }
|
||
|
||
/* Layer B — technical grid (large spacing, softer than the 3D floor) */
|
||
.evnd__bg-grid {
|
||
background-image:
|
||
linear-gradient(to right, currentColor 1px, transparent 1px),
|
||
linear-gradient(to bottom, currentColor 1px, transparent 1px);
|
||
background-size: 64px 64px;
|
||
opacity: 0.05;
|
||
-webkit-mask-image: radial-gradient(120% 100% at 80% 0%, #000 30%, transparent 85%);
|
||
mask-image: radial-gradient(120% 100% at 80% 0%, #000 30%, transparent 85%);
|
||
}
|
||
|
||
/* Layer A — routing network graph */
|
||
.evnd__bg-net { width: 100%; height: 100%; opacity: 0.11; }
|
||
.evnd__bg-mesh { opacity: 0.55; }
|
||
.evnd__bg-nodes circle {
|
||
transform-box: fill-box;
|
||
transform-origin: center;
|
||
animation: evndNode 3.6s ease-in-out infinite;
|
||
}
|
||
@keyframes evndNode { 0%,100% { opacity: 0.45; } 50% { opacity: 1; } }
|
||
.evnd__bg-flow {
|
||
opacity: 0.85;
|
||
stroke-dasharray: 14 320;
|
||
animation: evndFlow 7s linear infinite;
|
||
}
|
||
.evnd__bg-flow--2 { animation-duration: 9s; animation-delay: -3s; }
|
||
@keyframes evndFlow { to { stroke-dashoffset: -334; } }
|
||
|
||
/* Layer C — ambient glow field (slow breathing, 9–11s) */
|
||
.evnd__bg-glow { inset: auto; border-radius: 50%; filter: blur(46px); }
|
||
.evnd__bg-glow--a {
|
||
top: -6%; right: -6%;
|
||
width: 58%; height: 50%;
|
||
background: radial-gradient(50% 50% at 50% 50%, var(--cg), transparent 72%);
|
||
animation: evndBreathe 9.5s ease-in-out infinite;
|
||
}
|
||
.evnd__bg-glow--b {
|
||
bottom: -8%; left: -10%;
|
||
width: 52%; height: 46%;
|
||
background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--ca2) 55%, var(--cg)), transparent 72%);
|
||
opacity: 0.6;
|
||
animation: evndBreathe 11.5s ease-in-out infinite;
|
||
animation-delay: -4s;
|
||
}
|
||
@keyframes evndBreathe {
|
||
0%,100% { opacity: 0.4; transform: scale(0.96); }
|
||
50% { opacity: 0.85; transform: scale(1.06); }
|
||
}
|
||
|
||
/* Layer D — data particles (sparse, slow drift) */
|
||
.evnd__bg-particles span {
|
||
position: absolute;
|
||
width: 3px; height: 3px;
|
||
border-radius: 50%;
|
||
background: currentColor;
|
||
opacity: 0;
|
||
box-shadow: 0 0 6px currentColor;
|
||
animation-name: evndParticle;
|
||
animation-timing-function: ease-in-out;
|
||
animation-iteration-count: infinite;
|
||
}
|
||
@keyframes evndParticle {
|
||
0% { opacity: 0; transform: translateY(8px); }
|
||
20% { opacity: 0.5; }
|
||
80% { opacity: 0.5; }
|
||
100% { opacity: 0; transform: translateY(-22px); }
|
||
}
|
||
|
||
.evnd__cards-head,
|
||
.evnd__cards-stage,
|
||
.evnd__cards-nav { position: relative; z-index: 1; }
|
||
|
||
/* dashboard header row */
|
||
.evnd__cards-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding-bottom: 4px;
|
||
}
|
||
.evnd__cards-live {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 9px;
|
||
color: var(--ca) !important;
|
||
font-weight: 800;
|
||
font-size: 12px;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__cards-livedot {
|
||
width: 8px; height: 8px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 0 0 var(--cg);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
@keyframes evndPulse {
|
||
0% { box-shadow: 0 0 0 0 var(--cg); opacity: 1; }
|
||
70% { box-shadow: 0 0 0 8px transparent; opacity: 0.7; }
|
||
100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
|
||
}
|
||
.evnd__cards-sys {
|
||
color: rgba(255,255,255,0.4) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.evnd__cards-stage { display: grid; }
|
||
|
||
.evnd__card {
|
||
grid-area: 1 / 1;
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
opacity: 0;
|
||
transform: translateY(14px);
|
||
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.25,1,.5,1);
|
||
pointer-events: none;
|
||
}
|
||
.evnd__card.is-active {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
pointer-events: auto;
|
||
}
|
||
|
||
/* status pill */
|
||
.evnd__card-status {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
align-self: flex-start;
|
||
color: rgba(255,255,255,0.82) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
padding: 7px 13px;
|
||
background: color-mix(in srgb, var(--ca) 12%, rgba(255,255,255,0.02));
|
||
border: 1px solid color-mix(in srgb, var(--ca) 35%, transparent);
|
||
border-radius: 999px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__card-statusdot {
|
||
width: 7px; height: 7px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 8px var(--ca);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
|
||
/* hero metric */
|
||
.evnd__card-hero {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
margin-bottom: 22px;
|
||
}
|
||
.evnd__card-metric {
|
||
display: inline-flex;
|
||
align-items: baseline;
|
||
color: #fff !important;
|
||
font-weight: 800;
|
||
font-size: clamp(48px, 6vw, 68px);
|
||
line-height: 0.95;
|
||
letter-spacing: -0.02em;
|
||
background: linear-gradient(120deg, #fff 0%, var(--ca) 120%);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.evnd__card-metric i {
|
||
font-style: normal;
|
||
font-size: 0.5em;
|
||
font-weight: 800;
|
||
margin-left: 4px;
|
||
-webkit-text-fill-color: var(--ca);
|
||
color: var(--ca);
|
||
}
|
||
.evnd__card-metriclabel {
|
||
color: rgba(255,255,255,0.6) !important;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.evnd__card-title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(17px, 1.7vw, 20px) !important;
|
||
line-height: 1.2 !important;
|
||
letter-spacing: 0.02em;
|
||
text-transform: uppercase;
|
||
margin: 0 0 16px 0 !important;
|
||
}
|
||
|
||
/* outcome indicators */
|
||
.evnd__card-kpis {
|
||
list-style: none;
|
||
margin: 0 0 18px 0;
|
||
padding: 0;
|
||
display: grid;
|
||
gap: 11px;
|
||
}
|
||
.evnd__cards .evnd__card-kpis li {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 11px;
|
||
/* override the global ".logico-front-end ul li" padding + ::before glyph */
|
||
padding: 0;
|
||
color: rgba(255,255,255,0.82) !important;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
.evnd__cards .evnd__card-kpis li::before { content: none !important; display: none !important; }
|
||
.evnd__card-kpis svg {
|
||
flex: none;
|
||
width: 18px; height: 18px;
|
||
padding: 3px;
|
||
color: var(--ca);
|
||
background: color-mix(in srgb, var(--ca) 14%, transparent);
|
||
border: 1px solid color-mix(in srgb, var(--ca) 34%, transparent);
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.evnd__card-desc {
|
||
color: rgba(255,255,255,0.58) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 15.5px !important;
|
||
line-height: 1.7 !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.evnd__cards-nav {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
margin-top: 6px;
|
||
padding-top: 18px;
|
||
border-top: 1px solid rgba(255,255,255,0.06);
|
||
}
|
||
.evnd__cards-counter {
|
||
color: rgba(255,255,255,0.5) !important;
|
||
font-weight: 700;
|
||
font-size: 13px;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.evnd__cards-bars { display: flex; gap: 8px; }
|
||
.evnd__cards-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255,255,255,0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: background-color 0.3s ease, width 0.3s ease;
|
||
}
|
||
.evnd__cards-bar.is-active { width: 56px; background: var(--ca); }
|
||
.evnd__cards-bar:hover { background: rgba(255,255,255,0.35); }
|
||
.evnd__cards-bar.is-active:hover { background: var(--ca); }
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.evnd__bg-flow, .evnd__bg-nodes circle, .evnd__bg-glow, .evnd__bg-particles span,
|
||
.evnd__cards-livedot, .evnd__card-statusdot { animation: none !important; }
|
||
.evnd__bg-particles span { opacity: 0.4; }
|
||
}
|
||
|
||
/* ---- BOTTOM BAR ---- */
|
||
.evnd__bar {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
margin-top: 60px;
|
||
padding: 38px 0;
|
||
}
|
||
.evnd__bar-item {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
padding: 12px 24px;
|
||
}
|
||
.evnd__bar-item:not(:last-child)::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: 0;
|
||
top: 15%;
|
||
height: 70%;
|
||
width: 1px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
}
|
||
|
||
.evnd__bar-val {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: clamp(32px, 4vw, 56px);
|
||
line-height: 1;
|
||
}
|
||
.evnd__bar-label {
|
||
color: #fff !important;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
text-transform: none;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
@keyframes evndGlow { 0%,100% { opacity: 0.75; } 50% { opacity: 1; } }
|
||
|
||
/* ---- Responsive ---- */
|
||
@media (max-width: 1024px) {
|
||
.evnd-gap-top { margin-top: 32px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 32px !important; }
|
||
}
|
||
@media (max-width: 991px) {
|
||
.evnd { padding: 48px 32px 56px; }
|
||
.evnd__grid { grid-template-columns: 1fr; gap: 40px; }
|
||
.evnd__title { margin-bottom: 28px; }
|
||
.evnd__features { gap: 14px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.evnd-gap-top { margin-top: 24px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 24px !important; }
|
||
/* Pull the KPI bar up close to the card (was a 60px desktop gap) so
|
||
there's no large vertical dead zone before the KPIs on mobile. */
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 24px 0; padding: 24px 0; margin-top: 24px; }
|
||
.evnd__bar-item:nth-child(even)::after { display: none; }
|
||
.evnd__bar-item:nth-child(2)::after { display: none; }
|
||
.evnd__bar-item { padding: 12px 16px; }
|
||
|
||
/* ---- Scene overlay cleanup (mobile) ----
|
||
Keep only the primary top-left KPI badge; the second (bottom-right)
|
||
badge duplicates info in the insight card and covers the route
|
||
visualization, so it is removed. The remaining badge is scaled down
|
||
(~0.72) so it never dominates the now-shorter scene. */
|
||
.evnd__badge--br { display: none !important; }
|
||
.evnd__badge--tl { transform: scale(0.72); transform-origin: top left; }
|
||
|
||
/* ---- Horizontal alignment (WF1 / WF2 only) ----
|
||
The stacked scene column is a grid 1fr track whose auto-minimum
|
||
equals the Three.js canvas min-content (~244px). At 320px that floor
|
||
is wider than the available column, forcing the whole section ~18px
|
||
past its container (left-aligned) → unequal left/right gaps.
|
||
minmax(0,1fr) + min-width:0 let the scene/card columns shrink to the
|
||
container so the scene, card and KPI bar share one symmetric width and
|
||
centre perfectly. Scoped to .evnd__grid--cards (WF1/WF2), so the
|
||
homepage EV section is untouched. */
|
||
.evnd__grid--cards { grid-template-columns: minmax(0, 1fr); }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__right,
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__cards { min-width: 0; }
|
||
}
|
||
@media (max-width: 480px) {
|
||
.evnd { padding: 40px 16px 48px; }
|
||
/* keep the stat bar a compact 2×2 on phones (inherits the centre
|
||
divider from the ≤767 rules) instead of a tall single column */
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 18px 0; padding: 22px 0; }
|
||
.evnd__bar-item { padding: 10px 12px; gap: 8px; }
|
||
.evnd__bar-val { font-size: clamp(26px, 9vw, 34px); }
|
||
.evnd__bar-label { font-size: 12.5px; }
|
||
/* badge already scaled to 0.72 via the ≤767 rule — keep desktop
|
||
internals so the scale (not double-reduction) controls its size */
|
||
|
||
/* feature cards: tighter, no overflow, more room for text */
|
||
.evnd-feature {
|
||
grid-template-columns: 40px minmax(0, 1fr);
|
||
gap: 14px;
|
||
padding: 18px 16px;
|
||
}
|
||
.evnd-feature__icon-container { width: 40px; height: 40px; border-radius: 10px; }
|
||
.evnd-icon { width: 20px; height: 20px; }
|
||
.evnd-feature__title { font-size: 14px !important; letter-spacing: 0.03em; margin: 2px 0 6px; padding-right: 22px; }
|
||
.evnd-feature__desc { font-size: 13px !important; line-height: 1.55 !important; }
|
||
/* arrow occupies its own slot to the right of the icon, no extra column */
|
||
.evnd-feature__arrow { position: absolute; top: 16px; right: 16px; margin: 0; }
|
||
|
||
/* ---- Compact mobile insight card (standard mobile, 390–480px).
|
||
Tighter spacing, smaller typography and a 2-line-clamped
|
||
description so the card stays ~380–480px tall and the KPI bar
|
||
is reached with far less scrolling. ---- */
|
||
.evnd__cards { padding: 20px 18px 16px; gap: 14px; }
|
||
.evnd__cards-sys { display: none; }
|
||
.evnd__cards-head { padding-bottom: 0; }
|
||
.evnd__cards-live { font-size: 11px; }
|
||
.evnd__card-status { margin-bottom: 14px; padding: 6px 12px; font-size: 10.5px; }
|
||
.evnd__card-hero { margin-bottom: 12px; gap: 2px; }
|
||
.evnd__card-metric { font-size: clamp(38px, 12vw, 50px); }
|
||
.evnd__card-metriclabel { font-size: 13px; }
|
||
.evnd__card-title { font-size: 15px !important; margin: 0 0 12px 0 !important; }
|
||
.evnd__card-kpis { margin: 0; gap: 9px; }
|
||
.evnd__card-kpis li { font-size: 14px; }
|
||
.evnd__card-kpis svg { width: 17px; height: 17px; }
|
||
/* Drop the paragraph on mobile — the status, metric, title and
|
||
bullets carry the meaning; this is the single biggest height
|
||
saving and matches the compact mobile structure. */
|
||
.evnd__card-desc { display: none; }
|
||
.evnd__cards-nav { margin-top: 14px; padding-top: 14px; }
|
||
.evnd__cards-bar { width: 30px; }
|
||
.evnd__cards-bar.is-active { width: 44px; }
|
||
}
|
||
/* ---- Medium mobile (≤389px, e.g. 360/375): a notch tighter ---- */
|
||
@media (max-width: 389px) {
|
||
.evnd__cards { padding: 18px 16px 14px; gap: 12px; }
|
||
.evnd__card-status { margin-bottom: 12px; }
|
||
.evnd__card-hero { margin-bottom: 10px; }
|
||
.evnd__card-metric { font-size: clamp(36px, 11.5vw, 46px); }
|
||
.evnd__card-title { font-size: 14.5px !important; margin-bottom: 10px !important; }
|
||
.evnd__card-kpis { gap: 8px; }
|
||
.evnd__card-kpis li { font-size: 13.5px; }
|
||
.evnd__cards-nav { margin-top: 12px; padding-top: 12px; }
|
||
}
|
||
/* ---- Compact mobile (≤340px, e.g. 320): tightest. Drop the paragraph
|
||
entirely — the bullets carry the meaning — so nothing overflows. ---- */
|
||
@media (max-width: 340px) {
|
||
.evnd__cards { padding: 16px 14px 12px; gap: 10px; }
|
||
.evnd__card-status { margin-bottom: 10px; padding: 5px 10px; font-size: 10px; letter-spacing: 0.1em; }
|
||
.evnd__card-hero { margin-bottom: 8px; }
|
||
.evnd__card-metric { font-size: 34px; }
|
||
.evnd__card-metriclabel { font-size: 12px; }
|
||
.evnd__card-title { font-size: 13.5px !important; margin-bottom: 8px !important; }
|
||
.evnd__card-kpis { gap: 7px; }
|
||
.evnd__card-kpis li { font-size: 13px; gap: 9px; }
|
||
.evnd__card-kpis svg { width: 16px; height: 16px; }
|
||
.evnd__cards-nav { margin-top: 10px; padding-top: 10px; }
|
||
}
|
||
</style><div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent evnd-gap-top evnd-gap-bottom" data-id="bbc6760" data-element_type="container" data-e-type="container" aria-label="Workflow 1 — Performance" style="background-color:#0d0d0d;width:calc(100% - 40px);margin-left:20px;margin-right:20px;border-radius:25px;overflow:hidden"><div class="elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="7da6646" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}" style="background-position:center 0px;background-image:url(/images/home3-slide-1.jpg);background-size:cover;background-repeat:no-repeat;position:relative;z-index:2;border-radius:25px 25px 0 0;overflow:hidden"></div><div class="elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8b5d6e6" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="1f766ea" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3b61435" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading" data-id="239afbb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><h5 class="logico-title">OPTIMIZE EVERY MILE</h5></div></div><div class="elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor" data-id="0d307dd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Cut travel distance, reduce operating cost, and improve fleet productivity across every route.</p></div></div></div><div class="elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5aea22e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"></div></div></div><section class="evnd" aria-label="Workflow 1 — Performance"><div class="evnd__inner"><span class="evnd__eyebrow">/ Performance /</span><h2 class="evnd__title">SMARTER ROUTES. <span class="accent">LOWER COSTS.</span></h2><div class="evnd__grid evnd__grid--cards"><div class="evnd__left"><div class="evnd__media"><div class="evnd__glow"></div><div class="evnd__imgwrap evnd__imgwrap--media"><div class="wf-scene" role="img" aria-label="Live route optimization engine" style="background:#020617"><style>
|
||
.wf-scene {
|
||
position: relative;
|
||
width: 100%;
|
||
/* Compact, fixed-ratio media panel — replaces the multi-viewport pinned
|
||
scroll experience so the workflow is dramatically shorter. */
|
||
aspect-ratio: 4 / 3;
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
}
|
||
.wf-scene__canvas { position: absolute; inset: 0; }
|
||
.wf-scene__canvas canvas { display: block; width: 100% !important; height: 100% !important; }
|
||
@media (max-width: 991px) {
|
||
.wf-scene { aspect-ratio: 16 / 10; }
|
||
}
|
||
/* Phones: shorter scene panel (~17% less tall than the old 4/3) so the
|
||
card + KPI bar are reached sooner. The closer mobile camera framing
|
||
keeps the depot/routes/vehicles readable in the reduced height. */
|
||
@media (max-width: 480px) {
|
||
.wf-scene { aspect-ratio: 16 / 10; }
|
||
}
|
||
</style><div class="wf-scene__canvas"></div></div><div class="evnd__badge evnd__badge--tl"><b>-42%</b><span>DISTANCE SAVED</span></div><div class="evnd__badge evnd__badge--br"><b>-37%</b><span>FEWER VEHICLES</span></div></div></div></div><div class="evnd__right"><div class="evnd__cards" style="--ca:#00E5FF;--ca2:#3B82F6;--cg:rgba(0,229,255,0.22)"><div class="evnd__bg" aria-hidden="true"><div class="evnd__bg-grid" data-depth="4"></div><svg class="evnd__bg-net" data-depth="8" viewBox="0 0 400 520" preserveAspectRatio="xMidYMid slice"><g class="evnd__bg-mesh" stroke="currentColor" stroke-width="0.8" fill="none"><path d="M40 90 L150 150 L120 280 L250 330 L360 250"></path><path d="M60 420 L150 150 L300 120 L360 250"></path><path d="M120 280 L60 420 L250 330 L330 430"></path></g><g class="evnd__bg-nodes" fill="currentColor"><circle cx="40" cy="90" r="3" style="animation-delay:0s"></circle><circle cx="150" cy="150" r="2" style="animation-delay:-0.7s"></circle><circle cx="120" cy="280" r="2" style="animation-delay:-1.4s"></circle><circle cx="250" cy="330" r="3" style="animation-delay:-2.0999999999999996s"></circle><circle cx="360" cy="250" r="2" style="animation-delay:-2.8s"></circle><circle cx="60" cy="420" r="2" style="animation-delay:-3.5s"></circle><circle cx="300" cy="120" r="3" style="animation-delay:-4.199999999999999s"></circle><circle cx="330" cy="430" r="2" style="animation-delay:-4.8999999999999995s"></circle></g><path class="evnd__bg-flow" d="M40 90 L150 150 L120 280 L250 330 L360 250" fill="none" stroke="currentColor" stroke-width="1.4"></path><path class="evnd__bg-flow evnd__bg-flow--2" d="M60 420 L150 150 L300 120 L360 250" fill="none" stroke="currentColor" stroke-width="1.4"></path></svg><div class="evnd__bg-glow evnd__bg-glow--a" data-depth="11"></div><div class="evnd__bg-glow evnd__bg-glow--b" data-depth="15"></div><div class="evnd__bg-particles" data-depth="18"><span style="left:14%;top:22%;animation-delay:0s;animation-duration:13s"></span><span style="left:78%;top:16%;animation-delay:-3s;animation-duration:16s"></span><span style="left:33%;top:64%;animation-delay:-7s;animation-duration:14s"></span><span style="left:62%;top:48%;animation-delay:-1s;animation-duration:18s"></span><span style="left:88%;top:70%;animation-delay:-5s;animation-duration:15s"></span><span style="left:22%;top:86%;animation-delay:-9s;animation-duration:17s"></span><span style="left:50%;top:30%;animation-delay:-4s;animation-duration:19s"></span><span style="left:70%;top:90%;animation-delay:-2s;animation-duration:14s"></span></div></div><div class="evnd__cards-head"><span class="evnd__cards-live"><span class="evnd__cards-livedot"></span>Performance Insight</span><span class="evnd__cards-sys">AI ENGINE</span></div><div class="evnd__cards-stage"><div class="evnd__card is-active"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Optimization Running</span><div class="evnd__card-hero"><span class="evnd__card-metric">42<i>%</i></span><span class="evnd__card-metriclabel">Distance Saved</span></div><h3 class="evnd__card-title">Route Optimization</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Route optimization active</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>37% fewer vehicles required</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>SLA compliance 99.9%</li></ul><p class="evnd__card-desc">AI selects the most efficient delivery paths across every zone, cutting unnecessary travel and fuel and battery consumption.</p></div><div class="evnd__card " aria-hidden="true"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Fleet Balancing</span><div class="evnd__card-hero"><span class="evnd__card-metric">37<i>%</i></span><span class="evnd__card-metriclabel">Fewer Vehicles</span></div><h3 class="evnd__card-title">Distance Reduction</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Load balancing engaged</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Same volume, leaner fleet</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Lower maintenance & staffing</li></ul><p class="evnd__card-desc">Intelligent load balancing fulfils the same order volume with a leaner, better-utilised fleet — fewer miles, fewer vehicles.</p></div><div class="evnd__card " aria-hidden="true"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Dispatch Active</span><div class="evnd__card-hero"><span class="evnd__card-metric">31<i>%</i></span><span class="evnd__card-metriclabel">Lower Operating Cost</span></div><h3 class="evnd__card-title">Fleet Efficiency</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Higher fleet utilisation</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Predictable operations</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Reduced fuel & overhead</li></ul><p class="evnd__card-desc">Smart grouping and dispatch keep operations smooth and predictable while reducing maintenance and staffing cost.</p></div><div class="evnd__card " aria-hidden="true"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>SLA Safe</span><div class="evnd__card-hero"><span class="evnd__card-metric">99.9<i>%</i></span><span class="evnd__card-metriclabel">On-Time Delivery</span></div><h3 class="evnd__card-title">SLA Performance</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Real-time route correction</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Consistent delivery windows</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>100% order fulfilment</li></ul><p class="evnd__card-desc">Real-time routing keeps deliveries on time across all zones, sustaining high customer satisfaction and SLA performance.</p></div></div><div class="evnd__cards-nav"><span class="evnd__cards-counter">01<!-- -->/<!-- -->04</span><div class="evnd__cards-bars"><button type="button" aria-label="Go to Route Optimization" class="evnd__cards-bar is-active"></button><button type="button" aria-label="Go to Distance Reduction" class="evnd__cards-bar "></button><button type="button" aria-label="Go to Fleet Efficiency" class="evnd__cards-bar "></button><button type="button" aria-label="Go to SLA Performance" class="evnd__cards-bar "></button></div></div></div></div></div><div class="evnd__bar"><div class="evnd__bar-item"><span class="evnd__bar-label">Distance Saved</span><b class="evnd__bar-val">0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Faster Routes</span><b class="evnd__bar-val">0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Lower Cost</span><b class="evnd__bar-val">0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">On-Time</span><b class="evnd__bar-val">0.0<!-- -->%</b></div></div></div></section></div><style>
|
||
/* ============================================================
|
||
EV-Native Design — redesigned section
|
||
bg #080808 · red #ef4444 · Manrope
|
||
============================================================ */
|
||
|
||
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
|
||
|
||
/* External gap helpers — keep stacked workflow sections on one rhythm
|
||
(Desktop 40 · Tablet 32 · Mobile 24). Single-sided per boundary. */
|
||
.evnd-gap-top { margin-top: 40px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 40px !important; }
|
||
|
||
.evnd {
|
||
position: relative;
|
||
isolation: isolate;
|
||
overflow: hidden;
|
||
background: #080808;
|
||
/* flat top so it connects seamlessly to the banner above; rounded
|
||
bottom only, and no top margin so there is no white gap */
|
||
border-radius: 0 0 clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);
|
||
margin: 0 0 clamp(28px, 5vw, 64px);
|
||
padding: 64px 48px clamp(48px, 6vw, 80px);
|
||
}
|
||
/* subtle diagonal light band for depth (matches reference) */
|
||
.evnd::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,0.015) 50%, transparent 72%);
|
||
}
|
||
.evnd__inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
|
||
|
||
/* ---- MAIN GRID ---- */
|
||
.evnd__grid {
|
||
display: grid;
|
||
grid-template-columns: 1.15fr 1fr;
|
||
gap: clamp(32px, 4vw, 56px);
|
||
align-items: center;
|
||
}
|
||
/* Split-screen workflow layout: ~60/40 so the live dashboard column
|
||
carries enough weight to balance the Three.js scene. align-items:
|
||
stretch lets the cards panel match the scene height. */
|
||
.evnd__grid--cards {
|
||
grid-template-columns: 1.5fr 1fr;
|
||
align-items: stretch;
|
||
}
|
||
.evnd__grid--cards .evnd__left { justify-content: center; }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__media { width: 100%; }
|
||
|
||
/* ---- Desktop height alignment: scene and insight panel share one row
|
||
height. A min-height floor on the scene column sets the baseline row
|
||
height (≥620px so the tallest slide's status → metric → title → KPIs →
|
||
description fits with the footer fully clear). Both columns stretch to
|
||
the row via grid align-items: stretch.
|
||
|
||
The panel uses min-height:100% (not a hard height) and its card stage
|
||
is flex: 1 0 auto — it grows to fill the row but, crucially, NEVER
|
||
shrinks below its own content. So a long description can only push the
|
||
panel taller, never overlap the nav footer; the grid row grows with it
|
||
and the scene (height:100%) stretches to match. Result: the card height
|
||
always equals the scene height AND the 01/04 counter + pagination stay
|
||
pinned to the bottom with dedicated, un-overlappable space. */
|
||
@media (min-width: 992px) {
|
||
.evnd__grid--cards .evnd__left {
|
||
min-height: clamp(620px, 44vw, 680px);
|
||
}
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__imgwrap--media,
|
||
.evnd__grid--cards .wf-scene { height: 100%; }
|
||
.evnd__grid--cards .wf-scene { aspect-ratio: auto; }
|
||
.evnd__grid--cards .evnd__cards { min-height: 100%; }
|
||
/* grow to fill the row, but hold content height as a hard floor so
|
||
the footer can never ride up over the description */
|
||
.evnd__grid--cards .evnd__cards-stage { flex: 1 0 auto; min-height: 0; }
|
||
/* centre the slide content in the taller stage for a balanced panel */
|
||
.evnd__grid--cards .evnd__card { justify-content: center; }
|
||
}
|
||
|
||
.evnd__left {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.evnd__right {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.evnd__eyebrow {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
font-size: 13px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__eyebrow::before {
|
||
content: '';
|
||
width: 16px;
|
||
height: 2px;
|
||
background: #ef4444;
|
||
}
|
||
|
||
.evnd__title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(32px, 3.8vw, 48px) !important;
|
||
line-height: 1.15 !important;
|
||
letter-spacing: -0.01em;
|
||
margin: 0 0 36px 0;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.evnd__title {
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
.evnd__title .accent {
|
||
color: #ef4444 !important;
|
||
}
|
||
|
||
.evnd__media {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.evnd__glow {
|
||
position: absolute;
|
||
left: 50%; bottom: -4%;
|
||
width: 80%; height: 80px;
|
||
transform: translateX(-50%);
|
||
background: radial-gradient(50% 50% at 50% 50%, rgba(239,68,68,0.3), transparent 72%);
|
||
filter: blur(35px);
|
||
z-index: 0;
|
||
animation: evndGlow 4s ease-in-out infinite;
|
||
}
|
||
.evnd__imgwrap {
|
||
position: relative;
|
||
z-index: 1;
|
||
overflow: hidden;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85);
|
||
}
|
||
.evnd__img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
object-fit: cover;
|
||
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
|
||
}
|
||
.evnd__imgwrap:hover .evnd__img {
|
||
transform: scale(1.03);
|
||
}
|
||
|
||
/* Badge overlay styling */
|
||
.evnd__badge {
|
||
position: absolute;
|
||
z-index: 2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
padding: 12px 16px;
|
||
background: rgba(13,13,13,0.72);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 8px;
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
}
|
||
.evnd__badge b {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: 24px;
|
||
line-height: 1;
|
||
}
|
||
.evnd__badge span {
|
||
color: rgba(255,255,255,0.7) !important;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__badge--tl { top: 20px; left: 20px; }
|
||
.evnd__badge--br { bottom: 20px; right: 20px; }
|
||
|
||
/* ---- Feature cards ---- */
|
||
.evnd__features {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
height: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
.evnd-feature {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 48px minmax(0, 1fr) auto;
|
||
gap: 20px;
|
||
align-items: start;
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.05);
|
||
border-radius: 16px;
|
||
padding: 24px;
|
||
overflow: hidden;
|
||
transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(.25,1,.5,1);
|
||
}
|
||
.evnd-feature__body { min-width: 0; }
|
||
.evnd-feature::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0; top: 0; bottom: 0;
|
||
width: 3px;
|
||
background: #ef4444;
|
||
transform: scaleY(0);
|
||
transform-origin: bottom;
|
||
transition: transform 0.4s ease;
|
||
}
|
||
.evnd-feature:hover {
|
||
background: rgba(239,68,68,0.03);
|
||
border-color: rgba(239,68,68,0.2);
|
||
transform: translateY(-2px);
|
||
}
|
||
.evnd-feature:hover::before { transform: scaleY(1); }
|
||
|
||
.evnd-feature__icon-container {
|
||
width: 48px; height: 48px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
background: rgba(255,255,255,0.03);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 12px;
|
||
transition: background-color 0.3s ease, border-color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__icon-container {
|
||
background: rgba(239,68,68,0.08);
|
||
border-color: rgba(239,68,68,0.25);
|
||
}
|
||
|
||
.evnd-icon {
|
||
width: 22px;
|
||
height: 22px;
|
||
display: block;
|
||
}
|
||
|
||
.evnd-feature__title {
|
||
color: #fff !important;
|
||
font-weight: 700;
|
||
font-size: 15px !important;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
margin: 4px 0 8px;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__title { color: #ef4444 !important; }
|
||
.evnd-feature__desc {
|
||
color: rgba(255,255,255,0.65) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 14px !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0;
|
||
}
|
||
.evnd-feature__arrow {
|
||
color: rgba(255,255,255,0.25);
|
||
font-size: 16px;
|
||
align-self: flex-start;
|
||
margin-top: 4px;
|
||
transition: color 0.3s ease, transform 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__arrow { color: #ef4444; transform: translate(3px, -3px); }
|
||
|
||
/* When the left media is a live 3D scene, let it define its own height
|
||
(via aspect-ratio) — drop the image-only hover zoom container quirks. */
|
||
.evnd__imgwrap--media { box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85); }
|
||
|
||
/* ============================================================
|
||
Rotating "live AI insight" cards (split-screen right column).
|
||
Themed per-workflow via CSS vars (--ca accent · --ca2 secondary ·
|
||
--cg glow). Falls back to the section red when no theme is passed.
|
||
============================================================ */
|
||
.evnd__cards {
|
||
--ca: #ef4444;
|
||
--ca2: #f59e0b;
|
||
--cg: rgba(239,68,68,0.22);
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 22px;
|
||
width: 100%;
|
||
/* panel surface so the column reads as a real dashboard, not empty space */
|
||
background:
|
||
radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--ca) 9%, transparent) 0%, transparent 55%),
|
||
linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
|
||
border: 1px solid rgba(255,255,255,0.07);
|
||
border-radius: 20px;
|
||
padding: 26px 26px 22px;
|
||
overflow: hidden;
|
||
isolation: isolate;
|
||
}
|
||
/* ============================================================
|
||
Layered "AI intelligence" backdrop (behind the card content).
|
||
Overscanned by 12% on every side so the scroll-parallax never
|
||
exposes a panel edge. Whole stack is colour = accent, individual
|
||
layers stay inside a 5–12% opacity budget. z-index 0; content is z 1.
|
||
============================================================ */
|
||
.evnd__bg {
|
||
position: absolute;
|
||
/* generous overscan so scroll-parallax never exposes a panel edge */
|
||
inset: -20%;
|
||
z-index: 0;
|
||
color: var(--ca);
|
||
pointer-events: none;
|
||
overflow: hidden;
|
||
}
|
||
.evnd__bg > * { position: absolute; inset: 0; }
|
||
|
||
/* Layer B — technical grid (large spacing, softer than the 3D floor) */
|
||
.evnd__bg-grid {
|
||
background-image:
|
||
linear-gradient(to right, currentColor 1px, transparent 1px),
|
||
linear-gradient(to bottom, currentColor 1px, transparent 1px);
|
||
background-size: 64px 64px;
|
||
opacity: 0.05;
|
||
-webkit-mask-image: radial-gradient(120% 100% at 80% 0%, #000 30%, transparent 85%);
|
||
mask-image: radial-gradient(120% 100% at 80% 0%, #000 30%, transparent 85%);
|
||
}
|
||
|
||
/* Layer A — routing network graph */
|
||
.evnd__bg-net { width: 100%; height: 100%; opacity: 0.11; }
|
||
.evnd__bg-mesh { opacity: 0.55; }
|
||
.evnd__bg-nodes circle {
|
||
transform-box: fill-box;
|
||
transform-origin: center;
|
||
animation: evndNode 3.6s ease-in-out infinite;
|
||
}
|
||
@keyframes evndNode { 0%,100% { opacity: 0.45; } 50% { opacity: 1; } }
|
||
.evnd__bg-flow {
|
||
opacity: 0.85;
|
||
stroke-dasharray: 14 320;
|
||
animation: evndFlow 7s linear infinite;
|
||
}
|
||
.evnd__bg-flow--2 { animation-duration: 9s; animation-delay: -3s; }
|
||
@keyframes evndFlow { to { stroke-dashoffset: -334; } }
|
||
|
||
/* Layer C — ambient glow field (slow breathing, 9–11s) */
|
||
.evnd__bg-glow { inset: auto; border-radius: 50%; filter: blur(46px); }
|
||
.evnd__bg-glow--a {
|
||
top: -6%; right: -6%;
|
||
width: 58%; height: 50%;
|
||
background: radial-gradient(50% 50% at 50% 50%, var(--cg), transparent 72%);
|
||
animation: evndBreathe 9.5s ease-in-out infinite;
|
||
}
|
||
.evnd__bg-glow--b {
|
||
bottom: -8%; left: -10%;
|
||
width: 52%; height: 46%;
|
||
background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--ca2) 55%, var(--cg)), transparent 72%);
|
||
opacity: 0.6;
|
||
animation: evndBreathe 11.5s ease-in-out infinite;
|
||
animation-delay: -4s;
|
||
}
|
||
@keyframes evndBreathe {
|
||
0%,100% { opacity: 0.4; transform: scale(0.96); }
|
||
50% { opacity: 0.85; transform: scale(1.06); }
|
||
}
|
||
|
||
/* Layer D — data particles (sparse, slow drift) */
|
||
.evnd__bg-particles span {
|
||
position: absolute;
|
||
width: 3px; height: 3px;
|
||
border-radius: 50%;
|
||
background: currentColor;
|
||
opacity: 0;
|
||
box-shadow: 0 0 6px currentColor;
|
||
animation-name: evndParticle;
|
||
animation-timing-function: ease-in-out;
|
||
animation-iteration-count: infinite;
|
||
}
|
||
@keyframes evndParticle {
|
||
0% { opacity: 0; transform: translateY(8px); }
|
||
20% { opacity: 0.5; }
|
||
80% { opacity: 0.5; }
|
||
100% { opacity: 0; transform: translateY(-22px); }
|
||
}
|
||
|
||
.evnd__cards-head,
|
||
.evnd__cards-stage,
|
||
.evnd__cards-nav { position: relative; z-index: 1; }
|
||
|
||
/* dashboard header row */
|
||
.evnd__cards-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding-bottom: 4px;
|
||
}
|
||
.evnd__cards-live {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 9px;
|
||
color: var(--ca) !important;
|
||
font-weight: 800;
|
||
font-size: 12px;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__cards-livedot {
|
||
width: 8px; height: 8px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 0 0 var(--cg);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
@keyframes evndPulse {
|
||
0% { box-shadow: 0 0 0 0 var(--cg); opacity: 1; }
|
||
70% { box-shadow: 0 0 0 8px transparent; opacity: 0.7; }
|
||
100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
|
||
}
|
||
.evnd__cards-sys {
|
||
color: rgba(255,255,255,0.4) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.evnd__cards-stage { display: grid; }
|
||
|
||
.evnd__card {
|
||
grid-area: 1 / 1;
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
opacity: 0;
|
||
transform: translateY(14px);
|
||
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.25,1,.5,1);
|
||
pointer-events: none;
|
||
}
|
||
.evnd__card.is-active {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
pointer-events: auto;
|
||
}
|
||
|
||
/* status pill */
|
||
.evnd__card-status {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
align-self: flex-start;
|
||
color: rgba(255,255,255,0.82) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
padding: 7px 13px;
|
||
background: color-mix(in srgb, var(--ca) 12%, rgba(255,255,255,0.02));
|
||
border: 1px solid color-mix(in srgb, var(--ca) 35%, transparent);
|
||
border-radius: 999px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__card-statusdot {
|
||
width: 7px; height: 7px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 8px var(--ca);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
|
||
/* hero metric */
|
||
.evnd__card-hero {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
margin-bottom: 22px;
|
||
}
|
||
.evnd__card-metric {
|
||
display: inline-flex;
|
||
align-items: baseline;
|
||
color: #fff !important;
|
||
font-weight: 800;
|
||
font-size: clamp(48px, 6vw, 68px);
|
||
line-height: 0.95;
|
||
letter-spacing: -0.02em;
|
||
background: linear-gradient(120deg, #fff 0%, var(--ca) 120%);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.evnd__card-metric i {
|
||
font-style: normal;
|
||
font-size: 0.5em;
|
||
font-weight: 800;
|
||
margin-left: 4px;
|
||
-webkit-text-fill-color: var(--ca);
|
||
color: var(--ca);
|
||
}
|
||
.evnd__card-metriclabel {
|
||
color: rgba(255,255,255,0.6) !important;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.evnd__card-title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(17px, 1.7vw, 20px) !important;
|
||
line-height: 1.2 !important;
|
||
letter-spacing: 0.02em;
|
||
text-transform: uppercase;
|
||
margin: 0 0 16px 0 !important;
|
||
}
|
||
|
||
/* outcome indicators */
|
||
.evnd__card-kpis {
|
||
list-style: none;
|
||
margin: 0 0 18px 0;
|
||
padding: 0;
|
||
display: grid;
|
||
gap: 11px;
|
||
}
|
||
.evnd__cards .evnd__card-kpis li {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 11px;
|
||
/* override the global ".logico-front-end ul li" padding + ::before glyph */
|
||
padding: 0;
|
||
color: rgba(255,255,255,0.82) !important;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
.evnd__cards .evnd__card-kpis li::before { content: none !important; display: none !important; }
|
||
.evnd__card-kpis svg {
|
||
flex: none;
|
||
width: 18px; height: 18px;
|
||
padding: 3px;
|
||
color: var(--ca);
|
||
background: color-mix(in srgb, var(--ca) 14%, transparent);
|
||
border: 1px solid color-mix(in srgb, var(--ca) 34%, transparent);
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.evnd__card-desc {
|
||
color: rgba(255,255,255,0.58) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 15.5px !important;
|
||
line-height: 1.7 !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.evnd__cards-nav {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
margin-top: 6px;
|
||
padding-top: 18px;
|
||
border-top: 1px solid rgba(255,255,255,0.06);
|
||
}
|
||
.evnd__cards-counter {
|
||
color: rgba(255,255,255,0.5) !important;
|
||
font-weight: 700;
|
||
font-size: 13px;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.evnd__cards-bars { display: flex; gap: 8px; }
|
||
.evnd__cards-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255,255,255,0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: background-color 0.3s ease, width 0.3s ease;
|
||
}
|
||
.evnd__cards-bar.is-active { width: 56px; background: var(--ca); }
|
||
.evnd__cards-bar:hover { background: rgba(255,255,255,0.35); }
|
||
.evnd__cards-bar.is-active:hover { background: var(--ca); }
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.evnd__bg-flow, .evnd__bg-nodes circle, .evnd__bg-glow, .evnd__bg-particles span,
|
||
.evnd__cards-livedot, .evnd__card-statusdot { animation: none !important; }
|
||
.evnd__bg-particles span { opacity: 0.4; }
|
||
}
|
||
|
||
/* ---- BOTTOM BAR ---- */
|
||
.evnd__bar {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
margin-top: 60px;
|
||
padding: 38px 0;
|
||
}
|
||
.evnd__bar-item {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
padding: 12px 24px;
|
||
}
|
||
.evnd__bar-item:not(:last-child)::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: 0;
|
||
top: 15%;
|
||
height: 70%;
|
||
width: 1px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
}
|
||
|
||
.evnd__bar-val {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: clamp(32px, 4vw, 56px);
|
||
line-height: 1;
|
||
}
|
||
.evnd__bar-label {
|
||
color: #fff !important;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
text-transform: none;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
@keyframes evndGlow { 0%,100% { opacity: 0.75; } 50% { opacity: 1; } }
|
||
|
||
/* ---- Responsive ---- */
|
||
@media (max-width: 1024px) {
|
||
.evnd-gap-top { margin-top: 32px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 32px !important; }
|
||
}
|
||
@media (max-width: 991px) {
|
||
.evnd { padding: 48px 32px 56px; }
|
||
.evnd__grid { grid-template-columns: 1fr; gap: 40px; }
|
||
.evnd__title { margin-bottom: 28px; }
|
||
.evnd__features { gap: 14px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.evnd-gap-top { margin-top: 24px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 24px !important; }
|
||
/* Pull the KPI bar up close to the card (was a 60px desktop gap) so
|
||
there's no large vertical dead zone before the KPIs on mobile. */
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 24px 0; padding: 24px 0; margin-top: 24px; }
|
||
.evnd__bar-item:nth-child(even)::after { display: none; }
|
||
.evnd__bar-item:nth-child(2)::after { display: none; }
|
||
.evnd__bar-item { padding: 12px 16px; }
|
||
|
||
/* ---- Scene overlay cleanup (mobile) ----
|
||
Keep only the primary top-left KPI badge; the second (bottom-right)
|
||
badge duplicates info in the insight card and covers the route
|
||
visualization, so it is removed. The remaining badge is scaled down
|
||
(~0.72) so it never dominates the now-shorter scene. */
|
||
.evnd__badge--br { display: none !important; }
|
||
.evnd__badge--tl { transform: scale(0.72); transform-origin: top left; }
|
||
|
||
/* ---- Horizontal alignment (WF1 / WF2 only) ----
|
||
The stacked scene column is a grid 1fr track whose auto-minimum
|
||
equals the Three.js canvas min-content (~244px). At 320px that floor
|
||
is wider than the available column, forcing the whole section ~18px
|
||
past its container (left-aligned) → unequal left/right gaps.
|
||
minmax(0,1fr) + min-width:0 let the scene/card columns shrink to the
|
||
container so the scene, card and KPI bar share one symmetric width and
|
||
centre perfectly. Scoped to .evnd__grid--cards (WF1/WF2), so the
|
||
homepage EV section is untouched. */
|
||
.evnd__grid--cards { grid-template-columns: minmax(0, 1fr); }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__right,
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__cards { min-width: 0; }
|
||
}
|
||
@media (max-width: 480px) {
|
||
.evnd { padding: 40px 16px 48px; }
|
||
/* keep the stat bar a compact 2×2 on phones (inherits the centre
|
||
divider from the ≤767 rules) instead of a tall single column */
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 18px 0; padding: 22px 0; }
|
||
.evnd__bar-item { padding: 10px 12px; gap: 8px; }
|
||
.evnd__bar-val { font-size: clamp(26px, 9vw, 34px); }
|
||
.evnd__bar-label { font-size: 12.5px; }
|
||
/* badge already scaled to 0.72 via the ≤767 rule — keep desktop
|
||
internals so the scale (not double-reduction) controls its size */
|
||
|
||
/* feature cards: tighter, no overflow, more room for text */
|
||
.evnd-feature {
|
||
grid-template-columns: 40px minmax(0, 1fr);
|
||
gap: 14px;
|
||
padding: 18px 16px;
|
||
}
|
||
.evnd-feature__icon-container { width: 40px; height: 40px; border-radius: 10px; }
|
||
.evnd-icon { width: 20px; height: 20px; }
|
||
.evnd-feature__title { font-size: 14px !important; letter-spacing: 0.03em; margin: 2px 0 6px; padding-right: 22px; }
|
||
.evnd-feature__desc { font-size: 13px !important; line-height: 1.55 !important; }
|
||
/* arrow occupies its own slot to the right of the icon, no extra column */
|
||
.evnd-feature__arrow { position: absolute; top: 16px; right: 16px; margin: 0; }
|
||
|
||
/* ---- Compact mobile insight card (standard mobile, 390–480px).
|
||
Tighter spacing, smaller typography and a 2-line-clamped
|
||
description so the card stays ~380–480px tall and the KPI bar
|
||
is reached with far less scrolling. ---- */
|
||
.evnd__cards { padding: 20px 18px 16px; gap: 14px; }
|
||
.evnd__cards-sys { display: none; }
|
||
.evnd__cards-head { padding-bottom: 0; }
|
||
.evnd__cards-live { font-size: 11px; }
|
||
.evnd__card-status { margin-bottom: 14px; padding: 6px 12px; font-size: 10.5px; }
|
||
.evnd__card-hero { margin-bottom: 12px; gap: 2px; }
|
||
.evnd__card-metric { font-size: clamp(38px, 12vw, 50px); }
|
||
.evnd__card-metriclabel { font-size: 13px; }
|
||
.evnd__card-title { font-size: 15px !important; margin: 0 0 12px 0 !important; }
|
||
.evnd__card-kpis { margin: 0; gap: 9px; }
|
||
.evnd__card-kpis li { font-size: 14px; }
|
||
.evnd__card-kpis svg { width: 17px; height: 17px; }
|
||
/* Drop the paragraph on mobile — the status, metric, title and
|
||
bullets carry the meaning; this is the single biggest height
|
||
saving and matches the compact mobile structure. */
|
||
.evnd__card-desc { display: none; }
|
||
.evnd__cards-nav { margin-top: 14px; padding-top: 14px; }
|
||
.evnd__cards-bar { width: 30px; }
|
||
.evnd__cards-bar.is-active { width: 44px; }
|
||
}
|
||
/* ---- Medium mobile (≤389px, e.g. 360/375): a notch tighter ---- */
|
||
@media (max-width: 389px) {
|
||
.evnd__cards { padding: 18px 16px 14px; gap: 12px; }
|
||
.evnd__card-status { margin-bottom: 12px; }
|
||
.evnd__card-hero { margin-bottom: 10px; }
|
||
.evnd__card-metric { font-size: clamp(36px, 11.5vw, 46px); }
|
||
.evnd__card-title { font-size: 14.5px !important; margin-bottom: 10px !important; }
|
||
.evnd__card-kpis { gap: 8px; }
|
||
.evnd__card-kpis li { font-size: 13.5px; }
|
||
.evnd__cards-nav { margin-top: 12px; padding-top: 12px; }
|
||
}
|
||
/* ---- Compact mobile (≤340px, e.g. 320): tightest. Drop the paragraph
|
||
entirely — the bullets carry the meaning — so nothing overflows. ---- */
|
||
@media (max-width: 340px) {
|
||
.evnd__cards { padding: 16px 14px 12px; gap: 10px; }
|
||
.evnd__card-status { margin-bottom: 10px; padding: 5px 10px; font-size: 10px; letter-spacing: 0.1em; }
|
||
.evnd__card-hero { margin-bottom: 8px; }
|
||
.evnd__card-metric { font-size: 34px; }
|
||
.evnd__card-metriclabel { font-size: 12px; }
|
||
.evnd__card-title { font-size: 13.5px !important; margin-bottom: 8px !important; }
|
||
.evnd__card-kpis { gap: 7px; }
|
||
.evnd__card-kpis li { font-size: 13px; gap: 9px; }
|
||
.evnd__card-kpis svg { width: 16px; height: 16px; }
|
||
.evnd__cards-nav { margin-top: 10px; padding-top: 10px; }
|
||
}
|
||
</style><div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent evnd-gap-bottom" data-id="bbc6760" data-element_type="container" data-e-type="container" aria-label="Workflow 2 — Innovation" style="background-color:#0d0d0d;width:calc(100% - 40px);margin-left:20px;margin-right:20px;border-radius:25px;overflow:hidden"><div class="elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="7da6646" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}" style="background-position:center 0px;background-image:url(/images/mid-mile-approach.jpg);background-size:cover;background-repeat:no-repeat;position:relative;z-index:2;border-radius:25px 25px 0 0;overflow:hidden"></div><div class="elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8b5d6e6" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="1f766ea" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3b61435" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading" data-id="239afbb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><h5 class="logico-title">CHOOSE THE BEST PLAN</h5></div></div><div class="elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor" data-id="0d307dd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Analyze thousands of route possibilities and automatically select the most efficient delivery strategy.</p></div></div></div><div class="elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5aea22e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"></div></div></div><section class="evnd" aria-label="Workflow 2 — Innovation"><div class="evnd__inner"><span class="evnd__eyebrow">/ Innovation /</span><h2 class="evnd__title">MANY STRATEGIES. <span class="accent">ONE BEST PLAN.</span></h2><div class="evnd__grid evnd__grid--cards"><div class="evnd__left"><div class="evnd__media"><div class="evnd__glow"></div><div class="evnd__imgwrap evnd__imgwrap--media"><div class="wf-scene" role="img" aria-label="Live multi-route logistics brain" style="background:#08080c"><style>
|
||
.wf-scene {
|
||
position: relative;
|
||
width: 100%;
|
||
/* Compact, fixed-ratio media panel — replaces the multi-viewport pinned
|
||
scroll experience so the workflow is dramatically shorter. */
|
||
aspect-ratio: 4 / 3;
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
}
|
||
.wf-scene__canvas { position: absolute; inset: 0; }
|
||
.wf-scene__canvas canvas { display: block; width: 100% !important; height: 100% !important; }
|
||
@media (max-width: 991px) {
|
||
.wf-scene { aspect-ratio: 16 / 10; }
|
||
}
|
||
/* Phones: shorter scene panel (~17% less tall than the old 4/3) so the
|
||
card + KPI bar are reached sooner. The closer mobile camera framing
|
||
keeps the depot/routes/vehicles readable in the reduced height. */
|
||
@media (max-width: 480px) {
|
||
.wf-scene { aspect-ratio: 16 / 10; }
|
||
}
|
||
</style><div class="wf-scene__canvas"></div></div><div class="evnd__badge evnd__badge--tl"><b>45ms</b><span>INFERENCE</span></div><div class="evnd__badge evnd__badge--br"><b>100%</b><span>SLA-FIRST</span></div></div></div></div><div class="evnd__right"><div class="evnd__cards" style="--ca:#E2354A;--ca2:#F59E0B;--cg:rgba(226,53,74,0.24)"><div class="evnd__bg" aria-hidden="true"><div class="evnd__bg-grid" data-depth="4"></div><svg class="evnd__bg-net" data-depth="8" viewBox="0 0 400 520" preserveAspectRatio="xMidYMid slice"><g class="evnd__bg-mesh" stroke="currentColor" stroke-width="0.8" fill="none"><path d="M40 90 L150 150 L120 280 L250 330 L360 250"></path><path d="M60 420 L150 150 L300 120 L360 250"></path><path d="M120 280 L60 420 L250 330 L330 430"></path></g><g class="evnd__bg-nodes" fill="currentColor"><circle cx="40" cy="90" r="3" style="animation-delay:0s"></circle><circle cx="150" cy="150" r="2" style="animation-delay:-0.7s"></circle><circle cx="120" cy="280" r="2" style="animation-delay:-1.4s"></circle><circle cx="250" cy="330" r="3" style="animation-delay:-2.0999999999999996s"></circle><circle cx="360" cy="250" r="2" style="animation-delay:-2.8s"></circle><circle cx="60" cy="420" r="2" style="animation-delay:-3.5s"></circle><circle cx="300" cy="120" r="3" style="animation-delay:-4.199999999999999s"></circle><circle cx="330" cy="430" r="2" style="animation-delay:-4.8999999999999995s"></circle></g><path class="evnd__bg-flow" d="M40 90 L150 150 L120 280 L250 330 L360 250" fill="none" stroke="currentColor" stroke-width="1.4"></path><path class="evnd__bg-flow evnd__bg-flow--2" d="M60 420 L150 150 L300 120 L360 250" fill="none" stroke="currentColor" stroke-width="1.4"></path></svg><div class="evnd__bg-glow evnd__bg-glow--a" data-depth="11"></div><div class="evnd__bg-glow evnd__bg-glow--b" data-depth="15"></div><div class="evnd__bg-particles" data-depth="18"><span style="left:14%;top:22%;animation-delay:0s;animation-duration:13s"></span><span style="left:78%;top:16%;animation-delay:-3s;animation-duration:16s"></span><span style="left:33%;top:64%;animation-delay:-7s;animation-duration:14s"></span><span style="left:62%;top:48%;animation-delay:-1s;animation-duration:18s"></span><span style="left:88%;top:70%;animation-delay:-5s;animation-duration:15s"></span><span style="left:22%;top:86%;animation-delay:-9s;animation-duration:17s"></span><span style="left:50%;top:30%;animation-delay:-4s;animation-duration:19s"></span><span style="left:70%;top:90%;animation-delay:-2s;animation-duration:14s"></span></div></div><div class="evnd__cards-head"><span class="evnd__cards-live"><span class="evnd__cards-livedot"></span>AI Decision Engine</span><span class="evnd__cards-sys">AI ENGINE</span></div><div class="evnd__cards-stage"><div class="evnd__card is-active"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Generating Routes</span><div class="evnd__card-hero"><span class="evnd__card-metric">6<i> plans</i></span><span class="evnd__card-metriclabel">Route Plans Generated</span></div><h3 class="evnd__card-title">Generate Routes</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Parallel strategies explored</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>59 orders in scope</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Real-time combinations</li></ul><p class="evnd__card-desc">The Parallel Universe Engine evaluates many routing strategies at once for every dispatch window, exploring route combinations in real time.</p></div><div class="evnd__card " aria-hidden="true"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Constraints Passed</span><div class="evnd__card-hero"><span class="evnd__card-metric">5<i></i></span><span class="evnd__card-metriclabel">Constraints Evaluated</span></div><h3 class="evnd__card-title">Check Constraints</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Battery aware</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Capacity & distance checked</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Powered by Google OR-Tools</li></ul><p class="evnd__card-desc">Battery, distance, capacity and time are first-class inputs — battery-aware simulation solves the EV routing challenge.</p></div><div class="evnd__card " aria-hidden="true"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Scoring Routes</span><div class="evnd__card-hero"><span class="evnd__card-metric">12<i>+</i></span><span class="evnd__card-metriclabel">Strategies Compared</span></div><h3 class="evnd__card-title">Score & Compare</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Ranked by total cost</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>SLA protected</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Real-time ETA validation</li></ul><p class="evnd__card-desc">Every plan is benchmarked in parallel and ranked by total cost, with sub-45ms inference at production scale.</p></div><div class="evnd__card " aria-hidden="true"><span class="evnd__card-status"><span class="evnd__card-statusdot"></span>Delivery Ready</span><div class="evnd__card-hero"><span class="evnd__card-metric">45<i>ms</i></span><span class="evnd__card-metriclabel">Decision Latency</span></div><h3 class="evnd__card-title">Select Best Plan</h3><ul class="evnd__card-kpis"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Late plans rejected</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Best plan locked in</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>Dispatched to the fleet</li></ul><p class="evnd__card-desc">Late plans are rejected automatically and the highest-performing, SLA-first plan is locked in and dispatched.</p></div></div><div class="evnd__cards-nav"><span class="evnd__cards-counter">01<!-- -->/<!-- -->04</span><div class="evnd__cards-bars"><button type="button" aria-label="Go to Generate Routes" class="evnd__cards-bar is-active"></button><button type="button" aria-label="Go to Check Constraints" class="evnd__cards-bar "></button><button type="button" aria-label="Go to Score & Compare" class="evnd__cards-bar "></button><button type="button" aria-label="Go to Select Best Plan" class="evnd__cards-bar "></button></div></div></div></div></div><div class="evnd__bar"><div class="evnd__bar-item"><span class="evnd__bar-label">Inference</span><b class="evnd__bar-val">0<!-- -->ms</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Strategies</span><b class="evnd__bar-val">0<!-- -->+</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">SLA Met</span><b class="evnd__bar-val">0.0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Adaptive</span><b class="evnd__bar-val">0<!-- -->/7</b></div></div></div></section></div><div aria-hidden="true" style="min-height:100vh"></div></div></div></div></div><!--$--><!--/$--><footer data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22" itemScope="" itemType="https://schema.org/WPFooter" id="colophon" role="contentinfo"><div class="footer-width-fixer"><div data-elementor-type="wp-post" data-elementor-id="6585" class="elementor elementor-6585"><div class="elementor-element elementor-element-3cd920c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="3cd920c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b29b8fc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="b29b8fc" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="e-con-inner"><div class="elementor-element elementor-element-ef6fa6d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ef6fa6d" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-9990148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9990148" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-8899bdf elementor-absolute elementor-widget elementor-widget-image" data-id="8899bdf" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default"><div class="elementor-widget-container"><img alt="" loading="lazy" width="965" height="474" decoding="async" data-nimg="1" class="attachment-full size-full wp-image-1148" style="color:transparent" src="/images/bg-map.png"/></div></div><div class="elementor-element elementor-element-a0e7516 elementor-widget elementor-widget-logico_heading" data-id="a0e7516" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">/ get in touch /</div></div></div><div class="elementor-element elementor-element-687d944 elementor-widget elementor-widget-logico_heading" data-id="687d944" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class=""><h3 class="logico-title" style="color:white">We are always ready to help you and answer your questions</h3></div></div></div><div class="elementor-element elementor-element-670d1b2 elementor-widget elementor-widget-text-editor" data-id="670d1b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Connecting businesses with fast, secure, smart deliveries.</p></div></div><div class="elementor-element elementor-element-2631b42 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="2631b42" data-element_type="container" data-e-type="container"><div class="e-con-inner"><div class="elementor-element elementor-element-df89993 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="df89993" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-69b6892 elementor-widget elementor-widget-logico_heading" data-id="69b6892" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>Call Center</span></div></div></div><div class="elementor-element elementor-element-87be926 elementor-widget elementor-widget-text-editor" data-id="87be926" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Tel : +91 86886 97941</p></div></div></div><div class="elementor-element elementor-element-f5d8e63 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f5d8e63" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-774e540 elementor-widget elementor-widget-logico_heading" data-id="774e540" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Our Location</span></div></div></div><div class="elementor-element elementor-element-9c1cf03 elementor-widget elementor-widget-text-editor" data-id="9c1cf03" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>5th Floor, Vision Ultima, Street No.3, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032.</p></div></div></div></div></div><div class="elementor-element elementor-element-645be8d e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="645be8d" data-element_type="container" data-e-type="container"><div class="e-con-inner"><div class="elementor-element elementor-element-a96d151 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a96d151" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-37e647f elementor-widget elementor-widget-logico_heading" data-id="37e647f" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 5L2 7"></path></svg><span>Email</span></div></div></div><div class="elementor-element elementor-element-ba67644 elementor-widget elementor-widget-text-editor" data-id="ba67644" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p><a href="mailto:care@doormile.com">care@doormile.com</a></p></div></div></div><div class="elementor-element elementor-element-9ba4b82 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9ba4b82" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-e9a5d79 elementor-widget elementor-widget-logico_heading" data-id="e9a5d79" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg><span>Social network</span></div></div></div><div class="elementor-element elementor-element-a6bccba elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="a6bccba" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"><div class="elementor-widget-container"><div class="elementor-social-icons-wrapper elementor-grid" role="list" style="--grid-column-gap:52px;--grid-row-gap:18px;column-gap:52px;row-gap:18px"><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-3fbe893" href="https://www.facebook.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">Facebook</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook-f" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-64ac94e" href="https://x.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">X</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-38e1bcc" href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">LinkedIn</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-b0d5e1f" href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">YouTube</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></span></div></div></div></div></div></div></div><div class="elementor-element elementor-element-a5c503d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a5c503d" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-535776a elementor-widget elementor-widget-logico_heading" data-id="535776a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Get in Touch</div></div></div><div class="elementor-element elementor-element-0e6fedf elementor-widget elementor-widget-logico_wpforms" data-id="0e6fedf" data-element_type="widget" data-e-type="widget" data-widget_type="logico_wpforms.default"><div class="elementor-widget-container"><div class="logico-wpforms-widget"><div class="wpforms-container wpforms-render-modern" id="wpforms-369"><form id="wpforms-form-369" class="wpforms-validate wpforms-form"><div class="wpforms-field-container"><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Full name</div></div><label class="wpforms-field-label" for="footer-field-name">Full name</label></div><input type="text" id="footer-field-name" class="wpforms-field-large" required="" name="fullName" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Email</div></div><label class="wpforms-field-label" for="footer-field-email">Email</label></div><input type="email" id="footer-field-email" class="wpforms-field-large" required="" name="email" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Subject</div></div><label class="wpforms-field-label" for="footer-field-subject">Subject</label></div><input type="text" id="footer-field-subject" class="wpforms-field-large" required="" name="subject" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Message</div></div><label class="wpforms-field-label" for="footer-field-message">Message</label></div><textarea id="footer-field-message" class="wpforms-field-large" name="message" required=""></textarea></div></div><div class="wpforms-submit-container"><button type="submit" id="wpforms-submit-369" class="logico-alter-button wpforms-submit">Send a message</button></div></form></div></div></div></div></div></div><div class="elementor-element elementor-element-e183a77 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e183a77" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-5219697 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5219697" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-e6af8aa elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="e6af8aa" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class=""><h2 class="logico-title">Delivered <span style="color:#c01227">on time</span> with no hassle.</h2></div></div></div></div></div><div class="elementor-element elementor-element-ba22941 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ba22941" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-54629ca elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="54629ca" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default"><div class="elementor-widget-container"><div class="elementor-divider"><span class="elementor-divider-separator"></span></div></div></div></div><div class="elementor-element elementor-element-3f1ba7a e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3f1ba7a" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-64e2e81 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="64e2e81" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b5c897d elementor-widget elementor-widget-image" data-id="b5c897d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default"><div class="elementor-widget-container"><a href="/"><img alt="Doormile Tagline" loading="lazy" width="300" height="57" decoding="async" data-nimg="1" class="attachment-full size-full wp-image-5851" style="color:transparent;width:280px;height:auto" src="/images/logo-slogan.png"/></a></div></div><div class="elementor-element elementor-element-e4e6486 elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="e4e6486" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"><div class="elementor-widget-container"><div class="elementor-social-icons-wrapper elementor-grid" role="list" style="--grid-column-gap:52px;--grid-row-gap:18px;column-gap:52px;row-gap:18px"><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f" href="https://www.facebook.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">Facebook</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook-f" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter" href="https://x.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">X</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in" href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">LinkedIn</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-youtube" href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">YouTube</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></span></div></div></div></div><div class="elementor-element elementor-element-5b73dd3 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5b73dd3" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-10ead4d elementor-widget elementor-widget-logico_heading" data-id="10ead4d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Solutions</div></div></div><div class="elementor-element elementor-element-b2507df elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="b2507df" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/miletruth">MileTruth™</a></li><li><a href="/how-it-works">How It Works</a></li><li><a href="/solutions">Use Cases</a></li><li><a href="/contact">Request Demo</a></li></ul></div></div></div><div class="elementor-element elementor-element-451f15c e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="451f15c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-0ec06ff elementor-widget elementor-widget-logico_heading" data-id="0ec06ff" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Services</div></div></div><div class="elementor-element elementor-element-a219b7d elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="a219b7d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/about-us">About Us</a></li><li><a href="/about-us#women-entrepreneurship">Women entrepreneurship</a></li><li><a href="/blog">Blog</a></li><li><a href="/contact">Contact</a></li></ul></div></div></div><div class="elementor-element elementor-element-44a1f5d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="44a1f5d" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-0edc8fd elementor-widget elementor-widget-logico_heading" data-id="0edc8fd" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Legal</div></div></div><div class="elementor-element elementor-element-189484a elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="189484a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/privacy-policy">Privacy Policy</a></li><li><a href="/terms-of-service">Terms Service</a></li><li><a href="/cookie-policy">Cookie Policy</a></li></ul></div></div></div></div></div></div></div></div></div></footer><div class="footer-scroll-top " style="cursor:pointer"></div><style>
|
||
.elementor-6585 .elementor-element.elementor-element-e6af8aa .logico-title,
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a .logico-title,
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a .logico-custom-menu-widget {
|
||
font-family: var(--font-manrope), system-ui, -apple-system, "Segoe UI", sans-serif;
|
||
}
|
||
/* Prevent footer custom navigation menu items from wrapping on hover,
|
||
which causes layout shifts, height changes, and cursor flickering loops. */
|
||
.elementor-6585 .logico-custom-menu-widget li a {
|
||
white-space: nowrap !important;
|
||
}
|
||
/* The divider widget is a flex child that should grow via Elementor's
|
||
--container-widget-flex-grow variable, but the base rule wiring that
|
||
variable to flex-grow lives in elementor-frontend.css (not loaded). */
|
||
.elementor-6585 .elementor-element.elementor-element-54629ca {
|
||
flex-grow: 1;
|
||
width: 100%;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-54629ca .elementor-divider-separator {
|
||
display: block;
|
||
border-top: var(--divider-border-width, 1px) var(--divider-border-style, solid) var(--divider-color, #CBCBCB);
|
||
}
|
||
|
||
/* Production renders footer social icons at ~25px; ours default to 50px because the
|
||
base Elementor icon-size rule (font-size + SVG width:1em) is in elementor-frontend.css
|
||
which isn't loaded. Match prod for both upper (a6bccba) and lower (e4e6486) groups. */
|
||
.elementor-6585 .elementor-element.elementor-element-a6bccba .elementor-social-icon,
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 .elementor-social-icon {
|
||
font-size: 16px;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-a6bccba .elementor-social-icon svg,
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 .elementor-social-icon svg {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
|
||
/* Compact footer link columns on phones (<=480px). The kit only sets
|
||
column --width at min-width:481px, so below that all four blocks
|
||
fall back to 100% and stack into one very tall column. Put the
|
||
logo+social full-width on top, then lay the three link groups out
|
||
in a 2-up grid (matching the tablet 47% intent) so the footer is
|
||
roughly half as tall. */
|
||
/* Inline icon beside each contact label (Call Center / Our Location /
|
||
Email / Social network). */
|
||
.elementor-6585 .dm-foot-label {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
.elementor-6585 .dm-foot-label .dm-foot-ic {
|
||
flex: 0 0 auto;
|
||
color: #C01227;
|
||
}
|
||
|
||
/* ── Compact mobile contact footer (<=600px) ──
|
||
On phones the upper contact section stacked into one very tall
|
||
column with 50px margins between every block. Tighten the heading,
|
||
collapse those stack margins, and pair Email + Social side-by-side
|
||
(both are short) so the footer is far shorter without losing the
|
||
full-width address readability. */
|
||
@media (max-width: 600px) {
|
||
/* Trim the band's oversized top/bottom padding on phones. */
|
||
.elementor-6585 .elementor-element.elementor-element-b29b8fc > .e-con-inner {
|
||
padding-top: 40px !important;
|
||
padding-bottom: 40px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-687d944 .logico-title {
|
||
font-size: clamp(24px, 6.6vw, 32px) !important;
|
||
line-height: 1.2 !important;
|
||
}
|
||
.elementor-6585 .dm-foot-label .dm-foot-ic { width: 14px; height: 14px; }
|
||
/* The Call Center / Our Location group carries a 10px side padding
|
||
the Email / Social group doesn't, leaving its labels indented
|
||
10px out of line with everything else — zero it so all four
|
||
contact blocks share the same left edge as the heading. */
|
||
.elementor-6585 .elementor-element.elementor-element-2631b42 {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
/* All four contact blocks stack in one left-aligned column with a
|
||
consistent gap (Social network sits below Email). */
|
||
.elementor-6585 .elementor-element.elementor-element-2631b42,
|
||
.elementor-6585 .elementor-element.elementor-element-f5d8e63,
|
||
.elementor-6585 .elementor-element.elementor-element-645be8d,
|
||
.elementor-6585 .elementor-element.elementor-element-9ba4b82 {
|
||
margin-top: 22px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-645be8d > .e-con-inner {
|
||
flex-direction: column !important;
|
||
gap: 0 !important;
|
||
align-items: stretch !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-a96d151,
|
||
.elementor-6585 .elementor-element.elementor-element-9ba4b82 {
|
||
width: 100% !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a {
|
||
display: flex !important;
|
||
flex-direction: row !important;
|
||
flex-wrap: wrap !important;
|
||
gap: 36px 16px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-64e2e81 {
|
||
flex: 0 0 100% !important;
|
||
width: 100% !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-5b73dd3,
|
||
.elementor-6585 .elementor-element.elementor-element-451f15c,
|
||
.elementor-6585 .elementor-element.elementor-element-44a1f5d {
|
||
flex: 1 1 calc(50% - 8px) !important;
|
||
width: calc(50% - 8px) !important;
|
||
min-width: 0 !important;
|
||
}
|
||
/* Allow long links (e.g. "Women entrepreneurship") to wrap inside
|
||
the narrow columns instead of overflowing. */
|
||
.elementor-6585 .logico-custom-menu-widget li a {
|
||
white-space: normal !important;
|
||
}
|
||
/* Trim the large social-icons top gap so the brand block stays tight. */
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 > .elementor-widget-container {
|
||
margin-top: 24px !important;
|
||
}
|
||
}
|
||
</style></div></div><script src="/_next/static/chunks/02wozf8tof0sv.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[67989,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n3:I[8971,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n4:I[48064,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n5:I[26290,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n6:I[82637,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"HeaderUIProvider\"]\n7:I[92260,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n8:I[3374,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n9:I[39756,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\na:I[37457,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\nb:I[58234,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\nc:I[58829,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0sbgg51muajoi.js\"],\"default\"]\nd:I[76756,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0sbgg51muajoi.js\"],\"default\"]\ne:I[38730,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0sbgg51muajoi.js\"],\"default\"]\nf:I[33016,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0sbgg51muajoi.js\"],\"default\"]\n10:I[97367,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n11:\"$Sreact.suspense\"\n14:I[97367,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n16:I[97367,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n18:I[68027,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/"])</script><script>self.__next_f.push([1,"chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0ejo5d-~uyw2f.css\",\"style\"]\n:HL[\"/_next/static/media/0c795a286deabae8-s.p.14tvuu96~wkr0.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\",\"style\"]\n:HL[\"/css/site.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"miletruth\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"miletruth\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ejo5d-~uyw2f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/09319k21oxyrj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/03-hxrp~efw2j.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/04xui0pxt.et1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/037xe82t~065j.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en-US\",\"data-scroll-behavior\":\"smooth\",\"className\":\"manrope_67dc055e-module__BHrBnq__variable space_grotesk_2e42c3c6-module__3Wl9rq__variable syne_ef5854ac-module__2TJB3a__variable dm_sans_2770e922-module__TdA3fW__variable inter_5dbe1e89-module__i9oJOa__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/site.css\"}]]}],[\"$\",\"body\",null,{\"className\":\"wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"div\",null,{\"className\":\"body-container\",\"children\":[\"$\",\"div\",null,{\"id\":\"page\",\"className\":\"hfeed site\",\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$Lb\",null,{}]]}]}]]}]]}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"content\",\"children\":[\"$\",\"div\",null,{\"className\":\"content-inner\",\"children\":[\"$\",\"div\",null,{\"data-elementor-type\":\"wp-page\",\"data-elementor-id\":\"59\",\"className\":\"elementor elementor-59\",\"children\":[[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}],[\"$\",\"$Lf\",null,{}]]}]}]}]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0sbgg51muajoi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@12\"}]}]]}],{},null,false,null]},null,false,\"$@13\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L17\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$18\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ejo5d-~uyw2f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6Fgo7BBUhmdA9I5r4ZuZf\"}\n"])</script><script>self.__next_f.push([1,"19:[]\n13:\"$W19\"\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1a:I[27201,[\"/_next/static/chunks/09319k21oxyrj.js\",\"/_next/static/chunks/03-hxrp~efw2j.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/037xe82t~065j.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n12:null\n17:[[\"$\",\"title\",\"0\",{\"children\":\"MileTruth – Doormile\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Optimizes every stage of the delivery journey for maximum efficiency. Explore the only AI built exclusively for logistics.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"shortcut icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.14w3bhkxgz946.ico\",\"sizes\":\"40x40\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"5\",{\"rel\":\"icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"link\",\"6\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"$L1a\",\"7\",{}]]\n"])</script></body></html> |