.fn-hero{position:relative;z-index:1;min-height:100svh;min-height:100vh;display:flex;flex-direction:column;color:var(--color-text-on-dark);isolation:isolate}.fn-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}.fn-hero__overlay{position:absolute;inset:0;background-color:var(--color-overlay-dark);z-index:-1}.fn-hero__inner{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-block:clamp(6rem,18vh,9rem) clamp(2rem,6vh,4rem);gap:var(--space-6)}.fn-hero__content{max-width:50ch}.fn-hero__heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-tight);color:var(--color-text-on-dark);margin:0 0 var(--space-4);letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.35)}.fn-hero__sub{font-family:var(--font-body);font-size:var(--fs-lead);line-height:var(--lh-snug);color:var(--color-text-on-dark);opacity:.95;margin:0;max-width:44rem;text-shadow:0 1px 4px rgba(0,0,0,.4)}@media (min-width: 900px){.fn-hero__inner{justify-content:center}.fn-hero__content{max-width:64ch}}.fn-klinkt{background-color:var(--color-secondary-cool);padding-block:var(--space-9);color:var(--color-primary)}.fn-klinkt__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center}.fn-klinkt__body{text-align:center}.fn-klinkt__heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-h2);color:var(--color-primary);margin:0 0 var(--space-5)}.fn-klinkt__body p{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-primary);margin:0 0 var(--space-4)}.fn-klinkt__body p:last-child{margin-bottom:0;font-weight:var(--fw-semibold);margin-top:var(--space-5)}.fn-klinkt__figure{display:flex;justify-content:center}.fn-klinkt__figure img{width:clamp(180px,28vw,280px);height:auto;filter:drop-shadow(0 6px 14px rgba(30,38,44,.25))}@media (min-width: 800px){.fn-klinkt__grid{grid-template-columns:2fr 1fr;gap:var(--space-8)}.fn-klinkt__body{text-align:left}}.fn-waarom{background-color:#fff;padding-block:var(--space-9)}.fn-waarom__grid{display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:center}.fn-waarom__media{margin:0}.fn-waarom__media img{display:block;width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:var(--radius-md)}.fn-waarom__heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-h2);color:var(--color-primary);margin:0 0 var(--space-5);line-height:var(--lh-tight)}.fn-waarom__body p{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text);margin:0 0 var(--space-4)}.fn-waarom__body p:last-of-type{margin-bottom:0}.fn-waarom__highlight{margin-top:var(--space-5);font-weight:var(--fw-semibold);color:var(--color-primary)}.fn-waarom__badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-5);margin-top:var(--space-7);padding:0;list-style:none;align-items:start}.fn-waarom__badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.fn-waarom__badge img{width:clamp(56px,7vw,80px);height:auto}.fn-waarom__badge-label{font-family:var(--font-body);font-size:.95rem;line-height:var(--lh-snug);color:var(--color-primary);margin:0}@media (min-width: 800px){.fn-waarom__grid{grid-template-columns:1fr 1.4fr;gap:var(--space-8)}.fn-waarom__media img{max-height:440px}}.fn-vier{background-color:var(--color-secondary-cool);padding-block:var(--space-9)}.fn-vier__heading{text-align:center;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-h2);color:var(--color-primary);margin:0 0 var(--space-8)}.fn-vier__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-7)}.fn-vier__item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.fn-vier__icon{width:160px;height:160px;object-fit:contain}.fn-vier__label{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:1.05rem;color:var(--color-primary);margin:var(--space-2) 0 var(--space-3)}.fn-vier__text{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-primary);margin:0;max-width:28ch}@media (min-width: 700px){.fn-vier__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media (min-width: 1000px){.fn-vier__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.fn-vier__item{text-align:center}}.fn-quotes{background-color:var(--color-bg);padding-block:var(--space-9)}.fn-quotes__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.fn-quote{background-color:var(--color-primary);color:var(--color-text-on-dark);border-radius:var(--radius-md);padding:var(--space-6);display:grid;grid-template-columns:90px 1fr;gap:var(--space-5);align-items:center}.fn-quote>*{min-width:0}@media (max-width: 400px){.fn-quote{grid-template-columns:56px 1fr;gap:var(--space-4);padding:var(--space-5)}.fn-quote__avatar{width:56px;height:56px}.fn-quote__avatar svg{width:38px;height:38px}}.fn-quote__avatar{width:80px;height:80px;background-color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.fn-quote__avatar svg{width:56px;height:56px}.fn-quote__text{font-family:var(--font-body);font-size:.98rem;font-style:italic;line-height:var(--lh-body);color:var(--color-text-on-dark);margin:0}.fn-quote__author{display:block;margin-top:var(--space-4);font-style:normal;font-weight:var(--fw-semibold);color:var(--color-accent);font-size:.95rem}@media (min-width: 800px){.fn-quotes__grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.fn-cta{background-color:var(--color-primary);color:var(--color-text-on-dark);padding-block:var(--space-9)}.fn-cta__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center}.fn-cta__grid>*{min-width:0}.fn-cta__heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-h2);color:var(--color-text-on-dark);margin:0 0 var(--space-4);line-height:var(--lh-tight)}.fn-cta__sub{font-family:var(--font-body);font-size:var(--fs-lead);line-height:var(--lh-snug);color:var(--color-text-on-dark);opacity:.92;margin:0 0 var(--space-6);max-width:36rem}.fn-cta__button{font-size:1.05rem;padding-inline:var(--space-7);min-height:52px}.fn-cta__koffie{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:var(--space-3);text-align:center}.fn-cta__koffie-img{width:clamp(180px,28vw,260px);height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.fn-cta__koffie-arrow{--arrow-offset-x: -80px;--arrow-offset-y: -20px;--arrow-rotate: -25deg;display:none;width:clamp(90px,12vw,140px);height:auto;transform:translate(var(--arrow-offset-x),var(--arrow-offset-y)) rotate(var(--arrow-rotate));transform-origin:center}@media (min-width: 700px){.fn-cta__koffie{grid-template-columns:auto auto 1fr;text-align:left;justify-items:start;gap:var(--space-4)}.fn-cta__koffie-arrow{display:block}}.fn-cta__koffie-note{--note-offset-x: -100px;--note-offset-y: 100px;--note-width: 50ch;font-family:var(--font-body);font-style:italic;font-size:1.15rem;line-height:var(--lh-snug);color:var(--color-text-on-dark);opacity:.88;margin:0;width:100%;transform:none}@media (min-width: 800px){.fn-cta__koffie-note{width:min(var(--note-width),100%);transform:translate(var(--note-offset-x),var(--note-offset-y))}}@media (min-width: 800px){.fn-cta__grid{grid-template-columns:1.4fr 1fr;gap:var(--space-8)}}
