/* ═══════════════════════════════════════════════════════════════════
   CASES.CSS — Workfacilit Cases Deck (Slide Carousel)
   Dark-first · Mobile-first · Elegant case presentation
   ═══════════════════════════════════════════════════════════════════ */

/* ── DECK SHELL ── */
.cdeck {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: var(--wf-bg);
  overflow: hidden;
  font-family: var(--wf-sans);
  color: var(--wf-text-1);
}

.cdeck__track {
  display: flex;
  height: 100%;
  transition: transform 650ms var(--wf-ease);
  will-change: transform;
}

.cdeck__slide {
  flex: 0 0 100vw;
  width: 100vw;
  min-height: 100vh;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 4.5rem 1.5rem 3rem;
  box-sizing: border-box;
}

/* ── SLIDE BACKGROUNDS ── */
.cdeck__slide--cover {
  background:
    radial-gradient(ellipse 70% 60% at 30% 40%, rgba(99,102,241,.1), transparent),
    radial-gradient(ellipse 60% 50% at 80% 70%, rgba(6,182,212,.07), transparent),
    radial-gradient(ellipse 40% 40% at 60% 20%, rgba(139,92,246,.06), transparent);
}
.cdeck__slide--indigo {
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(99,102,241,.1), transparent),
    radial-gradient(ellipse 50% 50% at 20% 70%, rgba(99,102,241,.04), transparent);
}
.cdeck__slide--cyan {
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(6,182,212,.1), transparent),
    radial-gradient(ellipse 50% 50% at 20% 70%, rgba(6,182,212,.04), transparent);
}
.cdeck__slide--emerald {
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(16,185,129,.1), transparent),
    radial-gradient(ellipse 50% 50% at 20% 70%, rgba(16,185,129,.04), transparent);
}
.cdeck__slide--rose {
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(244,63,94,.09), transparent),
    radial-gradient(ellipse 50% 50% at 20% 70%, rgba(244,63,94,.03), transparent);
}
.cdeck__slide--amber {
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(245,158,11,.09), transparent),
    radial-gradient(ellipse 50% 50% at 20% 70%, rgba(245,158,11,.03), transparent);
}
.cdeck__slide--violet {
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(139,92,246,.1), transparent),
    radial-gradient(ellipse 50% 50% at 20% 70%, rgba(139,92,246,.04), transparent);
}

/* ── NAVIGATION ARROWS ── */
.cdeck__arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1010;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  color: var(--wf-text-2);
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 260ms ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cdeck__arrow:hover {
  background: rgba(99,102,241,.15);
  border-color: rgba(99,102,241,.3);
  color: #fff;
  box-shadow: 0 0 22px rgba(99,102,241,.25);
  transform: translateY(-50%) scale(1.06);
}
.cdeck__arrow--prev { left: 1rem; }
.cdeck__arrow--next { right: 1rem; }
.cdeck__arrow[disabled] { opacity: .18; pointer-events: none; }

/* ── PROGRESS BAR ── */
.cdeck__progress {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 3px;
  z-index: 1010;
  background: linear-gradient(90deg, var(--wf-primary), var(--wf-cyan), var(--wf-emerald));
  transition: width 650ms var(--wf-ease);
  border-radius: 0 2px 2px 0;
}

/* ── TOP BAR ── */
.cdeck__topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1010;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .85rem 1.5rem;
  background: linear-gradient(to bottom, rgba(9,9,11,.85), transparent);
  pointer-events: none;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.cdeck__topbar > * { pointer-events: auto; }

.cdeck__home {
  display: flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
  color: var(--wf-text-2);
  font-size: .82rem;
  font-weight: 600;
  transition: color 200ms;
}
.cdeck__home:hover { color: var(--wf-primary-light); }
.cdeck__home img { width: 26px; height: 26px; }

