:root{
  --navy:#081536;
  --navy2:#0d234d;
  --blue:#0788e8;
  --blue2:#20c7ef;
  --orange:#ff6a13;
  --orange2:#ff9b3d;
  --soft:#f5fbff;
  --soft2:#fff7f1;
  --line:#e6eef7;
  --text:#273653;
  --muted:#65728a;
  --white:#fff;
  --green:#35a853;
  --shadow:0 26px 70px rgba(8,21,54,.11);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}
body{margin:0;width:100%;max-width:100%;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#f7fcff 46%,#fff 100%);line-height:1.7}
a{color:inherit}.container{width:min(1480px,calc(100% - 64px));max-width:1480px;margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;gap:26px;min-height:86px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:250px;max-height:64px;object-fit:contain;display:block}.main-nav{display:flex;gap:22px;align-items:center;margin-left:auto}.main-nav a{color:var(--navy);font-weight:800;text-decoration:none;font-size:14px;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:13px 22px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.2s;line-height:1.2}.btn-blue{background:linear-gradient(135deg,var(--blue),#006ee6);color:#fff;box-shadow:0 14px 28px rgba(7,136,232,.25)}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 14px 28px rgba(255,106,19,.22)}.btn-ghost{background:#fff;color:var(--navy);border-color:#d8e4f2}.btn:hover{transform:translateY(-2px)}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-size:22px;color:var(--navy)}
.hero{position:relative;overflow:visible;padding:76px 0 52px}.hero:before,.hero:after,.page-hero:before{content:"";position:absolute;border-radius:50%;filter:blur(44px);opacity:.24;pointer-events:none}.hero:before{width:310px;height:310px;background:var(--blue2);left:-110px;top:120px}.hero:after{width:290px;height:290px;background:var(--orange);right:-90px;bottom:20px}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(660px,1.35fr);gap:58px;align-items:center}.eyebrow{color:var(--blue);font-weight:950;letter-spacing:.10em;text-transform:uppercase;font-size:13px}.hero h1,.page-hero h1{font-size:clamp(42px,4.8vw,72px);line-height:1.04;color:var(--navy);margin:14px 0 18px;letter-spacing:-.052em}.hero h1 span,.blue{color:var(--blue)}.orange{color:var(--orange)}.lead{font-size:18px;color:#34425f;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;color:var(--navy);font-weight:800}.check{display:inline-flex;align-items:center;gap:9px}.check:before{content:"✓";width:21px;height:21px;border-radius:50%;background:#e8f5ff;color:var(--blue);display:inline-grid;place-items:center;font-weight:950}.section{padding:68px 0}.section-soft{background:linear-gradient(180deg,#f5fbff 0%,#fff 100%)}.section-head{text-align:center;margin-bottom:36px}.section-head h2,.two-col h2{font-size:clamp(30px,3vw,46px);line-height:1.13;letter-spacing:-.04em;color:var(--navy);margin:8px 0 12px}.section-head p{color:var(--muted);max-width:820px;margin:0 auto}.page-hero{position:relative;padding:78px 0 44px;background:radial-gradient(circle at 15% 20%,#eaf8ff,transparent 34%),radial-gradient(circle at 85% 10%,#fff2e9,transparent 28%)}.page-hero p{font-size:18px;max-width:860px;color:#34425f}.page-hero:before{width:220px;height:220px;background:var(--blue2);left:-90px;top:40px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.align-center{align-items:center}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 45px rgba(8,21,54,.06);transition:.2s;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--orange));opacity:.0;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card:hover:before{opacity:1}.card h3{color:var(--navy);font-size:22px;line-height:1.25;margin:16px 0 10px}.card p{color:var(--muted);margin:0 0 18px}.card a{font-weight:900;color:var(--blue);text-decoration:none}.icon{width:50px;height:50px;border-radius:17px;background:#edf7ff;color:var(--blue);display:grid;place-items:center;font-size:22px;flex:0 0 auto}.orange-icon{background:#fff0e8;color:var(--orange)}.green-icon{background:#eef8f0;color:var(--green)}.badge,.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950;letter-spacing:.02em;background:#e9f6ff;color:var(--blue);margin-top:14px}.orange-badge{background:#fff0e8;color:var(--orange)}.build-badge,.build{background:#fff6e8;color:#b75c00}.available{background:#eaf8ef;color:#1d8740}.status-dot{border-radius:999px;padding:8px 12px;background:#eaf8ef;color:#1d8740;font-weight:950;font-size:12px}.small-label{display:block;color:var(--blue);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.features-strip{margin:26px auto 56px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.mini-feature{display:flex;gap:12px;align-items:flex-start}.mini-feature b{display:block;color:var(--navy);font-size:14px}.mini-feature p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.product-console{position:relative;background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:26px;overflow:hidden}.product-console:before{content:"";position:absolute;inset:-1px;border-radius:30px;background:linear-gradient(135deg,rgba(7,136,232,.16),rgba(255,106,19,.15),transparent 60%);z-index:-1}.console-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.console-top h2{margin:4px 0 0;color:var(--navy);font-size:30px;letter-spacing:-.035em}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.console-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;min-height:156px;box-shadow:0 12px 28px rgba(8,21,54,.05)}.console-card .status{grid-column:2;margin-top:2px;justify-self:start}.console-card b{color:var(--navy);font-size:16px}.console-card p{color:var(--muted);font-size:13px;line-height:1.45;margin:4px 0 0}.console-icon{width:44px;height:44px;border-radius:15px;background:#edf7ff;color:var(--blue);display:grid;place-items:center;font-size:21px}.orange-bg{background:#fff0e8;color:var(--orange)}.active-card{outline:2px solid rgba(7,136,232,.08)}.console-roadmap{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.console-roadmap div{background:linear-gradient(180deg,#f7fbff,#fff);border:1px solid var(--line);border-radius:16px;padding:14px}.console-roadmap strong{display:block;color:var(--navy);font-size:13px}.console-roadmap span{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:3px}.wide-band{background:linear-gradient(135deg,#071433,#103a6b);color:#fff;border-radius:32px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;position:relative}.wide-band:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;background:var(--orange);filter:blur(50px);opacity:.22}.wide-band h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;margin:0 0 14px;letter-spacing:-.04em}.wide-band p{color:#dbeaff}.list{display:grid;gap:12px}.list div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:800;color:var(--navy)}.check-list div{position:relative;padding-left:48px}.check-list div:before{content:"✓";position:absolute;left:18px;top:16px;width:22px;height:22px;border-radius:50%;background:#e8f5ff;color:var(--blue);display:inline-grid;place-items:center;font-weight:950}.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 16px 40px rgba(8,21,54,.06)}.featured-price{border-color:rgba(255,106,19,.32);box-shadow:0 22px 60px rgba(255,106,19,.12)}.price-card h3{font-size:24px;color:var(--navy);margin:16px 0 0}.price{font-size:38px;font-weight:950;color:var(--navy);margin:16px 0;letter-spacing:-.04em}.contact-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid #dbe7f4;border-radius:13px;padding:14px 16px;font:inherit;background:#fff;color:var(--navy)}.form textarea{min-height:150px}.form-note{font-size:13px;color:var(--muted);margin:16px 0 0}.ai-panel{background:#071433;color:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.ai-panel:before{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;background:var(--blue2);filter:blur(44px);opacity:.28}.ai-prompt,.ai-result{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px;margin-bottom:14px}.ai-prompt span{color:var(--blue2);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.ai-prompt p{font-size:20px;line-height:1.35;margin:8px 0 0;color:#fff}.ai-result b{display:block;color:#fff;margin-bottom:10px}.ai-result ul{margin:0;padding-left:18px;color:#dbeaff}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.process-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(8,21,54,.05)}.process-card span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:950}.process-card h3{color:var(--navy);margin:16px 0 8px}.process-card p{color:var(--muted);margin:0}.workspace-mockup{display:grid;grid-template-columns:168px 1fr;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.mock-sidebar{background:linear-gradient(180deg,#fff,#f7fbff);border-right:1px solid var(--line);padding:22px;display:grid;gap:10px;align-content:start}.mock-sidebar img{width:110px;margin-bottom:10px}.mock-sidebar span{font-weight:850;color:var(--navy);font-size:13px;padding:9px 10px;border-radius:11px}.mock-sidebar span:nth-child(2){background:#edf7ff;color:var(--blue)}.mock-main{padding:26px}.mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--navy)}.mock-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-cards div{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;font-weight:850;color:var(--navy);min-height:86px}.roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.roadmap-item{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(8,21,54,.05)}.roadmap-item strong{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.roadmap-item h3{color:var(--navy);margin:12px 0 8px}.roadmap-item p{color:var(--muted);margin:0}.roadmap-item.done{border-color:rgba(53,168,83,.28)}.roadmap-item.active{border-color:rgba(255,106,19,.32);box-shadow:0 18px 48px rgba(255,106,19,.10)}.site-footer{margin-top:70px;background:#071433;color:#c9d8ee;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}.footer-logo{width:230px;max-width:100%;height:auto;display:block;margin-bottom:18px}.footer-logo-white{background:transparent;border-radius:0;padding:0;filter:none}.site-footer h4{color:#fff;margin:0 0 14px}.site-footer a{display:block;color:#c9d8ee;text-decoration:none;margin:8px 0}.site-footer p{max-width:420px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;color:#90a4c0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1320px){.container{width:min(1220px,calc(100% - 44px))}.hero-grid{grid-template-columns:1fr;gap:38px}.product-console{max-width:none}.features-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.brand img{width:220px}.main-nav{gap:15px}.main-nav a{font-size:13px}.nav-actions .btn{padding:12px 16px}}
@media(max-width:980px){.container{width:calc(100% - 32px)}.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;margin-left:0}.main-nav.open{display:flex}.hero{padding:48px 0 34px}.two-col,.wide-band{grid-template-columns:1fr}.card-grid,.pricing{grid-template-columns:1fr 1fr}.console-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.workspace-mockup{grid-template-columns:1fr}.mock-sidebar{display:none}.wide-band{padding:34px}}
@media(max-width:680px){.container{width:calc(100% - 24px)}.brand img{width:180px}.nav-wrap{min-height:76px}.hero h1,.page-hero h1{font-size:clamp(36px,11vw,48px)}.lead,.page-hero p{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.features-strip,.card-grid,.pricing,.service-grid-4,.process-grid,.roadmap,.console-roadmap{grid-template-columns:1fr}.features-strip{width:calc(100% - 24px)}.footer-grid{grid-template-columns:1fr}.footer-logo{width:200px}.mock-cards{grid-template-columns:1fr}.console-top{flex-direction:column}.wide-band{border-radius:24px;padding:28px 22px}.section{padding:52px 0}}


/* === CMS feature panel + login links === */
.feature-panel{display:grid;gap:16px}.feature-card-large{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(8,21,54,.06);display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:start}.feature-card-large span{width:48px;height:48px;border-radius:16px;background:#edf7ff;color:var(--blue);display:grid;place-items:center;font-size:24px;grid-row:1 / span 2}.feature-card-large:nth-child(even) span{background:#fff0e8;color:var(--orange)}.feature-card-large strong{display:block;color:var(--navy);font-size:20px;line-height:1.2}.feature-card-large p{margin:5px 0 0;color:var(--muted);line-height:1.55}.login-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.login-links .btn{width:auto}.nav-actions .btn{white-space:nowrap}.service-note{font-size:13px;color:var(--muted)}
@media(max-width:1320px){.nav-actions .btn{padding:11px 14px}.main-nav{gap:14px}.brand img{width:210px}}
@media(max-width:680px){.feature-card-large{grid-template-columns:1fr}.feature-card-large span{grid-row:auto;margin-bottom:10px}.login-links .btn{width:100%}}
.form-alert{border-radius:14px;padding:14px 16px;margin:0 0 16px;font-weight:800;line-height:1.45}.form-alert-success{background:#eaf8ef;color:#1d8740;border:1px solid rgba(53,168,83,.25)}.form-alert-error{background:#fff0e8;color:#9a3b00;border:1px solid rgba(255,106,19,.25)}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.captcha-label{display:grid;gap:8px;color:var(--navy);font-weight:800}.captcha-label input{font-weight:400}

/* === SEO landingspagina's en FAQ === */
.kicker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.kicker{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 14px 32px rgba(8,21,54,.05)}.kicker strong{display:block;color:var(--navy);font-size:15px;line-height:1.25}.kicker span{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px}.faq-list{display:grid;gap:14px;max-width:980px;margin:30px auto 0}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px rgba(8,21,54,.045);overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:19px 22px;font-weight:950;color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf7ff;color:var(--blue);font-weight:950;flex:0 0 auto}.faq-item[open] summary:after{content:"–";background:#fff0e8;color:var(--orange)}.faq-item p{margin:0;padding:0 22px 20px;color:var(--muted)}.split-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 45px rgba(8,21,54,.06)}.content-block h2,.content-block h3{color:var(--navy);letter-spacing:-.03em}.content-block p{color:var(--muted)}.landing-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.landing-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:900;color:var(--navy);font-size:13px}.landing-links a:hover{color:var(--blue);border-color:#c9e6fb}.local-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.local-strip div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 34px rgba(8,21,54,.05)}.local-strip strong{display:block;color:var(--navy);font-size:18px;margin-bottom:7px}.local-strip p{margin:0;color:var(--muted)}
@media(max-width:980px){.kicker-grid,.local-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.kicker-grid,.local-strip{grid-template-columns:1fr}.faq-item summary{padding:17px 18px}.faq-item p{padding:0 18px 18px}.landing-links a{width:100%;text-align:center}}


/* === Sticky hoofdmenu + professionele FAQ update === */
.site-header{
  position:sticky!important;
  top:0;
  z-index:9999;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 8px 26px rgba(8,21,54,.055);
}
.site-header.is-scrolled{box-shadow:0 14px 34px rgba(8,21,54,.10)}
html{scroll-padding-top:96px}
.faq-section-pro{background:linear-gradient(180deg,#f5fbff 0%,#ffffff 100%)}
.faq-pro-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:34px;align-items:start}
.faq-pro-intro{position:sticky;top:118px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 18px 48px rgba(8,21,54,.06)}
.faq-pro-intro h2{font-size:clamp(28px,2.6vw,42px);line-height:1.12;letter-spacing:-.04em;color:var(--navy);margin:8px 0 14px}
.faq-pro-intro p{color:var(--muted);margin:0 0 24px;line-height:1.65}
.faq-list-pro{max-width:none;margin:0;gap:12px}
.faq-list-pro .faq-item{border-radius:20px;box-shadow:0 14px 34px rgba(8,21,54,.05)}
.faq-list-pro .faq-item summary{padding:21px 24px;font-size:16px}
.faq-list-pro .faq-item p{padding:0 24px 22px;line-height:1.7}
@media(max-width:980px){
  html{scroll-padding-top:86px}
  .faq-pro-layout{grid-template-columns:1fr}
  .faq-pro-intro{position:relative;top:auto}
  .site-header{z-index:9999}
  .main-nav{z-index:10000;top:78px}
}
@media(max-width:680px){
  html{scroll-padding-top:76px}
  .faq-pro-intro{padding:26px 22px;border-radius:24px}
  .faq-list-pro .faq-item summary{padding:18px 18px;font-size:15px}
  .faq-list-pro .faq-item p{padding:0 18px 18px}
}


/* === Sticky/fixed hoofdmenu fix v4 ===
   Sticky kan op sommige browsers wegvallen door parent-overflow of cache.
   Daarom maken we het hoofdmenu vast bovenin en reserveren we ruimte boven de pagina. */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  transform:translateZ(0);
}
body{padding-top:86px!important}
.nav-wrap{position:relative}
@media(max-width:980px){
  body{padding-top:76px!important}
  .main-nav{position:absolute;top:70px;left:0;right:0;width:100%;z-index:100000}
}
@media(max-width:680px){
  body{padding-top:76px!important}
}