/**
 * Craxis Signs Carousel — unique asset filename.
 */

.csc{--brand:#6904f2;--brand-2:#9b5cff;--text:#090909;--muted:#5c5670;--ease:cubic-bezier(.77,0,.18,1);--card-w:min(82vw,310px);--csc-gap:14px;position:relative;padding:28px 0 40px;font-family:inherit;color:var(--text);-webkit-font-smoothing:antialiased}
.csc *,.csc *::before,.csc *::after{box-sizing:border-box}
.csc button,.csc button:hover,.csc button:focus,.csc button:active{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;box-shadow:none;line-height:inherit;border-radius:0}
.csc__intro{padding:0 24px 22px;text-align:center}
.csc__eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
.csc__title{font-size:clamp(22px,4vw,32px);line-height:1.2;letter-spacing:-.03em;font-weight:800;color:var(--text);margin:0 0 12px}
.csc__lead{font-size:14px;line-height:1.55;color:var(--muted);max-width:40em;margin:0 auto}
.csc:not(.is-carousel) .csc__hint,.csc:not(.is-carousel) .csc__controls{display:none}
.csc:not(.is-carousel) .csc__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px;overflow:visible;cursor:default}
.csc:not(.is-carousel) .csc__card{transform:none;opacity:1;filter:none;flex:none;width:auto;max-width:none;scroll-snap-align:none}
.csc:not(.is-carousel) .csc__card::before{display:none}
.csc:not(.is-carousel) .csc__num,.csc:not(.is-carousel) .csc__heading,.csc:not(.is-carousel) .csc__body{opacity:1;transform:none}
.csc:not(.is-carousel) .csc__divider{transform:scaleX(1)}
@media (max-width:1100px){.csc:not(.is-carousel) .csc__track{grid-template-columns:repeat(2,minmax(0,1fr))}}
.csc__viewport{position:relative}
.csc__card{position:relative;min-height:250px;padding:22px 22px 24px;border-radius:20px;background:rgba(255,255,255,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(9,9,9,.2);box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),inset 2px 1px 0 -1px #fff,inset -1.5px -1px 0 -1px #fff,inset -2px -6px 1px -5px #fff,inset -1px 2px 3px -1px rgba(0,0,0,.12),inset 0 -4px 1px -2px rgba(0,0,0,.12),0 12px 28px rgba(22,10,46,.06);display:flex;flex-direction:column;overflow:hidden}
.csc__num{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--brand);margin-bottom:10px}
.csc__heading{font-size:20px;line-height:1.25;letter-spacing:-.02em;font-weight:800;color:var(--text);margin:0 0 14px}
.csc__divider{height:1px;width:100%;background:rgba(9,9,9,.14);margin:0 0 14px}
.csc__body{font-size:14px;line-height:1.55;font-weight:500;color:var(--muted);margin-top:auto}
.csc.is-carousel .csc__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 24px 14px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;transition:opacity .35s,transform .35s}
.csc.is-carousel .csc__hint.is-hidden{opacity:0;transform:translateY(-6px);pointer-events:none}
.csc__hint-arrow{display:inline-flex;animation:csc-nudge 1.2s var(--ease) infinite}
.csc__hint-arrow svg{width:16px;height:16px}
@keyframes csc-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.csc.is-carousel .csc__track{display:flex;gap:var(--csc-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px calc((100% - var(--card-w))/2) 22px;cursor:grab;touch-action:pan-x;grid-template-columns:none}
.csc.is-carousel .csc__track::-webkit-scrollbar{display:none}
.csc.is-carousel .csc__track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.csc.is-carousel .csc__card{flex:0 0 var(--card-w);width:var(--card-w);max-width:var(--card-w);scroll-snap-align:center;scroll-snap-stop:always;transform:scale(.92);opacity:.55;filter:saturate(.9);transition:transform .45s var(--ease),opacity .45s var(--ease),filter .45s var(--ease),box-shadow .45s var(--ease)}
.csc.is-carousel .csc__card.is-active{transform:scale(1);opacity:1;filter:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),inset 2px 1px 0 -1px #fff,inset -1.5px -1px 0 -1px #fff,inset -2px -6px 1px -5px #fff,inset -1px 2px 3px -1px rgba(0,0,0,.12),inset 0 -4px 1px -2px rgba(0,0,0,.12),0 18px 40px rgba(105,4,242,.14)}
.csc.is-carousel .csc__card::before{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease);display:block}
.csc.is-carousel .csc__card.is-active::before{transform:scaleX(1)}
.csc.is-carousel .csc__num,.csc.is-carousel .csc__heading,.csc.is-carousel .csc__body{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .55s var(--ease)}
.csc.is-carousel .csc__num{transform:translateY(10px);transition:opacity .45s var(--ease),transform .5s var(--ease)}
.csc.is-carousel .csc__heading{transform:translateY(16px)}
.csc.is-carousel .csc__divider{transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease)}
.csc.is-carousel .csc__card.is-active .csc__num{opacity:1;transform:none;transition-delay:.12s}
.csc.is-carousel .csc__card.is-active .csc__heading{opacity:1;transform:none;transition-delay:.18s}
.csc.is-carousel .csc__card.is-active .csc__divider{transform:scaleX(1);transition-delay:.26s}
.csc.is-carousel .csc__card.is-active .csc__body{opacity:1;transform:none;transition-delay:.32s}
.csc.is-carousel .csc__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}
.csc__dots{display:flex;align-items:center;gap:6px}
.csc__dot{height:44px;min-width:11px;padding:0 2px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent !important}
.csc__dot::after{content:"";display:block;width:7px;height:7px;border-radius:999px;background:rgba(105,4,242,.22);transition:width .35s var(--ease),background .25s}
.csc__dot.is-active::after{width:22px;background:var(--brand)}
.csc__counter{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}
.csc__counter strong{color:var(--text)}
.csc__arrows{display:flex;gap:8px}
.csc__arrow{width:44px;height:44px;border-radius:50% !important;display:grid;place-items:center;border:1px solid rgba(9,9,9,.16) !important;background:rgba(255,255,255,.85) !important;color:var(--text) !important;box-shadow:none !important;transition:opacity .2s,transform .2s}
.csc__arrow svg{width:18px;height:18px}
.csc__arrow:hover,.csc__arrow:focus,.csc__arrow:active{background:rgba(255,255,255,.85) !important;color:var(--text) !important;border-color:rgba(9,9,9,.16) !important;box-shadow:none !important}
.csc__arrow:active:not(:disabled){transform:scale(.94)}
.csc__arrow:disabled{opacity:.35;cursor:not-allowed}
.csc__arrow:focus-visible,.csc__dot:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.csc *,.csc *::before,.csc *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}.csc__hint-arrow{animation:none}}