/* Figma 799:8826 */
html body :is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]){position:relative;isolation:isolate;padding:90px 0 100px;background:#fff url('../img/collection/applications-background.svg') center/100% 100% no-repeat}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../../img/global-presence/texture.png') repeat;background-size:17px;opacity:.05}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .container{max-width:1051px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .ss-links-heading{margin-bottom:48px;text-align:center}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .ss-links-heading h2{font-size:48px;line-height:1.2;letter-spacing:-2.4px;font-weight:400;color:#262626;margin:0}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel{display:grid;grid-template-columns:358px minmax(0,1fr);align-items:center;gap:60px;min-height:480px;padding:8px 60px 8px 10px;border:1px solid #eaecf0;border-radius:24px;background:#e7e7e91a;overflow:hidden}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel[hidden]{display:none}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy{display:block;color:inherit;text-decoration:none;border:0;padding:0}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.28px;color:#313540;margin:0 0 8px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy p{font-size:18px;line-height:1.5;letter-spacing:-.36px;color:#667085;margin:0}
.collection-app-art{position:relative;width:358px;height:464px;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}
.collection-app-art .app-tile{position:absolute;width:114px;height:114px;border:1px solid #ebebeb;border-radius:16px;background:linear-gradient(140deg,#ffffff00,#f7f7f7)}
.collection-app-art .tile-0{left:122px;top:56px}.collection-app-art .tile-1{left:122px;top:-66px;opacity:.5}.collection-app-art .tile-2{left:122px;top:300px}.collection-app-art .tile-3{left:122px;top:422px;opacity:.5}
.collection-app-art .tile-4{left:0;top:114px}.collection-app-art .tile-5{left:244px;top:114px}.collection-app-art .tile-6{left:0;top:-8px}.collection-app-art .tile-7{left:244px;top:-8px}.collection-app-art .tile-8{left:0;top:236px}.collection-app-art .tile-9{left:244px;top:236px}.collection-app-art .tile-10{left:0;top:358px}.collection-app-art .tile-11{left:244px;top:358px}.collection-app-art .tile-12{display:none}
.collection-app-art .app-feature{position:absolute;left:122px;top:178px;width:114px;height:114px;display:grid;place-items:center;border-radius:16px;background:url('../img/systems-668/first.png') center/cover;box-shadow:0 6px 4px #3b3b3b05,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
.collection-app-art .app-feature img{width:55px;height:55px;object-fit:contain}
.collection-app-controls{display:flex;justify-content:center;gap:10px;margin:24px 24px 0}.collection-app-controls button{width:32px;height:32px;border-radius:50%;border:1px solid #eaecf0;background:white;color:#667085;cursor:pointer}.collection-app-controls button[aria-pressed="true"]{background:#17191f;color:white;border-color:#6485ff}.collection-app-controls button:focus-visible,.collection-app-copy:focus-visible{outline:2px solid #356bff;outline-offset:4px}
@media(max-width:800px){html body :is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]){padding:64px 0}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .ss-links-heading h2{font-size:36px;letter-spacing:-1.2px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel{grid-template-columns:1fr;gap:24px;padding:24px;min-height:0}.collection-app-art{margin:auto;height:280px;max-width:100%;transform:none}.collection-app-art .app-feature{top:84px}.collection-app-art .app-tile{transform:translateY(-94px)}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy{padding:0 8px 24px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy h3{font-size:24px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy p{font-size:16px}}

/* Latest Figma controls and artwork, 799:8826. */
html body :is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]){padding:90px 0 130px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]):before{display:none}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .container{width:calc(100% - 48px);max-width:1003px;padding:0}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel{box-sizing:border-box}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy{position:relative;align-self:stretch;padding-top:85px;min-width:0}
.app-quote{display:block;width:37px;height:34px;object-fit:contain;margin-bottom:34px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:110px;padding-right:14px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls{display:flex;gap:16px;margin:0}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls button{display:grid;place-items:center;width:46px;height:33px;padding:0;border:1px solid white;border-radius:99px;background:#f6f7f8;box-shadow:0 9px 20px #0103091a,0 36px 36px #01030917;color:#16171c}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls button:disabled{opacity:.5;cursor:default}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls img{width:14px;height:12px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) [data-app-prev] img{transform:rotate(180deg)}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check{display:flex;align-items:center;justify-content:center;gap:12px;min-width:132px;height:52px;padding:0 23px;border-radius:40px;background:#16171c;color:white;font-size:16px;text-decoration:none;box-shadow:0 24px 40px #0000001a,0 25px 18px #0000000a}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check img{width:18px;height:18px;transform:rotate(-90deg)}
.collection-app-art{mask-image:url('../img/collection/applications-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}
.collection-app-art .tile-0,.collection-app-art .tile-1,.collection-app-art .tile-5,.collection-app-art .tile-6,.collection-app-art .tile-9{border-color:transparent}
.collection-app-art .tile-0,.collection-app-art .tile-1{background:linear-gradient(#fff0,#f7f7f7)}
.collection-app-art .tile-2,.collection-app-art .tile-3{background:linear-gradient(#f7f7f7,#fff0)}
.collection-app-art .tile-4,.collection-app-art .tile-8{background:linear-gradient(267deg,#f7f7f7 6%,#fff9)}
.collection-app-art .tile-5,.collection-app-art .tile-9{background:linear-gradient(267deg,#fff9 6%,#f7f7f7)}
.collection-app-art .tile-7{background:linear-gradient(47deg,#f7f7f7 5%,#fff0 84%)}
.collection-app-art .tile-10{background:linear-gradient(218deg,#f7f7f7 4%,#fff0 66%)}
.collection-app-art .tile-11{background:linear-gradient(151deg,#f7f7f7 6%,#fff0 71%)}
@media(max-width:800px){html body :is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]){padding:64px 0}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy{padding:0 8px 8px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-actions{margin-top:36px;padding:0}.app-quote{margin-bottom:24px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check{min-width:110px}.collection-app-art{mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent)}}
/* Keep the action row aligned when translated descriptions wrap. */
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy{display:flex;flex-direction:column;padding-bottom:76px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-actions{margin-top:auto;padding-top:32px;flex-shrink:0}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check{box-sizing:border-box;flex-shrink:0;width:132px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check:focus-visible{outline:2px solid #356bff;outline-offset:4px}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls button:not(:disabled):hover{background:#e9edf5}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check:hover{background:#292d39}
@media(min-width:801px) and (max-width:1050px){:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel{grid-template-columns:36% minmax(0,1fr);gap:32px;padding-right:32px}.collection-app-art{left:50%;transform:translateX(-50%)}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy h3{font-size:26px}}
@media(max-width:800px){:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-copy{padding:0 0 8px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-actions{margin-top:36px;padding-top:0}.collection-app-art{width:358px;max-width:none;left:50%;margin:0;transform:translateX(-50%)}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel{gap:24px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .ss-links-heading{margin-bottom:32px}}
@media(max-width:420px){:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .ss-links-heading h2{font-size:30px;letter-spacing:-.9px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-panel{padding:20px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls{gap:10px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-actions{gap:16px}:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check{width:110px;min-width:110px;padding:0 16px}}
/* Scroll Reel reference: 6ms character stagger, 380ms rise, 800ms reel. */
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-reel-word{display:inline-block;white-space:nowrap}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-reel-char{display:inline-block;animation:app-reel-rise .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes app-reel-rise{from{opacity:0;transform:translateY(.42em)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-reel-char{animation:none}}

/* Match the shared Book a Demo interaction without changing card geometry. */
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check{box-shadow:none}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .app-check:is(:hover,:focus-visible){background:linear-gradient(91.1408deg,#1177ff .21879%,#6881f1 99.752%);transform:none}
/* Figma 801:9130: stationary radial edge fade above the moving reel. */
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-art{isolation:isolate}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-art::after{content:"";position:absolute;left:-9px;top:-7px;width:367px;height:478px;background:url('../img/collection/applications-edge-fade.svg') center/100% 100% no-repeat;z-index:2;pointer-events:none}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-art .app-tile{box-sizing:border-box}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-art .tile-6{background:linear-gradient(138.865deg,#fff0 28.044%,#f7f7f7 93.252%)}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-art .app-feature{box-shadow:0 1px 1px #3b3b3b0a,0 3px 3px #3b3b3b08,0 6px 4px #3b3b3b05,0 11px 4px #3b3b3b03,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
@media(max-width:800px){:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-art::after{top:-101px}}
/* Disabled carousel controls clearly communicate the navigation boundary. */
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls button:disabled{cursor:not-allowed;opacity:1;background:#f0f1f3;border-color:#e7e9ed;box-shadow:none}
:is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]) .collection-app-controls button:disabled img{opacity:.28;filter:grayscale(1);pointer-events:none}
/* Banking finance: plain background for the collections applications section. */
html body[data-page="banking-finance"] :is(#collectionApplications,#applications[data-collection-applications],#coverage[data-collection-applications]){background-image:none}

/* Single customer-service workflow: keep its action at the leading edge. */
body[data-page="customer-services"] #applications[data-collection-applications] .collection-app-controls{display:none}
body[data-page="customer-services"] #applications[data-collection-applications] .app-actions{justify-content:flex-start}