.continuity{position:relative;padding:0;background:#232033;color:#fff;overflow:visible}
.continuity-stage{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;padding:140px 7vw 110px}
.continuity-halo{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 72% 45%,#3E38A3 0%,transparent 65%);opacity:.9}
.continuity-word{position:absolute;left:35%;top:16%;font:800 clamp(180px,29vw,480px)/1 Inter,sans-serif;letter-spacing:-.09em;color:#9267FC;opacity:.10;z-index:-1;pointer-events:none}
.continuity-copy{position:relative;width:48%;z-index:2}
.continuity-copy article{margin-bottom:50px;max-width:620px}
.continuity-label{font-size:13px;letter-spacing:.08em;color:#D9D9D9;display:block;margin-bottom:24px}
.continuity-copy h1,.continuity-copy h2{font:700 clamp(44px,6.4vw,100px)/.99 Inter,sans-serif;letter-spacing:-.065em;margin:0 0 25px}
.continuity-copy em{font-style:normal;color:#35E1EB}
.continuity-copy p{max-width:370px;font-size:16px;line-height:1.65;color:#D9D9D9}
.continuity-device{position:absolute;left:72%;top:48%;width:260px;height:560px;container-type:inline-size;perspective:1400px;transform:translate(-50%,-50%);z-index:1;--phone-radius:14cqw;--phone-depth:3.3cqw}
.continuity-phone{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-24deg) rotateZ(8deg);will-change:transform}
.continuity-front,.continuity-back{position:absolute;inset:.8%;border-radius:var(--phone-radius);backface-visibility:hidden;background:#232033;box-shadow:0 35px 70px #08061180}
.continuity-front{padding:2.7cqw;border:.8cqw solid #536783;transform:translateZ(var(--phone-depth))}
.continuity-back{inset:0;transform:rotateY(180deg) translateZ(var(--phone-depth));border:0;background:transparent;box-shadow:none}
.continuity-back-art{display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 24px 32px #08061160)}
/* Rounded shell slices share the face silhouette, including through a flip. */
.continuity-shell{position:absolute;inset:.8%;border-radius:var(--phone-radius);background:#354862;border:.5cqw solid #627796;transform:translateZ(calc(var(--slice) * var(--phone-depth) / 9));backface-visibility:visible}
.continuity-display{height:100%;position:relative;overflow:hidden;border-radius:10.5cqw;background:#232033}
.continuity-display img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0}
.continuity-display img:first-child{opacity:1}
.continuity-camera{position:absolute;top:5cqw;left:50%;transform:translateX(-50%);width:26cqw;height:7cqw;background:#15121e;border-radius:4cqw}
.continuity-actions{position:relative;z-index:3;display:flex;align-items:center;gap:26px;font-size:13px}
.continuity-actions .btn{font-family:Montserrat,sans-serif;background:#35E1EB;color:#232033;border:0;box-shadow:none}
.continuity-actions .btn svg{display:block;width:1em;height:1em;flex-shrink:0}
.continuity-chapters{display:none}
.continuity.is-animated{height:680svh}
.is-animated .continuity-stage{position:sticky;top:0;height:100svh;min-height:0;padding-top:0}
.is-animated .continuity-copy{position:absolute;top:22%;left:7vw;height:52%}
.is-animated .continuity-copy article{position:absolute;inset:0;margin:0;visibility:hidden}
.is-animated .continuity-copy article:first-child{visibility:visible}
.is-animated .continuity-actions{position:absolute;left:7vw;bottom:15%}
.is-animated .continuity-chapters{display:flex;position:absolute;bottom:30px;left:7vw;right:7vw;align-items:center;gap:12px;z-index:4}
.continuity-chapters button{font:500 12px Inter,sans-serif;border:1px solid #9267FC70;border-radius:50%;width:38px;height:38px;color:#D9D9D9;background:transparent;cursor:pointer}
.continuity-chapters button[aria-current="step"]{background:#35E1EB;color:#232033;border-color:#35E1EB}
.continuity-chapters span{margin-left:auto;color:#D9D9D9;font-size:12px}
.continuity a:focus-visible,.continuity button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:700px){
 .continuity-stage{padding:110px 24px 40px}.continuity-copy{width:100%}.continuity-device{display:none}
 .is-animated .continuity-copy{top:14%;left:24px;width:calc(100% - 48px);height:30%}
 .continuity-copy h1,.continuity-copy h2{font-size:clamp(38px,10vw,58px);line-height:1.02;margin-bottom:14px}.is-animated .continuity-copy h1 br:first-child{display:none}
 .continuity-label{margin-bottom:12px;font-size:11px}.continuity-copy p{font-size:13px;line-height:1.5;max-width:330px}
 .is-animated .continuity-device{display:block;left:65%;top:64%;width:150px;height:324px}
 .is-animated .continuity-actions{left:24px;bottom:13%;flex-direction:column;align-items:flex-start;gap:15px;max-width:130px}.continuity-actions .btn{padding:12px 16px;font-size:12px}
 .is-animated .continuity-chapters{left:24px;right:24px;bottom:18px}.continuity-word{left:4%;top:46%;font-size:180px}
}
@media(max-height:700px) and (min-width:701px){.continuity-device{width:200px;height:432px}.continuity-copy h1,.continuity-copy h2{font-size:58px}.is-animated .continuity-copy{top:18%}}
@media(prefers-reduced-motion:reduce){.continuity-device{display:none}.continuity-copy{width:100%}.continuity-word{display:none}}

/* A single vocabulary for the entire homepage. */
.journey-link{display:inline-block;color:#35E1EB;font-size:14px;padding:8px 0;border-bottom:1px solid #35E1EB60}
.journey-note{display:block;color:#35E1EB;font-size:13px;margin-top:20px}
.journey-split{display:flex;gap:12px;margin-top:24px;max-width:390px}
.journey-split span{flex:1;border-top:2px solid #35E1EB;padding-top:12px;color:#9267FC;font-size:12px}
.journey-split b{display:block;font-size:11px;color:#D9D9D9;margin-top:8px;font-weight:500}
/* Actual alpha lives in the SVG filter; no dark/white mattes or blend groups. */
.journey-merchants{display:flex;gap:14px;margin-top:22px;max-width:380px}
.journey-merchants .retailer-logo{width:100px;height:48px;overflow:hidden;background:transparent;padding:0;border-radius:0;opacity:.65;transition:opacity .25s ease-out}
.journey-merchants .retailer-logo:hover{opacity:1}
@media(hover:none){.journey-merchants .retailer-logo{opacity:1}}
.journey-overline{display:block;font-size:13px;color:#9267FC;margin-bottom:24px}
.journey-trust,.journey-business,.journey-download{padding:clamp(70px,9vw,140px) 7vw;position:relative;overflow:hidden;background:#232033}
.journey-trust h2,.journey-business h2,.journey-download h2{font:700 clamp(38px,5vw,76px)/1.07 Inter,sans-serif;letter-spacing:-.055em;color:#fff;margin-bottom:24px}
.journey-business em,.journey-download em{font-style:normal;color:#35E1EB}
.journey-trust p,.journey-business p,.journey-download p{font-size:17px;line-height:1.7;color:#D9D9D9;max-width:420px}
.journey-trust{border-top:1px solid #9267FC30}
.journey-trust-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}
.journey-trust-heading .journey-overline{grid-column:1/-1}.journey-trust-heading p{align-self:end;margin-bottom:30px}
.journey-institutions{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}
.journey-institutions>div{height:120px;display:flex;align-items:center;justify-content:center;padding:22px;background:transparent}
.journey-institutions img,.journey-institutions svg{width:155px;max-width:100%;max-height:78px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .25s ease-out,opacity .25s ease-out}
.journey-institutions .partner-mymonty{width:78px;clip-path:inset(0 round 22%)}
.journey-institutions>div:hover img,.journey-institutions>div:hover svg,.journey-institutions>div:focus-visible img,.journey-institutions>div:focus-visible svg{filter:none;opacity:1}
.journey-institutions>div:focus-visible{outline:2px solid #35E1EB;outline-offset:4px}
@media(hover:none){.journey-institutions img,.journey-institutions svg{filter:none;opacity:1}}
.journey-business{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#3E38A3}
.journey-business .journey-overline{color:#D9D9D9}.journey-business-copy{align-self:center}
.journey-business-art{align-self:center}.journey-business-art>span{font-size:11px;letter-spacing:.1em;color:#D9D9D9}.journey-business-art svg{display:block;width:100%;margin-top:30px}
.journey-business-benefits{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#D9D9D9;border-top:1px solid #9267FC70;padding-top:20px}
.journey-chart{stroke-dasharray:650;stroke-dashoffset:0}
.journey-business.will-reveal:not(.is-visible) .journey-chart{stroke-dashoffset:650}
.journey-business.is-visible .journey-chart{transition:stroke-dashoffset 1.3s cubic-bezier(.22,1,.36,1)}
.journey-download{display:flex;align-items:center;justify-content:center;gap:clamp(60px,12vw,180px);background:radial-gradient(ellipse at 24% 50%,#3E38A3,#232033 70%)}
.journey-download-phone{width:220px;flex-shrink:0;aspect-ratio:739/1600;border:9px solid #15121e;outline:2px solid #9267FC70;border-radius:34px;overflow:hidden;box-shadow:0 30px 65px #08061180}
.journey-download-phone img{width:100%;height:100%;object-fit:cover}
.journey-store-badges{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 22px}.journey-store-badges img{height:44px;width:auto}.journey-download small{color:#D9D9D9;font-size:12px}
.is-visible .journey-trust-heading,.is-visible .journey-business-copy,.is-visible .journey-download-copy{animation:journey-arrive .65s cubic-bezier(.22,1,.36,1) both}
@keyframes journey-arrive{from{transform:translateY(22px)}to{transform:translateY(0)}}
@media(max-width:700px){
 .journey-trust,.journey-business,.journey-download{padding:70px 24px}.journey-trust-heading,.journey-business{grid-template-columns:1fr;gap:30px}
 .journey-trust-heading p{margin:0}.journey-institutions{grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.journey-institutions>div{height:95px;padding:16px}
 .journey-business-benefits{font-size:10px}.journey-download{gap:35px;flex-direction:column-reverse;align-items:flex-start}.journey-download-phone{width:175px;align-self:center}
 .journey-merchants{gap:8px;margin-top:12px}.journey-merchants .retailer-logo{width:85px;height:38px}.journey-split{margin-top:12px}.journey-note{margin-top:10px}
 .is-animated .continuity-copy{top:13%}.is-animated .continuity-device{left:70%;top:67%;width:135px;height:292px}.continuity-chapters{gap:7px!important}.continuity-chapters button{width:30px;height:30px;font-size:10px}.continuity-chapters span{font-size:10px}
 .continuity-copy h1,.continuity-copy h2{font-size:clamp(36px,9.5vw,52px)}
}
@media(prefers-reduced-motion:reduce){.will-reveal *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.journey-chart{stroke-dashoffset:0!important}}

/* Equal-width copies travel as one continuous, background-free logo belt. */
.partner-belt{overflow-x:auto;max-width:100%;margin-top:24px;padding:6px 0;scrollbar-width:thin}
.partner-belt-track{display:flex;width:max-content}
.partner-belt .partner-belt-group{display:flex;flex-shrink:0;align-items:center;margin:0;max-width:none;gap:20px;padding-right:20px}
.partner-belt-shopping{max-width:380px;--belt-duration:50s}
.partner-belt-shopping .retailer-logo{flex:0 0 100px}
.partner-belt-financial{margin-top:50px;--belt-duration:30s}
.partner-belt-financial .partner-belt-group{gap:0;padding-right:0}
.partner-belt-financial .journey-institutions>div{flex:0 0 max(170px,21.5vw);height:120px;padding:20px;background:transparent}
.partner-belt.belt-ready{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.belt-ready .partner-belt-track{animation:partner-belt-slide var(--belt-duration) linear infinite}
.partner-belt:hover .partner-belt-track,.partner-belt:focus-within .partner-belt-track,.partner-belt.is-paused .partner-belt-track{animation-play-state:paused}
.partner-belt-toggle{display:none;background:transparent;border:0;color:#D9D9D9;font:inherit;font-size:11px;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.belt-ready+.partner-belt-toggle{display:block}
.partner-belt-toggle:focus-visible{outline:2px solid #35E1EB;outline-offset:3px}
@keyframes partner-belt-slide{to{transform:translateX(-50%)}}
@media(max-width:700px){.partner-belt-shopping{max-width:330px;margin-top:12px}.partner-belt-financial{margin-top:30px}.partner-belt .journey-merchants .retailer-logo{flex-basis:85px}}
@media(prefers-reduced-motion:reduce){.partner-belt.belt-ready{overflow-x:auto;mask-image:none}.belt-ready .partner-belt-track{animation:none}.partner-belt-copy,.belt-ready+.partner-belt-toggle{display:none}}
