.dyna-journey{position:relative;isolation:isolate;overflow:clip;background:#070c20;color:#f5f7ff;padding:110px 0 65px;--journey-progress:0}.dyna-journey__grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 35%,#164da640,transparent 43%),radial-gradient(ellipse at 85% 75%,#742bd02b,transparent 40%),linear-gradient(#9da5ff05 1px,transparent 1px),linear-gradient(90deg,#9da5ff05 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px}.dyna-journey__header{max-width:1030px;margin-bottom:60px}.dyna-journey__kicker{display:flex;align-items:center;gap:12px;color:#98e9ff!important;text-transform:uppercase;font-size:12px;letter-spacing:.17em;font-weight:700}.dyna-journey__kicker>span{width:8px;height:8px;border-radius:50%;background:#7de8ff;box-shadow:0 0 18px #7de8ff}.dyna-journey__header h2{font-size:clamp(42px,5.4vw,88px);color:#fff!important;line-height:1.04;letter-spacing:-.045em;max-width:1000px;margin:24px 0;text-wrap:balance}.dyna-journey__intro{max-width:660px;color:#aebedb!important;font-size:19px;line-height:1.7}.dyna-journey__scroll{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.2em;color:#8fa4cc;margin-top:34px}.dyna-journey__scroll>span{display:grid;place-items:center;width:34px;height:44px;border:1px solid #4a5a7e;border-radius:30px;font-size:19px}.dyna-journey__layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.dyna-journey__visual{position:sticky;top:90px;min-width:0}.dyna-journey__stage{position:relative;height:min(650px,calc(100svh - 120px));min-height:470px;display:flex;justify-content:center;align-items:center;perspective:1200px}.dyna-journey__halo{position:absolute;inset:18% 8%;background:radial-gradient(ellipse,#1b99e34d,transparent 65%);filter:blur(22px)}.dyna-journey__orbit{position:absolute;border:1px solid #5da8ef30;border-radius:50%;height:74%;width:84%;transform:rotate(-22deg) scaleX(.9)}.dyna-journey__orbit--two{height:62%;width:97%;transform:rotate(23deg) scaleY(.8);border-color:#9984ff40}.dyna-journey__orbit:before{content:"";position:absolute;width:7px;height:7px;background:#7de8ff;border-radius:50%;top:20%;left:8%;box-shadow:0 0 24px #7de8ff}.dyna-journey__robot{position:relative;z-index:1;height:88%;width:95%;object-fit:contain;filter:drop-shadow(0 12px 36px #057bff33);transform:translateY(var(--robot-y,0px)) rotate(var(--robot-angle,-2deg));transition:transform .4s ease-out;will-change:transform}.dyna-journey__speech{position:absolute;z-index:2;left:0;right:18%;bottom:48px;border:1px solid #8baaff50;border-radius:18px;padding:20px 24px;background:linear-gradient(120deg,#14254ce8,#0d1436ed);backdrop-filter:blur(16px);box-shadow:0 16px 55px #0005}.dyna-journey__online{display:flex;align-items:center;gap:8px;color:#8ba5d0;font-size:9px;letter-spacing:.15em}.dyna-journey__online i{height:6px;width:6px;border-radius:50%;background:#7ff0c3;box-shadow:0 0 10px #7ff0c3}.dyna-journey__speech p{font-size:17px;line-height:1.5;color:#eff4ff!important;margin:12px 0 0;min-height:51px}.dyna-journey__status{position:absolute;bottom:0;left:5%;right:5%;color:#7890b9;font-size:12px;display:flex;align-items:center;gap:5px;letter-spacing:.1em}.dyna-journey__status>span:first-child{color:#8be7ff}.dyna-journey__status>div{height:2px;background:#263656;flex:1;margin-left:18px;overflow:hidden}.dyna-journey__status i{display:block;background:linear-gradient(90deg,#705cff,#7de8ff);height:100%;width:25%;transition:width .35s}.dyna-journey__step{position:relative;min-height:62vh;display:flex;align-items:center;padding:50px 0;border-bottom:1px solid #8fa4cc20}.dyna-journey__index{position:absolute;right:0;top:28px;font-size:120px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #536a9e30;pointer-events:none}.dyna-journey__step-body{position:relative;z-index:1;max-width:470px;padding:26px 0}.dyna-journey__label{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#8699bd!important;margin-bottom:22px;transition:color .3s}.dyna-journey__step h3{color:#e3e9f8!important;font-size:clamp(30px,3.1vw,48px);letter-spacing:-.025em;line-height:1.12;margin:0 0 24px;text-wrap:balance}.dyna-journey__detail{font-size:17px;line-height:1.8;color:#9eafce!important;margin:0}.dyna-journey__line{display:block;margin-top:30px;width:50px;height:3px;background:#33496e;transition:width .6s,background .6s}.dyna-journey__step.is-active .dyna-journey__line{width:130px;background:linear-gradient(90deg,#7d64ff,#75e8ff)}.dyna-journey__step.is-active .dyna-journey__label{color:#8be7ff!important}.dyna-journey__step.is-active .dyna-journey__index{-webkit-text-stroke-color:#6b9afa70}.dyna-journey__mobile-message{display:none}.dyna-journey__footer{margin-top:65px;border:1px solid #8c9cff35;background:linear-gradient(110deg,#18265299,#1f123f99);border-radius:22px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.dyna-journey__footer>span{font-size:clamp(20px,2vw,28px);line-height:1.3;max-width:610px;color:#eff4ff}.dyna-journey__footer>a{display:flex;align-items:center;justify-content:center;gap:25px;flex-shrink:0;padding:17px 24px;border-radius:12px;background:linear-gradient(110deg,#6952ee,#8d61ff);color:#fff!important;font-weight:700;font-size:15px;text-decoration:none}.dyna-journey a:focus-visible{outline:3px solid #8be7ff;outline-offset:5px}@media(max-width:991px){.dyna-journey{padding-top:75px}.dyna-journey__layout{gap:4%}.dyna-journey__stage{min-height:400px}.dyna-journey__speech{right:0;padding:18px}.dyna-journey__speech p{font-size:15px}.dyna-journey__footer{padding:28px}}@media(max-width:767px){.dyna-journey{padding:60px 0 40px}.dyna-journey__header{margin-bottom:20px}.dyna-journey__header h2{font-size:43px}.dyna-journey__intro{font-size:16px}.dyna-journey__scroll{display:none}.dyna-journey__layout{display:block}.dyna-journey__visual{position:relative;top:auto;max-width:410px;margin:0 auto 15px}.dyna-journey__stage{height:380px;min-height:0}.dyna-journey__robot{height:100%}.dyna-journey__speech,.dyna-journey__status{display:none}.dyna-journey__step{min-height:0;padding:30px 0}.dyna-journey__step-body{padding:12px 0;max-width:none}.dyna-journey__index{font-size:95px;top:22px}.dyna-journey__step h3{font-size:32px;max-width:85%}.dyna-journey__label{margin-bottom:18px}.dyna-journey__detail{font-size:16px}.dyna-journey__mobile-message{display:block;color:#99e4f8!important;font-size:14px;margin:20px 0 0;padding-left:15px;border-left:2px solid #7663ea}.dyna-journey__footer{margin-top:40px;align-items:stretch;flex-direction:column;padding:25px}.dyna-journey__footer>a{align-self:flex-start}.dyna-journey__footer>span{font-size:22px}}@media(prefers-reduced-motion:reduce){.dyna-journey *{transition:none!important}.dyna-journey__robot{transform:none!important;will-change:auto}}

/* Keep the viewport as the sticky scroll container. The theme sets main to
   overflow:hidden, which otherwise makes DyBot disappear after the first step. */
main:has(.dyna-journey){overflow:clip}
main.dyna-journey-page{overflow:clip}
@supports not (overflow:clip){main.dyna-journey-page{overflow:visible}}
.dyna-journey [hidden]{display:none!important}
.dyna-journey__ambient{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none}
.dyna-journey__ambient .dyna-journey__grid{z-index:0;opacity:.8;background:linear-gradient(#72a8ff09 1px,transparent 1px),linear-gradient(90deg,#72a8ff09 1px,transparent 1px);background-size:72px 72px}
.dyna-journey__aurora{position:absolute;width:1100px;max-width:110%;height:1000px;border-radius:50%;opacity:.55;animation:journey-aurora 18s ease-in-out infinite alternate;will-change:transform}
.dyna-journey__aurora--cyan{left:-23%;top:2%;background:radial-gradient(ellipse,#086ac64d,transparent 65%)}
.dyna-journey__aurora--violet{right:-22%;top:35%;background:radial-gradient(ellipse,#7246d647,transparent 65%);animation-delay:-9s;animation-direction:alternate-reverse}
.dyna-journey__constellation{position:absolute;top:70px;right:5%;width:clamp(240px,28vw,440px);opacity:.48;stroke:#5098dd;stroke-width:1;animation:journey-constellation 35s linear infinite;transform-origin:center}
.dyna-journey__constellation path{stroke:#72dfff;stroke-dasharray:4 12;animation:journey-circuit 10s linear infinite}
.dyna-journey__constellation g circle{fill:#8be7ff;stroke:none}
.dyna-journey__particles{position:absolute;inset:0}
.dyna-journey__particles i{position:absolute;left:var(--particle-x);top:var(--particle-y);height:3px;width:3px;border-radius:50%;background:#81dcff;box-shadow:0 0 13px #6cbfff;opacity:0;animation:journey-particle var(--particle-duration) ease-in-out var(--particle-delay) infinite}
.dyna-journey__header{position:relative;z-index:1;max-width:950px}
.dyna-journey__header-controls{display:flex;align-items:center;gap:30px;margin-top:34px}
.dyna-journey__header-controls .dyna-journey__scroll{margin-top:0}
.dyna-journey__motion{border:1px solid #728cbb55;border-radius:30px;background:#101d3980;color:#aebfdb;padding:9px 14px;font-size:11px;cursor:pointer;line-height:1.4}
.dyna-journey__motion:hover{border-color:#8be7ff;color:#eff7ff}
.dyna-journey__motion:focus-visible{outline:2px solid #8be7ff;outline-offset:4px}
.dyna-journey__visual{align-self:start;z-index:2;top:80px}
.dyna-journey__stage{min-height:0;height:clamp(390px,calc(100svh - 140px),650px)}
.dyna-journey__platform{position:absolute;bottom:45px;width:83%;height:65px;border-radius:50%;border:1px solid #65caff55;background:radial-gradient(ellipse,#2b99ff25,transparent 65%);box-shadow:0 0 45px #087df018,inset 0 0 24px #087df012;transform:perspective(450px) rotateX(35deg)}
.dyna-journey__robot{transform:translate3d(var(--robot-x,0px),var(--robot-y,0px),0) rotate(var(--robot-angle,0deg));animation:journey-hover 5s ease-in-out infinite;transform-origin:center 70%;transition:transform .2s ease-out;will-change:transform;max-height:100%}
.dyna-journey__orbit--one{animation:journey-orbit-one 22s linear infinite}
.dyna-journey__orbit--two{animation:journey-orbit-two 27s linear infinite reverse}
.dyna-journey__halo{animation:journey-halo 6s ease-in-out infinite}
.dyna-journey__speech{transition:border-color .3s,box-shadow .3s;border-color:#729ef06b;box-shadow:0 16px 55px #0005,0 0 30px #3584f010}
.dyna-journey__step-body{transition:transform .5s ease-out}
.dyna-journey__step.is-active .dyna-journey__step-body{transform:translateX(8px)}
.dyna-journey__step.is-active .dyna-journey__index{text-shadow:0 0 40px #4f9aff1c}
.dyna-journey[data-journey-visible="false"] *,.dyna-journey[data-motion-paused="true"] *{animation-play-state:paused!important}
@keyframes journey-aurora{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(90px,130px,0) scale(1.15)}}
@keyframes journey-constellation{to{transform:rotate(360deg)}}
@keyframes journey-circuit{to{stroke-dashoffset:-160}}
@keyframes journey-particle{0%,100%{opacity:0;transform:translateY(16px)}35%,65%{opacity:.55}85%{opacity:0;transform:translateY(-30px)}}
@keyframes journey-hover{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes journey-orbit-one{from{transform:rotate(-22deg) scaleX(.9)}to{transform:rotate(338deg) scaleX(.9)}}
@keyframes journey-orbit-two{from{transform:rotate(23deg) scaleY(.8)}to{transform:rotate(383deg) scaleY(.8)}}
@keyframes journey-halo{0%,100%{opacity:.65;scale:1}50%{opacity:1;scale:1.12}}
@media(min-width:768px){.dyna-journey__intro{max-width:630px}.dyna-journey__header h2{max-width:870px}.dyna-journey__layout{position:relative}}
@media(max-width:1100px){.dyna-journey__constellation{right:-80px;opacity:.25}}
@media(max-width:767px){.dyna-journey__header-controls{margin-top:22px}.dyna-journey__constellation{top:120px;right:-120px;opacity:.18}.dyna-journey__aurora{height:650px;opacity:.4}.dyna-journey__particles i:nth-child(n+7){display:none}.dyna-journey__visual{position:relative;top:auto}.dyna-journey__stage{height:360px}.dyna-journey__robot{animation:none;transform:none}.dyna-journey__platform{bottom:5px;height:35px}.dyna-journey__step.is-active .dyna-journey__step-body{transform:none}}
@media(prefers-reduced-motion:reduce){.dyna-journey *{animation:none!important;transition:none!important;will-change:auto!important}.dyna-journey__robot{transform:none!important;translate:none!important}.dyna-journey__motion{display:none}.dyna-journey__step.is-active .dyna-journey__step-body{transform:none}}