.app-journey{position:relative;padding:84px 56px 76px;overflow:hidden;scroll-margin-top:24px;background:linear-gradient(180deg,#fff 0%,#f9fcff 65%,#fff 100%);--journey-blue:#0875ff}
.journey-heading{text-align:center;margin-bottom:56px}.journey-eyebrow,.journey-kicker{display:block;color:#0875ff;font-size:11px;font-weight:700;letter-spacing:2.2px}.journey-heading h2{font-size:46px;line-height:1.1;letter-spacing:-1.8px;margin:16px 0}.journey-heading h2 span{color:#0875ff}.journey-heading>p{font-size:16px;line-height:1.65;color:#607591}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.journey-copy{max-width:440px}.journey-copy h3{font-size:37px;line-height:1.13;letter-spacing:-1.2px;white-space:normal;padding:0;margin:16px 0 20px;min-height:86px}.journey-copy>p{font-size:16px;line-height:1.7;color:#607591;min-height:108px}.journey-chapters{display:grid;gap:9px;margin-top:22px}.journey-chapters button{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;text-align:left;padding:15px 17px;background:transparent;border:1px solid transparent;border-radius:15px;color:#647793;transition:background .4s,border-color .4s,color .4s,transform .4s}.journey-chapters button>span{font-size:11px;font-weight:700;width:31px;height:31px;border:1px solid #dce7f4;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:background .3s,color .3s}.journey-chapters button>div{font-size:14px;font-weight:700}.journey-chapters small{font-size:12px;font-weight:400;display:block;margin-top:5px}.journey-chapters i{font-style:normal;margin-left:auto;opacity:0}.journey-chapters button[aria-pressed=true]{background:#edf6ff;border-color:#d7e9ff;color:#06214d;box-shadow:0 7px 22px -17px #0875ff66;transform:translateX(5px)}.journey-chapters button[aria-pressed=true]>span{background:#0875ff;color:white;border-color:#0875ff}.journey-chapters button[aria-pressed=true] i{opacity:1;color:#0875ff}.journey-chapters button:hover{background:#f0f7ff}.chapter-progress{position:absolute;bottom:0;left:0;height:2px;width:var(--chapter-progress,0%);background:linear-gradient(90deg,#66d1e5,#0875ff);opacity:0}.journey-chapters button[aria-pressed=true] .chapter-progress{opacity:1}
.journey-theater{position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate;padding:0 0 10px;perspective:1200px}.journey-ambient{position:absolute;inset:-10% -24% 3%;z-index:-1;overflow:hidden;border-radius:48%;background:radial-gradient(ellipse at 50% 45%,#ccecff 0%,#eaf7ff 42%,#fff0 70%);transition:filter 1s}.journey-ambient>div{position:absolute;aspect-ratio:1;border:1px solid #8cc7fc55;border-radius:50%;width:82%;left:9%;top:14%;animation:journey-orbit 16s ease-in-out infinite}.journey-ambient>div:nth-child(2){width:112%;left:-6%;top:5%;animation-delay:-5s}.journey-ambient>div:nth-child(3){width:144%;left:-22%;top:-6%;animation-delay:-10s}.journey-orbit-dot{position:absolute;top:24%;left:14%;height:9px;width:9px;background:linear-gradient(135deg,#fff,#43b8fa);border-radius:50%;box-shadow:0 0 18px #5fc2ff88;animation:journey-drift 9s ease-in-out infinite}.app-journey[data-state=updates] .journey-ambient{filter:hue-rotate(-16deg)}
.journey-stage-top{width:330px;display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#68819e;font-size:8px;letter-spacing:1.3px}.journey-stage-top>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#0875ff}.journey-live-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#12bb9b;box-shadow:0 0 0 4px #12bb9b15}.journey-device{width:322px;aspect-ratio:1/2.035;position:relative;flex-shrink:0;filter:drop-shadow(0 27px 23px #174a732c);animation:journey-float 7s ease-in-out infinite;transform-origin:50% 80%}.journey-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:17% / 8.4%;container-type:inline-size;isolation:isolate;background:#edf7ff}.journey-images,.journey-frame{position:absolute;inset:0}.journey-frame{opacity:0;z-index:0;transform:translate3d(13%,2%,0) scale(.95) rotateY(-8deg);filter:blur(5px);transition:opacity .65s ease,transform .85s cubic-bezier(.22,1,.36,1),filter .75s;pointer-events:none;overflow:hidden;border-radius:inherit;will-change:transform,opacity}.journey-frame.leaving{opacity:0;transform:translate3d(-9%,-1%,0) scale(1.035) rotateY(5deg);filter:blur(5px);z-index:1}.journey-frame.active{opacity:1;transform:translateZ(0) scale(1);filter:blur(0);z-index:2}.journey-reverse .journey-frame:not(.active){transform:translate3d(-12%,1%,0) scale(.95)}.journey-reverse .journey-frame.leaving{transform:translate3d(9%,-1%,0) scale(1.035)}.app-journey .journey-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.journey-frame[data-scene=message]:not(.active):not(.leaving){transform:translate3d(0,28%,0) scale(.96)}
.journey-hotspot{position:absolute;z-index:5;border:0;background:transparent;border-radius:18px;padding:0}.journey-hotspot:focus-visible{outline:3px solid #ffac30;outline-offset:-4px}.journey-tap{position:absolute;z-index:6;width:24px;height:24px;border-radius:50%;background:#0875ff33;border:2px solid white;box-shadow:0 0 0 1px #0875ff80,0 0 14px #0875ff70;opacity:0;pointer-events:none}.journey-tap span{position:absolute;inset:-9px;border:1px solid #0875ff80;border-radius:50%}.journey-toast{position:absolute;z-index:7;left:10%;right:10%;top:12%;background:#08264eef;backdrop-filter:blur(12px);color:white;padding:13px 7px;border-radius:13px;font-size:11px;text-align:center;box-shadow:0 8px 22px #07264d33;opacity:0;transform:translateY(-13px);transition:opacity .3s,transform .4s;pointer-events:none}.journey-toast.show{opacity:1;transform:translateY(0)}.journey-caption{display:flex;align-items:center;gap:9px;color:#395a7d;font-size:12px;margin-top:30px;min-height:20px;text-align:center}.journey-playback{display:flex;gap:8px;align-items:center;width:330px;margin-top:17px;padding:9px 10px;background:#ffffffc9;border:1px solid #e0ecf8;border-radius:100px;box-shadow:0 8px 25px -17px #25639c44}.journey-playback button{border:0;border-radius:50%;width:29px;height:29px;flex-shrink:0;color:#0875ff;background:transparent;font-size:19px;display:grid;place-items:center;padding:0}.journey-playback button:hover{background:#e5f3ff}.journey-playback #journey-play{font-size:13px;background:#eaf4ff}.journey-playback input{width:100%;min-width:0;height:4px;accent-color:#0875ff;cursor:pointer}.journey-example{color:#8396ac;font-size:8px;letter-spacing:1.1px;margin-top:15px;text-align:center}.journey-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.journey-noscript{font-size:14px;margin:24px;text-align:center}
.journey-wave{position:absolute;top:32.5%;left:9%;width:82%;height:10%;background:linear-gradient(90deg,#fff,#fefefe,#fff);display:flex;align-items:center;justify-content:center;gap:1.3%}.journey-wave i{width:1.5%;height:var(--height);border-radius:10px;background:linear-gradient(#83ddff,#0875ff);animation:journey-voice .55s ease-in-out infinite alternate;animation-delay:var(--delay)}.journey-timer{position:absolute;left:40%;top:26.9%;width:20%;height:3%;text-align:center;background:white;color:#061c51;font:400 5.1cqw/1.2 Arial,sans-serif}.journey-call-ring{position:absolute;left:35%;top:23%;width:30%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;animation:journey-ring 2.4s ease-out infinite;pointer-events:none}.journey-call-ring.second{animation-delay:1.2s}.journey-frame.active[data-scene=incoming] .journey-image{animation:journey-buzz 2.2s ease-in-out infinite}.journey-chart-track{position:absolute;border-radius:20px;height:1.5%;background:#e9edf3;overflow:hidden}.journey-chart-fill{display:block;height:100%;border-radius:20px;transform-origin:left;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 55%,white),var(--tone));transform:scaleX(0)}.journey-message-text{position:absolute;left:11%;top:46%;width:77%;height:15%;color:#07214d;font:400 4.5cqw/1.55 Arial,sans-serif;padding:2cqw;background:#fff}.journey-message-text span:after{content:'│';color:#0875ff;animation:journey-caret .8s steps(1) infinite}.journey-message-count{position:absolute;right:11.5%;top:64.4%;width:17%;height:3%;background:#fff;text-align:right;color:#6284b9;font:400 4cqw/1.2 Arial,sans-serif}.journey-article-glow{position:absolute;left:10%;top:64%;width:80%;height:8%;border-radius:12px;box-shadow:inset 0 0 0 1px #0875ff22;animation:journey-glow 3s ease-in-out infinite;pointer-events:none}.copy-enter #journey-kicker,.copy-enter #journey-title,.copy-enter #journey-description{animation:journey-copy-in .65s cubic-bezier(.22,1,.36,1) both}.copy-enter #journey-title{animation-delay:.05s}.copy-enter #journey-description{animation-delay:.1s}
.journey-freeze *,.journey-suspended *{animation-play-state:paused!important}.journey-freeze .journey-frame{transition-duration:.2s}
@keyframes journey-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-float{50%{transform:translateY(-7px) rotate(.2deg)}}@keyframes journey-voice{from{transform:scaleY(.3);opacity:.65}to{transform:scaleY(1);opacity:1}}@keyframes journey-ring{from{transform:scale(.7);opacity:.9}to{transform:scale(2.7);opacity:0}}@keyframes journey-orbit{50%{transform:translateY(15px) scale(1.05) rotate(8deg)}}@keyframes journey-drift{50%{transform:translate(30px,50px);opacity:.45}}@keyframes journey-caret{50%{opacity:0}}@keyframes journey-glow{50%{box-shadow:inset 0 0 0 2px #0875ff55,0 0 20px #0875ff11}}@keyframes journey-buzz{0%,20%,100%{transform:rotate(0)}5%,13%{transform:rotate(-.3deg)}9%,17%{transform:rotate(.3deg)}}
@media(min-width:1100px){.journey-copy{margin-left:24px}.journey-layout{gap:85px}.journey-device{width:332px}.journey-stage-top,.journey-playback{width:340px}}
@media(max-width:850px){.app-journey{padding:60px 30px}.journey-layout{gap:28px}.journey-copy h3{font-size:29px}.journey-copy>p{font-size:14px}.journey-chapters button{padding:12px 9px;gap:9px}.journey-chapters button>div{font-size:12px}.journey-chapters small{font-size:10px}.journey-device{width:270px}.journey-stage-top,.journey-playback{width:278px}.journey-stage-top{font-size:7px}}
@media(max-width:650px){.app-journey{padding:52px 20px}.journey-heading{margin-bottom:30px}.journey-heading h2{font-size:33px;letter-spacing:-1.2px}.journey-heading>p{font-size:14px}.journey-heading>p br{display:none}.journey-layout{display:flex;flex-direction:column-reverse;gap:30px}.journey-theater{width:100%}.journey-device{width:min(300px,78vw)}.journey-stage-top,.journey-playback{width:min(320px,85vw)}.journey-stage-top{margin-bottom:18px}.journey-copy{width:100%;max-width:400px;text-align:center}.journey-copy h3{font-size:29px;min-height:66px;margin:12px 0}.journey-copy>p{font-size:14px;min-height:76px}.journey-chapters{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.journey-chapters button{justify-content:center;padding:11px 0;border-radius:13px}.journey-chapters button[aria-pressed=true]{transform:translateY(-3px)}.journey-chapters button>div,.journey-chapters i{display:none}.journey-chapters button>span{width:30px;height:30px}.journey-ambient{inset:-5% -20% 2%}.journey-caption{font-size:11px;margin-top:24px}.journey-example{font-size:7px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.app-journey *{animation:none!important;transition:none!important}.journey-tap{display:none}.journey-frame{transform:none!important;filter:none!important}.journey-chart-fill{transform:scaleX(1)!important}}

.journey-freeze .journey-copy *{animation-play-state:running!important}