(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,61867,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(57688),r=e.i(89970),o=e.i(83495);r.default.registerPlugin(o.ScrollTrigger);let n=[{index:1,title:"Operational Visibility",desc:"Real-time tracking and centralized control provide complete visibility across every shipment, vehicle, and delivery milestone.",icon:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"2",y:"7",width:"16",height:"10",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"22",y1:"11",x2:"22",y2:"13"}),(0,t.jsx)("line",{x1:"6",y1:"11",x2:"10",y2:"11"}),(0,t.jsx)("line",{x1:"6",y1:"13",x2:"12",y2:"13"})]})},{index:2,title:"Intelligent Routing",desc:"AI-powered route optimization reduces travel time, improves delivery accuracy, and maximizes fleet utilization.",icon:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",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"})})},{index:3,title:"EV-First Logistics",desc:"Purpose-built workflows for electric fleets improve battery efficiency, charging management, and sustainable operations.",icon:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 2v10"}),(0,t.jsx)("path",{d:"M18 8V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v2a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4Z"}),(0,t.jsx)("path",{d:"M10 22v-6"}),(0,t.jsx)("path",{d:"M14 22v-6"})]})},{index:4,title:"Scalable Network",desc:"Flexible logistics infrastructure supports growth across cities, regions, and high-volume delivery operations without disruption.",icon:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 3.5 2 5.5a7 7 0 0 1-7 7h-3"}),(0,t.jsx)("path",{d:"M12 22V12"})]})}];e.s(["default",0,function(){let e=(0,i.useRef)(null),o=(0,i.useRef)(null),s=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let t=e.current,i=s.current,a=o.current;if(!t||!i||!a)return;let n=r.default.to(a,{y:"-=10",duration:4.5,ease:"sine.inOut",yoyo:!0,repeat:-1});return r.default.timeline({scrollTrigger:{trigger:t,start:"top 80%",toggleActions:"play none none none"}}).to(t.querySelector(".ev-logistic-kicker-widget"),{opacity:1,y:0,duration:.8,ease:"power3.out"}).to(t.querySelector(".ev-logistic-title-widget"),{y:0,opacity:1,duration:.85,ease:"power4.out"},"-=0.45").to(t.querySelectorAll(".ev-feature-card"),{opacity:1,y:0,duration:.6,stagger:.08,ease:"power3.out"},"-=0.6").fromTo(i,{opacity:0,scale:.95},{opacity:1,scale:1,duration:1,ease:"power4.out"},"-=0.8"),()=>{n.kill()}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
        /* Custom CSS Scoped to EV Logistics Section */
        .ev-logistic-section {
          box-sizing: border-box !important;
          background: #ffffff !important;
          font-family: 'Manrope', sans-serif !important;
          position: relative !important;
        }

        .ev-logistic-header {
          width: 100% !important;
          max-width: 100% !important;
          align-self: stretch !important;
          margin-bottom: 48px !important;
          display: block !important;
          text-align: left !important;
        }

        .ev-logistic-body-grid {
          display: flex !important;
          flex-direction: row !important;
          align-items: center !important;
          justify-content: space-between !important;
          width: 100% !important;
          gap: 3% !important;
        }

        /* Left Column - Image column takes up 45% */
        .ev-logistic-image-col {
          flex: 0 0 45% !important;
          max-width: 45% !important; 
          display: flex !important;
          align-items: center !important;
          justify-content: flex-start !important; 
          position: relative !important;
          min-height: auto !important;
          margin: 0 !important;
        }

        /* Branded glow spotlight halo behind the vehicle */
        .ev-logistic-image-glow {
          position: absolute !important;
          left: 50% !important;
          top: 50% !important;
          width: 80% !important;
          height: 70% !important;
          transform: translate(-50%, -50%) !important;
          background: radial-gradient(circle, rgba(192, 18, 39, 0.05) 0%, rgba(192, 18, 39, 0.01) 55%, transparent 75%) !important;
          filter: blur(54px) !important;
          z-index: 0 !important;
          pointer-events: none !important;
        }

        /* Image wrapper scaling naturally inside its column container */
        .ev-logistic-image-wrapper {
          width: 100% !important;
          max-width: 100% !important;
          display: flex !important;
          align-items: center !important;
          justify-content: flex-start !important;
          overflow: visible !important;
          position: relative !important;
          transform: scale(1.15) !important;
          transform-origin: left center !important;
          margin-left: -80px !important;
        }

        .ev-logistic-image-wrapper img {
          width: 100% !important;
          height: auto !important;
          object-fit: contain !important;
          filter: none !important;
          will-change: transform !important;
        }

        /* Right column - takes up 52% for grid cards */
        .ev-logistic-content-col {
          flex: 0 0 52% !important;
          max-width: 52% !important; 
          display: flex !important;
          flex-direction: column !important;
          justify-content: center !important;
          margin: 0 !important;
        }

        .ev-logistic-kicker-widget {
          opacity: 0;
          transform: translateY(-12px);
          will-change: transform, opacity;
        }

        .ev-logistic-title-wrapper {
          margin: 0 !important;
        }

        .ev-logistic-title-widget {
          opacity: 0;
          transform: translateY(24px);
          will-change: transform, opacity;
        }

        .ev-logistic-title-widget > .elementor-widget-container {
          margin: 0 !important;
          padding: 0 !important;
        }

        .ev-logistic-title-widget .logico-title {
          margin: 0 !important;
          text-align: left !important;
        }

        /* Card Grid Layout */
        .ev-feature-grid {
          display: grid !important;
          grid-template-columns: repeat(2, 1fr) !important;
          gap: 24px !important;
          width: 100% !important;
        }

        /* Premium Theme White Card */
        .ev-feature-card {
          display: flex !important;
          flex-direction: column !important;
          background: #ffffff !important;
          border: 1px solid rgba(17, 17, 17, 0.09) !important;
          border-radius: 20px !important;
          padding: 30px !important;
          color: #555555 !important;
          height: 100% !important;
          box-sizing: border-box !important;
          opacity: 0;
          transform: translateY(20px);
          will-change: transform, opacity;
          transition: border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                      box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                      transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
          box-shadow: 0 4px 24px rgba(17, 17, 17, 0.02) !important;
        }

        .ev-feature-card:hover {
          border-color: #c01227 !important;
          box-shadow: 0 20px 40px rgba(192, 18, 39, 0.08), 0 4px 12px rgba(17, 17, 17, 0.03) !important;
          transform: translateY(-8px) !important;
        }

        /* Red Icon Wrapper */
        .ev-feature-icon-wrapper {
          margin-bottom: 24px !important;
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          width: 54px !important;
          height: 54px !important;
          background: rgba(192, 18, 39, 0.06) !important;
          border: 1px solid rgba(192, 18, 39, 0.18) !important;
          border-radius: 50% !important;
          color: #c01227 !important;
          transition: all 0.3s ease !important;
        }

        .ev-feature-card:hover .ev-feature-icon-wrapper {
          background: rgba(192, 18, 39, 0.12) !important;
          border-color: #c01227 !important;
          transform: scale(1.1) !important;
          box-shadow: 0 0 12px rgba(192, 18, 39, 0.15) !important;
        }

        .ev-feature-icon-wrapper svg {
          width: 24px !important;
          height: 24px !important;
          stroke: currentColor !important;
        }

        /* Title & Description Inside Cards */
        .ev-feature-card-title {
          font-family: 'Manrope', sans-serif !important;
          font-size: 20px !important;
          font-weight: 700 !important;
          line-height: 1.3em !important;
          color: #c01227 !important;
          margin: 0 0 12px 0 !important;
          text-transform: none !important;
        }

        .ev-feature-card-desc {
          font-family: 'Manrope', sans-serif !important;
          font-size: 14px !important;
          font-weight: 500 !important;
          line-height: 1.6 !important;
          color: #555555 !important;
          margin: 0 !important;
        }

        /* Responsiveness constraints */
        @media (max-width: 1024px) {
          .ev-logistic-body-grid {
            flex-direction: column !important;
            gap: 50px !important;
          }

          .ev-logistic-image-col {
            flex: 1 1 100% !important;
            max-width: 100% !important;
            min-height: auto !important;
            justify-content: center !important;
          }

          .ev-logistic-image-wrapper {
            max-width: 580px !important;
            transform: none !important;
            margin: 0 auto !important;
            justify-content: center !important;
          }

          .ev-logistic-content-col {
            flex: 1 1 100% !important;
            max-width: 100% !important;
          }

        }

        @media (max-width: 768px) {
          .ev-logistic-section {
            --padding-left: 0px !important;
            --padding-right: 0px !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
            box-sizing: border-box !important;
          }

          .ev-logistic-section > .e-con-inner {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
          }

          .ev-logistic-section .elementor-element-343b363 {
            --padding-left: 20px !important;
            --padding-right: 20px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
          }

          .ev-logistic-body-grid {
            width: 100% !important;
            max-width: 100% !important;
            align-items: stretch !important;
          }

          .ev-logistic-content-col {
            width: 100% !important;
            max-width: 100% !important;
            align-self: center !important;
          }

          .ev-feature-grid {
            grid-template-columns: 1fr !important;
            gap: 20px !important;
            width: 100% !important;
            max-width: 100% !important;
          }

          .ev-feature-card {
            width: 100% !important;
            max-width: 100% !important;
          }
        }
      `}}),(0,t.jsx)("div",{className:"elementor-61",children:(0,t.jsx)("div",{ref:e,className:"elementor-element elementor-element-88745f4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent ev-logistic-section","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.jsxs)("div",{className:"ev-logistic-header",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-7afb238 elementor-widget elementor-widget-logico_heading ev-logistic-kicker-widget","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 ev-logistic-kicker",children:"/ Built for Electric Vehicles /"})})}),(0,t.jsx)("div",{className:"ev-logistic-title-wrapper",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-1cc335a elementor-widget elementor-widget-logico_heading ev-logistic-title-widget","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:"Logistics Built for EV Vehicles"})})})})]}),(0,t.jsxs)("div",{className:"ev-logistic-body-grid",children:[(0,t.jsxs)("div",{className:"ev-logistic-image-col",children:[(0,t.jsx)("div",{className:"ev-logistic-image-glow"}),(0,t.jsx)("div",{ref:o,className:"ev-logistic-image-wrapper",children:(0,t.jsx)(a.default,{ref:s,src:"/images/ev.webp",alt:"EV Logistics",width:1050,height:854,priority:!0})})]}),(0,t.jsx)("div",{className:"ev-logistic-content-col",children:(0,t.jsx)("div",{className:"ev-feature-grid",children:n.map(e=>(0,t.jsxs)("div",{className:"ev-feature-card",children:[(0,t.jsx)("div",{className:"ev-feature-icon-wrapper",children:e.icon}),(0,t.jsx)("h4",{className:"ev-feature-card-title",children:e.title}),(0,t.jsx)("p",{className:"ev-feature-card-desc",children:e.desc})]},e.index))})})]})]})})})})]})}])},47580,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(89970),r=e.i(83495);a.default.registerPlugin(r.ScrollTrigger),e.s(["default",0,function(){let e=(0,i.useRef)(null),r=(0,i.useRef)(null),o=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let t=e.current,i=r.current,n=o.current;if(!t||!i||!n)return;let s=t.querySelectorAll(".table-row-hover"),l=t.querySelectorAll(".yes-badge, .advanced-badge");a.default.set([n,i],{opacity:0,y:45}),a.default.set(s,{opacity:0,y:20}),a.default.set(l,{opacity:0,scale:.8}),a.default.timeline({scrollTrigger:{trigger:t,start:"top 78%",toggleActions:"play none none none"}}).to([n,i],{opacity:1,y:0,duration:.95,stagger:.15,ease:"power4.out"}).to(s,{opacity:1,y:0,duration:.75,stagger:.05,ease:"power3.out"},"-=0.6").to(l,{opacity:1,scale:1,duration:.55,stagger:.03,ease:"back.out(1.6)"},"-=0.45")},[]),(0,t.jsxs)("section",{id:"comparison",className:"comparison-section",ref:e,children:[(0,t.jsx)("div",{className:"comparison-bg-glow"}),(0,t.jsx)("div",{className:"comparison-bg-dots"}),(0,t.jsxs)("div",{className:"container",children:[(0,t.jsxs)("div",{className:"comparison-header",ref:o,children:[(0,t.jsx)("div",{className:"advantage-eyebrow-container",children:(0,t.jsx)("span",{className:"advantage-eyebrow",children:"/ DoorMile wins/"})}),(0,t.jsx)("h2",{className:"moat-heading","data-text":"WHERE DOORMILE  WINS",children:"WHERE DOORMILE WINS"}),(0,t.jsx)("p",{className:"moat-desc",children:"A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators."})]}),(0,t.jsx)("div",{className:"table-wrapper",ref:r,children:(0,t.jsxs)("table",{className:"comparison-table",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"Capability"}),(0,t.jsx)("th",{className:"col-highlight",children:"Doormile"}),(0,t.jsx)("th",{children:"Aggregators"}),(0,t.jsx)("th",{children:"Local Couriers"}),(0,t.jsx)("th",{children:"Software Platforms"})]})}),(0,t.jsxs)("tbody",{children:[(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"1",y:"3",width:"15",height:"13"}),(0,t.jsx)("polygon",{points:"16 8 20 8 23 11 23 16 16 16 16 8"}),(0,t.jsx)("circle",{cx:"5.5",cy:"18.5",r:"2.5"}),(0,t.jsx)("circle",{cx:"18.5",cy:"18.5",r:"2.5"})]}),"Owned fleet control"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),"Dynamic routing & dispatch"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"advanced-badge",children:"✓ Advanced"})}),(0,t.jsx)("td",{className:"partial-text",children:"Basic"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Advanced"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})}),"EV-aware planning"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,t.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,t.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,t.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),(0,t.jsx)("polyline",{points:"10 9 9 9 8 9"})]}),"Documentation & proof trail"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"partial-text",children:"Partial"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),"Real-time tracking"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"partial-text",children:"Yes"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"})}),"Verified handling"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"partial-text",children:"Partial"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),(0,t.jsx)("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]}),"Hyperlocal learning"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"yes-badge",children:"✓ Yes"})}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"}),(0,t.jsx)("td",{className:"no-text",children:"No"})]}),(0,t.jsxs)("tr",{className:"table-row-hover",children:[(0,t.jsxs)("td",{className:"capability-cell",children:[(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("line",{x1:"22",y1:"12",x2:"18",y2:"12"}),(0,t.jsx)("line",{x1:"6",y1:"12",x2:"2",y2:"12"}),(0,t.jsx)("line",{x1:"12",y1:"6",x2:"12",y2:"2"}),(0,t.jsx)("line",{x1:"12",y1:"22",x2:"12",y2:"18"})]}),"SLA accountability"]}),(0,t.jsx)("td",{className:"col-highlight",children:(0,t.jsx)("span",{className:"advanced-badge",children:"✓ High"})}),(0,t.jsx)("td",{className:"no-text",children:"Low"}),(0,t.jsx)("td",{className:"partial-text",children:"Medium"}),(0,t.jsx)("td",{className:"no-text",children:"Low"})]})]})]})})]}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
        /* --- HIGH-IMPACT PREMIUM CAPABILITIES SECTION STYLE --- */
        .comparison-section {
          position: relative;
          padding: 120px 0;
          background-color: #fafafa;
          overflow: hidden;
          font-family: "Manrope", sans-serif;
        }

        /* Spotlight radial background glow */
        .comparison-bg-glow {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 1000px;
          height: 1000px;
          background: radial-gradient(circle, rgba(200, 16, 46, 0.035) 0%, transparent 70%);
          z-index: 0;
          pointer-events: none;
        }

        /* Subtle logistics dot grid overlay */
        .comparison-bg-dots {
          position: absolute;
          inset: 0;
          background-image: radial-gradient(#e2e4e8 1.5px, transparent 1.5px);
          background-size: 32px 32px;
          opacity: 0.45;
          z-index: 0;
          pointer-events: none;
        }

        .comparison-section .container {
          position: relative;
          z-index: 2;
          max-width: 1400px; /* Restored/Expanded for gorgeous wide balance on large screens */
          margin: 0 auto;
          padding: 0 40px;
        }

        /* Section Header Layout */
        .comparison-header {
          text-align: left;
          margin-bottom: 60px;
          position: relative;
          z-index: 2;
          width: 100%;
        }

        .advantage-eyebrow-container {
          width: 100%;
          border-bottom: 2px solid rgba(0, 0, 0, 0.16);
          padding-bottom: 16px;
          margin-bottom: 28px;
        }

        /* DoorMile Advantage Eyebrow */
        .advantage-eyebrow {
          font-family: 'Manrope', sans-serif;
          font-weight: 700;
          font-size: 0.85rem;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          color: #060606ff;
          display: inline-block;
          white-space: nowrap;
        }

        /* Outlined heading style with clean duplicate layering hack */
        .moat-heading {
          position: relative;
          font-family: var(--font-syne), 'Syne', sans-serif !important;
          font-size: clamp(2.4rem, 6.8vw, 6.6rem) !important;
          font-weight: 800 !important;
          line-height: 1.1 !important;
          color: #fafafa !important; /* solid background color to cover inner overlapping outlines */
          margin: 0 0 24px 0;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          word-wrap: break-word;
          overflow-wrap: break-word;
          z-index: 1;
        }

        .moat-heading::after {
          content: attr(data-text) !important;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          color: transparent !important;
          -webkit-text-stroke: 2.2px #c8102e;
          -webkit-text-fill-color: transparent !important;
          pointer-events: none;
          display: block !important; /* override any old display: none */
        }

        .moat-desc {
          font-family: 'Manrope', sans-serif;
          font-size: 1.05rem;
          line-height: 1.65;
          color: #585c67;
          margin: 16px 0 0 0 !important;
          max-width: 820px !important;
          text-align: left !important;
        }

        /* Spacious table styling wrapper (100% width on Desktop) */
        .table-wrapper {
          width: 100%;
          background: #ffffff;
          border-radius: 24px;
          border: 1px solid rgba(0, 0, 0, 0.05);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.015), 0 1px 3px rgba(0, 0, 0, 0.01);
          overflow: hidden;
          transition: box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .table-wrapper:hover {
          box-shadow: 0 35px 70px rgba(0, 0, 0, 0.035), 0 1px 3px rgba(0, 0, 0, 0.01);
        }

        .comparison-table {
          width: 100%;
          border-collapse: collapse;
          text-align: left;
        }

        /* Enlarge row paddings and metrics size */
        .comparison-table th, 
        .comparison-table td {
          padding: 24px 28px;
          border-bottom: 1px solid #f0f0f4;
          font-size: 1rem;
          color: #2b2b2b;
          transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .comparison-table tr:last-child td {
          border-bottom: none;
        }

        .comparison-table th {
          font-family: 'Manrope', sans-serif;
          font-weight: 700;
          text-transform: uppercase;
          font-size: 0.85rem;
          letter-spacing: 0.1em;
          color: #8a8f9d;
          background: rgba(15, 23, 42, 0.02);
        }

        /* High weight column header highlights */
        th.col-highlight {
          background: #c8102e !important;
          color: #ffffff !important;
          text-align: center;
          font-weight: 800;
          font-size: 0.9rem;
          letter-spacing: 0.1em;
          border-left: 2.5px solid #c8102e;
          border-right: 2.5px solid #c8102e;
          box-shadow: 0 4px 20px rgba(200, 16, 46, 0.1);
        }

        /* High weight cells gradient & highlights */
        td.col-highlight {
          text-align: center;
          color: #c8102e !important;
          font-weight: 700;
          background: linear-gradient(180deg, rgba(200, 16, 46, 0.025) 0%, rgba(200, 16, 46, 0.005) 100%) !important;
          border-left: 2.5px solid rgba(200, 16, 46, 0.12);
          border-right: 2.5px solid rgba(200, 16, 46, 0.12);
          position: relative;
          will-change: transform, box-shadow, background;
          animation: doormile-glow-pulse 4s infinite ease-in-out;
        }

        /* Row Hover Enhancements: brighten row & trigger DoorMile glow expand */
        .table-row-hover {
          transition: background-color 0.3s ease;
        }
        
        .table-row-hover:hover td {
          background-color: rgba(200, 16, 46, 0.01) !important;
        }

        .table-row-hover:hover td.col-highlight {
          background: linear-gradient(180deg, rgba(200, 16, 46, 0.06) 0%, rgba(200, 16, 46, 0.02) 100%) !important;
          border-left-color: rgba(200, 16, 46, 0.35);
          border-right-color: rgba(200, 16, 46, 0.35);
          box-shadow: inset 0 0 16px rgba(200, 16, 46, 0.04);
        }

        /* Soft Breathing Box Shadow Red Glow Pulse Loop */
        @keyframes doormile-glow-pulse {
          0% {
            box-shadow: inset 0 0 0 0px rgba(200, 16, 46, 0);
          }
          50% {
            box-shadow: inset 0 0 18px 2px rgba(200, 16, 46, 0.05);
          }
          100% {
            box-shadow: inset 0 0 0 0px rgba(200, 16, 46, 0);
          }
        }

        .capability-cell {
          display: flex;
          align-items: center;
          gap: 14px;
          font-weight: 700;
          color: #111111;
          font-size: 1.1rem;
        }

        .capability-cell svg {
          color: #c8102e;
          transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
          flex-shrink: 0;
        }

        .table-row-hover:hover .capability-cell svg {
          transform: scale(1.18) rotate(4deg);
        }

        /* Premium Badge styles */
        .yes-badge {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          color: #c8102e;
          font-weight: 700;
          font-size: 0.95rem;
          background: rgba(200, 16, 46, 0.05);
          padding: 4px 12px;
          border-radius: 6px;
          border: 1px solid rgba(200, 16, 46, 0.1);
          will-change: transform, opacity;
        }

        .advanced-badge {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          background: rgba(200, 16, 46, 0.075);
          border: 1.5px solid #c8102e;
          padding: 4px 12px;
          border-radius: 8px;
          font-size: 0.78rem;
          text-transform: uppercase;
          letter-spacing: 0.06em;
          font-weight: 800;
          color: #c8102e;
          will-change: transform, opacity;
          box-shadow: 0 4px 12px rgba(200, 16, 46, 0.06);
        }

        .no-text {
          color: #8e94a5;
          font-weight: 500;
        }

        .partial-text {
          color: #4b5262;
          font-weight: 500;
        }

        /* --- RESPONSIVE WORKFLOWS & BREAKPOINTS --- */
        @media (max-width: 1200px) {
          .comparison-section .container {
            padding: 0 24px;
          }
        }

        @media (max-width: 768px) {
          .comparison-section {
            padding: 56px 0;
          }

          .comparison-section .container {
            padding: 0 10px;
          }

          .moat-heading {
            font-size: 1.8rem;
          }
        }

        /* On phones the 5-column table can't fit, so transform each row into a
           stacked card: capability as the card title, then one "label: value"
           line per competitor. Column labels are injected via nth-of-type so no
           markup changes are needed (every row has the same column order). */
        @media (max-width: 600px) {
          .table-wrapper {
            background: transparent;
            border: none;
            box-shadow: none;
            border-radius: 0;
            overflow: visible;
          }
          .comparison-table { min-width: 0; width: 100%; }
          .comparison-table thead { display: none; }
          .comparison-table tbody,
          .comparison-table tr,
          .comparison-table td { display: block; width: auto; }

          .comparison-table tr {
            background: #ffffff;
            border: 1px solid rgba(0,0,0,0.07);
            border-radius: 16px;
            padding: 6px 16px 8px;
            margin-bottom: 14px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.04);
          }

          /* Capability = card title (icon + name), no label */
          .comparison-table td.capability-cell {
            display: flex;
            justify-content: flex-start;
            gap: 12px;
            font-size: 1.02rem;
            padding: 12px 0 12px;
            border-bottom: 1.5px solid #eef0f4;
            margin-bottom: 4px;
          }

          /* Value cells = "Label .... value" rows */
          .comparison-table td:not(.capability-cell) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 0;
            border-bottom: 1px solid #f4f5f7;
            font-size: 0.95rem;
            text-align: right;
          }
          .comparison-table tr td:last-child { border-bottom: none; }

          .comparison-table td.col-highlight::before { content: "Doormile"; }
          .comparison-table td:nth-of-type(3)::before { content: "Aggregators"; }
          .comparison-table td:nth-of-type(4)::before { content: "Local Couriers"; }
          .comparison-table td:nth-of-type(5)::before { content: "Software Platforms"; }
          .comparison-table td:not(.capability-cell)::before {
            font-weight: 700;
            font-size: 0.72rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #8a8f9d;
            flex: 0 0 auto;
          }

          /* Neutralise the desktop highlight column styling inside the card */
          .comparison-table td.col-highlight {
            background: transparent !important;
            border-left: none;
            border-right: none;
            animation: none !important;
            color: inherit !important;
          }
        }
      `}})]})}])},2012,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(89970),r=e.i(83495);a.default.registerPlugin(r.ScrollTrigger);let o=[{year:2026,pct:25,trackLeft:"12.5%",phase:"Pilot Phase",phaseClass:"yellow",title:"Pilot",desc:"Launch operations in Hyderabad with dedicated EV hubs and MileTruth AI v1.0.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M4.5 16.5c-1.5 1.5-2.5 3.5-2.5 5.5C4 22 6 21 7.5 19.5"}),(0,t.jsx)("path",{d:"M12 12l9-9-9 9z"}),(0,t.jsx)("path",{d:"M12 12c-2.3 2.3-3.4 5.3-3.5 8.5l12-12c-3.2-.1-6.2-1.2-8.5-3.5z"})]}),stats:[{text:"100+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"1 city",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("path",{d:"M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"})})},{text:"10+ women partners",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),(0,t.jsx)("circle",{cx:"9",cy:"7",r:"4"})]})}]},{year:2027,pct:50,trackLeft:"37.5%",phase:"Multi-City",phaseClass:"green",title:"Scale",desc:"Expand to Bengaluru and Chennai, securing key B2B enterprise traction.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16"}),(0,t.jsx)("line",{x1:"8",y1:"12",x2:"16",y2:"12"})]}),stats:[{text:"500+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"3 cities",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("path",{d:"M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"})})},{text:"50+ EVs",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})})}]},{year:2028,pct:75,trackLeft:"62.5%",phase:"Platform",phaseClass:"blue",title:"Expansion",desc:"Scale to 5+ cities. Strengthen regional operations.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"3"}),(0,t.jsx)("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]}),stats:[{text:"5000+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"5+ cities",icon:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,t.jsx)("path",{d:"M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"})})},{text:"100+ women partners",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("polyline",{points:"16 18 22 12 16 6"}),(0,t.jsx)("polyline",{points:"8 6 2 12 8 18"})]})}]},{year:2030,pct:100,trackLeft:"87.5%",phase:"Vision State",phaseClass:"white-pill",title:"AI Pulse Layer",desc:"Nationwide AI logistics grid reaching 15+ cities, empowering female micro-entrepreneurs.",icon:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7z"}),(0,t.jsx)("path",{d:"M3 20h18",strokeWidth:"3"})]}),stats:[{text:"50,000+ orders/day",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,t.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,t.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]})},{text:"50+ cities",icon:(0,t.jsx)("span",{className:"currency-symbol",style:{marginRight:"4px",fontSize:"11px",fontWeight:800},children:"Rs"})},{text:"2,000+ women partners",icon:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,t.jsx)("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),(0,t.jsx)("circle",{cx:"9",cy:"7",r:"4"}),(0,t.jsx)("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87"}),(0,t.jsx)("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"})]})}]}];e.s(["default",0,function(){let[e,a]=(0,i.useState)(2030),r=(0,i.useRef)(null),n=(0,i.useRef)(null);(0,i.useEffect)(()=>{let e;if(!r.current)return;let t=n.current;if(!t)return;let i=t.getContext("2d");if(!i)return;let a=t.width=t.offsetWidth,o=t.height=t.offsetHeight,s=()=>{t&&(a=t.width=t.offsetWidth,o=t.height=t.offsetHeight)};window.addEventListener("resize",s);let l=[{name:"Hyderabad",x:.18,y:.55},{name:"Chennai",x:.42,y:.72},{name:"Bengaluru",x:.64,y:.42},{name:"Mumbai",x:.82,y:.62}],d=[{from:0,to:1,t:0,speed:.005},{from:1,to:2,t:.3,speed:.004},{from:2,to:3,t:.6,speed:.006}],c=()=>{i.clearRect(0,0,a,o),i.lineWidth=1.5,i.setLineDash([6,6]),i.strokeStyle="rgba(220, 38, 38, 0.12)",i.beginPath();for(let e=0;e<l.length-1;e++){let t=l[e].x*a,r=l[e].y*o,n=l[e+1].x*a,s=l[e+1].y*o;i.moveTo(t,r),i.lineTo(n,s)}i.stroke(),i.setLineDash([]),d.forEach(e=>{e.t+=e.speed,e.t>=1&&(e.t=0);let t=l[e.from],r=l[e.to],n=t.x*a,s=t.y*o,d=r.x*a,c=r.y*o,p=n+(d-n)*e.t,x=s+(c-s)*e.t;i.beginPath(),i.arc(p,x,4,0,2*Math.PI),i.fillStyle="#c01227",i.shadowColor="#c01227",i.shadowBlur=10,i.fill(),i.shadowBlur=0}),l.forEach(e=>{let t=e.x*a,r=e.y*o;i.beginPath(),i.arc(t,r,8,0,2*Math.PI),i.fillStyle="rgba(220, 38, 38, 0.08)",i.fill(),i.beginPath(),i.arc(t,r,3,0,2*Math.PI),i.fillStyle="rgba(255, 255, 255, 0.25)",i.fill(),i.fillStyle="rgba(255, 255, 255, 0.12)",i.font="bold 11px 'Manrope', sans-serif",i.textAlign="center",i.fillText(e.name,t,r-14)}),e=requestAnimationFrame(c)};return c(),()=>{window.removeEventListener("resize",s),cancelAnimationFrame(e)}},[]);let s=2026===e?25:2027===e?50:2028===e?75:100,l=2*Math.PI*30;return(0,t.jsx)("div",{ref:r,className:"elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent intelligence-grid-section","data-id":"bbc6760","data-element_type":"container","data-e-type":"container",style:{position:"relative",zIndex:1},children:(0,t.jsxs)("section",{id:"hero",className:"roadmap-hero-section",children:[(0,t.jsx)("canvas",{ref:n,className:"ce-canvas-bg","aria-hidden":"true"}),(0,t.jsx)("div",{className:"roadmap-glow-spot top-left"}),(0,t.jsx)("div",{className:"roadmap-glow-spot bottom-right"}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
          /* Buttery-Smooth Hardware-Accelerated 3D AI Logistics Timeline Styles */
          .roadmap-hero-section {
            position: relative;
            background: #09090b !important;
            /* Match the site-wide wide-band gutter EXACTLY. Measured against the
               footer band (#b29b8fc) and the sibling "Women" band
               (#women-entrepreneurship), both of which sit at a 20px left/right
               gutter. The parent (#bbc6760) contributes no padding here (the
               vendor padding vars resolve to 0), so the band carries the 20px
               gutter itself via calc(100% - 40px) + auto margins:
               at a 1910px viewport this renders left:20 right:1890 width:1870,
               identical to the footer band. */
            width: calc(100% - 40px);
            margin-left: auto;
            margin-right: auto;
            border-radius: 24px;
            padding: 100px 40px;
            box-sizing: border-box;
            font-family: 'Manrope', sans-serif;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: stretch;
          }

          /* Connection Grid Canvas Overlay */
          .ce-canvas-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            opacity: 0.08; 
          }

          /* Spotlights */
          .roadmap-glow-spot {
            position: absolute;
            width: 500px;
            height: 500px;
            border-radius: 50%;
            pointer-events: none;
            filter: blur(140px);
            z-index: 0;
            opacity: 0.05;
          }

          .roadmap-glow-spot.top-left {
            left: -10%;
            top: -10%;
            background: radial-gradient(circle, #C8102E 0%, transparent 70%);
          }

          .roadmap-glow-spot.bottom-right {
            right: -10%;
            bottom: -10%;
            background: radial-gradient(circle, #ff0033 0%, transparent 70%);
          }

          .roadmap-hero-section .container {
            /* Fill the wide section so the timeline + cards span most of the
               available width (no narrow content cap). */
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
            position: relative;
            z-index: 1;
            box-sizing: border-box;
          }

          /* Header Styles */
          .vision-tag-top {
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 3px;
            color: #C8102E;
            text-transform: uppercase;
            margin-bottom: 16px;
            text-align: center;
          }

          .roadmap-hero-section .intelligence-grid-title {
            color: #ffffff !important;
            font-size: clamp(34px, 3.8vw, 54px) !important;
            font-weight: 900 !important;
            line-height: 1.1 !important;
            text-align: center;
            letter-spacing: -1.8px !important;
            margin: 0 0 20px 0 !important;
            text-transform: none !important;
          }

          .roadmap-hero-section .intelligence-grid-title-highlight {
            color: #C8102E !important; 
          }

          .vision-main-subtitle {
            font-size: clamp(16px, 1.4vw, 20px);
            font-weight: 500;
            line-height: 1.5;
            color: #a1a1aa !important;
            text-align: center;
            max-width: 720px;
            margin: 0 auto 60px auto !important;
          }

          /* Glowing 3D Timeline Track - Overflow Visible Guarantees No Halo Cutoffs */
          .roadmap-track-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
            width: 100%;
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.04);
            border-radius: 20px;
            padding: 24px 34px;
            box-sizing: border-box;
            backdrop-filter: blur(8px);
            margin-bottom: 60px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            overflow: visible !important; /* Extremely important to prevent cropping timeline child elements */
          }

          .roadmap-track-label {
            font-size: 13.5px;
            font-weight: 800;
            letter-spacing: 2px;
            color: #71717a;
            white-space: nowrap;
          }

          .timeline-horizontal-wrapper {
            flex: 1 1 auto;
            height: 6px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 3px;
            position: relative;
            display: flex;
            align-items: center;
            overflow: visible !important; /* Critical to let pulsing halo overlay expand outside the 6px wrapper */
          }

          .timeline-horizontal-fill {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background: #C8102E;
            box-shadow: 0 0 12px #C8102E;
            border-radius: 3px;
            transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: width;
          }

          .node-dots-row {
            position: absolute;
            inset: 0;
            pointer-events: none;
            overflow: visible !important; /* Dynamic expansion */
          }

          .node-dot-item {
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #18181b;
            border: 2px solid rgba(255, 255, 255, 0.15);
            transition: border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                        background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                        box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: border-color, background-color, box-shadow;
            overflow: visible !important;
          }

          .node-dot-item.active {
            background: #C8102E;
            border-color: #ffffff;
            box-shadow: 0 0 10px #C8102E;
          }

          /* Pulsing crown node halo - Smoothly decays opacity to 0 to prevent visual pops/blinks */
          .node-pulse-crown {
            position: absolute;
            inset: -4px;
            border-radius: 50%;
            border: 1.5px solid #C8102E;
            animation: node-breather 2s infinite ease-out;
            pointer-events: none;
            box-sizing: border-box;
            overflow: visible !important;
          }

          @keyframes node-breather {
            0% { transform: scale(0.95); opacity: 0.9; }
            80% { opacity: 0.25; }
            100% { transform: scale(1.6); opacity: 0; }
          }

          /* Progress Ring */
          .roadmap-complete-pct-container {
            display: flex;
            align-items: center;
            gap: 12px;
            white-space: nowrap;
          }

          .roadmap-complete-pct {
            font-size: 14px;
            font-weight: 800;
            letter-spacing: 1px;
            color: #C8102E;
            text-transform: uppercase;
          }

          .progress-ring-circle {
            transition: stroke-dashoffset 0.6s cubic-bezier(0.16, 1, 0.3, 1);
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
            stroke: #C8102E;
            filter: drop-shadow(0 0 4px #C8102E);
          }

          /* 4-Column Grid container */
          .roadmap-grid-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            width: 100%;
            box-sizing: border-box;
          }

          /* GPU Hardware-Accelerated Breathtakingly Smooth 3D Floating Cards */
          .roadmap-col-card {
            position: relative;
            background: rgba(255, 255, 255, 0.035);
            border: 1px solid rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(16px);
            border-radius: 20px;
            padding: 30px 24px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                        border-color 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                        background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                        box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            cursor: pointer;
            will-change: transform, box-shadow;
          }

          /* Ultra-Smooth CSS scale and translation lifts on hover */
          .roadmap-col-card:hover {
            transform: translateY(-8px) scale(1.03);
            border-color: rgba(255, 255, 255, 0.15);
            background-color: rgba(255, 255, 255, 0.055);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
          }

          /* Active card highlight state */
          .roadmap-col-card.active {
            border-color: rgba(200, 16, 46, 0.65);
            background: rgba(200, 16, 46, 0.04);
            box-shadow: 0 20px 40px rgba(200, 16, 46, 0.1);
          }

          .card-top-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
          }

          .year-num {
            font-size: 26px;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: -0.5px;
          }

          .card-icon-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.05);
            color: rgba(255, 255, 255, 0.7);
            border: 1px solid rgba(255, 255, 255, 0.08);
          }

          .phase-badge-pill {
            align-self: flex-start;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            padding: 5px 10px;
            border-radius: 6px;
            margin-bottom: 18px;
            letter-spacing: 0.5px;
          }

          .phase-badge-pill.yellow {
            background: rgba(234, 179, 8, 0.12);
            color: #eab308;
            border: 1px solid rgba(234, 179, 8, 0.2);
          }

          .phase-badge-pill.green {
            background: rgba(34, 197, 94, 0.12);
            color: #22c55e;
            border: 1px solid rgba(34, 197, 94, 0.2);
          }

          .phase-badge-pill.blue {
            background: rgba(59, 130, 246, 0.12);
            color: #3b82f6;
            border: 1px solid rgba(59, 130, 246, 0.2);
          }

          .phase-badge-pill.white-pill {
            background: rgba(255, 255, 255, 0.12);
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.2);
          }

          .card-heading {
            font-size: 18px;
            font-weight: 800;
            margin: 0 0 10px 0 !important;
            letter-spacing: -0.3px;
          }

          .card-text {
            font-size: 13.5px;
            line-height: 1.5;
            color: #a1a1aa !important;
            margin: 0 0 20px 0 !important;
          }

          .card-pills-stack {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: auto;
          }

          .card-stat-pill-mini {
            display: flex;
            align-items: center;
            font-size: 12.5px;
            font-weight: 700;
            color: #e4e4e7;
            padding: 8px 12px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
            will-change: transform;
          }

          .roadmap-col-card:hover .card-stat-pill-mini {
            background: rgba(255, 255, 255, 0.06);
            transform: translateY(-2px); 
          }

          /* Special destination: Glowing 2030 AI Pulse Layer card */
          .glowing-vision-card {
            background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(120, 10, 30, 0.98) 100%) !important;
            border: 1px solid rgba(255, 255, 255, 0.15) !important;
            animation: red-breath 4s infinite ease-in-out;
          }

          /* Hover scale override for 2030 vision card */
          .glowing-vision-card:hover {
            transform: translateY(-8px) scale(1.03) !important;
            box-shadow: 0 20px 50px rgba(200, 16, 46, 0.7) !important;
          }

          /* Laser sweeping neon borders on 2030 vision card */
          .glowing-vision-card::after {
            content: "";
            position: absolute;
            inset: -1.5px;
            border-radius: 20px;
            background: linear-gradient(90deg, #C8102E, #ff3366, #ff0033, #C8102E);
            background-size: 300% 100%;
            animation: border-sweep 5s linear infinite;
            z-index: -1;
            opacity: 0.65;
          }

          @keyframes border-sweep {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
          }

          @keyframes red-breath {
            0%, 100% { box-shadow: 0 10px 40px rgba(200, 16, 46, 0.25), inset 0 0 15px rgba(255,255,255,0.05); }
            50% { box-shadow: 0 10px 60px rgba(200, 16, 46, 0.6), inset 0 0 25px rgba(255,255,255,0.1); }
          }

          .glowing-vision-card .card-stat-pill-mini {
            background: rgba(255, 255, 255, 0.08) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
          }

          .glowing-vision-card:hover .card-stat-pill-mini {
            background: rgba(255, 255, 255, 0.14) !important;
          }

          .glowing-vision-card .card-text {
            color: rgba(255, 255, 255, 0.8) !important;
          }

          /* Floating sparks/particles inside the 2030 vision card */
          .ce-sparkle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255, 255, 255, 0.85);
            border-radius: 50%;
            pointer-events: none;
            filter: blur(0.5px);
          }
          .sparkle-1 { left: 15%; bottom: 8%; animation: float-spark 3s infinite ease-in; }
          .sparkle-2 { left: 52%; bottom: 18%; animation: float-spark 4s infinite ease-in; animation-delay: 1.2s; }
          .sparkle-3 { left: 82%; bottom: 12%; animation: float-spark 3.5s infinite ease-in; animation-delay: 2s; }

          @keyframes float-spark {
            0% { transform: translateY(0); opacity: 0; }
            50% { opacity: 0.9; }
            100% { transform: translateY(-70px); opacity: 0; }
          }

          /* Responsive Constraints */
          @media (max-width: 1024px) {
            .roadmap-hero-section {
              width: calc(100% - 40px); /* keep the 20px site-standard band gutter */
              padding: 80px 24px;
            }

            .roadmap-grid-container {
              grid-template-columns: repeat(2, 1fr); 
              gap: 20px;
            }

            .roadmap-track-container {
              padding: 20px 24px;
            }
          }

          @media (max-width: 767px) {
            .intelligence-grid-section {
              --padding-left: 0px !important;
              --padding-right: 0px !important;
              padding-left: 0 !important;
              padding-right: 0 !important;
            }

            .roadmap-hero-section {
              width: calc(100% - 32px) !important;
              max-width: calc(100% - 32px) !important;
              padding: 52px 16px 44px;
              border-radius: 22px !important;
            }
            .vision-main-subtitle { margin-bottom: 40px !important; }

            /* Progress header → compact, centered summary card */
            .roadmap-track-container {
              flex-direction: column;
              align-items: center;
              text-align: center;
              gap: 16px;
              padding: 20px 18px;
              margin-bottom: 36px;
            }
            .roadmap-track-label { font-size: 12px; letter-spacing: 1.5px; }
            .timeline-horizontal-wrapper { width: 100%; }
            .roadmap-complete-pct-container { justify-content: center; }

            /* ── Vertical timeline: the four stacked cards become a connected
               journey (2026 → 2030) with a coloured rail + phase node dots. ── */
            .roadmap-grid-container {
              grid-template-columns: 1fr;
              gap: 18px;
              position: relative;
              padding-left: 32px;
            }
            .roadmap-grid-container::before {
              content: '';
              position: absolute;
              left: 6px;
              top: 16px;
              bottom: 16px;
              width: 2px;
              border-radius: 2px;
              background: linear-gradient(180deg, #eab308 0%, #22c55e 34%, #3b82f6 67%, #C8102E 100%);
              opacity: 0.55;
            }
            .roadmap-col-card { padding: 24px 22px; }
            /* node dot sits on the rail, aligned with the year number */
            .roadmap-col-card::before {
              content: '';
              position: absolute;
              left: -32px;
              top: 28px;
              width: 14px;
              height: 14px;
              border-radius: 50%;
              background: #09090b;
              border: 2px solid #C8102E;
              box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(200, 16, 46, 0.7);
              z-index: 3;
            }
            .roadmap-col-card[data-card="2026"]::before {
              border-color: #eab308;
              box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(234, 179, 8, 0.6);
            }
            .roadmap-col-card[data-card="2027"]::before {
              border-color: #22c55e;
              box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(34, 197, 94, 0.6);
            }
            .roadmap-col-card[data-card="2028"]::before {
              border-color: #3b82f6;
              box-shadow: 0 0 0 4px #09090b, 0 0 12px rgba(59, 130, 246, 0.6);
            }
            .roadmap-col-card[data-card="2030"]::before {
              border-color: #ffffff;
              background: #C8102E;
              box-shadow: 0 0 0 4px #09090b, 0 0 16px rgba(200, 16, 46, 0.9);
            }
            /* the 2030 card's sweeping border (::after) would sit over the rail
               gutter — keep it from bleeding past the card's rounded edge */
            .glowing-vision-card::after { inset: -1px; }
          }

          @media (max-width: 480px) {
            .roadmap-hero-section { padding: 44px 14px 38px; }
            .roadmap-hero-section .intelligence-grid-title { font-size: clamp(28px, 8.4vw, 38px) !important; letter-spacing: -1px !important; }
            .roadmap-grid-container { padding-left: 28px; }
            .roadmap-grid-container::before { left: 5px; }
            .roadmap-col-card { padding: 22px 18px; }
            .roadmap-col-card::before { left: -28px; top: 26px; }
            .year-num { font-size: 23px; }
            .card-heading { font-size: 16px; }
            .card-text { font-size: 13px; }
          }
        `}}),(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)("div",{className:"vision-tag-top",children:"VISION / 2030"}),(0,t.jsx)("div",{className:"elementor-element elementor-element-54d05ac elementor-widget elementor-widget-logico_heading","data-id":"54d05ac","data-element_type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsxs)("div",{className:"elementor-widget-container",children:[(0,t.jsxs)("h3",{className:"logico-title intelligence-grid-title",children:["The ",(0,t.jsx)("span",{className:"intelligence-grid-title-highlight",children:"Intelligence Grid"})," Behind Every Urban Mile"]}),(0,t.jsx)("p",{className:"vision-main-subtitle",children:"From Hyderabad EV pilot to nationwide AI logistics intelligence by 2030"})]})}),(0,t.jsxs)("div",{className:"roadmap-track-container",children:[(0,t.jsx)("span",{className:"roadmap-track-label",children:"ROADMAP TO 2030"}),(0,t.jsxs)("div",{className:"timeline-horizontal-wrapper",children:[(0,t.jsx)("div",{className:"timeline-horizontal-line"}),(0,t.jsx)("div",{className:"timeline-horizontal-fill",style:{width:2026===e?"12.5%":2027===e?"37.5%":2028===e?"62.5%":"87.5%"}}),(0,t.jsx)("div",{className:"node-dots-row",children:o.map(i=>(0,t.jsx)("div",{className:`node-dot-item ${e>=i.year?"active":""}`,style:{left:i.trackLeft},children:e===i.year&&(0,t.jsx)("div",{className:"node-pulse-crown"})},i.year))})]}),(0,t.jsxs)("div",{className:"roadmap-complete-pct-container",children:[(0,t.jsxs)("span",{className:"roadmap-complete-pct",children:[s,"% COMPLETE →"]}),(0,t.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 80 80",children:[(0,t.jsx)("circle",{cx:"40",cy:"40",r:"30",fill:"none",stroke:"rgba(255,255,255,0.06)",strokeWidth:"6"}),(0,t.jsx)("circle",{className:"progress-ring-circle",cx:"40",cy:"40",r:"30",fill:"none",strokeWidth:"6",strokeDasharray:l,strokeDashoffset:l*(1-s/100),strokeLinecap:"round"})]})]})]}),(0,t.jsx)("div",{className:"roadmap-grid-container",children:o.map(i=>{let r=2030===i.year,o=e===i.year;return(0,t.jsxs)("div",{onMouseEnter:()=>a(i.year),onClick:()=>a(i.year),className:`roadmap-col-card ${r?"glowing-vision-card":""} ${o?"active":""}`,"data-card":i.year,children:[r&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"ce-sparkle sparkle-1"}),(0,t.jsx)("span",{className:"ce-sparkle sparkle-2"}),(0,t.jsx)("span",{className:"ce-sparkle sparkle-3"})]}),(0,t.jsxs)("div",{className:"card-top-row",children:[(0,t.jsx)("span",{className:"year-num",children:i.year}),(0,t.jsx)("div",{className:`card-icon-badge ${r?"translucent-white":""}`,children:i.icon})]}),(0,t.jsx)("span",{className:`phase-badge-pill ${i.phaseClass}`,children:i.phase}),(0,t.jsx)("h5",{className:"card-heading",style:{color:"white"},children:i.title}),(0,t.jsx)("p",{className:"card-text",children:i.desc}),(0,t.jsx)("div",{className:"card-pills-stack",children:i.stats.map((e,i)=>(0,t.jsxs)("div",{className:`card-stat-pill-mini ${r?"translucent-crimson":""}`,children:[e.icon,(0,t.jsx)("span",{children:e.text})]},i))})]},i.year)})})]})]})})}])}]);