.cdeck__label {
  font-size: .75rem;
  font-weight: 700;
  color: var(--wf-text-3);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cdeck__counter {
  font-family: var(--wf-display);
  font-size: .8rem;
  font-weight: 700;
  color: var(--wf-text-3);
  letter-spacing: .05em;
}
.cdeck__counter-current { color: var(--wf-primary-light); }

/* ── DOTS ── */
.cdeck__dots {
  position: fixed;
  bottom: .9rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1010;
  display: flex;
  gap: 7px;
}
.cdeck__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  border: none;
  cursor: pointer;
  transition: all 300ms ease;
  padding: 0;
}
.cdeck__dot--active {
  background: var(--wf-primary-light);
  width: 22px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(99,102,241,.4);
}

/* ── KEYBOARD HINT ── */
.cdeck__hint {
  position: fixed;
  bottom: 2.2rem;
  right: 1.5rem;
  z-index: 1010;
  font-size: .65rem;
  color: var(--wf-text-3);
  display: flex;
  align-items: center;
  gap: .4rem;
  opacity: .45;
}
.cdeck__hint kbd {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 3px;
  padding: 1px 5px;
  font-size: .6rem;
  font-family: var(--wf-sans);
}

/* ═══════════════════════════════════════════════════════════════════
   SLIDE CONTENT — SHARED
   ═══════════════════════════════════════════════════════════════════ */

.cslide {
  max-width: 860px;
  width: 100%;
  position: relative;
  z-index: 1;
  animation: cslide-in 500ms var(--wf-ease) both;
}

