/* Ten-stop capabilities path: library icons, one route, no image or WebGL scene. */
.lifecycle--icons{display:block;padding:clamp(22px,3vw,40px);background:#0b383e;border:1px solid #24545b;color:#fff;overflow:hidden}
.lifecycle--icons .eyebrow{color:#b8e5e3}
.lifecycle--icons .lifecycle-intro{display:flex;justify-content:space-between;align-items:end;gap:20px}
.lifecycle--icons .lifecycle-intro h3{font-family:Georgia,serif;font-size:clamp(30px,3.5vw,52px);font-weight:400;line-height:1.08;letter-spacing:-.035em;color:#fff;margin:8px 0}
.lifecycle--icons .lifecycle-intro>div>p:not(.eyebrow){font-size:15px;color:#c4dfdc;margin:0}
.lifecycle--icons .lifecycle-pause{margin:0 0 3px;padding:11px 18px;min-height:44px;border:1px solid #7ba5a9;border-radius:999px;background:transparent;color:#fff}
.lifecycle--icons .lifecycle-pause:hover,.lifecycle--icons .lifecycle-pause:focus-visible{background:#1e5961;box-shadow:0 0 0 3px #8cd8d955}
.lifecycle--icons .lifecycle-wheel{position:relative;display:block;width:100%;max-width:none;min-width:0;aspect-ratio:auto;margin:20px 0 0;padding:0;overflow:visible}
.lifecycle--icons .lifecycle-route{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.lifecycle--icons .lifecycle-route-base{fill:none;stroke:#77acb1;stroke-opacity:.42;stroke-width:2;stroke-linecap:round}
.lifecycle--icons .lifecycle-route-progress{fill:none;stroke:#b4f6f2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #7fe0e7)}
.lifecycle--icons .lifecycle-route-traveler{fill:#fff;stroke:#8bd9da;stroke-width:2;filter:drop-shadow(0 0 7px #a7f5f3)}
.lifecycle--icons .lifecycle-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:10px;row-gap:68px;list-style:none;padding:0;margin:0}
.lifecycle--icons .lifecycle-steps::before,.lifecycle--icons .lifecycle-steps::after{display:none}
.lifecycle--icons .lifecycle-steps li{position:relative;left:auto;top:auto;transform:none;width:auto;min-width:0;text-align:center}
.lifecycle--icons .lifecycle-steps button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:132px;padding:5px 3px 12px;border:0;background:none;color:#d8edec;text-align:center;font:inherit;cursor:pointer;transition:color .25s}
.lifecycle--icons .lifecycle-steps button::before,.lifecycle--icons .lifecycle-steps button::after{display:none!important;content:none!important}
.lifecycle--icons .lifecycle-icon-slot{display:flex;align-items:center;justify-content:center;width:88px;height:88px;flex:none;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.lifecycle--icons .lifecycle-icon-slot img{display:block;width:62px!important;height:62px!important;aspect-ratio:1!important;max-width:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 5px #001d2466)!important;opacity:.58;transform:scale(.91);transition:opacity .35s,transform .48s,filter .35s}
.lifecycle--icons .lifecycle-steps button[data-complete="true"] .lifecycle-icon-slot img{opacity:1;transform:scale(1)}
.lifecycle--icons .lifecycle-steps button[aria-current="step"] .lifecycle-icon-slot img{opacity:1;transform:scale(1.14);filter:drop-shadow(0 0 12px #d4ffffaa)!important;animation:icon-breathe 2.8s ease-in-out infinite}
.lifecycle--icons .lifecycle-steps button:hover .lifecycle-icon-slot img,.lifecycle--icons .lifecycle-steps button:focus-visible .lifecycle-icon-slot img{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 12px #d4ffffaa)!important}
.lifecycle--icons .lifecycle-steps button .lifecycle-stage-number{display:block;width:auto;height:auto;line-height:1.1;border:0;border-radius:0;background:none;box-shadow:none;color:#8ebfc1;font-size:11px;font-weight:800;letter-spacing:.13em;transform:none}
.lifecycle--icons .lifecycle-steps button .lifecycle-stage-name{display:block;position:static;width:auto!important;height:auto!important;min-width:0;margin:0;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;font-size:15px;line-height:1.2;color:#d5e8e7;white-space:nowrap}
.lifecycle--icons .lifecycle-steps button[aria-current="step"] .lifecycle-stage-name,.lifecycle--icons .lifecycle-steps button:hover .lifecycle-stage-name{color:#fff}
.lifecycle--icons .lifecycle-steps button:focus-visible{outline:2px solid #c0ffff;outline-offset:2px;border-radius:12px}
.lifecycle--icons .lifecycle-readout{display:flex;align-items:baseline;gap:13px;min-height:0;margin:10px 0 0;padding:16px 0 0;border:0;border-top:1px solid #507980}
.lifecycle--icons .lifecycle-count{flex:none;font-size:12px;color:#b5ddde}
.lifecycle--icons .lifecycle-readout h3{font-size:24px;line-height:1.1;margin:0;min-width:145px;color:#fff}
.lifecycle--icons .lifecycle-description{font-size:14px;color:#d4e7e5;max-width:none;margin:0}
.lifecycle--icons .lifecycle-note{font-size:10px;line-height:1.5;color:#a7c9c9;margin:0 0 0 auto;text-align:right;max-width:25ch}
@keyframes icon-breathe{50%{transform:translateY(-5px) scale(1.15);filter:drop-shadow(0 0 16px #d4ffffcc)}}
@media(max-width:800px){.lifecycle--icons .lifecycle-steps{row-gap:42px}.lifecycle--icons .lifecycle-icon-slot{width:72px;height:74px}.lifecycle--icons .lifecycle-icon-slot img{width:53px!important;height:53px!important}.lifecycle--icons .lifecycle-steps button{min-height:118px}.lifecycle--icons .lifecycle-stage-name{font-size:13px!important}}
@media(max-width:700px){
  .lifecycle--icons{padding:24px 18px}
  .lifecycle--icons .lifecycle-intro{display:block}
  .lifecycle--icons .lifecycle-intro h3{font-size:clamp(30px,8vw,38px)}
  .lifecycle--icons .lifecycle-pause{margin-top:16px}
  .lifecycle--icons .lifecycle-wheel{margin-top:14px}
  .lifecycle--icons .lifecycle-steps{grid-template-columns:1fr;row-gap:3px}
  .lifecycle--icons .lifecycle-steps li{text-align:left}
  .lifecycle--icons .lifecycle-steps button{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;min-height:92px;padding:7px 10px 7px 20px;text-align:left}
  .lifecycle--icons .lifecycle-icon-slot{width:68px;height:68px}
  .lifecycle--icons .lifecycle-icon-slot img{width:54px!important;height:54px!important}
  .lifecycle--icons .lifecycle-steps button .lifecycle-stage-number{width:26px;font-size:12px}
  .lifecycle--icons .lifecycle-steps button .lifecycle-stage-name{font-size:17px!important}
  .lifecycle--icons .lifecycle-readout{display:block;padding-top:14px}
  .lifecycle--icons .lifecycle-readout h3{margin:6px 0}
  .lifecycle--icons .lifecycle-note{margin-top:9px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.lifecycle--icons .lifecycle-icon-slot img{animation:none!important;transition:none!important}.lifecycle--icons .lifecycle-route-progress{filter:none}}
@media(max-width:380px){
  .lifecycle--icons .lifecycle-steps button{gap:8px;padding-left:10px;padding-right:3px}
  .lifecycle--icons .lifecycle-icon-slot{width:58px;height:64px}
  .lifecycle--icons .lifecycle-icon-slot img{width:50px!important;height:50px!important}
  .lifecycle--icons .lifecycle-steps button .lifecycle-stage-number{width:22px}
  .lifecycle--icons .lifecycle-steps button .lifecycle-stage-name{font-size:16px!important}
}