:root{
  --fs-bg:#0b0a12; --fs-soft:#161320; --fs-text:#f5f7fa; --fs-mute:#cbd5e1; --fs-acc:#ee2e24; --fs-acc-2:#51d095;
}
.fs-wrap{max-width:1400px;margin:0 auto;padding:0 20px}
.fs-stage{color:var(--fs-text);}

/* HERO */
.fs-stage__hero{position:relative; background-size:cover;background-position:center;     padding: 176px 0 96px 0;}
.fs-stage__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,10,18,.5), rgba(11,10,18,.9));}
.fs-stage__hero .fs-wrap{position:relative;z-index:2;text-align:left}
.fs-stage__hero h1{font-size: clamp(32px, 4.5vw, 56px); line-height:1.05; margin:0 0 12px}
.fs-stage__hero .sub{color:var(--fs-mute);font-size:18px;margin:0 0 24px}
.btn-primary{    --from: #bf362e;
    --to: #7a2871;
    background: linear-gradient(90deg, var(--from), var(--to));
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 3px;
    cursor: pointer;
    background-size: 200% 100%;
    background-position: 50% 0;
    transition: background-position 0.5s 
ease, transform 0.2s 
ease, box-shadow 0.3s 
ease;}
.btn-primary:hover{transform:translateY(-1px);opacity:.95}

/* INTRO */
.fs-stage__intro{padding:48px 0;background:transparent}
.fs-stage__intro .copy{font-size:18px;color:var(--fs-mute);max-width:900px}

/* BENEFITS */
.fs-stage__benefits{padding:48px 0}
.fs-stage__benefits h2{margin:0 0 24px}
.fs-stage__benefits .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.fs-stage__benefits li{background:var(--fs-soft);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;    box-sizing: border-box;
    transition: 0.2s 
ease-in-out all;
    background: rgb(255 255 255 / 14%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 20px 40px;
    border-radius: 4px;}
.fs-stage__benefits .ico{width:28px;height:28px;opacity:.9;margin-bottom:8px}
.fs-stage__benefits h3{margin:0 0 6px;font-size:18px}
.fs-stage__benefits p{color:var(--fs-mute);margin:0}

/* TESTIMONIALS */
.fs-stage__testimonials{padding:56px 0}
.fs-stage__testimonials .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.fs-stage__testimonials .card{background:var(--fs-soft);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:220px 1fr;min-height:220px;    box-sizing: border-box;
    transition: 0.2s 
ease-in-out all;
    background: rgb(255 255 255 / 14%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 4px;}
.fs-stage__testimonials .ph{margin:0;overflow:hidden}
.fs-stage__testimonials img{width:100%;height:100%;object-fit:cover;display:block}
.fs-stage__testimonials .txt{padding:18px}
.fs-stage__testimonials blockquote{    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.5;}
.fs-stage__testimonials .meta{color:var(--fs-mute)}

/* STEPS */
.fs-stage__steps{padding:48px 0}
.fs-stage__steps .steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fs-stage__steps li{background:var(--fs-soft);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;display:flex;gap:14px;    transition: 0.2s 
ease-in-out all;
    background: rgb(255 255 255 / 14%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 4px;}
.fs-stage__steps .badge{    display: inline-grid
;
    place-items: center;
    min-width: 36px;
    height: 36px;
    border-radius: 10px;
    font-weight: 800;
    --from: #bf362e;
    --to: #7a2871;
    background: linear-gradient(90deg, var(--from), var(--to));
    color: white;}

/* FAQ */
.fs-stage__faq{padding:48px 0}
.fs-stage__faq .accordion details{background:var(--fs-soft);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 16px;margin:10px 0}
.fs-stage__faq summary{cursor:pointer;font-weight:700}
.fs-stage__faq .a{color:var(--fs-mute)}

/* CTA */
.fs-stage__cta{padding:56px 0 80px;text-align:center}
.fs-stage__cta h2{margin:0 0 16px}

/* Responsive */
@media (max-width:960px){
  .fs-stage__benefits .grid{grid-template-columns:1fr 1fr}
  .fs-stage__testimonials .cards{grid-template-columns:1fr}
  .fs-stage__testimonials .card{grid-template-columns:1fr}
  .fs-stage__steps .steps{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .fs-stage__benefits .grid,
  .fs-stage__steps .steps{grid-template-columns:1fr}
}

/* Lees-meer clamp */
.quote{position:relative}
.clamp-5{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.has-fade::after{
  content:"";
  position:absolute; inset:auto 0 0 0;
    height: 30px;
    background: linear-gradient(180deg, rgba(11, 10, 18, 0) 0%, rgb(53 39 52) 80%);
  pointer-events:none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
/* knop */
.readmore{
    appearance: none;
    border: 0;
    background: transparent;
    padding: 6px 0;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    color: white;
}
.readmore:hover{ text-decoration:underline; }