@keyframes cslide-in {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ═══════════════════════════════════════════════════════════════════
   SLIDE 1 — COVER
   ═══════════════════════════════════════════════════════════════════ */

.cdeck__slide--cover .cslide {
  text-align: center;
  max-width: 740px;
}

/* Animated background particles */
.cover-particles {
  position: absolute;
  inset: -100px;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.cover-particles span {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  animation: float-particle 8s ease-in-out infinite;
}
.cover-particles span:nth-child(1)  { width:6px;height:6px; top:20%;left:15%; background:rgba(99,102,241,.5); animation-delay:0s; }
.cover-particles span:nth-child(2)  { width:4px;height:4px; top:60%;left:25%; background:rgba(6,182,212,.5); animation-delay:1.2s; }
.cover-particles span:nth-child(3)  { width:8px;height:8px; top:35%;right:20%; background:rgba(16,185,129,.4); animation-delay:2.4s; }
.cover-particles span:nth-child(4)  { width:5px;height:5px; top:75%;right:30%; background:rgba(245,158,11,.4); animation-delay:0.6s; }
.cover-particles span:nth-child(5)  { width:7px;height:7px; top:10%;right:40%; background:rgba(139,92,246,.4); animation-delay:1.8s; }
.cover-particles span:nth-child(6)  { width:4px;height:4px; top:80%;left:45%; background:rgba(244,63,94,.4); animation-delay:3s; }
.cover-particles span:nth-child(7)  { width:6px;height:6px; top:45%;left:60%; background:rgba(99,102,241,.35); animation-delay:0.9s; }
.cover-particles span:nth-child(8)  { width:5px;height:5px; top:25%;right:15%; background:rgba(6,182,212,.35); animation-delay:2s; }

@keyframes float-particle {
  0%   { opacity:0; transform: translate(0,0) scale(1); }
  20%  { opacity:.8; }
  80%  { opacity:.4; }
  100% { opacity:0; transform: translate(var(--fx,20px), var(--fy,-40px)) scale(.5); }
}
.cover-particles span:nth-child(odd)  { --fx: 18px;  --fy: -35px; }
.cover-particles span:nth-child(even) { --fx: -15px; --fy: -45px; }

.cslide__logo {
  width: 72px;
  height: 72px;
  margin-bottom: 1.4rem;
  filter: drop-shadow(0 0 28px rgba(99,102,241,.35));
  animation: logo-pulse 3s ease-in-out infinite;
}
@keyframes logo-pulse {
  0%,100% { filter: drop-shadow(0 0 28px rgba(99,102,241,.35)); }
  50%      { filter: drop-shadow(0 0 42px rgba(99,102,241,.6)); }
}

.cslide__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 16px;
  border-radius: var(--wf-r-full);
  background: rgba(99,102,241,.1);
  border: 1px solid rgba(99,102,241,.22);
  color: var(--wf-primary-light);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  margin-bottom: 1.6rem;
}

.cslide__title {
  font-family: var(--wf-display);
  font-size: clamp(2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.12;
  margin-bottom: 1rem;
}

/* Gradient text variants */
.cs-tg {
  background: var(--wf-grad-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cs-tg--cyan {
  background: linear-gradient(135deg, #22d3ee, #06b6d4, #0891b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cs-tg--emerald {
  background: linear-gradient(135deg, #34d399, #10b981, #059669);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cs-tg--rose {
  background: linear-gradient(135deg, #fb7185, #f43f5e, #e11d48);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cs-tg--amber {
  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cs-tg--violet {
  background: linear-gradient(135deg, #c4b5fd, #8b5cf6, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cslide__sub {
  font-size: clamp(.95rem, 2vw, 1.15rem);
  color: var(--wf-text-2);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto 2.4rem;
}

/* Cover chip row */
.cover-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .6rem;
  margin-bottom: 2.2rem;
}
.cover-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: var(--wf-r-full);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .02em;
  border: 1px solid;
  animation: chip-in 600ms var(--wf-ease) both;
}
.cover-chip:nth-child(1) { animation-delay: .1s; }
.cover-chip:nth-child(2) { animation-delay: .2s; }
.cover-chip:nth-child(3) { animation-delay: .3s; }
.cover-chip:nth-child(4) { animation-delay: .4s; }
.cover-chip:nth-child(5) { animation-delay: .5s; }
.cover-chip:nth-child(6) { animation-delay: .6s; }
@keyframes chip-in {
  from { opacity:0; transform:translateY(10px) scale(.95); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}
.cover-chip--indigo { color: var(--wf-primary-light); background: rgba(99,102,241,.1); border-color: rgba(99,102,241,.25); }
.cover-chip--cyan   { color: var(--wf-cyan-light); background: rgba(6,182,212,.1); border-color: rgba(6,182,212,.25); }
.cover-chip--emerald{ color: #34d399; background: rgba(16,185,129,.1); border-color: rgba(16,185,129,.25); }
.cover-chip--rose   { color: #fb7185; background: rgba(244,63,94,.1); border-color: rgba(244,63,94,.25); }
.cover-chip--amber  { color: #fbbf24; background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.25); }
.cover-chip--violet { color: #c4b5fd; background: rgba(139,92,246,.1); border-color: rgba(139,92,246,.25); }

/* Down indicator */
.cover-down {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--wf-text-3);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  cursor: pointer;
  transition: color 200ms;
  animation: down-bounce 2s ease-in-out infinite;
}
.cover-down:hover { color: var(--wf-primary-light); }
.cover-down i { font-size: 1rem; }
@keyframes down-bounce {
  0%,100% { transform: translateX(0); }
  50%      { transform: translateX(5px); }
}

/* ═══════════════════════════════════════════════════════════════════
   CASE SLIDES — SHARED LAYOUT
   ═══════════════════════════════════════════════════════════════════ */

.cslide--case {
  text-align: left;
  max-width: 820px;
}

/* Head row: sector + case number */
.cslide__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.2rem;
  flex-wrap: wrap;
}

.cslide__sector {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 14px;
  border-radius: var(--wf-r-full);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  border: 1px solid;
}
.cslide__sector--indigo { color: var(--wf-primary-light); background: rgba(99,102,241,.1); border-color: rgba(99,102,241,.22); }
.cslide__sector--cyan   { color: var(--wf-cyan-light); background: rgba(6,182,212,.1); border-color: rgba(6,182,212,.22); }
.cslide__sector--emerald{ color: #34d399; background: rgba(16,185,129,.1); border-color: rgba(16,185,129,.22); }
.cslide__sector--rose   { color: #fb7185; background: rgba(244,63,94,.1); border-color: rgba(244,63,94,.22); }
.cslide__sector--amber  { color: #fbbf24; background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.22); }
.cslide__sector--violet { color: #c4b5fd; background: rgba(139,92,246,.1); border-color: rgba(139,92,246,.22); }

.cslide__num {
  font-family: var(--wf-display);
  font-size: .72rem;
  font-weight: 800;
  color: var(--wf-text-3);
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Case title */
.cslide__case-title {
  font-family: var(--wf-display);
  font-size: clamp(1.7rem, 4.2vw, 2.7rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: .9rem;
}

/* Case subtitle */
.cslide__case-sub {
  font-size: clamp(.9rem, 1.8vw, 1.05rem);
  color: var(--wf-text-2);
  line-height: 1.7;
  max-width: 680px;
  margin-bottom: 1.8rem;
}

/* Metrics row */
.cslide__metrics {
  display: flex;
  align-items: stretch;
  gap: 0;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--wf-r-lg);
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.cslide__metric {
  flex: 1;
  padding: 1.1rem 1.2rem;
  text-align: center;
}
.cslide__metric-val {
  font-family: var(--wf-display);
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 800;
  line-height: 1;
  margin-bottom: .35rem;
  color: var(--wf-text-1);
}
.cslide__metric-label {
  font-size: .78rem;
  color: var(--wf-text-2);
  line-height: 1.4;
}
.cslide__metric-label em {
  display: block;
  font-style: normal;
  color: var(--wf-text-3);
  font-size: .7rem;
  margin-top: .15rem;
}
.cslide__metric-sep {
  width: 1px;
  background: rgba(255,255,255,.07);
  align-self: stretch;
}

/* Feature tags */
.cslide__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 2rem;
}
.cslide__tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: var(--wf-r-full);
  font-size: .75rem;
  font-weight: 600;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--wf-text-2);
  transition: all 200ms;
}
.cslide__tag:hover { color: var(--wf-text-1); border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); }

/* Colored tag variants */
.cslide__tag--indigo { border-color: rgba(99,102,241,.18); color: rgba(165,180,252,.85); background: rgba(99,102,241,.06); }
.cslide__tag--cyan   { border-color: rgba(6,182,212,.18); color: rgba(103,232,249,.85); background: rgba(6,182,212,.06); }
.cslide__tag--emerald{ border-color: rgba(16,185,129,.18); color: rgba(52,211,153,.85); background: rgba(16,185,129,.06); }
.cslide__tag--rose   { border-color: rgba(244,63,94,.18); color: rgba(251,113,133,.85); background: rgba(244,63,94,.06); }
.cslide__tag--amber  { border-color: rgba(245,158,11,.18); color: rgba(251,191,36,.85); background: rgba(245,158,11,.06); }
.cslide__tag--violet { border-color: rgba(139,92,246,.18); color: rgba(196,181,253,.85); background: rgba(139,92,246,.06); }

/* CTA link button */
.cslide__cta {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.6rem;
  border-radius: var(--wf-r-full);
  font-weight: 700;
  font-size: .9rem;
  text-decoration: none;
  border: 1.5px solid;
  transition: all 260ms var(--wf-spring);
  position: relative;
  overflow: hidden;
}
.cslide__cta::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 260ms;
}
.cslide__cta:hover::before { opacity: 1; }
.cslide__cta:hover { transform: translateY(-2px) scale(1.02); }

.cslide__cta--indigo {
  color: var(--wf-primary-light);
  border-color: rgba(99,102,241,.4);
  background: rgba(99,102,241,.1);
}
.cslide__cta--indigo::before { background: rgba(99,102,241,.08); }
.cslide__cta--indigo:hover {
  background: rgba(99,102,241,.18);
  border-color: rgba(99,102,241,.65);
  box-shadow: 0 0 24px rgba(99,102,241,.3), 0 4px 16px rgba(0,0,0,.3);
}

.cslide__cta--cyan {
  color: var(--wf-cyan-light);
  border-color: rgba(6,182,212,.4);
  background: rgba(6,182,212,.1);
}
.cslide__cta--cyan:hover {
  background: rgba(6,182,212,.18);
  border-color: rgba(6,182,212,.65);
  box-shadow: 0 0 24px rgba(6,182,212,.3), 0 4px 16px rgba(0,0,0,.3);
}

.cslide__cta--emerald {
  color: #34d399;
  border-color: rgba(16,185,129,.4);
  background: rgba(16,185,129,.1);
}
.cslide__cta--emerald:hover {
  background: rgba(16,185,129,.18);
  border-color: rgba(16,185,129,.65);
  box-shadow: 0 0 24px rgba(16,185,129,.3), 0 4px 16px rgba(0,0,0,.3);
}

.cslide__cta--rose {
  color: #fb7185;
  border-color: rgba(244,63,94,.4);
  background: rgba(244,63,94,.08);
}
.cslide__cta--rose:hover {
  background: rgba(244,63,94,.16);
  border-color: rgba(244,63,94,.6);
  box-shadow: 0 0 24px rgba(244,63,94,.28), 0 4px 16px rgba(0,0,0,.3);
}

.cslide__cta--amber {
  color: #fbbf24;
  border-color: rgba(245,158,11,.4);
  background: rgba(245,158,11,.08);
}
.cslide__cta--amber:hover {
  background: rgba(245,158,11,.16);
  border-color: rgba(245,158,11,.6);
  box-shadow: 0 0 24px rgba(245,158,11,.28), 0 4px 16px rgba(0,0,0,.3);
}

.cslide__cta--violet {
  color: #c4b5fd;
  border-color: rgba(139,92,246,.4);
  background: rgba(139,92,246,.1);
}
.cslide__cta--violet:hover {
  background: rgba(139,92,246,.18);
  border-color: rgba(139,92,246,.65);
  box-shadow: 0 0 24px rgba(139,92,246,.3), 0 4px 16px rgba(0,0,0,.3);
}

/* Decorative background glow per case */
.cslide__glow {
  position: absolute;
  right: -8%;
  top: 50%;
  transform: translateY(-50%);
  width: 400px;
  height: 400px;
  border-radius: 50%;
  pointer-events: none;
  opacity: .55;
  filter: blur(80px);
  z-index: 0;
}
.cslide__glow--indigo { background: radial-gradient(circle, rgba(99,102,241,.2), transparent 70%); }
.cslide__glow--cyan   { background: radial-gradient(circle, rgba(6,182,212,.18), transparent 70%); }
.cslide__glow--emerald{ background: radial-gradient(circle, rgba(16,185,129,.18), transparent 70%); }
.cslide__glow--rose   { background: radial-gradient(circle, rgba(244,63,94,.15), transparent 70%); }
.cslide__glow--amber  { background: radial-gradient(circle, rgba(245,158,11,.15), transparent 70%); }
.cslide__glow--violet { background: radial-gradient(circle, rgba(139,92,246,.2), transparent 70%); }

/* ── PROBLEM / SOLUTION / BENEFITS blocks ── */
.cslide__psbrow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: .75rem;
  margin-bottom: 1.4rem;
}
@media (max-width: 680px) {
  .cslide__psbrow { grid-template-columns: 1fr; gap: .6rem; }
}
.cslide__psb {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--wf-r-lg);
  padding: .9rem 1rem;
}
.cslide__psb-label {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--wf-text-3);
  margin-bottom: .4rem;
}
.cslide__psb-label i { font-size: .85rem; }
.cslide__psb-text {
  font-size: .82rem;
  color: var(--wf-text-2);
  line-height: 1.5;
}
[data-theme="light"] .cslide__psb {
  background: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.07);
}
[data-theme="light"] .cslide__psb-text { color: rgba(15,15,26,.65); }

/* ═══════════════════════════════════════════════════════════════════
   SLIDE ENTER ANIMATION (active slide)
   ═══════════════════════════════════════════════════════════════════ */
.cdeck__slide.is-active .cslide { animation: cslide-in 500ms var(--wf-ease) both; }
.cdeck__slide.is-active .cslide__head     { animation: cslide-in 500ms var(--wf-ease) 50ms both; }
.cdeck__slide.is-active .cslide__case-title { animation: cslide-in 500ms var(--wf-ease) 100ms both; }
.cdeck__slide.is-active .cslide__case-sub   { animation: cslide-in 500ms var(--wf-ease) 160ms both; }
.cdeck__slide.is-active .cslide__psbrow     { animation: cslide-in 500ms var(--wf-ease) 200ms both; }
.cdeck__slide.is-active .cslide__metrics    { animation: cslide-in 500ms var(--wf-ease) 260ms both; }
.cdeck__slide.is-active .cslide__tags       { animation: cslide-in 500ms var(--wf-ease) 320ms both; }
.cdeck__slide.is-active .cslide__cta        { animation: cslide-in 500ms var(--wf-ease) 380ms both; }

/* ═══════════════════════════════════════════════════════════════════
   LIGHT THEME OVERRIDES
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="light"] .cdeck {
  background: #f8f8fc;
  color: #1a1a2e;
}
[data-theme="light"] .cdeck__topbar {
  background: linear-gradient(to bottom, rgba(248,248,252,.9), transparent);
}
[data-theme="light"] .cdeck__arrow {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.1);
  color: rgba(0,0,0,.5);
}
[data-theme="light"] .cdeck__arrow:hover {
  background: rgba(99,102,241,.1);
  border-color: rgba(99,102,241,.3);
  color: var(--wf-primary-dark);
}
[data-theme="light"] .cslide__badge { color: var(--wf-primary-dark); }
[data-theme="light"] .cslide__case-title { color: #0f0f1a; }
[data-theme="light"] .cslide__case-sub { color: rgba(15,15,26,.65); }
[data-theme="light"] .cslide__metrics {
  background: rgba(255,255,255,.8);
  border-color: rgba(0,0,0,.07);
  box-shadow: 0 2px 16px rgba(0,0,0,.06);
}
[data-theme="light"] .cslide__metric-label { color: rgba(15,15,26,.6); }
[data-theme="light"] .cslide__metric-label em { color: rgba(15,15,26,.4); }
[data-theme="light"] .cslide__metric-sep { background: rgba(0,0,0,.07); }
[data-theme="light"] .cslide__tag {
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.08);
  color: rgba(15,15,26,.65);
}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 680px) {
  .cdeck__slide {
    padding: 4rem 1rem 3.5rem;
    align-items: flex-start;
    overflow-y: auto;
  }
  .cdeck__arrow--prev { left: .4rem; width: 38px; height: 38px; font-size: 1rem; }
  .cdeck__arrow--next { right: .4rem; width: 38px; height: 38px; font-size: 1rem; }
  .cdeck__topbar { padding: .7rem 1rem; }
  .cdeck__label { display: none; }

  .cslide { max-width: 100%; }
  .cslide__logo { width: 56px; height: 56px; margin-bottom: 1rem; }
  .cslide__title { font-size: clamp(1.6rem, 6vw, 2.4rem); }
  .cslide__sub { font-size: .9rem; }
  .cover-chips { gap: .4rem; }
  .cover-chip { font-size: .68rem; padding: 4px 10px; }

  .cslide__head { gap: .5rem; }
  .cslide__sector { font-size: .65rem; padding: 4px 10px; }
  .cslide__case-title { font-size: clamp(1.4rem, 5.5vw, 2rem); margin-bottom: .7rem; }
  .cslide__case-sub { font-size: .85rem; margin-bottom: 1.2rem; }

  .cslide__metrics {
    flex-direction: column;
    gap: 0;
  }
  .cslide__metric { padding: .9rem 1rem; text-align: left; }
  .cslide__metric-val { font-size: 1.4rem; }
  .cslide__metric-sep {
    width: auto;
    height: 1px;
    background: rgba(255,255,255,.07);
  }
  .cslide__tags { gap: .4rem; margin-bottom: 1.4rem; }
  .cslide__tag { font-size: .68rem; padding: 3px 10px; }
  .cslide__cta { font-size: .82rem; padding: .65rem 1.3rem; }

  .cslide__glow { display: none; }
  .cdeck__hint { display: none; }
}

@media (max-width: 420px) {
  .cslide__metrics { font-size: .8rem; }
  .cslide__metric-val { font-size: 1.2rem; }
  .cdeck__dot { width: 6px; height: 6px; }
  .cdeck__dot--active { width: 18px; }
}

@media (min-width: 1100px) {
  .cslide__glow {
    width: 500px;
    height: 500px;
  }
}