/* ===== PRO SKILLS · CLIENT STORIES ===== */
.cs-page{background:var(--c-ink)}
.va-accent{color:var(--c-primary);text-shadow:0 0 40px rgba(132,189,0,.25)}
.cs-breadcrumb{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--c-grey-2);margin-bottom:24px;flex-wrap:wrap}
.cs-breadcrumb a{transition:var(--transition)}
.cs-breadcrumb a:hover{color:var(--c-primary)}
.cs-breadcrumb__current{color:var(--c-grey)}

/* hero */
.cs-hero{position:relative;padding:160px 0 50px;overflow:hidden;text-align:center}
.cs-hero__wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 0%, rgba(132,189,0,.08) 0%, transparent 70%)}
.cs-hero__inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.cs-hero__title{font-family:var(--font-display);font-size:clamp(34px,5vw,58px);font-weight:800;color:var(--c-white);line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}
.cs-hero__sub{font-size:18px;line-height:1.7;color:var(--c-grey);max-width:560px;margin:0 auto 22px}
.cs-hero__partner{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--c-grey-2);font-family:var(--font-mono);padding:8px 16px;border:1px solid var(--c-line);border-radius:100px;background:rgba(132,189,0,.04)}
.cs-hero__partner strong{color:var(--c-white);font-weight:600}

/* list */
.cs-list{padding:30px 0 110px}
.cs-stack{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:16px}

/* filters */
.cs-filters{max-width:920px;margin:0 auto 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-filters__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey-2);margin-right:4px}
.cs-filter{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--c-grey);padding:9px 16px;border:1px solid var(--c-line);border-radius:100px;background:rgba(20,24,31,.6);transition:var(--transition)}
.cs-filter:hover{color:var(--c-white);border-color:rgba(132,189,0,.3)}
.cs-filter.is-active{color:var(--c-ink);background:var(--c-primary);border-color:var(--c-primary);font-weight:600}
.cs-filter__n{font-family:var(--font-mono);font-size:10px;opacity:.7}
.cs-filter.is-active .cs-filter__n{opacity:.85}
.cs-empty{max-width:920px;margin:30px auto 0;text-align:center;color:var(--c-grey-2);font-size:14px}

.cs-card{border:1px solid var(--c-line);border-radius:var(--radius-lg);background:rgba(20,24,31,.6);overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}
.cs-card:hover{border-color:rgba(132,189,0,.28)}
.cs-card[open]{border-color:rgba(132,189,0,.35);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.cs-card__head{list-style:none;cursor:pointer;padding:26px 30px;display:block;position:relative}
.cs-card__head::-webkit-details-marker{display:none}
.cs-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.cs-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary);padding:4px 10px;border-radius:100px;background:rgba(132,189,0,.08);border:1px solid rgba(132,189,0,.25)}
.cs-tag--ind{color:var(--c-grey-2);background:rgba(255,255,255,.03);border-color:var(--c-line)}
.cs-tag--nda{color:#ffd27a;background:rgba(255,180,60,.07);border-color:rgba(255,180,60,.3)}
.cs-card__client{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--c-white);margin-bottom:8px;padding-right:120px}
.cs-card__teaser{font-size:15px;line-height:1.6;color:var(--c-grey);max-width:680px}
.cs-card__toggle{position:absolute;top:26px;right:30px;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:var(--c-primary)}
.cs-card__chev{transition:transform .35s var(--ease-out-expo)}
.cs-card[open] .cs-card__chev{transform:rotate(180deg)}

.cs-card__body{padding:0 30px 28px;animation:csIn .4s var(--ease-out-expo)}
@keyframes csIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.cs-card__divider{height:1px;background:var(--c-line);margin:0 0 22px}
.cs-block{margin-bottom:18px}
.cs-block__label{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-primary);margin-bottom:6px}
.cs-block p{font-size:15px;line-height:1.7;color:var(--c-grey)}
.cs-metrics{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.cs-metric{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--c-white);padding:9px 15px;border-radius:var(--radius-sm);background:rgba(132,189,0,.06);border:1px solid rgba(132,189,0,.22)}
.cs-metric strong{font-family:var(--font-mono);color:var(--c-primary);font-size:15px}
.cs-attrib{font-family:var(--font-mono);font-size:12px;color:var(--c-grey-2);padding-top:14px;border-top:1px solid var(--c-line)}
.cs-attrib strong{color:var(--c-white);font-weight:600}

.cs-note{max-width:920px;margin:30px auto 0;font-size:12px;font-style:italic;color:var(--c-grey-2);line-height:1.6;text-align:center}

@media (max-width:768px){
    .cs-card__head{padding:22px 20px}
    .cs-card__body{padding:0 20px 24px}
    .cs-card__client{padding-right:0}
    .cs-card__toggle{position:static;margin-top:12px}
}
@media (prefers-reduced-motion:reduce){.cs-card__body{animation:none}.cs-card__chev{transition:none}}