/* RAFimport patch v50: polished mobile layout for the purchase roadmap */
@media (max-width: 720px){
  .raf-process-v12[data-process-roadmap]{
    padding:44px 0 58px!important;
    overflow:hidden!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-v12__head{
    margin:0 0 20px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-v12__head .raf-section__head{
    gap:10px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-v12__head .raf-section__head > span{
    font-size:12px!important;
    line-height:1.15!important;
    letter-spacing:.27em!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-v12__head .raf-section__head h2{
    max-width:560px!important;
    margin:0!important;
    font-size:clamp(32px,7vw,40px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap{
    width:100%!important;
    padding:14px 12px 14px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 18px 46px rgba(3,39,65,.11),inset 0 1px 0 rgba(255,255,255,.84)!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__path{
    display:grid!important;
    grid-template-columns:repeat(8,76px)!important;
    gap:2px!important;
    align-items:start!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:calc(50% - 38px)!important;
    -webkit-overflow-scrolling:touch!important;
    padding:5px 8px 16px!important;
    border-bottom:1px solid rgba(39,150,219,.14)!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__path::-webkit-scrollbar{
    display:none!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__path::before{
    left:46px!important;
    right:auto!important;
    top:31px!important;
    width:546px!important;
    height:2px!important;
    opacity:.9!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__step{
    width:76px!important;
    min-width:76px!important;
    padding:0 3px!important;
    gap:7px!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__dot{
    width:52px!important;
    height:52px!important;
    border-radius:17px!important;
    box-shadow:0 10px 22px rgba(31,140,210,.15),inset 0 1px 0 rgba(255,255,255,.86)!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__dot img{
    width:36px!important;
    height:36px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__step:hover .raf-process-roadmap__dot,
  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__step.is-active .raf-process-roadmap__dot{
    transform:translateY(-2px)!important;
    box-shadow:0 13px 26px rgba(15,109,195,.27),0 0 0 5px rgba(37,165,234,.10),inset 0 1px 0 rgba(255,255,255,.46)!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__label{
    width:76px!important;
    max-width:76px!important;
    min-height:26px!important;
    font-size:11.5px!important;
    line-height:1.13!important;
    letter-spacing:0!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__details{
    min-height:0!important;
    margin-top:14px!important;
    border-radius:21px!important;
    overflow:hidden!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__visual{
    display:none!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:start!important;
    padding:22px 18px 18px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-icon{
    display:none!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-text{
    width:100%!important;
    max-width:none!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-text span{
    margin-bottom:7px!important;
    font-size:11.5px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-text h3{
    margin:0 0 9px!important;
    font-size:27px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-text p{
    margin:0!important;
    font-size:15px!important;
    line-height:1.46!important;
    font-weight:500!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__cta{
    width:100%!important;
    min-height:46px!important;
    margin-top:16px!important;
    padding:12px 18px!important;
    border-radius:16px!important;
    font-size:15px!important;
    line-height:1.2!important;
    box-shadow:0 12px 24px rgba(18,127,204,.24)!important;
  }
}

@media (max-width: 420px){
  .raf-process-v12[data-process-roadmap]{
    padding:38px 0 52px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-v12__head .raf-section__head h2{
    font-size:32px!important;
    line-height:1!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap{
    padding:12px 10px!important;
    border-radius:22px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__path{
    grid-template-columns:repeat(8,72px)!important;
    scroll-padding-inline:calc(50% - 36px)!important;
    padding-inline:6px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__path::before{
    left:42px!important;
    width:518px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__step{
    width:72px!important;
    min-width:72px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__label{
    width:72px!important;
    max-width:72px!important;
    font-size:11px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel{
    padding:20px 16px 16px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-text h3{
    font-size:25px!important;
  }

  .raf-process-v12[data-process-roadmap] .raf-process-roadmap__panel-text p{
    font-size:14px!important;
    line-height:1.45!important;
  }
}