/* GSM original exchange motion; all content remains usable without animation. */
.gsm-exchange{border:0;background:transparent;padding:0;cursor:pointer;pointer-events:auto;display:block;color:inherit}.gsm-exchange:focus-visible{outline:2px solid #397250;outline-offset:4px;border-radius:14px}.gsm-exchange svg{overflow:visible}.exchange-phone,.exchange-cash,.exchange-arrows{animation:none}
@media(prefers-reduced-motion:no-preference){
.gsm-exchange.is-playing .exchange-phone{animation:gsm-meet-phone 4.2s ease-in-out 1}.gsm-exchange.is-playing .exchange-cash{animation:gsm-meet-cash 4.2s ease-in-out 1}.gsm-exchange.is-playing .exchange-arrows{animation:gsm-meet-arrows 4.2s ease-in-out 1}
@keyframes gsm-meet-phone{0%,100%{transform:translateX(0) rotate(0deg)}40%,65%{transform:translateX(51px) rotate(3deg)}}
@keyframes gsm-meet-cash{0%,100%{transform:translateX(0) rotate(0deg)}40%,65%{transform:translateX(-51px) rotate(-3deg)}}
@keyframes gsm-meet-arrows{0%,100%{opacity:.7}35%,70%{opacity:0}}
.device-choice .choice,.card{animation:gsm-device-reveal .5s ease-out both}.device-choice .choice:nth-child(2),.card:nth-child(2){animation-delay:60ms}.device-choice .choice:nth-child(3),.card:nth-child(3){animation-delay:120ms}.device-choice .choice:nth-child(4),.card:nth-child(4){animation-delay:180ms}
@keyframes gsm-device-reveal{from{opacity:.35;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
.device-choice .choice{transition:transform .18s ease,box-shadow .18s ease}.device-choice .choice:active{transform:scale(.975)}
}
@media(hover:hover) and (pointer:fine){.device-choice .choice:hover{transform:translateY(-3px);box-shadow:0 6px 18px #213b3012}}
@media(prefers-reduced-motion:reduce){.gsm-exchange .exchange-phone,.gsm-exchange .exchange-cash,.gsm-exchange .exchange-arrows,.device-choice .choice,.card{animation:none!important;transition:none!important}}

@media(min-width:761px){.gsm-exchange{display:none}}

/* Neutral frame around device selection. */
.device-choice .wizard{border-top:1px solid #d8ded2}

/* Original generated photographic composition, mobile only. */
@media(max-width:760px){.gsm-photo-exchange{position:relative;width:min(100%,360px);height:auto;aspect-ratio:3/2;margin:14px auto 8px;overflow:hidden;border-radius:18px;background:#f7f8f4;isolation:isolate}.gsm-photo-exchange .photo-half{position:absolute;top:0;width:50%;height:100%;background-image:url('/assets/gsm-phone-cash.webp');background-repeat:no-repeat;background-size:200% 100%;pointer-events:none}.photo-phone{left:0;background-position:left center}.photo-cash{right:0;background-position:right center}}
@media(prefers-reduced-motion:no-preference){.gsm-photo-exchange.is-playing .photo-phone{animation:gsm-photo-left 4.2s ease-in-out 1}.gsm-photo-exchange.is-playing .photo-cash{animation:gsm-photo-right 4.2s ease-in-out 1}@keyframes gsm-photo-left{0%,100%{transform:translateX(0)}45%,65%{transform:translateX(7px)}}@keyframes gsm-photo-right{0%,100%{transform:translateX(0)}45%,65%{transform:translateX(-7px)}}}
@media(prefers-reduced-motion:reduce){.gsm-photo-exchange .photo-half{animation:none!important}}

/* Blend the photograph into the page, without a separate card. */
@media(max-width:760px){.gsm-photo-exchange{background:transparent;border-radius:0;box-shadow:none;isolation:auto;overflow:visible;margin:12px auto 4px}.gsm-photo-exchange .photo-half{mix-blend-mode:darken;mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%)}}
.device-choice .sell-layout{margin-top:24px}.device-choice .wizard #question h2{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;font-size:24px;line-height:1.2;margin:4px 0 20px;text-align:left}.device-choice .wizard{padding-top:22px!important}@media(max-width:760px){.device-choice .sell-layout{margin-top:18px}.device-choice .wizard #question h2{font-size:22px;margin-bottom:18px}}

/* Feather the hands into the page while keeping the devices sharp. */
@media(max-width:760px){.gsm-photo-exchange .photo-half{mask-image:radial-gradient(ellipse 96% 75% at 50% 31%,#000 46%,rgba(0,0,0,.94) 60%,rgba(0,0,0,.52) 79%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 96% 75% at 50% 31%,#000 46%,rgba(0,0,0,.94) 60%,rgba(0,0,0,.52) 79%,transparent 100%)}.gsm-photo-exchange+.sell-intro{text-align:center;margin:5px 0 18px;font-size:14px;color:#55615a}.gsm-photo-exchange{margin-bottom:0}}

/* Full-width mobile hero: hands enter from the page edges. */
@media(max-width:760px){.gsm-photo-exchange{width:100vw;max-width:none;height:auto;aspect-ratio:1.75;margin:12px 0 0;left:50%;transform:translateX(-50%);overflow:hidden;border-radius:0}.gsm-photo-exchange .photo-half{width:53%;background-size:200% 100%;mask-image:none;-webkit-mask-image:none}.gsm-photo-exchange .photo-phone{left:-3%;right:auto}.gsm-photo-exchange .photo-cash{right:-3%;left:auto}.device-choice .sell-layout{margin-top:22px}}

@media(max-width:760px){.gsm-photo-exchange{aspect-ratio:2.45;margin-top:16px;margin-bottom:12px}.gsm-photo-exchange .photo-half{width:50%;background-image:url('/assets/gsm-horizontal-exchange.webp');background-size:200% auto;background-position-y:center;mix-blend-mode:darken}.gsm-photo-exchange .photo-phone{left:0}.gsm-photo-exchange .photo-cash{right:0}.gsm-photo-exchange .photo-flow{position:absolute;left:50%;top:50%;width:32px;height:26px;transform:translate(-50%,-50%);color:#357b50;overflow:visible;pointer-events:none}.photo-flow path{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}}
@media(prefers-reduced-motion:no-preference){.photo-flow path{animation:gsm-flow-pulse 1.5s ease-in-out 3}.photo-flow path:nth-child(2){animation-delay:.15s}.photo-flow path:nth-child(3){animation-delay:.3s}.gsm-photo-exchange.is-playing .photo-phone{animation:gsm-horizontal-left 4.2s ease-in-out 1}.gsm-photo-exchange.is-playing .photo-cash{animation:gsm-horizontal-right 4.2s ease-in-out 1}@keyframes gsm-flow-pulse{0%,100%{opacity:.25;translate:-1px 0}50%{opacity:1;translate:2px 0}}@keyframes gsm-horizontal-left{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes gsm-horizontal-right{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}}
@media(prefers-reduced-motion:reduce){.photo-flow path{animation:none!important}}
@media(max-width:760px){.gsm-photo-exchange{width:calc(100% + 30px)}.gsm-photo-exchange .photo-half{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}}

/* Crop more of the forearms at the screen edges. */
@media(max-width:760px){.gsm-photo-exchange .photo-half{background-size:240% auto}.gsm-photo-exchange .photo-phone{background-position:14.2857% center}.gsm-photo-exchange .photo-cash{background-position:85.7143% center}}

.device-choice .wizard #question h2{text-align:center}@media(prefers-reduced-motion:no-preference){.gsm-photo-exchange.is-playing .photo-phone,.gsm-photo-exchange.is-playing .photo-cash{animation-duration:4.8s;animation-iteration-count:infinite}.gsm-photo-exchange:not(.is-playing) .photo-half{animation:none}}