.jc-mobile-loop{display:contents}.jc-track[aria-hidden=true],.jc-motion-toggle,.pricing-plan-nav{display:none}
@media(max-width:760px){
 #outbound-journey{padding:24px 20px 32px}
 #outbound-journey>.container{width:100%;max-width:460px;margin-inline:auto;position:relative;background:#f7f7f8;border-radius:28px;overflow:hidden}
 #outbound-journey .jc-viewport{height:560px;max-height:75svh;min-height:380px;overflow:hidden;padding:0;scroll-snap-type:none;touch-action:pan-y;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
 #outbound-journey .jc-mobile-loop{display:block;animation:jc-mobile-loop 48s linear infinite;animation-play-state:paused;will-change:transform}
 #outbound-journey.is-visible:not(.jc-paused) .jc-mobile-loop{animation-play-state:running}
 #outbound-journey .jc-track{display:flex;flex-direction:column;gap:24px;width:100%;padding:24px 20px 0;margin:0;box-sizing:border-box}
 #outbound-journey .jc-track[aria-hidden=true]{padding-bottom:0}
 #outbound-journey .jc-step{position:relative;width:100%;flex:none;padding-bottom:0;scroll-snap-align:none}
 #outbound-journey .jc-step:after{content:'';position:absolute;left:14px;top:40px;bottom:-12px;width:1px;background:#dedee3}
 #outbound-journey .jc-heading{height:auto;min-height:30px;gap:10px;margin-bottom:12px;white-space:normal;transform:none;will-change:auto}
 #outbound-journey .jc-heading h3{font:500 16px/1.3 Inter,Arial,sans-serif}
 #outbound-journey .jc-node{width:30px;height:30px;border-radius:10px}
 #outbound-journey .jc-node img{width:19px;height:19px}
 #outbound-journey .jc-connector{display:none}
 #outbound-journey .jc-preview{margin-left:40px;min-height:96px;height:auto;padding:14px;background:white;border-radius:14px;font-size:13px;transform:none;will-change:auto}
 #outbound-journey .jc-preview p{font-size:13px}.jc-preview small{line-height:1.5}
 #outbound-journey .jc-person{flex-wrap:wrap}.jc-person>b{min-width:0}
 #outbound-journey .jc-person>small{margin-left:auto}
 #outbound-journey .jc-wave{overflow:hidden}
 #outbound-journey .jc-wave i{flex-shrink:0}
 #outbound-journey .jc-owner{font-size:9px}.jc-proposal{flex-wrap:wrap}
 @keyframes jc-mobile-loop{to{transform:translateY(calc(-1 * var(--jc-loop-height,1200px)))}}

 #services .buying-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 28px;gap:10px;padding:8px 0;background:white;align-items:start}
 #services .buying-copy{grid-column:1;grid-row:1;align-self:start;max-width:430px;width:100%;margin:0 auto;min-height:0}
 #services #buying-eyebrow{font-size:13px;line-height:1.4;margin:0}
 #services .buying-copy h2{font:600 26px/1.12 'Clash Display',Inter,sans-serif;margin:8px 0;min-height:2.24em;white-space:pre-line;max-width:none}
 #services #buying-description{font:400 14px/1.45 Inter,Arial,sans-serif;margin:0;min-height:5.8em;max-width:none}
 #services .buying-copy .button,#services .buying-copy .buying-included{display:none}
 #services .iphone-preview{--device-height:var(--mobile-device-height,400px);grid-column:1;grid-row:2;height:var(--device-height);width:calc(var(--device-height)/2);max-width:100%;margin:auto;align-self:center;justify-self:center;border-radius:32px;border-width:6px;overflow:hidden}
 #services .buying-tabs{grid-column:1;grid-row:3;align-self:center;height:28px}
 #services .buying-tabs button{height:28px;width:44px;flex-basis:44px}
 #services .iphone-status{height:30px;padding-inline:12px}
 #services .iphone-island{height:18px;width:62px;top:5px}.iphone-island:after{top:5px}
 #services .iphone-time{font-size:8px}
 #services .ios-navigation{height:36px;grid-template-columns:28px minmax(0,1fr) 28px;padding-inline:7px}
 #services .ios-menu-toggle{height:26px;width:26px}#services .ios-menu-toggle img{width:16px;height:16px}
 #services .ios-page-context>span{font-size:7px}#services .ios-page-context>strong{font-size:11px}#services .ios-step{font-size:8px}
 #services .ios-page-menu{top:64px;left:6px;right:6px}#services .ios-page-menu button{font-size:11px;padding:9px 7px}

 #pricing .pricing-heading-row{margin-bottom:28px}
 #pricing .pricing-package .plans{display:flex;align-items:stretch;gap:12px;padding:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:none;border-radius:20px 20px 0 0;border-bottom:0;box-shadow:none;touch-action:pan-x pan-y}
 #pricing .plans::-webkit-scrollbar{display:none}
 #pricing .pricing-package .plan{flex:0 0 calc(100% - 24px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:24px 18px;overflow:hidden}
 #pricing .plan-top{min-height:118px;justify-content:flex-start;gap:14px;margin-bottom:14px}
 #pricing .plan h3{font-size:20px;max-width:90px}
 #pricing .plan-badge{position:absolute;top:24px;left:auto;right:12px;height:auto;padding:4px 7px;border:0;border-radius:6px;font-size:10px;line-height:1.4}
 #pricing .plan-channels{min-height:63px;gap:6px}
 #pricing .plan-channel{font-size:12px;padding:4px 7px}
 #pricing .plan>p:not(.unit-price){min-height:66px;margin:0;font-size:16px}
 #pricing .plan-price{min-height:66px;margin-top:18px}
 #pricing .plan-price bdi{font-size:30px}
 #pricing .plan-price-custom bdi{font-size:28px}
 #pricing .unit-price{min-height:48px;font-size:15px}
 #pricing .plan ul{margin:24px 0 0;gap:18px}
 #pricing .pricing-plan-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:4px 0 10px;background:white;border:1px solid #e1e1e4;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 2px 2px #1b1d2410,0 12px 22px #1b1d240c}
 #pricing .pricing-plan-nav button{display:grid;place-items:center;width:40px;height:36px;border:0;background:none;padding:0;border-radius:6px}
 #pricing .pricing-plan-nav button:after{content:'';width:7px;height:7px;border-radius:50%;background:#d0d0d5;transition:background .2s,transform .2s}
 #pricing .pricing-plan-nav [aria-pressed=true]:after{background:#b22587;transform:scale(1.2)}
 #pricing .plans:focus-visible{outline:2px solid #b22587;outline-offset:3px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 #outbound-journey .jc-viewport{overflow-y:auto;mask-image:none}
 #outbound-journey .jc-mobile-loop{animation:none;transform:none;will-change:auto}
 #outbound-journey .jc-track{padding-bottom:24px}
 #outbound-journey .jc-track[aria-hidden=true],#outbound-journey .jc-motion-toggle{display:none}
 #services .buying-stage{height:auto;grid-template-rows:auto auto 28px}
 #services .iphone-preview{--device-height:440px}
 #pricing .pricing-plan-nav button:after{transition:none}
}
