[data-customer-stories] { --customer-accent:#5d33fb; }
    #customers.customer-stories { padding:28px 0 56px; }
    .customer-stories__heading { max-width:800px; margin:0 auto 28px; text-align:center; }
    .customer-stories__heading h1 { margin:0; font-size:clamp(26px,3.2vw,34px); font-weight:600; line-height:1.3; letter-spacing:-.02em; }
    .customer-stories__product { margin:8px 0 0; font-size:16px; line-height:1.4; }
    .customer-stories__product a { color:#6f667e; }
    .customer-story { display:grid; grid-template-columns:132px minmax(0,1fr); gap:26px; margin-bottom:16px; padding:24px; border:1px solid #ebe7f2; border-radius:12px; background:#fff; cursor:pointer; scroll-margin-top:88px; transition:border-color .18s,box-shadow .18s,transform .18s; }
    .customer-story { position:relative; }
    .customer-story__alias { position:absolute; top:0; scroll-margin-top:88px; }
    .customer-story.selected { border-color:var(--customer-accent); background:#fff; box-shadow:0 0 0 1px var(--customer-accent),0 4px 18px rgba(64,34,132,.06); }
    .customer-story:focus-visible { outline:2px solid var(--customer-accent); outline-offset:4px; }
    @media (hover:hover) and (pointer:fine) {
        .customer-story:not(.selected):hover { border-color:var(--customer-accent); box-shadow:0 8px 24px rgba(64,34,132,.10); transform:translateY(-2px); }
    }
    .customer-story__logo { display:flex; align-items:center; justify-content:center; width:132px; height:100px; padding:10px; border-radius:8px; background:#fff; }
    .customer-story__logo img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
    .customer-story__logo [hidden] { display:none !important; }
    .customer-story__logo--dark { background:#211636; }
    .customer-story__logo--dark .customer-story__initials { color:#fff; }
    .customer-story__initials { font-size:30px; font-weight:700; color:#5d33fb; }
    .customer-story__content { min-width:0; }
    .customer-story__content h2 { margin:0 0 10px; color:#19132d; font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-.01em; }
    .customer-story__copy p { margin:0 0 12px; color:#5b5668; font-size:15px; line-height:1.7; }
    .customer-story__copy p:last-child { margin-bottom:0; }
    .customer-story__copy [hidden] { display:none !important; }
    .customer-story__use.is-revealing { animation:customer-use-reveal .75s ease-out both; }
    @keyframes customer-use-reveal { from { opacity:0; } to { opacity:1; } }
    .customer-story__footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-top:16px; }
    .customer-story__expand { display:inline-flex; align-items:center; gap:6px; margin-left:auto; color:#7b6b98; font-size:12px; font-weight:500; line-height:1.5; opacity:0; transition:opacity .18s,color .18s; }
    .customer-story__expand svg { transition:transform .18s; }
    .customer-story:hover .customer-story__expand { opacity:1; color:var(--customer-accent); }
    .customer-story:hover .customer-story__expand svg { transform:translateY(2px); }
    .customer-story.selected .customer-story__expand, .customer-story.selected .customer-story__footer--hint-only { display:none; }
    .customer-story__badges { display:flex; flex-wrap:wrap; gap:8px; }
    .customer-story__badge { display:inline-flex; align-items:center; appearance:none; padding:6px 11px; border:1px solid #e5dff0; border-radius:999px; background:#f7f5fb; color:#6a607a; font-family:inherit; font-size:12px; font-weight:600; line-height:1.4; letter-spacing:normal; text-transform:none; cursor:pointer; }
    .customer-story__badge:not(.selected):hover { border-color:#b8a6f4; color:#5d33fb; background:#f0ebff; }
    .customer-story__badge.selected { border-color:#5d33fb; background:#5d33fb; color:#fff; }
    .customer-story__badge:focus-visible { outline:2px solid #5d33fb; outline-offset:3px; }
    .customer-stories__empty { text-align:center; padding:20px 0 40px; }
    @media (min-width:1200px) { .customer-stories > .container { max-width:1000px; } }
    @media (max-width:639.98px) {
        #customers.customer-stories { padding-top:24px; }
        .customer-stories__heading { margin-bottom:24px; }
        .customer-story { grid-template-columns:72px minmax(0,1fr); gap:14px 16px; padding:20px; }
        .customer-story__logo { grid-column:1; grid-row:1; align-self:center; width:72px; height:64px; padding:6px; }
        .customer-story__content { display:contents; }
        .customer-story__content h2 { grid-column:2; grid-row:1; align-self:center; margin:0; font-size:20px; }
        .customer-story__copy, .customer-story__footer { grid-column:1 / -1; }
        .customer-story__footer { margin-top:0; }
        .customer-story__initials { font-size:24px; }
    }
    .customer-story[hidden] { display:none!important; }
    .customer-story { overflow:hidden; }
    .customer-story__cta { grid-column:1/-1; display:none; align-items:center; justify-content:space-between; gap:16px; background:var(--customer-accent); color:#fff; margin:0 -24px -24px; padding:16px 24px; text-align:left; }
    .customer-story.selected .customer-story__cta { display:flex; animation:customer-cta-reveal .18s ease-out; }
    .customer-story__cta>span { flex:1; min-width:0; overflow-wrap:anywhere; font-size:15px; font-weight:400; line-height:1.5; }
    .customer-story__cta strong { font-weight:600; }
    .customer-story__cta a { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; gap:18px; min-height:44px; padding:11px 16px; background:#fff; color:var(--customer-accent); border-radius:7px; font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; transition:background-color .15s; }
    .customer-story__cta a:hover { background:#f3efff; }
    .customer-story__cta a:focus-visible { outline:2px solid #fff; outline-offset:4px; }
    .customer-story__cta [hidden] { display:none!important; }
    .customer-story__close { position:absolute; right:10px; top:10px; width:32px; height:32px; border:0; background:transparent; color:#80728d; font-size:24px; cursor:pointer; }
    .customer-spotlight { grid-column:1/-1; text-align:left; margin:0; scroll-margin-top:90px; }
    .customer-spotlight .customer-story__content h2 { padding-right:24px; }
    .customer-logo-link.selected { border-color:var(--customer-accent); box-shadow:0 0 0 1px var(--customer-accent); }
    @keyframes customer-cta-reveal { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
    @media (max-width:639.98px) {
        .customer-story__cta { margin:0 -20px -20px; padding:16px 20px; gap:12px; }
        .customer-story__cta>span { font-size:14px; }
        .customer-story__cta a { font-size:13px; padding:11px 13px; }
    }
    @media (max-width:479.98px) {
        .customer-story__cta { align-items:stretch; flex-direction:column; }
    }
    @media (prefers-reduced-motion:reduce) {
        .customer-story, .customer-story__expand, .customer-story__expand svg { transition:none; }
        .customer-story:not(.selected):hover, .customer-story__expand svg { transform:none!important; }
        .customer-story__use.is-revealing, .customer-story__cta { animation:none!important; }
    }