.journey{isolation:isolate;aspect-ratio:600/460;align-self:center;width:100%;min-width:0;font-family:Inter,Arial,sans-serif;position:relative}.journey-scene{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-bar{color:#ecf9fa;white-space:nowrap;cursor:pointer;z-index:2;background:linear-gradient(135deg,#2a4750ed,#122c35ed);border:1px solid #95b4bf;border-radius:9px;justify-content:center;align-items:center;gap:9%;height:12%;padding:0 2%;font-size:clamp(11px,1.08vw,15px);font-weight:550;line-height:1;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:flex;position:absolute;transform:skewY(-5deg);box-shadow:inset 2px 2px #c5e6e52b,0 5px 10px #0002}.journey-bar>svg{color:#b1e9e1;flex-shrink:0;width:25%;max-width:27px;height:auto;transition:transform .35s}.journey-visit{width:22%;top:6%;left:5%}.journey-choose{width:22%;top:3.2%;left:30.2%}.journey-enquire{width:24%;top:.4%;left:55.5%}.journey-tool{width:25%;top:37%;left:74%}.journey-automation{width:25%;top:58%;left:74%}.journey-bar:hover,.journey-bar:focus-visible,.journey-bar[aria-pressed=true]{background:linear-gradient(135deg,#345f65,#173a40);border-color:#a4f3df;transform:skewY(-5deg)translateY(-6px);box-shadow:inset 1px 1px #c5fff33b,0 9px 22px #0004,0 0 18px #6edac414}.journey-bar:focus-visible{outline-offset:5px;outline:2px solid #c5fff2}.journey-browser,.journey-success{transition:filter .35s}.journey-picture,.journey-mini-cta,.journey-check-disc{transition:fill .3s,opacity .3s}.journey-cursor{opacity:0;transition:opacity .25s,transform .4s;transform:translate(-10px,-10px)}.journey-options{opacity:0;transition:opacity .3s,transform .4s;transform:translateY(5px)}.journey-connectors{opacity:.7;transition:opacity .3s}.journey-auto-signal{opacity:0}.journey[data-active=visit] .journey-cursor{opacity:1;transform:translate(0)}.journey[data-active=visit] .journey-mini-cta{fill:#b1f9df;animation:1.2s ease-in-out infinite j-cta}.journey[data-active=visit] .journey-visit>svg{transform:translate(2px,-3px)}.journey[data-active=choose] .journey-options,.journey[data-active=tool] .journey-options{opacity:1;transform:translateY(0)}.journey[data-active=choose] .journey-choose>svg{transform:translateY(-3px)}.journey[data-active=choose] .journey-success,.journey[data-active=tool] .journey-success{opacity:0;transition:opacity .3s,transform .35s;transform:matrix(1,-.105,0,1,170,298)}.journey[data-active=enquire] .journey-success{filter:drop-shadow(0 0 14px #6edac433);animation:.55s ease-out j-success}.journey[data-active=enquire] .journey-check{stroke-dasharray:35;stroke-dashoffset:35px;animation:.6s .12s forwards j-check}.journey[data-active=enquire] .journey-enquire>svg{animation:.6s j-chat}.journey[data-active=tool] .tool-line{stroke:#c1ffeb;stroke-dasharray:7 6;animation:1s linear infinite j-flow}.journey[data-active=tool] .journey-tool>svg{transform:rotate(-12deg)scale(1.15)}.journey[data-active=automation] .automation-line{stroke:#b7ffe6;stroke-dasharray:7 6;animation:1s linear infinite j-flow}.journey[data-active=automation] .journey-auto-signal{opacity:1}.journey[data-active=automation] .journey-automation>svg{animation:5s linear infinite j-gear}.journey[data-active=automation] .journey-check-disc{fill:#36a591}.journey[data-active=tool] .journey-connectors,.journey[data-active=automation] .journey-connectors{opacity:1}@keyframes j-cta{50%{filter:brightness(1.2)}}@keyframes j-success{0%{opacity:.5;translate:0 10px}65%{translate:0 -5px}to{opacity:1;translate:0}}@keyframes j-check{to{stroke-dashoffset:0}}@keyframes j-chat{50%{transform:rotate(-12deg)scale(1.1)}}@keyframes j-flow{to{stroke-dashoffset:-26px}}@keyframes j-gear{to{transform:rotate(360deg)}}@media (max-width:1100px) and (min-width:901px){.journey-bar{border-radius:7px;gap:6%;font-size:10px}}@media (max-width:900px){.journey{max-width:580px;margin:18px auto 12px}.journey-bar{border-radius:7px;font-size:clamp(10px,2.65vw,15px)}}@media (prefers-reduced-motion:reduce){.journey *,.journey :before{transition:none!important;animation:none!important}.journey-auto-signal{display:none}.journey-check{stroke-dashoffset:0!important}.journey-bar:hover,.journey-bar:focus-visible,.journey-bar[aria-pressed=true]{transform:skewY(-5deg)}}@media (pointer:coarse){.journey-bar:after{content:"";position:absolute;inset:-7px 0}}
