/* Iridescent floating tiles carry the four-step path; reading copy stays still. */
.delivery-spectrum { position: relative; overflow: clip; background: #f7f8fc; }
.delivery-spectrum .section-head { margin-bottom: 42px; }
.delivery-spectrum .path-stage { position: relative; isolation: isolate; padding: 18px 8px 30px; }
.delivery-spectrum .path-aurora {
  position: absolute;
  z-index: -2;
  inset: 7% -4% 12%;
  opacity: .6;
  background: radial-gradient(ellipse at 12% 35%, #f4d5ac80, transparent 35%), radial-gradient(ellipse at 36% 30%, #f0b6e399, transparent 36%), radial-gradient(ellipse at 60% 46%, #c5b9f799, transparent 40%), radial-gradient(ellipse at 89% 43%, #ace2d699, transparent 32%);
  filter: blur(22px);
  pointer-events: none;
}
.delivery-spectrum .path-ribbon { position: absolute; inset: 18px 0 auto; width: 100%; height: 300px; z-index: -1; pointer-events: none; overflow: visible; }
.delivery-spectrum .ribbon-halo { filter: blur(8px); opacity: .45; }
.delivery-spectrum .path-ribbon-mobile { display: none; }
.delivery-spectrum .path-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 26px; margin: 0; padding: 0; }
.delivery-spectrum .path-stop { min-width: 0; padding: 0; background: transparent; border: 0; }
.delivery-spectrum .path-discover { padding-top: 80px; }
.delivery-spectrum .path-connect { padding-top: 100px; }
.delivery-spectrum .path-refine { padding-top: 36px; }
.delivery-spectrum .path-float { position: relative; width: 184px; max-width: 100%; height: 174px; margin: 0 auto 34px; }
.delivery-spectrum .path-glass {
  position: absolute;
  inset: 6px 12px 14px 10px;
  display: grid;
  place-items: center;
  isolation: isolate;
  border: 2px solid #ffffffdf;
  border-radius: 34px;
  background: linear-gradient(140deg, #fff9, #e5d8fcbd 55%, #e6d8fc80);
  box-shadow: 7px 9px 0 #b4a3dd55, 13px 22px 36px #9280bf21, inset 3px 3px 7px #fffd, inset -3px -4px 9px #ac8fde44;
  transform: perspective(700px) rotateY(-14deg) rotateX(9deg) rotateZ(-8deg);
}
.delivery-spectrum .path-glass::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid #fffc;
  border-radius: 28px;
  pointer-events: none;
}
.delivery-spectrum .path-glint { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, #fff9, #fff0 26%, #ffd2f22b 47%, #cbeaff80 76%, #ffffd857); pointer-events: none; }
.delivery-spectrum .path-symbol { position: relative; width: 89px; height: 89px; color: #8d69d4; filter: drop-shadow(2px 5px 1px #7751b218); }
.delivery-spectrum .path-tile-dot { position: absolute; right: -11px; top: 65%; width: 13px; height: 13px; border-radius: 50%; background: #fff; border: 2px solid #e8bcef; box-shadow: 0 0 13px #da9fedaa; }
.delivery-spectrum .path-shadow { position: absolute; bottom: -19px; left: 12%; right: 8%; height: 16px; z-index: -1; border-radius: 50%; background: #b9a4d926; filter: blur(5px); }
.delivery-spectrum .path-pilot .path-glass { background: linear-gradient(140deg, #dccdfbc7, #bb9df3b3 58%, #e7c3f599); transform: perspective(700px) rotateY(-14deg) rotateX(9deg) rotateZ(7deg); box-shadow: 7px 9px 0 #aa8adc66, 13px 22px 36px #9280bf21, inset 3px 3px 7px #fffd, inset -3px -4px 9px #9974dc44; }
.delivery-spectrum .path-pilot .path-symbol { color: #7855c8; }
.delivery-spectrum .path-connect .path-glass { background: linear-gradient(140deg, #e9e6fcc7, #bedeeab3 58%, #b1d6d899); transform: perspective(700px) rotateY(-14deg) rotateX(9deg) rotateZ(-5deg); }
.delivery-spectrum .path-connect .path-symbol { color: #6b79be; }
.delivery-spectrum .path-refine .path-glass { background: linear-gradient(140deg, #e4dcfcc7, #a9c7f9b3 58%, #d6cdf099); transform: perspective(700px) rotateY(-14deg) rotateX(9deg) rotateZ(9deg); }
.delivery-spectrum .path-refine .path-symbol { color: #586bce; }
.delivery-spectrum .path-copy { position: relative; margin: 0 auto; max-width: 240px; }
.delivery-spectrum .path-copy h3 { display: flex; align-items: baseline; gap: 11px; font-size: 22px; font-weight: 600; letter-spacing: -.035em; margin: 0 0 13px; line-height: 1.5; }
.delivery-spectrum .path-index { color: #655b86; font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12px; font-weight: 500; letter-spacing: 0; }
.delivery-spectrum .path-copy p { margin: 0; color: #5d6272; font-size: 14px; line-height: 1.85; text-wrap: balance; }
.delivery-spectrum .path-output { display: inline-block; margin-top: 22px; padding: 7px 11px; border: 1px solid #fff; border-radius: 999px; background: #ffffff91; color: #655b86; font-size: 11px; line-height: 1.65; }
.delivery-spectrum .path-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 35px; }
.delivery-spectrum .path-footer .disclaimer { margin: 0; max-width: 720px; color: #656978; }
.delivery-spectrum #delivery-motion-toggle { flex-shrink: 0; min-height: 44px; display: inline-flex; align-items: center; gap: 12px; border-radius: 999px; padding: 10px 17px; border: 1px solid #d7ceeb; background: #fffb; color: #6d5c9d; font-size: 12px; }
.delivery-spectrum #delivery-motion-toggle:focus-visible { outline: 2px solid #7854cf; outline-offset: 5px; }
@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
  .delivery-spectrum .path-glass { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  .delivery-spectrum .path-output, .delivery-spectrum #delivery-motion-toggle { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}
@media (hover: hover) and (pointer: fine) {
  .delivery-spectrum #delivery-motion-toggle:hover { background: #f1eafa; }
}
@media (max-width: 1100px) {
  .delivery-spectrum .path-steps { gap: 20px; }
  .delivery-spectrum .path-float { width: 160px; height: 156px; }
  .delivery-spectrum .path-glass { border-radius: 29px; }
  .delivery-spectrum .path-glass::before { border-radius: 23px; }
  .delivery-spectrum .path-symbol { width: 78px; height: 78px; }
  .delivery-spectrum .path-copy h3 { font-size: 20px; }
  .delivery-spectrum .path-copy p { font-size: 13px; }
}
@media (max-width: 760px) {
  .delivery-spectrum .section-head { margin-bottom: 24px; }
  .delivery-spectrum .path-stage { padding: 15px 5px 20px; }
  .delivery-spectrum .path-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; row-gap: 40px; }
  .delivery-spectrum .path-stop { padding-top: 0; }
  .delivery-spectrum .path-pilot, .delivery-spectrum .path-refine { padding-top: 38px; }
  .delivery-spectrum .path-float { width: 170px; height: 164px; }
  .delivery-spectrum .path-ribbon-desktop { display: none; }
  .delivery-spectrum .path-ribbon-mobile { display: block; inset: 15px 0 auto; height: calc(100% - 110px); }
  .delivery-spectrum .path-copy { max-width: 210px; }
  .delivery-spectrum .path-footer { flex-direction: column; align-items: flex-start; gap: 17px; margin-top: 27px; }
}
@media (max-width: 480px) {
  .delivery-spectrum .path-stage { padding-inline: 1px; }
  .delivery-spectrum .path-steps { column-gap: 20px; row-gap: 33px; }
  .delivery-spectrum .path-float { width: 139px; height: 139px; margin-bottom: 26px; }
  .delivery-spectrum .path-glass { inset: 6px 9px 12px 6px; border-radius: 26px; }
  .delivery-spectrum .path-glass::before { inset: 3px; border-radius: 20px; }
  .delivery-spectrum .path-symbol { width: 66px; height: 66px; }
  .delivery-spectrum .path-copy h3 { font-size: 18px; gap: 7px; margin-bottom: 10px; }
  .delivery-spectrum .path-index { font-size: 10px; }
  .delivery-spectrum .path-copy p { font-size: 13px; }
  .delivery-spectrum .path-output { font-size: 10px; margin-top: 15px; padding: 6px 8px; }
  .delivery-spectrum .path-shadow { bottom: -11px; }
}
@media (prefers-reduced-motion: reduce) {
  .delivery-spectrum [data-path-float], .delivery-spectrum [data-path-glow] { transform: none !important; }
}