:root{
  --navy:#0d2740;--ink:#17364f;--muted:#667f92;--paper:#f5fbff;--white:#fff;
  --blue:#1d8fe1;--cyan:#27c4ce;--pink:#ec5c9d;--orange:#ff8b44;--yellow:#ffd568;
  --green:#3ac68a;--purple:#8065e8;--line:#dce9f2;
  --shadow:0 22px 65px rgba(18,53,82,.15);--r:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(245,251,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,233,242,.85)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.035em;font-size:1.15rem}.logo{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 28px rgba(29,143,225,.3)}.nav-links{display:flex;align-items:center;gap:23px;font-weight:760;color:#466075}.nav-links a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 22px;font-weight:900;border:0;cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(135deg,var(--orange),var(--pink));box-shadow:0 13px 30px rgba(236,92,157,.27)}.btn-secondary{background:white;border:1px solid var(--line);box-shadow:0 8px 22px rgba(18,53,82,.08)}.btn-blue{color:white;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 13px 30px rgba(29,143,225,.24)}
.hero{padding:72px 0 90px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--yellow),transparent 68%);opacity:.25;right:-130px;top:-150px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#e3f6ff;color:#0875b0;font-size:.84rem;font-weight:900;letter-spacing:.02em}.hero h1,.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.96;letter-spacing:-.065em;margin:22px 0 24px}.gradient{background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.2rem;color:var(--muted);max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.ticks{display:flex;flex-wrap:wrap;gap:18px;color:#466075;font-weight:760;font-size:.94rem}.ticks span:before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:50%;background:#daf6e9;color:#178557}
.hero-media{position:relative}.hero-media>img{height:585px;width:100%;object-fit:cover;border-radius:40px;box-shadow:var(--shadow)}.float-card{position:absolute;background:white;border:1px solid rgba(220,233,242,.85);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow);font-weight:850}.float-card strong{display:block;font-size:1.45rem}.f1{left:-30px;bottom:46px}.f2{right:-25px;top:48px}
.section{padding:92px 0}.white{background:white}.dark{background:linear-gradient(135deg,#0e2941,#185979);color:white}.head{max-width:780px;margin:0 auto 48px;text-align:center}.head h2,.copy h2{font-size:clamp(2.25rem,4vw,3.9rem);line-height:1.04;letter-spacing:-.055em;margin:14px 0 18px}.head p,.copy>p{font-size:1.08rem;color:var(--muted)}.dark .head p,.dark .copy>p{color:#c6dce8}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.occasion{min-height:240px;padding:26px;border-radius:26px;color:white;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(18,53,82,.13);background-size:cover;background-position:center}.occasion:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,28,44,.05),rgba(7,28,44,.9))}.occasion>*{position:relative}.occasion h3{font-size:1.4rem;margin:0}.occasion p{margin:4px 0 0;opacity:.9}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 10px 28px rgba(18,53,82,.06)}.card .icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:1.45rem;background:#e7f6ff;margin-bottom:18px}.card:nth-child(3n+2) .icon{background:#fff0e8}.card:nth-child(3n+3) .icon{background:#f1ebff}.card h3{margin:0 0 8px;font-size:1.22rem}.card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.photo-stack{position:relative}.photo-stack>img{height:510px;width:100%;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.photo-stack .mini{position:absolute;width:44%;height:210px;right:-24px;bottom:-34px;border:8px solid white;border-radius:28px;object-fit:cover}.steps{display:grid;gap:15px;margin-top:25px}.step{display:grid;grid-template-columns:44px 1fr;gap:14px}.num{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:white;font-weight:950;background:linear-gradient(135deg,var(--blue),var(--cyan))}.step h3{margin:0 0 3px}.step p{margin:0;color:var(--muted)}
.product-shot{background:#dbeaf4;padding:18px;border-radius:34px;box-shadow:var(--shadow)}.product-shot img{border-radius:20px}.browser{height:25px;display:flex;gap:6px;align-items:center}.browser i{width:9px;height:9px;border-radius:50%;background:#8aa5b8}.browser i:nth-child(2){background:#a7bac7}.browser i:nth-child(3){background:#c1ced7}
.price-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}.price-copy{padding:54px;border-radius:36px;background:linear-gradient(135deg,#102b42,#1d5d7e);color:white;position:relative;overflow:hidden}.price-copy:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:var(--pink);filter:blur(85px);opacity:.22;right:-90px;top:-80px}.price-copy>*{position:relative;z-index:1}.price-copy h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.055em;margin:14px 0 18px}.price-copy p{color:#c9dce7}.price-card{background:white;border:1px solid var(--line);border-radius:36px;padding:36px;box-shadow:var(--shadow)}.price-card .amount{font-size:2.5rem;font-weight:950;letter-spacing:-.05em}.price-card ul{list-style:none;padding:0;margin:22px 0}.price-card li{margin:10px 0;color:var(--muted)}.price-card li:before{content:"✓";font-weight:950;color:#19a56b;margin-right:9px}
.faq{max-width:880px;margin:auto}.faq details{background:white;border:1px solid var(--line);border-radius:18px;padding:19px 22px;margin:12px 0}.faq summary{cursor:pointer;font-weight:900}.faq p{color:var(--muted);margin:12px 0 2px}.cta{padding:95px 0}.cta-box{text-align:center;border-radius:38px;padding:62px 26px;background:linear-gradient(135deg,#fff2d7,#ffe8f4 48%,#e6f6ff);border:1px solid #f0dfe7}.cta h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em;margin:0 0 18px}.cta p{color:var(--muted);font-size:1.1rem}
.page-hero{padding:70px 0 68px;text-align:center}.page-hero .lead{margin:auto}.content{max-width:900px;margin:auto}.content h2{font-size:2rem;letter-spacing:-.03em;margin-top:42px}.content p,.content li{color:var(--muted)}.guide{counter-reset:item;display:grid;gap:17px}.guide article{background:white;border:1px solid var(--line);border-radius:22px;padding:26px}.guide article:before{counter-increment:item;content:counter(item);float:left;width:42px;height:42px;margin-right:16px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:950}.guide h3{margin:4px 0 8px}.guide p{margin:0;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-card,.form{background:white;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 10px 28px rgba(18,53,82,.06)}label{font-weight:800;display:block;margin:13px 0 7px}input,textarea,select{width:100%;border:1px solid #cfe0eb;border-radius:14px;padding:13px 14px;font:inherit;background:#fbfdff}textarea{min-height:150px;resize:vertical}.note{font-size:.9rem;color:var(--muted)}
footer{padding:30px 0 44px;color:#667f92}.foot{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:28px}.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.mobile-toggle{display:none}.nav-links a.active{color:var(--blue)}.text-link{display:inline-block;margin-top:16px;color:var(--blue);font-weight:900}.device-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}.device-row span{padding:9px 12px;border-radius:999px;background:white;border:1px solid var(--line);font-weight:850}.device-stage{min-height:420px;position:relative;border-radius:36px;background:linear-gradient(145deg,#dff3ff,#fff2db);box-shadow:var(--shadow);overflow:hidden}.device{position:absolute;display:flex;flex-direction:column;justify-content:center;text-align:center;background:white;border:8px solid #17364f;box-shadow:0 22px 45px #17364f30}.device b{font-size:1.25rem}.device span{color:var(--muted)}.device.monitor{width:76%;height:48%;left:12%;top:10%;border-radius:18px}.device.monitor:after{content:"";position:absolute;width:24%;height:40px;background:#17364f;left:38%;bottom:-45px}.device.tablet{width:47%;height:46%;left:7%;bottom:5%;border-radius:22px}.device.phone{width:28%;height:52%;right:8%;bottom:5%;border-radius:28px}.calc-demo{background:white;color:var(--ink);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.calc-demo p{display:flex;justify-content:space-between;font-size:1.2rem}.calc-demo>div{display:flex;justify-content:space-between;gap:20px;padding:16px;border-radius:14px;background:#f4f8fb;margin:10px 0}.calc-demo .calc-result{background:#e7f7ef;color:#126846}.calc-demo small{color:var(--muted)}.compact-cards .card{padding:23px}
.phone-demo{width:min(390px,100%);margin:auto;padding:25px;border:10px solid #17364f;border-radius:42px;background:white;box-shadow:var(--shadow)}.phone-top{display:flex;justify-content:space-between;font-weight:900}.phone-top span{color:var(--green)}.phone-demo h3{font-size:1.7rem}.demo-cats,.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-cats b{padding:11px;border-radius:11px;background:#dff3ff}.demo-products{margin-top:10px}.demo-products span{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:12px}.phone-demo button{width:100%;padding:14px;margin-top:15px;border:0;border-radius:12px;background:var(--blue);color:white;font-weight:900}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-grid div{padding:24px;border:1px solid #ffffff30;border-radius:20px;text-align:center}.stat-grid b{display:block;font-size:2rem}.stat-grid span{color:#c6dce8}.check-list{list-style:none;padding:0}.check-list li{margin:10px 0}.check-list li:before{content:"✓";color:var(--green);font-weight:950;margin-right:10px}.voucher-board{display:grid;gap:18px}.voucher{min-height:110px;padding:25px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:var(--shadow);font-weight:900;transform:rotate(-1deg)}.voucher:nth-child(2){transform:rotate(1deg)}.voucher b{font-size:1.5rem}.voucher.yellow{background:#ffe75e}.voucher.coral{background:#ff7e6f;color:#5b1111}.voucher.blue{background:#66bff2;color:#092b40}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.scenario{padding:32px;border-radius:28px;border:1px solid var(--line);background:white;box-shadow:0 12px 30px #17364f10}.scenario-no{color:var(--blue);font-weight:950;letter-spacing:.12em}.scenario h2{font-size:1.65rem}.scenario p{color:var(--muted)}.flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}.flow b{padding:8px 10px;border-radius:10px;background:#e8f5fd}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.occasion-grid article{padding:26px;border-radius:22px;background:white;border:1px solid var(--line)}.occasion-grid article>b{font-size:2rem}.occasion-grid h3{margin-bottom:4px}.occasion-grid p{color:var(--muted)}.flow-large{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px}.flow-large span,.flow-large b{padding:14px 18px;border-radius:14px;background:#ffffff15;border:1px solid #ffffff30}.feature-groups{display:grid;gap:22px}.feature-groups>article{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:34px;border:1px solid var(--line);border-radius:28px}.feature-groups h2{font-size:1.8rem;margin:5px 0}.feature-groups article>div span{color:var(--blue);font-weight:950}.feature-groups ul{columns:2;margin:0;padding-left:20px}.feature-groups li{margin:7px 0;break-inside:avoid;color:var(--muted)}.permission-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}.permission-chips span{padding:11px 15px;border-radius:999px;background:white;border:1px solid var(--line);font-weight:850}
@media(max-width:920px){.nav-links a:not(.btn){display:none}.hero-grid,.split,.price-wrap,.contact-grid{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.hero-media{margin-top:15px}.hero-media>img{height:475px}.f1{left:12px}.f2{right:12px}.photo-stack .mini{right:5px}.price-copy{padding:40px}}
@media(max-width:920px){.mobile-toggle{display:block}.nav-inner{flex-wrap:wrap;padding:10px 0}.nav-links{display:none;width:100%;padding:10px 0 14px;flex-direction:column;align-items:stretch}.nav.open .nav-links{display:flex}.nav.open .nav-links a{display:block}.scenario-grid,.feature-groups>article{grid-template-columns:1fr}.occasion-grid{grid-template-columns:1fr 1fr}.feature-groups ul{columns:1}.device-stage{min-height:360px}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.hero{padding-top:40px}.hero h1,.page-hero h1{font-size:clamp(2.6rem,14vw,4rem)}.hero-media{padding:0 5px}.float-card{font-size:.72rem;padding:10px}.grid4,.cards,.scenario-grid,.occasion-grid{grid-template-columns:1fr}.section{padding:64px 0}.price-copy,.price-card{padding:28px 22px}.foot{flex-direction:column}.nav-inner{min-height:68px}.brand{font-size:1rem}.page-hero{padding:52px 0}.stat-grid{grid-template-columns:1fr}.demo-cats,.demo-products{grid-template-columns:1fr 1fr}.device-stage{min-height:320px}.device{border-width:5px}.device.monitor{width:84%;left:8%}.device.tablet{width:53%}.device.phone{width:31%}.feature-groups>article{padding:24px}.flow-large{flex-direction:column}}

/* V5.0.2 prijskaarten */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;align-items:stretch}.plan-card{display:flex;flex-direction:column}.plan-card h3{font-size:1.55rem;margin:.4rem 0}.plan-card ul{flex:1}.plan-card.featured{outline:3px solid #ffb000;transform:translateY(-4px)}.full{width:100%;text-align:center}.trial-explain{margin-top:28px;padding:24px;border-radius:20px;background:#fff;border:1px solid #dfe7ee;box-shadow:0 12px 30px rgba(23,50,74,.07)}

/* V5.0.6 — vijf formules over de volledige breedte */
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
  width:100%;
}
.pricing-grid > .plan-card{
  grid-column:span 4;
  min-width:0;
  height:100%;
}
.pricing-grid > .plan-card:nth-child(4),
.pricing-grid > .plan-card:nth-child(5){
  grid-column:span 6;
}
.plan-card.featured{
  transform:none;
}
@media(max-width:920px){
  .pricing-grid > .plan-card,
  .pricing-grid > .plan-card:nth-child(4),
  .pricing-grid > .plan-card:nth-child(5){
    grid-column:span 6;
  }
  .pricing-grid > .plan-card:nth-child(5){
    grid-column:1 / -1;
  }
}
@media(max-width:620px){
  .pricing-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .pricing-grid > .plan-card,
  .pricing-grid > .plan-card:nth-child(4),
  .pricing-grid > .plan-card:nth-child(5){
    grid-column:1;
  }
  .pricing-grid .price-card{
    padding:26px 20px;
    border-radius:24px;
  }
  .pricing-grid .amount{
    font-size:2.2rem;
  }
}


/* V5.0.8 — perfect uitgelijnde formulekaarten */
.pricing-grid .plan-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.pricing-grid .plan-card .eyebrow{
  align-self:flex-start;
}
.pricing-grid .plan-card .plan-summary{
  min-height:5.3em;
  margin:14px 0 0;
}
.pricing-grid .plan-card ul{
  flex:1 1 auto;
  margin:20px 0 26px;
}
.pricing-grid .plan-card .btn{
  margin-top:auto;
}
@media(max-width:920px){
  .pricing-grid .plan-card .plan-summary{min-height:0;}
}
@media(max-width:620px){
  .pricing-grid .plan-card .plan-summary{min-height:0;}
  .pricing-grid .plan-card .btn{margin-top:8px;}
}
.day-example{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.day-example span{display:grid;padding:18px 24px;border-radius:18px;background:white;border:1px solid var(--line)}.day-example strong{padding:18px 24px;border-radius:18px;background:var(--navy);color:white;font-size:1.25rem}
.horeca-note{max-width:900px;margin:46px auto 0;padding:24px 28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between;gap:28px}.horeca-note h3{margin:12px 0 4px;font-size:1.35rem}.horeca-note p{margin:0;color:var(--muted);max-width:650px}@media(max-width:720px){.horeca-note{align-items:flex-start;flex-direction:column}}
.language-links{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff}.language-links a,.language-links b{min-width:28px;padding:3px 5px;border-radius:999px;text-align:center;font-size:.72rem}.language-links b{background:var(--navy);color:#fff}@media(max-width:1120px){.language-links{margin-left:auto}}@media(max-width:920px){.nav.open .language-links{display:flex;margin:0}.nav-links>.language-links{display:flex}}
.seo-occasions a{display:block}.seo-occasions article{height:100%;transition:.2s transform,.2s box-shadow}.seo-occasions a:hover article{transform:translateY(-4px);box-shadow:0 18px 38px #17364f18}.seo-occasions .text-link{font-size:.94rem}.search-page .content{max-width:1000px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}.benefit-grid article{padding:24px;border:1px solid var(--line);border-radius:22px;background:white}.benefit-grid h3{margin-top:0}.search-page .content>p{font-size:1.08rem}.search-page .cta-box{margin-top:60px}@media(max-width:720px){.benefit-grid{grid-template-columns:1fr}}