.operations-channels{background:#f5f6fa;color:#14171d;padding:90px 0}.channels-intro{text-align:center;max-width:870px;margin:0 auto 45px}.channels-intro .eyebrow{justify-content:center;color:#697487}.channels-intro h2{font-size:clamp(34px,4vw,57px);letter-spacing:-.045em;line-height:1.08}.channels-intro h2 em{font-style:normal;color:#2165df}.channels-intro>p:last-child{max-width:760px;margin:25px auto 0;font-size:16px;line-height:1.8;color:#687384}.channels-stage{display:grid;grid-template-columns:minmax(230px,.7fr) 150px minmax(0,1.4fr);align-items:center;gap:0;padding:20px 0 35px}.channels-stage figure{margin:0;min-width:0;border:1px solid #d9e1ef;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #172c4812;background:white;z-index:1}.channels-device-bar{padding:14px 16px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:.05em;font-weight:600}.channels-device-bar>span{color:#2165df;font-size:8px}.channels-device-bar small{margin-left:auto;font-size:8px;letter-spacing:0;font-weight:400;color:#788399}.channels-web{max-width:335px;justify-self:end;transform:rotate(-2deg)}.channels-web-screen{aspect-ratio:500/720;overflow:hidden}.channels-web-screen>img{width:100%;height:100%;object-fit:cover;object-position:right}.channels-pos{transform:rotate(1deg);background:#fff!important;border:8px solid #e1e6ee!important;border-radius:22px!important}.channels-pos .channels-device-bar{color:#14171d;background:#fff}.channels-pos .channels-device-bar small{color:#788399}.channels-pos-screen{aspect-ratio:1280/850;overflow:hidden}.channels-pos-screen>img{width:100%;height:100%;object-fit:contain}.channels-stage figcaption{font-size:10px;color:#7e8ca1;text-align:center;padding:11px}.channels-link{display:flex;align-items:center;position:relative;z-index:2}.channels-link>i{height:1px;background:#a9c3ec;flex:1;position:relative}.channels-link>i:after{content:'';position:absolute;width:6px;height:6px;top:-2.5px;left:0;border-radius:50%;background:#2165df;opacity:0}.channels-link>div{background:#11151d;border-radius:15px;padding:16px 12px;width:112px;box-shadow:0 12px 30px #182e5320}.channels-link img{width:86px;height:auto}.channels-link span{font-size:8px;color:#b6c7e2;text-align:center;display:block;margin-top:8px}.channels-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.channels-signals article{border-top:2px solid #c9d8ed;padding:22px 0 0}.channels-signals article>span{font-size:9px;letter-spacing:.09em;color:#2165df}.channels-signals h3{font-size:24px;letter-spacing:-.035em;line-height:1.2;margin:16px 0 12px}.channels-signals p{font-size:14px;line-height:1.7;color:#697487;margin:0}.channels-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.channels-bottom p{font-size:11px;color:#788399}.channels-bottom button{font:inherit;font-size:11px;white-space:nowrap;border:1px solid #cad8ef;background:white;border-radius:25px;padding:10px 15px;color:#2165df;cursor:pointer}.channels-bottom button:focus-visible{outline:2px solid #2165df;outline-offset:3px}.channels-plan{margin-top:32px;padding:28px;border-radius:19px;background:white;border:1px solid #dfe6f0;display:flex;align-items:center;justify-content:space-between;gap:25px}.channels-plan strong{display:block;font-size:17px}.channels-plan div>span{display:block;font-size:13px;color:#697487;margin-top:8px}.channels-plan .button{background:#2165df;color:white;font-size:12px;padding:17px 21px}.channels-playing .channels-link>i:after{animation:channels-travel 1.4s ease-in-out 4 both}.channels-playing .channels-link>i:first-child:after{animation-direction:reverse}.channels-playing .channels-signals article{animation:channels-signal 2s calc(var(--signal)*1.8s) both}.channels-paused *{animation-play-state:paused!important}@keyframes channels-travel{0%{opacity:0;left:0}20%,80%{opacity:1}100%{opacity:0;left:100%}}@keyframes channels-signal{0%{opacity:.35;translate:0 10px;border-color:#c9d8ed}50%,100%{opacity:1;translate:0 0;border-color:#2165df}}@media(max-width:900px){.channels-stage{grid-template-columns:minmax(0,.7fr) 105px minmax(0,1fr)}.channels-link>div{width:95px;padding:14px 9px}.channels-link img{width:77px}.channels-device-bar small{display:none}.channels-signals h3{font-size:21px}}@media(max-width:760px){.operations-channels{padding:55px 0}.channels-intro>p:last-child{font-size:15px}.channels-stage{grid-template-columns:1fr;padding-top:0}.channels-web{width:245px;justify-self:center}.channels-link{flex-direction:column;height:115px;justify-content:center}.channels-link>i{height:auto;width:1px;min-height:20px}.channels-link>i:after{left:-2.5px;top:0}.channels-link>div{width:112px;padding:14px;text-align:center}.channels-link img{width:80px}.channels-pos{width:100%}.channels-signals{gap:23px;grid-template-columns:1fr}.channels-signals h3{margin:10px 0;font-size:23px}.channels-signals article{padding-top:16px}.channels-plan{align-items:stretch;flex-direction:column;padding:22px}.channels-plan strong{font-size:16px}.channels-bottom{align-items:flex-start}.channels-playing .channels-link>i:after{animation-name:channels-travel-mobile}@keyframes channels-travel-mobile{0%{opacity:0;top:0}20%,80%{opacity:1}100%{opacity:0;top:100%}}}@media(prefers-reduced-motion:reduce){.operations-channels *{animation:none!important}.channels-bottom button{display:none}}
.channels-admin{max-width:600px;margin:0 auto 10px;padding:22px;background:#fff;border:1px solid #dce6f7;border-radius:18px;text-align:center;position:relative}.channels-admin>span{font-size:9px;letter-spacing:.12em;color:#2165df}.channels-admin>strong{display:block;font-size:21px;margin:10px 0 15px;letter-spacing:-.03em}.channels-admin>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.channels-admin>div>span{font-size:9px;color:#60799d;padding:7px 10px;border-radius:20px;background:#edf4ff}.channels-admin:after{content:'';width:1px;height:35px;background:#acc8f1;position:absolute;left:50%;top:100%}.channel-cues{position:relative;height:38px;background:#edf4ff;color:#2165df;display:grid;place-items:center;font-size:10px}.channel-cues>span{position:absolute;opacity:0;translate:0 5px;padding:8px;text-align:center}.channel-cues>span:last-child{opacity:1;translate:0 0}.channels-playing .channel-cues>span{animation:channel-cue 1.8s both}.channels-playing .channel-cues>span:nth-child(2){animation-delay:1.8s}.channels-playing .channel-cues>span:last-child{animation:channel-cue-last 2s 3.6s both}.channels-playing .channels-admin>div>span{animation:channels-signal 2s both}.channels-playing .channels-admin>div>span:nth-child(2){animation-delay:1.8s}.channels-playing .channels-admin>div>span:nth-child(3){animation-delay:3.6s}@keyframes channel-cue{0%{opacity:0;translate:0 5px}15%,85%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -5px}}@keyframes channel-cue-last{0%{opacity:0;translate:0 5px}15%,100%{opacity:1;translate:0 0}}@media(max-width:760px){.channels-admin{padding:20px;margin-bottom:30px}.channels-admin:after{height:30px}.channel-cues{font-size:10px}}
/* Crop only the nonessential checkout footer; keep the real cart's product and incentive details. */
.channels-web-screen{position:relative;aspect-ratio:500/620}.channels-web-screen>img{position:absolute;top:0;right:0;width:256%;max-width:none;height:auto;object-fit:initial}.channels-admin:after{display:none}.channels-stage{position:relative}.channels-stage:before{content:'';position:absolute;left:calc((100% - 150px)/3 + 75px);top:-10px;bottom:50%;border-left:1px solid #b6ccef;border-top:1px solid #b6ccef;width:calc(50% - (100% - 150px)/3 - 75px);border-top-left-radius:18px}.channels-link{background:#f5f6fa}.channels-web figcaption{background:white}@media(max-width:900px) and (min-width:761px){.channels-stage:before{left:calc((100% - 105px)*.4118 + 52.5px);width:calc(50% - (100% - 105px)*.4118 - 52.5px)}}@media(max-width:760px){.channels-stage:before{display:none}.channels-admin:after{display:block}}