1288 lines
110 KiB
JavaScript
1288 lines
110 KiB
JavaScript
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,36202,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),a=e.i(2018);e.s(["default",0,function(){let[e,n]=(0,r.useState)(0),o=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=setInterval(()=>{n(e=>+(0===e))},7e3);return()=>clearInterval(e)},[]),(0,r.useEffect)(()=>{if(!o.current)return;let e=o.current.querySelector(".owl-item.active");if(!e)return;let t=e.querySelector(".heading-content"),r=e.querySelector(".text-content"),a=e.querySelector(".wings-hero-actions"),n=[t,r,a].filter(Boolean);if(n.length){if(i.default.killTweensOf(n),window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return void i.default.set(n,{y:0,opacity:1,scale:1});t&&i.default.fromTo(t,{y:55,opacity:0,scale:.95},{y:0,opacity:1,scale:1,duration:1.1,ease:"power4.out"}),r&&i.default.fromTo(r,{y:30,opacity:0},{y:0,opacity:1,duration:.95,ease:"power3.out",delay:.25}),a&&i.default.fromTo(a,{y:24,opacity:0},{y:0,opacity:1,duration:.85,ease:"power3.out",delay:.38})}},[e]);let s=e=>{n(e)},l=()=>{n(e=>+(0===e))};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("link",{rel:"preload",as:"image",href:"/images/wings-heroslider4.png"}),(0,t.jsx)("link",{rel:"preload",as:"image",href:"/images/wings-heroslide2.png"}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wings-hero-bg.elementor-repeater-item-3264830,
|
||
.wings-hero-bg.elementor-repeater-item-6867061 {
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslider4.png') !important;
|
||
background-position: center !important;
|
||
background-repeat: no-repeat !important;
|
||
background-size: cover !important;
|
||
}
|
||
|
||
.wings-hero-bg.elementor-repeater-item-6867061 {
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslide2.png') !important;
|
||
}
|
||
|
||
#doormile-wings,
|
||
#doormile-wings .content,
|
||
#doormile-wings .content-inner,
|
||
#doormile-wings .elementor {
|
||
max-width: 100vw !important;
|
||
overflow-x: hidden !important;
|
||
}
|
||
|
||
.wings-hero-page,
|
||
.wings-hero-page .elementor-widget-container,
|
||
.wings-hero-page .logico-content-slider-widget,
|
||
.wings-hero-page .content-slider-wrapper,
|
||
.wings-hero-page .content-slider-container,
|
||
.wings-hero-page .content-slider,
|
||
.wings-hero-page .owl-stage-outer,
|
||
.wings-hero-page .owl-stage,
|
||
.wings-hero-page .owl-item,
|
||
.wings-hero-page .slider-item,
|
||
.wings-hero-page .slide-content,
|
||
.wings-hero-page .slide-content-inner {
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
padding: 0 !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
max-width: 1000px !important;
|
||
margin: 0 auto !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading,
|
||
.wings-hero-page .content-slider-item-heading .heading-content {
|
||
text-align: center !important;
|
||
display: block !important;
|
||
width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading {
|
||
font-size: clamp(30px, 5.5vw, 80px) !important;
|
||
line-height: 1.05 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text {
|
||
display: flex !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin-top: 23px !important;
|
||
}
|
||
|
||
.wings-hero-page .text-content {
|
||
text-align: center !important;
|
||
max-width: 680px !important;
|
||
width: 100% !important;
|
||
margin: 0 auto !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
box-sizing: border-box !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text p {
|
||
font-size: clamp(16px, 1.35vw, 23px) !important;
|
||
line-height: 1.65 !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
gap: 16px;
|
||
margin-top: 30px;
|
||
position: relative;
|
||
z-index: 5;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.wings-hero-actions .logico-alter-button {
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.wings-mobile-break {
|
||
display: none;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary,
|
||
.wings-hero-page a.wings-hero-secondary {
|
||
--logico-button-text-color: #ffffff;
|
||
--logico-button-border-color: rgba(255, 255, 255, 0.72);
|
||
--logico-button-background-color: rgba(255, 255, 255, 0);
|
||
--logico-button-text-hover: #ffffff;
|
||
--logico-button-border-hover: #c01227;
|
||
--logico-button-background-hover: #c01227;
|
||
--logico-button-icon-hover: #ffffff;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary {
|
||
--logico-button-border-color: #c01227;
|
||
--logico-button-background-color: #c01227;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary:hover,
|
||
.wings-hero-page a.wings-hero-secondary:hover {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
padding: 20px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||
height: 800px !important;
|
||
min-height: 800px !important;
|
||
border-radius: 24px !important;
|
||
overflow: hidden !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
--padding-top: 0px !important;
|
||
--padding-block-start: 0px !important;
|
||
padding: 0 10px 10px 10px !important;
|
||
overflow: hidden !important;
|
||
border-radius: 25px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-stage-outer {
|
||
height: 600px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||
width: 100% !important;
|
||
min-height: 600px !important;
|
||
height: 600px !important;
|
||
border-radius: 25px !important;
|
||
overflow: hidden !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content {
|
||
min-height: 600px !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
width: 100vw !important;
|
||
--padding-top: 0px !important;
|
||
--padding-block-start: 0px !important;
|
||
padding: 0 10px 10px 10px !important;
|
||
border-radius: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content,
|
||
.wings-hero-page .slide-content-inner {
|
||
width: calc(100vw - 20px) !important;
|
||
max-width: calc(100vw - 20px) !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
margin-left: 0 !important;
|
||
margin-right: auto !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-stage-outer {
|
||
height: 520px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item,
|
||
.wings-hero-page .slide-content {
|
||
min-height: 520px !important;
|
||
height: 520px !important;
|
||
border-radius: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading {
|
||
max-width: 100% !important;
|
||
font-size: clamp(20px, 7vw, 32px) !important;
|
||
line-height: 1.12 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text p {
|
||
font-size: 14px !important;
|
||
line-height: 1.58 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text,
|
||
.wings-hero-page .text-content {
|
||
max-width: min(280px, calc(100vw - 70px)) !important;
|
||
width: min(280px, calc(100vw - 70px)) !important;
|
||
}
|
||
|
||
.wings-hero-actions {
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
margin-top: 18px;
|
||
}
|
||
|
||
.wings-hero-actions .logico-alter-button {
|
||
min-width: 0 !important;
|
||
width: 190px !important;
|
||
padding: 0.78em 3.7em 0.78em 1.35em !important;
|
||
min-height: 42px !important;
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.wings-mobile-break {
|
||
display: block;
|
||
}
|
||
|
||
.wings-hero-page .slider-footer {
|
||
text-align: right !important;
|
||
margin-bottom: 24px !important;
|
||
}
|
||
|
||
.wings-hero-page .slider-footer .slider-pagination {
|
||
justify-content: flex-end !important;
|
||
margin-left: 22px !important;
|
||
margin-right: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-dots,
|
||
.wings-hero-page .owl-nav {
|
||
display: none !important;
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("div",{className:"wings-hero-page 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)("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:o,children:[(0,t.jsx)("div",{className:"owl-stage-outer",style:{position:"relative",overflow:"hidden",height:"800px"},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 wings-hero-bg",children:(0,t.jsx)("div",{className:"slide-content",children:(0,t.jsxs)("div",{className:"slide-content-inner",children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,t.jsxs)("span",{className:"heading-content",children:["Where Quick Commerce",(0,t.jsx)("br",{}),(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"Meets Quick Logistics"})]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,t.jsx)("div",{className:"text-content",children:(0,t.jsx)("p",{children:"MileTruth™ AI forecasts demand, protects promises, and coordinates every handoff from runway to doorstep."})})})]})})})}),(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 wings-hero-bg",children:(0,t.jsx)("div",{className:"slide-content",children:(0,t.jsxs)("div",{className:"slide-content-inner",children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,t.jsxs)("span",{className:"heading-content",children:["Doormile Wings",(0,t.jsx)("br",{}),(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"Same-Day Air"}),(0,t.jsx)("br",{className:"wings-mobile-break"})," ",(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"Logistics"})]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,t.jsx)("div",{className:"text-content",children:(0,t.jsx)("p",{children:"Linking India's major regional capitals with AI-powered air movement and zero-emission EV last-mile transport."})})})]})})})})]})}),(0,t.jsxs)("div",{className:"owl-nav",children:[(0,t.jsx)("button",{type:"button",className:"owl-next",onClick:l,"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,t.jsx)("button",{type:"button",className:"owl-prev",onClick:l,"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",gap:"10px"},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",role:"button",className:`owl-dot ${0===e?"active":""}`,onClick:()=>s(0),children:(0,t.jsx)("span",{})}),(0,t.jsx)("button",{type:"button",role:"button",className:`owl-dot ${1===e?"active":""}`,onClick:()=>s(1),children:(0,t.jsx)("span",{})})]})]})})})]})})})})})})})]})}])},63061,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),a=e.i(83495),n=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig,o=/(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig,s=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig,l=/(^[#\.][a-z]|[a-y][a-z])/i,c=Math.PI/180,d=180/Math.PI,p=Math.sin,h=Math.cos,g=Math.abs,m=Math.sqrt,f=Math.atan2,u=function(e){return"string"==typeof e},x=function(e){return"number"==typeof e},w={},b={},v=function(e){return Math.round((e+1e8)%1*1e5)/1e5||(e<0?0:1)},y=function(e){return Math.round(1e5*e)/1e5||0},j=function(e){return Math.round(1e10*e)/1e10||0},k=function(e){return e.closed=.001>Math.abs(e[0]-e[e.length-2])&&.001>Math.abs(e[1]-e[e.length-1])},N=function(e,t,r,i){var a=e[t],n=1===i?6:W(a,r,i);if((n||!i)&&n+r+2<a.length)return e.splice(t,0,a.slice(0,r+n+2)),a.splice(0,r+n),1},M=function(e,t,r){var i=e.length,a=~~(r*i);if(e[a]>t){for(;--a&&e[a]>t;);a<0&&(a=0)}else for(;e[++a]<t&&a<i;);return a<i?a:i-1},L=function(e,t){var r=e.length;for(t||e.reverse();r--;)e[r].reversed||function(e){var t,r=0;for(e.reverse();r<e.length;r+=2)t=e[r],e[r]=e[r+1],e[r+1]=t;e.reversed=!e.reversed}(e[r])},_=function(e,t){return t.totalLength=e.totalLength,e.samples?(t.samples=e.samples.slice(0),t.lookup=e.lookup.slice(0),t.minLength=e.minLength,t.resolution=e.resolution):e.totalPoints&&(t.totalPoints=e.totalPoints),t},S=function(e,t){var r=e.length,i=e[r-1]||[],a=i.length;r&&t[0]===i[a-2]&&t[1]===i[a-1]&&(t=i.concat(t.slice(2)),r--),e[r]=t};function C(e){var t,r=(e=u(e)&&l.test(e)&&document.querySelector(e)||e).getAttribute?e:0;return r&&(e=e.getAttribute("d"))?(r._gsPath||(r._gsPath={}),(t=r._gsPath[e])&&!t._dirty?t:r._gsPath[e]=$(e)):e?u(e)?$(e):x(e[0])?[e]:e:console.warn("Expecting a <path> element or an SVG path data string")}var P=function(e,t){var r,i=document.createElementNS("http://www.w3.org/2000/svg","path"),a=[].slice.call(e.attributes),n=a.length;for(t=","+t+",";--n>-1;)r=a[n].nodeName.toLowerCase(),0>t.indexOf(","+r+",")&&i.setAttributeNS(null,r,a[n].nodeValue);return i},z={rect:"rx,ry,x,y,width,height",circle:"r,cx,cy",ellipse:"rx,ry,cx,cy",line:"x1,x2,y1,y2"},I=function(e,t){for(var r=t?t.split(","):[],i={},a=r.length;--a>-1;)i[r[a]]=+e.getAttribute(r[a])||0;return i};function T(e,t,r){var i,a=e[t],n=e[t+2],o=e[t+4];return a+=(n-a)*r,n+=(o-n)*r,a+=(n-a)*r,i=n+(o+(e[t+6]-o)*r-n)*r-a,a=e[t+1],n=e[t+3],o=e[t+5],a+=(n-a)*r,n+=(o-n)*r,a+=(n-a)*r,y(f(n+(o+(e[t+7]-o)*r-n)*r-a,i)*d)}function R(e,t,r){var i=Math.max(0,~~(g((r=void 0===r?1:j(r)||0)-(t=j(t)||0))-1e-8)),a=function(e){for(var t=[],r=0;r<e.length;r++)t[r]=_(e[r],e[r].slice(0));return _(e,t)}(e);if(t>r&&(t=1-t,r=1-r,L(a),a.totalLength=0),t<0||r<0){var n=Math.abs(~~Math.min(t,r))+1;t+=n,r+=n}a.totalLength||A(a);var o,s,l,c,d,p,h,m,f=r>1,u=B(a,t,w,!0),x=B(a,r,b),v=x.segment,y=u.segment,k=x.segIndex,M=u.segIndex,C=x.i,P=u.i,z=M===k,I=C===P&&z;if(f||i){for(o=k<M||z&&C<P||I&&x.t<u.t,N(a,M,P,u.t)&&(M++,!o&&(k++,I?(x.t=(x.t-u.t)/(1-u.t),C=0):z&&(C-=P))),1e-5>Math.abs(1-(r-t))?k=M-1:!x.t&&k?k--:N(a,k,C,x.t)&&o&&M++,1===u.t&&(M=(M+1)%a.length),d=[],h=1+(p=a.length)*i,m=M,h+=(p-M+k)%p,c=0;c<h;c++)S(d,a[m++%p]);a=d}else if(l=1===x.t?6:W(v,C,x.t),t!==r)for(s=W(y,P,I?u.t/x.t:u.t),z&&(l+=s),v.splice(C+l+2),(s||P)&&y.splice(0,P+s),c=a.length;c--;)(c<M||c>k)&&a.splice(c,1);else v.angle=T(v,C+l,0),C+=l,u=v[C],x=v[C+1],v.length=v.totalLength=0,v.totalPoints=a.totalPoints=8,v.push(u,x,u,x,u,x,u,x);return a.totalLength=0,a}function A(e,t){var r,i,a;for(a=r=i=0;a<e.length;a++)e[a].resolution=~~t||12,r+=function(e,t){t=t||0,e.samples||(e.samples=[],e.lookup=[]);var r,i,a,n,o,s,l,c,d,p,h,f,u,x,w,b,v,y=~~e.resolution||12,j=1/y,k=e.length,N=e[t],M=e[t+1],L=t?t/6*y:0,_=e.samples,S=e.lookup,C=(t?e.minLength:1e8)||1e8,P=_[L+(void 0)*y-1],z=t?_[L-1]:0;for(_.length=S.length=0,i=t+2;i<k;i+=6){if(a=e[i+4]-N,n=e[i+2]-N,o=e[i]-N,c=e[i+5]-M,d=e[i+3]-M,p=e[i+1]-M,s=l=h=f=0,.01>g(a)&&.01>g(c)&&g(o)+g(p)<.01)e.length>8&&(e.splice(i,6),i-=6,k-=6);else for(r=1;r<=y;r++)u=1-(x=j*r),s=l-(l=(x*x*a+3*u*(x*n+u*o))*x),(b=m((h=f-(f=(x*x*c+3*u*(x*d+u*p))*x))*h+s*s))<C&&(C=b),z+=b,_[L++]=z;N+=a,M+=c}if(P)for(P-=z;L<_.length;L++)_[L]+=P;if(_.length&&C){if(e.totalLength=v=_[_.length-1]||0,e.minLength=C,v/C<9999)for(r=0,b=w=0;r<v;r+=C)S[b++]=_[w]<r?++w:w}else e.totalLength=_[0]=0;return t?z-_[t/2-1]:z}(e[a]),i+=e[a].length;return e.totalPoints=i,e.totalLength=r,e}function W(e,t,r){if(r<=0||r>=1)return 0;var i=e[t],a=e[t+1],n=e[t+2],o=e[t+3],s=e[t+4],l=e[t+5],c=e[t+6],d=e[t+7],p=i+(n-i)*r,h=n+(s-n)*r,g=a+(o-a)*r,m=o+(l-o)*r,f=p+(h-p)*r,u=g+(m-g)*r,x=s+(c-s)*r,w=l+(d-l)*r;return h+=(x-h)*r,m+=(w-m)*r,e.splice(t+2,4,y(p),y(g),y(f),y(u),y(f+(h-f)*r),y(u+(m-u)*r),y(h),y(m),y(x),y(w)),e.samples&&e.samples.splice(t/6*e.resolution|0,0,0,0,0,0,0,0),6}function B(e,t,r,i){r=r||{},e.totalLength||A(e),(t<0||t>1)&&(t=v(t));var a,n,o,s,l,c,d,p=0,h=e[0];if(t)if(1===t)d=1,p=e.length-1,c=(h=e[p]).length-8;else{if(e.length>1){for(o=e.totalLength*t,l=c=0;(l+=e[c++].totalLength)<o;)p=c;t=(o-(s=l-(h=e[p]).totalLength))/(l-s)||0}a=h.samples,n=h.resolution,o=h.totalLength*t,s=(c=h.lookup.length?h.lookup[~~(o/h.minLength)]||0:M(a,o,t))?a[c-1]:0,(l=a[c])<o&&(s=l,l=a[++c]),d=1/n*((o-s)/(l-s)+c%n),c=6*~~(c/n),i&&1===d&&(c+6<h.length?(c+=6,d=0):p+1<e.length&&(c=d=0,h=e[++p]))}else d=c=p=0,h=e[0];return r.t=d,r.i=c,r.path=e,r.segment=h,r.segIndex=p,r}function H(e,t,r,i){var a,n,o,s,l,c,d,p,h,g=e[0],m=i||{};if((t<0||t>1)&&(t=v(t)),g.lookup||A(e),e.length>1){for(o=e.totalLength*t,l=c=0;(l+=e[c++].totalLength)<o;)g=e[c];t=(o-(s=l-g.totalLength))/(l-s)||0}return a=g.samples,n=g.resolution,o=g.totalLength*t,s=(c=g.lookup.length?g.lookup[t<1?~~(o/g.minLength):g.lookup.length-1]||0:M(a,o,t))?a[c-1]:0,(l=a[c])<o&&(s=l,l=a[++c]),h=1-(d=1/n*((o-s)/(l-s)+c%n)||0),p=g[c=6*~~(c/n)],m.x=y((d*d*(g[c+6]-p)+3*h*(d*(g[c+4]-p)+h*(g[c+2]-p)))*d+p),m.y=y((d*d*(g[c+7]-(p=g[c+1]))+3*h*(d*(g[c+5]-p)+h*(g[c+3]-p)))*d+p),r&&(m.angle=g.totalLength?T(g,c,d>=1?1-1e-9:d||1e-9):g.angle||0),m}function O(e,t,r,i,a,n,o){for(var s,l,c,d,p,h=e.length;--h>-1;)for(c=0,l=(s=e[h]).length;c<l;c+=2)d=s[c],p=s[c+1],s[c]=d*t+p*i+n,s[c+1]=d*r+p*a+o;return e._dirty=1,e}function $(e){var t,r,i,a,o,l,d,f,u,x,w,b,v,y,j,N=(e+"").replace(s,function(e){var t=+e;return t<1e-4&&t>-1e-4?0:t}).match(n)||[],M=[],L=0,_=0,S=2/3,C=N.length,P=0,z="ERROR: malformed path: "+e,I=function(e,t,r,i){x=(r-e)/3,w=(i-t)/3,d.push(e+x,t+w,r-x,i-w,r,i)};if(!e||!isNaN(N[0])||isNaN(N[1]))return console.log(z),M;for(t=0;t<C;t++)if(v=o,isNaN(N[t])?l=(o=N[t].toUpperCase())!==N[t]:t--,i=+N[t+1],a=+N[t+2],l&&(i+=L,a+=_),t||(f=i,u=a),"M"===o)d&&(d.length<8?M.length-=1:P+=d.length,k(d)),L=f=i,_=u=a,d=[i,a],M.push(d),t+=2,o="L";else if("C"===o)d||(d=[0,0]),l||(L=_=0),d.push(i,a,L+ +N[t+3],_+ +N[t+4],L+=+N[t+5],_+=+N[t+6]),t+=6;else if("S"===o)x=L,w=_,("C"===v||"S"===v)&&(x+=L-d[d.length-4],w+=_-d[d.length-3]),l||(L=_=0),d.push(x,w,i,a,L+=+N[t+3],_+=+N[t+4]),t+=4;else if("Q"===o)x=L+(i-L)*S,w=_+(a-_)*S,l||(L=_=0),L+=+N[t+3],_+=+N[t+4],d.push(x,w,L+(i-L)*S,_+(a-_)*S,L,_),t+=4;else if("T"===o)x=L-d[d.length-4],w=_-d[d.length-3],d.push(L+x,_+w,i+(L+1.5*x-i)*S,a+(_+1.5*w-a)*S,L=i,_=a),t+=2;else if("H"===o)I(L,_,L=i,_),t+=1;else if("V"===o)I(L,_,L,_=i+(l?_-L:0)),t+=1;else if("L"===o||"Z"===o)"Z"===o&&(i=f,a=u,d.closed=!0),("L"===o||g(L-i)>.5||g(_-a)>.5)&&(I(L,_,i,a),"L"===o&&(t+=2)),L=i,_=a;else if("A"===o){if(y=N[t+4],j=N[t+5],x=N[t+6],w=N[t+7],r=7,y.length>1&&(y.length<3?(w=x,x=j,r--):(w=j,x=y.substr(2),r-=2),j=y.charAt(1),y=y.charAt(0)),b=function(e,t,r,i,a,n,o,s,l){if(e!==s||t!==l){r=g(r),i=g(i);var d=a%360*c,f=h(d),u=p(d),x=Math.PI,w=2*x,b=(e-s)/2,v=(t-l)/2,y=f*b+u*v,j=-u*b+f*v,k=y*y,N=j*j,M=k/(r*r)+N/(i*i);M>1&&(r=m(M)*r,i=m(M)*i);var L=r*r,_=i*i,S=(L*_-L*N-_*k)/(L*N+_*k);S<0&&(S=0);var C=(n===o?-1:1)*m(S),P=r*j/i*C,z=-(i*y/r*C),I=(e+s)/2+(f*P-u*z),T=(t+l)/2+(u*P+f*z),R=(y-P)/r,A=(j-z)/i,W=(-y-P)/r,B=(-j-z)/i,H=R*R+A*A,O=(A<0?-1:1)*Math.acos(R/m(H)),$=(R*B-A*W<0?-1:1)*Math.acos((R*W+A*B)/m(H*(W*W+B*B)));isNaN($)&&($=x),!o&&$>0?$-=w:o&&$<0&&($+=w),O%=w;var E,D=Math.ceil(g($%=w)/(w/4)),F=[],G=$/D,V=4/3*p(G/2)/(1+h(G/2)),Y=f*r,q=u*r,U=-(u*i),X=f*i;for(E=0;E<D;E++)y=h(a=O+E*G),j=p(a),R=h(a+=G),A=p(a),F.push(y-V*j,j+V*y,R+V*A,A-V*R,R,A);for(E=0;E<F.length;E+=2)y=F[E],j=F[E+1],F[E]=y*Y+j*U+I,F[E+1]=y*q+j*X+T;return F[E-2]=s,F[E-1]=l,F}}(L,_,+N[t+1],+N[t+2],+N[t+3],+y,+j,(l?L:0)+ +x,(l?_:0)+ +w),t+=r,b)for(r=0;r<b.length;r++)d.push(b[r]);L=d[d.length-2],_=d[d.length-1]}else console.log(z);return(t=d.length)<6?(M.pop(),t=0):k(d),M.totalPoints=P+t,M}function E(e,t){1e-4>g(e[0]-e[2])&&1e-4>g(e[1]-e[3])&&(e=e.slice(2));var r,i,a,n,o,s,l,c,d,p,h,f,u,x,w,b=e.length-2,v=+e[0],j=+e[1],k=+e[2],N=+e[3],M=[v,j,v,j],L=k-v,_=N-j,S=e.nonSmooth||[],C=.001>Math.abs(e[b]-v)&&.001>Math.abs(e[b+1]-j);if(!b)return[v,j,v,j,v,j,v,j];for(C&&(e.push(k,N),k=v,N=j,v=e[b-2],j=e[b-1],e.unshift(v,j),b+=4,S=[0,0].concat(S)),t=t||0===t?+t:1,a=2;a<b;a+=2)if(r=v,i=j,v=k,j=N,k=+e[a+2],N=+e[a+3],v!==k||j!==N){if(n=L,o=_,L=k-v,_=N-j,S[a]){M.push(v-(v-r)/4,j-(j-i)/4,v,j,v+(k-v)/4,j+(N-j)/4);continue}s=m(n*n+o*o),l=m(L*L+_*_),c=m(Math.pow(L/l+n/s,2)+Math.pow(_/l+o/s,2)),d=(s+l)*t*.25/c,p=v-(v-r)*(s?d/s:0),h=v+(k-v)*(l?d/l:0),f=v-(p+((h-p)*(3*s/(s+l)+.5)/4||0)),u=j-(j-i)*(s?d/s:0),x=j+(N-j)*(l?d/l:0),w=j-(u+((x-u)*(3*s/(s+l)+.5)/4||0)),M.push(y(p+f),y(u+w),y(v),y(j),y(h+f),y(x+w))}return v!==k||j!==N||M.length<4?M.push(y(k),y(N),y(k),y(N)):M.length-=2,2===M.length?M.push(v,j,v,j,v,j):C&&(M.splice(0,6),M.length-=6),M.closed=C,M}function D(e){x(e[0])&&(e=[e]);var t,r,i,a,n="",o=e.length;for(r=0;r<o;r++){for(n+="M"+y((a=e[r])[0])+","+y(a[1])+" C",t=a.length,i=2;i<t;i++)n+=y(a[i++])+","+y(a[i++])+" "+y(a[i++])+","+y(a[i++])+" "+y(a[i++])+","+y(a[i])+" ";a.closed&&(n+="z")}return n}var F,G,V,Y,q,U,X,Z,K,Q="transform",J=Q+"Origin",ee=function(e){var t=e.ownerDocument||e;for(!(Q in e.style)&&("msTransform"in e.style)&&(J=(Q="msTransform")+"Origin");t.parentNode&&(t=t.parentNode););if(G=window,X=new ed,t){F=t,V=t.documentElement,Y=t.body,(Z=F.createElementNS("http://www.w3.org/2000/svg","g")).style.transform="none";var r=t.createElement("div"),i=t.createElement("div"),a=t&&(t.body||t.firstElementChild);a&&a.appendChild&&(a.appendChild(r),r.appendChild(i),r.style.position="static",r.style.transform="translate3d(0,0,1px)",K=i.offsetParent!==r,a.removeChild(r))}return t},et=function(e){for(var t,r;e&&e!==Y;)(r=e._gsap)&&r.uncache&&r.get(e,"x"),r&&!r.scaleX&&!r.scaleY&&r.renderTransform&&(r.scaleX=r.scaleY=1e-4,r.renderTransform(1,r),t?t.push(r):t=[r]),e=e.parentNode;return t},er=[],ei=[],ea=function(e){return e.ownerSVGElement||("svg"===(e.tagName+"").toLowerCase()?e:null)},en=function e(t,r){if(t.parentNode&&(F||ee(t))){var i=ea(t),a=i?i.getAttribute("xmlns")||"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",n=i?r?"rect":"g":"div",o=100*(2===r),s=100*(3===r),l={position:"absolute",display:"block",pointerEvents:"none",margin:"0",padding:"0"},c=F.createElementNS?F.createElementNS(a.replace(/^https/,"http"),n):F.createElement(n);return r&&(i?(U||(U=e(t)),c.setAttribute("width",.01),c.setAttribute("height",.01),c.setAttribute("transform","translate("+o+","+s+")"),c.setAttribute("fill","transparent"),U.appendChild(c)):(q||Object.assign((q=e(t)).style,l),Object.assign(c.style,l,{width:"0.1px",height:"0.1px",top:s+"px",left:o+"px"}),q.appendChild(c))),c}throw"Need document and parent."},eo=function(e){for(var t=new ed,r=0;r<e.numberOfItems;r++)t.multiply(e.getItem(r).matrix);return t},es=function(e){var t,r=e.getCTM();return r||(t=e.style[Q],e.style[Q]="none",e.appendChild(Z),r=Z.getCTM(),e.removeChild(Z),t?e.style[Q]=t:e.style.removeProperty(Q.replace(/([A-Z])/g,"-$1").toLowerCase())),r||X.clone()},el=function(e,t){var r,i,a,n,o,s,l=ea(e),c=e===l,d=l?er:ei,p=e.parentNode,h=p&&!l&&p.shadowRoot&&p.shadowRoot.appendChild?p.shadowRoot:p;if(e===G)return e;if(d.length||d.push(en(e,1),en(e,2),en(e,3)),r=l?U:q,l)c?(n=-(a=es(e)).e/a.a,o=-a.f/a.d,i=X):e.getBBox?(a=e.getBBox(),n=(i=(i=e.transform?e.transform.baseVal:{}).numberOfItems?i.numberOfItems>1?eo(i):i.getItem(0).matrix:X).a*a.x+i.c*a.y,o=i.b*a.x+i.d*a.y):(i=new ed,n=o=0),t&&"g"===e.tagName.toLowerCase()&&(n=o=0),(c||!e.getBoundingClientRect().width?l:p).appendChild(r),r.setAttribute("transform","matrix("+i.a+","+i.b+","+i.c+","+i.d+","+(i.e+n)+","+(i.f+o)+")");else{if(n=o=0,K)for(i=e.offsetParent,a=e;a&&(a=a.parentNode)&&a!==i&&a.parentNode;)(G.getComputedStyle(a)[Q]+"").length>4&&(n=a.offsetLeft,o=a.offsetTop,a=0);if("absolute"!==(s=G.getComputedStyle(e)).position&&"fixed"!==s.position)for(i=e.offsetParent;p&&p!==i;)n+=p.scrollLeft||0,o+=p.scrollTop||0,p=p.parentNode;(a=r.style).top=e.offsetTop-o+"px",a.left=e.offsetLeft-n+"px",a[Q]=s[Q],a[J]=s[J],a.position="fixed"===s.position?"fixed":"absolute",h.appendChild(r)}return r},ec=function(e,t,r,i,a,n,o){return e.a=t,e.b=r,e.c=i,e.d=a,e.e=n,e.f=o,e},ed=function(){function e(e,t,r,i,a,n){void 0===e&&(e=1),void 0===t&&(t=0),void 0===r&&(r=0),void 0===i&&(i=1),void 0===a&&(a=0),void 0===n&&(n=0),ec(this,e,t,r,i,a,n)}var t=e.prototype;return t.inverse=function(){var e=this.a,t=this.b,r=this.c,i=this.d,a=this.e,n=this.f,o=e*i-t*r||1e-10;return ec(this,i/o,-t/o,-r/o,e/o,(r*n-i*a)/o,-(e*n-t*a)/o)},t.multiply=function(e){var t=this.a,r=this.b,i=this.c,a=this.d,n=this.e,o=this.f,s=e.a,l=e.c,c=e.b,d=e.d,p=e.e,h=e.f;return ec(this,s*t+c*i,s*r+c*a,l*t+d*i,l*r+d*a,n+p*t+h*i,o+p*r+h*a)},t.clone=function(){return new e(this.a,this.b,this.c,this.d,this.e,this.f)},t.equals=function(e){var t=this.a,r=this.b,i=this.c,a=this.d,n=this.e,o=this.f;return t===e.a&&r===e.b&&i===e.c&&a===e.d&&n===e.e&&o===e.f},t.apply=function(e,t){void 0===t&&(t={});var r=e.x,i=e.y,a=this.a,n=this.b,o=this.c,s=this.d,l=this.e,c=this.f;return t.x=r*a+i*o+l||0,t.y=r*n+i*s+c||0,t},e}();function ep(e,t,r,i){if(!e||!e.parentNode||(F||ee(e)).documentElement===e)return new ed;var a=et(e),n=ea(e)?er:ei,o=el(e,r),s=n[0].getBoundingClientRect(),l=n[1].getBoundingClientRect(),c=n[2].getBoundingClientRect(),d=o.parentNode,p=!i&&function e(t){return"fixed"===G.getComputedStyle(t).position||((t=t.parentNode)&&1===t.nodeType?e(t):void 0)}(e),h=new ed((l.left-s.left)/100,(l.top-s.top)/100,(c.left-s.left)/100,(c.top-s.top)/100,s.left+(p?0:G.pageXOffset||F.scrollLeft||V.scrollLeft||Y.scrollLeft||0),s.top+(p?0:G.pageYOffset||F.scrollTop||V.scrollTop||Y.scrollTop||0));if(d.removeChild(o),a)for(s=a.length;s--;)(l=a[s]).scaleX=l.scaleY=0,l.renderTransform(1,l);return t?h.inverse():h}var eh,eg,em,ef,eu,ex,ew="x,translateX,left,marginLeft,xPercent".split(","),eb="y,translateY,top,marginTop,yPercent".split(","),ev=Math.PI/180,ey=function(e,t,r,i){for(var a=t.length,n=2===i?0:i,o=0;o<a;o++)e[n]=parseFloat(t[o][r]),2===i&&(e[n+1]=0),n+=2;return e},ej=function(e,t,r){return parseFloat(e._gsap.get(e,t,r||"px"))||0},ek=function(e){var t,r=e[0],i=e[1];for(t=2;t<e.length;t+=2)r=e[t]+=r,i=e[t+1]+=i},eN=function(e,t,r,i,a,n,o,s,l){return"cubic"===o.type?t=[t]:(!1!==o.fromCurrent&&t.unshift(ej(r,i,s),a?ej(r,a,l):0),o.relative&&ek(t),t=[(a?E:function(e,t){void 0===t&&(t=1);for(var r=e[0],i=0,a=[r,0],n=2;n<e.length;n+=2)a.push(r,i,e[n],i=(e[n]-r)*t/2,r=e[n],-i);return a})(t,o.curviness)]),t=n(eC(t,r,o)),eP(e,r,i,t,"x",s),a&&eP(e,r,a,t,"y",l),A(t,o.resolution||(0===o.curviness?20:12))},eM=function(e){return e},eL=/[-+\.]*\d+\.?(?:e-|e\+)?\d*/g,e_=function(e,t,r){var i,a=ep(e),n=0,o=0;return"svg"===(e.tagName+"").toLowerCase()?(i=e.viewBox.baseVal).width||(i={width:+e.getAttribute("width"),height:+e.getAttribute("height")}):i=t&&e.getBBox&&e.getBBox(),t&&"auto"!==t&&(n=t.push?t[0]*(i?i.width:e.offsetWidth||0):t.x,o=t.push?t[1]*(i?i.height:e.offsetHeight||0):t.y),r.apply(n||o?a.apply({x:n,y:o}):{x:a.e,y:a.f})},eS=function(e,t,r,i){var a,n=ep(e.parentNode,!0,!0),o=n.clone().multiply(ep(t)),s=e_(e,r,n),l=e_(t,i,n),c=l.x,d=l.y;return o.e=o.f=0,"auto"===i&&t.getTotalLength&&"path"===t.tagName.toLowerCase()&&(a=t.getAttribute("d").match(eL)||[],c+=(a=o.apply({x:+a[0],y:+a[1]})).x,d+=a.y),a&&(c-=(a=o.apply(t.getBBox())).x,d-=a.y),o.e=c-s.x,o.f=d-s.y,o},eC=function(e,t,r){var i,a,n,o=r.align,s=r.matrix,l=r.offsetX,c=r.offsetY,d=r.alignOrigin,p=e[0][0],h=e[0][1],g=ej(t,"x"),m=ej(t,"y");return e&&e.length?(o&&("self"===o||(i=ef(o)[0]||t)===t?O(e,1,0,0,1,g-p,m-h):(d&&!1!==d[2]?eh.set(t,{transformOrigin:100*d[0]+"% "+100*d[1]+"%"}):d=[-(ej(t,"xPercent")/100),-(ej(t,"yPercent")/100)],n=(a=eS(t,i,d,"auto")).apply({x:p,y:h}),O(e,a.a,a.b,a.c,a.d,g+a.e-(n.x-a.e),m+a.f-(n.y-a.f)))),s?O(e,s.a,s.b,s.c,s.d,s.e,s.f):(l||c)&&O(e,1,0,0,1,l||0,c||0),e):C("M0,0L0,0")},eP=function(e,t,r,i,a,n){var o=t._gsap,s=o.harness,l=s&&s.aliases&&s.aliases[r],c=l&&0>l.indexOf(",")?l:r,d=e._pt=new eg(e._pt,t,c,0,0,eM,0,o.set(t,c,e));d.u=em(o.get(t,c,n))||0,d.path=i,d.pp=a,e._props.push(c)},ez={version:"3.15.0",name:"motionPath",register:function(e,t,r){em=(eh=e).utils.getUnit,ef=eh.utils.toArray,eu=eh.core.getStyleSaver,ex=eh.core.reverting||function(){},eg=r},init:function(e,t,r){if(!eh)return console.warn("Please gsap.registerPlugin(MotionPathPlugin)"),!1;"object"==typeof t&&!t.style&&t.path||(t={path:t});var i,a,n,o,s=[],l=t,c=l.path,d=l.autoRotate,p=l.unitX,h=l.unitY,g=l.x,m=l.y,f=c[0],u=(i=t.start,a="end"in t?t.end:1,function(e){return i||1!==a?R(e,i,a):e});if(this.rawPaths=s,this.target=e,this.tween=r,this.styles=eu&&eu(e,"transform"),(this.rotate=d||0===d)&&(this.rOffset=parseFloat(d)||0,this.radians=!!t.useRadians,this.rProp=t.rotation||"rotation",this.rSet=e._gsap.set(e,this.rProp,this),this.ru=em(e._gsap.get(e,this.rProp))||0),!Array.isArray(c)||"closed"in c||"number"==typeof f)A(n=u(eC(C(t.path),e,t)),t.resolution),s.push(n),eP(this,e,t.x||"x",n,"x",t.unitX||"px"),eP(this,e,t.y||"y",n,"y",t.unitY||"px");else{for(o in f)!g&&~ew.indexOf(o)?g=o:!m&&~eb.indexOf(o)&&(m=o);for(o in g&&m?s.push(eN(this,ey(ey([],c,g,0),c,m,1),e,g,m,u,t,p||em(c[0][g]),h||em(c[0][m]))):g=m=0,f)o!==g&&o!==m&&s.push(eN(this,ey([],c,o,2),e,o,0,u,t,em(c[0][o])))}r.vars.immediateRender&&this.render(r.progress(),this)},render:function(e,t){var r=t.rawPaths,i=r.length,a=t._pt;if(t.tween._time||!ex()){for(e>1?e=1:e<0&&(e=0);i--;)H(r[i],e,!i&&t.rotate,r[i]);for(;a;)a.set(a.t,a.p,a.path[a.pp]+a.u,a.d,e),a=a._next;t.rotate&&t.rSet(t.target,t.rProp,r[0].angle*(t.radians?ev:1)+t.rOffset+t.ru,t,e)}else t.styles.revert()},getLength:function(e){return A(C(e)).totalLength},sliceRawPath:R,getRawPath:C,pointsToSegment:E,stringToRawPath:$,rawPathToString:D,transformRawPath:O,getGlobalMatrix:ep,getPositionOnPath:H,cacheRawPathMeasurements:A,convertToPath:function(e,t){return ef(e).map(function(e){var r,i,a,n,s,l,c,d,p,h,g,m,f,u,x,w,b,v,y,j,k,N,M,L;return r=!1!==t,"path"!==(L=e.tagName.toLowerCase())&&e.getBBox?(c=P(e,"x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"),M=I(e,z[L]),"rect"===L?(s=M.rx,l=M.ry||s,a=M.x,n=M.y,g=M.width-2*s,m=M.height-2*l,s||l?(f=a+.44771525016900005*s,w=(x=(u=a+s)+g)+.552284749831*s,b=x+s,v=n+.44771525016900005*l,k=(j=(y=n+l)+m)+.552284749831*l,N=j+l,i="M"+b+","+y+" V"+j+" C"+[b,k,w,N,x,N,x-(x-u)/3,N,u+(x-u)/3,N,u,N,f,N,a,k,a,j,a,j-(j-y)/3,a,y+(j-y)/3,a,y,a,v,f,n,u,n,u+(x-u)/3,n,x-(x-u)/3,n,x,n,w,n,b,v,b,y].join(",")+"z"):i="M"+(a+g)+","+n+" v"+m+" h"+-g+" v"+-m+" h"+g+"z"):"circle"===L||"ellipse"===L?("circle"===L?p=.552284749831*(s=l=M.r):(s=M.rx,p=.552284749831*(l=M.ry)),a=M.cx,n=M.cy,d=.552284749831*s,i="M"+(a+s)+","+n+" C"+[a+s,n+p,a+d,n+l,a,n+l,a-d,n+l,a-s,n+p,a-s,n,a-s,n-p,a-d,n-l,a,n-l,a+d,n-l,a+s,n-p,a+s,n].join(",")+"z"):"line"===L?i="M"+M.x1+","+M.y1+" L"+M.x2+","+M.y2:("polyline"===L||"polygon"===L)&&(i="M"+(a=(h=(e.getAttribute("points")+"").match(o)||[]).shift())+","+(n=h.shift())+" L"+h.join(","),"polygon"===L&&(i+=","+a+","+n+"z")),c.setAttribute("d",D(c._gsRawPath=$(i))),r&&e.parentNode&&(e.parentNode.insertBefore(c,e),e.parentNode.removeChild(e)),c):e})},convertCoordinates:function(e,t,r){var i=ep(t,!0,!0).multiply(ep(e));return r?i.apply(r):i},getAlignMatrix:eS,getRelativePosition:function(e,t,r,i){var a=eS(e,t,r,i);return{x:a.e,y:a.f}},arrayToRawPath:function(e,t){var r=ey(ey([],e,(t=t||{}).x||"x",0),e,t.y||"y",1);return t.relative&&ek(r),["cubic"===t.type?r:E(r,t.curviness)]}};(eh||"u">typeof window&&(eh=window.gsap)&&eh.registerPlugin&&eh)&&eh.registerPlugin(ez);var eI,eT,eR,eA,eW,eB,eH,eO,e$=function(){return"u">typeof window},eE=function(){return eI||e$()&&(eI=window.gsap)&&eI.registerPlugin&&eI},eD=/[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi,eF={rect:["width","height"],circle:["r","r"],ellipse:["rx","ry"],line:["x2","y2"]},eG=function(e){return Math.round(1e4*e)/1e4},eV=function(e){return parseFloat(e)||0},eY=function(e,t){var r=eV(e);return~e.indexOf("%")?r/100*t:r},eq=function(e,t){return eV(e.getAttribute(t))},eU=Math.sqrt,eX=function(e,t,r,i,a,n){return eU(Math.pow((eV(r)-eV(e))*a,2)+Math.pow((eV(i)-eV(t))*n,2))},eZ=function(e){return console.warn(e)},eK=function(e){return"non-scaling-stroke"===e.getAttribute("vector-effect")},eQ=function(e,t,r){var i,a,n=e.indexOf(" ");return n<0?(i=void 0!==r?r+"":e,a=e):(i=e.substr(0,n),a=e.substr(n+1)),(i=eY(i,t))>(a=eY(a,t))?[a,i]:[i,a]},eJ=function(e){if(!(e=eT(e)[0]))return 0;var t,r,i,a,n,o,s,l=e.tagName.toLowerCase(),c=e.style,d=1,p=1;eK(e)&&(d=eU((p=e.getScreenCTM()).a*p.a+p.b*p.b),p=eU(p.d*p.d+p.c*p.c));try{r=e.getBBox()}catch(e){eZ("Some browsers won't measure invisible elements (like display:none or masks inside defs).")}var h=r||{x:0,y:0,width:0,height:0},g=h.x,m=h.y,f=h.width,u=h.height;if(r&&(f||u)||!eF[l]||(f=eq(e,eF[l][0]),u=eq(e,eF[l][1]),"rect"!==l&&"line"!==l&&(f*=2,u*=2),"line"===l&&(g=eq(e,"x1"),m=eq(e,"y1"),f=Math.abs(f-g),u=Math.abs(u-m))),"path"===l)a=c.strokeDasharray,c.strokeDasharray="none",t=e.getTotalLength()||0,eG(d)!==eG(p)&&!eB&&(eB=1)&&eZ("Warning: <path> length cannot be measured when vector-effect is non-scaling-stroke and the element isn't proportionally scaled."),t*=(d+p)/2,c.strokeDasharray=a;else if("rect"===l)t=2*f*d+2*u*p;else if("line"===l)t=eX(g,m,g+f,m+u,d,p);else if("polyline"===l||"polygon"===l)for(i=e.getAttribute("points").match(eD)||[],"polygon"===l&&i.push(i[0],i[1]),t=0,n=2;n<i.length;n+=2)t+=eX(i[n-2],i[n-1],i[n],i[n+1],d,p)||0;else("circle"===l||"ellipse"===l)&&(t=Math.PI*(3*((o=f/2*d)+(s=u/2*p))-eU((3*o+s)*(o+3*s))));return t||0},e0=function(e,t){if(!(e=eT(e)[0]))return[0,0];t||(t=eJ(e)+1);var r=eR.getComputedStyle(e),i=r.strokeDasharray||"",a=eV(r.strokeDashoffset),n=i.indexOf(",");return n<0&&(n=i.indexOf(" ")),(i=n<0?t:eV(i.substr(0,n)))>t&&(i=t),[-a||0,i-a||0]},e1=function(){e$()&&(document,eR=window,eW=eI=eE(),eT=eI.utils.toArray,eH=eI.core.getStyleSaver,eO=eI.core.reverting||function(){},eA=-1!==((eR.navigator||{}).userAgent||"").indexOf("Edge"))},e5={version:"3.15.0",name:"drawSVG",register:function(e){eI=e,e1()},init:function(e,t,r,i,a){if(!e.getBBox)return!1;eW||e1();var n,o,s,l=eJ(e);return this.styles=eH&&eH(e,"strokeDashoffset,strokeDasharray,strokeMiterlimit"),this.tween=r,this._style=e.style,this._target=e,t+""=="true"?t="0 100%":t?-1===(t+"").indexOf(" ")&&(t="0 "+t):t="0 0",n=e0(e,l),o=eQ(t,l,n[0]),this._length=eG(l),this._dash=eG(n[1]-n[0]),this._offset=eG(-n[0]),this._dashPT=this.add(this,"_dash",this._dash,eG(o[1]-o[0]),0,0,0,0,0,1),this._offsetPT=this.add(this,"_offset",this._offset,eG(-o[0]),0,0,0,0,0,1),eA&&(s=eR.getComputedStyle(e)).strokeLinecap!==s.strokeLinejoin&&(o=eV(s.strokeMiterlimit),this.add(e.style,"strokeMiterlimit",o,o+.01)),this._live=eK(e)||~(t+"").indexOf("live"),this._nowrap=~(t+"").indexOf("nowrap"),this._props.push("drawSVG"),1},render:function(e,t){if(t.tween._time||!eO()){var r,i,a,n,o=t._pt,s=t._style;if(o){for(t._live&&(r=eJ(t._target))!==t._length&&(i=r/t._length,t._length=r,t._offsetPT&&(t._offsetPT.s*=i,t._offsetPT.c*=i),t._dashPT?(t._dashPT.s*=i,t._dashPT.c*=i):t._dash*=i);o;)o.r(e,o.d),o=o._next;a=t._dash||e&&1!==e&&1e-4||0,r=t._length-a+.1,n=t._offset,a&&n&&a+Math.abs(n%t._length)>t._length-.05&&(n+=n<0?.005:-.005)&&(r+=.005),s.strokeDashoffset=a?n:n+.001,s.strokeDasharray=r<.1?"none":a?a+"px,"+(t._nowrap?999999:r)+"px":"0px, 999999px"}}else t.styles.revert()},getLength:eJ,getPosition:e0};eE()&&eI.registerPlugin(e5);var e2=e.i(2018);let e4=!1;i.default.registerPlugin(a.ScrollTrigger,ez);try{i.default.registerPlugin(e5),e4=!0}catch{e4=!1}let e3=[{title:"Same-Day Air Logistics",desc:"Max 3-hour door-to-door transit between India's major regional capitals.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",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"})]})},{title:"AI-Powered Operations",desc:"MileTruth™ AI continuously forecasts demand and optimizes every route and load.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"3"}),(0,t.jsx)("path",{d:"M9 9h6v6H9z"}),(0,t.jsx)("path",{d:"M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"})]})},{title:"Regional Connectivity",desc:"Dedicated air capacity linking major economic hubs, not passenger-belly space.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("circle",{cx:"6",cy:"6",r:"2.5"}),(0,t.jsx)("circle",{cx:"18",cy:"6",r:"2.5"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"2.5"}),(0,t.jsx)("path",{d:"M8.2 7.2 10 16M15.8 7.2 14 16M8.5 6h7"})]})},{title:"EV Last Mile",desc:"Zero-emission electric vehicles complete every first- and final-mile leg.",icon:(0,t.jsxs)("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 13h13l3 4h2v3H3z"}),(0,t.jsx)("circle",{cx:"7",cy:"20",r:"1.6"}),(0,t.jsx)("circle",{cx:"16",cy:"20",r:"1.6"}),(0,t.jsx)("path",{d:"M6 13V8a1 1 0 0 1 1-1h5l3 6"})]})}];function e6(e,t){if(e.length<2||t<=0)return e;let r=[e[0]];for(let i=0;i<e.length-1;i++){let a=e[i],n=e[i+1],o=1+.28*Math.sin(2.9*i+.4)+.15*Math.sin(5.3*i+2.1),s=(n.x-a.x)*(.08*Math.sin(1.7*i+1.3)+.06*Math.sin(3.6*i+.2));r.push({x:(a.x+n.x)/2+s,y:Math.min(a.y,n.y)-t*o}),r.push(n)}return r}e.s(["default",0,function(){let e=(0,r.useRef)(null),n=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),l=(0,r.useRef)(null),c=(0,r.useRef)(null),d=(0,r.useRef)(null),p=(0,r.useRef)([]),h=(0,r.useRef)([]);return(0,r.useEffect)(()=>{let t,r,g=e.current,m=n.current,f=o.current,u=s.current,x=l.current,w=c.current,b=d.current;if(!g||!m||!f||!u||!x||!w||!b)return;let v=0,y=0,j=null,k=null,N=i.default.context(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)").matches,n=()=>{let e,t=g.getBoundingClientRect(),r=window.matchMedia("(max-width: 600px)").matches,i=p.current.map((e,i)=>{let a=h.current[i];if(!e||!a)return null;let n=e.getBoundingClientRect(),o=a.getBoundingClientRect(),s=n.top-t.top,l=n.bottom-t.top,c=n.left-t.left,d=n.right-t.left;return r?{x:12,y:o.top+o.height/2-t.top,top:s,bottom:l,left:c,right:d}:{x:o.left+o.width/2-t.left,y:n.top-t.top-14,top:s,bottom:l,left:c,right:d}}).filter(e=>null!==e),a=i.map(({x:e,y:t})=>({x:e,y:t}));m.setAttribute("width",String(t.width)),m.setAttribute("height",String(t.height)),m.setAttribute("viewBox",`0 0 ${t.width} ${t.height}`);let n=r?0:Math.max(20,Math.min(38,t.width/20));if(r)e=a;else{let t,r,o=function(e){let t=[];for(let r of e){let e=t[t.length-1];e&&12>=Math.abs(e[0].top-r.top)?e.push(r):t.push([r])}return t}(i);e=o.length<=1?e6(a,n):(t=[],r=null,o.forEach((e,i)=>{let a=i%2==0?e:[...e].reverse(),s=a[0].y,l=null===r?n:Math.max(0,Math.min(n,(s-r-6)/1.43)),c=e6(a.map(({x:e,y:t})=>({x:e,y:t})),l);if(t.length>0){var d,p;let e,r=t[t.length-1],a=c[0],n=(d=o[i-1],p=(i-1)%2==0?"right":"left",(e=[...d].sort((e,t)=>e.left-t.left)).length<2?(e[0].left+e[0].right)/2:"right"===p?(e[e.length-2].right+e[e.length-1].left)/2:(e[0].right+e[1].left)/2);t.push({x:n,y:r.y},{x:n,y:a.y})}t.push(...c),r=Math.max(...e.map(e=>e.bottom))}),t)}let o=function(e){if(e.length<2)return"";let t=`M ${e[0].x} ${e[0].y}`;for(let r=0;r<e.length-1;r++){let i=e[r],a=e[r+1],n=(a.x-i.x)/2;t+=` C ${i.x+n} ${i.y}, ${a.x-n} ${a.y}, ${a.x} ${a.y}`}return t}(e);return f.setAttribute("d",o),u.setAttribute("d",o),{points:a,isMobile:r}};(t=new ResizeObserver(()=>{cancelAnimationFrame(v),v=requestAnimationFrame(()=>{e?n():o()})})).observe(g),n(),y=requestAnimationFrame(()=>{n(),a.ScrollTrigger.refresh()}),"complete"!==document.readyState&&(r=()=>a.ScrollTrigger.refresh(),window.addEventListener("load",r,{once:!0}));let o=()=>{k&&k.kill();let{points:e,isMobile:t}=n();if(e.length<2)return;let r=f.getTotalLength(),a=.22*r,o=r+200;u.setAttribute("stroke-dasharray",`${a} ${o}`);let s=e.map(e=>{let t=0,i=1/0,a=Math.max(2,r/400);for(let n=0;n<=r;n+=a){let r=f.getPointAtLength(n),a=(r.x-e.x)**2+(r.y-e.y)**2;a<i&&(i=a,t=n)}return t/r}),l=s.map(()=>!1),c=0,d=!1,m=i.default.timeline({scrollTrigger:{trigger:g,start:"top 75%",end:"bottom 35%",scrub:1}});k=m,j=m.scrollTrigger??null;e4?m.to(f,{drawSVG:"100%",duration:4.680000000000001,ease:"power2.inOut"},0):(i.default.set(f,{strokeDasharray:r,strokeDashoffset:r}),m.to(f,{strokeDashoffset:0,duration:4.680000000000001,ease:"power2.inOut"},0)),m.to(f,{opacity:t?.15:.18,duration:.9,ease:"sine.out"},0),i.default.set([w,b],{svgOrigin:"0 0"}),m.to(x,{opacity:1,duration:.3,ease:"sine.out"},0),m.to(u,{opacity:1,duration:.4,ease:"sine.out"},0),m.to(x,{motionPath:{path:f,autoRotate:!1,alignOrigin:[.5,.5]},duration:5.2,ease:"power2.inOut",onUpdate:function(){let e=this.progress(),t=e*r,n=Math.max(1,.01*r),o=f.getPointAtLength(Math.max(0,t-n)),g=f.getPointAtLength(Math.min(r,t+n)),m=180*Math.atan2(g.y-o.y,g.x-o.x)/Math.PI+90;if(d){let e=m-c;c+=.12*(e=((e+180)%360+360)%360-180)}else c=m,d=!0;i.default.set(w,{rotation:c}),i.default.set(b,{rotation:c}),u.setAttribute("stroke-dashoffset",String(a-t)),s.forEach((t,r)=>{if(!l[r]&&e>=t){let e,t;l[r]=!0,e=p.current[r],t=h.current[r],e&&(e.classList.add("wwg-card-flown","wwg-card-pulse"),t&&i.default.timeline({delay:.28}).to(t,{scale:1.02,duration:.32,ease:"expo.out"}).to(t,{scale:1,duration:.32,ease:"sine.inOut"}),i.default.delayedCall(.95,()=>e.classList.remove("wwg-card-pulse")))}else l[r]&&e<t&&(l[r]=!1,p.current[r]?.classList.remove("wwg-card-flown","wwg-card-pulse"))})}},0),m.to(x,{opacity:0,duration:.6,ease:"sine.out"},5.2),m.to(u,{opacity:0,duration:.6,ease:"sine.out"},5.2)};if(e){let{isMobile:e}=n();i.default.set(f,{opacity:e?.15:.18}),e4?i.default.set(f,{drawSVG:"100%"}):i.default.set(f,{strokeDasharray:"none",strokeDashoffset:0}),i.default.set(x,{opacity:0}),i.default.set(u,{opacity:0})}else i.default.set(f,{opacity:0}),e4&&i.default.set(f,{drawSVG:"0%"}),i.default.set(x,{opacity:0}),i.default.set(u,{opacity:0}),o()},g);return()=>{t?.disconnect(),cancelAnimationFrame(v),cancelAnimationFrame(y),cancelAnimationFrame(0),r&&window.removeEventListener("load",r),j?.kill(),k?.kill(),N.revert()}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wwg-section {
|
||
background: #ffffff;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wwg-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wwg-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wwg-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wwg-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wwg-grid-wrap {
|
||
position: relative;
|
||
overflow: visible;
|
||
}
|
||
|
||
.wwg-flightpath {
|
||
position: absolute;
|
||
inset: 0;
|
||
pointer-events: none;
|
||
overflow: visible;
|
||
z-index: 5;
|
||
}
|
||
|
||
.wwg-flightpath-line {
|
||
fill: none;
|
||
stroke: #c8102e;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
stroke-linejoin: round;
|
||
opacity: 0;
|
||
}
|
||
|
||
/* A brighter, blurred copy of the same route, painted *behind* the
|
||
crisp foreground line (see JSX order). Its dasharray is driven
|
||
per-frame (see onUpdate) to keep a soft window of it trailing
|
||
directly beneath the pulse; because it sits behind rather than on
|
||
top, its blur reads as a glow radiating from under the route
|
||
instead of visually thickening the route's own edges. Stroke
|
||
width intentionally matches the base route so it never peeks out
|
||
wider than the crisp line drawn on top of it. */
|
||
.wwg-illum-trail {
|
||
fill: none;
|
||
stroke: #ff3d5a;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
filter: blur(5px);
|
||
opacity: 0;
|
||
}
|
||
|
||
/* The traveler is the primary visual: a single centered optical
|
||
pulse riding the route, with a small secondary aircraft glyph
|
||
carried inside it. Position (translate) lives on .wwg-traveler;
|
||
only the inner .wwg-traveler-directional group rotates to face
|
||
the direction of travel — the round pulse core stays outside it
|
||
so it never rotates, always reading as a clean point of light. */
|
||
.wwg-traveler {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
will-change: transform;
|
||
/* Explicit center alignment (paired with alignOrigin: [0.5, 0.5]
|
||
on the motionPath tween) so the traveler's own center — not a
|
||
corner/default reference point — is what MotionPathPlugin locks
|
||
to the route, keeping it precisely on the path's centerline
|
||
with no vertical drift. */
|
||
transform-origin: 50% 50%;
|
||
}
|
||
|
||
.wwg-traveler-directional {
|
||
transform-origin: 0px 0px;
|
||
will-change: transform;
|
||
}
|
||
|
||
/* Large, radially-symmetric ambient glow — the true hero of the
|
||
traveler. Centered on the pulse with no directional offset, so
|
||
there is never a brighter patch leading ahead of the aircraft.
|
||
Non-directional, so it lives outside the rotating
|
||
.wwg-traveler-directional group. */
|
||
.wwg-pulse-bloom {
|
||
fill: #c8102e;
|
||
opacity: 0.2;
|
||
filter: blur(18px);
|
||
}
|
||
|
||
.wwg-pulse-halo {
|
||
fill: #c8102e;
|
||
opacity: 0.52;
|
||
filter: blur(7px);
|
||
}
|
||
|
||
.wwg-pulse-core {
|
||
fill: #ffffff;
|
||
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.98)) drop-shadow(0 0 9px rgba(200, 16, 46, 0.85))
|
||
drop-shadow(0 0 15px rgba(200, 16, 46, 0.5));
|
||
}
|
||
|
||
/* Deliberately no drop-shadow of its own — the bloom/halo/trail
|
||
above supply all the glow. Sized to be clearly recognizable as an
|
||
aircraft without becoming the focal point: the pulse is still the
|
||
brightest, largest element on screen at every moment. */
|
||
.wwg-aircraft {
|
||
color: #c8102e;
|
||
opacity: 0.65;
|
||
}
|
||
|
||
.wwg-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 24px;
|
||
}
|
||
|
||
.wwg-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
padding: 30px 24px;
|
||
border: 1px solid rgba(17, 17, 17, 0.08);
|
||
border-radius: 18px;
|
||
background: #fafafa;
|
||
/* Staggered delays so activation reads as a cascade — glow moves
|
||
first (see .wwg-card-glow below, no delay), then border/shape,
|
||
then the background tint settles last — rather than every
|
||
property snapping at once. The "expo-out" curve (rather than
|
||
plain ease) is what gives it a soft, premium settle instead of a
|
||
mechanical linear-ish snap. */
|
||
transition:
|
||
border-color 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
box-shadow 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
transform 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
background-color 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.22s;
|
||
}
|
||
|
||
.wwg-card:hover {
|
||
border-color: rgba(200, 16, 46, 0.35);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
|
||
transform: translateY(-4px);
|
||
}
|
||
|
||
.wwg-card-glow {
|
||
position: absolute;
|
||
inset: -12px;
|
||
border-radius: 22px;
|
||
background: radial-gradient(circle, rgba(200, 16, 46, 0.45) 0%, rgba(200, 16, 46, 0) 70%);
|
||
opacity: 0;
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
filter: blur(6px);
|
||
transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wwg-card-flown {
|
||
border-color: rgba(200, 16, 46, 0.25);
|
||
background-color: #fdf7f8;
|
||
}
|
||
|
||
.wwg-card-flown .wwg-card-glow {
|
||
opacity: 0.32;
|
||
}
|
||
|
||
.wwg-card-pulse {
|
||
border-color: rgba(200, 16, 46, 0.5);
|
||
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.07);
|
||
transform: translateY(-3px);
|
||
}
|
||
|
||
.wwg-card-pulse .wwg-card-glow {
|
||
opacity: 0.85;
|
||
}
|
||
|
||
.wwg-icon {
|
||
width: 52px;
|
||
height: 52px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 14px;
|
||
background: rgba(200, 16, 46, 0.06);
|
||
color: #c8102e;
|
||
margin-bottom: 20px;
|
||
transition:
|
||
background-color 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.16s,
|
||
filter 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.16s;
|
||
}
|
||
|
||
.wwg-card-flown .wwg-icon {
|
||
background: rgba(200, 16, 46, 0.1);
|
||
}
|
||
|
||
.wwg-card-pulse .wwg-icon {
|
||
background: rgba(200, 16, 46, 0.14);
|
||
filter: brightness(1.12);
|
||
}
|
||
|
||
.wwg-card-title {
|
||
font-size: 17px !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wwg-card-desc {
|
||
font-size: 14.5px;
|
||
line-height: 1.55;
|
||
color: rgba(17, 17, 17, 0.6);
|
||
margin: 0;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wwg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wwg-grid { grid-template-columns: 1fr; padding-left: 28px; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; trimmed to a real mobile value to match the section
|
||
rhythm near the footer. Matches this file's own MOBILE_BQ
|
||
breakpoint used by the flight-path animation logic. */
|
||
.wwg-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.wwg-card, .wwg-card-glow, .wwg-icon {
|
||
transition: none;
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("section",{className:"wwg-section",id:"wings-why",children:(0,t.jsx)("div",{className:"dm-section-container",children:(0,t.jsxs)("div",{className:"wwg-inner",children:[(0,t.jsxs)(e2.ScrollReveal,{delay:.05,duration:.75,yOffset:25,className:"wwg-header",children:[(0,t.jsx)("div",{className:"wwg-eyebrow",children:"/ Why Doormile Wings /"}),(0,t.jsx)("h2",{className:"wwg-title",children:"Built for the speed of the Gen-Z economy"})]}),(0,t.jsxs)("div",{className:"wwg-grid-wrap",ref:e,children:[(0,t.jsxs)("svg",{ref:n,className:"wwg-flightpath","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{ref:s,className:"wwg-illum-trail",d:""}),(0,t.jsx)("path",{ref:o,className:"wwg-flightpath-line",d:""}),(0,t.jsxs)("g",{ref:l,className:"wwg-traveler",children:[(0,t.jsx)("circle",{className:"wwg-pulse-bloom",cx:"0",cy:"0",r:"26"}),(0,t.jsx)("g",{ref:c,className:"wwg-traveler-directional",children:(0,t.jsx)("ellipse",{className:"wwg-pulse-halo",cx:"0",cy:"0",rx:"11",ry:"6"})}),(0,t.jsx)("circle",{className:"wwg-pulse-core",cx:"0",cy:"0",r:"2.6"}),(0,t.jsx)("g",{ref:d,className:"wwg-traveler-directional",children:(0,t.jsx)("path",{className:"wwg-aircraft",d:"M0,-13 C-0.78,-13 -1.3,-12.22 -1.3,-11.31 L-1.3,-3.9 L-11.05,1.3 L-11.05,3.9 L-1.3,0.91 L-1.3,9.1 L-4.55,11.44 L-4.55,13 L0,11.7 L4.55,13 L4.55,11.44 L1.3,9.1 L1.3,0.91 L11.05,3.9 L11.05,1.3 L1.3,-3.9 L1.3,-11.31 C1.3,-12.22 0.78,-13 0,-13 Z",fill:"currentColor"})})]})]}),(0,t.jsx)(e2.StaggerChildren,{stagger:.1,duration:.7,yOffset:30,className:"wwg-grid",children:e3.map((e,r)=>(0,t.jsxs)("div",{className:"wwg-card",ref:e=>{p.current[r]=e},children:[(0,t.jsx)("span",{className:"wwg-card-glow","aria-hidden":"true"}),(0,t.jsx)("div",{className:"wwg-icon","aria-hidden":"true",ref:e=>{h.current[r]=e},children:e.icon}),(0,t.jsx)("h3",{className:"wwg-card-title",children:e.title}),(0,t.jsx)("p",{className:"wwg-card-desc",children:e.desc})]},e.title))})]})]})})})]})}],63061)},10425,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),a=e.i(83495),n=e.i(2018);i.default.registerPlugin(a.ScrollTrigger),e.s(["default",0,function(){let e=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),l=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let t=e.current,r=a.current,n=o.current,c=s.current,d=l.current;t&&r&&n&&c&&d&&(i.default.set([r,n,c],{opacity:0,y:40}),i.default.set(d,{opacity:0,scale:.7}),i.default.timeline({scrollTrigger:{trigger:t,start:"top 78%",toggleActions:"play none none none"}}).to(r,{opacity:1,y:0,duration:.85,ease:"power3.out"}).to([n,c],{opacity:1,y:0,duration:.8,stagger:.12,ease:"power3.out"},"-=0.5").to(d,{opacity:1,scale:1,duration:.5,ease:"back.out(1.7)"},"-=0.35"))},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wsa-section {
|
||
background: #fafafa;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wsa-header {
|
||
max-width: 720px;
|
||
margin: 0 auto 48px auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.wsa-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wsa-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wsa-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wsa-face-off {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||
gap: 24px;
|
||
}
|
||
|
||
.wsa-panel {
|
||
min-width: 0;
|
||
border-radius: 22px;
|
||
padding: clamp(36px, 4vw, 56px) clamp(24px, 3vw, 40px);
|
||
text-align: center;
|
||
}
|
||
|
||
.wsa-panel-surface {
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.08);
|
||
}
|
||
|
||
.wsa-panel-wings {
|
||
background: #111114;
|
||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||
}
|
||
|
||
.wsa-panel-label {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-panel-label { color: rgba(17, 17, 17, 0.4); }
|
||
.wsa-panel-wings .wsa-panel-label { color: #c8102e; }
|
||
|
||
.wsa-value {
|
||
font-size: clamp(40px, 6vw, 76px);
|
||
font-weight: 900;
|
||
letter-spacing: -0.03em;
|
||
line-height: 1;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-value { color: #c8102e; }
|
||
.wsa-panel-wings .wsa-value { color: #ffffff; }
|
||
|
||
.wsa-unit {
|
||
margin-top: 10px;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-unit { color: rgba(17, 17, 17, 0.45); }
|
||
.wsa-panel-wings .wsa-unit { color: rgba(255, 255, 255, 0.75); }
|
||
|
||
.wsa-panel-sub {
|
||
margin-top: 18px;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-panel-sub { color: rgba(17, 17, 17, 0.4); }
|
||
.wsa-panel-wings .wsa-panel-sub { color: rgba(255, 255, 255, 0.55); }
|
||
|
||
.wsa-vs {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 56px;
|
||
height: 56px;
|
||
border-radius: 50%;
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.1);
|
||
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 1px;
|
||
color: #c8102e;
|
||
z-index: 2;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.wsa-face-off { grid-template-columns: 1fr; gap: 40px; }
|
||
/* Effective visible gap above/below the VS circle is (grid gap +
|
||
this margin), i.e. 40px - 28px = 12px on each side — an equal,
|
||
~40% reduction from the previous 20px/20px so the circle reads
|
||
as bridging the two cards instead of floating in a large empty
|
||
gap. margin: auto keeps it horizontally centered; the shorthand
|
||
applies identically to top and bottom so both stay equal. */
|
||
.wsa-vs { position: static; transform: none; margin: -28px auto; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; trimmed to a real mobile value to match the section
|
||
rhythm near the footer. */
|
||
.wsa-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
`}}),(0,t.jsx)("section",{className:"wsa-section",ref:e,id:"wings-speed",children:(0,t.jsxs)("div",{className:"dm-section-container",children:[(0,t.jsxs)("div",{className:"wsa-header",ref:a,children:[(0,t.jsx)("div",{className:"wsa-eyebrow",children:"/ The Speed Advantage /"}),(0,t.jsx)("h2",{className:"wsa-title",children:"Same-day, not some-day"})]}),(0,t.jsx)("div",{className:"wsa-inner",children:(0,t.jsxs)("div",{className:"wsa-face-off",children:[(0,t.jsxs)("div",{className:"wsa-panel wsa-panel-surface",ref:o,children:[(0,t.jsx)("div",{className:"wsa-panel-label",children:"Surface Logistics"}),(0,t.jsxs)("div",{className:"wsa-value",children:["48–",(0,t.jsx)(n.CountUp,{end:96,duration:1.6,triggerOnce:!0})]}),(0,t.jsx)("div",{className:"wsa-unit",children:"Hours"}),(0,t.jsx)("p",{className:"wsa-panel-sub",children:"Delhi–Mumbai standard surface transit time."})]}),(0,t.jsx)("div",{className:"wsa-vs",ref:l,children:"VS"}),(0,t.jsxs)("div",{className:"wsa-panel wsa-panel-wings",ref:s,children:[(0,t.jsx)("div",{className:"wsa-panel-label",children:"Doormile Wings"}),(0,t.jsxs)("div",{className:"wsa-value",children:["Max ",(0,t.jsx)(n.CountUp,{end:3,duration:1.4,triggerOnce:!0})]}),(0,t.jsx)("div",{className:"wsa-unit",children:"Hours, Door-to-Door"}),(0,t.jsx)("p",{className:"wsa-panel-sub",children:"Same-day logistics between major regional capitals."})]})]})})]})})]})}])},91607,e=>{e.v({eyebrow:"WingsHowItWorks-module__yyfdHG__eyebrow",flow:"WingsHowItWorks-module__yyfdHG__flow",header:"WingsHowItWorks-module__yyfdHG__header",headerRow:"WingsHowItWorks-module__yyfdHG__headerRow",progress:"WingsHowItWorks-module__yyfdHG__progress",progressCount:"WingsHowItWorks-module__yyfdHG__progressCount",progressFill:"WingsHowItWorks-module__yyfdHG__progressFill",progressTrack:"WingsHowItWorks-module__yyfdHG__progressTrack",section:"WingsHowItWorks-module__yyfdHG__section",sectionShell:"WingsHowItWorks-module__yyfdHG__sectionShell",step:"WingsHowItWorks-module__yyfdHG__step",stepActive:"WingsHowItWorks-module__yyfdHG__stepActive",stepBottom:"WingsHowItWorks-module__yyfdHG__stepBottom",stepDesc:"WingsHowItWorks-module__yyfdHG__stepDesc",stepIcon:"WingsHowItWorks-module__yyfdHG__stepIcon",stepNum:"WingsHowItWorks-module__yyfdHG__stepNum",stepTag:"WingsHowItWorks-module__yyfdHG__stepTag",stepTitle:"WingsHowItWorks-module__yyfdHG__stepTitle",stepTop:"WingsHowItWorks-module__yyfdHG__stepTop",title:"WingsHowItWorks-module__yyfdHG__title"})},48920,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(2018),a=e.i(91607);let n=[{label:"Local Pickup",desc:"Fast, on-demand first-mile logistics dispatched by electric vehicle.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 13h13l3 4h2v3H3z"}),(0,t.jsx)("circle",{cx:"7",cy:"20",r:"1.6"}),(0,t.jsx)("circle",{cx:"16",cy:"20",r:"1.6"}),(0,t.jsx)("path",{d:"M6 13V8a1 1 0 0 1 1-1h5l3 6"})]})},{label:"Airport Clearance",desc:"Automated screening, grouping, and rapid cross-docking at the hub.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"}),(0,t.jsx)("path",{d:"m9 12 2 2 4-4"})]})},{label:"Air Transit",desc:"Optimized cargo flights bypass surface congestion on our regional fleet.",icon:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M22 12h-6l-4-9-2 1 3 8H5l-2-3-1.5.6L3 14l1.5 4.4L6 18l-2-3h8l3 8 2-1-3-8h6z"})})},{label:"Destination Hub",desc:"Immediate de-consolidation and screening upon arrival.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"4",y:"10",width:"16",height:"11",rx:"1"}),(0,t.jsx)("path",{d:"M9 21v-6h6v6M4 10 12 3l8 7"})]})},{label:"EV Last-Mile",desc:"Zero-emission electric vehicles complete the final mile.",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 13h13l3 4h2v3H3z"}),(0,t.jsx)("circle",{cx:"7",cy:"20",r:"1.6"}),(0,t.jsx)("circle",{cx:"16",cy:"20",r:"1.6"}),(0,t.jsx)("path",{d:"M6 13V8a1 1 0 0 1 1-1h5l3 6"})]})}];e.s(["default",0,function(){let[e,o]=(0,r.useState)(0);return(0,t.jsx)("section",{className:a.default.section,id:"wings-how-it-works",children:(0,t.jsxs)("div",{className:a.default.sectionShell,children:[(0,t.jsxs)("div",{className:a.default.headerRow,children:[(0,t.jsxs)(i.ScrollReveal,{delay:.05,duration:.75,yOffset:25,className:a.default.header,children:[(0,t.jsx)("div",{className:a.default.eyebrow,children:"/ How It Works /"}),(0,t.jsxs)("h2",{className:a.default.title,children:["Pickup to",(0,t.jsx)("br",{}),"arrival, one",(0,t.jsx)("br",{}),"connected flow"]})]}),(0,t.jsxs)("div",{className:a.default.progress,"aria-hidden":"true",children:[(0,t.jsxs)("span",{className:a.default.progressCount,children:[String(e+1).padStart(2,"0")," / ",String(n.length).padStart(2,"0")]}),(0,t.jsx)("span",{className:a.default.progressTrack,children:(0,t.jsx)("span",{className:a.default.progressFill,style:{width:`${(e+1)/n.length*100}%`}})})]})]}),(0,t.jsx)(i.StaggerChildren,{stagger:.06,duration:.6,yOffset:24,className:a.default.flow,children:n.map((r,i)=>(0,t.jsxs)("div",{className:`${a.default.step} ${i===e?a.default.stepActive:""}`,onMouseEnter:()=>o(i),onClick:()=>o(i),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&o(i)},children:[(0,t.jsxs)("div",{className:a.default.stepTop,children:[(0,t.jsx)("span",{className:a.default.stepNum,children:String(i+1).padStart(2,"0")}),(0,t.jsxs)("span",{className:a.default.stepTag,children:[(0,t.jsx)("span",{className:a.default.stepIcon,"aria-hidden":"true",children:r.icon}),"Step"]})]}),(0,t.jsxs)("div",{className:a.default.stepBottom,children:[(0,t.jsx)("h3",{className:a.default.stepTitle,children:r.label}),(0,t.jsx)("p",{className:a.default.stepDesc,children:r.desc})]})]},r.label))})]})})}])},55064,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(89970),a=e.i(2018),n=e.i(37902);let o=[{label:"Orders",bend:.26,speed:.4,dwell:900},{label:"Fleet Telemetry",bend:-.19,speed:.52,dwell:520},{label:"Routes",bend:.34,speed:.35,dwell:1150},{label:"Traffic",bend:-.3,speed:.47,dwell:700},{label:"Weather",bend:.14,speed:.3,dwell:1500},{label:"POD Scans",bend:-.38,speed:.43,dwell:1050}],s=[{head:"Reroute DEL → JAI",fn:()=>`−${11+Math.floor(14*Math.random())} min`,good:!0},{head:"SLA risk cleared",fn:()=>`BLR-${10+Math.floor(80*Math.random())}`,good:!0},{head:"Load rebalanced",fn:()=>`Hub ${1+Math.floor(4*Math.random())} → Hub ${5+Math.floor(3*Math.random())}`},{head:"Demand spike",fn:()=>`Chennai +${9+Math.floor(22*Math.random())}%`},{head:"Idle dwell trimmed",fn:()=>`−${4+Math.floor(9*Math.random())} min/stop`,good:!0},{head:"Capacity shifted",fn:()=>`${2+Math.floor(6*Math.random())} vehicles`},{head:"Anomaly flagged",fn:()=>`Lane HYD-${100+Math.floor(90*Math.random())}`},{head:"Cold-chain hold",fn:()=>`${2+Math.floor(5*Math.random())} shipments`}],l=(e,t)=>e+Math.random()*(t-e);function c({className:e=""}){let i=(0,r.useRef)(null),a=(0,r.useRef)(null),d=(0,r.useRef)(null),p=(0,r.useRef)(null),h=(0,r.useRef)(null),g=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(()=>{}),[u,x]=(0,r.useState)([]);return(0,r.useEffect)(()=>{let e=1;f.current=()=>{let t=s[Math.floor(Math.random()*s.length)],r={id:e++,head:t.head,value:t.fn(),good:!!t.good};x(e=>[r,...e].slice(0,3)),window.setTimeout(()=>{x(e=>e.filter(e=>e.id!==r.id))},4600)}},[]),(0,r.useEffect)(()=>{let e=i.current,t=a.current;if(!e||!t)return;let r=e.getContext("2d",{alpha:!0});if(!r)return;let n=window.matchMedia("(prefers-reduced-motion: reduce)").matches,s=0,c=0,u=0,x=0,w=0,b=0,v=!1,y=0,j=o.map(()=>-1),k=o.map((e,t)=>200+260*t),N=0,M=-1,L=[{r:1.2,seg:3,gap:.66,a:.3,w:1.1,sp:55e-6},{r:1.4,seg:4,gap:.82,a:.18,w:1,sp:-34e-6},{r:1.6,seg:2,gap:1,a:.12,w:1,sp:21e-6}],_=[.4,2.1,4.3],S=[0,0,0],C=[0,0,0],P=0,z=1284392,I=1180,T=97.4,R=99.2,A=0,W=2600,B=new window.Image,H=!1;B.onload=()=>{H=!0,n&&D()},B.src="/images/doormile-mark.png";let O=Array.from({length:28},()=>l(.3,.7));function $(e){let t=-Math.PI/2+e/o.length*Math.PI*2;return{x:x+.28*u*Math.cos(t),y:w+.28*u*Math.sin(t),a:t}}function E(e,t){let r=$(e),i=(r.x+x)/2,a=(r.y+w)/2,n=-(w-r.y),s=x-r.x,l=Math.hypot(n,s)||1,c=o[e].bend*u*.34,d=1-t;return{x:d*d*r.x+2*d*t*(i+n/l*c)+t*t*x,y:d*d*r.y+2*d*t*(a+s/l*c)+t*t*w}}function D(){r.clearRect(0,0,s,c);let e=Math.max(18,.052*u);r.fillStyle="rgba(255,255,255,0.045)";for(let t=e/2;t<s;t+=e)for(let i=e/2;i<c;i+=e)r.beginPath(),r.arc(t,i,1,0,2*Math.PI),r.fill();let t=r.createRadialGradient(x,w,0,x,w,.5*u);t.addColorStop(0,"rgba(226,53,74,0.09)"),t.addColorStop(.5,"rgba(192,18,39,0.035)"),t.addColorStop(1,"rgba(226,53,74,0)"),r.fillStyle=t,r.fillRect(0,0,s,c),r.strokeStyle="rgba(255,255,255,0.07)",r.lineWidth=1,r.setLineDash([3,7]),r.beginPath(),r.arc(x,w,.28*u,0,2*Math.PI),r.stroke(),r.setLineDash([]);for(let e=0;e<o.length;e++){let t=$(e);r.beginPath(),r.arc(t.x,t.y,.019*u,0,2*Math.PI),r.strokeStyle="rgba(255,59,59,0.26)",r.lineWidth=1,r.stroke(),r.beginPath(),r.arc(t.x,t.y,Math.max(2,.0062*u),0,2*Math.PI),r.fillStyle="rgba(255,130,130,0.7)",r.fill()}!function(){let e=.052*u*2.15;r.save(),r.translate(x,w);let t=r.createRadialGradient(0,0,.7*e,0,0,2.4*e);t.addColorStop(0,"rgba(7,7,16,0)"),t.addColorStop(.45,"rgba(7,7,16,0.5)"),t.addColorStop(1,"rgba(7,7,16,0)"),r.fillStyle=t,r.beginPath(),r.arc(0,0,2.4*e,0,2*Math.PI),r.fill(),M>=0&&(r.beginPath(),r.arc(0,0,e*(1.02+.55*M),0,2*Math.PI),r.strokeStyle=`rgba(255,140,140,${((1-M)*.3).toFixed(3)})`,r.lineWidth=1,r.stroke());for(let t=0;t<L.length;t++){let i=L[t],a=2*Math.PI/i.seg,n=_[t]+S[t];for(let t=0;t<i.seg;t++){let o=n+t*a;r.beginPath(),r.arc(0,0,e*i.r,o,o+a-i.gap),r.strokeStyle=`rgba(255,90,90,${i.a})`,r.lineWidth=i.w,r.stroke()}}let i=r.createLinearGradient(0,-e,0,e);i.addColorStop(0,"rgba(255,255,255,0.075)"),i.addColorStop(.5,"rgba(255,255,255,0.022)"),i.addColorStop(1,"rgba(255,70,70,0.05)"),r.beginPath(),r.arc(0,0,e,0,2*Math.PI),r.fillStyle=i,r.fill();let a=r.createRadialGradient(0,0,0,0,0,e);a.addColorStop(0,`rgba(255,70,70,${(.12+.3*N).toFixed(3)})`),a.addColorStop(.6,"rgba(226,53,74,0.05)"),a.addColorStop(1,"rgba(226,53,74,0)"),r.fillStyle=a,r.fill();let n=r.createLinearGradient(-(.75*e),-(.75*e),.75*e,.75*e);n.addColorStop(0,"rgba(255,255,255,0.55)"),n.addColorStop(.4,"rgba(255,255,255,0.1)"),n.addColorStop(1,`rgba(255,90,90,${(.28+.3*N).toFixed(3)})`),r.beginPath(),r.arc(0,0,e,0,2*Math.PI),r.strokeStyle=n,r.lineWidth=1.2,r.stroke();let o=r.createLinearGradient(-e,-(.4*e),0,-e);o.addColorStop(0,"rgba(255,255,255,0)"),o.addColorStop(.5,"rgba(255,255,255,0.42)"),o.addColorStop(1,"rgba(255,255,255,0)"),r.beginPath(),r.arc(0,0,e-2.2,1.05*Math.PI,1.55*Math.PI),r.strokeStyle=o,r.lineWidth=1.8,r.lineCap="round",r.stroke(),r.restore()}(),function(){for(let e=0;e<o.length;e++){let t=j[e];if(t<0)continue;let i=E(e,t),a=E(e,Math.max(0,t-.075)),n=Math.min(1,5*t)*(.5+.5*t)*Math.min(1,(1-t)/.07),o=`255,${Math.round(130+100*t)},${Math.round(135+100*t)}`,s=r.createLinearGradient(a.x,a.y,i.x,i.y);s.addColorStop(0,`rgba(${o},0)`),s.addColorStop(1,`rgba(${o},${(.5*n).toFixed(3)})`),r.beginPath(),r.moveTo(a.x,a.y),r.lineTo(i.x,i.y),r.strokeStyle=s,r.lineWidth=1.4,r.lineCap="round",r.stroke(),r.save(),r.shadowColor="rgba(255,59,59,0.8)",r.shadowBlur=5,r.beginPath(),r.arc(i.x,i.y,2.3,0,2*Math.PI),r.fillStyle=`rgba(${o},${n.toFixed(3)})`,r.fill(),r.restore()}}(),function(){if(!H)return;let e=.052*u*2.15;r.save(),r.translate(x,w);let t=1.02*e,i=t*(B.height/B.width);r.shadowColor=`rgba(255,90,90,${(.45+.45*N).toFixed(3)})`,r.shadowBlur=e*(.15+.38*N),r.globalAlpha=.97,r.drawImage(B,-t/2,-i/2,t,i),N>.02&&(r.globalAlpha=Math.min(.5,.5*N),r.shadowColor="rgba(255,255,255,0.95)",r.shadowBlur=e*(.2+.45*N),r.drawImage(B,-t/2,-i/2,t,i)),r.restore()}(),function(){let e=m.current;if(!e)return;let t=e.getContext("2d");if(!t)return;let r=Math.min(2,window.devicePixelRatio||1),i=e.getBoundingClientRect();if(!i.width||!i.height)return;e.width!==Math.round(i.width*r)&&(e.width=Math.round(i.width*r),e.height=Math.round(i.height*r)),t.setTransform(r,0,0,r,0,0),t.clearRect(0,0,i.width,i.height);let a=1/0,n=-1/0;for(let e of O)e<a&&(a=e),e>n&&(n=e);let o=Math.max(.06,n-a),s=e=>e/(O.length-1)*i.width,l=e=>i.height-2-(e-a)/o*(i.height-4);t.beginPath(),t.moveTo(s(0),l(O[0]));for(let e=1;e<O.length;e++)t.lineTo(s(e),l(O[e]));t.save(),t.lineTo(i.width,i.height),t.lineTo(0,i.height),t.closePath();let c=t.createLinearGradient(0,0,0,i.height);c.addColorStop(0,"rgba(255,59,59,0.28)"),c.addColorStop(1,"rgba(255,59,59,0)"),t.fillStyle=c,t.fill(),t.restore(),t.beginPath(),t.moveTo(s(0),l(O[0]));for(let e=1;e<O.length;e++)t.lineTo(s(e),l(O[e]));t.strokeStyle="rgba(255,90,90,0.95)",t.lineWidth=1.2,t.lineJoin="round",t.stroke(),t.beginPath(),t.arc(s(O.length-1),l(O[O.length-1]),1.8,0,2*Math.PI),t.fillStyle="#ff6b6b",t.fill()}()}function F(e){var t;let r=y?Math.min(64,e-y):16.67;y=e;let i=Math.min(3,r/16.67);for(let e=0;e<o.length;e++)j[e]<0?(k[e]-=r,k[e]<=0&&(j[e]=0)):(j[e]+=o[e].speed*(.55+.9*j[e])/60*i,j[e]>=1&&(t=e,N=1,M=0,C[P%L.length]+=Math.PI/12,P++,j[t]=-1,k[t]=o[t].dwell,z+=3));N=Math.max(0,N-.055*i),M>=0&&(M+=.04*i)>=1&&(M=-1);for(let e=0;e<L.length;e++)_[e]+=r*L[e].sp,S[e]+=(C[e]-S[e])*Math.min(1,r/380);(W-=r)<=0&&(W=l(2600,4200),f.current(),T=Math.min(99.1,Math.max(95.6,T+l(-.35,.4))),R=Math.min(99.8,Math.max(98.4,R+l(-.12,.14)))),(A-=r)<=0&&(A=140,I=Math.min(2400,Math.max(620,I+l(-70,72))),O.push(Math.min(1,Math.max(0,(I-600)/1800))),O.shift(),d.current&&(d.current.textContent=z.toLocaleString("en-US")),p.current&&(p.current.textContent=(I/1e3).toFixed(2)+"k"),h.current&&(h.current.textContent=T.toFixed(1)+"%"),g.current&&(g.current.textContent=R.toFixed(1)+"%")),D(),b=requestAnimationFrame(F)}function G(){v=!1,cancelAnimationFrame(b)}function V(){let i=t.getBoundingClientRect();if(!i.width||!i.height)return;let a=Math.min(2,window.devicePixelRatio||1);s=i.width,c=i.height,u=Math.min(s,c),x=s/2,w=c/2,e.width=Math.round(s*a),e.height=Math.round(c*a),e.style.width=s+"px",e.style.height=c+"px",r.setTransform(a,0,0,a,0,0),n&&D()}let Y=new ResizeObserver(V);if(Y.observe(t),V(),n){for(let e=0;e<o.length;e++)j[e]=.28+.1*e;return D(),d.current&&(d.current.textContent=z.toLocaleString("en-US")),p.current&&(p.current.textContent="1.18k"),h.current&&(h.current.textContent=T.toFixed(1)+"%"),g.current&&(g.current.textContent=R.toFixed(1)+"%"),()=>{Y.disconnect()}}let q=!0,U=()=>{q&&!document.hidden?v||n||(v=!0,y=0,b=requestAnimationFrame(F)):G()},X=new IntersectionObserver(e=>{q=e.some(e=>e.isIntersecting),U()},{rootMargin:"120px 0px"});return X.observe(e),document.addEventListener("visibilitychange",U),()=>{G(),Y.disconnect(),X.disconnect(),document.removeEventListener("visibilitychange",U)}},[]),(0,t.jsxs)("div",{style:{position:"relative",width:"100%",height:"100%",minHeight:"100%",background:"#070710",borderRadius:"24px",overflow:"hidden"},className:`jsx-43285548b5a6bce9 wne-wrap ${e}`,children:[(0,t.jsx)(n.default,{id:"43285548b5a6bce9",children:".wne-stage.jsx-43285548b5a6bce9{position:absolute;inset:0}.wne-canvas.jsx-43285548b5a6bce9{display:block;position:absolute;inset:0}.wne-hud.jsx-43285548b5a6bce9{pointer-events:none;font-family:inherit;position:absolute;inset:0}.wne-src.jsx-43285548b5a6bce9{letter-spacing:.7px;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;font-size:max(7.5px,min(1.5cqw,9.5px));font-weight:700;position:absolute}.wne-live.jsx-43285548b5a6bce9{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070710b8;border:1px solid #ff3b3b47;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;top:5.5%;left:5.5%}.wne-live-dot.jsx-43285548b5a6bce9{background:#ff3b3b;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite wne-blink;box-shadow:0 0 10px #ff3b3b}@keyframes wne-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.wne-live-text.jsx-43285548b5a6bce9{letter-spacing:1.4px;color:#fff;font-size:max(8px,min(1.5cqw,10px));font-weight:800}.wne-count.jsx-43285548b5a6bce9{letter-spacing:.4px;color:#ffffff6b;font-size:max(8px,min(1.5cqw,10.5px));font-weight:600;position:absolute;top:calc(5.5% + 40px);left:5.5%}.wne-count.jsx-43285548b5a6bce9 b.jsx-43285548b5a6bce9{color:#ffffffe6;font-variant-numeric:tabular-nums;font-weight:800}.wne-insights.jsx-43285548b5a6bce9{flex-direction:column;align-items:flex-end;gap:6px;max-width:62%;display:flex;position:absolute;top:5.5%;right:5.5%}.wne-card.jsx-43285548b5a6bce9{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0f080cd1;border:1px solid #ff3b3b38;border-radius:10px;align-items:center;gap:8px;padding:7px 11px;animation:.45s cubic-bezier(.16,1,.3,1) both wne-card-in;display:flex;box-shadow:0 8px 22px #00000080}@keyframes wne-card-in{0%{opacity:0;transform:translate(14px)scale(.96)}to{opacity:1;transform:none}}.wne-card-head.jsx-43285548b5a6bce9{color:#ffffffb8;font-size:max(8px,min(1.5cqw,10.5px));font-weight:700}.wne-card-value.jsx-43285548b5a6bce9{color:#ff3b3b;font-variant-numeric:tabular-nums;font-size:max(8px,min(1.5cqw,10.5px));font-weight:800}.wne-card-value.good.jsx-43285548b5a6bce9{color:#22c55e}.wne-metrics.jsx-43285548b5a6bce9{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070710ad;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:5.5%;left:5.5%;right:5.5%}.wne-metric.jsx-43285548b5a6bce9{flex-direction:column;gap:3px;min-width:0;display:flex}.wne-metric-label.jsx-43285548b5a6bce9{letter-spacing:.9px;text-transform:uppercase;color:#ffffff61;white-space:nowrap;font-size:max(7px,min(1.35cqw,9px));font-weight:700}.wne-metric-value.jsx-43285548b5a6bce9{color:#fff;font-variant-numeric:tabular-nums;font-size:max(11px,min(2.3cqw,15px));font-weight:800;line-height:1}.wne-metric-value.jsx-43285548b5a6bce9 small.jsx-43285548b5a6bce9{color:#fff6;margin-left:3px;font-size:.62em;font-weight:700}.wne-spark.jsx-43285548b5a6bce9{width:max(46px,min(11cqw,76px));height:20px;display:block}.wne-sr.jsx-43285548b5a6bce9{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){.wne-src.jsx-43285548b5a6bce9{display:none}}@container (width<=430px){.wne-src.jsx-43285548b5a6bce9,.wne-spark.jsx-43285548b5a6bce9{display:none}.wne-metrics.jsx-43285548b5a6bce9{gap:6px;padding:9px 11px}.wne-metric-label.jsx-43285548b5a6bce9{letter-spacing:.4px}.wne-insights.jsx-43285548b5a6bce9{max-width:74%}.wne-live.jsx-43285548b5a6bce9{gap:6px;padding:5px 9px}.wne-live-text.jsx-43285548b5a6bce9{letter-spacing:.9px}.wne-count.jsx-43285548b5a6bce9{top:calc(5.5% + 32px)}}"}),(0,t.jsxs)("div",{ref:a,style:{containerType:"size"},className:"jsx-43285548b5a6bce9 wne-stage",children:[(0,t.jsx)("canvas",{ref:i,"aria-hidden":"true",className:"jsx-43285548b5a6bce9 wne-canvas"}),(0,t.jsxs)("div",{"aria-hidden":"true",className:"jsx-43285548b5a6bce9 wne-hud",children:[o.map((e,r)=>{let i=-Math.PI/2+r/o.length*Math.PI*2,a=50+.28*Math.cos(i)*100,n=50+.28*Math.sin(i)*100,s=Math.abs(Math.cos(i))>.3?Math.cos(i)>0?{left:`${a+4.4}%`,top:`${n}%`,transform:"translateY(-50%)"}:{right:`${100-a+4.4}%`,top:`${n}%`,transform:"translateY(-50%)"}:{left:`${a}%`,top:`${n-5.6}%`,transform:"translate(-50%, -50%)"};return(0,t.jsx)("span",{style:s,className:"jsx-43285548b5a6bce9 wne-src",children:e.label},e.label)}),(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-live",children:[(0,t.jsx)("span",{className:"jsx-43285548b5a6bce9 wne-live-dot"}),(0,t.jsx)("span",{className:"jsx-43285548b5a6bce9 wne-live-text",children:"MILETRUTH ENGINE LIVE"})]}),(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-count",children:[(0,t.jsx)("b",{ref:d,className:"jsx-43285548b5a6bce9",children:"1,284,392"})," shipments analysed"]}),(0,t.jsx)("div",{className:"jsx-43285548b5a6bce9 wne-insights",children:u.map(e=>(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-card",children:[(0,t.jsx)("span",{className:"jsx-43285548b5a6bce9 wne-card-head",children:e.head}),(0,t.jsx)("span",{className:`jsx-43285548b5a6bce9 wne-card-value${e.good?" good":""}`,children:e.value})]},e.id))}),(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-metrics",children:[(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-metric",children:[(0,t.jsx)("span",{className:"jsx-43285548b5a6bce9 wne-metric-label",children:"Throughput"}),(0,t.jsxs)("span",{className:"jsx-43285548b5a6bce9 wne-metric-value",children:[(0,t.jsx)("span",{ref:p,className:"jsx-43285548b5a6bce9",children:"1.18k"}),(0,t.jsx)("small",{className:"jsx-43285548b5a6bce9",children:"ev/s"})]})]}),(0,t.jsx)("canvas",{ref:m,className:"jsx-43285548b5a6bce9 wne-spark"}),(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-metric",children:[(0,t.jsx)("span",{className:"jsx-43285548b5a6bce9 wne-metric-label",children:"Confidence"}),(0,t.jsx)("span",{ref:h,className:"jsx-43285548b5a6bce9 wne-metric-value",children:"97.4%"})]}),(0,t.jsxs)("div",{className:"jsx-43285548b5a6bce9 wne-metric",children:[(0,t.jsx)("span",{className:"jsx-43285548b5a6bce9 wne-metric-label",children:"SLA Protected"}),(0,t.jsx)("span",{ref:g,className:"jsx-43285548b5a6bce9 wne-metric-value",children:"99.2%"})]})]})]})]}),(0,t.jsx)("p",{className:"jsx-43285548b5a6bce9 wne-sr",children:"MileTruth AI ingesting live logistics telemetry from orders, fleet, routes, traffic, weather and proof-of-delivery feeds, and emitting routing recommendations in real time."})]})}let d=[{id:"data",label:"Logistics Data",icon:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),(0,t.jsx)("path",{d:"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"}),(0,t.jsx)("path",{d:"M3 12c0 1.66 4 3 9 3s9-1.34 9-3"})]}),description:"Orders, fleet telemetry, routes, and traffic updates compiled in real-time."},{id:"ai",label:"AI Core",icon:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",ry:"2"}),(0,t.jsx)("rect",{x:"9",y:"9",width:"6",height:"6"}),(0,t.jsx)("line",{x1:"9",y1:"1",x2:"9",y2:"4"}),(0,t.jsx)("line",{x1:"15",y1:"1",x2:"15",y2:"4"}),(0,t.jsx)("line",{x1:"9",y1:"20",x2:"9",y2:"23"}),(0,t.jsx)("line",{x1:"15",y1:"20",x2:"15",y2:"23"}),(0,t.jsx)("line",{x1:"20",y1:"9",x2:"23",y2:"9"}),(0,t.jsx)("line",{x1:"20",y1:"15",x2:"23",y2:"15"}),(0,t.jsx)("line",{x1:"1",y1:"9",x2:"4",y2:"9"}),(0,t.jsx)("line",{x1:"1",y1:"15",x2:"4",y2:"15"})]}),description:"Neural engine simulating network patterns and predicting constraints."},{id:"recommendations",label:"Recommendations",icon:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"}),(0,t.jsx)("path",{d:"M9 18h6"}),(0,t.jsx)("path",{d:"M10 22h4"})]}),description:"Optimized route configurations, SLA status warnings, and capacity balancing."},{id:"improvement",label:"Continuous Learning",icon:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M23 4v6h-6"}),(0,t.jsx)("path",{d:"M20.49 15a9 9 0 1 1-2.12-9.36L23 10"})]}),description:"Post-flight feedback loops refining algorithms with every shipment."}],p=[{title:"SLA Monitoring",icon:(0,t.jsx)("svg",{width:"16",height:"16",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"})})},{title:"Demand Forecasting",icon:(0,t.jsxs)("svg",{width:"16",height:"16",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)("circle",{cx:"12",cy:"12",r:"6"}),(0,t.jsx)("circle",{cx:"12",cy:"12",r:"2"})]})},{title:"Route & Fleet Optimization",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M3 12h18"}),(0,t.jsx)("path",{d:"M12 3v18"}),(0,t.jsx)("path",{d:"m18 17 4-5-4-5"})]})},{title:"Anomaly Detection",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"}),(0,t.jsx)("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),(0,t.jsx)("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]})},{title:"Performance Insights",icon:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 20V10"}),(0,t.jsx)("path",{d:"M18 20V4"}),(0,t.jsx)("path",{d:"M6 20v-4"})]})}];function h({children:e,className:a}){let n=(0,r.useRef)(null),o=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=n.current,t=o.current;if(!e||!t)return;let r=r=>{let a=e.getBoundingClientRect(),n=r.clientX-a.left,o=r.clientY-a.top,s=a.width/2,l=a.height/2;i.default.to(e,{duration:.5,rotateX:-((o-l)/l*4),rotateY:(n-s)/s*4,transformPerspective:1200,ease:"power2.out"}),i.default.set(t,{"--mx":`${n}px`,"--my":`${o}px`}),i.default.to(t,{duration:.3,opacity:.15,ease:"power2.out"})},a=()=>{i.default.to(e,{duration:.8,rotateX:0,rotateY:0,ease:"power3.out"}),i.default.to(t,{duration:.5,opacity:0,ease:"power3.out"})};return e.addEventListener("mousemove",r),e.addEventListener("mouseleave",a),()=>{e.removeEventListener("mousemove",r),e.removeEventListener("mouseleave",a)}},[]),(0,t.jsxs)("div",{ref:n,className:a,style:{perspective:"1000px"},children:[(0,t.jsx)("div",{ref:o,style:{position:"absolute",inset:0,borderRadius:"inherit",background:"radial-gradient(circle 300px at var(--mx, 50%) var(--my, 50%), rgba(255, 59, 59, 0.1) 0%, transparent 100%)",opacity:0,pointerEvents:"none",zIndex:2,transform:"translateZ(1px)",mixBlendMode:"screen"}}),(0,t.jsx)("div",{style:{position:"relative",zIndex:1,transformStyle:"preserve-3d",height:"100%",width:"100%"},children:e})]})}e.s(["default",0,function(){let[e,i]=(0,r.useState)(0),[n,o]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(n)return;let e=setInterval(()=>{i(e=>(e+1)%d.length)},4e3);return()=>clearInterval(e)},[n]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wmt-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(24px, 4vw, 40px) auto;
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #08080a;
|
||
padding: clamp(64px, 8vw, 100px) clamp(24px, 5vw, 48px);
|
||
border: 1px solid rgba(255, 255, 255, 0.03);
|
||
}
|
||
|
||
.wmt-ambient-glow {
|
||
position: absolute;
|
||
pointer-events: none;
|
||
border-radius: 50%;
|
||
filter: blur(140px);
|
||
z-index: 0;
|
||
opacity: 0.1;
|
||
}
|
||
|
||
.wmt-ambient-glow.red-left {
|
||
left: -10%;
|
||
top: 20%;
|
||
width: 480px;
|
||
height: 480px;
|
||
background: radial-gradient(circle, #ff3b3b 0%, transparent 70%);
|
||
}
|
||
|
||
.wmt-ambient-glow.red-right {
|
||
right: -5%;
|
||
bottom: 10%;
|
||
width: 420px;
|
||
height: 420px;
|
||
background: radial-gradient(circle, #ff3b3b 0%, transparent 70%);
|
||
}
|
||
|
||
.wmt-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
display: grid;
|
||
grid-template-columns: 1.15fr 0.85fr;
|
||
gap: 64px;
|
||
align-items: center;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wmt-inner {
|
||
grid-template-columns: 1fr;
|
||
gap: 48px;
|
||
}
|
||
}
|
||
|
||
.wmt-visual-container {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.wmt-visual-pane {
|
||
position: relative;
|
||
width: 100%;
|
||
aspect-ratio: 1/1;
|
||
max-width: 580px;
|
||
border-radius: 24px;
|
||
background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.02) 0%, transparent 80%), rgba(255, 255, 255, 0.01);
|
||
border: 1px solid rgba(255, 255, 255, 0.04);
|
||
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.05);
|
||
overflow: hidden;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.wmt-visual-img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
opacity: 0.95;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.wmt-particle-canvas {
|
||
position: absolute;
|
||
inset: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
pointer-events: none;
|
||
z-index: 1;
|
||
}
|
||
|
||
.wmt-content-pane {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
|
||
.wmt-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #ff3b3b;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wmt-title {
|
||
font-size: clamp(32px, 3.8vw, 44px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 16px 0;
|
||
text-transform: none !important;
|
||
}
|
||
|
||
.wmt-title span {
|
||
color: #ff3b3b;
|
||
}
|
||
|
||
.wmt-desc {
|
||
font-size: clamp(15px, 1.8vw, 16px);
|
||
line-height: 1.6;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
margin: 0 0 40px 0;
|
||
max-width: 600px;
|
||
}
|
||
|
||
.wmt-flow-container {
|
||
position: relative;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.wmt-flow-title {
|
||
font-size: 11px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1.5px;
|
||
color: rgba(255, 255, 255, 0.4);
|
||
font-weight: 700;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wmt-flow-pipeline {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
position: relative;
|
||
background: rgba(255, 255, 255, 0.015);
|
||
border: 1px solid rgba(255, 255, 255, 0.03);
|
||
border-radius: 16px;
|
||
padding: 16px 12px;
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
.wmt-flow-pipeline {
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
align-items: flex-start;
|
||
}
|
||
}
|
||
|
||
.wmt-flow-node {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex: 1;
|
||
text-align: center;
|
||
z-index: 2;
|
||
cursor: pointer;
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
.wmt-flow-node {
|
||
flex-direction: row;
|
||
text-align: left;
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.wmt-flow-icon-wrapper {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: rgba(255, 255, 255, 0.02);
|
||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||
color: rgba(255, 255, 255, 0.6);
|
||
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wmt-flow-node:hover .wmt-flow-icon-wrapper,
|
||
.wmt-flow-node.active .wmt-flow-icon-wrapper {
|
||
background: rgba(255, 59, 59, 0.12);
|
||
border-color: rgba(255, 59, 59, 0.5);
|
||
color: #ff3b3b;
|
||
box-shadow: 0 0 15px rgba(255, 59, 59, 0.25);
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
.wmt-flow-label {
|
||
font-size: 11px;
|
||
font-weight: 700;
|
||
color: rgba(255, 255, 255, 0.5);
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
.wmt-flow-node:hover .wmt-flow-label,
|
||
.wmt-flow-node.active .wmt-flow-label {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.wmt-flow-connector {
|
||
position: relative;
|
||
flex: 1;
|
||
height: 1px;
|
||
background: rgba(255, 255, 255, 0.06);
|
||
overflow: hidden;
|
||
max-width: 60px;
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
.wmt-flow-connector {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.wmt-flow-connector.active {
|
||
background: rgba(255, 59, 59, 0.2);
|
||
}
|
||
|
||
.wmt-flow-connector::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
left: -100%;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: linear-gradient(90deg, transparent, #ff3b3b, transparent);
|
||
animation: laser-flow 3s infinite linear;
|
||
}
|
||
|
||
.wmt-flow-connector.active::after {
|
||
animation-duration: 1.8s;
|
||
}
|
||
|
||
@keyframes laser-flow {
|
||
0% { left: -100%; }
|
||
100% { left: 100%; }
|
||
}
|
||
|
||
.wmt-flow-details {
|
||
margin-top: 14px;
|
||
padding: 12px 18px;
|
||
background: rgba(255, 59, 59, 0.015);
|
||
border: 1px solid rgba(255, 59, 59, 0.08);
|
||
border-radius: 12px;
|
||
min-height: 48px;
|
||
display: flex;
|
||
align-items: center;
|
||
backdrop-filter: blur(4px);
|
||
}
|
||
|
||
.wmt-flow-details-text {
|
||
font-size: 12.5px;
|
||
line-height: 1.5;
|
||
color: rgba(255, 255, 255, 0.65);
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-chips-title {
|
||
font-size: 11px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1.5px;
|
||
color: rgba(255, 255, 255, 0.4);
|
||
font-weight: 700;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wmt-chips-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 12px;
|
||
}
|
||
|
||
@media (max-width: 500px) {
|
||
.wmt-chips-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|
||
|
||
.wmt-chip {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
background: rgba(255, 255, 255, 0.015);
|
||
border: 1px solid rgba(255, 255, 255, 0.04);
|
||
border-radius: 12px;
|
||
padding: 12px 16px;
|
||
cursor: pointer;
|
||
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
||
backdrop-filter: blur(8px);
|
||
}
|
||
|
||
.wmt-chip:hover {
|
||
background: rgba(255, 255, 255, 0.035);
|
||
border-color: rgba(255, 59, 59, 0.3);
|
||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 10px rgba(255, 59, 59, 0.04);
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
.wmt-chip-icon-container {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 28px;
|
||
height: 28px;
|
||
border-radius: 8px;
|
||
background: rgba(255, 255, 255, 0.03);
|
||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||
color: rgba(255, 255, 255, 0.6);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.wmt-chip:hover .wmt-chip-icon-container {
|
||
background: rgba(255, 59, 59, 0.1);
|
||
border-color: rgba(255, 59, 59, 0.35);
|
||
color: #ff3b3b;
|
||
}
|
||
|
||
.wmt-chip-text {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: rgba(255, 255, 255, 0.8);
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
.wmt-chip:hover .wmt-chip-text {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.wmt-callout {
|
||
position: relative;
|
||
border-radius: 20px;
|
||
padding: 30px 32px;
|
||
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(110, 8, 26, 0.98) 100%);
|
||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 24px;
|
||
flex-wrap: wrap;
|
||
overflow: hidden;
|
||
margin-top: 56px;
|
||
}
|
||
|
||
.wmt-callout::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: -1.5px;
|
||
border-radius: 20px;
|
||
background: linear-gradient(90deg, #c8102e, #ff3b3b, #ff3b3b, #c8102e);
|
||
background-size: 300% 100%;
|
||
animation: wmt-sweep 6s linear infinite;
|
||
z-index: -1;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
@keyframes wmt-sweep {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.wmt-callout-body { max-width: 640px; }
|
||
|
||
.wmt-callout-title {
|
||
font-size: 19px !important;
|
||
font-weight: 800 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wmt-callout-desc {
|
||
font-size: 13.5px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.85);
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-callout-badge {
|
||
flex-shrink: 0;
|
||
font-size: 11px;
|
||
font-weight: 800;
|
||
letter-spacing: 1px;
|
||
text-transform: uppercase;
|
||
color: #ffffff;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border: 1px solid rgba(255, 255, 255, 0.25);
|
||
border-radius: 999px;
|
||
padding: 8px 16px;
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wmt-callout { flex-direction: column; align-items: flex-start; margin-top: 40px; }
|
||
.wmt-section { padding-top: 48px; padding-bottom: 48px; }
|
||
}
|
||
`}}),(0,t.jsxs)("section",{className:"wmt-section",id:"wings-miletruth",children:[(0,t.jsx)("div",{className:"wmt-ambient-glow red-left","aria-hidden":"true"}),(0,t.jsx)("div",{className:"wmt-ambient-glow red-right","aria-hidden":"true"}),(0,t.jsxs)("div",{className:"wmt-inner dm-section-container",children:[(0,t.jsx)(a.ScrollReveal,{delay:.05,duration:.8,yOffset:20,className:"wmt-visual-container",children:(0,t.jsx)(h,{className:"wmt-visual-pane",children:(0,t.jsx)(c,{})})}),(0,t.jsxs)("div",{className:"wmt-content-pane",children:[(0,t.jsxs)(a.ScrollReveal,{delay:.1,duration:.8,yOffset:20,children:[(0,t.jsx)("div",{className:"wmt-eyebrow",children:"/ MileTruth™ AI /"}),(0,t.jsxs)("h2",{className:"wmt-title",children:["MILETRUTH™ ",(0,t.jsx)("span",{children:"AI"})]}),(0,t.jsx)("p",{className:"wmt-desc",children:"MileTruth continuously analyzes every completed shipment, turning raw operational data into recommendations that make next mile faster, cheaper and more reliable."})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.15,duration:.8,yOffset:20,className:"wmt-flow-container",children:[(0,t.jsx)("div",{className:"wmt-flow-title",children:"Data Pipeline Flow"}),(0,t.jsx)("div",{className:"wmt-flow-pipeline",onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:d.map((r,a)=>(0,t.jsxs)("div",{style:{display:"contents"},children:[(0,t.jsxs)("div",{className:`wmt-flow-node ${e===a?"active":""}`,onMouseEnter:()=>i(a),children:[(0,t.jsx)("div",{className:"wmt-flow-icon-wrapper",children:r.icon}),(0,t.jsx)("div",{className:"wmt-flow-label",children:r.label})]}),a<d.length-1&&(0,t.jsx)("div",{className:`wmt-flow-connector ${e>=a?"active":""}`})]},r.id))}),(0,t.jsx)("div",{className:"wmt-flow-details",children:(0,t.jsx)("p",{className:"wmt-flow-details-text",children:d[e].description})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.2,duration:.8,yOffset:20,children:[(0,t.jsx)("div",{className:"wmt-chips-title",children:"Engine Capabilities"}),(0,t.jsx)("div",{className:"wmt-chips-grid",children:p.map(e=>(0,t.jsxs)("div",{className:"wmt-chip",children:[(0,t.jsx)("div",{className:"wmt-chip-icon-container",children:e.icon}),(0,t.jsx)("span",{className:"wmt-chip-text",children:e.title})]},e.title))})]})]})]}),(0,t.jsx)(a.ScrollReveal,{delay:.25,duration:.8,yOffset:20,children:(0,t.jsxs)("div",{className:"wmt-callout",children:[(0,t.jsxs)("div",{className:"wmt-callout-body",children:[(0,t.jsx)("h3",{className:"wmt-callout-title",children:"Digital Twin of the Logistics Network"}),(0,t.jsx)("p",{className:"wmt-callout-desc",children:"A live virtual model of every ground vehicle, terminal, and flight — simulating what-if scenarios before bottlenecks ever form."})]}),(0,t.jsx)("span",{className:"wmt-callout-badge",children:"SaaS Ready"})]})})]})]})}],55064)},13378,e=>{"use strict";var t=e.i(43476),r=e.i(71645);let i=[{year:"Year 1",trackLeft:"10%",phase:"Launch Phase",phaseClass:"yellow",desc:"Establish localized clearance hubs and launch cargo services connecting 5–6 key commercial cities."},{year:"Year 2",trackLeft:"30%",phase:"Network Growth",phaseClass:"green",desc:"Expand hub operations and airfield schedules, serving 15 regional and secondary cargo airports."},{year:"Year 3",trackLeft:"50%",phase:"Cross-Border Nodes",phaseClass:"blue",desc:"Add international regional routes, bridging key freight corridors in South Asia."},{year:"Year 5",trackLeft:"70%",phase:"Operational Scale",phaseClass:"blue",desc:"Expand to a fleet of 25 leased cargo aircraft, servicing over 50 regional airports nationwide."},{year:"Year 10",trackLeft:"90%",phase:"Global Duplication",phaseClass:"white-pill",desc:"Replicate our asset-light, AI-powered logistics framework across Asia, Africa, and the Middle East.",glow:!0}];e.s(["default",0,function(){let[e,a]=(0,r.useState)(i.length-1),n=(e+1)/i.length*100;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.wrm-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(32px, 4vw, 56px) auto clamp(16px, 2vw, 32px);
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(40px, 5vw, 64px) clamp(24px, 5vw, 48px);
|
||
}
|
||
|
||
.wrm-header {
|
||
margin: 0 auto 44px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wrm-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wrm-title {
|
||
font-size: clamp(28px, 3.4vw, 48px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wrm-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wrm-track-wrap {
|
||
position: relative;
|
||
height: 4px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
border-radius: 2px;
|
||
margin: 0 auto 44px auto;
|
||
}
|
||
|
||
.wrm-track-fill {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
background: #c8102e;
|
||
box-shadow: 0 0 10px #c8102e;
|
||
border-radius: 2px;
|
||
transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wrm-nodes { position: absolute; inset: 0; }
|
||
|
||
.wrm-node {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #18181b;
|
||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||
transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
|
||
.wrm-node.is-active {
|
||
background: #c8102e;
|
||
border-color: #ffffff;
|
||
box-shadow: 0 0 10px #c8102e;
|
||
}
|
||
|
||
.wrm-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||
gap: 16px;
|
||
}
|
||
|
||
.wrm-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
padding: 24px 20px;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||
background: rgba(255, 255, 255, 0.03);
|
||
cursor: pointer;
|
||
transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
|
||
.wrm-card:hover,
|
||
.wrm-card.is-active {
|
||
transform: translateY(-6px);
|
||
border-color: rgba(200, 16, 46, 0.5);
|
||
background: rgba(200, 16, 46, 0.06);
|
||
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.wrm-card-year {
|
||
font-size: 20px;
|
||
font-weight: 900;
|
||
color: #ffffff;
|
||
letter-spacing: -0.5px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.wrm-phase-pill {
|
||
display: inline-block;
|
||
font-size: 10.5px;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
padding: 4px 9px;
|
||
border-radius: 6px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.wrm-phase-pill.yellow { background: rgba(234,179,8,0.12); color: #eab308; border: 1px solid rgba(234,179,8,0.2); }
|
||
.wrm-phase-pill.green { background: rgba(34,197,94,0.12); color: #22c55e; border: 1px solid rgba(34,197,94,0.2); }
|
||
.wrm-phase-pill.blue { background: rgba(59,130,246,0.12); color: #3b82f6; border: 1px solid rgba(59,130,246,0.2); }
|
||
.wrm-phase-pill.white-pill { background: rgba(255,255,255,0.12); color: #ffffff; border: 1px solid rgba(255,255,255,0.2); }
|
||
|
||
.wrm-card-desc {
|
||
font-size: 14.5px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
margin: 0;
|
||
}
|
||
|
||
.wrm-card.wrm-glow {
|
||
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(110, 8, 26, 0.98) 100%);
|
||
border-color: rgba(255, 255, 255, 0.15);
|
||
}
|
||
|
||
.wrm-card.wrm-glow .wrm-card-desc { color: rgba(255, 255, 255, 0.85); }
|
||
.wrm-card.wrm-glow:hover,
|
||
.wrm-card.wrm-glow.is-active {
|
||
box-shadow: 0 20px 40px rgba(200, 16, 46, 0.45);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wrm-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
.wrm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
/* Both the outer margin-top and the internal vertical padding
|
||
clamp()s floor at fixed, sizeable values (56px + 64px = ~120px
|
||
combined) on any phone width — noticeably heavier than the
|
||
section rhythm near the footer. Horizontal padding is left
|
||
untouched (its own clamp already resolves small on phones). */
|
||
.wrm-section {
|
||
margin-top: 24px;
|
||
padding-top: 32px;
|
||
padding-bottom: 32px;
|
||
}
|
||
.wrm-track-wrap { display: none; }
|
||
.wrm-grid {
|
||
grid-template-columns: 1fr;
|
||
gap: 14px;
|
||
position: relative;
|
||
padding-left: 26px;
|
||
}
|
||
.wrm-grid::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 8px;
|
||
bottom: 8px;
|
||
width: 2px;
|
||
border-radius: 2px;
|
||
background: rgba(255, 255, 255, 0.12);
|
||
}
|
||
.wrm-card { position: relative; }
|
||
.wrm-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -25px;
|
||
top: 22px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #18181b;
|
||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.wrm-card.is-active::before,
|
||
.wrm-card:hover::before {
|
||
background: #c8102e;
|
||
border-color: #ffffff;
|
||
box-shadow: 0 0 10px rgba(200, 16, 46, 0.7);
|
||
}
|
||
}
|
||
`}}),(0,t.jsx)("section",{className:"wrm-section",id:"wings-roadmap",children:(0,t.jsxs)("div",{className:"dm-section-container",children:[(0,t.jsxs)("div",{className:"wrm-header",children:[(0,t.jsx)("div",{className:"wrm-eyebrow",children:"/ Future Roadmap /"}),(0,t.jsx)("h2",{className:"wrm-title",children:"A ten-year path to national scale"})]}),(0,t.jsxs)("div",{className:"wrm-inner",children:[(0,t.jsxs)("div",{className:"wrm-track-wrap","aria-hidden":"true",children:[(0,t.jsx)("div",{className:"wrm-track-fill",style:{width:`${n}%`}}),(0,t.jsx)("div",{className:"wrm-nodes",children:i.map((r,a)=>(0,t.jsx)("div",{className:`wrm-node${a<=e?" is-active":""}`,style:{left:`${(a+.5)/i.length*100}%`}},a))})]}),(0,t.jsx)("div",{className:"wrm-grid",children:i.map((r,i)=>(0,t.jsxs)("div",{className:`wrm-card${r.glow?" wrm-glow":""}${i===e?" is-active":""}`,onMouseEnter:()=>a(i),onClick:()=>a(i),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&a(i)},children:[(0,t.jsx)("div",{className:"wrm-card-year",children:r.year}),(0,t.jsx)("span",{className:`wrm-phase-pill ${r.phaseClass}`,children:r.phase}),(0,t.jsx)("p",{className:"wrm-card-desc",children:r.desc})]},r.year))})]})]})})]})}])}]); |