/* Full-page motion belongs only to the independently published 3D variant. */
.ds-journey{--journey-progress:0;--journey-x:74%;--journey-y:30%;--journey-visibility:0;--journey-accent:#4cdbbd}
.ds-journey main,.ds-journey>.site-footer{position:relative;z-index:1}
.journey-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:clip;opacity:var(--journey-visibility);transition:opacity .5s;isolation:isolate;background:radial-gradient(ellipse at var(--journey-x) var(--journey-y),#157b9b1a,transparent 57%),radial-gradient(ellipse at calc(100% - var(--journey-x)) 80%,#29b99413,transparent 48%)}
.journey-layer:before{content:'';position:absolute;inset:-15%;background-image:linear-gradient(#5d928c1a 1px,transparent 1px),linear-gradient(90deg,#5d928c1a 1px,transparent 1px);background-size:85px 85px;mask-image:radial-gradient(ellipse at var(--journey-x) 50%,#000,transparent 70%);transform:translate3d(0,calc(var(--journey-progress) * -160px),0) rotate(calc(var(--journey-progress) * 4deg));transform-origin:center;opacity:.7}
.journey-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f6f7f380 35%,#f6f7f380 65%,transparent);pointer-events:none}
.journey-canvas{position:absolute;inset:0;opacity:.72}.journey-canvas canvas{display:block;width:100%;height:100%}
.ds-journey .story{background:#092631ee}.ds-journey .plans-section{background:#e9eee7d9}.ds-journey .final-cta{background:#0c3542eb}
html[data-ds-theme=dark] .journey-layer{background:radial-gradient(ellipse at var(--journey-x) var(--journey-y),#139a8940,transparent 55%),radial-gradient(ellipse at calc(100% - var(--journey-x)) 75%,#10639833,transparent 47%)}
html[data-ds-theme=dark] .journey-layer:after{background:linear-gradient(90deg,transparent,#081b2740 34%,#081b2740 65%,transparent)}
html[data-ds-theme=dark] .ds-journey .story{background:#061923d9}html[data-ds-theme=dark] .ds-journey .plans-section{background:#0b2632b8}html[data-ds-theme=dark] .ds-journey .final-cta{background:#103944c9}
.journey-dock{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:11px;min-height:53px;padding:8px 10px 8px 13px;border:1px solid #a4c4bb;background:#f2faf0eb;backdrop-filter:blur(16px);border-radius:10px;box-shadow:0 8px 30px #082f3120;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s;color:#254d45}
.journey-dock.is-visible{opacity:1;visibility:visible;transform:none}.journey-meter{width:34px;height:34px;position:relative;display:grid;place-items:center}.journey-meter svg{position:absolute;inset:0;width:34px;height:34px;transform:rotate(-90deg)}.journey-meter circle{fill:none;stroke:#b7d4ca;stroke-width:1.6}.journey-meter .journey-arc{stroke:#179a7e;stroke-width:2;stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:calc(88 - var(--journey-progress) * 88)}.journey-meter output{font-size:8px;font-weight:600}.journey-chapter{font-size:10px;font-weight:600;min-width:108px;line-height:1.5}.journey-chapter small{display:block;font-size:6px;font-weight:400;letter-spacing:.1em;color:#6c9185}.journey-pause{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bad3c7;border-radius:6px;background:transparent;color:#387865;cursor:pointer;font-size:14px}.journey-pause:hover{background:#dceee2}.journey-dock button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
html[data-ds-theme=dark] .journey-dock{background:#123541ed;border-color:#3b6f6b;color:#d4eee2;box-shadow:0 8px 30px #0004}html[data-ds-theme=dark] .journey-meter circle{stroke:#375e61}html[data-ds-theme=dark] .journey-meter .journey-arc{stroke:#64dfb8}html[data-ds-theme=dark] .journey-chapter small{color:#8eb8ab}html[data-ds-theme=dark] .journey-pause{color:#a1dfc7;border-color:#3a6865}html[data-ds-theme=dark] .journey-pause:hover{background:#25544f}
.ds-journey .motion-card{--tilt-x:0deg;--tilt-y:0deg;--card-lift:0px;position:relative;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--card-lift));transition:transform .25s ease-out,box-shadow .3s,border-color .3s;isolation:isolate}
.ds-journey .motion-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(450px circle at var(--pointer-x,50%) var(--pointer-y,50%),#68e1c619,transparent 60%);opacity:0;transition:opacity .3s;z-index:2}
.ds-journey .motion-card:hover:after,.ds-journey .motion-card:focus-within:after{opacity:1}.ds-journey .motion-card:hover{border-color:#58ad96;box-shadow:0 18px 45px #0b4c3424}.ds-journey .feature-card .feature-icon{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s}.ds-journey .feature-card:hover .feature-icon{transform:rotate(-12deg) scale(1.08);background:#3dbd9320}
.ds-journey .feature-card .event-circle{box-shadow:0 0 0 0 #32d0a440;animation:ds-signal 3s ease-out infinite}.ds-journey .feature-card .map-dot{animation:ds-signal 3.5s ease-out infinite}.ds-journey .motion-chapter{position:relative}.ds-journey .motion-chapter>.section-intro .eyebrow,.ds-journey .motion-chapter>.plans-heading .eyebrow{color:var(--blue)}
.ds-journey .onboarding-grid{position:relative}.ds-journey .onboarding-grid:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0b7b9f,#36d6a6);transform:scaleX(var(--step-progress,0));transform-origin:left;box-shadow:0 0 18px #28bf9f55;z-index:2}.ds-journey .onboarding-grid article>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid transparent;border-radius:50%;transition:color .3s,background .3s,border-color .3s}.ds-journey .onboarding-grid article.motion-step-active>span{border-color:#45b89a;background:#48bb9b26;color:var(--blue)}
.ds-journey .final-cta .button{position:relative;box-shadow:0 0 0 0 #32d4b31f;animation:ds-cta-pulse 4s ease-in-out infinite}.ds-journey .faq-list details[open]{border-color:#509e8c}.ds-journey .faq-list summary{transition:color .2s}.ds-journey .faq-list summary:hover{color:var(--blue)}
.journey-ripple{position:fixed;left:0;top:0;width:30px;height:30px;border:1px solid #58cdb2;border-radius:50%;pointer-events:none;z-index:3;opacity:0;transform:translate(-50%,-50%)}.journey-ripple.is-active{animation:ds-touch-wave 1s ease-out}.ds-journey.has-orbit-target{cursor:crosshair}
.ds-journey[data-motion-paused=true] .event-circle,.ds-journey[data-motion-paused=true] .map-dot,.ds-journey[data-motion-paused=true] .final-cta .button{animation-play-state:paused}.ds-journey[data-motion-paused=true] .motion-card{--tilt-x:0deg!important;--tilt-y:0deg!important;--card-lift:0px!important}
@keyframes ds-signal{0%{box-shadow:0 0 0 0 #32d0a444}60%,100%{box-shadow:0 0 0 12px #32d0a400}}@keyframes ds-cta-pulse{0%,100%{box-shadow:0 0 0 0 #38dfb620}50%{box-shadow:0 0 0 9px #38dfb608}}@keyframes ds-touch-wave{0%{opacity:.7;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(9)}}
@media(max-width:650px){.journey-dock{right:12px;bottom:12px;gap:8px;min-height:46px;padding:5px 7px 5px 9px;border-radius:8px}.journey-meter{width:30px;height:30px}.journey-meter svg{width:30px;height:30px}.journey-chapter{font-size:9px;min-width:82px}.journey-chapter small{font-size:5px}.journey-pause{height:32px;width:32px}.journey-canvas{opacity:.5}.journey-layer:before{background-size:55px 55px;opacity:.45}.ds-journey .onboarding-grid:before{width:2px;left:-10px;top:0;bottom:0;right:auto;height:100%;transform:scaleY(var(--step-progress,0));transform-origin:top}.ds-journey .motion-card{transform:none!important}.journey-ripple.is-active{animation-duration:.7s}}
@media(prefers-reduced-motion:reduce){.journey-canvas{display:none}.journey-layer:before{transform:none}.journey-dock,.journey-layer,.ds-journey .motion-card{transition:none}.ds-journey .motion-card{transform:none!important}.ds-journey .event-circle,.ds-journey .map-dot,.ds-journey .final-cta .button{animation:none!important}.journey-ripple{display:none}.journey-pause{display:none}}
