/* ═══════════════════════════════════════════════════════════════════
   PITCHDECK.CSS — Workfacilit Pitch Deck (Slide Carousel)
   ═══════════════════════════════════════════════════════════════════ */

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

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

.deck__slide{
  flex:0 0 100vw;
  width:100vw;
  height:100vh;
  overflow-y:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:3rem 2rem;
}

/* ── NAVIGATION ARROWS ── */
.deck__arrow{
  position:fixed;
  top:50%;transform:translateY(-50%);
  z-index:1010;
  width:52px;height:52px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:var(--wf-text-2);
  font-size:1.3rem;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:all 250ms ease;
  backdrop-filter:blur(8px);
}
.deck__arrow:hover{
  background:rgba(99,102,241,.15);
  border-color:rgba(99,102,241,.3);
  color:#fff;
  box-shadow:0 0 20px rgba(99,102,241,.2);
}
.deck__arrow--prev{left:1.5rem}
.deck__arrow--next{right:1.5rem}
.deck__arrow[disabled]{opacity:.2;pointer-events:none}

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

/* ── SLIDE COUNTER + HOME ── */
.deck__topbar{
  position:fixed;top:0;left:0;right:0;z-index:1010;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 2rem;
  background:linear-gradient(to bottom,rgba(9,9,11,.8),transparent);
  pointer-events:none;
}
.deck__topbar>*{pointer-events:auto}

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

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

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

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

/* ═══════════════════════════════════════
   SLIDE CONTENT PATTERNS
   ═══════════════════════════════════════ */

/* ── Generic slide inner ── */
.slide{
  max-width:960px;width:100%;
  text-align:center;
}
.slide--left{text-align:left}
.slide--wide{max-width:1120px}

/* ── Backgrounds ── */
.deck__slide--hero{
  background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(99,102,241,.08),transparent),
             radial-gradient(ellipse 60% 50% at 80% 20%,rgba(6,182,212,.06),transparent);
}
.deck__slide--gradient{
  background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(99,102,241,.06),transparent);
}
.deck__slide--amber{
  background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(245,158,11,.05),transparent);
}
.deck__slide--emerald{
  background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(16,185,129,.05),transparent);
}
.deck__slide--cta{
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(99,102,241,.1),transparent),
             radial-gradient(ellipse 50% 40% at 20% 80%,rgba(6,182,212,.06),transparent);
}

