/* DETA Drive: original mobility network visual and ride/parcel workflows. */
body.is-dp-drive-product{--drive-accent:var(--teal);--drive-secondary:var(--purple);--drive-warm:var(--orange)}
body.is-dp-drive-product .statement-section#drive-overview{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--teal) 25%,var(--line));border-radius:15px 20px 13px 18px;background:radial-gradient(ellipse at 86% 50%,color-mix(in srgb,var(--teal) 11%,transparent),transparent 35%),radial-gradient(ellipse at 96% 50%,color-mix(in srgb,var(--purple) 8%,transparent),transparent 25%),color-mix(in srgb,var(--panel) 88%,transparent)}
body.is-dp-drive-product .statement-section#drive-overview:after{content:"";position:absolute;z-index:-1;inset-inline-end:8%;top:50%;width:182px;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--teal) 56%,transparent);border-radius:50%;box-shadow:0 0 0 16px color-mix(in srgb,var(--purple) 5%,transparent),0 0 0 34px color-mix(in srgb,var(--orange) 5%,transparent),inset 0 0 0 27px color-mix(in srgb,var(--teal) 7%,transparent);transform:translateY(-50%);animation:drive-orbit 25s linear infinite}
body.is-dp-drive-product .statement-section#drive-overview:before{content:"DETA";position:absolute;z-index:-1;inset-inline-end:calc(8% + 62px);top:50%;width:58px;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--purple) 48%,var(--line));border-radius:50%;background:var(--panel);color:var(--purple);font:700 18px var(--sans);transform:translateY(-50%) rotate(-8deg);box-shadow:0 0 0 8px color-mix(in srgb,var(--panel) 75%,transparent),0 0 0 10px color-mix(in srgb,var(--orange) 20%,transparent)}
body.is-dp-drive-product .features-section[id^="drive-"],body.is-dp-drive-product .process-section#drive-workflow{padding-block:72px}
body.is-dp-drive-product .features-section[id^="drive-"] .section-heading,body.is-dp-drive-product .process-section#drive-workflow .section-heading{max-width:900px;margin-inline:auto;margin-bottom:30px}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list{max-width:1240px;margin-inline:auto;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.is-dp-drive-product #drive-passenger .feature-list,body.is-dp-drive-product #drive-commercial .feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li{position:relative;min-height:164px;padding:22px;border:1px solid var(--line);border-radius:13px 17px 12px 15px;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:3px 4px 0 color-mix(in srgb,var(--text) 6%,transparent);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li:nth-child(3n+2){--drive-card-accent:var(--purple)}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li:nth-child(3n){--drive-card-accent:var(--orange)}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li:before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:3px;border-radius:0 4px 4px 0;background:var(--drive-card-accent,var(--teal));opacity:.8}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--drive-accent) 46%,var(--line));box-shadow:5px 7px 0 color-mix(in srgb,var(--teal) 8%,transparent)}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-mark{width:36px;height:36px;display:grid;place-items:center;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--drive-card-accent,var(--teal)) 48%,var(--line));border-radius:50%;color:var(--drive-card-accent,var(--teal));background:color-mix(in srgb,var(--drive-card-accent,var(--teal)) 8%,var(--panel));font:700 12px var(--mono)}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list h3{margin:0 0 8px;color:var(--text);font-size:16px;line-height:1.4}
body.is-dp-drive-product .features-section[id^="drive-"] .feature-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
body.is-dp-drive-product #drive-workflow .process-track{max-width:1240px;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
body.is-dp-drive-product #drive-workflow .process-step{border-top:2px solid color-mix(in srgb,var(--teal) 58%,var(--line))}
body.is-dp-drive-product #drive-workflow .process-step:nth-child(2){border-color:color-mix(in srgb,var(--purple) 58%,var(--line))}
body.is-dp-drive-product #drive-workflow .process-step:nth-child(3){border-color:color-mix(in srgb,var(--orange) 58%,var(--line))}
@keyframes drive-orbit{to{rotate:360deg}}
@media(max-width:1100px){body.is-dp-drive-product #drive-passenger .feature-list,body.is-dp-drive-product #drive-commercial .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.is-dp-drive-product .features-section[id^="drive-"] .feature-list,body.is-dp-drive-product #drive-workflow .process-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.is-dp-drive-product .features-section[id^="drive-"],body.is-dp-drive-product .process-section#drive-workflow{padding:56px 20px}body.is-dp-drive-product .features-section[id^="drive-"] .feature-list,body.is-dp-drive-product #drive-workflow .process-track{grid-template-columns:1fr}body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li{min-height:0}body.is-dp-drive-product .statement-section#drive-overview:after{width:122px;inset-inline-end:5%;opacity:.55}body.is-dp-drive-product .statement-section#drive-overview:before{inset-inline-end:calc(5% + 42px)}}
@media(prefers-reduced-motion:reduce){body.is-dp-drive-product .statement-section#drive-overview:after{animation:none}body.is-dp-drive-product .features-section[id^="drive-"] .feature-list li{transition:none}}
