1277 lines
127 KiB
HTML
1277 lines
127 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/0e3nwq.mbf2t0.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/03.zd6nbpktb0.js" async=""></script><script src="/_next/static/chunks/0f66gyh1x8s.3.js" async=""></script><script src="/_next/static/chunks/04xui0pxt.et1.js" async=""></script><script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script><script src="/_next/static/chunks/02dk.f0vv4~oj.js" async=""></script><script src="/_next/static/chunks/116lez5mtlrsj.js" async=""></script><script src="/_next/static/chunks/17n7rg0fwvf9d.js" async=""></script><script src="/_next/static/chunks/07aujl-su1b-6.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/vendor/vendor-elementor-generated-globals.css" as="style"/><link rel="preload" href="/css/vendor/vendor-elementor-base.css" as="style"/><link rel="preload" href="/css/vendor/vendor-elementor-custom.min.css" as="style"/><link rel="preload" href="/css/vendor/vendor-theme-core.css" as="style"/><link rel="preload" href="/css/vendor/vendor-global-overrides.css" as="style"/><link rel="preload" href="/css/vendor/vendor-layout-main.css" as="style"/><link rel="preload" href="/css/vendor/vendor-responsive-laptops.css" as="style"/><link rel="preload" href="/css/vendor/vendor-elementor-hfe.css" as="style"/><link rel="preload" href="/css/vendor/vendor-icons-fontello-load.css" as="style"/><link rel="preload" href="/css/vendor/vendor-icons-fontello.css" as="style"/><link rel="preload" href="/css/custom-frontend.min.css" as="style"/><link rel="preload" href="/css/all-inlined-head-styles.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/vendor/vendor-elementor-generated-globals.css"/><link rel="stylesheet" href="/css/vendor/vendor-elementor-base.css"/><link rel="stylesheet" href="/css/vendor/vendor-elementor-custom.min.css"/><link rel="stylesheet" href="/css/vendor/vendor-theme-core.css"/><link rel="stylesheet" href="/css/vendor/vendor-global-overrides.css"/><link rel="stylesheet" href="/css/vendor/vendor-layout-main.css"/><link rel="stylesheet" href="/css/vendor/vendor-responsive-laptops.css"/><link rel="stylesheet" href="/css/vendor/vendor-elementor-hfe.css"/><link rel="stylesheet" href="/css/vendor/vendor-icons-fontello-load.css"/><link rel="stylesheet" href="/css/vendor/vendor-icons-fontello.css"/><link rel="stylesheet" href="/css/custom-frontend.min.css"/><link rel="stylesheet" href="/css/all-inlined-head-styles.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 woocommerce-no-js 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="200" height="38" decoding="async" data-nimg="1" class="dm-loader__logo" style="color:transparent;width:auto;height:auto" 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; }
|
||
.dm-loader__logo { width: clamp(140px, 18vw, 200px); 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="wp-block-group is-layout-constrained wp-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" target="_blank" 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 target="_blank" 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: #4b4b4baa !important;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
|
||
top: 0 !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
|
||
background: transparent !important;
|
||
}
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a:before {
|
||
background-color: #ffffff !important;
|
||
opacity: 1 !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;
|
||
}
|
||
}
|
||
</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(16px, 1.8vw, 20px) !important;
|
||
font-weight: 500 !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0 auto !important;
|
||
max-width: 800px;
|
||
}
|
||
.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-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;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 30px 0 !important;
|
||
border-radius: 20px !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: 1fr !important;
|
||
gap: 36px !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 32px !important;
|
||
}
|
||
}
|
||
</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><section class="dm-wf1" aria-label="Workflow 1 — Impact of Optimisation & Performance"><section class="dm-opt is-before" aria-label="AI Logistics Optimization"><div class="dm-opt-sticky"><div class="dm-opt-card"><div class="dm-opt-backdrop" aria-hidden="true"></div><div class="dm-opt-vignette" aria-hidden="true"></div><div class="dm-opt-divider" aria-hidden="true" style="opacity:0.15"></div><div class="dm-opt-scanline" aria-hidden="true" style="top:8%;opacity:0"></div><div class="dm-opt-ui"><header class="dm-opt-head"><div class="dm-opt-eyebrow" style="opacity:0;transform:translateY(16px)"><span class="dm-opt-dot"></span> Doormile AI Control Tower</div><h2 style="opacity:0;transform:translateY(22px)">AI Logistics Optimization Engine</h2><p style="opacity:0;transform:translateY(22px)">Watch Doormile's AI engine transform chaotic logistics into precision-optimized delivery networks — reducing distance, fleet size, delays, and cost in real time.</p><div class="dm-opt-steps" style="opacity:0;transform:translateY(14px)"><span class="dm-opt-steps__pill is-active is-current"><span class="dm-opt-steps__icon">🔍</span><span class="dm-opt-steps__text">Analyze</span></span><span class="dm-opt-steps__line "></span><span class="dm-opt-steps__pill "><span class="dm-opt-steps__icon">⚡</span><span class="dm-opt-steps__text">Optimize</span></span><span class="dm-opt-steps__line "></span><span class="dm-opt-steps__pill "><span class="dm-opt-steps__icon">🚛</span><span class="dm-opt-steps__text">Assign</span></span><span class="dm-opt-steps__line "></span><span class="dm-opt-steps__pill "><span class="dm-opt-steps__icon">📡</span><span class="dm-opt-steps__text">Execute</span></span><span class="dm-opt-steps__line "></span><span class="dm-opt-steps__pill "><span class="dm-opt-steps__icon">📊</span><span class="dm-opt-steps__text">Monitor</span></span></div><div class="dm-opt-progress"><div class="dm-opt-progress__track"><div class="dm-opt-progress__fill" style="transform:scaleX(0)"></div></div></div></header><div class="dm-opt-compare"><aside class="dm-opt-panel dm-opt-panel--bad" style="opacity:1;filter:blur(0px)"><div class="dm-opt-panel__badge"><span class="dm-opt-pulse dm-opt-pulse--red"></span> System: Congested</div><h3>Without Optimization</h3><ul><li><span class="dm-opt-marker dm-opt-marker--x">✖</span> Chaotic overlapping routes</li><li><span class="dm-opt-marker dm-opt-marker--x">✖</span> Duplicate & idle trips</li><li><span class="dm-opt-marker dm-opt-marker--x">✖</span> 8 vehicles required</li><li><span class="dm-opt-marker dm-opt-marker--x">✖</span> 23 delivery delays</li><li><span class="dm-opt-marker dm-opt-marker--x">✖</span> +18% cost overrun</li></ul></aside><aside class="dm-opt-panel dm-opt-panel--good" style="opacity:0.36"><div class="dm-opt-panel__badge dm-opt-panel__badge--good"><span class="dm-opt-pulse dm-opt-pulse--green"></span> System: Optimized</div><h3>With Doormile AI</h3><ul><li><span class="dm-opt-marker dm-opt-marker--ok">✔</span> Optimized route clusters</li><li><span class="dm-opt-marker dm-opt-marker--ok">✔</span> Intelligent vehicle assignment</li><li><span class="dm-opt-marker dm-opt-marker--ok">✔</span> Multi-trip & EV planning</li><li><span class="dm-opt-marker dm-opt-marker--ok">✔</span> Zero delivery delays</li><li><span class="dm-opt-marker dm-opt-marker--ok">✔</span> 18% cost saved</li><li><span class="dm-opt-marker dm-opt-marker--ok">✔</span> Carbon footprint reduced</li></ul></aside></div><div class="dm-opt-foot"><div class="dm-opt-metrics" role="group" aria-label="Optimization results"><div class="dm-opt-metric" style="animation-delay:0s;box-shadow:0 10px 40px -12px rgba(239, 68, 68, 0.28), inset 0 1px 0 rgba(255,255,255,0.06);border-color:rgba(239, 68, 68, 0.4)"><div class="dm-opt-metric__top"><span class="dm-opt-metric__label">Route Distance</span><span class="dm-opt-metric__arrow" style="color:#22C55E;opacity:0">▼</span></div><div class="dm-opt-metric__value" style="color:rgba(239, 68, 68, 1)">312 km</div><div class="dm-opt-metric__sparkline" style="position:absolute;bottom:8px;right:12px;opacity:0.32;width:64px;height:20px;pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 64 20" fill="none"><defs><linearGradient id="grad-distance" x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#22C55E" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#22C55E" stop-opacity="0.0"></stop></linearGradient></defs><path d="M 0,3 C 16,3 32,17 64,17" stroke="#22C55E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 0,3 C 16,3 32,17 64,17 L 64,20 L 0,20 Z" fill="url(#grad-distance)"></path></svg></div><div class="dm-opt-metric__bar"><div class="dm-opt-metric__fill" style="background:rgba(239, 68, 68, 1);transform:scaleX(0.12)"></div></div></div><div class="dm-opt-metric" style="animation-delay:0.06s;box-shadow:0 10px 40px -12px rgba(239, 68, 68, 0.28), inset 0 1px 0 rgba(255,255,255,0.06);border-color:rgba(239, 68, 68, 0.4)"><div class="dm-opt-metric__top"><span class="dm-opt-metric__label">Vehicles</span><span class="dm-opt-metric__arrow" style="color:#22C55E;opacity:0">▼</span></div><div class="dm-opt-metric__value" style="color:rgba(239, 68, 68, 1)">8</div><div class="dm-opt-metric__sparkline" style="position:absolute;bottom:8px;right:12px;opacity:0.32;width:64px;height:20px;pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 64 20" fill="none"><defs><linearGradient id="grad-vehicles" x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#22C55E" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#22C55E" stop-opacity="0.0"></stop></linearGradient></defs><path d="M 0,3 C 16,3 32,17 64,17" stroke="#22C55E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 0,3 C 16,3 32,17 64,17 L 64,20 L 0,20 Z" fill="url(#grad-vehicles)"></path></svg></div><div class="dm-opt-metric__bar"><div class="dm-opt-metric__fill" style="background:rgba(239, 68, 68, 1);transform:scaleX(0.12)"></div></div></div><div class="dm-opt-metric" style="animation-delay:0.12s;box-shadow:0 10px 40px -12px rgba(0, 229, 255, 0.28), inset 0 1px 0 rgba(255,255,255,0.06);border-color:rgba(0, 229, 255, 0.4)"><div class="dm-opt-metric__top"><span class="dm-opt-metric__label">Orders</span><span class="dm-opt-metric__arrow" style="color:#22C55E;opacity:0">▲</span></div><div class="dm-opt-metric__value" style="color:rgba(0, 229, 255, 1)">59</div><div class="dm-opt-metric__sparkline" style="position:absolute;bottom:8px;right:12px;opacity:0.32;width:64px;height:20px;pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 64 20" fill="none"><defs><linearGradient id="grad-orders" x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#00E5FF" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#00E5FF" stop-opacity="0.0"></stop></linearGradient></defs><path d="M 0,17 C 16,6 32,19 64,8" stroke="#00E5FF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 0,17 C 16,6 32,19 64,8 L 64,20 L 0,20 Z" fill="url(#grad-orders)"></path></svg></div><div class="dm-opt-metric__bar"><div class="dm-opt-metric__fill" style="background:rgba(0, 229, 255, 1);transform:scaleX(0.12)"></div></div></div><div class="dm-opt-metric" style="animation-delay:0.18s;box-shadow:0 10px 40px -12px rgba(239, 68, 68, 0.28), inset 0 1px 0 rgba(255,255,255,0.06);border-color:rgba(239, 68, 68, 0.4)"><div class="dm-opt-metric__top"><span class="dm-opt-metric__label">Delayed</span><span class="dm-opt-metric__arrow" style="color:#22C55E;opacity:0">▼</span></div><div class="dm-opt-metric__value" style="color:rgba(239, 68, 68, 1)">23</div><div class="dm-opt-metric__sparkline" style="position:absolute;bottom:8px;right:12px;opacity:0.32;width:64px;height:20px;pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 64 20" fill="none"><defs><linearGradient id="grad-delayed" x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#22C55E" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#22C55E" stop-opacity="0.0"></stop></linearGradient></defs><path d="M 0,1 C 16,1 28,19 64,19" stroke="#22C55E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 0,1 C 16,1 28,19 64,19 L 64,20 L 0,20 Z" fill="url(#grad-delayed)"></path></svg></div><div class="dm-opt-metric__bar"><div class="dm-opt-metric__fill" style="background:rgba(239, 68, 68, 1);transform:scaleX(0.12)"></div></div></div><div class="dm-opt-metric" style="animation-delay:0.24s;box-shadow:0 10px 40px -12px rgba(239, 68, 68, 0.28), inset 0 1px 0 rgba(255,255,255,0.06);border-color:rgba(239, 68, 68, 0.4)"><div class="dm-opt-metric__top"><span class="dm-opt-metric__label">Cost Overrun</span><span class="dm-opt-metric__arrow" style="color:#22C55E;opacity:0">▲</span></div><div class="dm-opt-metric__value" style="color:rgba(239, 68, 68, 1)">+18%</div><div class="dm-opt-metric__sparkline" style="position:absolute;bottom:8px;right:12px;opacity:0.32;width:64px;height:20px;pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 64 20" fill="none"><defs><linearGradient id="grad-cost" x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#22C55E" stop-opacity="0.22"></stop><stop offset="100%" stop-color="#22C55E" stop-opacity="0.0"></stop></linearGradient></defs><path d="M 0,1 C 16,1 28,19 64,19" stroke="#22C55E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 0,1 C 16,1 28,19 64,19 L 64,20 L 0,20 Z" fill="url(#grad-cost)"></path></svg></div><div class="dm-opt-metric__bar"><div class="dm-opt-metric__fill" style="background:rgba(239, 68, 68, 1);transform:scaleX(0.12)"></div></div></div></div><div class="dm-opt-insight" style="opacity:0;transform:translateY(12px)"><span class="dm-opt-insight__dot"></span><span class="dm-opt-insight__text">Live Analytics: <strong>59<!-- --> Orders</strong></span><span class="dm-opt-insight__sep"></span><span class="dm-opt-insight__text">AI Accuracy: <strong>98.7<!-- -->%</strong></span><span class="dm-opt-insight__sep"></span><span class="dm-opt-insight__text">Fleet: <strong>5<!-- -->/5 EV Active</strong></span><span class="dm-opt-insight__sep"></span><span class="dm-opt-insight__text">Route Health: <strong>99.4<!-- -->%</strong></span><span class="dm-opt-insight__sep"></span><span class="dm-opt-insight__text">Carbon: <strong>-12<!-- -->%</strong></span></div></div></div></div></div><style>
|
||
/* ===== OUTER SECTION: Transparent so the card floats ===== */
|
||
.dm-opt {
|
||
position: relative;
|
||
height: 230vh;
|
||
background: transparent;
|
||
margin-bottom: 0;
|
||
}
|
||
.dm-opt-sticky {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100vh;
|
||
overflow: hidden;
|
||
background: transparent;
|
||
/* Promote the pinned layer to its own GPU compositing layer so scroll-driven
|
||
pin/scrub updates never trigger main-thread paints of the rest of the page. */
|
||
will-change: transform;
|
||
transform: translateZ(0);
|
||
backface-visibility: hidden;
|
||
}
|
||
.dm-opt.is-pinned .dm-opt-sticky { position: fixed; top: 0; left: 0; }
|
||
.dm-opt.is-after .dm-opt-sticky { position: absolute; top: auto; bottom: 0; }
|
||
|
||
/* ===== FLOATING CARD — the only colored surface ===== */
|
||
.dm-opt-card {
|
||
position: absolute !important;
|
||
top: 96px !important;
|
||
left: 20px !important;
|
||
right: 20px !important;
|
||
bottom: 0 !important;
|
||
/* flat bottom + flush to container so the Performance card butts directly
|
||
against it, reading as one continuous container (home-page technique) */
|
||
border-radius: 42px 42px 0 0 !important;
|
||
overflow: hidden !important;
|
||
// background: linear-gradient(165deg, #06101f 0%, #020617 35%, #040d1c 70%, #030a18 100%) !important;
|
||
// border: 0px solid rgba(255, 255, 255, 0.08) !important;
|
||
border-bottom: none !important;
|
||
// box-shadow:
|
||
// 0 0 0 1px rgba(0, 229, 255, 0.04),
|
||
// 0 4px 30px -4px rgba(0, 0, 0, 0.7),
|
||
// 0 20px 80px -20px rgba(0, 0, 0, 0.6),
|
||
// 0 0 120px -30px rgba(0, 229, 255, 0.08),
|
||
// inset 0 1px 0 rgba(255, 255, 255, 0.06),
|
||
// inset 0 -1px 0 rgba(255, 255, 255, 0.02) !important;
|
||
// box-sizing: border-box !important;
|
||
}
|
||
/* Animated subtle grid pattern */
|
||
.dm-opt-card::before {
|
||
/* Expanded one tile beyond the (clipped) card so we can drift it via a GPU
|
||
transform instead of animating background-position (which repaints each frame). */
|
||
content: ""; position: absolute; inset: -60px; z-index: 0; pointer-events: none;
|
||
opacity: 0.035;
|
||
background-image:
|
||
linear-gradient(rgba(0, 229, 255, 0.5) 1px, transparent 1px),
|
||
linear-gradient(90deg, rgba(0, 229, 255, 0.5) 1px, transparent 1px);
|
||
background-size: 60px 60px;
|
||
animation: dmOptGridDrift 25s linear infinite;
|
||
will-change: transform;
|
||
}
|
||
@keyframes dmOptGridDrift {
|
||
0% { transform: translate3d(0, 0, 0); }
|
||
100% { transform: translate3d(60px, 60px, 0); }
|
||
}
|
||
/* Radial center glow behind 3D scene */
|
||
.dm-opt-card::after {
|
||
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
|
||
background:
|
||
radial-gradient(ellipse 50% 45% at 50% 48%, rgba(0, 229, 255, 0.08) 0%, transparent 70%),
|
||
radial-gradient(ellipse 60% 40% at 50% 90%, rgba(34, 197, 94, 0.05) 0%, transparent 60%),
|
||
radial-gradient(ellipse 80% 50% at 50% 10%, rgba(0, 229, 255, 0.04) 0%, transparent 50%);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.dm-opt-card {
|
||
top: 96px !important;
|
||
left: 20px !important;
|
||
right: 20px !important;
|
||
bottom: 0 !important;
|
||
border-radius: 42px 42px 0 0 !important;
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-opt-card {
|
||
top: 86px !important;
|
||
left: 10px !important;
|
||
right: 10px !important;
|
||
bottom: 0 !important;
|
||
border-radius: 28px 28px 0 0 !important;
|
||
}
|
||
}
|
||
|
||
/* ===== INNER LAYERS ===== */
|
||
.dm-opt-backdrop {
|
||
position: absolute;
|
||
inset: 0; z-index: 0;
|
||
background:
|
||
radial-gradient(100% 70% at 50% 6%, rgba(0, 229, 255, 0.06) 0%, transparent 55%),
|
||
radial-gradient(80% 60% at 50% 100%, rgba(34, 197, 94, 0.05) 0%, transparent 55%);
|
||
}
|
||
.dm-opt-canvas { position: absolute; inset: 0; z-index: 1; }
|
||
.dm-opt-canvas canvas { display: block; }
|
||
.dm-opt-vignette {
|
||
position: absolute; inset: 0; z-index: 2; pointer-events: none;
|
||
background:
|
||
radial-gradient(110% 90% at 50% 50%, transparent 48%, rgba(2, 6, 23, 0.88) 100%),
|
||
linear-gradient(180deg, rgba(2, 6, 23, 0.6) 0%, transparent 20%, transparent 65%, rgba(2, 6, 23, 0.92) 100%);
|
||
}
|
||
.dm-opt-divider {
|
||
position: absolute; left: 50%; top: 14%; bottom: 28%;
|
||
width: 1px; z-index: 3; pointer-events: none; transform: translateX(-0.5px);
|
||
background: linear-gradient(180deg, transparent, rgba(0, 229, 255, 0.6), transparent);
|
||
box-shadow: 0 0 16px rgba(0, 229, 255, 0.4);
|
||
}
|
||
.dm-opt-scanline {
|
||
position: absolute; left: 6%; right: 6%; height: 2px; z-index: 3; pointer-events: none;
|
||
background: linear-gradient(90deg, transparent, #00E5FF, transparent);
|
||
box-shadow: 0 0 22px rgba(0, 229, 255, 0.8);
|
||
}
|
||
|
||
/* ===== FLOATING AI STATUS BADGE ===== */
|
||
.dm-opt-floating-badge {
|
||
pointer-events: none;
|
||
}
|
||
.dm-opt-floating-badge__inner {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 8px 18px;
|
||
border-radius: 999px;
|
||
background: rgba(11, 18, 32, 0.85);
|
||
border: 1.5px solid rgba(0, 229, 255, 0.3);
|
||
box-shadow:
|
||
0 10px 30px -5px rgba(0, 0, 0, 0.65),
|
||
0 0 24px -2px rgba(0, 229, 255, 0.18),
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||
backdrop-filter: blur(14px);
|
||
-webkit-backdrop-filter: blur(14px);
|
||
transition: border-color 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
.dm-opt-floating-badge__dot {
|
||
width: 7px;
|
||
height: 7px;
|
||
border-radius: 50%;
|
||
background: #00E5FF;
|
||
box-shadow: 0 0 10px #00E5FF;
|
||
animation: dmOptPulse 1.4s ease-in-out infinite;
|
||
transition: background 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
.dm-opt-floating-badge__dot.is-scan {
|
||
background: #00E5FF;
|
||
box-shadow: 0 0 10px #00E5FF;
|
||
}
|
||
.dm-opt-floating-badge__dot.is-dissolve,
|
||
.dm-opt-floating-badge__dot.is-optimize {
|
||
background: #F59E0B;
|
||
box-shadow: 0 0 10px #F59E0B;
|
||
}
|
||
.dm-opt-floating-badge__dot.is-reorganize {
|
||
background: #C084FC;
|
||
box-shadow: 0 0 10px #C084FC;
|
||
}
|
||
.dm-opt-floating-badge__dot.is-metrics {
|
||
background: #22C55E;
|
||
box-shadow: 0 0 10px #22C55E;
|
||
}
|
||
.dm-opt-floating-badge__text {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
color: #F8FAFC;
|
||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||
}
|
||
|
||
/* ===== UI OVERLAY ===== */
|
||
.dm-opt-ui { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
|
||
.dm-opt-ui h2, .dm-opt-ui h3, .dm-opt-metric__value, .dm-opt-eyebrow, .dm-opt-phase {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
}
|
||
|
||
/* ===== HEADER — compact, no dead space ===== */
|
||
.dm-opt-head {
|
||
position: absolute; top: clamp(18px, 3vh, 36px); left: 50%;
|
||
transform: translateX(-50%); width: min(640px, 90vw); text-align: center;
|
||
}
|
||
.dm-opt-eyebrow {
|
||
display: inline-flex; align-items: center; gap: 7px;
|
||
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
|
||
color: #00E5FF; padding: 5px 14px; border-radius: 999px;
|
||
background: rgba(0, 229, 255, 0.06); border: 1px solid rgba(0, 229, 255, 0.25);
|
||
backdrop-filter: blur(8px);
|
||
}
|
||
.dm-opt-dot { width: 6px; height: 6px; border-radius: 50%; background: #00E5FF; box-shadow: 0 0 10px #00E5FF; }
|
||
.dm-opt .dm-opt-head h2 {
|
||
margin: 8px 0 4px !important; padding: 0 !important; color: #F8FAFC !important;
|
||
font-weight: 700 !important; text-transform: none !important;
|
||
font-size: clamp(22px, 2.4vw, 36px) !important; line-height: 1.1 !important;
|
||
letter-spacing: -0.015em !important;
|
||
}
|
||
.dm-opt .dm-opt-head p {
|
||
margin: 0 auto !important; padding: 0 !important; color: rgba(226,232,240,0.66) !important;
|
||
max-width: 440px; font-size: clamp(11px, 1vw, 13px) !important; line-height: 1.45 !important;
|
||
}
|
||
|
||
/* ===== WORKFLOW STEPS ===== */
|
||
.dm-opt-steps {
|
||
display: flex; align-items: center; justify-content: center; gap: 0;
|
||
margin-top: 12px; flex-wrap: wrap;
|
||
}
|
||
.dm-opt-steps__pill {
|
||
display: inline-flex; align-items: center; gap: 4px;
|
||
padding: 4px 10px; border-radius: 999px; font-weight: 600;
|
||
letter-spacing: 0.04em; text-transform: uppercase;
|
||
color: #64748B;
|
||
background: rgba(11, 18, 32, 0.5);
|
||
border: 1px solid rgba(100, 116, 139, 0.2);
|
||
backdrop-filter: blur(6px);
|
||
transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);
|
||
}
|
||
.dm-opt-steps__pill.is-active {
|
||
color: #E2E8F0;
|
||
background: rgba(0, 229, 255, 0.1);
|
||
border-color: rgba(0, 229, 255, 0.35);
|
||
box-shadow: 0 0 18px -6px rgba(0, 229, 255, 0.5);
|
||
}
|
||
.dm-opt-steps__pill.is-current {
|
||
color: #00E5FF;
|
||
border-color: rgba(0, 229, 255, 0.6);
|
||
box-shadow: 0 0 24px -4px rgba(0, 229, 255, 0.6);
|
||
}
|
||
.dm-opt-steps__icon { font-size: 11px; }
|
||
.dm-opt-steps__text { font-size: 9.5px; }
|
||
.dm-opt-steps__line {
|
||
display: block; width: 16px; height: 1px; margin: 0 2px;
|
||
background: rgba(100, 116, 139, 0.3);
|
||
transition: background 0.45s ease;
|
||
}
|
||
.dm-opt-steps__line.is-active {
|
||
background: linear-gradient(90deg, #00E5FF, #22C55E);
|
||
box-shadow: 0 0 6px rgba(0, 229, 255, 0.5);
|
||
}
|
||
|
||
/* ===== PROGRESS BAR ===== */
|
||
.dm-opt-progress { margin-top: 10px; }
|
||
.dm-opt-progress__track {
|
||
height: 2px; border-radius: 999px; overflow: hidden;
|
||
background: rgba(0, 229, 255, 0.1); max-width: 420px; margin: 0 auto;
|
||
}
|
||
.dm-opt-progress__fill {
|
||
height: 100%; width: 100%; transform-origin: left center; border-radius: 999px;
|
||
background: linear-gradient(90deg, #00E5FF, #22C55E);
|
||
box-shadow: 0 0 12px rgba(0, 229, 255, 0.6);
|
||
}
|
||
.dm-opt-status {
|
||
display: inline-flex; align-items: center; gap: 8px; margin-top: 8px;
|
||
padding: 4px 11px; border-radius: 999px;
|
||
background: rgba(11, 18, 32, 0.55); border: 1px solid rgba(0, 229, 255, 0.18);
|
||
backdrop-filter: blur(8px);
|
||
}
|
||
.dm-opt-status__dot {
|
||
width: 5px; height: 5px; border-radius: 50%; background: #00E5FF;
|
||
box-shadow: 0 0 8px #00E5FF; animation: dmOptPulse 1.4s ease-in-out infinite;
|
||
}
|
||
.dm-opt-status__label {
|
||
font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #E2E8F0; font-weight: 600;
|
||
}
|
||
.dm-opt-status__step { font-size: 9.5px; color: #00E5FF; font-weight: 600; }
|
||
|
||
/* ===== COMPARE PANELS — tighter, stronger ===== */
|
||
.dm-opt-compare {
|
||
position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);
|
||
display: flex; justify-content: space-between; align-items: center;
|
||
gap: 12px; padding: 0 clamp(12px, 2.5vw, 36px);
|
||
}
|
||
.dm-opt-panel {
|
||
pointer-events: auto; width: clamp(230px, 26vw, 340px);
|
||
padding: 18px 20px; border-radius: 20px;
|
||
background: rgba(11, 18, 32, 0.92);
|
||
border: 1px solid rgba(100, 116, 139, 0.22);
|
||
/* backdrop blur removed — panel opacity is scroll-driven, so the blur was
|
||
recomputed every scroll frame; a near-opaque fill reads the same and is free. */
|
||
}
|
||
.dm-opt-panel--bad {
|
||
border-color: rgba(239, 68, 68, 0.45);
|
||
box-shadow:
|
||
0 0 30px -8px rgba(239, 68, 68, 0.35),
|
||
0 20px 50px -20px rgba(239, 68, 68, 0.25),
|
||
inset 0 1px 0 rgba(239, 68, 68, 0.08);
|
||
}
|
||
.dm-opt-panel--good {
|
||
border-color: rgba(34, 197, 94, 0.45);
|
||
box-shadow:
|
||
0 0 30px -8px rgba(34, 197, 94, 0.35),
|
||
0 20px 50px -20px rgba(34, 197, 94, 0.25),
|
||
inset 0 1px 0 rgba(34, 197, 94, 0.08);
|
||
}
|
||
.dm-opt .dm-opt-panel h3 {
|
||
margin: 10px 0 12px !important; padding: 0 !important; color: #F1F5F9 !important;
|
||
font-size: clamp(15px, 1.4vw, 19px) !important; font-weight: 600 !important;
|
||
line-height: 1.15 !important; text-transform: none !important; letter-spacing: -0.01em !important;
|
||
}
|
||
.dm-opt .dm-opt-panel ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 7px; }
|
||
.dm-opt .dm-opt-panel li {
|
||
position: relative; padding-left: 0 !important; margin: 0 !important;
|
||
color: rgba(226,232,240,0.66) !important; font-size: 12.5px !important; line-height: 1.35 !important;
|
||
display: flex; align-items: center; gap: 8px;
|
||
}
|
||
.dm-opt .dm-opt-panel li::marker { content: "" !important; }
|
||
/* Remove old dot pseudo — now using ✖/✔ markers */
|
||
.dm-opt .dm-opt-panel li::before { content: none !important; display: none !important; }
|
||
|
||
/* ✖/✔ markers */
|
||
.dm-opt-marker {
|
||
display: inline-flex; align-items: center; justify-content: center;
|
||
width: 18px; height: 18px; border-radius: 6px; flex-shrink: 0;
|
||
font-size: 10px; font-weight: 700; line-height: 1;
|
||
}
|
||
.dm-opt-marker--x {
|
||
background: rgba(239, 68, 68, 0.15);
|
||
color: #EF4444;
|
||
border: 1px solid rgba(239, 68, 68, 0.35);
|
||
box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
|
||
}
|
||
.dm-opt-marker--ok {
|
||
background: rgba(34, 197, 94, 0.15);
|
||
color: #22C55E;
|
||
border: 1px solid rgba(34, 197, 94, 0.35);
|
||
box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
|
||
}
|
||
|
||
.dm-opt-panel__badge {
|
||
display: inline-flex; align-items: center; gap: 7px;
|
||
font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;
|
||
color: #EF4444; padding: 5px 10px; border-radius: 999px;
|
||
background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.35);
|
||
}
|
||
.dm-opt-panel__badge--good { color: #22C55E; background: rgba(34, 197, 94, 0.1); border-color: rgba(34, 197, 94, 0.35); }
|
||
.dm-opt-pulse { width: 6px; height: 6px; border-radius: 50%; animation: dmOptPulse 1.4s ease-in-out infinite; }
|
||
.dm-opt-pulse--red { background: #EF4444; box-shadow: 0 0 10px #EF4444; }
|
||
.dm-opt-pulse--green { background: #22C55E; box-shadow: 0 0 10px #22C55E; }
|
||
@keyframes dmOptPulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } }
|
||
|
||
/* ===== METRICS ===== */
|
||
.dm-opt-foot {
|
||
position: absolute; left: 0; right: 0; bottom: clamp(12px, 2.5vh, 28px);
|
||
padding: 0 clamp(12px, 3vw, 36px);
|
||
}
|
||
.dm-opt-metrics {
|
||
pointer-events: auto; display: grid; grid-template-columns: repeat(5, 1fr);
|
||
gap: 10px; max-width: 1100px; margin: 0 auto;
|
||
}
|
||
.dm-opt-metric {
|
||
position: relative; padding: 14px 14px 12px; border-radius: 16px;
|
||
background: rgba(11, 18, 32, 0.92);
|
||
border: 1px solid rgba(100, 116, 139, 0.25);
|
||
/* backdrop blur removed — 5 metric cards animate on scroll; per-frame blur recompute was a hotspot. */
|
||
overflow: hidden;
|
||
opacity: 0; transform: translateY(22px);
|
||
animation: dmOptCardIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
||
box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.04);
|
||
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease !important;
|
||
cursor: pointer;
|
||
}
|
||
.dm-opt-metric:hover {
|
||
transform: translateY(-5px) scale(1.028) !important;
|
||
background: rgba(11, 18, 32, 0.9) !important;
|
||
border-color: rgba(0, 229, 255, 0.52) !important;
|
||
box-shadow:
|
||
0 18px 48px -8px rgba(0, 229, 255, 0.25),
|
||
0 4px 12px -2px rgba(0, 229, 255, 0.12),
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
|
||
}
|
||
.dm-opt-metric:hover .dm-opt-metric__sparkline {
|
||
opacity: 0.72 !important;
|
||
}
|
||
.dm-opt-metric__sparkline {
|
||
transition: opacity 0.4s ease;
|
||
}
|
||
@keyframes dmOptCardIn { to { opacity: 1; transform: translateY(0); } }
|
||
.dm-opt-metric__top { display: flex; align-items: center; justify-content: space-between; }
|
||
.dm-opt-metric__label {
|
||
font-size: 10px; letter-spacing: 0.04em; color: rgba(226,232,240,0.66); text-transform: uppercase;
|
||
}
|
||
.dm-opt-metric__arrow { font-size: 11px; }
|
||
.dm-opt-metric__value { margin-top: 6px; font-size: clamp(20px, 2.8vw, 32px); font-weight: 700; line-height: 1; }
|
||
.dm-opt-metric__bar { margin-top: 10px; height: 3px; border-radius: 999px; background: rgba(100, 116, 139, 0.2); overflow: hidden; }
|
||
.dm-opt-metric__fill { height: 100%; border-radius: 999px; transform-origin: left center; }
|
||
|
||
/* ===== BOTTOM INSIGHT BAR ===== */
|
||
.dm-opt-insight {
|
||
display: flex; align-items: center; justify-content: center; gap: 8px;
|
||
max-width: 760px; margin: 10px auto 0;
|
||
padding: 7px 18px; border-radius: 999px;
|
||
background: rgba(11, 18, 32, 0.6);
|
||
border: 1px solid rgba(0, 229, 255, 0.12);
|
||
backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
|
||
pointer-events: auto;
|
||
}
|
||
.dm-opt-insight__dot {
|
||
width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
|
||
background: #22C55E;
|
||
box-shadow: 0 0 12px #22C55E;
|
||
animation: dmOptPulse 2s ease-in-out infinite;
|
||
}
|
||
.dm-opt-insight__text {
|
||
font-size: 10.5px; color: rgba(226,232,240,0.66); line-height: 1.3;
|
||
letter-spacing: 0.03em; font-weight: 500;
|
||
}
|
||
.dm-opt-insight__text strong {
|
||
color: #E2E8F0; font-weight: 700;
|
||
}
|
||
.dm-opt-insight__sep {
|
||
width: 1px; height: 12px; flex-shrink: 0;
|
||
background: rgba(100, 116, 139, 0.35);
|
||
}
|
||
|
||
/* ===== RESPONSIVE ===== */
|
||
@media (max-width: 1024px) {
|
||
.dm-opt-panel { width: clamp(190px, 30vw, 280px); padding: 14px 16px; }
|
||
.dm-opt-panel li { font-size: 11.5px; }
|
||
.dm-opt-marker { width: 16px; height: 16px; font-size: 9px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-opt { height: 200vh; }
|
||
.dm-opt-card {
|
||
top: 8px !important; left: 8px !important; right: 8px !important; bottom: 8px !important;
|
||
border-radius: 24px !important;
|
||
}
|
||
.dm-opt-compare {
|
||
top: auto; bottom: 148px; transform: none;
|
||
flex-direction: row; align-items: stretch; gap: 6px; padding: 0 10px;
|
||
}
|
||
.dm-opt-panel { width: 50%; padding: 10px 11px; border-radius: 14px; }
|
||
.dm-opt-panel ul { gap: 4px; }
|
||
.dm-opt-panel li { font-size: 10px; }
|
||
.dm-opt-panel li::before { display: none !important; }
|
||
.dm-opt-marker { width: 14px; height: 14px; font-size: 8px; border-radius: 4px; }
|
||
.dm-opt-panel h3 { margin: 6px 0 5px; font-size: 14px; }
|
||
.dm-opt-panel__badge { font-size: 8px; padding: 3px 7px; }
|
||
.dm-opt-metrics { grid-template-columns: repeat(5, 1fr); gap: 4px; }
|
||
.dm-opt-metric { padding: 7px 5px; border-radius: 10px; }
|
||
.dm-opt-metric__label { font-size: 7.5px; letter-spacing: 0; }
|
||
.dm-opt-metric__value { font-size: 14px; }
|
||
.dm-opt-metric__bar { margin-top: 6px; }
|
||
.dm-opt-head h2 { font-size: 22px; margin: 6px 0 4px; }
|
||
.dm-opt-head p { font-size: 10.5px; }
|
||
.dm-opt-phases { display: none; }
|
||
.dm-opt-steps { gap: 0; }
|
||
.dm-opt-steps__pill { padding: 3px 6px; }
|
||
.dm-opt-steps__icon { font-size: 9px; }
|
||
.dm-opt-steps__text { font-size: 7.5px; }
|
||
.dm-opt-steps__line { width: 6px; }
|
||
.dm-opt-insight { padding: 5px 10px; gap: 5px; }
|
||
.dm-opt-insight__text { font-size: 8.5px; }
|
||
.dm-opt-insight__sep { height: 10px; }
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.dm-opt-pulse { animation: none; }
|
||
.dm-opt-metric { animation: none; opacity: 1; transform: none; }
|
||
.dm-opt-insight__dot { animation: none; }
|
||
.dm-opt-card::before { animation: none; }
|
||
}
|
||
</style></section><div class="dm-wf1-card"><div class="dm-workflow-left"><svg viewBox="0 0 320 280" fill="none" xmlns="http://www.w3.org/2000/svg" class="dm-workflow-svg"><path d="M 30,20 C 22,20 16,26 16,34 L 78,85 C 81,88 81,92 78,95 L 16,146 C 16,154 22,160 30,160 L 130,160 C 138,160 145,154 148,146 L 204,95 C 207,92 207,88 204,85 L 148,34 C 145,26 138,20 130,20 Z" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.25"></path><path d="M 110,100 C 102,100 96,106 96,114 L 158,165 C 161,168 161,172 158,175 L 96,226 C 96,234 102,240 110,240 L 210,240 C 218,240 225,234 228,226 L 284,175 C 287,172 287,168 284,165 L 228,114 C 225,106 218,100 210,100 Z" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"></path></svg></div><div class="dm-workflow-right"><svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="dm-workflow-quote"><rect x="2" y="2" width="9" height="20" rx="1.5" transform="skewX(-12)" fill="#C01227"></rect><rect x="16" y="2" width="9" height="20" rx="1.5" transform="skewX(-12)" fill="#C01227"></rect></svg><h3 class="dm-workflow-title">PERFORMANCE</h3><div class="dm-workflow-text-container"><p class="dm-workflow-text" style="opacity:0;transform:translateY(12px)">Our AI-powered routing system reduces unnecessary travel by selecting the most efficient delivery paths across the city. This helps lower fuel and battery consumption while improving delivery speed and operational efficiency. Businesses can complete more deliveries in less time with significantly reduced logistics costs.</p></div><div class="dm-workflow-nav"><span class="dm-workflow-counter">0<!-- -->1<!-- -->/03</span><div class="dm-workflow-bars"><button type="button" aria-label="Go to slide 1" class="dm-workflow-bar is-active"></button><button type="button" aria-label="Go to slide 2" class="dm-workflow-bar "></button><button type="button" aria-label="Go to slide 3" class="dm-workflow-bar "></button></div></div></div></div><style>
|
||
/* ============================================================
|
||
Workflow 1 = ONE container:
|
||
├─ Impact of Optimisation (full interactive OptimizationSection)
|
||
└─ Performance (content card, flush + colour-matched)
|
||
The Performance card is pulled up to butt against the optimisation
|
||
card's flat bottom and shares its dark-navy surface, so the two
|
||
read as a single continuous container with no gap / no break.
|
||
============================================================ */
|
||
.dm-wf1 {
|
||
position: relative;
|
||
margin: 0 auto 0;
|
||
}
|
||
|
||
/* Cancel the global "section { padding: 6rem 0 }" (custom-frontend.min.css): both
|
||
this wrapper and the nested .dm-opt are sections, so that 96px top+bottom stacked
|
||
into large empty bands above / between the workflows. These are full-bleed pinned
|
||
experiences whose cards butt together via their own insets — no section padding. */
|
||
.dm-wf1, .dm-wf1 .dm-opt { padding-top: 0; padding-bottom: 0; }
|
||
|
||
/* Performance card — aligned to the optimisation card (20px side insets),
|
||
navy-matched, flat top, rounded bottom, pulled up to close the seam. */
|
||
.dm-wf1-card {
|
||
position: relative;
|
||
z-index: 2;
|
||
margin: 0 20px 0;
|
||
background: linear-gradient(180deg, #030a18 0%, #06101f 100%);
|
||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||
border-top: none;
|
||
border-radius: 0 0 42px 42px;
|
||
/* No shadow: this card is flush under the optimisation card and merges with it as one
|
||
continuous container — a shadow here would re-introduce a dark band at the seam. */
|
||
box-shadow: none;
|
||
padding: 36px 60px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 40px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.dm-workflow-left {
|
||
flex: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
max-width: 440px;
|
||
}
|
||
.dm-workflow-svg {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: drop-shadow(0 8px 24px rgba(0,0,0,0.3));
|
||
}
|
||
|
||
.dm-workflow-right {
|
||
flex: 1.2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 20px;
|
||
}
|
||
.dm-workflow-quote { margin-bottom: 5px; }
|
||
|
||
.dm-workflow-title {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 38px;
|
||
font-weight: 700;
|
||
color: #F8FAFC !important;
|
||
letter-spacing: -0.015em;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.dm-workflow-text-container { min-height: 110px; width: 100%; }
|
||
.dm-workflow-text {
|
||
font-family: var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 16px;
|
||
line-height: 1.65;
|
||
color: #A3A3A3;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
.dm-workflow-nav {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-end;
|
||
gap: 10px;
|
||
align-self: flex-end;
|
||
margin-top: 10px;
|
||
}
|
||
.dm-workflow-counter {
|
||
font-family: var(--font-space-grotesk), sans-serif;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: #737373;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.dm-workflow-bars { display: flex; gap: 8px; }
|
||
.dm-workflow-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.dm-workflow-bar.is-active { background: #C01227; }
|
||
.dm-workflow-bar:hover { background: rgba(255, 255, 255, 0.35); }
|
||
.dm-workflow-bar.is-active:hover { background: #C01227; }
|
||
|
||
/* ── Responsive — keep insets/radius aligned to the optimisation card ── */
|
||
@media (max-width: 1024px) {
|
||
.dm-wf1-card {
|
||
margin: 0 20px 0;
|
||
border-radius: 0 0 42px 42px;
|
||
padding: 44px 44px;
|
||
gap: 44px;
|
||
}
|
||
.dm-workflow-title { font-size: 32px; }
|
||
}
|
||
@media (max-width: 768px) {
|
||
.dm-wf1-card {
|
||
margin: 0 10px 0;
|
||
border-radius: 0 0 28px 28px;
|
||
padding: 36px 28px;
|
||
gap: 36px;
|
||
flex-direction: column;
|
||
}
|
||
.dm-workflow-left { max-width: 280px; }
|
||
.dm-workflow-right { width: 100%; }
|
||
.dm-workflow-title { font-size: 28px; }
|
||
.dm-workflow-text-container { min-height: auto; }
|
||
}
|
||
</style></section><section class="dm-wf2" aria-label="Workflow 2 — How Our Logistics Brain Works & Innovation"><section class="dm-lb is-before is-connected" aria-label="Logistics Brain — one intelligent system"><div class="dm-lb-sticky"><div class="dm-lb-card"></div></div><style>
|
||
/* Scroll length tuned for pacing: ~77vh per engine step (was 107vh) so the 6
|
||
beats complete in noticeably less scrolling — closer to Workflow 1's cadence
|
||
and with far less perceived empty space between workflows. Beat windows are
|
||
progress-based (0…1), so they stay correctly aligned at any height. */
|
||
.dm-lb { position: relative; height: 460vh; background: transparent; }
|
||
.dm-lb-sticky { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;
|
||
will-change: transform; transform: translateZ(0); backface-visibility: hidden; }
|
||
.dm-lb.is-pinned .dm-lb-sticky { position: fixed; top: 0; left: 0; }
|
||
.dm-lb.is-after .dm-lb-sticky { position: absolute; top: auto; bottom: 0; }
|
||
|
||
.dm-lb-card {
|
||
position: absolute !important; inset: 20px !important;
|
||
border-radius: 28px !important; overflow: hidden !important;
|
||
background: radial-gradient(120% 100% at 50% 0%, #12090c 0%, #0a070a 55%, #060507 100%) !important;
|
||
border: 1px solid rgba(192,18,39,0.16) !important;
|
||
box-shadow: 0 30px 90px -30px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,255,255,0.04) !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
@media (max-width: 767px) { .dm-lb-card { inset: 10px !important; border-radius: 20px !important; } }
|
||
|
||
/* Connected mode (inside Workflow 2): flatten the card's bottom edge and flush it to
|
||
the section's bottom so the Innovation card below butts directly against it, reading
|
||
as one continuous container — mirrors the Optimisation → Performance seam in Workflow 1. */
|
||
.dm-lb.is-connected .dm-lb-card {
|
||
top: 20px !important; left: 20px !important; right: 20px !important; bottom: 0 !important;
|
||
border-radius: 28px 28px 0 0 !important; border-bottom: none !important;
|
||
/* Flush against the Innovation card below — drop the heavy downward shadow so it
|
||
doesn't cast a dark band onto that card's top edge (the two read as one container). */
|
||
box-shadow: none !important;
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-lb.is-connected .dm-lb-card {
|
||
top: 10px !important; left: 10px !important; right: 10px !important; bottom: 0 !important;
|
||
border-radius: 20px 20px 0 0 !important;
|
||
}
|
||
}
|
||
|
||
.dm-lb-canvas { position: absolute; inset: 0; z-index: 1; }
|
||
.dm-lb-canvas canvas { display: block; }
|
||
|
||
.dm-lb-ui { position: absolute; inset: 0; z-index: 4; pointer-events: none;
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; color: #eaf2ff; }
|
||
|
||
/* ---- Persistent header: title + 6-step engine rail ----
|
||
Offset the bar below the site's fixed navbar (~104px desktop / ~100px mobile once
|
||
.dm-header-scrolled is active). The section pins full-viewport, so without this the
|
||
eyebrow badge would sit under the navbar (z-index 10000) and get clipped. */
|
||
.dm-lb-top { position: absolute; top: clamp(96px, 13vh, 128px); left: 0; right: 0; z-index: 5;
|
||
display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 0 16px; overflow: visible; }
|
||
.dm-lb-eyebrow {
|
||
display: inline-flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.35; letter-spacing: 0.18em; font-weight: 700; text-transform: uppercase;
|
||
color: #ffffff; padding: 9px 20px; border-radius: 999px; background: rgba(192,18,39,0.16);
|
||
border: 1px solid rgba(226,53,66,0.45); backdrop-filter: blur(8px); white-space: nowrap; overflow: visible; }
|
||
.dm-lb-dot { width: 6px; height: 6px; border-radius: 50%; background: #E2354A; box-shadow: 0 0 10px #E2354A; }
|
||
|
||
.dm-lb-rail { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; max-width: min(1160px, 96vw); }
|
||
.dm-lb-rail__step { display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px; border-radius: 999px; flex-shrink: 0;
|
||
background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
|
||
backdrop-filter: blur(6px); transition: all 0.45s cubic-bezier(0.22,1,0.36,1); }
|
||
.dm-lb-rail__num { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
|
||
font-size: 11px; font-weight: 800; color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.12); }
|
||
.dm-lb-rail__title { font-size: clamp(12.5px, 1.05vw, 14px); font-weight: 700; letter-spacing: 0.04em; color: rgba(255,255,255,0.95); white-space: nowrap; }
|
||
.dm-lb-rail__step.is-current { background: rgba(192,18,39,0.18); border-color: rgba(226,53,66,0.55); box-shadow: 0 0 22px -6px rgba(226,53,66,0.7); }
|
||
.dm-lb-rail__step.is-current .dm-lb-rail__num { background: linear-gradient(135deg,#E2354A,#C01227); color: #fff; }
|
||
.dm-lb-rail__step.is-current .dm-lb-rail__title { color: #fff; }
|
||
.dm-lb-rail__step.is-done .dm-lb-rail__num { background: #22C55E; color: #04130a; }
|
||
.dm-lb-rail__step.is-done .dm-lb-rail__title { color: rgba(255,255,255,0.92); }
|
||
.dm-lb-rail__line { width: 14px; height: 1px; background: rgba(255,255,255,0.12); margin: 0 3px; transition: background 0.45s ease; }
|
||
.dm-lb-rail__line.is-on { background: linear-gradient(90deg,#22C55E,#E2354A); }
|
||
|
||
.dm-lb-scrollhint { position: absolute; bottom: clamp(26px, 6vh, 60px); left: 50%; transform: translateX(-50%);
|
||
display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12px; letter-spacing: 0.12em;
|
||
color: rgba(240,228,230,0.72); text-transform: uppercase; text-align: center; }
|
||
.dm-lb-arrow { font-size: 18px; animation: dmLbBob 1.8s ease-in-out infinite; }
|
||
@keyframes dmLbBob { 0%,100% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(6px); opacity: 1; } }
|
||
|
||
/* ---- Lower-left workflow card (glass panel, cross-fades per step) ---- */
|
||
.dm-lb-card-story { position: absolute; left: clamp(18px, 4vw, 56px); bottom: clamp(26px, 7vh, 64px);
|
||
width: min(440px, 84vw); pointer-events: auto; will-change: opacity, transform;
|
||
padding: 18px 20px; border-radius: 18px;
|
||
background: rgba(14,8,10,0.9); border: 1px solid rgba(226,53,66,0.22);
|
||
/* backdrop blur removed — this card cross-fades/translates on scroll, so the blur
|
||
was recomputed every frame; a near-opaque fill keeps the look at no per-frame cost. */
|
||
box-shadow: 0 24px 64px -30px rgba(0,0,0,0.92); }
|
||
.dm-lb-card-story__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
|
||
.dm-lb-pillar__num { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: #ffffff;
|
||
background: linear-gradient(135deg, #E2354A, #C01227); border-radius: 7px; padding: 3px 8px; }
|
||
.dm-lb-pillar__kicker { font-size: clamp(11px, 1.1vw, 13px); font-weight: 700; letter-spacing: 0.18em;
|
||
text-transform: uppercase; color: #F2667A; }
|
||
.dm-lb .dm-lb-pillar__title { margin: 0 0 12px !important; padding: 0 !important; color: #fbf5f6 !important;
|
||
font-weight: 700 !important; text-transform: none !important; letter-spacing: -0.015em !important;
|
||
font-size: clamp(17px, 1.9vw, 24px) !important; line-height: 1.18 !important;
|
||
text-shadow: 0 0 30px rgba(192,18,39,0.3) !important; }
|
||
.dm-lb-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
|
||
.dm-lb-chip { font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; color: #f1dadd;
|
||
padding: 4px 11px; border-radius: 999px; background: rgba(192,18,39,0.12);
|
||
border: 1px solid rgba(226,53,66,0.30); white-space: nowrap; }
|
||
.dm-lb-pillar__foot { margin: 0; font-size: clamp(12px, 1.1vw, 13.5px); line-height: 1.45; color: rgba(236,224,226,0.72); }
|
||
.dm-lb-pillar__stat { margin: 6px 0 0; font-size: clamp(12.5px, 1.2vw, 15px); color: rgba(236,224,226,0.78); }
|
||
.dm-lb-pillar__stat strong { color: #4ade80; font-weight: 800; font-size: 1.25em; text-shadow: 0 0 20px rgba(34,197,94,0.5); }
|
||
.dm-lb-pillar__stat em { font-style: normal; color: rgba(230,218,220,0.55); }
|
||
|
||
/* Constraints checklist (step 02) */
|
||
.dm-lb-constraints { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 7px; }
|
||
.dm-lb-constraints li { display: flex; align-items: center; gap: 9px; }
|
||
.dm-lb-constraints__icon { font-size: 14px; width: 20px; text-align: center; }
|
||
.dm-lb-constraints__label { font-size: 13px; font-weight: 700; color: #fbeff0; min-width: 84px; }
|
||
.dm-lb-constraints__note { font-size: 12px; color: rgba(232,222,224,0.6); }
|
||
|
||
/* Scored leaderboard (step 03) */
|
||
.dm-lb-board { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
|
||
.dm-lb-board li { display: grid; grid-template-columns: 104px 1fr 26px; align-items: center; gap: 9px; }
|
||
.dm-lb-board__name { font-size: 11.5px; font-weight: 600; color: rgba(234,226,228,0.68); display: flex; align-items: center; gap: 6px; white-space: nowrap; }
|
||
.dm-lb-board li.is-win .dm-lb-board__name { color: #fff; font-weight: 800; }
|
||
.dm-lb-board__tag { font-size: 8px; font-weight: 800; letter-spacing: 0.08em; color: #fff;
|
||
background: linear-gradient(135deg,#E2354A,#C01227); padding: 2px 5px; border-radius: 5px; }
|
||
.dm-lb-board__track { height: 7px; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden; }
|
||
.dm-lb-board__fill { display: block; height: 100%; border-radius: 999px; background: rgba(150,150,165,0.5); }
|
||
.dm-lb-board li.is-win .dm-lb-board__fill { background: linear-gradient(90deg,#E2354A,#C01227); box-shadow: 0 0 12px rgba(226,53,66,0.6); }
|
||
.dm-lb-board__score { font-size: 12px; font-weight: 700; color: rgba(234,226,228,0.68); text-align: right; }
|
||
.dm-lb-board li.is-win .dm-lb-board__score { color: #fff; }
|
||
|
||
/* SLA badges (step 04) */
|
||
.dm-lb-sla { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
|
||
.dm-lb-sla__badge { font-size: 12px; font-weight: 700; color: #86efac; background: rgba(34,197,94,0.1);
|
||
border: 1px solid rgba(34,197,94,0.32); padding: 6px 12px; border-radius: 999px; }
|
||
.dm-lb-sla__x { font-size: 12px; font-weight: 700; color: #fca5a5; background: rgba(239,68,68,0.1);
|
||
border: 1px solid rgba(239,68,68,0.32); padding: 6px 12px; border-radius: 999px; }
|
||
|
||
/* Winner banner (step 05) */
|
||
.dm-lb-winner { font-size: 13.5px; font-weight: 700; color: #fff; margin-bottom: 10px; padding: 9px 13px; border-radius: 12px;
|
||
background: linear-gradient(135deg, rgba(192,18,39,0.24), rgba(34,197,94,0.16)); border: 1px solid rgba(226,53,66,0.4); }
|
||
|
||
/* ---- Finale: KPI cards ---- */
|
||
.dm-lb-finale { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 20px; }
|
||
.dm-lb-kpis { display: flex; gap: clamp(14px, 2.4vw, 28px); margin-bottom: clamp(28px, 6vh, 56px); flex-wrap: wrap; justify-content: center; }
|
||
.dm-lb-kpi { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: clamp(150px, 18vw, 210px);
|
||
padding: 22px 26px; border-radius: 18px; background: rgba(16,9,11,0.9); border: 1px solid rgba(226,53,66,0.28);
|
||
box-shadow: 0 24px 60px -28px rgba(0,0,0,0.9); }
|
||
.dm-lb-kpi--green { border-color: rgba(34,197,94,0.4); }
|
||
.dm-lb-kpi__num { font-size: clamp(38px, 5.5vw, 72px); font-weight: 800; line-height: 1; letter-spacing: -0.03em;
|
||
color: #fff; text-shadow: 0 0 32px rgba(226,53,66,0.55), 0 0 12px rgba(192,18,39,0.5); }
|
||
.dm-lb-kpi--green .dm-lb-kpi__num { color: #4ade80; text-shadow: 0 0 32px rgba(34,197,94,0.6); }
|
||
.dm-lb-kpi__label { font-size: clamp(10px, 1.1vw, 13px); letter-spacing: 0.14em; text-transform: uppercase; color: rgba(232,222,224,0.62); }
|
||
|
||
.dm-lb-logo { display: inline-flex; align-items: center; gap: 12px; font-size: clamp(22px, 3vw, 40px); font-weight: 800;
|
||
letter-spacing: -0.01em; color: #fff; margin-bottom: 18px; text-shadow: 0 0 30px rgba(192,18,39,0.55); }
|
||
.dm-lb-logo__mark { width: clamp(20px, 2.4vw, 30px); height: clamp(20px, 2.4vw, 30px); border-radius: 8px;
|
||
background: conic-gradient(from 140deg, #E2354A, #C01227, #8A0E1F, #C8102E, #E2354A);
|
||
box-shadow: 0 0 28px rgba(192,18,39,0.75); }
|
||
|
||
/* Hide the step titles on narrower screens so the rail stays a single tidy row of numbers. */
|
||
@media (max-width: 1000px) {
|
||
.dm-lb-rail__title { display: none; }
|
||
.dm-lb-rail__step { padding: 5px 7px; }
|
||
.dm-lb-rail__line { width: 9px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-lb { height: 400vh; }
|
||
.dm-lb-kpis { gap: 12px; }
|
||
.dm-lb-kpi { min-width: 96px; padding: 14px 14px; }
|
||
.dm-lb-card-story { left: 0; right: 0; margin: 0 auto; width: calc(100% - 28px); bottom: clamp(20px, 5vh, 44px); padding: 14px 16px; }
|
||
.dm-lb-board li { grid-template-columns: 88px 1fr 24px; }
|
||
.dm-lb-constraints__note { display: none; }
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.dm-lb-arrow { animation: none !important; }
|
||
}
|
||
</style></section><div class="dm-wf2-card"><div class="dm-workflow-left"><svg viewBox="0 0 320 280" fill="none" xmlns="http://www.w3.org/2000/svg" class="dm-workflow-svg"><path d="M 30,20 C 22,20 16,26 16,34 L 78,85 C 81,88 81,92 78,95 L 16,146 C 16,154 22,160 30,160 L 130,160 C 138,160 145,154 148,146 L 204,95 C 207,92 207,88 204,85 L 148,34 C 145,26 138,20 130,20 Z" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.25"></path><path d="M 110,100 C 102,100 96,106 96,114 L 158,165 C 161,168 161,172 158,175 L 96,226 C 96,234 102,240 110,240 L 210,240 C 218,240 225,234 228,226 L 284,175 C 287,172 287,168 284,165 L 228,114 C 225,106 218,100 210,100 Z" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"></path></svg></div><div class="dm-workflow-right"><svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="dm-workflow-quote"><rect x="2" y="2" width="9" height="20" rx="1.5" transform="skewX(-12)" fill="#C01227"></rect><rect x="16" y="2" width="9" height="20" rx="1.5" transform="skewX(-12)" fill="#C01227"></rect></svg><h3 class="dm-workflow-title">INNOVATION</h3><div class="dm-workflow-text-container"><p class="dm-workflow-text" style="opacity:0;transform:translateY(12px)">Our Parallel Universe Engine simultaneously evaluates multiple routing strategies to identify the most efficient delivery plan for every dispatch window. By simulating different route combinations in real time, the system ensures faster, smarter, and more cost-effective logistics decisions. This enables businesses to maintain high operational accuracy while adapting dynamically to changing delivery conditions.</p></div><div class="dm-workflow-nav"><span class="dm-workflow-counter">0<!-- -->1<!-- -->/03</span><div class="dm-workflow-bars"><button type="button" aria-label="Go to slide 1" class="dm-workflow-bar is-active"></button><button type="button" aria-label="Go to slide 2" class="dm-workflow-bar "></button><button type="button" aria-label="Go to slide 3" class="dm-workflow-bar "></button></div></div></div></div><style>
|
||
/* ============================================================
|
||
Workflow 2 = ONE container:
|
||
├─ How Our Logistics Brain Works (full LogisticsBrainSection)
|
||
└─ Innovation (content card, flush + colour-matched)
|
||
The Innovation card is pulled up to butt against the logistics-brain
|
||
card's flat bottom and shares its dark red/black surface, so the two
|
||
read as a single continuous container with no gap / no break — the
|
||
same connected storytelling structure used in Workflow 1
|
||
(Impact of Optimisation → Performance).
|
||
============================================================ */
|
||
.dm-wf2 {
|
||
position: relative;
|
||
margin: 0 auto 0;
|
||
}
|
||
|
||
/* Cancel the global "section { padding: 6rem 0 }" (custom-frontend.min.css): both
|
||
this wrapper and the nested .dm-lb are sections, so that 96px top+bottom stacked
|
||
into large empty bands above / between the workflows. These are full-bleed pinned
|
||
experiences whose cards butt together via their own insets — no section padding. */
|
||
.dm-wf2, .dm-wf2 .dm-lb { padding-top: 0; padding-bottom: 0; }
|
||
|
||
/* Innovation card — aligned to the logistics-brain card (20px side insets),
|
||
red/black-matched, flat top, rounded bottom, pulled up to close the seam. */
|
||
.dm-wf2-card {
|
||
position: relative;
|
||
z-index: 2;
|
||
margin: 0 20px 0;
|
||
background: radial-gradient(120% 100% at 50% 0%, #12090c 0%, #0a070a 55%, #060507 100%);
|
||
border: 1px solid rgba(192, 18, 39, 0.16);
|
||
border-top: none;
|
||
border-radius: 0 0 28px 28px;
|
||
/* No shadow: this card is flush under the logistics-brain card and merges with it as one
|
||
continuous container — a shadow here would re-introduce a dark band at the seam. */
|
||
box-shadow: none;
|
||
padding: 36px 60px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 40px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.dm-workflow-left {
|
||
flex: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
max-width: 440px;
|
||
}
|
||
.dm-workflow-svg {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: drop-shadow(0 8px 24px rgba(0,0,0,0.3));
|
||
}
|
||
|
||
.dm-workflow-right {
|
||
flex: 1.2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 20px;
|
||
}
|
||
.dm-workflow-quote { margin-bottom: 5px; }
|
||
|
||
.dm-workflow-title {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 38px;
|
||
font-weight: 700;
|
||
color: #F8FAFC !important;
|
||
letter-spacing: -0.015em;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.dm-workflow-text-container { min-height: 110px; width: 100%; }
|
||
.dm-workflow-text {
|
||
font-family: var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 16px;
|
||
line-height: 1.65;
|
||
color: #A3A3A3;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
.dm-workflow-nav {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-end;
|
||
gap: 10px;
|
||
align-self: flex-end;
|
||
margin-top: 10px;
|
||
}
|
||
.dm-workflow-counter {
|
||
font-family: var(--font-space-grotesk), sans-serif;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: #737373;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.dm-workflow-bars { display: flex; gap: 8px; }
|
||
.dm-workflow-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.dm-workflow-bar.is-active { background: #C01227; }
|
||
.dm-workflow-bar:hover { background: rgba(255, 255, 255, 0.35); }
|
||
.dm-workflow-bar.is-active:hover { background: #C01227; }
|
||
|
||
/* ── Responsive — keep insets/radius aligned to the logistics-brain card ── */
|
||
@media (max-width: 1024px) {
|
||
.dm-wf2-card {
|
||
padding: 44px 44px;
|
||
gap: 44px;
|
||
}
|
||
.dm-workflow-title { font-size: 32px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-wf2-card {
|
||
margin: 0 10px 0;
|
||
border-radius: 0 0 20px 20px;
|
||
padding: 36px 28px;
|
||
gap: 36px;
|
||
flex-direction: column;
|
||
}
|
||
.dm-workflow-left { max-width: 280px; }
|
||
.dm-workflow-right { width: 100%; }
|
||
.dm-workflow-title { font-size: 28px; }
|
||
.dm-workflow-text-container { min-height: auto; }
|
||
}
|
||
</style></section><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">Call Center</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">Our Location</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">Email</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">Social network</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;
|
||
}
|
||
</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/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\n3:I[8971,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\n4:I[48064,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\n5:I[26290,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\n6:I[82637,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"HeaderUIProvider\"]\n7:I[92260,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\n8:I[3374,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\n9:I[39756,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\na:I[37457,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\nb:I[58234,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\"]\nf:I[68027,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0e3nwq.mbf2t0.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/vendor/vendor-elementor-generated-globals.css\",\"style\"]\n:HL[\"/css/vendor/vendor-elementor-base.css\",\"style\"]\n:HL[\"/css/vendor/vendor-elementor-custom.min.css\",\"style\"]\n:HL[\"/css/vendor/vendor-theme-core.css\",\"style\"]\n:HL[\"/css/vendor/vendor-global-overrides.css\",\"style\"]\n:HL[\"/css/vendor/vendor-layout-main.css\",\"style\"]\n:HL[\"/css/vendor/vendor-responsive-laptops.css\",\"style\"]\n:HL[\"/css/vendor/vendor-elementor-hfe.css\",\"style\"]\n:HL[\"/css/vendor/vendor-icons-fontello-load.css\",\"style\"]\n:HL[\"/css/vendor/vendor-icons-fontello.css\",\"style\"]\n:HL[\"/css/custom-frontend.min.css\",\"style\"]\n:HL[\"/css/all-inlined-head-styles.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/0e3nwq.mbf2t0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/03.zd6nbpktb0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0f66gyh1x8s.3.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/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/02dk.f0vv4~oj.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/vendor/vendor-elementor-generated-globals.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-elementor-base.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-elementor-custom.min.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-theme-core.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-global-overrides.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-layout-main.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-responsive-laptops.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-elementor-hfe.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-icons-fontello-load.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/vendor/vendor-icons-fontello.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/custom-frontend.min.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/all-inlined-head-styles.css\"}]]}],[\"$\",\"body\",null,{\"className\":\"wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico woocommerce-no-js 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\":[\"$Lc\",{},null,false,null]},null,false,\"$@d\"]},null,false,null],\"$Le\",false]],\"m\":\"$undefined\",\"G\":[\"$f\",[\"$L10\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"53lQy6BMzjK-XX7onDiiO\"}\n"])</script><script>self.__next_f.push([1,"11:I[58829,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\",\"/_next/static/chunks/116lez5mtlrsj.js\",\"/_next/static/chunks/17n7rg0fwvf9d.js\",\"/_next/static/chunks/07aujl-su1b-6.js\"],\"default\"]\n12:I[76756,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\",\"/_next/static/chunks/116lez5mtlrsj.js\",\"/_next/static/chunks/17n7rg0fwvf9d.js\",\"/_next/static/chunks/07aujl-su1b-6.js\"],\"default\"]\n13:I[38730,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\",\"/_next/static/chunks/116lez5mtlrsj.js\",\"/_next/static/chunks/17n7rg0fwvf9d.js\",\"/_next/static/chunks/07aujl-su1b-6.js\"],\"default\"]\n14:I[33016,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\",\"/_next/static/chunks/116lez5mtlrsj.js\",\"/_next/static/chunks/17n7rg0fwvf9d.js\",\"/_next/static/chunks/07aujl-su1b-6.js\"],\"default\"]\n15:I[97367,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"OutletBoundary\"]\n16:\"$Sreact.suspense\"\n19:I[97367,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"ViewportBoundary\"]\n1b:I[97367,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"MetadataBoundary\"]\nc:[\"$\",\"$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\":[[\"$\",\"$L11\",null,{}],[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{}]]}]}]}]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/116lez5mtlrsj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/17n7rg0fwvf9d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/07aujl-su1b-6.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@17\"}]}]]}]\n18:[]\nd:\"$W18\"\ne:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L19\",null,{\"children\":\"$L1a\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1c\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n10:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0e3nwq.mbf2t0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1d:I[27201,[\"/_next/static/chunks/03.zd6nbpktb0.js\",\"/_next/static/chunks/0f66gyh1x8s.3.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/02dk.f0vv4~oj.js\"],\"IconMark\"]\n17:null\n1c:[[\"$\",\"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\"}],[\"$\",\"$L1d\",\"7\",{}]]\n"])</script></body></html> |