/* pages-case-studies.css : page-only components for case-studies.html */
.cs-intro{padding-top:24px}
.cs-intro__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.cs-lede{font-size:16px;line-height:1.75;color:var(--muted);max-width:560px;margin-top:14px}
.cs-key{border-radius:var(--r-lg);border:1px solid var(--glass-border);background:linear-gradient(145deg,rgba(99,102,241,.07),rgba(26,26,28,.55));padding:8px 24px;backdrop-filter:blur(12px)}
.cs-key__row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--glass-border)}
.cs-key__row:last-child{border-bottom:none}
.cs-key__row>:first-child{flex:0 0 104px}
.cs-key__row p{font-size:14px;line-height:1.6;color:var(--muted)}
.cs-status{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:100px;border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;justify-content:center}
.cs-status__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.cs-status--pilot{color:var(--accent);border-color:rgba(165,180,252,.4);background:rgba(99,102,241,.14)}
.cs-status--pilot .cs-status__dot{box-shadow:0 0 8px var(--accent);animation:cs-pulse 2.4s ease-in-out infinite}
.cs-status--planned{color:var(--muted);border-style:dashed;border-color:rgba(255,255,255,.22)}
@keyframes cs-pulse{50%{opacity:.35}}

.cs-list-section{padding-top:56px}
.cs-cards{display:flex;flex-direction:column;gap:28px}
.cs-card{display:grid;grid-template-columns:320px 1fr;border-radius:var(--r-xl);border:1px solid var(--glass-border);background:linear-gradient(145deg,rgba(99,102,241,.06) 0%,rgba(26,26,28,.6) 40%,rgba(165,180,252,.04) 100%);overflow:hidden;backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s}
.cs-card:hover{border-color:var(--glass-border-hi);box-shadow:0 0 48px rgba(99,102,241,.12)}
.cs-card__head{padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-right:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(99,102,241,.07),transparent 70%)}
.cs-logos{display:flex;align-items:center;gap:20px;min-height:44px;flex-wrap:wrap}
.cs-logo{height:30px;width:auto;max-width:150px;object-fit:contain;opacity:.92}
.cs-logo--2{height:22px;max-width:140px}
.cs-card:nth-child(1) .cs-logo{height:26px}
.cs-card__title{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.03em}
.cs-result{margin-top:auto;width:100%;padding-top:20px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:6px}
.cs-result__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.cs-result__val{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(165,180,252,.8)}
.cs-result__val--sm{font-size:22px;text-align:center}
.cs-result__note{font-size:13px;color:var(--muted)}
.cs-card__body{padding:32px 36px;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.cs-block{min-width:0}
.cs-block:not(.cs-block--half){grid-column:1/-1}
.cs-block p{font-size:15px;line-height:1.7;color:var(--muted)}
.cs-label{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.cs-label::after{content:'';flex:1;height:1px;background:var(--glass-border)}
.cs-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.cs-steps li{display:flex;gap:12px;font-size:14px;line-height:1.6;color:var(--muted)}
.cs-n{flex:0 0 26px;height:26px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent)}
.cs-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.cs-list li{position:relative;padding-left:18px;font-size:14px;line-height:1.55;color:var(--muted)}
.cs-list li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.cs-list--measure li::before{background:transparent;border:1px solid var(--accent)}
.cs-card--slot{border-style:dashed;border-color:rgba(165,180,252,.3);background:linear-gradient(145deg,rgba(99,102,241,.03),rgba(26,26,28,.35))}
.cs-slot-mark{width:56px;height:56px;border-radius:16px;border:1px dashed rgba(165,180,252,.5);display:grid;place-items:center;color:var(--accent);font-size:28px;font-weight:300}

.cs-report__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cs-report__n{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-bottom:28px}
.cs-report__t{font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:-.02em;margin-bottom:8px}
.cs-report__grid p{font-size:14px;line-height:1.65;color:var(--muted)}
.cs-report__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:48px}

@media(max-width:1024px){
  .cs-intro__grid{grid-template-columns:1fr;gap:36px}
  .cs-card{grid-template-columns:1fr}
  .cs-card__head{border-right:none;border-bottom:1px solid var(--glass-border)}
  .cs-result{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
  .cs-report__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .cs-card__body{grid-template-columns:1fr;padding:26px 22px}
  .cs-steps{grid-template-columns:1fr}
  .cs-card__head{padding:26px 22px}
  .cs-card__title{font-size:23px}
}
@media(max-width:480px){
  .cs-report__grid{grid-template-columns:1fr}
  .cs-key__row{flex-direction:column;align-items:flex-start;gap:10px}
  .cs-report__cta .btn{width:100%;justify-content:center}
}