.customer-success{--cs-surface:var(--white);--cs-line:#e4e4e7;--cs-line-hover:#a1a1aa;--cs-fg:var(--color-zinc-900);--cs-fg-2:#3f3f46;--cs-fg-3:#5b5b66;--cs-accent:var(--color-red-primary);--cs-ease:cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;gap:24px}.customer-success--dark{--cs-surface:var(--color-zinc-900);--cs-line:var(--color-zinc-800);--cs-line-hover:var(--color-gray-cool-600);--cs-fg:var(--white);--cs-fg-2:var(--color-gray-zinc-300);--cs-fg-3:#a1a1aa;--cs-accent:var(--color-red-bright)}.customer-success__header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 40px}.customer-success__text-group{display:flex;flex-direction:column;gap:12px}.customer-success__title{margin:0;color:var(--cs-fg);font-size:24px;font-family:gilroy-semibold;font-weight:600;font-synthesis:none;line-height:1.3}.customer-success__title *{font-family:inherit;font-weight:inherit;font-synthesis:none}.customer-success__description,.customer-success__description *{color:var(--cs-fg-2);font-size:14px;line-height:1.6}.customer-success__description p{margin:0}.customer-success__navigation{display:flex;gap:8px}.customer-success__nav-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--cs-fg);background:transparent;color:var(--cs-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .5s var(--cs-ease),color .5s var(--cs-ease)}.customer-success__nav-button:hover{background:var(--cs-fg);color:var(--cs-surface)}.customer-success__nav-button:disabled{opacity:.3;pointer-events:none}.customer-success__slider{width:100%}.customer-success__slide{height:auto;display:flex}.customer-success__card{display:flex;flex-direction:column;width:100%;background:var(--cs-surface);border:1px solid var(--cs-line);overflow:hidden;transition:border-color .5s var(--cs-ease),box-shadow .5s var(--cs-ease)}.customer-success__card:hover{border-color:var(--cs-line-hover);box-shadow:0 18px 40px -28px rgba(0,0,0,.35)}.customer-success__thumb{position:relative;aspect-ratio:329/184;overflow:hidden;background:#f4f4f5}.customer-success__thumb:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08);pointer-events:none;transition:background .7s var(--cs-ease)}.customer-success__card:hover .customer-success__thumb:after{background:rgba(0,0,0,.25)}.customer-success__thumb-image{object-fit:cover;backface-visibility:hidden;will-change:transform;transition:transform 1.6s var(--cs-ease)}.customer-success__card:hover .customer-success__thumb-image{transform:scale(1.03)}.customer-success__play{position:absolute;z-index:2;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--black);background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;transition:background .5s var(--cs-ease),color .5s var(--cs-ease)}.customer-success__play i{display:inline-flex;margin-left:3px}.customer-success__play:focus-visible,.customer-success__play:hover{color:var(--white);background:var(--color-red-primary)}.customer-success__body{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px}.customer-success__kicker{color:var(--cs-fg-3);font-family:gilroy-semibold;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.customer-success__card-title{margin:0;color:var(--cs-fg);font-family:gilroy-semibold;font-size:18px;font-weight:500;line-height:1.35}.customer-success__person{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:14px;border-top:1px solid var(--cs-line)}.customer-success__person-name{color:var(--cs-accent);font-family:gilroy-semibold;font-size:16px;font-weight:500}.customer-success__person-role,.customer-success__person-role *{color:var(--cs-fg-2);font-size:14px;line-height:1.45}.customer-success__person-role p{margin:0}@media (min-width:1024px){.customer-success{gap:48px}.customer-success__title{font-size:48px;line-height:1.15}.customer-success__description,.customer-success__description *{font-size:18px}.customer-success__nav-button{width:48px;height:48px}.customer-success__play{width:72px;height:72px;margin:-36px 0 0 -36px}.customer-success__body{padding:24px 28px 28px}.customer-success__card-title{font-size:20px}}@media (prefers-reduced-motion:reduce){.customer-success,.customer-success *,.customer-success :after,.customer-success :before{transition-duration:.01ms!important}}.customer-success sup{font-family:inherit;font-weight:inherit;font-size:.5em;line-height:0;vertical-align:super}