{"id":4279,"date":"2022-07-25T12:27:42","date_gmt":"2022-07-25T11:27:42","guid":{"rendered":"https:\/\/testing.eenvoudigfactureren.be\/info\/?page_id=4279"},"modified":"2026-07-15T10:52:22","modified_gmt":"2026-07-15T09:52:22","slug":"boekhouders","status":"publish","type":"page","link":"https:\/\/testing.eenvoudigfactureren.be\/info\/boekhouders\/","title":{"rendered":"Portaal voor boekhoudkantoren"},"content":{"rendered":"<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;family=Spline+Sans+Mono:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --deep:#1A4F51;\r\n    --brand:#266D6F;\r\n    --mist:#E8F1F1;\r\n    --paper:#FBFAF7;\r\n    --orange:#FFA701;\r\n    --ink:#15393B;\r\n    --ink-soft:rgba(26,79,81,.66);\r\n    --ink-faint:rgba(26,79,81,.42);\r\n    --line:rgba(26,79,81,.14);\r\n    --card-border:#E2E9E7;\r\n    --red:#C04A33;\r\n    --white:#FFFFFF;\r\n    --font:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;\r\n    --mono:'Spline Sans Mono',ui-monospace,'SF Mono',monospace;\r\n    --r-card:16px;\r\n    --r-app:12px;\r\n    --shadow-card:0 1px 2px rgba(26,79,81,.05),0 8px 32px rgba(26,79,81,.07);\r\n    --shadow-lift:0 2px 4px rgba(26,79,81,.06),0 20px 56px rgba(26,79,81,.13);\r\n    --ease:cubic-bezier(.22,1,.36,1);\r\n    --maxw:1160px;\r\n  }\r\n\r\n  *{margin:0;padding:0;box-sizing:border-box}\r\n  html{scroll-behavior:smooth}\r\n  section[id]{scroll-margin-top:41px}\r\n  body{\r\n    font-family:var(--font);\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    line-height:1.6;\r\n    -webkit-font-smoothing:antialiased;\r\n    overflow-x:hidden;\r\n  }\r\n  \/* utility classes for inline-style cleanup *\/\r\n  .chip-label{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-top:24px}\r\n  .chip-label + .pkg-chips{margin-top:10px}\r\n  .chip-label-gap{margin-top:20px}\r\n  .team-member{display:flex;align-items:center;gap:14px}\r\n  .team-name{font-size:15px;font-weight:700;color:#fff}\r\n  .team-role{font-size:13px;color:rgba(255,255,255,.6)}\r\n  .team-photo{width:56px;height:56px;font-size:13px}\r\n  .google-badge{display:flex;align-items:center;gap:14px;margin-bottom:20px}\r\n  .google-score{font-family:var(--mono);font-weight:700;font-size:18px;color:#fff}\r\n  .google-stars{display:flex;gap:2px}\r\n  .google-label{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:2px}\r\n  .peek-inner{margin-top:10px}\r\n\r\n  \/* dot-grid: 1px dots, 24px raster, conform brandsysteem *\/\r\n  .dotgrid{\r\n    background-image:radial-gradient(circle,rgba(26,79,81,.105) 1px,transparent 1.5px);\r\n    background-size:24px 24px;\r\n  }\r\n  .dotgrid-soft{\r\n    background-color:#F7F8F7;\r\n    background-image:radial-gradient(circle,rgba(26,79,81,.09) 1px,transparent 1.5px);\r\n    background-size:24px 24px;\r\n  }\r\n  ::selection{background:var(--orange);color:var(--deep)}\r\n\r\n  h1,h2,h3,h4{font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--deep)}\r\n  .eyebrow{\r\n    font-family:var(--mono);\r\n    font-size:12px;font-weight:600;\r\n    letter-spacing:.14em;text-transform:uppercase;\r\n    color:var(--brand);\r\n    display:inline-flex;align-items:center;gap:8px;\r\n  }\r\n  .eyebrow::before{content:\"\";width:24px;height:2px;background:var(--orange);border-radius:2px}\r\n\r\n  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}\r\n  @media(max-width:640px){\r\n    .wrap{padding:0 20px}\r\n    .eyebrow{flex-direction:column}\r\n  }\r\n\r\n  \/* ---------- pill buttons ---------- *\/\r\n  .btn{\r\n    display:inline-flex;align-items:center;gap:8px;\r\n    font-family:var(--font);font-weight:600;font-size:16px;\r\n    padding:14px 28px;border-radius:999px;\r\n    text-decoration:none;cursor:pointer;border:none;\r\n    transition:box-shadow .25s var(--ease),color .25s var(--ease),background-position .42s var(--ease);\r\n    position:relative;overflow:hidden;isolation:isolate;\r\n    text-transform: none!important;\r\n  }\r\n  .btn::before{content:none}\r\n  button:focus{\r\n    outline: none!important;\r\n  }\r\n  .btn > *{position:relative;z-index:1}\r\n  .btn-primary, input[type=\"submit\"]{\r\n    background:linear-gradient(90deg,#FFB42E 0 50%,var(--orange) 50% 100%);background-size:220% 100%;background-position:100% 0;color:var(--deep)!important;\r\n    box-shadow:0 2px 10px rgba(255,167,1,.35);\r\n  }\r\n  .btn-primary:hover, input[type=\"submit\"]:hover{background-position:0 0;box-shadow:0 8px 22px rgba(255,167,1,.36);color:var(--deep)!important;}\r\n  .btn-ghost{\r\n    background:linear-gradient(90deg,rgba(26,79,81,.08) 0 50%,transparent 50% 100%);background-size:220% 100%;background-position:100% 0;color:var(--deep);\r\n    border:1.5px solid transparent;\r\n    box-shadow:inset 0 0 0 1.5px rgba(26,79,81,.22);\r\n  }\r\n  .btn-ghost:hover{background-position:0 0;box-shadow:inset 0 0 0 1.5px var(--deep)}\r\n  .btn-light{\r\n    background:linear-gradient(90deg,#FFB42E 0 50%,var(--orange) 50% 100%);background-size:220% 100%;background-position:100% 0;color:var(--deep);\r\n    box-shadow:0 2px 10px rgba(0,0,0,.18);\r\n  }\r\n  .btn-light:hover{background-position:0 0;box-shadow:0 8px 22px rgba(255,167,1,.34)}\r\n  .btn .arr{transition:transform .25s var(--ease)}\r\n  .btn:hover .arr{transform:translateX(3px)}\r\n\r\n  \/* ---------- nav ---------- *\/\r\n  .nav{\r\n    position:fixed;top:0;left:0;right:0;z-index:100;\r\n    background:transparent;\r\n    backdrop-filter:none;-webkit-backdrop-filter:none;\r\n    border-bottom:1px solid transparent;\r\n    transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease);\r\n  }\r\n  .nav.scrolled{\r\n    background:rgba(251,250,247,.82);\r\n    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n    border-bottom-color:var(--line);\r\n  }\r\n  .nav-inner{\r\n    max-width:var(--maxw);margin:0 auto;padding:0 32px;\r\n    height:72px;display:flex;align-items:center;gap:40px;\r\n    width: 100%;\r\n  }\r\n  .logo{display:grid;align-items:center;text-decoration:none;flex-shrink:0}\r\n  .logo-img{grid-area:1\/1;height:30px;width:134px;border-radius:0;flex-shrink:0;transition:opacity .25s var(--ease)}\r\n  .logo-dark{opacity:0}\r\n  .logo-light{opacity:1}\r\n  .nav.scrolled .logo-dark{opacity:1}\r\n  .nav.scrolled .logo-light{opacity:0}\r\n  .logo-mark{\r\n    width:34px;height:34px;border-radius:50%;\r\n    background:var(--orange);position:relative;overflow:hidden;flex-shrink:0;\r\n  }\r\n  .logo-mark::after{ \/* vossenstaart-knipoog *\/\r\n    content:\"\";position:absolute;right:-7px;bottom:-9px;\r\n    width:24px;height:24px;border-radius:50%;background:#fff;\r\n  }\r\n  .logo-mark::before{\r\n    content:\"\";position:absolute;left:5px;top:-5px;\r\n    width:10px;height:12px;background:var(--orange);\r\n    clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-18deg);\r\n  }\r\n  .logo-word{font-weight:800;font-size:17px;line-height:1.05;color:var(--deep);letter-spacing:-.01em}\r\n  .logo-word span{display:block;font-weight:500;color:var(--brand);font-size:13px;letter-spacing:.01em}\r\n  .nav-links{display:flex;gap:28px;align-items:center;margin-left:8px}\r\n  .nav-links a{font-size:15px;font-weight:500!important;color:rgba(255,255,255,.72)!important;text-decoration:none;transition:color .2s}\r\n  .nav-links a:hover{color:var(--deep)!important}\r\n  .nav:not(.scrolled) .nav-links a:hover{color:#fff!important}\r\n  .nav.scrolled .nav-links a{color:var(--ink-soft)!important}\r\n  .nav.scrolled .nav-links a:hover{color:var(--deep)!important}\r\n  .nav-dd{position:relative}\r\n  .nav-dd-menu{\r\n    display:none;position:absolute;top:100%;left:-12px;padding-top:10px;z-index:10;\r\n  }\r\n  .nav-dd:hover .nav-dd-menu{display:block}\r\n  .nav-dd-menu ul{\r\n    list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;\r\n    box-shadow:var(--shadow-card);padding:8px;min-width:200px;\r\n  }\r\n  .nav-dd-menu li a{\r\n    display:block;padding:9px 14px;border-radius:7px;font-size:14px;font-weight:500!important;color:var(--ink-soft)!important;\r\n    text-decoration:none;transition:background .15s;\r\n  }\r\n  .nav-dd-menu li a:hover{background:var(--mist);color:var(--deep)!important}\r\n  .nav:not(.scrolled) .nav-dd-menu li a{color:var(--ink-soft)!important}\r\n  .nav:not(.scrolled) .nav-dd-menu li a:hover{background:var(--mist);color:var(--deep)!important}\r\n  .nav-cta{margin-left:auto;display:flex;align-items:center;gap:20px}\r\n  .nav-cta .login{font-size:15px;font-weight:600!important;color:#fff!important;text-decoration:none;transition:color .2s}\r\n  .nav.scrolled .nav-cta .login{color:var(--deep)!important}\r\n  .nav-cta .btn{padding:10px 22px;font-size:15px}\r\n  .nav:not(.scrolled) .nav-cta .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34)}\r\n  .nav:not(.scrolled) .nav-cta .btn-ghost{background-image:linear-gradient(90deg,rgba(255,255,255,.14) 0 50%,transparent 50% 100%)}\r\n  .nav:not(.scrolled) .nav-cta .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.78)}\r\n  @media(max-width:880px){.nav-links{display:none}.nav-cta .login{display:none}}\r\n\r\n  \/* ---------- hero ---------- *\/\r\n  .hero{\r\n    position:relative;padding:104px 0 28px;text-align:center;overflow:hidden;\r\n    background-color:var(--deep);\r\n    background-image:url(\"Achtergrond 3.png\"),radial-gradient(ellipse at 50% 8%,rgba(255,167,1,.16),transparent 48%);\r\n    background-position:center top;background-size:cover;\r\n    display:grid;grid-template-rows:1fr auto 1fr;align-items:center;\r\n  }\r\n  .hero.dotgrid{background-color:var(--deep)}\r\n  .hero .wrap{position:relative;grid-row:2}\r\n  .hero .eyebrow{color:rgba(255,255,255,.72)}\r\n  .hero h1{color:#fff}\r\n  .hero .sub{color:rgba(255,255,255,.76)}\r\n  .hero .sub strong{color:#fff}\r\n  .hero-proof{color:rgba(255,255,255,.72)}\r\n  .hero-proof b{color:#fff}\r\n  .hero-proof .dot{background:var(--orange);opacity:.7}\r\n  .hero .btn-ghost{color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32);background-image:linear-gradient(90deg,rgba(255,255,255,.14) 0 50%,transparent 50% 100%)}\r\n  .hero .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.72)}\r\n  .hero h1{\r\n    font-size:clamp(42px,6.4vw,76px);\r\n    font-weight:800;letter-spacing:-.035em;line-height:1.04;\r\n    max-width:880px;margin:28px auto 0;\r\n  }\r\n  .hero h1 .hl{\r\n    position:relative;white-space:nowrap;\r\n  }\r\n  .hero h1 .hl::after{\r\n    content:\"\";position:absolute;left:-1%;right:-1%;bottom:.06em;height:.26em;\r\n    background:var(--orange);opacity:.32;border-radius:4px;z-index:-1;\r\n    transform:scaleX(0);transform-origin:left;\r\n    animation:hlIn 1s var(--ease) .9s forwards;\r\n  }\r\n  @keyframes hlIn{to{transform:scaleX(1)}}\r\n  .hero .sub{\r\n    font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.76);\r\n    max-width:620px;margin:24px auto 0;line-height:1.65;\r\n  }\r\n  .hero .sub strong{color:#fff;font-weight:600}\r\n  .hero-cta{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:36px;flex-wrap:wrap}\r\n  .hero-proof{\r\n    margin-top:44px;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;\r\n    font-size:14px;color:rgba(255,255,255,.72);font-weight:500;\r\n  }\r\n  .hero-proof span{display:inline-flex;align-items:center;gap:8px}\r\n  .hero-proof .dot{width:5px;height:5px;border-radius:50%;background:var(--orange);opacity:.7;align-self:center}\r\n  .hero-proof b{color:#fff;font-weight:700}\r\n  .reveal-up{opacity:0;transform:translateY(24px);animation:revUp .9s var(--ease) forwards}\r\n  .d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.32s}.d4{animation-delay:.46s}.d5{animation-delay:.6s}.d6{animation-delay:.74s}\r\n  @keyframes revUp{to{opacity:1;transform:none}}\r\n\r\n  \/* startpunt van de lijn, hangt onder de hero *\/\r\n  .hero-anchor{\r\n    height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;\r\n    padding-top:2rem;position:relative;z-index:1;grid-row:3;align-self:end;width:100%;\r\n  }\r\n  .hero-anchor .start-dot{\r\n    width:14px;height:14px;border-radius:50%;background:var(--orange);\r\n    box-shadow:0 0 0 6px rgba(255,167,1,.2);\r\n    animation:startDotPulse 6.6s ease-out 1s infinite;\r\n  }\r\n  @keyframes startDotPulse{\r\n    0%,25%,70%{box-shadow:0 0 0 6px rgba(255,167,1,.2)}\r\n    40%{box-shadow:0 0 0 10px rgba(255,167,1,.18),0 0 0 20px rgba(255,167,1,.12)}\r\n  }\r\n  .hero-anchor .start-line{width:2px;flex:1;background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,.35))}\r\n\r\n  \/* ============================================================\r\n     DE LIJN\r\n     ============================================================ *\/\r\n  .lijn-head{padding:64px 0 8px;text-align:center;scroll-margin-top:73px}\r\n  .lijn-head h2{font-size:clamp(32px,4.6vw,52px);letter-spacing:-.03em;max-width:760px;margin:20px auto 0}\r\n  .lijn-head .sub{font-size:18px;color:var(--ink-soft);margin-top:16px;max-width:560px;margin-left:auto;margin-right:auto}\r\n  .lijn-head .sub b{color:var(--deep)}\r\n\r\n  .lijn{position:relative;padding:48px 0 0}\r\n  .lijn-track{position:relative;max-width:var(--maxw);margin:0 auto;padding:24px 32px 0;overflow:hidden}\r\n\r\n  \/* spoor + voortgang *\/\r\n  .rail{\r\n    position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);\r\n    background:var(--line);\r\n  }\r\n  .rail-progress{\r\n    position:absolute;top:0;left:0;width:100%;height:0;\r\n    background:linear-gradient(to bottom,var(--brand),var(--deep));\r\n  }\r\n  .rail-tip{\r\n    position:absolute;left:50%;transform:translate(-50%,-50%);top:0;\r\n    width:12px;height:12px;border-radius:50%;background:var(--orange);\r\n    box-shadow:0 0 0 5px rgba(255,167,1,.22),0 0 18px rgba(255,167,1,.5);\r\n    transition:opacity .3s;\r\n  }\r\n\r\n  \/* halte-rijen *\/\r\n  .halte{\r\n    position:relative;\r\n    display:grid;grid-template-columns:1fr 120px 1fr;\r\n    align-items:center;\r\n    padding:64px 0;\r\n  }\r\n  .halte-dot{\r\n    grid-column:2;justify-self:center;align-self:center;\r\n    width:36px;height:36px;\r\n    display:grid;place-items:center;line-height:1;\r\n    font-family:var(--mono);font-weight:600;font-size:13px;color:var(--ink-faint);\r\n    position:relative;z-index:3;isolation:isolate;\r\n    transition:color .5s var(--ease);\r\n  }\r\n  .halte-dot::before{\r\n    content:\"\";position:absolute;inset:0;z-index:-1;border-radius:50%;\r\n    background:var(--paper);border:2px solid var(--line);\r\n    transform-origin:center;\r\n    transition:transform .5s var(--ease),background-color .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease);\r\n  }\r\n  .halte.lit .halte-dot{\r\n    color:#fff;\r\n  }\r\n  .halte.lit .halte-dot::before{\r\n    background:var(--deep);border-color:var(--deep);\r\n    transform:scale(1.12);\r\n    box-shadow:0 0 0 3px rgba(255,167,1,.42),0 0 0 7px rgba(255,167,1,.12);\r\n  }\r\n  .halte-copy{padding:0 8px}\r\n  .halte:nth-child(odd) .halte-copy{grid-column:1;text-align:right;grid-row:1}\r\n  .halte:nth-child(odd) .halte-ui{grid-column:3;grid-row:1}\r\n  .halte:nth-child(even) .halte-copy{grid-column:3;text-align:left;grid-row:1}\r\n  .halte:nth-child(even) .halte-ui{grid-column:1;grid-row:1;justify-self:end}\r\n  .halte-copy h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em}\r\n  .halte-copy p{margin-top:12px;color:var(--ink-soft);font-size:16.5px;max-width:380px}\r\n  .halte:nth-child(odd) .halte-copy p{margin-left:auto}\r\n\r\n\r\n\r\n\r\n  \/* reveal van haltes *\/\r\n  .halte-ui{overflow:hidden}\r\n  .halte-ui,.halte-copy{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}\r\n  .halte.seen .halte-ui,.halte.seen .halte-copy{opacity:1;transform:none}\r\n  .halte.seen .halte-ui{transition-delay:.1s}\r\n\r\n  \/* ---------- nagemaakte app-UI (EF branded, niet app-kopie) ---------- *\/\r\n  .app-card{\r\n    background:#fff;border:1px solid var(--card-border);border-radius:16px;\r\n    box-shadow:var(--shadow-card);\r\n    width:min(440px,100%);\r\n    overflow:hidden;\r\n    transition:box-shadow .5s var(--ease);\r\n  }\r\n  .halte.seen .app-card:hover{box-shadow:var(--shadow-card)}\r\n  .app-top{\r\n    display:flex;align-items:center;gap:10px;\r\n    padding:14px 20px;\r\n    background:var(--deep);color:rgba(255,255,255,.85);\r\n    font-size:13px;font-weight:600;\r\n  }\r\n  .app-top .plus{\r\n    width:22px;height:22px;border-radius:50%;background:var(--orange);\r\n    color:var(--deep);font-size:14px;line-height:21px;text-align:center;font-weight:700;flex-shrink:0;\r\n  }\r\n  .app-top .crumb{margin-left:auto;font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.45)}\r\n  .app-body{padding:20px}\r\n\r\n  .badge{\r\n    display:inline-flex;align-items:center;gap:6px;\r\n    font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.07em;\r\n    padding:4px 10px;border-radius:999px;text-transform:uppercase;\r\n  }\r\n  .badge-open{background:var(--mist);color:var(--brand)}\r\n  .badge-paid{background:var(--deep);color:#fff}\r\n  .badge-late{background:rgba(192,74,51,.12);color:var(--red)}\r\n  .badge-linked{background:rgba(255,167,1,.18);color:#9A6700}\r\n  .badge-signed{background:var(--deep);color:#fff}\r\n\r\n  .mono{font-family:var(--mono)}\r\n  .amount{font-family:var(--mono);font-weight:600;color:var(--deep)}\r\n\r\n  \/* HALTE 1 \u00b7 offerte met handtekening *\/\r\n  .doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}\r\n  .doc-head .t{font-size:15px;font-weight:700;color:var(--deep)}\r\n  .doc-head .m{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-top:3px}\r\n  .doc-lines{margin-top:16px;border-top:1px solid #EEF2F1}\r\n  .doc-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #F3F6F5;font-size:13.5px;color:var(--ink-soft)}\r\n  .doc-line .amount{font-size:13px}\r\n  .doc-total{display:flex;justify-content:space-between;padding-top:12px;font-weight:700;color:var(--deep);font-size:15px}\r\n  .sig-zone{\r\n    margin-top:18px;border:1.5px dashed rgba(38,109,111,.25);border-radius:12px;\r\n    padding:14px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;\r\n    background:linear-gradient(to bottom,rgba(232,241,241,.5),rgba(232,241,241,.15));\r\n  }\r\n  .sig-zone .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}\r\n  .sig-svg{width:130px;height:46px;overflow:visible}\r\n  .sig-svg path{\r\n    fill:none;stroke:var(--deep);stroke-width:2.2;stroke-linecap:round;\r\n    stroke-dasharray:300;stroke-dashoffset:300;\r\n  }\r\n  .halte.seen .sig-svg path{animation:sigDraw 1.4s ease-out .7s forwards}\r\n  @keyframes sigDraw{to{stroke-dashoffset:0}}\r\n  .sig-stamp{\r\n    opacity:0;transform:scale(.6) rotate(-8deg);\r\n  }\r\n  .halte.seen .sig-stamp{animation:stampIn .5s var(--ease) 2s forwards}\r\n  @keyframes stampIn{60%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}\r\n\r\n  \/* HALTE 2 \u00b7 acties-menu, factuur maken *\/\r\n  .menu-card{width:min(340px,100%)}\r\n  .menu-list{padding:10px}\r\n  .menu-item{\r\n    display:flex;align-items:center;gap:11px;\r\n    padding:10px 14px;border-radius:10px;font-size:14px;color:var(--ink-soft);font-weight:500;\r\n  }\r\n  .menu-item svg{width:15px;height:15px;stroke:currentColor;opacity:.7}\r\n  .menu-sep{height:1px;background:#EEF2F1;margin:6px 4px}\r\n  .menu-item.hot{position:relative;color:var(--deep);font-weight:700}\r\n  .halte.seen .menu-item.hot{animation:hotBg .4s ease 1.5s forwards}\r\n  @keyframes hotBg{to{background:rgba(255,167,1,.12)}}\r\n  .cursor{\r\n    position:absolute;right:14px;top:50%;width:20px;height:20px;\r\n    opacity:0;transform:translate(36px,18px);\r\n    filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));\r\n  }\r\n  .halte.seen .cursor{animation:curIn .9s var(--ease) .8s forwards,curClick .3s ease 1.8s}\r\n  @keyframes curIn{to{opacity:1;transform:translate(0,-40%)}}\r\n  @keyframes curClick{50%{transform:translate(0,-40%) scale(.82)}}\r\n  .spawn{\r\n    margin:0 20px 20px;padding:14px 18px;border-radius:12px;\r\n    background:linear-gradient(135deg,var(--mist),rgba(255,167,1,.08));\r\n    border:1px solid rgba(38,109,111,.12);\r\n    display:flex;align-items:center;justify-content:space-between;gap:10px;\r\n    opacity:0;transform:translateY(10px);\r\n  }\r\n  .halte.seen .spawn{animation:spawnIn .6s var(--ease) 2.2s forwards}\r\n  @keyframes spawnIn{to{opacity:1;transform:none}}\r\n  .spawn .l{font-size:13px;font-weight:600;color:var(--deep)}\r\n  .spawn .l span{display:block;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--brand);margin-top:2px}\r\n\r\n  \/* HALTE 3 \u00b7 verzending *\/\r\n  .send-rows{display:flex;flex-direction:column;gap:10px}\r\n  .send-row{\r\n    display:flex;align-items:center;gap:12px;\r\n    border:1px solid #EEF2F1;border-radius:10px;padding:12px 14px;\r\n  }\r\n  .send-row .ic{\r\n    width:34px;height:34px;border-radius:9px;background:var(--mist);\r\n    display:flex;align-items:center;justify-content:center;flex-shrink:0;\r\n  }\r\n  .send-row .ic svg{width:16px;height:16px;stroke:var(--brand)}\r\n  .send-row .t{font-size:13.5px;font-weight:600;color:var(--deep)}\r\n  .send-row .t span{display:block;font-size:12px;font-weight:500;color:var(--ink-faint);margin-top:1px}\r\n  .send-row .check{\r\n    margin-left:auto;width:22px;height:22px;border-radius:50%;\r\n    background:var(--deep);display:flex;align-items:center;justify-content:center;\r\n    opacity:0;transform:scale(.5);\r\n  }\r\n  .send-row .check svg{width:11px;height:11px;stroke:#fff;stroke-width:3}\r\n  .halte.seen .send-row:nth-child(1) .check{animation:chk .4s var(--ease) 1s forwards}\r\n  .halte.seen .send-row:nth-child(2) .check{animation:chk .4s var(--ease) 1.35s forwards}\r\n  @keyframes chk{to{opacity:1;transform:scale(1)}}\r\n  .qr-strip{\r\n    margin-top:14px;display:flex;align-items:center;gap:14px;\r\n    background:var(--mist);border-radius:10px;padding:12px 14px;\r\n  }\r\n  .qr{display:grid;grid-template-columns:repeat(7,5px);grid-auto-rows:5px;gap:2px;flex-shrink:0}\r\n  .qr i{background:var(--deep);border-radius:1px;opacity:0}\r\n  .halte.seen .qr i{animation:qrIn .25s ease forwards}\r\n  .qr i:nth-child(3n){animation-delay:1.5s}.qr i:nth-child(3n+1){animation-delay:1.65s}.qr i:nth-child(3n+2){animation-delay:1.8s}\r\n  @keyframes qrIn{to{opacity:1}}\r\n  .qr i.off{visibility:hidden}\r\n  .qr-strip .t{font-size:12.5px;color:var(--ink-soft);line-height:1.45}\r\n  .qr-strip .t b{color:var(--deep)}\r\n\r\n  \/* HALTE 4 \u00b7 herinnering vanzelf *\/\r\n  .tl{position:relative;padding-left:26px}\r\n  .tl::before{content:\"\";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#EEF2F1}\r\n  .tl-item{position:relative;padding:8px 0 8px 0}\r\n  .tl-item .nd{\r\n    position:absolute;left:-26px;top:13px;width:18px;height:18px;border-radius:50%;\r\n    background:#fff;border:2px solid var(--line);\r\n  }\r\n  .tl-item.done .nd{background:var(--brand);border-color:var(--brand)}\r\n  .tl-item .t{font-size:13.5px;font-weight:600;color:var(--deep)}\r\n  .tl-item .t span{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink-faint);margin-left:8px}\r\n  .tl-item .s{font-size:12.5px;color:var(--ink-soft);margin-top:2px}\r\n  .tl-item.auto{opacity:0;transform:translateX(-8px)}\r\n  .halte.seen .tl-item.auto{animation:tlIn .6s var(--ease) 1.4s forwards}\r\n  @keyframes tlIn{to{opacity:1;transform:none}}\r\n  .tl-item.auto .pill-auto{\r\n    display:inline-flex;align-items:center;gap:5px;margin-left:8px;\r\n    font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;\r\n    background:rgba(255,167,1,.18);color:#9A6700;border-radius:999px;padding:2px 8px;text-transform:uppercase;\r\n  }\r\n  .auto-toggle{\r\n    margin-top:14px;display:flex;align-items:center;justify-content:space-between;\r\n    background:var(--mist);border-radius:10px;padding:11px 14px;\r\n  }\r\n  .auto-toggle .t{font-size:13px;font-weight:600;color:var(--deep)}\r\n  .toggle{width:38px;height:22px;border-radius:999px;background:var(--brand);position:relative;flex-shrink:0}\r\n  .toggle::after{content:\"\";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}\r\n\r\n  \/* HALTE 5 \u00b7 bank matcht *\/\r\n  .bank-row{border:1px solid #EEF2F1;border-radius:10px;padding:13px 14px}\r\n  .bank-row .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}\r\n  .bank-row .who{font-size:13.5px;font-weight:700;color:var(--deep)}\r\n  .bank-row .who span{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--ink-faint);margin-top:2px}\r\n  .bank-row .in{font-family:var(--mono);font-weight:600;font-size:15px;color:var(--brand)}\r\n  .match-line{\r\n    margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;\r\n  }\r\n  .match-line .scan{\r\n    font-family:var(--mono);font-size:11px;color:var(--ink-faint);\r\n    display:inline-flex;align-items:center;gap:7px;\r\n  }\r\n  .scan .spin{\r\n    width:12px;height:12px;border-radius:50%;\r\n    border:2px solid var(--mist);border-top-color:var(--brand);\r\n    animation:spin 1s linear infinite;\r\n  }\r\n  @keyframes spin{to{transform:rotate(360deg)}}\r\n  .halte.seen .match-line .scan{animation:fadeOut .3s ease 1.6s forwards}\r\n  @keyframes fadeOut{to{opacity:0;visibility:hidden;position:absolute}}\r\n  .match-result{\r\n    display:inline-flex;align-items:center;gap:8px;\r\n    opacity:0;transform:translateY(6px);\r\n  }\r\n  .halte.seen .match-result{animation:spawnIn .5s var(--ease) 1.7s forwards}\r\n  .fact-chip{\r\n    font-family:var(--mono);font-size:11px;font-weight:600;\r\n    border:1px solid var(--card-border);border-radius:6px;padding:3px 9px;color:var(--deep);background:#FAFBFB;\r\n  }\r\n  .status-flip{margin-top:14px;display:flex;align-items:center;justify-content:space-between;background:var(--mist);border-radius:10px;padding:11px 14px}\r\n  .status-flip .t{font-size:13px;font-weight:600;color:var(--deep)}\r\n  .flip-stage{position:relative;height:24px;width:104px;perspective:300px}\r\n  .flip-stage .badge{position:absolute;right:0;top:0;backface-visibility:hidden}\r\n  .flip-stage .front{transition:transform .5s var(--ease) }\r\n  .flip-stage .back{transform:rotateX(180deg);transition:transform .5s var(--ease)}\r\n  .halte.seen .flip-stage .front{animation:flipA .6s var(--ease) 2.1s forwards}\r\n  .halte.seen .flip-stage .back{animation:flipB .6s var(--ease) 2.1s forwards}\r\n  @keyframes flipA{to{transform:rotateX(-180deg)}}\r\n  @keyframes flipB{to{transform:rotateX(0)}}\r\n\r\n  \/* HALTE 6 \u00b7 boekhouder *\/\r\n  .flow{display:flex;align-items:center;gap:12px;justify-content:space-between}\r\n  .flow .node{\r\n    flex:1;border:1px solid #EEF2F1;border-radius:10px;padding:13px;text-align:center;\r\n  }\r\n  .flow .node .ti{font-size:12.5px;font-weight:700;color:var(--deep)}\r\n  .flow .node .su{font-family:var(--mono);font-size:10px;color:var(--ink-faint);margin-top:3px}\r\n  .flow-arrow{flex-shrink:0;position:relative;width:46px;height:2px;background:var(--line);overflow:visible}\r\n  .flow-arrow::after{content:\"\";position:absolute;right:-1px;top:-3.5px;border:4.5px solid transparent;border-left-color:var(--line)}\r\n  .flow-pulse{\r\n    position:absolute;top:-2.5px;left:0;width:7px;height:7px;border-radius:50%;background:var(--orange);\r\n    opacity:0;\r\n  }\r\n  .halte.seen .flow-pulse{animation:pulseMove 1.6s ease-in-out 1s infinite}\r\n  @keyframes pulseMove{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}100%{opacity:0;left:calc(100% - 7px)}}\r\n  .pkg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}\r\n  .pkg-chips i{\r\n    font-style:normal;font-family:var(--mono);font-size:11px;font-weight:500;\r\n    border:1px solid var(--card-border);border-radius:999px;padding:5px 12px;color:var(--ink-soft);background:#fff;\r\n  }\r\n  .delivered{\r\n    margin-top:14px;display:flex;align-items:center;gap:9px;\r\n    font-size:13px;font-weight:600;color:var(--deep);\r\n    background:var(--mist);border-radius:10px;padding:11px 14px;\r\n  }\r\n  .delivered .ok{width:20px;height:20px;border-radius:50%;background:var(--deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n  .delivered .ok svg{width:10px;height:10px;stroke:#fff;stroke-width:3}\r\n  .delivered .tm{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink-faint)}\r\n\r\n  \/* HALTE 7 \u00b7 overzicht *\/\r\n  .kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n  .kpi{\r\n    border-radius:12px;padding:16px;border:1px solid #EEF2F1;\r\n  }\r\n  .kpi .v{font-family:var(--mono);font-weight:600;font-size:clamp(16px,1.6vw,19px);letter-spacing:-.01em}\r\n  .kpi .l{font-size:11.5px;font-weight:500;margin-top:3px;opacity:.75}\r\n  .kpi-deep{background:var(--deep);color:#fff;border-color:var(--deep)}\r\n  .kpi-deep .v{color:#fff}\r\n  .kpi-mist{background:var(--mist);border-color:var(--mist)}\r\n  .kpi-mist .v{color:var(--deep)}\r\n  .kpi-late .v{color:var(--red)}\r\n  .kpi-plain .v{color:var(--deep)}\r\n  .mini-bars{display:flex;align-items:flex-end;gap:5px;height:54px;margin-top:16px;padding:0 4px}\r\n  .mini-bars i{\r\n    flex:1;background:var(--mist);border-radius:4px 4px 0 0;height:8%;\r\n    transition:height 1s var(--ease);\r\n  }\r\n  .mini-bars i.hot{background:var(--brand)}\r\n  .halte.seen .mini-bars i{height:var(--h)}\r\n  .mini-bars-cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--ink-faint);margin-top:6px;padding:0 4px}\r\n\r\n  \/* ---------- eindstation ---------- *\/\r\n  .eind{\r\n    position:relative;z-index:3;\r\n    padding:24px 0 96px;text-align:center;\r\n  }\r\n  .eind-dot{\r\n    width:18px;height:18px;border-radius:50%;background:var(--orange);\r\n    margin:0 auto;\r\n    box-shadow:0 0 0 8px rgba(255,167,1,.18),0 0 30px rgba(255,167,1,.55);\r\n  }\r\n  .eind-card{\r\n    margin:36px auto 0;max-width:680px;\r\n    background:var(--deep);border-radius:24px;color:#fff;\r\n    padding:48px 40px;position:relative;overflow:hidden;\r\n  }\r\n  .eind-card::before{\r\n    content:\"\";position:absolute;inset:0;\r\n    background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.5px);\r\n    background-size:24px 24px;\r\n  }\r\n  .eind-card h3{color:#fff;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;position:relative}\r\n\r\n  .eind-card p{position:relative;margin-top:24px;color:rgba(255,255,255,.8);font-size:15.5px;max-width:440px;margin-left:auto;margin-right:auto}\r\n\r\n\r\n\r\n  \/* ============================================================\r\n     TWEE DEUREN\r\n     ============================================================ *\/\r\n  .deuren{padding:96px 0}\r\n  .deuren-head{text-align:center;max-width:640px;margin:0 auto 56px}\r\n  .deuren-head h2{font-size:clamp(30px,4vw,44px);margin-top:18px}\r\n  .deuren-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}\r\n  .deur{\r\n    background:#fff;border:1px solid var(--card-border);border-radius:var(--r-card);\r\n    padding:40px;position:relative;overflow:hidden;\r\n    transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;\r\n    text-decoration:none;display:block;\r\n  }\r\n  .deur:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:rgba(38,109,111,.35)}\r\n  .deur .tag{\r\n    font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;\r\n    color:var(--brand);\r\n  }\r\n  .deur h3{font-size:26px;margin-top:14px;letter-spacing:-.02em}\r\n  .deur p{color:var(--ink-soft);margin-top:12px;font-size:15.5px}\r\n  .deur ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}\r\n  .deur ul li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink);font-weight:500}\r\n  .deur ul li svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;stroke:var(--orange);stroke-width:2.5}\r\n  .deur .go{\r\n    display:inline-flex;align-items:center;gap:7px;margin-top:26px;\r\n    font-weight:700;color:var(--deep);font-size:15px;\r\n  }\r\n  .deur .go .arr{transition:transform .3s var(--ease)}\r\n  .deur:hover .go .arr{transform:translateX(4px)}\r\n  .deur-accent{position:absolute;top:0;left:40px;right:40px;height:3px;border-radius:0 0 4px 4px;background:rgba(255,167,1,.35);transition:background .3s}\r\n  .deur:hover .deur-accent{background:var(--orange)}\r\n\r\n  \/* ============================================================\r\n     DE MENSEN (deep green sectie)\r\n     ============================================================ *\/\r\n  .mensen{\r\n    background:var(--deep);color:#fff;\r\n    padding:104px 0;position:relative;overflow:hidden;\r\n  }\r\n  .mensen::before{\r\n    content:\"\";position:absolute;inset:0;\r\n    background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1.5px);\r\n    background-size:24px 24px;\r\n  }\r\n  .mensen .wrap{position:relative}\r\n  .mensen .eyebrow{color:rgba(255,255,255,.7)}\r\n  .mensen h2, .mensen h3{color:#fff;margin-top:18px;max-width:600px}\r\n  .mensen .lead{color:rgba(255,255,255,.78);font-size:18px;max-width:520px;margin-top:18px}\r\n  .mensen-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:24px}\r\n  .contact-card{\r\n    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);\r\n    border-radius:var(--r-card);padding:32px;margin-top:36px;backdrop-filter:blur(4px);\r\n  }\r\n  .contact-card .row{display:flex;align-items:flex-start;gap:14px;padding:12px 0}\r\n  .contact-card .row > div:last-child{flex:1;min-width:0}\r\n  .contact-card .row + .row{border-top:1px solid rgba(255,255,255,.1)}\r\n  .contact-card .ic{\r\n    width:40px;height:40px;border-radius:11px;background:rgba(255,167,1,.16);\r\n    display:flex;align-items:center;justify-content:center;flex-shrink:0;\r\n  }\r\n  .contact-card .ic svg{width:18px;height:18px;stroke:var(--orange)}\r\n  .contact-card .t{font-size:13px;color:rgba(255,255,255,.6)}\r\n  .contact-card .v{font-family:var(--mono);font-weight:600;font-size:16px;color:#fff}\r\n  .team-strip{display:flex;align-items:center;gap:0;margin-top:28px}\r\n  .face{\r\n    width:46px;height:46px;border-radius:50%;border:2.5px solid var(--deep);\r\n    background:var(--mist);color:var(--deep);\r\n    display:flex;align-items:center;justify-content:center;\r\n    font-weight:700;font-size:14px;margin-left:-10px;\r\n  }\r\n  .face:first-child{margin-left:0}\r\n  .face:nth-child(2){background:#F7E2B8}\r\n  .face:nth-child(3){background:#CFE3E1}\r\n  .face:nth-child(4){background:#F4D7CB}\r\n  .team-strip .t{margin-left:16px;font-size:13.5px;color:rgba(255,255,255,.72)}\r\n  .quotes{display:flex;flex-direction:column;gap:18px}\r\n  .quote{\r\n    background:#fff;color:var(--ink);border-radius:var(--r-card);padding:26px 28px;\r\n    box-shadow:0 16px 48px rgba(0,0,0,.22);\r\n    transform:rotate(.4deg);\r\n  }\r\n  .quote:nth-child(2){transform:rotate(-.5deg)}\r\n  .quote:nth-child(3){transform:rotate(.3deg)}\r\n  .quote{position:relative}\r\n  .quote::before{\r\n    content:\"\\201C\";position:absolute;top:6px;left:18px;\r\n    font-size:54px;line-height:1;font-weight:800;color:var(--orange);opacity:.85;\r\n    font-family:Georgia,serif;\r\n  }\r\n  .quote p{font-size:15.5px;font-weight:500;line-height:1.55;color:var(--deep);padding-left:28px}\r\n  .quote .who{display:flex;align-items:center;gap:10px;margin-top:16px}\r\n  .quote .who .face{width:34px;height:34px;font-size:11px;border-color:#fff;margin:0}\r\n  .quote .who .nm{font-size:13px;font-weight:700;color:var(--deep)}\r\n  .quote .who .nm span{display:block;font-weight:500;color:var(--ink-faint);font-size:12px}\r\n\r\n  \/* review scroller *\/\r\n  .review-scroll{\r\n    position:relative;height:730px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;\r\n    scrollbar-width:none;\r\n    --fade-top:0px;--fade-bottom:44px;\r\n    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);\r\n    mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);\r\n  }\r\n  .review-scroll::-webkit-scrollbar{display:none}\r\n  .review-scroll.has-top-fade{--fade-top:44px}\r\n  .review-scroll.at-bottom{--fade-bottom:0px}\r\n  .review-track{display:flex;flex-direction:column;gap:16px}\r\n  .review-track .rv:nth-of-type(n+9){display:none}\r\n  .review-controls{display:flex;justify-content:flex-end;gap:10px;margin:0 0 14px}\r\n  .review-nav{\r\n    width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);\r\n    background:rgba(255,255,255,.08);color:#fff;cursor:pointer;\r\n    display:inline-flex;align-items:center;justify-content:center;\r\n    transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);\r\n  }\r\n  .review-nav:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42);transform:translateY(-1px)}\r\n  .review-nav:disabled{opacity:.38;cursor:not-allowed;transform:none;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}\r\n  .review-nav svg{width:18px;height:18px;stroke:currentColor}\r\n  .rv{\r\n    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);\r\n    border-radius:14px;padding:22px 24px;backdrop-filter:blur(4px);\r\n    flex-shrink:0;\r\n  }\r\n  .rv .rv-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}\r\n  .rv .rv-avatar{\r\n    width:38px;height:38px;border-radius:50%;\r\n    background:rgba(255,255,255,.12);color:#fff;\r\n    display:flex;align-items:center;justify-content:center;\r\n    font-weight:700;font-size:14px;flex-shrink:0;\r\n  }\r\n  .rv .rv-name{font-size:14px;font-weight:700;color:#fff}\r\n  .rv .rv-meta{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}\r\n  .rv .rv-stars{display:flex;gap:2px;margin-left:auto}\r\n  .rv .rv-stars i,.rv-star{\r\n    width:14px;height:14px;background:var(--orange);\r\n    clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\r\n    display:inline-block;\r\n  }\r\n  .rv p{font-size:14px;color:rgba(255,255,255,.82);line-height:1.55}\r\n  .rv p strong{color:#fff;font-weight:600}\r\n\r\n  @media(max-width: 960px) {\r\n    \/* Stop the grid from stretching infinitely *\/\r\n    .mensen-grid { grid-template-columns: minmax(0, 1fr) !important; }\r\n    .mensen-grid > div { min-width: 0; width: 100%; }\r\n\r\n    \/* Rotate arrows to point Left and Right *\/\r\n    .review-nav svg { transform: rotate(-90deg); }\r\n\r\n    \/* Horizontal scroll container *\/\r\n    \/* Horizontal scroll container *\/\r\n    .review-scroll {\r\n      height: auto;\r\n      width: 100%;\r\n      overflow-y: hidden;\r\n      overflow-x: auto;\r\n      display: block;\r\n      padding-bottom: 24px;\r\n      scroll-snap-type: x mandatory;\r\n      -webkit-mask-image: none !important;\r\n      mask-image: none !important;\r\n\r\n      \/* NEW: Smoothly animate the height when it changes *\/\r\n      transition: height 0.3s var(--ease);\r\n    }\r\n\r\n    \/* Track layout *\/\r\n    .review-track {\r\n      display: flex;\r\n      flex-direction: row;\r\n      width: max-content;\r\n      gap: 16px;\r\n      padding-right: 16px;\r\n\r\n      \/* NEW: Forces short reviews to stay short instead of stretching to the tallest one *\/\r\n      align-items: flex-start;\r\n    }\r\n\r\n    \/* Size the card and tell it to snap *\/\r\n    .rv {\r\n      \/* Viewport width minus the 32px left\/right padding of .wrap *\/\r\n      width: calc(100vw - 64px);\r\n      max-width: none; \/* Remove any previous caps *\/\r\n      white-space: normal;\r\n      flex-shrink: 0;\r\n      scroll-snap-align: start;\r\n    }\r\n  }\r\n\r\n  @media(max-width: 640px) {\r\n    .rv {\r\n      \/* Viewport width minus the 20px left\/right padding of .wrap on mobile *\/\r\n      width: calc(100vw - 40px);\r\n    }\r\n  }\r\n\r\n  \/* ============================================================\r\n     BOEKHOUDER-BLOK\r\n     ============================================================ *\/\r\n  .baas{padding:104px 0}\r\n  .baas-card{\r\n    background:var(--mist);border-radius:24px;padding:64px;\r\n    display:grid;grid-template-columns:1.1fr .9fr;column-gap:56px;row-gap:25px;align-items:center;\r\n  }\r\n  .baas-card > div:nth-child(3){grid-column:1 \/ -1}\r\n  .baas h2{font-size:clamp(28px,3.6vw,40px)}\r\n  .baas p{color:var(--ink-soft);margin-top:16px;font-size:16.5px;max-width:440px}\r\n  .baas .pkg-chips i{background:#fff;border-color:rgba(38,109,111,.18)}\r\n  .baas .pkg-chips{margin-top:24px}\r\n  .baas .pkg-chips.logo-chips{gap:10px}\r\n  .logo-chip{\r\n    width:129.7px;height:64px;border:1px solid rgba(38,109,111,.16);border-radius:10px;\r\n    background:#fff;display:flex;align-items:center;justify-content:center;padding:10px 14px;\r\n    box-shadow:0 1px 2px rgba(26,79,81,.04);\r\n  }\r\n  .logo-chip img{max-width:100%;max-height:100%;display:block;object-fit:contain}\r\n  .baas .more{font-size:13.5px;color:var(--ink-faint);margin-top:14px;font-weight:500}\r\n  .baas-visual{position:relative}\r\n  .peek{\r\n    background:#fff;border-radius:var(--r-app);border:1px solid var(--card-border);\r\n    box-shadow:var(--shadow-card);padding:20px;\r\n  }\r\n  .peek .hd{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--deep)}\r\n  .peek .hd .badge{font-size:9.5px}\r\n  .peek .rw{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-soft);padding:9px 0;border-bottom:1px solid #F3F6F5}\r\n  .peek .rw:last-child{border:none}\r\n  .peek-eye{\r\n    position:absolute;right:-14px;top:-14px;\r\n    background:var(--deep);color:#fff;border-radius:999px;\r\n    font-size:12px;font-weight:600;padding:8px 16px;\r\n    display:flex;align-items:center;gap:7px;\r\n    box-shadow:0 8px 24px rgba(26,79,81,.3);\r\n  }\r\n  .peek-eye svg{width:14px;height:14px;stroke:var(--orange)}\r\n\r\n  \/* ============================================================\r\n     BOUWSTENEN\r\n     ============================================================ *\/\r\n  .blokken{padding:96px 0}\r\n  .blokken-head{text-align:center;max-width:660px;margin:0 auto 48px}\r\n  .blokken-head h2{font-size:clamp(30px,4vw,44px);margin-top:18px}\r\n  .blokken-head .sub{color:var(--ink-soft);font-size:17px;margin-top:14px}\r\n  .blokken-head .sub b{color:var(--deep)}\r\n  .chip-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;}\r\n  .chip-wall{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;max-width:none;margin:0}\r\n  .mchip{\r\n    display:inline-flex;align-items:center;gap:9px;\r\n    font-size:14px;font-weight:600;\r\n    padding:10px 18px;border-radius:999px;cursor:pointer;\r\n    border:1.5px solid var(--card-border);background:#fff;color:var(--ink-faint);\r\n    transition:all .3s var(--ease);user-select:none;\r\n    font-family:var(--font);\r\n  }\r\n  .mchip .led{\r\n    width:8px;height:8px;border-radius:50%;background:#D8E0DE;flex-shrink:0;\r\n    transition:all .3s var(--ease);\r\n  }\r\n  .mchip:hover{border-color:rgba(38,109,111,.4)}\r\n  .mchip:not(.on):first-of-type ~ .mchip:not(.on):first-of-type{animation:none}\r\n  .chip-wall .mchip:not(.on):nth-child(6){animation:chipHint 2.5s ease-in-out 2s 3}\r\n  @keyframes chipHint{0%,100%{border-color:var(--card-border)}50%{border-color:rgba(255,167,1,.5)}}\r\n  .mchip.on{\r\n    background:var(--mist);border-color:rgba(38,109,111,.35);color:var(--deep);\r\n  }\r\n  .mchip.on .led{background:var(--orange);box-shadow:0 0 0 3px rgba(255,167,1,.25)}\r\n  .mchip.pop{animation:chipPop .35s var(--ease)}\r\n  @keyframes chipPop{40%{transform:scale(1.06)}}\r\n  .chip-info{\r\n    max-width:none;margin:0;text-align:left;\r\n    min-height:56px;display:flex;align-items:stretch;justify-content:center;\r\n  }\r\n  .chip-info .inner{\r\n    background:#fff;border:1px solid var(--card-border);border-radius:12px;\r\n    padding:16px;font-size:14.5px;color:var(--ink-soft);\r\n    box-shadow:var(--shadow-card);\r\n    width:100%;display:flex;flex-direction:column;gap:14px;\r\n    opacity:0;transform:translateY(6px);\r\n    transition:opacity .35s var(--ease),transform .35s var(--ease);\r\n  }\r\n  .chip-info .inner.show{opacity:1;transform:none}\r\n  .chip-info .inner b{color:var(--deep);white-space:nowrap}\r\n  .chip-shot{\r\n    aspect-ratio:16\/10;border:1px dashed rgba(38,109,111,.28);border-radius:10px;\r\n    background:linear-gradient(135deg,#F8FAF9,#EEF5F4);display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink-faint);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;\r\n  }\r\n  .chip-info .st{\r\n    font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;\r\n    text-transform:uppercase;padding:3px 9px;border-radius:999px;flex-shrink:0;\r\n  }\r\n  .chip-info .st.aan{background:rgba(255,167,1,.18);color:#9A6700}\r\n  .chip-info .st.uit{background:#F1F1EE;color:var(--ink-faint)}\r\n  .blokken-foot{text-align:center;margin-top:36px}\r\n  .blokken-foot a{\r\n    display:inline-flex;align-items:center;gap:7px;\r\n    font-weight:700;color:var(--deep);font-size:15.5px;text-decoration:none;\r\n  }\r\n  .blokken-foot a .arr{transition:transform .3s var(--ease)}\r\n  .blokken-foot a:hover .arr{transform:translateX(4px)}\r\n\r\n  \/* foto-placeholders *\/\r\n  .face.photo{\r\n    background:linear-gradient(135deg,#CFE3E1,#E8F1F1);\r\n    position:relative;overflow:hidden;\r\n  }\r\n  .face.photo svg{width:60%;height:60%;margin-top:18%;opacity:.55}\r\n\r\n  \/* ============================================================\r\n     PRIJZEN\r\n     ============================================================ *\/\r\n  .prijzen{padding:96px 0}\r\n  .prijzen-head{text-align:center;max-width:620px;margin:0 auto 56px}\r\n  .prijzen-head h2{font-size:clamp(30px,4vw,44px);margin-top:18px}\r\n  .prijzen-head .sub{color:var(--ink-soft);font-size:17px;margin-top:14px}\r\n  .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}\r\n  .tier{\r\n    background:#fff;border:1px solid var(--card-border);border-radius:var(--r-card);\r\n    padding:36px 32px;display:flex;flex-direction:column;position:relative;\r\n    transition:transform .4s var(--ease),box-shadow .4s var(--ease);\r\n  }\r\n  .tier:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift)}\r\n  .tier.featured{\r\n    background:var(--deep);color:#fff;border-color:var(--deep);\r\n    transform:scale(1.035);\r\n    box-shadow:0 24px 64px rgba(26,79,81,.28);\r\n  }\r\n  .tier.featured:hover{transform:scale(1.035) translateY(-5px)}\r\n  .tier .nm{font-size:17px;font-weight:700;color:var(--deep)}\r\n  .tier.featured .nm{color:#fff}\r\n  .tier .pr{margin-top:18px;display:flex;align-items:baseline;gap:6px}\r\n  .tier .pr .v{font-family:var(--mono);font-weight:600;font-size:40px;letter-spacing:-.03em;color:var(--deep)}\r\n  .tier.featured .pr .v{color:#fff}\r\n  .tier .pr .p{font-size:13.5px;color:var(--ink-faint)}\r\n  .tier.featured .pr .p{color:rgba(255,255,255,.6)}\r\n  .tier ul{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:11px;flex:1}\r\n  .tier ul li{display:flex;gap:10px;font-size:14px;font-weight:500;color:var(--ink-soft);align-items:flex-start}\r\n  .tier.featured ul li{color:rgba(255,255,255,.82)}\r\n  .tier ul li svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;stroke:var(--brand);stroke-width:2.5}\r\n  .tier.featured ul li svg{stroke:var(--orange)}\r\n  .tier .btn{margin-top:28px;justify-content:center}\r\n  .tier .btn-ghost{border-color:rgba(26,79,81,.2)}\r\n  .fbadge{\r\n    position:absolute;top:-13px;left:50%;transform:translateX(-50%);\r\n    background:var(--orange);color:var(--deep);\r\n    font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;\r\n    padding:5px 14px;border-radius:999px;white-space:nowrap;\r\n  }\r\n  .prijzen-foot{\r\n    text-align:center;margin-top:32px;font-size:13.5px;color:var(--ink-faint);\r\n  }\r\n  .prijzen-foot b{color:var(--ink-soft)}\r\n\r\n  \/* ============================================================\r\n     SLOT-CTA + FOOTER\r\n     ============================================================ *\/\r\n  .slot{padding:48px 0 156px;text-align:center}\r\n  .slot.dotgrid{background-color:#EEF5F4}\r\n  .slot h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.03em;max-width:760px;margin:24px auto 0}\r\n  .slot .sub{color:var(--ink-soft);font-size:18px;margin-top:18px}\r\n  .slot .hero-cta{margin-top:36px}\r\n  .slot .micro{margin-top:20px;font-size:13.5px;color:var(--ink-faint)}\r\n\r\n  \/* ============================================================\r\n     NIEUWSLETTER\r\n     ============================================================ *\/\r\n  .newsletter-band{height:0;position:relative;z-index:5}\r\n  .newsletter-band .wrap{position:relative;transform:translateY(-50%)}\r\n  .newsletter-card{\r\n    border:1px solid var(--card-border);border-radius:18px;background:#fff;\r\n    box-shadow:0 18px 52px rgba(0,0,0,.18),var(--shadow-card);padding:28px 32px;\r\n    display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:24px;\r\n    align-items:center; \/* Changed from end to center for better vertical balance *\/\r\n  }\r\n  .newsletter-title{font-size:20px;font-weight:700;color:var(--deep);line-height:1.2;margin:0}\r\n\r\n  .newsletter-form{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) auto;\r\n    column-gap:10px;\r\n    row-gap:12px; \/* Creates breathing room between the description and inputs *\/\r\n  }\r\n\r\n  .newsletter-description{\r\n    grid-column:1 \/ -1; \/* Forces the description to span entirely across the top of both inputs *\/\r\n    font-size:14.5px;\r\n    color:var(--ink-soft);\r\n    margin:0;\r\n  }\r\n\r\n  .newsletter-form input[type=\"email\"]{\r\n    width:100%;height:52px;border:1.5px solid var(--card-border);border-radius:999px;\r\n    padding:0 18px;font:600 15px var(--font);color:var(--deep);\r\n    outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);\r\n  }\r\n  .newsletter-form input[type=\"email\"]::placeholder{color:var(--ink-faint)}\r\n  .newsletter-form input[type=\"email\"]:focus{border-color:rgba(38,109,111,.5);box-shadow:0 0 0 4px rgba(38,109,111,.1);background:#fff}\r\n\r\n  .footer{\r\n    border-top:1px solid rgba(255,255,255,.12);padding:188px 0 36px;background-color:var(--deep);\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 520'%3E%3Cpath d='M-80 180 C 180 80 330 300 540 175 S 900 40 1280 160' fill='none' stroke='%23FFA701' stroke-width='3' stroke-opacity='0.10'\/%3E%3Cpath d='M-80 390 C 230 280 390 470 650 350 S 980 220 1280 310' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-opacity='0.08'\/%3E%3C\/svg%3E\");\r\n    background-size:cover;background-position:center;color:#fff;\r\n  }\r\n  .footer-main{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}\r\n  .footer-brand{max-width:320px}\r\n  .footer-logo{display:inline-flex}\r\n  .footer-logo img{width:180px;height:auto;display:block}\r\n  .footer-socials{display:flex;gap:10px;margin-top:28px}\r\n  .footer-socials a{\r\n    width:44px;height:44px;border-radius:50%;border:0;box-sizing:border-box;position:relative;\r\n    display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.82)!important;;background:rgba(255,255,255,.07);\r\n    outline:0;line-height:0;transition:background .45s var(--ease),color .45s var(--ease);\r\n  }\r\n  .footer-socials a:hover{background:var(--social-color);color:#fff!important}\r\n  .footer-socials svg{width:18px;height:18px;fill:currentColor;display:block}\r\n  .footer-links{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:40px 56px;justify-self:end;width:100%;max-width:680px}\r\n  .footer-col h3{\r\n    font-size:14px;line-height:1.2;color:#fff;margin-bottom:18px;\r\n    font-weight:700;letter-spacing:0;\r\n  }\r\n  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}\r\n  .footer-col a{font-size:14px;color:rgba(255,255,255,.62)!important;text-decoration:none!important;font-weight:500!important;transition:color .45s var(--ease)}\r\n  .footer-col a:hover{color:#fff!important;}\r\n  .footer-bottom{\r\n    border-top:1px solid rgba(255,255,255,.12);margin-top:64px;padding-top:24px;\r\n    display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;\r\n    font-size:13px;color:rgba(255,255,255,.5);\r\n  }\r\n  .footer-bottom a{color:rgba(255,255,255,.66)!important;text-decoration:none;font-weight:500!important;transition:color .45s var(--ease)}\r\n  .footer-bottom a:hover{color:#fff!important}\r\n\r\n  \/* ---------- sticky mobile CTA ---------- *\/\r\n  .mobile-cta{\r\n    display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;\r\n    background:var(--paper);border-top:1px solid var(--line);\r\n    padding:12px 20px;\r\n    padding-bottom:max(12px,env(safe-area-inset-bottom));\r\n  }\r\n  .mobile-cta .btn{width:100%;justify-content:center;font-size:16px;padding:15px 24px}\r\n  @media(max-width:640px){\r\n    .mobile-cta{display:block}\r\n    .pkg-chips.logo-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\r\n    .pkg-chips.logo-chips .logo-chip{width:100%}\r\n    body{padding-bottom:76px}\r\n  }\r\n  @media(prefers-reduced-motion:reduce){\r\n    .hero-anchor .start-dot,\r\n    .chip-wall .mchip:not(.on):nth-child(6){\r\n      animation:none;\r\n    }\r\n    .btn::before{\r\n      transition:none;\r\n    }\r\n  }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE\r\n     ============================================================ *\/\r\n  @media(max-width:960px){\r\n    .deuren-grid,.mensen-grid{grid-template-columns:1fr!important;gap:40px}\r\n    .baas-card{grid-template-columns:1fr;padding:40px;gap:40px}\r\n    .tier-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}\r\n    .chip-layout{grid-template-columns:1fr;gap:24px}\r\n    .chip-wall{justify-content:center}\r\n    .chip-info{max-width:640px;margin:0 auto;width:100%}\r\n    .footer-main{grid-template-columns:1fr;gap:48px}\r\n    .footer-links{justify-self:start;max-width:none}\r\n    .newsletter-card{grid-template-columns:1fr;align-items:start}\r\n    .tier.featured{transform:none}\r\n    .tier.featured:hover{transform:translateY(-5px)}\r\n  }\r\n  @media(max-width:820px){\r\n    .hero{grid-template-rows:24px auto 1fr}\r\n    .rail{left:52px;transform:translateX(-50%)}\r\n    .rail-tip{left:52px}\r\n    .halte{grid-template-columns:64px 1fr;padding:48px 0}\r\n    .halte-dot{grid-column:1;grid-row:1;align-self:start;margin-top:4px}\r\n    .halte:nth-child(odd) .halte-copy,\r\n    .halte:nth-child(even) .halte-copy{grid-column:2;grid-row:1;text-align:left}\r\n    .halte:nth-child(odd) .halte-copy p{margin-left:0}\r\n    .halte:nth-child(odd) .halte-ui,\r\n    .halte:nth-child(even) .halte-ui{grid-column:2;grid-row:2;justify-self:start;margin-top:24px}\r\n    .lijn-track{padding:24px 20px 0}\r\n    .eind-card{padding:36px 24px}\r\n    .app-card{width:100%;max-width:100%}\r\n  }\r\n  @media(max-width:480px){\r\n    .footer{padding:208px 0 32px}\r\n    .footer-links{grid-template-columns:1fr;gap:28px}\r\n    .newsletter-band .wrap{transform:translateY(-42%)}\r\n    .newsletter-card{padding:22px}\r\n    .newsletter-form{grid-template-columns:1fr}\r\n    .newsletter-submit{width:100%;border-radius:999px}\r\n    .halte{grid-template-columns:42px 1fr;padding:36px 0}\r\n    .halte-dot{width:28px;height:28px;font-size:12px}\r\n    .rail{left:33px}\r\n    .rail-tip{left:33px}\r\n    .lijn-track{padding:16px 12px 0}\r\n    .app-card{border-radius:12px}\r\n    .app-top{padding:10px 14px;font-size:12px}\r\n    .app-body{padding:14px}\r\n    .app-top .crumb{display:none}\r\n    .doc-line,.doc-total{font-size:12.5px}\r\n    .menu-item{padding:8px 10px;font-size:13px}\r\n    .send-row{padding:10px 12px}\r\n    .send-row .t{font-size:12.5px}\r\n    .kpi .v{font-size:15px}\r\n    .kpi{padding:12px}\r\n    .bank-row{padding:10px 12px}\r\n    .bank-row .in{font-size:13px}\r\n    .flow .node{padding:10px}\r\n    .flow .node .ti{font-size:11px}\r\n    .pkg-chips i{font-size:10px;padding:4px 10px}\r\n    .halte-copy h3{font-size:20px}\r\n    .halte-copy p{font-size:14.5px}\r\n    .mini-bars{height:40px}\r\n    .wrap{padding:0 14px}\r\n    .hero h1{font-size:34px}\r\n  }\r\n  @media(prefers-reduced-motion:reduce){\r\n    *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important}\r\n    html{scroll-behavior:auto}\r\n    .halte-ui,.halte-copy,.reveal-up{opacity:1;transform:none}\r\n  }\r\n<\/style>\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n  <div class=\"nav-inner\">\r\n    <a class=\"logo\" href=\"\/info\">\r\n      <img decoding=\"async\" class=\"logo-img logo-light\" src=\"https:\/\/eenvoudigfactureren.be\/info\/wp-content\/themes\/EenvoudigFactureren\/images\/logo-400.png\" alt=\"Eenvoudig Factureren\">\r\n      <img decoding=\"async\" class=\"logo-img logo-dark\" src=\"https:\/\/eenvoudigfactureren.be\/info\/wp-content\/uploads\/2021\/09\/Logo-EenvoudigFactureren-Transp.png\" alt=\"Eenvoudig Factureren\">\r\n    <\/a>\r\n    <div class=\"nav-links\">\r\n      <a href=\"\/info\/frontpage-3\/#functionaliteiten\">Functionaliteiten<\/a>\r\n      <div class=\"nav-dd\">\r\n        <a href=\"\/info\/frontpage-3\/#voor-wie\">Voor wie<\/a>\r\n        <div class=\"nav-dd-menu\">\r\n          <ul>\r\n            <li><a href=\"\/info\/frontpage-3\/#voor-wie\">Starters<\/a><\/li>\r\n            <li><a href=\"\/info\/frontpage-3\/#voor-wie\">Overstappers<\/a><\/li>\r\n            <li><a href=\"\/info\/frontpage-3\/#voor-wie\">Boekhouders<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"\/info\/frontpage-3\/#prijzen\">Prijzen<\/a>\r\n      <a href=\"https:\/\/help.eenvoudigfactureren.be\/support\/home\">Kennisbank<\/a>\r\n    <\/div>\r\n    <div class=\"nav-cta\">\r\n      <a class=\"login\" href=\"\/login\">Aanmelden<\/a>\r\n      <a class=\"btn btn-ghost\" href=\"\/login\/register\">Start gratis<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<header class=\"hero dotgrid\">\r\n  <div class=\"wrap\">\r\n    <div class=\"eyebrow reveal-up d1\">Portaal voor boekhoudkantoren<\/div>\r\n    <h1 class=\"reveal-up d2\">Je klanten factureren. <span class=\"hl\"> Jij adviseert<\/span>.<\/h1>\r\n    <p class=\"sub reveal-up d3\">Werk effici\u00ebnter samen met je ondernemers en beheer al hun administraties op \u00e9\u00e9n plek.<\/p>\r\n    <div class=\"hero-cta reveal-up d4\">\r\n      <a class=\"btn btn-primary\" href=\"\/info\/boekhoudersaccount-aanvragen\">Vraag je portaal aan <span class=\"arr\">&rarr;<\/span><\/a>\r\n    <\/div>\r\n    <div class=\"hero-proof reveal-up d5\">\r\n      <span>Gratis beginnen<\/span>\r\n      <span class=\"dot\"><\/span>\r\n      <span>Peppol inbegrepen<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hero-anchor reveal-up d6\">\r\n    <div class=\"start-line\"><\/div>\r\n    <div class=\"start-dot\"><\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section id=\"services\" class=\"wide-60 services-section division\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row\">\t\r\n\t\t\t<div class=\"col-lg-10 offset-lg-1 section-title\">\r\n\t\t\t\t<h3 class=\"h3-md\">Slim samenwerken begint met een centraal portaal.<\/h3>\r\n\t\t\t\t<p class=\"p-md\">Beheer de administraties van al je klanten, ontvang automatisch de juiste documenten en bespaar tijd op periodieke opvolging.<\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-md-6 col-lg-4 text-center\">\r\n\t\t\t\t<div class=\"sbox-2 box-icon wow fadeInUp\" data-wow-delay=\"0.3s\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\t\t\r\n\t\t\t\t\t<img decoding=\"async\" class=\"img-100\" src=\"info\/wp-content\/uploads\/2023\/08\/responsive.png\" alt=\"service-icon\"> \t\t\r\n\t\t\t\t\t<h5 class=\"h5-sm\">E\u00e9n portaal, al je klanten<\/h5>\t\t\t\r\n\t\t\t\t\t<p class=\"grey-color\">Beheer al je klantendossiers overzichtelijk vanuit \u00e9\u00e9n gratis portaal en werk effici\u00ebnter samen.<\/p>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-6 col-lg-4 text-center\">\r\n\t\t\t\t<div class=\"sbox-2 box-icon wow fadeInUp\" data-wow-delay=\"0.5s\" style=\"visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;\">\t\t\r\n\t\t\t\t\t<img decoding=\"async\" class=\"img-100\" src=\"info\/wp-content\/uploads\/2023\/09\/smartphone.png\" alt=\"service-icon\"> \r\n\t\t\t\t\t<h5 class=\"h5-sm\">Slim factureren<\/h5>\r\n\t\t\t\t\t<p class=\"grey-color\">Laat je klanten eenvoudig correcte facturen opmaken, volledig klaar voor de boekhouding.<\/p>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-6 col-lg-4 text-center\">\r\n\t\t\t\t<div class=\"sbox-2 box-icon wow fadeInUp\" data-wow-delay=\"0.7s\" style=\"visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;\">\t\t\r\n\t\t\t\t\t<img decoding=\"async\" class=\"img-100\" src=\"info\/wp-content\/uploads\/2023\/09\/portfolio.png\" alt=\"service-icon\">\r\n\t\t\t\t\t<h5 class=\"h5-sm\">Boekhoudkoppelingen<\/h5>\r\n\t\t\t\t\t<p class=\"grey-color\">Koppel met je favoriete boekhoudsoftware en ontvang de facturen van je klanten automatisch in je boekhouding.<\/p>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-6 col-lg-4 text-center\">\r\n\t\t\t\t<div class=\"sbox-2 box-icon wow fadeInUp\" data-wow-delay=\"0.9s\" style=\"visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;\">\t\t\r\n\t\t\t\t\t<img decoding=\"async\" class=\"img-100\" src=\"info\/wp-content\/uploads\/2023\/09\/schedule.png\" alt=\"service-icon\">\r\n\t\t\t\t\t<h5 class=\"h5-sm\">Gratis portaal<\/h5>\r\n\t\t\t\t\t<p class=\"grey-color\">Volledig gratis, 24\/7 beschikbaar en zonder limiet op het aantal klantendossiers.<\/p>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-6 col-lg-4 text-center\">\r\n\t\t\t\t<div class=\"sbox-2 box-icon wow fadeInUp\" data-wow-delay=\"1.1s\" style=\"visibility: visible; animation-delay: 1.1s; animation-name: fadeInUp;\">\t\t\r\n\t\t\t\t\t<img decoding=\"async\" class=\"img-100\" src=\"info\/wp-content\/uploads\/2023\/09\/marketing-1.png\" alt=\"service-icon\">\r\n\t\t\t\t\t<h5 class=\"h5-sm\">gebruiksvriendelijk<\/h5>\r\n\t\t\t\t\t<p class=\"grey-color\">Een intu\u00eftieve interface waarmee jij en je klanten meteen aan de slag kunnen.<\/p>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-6 col-lg-4 text-center\">\r\n\t\t\t\t<div class=\"sbox-2 box-icon wow fadeInUp\" data-wow-delay=\"1.3s\" style=\"visibility: visible; animation-delay: 1.3s; animation-name: fadeInUp;\">\t\t\r\n\t\t\t\t\t<img decoding=\"async\" class=\"img-100\" src=\"info\/wp-content\/uploads\/2023\/09\/analysis.png\" alt=\"service-icon\">\r\n\t\t\t\t\t<h5 class=\"h5-sm\">Persoonlijke ondersteuning<\/h5>\r\n\t\t\t\t\t<p class=\"grey-color\">Een intu\u00eftieve interface waarmee jij en je klanten meteen aan de slag kunnen.<\/p>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-12 text-center\">\r\n\t\t\t\t<a href=\"info\/boekhoudersaccount-aanvragen\" class=\"btn btn-primary wow fadeInUp\" data-wow-delay=\"2.1s\">Vraag een account aan<\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n<section class=\"baas\">\r\n  <div class=\"wrap\">\r\n    <div class=\"baas-card\">\r\n      <div>\r\n        <div class=\"eyebrow\">Verbind met gemak<\/div>\r\n        <h2>De brug tussen ondernemer en boekhouder.<\/h2>\r\n        <p>EF is geen boekhoudpakket en wil het ook niet zijn. Jouw klant factureert in iets dat je snapt, jij krijgt alles automatisch binnen in het pakket dat jij al gebruikt.<\/p>\r\n      <\/div>\r\n      <div class=\"baas-visual\">\r\n        <div class=\"peek\">\r\n          <div class=\"hd\">Doorgestuurd naar je boekhouder <span class=\"badge badge-open\">automatisch<\/span><\/div>\r\n          <div class=\"peek-inner\">\r\n            <div class=\"rw\"><span>Factuur 2026-0043 \u00b7 Bakkerij Peeters<\/span><span class=\"amount\">&euro; 1.391,50<\/span><\/div>\r\n            <div class=\"rw\"><span>Factuur 2026-0042 \u00b7 Vandenberghe Interiors<\/span><span class=\"amount\">&euro; 1.815,00<\/span><\/div>\r\n            <div class=\"rw\"><span>Aankoop IM 2026\/06 \u00b7 Janssens BV<\/span><span class=\"amount\">&euro; 262,15<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"peek-eye\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg> jij kijk mee<\/div>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"chip-label\">Boekhoudkoppelingen<\/p>\r\n        <div class=\"pkg-chips logo-chips\">\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/Codabox.svg\" alt=\"CodaBox\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/ClearFacts.svg\" alt=\"ClearFacts\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2026\/07\/octopus-logo.webp\" alt=\"Octopus\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/02\/large-yuki.png\" alt=\"Yuki\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/Exact.png\" alt=\"Exact Online\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2026\/07\/Billtobox-logo.svg\" alt=\"Billtobox\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/WinBooks.png\" alt=\"WinBooks\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2026\/07\/wolters-kluwer-logo-scaled.png\" alt=\"Wolters Kluwer\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2026\/06\/odoo_logo.png\" alt=\"Odoo\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/allegro-logo.png\" alt=\"Allegro\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/wings-logo.png\" alt=\"Wings\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/adsolut-logo.png\" alt=\"Adsolut\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/ubl-logo.png\" alt=\"UBL\"><\/span>\r\n          <span class=\"logo-chip text-center\"><b>Mailbox boekhouding<\/b><\/span>\r\n          <span class=\"logo-chip text-center\"><b>API<\/b><\/span>\r\n          <span class=\"logo-chip text-center\"><b>Jouw koppeling?<\/b><\/span>\r\n        <\/div>\r\n        <p class=\"chip-label chip-label-gap\">Banken<\/p>\r\n        <div class=\"pkg-chips logo-chips\">\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/KBC-e1783352196618.png\" alt=\"KBC\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/Fortis.jpg\" alt=\"BNP Paribas Fortis\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/Belfius.png\" alt=\"Belfius\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2022\/07\/ING.webp\" alt=\"ING\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2026\/07\/Argenta-logo.webp\" alt=\"Argenta\"><\/span>\r\n          <span class=\"logo-chip\"><img decoding=\"async\" src=\"\/info\/wp-content\/uploads\/2026\/07\/Crelan-logo-scaled.png\" alt=\"Crelan\"><\/span>\r\n          <span class=\"logo-chip text-center\"><b>+ 90<\/b><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section>\r\n    <div class=\"dotgrid-soft padding-top50 padding-bottom50\">\r\n        <div class=\"container\">\r\n\t\t\t<div class=\"row wrap-container6020 align-items-vertical\" style=\"flex-wrap: wrap;\">\r\n\t\t\t\t<div class=\"col-sm-7 col-md-6 col-lg-6\">\r\n\t\t\t\t\t<div class=\"post-heading-left\">\r\n\t\t\t\t\t\t<h3 class=\"wow fadeInUp\" data-wow-delay=\"0.3s\">Peppol<\/h3>\r\n\t\t\t\t\t\t<p class=\"wow fadeInUp\" data-wow-delay=\"0.5s\">Met EenvoudigFactureren ben je klaar voor zowel verkoopfacturen, aankoopfacturen als self-billing via het Peppol-netwerk.<\/p>\r\n\t\t\t\t\t\t<p class=\"wow fadeInUp\" data-wow-delay=\"0.5s\">Via het gratis boekhoudersportaal behoud je bovendien eenvoudig het overzicht. Je ziet in \u00e9\u00e9n oogopslag welke klanten al aangesloten zijn op Peppol, welke nog niet en welke klaar zijn voor de verplichte e-facturatie.<\/p>\r\n\t\t\t\t\t\t<p class=\"wow fadeInUp\" data-wow-delay=\"0.5s\">Zo begeleid je jouw klanten vlot naar een volledig digitale facturatiestroom.<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"col-sm-5 col-md-6 col-lg-6 col-lg-offset-1 text-center\">\r\n\t\t\t\t\t<a href=\"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-content\/uploads\/2026\/07\/mijn-portaal1.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-content\/uploads\/2026\/07\/portaal12.jpg\" alt=\"Portaal\" class=\"w-100 wow fadeInUp\" data-wow-delay=\"0.3s\"\/>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<section class=\"wrap-container20 mensen\">\r\n    <div class=\"container\">\r\n\t\t<div class=\"row wrap-container6020 align-items-vertical\" style=\"flex-wrap: wrap;\">\r\n            <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\r\n            \t<div class=\"post-heading-left\">\r\n                \t<div class=\"wow fadeInUp\" data-wow-delay=\"0.3s\">\r\n                    \t<h2>Onboarding zonder zorgen<\/h2>\r\n                    <\/div>\r\n                    <p class=\"wow fadeInUp\" data-wow-delay=\"0.5s\">Laat de opstart van je klanten aan ons over. Via onze onboardingtool begeleiden we nieuwe gebruikers stap voor stap bij hun eerste instellingen, Peppol-activatie en configuratie.<\/p>\r\n\t\t\t\t\t<a href=\"https:\/\/eenvoudigfactureren.be\/info\/start-met-factureren\/\" class=\"smooth-scroll btn btn-primary wow fadeInUp\" data-wow-delay=\"0.7s\">Onboardingstool<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-content\/uploads\/2026\/07\/onboardingtools.jpg\" alt=\"onboardingstool\" class=\"w-100 wow fadeInUp\" data-wow-delay=\"0.3s\"\/>\r\n            <\/div>\r\n        <\/div>\r\n\t<\/div>\r\n<\/section>\r\n\r\n<!-- ================= SLOT-CTA ================= -->\r\n<section class=\"slot dotgrid-soft\">\r\n    <div class=\"wrap\">\r\n        <div class=\"eyebrow\">Klaar?<\/div>\r\n        <h2>Samen sneller naar een digitale administratie.<\/h2>\r\n        <p class=\"sub\">Centraliseer je klanten, volg Peppol-aansluitingen op en begeleid hen eenvoudig naar e-facturatie.<\/p>\r\n        <div class=\"hero-cta\">\r\n            <a class=\"btn btn-primary\" href=\"\/login\/register\">Start gratis <span class=\"arr\">&rarr;<\/span><\/a>\r\n        <\/div>\r\n        <p class=\"micro\">400+ boekhouders gingen je voor \u00b7 Peppol inbegrepen<\/p>\r\n    <\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n\r\njQuery(function($) {\r\n\tfunction ifCookiesDisabled(callbackFunc) {\r\n\t\tconsole.log($.cookie);\r\n\t\tif ($.cookie && !($.cookie('check', 'valid', { expires: 1, secure: true }) && $.cookie('check') == 'valid')) {\r\n\t\t\tcallbackFunc();\r\n\t\t}\r\n\t}\r\n\r\n\tifCookiesDisabled(function() {\r\n\t\t\t$('#cookiesError').show();\r\n\t});\r\n});\r\n\r\n<\/script>","protected":false},"excerpt":{"rendered":"Functionaliteiten Voor wie Starters Overstappers Boekhouders Prijzen Kennisbank Aanmelden Start gratis Portaal voor boekhoudkantoren Je klanten factureren. Jij adviseert. Werk effici\u00ebnter samen met je ondernemers en beheer al hun administraties op \u00e9\u00e9n plek. Vraag je portaal aan &rarr; Gratis beginnen Peppol inbegrepen Slim samenwerken begint met een centraal portaal. Beheer de administraties van al je &hellip; <a href=\"https:\/\/testing.eenvoudigfactureren.be\/info\/boekhouders\/\" class=\"more-link\">Lees verder <span class=\"screen-reader-text\">&#8220;Portaal voor boekhoudkantoren&#8221;<\/span><\/a>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4279","page","type-page","status-publish","hentry","no-wpautop"],"_links":{"self":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/4279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/comments?post=4279"}],"version-history":[{"count":290,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/4279\/revisions"}],"predecessor-version":[{"id":6379,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/4279\/revisions\/6379"}],"wp:attachment":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/media?parent=4279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}