/* Homepage featured case study carousel: deep-green panel with the headline and arrows,
   a tilted case visual spilling out of the bottom-left, and a white result card hanging
   off the right edge. Only the two case studies with confirmed figures are slides.
   White text on the panel's deep greens is 8:1+; the button is green-500 with ink text. */

.fc-stage{position:relative;padding-bottom:120px}
.fc-panel{position:relative;isolation:isolate;min-height:460px;border-radius:28px;color:#fff;
  background:radial-gradient(70% 90% at 90% 0%,rgba(166,224,127,.20),rgba(166,224,127,0) 60%),linear-gradient(135deg,#102A0E 0%,#1E4410 48%,#2E6514 100%)}
.fc-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:20px 20px;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,transparent 45%);mask-image:linear-gradient(110deg,#000 0%,transparent 45%)}
.fc-slide{padding:48px clamp(28px,4vw,56px) 0}
.fc-slide[hidden]{display:none}
.fc-copy{max-width:min(46%,520px)}
.fc-kicker{display:block;font:600 .75rem/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#A6E07F}
.fc-title{margin:14px 0 0;font:600 clamp(1.75rem,1.2rem + 1.7vw,2.625rem)/1.12 var(--display);letter-spacing:-.025em;color:#fff;text-wrap:balance}

.fc-media{position:absolute;left:clamp(20px,5vw,72px);bottom:-96px;width:min(44%,500px);transform:rotate(-6deg);transform-origin:50% 100%}
.fc-media img{display:block;width:100%;height:auto;border-radius:16px;border:8px solid #fff;background:#fff;
  box-shadow:0 48px 70px -28px rgba(10,24,8,.65),0 14px 24px -10px rgba(10,24,8,.35)}

.fc-card{position:absolute;right:clamp(24px,4vw,56px);top:104px;width:min(400px,40%);background:#fff;color:var(--ink-800,#212A33);border-radius:20px;padding:24px;
  box-shadow:0 32px 64px -24px rgba(15,20,25,.38),0 2px 6px rgba(15,20,25,.06)}
.fc-brand{display:flex;align-items:center;gap:10px;font:700 1.125rem/1.2 var(--display);letter-spacing:-.01em}
.fc-brand i{width:34px;height:34px;border-radius:10px;background:#EEF8E8;color:#357318;display:grid;place-items:center;flex:none}
.fc-brand svg{width:18px;height:18px}
.fc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0;padding:16px 0;border-top:1px solid var(--slate-200,#DDE3E8);border-bottom:1px solid var(--slate-200,#DDE3E8)}
.fc-num{display:flex;align-items:baseline;gap:4px;font:700 clamp(1.875rem,1.5rem + 1vw,2.375rem)/1 var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.fc-num small{font-size:.55em;margin-left:1px}
.fc-num svg{width:14px;height:14px;color:#357318;align-self:flex-start;margin-top:2px;flex:none}
.fc-lab{display:block;margin-top:6px;font-size:.75rem;line-height:1.3;color:var(--slate-500,#5B6775)}
.fc-text{margin:16px 0 0;font-size:.9375rem;line-height:1.6;color:var(--slate-700,#3A4552)}
.fc-meta{display:flex;align-items:center;gap:10px;margin-top:16px}
.fc-meta i{width:36px;height:36px;border-radius:50%;background:var(--ink-800,#212A33);display:grid;place-items:center;flex:none}
.fc-meta i svg{width:22px;height:auto}
.fc-meta b{display:block;font-size:.875rem;line-height:1.3}
.fc-meta span{font-size:.75rem;color:var(--slate-500,#5B6775)}
.fc-btn{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;background:#74D142;color:var(--ink-800,#212A33);
  font:700 .9375rem/1 var(--body);text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 10px 24px -12px rgba(116,209,66,.8)}
.fc-btn:hover{background:#86D95A;transform:translateY(-1px)}
.fc-btn svg{width:16px;height:16px}
.fc-btn:focus-visible{outline:2px solid #357318;outline-offset:3px}

.fc-nav{position:absolute;z-index:3;top:40px;right:clamp(24px,4vw,56px);display:flex;align-items:center;gap:10px}
.fc-count{font:600 .8125rem/1 var(--body);color:#C7E8B0;margin-right:4px;font-variant-numeric:tabular-nums}
.fc-arrow{width:44px;height:44px;border-radius:50%;border:0;background:#0F1419;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.fc-arrow:hover{background:#000;transform:scale(1.06)}
.fc-arrow svg{width:16px;height:16px}
.fc-arrow.prev svg{transform:scaleX(-1)}
.fc-arrow:focus-visible{outline:2px solid #A6E07F;outline-offset:3px}

@media (max-width:980px){
  .fc-stage{padding-bottom:0}
  .fc-panel{min-height:0}
  .fc-slide{padding:96px 24px 24px}
  .fc-copy{max-width:none}
  .fc-media{position:relative;left:auto;bottom:auto;width:86%;margin:28px auto 0;transform:rotate(-3deg)}
  .fc-card{position:relative;right:auto;top:auto;width:auto;margin:-28px 0 0}
  .fc-nav{top:28px;left:24px;right:auto}
}
@media (max-width:520px){
  .fc-slide{padding:88px 16px 16px}
  .fc-card{padding:20px}
}
.fc-live.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* book cover stack (replaces the single illustration): two transparent cut-outs of the
   cover mockups, shadow baked into the image, overlapping on the panel */
.fc-books{width:min(44%,500px);aspect-ratio:900/700;left:clamp(16px,4vw,64px);bottom:-120px;transform:none}
.fc-media .fc-book{position:absolute;display:block;height:auto;border:0;border-radius:0;background:none;box-shadow:none;
  filter:drop-shadow(0 18px 24px rgba(5,16,4,.35))}
.fc-book.back{width:72%;right:0;top:0;opacity:.96}
.fc-book.front{width:84%;left:0;bottom:0;z-index:1}
@media (max-width:980px){
  .fc-books{width:min(96%,460px);margin:16px auto 0;bottom:auto;left:auto}
}
