.cmp-imagecards,.cmp-imagecards *,.cmp-imagecards *::before,.cmp-imagecards *::after{box-sizing:border-box}
.cmp-imagecards{overflow:hidden;padding:64px 16px;background-color:var(--solid-elevation-2,#f1f1f4)}
.cmp-imagecards .visually-hidden{position:absolute;display:block;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cmp-imagecards__header{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:40px;text-align:center}
.cmp-imagecards__title{margin:0;font-family:"Archia",sans-serif;font-size:2rem;font-weight:700;line-height:1.2;color:var(--ap-text-color-highlight,#11246a)}
.cmp-imagecards__title::before{content:"";display:block;width:60px;height:6px;margin:0 auto 16px;border-radius:3px;background:linear-gradient(90deg,#fffca8 0,#25e28a 100%)}
.cmp-imagecards__subtitle{margin:8px 0 0;font-family:"Inter",sans-serif;font-size:1rem;line-height:1.5;color:var(--ap-text-color-highlight,#11246a)}
.cmp-imagecards__cta{display:none;align-items:center;justify-content:center;flex-shrink:0;min-height:64px;padding:19px 40px;border-radius:16px;background-color:#ffe10d;font-family:"Archia",sans-serif;font-size:1.125rem;font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:#11246a;text-decoration:none;transition:background-color .2s ease}
.cmp-imagecards__cta:hover{background-color:#f1c400}
.cmp-imagecards__cta:focus-visible,.cmp-imagecards__cards:focus-visible{outline:3px solid #1c46f3;outline-offset:3px}
.cmp-imagecards__cards{display:flex;gap:20px;margin:0 -16px;padding:0 16px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}
.cmp-imagecards__cards::-webkit-scrollbar{display:none}
.cmp-imagecards__card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;flex:0 0 272px;height:224px;padding:8px;border-radius:16px;background-color:#3e3e4e;scroll-snap-align:start}
.cmp-imagecards__card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp-imagecards__card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(131,131,147,0) 0,rgba(14,14,17,0.55) 100%)}
.cmp-imagecards__card-caption{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(98,98,119,0.55) 0,rgba(14,14,17,0.55) 40%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cmp-imagecards__card-title{margin:0;font-family:"Archia",sans-serif;font-size:1.5rem;font-weight:600;line-height:1;color:#fff}
.cmp-imagecards__card-text{margin:0;font-family:"Inter",sans-serif;font-size:1rem;font-weight:500;line-height:1.3;color:#dddde4}
.cmp-imagecards__progress{display:flex;align-items:center;justify-content:center;gap:8px;min-height:21px;margin-top:40px}
.cmp-imagecards__progress-dot{width:16px;height:4px;border-radius:2px;background-color:#1c46f3;transition:width .2s ease,background-color .2s ease}
.cmp-imagecards__progress-dot--active{width:20px;height:10px;border-radius:5px;background-color:#25e28a}
@media(min-width:1024px){.cmp-imagecards{padding:80px;padding-left:max(80px,calc((100% - 1280px) / 2));padding-right:max(80px,calc((100% - 1280px) / 2));background-color:#e8e9ed}
.cmp-imagecards__header{flex-direction:row;align-items:center;justify-content:space-between;gap:40px;text-align:left}
.cmp-imagecards__heading{max-width:739px}
.cmp-imagecards__title{font-size:3rem}
.cmp-imagecards__title::before{margin-left:0}
.cmp-imagecards__subtitle{font-size:1.25rem}
.cmp-imagecards__cta{display:inline-flex}
.cmp-imagecards__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:0;padding:0;overflow:visible}
.cmp-imagecards__progress{display:none}
}
@media(prefers-reduced-motion:reduce){.cmp-imagecards__cta,.cmp-imagecards__progress-dot{transition:none}
}