/* ── Slide badge ── */
.slide__badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 14px;border-radius:var(--wf-r-full);
  background:rgba(99,102,241,.1);
  border:1px solid rgba(99,102,241,.2);
  color:var(--wf-primary-light);
  font-size:.75rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;
  margin-bottom:1.5rem;
}
.slide__badge--cyan{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.2);color:var(--wf-cyan-light)}
.slide__badge--amber{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);color:#fbbf24}
.slide__badge--emerald{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#34d399}
.slide__badge--rose{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.2);color:#fb7185}

/* ── Slide heading ── */
.slide__title{
  font-family:var(--wf-display);
  font-size:clamp(2rem,4.5vw,3.2rem);
  font-weight:800;line-height:1.15;
  margin-bottom:1rem;
}
.slide__title--lg{
  font-size:clamp(2.4rem,5.5vw,4rem);
}

/* ── Gradient text ── */
.pd-tg{
  background:var(--wf-grad-text);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.pd-tg--amber{
  background:linear-gradient(135deg,#fbbf24,#f59e0b,#f97316);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.pd-tg--emerald{
  background:linear-gradient(135deg,#34d399,#10b981,#06b6d4);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ── Slide subtitle / body ── */
.slide__sub{
  font-size:clamp(1rem,2vw,1.25rem);
  color:var(--wf-text-2);line-height:1.7;
  max-width:720px;margin:0 auto 2rem;
}

/* ── Cards grid ── */
.slide__grid{
  display:grid;gap:1.2rem;margin-top:2rem;
}
.slide__grid--2{grid-template-columns:repeat(2,1fr)}
.slide__grid--3{grid-template-columns:repeat(3,1fr)}
.slide__grid--4{grid-template-columns:repeat(4,1fr)}

.slide__card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--wf-r-lg);
  padding:1.8rem 1.5rem;
  text-align:left;
  transition:all 350ms ease;
}
.slide__card:hover{
  border-color:rgba(99,102,241,.2);
  transform:translateY(-2px);
}

.slide__card i{
  font-size:1.6rem;margin-bottom:.8rem;display:block;
}
.slide__card i.c-indigo{color:var(--wf-primary-light)}
.slide__card i.c-cyan{color:var(--wf-cyan-light)}
.slide__card i.c-amber{color:#fbbf24}
.slide__card i.c-emerald{color:#34d399}
.slide__card i.c-rose{color:#fb7185}
.slide__card i.c-violet{color:#a78bfa}

.slide__card h4{
  font-family:var(--wf-display);
  font-size:1.05rem;font-weight:700;
  color:var(--wf-text-1);margin-bottom:.4rem;
}
.slide__card p{
  font-size:.88rem;color:var(--wf-text-2);line-height:1.6;
}

/* ── Pain card (red accent) ── */
.slide__card--pain{
  border-color:rgba(244,63,94,.12);
  background:rgba(244,63,94,.03);
}
.slide__card--pain:hover{border-color:rgba(244,63,94,.25)}
.slide__card--pain i{color:#fb7185}

/* ── Benefit card (emerald accent) ── */
.slide__card--benefit{
  border-color:rgba(16,185,129,.12);
  background:rgba(16,185,129,.03);
}
.slide__card--benefit:hover{border-color:rgba(16,185,129,.25)}
.slide__card--benefit i{color:#34d399}

/* ── Logo strip (cases) ── */
.slide__logos{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:2.5rem;margin-top:2.5rem;align-items:center;
}
.slide__logo{
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
}
.slide__logo-img{
  height:44px;opacity:.7;filter:grayscale(30%);
  transition:all 300ms;
}
.slide__logo-img:hover{opacity:1;filter:grayscale(0%)}
.slide__logo-name{font-size:.75rem;color:var(--wf-text-3);font-weight:600}

/* ── Testimonial block ── */
.slide__quote{
  max-width:640px;margin:2rem auto 0;
  font-size:1.1rem;font-style:italic;
  color:var(--wf-text-2);line-height:1.8;
  position:relative;padding:0 2rem;
}
.slide__quote::before{
  content:'\201C';position:absolute;
  left:0;top:-.3rem;
  font-size:3rem;color:var(--wf-primary);opacity:.3;
  font-style:normal;
}
.slide__quote-author{
  font-size:.85rem;color:var(--wf-text-3);
  font-style:normal;margin-top:1rem;font-weight:600;
}

/* ── Steps / timeline simplified ── */
.slide__steps{
  display:flex;gap:1rem;margin-top:2rem;
  counter-reset:step;
}
.slide__step{
  flex:1;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--wf-r-lg);
  padding:1.5rem 1.2rem;text-align:center;
  counter-increment:step;
  position:relative;
}
.slide__step::before{
  content:counter(step);
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--wf-primary),var(--wf-cyan));
  color:#fff;font-family:var(--wf-display);
  font-weight:800;font-size:.85rem;
  margin:0 auto .8rem;
}
.slide__step h4{
  font-family:var(--wf-display);
  font-size:.95rem;font-weight:700;
  color:var(--wf-text-1);margin-bottom:.3rem;
}
.slide__step p{font-size:.82rem;color:var(--wf-text-2);line-height:1.5}

/* ── CTA buttons ── */
.slide__actions{
  display:flex;justify-content:center;gap:1rem;
  margin-top:2.5rem;flex-wrap:wrap;
}

/* ── Hero logo ── */
.slide__hero-logo{
  width:80px;height:80px;margin-bottom:1.5rem;
  filter:drop-shadow(0 0 30px rgba(99,102,241,.3));
}

/* ── KPI row ── */
.slide__kpis{
  display:flex;justify-content:center;gap:3rem;
  margin-top:2.5rem;
}
.slide__kpi{text-align:center}
.slide__kpi-value{
  font-family:var(--wf-display);
  font-size:2.2rem;font-weight:800;line-height:1;
}
.slide__kpi-label{
  font-size:.78rem;color:var(--wf-text-3);margin-top:.3rem;
}
.slide__kpi-sep{
  width:1px;height:48px;background:rgba(255,255,255,.08);align-self:center;
}

/* ── Journey timeline ── */
.slide__journey { margin-top: 1.5rem; overflow-x: auto; padding-bottom: .5rem; }

/* Dual-era layout (BRQ Atend | Spinoff | Workfacilit) */
.slide__journey--dual {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
}

/* Era wrappers */
.sjr-era {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
.sjr-era--brq { flex: 10 10 0; } /* 10 years: 2009-2018 */
.sjr-era--wf  { flex:  6  6 0; } /*  6 years: 2020-2025 */

/* Era label chip */
.sjr-era__chip {
  font-size: .58rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  text-align: center;
  padding: .22rem .5rem .28rem;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
}
.sjr-era--brq .sjr-era__chip {
  color: rgba(167,139,250,.55);
  background: rgba(167,139,250,.05);
  border: 1px solid rgba(167,139,250,.12);
  border-bottom: none;
}
.sjr-era--wf .sjr-era__chip {
  color: #c4b5fd;
  background: rgba(167,139,250,.11);
  border: 1px solid rgba(167,139,250,.28);
  border-bottom: none;
}

/* Dots row inside era */
.sjr-era__dots {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  padding-top: .5rem;
}
/* Rail line behind dots */
.sjr-era__dots::before {
  content: '';
  position: absolute;
  top: calc(.5rem + 7px); /* padding-top + dot-center */
  left: 4%;
  right: 4%;
  height: 2px;
  border-radius: 1px;
  z-index: 0;
}
.sjr-era--brq .sjr-era__dots::before {
  background: linear-gradient(90deg,
    rgba(167,139,250,.1) 0%,
    rgba(167,139,250,.4) 100%);
}
.sjr-era--wf .sjr-era__dots::before {
  background: linear-gradient(90deg,
    rgba(167,139,250,.4) 0%,
    #a78bfa 100%);
}

/* Vertical split divider */
.sjr-split {
  flex-shrink: 0;
  width: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* top padding aligns vline with the era chip height (~1.6rem) */
  padding-top: 1.75rem;
  position: relative;
}
.sjr-split__vline {
  flex: 1;
  width: 2px;
  background: linear-gradient(180deg,
    rgba(167,139,250,.05) 0%,
    #a78bfa 45%,
    rgba(167,139,250,.2) 100%);
  border-radius: 1px;
  min-height: 28px;
}
.sjr-split__chip {
  font-size: .52rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  color: #0e0b1a;
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
  border-radius: 7px;
  padding: .26rem .38rem;
  white-space: nowrap;
  margin-top: .35rem;
}

/* Individual year items */
.slide__journey-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  min-width: 44px;
  position: relative;
  z-index: 1;
}
.sjr-pin {
  height: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: .4rem;
}
.slide__journey-line { display: none; }
.slide__journey-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(167,139,250,.2);
  border: 2px solid rgba(167,139,250,.4);
  flex-shrink: 0;
}
.slide__journey-dot--hl {
  width: 14px;
  height: 14px;
  background: #a78bfa;
  border-color: #fff;
  box-shadow: 0 0 9px rgba(167,139,250,.7);
}
@keyframes pd-dot-pulse {
  0%,100% { box-shadow: 0 0 0 4px rgba(167,139,250,.15), 0 0 18px rgba(167,139,250,.5); }
  50%      { box-shadow: 0 0 0 8px rgba(167,139,250,.08), 0 0 28px rgba(167,139,250,.8); }
}
.slide__journey-year {
  font-size: .58rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #a78bfa;
  margin-bottom: .28rem;
  white-space: nowrap;
}
.slide__journey-desc {
  font-size: .62rem;
  color: var(--wf-text-2);
  line-height: 1.4;
  text-align: center;
}
.slide__journey-desc strong { color: var(--wf-text-1); }
/* Minor year: dot + year only, no description */
.slide__journey-item--minor .slide__journey-year { color: rgba(167,139,250,.5); font-weight: 600; }
.slide__journey-item--minor .slide__journey-desc { display: none; }
/* Highlight */
.slide__journey-item--hl .slide__journey-year { color: #c4b5fd; }
.slide__journey-item--hl .slide__journey-desc  { color: var(--wf-text-1); }

/* ── Compact card variant (origin pains) ── */
.slide__grid--compact .slide__card { padding: .85rem 1rem; }
.slide__grid--compact .slide__card h4 { font-size: .78rem; margin-bottom: .3rem; }
.slide__grid--compact .slide__card p  { font-size: .72rem; }
.slide__grid--compact .slide__card > i { font-size: 1.4rem; margin-bottom: .45rem; }

/* ── 2026 Plan bar ── */
.slide__plan-2026 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
  padding: .85rem 1.25rem;
  border-radius: 12px;
  background: linear-gradient(135deg,
    rgba(124,58,237,.07) 0%,
    rgba(167,139,250,.05) 60%,
    rgba(20,184,166,.04) 100%);
  border: 1px solid rgba(167,139,250,.16);
}
.slide__plan-2026__eyebrow {
  font-size: .62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #c4b5fd;
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: .35rem;
}
.slide__plan-2026__items {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .8rem;
}
.slide__plan-2026__items span {
  font-size: .7rem;
  color: var(--wf-text-2);
  display: flex;
  align-items: center;
  gap: .3rem;
}
.slide__plan-2026__items span i { font-size: .82rem; color: #a78bfa; }

/* ── Team visual ── */
.slide__people{
  display:flex;justify-content:center;gap:-8px;margin-top:2rem;
}
.slide__avatar{
  width:48px;height:48px;border-radius:50%;
  border:2px solid var(--wf-bg);
  margin-left:-10px;
  background:linear-gradient(135deg,var(--wf-primary),var(--wf-cyan));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-size:.85rem;
  font-family:var(--wf-display);
}
.slide__avatar:first-child{margin-left:0}

/* ═══════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════ */
@media(max-width:1024px){
  .slide__grid--3,.slide__grid--4{grid-template-columns:repeat(2,1fr)}
  .slide__steps{flex-wrap:wrap}
  .slide__step{flex:1 1 calc(50% - .5rem)}
  .slide__kpis{gap:2rem}
  .deck__arrow{width:44px;height:44px;font-size:1.1rem}
}

@media(max-width:640px){
  .deck__slide{padding:4rem 1.2rem 3rem}
  .slide__grid--2,.slide__grid--3,.slide__grid--4{grid-template-columns:1fr}
  .slide__steps{flex-direction:column}
  .slide__step{flex:1 1 100%}
  .deck__arrow{width:38px;height:38px;font-size:1rem}
  .deck__arrow--prev{left:.8rem}
  .deck__arrow--next{right:.8rem}
  .slide__kpis{flex-direction:column;gap:1.5rem}
  .slide__kpi-sep{width:60px;height:1px}
  .slide__logos{gap:1.5rem}
  .deck__hint{display:none}
  .slide__actions{flex-direction:column;align-items:center}
}