929 lines
86 KiB
JavaScript
929 lines
86 KiB
JavaScript
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,24911,e=>{"use strict";var t=e.i(43476),n=e.i(2018);e.s(["default",0,function(){return(0,t.jsxs)("div",{className:"elementor-61",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-88745f4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent","data-id":"88745f4","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-343b363 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"343b363","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.05,duration:.7,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-7afb238 elementor-widget elementor-widget-logico_heading","data-id":"7afb238","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"/ Doormile Approach /"})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.15,duration:.85,yOffset:30,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-1cc335a elementor-widget elementor-widget-logico_heading","data-id":"1cc335a","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",style:{WebkitTextStroke:"4px #c01227",color:"#fff",fontWeight:800},children:"The Doormile Way"})})})}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-4c3e632 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"4c3e632","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.2,duration:.8,yOffset:25,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-5ba6bbf e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"5ba6bbf","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-9363070 elementor-widget elementor-widget-logico_heading","data-id":"9363070","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h3",{className:"logico-title",children:" Smarter, Faster, Connected Logistics"})})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.3,duration:.8,yOffset:25,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-e7609a5 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"e7609a5","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-c134b96 elementor-widget elementor-widget-text-editor","data-id":"c134b96","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsxs)("div",{className:"elementor-widget-container",children:[(0,t.jsx)("p",{children:(0,t.jsxs)("strong",{children:["We connect first mile and last mile into one seamless system, reducing delays and improving efficiency. With real-time tracking and digital workflows,",(0,t.jsx)("br",{})," every delivery is faster, reliable, and fully transparent."]})}),(0,t.jsx)("p",{children:"Seamless logistics powered by real-time tracking, digital processes, and reliable delivery execution."})]})})})})]})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-5041fcc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent","data-id":"5041fcc","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)(n.StaggerChildren,{stagger:.12,duration:.7,yOffset:35,className:"elementor-element elementor-element-2d7c3ee e-con-full e-grid cut-corner-no sticky-container-off e-con e-child",children:[(0,t.jsxs)("div",{className:"elementor-element elementor-element-d11b050 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"d11b050","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-3a6f50f elementor-view-default elementor-widget elementor-widget-icon","data-id":"3a6f50f","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-delivery"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-1025248 elementor-widget elementor-widget-logico_heading","data-id":"1025248","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"End-to-End Protection"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-c7c19bd elementor-widget elementor-widget-text-editor","data-id":"c7c19bd","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"End-to-end visibility ensures every shipment stays secure and on schedule."})})})]}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-2c82e54 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"2c82e54","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-f51735e elementor-view-default elementor-widget elementor-widget-icon","data-id":"f51735e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-container"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-c682633 elementor-widget elementor-widget-logico_heading","data-id":"c682633","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Proactive delay prevention"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-74d14e3 elementor-widget elementor-widget-text-editor","data-id":"74d14e3","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"Real-time monitoring helps prevent delays before they impact deliveries."})})})]}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-08b9b20 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"08b9b20","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-612c459 elementor-view-default elementor-widget elementor-widget-icon","data-id":"612c459","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-directions"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-aa49275 elementor-widget elementor-widget-logico_heading","data-id":"aa49275","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Single owner, single promise"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-74cfdf7 elementor-widget elementor-widget-text-editor","data-id":"74cfdf7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"One unified system manages the entire delivery process seamlessly."})})})]}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-04989ee e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"04989ee","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-11a657e elementor-view-default elementor-widget elementor-widget-icon","data-id":"11a657e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-storage"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-b317d31 elementor-widget elementor-widget-logico_heading","data-id":"b317d31","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Dynamic AI-driven adjustments"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-8fe5662 elementor-widget elementor-widget-text-editor","data-id":"8fe5662","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"AI-powered routing adapts instantly to improve speed and efficiency."})})})]})]})})})]})}])},14224,e=>{"use strict";var t=e.i(43476),n=e.i(71645),i=e.i(89970),a=e.i(83495);i.default.registerPlugin(a.ScrollTrigger);let r=[{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#f59e0b",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})}),title:"Battery-Aware Routing",desc:"Battery level, health, and degradation are first-class inputs to route optimization — not afterthoughts."},{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#94a3b8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M18 10h-1.28A6 6 0 0 0 12 5V3M12 5V3M6 10h1.28A6 6 0 0 0 12 5M12 18v2M12 18v2M8 10v6a4 4 0 0 0 8 0v-6"})}),title:"Charging Integration",desc:"Seamlessly integrate charging stops without compromising delivery windows or SLA commitments."},{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#ef4444",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m8 3 4 8 5-5 5 15H2L8 3z"})}),title:"Energy-Optimized Paths",desc:"Factor in elevation, speed limits, payload weight, and live weather for maximum range efficiency."},{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#ef4444",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"})}),title:"Predictable Operations",desc:"EVs become predictable assets, not operational risks. Full visibility from depot to doorstep."}],d=[{value:"100%",label:"ELECTRIC FLEET"},{value:"-40%",label:"COST / MILE"}],l=[{value:99.9,decimals:1,suffix:"%",label:"SLA Compliance"},{value:42,suffix:"%",label:"Distance Saved"},{value:37,suffix:"%",label:"Fewer Vehicles"},{value:45,suffix:"ms",label:"Dispatch Latency"}];function o({value:e,decimals:i=0,suffix:a="",duration:r=1700,className:d}){let[l,s]=(0,n.useState)(0),c=(0,n.useRef)(null),m=(0,n.useRef)(!1);return(0,n.useEffect)(()=>{let t=c.current;if(!t)return;if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return void requestAnimationFrame(()=>s(e));let n=new IntersectionObserver(t=>{for(let i of t)if(i.isIntersecting&&!m.current){m.current=!0;let t=performance.now(),i=e=>1-Math.pow(1-e,3),a=n=>{let d=Math.min(1,(n-t)/r);s(e*i(d)),d<1?requestAnimationFrame(a):s(e)};requestAnimationFrame(a),n.disconnect()}},{threshold:.2});return n.observe(t),()=>n.disconnect()},[e,r]),(0,t.jsxs)("b",{ref:c,className:d,children:[l.toFixed(i),a]})}function s({value:e,decimals:i=0,suffix:a="",active:r}){let[d,l]=(0,n.useState)(e),o=(0,n.useRef)(0);return(0,n.useEffect)(()=>{if(!r)return;if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return o.current=requestAnimationFrame(()=>l(e)),()=>cancelAnimationFrame(o.current);let t=performance.now(),n=i=>{let a=Math.min(1,Math.max(0,(i-t)/850));l(e*(1-Math.pow(1-a,3))),a<1?o.current=requestAnimationFrame(n):l(e)};return o.current=requestAnimationFrame(n),()=>cancelAnimationFrame(o.current)},[r,e]),(0,t.jsxs)("span",{className:"evnd__card-metric",children:[d.toFixed(i),(0,t.jsx)("i",{children:a})]})}let c=[[40,90],[150,150],[120,280],[250,330],[360,250],[60,420],[300,120],[330,430]],m=["M40 90 L150 150 L120 280 L250 330 L360 250","M60 420 L150 150 L300 120 L360 250","M120 280 L60 420 L250 330 L330 430"],p=[[14,22,0,13],[78,16,-3,16],[33,64,-7,14],[62,48,-1,18],[88,70,-5,15],[22,86,-9,17],[50,30,-4,19],[70,90,-2,14]];function g(){let e=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let t=e.current;if(!t||window.matchMedia?.("(prefers-reduced-motion: reduce)").matches||window.matchMedia?.("(max-width: 767px)").matches)return;i.default.registerPlugin(a.ScrollTrigger);let n=Array.from(t.querySelectorAll("[data-depth]")),r=a.ScrollTrigger.create({trigger:t,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:e=>{let t=e.progress-.5;for(let e of n){let n=parseFloat(e.dataset.depth||"0");i.default.set(e,{yPercent:t*n})}}});return()=>r.kill()},[]),(0,t.jsxs)("div",{ref:e,className:"evnd__bg","aria-hidden":"true",children:[(0,t.jsx)("div",{className:"evnd__bg-grid","data-depth":"4"}),(0,t.jsxs)("svg",{className:"evnd__bg-net","data-depth":"8",viewBox:"0 0 400 520",preserveAspectRatio:"xMidYMid slice",children:[(0,t.jsx)("g",{className:"evnd__bg-mesh",stroke:"currentColor",strokeWidth:"0.8",fill:"none",children:m.map((e,n)=>(0,t.jsx)("path",{d:e},n))}),(0,t.jsx)("g",{className:"evnd__bg-nodes",fill:"currentColor",children:c.map(([e,n],i)=>(0,t.jsx)("circle",{cx:e,cy:n,r:i%3==0?3:2,style:{animationDelay:`${-(.7*i)}s`}},i))}),(0,t.jsx)("path",{className:"evnd__bg-flow",d:m[0],fill:"none",stroke:"currentColor",strokeWidth:"1.4"}),(0,t.jsx)("path",{className:"evnd__bg-flow evnd__bg-flow--2",d:m[1],fill:"none",stroke:"currentColor",strokeWidth:"1.4"})]}),(0,t.jsx)("div",{className:"evnd__bg-glow evnd__bg-glow--a","data-depth":"11"}),(0,t.jsx)("div",{className:"evnd__bg-glow evnd__bg-glow--b","data-depth":"15"}),(0,t.jsx)("div",{className:"evnd__bg-particles","data-depth":"18",children:p.map(([e,n,i,a],r)=>(0,t.jsx)("span",{style:{left:`${e}%`,top:`${n}%`,animationDelay:`${i}s`,animationDuration:`${a}s`}},r))})]})}function h({slides:e,heading:i,theme:a}){let[r,d]=(0,n.useState)(0),[l,o]=(0,n.useState)(!1),[c,m]=(0,n.useState)(!1),p=(0,n.useRef)(null);(0,n.useEffect)(()=>{let e=p.current;if(!e)return;let t=new IntersectionObserver(([e])=>m(e.isIntersecting),{threshold:.35});return t.observe(e),()=>t.disconnect()},[]),(0,n.useEffect)(()=>{if(!c||l||e.length<2)return;let t=setTimeout(()=>{d(t=>(t+1)%e.length)},4e3);return()=>clearTimeout(t)},[r,c,l,e.length]);let x=a?{"--ca":a.accent,"--ca2":a.accent2,"--cg":a.glow}:void 0;return(0,t.jsxs)("div",{ref:p,className:"evnd__cards",style:x,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:[(0,t.jsx)(g,{}),i&&(0,t.jsxs)("div",{className:"evnd__cards-head",children:[(0,t.jsxs)("span",{className:"evnd__cards-live",children:[(0,t.jsx)("span",{className:"evnd__cards-livedot"}),i]}),(0,t.jsx)("span",{className:"evnd__cards-sys",children:"AI ENGINE"})]}),(0,t.jsx)("div",{className:"evnd__cards-stage",children:e.map((e,n)=>(0,t.jsxs)("div",{className:`evnd__card ${n===r?"is-active":""}`,"aria-hidden":n!==r||void 0,children:[(0,t.jsxs)("span",{className:"evnd__card-status",children:[(0,t.jsx)("span",{className:"evnd__card-statusdot"}),e.status]}),(0,t.jsxs)("div",{className:"evnd__card-hero",children:[(0,t.jsx)(s,{value:e.value,decimals:e.decimals,suffix:e.suffix,active:n===r}),(0,t.jsx)("span",{className:"evnd__card-metriclabel",children:e.metricLabel})]}),(0,t.jsx)("h3",{className:"evnd__card-title",children:e.title}),(0,t.jsx)("ul",{className:"evnd__card-kpis",children:e.kpis.map(e=>(0,t.jsxs)("li",{children:[(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:(0,t.jsx)("polyline",{points:"20 6 9 17 4 12"})}),e]},e))}),(0,t.jsx)("p",{className:"evnd__card-desc",children:e.desc})]},e.title))}),(0,t.jsxs)("div",{className:"evnd__cards-nav",children:[(0,t.jsxs)("span",{className:"evnd__cards-counter",children:[String(r+1).padStart(2,"0"),"/",String(e.length).padStart(2,"0")]}),(0,t.jsx)("div",{className:"evnd__cards-bars",children:e.map((e,n)=>(0,t.jsx)("button",{type:"button","aria-label":`Go to ${e.title}`,className:`evnd__cards-bar ${n===r?"is-active":""}`,onClick:()=>d(n)},e.title))})]})]})}e.s(["default",0,function({bannerImage:e="/images/bg-header-5.png",cardNumber:s="",cardTitle:c="EV Logistics",cardSubtitle:m="Cleaner miles, lower costs",eyebrow:p="/ EV-Native Design /",titleLead:g="BUILT FOR ELECTRIC. ",titleAccent:x="NOT ADAPTED.",features:f=r,image:v="/images/premium-ev-van.png",imageAlt:u="DoorMile electric delivery van",badges:w=d,stats:_=l,gapTop:b=!1,gapBottom:y=!1,ariaLabel:j,mediaSlot:N,slides:k,cardsHeading:z,cardsTheme:S}){let R=(0,n.useRef)(null),A=!!k&&k.length>0;return(0,n.useEffect)(()=>{let e=R.current;if(!e)return;let t=a.ScrollTrigger.create({trigger:e,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:()=>{if(window.innerWidth>=1021){let t=window.scrollY,n=e.getBoundingClientRect().top+t;i.default.set(e,{backgroundPosition:`center ${.3*(t-n)}px`})}else i.default.set(e,{backgroundPosition:""})}});return()=>t?.kill()},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
/* ============================================================
|
||
EV-Native Design — redesigned section
|
||
bg #080808 \xb7 red #ef4444 \xb7 Manrope
|
||
============================================================ */
|
||
|
||
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
|
||
|
||
/* External gap helpers — keep stacked workflow sections on one rhythm
|
||
(Desktop 40 \xb7 Tablet 32 \xb7 Mobile 24). Single-sided per boundary. */
|
||
.evnd-gap-top { margin-top: 40px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 40px !important; }
|
||
|
||
.evnd {
|
||
position: relative;
|
||
isolation: isolate;
|
||
overflow: hidden;
|
||
background: #080808;
|
||
/* flat top so it connects seamlessly to the banner above; rounded
|
||
bottom only, and no top margin so there is no white gap */
|
||
border-radius: 0 0 clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);
|
||
margin: 0 0 clamp(28px, 5vw, 64px);
|
||
padding: 64px 48px clamp(48px, 6vw, 80px);
|
||
}
|
||
/* subtle diagonal light band for depth (matches reference) */
|
||
.evnd::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,0.015) 50%, transparent 72%);
|
||
}
|
||
.evnd__inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
|
||
|
||
/* ---- MAIN GRID ---- */
|
||
.evnd__grid {
|
||
display: grid;
|
||
grid-template-columns: 1.15fr 1fr;
|
||
gap: clamp(32px, 4vw, 56px);
|
||
align-items: center;
|
||
}
|
||
/* Split-screen workflow layout: ~60/40 so the live dashboard column
|
||
carries enough weight to balance the Three.js scene. align-items:
|
||
stretch lets the cards panel match the scene height. */
|
||
.evnd__grid--cards {
|
||
grid-template-columns: 1.5fr 1fr;
|
||
align-items: stretch;
|
||
}
|
||
.evnd__grid--cards .evnd__left { justify-content: center; }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__media { width: 100%; }
|
||
|
||
/* ---- Desktop height alignment: scene and insight panel share one row
|
||
height. A min-height floor on the scene column sets the baseline row
|
||
height (≥620px so the tallest slide's status → metric → title → KPIs →
|
||
description fits with the footer fully clear). Both columns stretch to
|
||
the row via grid align-items: stretch.
|
||
|
||
The panel uses min-height:100% (not a hard height) and its card stage
|
||
is flex: 1 0 auto — it grows to fill the row but, crucially, NEVER
|
||
shrinks below its own content. So a long description can only push the
|
||
panel taller, never overlap the nav footer; the grid row grows with it
|
||
and the scene (height:100%) stretches to match. Result: the card height
|
||
always equals the scene height AND the 01/04 counter + pagination stay
|
||
pinned to the bottom with dedicated, un-overlappable space. */
|
||
@media (min-width: 992px) {
|
||
.evnd__grid--cards .evnd__left {
|
||
min-height: clamp(620px, 44vw, 680px);
|
||
}
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__imgwrap--media,
|
||
.evnd__grid--cards .wf-scene { height: 100%; }
|
||
.evnd__grid--cards .wf-scene { aspect-ratio: auto; }
|
||
.evnd__grid--cards .evnd__cards { min-height: 100%; }
|
||
/* grow to fill the row, but hold content height as a hard floor so
|
||
the footer can never ride up over the description */
|
||
.evnd__grid--cards .evnd__cards-stage { flex: 1 0 auto; min-height: 0; }
|
||
/* centre the slide content in the taller stage for a balanced panel */
|
||
.evnd__grid--cards .evnd__card { justify-content: center; }
|
||
}
|
||
|
||
.evnd__left {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.evnd__right {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.evnd__eyebrow {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
font-size: 13px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__eyebrow::before {
|
||
content: '';
|
||
width: 16px;
|
||
height: 2px;
|
||
background: #ef4444;
|
||
}
|
||
|
||
.evnd__title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(32px, 3.8vw, 48px) !important;
|
||
line-height: 1.15 !important;
|
||
letter-spacing: -0.01em;
|
||
margin: 0 0 36px 0;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.evnd__title {
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
.evnd__title .accent {
|
||
color: #ef4444 !important;
|
||
}
|
||
|
||
.evnd__media {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.evnd__glow {
|
||
position: absolute;
|
||
left: 50%; bottom: -4%;
|
||
width: 80%; height: 80px;
|
||
transform: translateX(-50%);
|
||
background: radial-gradient(50% 50% at 50% 50%, rgba(239,68,68,0.3), transparent 72%);
|
||
filter: blur(35px);
|
||
z-index: 0;
|
||
animation: evndGlow 4s ease-in-out infinite;
|
||
}
|
||
.evnd__imgwrap {
|
||
position: relative;
|
||
z-index: 1;
|
||
overflow: hidden;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85);
|
||
}
|
||
.evnd__img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
object-fit: cover;
|
||
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
|
||
}
|
||
.evnd__imgwrap:hover .evnd__img {
|
||
transform: scale(1.03);
|
||
}
|
||
|
||
/* Badge overlay styling */
|
||
.evnd__badge {
|
||
position: absolute;
|
||
z-index: 2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
padding: 12px 16px;
|
||
background: rgba(13,13,13,0.72);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 8px;
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
}
|
||
.evnd__badge b {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: 24px;
|
||
line-height: 1;
|
||
}
|
||
.evnd__badge span {
|
||
color: rgba(255,255,255,0.7) !important;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__badge--tl { top: 20px; left: 20px; }
|
||
.evnd__badge--br { bottom: 20px; right: 20px; }
|
||
|
||
/* ---- Feature cards ---- */
|
||
.evnd__features {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
height: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
.evnd-feature {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 48px minmax(0, 1fr) auto;
|
||
gap: 20px;
|
||
align-items: start;
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.05);
|
||
border-radius: 16px;
|
||
padding: 24px;
|
||
overflow: hidden;
|
||
transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(.25,1,.5,1);
|
||
}
|
||
.evnd-feature__body { min-width: 0; }
|
||
.evnd-feature::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0; top: 0; bottom: 0;
|
||
width: 3px;
|
||
background: #ef4444;
|
||
transform: scaleY(0);
|
||
transform-origin: bottom;
|
||
transition: transform 0.4s ease;
|
||
}
|
||
.evnd-feature:hover {
|
||
background: rgba(239,68,68,0.03);
|
||
border-color: rgba(239,68,68,0.2);
|
||
transform: translateY(-2px);
|
||
}
|
||
.evnd-feature:hover::before { transform: scaleY(1); }
|
||
|
||
.evnd-feature__icon-container {
|
||
width: 48px; height: 48px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
background: rgba(255,255,255,0.03);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 12px;
|
||
transition: background-color 0.3s ease, border-color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__icon-container {
|
||
background: rgba(239,68,68,0.08);
|
||
border-color: rgba(239,68,68,0.25);
|
||
}
|
||
|
||
.evnd-icon {
|
||
width: 22px;
|
||
height: 22px;
|
||
display: block;
|
||
}
|
||
|
||
.evnd-feature__title {
|
||
color: #fff !important;
|
||
font-weight: 700;
|
||
font-size: 15px !important;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
margin: 4px 0 8px;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__title { color: #ef4444 !important; }
|
||
.evnd-feature__desc {
|
||
color: rgba(255,255,255,0.65) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 14px !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0;
|
||
}
|
||
.evnd-feature__arrow {
|
||
color: rgba(255,255,255,0.25);
|
||
font-size: 16px;
|
||
align-self: flex-start;
|
||
margin-top: 4px;
|
||
transition: color 0.3s ease, transform 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__arrow { color: #ef4444; transform: translate(3px, -3px); }
|
||
|
||
/* When the left media is a live 3D scene, let it define its own height
|
||
(via aspect-ratio) — drop the image-only hover zoom container quirks. */
|
||
.evnd__imgwrap--media { box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85); }
|
||
|
||
/* ============================================================
|
||
Rotating "live AI insight" cards (split-screen right column).
|
||
Themed per-workflow via CSS vars (--ca accent \xb7 --ca2 secondary \xb7
|
||
--cg glow). Falls back to the section red when no theme is passed.
|
||
============================================================ */
|
||
.evnd__cards {
|
||
--ca: #ef4444;
|
||
--ca2: #f59e0b;
|
||
--cg: rgba(239,68,68,0.22);
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 22px;
|
||
width: 100%;
|
||
/* panel surface so the column reads as a real dashboard, not empty space */
|
||
background:
|
||
radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--ca) 9%, transparent) 0%, transparent 55%),
|
||
linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
|
||
border: 1px solid rgba(255,255,255,0.07);
|
||
border-radius: 20px;
|
||
padding: 26px 26px 22px;
|
||
overflow: hidden;
|
||
isolation: isolate;
|
||
}
|
||
/* ============================================================
|
||
Layered "AI intelligence" backdrop (behind the card content).
|
||
Overscanned by 12% on every side so the scroll-parallax never
|
||
exposes a panel edge. Whole stack is colour = accent, individual
|
||
layers stay inside a 5–12% opacity budget. z-index 0; content is z 1.
|
||
============================================================ */
|
||
.evnd__bg {
|
||
position: absolute;
|
||
/* generous overscan so scroll-parallax never exposes a panel edge */
|
||
inset: -20%;
|
||
z-index: 0;
|
||
color: var(--ca);
|
||
pointer-events: none;
|
||
overflow: hidden;
|
||
}
|
||
.evnd__bg > * { position: absolute; inset: 0; }
|
||
|
||
/* Layer B — technical grid (large spacing, softer than the 3D floor) */
|
||
.evnd__bg-grid {
|
||
background-image:
|
||
linear-gradient(to right, currentColor 1px, transparent 1px),
|
||
linear-gradient(to bottom, currentColor 1px, transparent 1px);
|
||
background-size: 64px 64px;
|
||
opacity: 0.05;
|
||
-webkit-mask-image: radial-gradient(120% 100% at 80% 0%, #000 30%, transparent 85%);
|
||
mask-image: radial-gradient(120% 100% at 80% 0%, #000 30%, transparent 85%);
|
||
}
|
||
|
||
/* Layer A — routing network graph */
|
||
.evnd__bg-net { width: 100%; height: 100%; opacity: 0.11; }
|
||
.evnd__bg-mesh { opacity: 0.55; }
|
||
.evnd__bg-nodes circle {
|
||
transform-box: fill-box;
|
||
transform-origin: center;
|
||
animation: evndNode 3.6s ease-in-out infinite;
|
||
}
|
||
@keyframes evndNode { 0%,100% { opacity: 0.45; } 50% { opacity: 1; } }
|
||
.evnd__bg-flow {
|
||
opacity: 0.85;
|
||
stroke-dasharray: 14 320;
|
||
animation: evndFlow 7s linear infinite;
|
||
}
|
||
.evnd__bg-flow--2 { animation-duration: 9s; animation-delay: -3s; }
|
||
@keyframes evndFlow { to { stroke-dashoffset: -334; } }
|
||
|
||
/* Layer C — ambient glow field (slow breathing, 9–11s) */
|
||
.evnd__bg-glow { inset: auto; border-radius: 50%; filter: blur(46px); }
|
||
.evnd__bg-glow--a {
|
||
top: -6%; right: -6%;
|
||
width: 58%; height: 50%;
|
||
background: radial-gradient(50% 50% at 50% 50%, var(--cg), transparent 72%);
|
||
animation: evndBreathe 9.5s ease-in-out infinite;
|
||
}
|
||
.evnd__bg-glow--b {
|
||
bottom: -8%; left: -10%;
|
||
width: 52%; height: 46%;
|
||
background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--ca2) 55%, var(--cg)), transparent 72%);
|
||
opacity: 0.6;
|
||
animation: evndBreathe 11.5s ease-in-out infinite;
|
||
animation-delay: -4s;
|
||
}
|
||
@keyframes evndBreathe {
|
||
0%,100% { opacity: 0.4; transform: scale(0.96); }
|
||
50% { opacity: 0.85; transform: scale(1.06); }
|
||
}
|
||
|
||
/* Layer D — data particles (sparse, slow drift) */
|
||
.evnd__bg-particles span {
|
||
position: absolute;
|
||
width: 3px; height: 3px;
|
||
border-radius: 50%;
|
||
background: currentColor;
|
||
opacity: 0;
|
||
box-shadow: 0 0 6px currentColor;
|
||
animation-name: evndParticle;
|
||
animation-timing-function: ease-in-out;
|
||
animation-iteration-count: infinite;
|
||
}
|
||
@keyframes evndParticle {
|
||
0% { opacity: 0; transform: translateY(8px); }
|
||
20% { opacity: 0.5; }
|
||
80% { opacity: 0.5; }
|
||
100% { opacity: 0; transform: translateY(-22px); }
|
||
}
|
||
|
||
.evnd__cards-head,
|
||
.evnd__cards-stage,
|
||
.evnd__cards-nav { position: relative; z-index: 1; }
|
||
|
||
/* dashboard header row */
|
||
.evnd__cards-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding-bottom: 4px;
|
||
}
|
||
.evnd__cards-live {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 9px;
|
||
color: var(--ca) !important;
|
||
font-weight: 800;
|
||
font-size: 12px;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__cards-livedot {
|
||
width: 8px; height: 8px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 0 0 var(--cg);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
@keyframes evndPulse {
|
||
0% { box-shadow: 0 0 0 0 var(--cg); opacity: 1; }
|
||
70% { box-shadow: 0 0 0 8px transparent; opacity: 0.7; }
|
||
100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
|
||
}
|
||
.evnd__cards-sys {
|
||
color: rgba(255,255,255,0.4) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.evnd__cards-stage { display: grid; }
|
||
|
||
.evnd__card {
|
||
grid-area: 1 / 1;
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
opacity: 0;
|
||
transform: translateY(14px);
|
||
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.25,1,.5,1);
|
||
pointer-events: none;
|
||
}
|
||
.evnd__card.is-active {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
pointer-events: auto;
|
||
}
|
||
|
||
/* status pill */
|
||
.evnd__card-status {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
align-self: flex-start;
|
||
color: rgba(255,255,255,0.82) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
padding: 7px 13px;
|
||
background: color-mix(in srgb, var(--ca) 12%, rgba(255,255,255,0.02));
|
||
border: 1px solid color-mix(in srgb, var(--ca) 35%, transparent);
|
||
border-radius: 999px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__card-statusdot {
|
||
width: 7px; height: 7px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 8px var(--ca);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
|
||
/* hero metric */
|
||
.evnd__card-hero {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
margin-bottom: 22px;
|
||
}
|
||
.evnd__card-metric {
|
||
display: inline-flex;
|
||
align-items: baseline;
|
||
color: #fff !important;
|
||
font-weight: 800;
|
||
font-size: clamp(48px, 6vw, 68px);
|
||
line-height: 0.95;
|
||
letter-spacing: -0.02em;
|
||
background: linear-gradient(120deg, #fff 0%, var(--ca) 120%);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.evnd__card-metric i {
|
||
font-style: normal;
|
||
font-size: 0.5em;
|
||
font-weight: 800;
|
||
margin-left: 4px;
|
||
-webkit-text-fill-color: var(--ca);
|
||
color: var(--ca);
|
||
}
|
||
.evnd__card-metriclabel {
|
||
color: rgba(255,255,255,0.6) !important;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.evnd__card-title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(17px, 1.7vw, 20px) !important;
|
||
line-height: 1.2 !important;
|
||
letter-spacing: 0.02em;
|
||
text-transform: uppercase;
|
||
margin: 0 0 16px 0 !important;
|
||
}
|
||
|
||
/* outcome indicators */
|
||
.evnd__card-kpis {
|
||
list-style: none;
|
||
margin: 0 0 18px 0;
|
||
padding: 0;
|
||
display: grid;
|
||
gap: 11px;
|
||
}
|
||
.evnd__cards .evnd__card-kpis li {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 11px;
|
||
/* override the global ".logico-front-end ul li" padding + ::before glyph */
|
||
padding: 0;
|
||
color: rgba(255,255,255,0.82) !important;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
.evnd__cards .evnd__card-kpis li::before { content: none !important; display: none !important; }
|
||
.evnd__card-kpis svg {
|
||
flex: none;
|
||
width: 18px; height: 18px;
|
||
padding: 3px;
|
||
color: var(--ca);
|
||
background: color-mix(in srgb, var(--ca) 14%, transparent);
|
||
border: 1px solid color-mix(in srgb, var(--ca) 34%, transparent);
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.evnd__card-desc {
|
||
color: rgba(255,255,255,0.58) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 15.5px !important;
|
||
line-height: 1.7 !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.evnd__cards-nav {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
margin-top: 6px;
|
||
padding-top: 18px;
|
||
border-top: 1px solid rgba(255,255,255,0.06);
|
||
}
|
||
.evnd__cards-counter {
|
||
color: rgba(255,255,255,0.5) !important;
|
||
font-weight: 700;
|
||
font-size: 13px;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.evnd__cards-bars { display: flex; gap: 8px; }
|
||
.evnd__cards-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255,255,255,0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: background-color 0.3s ease, width 0.3s ease;
|
||
}
|
||
.evnd__cards-bar.is-active { width: 56px; background: var(--ca); }
|
||
.evnd__cards-bar:hover { background: rgba(255,255,255,0.35); }
|
||
.evnd__cards-bar.is-active:hover { background: var(--ca); }
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.evnd__bg-flow, .evnd__bg-nodes circle, .evnd__bg-glow, .evnd__bg-particles span,
|
||
.evnd__cards-livedot, .evnd__card-statusdot { animation: none !important; }
|
||
.evnd__bg-particles span { opacity: 0.4; }
|
||
}
|
||
|
||
/* ---- BOTTOM BAR ---- */
|
||
.evnd__bar {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
margin-top: 60px;
|
||
padding: 38px 0;
|
||
}
|
||
.evnd__bar-item {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
padding: 12px 24px;
|
||
}
|
||
.evnd__bar-item:not(:last-child)::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: 0;
|
||
top: 15%;
|
||
height: 70%;
|
||
width: 1px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
}
|
||
|
||
.evnd__bar-val {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: clamp(32px, 4vw, 56px);
|
||
line-height: 1;
|
||
}
|
||
.evnd__bar-label {
|
||
color: #fff !important;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
text-transform: none;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
@keyframes evndGlow { 0%,100% { opacity: 0.75; } 50% { opacity: 1; } }
|
||
|
||
/* ---- Responsive ---- */
|
||
@media (max-width: 1024px) {
|
||
.evnd-gap-top { margin-top: 32px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 32px !important; }
|
||
}
|
||
@media (max-width: 991px) {
|
||
.evnd { padding: 48px 32px 56px; }
|
||
.evnd__grid { grid-template-columns: 1fr; gap: 40px; }
|
||
.evnd__title { margin-bottom: 28px; }
|
||
.evnd__features { gap: 14px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.evnd-gap-top { margin-top: 24px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 24px !important; }
|
||
/* Pull the KPI bar up close to the card (was a 60px desktop gap) so
|
||
there's no large vertical dead zone before the KPIs on mobile. */
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 24px 0; padding: 24px 0; margin-top: 24px; }
|
||
.evnd__bar-item:nth-child(even)::after { display: none; }
|
||
.evnd__bar-item:nth-child(2)::after { display: none; }
|
||
.evnd__bar-item { padding: 12px 16px; }
|
||
|
||
/* ---- Scene overlay cleanup (mobile) ----
|
||
Keep only the primary top-left KPI badge; the second (bottom-right)
|
||
badge duplicates info in the insight card and covers the route
|
||
visualization, so it is removed. The remaining badge is scaled down
|
||
(~0.72) so it never dominates the now-shorter scene. */
|
||
.evnd__badge--br { display: none !important; }
|
||
.evnd__badge--tl { transform: scale(0.72); transform-origin: top left; }
|
||
|
||
/* ---- Horizontal alignment (WF1 / WF2 only) ----
|
||
The stacked scene column is a grid 1fr track whose auto-minimum
|
||
equals the Three.js canvas min-content (~244px). At 320px that floor
|
||
is wider than the available column, forcing the whole section ~18px
|
||
past its container (left-aligned) → unequal left/right gaps.
|
||
minmax(0,1fr) + min-width:0 let the scene/card columns shrink to the
|
||
container so the scene, card and KPI bar share one symmetric width and
|
||
centre perfectly. Scoped to .evnd__grid--cards (WF1/WF2), so the
|
||
homepage EV section is untouched. */
|
||
.evnd__grid--cards { grid-template-columns: minmax(0, 1fr); }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__right,
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__cards { min-width: 0; }
|
||
}
|
||
@media (max-width: 480px) {
|
||
.evnd { padding: 40px 16px 48px; }
|
||
/* keep the stat bar a compact 2\xd72 on phones (inherits the centre
|
||
divider from the ≤767 rules) instead of a tall single column */
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 18px 0; padding: 22px 0; }
|
||
.evnd__bar-item { padding: 10px 12px; gap: 8px; }
|
||
.evnd__bar-val { font-size: clamp(26px, 9vw, 34px); }
|
||
.evnd__bar-label { font-size: 12.5px; }
|
||
/* badge already scaled to 0.72 via the ≤767 rule — keep desktop
|
||
internals so the scale (not double-reduction) controls its size */
|
||
|
||
/* feature cards: tighter, no overflow, more room for text */
|
||
.evnd-feature {
|
||
grid-template-columns: 40px minmax(0, 1fr);
|
||
gap: 14px;
|
||
padding: 18px 16px;
|
||
}
|
||
.evnd-feature__icon-container { width: 40px; height: 40px; border-radius: 10px; }
|
||
.evnd-icon { width: 20px; height: 20px; }
|
||
.evnd-feature__title { font-size: 14px !important; letter-spacing: 0.03em; margin: 2px 0 6px; padding-right: 22px; }
|
||
.evnd-feature__desc { font-size: 13px !important; line-height: 1.55 !important; }
|
||
/* arrow occupies its own slot to the right of the icon, no extra column */
|
||
.evnd-feature__arrow { position: absolute; top: 16px; right: 16px; margin: 0; }
|
||
|
||
/* ---- Compact mobile insight card (standard mobile, 390–480px).
|
||
Tighter spacing, smaller typography and a 2-line-clamped
|
||
description so the card stays ~380–480px tall and the KPI bar
|
||
is reached with far less scrolling. ---- */
|
||
.evnd__cards { padding: 20px 18px 16px; gap: 14px; }
|
||
.evnd__cards-sys { display: none; }
|
||
.evnd__cards-head { padding-bottom: 0; }
|
||
.evnd__cards-live { font-size: 11px; }
|
||
.evnd__card-status { margin-bottom: 14px; padding: 6px 12px; font-size: 10.5px; }
|
||
.evnd__card-hero { margin-bottom: 12px; gap: 2px; }
|
||
.evnd__card-metric { font-size: clamp(38px, 12vw, 50px); }
|
||
.evnd__card-metriclabel { font-size: 13px; }
|
||
.evnd__card-title { font-size: 15px !important; margin: 0 0 12px 0 !important; }
|
||
.evnd__card-kpis { margin: 0; gap: 9px; }
|
||
.evnd__card-kpis li { font-size: 14px; }
|
||
.evnd__card-kpis svg { width: 17px; height: 17px; }
|
||
/* Drop the paragraph on mobile — the status, metric, title and
|
||
bullets carry the meaning; this is the single biggest height
|
||
saving and matches the compact mobile structure. */
|
||
.evnd__card-desc { display: none; }
|
||
.evnd__cards-nav { margin-top: 14px; padding-top: 14px; }
|
||
.evnd__cards-bar { width: 30px; }
|
||
.evnd__cards-bar.is-active { width: 44px; }
|
||
}
|
||
/* ---- Medium mobile (≤389px, e.g. 360/375): a notch tighter ---- */
|
||
@media (max-width: 389px) {
|
||
.evnd__cards { padding: 18px 16px 14px; gap: 12px; }
|
||
.evnd__card-status { margin-bottom: 12px; }
|
||
.evnd__card-hero { margin-bottom: 10px; }
|
||
.evnd__card-metric { font-size: clamp(36px, 11.5vw, 46px); }
|
||
.evnd__card-title { font-size: 14.5px !important; margin-bottom: 10px !important; }
|
||
.evnd__card-kpis { gap: 8px; }
|
||
.evnd__card-kpis li { font-size: 13.5px; }
|
||
.evnd__cards-nav { margin-top: 12px; padding-top: 12px; }
|
||
}
|
||
/* ---- Compact mobile (≤340px, e.g. 320): tightest. Drop the paragraph
|
||
entirely — the bullets carry the meaning — so nothing overflows. ---- */
|
||
@media (max-width: 340px) {
|
||
.evnd__cards { padding: 16px 14px 12px; gap: 10px; }
|
||
.evnd__card-status { margin-bottom: 10px; padding: 5px 10px; font-size: 10px; letter-spacing: 0.1em; }
|
||
.evnd__card-hero { margin-bottom: 8px; }
|
||
.evnd__card-metric { font-size: 34px; }
|
||
.evnd__card-metriclabel { font-size: 12px; }
|
||
.evnd__card-title { font-size: 13.5px !important; margin-bottom: 8px !important; }
|
||
.evnd__card-kpis { gap: 7px; }
|
||
.evnd__card-kpis li { font-size: 13px; gap: 9px; }
|
||
.evnd__card-kpis svg { width: 16px; height: 16px; }
|
||
.evnd__cards-nav { margin-top: 10px; padding-top: 10px; }
|
||
}
|
||
`}}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"+(b?" evnd-gap-top":"")+(y?" evnd-gap-bottom":""),"data-id":"bbc6760","data-element_type":"container","data-e-type":"container","aria-label":j,style:{backgroundColor:"#0d0d0d",width:"calc(100% - 40px)",marginLeft:"20px",marginRight:"20px",borderRadius:"25px",overflow:"hidden"},children:[(0,t.jsx)("div",{ref:R,className:"elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"7da6646","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',style:{backgroundPosition:"center 0px",backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundRepeat:"no-repeat",position:"relative",zIndex:2,borderRadius:"25px 25px 0 0",overflow:"hidden"}}),(0,t.jsx)("div",{className:"elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"8b5d6e6","data-element_type":"container","data-e-type":"container",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"1f766ea","data-element_type":"container","data-e-type":"container",children:[(0,t.jsxs)("div",{className:"elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"3b61435","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:[s&&(0,t.jsx)("div",{className:"elementor-element elementor-element-c364d1c elementor-widget elementor-widget-text-editor","data-id":"c364d1c","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:s})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading","data-id":"239afbb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h5",{className:"logico-title",children:c})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor","data-id":"0d307dd","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:m})})})]}),(0,t.jsx)("div",{className:"elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"5aea22e","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}'})]})}),(0,t.jsx)("section",{className:"evnd","aria-label":j??"EV-Native Design",children:(0,t.jsxs)("div",{className:"evnd__inner",children:[(0,t.jsx)("span",{className:"evnd__eyebrow",children:p}),(0,t.jsxs)("h2",{className:"evnd__title",children:[g,(0,t.jsx)("span",{className:"accent",children:x})]}),(0,t.jsxs)("div",{className:`evnd__grid${A?" evnd__grid--cards":""}`,children:[(0,t.jsx)("div",{className:"evnd__left",children:(0,t.jsxs)("div",{className:"evnd__media",children:[(0,t.jsx)("div",{className:"evnd__glow"}),(0,t.jsxs)("div",{className:`evnd__imgwrap${N?" evnd__imgwrap--media":""}`,children:[N||(0,t.jsx)("img",{className:"evnd__img",src:v,alt:u,decoding:"async"}),w[0]&&(0,t.jsxs)("div",{className:"evnd__badge evnd__badge--tl",children:[(0,t.jsx)("b",{children:w[0].value}),(0,t.jsx)("span",{children:w[0].label})]}),w[1]&&(0,t.jsxs)("div",{className:"evnd__badge evnd__badge--br",children:[(0,t.jsx)("b",{children:w[1].value}),(0,t.jsx)("span",{children:w[1].label})]})]})]})}),(0,t.jsx)("div",{className:"evnd__right",children:A?(0,t.jsx)(h,{slides:k,heading:z,theme:S}):(0,t.jsx)("div",{className:"evnd__features",children:f.map(e=>(0,t.jsxs)("div",{className:"evnd-feature",children:[(0,t.jsx)("div",{className:"evnd-feature__icon-container","aria-hidden":"true",children:e.icon}),(0,t.jsxs)("div",{className:"evnd-feature__body",children:[(0,t.jsx)("div",{className:"evnd-feature__title",children:e.title}),(0,t.jsx)("p",{className:"evnd-feature__desc",children:e.desc})]}),(0,t.jsx)("span",{className:"evnd-feature__arrow","aria-hidden":"true",children:"↗"})]},e.title))})})]}),(0,t.jsx)("div",{className:"evnd__bar",children:_.map(e=>(0,t.jsxs)("div",{className:"evnd__bar-item",children:[(0,t.jsx)("span",{className:"evnd__bar-label",children:e.label}),(0,t.jsx)(o,{value:e.value,decimals:e.decimals,suffix:e.suffix,className:"evnd__bar-val"})]},e.label))})]})})]})]})}])},97677,e=>{"use strict";var t=e.i(43476),n=e.i(71645),i=e.i(89970),a=e.i(2018);e.s(["default",0,function(){let[e,r]=(0,n.useState)(0),d=(0,n.useRef)(null);(0,n.useEffect)(()=>{let e=setInterval(()=>{r(e=>+(0===e))},7e3);return()=>clearInterval(e)},[]);let l=e=>{r(e)};return(0,n.useEffect)(()=>{if(!d.current)return;let e=d.current.querySelector(".owl-item.active");if(!e)return;let t=e.querySelector(".heading-content"),n=e.querySelector(".text-content");t&&n&&(i.default.killTweensOf([t,n]),i.default.fromTo(t,{y:55,opacity:0,scale:.95},{y:0,opacity:1,scale:1,duration:1.1,ease:"power4.out"}),i.default.fromTo(n,{y:30,opacity:0},{y:0,opacity:1,duration:.95,ease:"power3.out",delay:.25}))},[e]),(0,t.jsxs)("div",{className:"elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"741f56c","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
/* Fluid responsive font size override for hero headings */
|
||
.logico-content-slider-widget .content-slider-item-heading {
|
||
font-size: clamp(30px, 5.5vw, 80px) !important;
|
||
word-wrap: break-word !important;
|
||
overflow-wrap: break-word !important;
|
||
white-space: normal !important;
|
||
}
|
||
|
||
/* Prevent horizontal overflow on slider and stage containers */
|
||
.logico-content-slider-widget,
|
||
.content-slider-wrapper,
|
||
.content-slider-container,
|
||
.content-slider,
|
||
.owl-stage-outer,
|
||
.owl-stage,
|
||
.owl-item,
|
||
.slider-item,
|
||
.slide-content,
|
||
.slide-content-inner {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
/* Force word wrapping and responsive spacing for heading and text */
|
||
.logico-content-slider-widget .content-slider-item-heading,
|
||
.logico-content-slider-widget .content-slider-item-heading span,
|
||
.logico-content-slider-widget .content-slider-item-heading .heading-content {
|
||
white-space: normal !important;
|
||
word-wrap: break-word !important;
|
||
overflow-wrap: break-word !important;
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
.logico-content-slider-widget .content-slider-item-heading {
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
}
|
||
|
||
.logico-content-slider-widget .text-content {
|
||
width: 100% !important;
|
||
max-width: min(780px, 100%) !important;
|
||
box-sizing: border-box !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
}
|
||
|
||
/* Larger, more readable hero subtitle on large/4K screens */
|
||
.logico-content-slider-widget .content-slider-item-text p {
|
||
font-size: clamp(16px, 1.35vw, 23px) !important;
|
||
line-height: 1.65 !important;
|
||
}
|
||
|
||
/* Responsive slider heights */
|
||
.logico-content-slider-widget .owl-stage-outer {
|
||
height: 800px !important;
|
||
}
|
||
|
||
@media (max-width: 840px) {
|
||
.logico-content-slider-widget .owl-stage-outer {
|
||
height: 600px !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.logico-content-slider-widget .owl-stage-outer {
|
||
height: 520px !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 660px) {
|
||
.logico-content-slider-widget .content-slider-item-heading {
|
||
font-size: clamp(20px, 7vw, 32px) !important;
|
||
}
|
||
}
|
||
|
||
/* Slide counter ("01/02" + progress line): site.css pushes it ~80px in
|
||
from the right and only 9px off the bottom on mobile, so it sits in an
|
||
awkward spot. Pin it cleanly to the bottom-right with even padding. */
|
||
@media (max-width: 767px) {
|
||
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-footer {
|
||
text-align: right !important;
|
||
margin-bottom: 24px !important;
|
||
}
|
||
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
|
||
justify-content: flex-end !important;
|
||
margin-left: 22px !important;
|
||
margin-right: 22px !important;
|
||
}
|
||
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-progress-wrapper {
|
||
margin-right: 0 !important;
|
||
}
|
||
/* The prev/next arrows sit in the bottom-right corner and overlap the
|
||
counter once it's pinned right. Hide them on mobile — slides
|
||
auto-rotate and the counter shows progress. */
|
||
.elementor-61 .elementor-element.elementor-element-6c7cbcb .owl-nav {
|
||
display: none !important;
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("div",{className:"elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider","data-id":"6c7cbcb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_content_slider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-content-slider-widget",children:(0,t.jsx)("div",{className:"content-slider-wrapper",children:(0,t.jsx)("div",{className:"content-slider-container",children:(0,t.jsxs)("div",{className:"content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom owl-loaded owl-drag",ref:d,children:[(0,t.jsx)("div",{className:"owl-stage-outer",style:{position:"relative",overflow:"hidden"},children:(0,t.jsxs)("div",{className:"owl-stage",style:{position:"relative",width:"100%",height:"100%"},children:[(0,t.jsx)("div",{className:`owl-item ${0===e?"active":""}`,style:{position:"relative",width:"100%",opacity:+(0===e),visibility:0===e?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:0===e?2:1},children:(0,t.jsx)("div",{className:"content-item slider-item elementor-repeater-item-3264830 slide-style-standard",style:{backgroundImage:"url('/images/home-bg-1.png')",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover"},children:(0,t.jsx)("div",{className:"slide-content",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:(0,t.jsxs)("div",{className:"slide-content-inner",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"0 auto",width:"100%",maxWidth:"1000px"},children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",style:{textAlign:"center",width:"100%"},children:(0,t.jsxs)("span",{className:"heading-content block",children:["ONE CONNECTED SYSTEM.",(0,t.jsx)("br",{}),(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"ONE PROMISE KEPT."})]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",style:{display:"flex",justifyContent:"center",width:"100%",marginTop:"23px"},children:(0,t.jsx)("div",{className:"text-content",style:{textAlign:"center",maxWidth:"680px",margin:"0 auto"},children:(0,t.jsx)("p",{children:"Stop managing three separate logistics services. Doormile unifies first, mid and last mile into a single intelligent delivery system powered by MileTruth™ AI."})})})]})})})}),(0,t.jsx)("div",{className:`owl-item ${1===e?"active":""}`,style:{position:"absolute",top:0,left:0,width:"100%",opacity:+(1===e),visibility:1===e?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:1===e?2:1},children:(0,t.jsx)("div",{className:"content-item slider-item elementor-repeater-item-6867061 slide-style-standard",style:{backgroundImage:"url('/images/home-bg-1.png')",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover"},children:(0,t.jsx)("div",{className:"slide-content",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:(0,t.jsxs)("div",{className:"slide-content-inner",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"0 auto",width:"100%",maxWidth:"1000px"},children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",style:{textAlign:"center",width:"100%"},children:(0,t.jsxs)("span",{className:"heading-content block",children:[(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"AI-POWERED"}),(0,t.jsx)("br",{}),"CONNECTED LOGISTICS"]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",style:{display:"flex",justifyContent:"center",width:"100%",marginTop:"23px"},children:(0,t.jsx)("div",{className:"text-content",style:{textAlign:"center",maxWidth:"680px",margin:"0 auto"},children:(0,t.jsx)("p",{children:"Behind every successful business is a strong supply chain. Logistics turns plans into reality."})})})]})})})})]})}),(0,t.jsxs)("div",{className:"owl-nav",children:[(0,t.jsx)("button",{type:"button",className:"owl-next",onClick:()=>r(e=>+(0===e)),"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,t.jsx)("button",{type:"button",className:"owl-prev",onClick:()=>r(e=>+(0===e)),"aria-label":"Previous",style:{cursor:"pointer",border:"none",outline:"none"}})]}),(0,t.jsx)("div",{className:"slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside",children:(0,t.jsx)("div",{className:"slider-footer-content",children:(0,t.jsxs)("div",{className:"slider-pagination",style:{display:"flex",justifyContent:"flex-end",alignItems:"center"},children:[(0,t.jsxs)("div",{className:"slider-progress-wrapper",style:{marginRight:"35px",display:"flex",flexDirection:"column",alignItems:"flex-start"},children:[(0,t.jsxs)("div",{style:{fontSize:"16px",fontWeight:600,color:"#FFFFFF",marginBottom:"4px"},children:[(0,t.jsx)("span",{className:"slider-progress-current",children:0===e?"01":"02"})," / ",(0,t.jsx)("span",{className:"slider-progress-all",style:{opacity:.6},children:"02"})]}),(0,t.jsx)("div",{style:{width:"80px",height:"2px",background:"rgba(255, 255, 255, 0.2)",position:"relative",borderRadius:"1px",overflow:"hidden"},children:(0,t.jsx)("div",{style:{position:"absolute",left:0===e?"0":"50%",width:"50%",height:"100%",background:"#c01227",transition:"left 0.3s ease"}})})]}),(0,t.jsxs)("div",{className:"owl-dots owl-dots-6c7cbcb",style:{display:"none"},children:[(0,t.jsx)("button",{type:"button",className:`owl-dot ${0===e?"active":""}`,onClick:()=>l(0),children:(0,t.jsx)("span",{})}),(0,t.jsx)("button",{type:"button",className:`owl-dot ${1===e?"active":""}`,onClick:()=>l(1),children:(0,t.jsx)("span",{})})]})]})})})]})})})})})})]})}])},58140,e=>{"use strict";var t=e.i(43476),n=e.i(22016),i=e.i(2018);e.s(["default",0,function(){return(0,t.jsxs)(i.StaggerChildren,{stagger:.15,duration:.7,yOffset:30,className:"elementor-element elementor-element-9b26234 e-con-full e-grid cut-corner-no sticky-container-off e-con e-parent",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-ca6bc63 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"ca6bc63","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,t.jsxs)("div",{className:"e-con-inner",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-cc55905 elementor-widget-divider--view-line elementor-widget elementor-widget-divider","data-id":"cc55905","data-element_type":"widget","data-e-type":"widget","data-widget_type":"divider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-divider",children:(0,t.jsx)("span",{className:"elementor-divider-separator"})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-3fb5639 elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"3fb5639","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"logico-title",children:[(0,t.jsx)(i.CountUp,{end:99.2,decimals:1,suffix:"%",duration:2.2})," ",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{fontSize:"20px"},children:"On-Time Delivery"})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-94c3ff1 elementor-widget elementor-widget-logico_button","data-id":"94c3ff1","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsxs)(n.default,{href:"/solutions",className:"logico-small-button",children:["Connected Miles",(0,t.jsx)("svg",{viewBox:"0 0 13 20",children:(0,t.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})]})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-4c0903b e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"4c0903b","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,t.jsxs)("div",{className:"e-con-inner",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-c8adeeb elementor-widget-divider--view-line elementor-widget elementor-widget-divider","data-id":"c8adeeb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"divider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-divider",children:(0,t.jsx)("span",{className:"elementor-divider-separator"})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-5e64d7b elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"5e64d7b","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"logico-title",children:[(0,t.jsx)(i.CountUp,{end:3,suffix:"x Faster",duration:1.8})," ",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{fontSize:"20px"},children:"Faster Response"})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-20db156 elementor-widget elementor-widget-logico_button","data-id":"20db156","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsxs)(n.default,{href:"/miletruth",className:"logico-small-button",children:["MileTruth™ AI",(0,t.jsx)("svg",{viewBox:"0 0 13 20",children:(0,t.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})]})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-f003242 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"f003242","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,t.jsxs)("div",{className:"e-con-inner",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-d58ef3c elementor-widget-divider--view-line elementor-widget elementor-widget-divider","data-id":"d58ef3c","data-element_type":"widget","data-e-type":"widget","data-widget_type":"divider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-divider",children:(0,t.jsx)("span",{className:"elementor-divider-separator"})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-d00253e elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"d00253e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"logico-title",children:[(0,t.jsx)(i.CountUp,{end:40,suffix:"%",duration:2})," ",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{fontSize:"20px"},children:"Cost Reduction"})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-3481e66 elementor-widget elementor-widget-logico_button","data-id":"3481e66","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsxs)(n.default,{href:"/solutions",className:"logico-small-button",children:["SLA Protection",(0,t.jsx)("svg",{viewBox:"0 0 13 20",children:(0,t.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})]})})]})}])},36854,e=>{"use strict";var t=e.i(43476),n=e.i(2018);e.s(["default",0,function(){return(0,t.jsx)("div",{className:"elementor-element elementor-element-30fd9d1 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent section-shrink-custom","data-id":"30fd9d1","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-03db5d7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"03db5d7","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.05,duration:.8,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-3fe4ca3 elementor-widget elementor-widget-logico_heading","data-id":"3fe4ca3","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"/ The Problem /"})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.15,duration:.85,yOffset:30,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-ffd1f7d elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"ffd1f7d","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h3",{className:"logico-title",children:"Fragmented Logistics is Broken"})})})}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-e09c20e e-grid e-con-full cut-corner-no sticky-container-off e-con e-child","data-id":"e09c20e","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.1,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-81a7690 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"81a7690","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-air-delivery"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"73%"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"of delays happen at handoffs"})]})})]})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.2,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-0f4aa27 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"0f4aa27","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-container"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"3x"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"higher risk of missed SLAs"})]})})]})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.3,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-6cfd203 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"6cfd203","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-trolley"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"2.5x"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"more time spent on coordination"})]})})]})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.4,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-0d343e1 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"0d343e1","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-supply-chain"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"28%"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"increase in operational costs"})]})})]})})})})]})]})})})}])},32693,e=>{"use strict";var t=e.i(43476),n=e.i(22016),i=e.i(57688),a=e.i(2018);e.s(["default",0,function(){return(0,t.jsxs)("div",{className:"elementor-element elementor-element-89a0ca1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"89a0ca1","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
/* Ensure the inner content wrapper is responsive and never overflows */
|
||
.elementor-element-fdb2e58 {
|
||
width: 100% !important;
|
||
max-width: 650px !important;
|
||
}
|
||
|
||
/* Make heading font size fluid and responsive */
|
||
.elementor-element-7500280 .logico-title {
|
||
font-size: clamp(26px, 3.5vw, 54px) !important;
|
||
line-height: 1.25em !important;
|
||
word-wrap: break-word !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
/* Make sure paragraphs are responsive on all screen widths */
|
||
.elementor-element-165dfa5 {
|
||
width: 100% !important;
|
||
max-width: min(619px, 100%) !important;
|
||
}
|
||
.elementor-element-3888a1e {
|
||
width: 100% !important;
|
||
max-width: min(526px, 100%) !important;
|
||
}
|
||
|
||
/* Desktop/Laptop (min-width: 1025px) column width and flex rules */
|
||
@media (min-width: 1025px) {
|
||
.elementor-element-9ffed33 {
|
||
display: flex !important;
|
||
flex-direction: row !important;
|
||
flex-wrap: nowrap !important;
|
||
align-items: center !important;
|
||
}
|
||
|
||
.elementor-element-96343ba,
|
||
.elementor-element-71c3e1d {
|
||
width: 50% !important;
|
||
max-width: 50% !important;
|
||
flex: 1 1 50% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
/* Force columns to stack vertically on mobile/tablet */
|
||
.elementor-element-9ffed33 {
|
||
flex-direction: column !important;
|
||
align-items: stretch !important;
|
||
}
|
||
|
||
/* Force both children to be full width */
|
||
.elementor-element-96343ba,
|
||
.elementor-element-71c3e1d {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
/* Show image at the bottom or top depending on order */
|
||
.elementor-element-96343ba {
|
||
margin-top: 30px !important;
|
||
}
|
||
|
||
/* Override desktop fixed widths on mobile/tablet */
|
||
.elementor-element-165dfa5,
|
||
.elementor-element-3888a1e {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
}
|
||
}
|
||
`}}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-9ffed33 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"9ffed33","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-96343ba e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"96343ba","data-element_type":"container",children:(0,t.jsx)(a.ScrollReveal,{delay:.1,duration:.9,yOffset:30,className:"w-full h-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-99768ba elementor-widget elementor-widget-image","data-id":"99768ba","data-element_type":"widget","data-e-type":"widget","data-widget_type":"image.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)(i.default,{fetchPriority:"high",priority:!0,width:578,height:790,src:"/images/home2-pic-3.png",className:"attachment-full size-full wp-image-4481",alt:"Connected Logistics",style:{width:"100%",height:"auto",objectFit:"cover",borderRadius:"25px"}})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-71c3e1d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"71c3e1d","data-element_type":"container","data-e-type":"container",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-fdb2e58 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"fdb2e58","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(a.ScrollReveal,{delay:.1,duration:.8,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-0136e6e elementor-widget elementor-widget-logico_heading","data-id":"0136e6e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"/ Connected Logistics /"})})})}),(0,t.jsx)(a.ScrollReveal,{delay:.2,duration:.85,yOffset:25,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-7500280 elementor-widget elementor-widget-logico_heading","data-id":"7500280","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h3",{className:"logico-title",children:"Smart logistics solutions we deliver for modern supply chains"})})})}),(0,t.jsxs)(a.ScrollReveal,{delay:.25,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading","data-id":"4cc07a7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Real-Time Visibility"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"165dfa5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"See every shipment, every vehicle, every handoff—live. No blind spots."})})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.35,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-da9d310 elementor-widget elementor-widget-logico_heading","data-id":"da9d310","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Dynamic Route Adjustment"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-3888a1e elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"3888a1e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"AI continuously optimizes routes based on traffic, weather, and real-world conditions."})})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.45,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading","data-id":"4cc07a7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Proactive Delay Prevention"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"165dfa5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"Detect SLA risks hours before they become problems. Act, don't react."})})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.55,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading","data-id":"4cc07a7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Execution Intelligence"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"165dfa5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"Learn from every delivery. Get smarter with every mile traveled."})})})]}),(0,t.jsx)(a.ScrollReveal,{delay:.65,duration:.8,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-c0a45e4 elementor-widget elementor-widget-logico_button","data-id":"c0a45e4","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsx)(a.Magnetic,{children:(0,t.jsx)(n.default,{href:"/solutions",className:"logico-alter-button",children:"Explore more"})})})})})})})]})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-0efc59e elementor-absolute elementor-widget elementor-widget-logico_block_decoration","data-id":"0efc59e","data-element_type":"widget","data-settings":'{"_position":"absolute"}',"data-widget_type":"logico_block_decoration.default",style:{position:"absolute"},children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"block-decoration animation-enable block-decoration-style-1",children:(0,t.jsx)("div",{className:"block-decoration-item"})})})})]})]})}])}]); |