.ecm-section{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,48px,4rem)}.ecm-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.ecm-bg-image img{width:100%;height:100%;object-fit:cover}.ecm-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,48px,4rem)}.ecm-header{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center;display:flex;flex-direction:column;gap:clamp(1.875rem,32px,2rem);align-items:center}.ecm-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--ecm-badge-bg, #ffffff);color:var(--ecm-badge-color, #64748b);border-radius:999px;border:1px solid var(--ecm-badge-border, #e2e8f0);padding:.625rem 1rem;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 3px #0000001a}.ecm-badge svg{color:var(--ecm-badge-icon-color, #0891b2);flex-shrink:0}.ecm-title{width:100%}.ecm-title h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;font-weight:700;margin:0;color:var(--ecm-heading-color, #ffffff);font-family:var(--font-heading-family)}.ecm-subtitle{max-width:800px;margin:0 auto;font-size:clamp(1rem,1.375rem,1.5rem);line-height:1.6;font-weight:300;color:var(--ecm-subheading-color, rgba(255, 255, 255, .7))}.ecm-grid-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.ecm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.ecm-card{display:flex;align-items:center;gap:12px;padding:1.25rem 1.5rem;background:var(--ecm-card-bg, #1a1a1a);border:1px solid var(--ecm-card-border, rgba(238, 86, 36, .5));border-radius:4px;transition:all .2s ease;cursor:default}.ecm-card:hover{border-color:var(--ecm-card-border-hover, #0891b2);box-shadow:0 4px 12px #0891b21a;transform:translateY(-2px)}.ecm-card-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.ecm-card-icon svg{color:var(--ecm-card-icon-color, #0891b2);width:24px;height:24px}.ecm-card-icon img{width:24px;height:24px;object-fit:contain}.ecm-card-text{font-size:15px;font-weight:500;color:var(--ecm-card-text, #334155);text-align:left;line-height:1.4}.ecm-marquee-outer{width:100%}.ecm-marquee-label{text-align:center;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ecm-marquee-label-color, #64748b);margin:0 0 .5rem}.ecm-marquee-wrapper,.ecm-marquee-container{position:relative;width:100%;overflow:hidden}.ecm-marquee-track{display:flex;width:max-content;--ecm-scroll-duration: 30s;animation:ecm-scroll var(--ecm-scroll-duration) linear infinite;margin:2rem 0}.ecm-marquee-content{display:flex;align-items:center}.ecm-marquee-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;padding:20px;width:200px;height:100px;margin-right:2rem;background:var(--ecm-marquee-item-bg, transparent)}.ecm-marquee-item:before,.ecm-marquee-item:after{display:none!important;content:none!important}.ecm-marquee-item a{display:block;text-decoration:none}.ecm-client-logo{width:100%;height:auto;max-height:80px;object-fit:contain;transition:all .3s ease}.ecm-marquee-shadow{position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.ecm-marquee-shadow-left{left:0;transform:scaleX(-1)}.ecm-marquee-shadow-right{right:0;transform:scaleX(-1)}.ecm-marquee-container:hover .ecm-marquee-track{animation-play-state:paused}@keyframes ecm-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ecm-title strong.highlighted-text{font-weight:400}.ecm-title .highlighted-text{position:relative;font-family:Pixeloid Mono,monospace;font-size:.85em;background-color:var(--highlighted-text-bg, transparent);padding:.1em .3em}.ecm-title .highlighted-text .icon{z-index:-1;position:absolute;inset-block-start:0;inset-inline-start:0;stroke:rgb(var(--color-highlight))}.ecm-title .highlighted-text .icon-circle{width:120%;height:140%;inset-block-start:-20%;inset-inline-start:-10%}.ecm-title .highlighted-text .icon-basic-underline{width:100%;height:30%;inset-block-start:auto;inset-block-end:-20%}.ecm-title .highlighted-text .icon-sketch-underline{width:100%;height:60%;inset-block-start:auto;inset-block-end:-20%}.ecm-title .highlighted-text .icon-squiggle-underline{width:100%;height:50%;inset-block-start:auto;inset-block-end:-30%}.ecm-title .highlighted-text .icon-squiggle-underline-2{width:100%;height:50%;inset-block-start:auto;inset-block-end:-35%}.ecm-title .highlighted-text .icon path{opacity:1}.ecm-title .highlighted-text[data-style=text]{color:rgb(var(--color-highlight))}.ecm-title .highlighted-text[data-style=full_text],.ecm-title .highlighted-text[data-style=half_text],.ecm-title .highlighted-text[data-style=underline]{background-repeat:no-repeat;background-image:linear-gradient(rgb(var(--color-highlight)),rgb(var(--color-highlight)))}.ecm-title .highlighted-text.with-gradient[data-style=full_text],.ecm-title .highlighted-text.with-gradient[data-style=half_text],.ecm-title .highlighted-text.with-gradient[data-style=underline]{background-image:var(--gradient-highlight)}.ecm-title .highlighted-text[data-style=full_text]{background-position:left 70%;background-size:100% 80%}.ecm-title .highlighted-text[data-style=half_text]{background-position:left 90%;background-size:100% 28%}.ecm-title .highlighted-text[data-style=underline]{background-size:100% 3px;background-position:left 90%}.ecm-title .highlighted-text[data-style=stencil]{-webkit-text-stroke:.02em currentColor;-webkit-text-fill-color:transparent}@media screen and (-webkit-min-device-pixel-ratio:0){.ecm-title .highlighted-text.with-gradient[data-style=text]{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-image:var(--gradient-highlight);background-position:left 100%;background-size:100% 100%}}@media screen and (min-width:1024px){.ecm-marquee-track{margin:3.75rem 0}}@media screen and (max-width:1024px){.ecm-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.ecm-header,.ecm-grid-container{padding:0 1rem}.ecm-badge{font-size:12px;padding:.5rem .875rem;margin:auto}.ecm-badge svg{width:14px;height:14px}.ecm-title,.ecm-subtitle{margin:auto}.ecm-subtitle{font-size:1rem}.ecm-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.ecm-card{padding:1rem;flex-direction:column;text-align:center;gap:8px}.ecm-card-text{font-size:14px;text-align:center}}@media screen and (max-width:480px){.ecm-grid{gap:.75rem}.ecm-card{padding:.875rem}.ecm-card-text{font-size:13px}}@media(prefers-reduced-motion){.ecm-marquee-track{animation:none}.ecm-marquee-container{overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ecosystem-integrations-marquee.css.map */