html,body{overflow-x:hidden}.howitworks{color:#fff;width:100%;height:800vh;font-size:1rem;line-height:1.4;position:relative;background:#111}.howitworks__stage{z-index:30;border-radius:.5rem;width:calc(100% - 1rem);height:calc(100vh - 1rem);margin:0 .5rem;position:fixed;top:.5rem;left:0;overflow:hidden;visibility:hidden;pointer-events:none;font-family:Arial,Helvetica,sans-serif}.howitworks__stage.is-pinned{visibility:visible;pointer-events:auto}.howitworks__bg-slot{z-index:1;position:absolute;inset:0;overflow:hidden}.howitworks__bg{z-index:1;pointer-events:none;visibility:hidden;border-radius:.5rem;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:translate(0);transition:filter 800ms cubic-bezier(.4,0,.2,1)}.howitworks__bg img,.howitworks__bg video{width:100%;height:100%;object-fit:cover;display:block;border-radius:.5rem;position:absolute;inset:0}.howitworks__bg video{z-index:0}.howitworks-gradient{z-index:1;background-image:linear-gradient(90deg,#00000080,#0000 25% 50%,#0000 75%,#00000080);width:100%;height:100%;position:absolute;inset:0}.show-tablet{display:none!important}.howitworks__content-slot{z-index:3;pointer-events:none;width:32rem;max-width:calc(100% - 8rem);position:absolute;top:0;bottom:0;left:3rem}.howitworks__content{opacity:0;filter:blur(6px);pointer-events:none;width:100%;max-width:28rem;position:absolute;top:43%;left:0;transform:translateY(calc(1.5rem - 50%));animation:howitworks-content-out 200ms cubic-bezier(.4,0,.2,1) both;transition:opacity 200ms cubic-bezier(.4,0,.2,1),filter 200ms cubic-bezier(.4,0,.2,1)}.howitworks__content.is-active{opacity:1;filter:blur(0);pointer-events:auto;animation:howitworks-content-in 900ms cubic-bezier(.22,.61,.36,1) 220ms both;transition:opacity 800ms cubic-bezier(.22,.61,.36,1) 220ms,filter 800ms cubic-bezier(.22,.61,.36,1) 220ms}.howitworks__title{margin:0 0 .5rem;font-size:2.5rem;line-height:1.05;letter-spacing:0;font-weight:500;transition:color .4s cubic-bezier(.22,.61,.36,1)}.howitworks__body{color:#fff;margin:0;font-size:1.125rem;line-height:1.4;transition:color .4s cubic-bezier(.22,.61,.36,1)}.howitworks__title--dark,.howitworks__body--dark,.howitworks__nav-item--dark{color:#111}.howitworks__faq-slot{z-index:3;width:30rem;max-width:calc(100% - 8rem);position:absolute;bottom:9rem;left:3rem}.howitworks__faq{gap:.5rem;opacity:0;pointer-events:none;flex-direction:column;width:100%;display:flex;position:absolute;bottom:0;left:0;animation:howitworks-content-out 200ms cubic-bezier(.4,0,.2,1) both}.howitworks__faq.is-active{opacity:1;pointer-events:auto;animation:howitworks-content-in 900ms cubic-bezier(.22,.61,.36,1) 290ms both}.howitworks__faq-item{gap:1rem;backdrop-filter:blur(24px);color:#fff;text-align:left;cursor:pointer;background:#14141480;border:0;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.75rem .75rem .75rem 1.25rem;font:inherit;display:flex;box-shadow:0 2px 2px #0000001a}.howitworks__faq-item b{background:#ffffff1a;border-radius:.25rem;width:2rem;height:2rem;display:grid;place-items:center;font-size:1.25rem;font-weight:400}.howitworks__nav{z-index:5;gap:.75rem;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}.howitworks__nav-item{gap:1rem;color:#ffffff8c;white-space:nowrap;cursor:pointer;background:transparent;border:0;justify-content:flex-end;align-items:center;width:100%;padding:0 0 0 1rem;font:inherit;font-size:1.125rem;transition:color .3s,border-color .3s;display:flex;position:relative}.howitworks__nav-item.is-active{color:#fff}.howitworks__nav-label{text-align:right;flex:1}.howitworks__nav-num{font-variant-numeric:tabular-nums}.howitworks__nav-item::before{content:"";position:absolute;left:0;top:50%;width:1px;height:1.25rem;background:#fff;opacity:0;transform:translate(0,calc(-50% - .625rem)) scaleY(.3);transform-origin:center;transition:transform 400ms cubic-bezier(.22,.61,.36,1),opacity 150ms cubic-bezier(.22,.61,.36,1),background-color 400ms cubic-bezier(.22,.61,.36,1)}.howitworks__nav-item.is-active::before{opacity:1;transform:translate(0,-50%) scaleY(1)}.howitworks__nav-item--dark::before{background:#111}.howitworks__nav-item--dark{color:#1118}.howitworks__nav-item--dark.is-active{color:#111}
@keyframes howitworks-bg-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes howitworks-bg-prev{from{transform:translateY(0)}to{transform:translateY(-11rem)}}@keyframes howitworks-bg-enter-reverse{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes howitworks-bg-prev-reverse{from{transform:translateY(0)}to{transform:translateY(11rem)}}@keyframes howitworks-content-in{from{transform:translateY(1.5rem)}to{transform:translateY(0)}}@keyframes howitworks-content-out{from{transform:translateY(0)}to{transform:translateY(-1.5rem)}}@keyframes howitworks-content-in-reverse{from{transform:translateY(-1.5rem)}to{transform:translateY(0)}}@keyframes howitworks-content-out-reverse{from{transform:translateY(0)}to{transform:translateY(1.5rem)}}.howitworks__bg.is-active{visibility:visible;z-index:2;animation:howitworks-bg-enter 800ms cubic-bezier(.4,0,.2,1) both}.howitworks__bg.is-prev{visibility:visible;z-index:1;animation:howitworks-bg-prev 800ms cubic-bezier(.4,0,.2,1) both;filter:brightness(.5)}.howitworks--reverse .howitworks__bg.is-active{animation-name:howitworks-bg-enter-reverse}.howitworks--reverse .howitworks__bg.is-prev{animation-name:howitworks-bg-prev-reverse}.howitworks--reverse .howitworks__content,.howitworks--reverse .howitworks__faq{animation-name:howitworks-content-out-reverse}.howitworks--reverse .howitworks__content.is-active,.howitworks--reverse .howitworks__faq.is-active{animation-name:howitworks-content-in-reverse}
@media(max-width:991px){.howitworks__stage{border-radius:0;width:100%;height:100dvh;margin:0;top:0}.howitworks__bg,.howitworks__bg img,.howitworks__bg video{border-radius:0}.hide-tablet{display:none!important}.show-tablet{display:block!important}.howitworks__content-slot{width:auto;max-width:none;inset:0 2rem}.howitworks__content{max-width:50%;top:10rem;transform:none}.howitworks__title{font-size:2rem}.howitworks__body{font-size:1rem}.howitworks__faq-slot{width:auto;max-width:none;bottom:10.5rem;left:2.5rem;right:2.5rem}.howitworks__nav{gap:1.25rem;border-left:1px solid #fff6;flex-direction:row;align-items:center;top:6rem;left:2rem;right:auto;transform:none}.howitworks__nav-item{gap:.625rem;flex-direction:row-reverse;padding:0 0 0 .625rem;font-size:1.25rem}.howitworks__nav-item::before{display:none}.howitworks__nav-label{opacity:0;max-width:0;transition:max-width .4s cubic-bezier(.22,.61,.36,1),opacity .3s;overflow:hidden}.howitworks__nav-item.is-active .howitworks__nav-label{max-width:18rem;opacity:1}.howitworks-gradient{background-image:linear-gradient(#00000080,#0000 40% 50%,#0000 60%,#00000080)}}
@media(max-width:767px){.howitworks{margin-top:-3rem}.howitworks__content-slot{inset:0 1.5rem}.howitworks__content{max-width:75%}.howitworks__title{font-size:1.75rem}.howitworks__faq-slot{left:1.5rem;right:1.5rem}.howitworks__nav{gap:.75rem;top:7rem;left:1.5rem}.howitworks__nav-item{font-size:1.125rem}.howitworks__nav-label,.howitworks__nav-num{font-size:.875rem}}
@media(max-width:479px){.howitworks__title{font-size:1.5rem}.howitworks__faq-item{padding-left:.75rem;padding-right:.75rem}}
@media(prefers-reduced-motion:reduce){.howitworks__bg,.howitworks__content,.howitworks__faq{animation-duration:1ms!important;transition-duration:1ms!important}}
.howitworks__stage{position:fixed}
@keyframes howitworks-bg-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes howitworks-bg-prev{from{transform:translateX(0)}to{transform:translateX(-11rem)}}
@keyframes howitworks-bg-enter-reverse{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes howitworks-bg-prev-reverse{from{transform:translateX(0)}to{transform:translateX(11rem)}}
.howitworks__stage{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.howitworks__stage.is-pinned{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:991px){.howitworks__stage{height:100vh;height:100lvh}}

/* The first mobile frame is already present when the pinned scene appears.
   Do not replay its entrance after a viewport/pin refresh. */
@media(max-width:991px){
  .howitworks__bg[data-howitworks-bg="0"].is-active{
    animation:none;
    transform:translateX(0);
  }
}

/* Never expose the section's black canvas before the fixed scene appears. */
.howitworks{
  background:#111 url('../generated/advantage-experience.webp') center/cover no-repeat;
}

/* The stage is reparented to body, so restore the color it previously
   inherited from .howitworks. */
.howitworks__stage{
  color:#fff;
  will-change:opacity;
}

.howitworks__stage.is-pinned{
  opacity:var(--scene-exit-opacity,1)!important;
}