@font-face{font-family:"Google Sans Flex";font-style:normal;font-weight:400;font-display:swap;src:url(/s/fonts/GoogleSansFlex-400.ttf) format("truetype")}@font-face{font-family:"Google Sans Flex";font-style:normal;font-weight:500;font-display:swap;src:url(/s/fonts/GoogleSansFlex-500.ttf) format("truetype")}@font-face{font-family:"Google Sans Flex";font-style:normal;font-weight:600;font-display:swap;src:url(/s/fonts/GoogleSansFlex-600.ttf) format("truetype")}@font-face{font-family:"Google Sans Flex";font-style:normal;font-weight:700;font-display:swap;src:url(/s/fonts/GoogleSansFlex-700.ttf) format("truetype")}

:root{
  --paper:#F3EFE7; --paper-2:#E9E3D7; --card:#FFFFFF; --app:#F4F3F7;
  --ink:#141317; --ink-2:#4B4852; --ink-3:#6F6B75; --ink-g:#8C8893; --line:rgba(20,19,23,.10);
  --forest:#1E3A2C; --forest-2:#2B4D3B; --cognac:#8C4A2B; --hay:#E9E3D7;  --night:#1E3A2C; --night-2:#2B4D3B; 
  --purple:#6846D8; --amber:#B7791F;
  --sans:"Google Sans Flex","Google Sans",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --hand:"Caveat","Bradley Hand",cursive;
  --wrap:1280px; --gut:80px;
  --r-xl:40px; --r-l:28px; --r-m:20px; --r-s:14px;
  --shadow:0 0 0 1px rgba(20,19,23,.08);
  --shadow-l:0 0 0 1px rgba(20,19,23,.08),0 10px 24px -16px rgba(20,19,23,.30);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.5;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:calc(var(--wrap) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.it{font-style:normal}


body[data-staat="voor"] .na,body[data-staat="na"] .voor{display:none!important}


.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;
  background:var(--ink);color:var(--paper);font-weight:600;font-size:17px;letter-spacing:-.005em;white-space:nowrap;
  transition:transform .2s ease-out,background .2s}
.pill:hover{transform:translateY(-1px);background:#2a2830}
.pill:active{transform:scale(.98)}
.pill.sm{height:44px;padding:0 20px;font-size:15px}
.pill.light{background:var(--paper);color:var(--ink)}
.pill.light:hover{background:#fff}
.pill .apple{width:16px;height:19px}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--ink)}
.link svg{width:16px;height:16px;transition:transform .2s}
.link:hover svg{transform:translateX(3px)}


.nav{position:sticky;top:0;z-index:50;background:var(--paper);transition:box-shadow .2s}
.nav.scrolled{box-shadow:0 1px 0 var(--line)}
.nav .wrap{height:76px;display:flex;align-items:center;gap:40px}
.wordmark{font-weight:700;font-size:24px;letter-spacing:-.035em;display:flex;align-items:center;gap:10px}
.wordmark .mark{width:30px;height:30px;border-radius:9px;background:var(--ink);display:none}
.nav-links{display:flex;gap:30px;margin-left:24px;font-size:16px;font-weight:500;color:var(--ink-2)}
.nav-links a{display:flex;align-items:center;gap:6px}
.nav-links a:hover{color:var(--ink)}
.nav-links svg{width:14px;height:14px}
.nav .pill{margin-left:auto}
.nav-menu{display:none;margin-left:12px;width:44px;height:44px;border-radius:999px;background:var(--paper-2);align-items:center;justify-content:center}
.nav-menu svg{width:20px;height:20px}

@media (max-width:1120px){.nav-links{display:none}.nav-menu{display:flex}}

main{overflow-x:clip}

@media (max-width:359px){.nav .pill{display:none}}


.has-menu{position:relative}
.nav-btn{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:500;color:var(--ink-2);height:40px}
.nav-btn:hover,.has-menu.open .nav-btn{color:var(--ink)}
.nav-btn svg{width:14px;height:14px;transition:transform .25s}
.has-menu.open .nav-btn svg{transform:rotate(180deg)}
.mega{position:absolute;left:-28px;top:52px;width:800px;background:var(--card);border-radius:24px;box-shadow:0 1px 0 var(--line),0 30px 80px -20px rgba(20,19,23,.35);
  padding:14px;display:grid;grid-template-columns:1fr 240px;gap:14px;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:20% 0;
  transition:opacity .2s ease,transform .25s ease-out,visibility 0s .25s}
.has-menu.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .25s ease-out}
.mega-list{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-content:start}
.mi{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;font-size:15px;font-weight:550;color:var(--ink);letter-spacing:-.005em}
.mi:hover{background:var(--paper)}
.mi-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}
.mi-ic svg{width:20px;height:20px}
.later{display:inline-block;white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1;letter-spacing:.01em;padding:4px 8px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);margin-left:8px;vertical-align:.15em}
.mi-t .later{margin-left:4px}
.relc b .later{margin-left:10px}
.cols a .later{display:block;width:fit-content;margin:6px 0 2px}
h3 .later,.relc b .later{font-family:var(--sans);font-size:12px;vertical-align:.3em}
.t-weather .later,.fp-slot .later{background:rgba(255,255,255,.18);color:#fff}
.t-progress .later{background:var(--card)}
.fp-slot .later{margin:0 0 18px}

.t1,.t2,.t3,.t4,.t5,.t6,.t7{background:var(--paper-2);color:var(--forest)}
.card .t1,.card .t2,.card .t3,.card .t4,.card .t5,.card .t6,.card .t7{background:var(--paper)}
.mega-card{background:var(--paper-2);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:12px}
.mega-shot{background:var(--app);border-radius:12px;padding:8px;display:grid;gap:6px}
.mega-shot img{border-radius:9px}
.mega-t{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;padding:2px 4px}
.mega-t svg{width:16px;height:16px}
.sheet{position:fixed;inset:0;z-index:80;background:var(--paper);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s ease,transform .3s ease-out,visibility 0s .3s}
.sheet.open{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .3s ease-out}
.sheet-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.sheet-top .nav-menu{display:flex}
.sheet-body{flex:1;overflow:auto;padding:8px 16px 24px}
.sheet-h{font-size:13px;font-weight:600;color:var(--ink-3);margin:8px 0 6px;padding:0 10px}
.sheet .mi{font-size:17px;padding:9px 10px}
.sheet-links{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}
.sheet-links a{display:block;font-size:24px;font-weight:600;letter-spacing:-.025em;padding:10px 10px}
.sheet .lang{margin:22px 10px 0}
.sheet-cta{padding:12px 16px 28px;display:grid}
.sheet-cta .pill{width:100%}
.lang{display:inline-flex;gap:4px;background:var(--paper-2);border-radius:999px;padding:4px}
.lang a{font-size:13.5px;font-weight:550;color:var(--ink-2);padding:7px 14px;border-radius:999px}
.lang a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(20,19,23,.08)}
.totop{font-size:13.5px;color:var(--ink-2);display:inline-block;padding:13px 0}
.totop:hover{color:var(--ink)}
body.menu-open{overflow:hidden}


.hero{padding:64px 0 24px}
.hero h1{font-size:124px;line-height:.92;letter-spacing:-.05em;font-weight:600}
.hero h1 span{display:block}
.hero-row{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:36px}
.hero-sub{font-size:22px;line-height:1.42;color:var(--ink-2);max-width:40ch;letter-spacing:-.008em}
.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}
.hero-note{font-size:15px;color:var(--ink-3);max-width:40ch}
.badge-as{display:inline-flex;border-radius:10px}
.badge-as img{height:52px;width:auto}
.badge-as:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.stage{position:relative;height:800px;margin-top:56px}
.stage-photo{position:absolute;left:0;right:0;top:96px;bottom:0;border-radius:var(--r-xl);overflow:hidden;background:var(--paper-2)}
.stage-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.stage .phone{position:absolute;left:50%;top:0;--w:330px;margin-left:-165px;z-index:3}
.stage-lines{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible;display:none}
.stage-lines path{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:1 6;stroke-linecap:round}
.stage-lines circle{fill:#fff}
.chip{position:absolute;z-index:4;background:var(--card);border-radius:20px;box-shadow:var(--shadow-l);padding:10px}
.chip-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2);padding:3px 6px 9px;letter-spacing:.005em}
.chip-label i{width:7px;height:7px;border-radius:50%;background:var(--purple)}
.chip img{border-radius:12px;width:100%}
.chip.lock{background:rgba(255,255,255,.0);box-shadow:none;padding:0}
.chip.lock img{border-radius:22px;box-shadow:var(--shadow-l);background:rgba(238,236,242,.96)}
.chip.lock .chip-label{display:inline-flex;color:var(--ink-2);background:rgba(255,255,255,.94);border-radius:999px;padding:6px 12px;margin:0 0 8px 6px;box-shadow:0 4px 14px -4px rgba(0,0,0,.25)}
.chip.lock .chip-label i{background:var(--purple)}
.stage .phone{left:50%}
.c-app{left:96px;top:572px;width:478px}

.stage .c-app .chip-label,.stage .c-rain .chip-label{font-size:15px}
.stage .c-app{padding:12px;border-radius:24px}
.stage .c-app img{border-radius:16px}
.c-cost{left:452px;top:606px;width:236px}
.c-feed{right:28px;top:150px;width:286px}
.c-rain{right:0;top:44px;width:480px}
.stage .c-rain img{border-radius:30px}
.c-ride{right:48px;top:512px;width:236px}
.stage-caption{margin-top:14px;text-align:right;font-size:13px;color:var(--ink-3)}


.phone{width:var(--w);aspect-ratio:1179/2556;border-radius:calc(var(--w)*.165);background:#111013;padding:calc(var(--w)*.03);
  box-shadow:0 0 0 1.5px #2c2a30 inset,0 2px 4px rgba(0,0,0,.1),0 40px 80px -24px rgba(20,19,23,.5)}
.phone img{width:100%;height:100%;border-radius:calc(var(--w)*.135);object-fit:cover}
.phone .screens{position:relative;width:100%;height:100%;border-radius:calc(var(--w)*.135);overflow:hidden;background:var(--app)}
.phone .screens img{position:absolute;inset:0;border-radius:0;opacity:0;transition:opacity .45s ease}
.phone .screens img.on{opacity:1}


section{position:relative}
.sec{padding:60px 0}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink-2);letter-spacing:.005em}
.kicker::before{content:none}
.h2{font-size:64px;line-height:1;letter-spacing:-.04em;font-weight:600}
.duo{font-size:48px;line-height:1.08;letter-spacing:-.033em;font-weight:560;max-width:30ch;text-wrap:balance}
h1,h2,h3,.h2{text-wrap:balance}
p,li,dd,.lead{text-wrap:pretty}
.duo .g{color:var(--ink-g)}
.lead{font-size:20px;line-height:1.5;color:var(--ink-2);max-width:46ch}


.sec-a:not(.st-nu) .wrap{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
.sec-a:not(.st-nu) .head{grid-column:1/7}
.sec-a:not(.st-nu) .head .lead{margin-top:24px}
.sec-a:not(.st-nu) .a-grid{grid-column:8/13}
.st-nu .head{margin-bottom:72px}
.st-nu .duo{margin-top:22px}
.st-nu .a-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
.mess{grid-column:1/8;position:relative;height:560px}
.mess>*{position:absolute;box-shadow:var(--shadow)}
.m-chat{left:0;top:10px;width:330px;background:#fff;border-radius:22px;padding:18px 18px 16px;transform:rotate(-3deg)}
.m-chat .bubble{background:#E7F0E2;border-radius:18px 18px 18px 6px;padding:12px 15px;font-size:17px;line-height:1.38}
.m-chat .who{display:flex;gap:6px;margin-bottom:10px}
.m-chat .who i{width:26px;height:26px;border-radius:50%;background:#D9CFBE}
.m-chat .who i:nth-child(2){background:#C9D6CC;margin-left:-12px;border:2px solid #fff}
.m-chat .who i:nth-child(3){background:#E5C9B8;margin-left:-12px;border:2px solid #fff}
.m-chat .typing{display:flex;gap:4px;margin-top:10px;padding-left:4px}
.m-chat .typing b{width:6px;height:6px;border-radius:50%;background:#C7C3BC}
.m-board{left:300px;top:0;width:360px;height:250px;background:#2D3330;border-radius:10px;border:10px solid #7A5A3E;padding:22px 24px;
  color:#F1EEE6;font-family:var(--hand);font-size:31px;line-height:1.15;transform:rotate(2.5deg)}
.m-board::after{content:"";position:absolute;left:24px;bottom:16px;width:60px;height:8px;border-radius:3px;background:#E9E4D8;opacity:.8}
.m-book{left:40px;top:230px;width:300px;height:280px;background:#FBF8F0;border-radius:6px 14px 14px 6px;padding:30px 26px 0 44px;
  background-image:repeating-linear-gradient(180deg,transparent 0 33px,#C9D8E8 33px 34px);background-position:0 26px;
  font-family:var(--hand);font-size:27px;line-height:34px;color:#2C3E73;transform:rotate(-1.5deg)}
.m-book::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:1.5px;background:#E6A9A2}
.m-sheet{left:330px;top:290px;width:400px;background:#fff;border-radius:8px;transform:rotate(1.2deg);overflow:hidden;font-size:15px}
.m-sheet .row{display:grid;grid-template-columns:34px 88px 78px 92px 1fr;border-bottom:1px solid #E4E2DD}
.m-sheet .row>*{padding:9px 10px;border-right:1px solid #E4E2DD;white-space:nowrap}
.m-sheet .row.hd>*{background:#F3F2EF;color:#8B8880;font-size:12px;text-align:center;padding:5px}
.m-sheet .row>*:first-child{background:#F3F2EF;color:#8B8880;font-size:12px;text-align:center}
.m-sheet .row.sel>*:not(:first-child){background:#EAF1FE}
.m-sheet .row.sel>*:nth-child(2){box-shadow:inset 0 0 0 2px #2F6FDE}
.m-cal{left:520px;top:120px;width:230px;background:#fff;border-radius:16px;transform:rotate(4deg);padding:14px 14px 18px;font-size:15px}
.m-cal .hrs{display:grid;grid-template-columns:28px 1fr;row-gap:0}
.m-cal .h{font-size:11.5px;color:var(--ink-3);height:40px;border-top:1px solid #EEE;padding-top:2px}
.m-cal .h+.s{border-top:1px solid #EEE}
.m-cal .ev{grid-column:2;margin-top:-80px;height:78px;background:#FCE9DE;border-left:3px solid #D9773F;border-radius:6px;padding:8px 10px;
  font-size:14px;line-height:1.3;color:#5A2C12;position:relative}
.order{max-width:480px}
.order p{font-size:22px;line-height:1.3;letter-spacing:-.02em;font-weight:560;margin-bottom:20px}
.order .stack{background:var(--app);border-radius:var(--r-l);padding:12px;display:grid;gap:8px;box-shadow:var(--shadow)}
.order .stack img{border-radius:16px}
.order .wordmark{font-size:18px;margin:8px 8px 4px;color:var(--ink-2)}


.chapter{background:var(--forest);color:var(--paper);border-radius:var(--r-xl);overflow:hidden;display:grid;grid-template-columns:repeat(12,1fr);
  column-gap:24px;min-height:780px;position:relative}
.chapter .txt{grid-column:1/7;padding:88px 0 88px 80px;display:flex;flex-direction:column}
.chapter .h2{font-size:56px;line-height:1.02}
.chapter .lead{color:rgba(243,239,231,.78);margin-top:24px;max-width:40ch}
.tabs{display:flex;gap:8px;margin-top:44px;flex-wrap:wrap}
.tabs.seg{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border-radius:12px;background:rgba(243,239,231,.12);flex-wrap:nowrap;max-width:100%}
.seg .tab{height:38px;padding:0 16px;border-radius:9px;background:transparent;font-size:15px;line-height:1.15}
.seg .tab:hover{background:rgba(243,239,231,.08)}
.seg .tab.on{background:var(--paper);color:var(--forest)}
.tab{height:46px;padding:0 20px;border-radius:999px;background:rgba(243,239,231,.10);color:var(--paper);font-weight:600;font-size:16px;
  transition:background .25s,color .25s}
.tab:hover{background:rgba(243,239,231,.18)}
.tab.on{background:var(--paper);color:var(--forest)}
.tabtext{margin-top:22px;font-size:18px;line-height:1.5;color:rgba(243,239,231,.86);max-width:42ch;min-height:82px}
.tabtext p{display:none}.tabtext p.on{display:block}
.chapter .pill,.chapter .link{margin-top:auto;align-self:flex-start}
.link.light{color:var(--paper)}
.chapter .ph{grid-column:7/13;position:relative}

.chapter .ph .phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--w:330px}


.sec-c .head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;margin-bottom:64px}
.sec-c .head .kicker{grid-column:1/-1;margin-bottom:22px}
.sec-c .head .duo{grid-column:1/11;max-width:none}
.sec-c .head .h2{grid-column:1/10}
.sec-c .head .lead{grid-column:1/9;margin-top:24px}
.canvas{position:relative;background:var(--paper-2);border-radius:var(--r-xl);padding:56px 48px 48px}
.journey{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px;align-items:start}
.jline{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
.jline path{fill:none;stroke:var(--purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.step{position:relative;background:var(--card);border-radius:var(--r-l);padding:20px 20px 20px;box-shadow:var(--shadow)}
.step-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.step-h b{padding-top:2px;line-height:1.25}
.node{width:30px;height:30px;border-radius:50%;background:var(--purple);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;
  flex:none}
.step-h b{font-size:20px;letter-spacing:-.02em;font-weight:650}
.step p{font-size:16px;line-height:1.45;color:var(--ink-2);margin-bottom:16px;min-height:46px}
.tray{background:var(--app);border-radius:var(--r-m);padding:14px;display:grid;gap:10px}
.tray img{border-radius:12px;width:100%}
.tray .bare{border-radius:0}
.s1{grid-column:1;grid-row:1}.s2{grid-column:2;grid-row:1}.s3{grid-column:3;grid-row:1}
.s4{grid-column:3;grid-row:2}.s5{grid-column:2;grid-row:2}.s6{grid-column:1;grid-row:2}
.s7{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:28px;align-items:center}
.s7 .t{grid-column:1/6;padding:12px 8px}
.s7 .t p{min-height:0}
.s7 .end{font-size:34px;line-height:1.15;letter-spacing:-.03em;font-weight:560;color:var(--ink);margin-top:28px}
.s7 .tray{grid-column:6/13;grid-template-columns:1fr 1fr;align-items:start}

.notif{display:flex;gap:12px;align-items:flex-start;background:#E5E3EA;border-radius:22px;padding:13px 14px 14px}
.notif img{width:38px;height:38px;border-radius:10px;flex:none}
.notif b{display:block;font-size:15px;font-weight:650;letter-spacing:-.01em}
.notif span{display:block;font-size:15px;line-height:1.35;color:#2b2930}
.notif-wrap{background:linear-gradient(160deg,#3a3550,#1f1c2c);border-radius:var(--r-m);padding:28px 12px}


.demo{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
.dsteps{grid-column:1/6;position:relative;display:grid;gap:2px}
.dsteps::before{content:"";position:absolute;left:35px;top:34px;bottom:34px;width:2px;border-radius:2px;background:rgba(104,70,216,.2)}
.dstep{display:flex;gap:16px;text-align:left;padding:15px 20px;border-radius:22px;position:relative;transition:background .3s,box-shadow .3s;width:100%}
.dstep .node{position:relative;z-index:1;background:var(--paper);color:var(--purple);box-shadow:0 0 0 1.5px rgba(104,70,216,.4);transition:background .3s,color .3s,box-shadow .3s}
.dstep.done .node{background:#ECE7FB;box-shadow:0 0 0 1.5px rgba(104,70,216,.25)}
.dstep.on .node{background:var(--purple);color:#fff;box-shadow:none}
.dstep.on{background:var(--card);box-shadow:var(--shadow)}
.dstep:not(.on):hover{background:rgba(255,255,255,.55)}
.dstep:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.dt b{display:block;font-size:19px;font-weight:620;letter-spacing:-.02em;line-height:30px}
.dt span{display:block;font-size:16px;line-height:1.45;color:var(--ink-3)}
.dstep.on .dt span{color:var(--ink-2)}
.dstage{grid-column:7/13;height:830px;border-radius:var(--r-xl);position:relative;display:grid;place-items:center;background:var(--paper-2)}
.dstage .phone{--w:352px}
.hl-box{position:absolute;border-radius:16px;box-shadow:0 0 0 2.5px var(--purple);transition:top .55s ease-out,height .55s ease-out,opacity .3s;pointer-events:none;left:4.5%;width:91%}
.banner-ios{position:absolute;left:3.5%;right:3.5%;top:6.4%;z-index:3;display:flex;gap:10px;align-items:flex-start;background:rgba(232,230,238,.97);border-radius:20px;padding:10px 12px 11px;
  box-shadow:0 14px 30px -10px rgba(0,0,0,.4);transform:translateY(-140%);opacity:0;transition:transform .55s ease-out,opacity .25s}
.banner-ios.on{transform:none;opacity:1}
.phone .screens .banner-ios img{position:static;opacity:1;width:30px;height:30px;border-radius:8px;flex:none}
.banner-ios b{display:block;font-size:13px;font-weight:650;letter-spacing:-.005em}
.banner-ios span{display:block;font-size:13px;line-height:1.32;color:#2b2930}
.dnu{display:none}
.dprog{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.dprog i{width:6px;height:6px;border-radius:3px;background:rgba(20,19,23,.2);transition:width .35s ease-out,background .35s}
.dprog i.on{width:24px;background:var(--ink)}
.c-end{margin:64px auto 0;text-align:center;font-size:40px;line-height:1.12;letter-spacing:-.035em;font-weight:560;max-width:24ch;text-wrap:balance}


.sec-d{padding-top:40px}
.sec-d .h2{max-width:14ch;margin-bottom:56px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.tile{background:var(--card);border-radius:var(--r-l);padding:32px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:360px}
.tile h3{font-size:27px;line-height:1.1;letter-spacing:-.03em;font-weight:620}
.tile>.link{margin-bottom:28px}
.tile p{margin-top:10px;font-size:17px;line-height:1.45;color:var(--ink-2);max-width:40ch}
.tile .link{margin-top:16px;align-self:flex-start}

.tile .link{display:block}.tile .link svg{display:inline-block;vertical-align:-3px;margin-left:8px}
.tile .shot{margin-top:auto;position:relative;top:0;background:var(--app);border-radius:var(--r-m) var(--r-m) 0 0;padding:14px 14px 0;margin-bottom:-32px;display:grid;gap:8px}
.tile .shot img{border-radius:12px}
.t-health{grid-column:1/8}.t-rides{grid-column:8/13}
.t-costs{grid-column:1/5}.t-care{grid-column:5/9}.t-weather{grid-column:9/13;color:#fff;background:#3a4250}
.t-progress{grid-column:1/7}.t-together{grid-column:7/13}
.t-health .shot{grid-template-columns:1fr 1fr;align-items:start}

.t-health .shot,.t-together .shot{margin-bottom:0;border-radius:var(--r-m);padding:14px}
.t-health .shot{margin-top:28px}

.t-weather>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.t-weather::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,24,.62) 0%,rgba(15,17,24,.15) 45%,rgba(15,17,24,0) 70%);z-index:1}
.t-weather>*:not(.bg){position:relative;z-index:2}
.t-weather p{color:rgba(255,255,255,.86)}
.t-weather .link{color:#fff}
.t-weather .float{margin-top:auto;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-l);transform:translateY(8px)}
.t-progress .shot{grid-template-columns:1fr 1fr;align-items:start}
.t-together .shot{grid-template-columns:1fr 1fr;align-items:start}

.t-together .shot>:nth-child(-n+3){grid-column:1}.t-together .shot>:nth-child(4){grid-column:2;grid-row:1/4}


.e-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr;column-gap:24px}
.e-kop{grid-column:1/6;grid-row:1;align-self:end;padding-top:40px}
.e-kop .h2{margin-top:22px}
.e-txt{grid-column:1/6;grid-row:2;align-self:start}
.e-txt .lead{margin-top:24px}
details.st{display:block;padding:0}
details.st summary{display:grid;grid-template-columns:40px 1fr 20px;gap:14px;align-items:center;padding:14px 0;cursor:pointer;list-style:none}
details.st summary::-webkit-details-marker{display:none}
details.st summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:8px}
details.st .pl{width:18px;height:18px;color:var(--ink-3);transition:transform .3s ease-out}
details.st[open] .pl{transform:rotate(180deg)}
details.st .st-r{padding:0 0 16px 54px;margin:0}
.legend{margin-top:44px;display:grid;gap:4px}
.st{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.st:last-child{border-bottom:1px solid var(--line)}
.st b{display:block;font-size:17px;font-weight:620;letter-spacing:-.01em}
.st span{display:block;font-size:16px;color:var(--ink-2);line-height:1.45;margin-top:2px}
.sico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.sico svg{width:16px;height:16px}
.s-ok{background:var(--purple);color:#fff}
.s-plan{border:1.6px solid #A8A4AE;color:#7a7680}
.s-unk{border:1.8px dashed var(--amber);color:var(--amber)}
.s-att{background:#F6E3D4;color:var(--cognac)}

.st .sico{display:grid;place-items:center;margin-top:0;flex:none}
.e-note{margin-top:26px;font-size:15px;color:var(--ink-2);line-height:1.5;max-width:46ch}
.e-note.tag{display:flex;gap:12px;align-items:flex-start;background:var(--paper-2);border-radius:var(--r-s);padding:14px 16px;margin-top:14px}
.e-note.tag i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--purple);margin-top:8px}
.e-pic{grid-column:7/13;grid-row:1/3;position:relative;height:820px}
.e-pic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r-xl)}
.e-stack{position:absolute;left:24px;width:380px;bottom:24px;display:grid;gap:8px}
.e-stack .card{border-radius:20px;padding:0;overflow:hidden;box-shadow:var(--shadow-l)}


.sec-f .h2{margin-bottom:56px}

.pkeuze{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center;margin-top:8px}
.ptabs{grid-column:1/6;display:grid;gap:6px}
.ptab{display:flex;align-items:center;gap:16px;text-align:left;padding:12px 18px 12px 12px;border-radius:24px;width:100%;transition:background .3s,box-shadow .3s}
.ptab:not(.on):hover{background:rgba(255,255,255,.55)}
.ptab.on{background:var(--card);box-shadow:var(--shadow)}
.ptab:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.pt-img{flex:none;width:72px;height:72px;border-radius:18px;overflow:hidden;background:var(--hay);display:block}
.pt-img img{width:100%;height:100%;object-fit:cover;display:block}
.pt-five{display:flex;align-items:center;justify-content:center}
.pt-five i{width:30px;height:30px;border-radius:50%;background:#fff center/cover;box-shadow:0 0 0 2px var(--hay);margin-left:-10px}
.pt-five i:first-child{margin-left:0}
.pt-t b{display:block;font-size:20px;font-weight:620;letter-spacing:-.02em;line-height:1.3}
.pt-t span{display:block;margin-top:2px;font-size:15px;line-height:1.4;color:var(--ink-3)}
.ptab.on .pt-t span{color:var(--ink-2)}
.ppanel{grid-column:6/13}
.pstage{position:relative;height:720px;border-radius:var(--r-xl);overflow:hidden;background:var(--hay)}
.pstage .pf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.pstage .pf.on{opacity:1}
.pstage .phone{--w:300px;position:absolute;left:44px;top:52px}
.pstage .pf[data-i="0"]{object-position:50% 0%}
.pstage .pf[data-i="1"]{object-position:50% 15%}
.pstage .pf[data-i="2"]{transform:scaleX(-1);object-position:50% 20%}
.pstage .pf[data-i="3"]{object-position:50% 30%;transform:scale(1.22);transform-origin:0 30%}
.pstage .phone{transition:left .5s ease-out,margin-left .5s ease-out}
.pstage .pgroep{inset:auto;right:22px;top:22px;bottom:22px;width:44%;height:auto;display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
.pstage .pgroep img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block;min-height:0}
.ponder{margin-top:16px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.ptoday{display:flex;gap:10px;font-size:17px;line-height:1.45;color:var(--ink);max-width:46ch}
.ptoday svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--purple)}
.ptoday[hidden]{display:none}
.pcap{font-size:13px;line-height:1.4;color:var(--ink-3);text-align:right;max-width:30ch}
@media (prefers-reduced-motion:reduce){.pstage .pf{transition:none}}
.five{background:var(--hay);display:grid!important;place-items:center}
.five .ring{display:grid;grid-template-columns:repeat(3,64px);gap:10px}
.five .ring i{width:64px;height:64px;border-radius:50%;background:#fff center/cover;box-shadow:0 0 0 3px var(--hay)}
.five .ring i.add{display:grid;place-items:center;background:transparent;border:1.6px dashed rgba(20,19,23,.35);box-shadow:none;color:var(--ink-2)}
.five .ring i.add svg{width:22px;height:22px}
.placeholder{display:grid;place-items:center;color:var(--ink-3);font-size:13px}


.band{background:var(--forest);color:var(--paper);margin:60px 0;padding:120px 0}
.passport{position:relative}
.passport .h2{max-width:16ch}
.passport .lead{color:rgba(243,239,231,.74);margin-top:24px;max-width:52ch}
.pp{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin-top:64px;align-items:stretch}
.pp .lead{grid-row:auto}
.pp .c.lead p{font-size:26px;line-height:1.25;letter-spacing:-.02em;min-height:0}
.pp .tray.two{grid-template-columns:1fr 1.25fr;align-items:start}
.pp .c{background:var(--night-2);border-radius:var(--r-l);padding:28px 24px 24px;display:flex;flex-direction:column}
.pp .c p{font-size:19px;line-height:1.38;letter-spacing:-.012em;font-weight:500;min-height:80px}
.pp .c .tray{margin-top:22px}
.pp .c .tray.flat{background:none!important;padding:0;box-shadow:none!important}
.pp .c .tray.flat img.ui{filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}


.trust .list{border-top:1px solid var(--line)}
.tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.tr h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;font-weight:620}
.tr p{font-size:17px;line-height:1.5;color:var(--ink-2);max-width:52ch}
.tr .link{margin-top:10px;font-size:15px}


.price{max-width:760px;margin:0 auto;background:var(--card);border-radius:var(--r-xl);padding:56px 56px 48px;text-align:center}
.price h2{font-size:40px;line-height:1.1;letter-spacing:-.035em;font-weight:600}
.price .big{margin-top:18px;font-size:20px;line-height:1.5;color:var(--ink)}
.price ul{list-style:none;margin:28px auto 0;display:grid;gap:10px;text-align:left;max-width:520px}
.price li{display:flex;gap:12px;font-size:17px;color:var(--ink-2);line-height:1.45}
.price li svg{flex:none;width:20px;height:20px;color:var(--purple);margin-top:2px}
.price .fine{margin-top:26px;font-size:14px;color:var(--ink-3)}
.price .link{margin-top:22px}


.faq{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
.faq .h2{grid-column:1/5;font-size:56px}
.faq .list{grid-column:5/13;border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;padding:26px 0;
  font-size:23px;letter-spacing:-.02em;font-weight:560}
.q button svg{flex:none;width:22px;height:22px;transition:transform .3s ease-out}
.q.open button svg{transform:rotate(180deg)}
.q .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease-out}
.q.open .a{grid-template-rows:1fr}
.q .a>div{overflow:hidden}
.q .a p{padding:0 64px 28px 0;font-size:17px;line-height:1.55;color:var(--ink-2);max-width:62ch}


.slot{position:relative;padding:120px 0 128px;text-align:center}
.slot .wrap{display:flex;flex-direction:column;align-items:center}
.slot-icoon{width:96px;height:96px;border-radius:22px;margin-bottom:36px}
.slot h2{font-size:64px;line-height:1;letter-spacing:-.04em;font-weight:600;max-width:16ch}
.slot p{margin-top:22px;font-size:20px;line-height:1.5;color:var(--ink-2);max-width:40ch}
.slot .row{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:24px}
.qr{display:flex;align-items:center;gap:12px;color:var(--ink);text-align:left;max-width:260px}
.qr img{width:64px;height:64px;padding:4px;background:#fff;border-radius:8px;box-shadow:var(--shadow)}
.qr span{font-size:14px;line-height:1.4;color:var(--ink-2)}
.slot .fine{margin-top:18px;font-size:14px;color:var(--ink-3)}


.foot{background:var(--paper);padding:64px 0 48px}
main>.sec:last-child{padding-bottom:72px}
.register h2{font-size:28px;letter-spacing:-.03em;font-weight:600;margin-bottom:28px}
.reg{columns:4;column-gap:24px;font-size:15px;line-height:1.4;color:var(--ink-2)}
.reg div{break-inside:avoid;margin-bottom:22px}
.reg b{display:block;color:var(--ink);font-weight:620;margin-bottom:8px}
.reg a{display:block;padding:4px 0}
.reg a:hover{color:var(--ink)}
.foot .wrap>.cols:first-child{margin-top:0}
.gidsen{padding:8px 0 40px}
.gidsen .reg{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;font-size:17px}
.gidsen .reg div{background:var(--card);border-radius:var(--r-l);padding:24px 26px 20px;margin-bottom:0}
.gidsen .reg b{font-size:21px;letter-spacing:-.02em;margin-bottom:12px}
.gidsen .reg a{padding:7px 0;border-top:1px solid var(--line)}
.gidsen .reg b+a{border-top:0}
.gidsen .reg .mi-ic{margin-bottom:14px}
.gidsen .reg div:target{box-shadow:0 0 0 2px var(--purple)}
.cols{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:24px;margin-top:72px;padding-top:56px;border-top:1px solid var(--line)}

.cols>div{min-width:0}.cols a,.cols h4{overflow-wrap:anywhere;hyphens:auto}
.cols h4{font-size:14px;font-weight:620;margin-bottom:14px}
.cols a{display:block;font-size:15px;color:var(--ink-2);padding:5px 0}
.cols .wordmark{font-size:24px;color:var(--ink);padding:0}
.cols a:hover{color:var(--ink)}
.cols small{display:block;font-size:13px;color:var(--ink-3);line-height:1.45;margin-top:4px;max-width:28ch}
.base{display:flex;justify-content:space-between;align-items:center;margin-top:64px;font-size:13.5px;color:var(--ink-3)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


.pill.xs{height:34px;padding:0 14px;font-size:13.5px}
.subnav{position:sticky;top:76px;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}

@media (min-width:821px){body.fp .nav{position:relative}body.fp .subnav{top:0}body.fp section[id]{scroll-margin-top:70px}}
.subnav .wrap{height:54px;display:flex;align-items:center;gap:28px}
.subnav b{font-size:17px;font-weight:620;letter-spacing:-.015em;margin-right:auto}
.subnav nav{display:flex;gap:24px;font-size:15px;color:var(--ink-2)}
.subnav nav a{position:relative;padding:16px 0}
.subnav nav a:hover,.subnav nav a.on{color:var(--ink)}
.subnav nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--ink)}
.fp-hero{padding:72px 0 0}
.fp-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end}
.fp-head .l{grid-column:1/8}
.fp-head h1{margin-top:20px;font-size:96px;line-height:.94;letter-spacing:-.048em;font-weight:600;text-wrap:balance}
.fp-head .r{grid-column:8/13;padding-bottom:10px}
.fp-head .r p{font-size:19px;line-height:1.5;color:var(--ink-2);margin-bottom:26px}
.fp-stage{margin-top:64px;height:700px;border-radius:var(--r-xl);background:var(--paper-2);position:relative;overflow:hidden}
.fp-stage .phone{position:absolute;left:50%}
.fp-stage .p-c{--w:330px;margin-left:-165px;top:64px;z-index:2}
.fp-stage .chip{width:300px;z-index:3}

.fp-stage .fc-l{left:auto;right:calc(50% + 165px - 14px);top:340px}
.fp-stage .fc-r{left:calc(50% + 165px - 14px);top:132px}
.fp-stage .chip.lock{width:320px}
.hl.txt{gap:48px}
.hl.txt article{background:none;border-radius:0;border-top:1px solid var(--line);padding:24px 0 0}
.hl.txt h3,.hl.txt p{padding:0}
.states .st-shots.one{grid-template-columns:1fr;justify-items:center}
.states .st-shots.one .tray{width:min(100%,400px)}

.fdemo .dstage{grid-column:6/13;height:800px;display:block;overflow:hidden;background-color:color-mix(in srgb,var(--st,var(--hay)) 72%,#fff)}
.fdemo .dstage .phone{--w:340px;position:absolute;left:50%;margin-left:-170px;top:44px}
.dcards{position:absolute;left:28px;bottom:96px;width:292px;display:grid;z-index:3}
.dcard{grid-area:1/1;align-self:center;box-shadow:var(--shadow-l);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .35s ease,transform .5s ease-out;pointer-events:none}
.dcard.on{opacity:1;transform:none}
.fbox{position:absolute;z-index:2;border-radius:14px;box-shadow:0 0 0 2.5px var(--purple);opacity:0;transform:scale(.985);transition:opacity .3s ease,transform .45s ease-out;pointer-events:none}
.fbox.on{opacity:1;transform:none}
.tray.lock{background:none!important;box-shadow:none!important;padding:0}
.tray.lock img{border-radius:22px;background:rgba(238,236,242,.96);box-shadow:var(--shadow-l)}
@media (prefers-reduced-motion:reduce){.dcard,.dstage .phone{transition:none}}
.hl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hl article{background:var(--card);border-radius:var(--r-l);padding:14px 14px 28px}
.hl .tray{margin-bottom:22px}
.hl h3{font-size:22px;letter-spacing:-.025em;font-weight:620;padding:0 10px}
.hl p{margin-top:8px;font-size:16px;line-height:1.5;color:var(--ink-2);padding:0 10px}
.states{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center;padding:80px}
.states .st-txt{grid-column:1/6}
.states .h2{margin-top:0;font-size:52px}
.states .st-shots{grid-column:6/13;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}

.grens{margin-top:48px;display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--line);padding:28px 0 0}
.grens .ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--paper-2);display:grid;place-items:center}
.grens .ic svg{width:22px;height:22px;color:var(--forest)}
.grens h3{font-size:22px;letter-spacing:-.025em;font-weight:620}
.grens p{margin-top:6px;font-size:17px;line-height:1.5;color:var(--ink-2);max-width:70ch}
.rel-h{font-size:44px;max-width:20ch;margin-bottom:36px}
.rel{display:block;border-top:1px solid var(--line)}
.relc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 18px;align-items:baseline;column-gap:24px;padding:24px 0;border-bottom:1px solid var(--line);position:relative}
.relc:hover b{text-decoration:underline;text-underline-offset:4px}
.relc .mi-ic{margin-bottom:18px}
.relc b{font-size:20px;letter-spacing:-.02em;font-weight:620}
.relc>span:not(.mi-ic){font-size:17px;color:var(--ink-2);line-height:1.45}
.relc .go{width:18px;height:18px;align-self:center}
.fp-slot{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:var(--paper);border-radius:var(--r-xl);overflow:hidden;min-height:520px}
.fp-slot .t{padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.fp-slot h2{font-size:64px;line-height:.98;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
.fp-slot p{margin:22px 0 32px;font-size:19px;line-height:1.5;color:rgba(243,239,231,.8);max-width:34ch}
.fp-slot img{width:100%;height:100%;object-fit:cover}


.pg-hero{padding:96px 0 56px}
.pg-hero.center{text-align:center}
.pg-h1{font-size:80px;line-height:.96;letter-spacing:-.048em;font-weight:600;text-wrap:balance;max-width:16ch}
.center .pg-h1{margin:0 auto}
.pg-sub{margin-top:22px;font-size:21px;line-height:1.45;color:var(--ink-2);max-width:44ch;text-wrap:pretty}
.center .pg-sub{margin-left:auto;margin-right:auto}
.tagnote{display:inline-flex;gap:10px;align-items:flex-start;text-align:left;margin-top:26px;background:var(--paper-2);border-radius:var(--r-s);padding:12px 16px;font-size:15px;line-height:1.45;color:var(--ink-2);max-width:60ch}
.tagnote i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--purple);margin-top:6px}
.plans{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:20px}
.plan{background:var(--card);border-radius:var(--r-l);padding:32px;display:flex;flex-direction:column}
.plan .pn{font-size:15px;font-weight:600;color:var(--ink-2)}
.plan .pp{display:block;margin-top:14px;font-size:46px;letter-spacing:-.04em;font-weight:620;line-height:1}
.plan p{margin-top:auto;padding-top:28px;font-size:15px;color:var(--ink-2);line-height:1.45}
.plan.trial{background:var(--forest);color:var(--paper)}
.plan.trial .ic{width:44px;height:44px;border-radius:13px;background:rgba(243,239,231,.12);display:grid;place-items:center}
.plan.trial .ic svg{width:22px;height:22px;color:var(--hay)}
.plan.trial h2{margin-top:22px;font-size:28px;letter-spacing:-.03em;font-weight:620}
.plan.trial p{color:rgba(243,239,231,.8);padding-top:12px;margin-top:0;font-size:16px}
.incl{margin-top:96px}
.h2s{font-size:40px;letter-spacing:-.035em;font-weight:600;margin-bottom:24px}
.incl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.incl-grid .mi{background:var(--card);padding:14px;border-radius:18px}
.facts{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fact{background:var(--card);border-radius:var(--r-l);padding:28px}
.fact .ic{width:44px;height:44px;border-radius:13px;background:var(--paper-2);display:grid;place-items:center;margin-bottom:24px}
.fact .ic svg{width:21px;height:21px;color:var(--forest)}
.fact h3{font-size:21px;letter-spacing:-.025em;font-weight:620;line-height:1.15}
.fact p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.fact.horses{background:var(--hay)}
.fact .ring{display:flex;margin-bottom:22px}
.fact .ring i{width:44px;height:44px;border-radius:50%;background:#fff center/cover;box-shadow:0 0 0 3px var(--hay);margin-right:-8px;display:grid;place-items:center}
.fact .ring i.add{background:var(--hay);border:1.6px dashed rgba(20,19,23,.35);box-shadow:none;margin-left:6px}
.fact .ring i.add svg{width:18px;height:18px}
.fine-print{margin-top:56px;padding-bottom:120px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.fine-print p{font-size:14px;color:var(--ink-3);max-width:70ch}
.fine-print p a{text-decoration:underline;text-underline-offset:2px}
.fine-print .pill{margin-top:22px}

.dl{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding-top:88px;padding-bottom:120px;align-items:center}
.dl-l{grid-column:1/7}
.dl-r{grid-column:8/13}
.flow{margin-top:36px;max-width:500px;scroll-margin-top:96px}
.card-form,.card-state{background:var(--card);border-radius:var(--r-l);padding:28px;box-shadow:var(--shadow)}
.card-form label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.field{display:flex;align-items:center;gap:10px;height:56px;border-radius:16px;background:var(--paper);border:1.5px solid transparent;padding:0 16px;transition:border-color .2s,background .2s}
.field:focus-within{border-color:var(--ink);background:#fff}
.field svg{width:20px;height:20px;color:var(--ink-3);flex:none}
.field input{flex:1;border:0;background:transparent;font:inherit;font-size:17px;color:var(--ink);outline:none;min-width:0}
.field input::placeholder{color:var(--ink-3)}
.pill.wide{width:100%;margin-top:14px}
.pill.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.consent{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.consent a{text-decoration:underline;text-underline-offset:2px}
.err{display:none;margin-top:8px;font-size:14px;color:#B3261E}
.dl-knoppen{display:flex;flex-wrap:wrap;gap:10px}
.banner{display:none;margin-top:12px;font-size:14px;background:#FBE9E7;color:#8C1D18;border-radius:12px;padding:10px 12px}
.when-busy{display:none;align-items:center;gap:10px}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(243,239,231,.35);border-top-color:var(--paper);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.card-state{display:none;text-align:left}
.big-ic{width:52px;height:52px;border-radius:16px;background:var(--paper-2);display:grid;place-items:center;margin-bottom:20px}
.big-ic svg{width:24px;height:24px;color:var(--forest)}
.big-ic.ok{background:var(--purple)}
.big-ic.ok svg{color:#fff}
.card-state h2{font-size:28px;letter-spacing:-.03em;font-weight:620}
.card-state p{margin-top:8px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.card-state p.lg{font-size:19px;color:var(--ink);margin-top:0}
.flow[data-stap="form"] .card-form,.flow[data-stap="bezig"] .card-form,.flow[data-stap="fout"] .card-form,.flow[data-stap="net"] .card-form{display:block}
.flow:not([data-stap="form"]):not([data-stap="bezig"]):not([data-stap="fout"]):not([data-stap="net"]) .card-form{display:none}
.flow[data-stap="bezig"] .when-idle{display:none}.flow[data-stap="bezig"] .when-busy{display:inline-flex}
.flow[data-stap="bezig"] .pill.wide{background:#3a3840;pointer-events:none}
.flow[data-stap="fout"] .err{display:block}.flow[data-stap="fout"] .field{border-color:#B3261E;background:#fff}
.flow[data-stap="net"] .banner{display:block}
.flow[data-stap="succes"] .st-succes,.flow[data-stap="al"] .st-al,.flow[data-stap="bevestig"] .st-bevestig,.flow[data-stap="bevestigd"] .st-bevestigd,.flow[data-stap="afmelden"] .st-afmelden,.flow[data-stap="afgemeld"] .st-afgemeld{display:block;animation:pop .45s ease-out}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.tf{margin-top:20px;max-width:500px;display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r-m);padding:18px 20px}
.tf .ic{flex:none;width:36px;height:36px;border-radius:11px;background:var(--paper-2);display:grid;place-items:center}
.tf .ic svg{width:18px;height:18px}
.tf b{display:block;font-size:16px;font-weight:620}
.tf span span{display:block;margin-top:2px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.tf u{display:inline-block;margin-top:8px;font-size:15px;font-weight:600;text-underline-offset:3px}
.dl .na .pill{margin-top:30px}

body[data-staat="na"] .flow[data-stap="form"]{display:none}
body[data-staat="na"] .flow{margin-top:24px}
.iphone-na{display:none!important}
body[data-staat="na"] .flow[data-platform="ios"] .iphone-na{display:block!important}
body[data-staat="na"] .flow[data-platform="ios"] .pill.iphone-na{display:flex!important;margin-top:22px}
body[data-staat="na"] .flow[data-platform="ios"] .geen-iphone-na{display:none!important}
.fp-slot .fine,.slot .fine{margin:16px 0 0;font-size:14px;line-height:1.45;max-width:44ch}
.fp-slot .fine{color:rgba(243,239,231,.7)}
.dl .fine{margin-top:16px;font-size:14px;color:var(--ink-3);max-width:52ch}
.dl-card{background:var(--hay);border-radius:var(--r-xl);height:720px;position:relative;overflow:hidden}
.dl-card .phone{position:absolute;left:50%;margin-left:-160px;top:64px;--w:320px}
.dl-qr{position:absolute;left:24px;right:24px;bottom:24px;max-width:none;box-shadow:var(--shadow-l);background:var(--card);border-radius:var(--r-l);padding:14px 16px;z-index:1}

.search{display:flex;align-items:center;gap:12px;max-width:620px;margin:36px auto 0;height:62px;border-radius:999px;background:var(--card);padding:0 24px;box-shadow:var(--shadow);text-align:left}
.search svg{flex:none;width:22px;height:22px;color:var(--ink-3)}
.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.search input{flex:1;border:0;background:transparent;font:inherit;font-size:18px;outline:none}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat{background:var(--card);border-radius:var(--r-l);padding:28px;transition:transform .25s ease-out,box-shadow .25s}
.cat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.cat .mi-ic{margin-bottom:22px;width:44px;height:44px}
.cat h3{font-size:21px;letter-spacing:-.025em;font-weight:620}
.cat p{margin-top:8px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.hulp-versie{margin:18px auto 0;max-width:54ch;font-size:15px;line-height:1.5;color:var(--ink-3)}
.search .wis{flex:none;font-size:14px;font-weight:600;color:var(--purple);padding:8px 4px}
.search .wis[hidden]{display:none}
.search:focus-within{box-shadow:var(--shadow),0 0 0 2px var(--purple)}  
.telling{margin-top:14px;min-height:20px;font-size:15px;color:var(--ink-2)}
.hulp-sectie{padding-top:88px;scroll-margin-top:72px}
.hulp-sectie[hidden],.art[hidden],.cats[hidden],.geen[hidden]{display:none}
.hulp-sectie .hk{grid-column:1/5;align-self:start;position:sticky;top:96px}
.hulp-sectie .hk .mi-ic{width:44px;height:44px;margin-bottom:18px}
.hulp-sectie .h2{font-size:40px;line-height:1.05}
.hulp-sectie .list{grid-column:5/13}
.art{scroll-margin-top:96px}
.q .a p+p{margin-top:-14px}
.geen{padding:72px 0 24px;text-align:center}
.geen h2{font-size:32px;letter-spacing:-.03em;font-weight:600}
.geen p{margin:10px auto 26px;max-width:46ch;font-size:17px;line-height:1.5;color:var(--ink-2)}
.contact{margin-top:96px;margin-bottom:120px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--forest);color:var(--paper);border-radius:var(--r-xl);padding:44px 48px}
.contact h2{font-size:32px;letter-spacing:-.03em;font-weight:600}
.contact p{margin-top:8px;color:rgba(243,239,231,.8);max-width:52ch}
.contact .pill{background:var(--paper);color:var(--ink)}

.tl{padding-bottom:120px;display:grid;gap:16px}
.tl>*{max-width:980px}
.tl-row{display:grid;grid-template-columns:56px 1fr;gap:24px;background:var(--card);border-radius:var(--r-l);padding:32px}
.tl-row .ic{width:56px;height:56px;border-radius:16px;background:var(--paper-2);display:grid;place-items:center}
.tl-row .ic svg{width:24px;height:24px;color:var(--forest)}
.tl-row h2{font-size:28px;letter-spacing:-.03em;font-weight:620}
.tl-row p{margin-top:8px;font-size:17px;line-height:1.55;color:var(--ink-2);max-width:62ch}
.tl-row .src{display:flex;gap:8px;align-items:flex-start;margin-top:16px;font-size:14px;color:var(--ink-3)}
.tl-row .src svg{flex:none;width:16px;height:16px;margin-top:2px}
.measure{background:var(--night);color:var(--paper);border-radius:var(--r-l);padding:36px 40px;margin-top:8px}
.measure h2{font-size:28px;letter-spacing:-.03em;font-weight:620}
.measure p{margin-top:10px;font-size:17px;line-height:1.55;color:rgba(243,239,231,.8);max-width:66ch}
.measure .link{margin-top:20px;color:var(--paper)}

.nf{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:120px}
.nf-pic{border-radius:var(--r-xl);overflow:hidden;height:560px}
.nf-pic img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.nf .pill{margin-top:30px}


@media (max-width:820px){
  :root{--gut:16px;--r-xl:28px;--r-l:22px}
  body{font-size:17px}
  .nav .wrap{height:64px;gap:0}
  .nav-links{display:none}
  .nav .pill{height:40px;padding:0 16px;font-size:14px}
  .nav-menu{display:flex}
  .wordmark{font-size:22px}
  .hero{padding:18px 0 8px}
  .hero h1{font-size:56px;line-height:.94}
  .hero-row{display:block;margin-top:22px}
  .hero-sub{font-size:18px}
  .hero-cta{margin-top:22px;align-items:stretch;text-align:left;justify-self:stretch}
  .hero-cta .pill{width:100%}
  
  .hero .wrap{display:flex;flex-direction:column}
  .hero-copy,.hero-row{display:contents}
  .hero h1{order:1}.hero-sub{order:2;margin-top:18px}.stage{order:3}.stage-caption{order:4}.hero-cta{order:5}
  .stage{height:570px;margin:24px -16px 0;overflow:hidden}
  .stage-photo{top:0;bottom:auto;height:340px;border-radius:0}
  .stage-photo img{object-position:0% 40%}
  .stage .phone{--w:270px;left:auto;right:18px;margin-left:0;top:122px}
  .stage-lines{display:none}
  .chip{transform:scale(.7)}
  .c-app{display:none}
  
  .stage .c-rain{right:8px;left:auto;top:auto;bottom:14px;width:300px;transform:none;display:flex;flex-direction:column;align-items:flex-end}
  .stage .c-rain .chip-label{font-size:13px;padding:5px 11px;margin:0 4px -4px 0;position:relative;z-index:1;background:#fff}
  .stage .c-rain img{border-radius:22px}
  .c-rain img{border-radius:16px}
  .stage-caption{padding-right:4px}
  .sec{padding:36px 0}
  main>.sec:last-child{padding-bottom:40px}
  .foot{padding-top:48px}
  .h2{font-size:40px;line-height:1.02}
  .duo{font-size:31px;line-height:1.12}
  .lead{font-size:17px}
  .sec-a .head{margin-bottom:36px}
  .m-book,.m-cal{display:none}
  .mess{height:440px}
  .m-chat{top:0;left:2px;width:268px}
  .m-board{top:128px;right:0;width:244px;height:176px}
  .m-sheet{top:318px;left:4px;width:350px}
  
  .t-health .shot>*+*,.t-progress .shot>*+*{display:none}
  .t-together .shot>:nth-child(-n+2){display:none}
  .t-together .shot>*{grid-column:auto!important;grid-row:auto!important}
  .e-pic{margin:28px -16px 8px;border-radius:0;height:560px}
  .e-pic>img{border-radius:0}
  .e-kop{padding-top:0}
  .pp{grid-template-columns:1fr}
  .pp .lead{grid-row:auto}
  .pp .c.lead p{font-size:21px}
  .pp .tray.two{grid-template-columns:1fr}
  .pp .tray.two>:first-child{display:none}
  .tabs{flex-wrap:wrap;overflow:visible;margin-right:0;padding-right:0}
  .a-grid{display:block}
  .mess{height:500px;margin:0 -8px}
  .m-chat{width:270px;left:4px;top:0}
  .m-board{left:auto;right:0;top:170px;width:250px;height:190px;font-size:23px;padding:14px 16px;border-width:8px}
  .m-book{left:0;top:330px;width:230px;height:210px;font-size:21px;line-height:28px;padding:20px 16px 0 34px;background-position:0 16px;
    background-image:repeating-linear-gradient(180deg,transparent 0 27px,#C9D8E8 27px 28px)}
  .m-sheet{left:6px;top:350px;width:350px;font-size:13px}
  .m-sheet .row{grid-template-columns:26px 74px 62px 80px 1fr}
  .m-cal{left:auto;right:0;top:420px;width:180px;font-size:13px}
  .order{margin-top:28px}
  .order p{font-size:24px}
  .chapter{display:block;min-height:0}
  .chapter .txt{padding:44px 24px 0}
  .chapter .h2{font-size:42px}
  .tabs{margin-top:28px}
  .tab{flex:none;height:42px;font-size:15px;padding:0 16px}
  .tabtext{font-size:16px;min-height:0}
  .chapter .pill,.chapter .link{margin-top:24px}
  .chapter .ph{height:520px}
  .chapter .ph .phone{--w:280px;top:40px;transform:translateX(-50%)}
    .sec-c .head{display:block;margin-bottom:32px}
  .demo{display:flex;flex-direction:column-reverse;gap:18px}
  .dstage{height:600px;margin:0 -16px;border-radius:0;width:calc(100% + 32px)}
  .dstage .phone{--w:262px}
  .dsteps{width:100%}
  .dstep{padding:11px 14px}
  .dsteps::before{left:29px}
  .dstep:not(.on) .dt span{display:none}
  .dt b{font-size:17px}
  .c-end{font-size:26px;margin-top:36px}
  .canvas{padding:24px 14px;margin:0 -8px}
  .journey{grid-template-columns:1fr;gap:20px}
  .s1,.s2,.s3,.s4,.s5,.s6,.s7{grid-column:1;grid-row:auto}
  .s7{display:block;padding:20px}
  .s7 .t{padding:0}
  .s7 .end{font-size:24px;margin:16px 0 20px}
  .s7 .tray{grid-template-columns:1fr}
  .step p{min-height:0}
  .bento{display:flex;flex-direction:column;gap:14px}
  .tile{min-height:0;padding:26px 22px}
  .tile h3{font-size:24px}
  .tile .shot{margin-bottom:-26px}
  .t-health .shot,.t-progress .shot,.t-together .shot{grid-template-columns:1fr}
  .t-weather{min-height:520px}
  .e-grid{display:block}
  .e-pic{height:560px;margin-top:28px}
  .e-stack{left:14px;right:14px;bottom:20px;width:auto}
  .e-stack .card:nth-child(n){margin:0}
  .pkeuze{display:flex;flex-direction:column-reverse;gap:18px}
  .ptabs{grid-template-columns:1fr 1fr;gap:8px}
  .ptab{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px 12px;border-radius:20px;background:rgba(255,255,255,.45)}
  .ptab:last-child{grid-column:1/3;flex-direction:row;align-items:center}
  .pt-img{width:44px;height:44px;border-radius:12px}
  .pt-five i{width:22px;height:22px;margin-left:-8px}
  .pt-t b{font-size:17px}
  .pt-t span{font-size:13.5px}
  .pstage{height:540px;margin:0 -16px;border-radius:0}
  .pstage .phone{--w:236px;right:auto;left:50%;margin-left:-118px;top:36px}
  .pstage .pgroep{display:none}
  .ponder{display:block}
  .ptoday{font-size:16px}
  .pcap{text-align:left;margin-top:8px}
  .passport{padding:48px 22px 24px;margin:0 -8px}
  .pp{grid-template-columns:1fr;margin-top:36px}
  .pp .c p{min-height:0}
  .trust{grid-template-columns:1fr;gap:12px;margin-top:32px}
  .tc{min-height:0;display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:22px 20px}
  .tc .ic{grid-row:1/4;margin:0;width:44px;height:44px}
  .tc .link{padding-top:14px}
  .price{padding:36px 22px 32px;text-align:left}
  .price h2{font-size:30px}
  .faq{display:block}
  .faq .h2{font-size:38px;margin-bottom:24px}
  .q button{font-size:19px;padding:20px 0}
  .q .a p{padding-right:8px;font-size:16px}
  .slot{height:auto}
  .slot>img{object-position:62% 50%}
  .slot .wrap{padding-bottom:0}
  .slot h2{font-size:54px}
  .slot p{font-size:17px}
  .slot .row{flex-direction:column;align-items:stretch}
  .slot .qr{display:none}
  .reg{columns:2}
  .cols{grid-template-columns:1fr 1fr;row-gap:36px}
  .cols>div:first-child{grid-column:1/-1}
  .base{flex-direction:column;align-items:flex-start;gap:10px}
  .subnav{top:64px}
  .subnav .wrap{height:48px;gap:16px;overflow-x:auto}
  .subnav b,.subnav .pill{display:none!important}
  .subnav nav{gap:20px;white-space:nowrap;font-size:14px;padding-right:40px}
  
  .subnav .wrap.r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
  .subnav .wrap.l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px);mask-image:linear-gradient(90deg,transparent,#000 44px)}
  .subnav .wrap.l.r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent)}
  body.fp section[id]{scroll-margin-top:124px}
  .subnav nav a{padding:13px 0}
  .fp-hero{padding-top:36px}
  .fp-head{display:block}
  .fp-head h1{font-size:50px;margin-top:14px}
  .fp-head .r{margin-top:20px}
  .fp-head .r p{font-size:17px}
  .fp-head .r .pill{width:100%}
  .fp-stage{height:520px;margin:36px -16px 0;border-radius:0}
  .fp-stage .p-c{--w:240px;margin-left:-120px;top:40px}
  .fp-stage .chip{width:300px;transform:scale(.86);transform-origin:center bottom}
  .fp-stage .fc-l{left:calc(50% - 150px);right:auto;top:auto;bottom:18px}
  
  .fp-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;z-index:2;pointer-events:none;
    background:linear-gradient(transparent,var(--paper-2) 34px)}
  .fp-stage .fc-r{display:none}
  .fdemo .dstage{height:auto;display:flex;flex-direction:column;align-items:center;padding:28px 0 52px}
  .fdemo .dstage .phone{--w:250px;position:relative;right:auto;top:auto}
  .dcards{position:relative;left:auto;top:auto;transform:none;width:min(340px,calc(100% - 40px));margin-top:-150px}
  .hl{grid-template-columns:1fr;gap:14px}
  .hl.txt{gap:26px}
  .states{display:block;padding:40px 22px 22px}
  .states .h2{font-size:36px}
  .states .st-shots{margin-top:28px;grid-template-columns:1fr}
  .grens{flex-direction:column;padding:22px}
  .rel-h{font-size:32px}
  .rel{grid-template-columns:1fr;gap:12px}
  .fp-slot{grid-template-columns:1fr;min-height:0}
  .fp-slot .t{padding:40px 22px}
  .fp-slot h2{font-size:42px}
  .fp-slot img{height:360px}
  .fp-slot .pill{width:100%}
  .pg-hero{padding:48px 0 32px}
  .pg-h1{font-size:46px}
  .pg-sub{font-size:17px}
  .plans{grid-template-columns:1fr;gap:12px}
  .plan .pp{font-size:38px}
  .incl{margin-top:56px}
  .h2s{font-size:30px}
  .incl-grid{grid-template-columns:1fr;gap:8px}
  .facts{grid-template-columns:1fr;gap:12px}
  .fine-print{padding-bottom:80px}
  .fine-print .pill{width:100%}
  .dl{display:block;padding-top:40px;padding-bottom:72px}
  .dl-r{margin-top:40px}
  .dl-card{height:560px;margin:0 -16px;border-radius:0}
  .dl-card .phone{--w:250px;margin-left:-125px;top:40px}
  .dl-qr{display:none}
  .dl .na .pill{width:100%}
  .search{height:54px;margin-top:24px}
  .cats{grid-template-columns:1fr;gap:12px}
  .hulp-sectie{padding-top:56px;display:block}
  .hulp-sectie .hk{position:static;display:flex;align-items:center;gap:14px;margin-bottom:12px}
  .hulp-sectie .hk .mi-ic{margin:0;width:38px;height:38px}
  .hulp-sectie .h2{font-size:28px;margin:0}
  .contact{margin-top:64px}
  .contact{flex-direction:column;align-items:flex-start;padding:32px 22px;margin-bottom:80px}
  .contact .pill{width:100%}
  .tl-row{grid-template-columns:1fr;padding:24px 22px;gap:16px}
  .tl-row h2,.measure h2{font-size:24px}
  .tl-row p,.measure p{font-size:16px}
  .measure{padding:28px 22px}
  .nf{grid-template-columns:1fr;gap:32px;padding-top:32px}
  .nf-pic{height:300px}
  .nf .pill{width:100%}
  
  .demo,.pkeuze{display:flex;flex-direction:column;gap:0}
  .dsteps{display:flex;justify-content:space-between;align-items:center;gap:0;width:100%;padding:0 2px}
  .dsteps::before{left:22px;right:22px;top:50%;bottom:auto;width:auto;height:2px;margin-top:-1px}
  .dstep{width:auto;padding:5px;border-radius:50%;background:none!important;box-shadow:none!important}
  .dstep .dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .dstep .node{width:32px;height:32px}
  .dnu{display:block;margin:16px 0 14px;min-height:88px}
  .dnu b{display:block;font-size:19px;font-weight:620;letter-spacing:-.02em;line-height:1.25}
  .dnu span{display:block;margin-top:4px;font-size:16px;line-height:1.45;color:var(--ink-2)}
  .dprog{display:none}
  
  .dstage,.fdemo .dstage{height:560px;display:block;overflow:hidden;padding:0}
  
  .demo .dstage{height:clamp(230px,calc(100svh - 276px),460px)}
  body.fp .fdemo .dstage{height:clamp(230px,calc(100svh - 326px),460px)}
  .dstage .phone,.fdemo .dstage .phone{--w:330px;position:absolute;left:50%;right:auto;margin-left:-165px;top:18px;transition:transform .55s ease-out}
  .fdemo .dcards{position:absolute;left:50%;right:auto;top:auto;bottom:18px;transform:translateX(-50%);width:min(330px,calc(100% - 40px));margin:0}
  
  .fdemo .dstage{container-type:size}
  .fdemo .dcard{justify-self:center;width:100%;max-width:calc((100cqh - 94px) * var(--r,9) + 28px)}
  .dstage .phone.kort{-webkit-mask-image:linear-gradient(#000 var(--eind),transparent calc(var(--eind) + 48px));mask-image:linear-gradient(#000 var(--eind),transparent calc(var(--eind) + 48px))}
  .ptabs{display:flex;justify-content:space-between;align-items:center;gap:0;grid-template-columns:none}
  .ptab,.ptab:last-child{flex-direction:column;align-items:center;gap:0;padding:4px;border-radius:50%;background:none!important;box-shadow:none!important;width:auto}
  .ptab .pt-t{display:none}
  .ptab .pt-img{width:54px;height:54px;border-radius:50%;transition:box-shadow .25s}
  .ptab.on .pt-img{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--purple)}
  .pt-five i{width:20px;height:20px;margin-left:-9px}
  .pnu{min-height:66px}

}


img.ui{display:block;width:100%;height:auto;border-radius:0!important;box-shadow:none!important;background:none!important}
.ui-set{display:grid;gap:10px;align-content:start}
:is(.tray,.shot,.stack,.mega-shot,.card,.chip,.pchip,.float):has(img.ui.w){background:#fff}
:is(.tray,.shot,.stack,.mega-shot,.card,.chip,.pchip,.float):has(img.ui.g){background:var(--app)}
:is(.tray,.shot,.stack,.mega-shot):has(img.ui.w){box-shadow:inset 0 0 0 1px rgba(20,19,23,.07)}
.tray.fade,.tray .fade{max-height:var(--max,420px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.tray.nacht{background:var(--night)!important;box-shadow:none!important;padding:22px 14px}
.tray.nacht img{border-radius:22px;background:rgba(238,236,242,.96);box-shadow:var(--shadow-l)}
.lang[hidden]{display:none!important}
.honing{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tokenform{display:contents}




.stand{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px 0 9px;border-radius:8px;font-size:13.5px;font-weight:620;
  letter-spacing:-.005em;white-space:nowrap;vertical-align:middle;line-height:1;flex:none}
.stand svg{width:15px;height:15px;flex:none}
.stand.s-a{background:#DCE9DF;color:#173326}
.stand.s-b{background:#F1E4C6;color:#5F410E}
.stand.s-c{background:#fff;color:var(--ink);border:1.5px dashed rgba(20,19,23,.42)}
.stand.s-d{background:transparent;color:var(--ink-3);border:1.5px dashed rgba(20,19,23,.22)}
.stand.sm{height:25px;font-size:13px;padding:0 9px 0 7px;gap:6px}
.stand.sm svg{width:13px;height:13px}
.stand.on-img{position:absolute;z-index:6;left:14px;top:14px;box-shadow:0 6px 18px -6px rgba(20,19,23,.35)}
.stand.dark.s-c{background:rgba(243,239,231,.1);color:var(--paper);border-color:rgba(243,239,231,.55)}
.stand.dark.s-a{background:#DCE9DF;color:#173326}
.link.sm{font-size:15px}
.biz .nav{position:relative}
.biz [hidden]{display:none!important}
.biz .subnav{top:0}
.st-sub .pill{margin-left:8px;transition:opacity .2s,visibility .2s}
.st-sub.pil-uit .pill{opacity:0;visibility:hidden}


.bh{padding:56px 0 24px}
.bh-top{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end}
.bh-copy{grid-column:1/8}
.bh h1{font-size:86px;line-height:.96;letter-spacing:-.048em;font-weight:600;margin-top:22px}
.bh h1 span{display:block}
.bh-copy .lead{margin-top:28px;font-size:21px;max-width:40ch}
.bh-side{grid-column:8/13;display:flex;flex-direction:column;gap:22px;padding-bottom:4px}
.bh-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.bh-status{background:var(--card);border-radius:var(--r-m);padding:18px 20px 20px;display:grid;gap:16px}
.bs+.bs{padding-top:16px;border-top:1px solid var(--line)}
.bs p{font-size:15px;line-height:1.45;color:var(--ink-2);margin-top:9px}
.bs .link{margin-top:8px}

.st-kort{padding-bottom:0}
.st-binnenkort{margin-top:28px}
.st-binnenkort .stand{height:36px;padding:0 15px 0 12px;gap:9px;font-size:16px}
.st-binnenkort .stand svg{width:17px;height:17px}
.st-aanvraag{padding-top:40px}
.st-kort+.st-aanvraag{padding-top:80px}
.st-kort+.st-aanvraag .f-intro .h2{font-size:42px}
.f-card>.f-prog:first-child{margin-top:0}
@media (max-width:820px){.st-binnenkort{margin-top:20px}.st-kort+.st-aanvraag{padding-top:56px}.st-kort+.st-aanvraag .f-intro .h2{font-size:34px}}
.bh-stage{position:relative;height:760px;margin-top:56px;border-radius:var(--r-xl);overflow:hidden;background:#2a2620}
.bh-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.bh-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,16,14,.42),rgba(18,16,14,.12) 45%,rgba(18,16,14,.38))}
.laptop{position:absolute;z-index:2;left:50%;top:76px;width:1040px;margin-left:-520px}
.lp-screen{background:#0D0D0F;border-radius:20px 20px 0 0;padding:13px 13px 17px;box-shadow:0 50px 90px -30px rgba(0,0,0,.7)}
.lp-screen img{width:100%;height:auto;border-radius:3px}
.lp-base{height:19px;margin:0 -58px;background:linear-gradient(180deg,#E2E0E6,#B3B1B8 60%,#8F8D95);border-radius:0 0 26px 26px/0 0 19px 19px;position:relative}
.lp-base::before{content:"";position:absolute;left:50%;top:0;width:150px;margin-left:-75px;height:7px;background:#BDBBC2;border-radius:0 0 10px 10px}
.bh-stage .phone{position:absolute;z-index:3;--w:300px;box-shadow:0 40px 70px -24px rgba(0,0,0,.7)}
.bh-stage .p-sam{left:28px;top:262px}
.bh-stage .p-sophie{right:28px;top:204px}
.bh-stage .chip-label{position:absolute;z-index:4;background:rgba(255,255,255,.96);border-radius:999px;padding:7px 13px;font-size:14px;color:var(--ink);
  box-shadow:0 6px 18px -6px rgba(0,0,0,.4)}
.bh-stage .bl-eva{left:50%;transform:translateX(-50%);top:30px}
.bh-stage .bl-sam{left:40px;top:216px}
.bh-stage .bl-sophie{right:40px;top:158px}
.bh .stage-caption{text-align:left}


.st-nu .head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;margin-bottom:64px}
.st-nu .duo{grid-column:1/8;margin-top:0;font-size:46px;max-width:none}
.nu-sub{grid-column:8/13}
.nu-sub .lead{font-size:18px}
.st-uitleg{margin-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;line-height:1.45;color:var(--ink-3)}
.st-mess .m-board{left:330px;top:0;width:380px;height:auto;padding:20px 24px 44px;font-size:27px;line-height:1.18}
.st-mess .m-board b{display:block;font-weight:500;font-size:33px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.st-mess .m-board small{display:block;font-size:22px;opacity:.75;margin:4px 0 10px}
.st-mess .m-board span{display:block;margin-top:6px}
.st-chat{width:340px;padding:16px 16px 18px}
.st-chat .ct{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;margin-bottom:12px}
.st-chat .ct .who{margin:0}
.st-chat .bubble{font-size:16px;line-height:1.38}
.st-chat .bubble b{display:block;font-size:13px;font-weight:650;color:#3E7A4E;margin-bottom:2px}
.st-chat .bubble.b2{margin-top:8px;background:#F1EFEA}
.st-chat .bubble.b2 b{color:#8C4A2B}
.st-sheet{left:300px;top:300px;width:440px;transform:rotate(1.4deg);overflow:visible}
.st-sheet .sh-t{border-radius:8px 8px 0 0}
.st-sheet .row:last-of-type>*{border-bottom:0}
.st-sheet .sh-t{font-size:13px;font-weight:650;padding:9px 12px;background:#1F7A4D;color:#fff;letter-spacing:.01em}
.st-sheet .row{grid-template-columns:30px 118px 132px 1fr}
.st-sheet .row>*{white-space:normal;line-height:1.3;font-size:14px}
.st-sheet .row.k>*:not(:first-child){font-weight:650;background:#F7F6F3}
.st-sheet .note{position:absolute;right:-14px;bottom:-30px;background:#FFF4B8;color:#5B4A12;font-size:14px;font-weight:550;padding:10px 12px;border-radius:4px;
  box-shadow:0 8px 20px -8px rgba(0,0,0,.3);transform:rotate(-3deg);max-width:200px}
.m-msg{left:20px;top:360px;width:270px;background:#E9E9EB;border-radius:20px 20px 20px 6px;padding:10px 14px 12px;transform:rotate(-2deg);font-size:17px;line-height:1.35}
.m-msg b{display:block;font-size:13px;font-weight:650;color:var(--ink-3);margin-bottom:2px}
.st-nu .order p{font-size:28px}
.crop,.bshot{position:relative;background:#F4F3F7;border-radius:18px;padding:52px 12px 12px;box-shadow:var(--shadow)}
.st-nu .crop{display:block;padding:52px 18px 22px}
.st-nu .crop img{width:300px;box-shadow:0 10px 26px -12px rgba(20,19,23,.35)}
.st-nu .crop img+img{margin:-58px 0 0 auto;position:relative}
.crop img{width:100%;height:auto;border-radius:10px}
.crop .stand.on-img,.bshot .stand.on-img{left:12px;top:12px;box-shadow:none}
.nu-cap{margin-top:36px;display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:14px;color:var(--ink-3)}


.rollen{background:var(--forest);color:var(--paper);border-radius:var(--r-xl);overflow:hidden;padding:80px 0 0 80px;position:relative}
.r-head{padding-right:80px}
.rollen .h2{font-size:60px;max-width:18ch}
.rollen .rtabs{margin-top:30px}
.rtabs{display:flex;gap:8px;flex-wrap:wrap}
.rtab{height:46px;padding:0 20px;border-radius:999px;background:rgba(243,239,231,.10);color:var(--paper);font-weight:600;font-size:16px;transition:background .25s,color .25s}
.rtab:hover{background:rgba(243,239,231,.18)}
.rtab.on{background:var(--paper);color:var(--forest)}
.rtab:focus-visible{outline:2px solid var(--hay);outline-offset:3px}
.r-body{display:grid;grid-template-columns:330px 1fr;gap:64px;margin-top:48px}
.r-txt{padding-bottom:72px}
.r-txt h3{font-size:30px;line-height:1.1;letter-spacing:-.03em;font-weight:600}
.r-txt p{margin-top:14px;color:rgba(243,239,231,.8);font-size:17px;line-height:1.5}
.r-txt p.fine{font-size:15px;color:rgba(243,239,231,.62)}
.r-txt .rt>.stand{margin-top:22px}
.rblk{margin-top:24px;padding-top:22px;border-top:1px solid rgba(243,239,231,.14)}
.rblk p{margin-top:12px}
.r-stage{position:relative;min-height:600px}
.rv{position:absolute;inset:0}
.rv .stand.on-img{left:0;top:0;box-shadow:none}
.rv .win{position:absolute;left:0;top:46px;width:1300px;border-radius:14px 0 0 0;box-shadow:0 30px 70px -20px rgba(0,0,0,.55)}
.rv .phone{position:absolute;--w:292px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.rv[data-i="1"] .p1{left:0;top:46px}
.rv[data-i="1"] .p2{left:320px;top:96px}
.rv[data-i="2"] .p1{left:60px;top:46px}
.win{background:#fff;overflow:hidden;border-radius:14px;box-shadow:var(--shadow-l)}
.win img{display:block;width:100%;height:auto}


.st-demo .head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;margin-bottom:56px}
.st-demo .head .kicker{grid-column:1/-1;margin-bottom:20px}
.st-demo .head .h2{grid-column:1/7}
.sd-intro{grid-column:8/13}
.sd-intro .lead{font-size:18px}
.sd-intro .fine{margin-top:12px;font-size:14px;color:var(--ink-3)}
.sdemo{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
.sdemo .dsteps{grid-column:1/5}
.sdemo .dsteps::before{top:40px;bottom:40px}
.sdemo .dstep{padding:14px 18px}
.dt i{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.01em;line-height:18px}
.sstage{position:relative;height:820px;border-radius:var(--r-xl);overflow:hidden;background:var(--paper-2)}
.sv{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.sv.on{opacity:1;visibility:visible;transition:opacity .45s ease}
.sv-tel .phone{--w:336px;position:absolute;left:50%;margin-left:-168px;top:46px}
.sv-win .win{position:absolute;top:56px;width:1224px;border-radius:14px}
.sv-win[data-code="D02"] .win{right:24px}
.sv .kaart{position:absolute;left:28px;top:58px;width:610px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-l)}
.sv .kaart img{display:block;width:100%;height:auto}
.sv .zweef{position:absolute;right:20px;bottom:26px;width:370px;border-radius:16px;box-shadow:0 24px 50px -16px rgba(20,19,23,.45)}
.mcrop{display:none}
.sstage-wrap{grid-column:5/13}
.sbar{position:relative;margin-top:12px;z-index:7;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:6px;box-shadow:0 10px 30px -12px rgba(20,19,23,.35)}
.sbar button{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;font-weight:600;font-size:15px}
.sbar button svg{width:16px;height:16px}
.sb-prev svg{transform:rotate(90deg)}
.sb-next svg{transform:rotate(-90deg)}
.sb-next{background:var(--ink);color:var(--paper)}
.sb-next.eind svg{display:none}
.sb-prev:disabled{opacity:.35;cursor:default}
.sb-prev:not(:disabled):hover,.sb-zoom:hover{background:var(--paper)}
.sb-tel{font-size:14px;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:4px}
.sb-zoom{margin-left:auto}
.sd-fine{margin-top:18px;font-size:13.5px;color:var(--ink-3);text-align:right}
.zoom{border:0;padding:0;margin:auto;background:var(--paper);border-radius:22px;max-width:min(1400px,94vw);max-height:92vh;overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.6)}
.zoom::backdrop{background:rgba(20,19,23,.6);backdrop-filter:blur(4px)}
.zoom-top{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 18px}
.zoom-kop{font-weight:620;font-size:16px}
.zoom-x{margin-left:auto;width:44px;height:44px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center}
.zoom-x svg{width:18px;height:18px}
.zoom-body{padding:0 18px 18px;overflow:auto;max-height:calc(92vh - 72px)}
.zoom-body img{border-radius:12px;width:100%;height:auto}
.zoom[data-soort="tel"] .zoom-body img{width:393px;max-width:100%;margin:0 auto}


.st-beloften .b-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;margin-bottom:56px}
.st-beloften .b-head .h2{grid-column:1/8;max-width:15ch;margin:0}
.st-beloften .b-head .lead{grid-column:8/13;font-size:18px}
.st-beloften .bento{grid-template-rows:540px 520px 430px 500px}
.st-tile{min-height:0;padding:30px 30px 0}
.st-tile>.stand{margin-top:16px;align-self:flex-start}
.st-tile .bshot{margin:26px -2px 0;flex:1;min-height:0;overflow:hidden;border-radius:18px 18px 0 0;box-shadow:none;padding:48px 14px 0}
.bshot img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0;box-shadow:0 0 0 1px rgba(20,19,23,.06),0 8px 24px -10px rgba(20,19,23,.2)}
.bt-1{grid-column:1/6;grid-row:1/3}
.bt-1 .bshot{padding-left:22px;padding-right:22px}
.bt-2{grid-column:6/13;grid-row:1}
.bt-3{grid-column:6/13;grid-row:2}
.bt-4{grid-column:1/8;grid-row:3}
.bt-5{grid-column:8/13;grid-row:3}
.bt-6{grid-column:1/8;grid-row:4}
.bt-7{grid-column:8/13;grid-row:4}
.bt-4 .bshot img{border-radius:10px}
.bt-6 .bshot{padding-bottom:0}
.bt-6 .bshot img.over{position:absolute;right:16px;bottom:22px;width:52%;border-radius:12px;box-shadow:0 18px 40px -14px rgba(20,19,23,.4)}


.st-standen .h2{max-width:16ch;margin-bottom:56px}
.srows{border-top:1px solid var(--line)}
.srow{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}
.sl{grid-column:1/5}
.sl p{margin-top:14px;font-size:17px;line-height:1.45;color:var(--ink-2);max-width:30ch}
.sp{grid-column:5/13}
.sp ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 36px}
.sp li{position:relative;padding-left:24px;font-size:17px;line-height:1.45}
.sp li::before{content:"";position:absolute;left:1px;top:.42em;width:10px;height:10px;border-radius:3px;background:var(--ink-g)}
#stand-a li::before{background:#2F6B4C}
#stand-b li::before{background:#C9A24E}
#stand-c li::before{background:#fff;border:1.5px dashed rgba(20,19,23,.5)}
#stand-d li::before{background:none;border:1.5px dashed rgba(20,19,23,.25)}
.srow.kort{padding:30px 0}
.srow.kort li{color:var(--ink-3);font-size:16px}
.st-grens{margin-top:24px;font-size:15px;line-height:1.5;color:var(--ink-3);max-width:72ch;padding-left:14px;border-left:2px solid var(--line)}
.onderzoek{margin-top:22px;background:var(--card);border-radius:16px;padding:0 20px;scroll-margin-top:90px}
.onderzoek summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-weight:600;font-size:16px;cursor:pointer}
.onderzoek summary::-webkit-details-marker{display:none}
.onderzoek summary svg{width:20px;height:20px;flex:none;transition:transform .3s}
.onderzoek[open] summary svg{transform:rotate(45deg)}
.onderzoek .open{display:none}
.onderzoek[open] .open{display:inline}
.onderzoek[open] .dicht{display:none}
.onderzoek>p{font-size:15px;line-height:1.55;color:var(--ink-2);padding-bottom:14px;max-width:70ch}
.bronnen{list-style:none;padding-bottom:20px;display:grid;gap:8px}
.bronnen li{font-size:15px;color:var(--ink-2)}
.bronnen a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(20,19,23,.3)}
.bronnen a:hover{text-decoration-color:currentColor}


.e2{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
.e2-txt{grid-column:1/7}
.e2-txt .h2{font-size:54px;max-width:15ch}
.blk{margin-top:30px}
.blk p{margin-top:12px;font-size:17px;line-height:1.5;color:var(--ink-2);max-width:48ch}
.blk p.fine{font-size:15px;color:var(--ink-3)}
.e2-txt>.link{margin-top:32px}
.e2-pic{grid-column:8/13}
.e2-stage{position:relative;height:640px;border-radius:var(--r-xl);background:#E3E9DA;overflow:hidden}
.e2-stage .phone{--w:320px;position:absolute;left:50%;margin-left:-160px;top:70px;box-shadow:var(--shadow-l)}
.e2-stage .stand.on-img{left:18px;top:18px}
.e2-pic figcaption{margin-top:12px;font-size:13px;color:var(--ink-3)}


.samen{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;background:var(--night);color:var(--paper);border-radius:var(--r-xl);overflow:hidden}
.sm-foto{grid-column:1/6;position:relative;min-height:560px}
.sm-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 50%}
.sm-txt{grid-column:6/13;padding:72px 72px 72px 32px}
.samen .h2{font-size:52px;max-width:14ch}
.samen .lead{color:rgba(243,239,231,.78);margin-top:20px;font-size:18px}
.ssteps{list-style:none;margin-top:36px;display:grid;gap:20px}
.ssteps li{display:flex;gap:16px}
.ssteps .node{flex:none;width:32px;height:32px;background:rgba(243,239,231,.12);color:var(--paper)}
.ssteps h3{font-size:19px;font-weight:620;letter-spacing:-.02em;line-height:32px}
.ssteps p{font-size:16px;color:rgba(243,239,231,.72);margin-top:2px;line-height:1.45}
.sm-foot{margin-top:36px;padding-top:28px;border-top:1px solid rgba(243,239,231,.14)}
.sm-foot p{font-size:15px;color:rgba(243,239,231,.72);line-height:1.5}
.sm-foot p.strong{color:var(--paper);font-weight:600;margin-top:8px}
.sm-foot .pill{margin-top:24px}


.fwrap{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
.f-intro{grid-column:1/5;position:sticky;top:96px}
.f-intro .h2{font-size:54px}
.f-intro .lead{margin-top:18px;font-size:18px}
.f-doel{margin-top:16px;font-size:15px;line-height:1.5;color:var(--ink-3);max-width:36ch}
.f-card{grid-column:6/13;background:var(--card);border-radius:var(--r-l);padding:32px 40px 40px;box-shadow:var(--shadow);scroll-margin-top:80px}
.proto{display:flex;gap:10px;align-items:center;background:#F7F1E5;border:1.5px dashed rgba(140,74,43,.4);color:#6B3A20;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}
.proto svg{width:16px;height:16px;flex:none}
.f-prog{margin-top:26px}
.f-groepen{list-style:none;display:flex;gap:22px;font-size:14px;font-weight:600;color:var(--ink-g)}
.f-groepen li.on{color:var(--ink)}
.f-groepen li.done{color:var(--ink-2)}
.f-teller{font-size:13px;color:var(--ink-3);margin-top:4px}
.f-balk{height:4px;border-radius:2px;background:var(--paper-2);margin-top:12px;overflow:hidden}
.f-balk i{display:block;height:100%;width:33.3%;background:var(--ink);border-radius:2px;transition:width .4s ease-out}
.f-req{font-size:13.5px;color:var(--ink-3);margin-top:22px}
.f-sam{margin-top:16px;background:#FBE9E6;color:#9B2316;border-radius:12px;padding:12px 14px;font-weight:600;font-size:15px}
.fg{border:0;min-width:0}
.fg>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fq{border:0;margin-top:28px;min-width:0;padding:0}
.fq>legend,.fq>label{font-size:17px;font-weight:620;letter-spacing:-.01em;display:block;padding:0;line-height:1.35}
.hint{font-size:14px;line-height:1.45;color:var(--ink-3);margin-top:4px}
.fq input:not([type=radio]):not([type=checkbox]),.fq select,.fq textarea{display:block;width:100%;margin-top:10px;height:52px;border-radius:14px;
  border:1.5px solid rgba(20,19,23,.16);background:#fff;padding:0 16px;font:inherit;font-size:17px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.fq select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23141317' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/16px}
.fq textarea{height:auto;padding:14px 16px;resize:vertical;line-height:1.45}
.fq input.num{max-width:200px}
.fq input:focus,.fq select:focus,.fq textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(20,19,23,.08)}
.fq.invalid>input,.fq.invalid>select,.fq.invalid .ch{border-color:#C0392B}
.ferr{color:#9B2316;font-size:14px;margin-top:8px;font-weight:550}
.chs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ch{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-radius:14px;border:1.5px solid rgba(20,19,23,.14);cursor:pointer;
  font-size:16px;font-weight:550;background:#fff;transition:border-color .15s,background .15s}
.ch:hover{border-color:rgba(20,19,23,.32)}
.ch:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#FBF9F5}
.ch input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:0}
.ch:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.sub{grid-column:1/-1;background:var(--paper);border-radius:14px;padding:16px 16px 18px}
.sub b{display:block;font-size:15px;font-weight:620}
.sub p{font-size:14px;line-height:1.45;color:var(--ink-2);margin-top:4px}
.sub label{display:block;font-size:15px;font-weight:600;margin-top:12px}
.sub label:first-child{margin-top:0}
.sub input{margin-top:8px!important}
.f-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:34px;align-items:center}
.f-terug{height:56px;padding:0 22px;border-radius:999px;font-weight:600;font-size:16px;color:var(--ink-2);margin-right:auto}
.f-terug:hover{background:var(--paper)}
.f-slot{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}
.f-review summary{list-style:none;display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;cursor:pointer;min-height:44px}
.f-review summary::-webkit-details-marker{display:none}
.f-review summary svg{width:15px;height:15px;transition:transform .25s}
.f-review[open] summary svg{transform:rotate(180deg)}
.f-review dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px 18px;margin:8px 0 6px;font-size:15px;line-height:1.4}
.f-review dt{color:var(--ink-3)}
.f-review dd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}
.f-review dd span{overflow-wrap:anywhere}
.f-wijzig{font-weight:600;text-decoration:underline;text-underline-offset:2px;font-size:14px;flex:none}
.f-privacy{margin-top:14px;font-size:14px;color:var(--ink-3);line-height:1.5}
.f-privacy a{text-decoration:underline;text-underline-offset:2px;color:var(--ink-2)}
.f-mnav{display:flex;gap:6px;margin-top:30px;align-items:center}
.f-mnav .f-terug{padding:0 16px}
.f-mnav .pill{margin-left:auto}
.f-skip{height:56px;padding:0 16px;border-radius:999px;font-weight:600;font-size:16px;color:var(--ink-2);margin-left:auto}
.f-skip+.pill{margin-left:0}
.f-klaar{text-align:center;padding:44px 0 16px;outline:none}
.f-vink{width:60px;height:60px;border-radius:50%;background:var(--forest);display:grid;place-items:center;margin:0 auto 20px;color:#fff}
.f-vink svg{width:24px;height:24px}
.f-klaar h3{font-size:28px;letter-spacing:-.03em;font-weight:620}
.f-klaar p{max-width:44ch;margin:12px auto 0;color:var(--ink-2);line-height:1.5}
.f-klaar .pill{margin-top:28px;background:var(--paper-2)}

.f-verzend{margin-top:18px;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.45;background:var(--paper-2);color:var(--ink)}
.f-verzend b{font-weight:600}
.f-verzend.fout{background:#FBE9E6;color:#9B2316;outline:none}
.f-verzend.fout p{font-weight:600}
.f-verzend .pill{margin-top:12px}
#sform [aria-busy="true"]{opacity:.7;pointer-events:none}


.biz-row{padding:0 0 24px}
.biz-row p{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:17px;color:var(--ink-2)}
.cols .h4-2{margin-top:26px}

@media (prefers-reduced-motion:reduce){.sv,.sv.on{transition:none}.f-balk i{transition:none}}

@media (max-width:820px){
  .biz .subnav .wrap{gap:12px}
  .st-sub nav{display:none}
  .st-sub b{font-size:16px}
  .bh{padding:22px 0 8px}
  .bh-top{display:block}
  .bh h1{font-size:46px;line-height:1;margin-top:16px}
  .bh h1 span{text-wrap:balance}
  .bh-copy .lead{font-size:18px;margin-top:18px}
  .bh-side{margin-top:24px;gap:18px}
  .bh-cta{flex-direction:column;align-items:stretch;gap:14px}
  .bh-cta .link{align-self:center}
  .bh-status{padding:16px}
  .bh-stage{height:500px;margin:26px -16px 0;border-radius:0}
  .laptop{width:620px;left:-30px;margin-left:0;top:60px}
  .lp-screen{padding:7px 7px 9px;border-radius:12px 12px 0 0}
  .lp-base{height:11px;margin:0 -30px}
  .lp-base::before{width:80px;margin-left:-40px;height:4px}
  .bh-stage .phone{--w:178px}
  .bh-stage .p-sam{left:12px;top:250px}
  .bh-stage .p-sophie{right:12px;left:auto;top:214px}
  .bh-stage .chip-label{font-size:12px;padding:5px 10px}
  .bh-stage .bl-eva{left:auto;right:12px;transform:none;top:16px}
  .bh-stage .bl-sam{left:14px;top:214px}
  .bh-stage .bl-sophie{right:14px;top:178px}
  .bh .stage-caption{padding:0 2px}
  .st-nu .head{display:block;margin-bottom:28px}
  .st-nu .duo{font-size:32px}
  .nu-sub{margin-top:16px}
  .st-mess{height:770px;margin:0 -16px;overflow:hidden}
  .st-mess .m-board{left:auto;right:12px;top:6px;width:262px;font-size:20px;padding:14px 16px 30px;border-width:7px}
  .st-mess .m-board b{font-size:24px}
  .st-mess .m-board small{font-size:17px}
  .st-chat{left:12px;top:262px;width:300px}
  .st-sheet{left:auto;right:10px;top:540px;width:340px}
  .st-sheet .row{grid-template-columns:24px 90px 100px 1fr}
  .st-sheet .row>*{font-size:12px;padding:7px 6px}
  .st-sheet .note{right:6px;bottom:-34px;font-size:13px}
  .m-msg{left:12px;top:178px;width:230px;font-size:15px;z-index:2}
  .st-nu .order{margin-top:26px}
  .st-nu .order p{font-size:22px}
  .nu-cap{margin-top:22px}
  .rollen{padding:40px 0 0 20px}
  .r-head{padding-right:20px;gap:22px}
  .rollen .h2{font-size:38px}
  .r-body{display:block;margin-top:30px}
  .r-txt{padding:0 20px 28px 0}
  .r-txt h3{font-size:24px}
  .r-txt .rt>.stand{display:none}
  .r-stage{min-height:470px}
  .rv .win{width:820px;top:40px}
  .rv .phone{--w:206px}
  .rv[data-i="1"] .p2{left:186px;top:80px}
  .rv[data-i="2"] .p1{left:40px}
  .st-demo .head{display:block;margin-bottom:28px}
  .st-demo .head .kicker{margin-bottom:14px}
  .sd-intro{margin-top:16px}
  .sdemo{display:block}
  .sdemo .dsteps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sdemo .dsteps::before{display:none}
  .sdemo .dstep{padding:10px 12px;gap:10px;border-radius:16px;background:rgba(255,255,255,.5);align-items:center}
  .sdemo .dstep .node{width:28px;height:28px;font-size:13px}
  .sdemo .dstep .dt{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
  .sdemo .dstep .dt b{font-size:15px;line-height:1.25}
  .sdemo .dstep .dt i,.sdemo .dstep .dt span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .sdemo .dnu{display:block;margin:18px 2px 14px}
  .sdemo .dnu i{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--ink-3)}
  .sdemo .dnu b{display:block;font-size:19px;letter-spacing:-.02em;margin-top:2px}
  .sdemo .dnu span{display:block;font-size:16px;line-height:1.45;color:var(--ink-2);margin-top:4px}
  .sstage{height:600px;margin:0 -16px;border-radius:0}
  .sv-tel .phone{--w:262px;margin-left:-131px;top:24px}
  .sv-win .win,.sv .kaart,.sv .zweef{display:none}
  .mcrop{display:flex;flex-direction:column;gap:12px;position:absolute;left:16px;right:16px;top:56px;bottom:0;overflow:hidden}
  .mcrop img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow)}
  .sbar{gap:2px;padding:5px;margin-top:10px}
  .sbar button{padding:0 12px;font-size:14px}
  .sb-prev span,.sb-zoom span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .sb-prev,.sb-zoom{width:44px;justify-content:center;padding:0!important}
  .sb-tel{font-size:13px}
  .sb-zoom{margin-left:0}
  .sb-next{margin-left:auto}
  .sd-fine{text-align:left}
  .st-beloften .b-head{display:block;margin-bottom:28px}
  .st-beloften .b-head .lead{margin-top:14px}
  .st-beloften .bento{display:flex;flex-direction:column;gap:14px}
  .st-tile{padding:24px 22px 0}
  .st-tile .bshot{flex:none;height:300px;margin-top:22px}
  .bt-1 .bshot{height:360px}
  .bt-4 .bshot{height:auto;padding-bottom:14px;border-radius:18px;margin-bottom:22px}
  .bt-6 .bshot img.over{width:78%;right:10px;bottom:14px}
  .bt-2 .bshot img,.bt-3 .bshot img{width:165%;max-width:none}
  .bt-4 .bshot img{width:150%;max-width:none}
  .bt-6 .bshot img:not(.over){width:150%;max-width:none}
  .st-standen .h2{margin-bottom:28px}
  .srow{display:block;padding:28px 0}
  .sp{margin-top:20px}
  .sp ul{grid-template-columns:1fr;gap:10px}
  .onderzoek{padding:0 16px}
  .e2{display:block}
  .e2-txt .h2{font-size:38px}
  .e2-pic{margin-top:32px}
  .e2-stage{height:520px}
  .e2-stage .phone{--w:260px;margin-left:-130px;top:64px}
  .samen{display:block}
  .sm-foto{min-height:260px}
  .sm-txt{padding:32px 22px 36px}
  .samen .h2{font-size:36px}
  .sm-foot .pill{width:100%}
  .fwrap{display:block}
  .f-intro{position:static}
  .f-intro .h2{font-size:38px}
  .f-card{margin:28px -6px 0;padding:22px 18px 26px}
  .f-groepen{gap:14px;font-size:13px}
  .chs{grid-template-columns:1fr}
  .f-nav{gap:6px}
  .f-nav .f-terug{padding:0 14px}
  .f-nav .pill{flex:1;padding:0 18px}
  .f-review dl{grid-template-columns:1fr}
  .f-review dt{margin-top:6px}
  .biz-row p{font-size:16px}
}
.bh h1 .it{font-size:1.07em;letter-spacing:-.02em;padding-right:.02em}


.dstep .dx{display:none}
.dstep.on .dx{display:block;margin-top:12px;padding:12px 14px 13px;border-radius:14px;background:rgba(104,70,216,.07)}
.dx strong{display:block;font-size:15px;font-weight:620;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.dx span{display:block;margin-top:3px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.dnu .dx{display:block;margin-top:12px;padding:11px 13px 12px;border-radius:14px;background:var(--card)}
.dnu .dx[hidden]{display:none}
.fp[data-belofte="together"] #standen{padding-top:64px!important}
@media (prefers-reduced-motion:no-preference){.dstep.on .dx{animation:dxin .35s ease-out}}
@keyframes dxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}


.bs-kort{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.bs-kort .link{margin-top:0}
.bh-kaart{display:none}
.st-nu .a-grid{display:block}
.st-nu .st-mess{grid-column:auto;width:770px;margin:0 auto}
.st-nu .nu-cap{justify-content:center}
.st-overgang{margin:88px auto 0;max-width:23ch}
.st-nu{padding-bottom:40px}
.sstage{height:870px}
.sv .kaart{width:min(590px,calc(100% - 268px))}
.sv .zweef{bottom:24px}
.fstat{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px 0 10px;border-radius:999px;background:#fff;color:var(--ink);
  font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 0 0 1px rgba(20,19,23,.1),0 8px 20px -10px rgba(20,19,23,.3)}
.fstat svg{width:15px;height:15px;color:var(--ink-3)}
.sv .fstat{position:absolute;right:24px;top:70px}
.zoom-body img{transition:none}
.zoom[data-soort="win"] .zoom-body img{cursor:zoom-in}
.zoom-body.echt img{width:2160px;max-width:none;cursor:zoom-out!important}
.rv-m,.m-beeld{display:none}
.st-standen .h2{margin-bottom:36px}
.srow{padding:28px 0}
.sl p{font-size:16px;margin-top:12px}
.sp ul{grid-template-columns:1fr 1fr 1fr;gap:10px 28px}
.sp li{font-size:15px;line-height:1.42;padding-left:20px}
.sp li::before{width:9px;height:9px}
.st-grens{margin-top:18px;font-size:14px}
.srow.kort{padding:22px 0}
.srow.kort li{font-size:15px}
.e3{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:20px;align-items:start;background:var(--card);border-radius:var(--r-xl);padding:40px 44px}
.e3-kop{grid-column:1/5}
.e3-kop .h2{font-size:34px;line-height:1.08;max-width:14ch}
.e3-kop .link{margin-top:20px}
.e3 .blk{margin-top:4px}
.e3 .e3-a{grid-column:5/9}
.e3 .e3-c{grid-column:9/13}
.e3 .blk p{font-size:16px;max-width:none}
.e3 .blk p.fine{font-size:13.5px}

@media (max-width:820px){
  
  .bh .wrap{display:flex;flex-direction:column}
  .bh-top,.bh-side{display:contents}
  .bh-copy{order:1}
  .bh-status{order:2;margin-top:22px}
  .bh-stage{order:3}
  .bh .stage-caption{order:4}
  .bh-cta{order:5;margin-top:22px}
  .bh-stage{height:600px}
  .bh-stage .laptop{display:none}
  .bh-kaart{display:block;position:absolute;z-index:3;left:16px;right:16px;top:60px;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
  .bh-kaart img{display:block;width:100%;height:auto}
  .bh-stage .phone{--w:200px}
  .bh-stage .p-sam{left:12px;top:252px}
  .bh-stage .p-sophie{right:12px;left:auto;top:292px;z-index:4}
  .bh-stage .bl-eva{left:auto;right:14px;top:16px}
  .bh-stage .bl-sam{left:16px;top:214px}
  .bh-stage .bl-sophie{right:16px;top:254px;z-index:5}
  .st-nu .st-mess{width:auto;margin:0 -16px}
  .st-nu .nu-cap{justify-content:flex-start}
  .st-overgang{margin:48px 0 0;text-align:left}
  .st-nu{padding-bottom:8px}
  .r-stage{min-height:0}
  .rv{position:relative;inset:auto;height:470px}
  .rv[data-i="0"]{height:auto;padding:40px 20px 28px 0}
  .rv[data-i="0"] .win{display:none}
  .rv-m{display:block}
  .rv-m img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6)}
  .sstage{height:600px}
  .sv>.fstat{display:none}
  .sv .mcrop .fstat{position:static;align-self:flex-start;flex:none}
  .heeft-m .bshot{height:auto;padding-bottom:14px;border-radius:18px;margin-bottom:22px}
  .heeft-m .bshot>img{display:none}
  .heeft-m .m-beeld{display:flex;flex-direction:column;gap:10px}
  .heeft-m .m-beeld img{width:100%!important;max-width:100%!important;height:auto;border-radius:10px;position:static!important}
  .strook{display:flex;gap:6px;align-items:flex-start}
  .strook img{min-width:0}
  .sp ul{grid-template-columns:1fr}
  .e3{display:block;padding:26px 22px}
  .e3-kop .h2{font-size:30px}
  .e3-kop .link{margin-top:14px}
  .e3 .blk{margin-top:24px}
  .zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .zoom-body{max-height:calc(100dvh - 72px);padding:0 0 18px}
  .zoom-body img{border-radius:0}
  .zoom[data-soort="tel"] .zoom-body img{width:min(393px,100%)}
  .zoom-body.echt img{width:1440px}
}


.pstage .pgroep{width:50%;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);grid-template-areas:"l a" "l m" "b r"}
.pgroep .g-luna{grid-area:l}.pgroep .g-milo{grid-area:m}.pgroep .g-bella{grid-area:b}.pgroep .g-arthur{grid-area:a}.pgroep .g-rosie{grid-area:r}
@media (max-width:820px){
  .pstage .pgroep{display:grid;inset:auto;left:16px;right:16px;top:16px;bottom:auto;width:auto;height:96px;gap:8px;
    grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;grid-template-areas:"l a m b r"}
  .pstage .pgroep img{border-radius:16px}
  .pkeuze[data-paard="5"] .pstage .phone{top:128px}
  
  .pstage{transition:height .5s ease-out}
  .pkeuze[data-paard="5"] .pstage{height:608px}
}
.pstage .phone{transition:left .5s ease-out,margin-left .5s ease-out,top .5s ease-out}
@media (prefers-reduced-motion:reduce){.pstage .phone{transition:none}}


.zoom-stat{height:32px;font-size:13.5px;box-shadow:0 0 0 1px rgba(20,19,23,.1)}
@media (max-width:820px){
  .bh{padding-top:12px}
  .bh h1{margin-top:10px;font-size:44px}
  .bh-copy .lead{margin-top:12px;font-size:17px}
  .bh-status{display:contents}
  .bh-status .bs:first-child{order:2;margin-top:16px;background:var(--card);border-radius:var(--r-m);padding:14px 16px}
  .bh-status .bs:first-child p{margin-top:7px}
  .bh-status .bs-kort{order:5;margin-top:18px;padding-top:0;border-top:0}
  .bh-stage{margin-top:16px}
  .bh-kaart{top:52px}
  .bh-cta{order:6}
  .rv-m{display:flex;flex-direction:column;gap:10px}
  .rv-m .strook img{border-radius:10px;box-shadow:none}
  .zoom-top{flex-wrap:wrap;row-gap:8px}
  .zoom-top>.stand{order:1}
  .zoom-x{order:2}
  .zoom-kop{order:3;flex-basis:100%}
  .zoom-stat{order:4}
}


.vkaart{background:var(--card);border-radius:var(--r-l);padding:18px 18px 8px;box-shadow:var(--shadow);max-width:400px}
.vk-t{display:block;font-size:15px;font-weight:620;color:var(--ink-2);margin:0 2px 10px}
.vkaart>img{display:block;width:100%;height:auto}
.vk-r{list-style:none;margin:8px 0 0;padding:0}
.vk-r li{display:flex;gap:12px;align-items:flex-start;padding:12px 2px;border-top:1px solid var(--line);font-size:15px;line-height:1.4;color:var(--ink)}
.vk-r small{font-size:13.5px;color:var(--ink-3);white-space:nowrap}
.vk-ic{flex:none;width:28px;height:28px;border-radius:9px;background:var(--paper);display:grid;place-items:center;color:var(--forest)}
.vk-ic svg{width:16px;height:16px}

.t-cap,.tile p.t-cap{margin-top:6px;font-size:13.5px;color:var(--ink-3)}
.t-weather p.t-cap{color:rgba(255,255,255,.72)}



@media (min-width:821px) and (max-width:1120px){
  .sec-d .bento{grid-template-columns:1fr 1fr}
  .sec-d .bento>.tile{grid-column:auto}
  .sec-d .bento>.t-health{grid-column:1/-1}
  .pp{grid-template-columns:1fr 1fr}
  .pp .lead{grid-row:auto;grid-column:1/-1}
  .trust{grid-template-columns:1fr 1fr}
  
  .c-rain{width:min(400px,56%);top:250px}
  .c-app{left:24px;width:min(420px,58%)}
}

@media (min-width:821px) and (max-width:1279px){
  .a-grid{display:block}
  .mess{width:760px;max-width:100%;margin:0 auto}
  .order{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:48px;align-items:center;margin-top:56px}
  .order p{margin:0}
}

.sbar{position:sticky;bottom:12px}

@media (max-width:820px){
  .biz .nav{position:sticky;top:0}
  .biz .st-sub{display:none}
}

@media (pointer:coarse){
  .cols a{padding:10px 0}
  a.link{padding-block:10px;margin-block:-10px}
}

@media (prefers-reduced-motion:reduce){
  .dstage .phone,.fdemo .dstage .phone,.hl-box,.banner-ios,.fbox,.dcard{transition:none!important}
}

@media (max-width:820px){
  .chapter{display:flex;flex-direction:column;padding-bottom:40px}
  .chapter .txt{display:contents}
  .chapter .txt>*{margin-left:24px;margin-right:24px}
  .chapter .h2{order:2;margin-top:44px}.chapter .lead{order:3}.chapter .tabs{order:4}
  .chapter .ph{order:5;height:570px;margin-top:24px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 52px),transparent);mask-image:linear-gradient(#000 calc(100% - 52px),transparent)}
  
  .chapter .ph .phone{top:24px}
  .chapter .tabtext{order:6;margin-top:20px}
  .chapter .pill,.chapter .link{order:7;align-self:flex-start}
}

@media (min-width:821px) and (max-height:940px){
  .dstage{height:calc(100vh - 110px);min-height:560px}
  .dstage .phone{--w:clamp(250px,calc((100vh - 190px) / 2.17),352px)}
  .fdemo .dstage{height:calc(100vh - 110px);min-height:560px}
  .fdemo .dstage .phone{--w:clamp(240px,calc((100vh - 200px) / 2.17),340px);margin-left:calc(var(--w) / -2);top:36px}
}
@media (min-width:821px){
  .demo>.dstage,.fdemo>.dstage{position:sticky;top:88px;align-self:start}
  body.fp .fdemo>.dstage{top:72px}
}

@media (max-width:820px){
  .ptabs{width:100%}
  .ptab,.ptab:last-child{padding:3px}
  .ptab .pt-img{width:min(54px,calc((100vw - 32px) / 6 - 6px));height:min(54px,calc((100vw - 32px) / 6 - 6px))}
}


.gidsen .reg{display:block;columns:3;column-gap:24px}
.gidsen .reg div{break-inside:avoid;margin-bottom:24px}
.gidsen .reg a{--pijl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-wrap:pretty}
.gidsen .reg a[href*="/download/"]{--pijl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.5v8m0 0L5 7.5m3 3l3-3M3.5 13.5h9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.gidsen .reg a::after{content:"";flex:none;width:16px;height:16px;margin-top:4px;background:var(--ink-3);-webkit-mask:var(--pijl) center/16px no-repeat;mask:var(--pijl) center/16px no-repeat;transition:transform .2s ease,background-color .2s ease}
.gidsen .reg a:hover::after{background:var(--ink);transform:translateX(2px)}
.gidsen .reg a[href*="/download/"]:hover::after{transform:translateY(2px)}
@media (min-width:821px) and (max-width:1120px){.gidsen .reg{columns:2}}
@media (max-width:820px){.gidsen .reg{columns:1}}  

p a:not([class]){text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

@media (max-width:820px){
  .dstage{--sbg:var(--paper-2)}
  .fdemo .dstage{--sbg:color-mix(in srgb,var(--st,var(--hay)) 72%,#fff)}
  .dstage::before,.dstage::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
  .dstage::before{top:0;height:36px;background:linear-gradient(var(--sbg) 30%,transparent)}
  .dstage::after{bottom:0;height:72px;background:linear-gradient(transparent,var(--sbg))}
  body.fp #reis{padding-bottom:48px}
}


.nav-menu.zonder-js{display:none}
html:not(.js) #menuOpen{display:none}
@media (max-width:1120px){html:not(.js) .nav-menu.zonder-js{display:flex}}
html:not(.js) .has-menu:hover .mega,html:not(.js) .has-menu:focus-within .mega{opacity:1;visibility:visible;transform:none}

@media (min-width:821px) and (max-width:1120px){
  .fp-stage .p-c{--w:300px;margin-left:-150px}
  .fp-stage .fc-r{left:calc(50% - 7px);top:96px}
  .fp-stage .fc-l{right:auto;left:calc(50% - 7px);top:336px}
}

@media (min-width:821px) and (max-width:1060px){.plan .pp{font-size:40px}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan.trial{grid-column:1/-1}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:821px) and (max-width:1120px){.cols{grid-template-columns:repeat(3,1fr);row-gap:36px}.cols>div:first-child{grid-column:1/-1}}

@media (max-width:820px){
  body[data-belofte="health"] .fp-stage{height:487px}
  body[data-belofte="rides"] .fp-stage{height:492px}
  body[data-belofte="costs"] .fp-stage{height:492px}
  body[data-belofte="daily-care"] .fp-stage{height:540px}
  body[data-belofte="weather"] .fp-stage{height:535px}
  body[data-belofte="progress"] .fp-stage{height:487px}
  body[data-belofte="together"] .fp-stage{height:508px}
}

@media (max-width:820px){
  .cats{gap:0;background:var(--card);border-radius:var(--r-l);overflow:hidden;margin:0 var(--gut);padding:0}
  .cat{display:grid;grid-template-columns:40px 1fr 16px;column-gap:14px;align-items:center;padding:14px 16px;border-radius:0;background:none}
  .cat:hover{transform:none;box-shadow:none}
  .cat+.cat{border-top:1px solid var(--line)}
  .cat .mi-ic{grid-row:1/3;margin:0;width:40px;height:40px}
  .cat h3{font-size:17px;grid-column:2}
  .cat p{grid-column:2;margin-top:2px;font-size:15px;line-height:1.4}
  .cat::after{content:"";grid-column:3;grid-row:1/3;width:16px;height:16px;background:var(--ink-3);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5l4.5 4.5L6 12.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5l4.5 4.5L6 12.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media (min-width:821px) and (max-width:1120px){
  :root{--gut:40px}
  .states{display:block;padding:56px 48px}
  .states .h2{font-size:42px}
  .states .st-shots{margin-top:32px}
  .fp-slot{grid-template-columns:1fr;min-height:0}
  .fp-slot .t{padding:56px 48px}
  .fp-slot h2{font-size:52px}
  .fp-slot img{height:380px}
  .passport{padding:64px 48px 56px}
  
  .fp-head{display:block}
  .fp-head h1{font-size:72px}
  .fp-head .r{margin-top:24px;max-width:56ch}
  
  .faq{display:block}
  .faq .h2{font-size:42px;margin-bottom:24px}
  
  .subnav b,.subnav .pill{display:none!important}
  .subnav nav{white-space:nowrap}
  body.fp .nav{position:sticky}
  body.fp .subnav{top:76px}
  body.fp section[id]{scroll-margin-top:146px}
}


.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cp-w{max-width:calc(1064px + 2*var(--gut))}
.cp-kop{padding:56px 0 48px;max-width:780px}
.kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:28px;font-size:15px;color:var(--ink-3)}
.kruimel a{padding:4px 0}
.kruimel a:hover{color:var(--ink)}
.kruimel svg{width:14px;height:14px;transform:rotate(-90deg);color:var(--ink-g)}
.soort{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;border-radius:999px;background:var(--paper-2);font-size:13.5px;font-weight:620;color:var(--ink)}
.soort svg{width:16px;height:16px;flex:none}
.soort.s-guide svg{color:var(--forest)}.soort.s-tool svg{color:var(--purple)}.soort.s-download svg{color:var(--cognac)}
.cp-h1{margin-top:20px;font-size:56px;line-height:1.03;letter-spacing:-.04em;font-weight:600;text-wrap:balance}
.cp-lead{margin-top:20px;max-width:42ch;font-size:22px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.cp-meta,.cp-grens,.cp-privacy{display:flex;align-items:flex-start;gap:9px;font-size:15px;line-height:1.45;color:var(--ink-3)}
.cp-meta{margin-top:24px}
.cp-grens{margin-top:22px;max-width:56ch;color:var(--ink-2)}
.cp-meta svg,.cp-grens svg,.cp-privacy svg{flex:none;width:17px;height:17px;margin-top:1px}
.cp-meta svg{color:var(--forest)}.cp-grens svg{color:var(--amber)}
.cp-versie{margin-top:16px;font-size:15px;color:var(--ink-3)}
.cp-grid{display:grid;grid-template-columns:minmax(0,680px) 220px;justify-content:space-between;column-gap:64px;align-items:start}
.cp-tekst{min-width:0}
.cp-tekst>*{margin-top:56px}
.cp-tekst>*:first-child{margin-top:0}
.cp-rail{position:sticky;top:104px;display:flex;flex-direction:column;padding-left:20px;border-left:1px solid var(--line)}
.rail-kop{margin-bottom:10px;font-size:13px;font-weight:620;color:var(--ink-3)}
.cp-rail a{position:relative;padding:6px 0;font-size:15px;line-height:1.4;color:var(--ink-3);transition:color .2s}
.cp-rail a::before{content:"";position:absolute;left:-22px;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--purple);opacity:0;transition:opacity .2s}
.cp-rail a[aria-current]::before{opacity:1}
.cp-rail a:hover{color:var(--ink)}
.cp-rail a[aria-current]{color:var(--ink)}
.inhoud-m{display:none}
.kort{background:var(--card);border-radius:var(--r-l);padding:28px 32px 30px}
.kort h2{font-size:15px;font-weight:620;color:var(--ink-3)}
.kort ul,.vink{list-style:none;display:grid;gap:12px}
.kort ul{margin-top:16px}
.kort li,.vink li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:19px;line-height:1.5}
.kort li svg,.vink li svg{width:20px;height:20px;margin-top:4px;color:var(--forest)}
.deel{scroll-margin-top:96px}
.deel h2{font-size:34px;line-height:1.12;letter-spacing:-.032em;font-weight:600;text-wrap:balance}
.deel p{margin-top:16px;font-size:19px;line-height:1.62;color:var(--ink);text-wrap:pretty}
.deel h2+p{margin-top:18px}
.lijst{list-style:none;margin-top:18px;display:grid;gap:10px}
.lijst li{position:relative;padding-left:26px;font-size:19px;line-height:1.55}
.lijst li::before{content:"";position:absolute;left:5px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--forest)}
.stappen{list-style:none;counter-reset:stap;margin-top:22px;display:grid;gap:16px}
.stappen li{counter-increment:stap;position:relative;min-height:32px;padding-left:48px;font-size:19px;line-height:1.55}
.stappen li::before{content:counter(stap);position:absolute;left:0;top:-1px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:15px;font-weight:620}
.aandacht{display:grid;grid-template-columns:40px 1fr;gap:16px;background:var(--paper-2);border-radius:var(--r-l);padding:24px 28px}
.aandacht .mi-ic{width:40px;height:40px;background:var(--card)}
.aandacht .mi-ic svg{color:var(--amber)}
.aandacht h3{font-size:19px;line-height:1.35;letter-spacing:-.015em;font-weight:620}
.aandacht p{margin-top:6px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.aandacht div>p:first-child{margin-top:8px;color:var(--ink)}
.deel .aandacht{margin-top:24px}

.deel .foto{margin-top:28px}
.foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-l);background:var(--paper-2)}
.foto figcaption{margin-top:10px;font-size:15px;line-height:1.45;color:var(--ink-3)}

.stem{margin-top:28px;padding:4px 0 4px 22px;border-left:3px solid var(--amber)}
.stem p{font-size:21px;line-height:1.45;letter-spacing:-.01em;color:var(--ink)}
.stem footer{margin-top:8px;font-size:15px;color:var(--ink-3)}
.stem footer a{color:inherit}
.noot{padding-left:16px;border-left:3px solid var(--line)}
.deel p.noot{font-size:17px;color:var(--ink-2)}

.app-blok-w{margin-top:96px}
.app-blok{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center;background:var(--forest);color:var(--paper);border-radius:var(--r-xl);padding:56px 64px;overflow:hidden}
.ab-tekst h2{max-width:18ch;font-size:34px;line-height:1.1;letter-spacing:-.03em;font-weight:600}
.ab-tekst p{margin-top:14px;max-width:42ch;font-size:17px;line-height:1.55;color:rgba(243,239,231,.82)}
.ab-knop{margin-top:28px}
.ab-tekst p.ab-fijn{margin-top:14px;font-size:14px;line-height:1.45;color:rgba(243,239,231,.62)}
.ab-schermen{display:flex;gap:28px;align-items:flex-start}
.ab-schermen figure{width:220px}
.ab-schermen .phone{--w:220px}
.ab-schermen figcaption{margin-top:14px;font-size:14px;line-height:1.45;color:rgba(243,239,231,.72)}
.cp-staart{padding:80px 0 120px}
.cp-staart>*+*{margin-top:56px}
.volgend{display:grid;grid-template-columns:44px 1fr;gap:18px;background:var(--card);border-radius:var(--r-l);padding:26px 28px;transition:transform .25s ease-out,box-shadow .25s}
.volgend:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.volgend .mi-ic{width:44px;height:44px;background:var(--paper-2)}
.volgend .mi-ic svg{color:var(--purple)}
.vg-t b{display:block;font-size:19px;line-height:1.35;letter-spacing:-.015em;font-weight:620}
.vg-t>span:not(.link){display:block;margin-top:6px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.vg-t .link{margin-top:12px}
.volgend:hover .link svg{transform:translateX(3px)}
.bronnen{padding-top:28px;border-top:1px solid var(--line)}
.bronnen h2{font-size:15px;font-weight:620;color:var(--ink-3)}
.bronnen ol{list-style:none;margin-top:14px;display:grid;gap:18px}
.bronnen a{font-size:16px;font-weight:560;line-height:1.45;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.bronnen a:hover{text-decoration-color:var(--ink)}
.bronnen a svg{display:inline-block;width:13px;height:13px;margin-left:6px;vertical-align:-1px;transform:rotate(-45deg)}
.bronnen li span{display:block;margin-top:4px;font-size:14px;color:var(--ink-3)}
.cp-terug{margin:28px 0 0}
.cp-terug .link svg{transform:rotate(180deg)}
.cp-terug .link:hover svg{transform:rotate(180deg) translateX(3px)}
.pill.wit{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.pill.wit:hover{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink-g)}
.pill>svg:not(.apple){width:18px;height:18px;flex:none}
.cp-faq{border-top:1px solid var(--line)}
.cp-faq .q button{font-size:19px;padding:22px 0}
.cp-faq .q .a p{font-size:17px}

.tk{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;margin-bottom:96px;background:var(--card);border-radius:var(--r-xl);padding:16px;box-shadow:var(--shadow)}
.tk-form{padding:28px 28px 30px}
.tk-veld+.tk-veld{margin-top:24px}
.tk-veld label{display:block;font-size:16px;font-weight:620}
.tk-in{margin-top:10px;display:flex;align-items:center;gap:12px;height:64px;padding:0 20px;border-radius:var(--r-s);background:var(--paper);border:1.5px solid transparent;transition:border-color .2s,background .2s}
.tk-in:focus-within{border-color:var(--purple);background:var(--card)}
.tk-in input{flex:1;width:100%;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:22px;font-weight:560;font-variant-numeric:tabular-nums;outline:none}
.tk-eenheid{flex:none;font-size:16px;color:var(--ink-3)}
.tk-hulp{margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink-3)}
.tk-fout{margin-top:8px;font-size:14px;font-weight:560;line-height:1.45;color:#B3261E}
.tk-veld.fout .tk-in{border-color:#B3261E;background:var(--card)}
.tk-samen{margin-bottom:22px;padding:12px 16px;border-radius:var(--r-s);background:#FBE9E7;color:#8C1D18;font-size:15px;font-weight:560}
.tk-samen[hidden],.tk-fout[hidden],.tk-res[hidden],.tk-leeg[hidden],.tk-balen[hidden],.dl-fout[hidden]{display:none}
.tk-form .pill.wide{margin-top:30px}
.tk-uit{display:flex;flex-direction:column;justify-content:center;padding:40px;border-radius:var(--r-l);background:var(--paper-2)}
.tk-leeg{display:grid;justify-items:start;gap:16px;max-width:30ch}
.tk-leeg .mi-ic{width:44px;height:44px;background:var(--card)}
.tk-leeg .mi-ic svg{color:var(--purple)}
.tk-leeg p{font-size:17px;line-height:1.5;color:var(--ink-2)}
.tk-res-kop{font-size:15px;font-weight:620;color:var(--ink-3)}
.tk-totaal{margin-top:8px;font-size:64px;line-height:1;letter-spacing:-.045em;font-weight:600;font-variant-numeric:tabular-nums}
.tk-basis{margin-top:14px;font-size:17px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.tk-balen{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.tk-baal-n{font-size:27px;letter-spacing:-.03em;font-weight:600;font-variant-numeric:tabular-nums}
.tk-baal-u{margin-top:4px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.tk-res-grens{margin-top:22px;font-size:14px;line-height:1.45;color:var(--ink-3)}
.tk-acties{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.tk-wis{padding:8px 0;font-size:15px;font-weight:600;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.tk-wis:hover{color:var(--ink)}
.tk-geen{display:none;grid-column:1/-1;padding:28px;font-size:17px;line-height:1.55}
html:not(.js) .tk-geen{display:block}
html:not(.js) .tk-form,html:not(.js) .tk-uit{display:none}
.cp-privacy{margin-top:40px}
.cp-privacy svg{color:var(--forest)}
.tk-afdruk{display:none}
@media print{
  body.tk-geldig .nav,body.tk-geldig .foot,body.tk-geldig main>:not(.tk-afdruk):not(.mk-print){display:none!important}
  body.tk-geldig{background:#fff}
  body.tk-geldig .tk-afdruk{display:block;padding:24px 8px;color:#000}
  .tk-afdruk .tk-afdruk-titel{margin:0;font-size:27px;letter-spacing:-.03em;font-weight:600;color:#000}  
  .tk-afdruk dl{margin-top:24px;display:grid;border-top:1px solid #000}
  .tk-afdruk dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
  .tk-afdruk dd{font-weight:620;font-variant-numeric:tabular-nums}
  .tk-afdruk p{margin-top:20px;font-size:13px;color:var(--ink-2)}
}

.dl-acties{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.dl-formaat{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:15px;color:var(--ink-3)}

.dl-extra{margin-top:28px;padding:20px 22px;border-radius:var(--r-l);background:var(--paper-2)}
.dl-extra h2{font-size:17px;font-weight:650;letter-spacing:-.01em}
.dl-extra p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.dl-extra .dl-acties{margin-top:16px}
.dl-voorbeeld.meer.pakket{--vel:180px}
.vel-groep+.vel-groep{margin-top:14px}
.vel-naam{padding:0 28px 8px;font-size:13.5px;font-weight:620;color:var(--ink-2)}
.dl-formaat svg{width:18px;height:18px}
.dl-fout{margin-top:16px;max-width:620px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border-radius:var(--r-s);background:#FBE9E7;color:#8C1D18;font-size:15px}
.dl-fout .link{font-size:15px;color:#8C1D18;text-decoration:underline;text-underline-offset:3px}
.dl-boven{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center;margin-bottom:88px}
.dl-voorbeeld{--vel:300px;position:relative;padding:22px 0 48px;border-radius:var(--r-xl);background:var(--paper-2);overflow:hidden}
.dl-voorbeeld.meer{--vel:236px}
.dl-voorbeeld.liggend{--vel:min(440px,calc(100% - 56px))}
.dl-voorbeeld figcaption{margin:0 28px 16px;font-size:13.5px;font-weight:620;color:var(--ink-3)}
.vellen{display:flex;gap:20px;padding:4px 28px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:28px;scrollbar-width:none;justify-content:safe center}
.vellen::-webkit-scrollbar{display:none}
.vellen:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--r-m)}
.vel{flex:none;width:var(--vel);height:auto;background:#fff;box-shadow:var(--shadow);scroll-snap-align:start}
.dl-inhoud h2{font-size:27px;line-height:1.15;letter-spacing:-.03em;font-weight:600}
.dl-inhoud .vink{margin-top:20px}
.dl-inhoud .vink li{font-size:17px}

.ha-standen{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ha-stand{background:var(--card);border-radius:var(--r-l);padding:22px 20px 24px}
.ha-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.ha-ic svg{width:20px;height:20px}
.s-bevestigd .ha-ic{background:var(--purple);color:#fff}
.s-gepland .ha-ic{background:color-mix(in srgb,var(--purple) 12%,#fff);color:var(--purple)}
.s-onbevestigd .ha-ic{background:color-mix(in srgb,var(--amber) 12%,#fff);color:var(--amber);border:1.5px dashed var(--amber)}
.ha-stand h2{margin-top:14px;font-size:19px;letter-spacing:-.015em;font-weight:620}
.ha-stand p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.ha-duo{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;align-items:start}
.ha-duo .stappen,.ha-duo .tijden{margin-top:22px}
.ha-scherm{margin-top:22px}
.ha-scherm .phone{box-shadow:var(--shadow)}
.ha-scherm figcaption{margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-3)}
.tijden{list-style:none;padding-left:4px}
.tijden li{position:relative;display:grid;padding:0 0 26px 30px;border-left:2px solid var(--line)}
.tijden li:last-child{border-left-color:transparent;padding-bottom:0}
.tijden li::before{content:"";position:absolute;left:-8px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--purple)}
.tijden li:last-child::before{background:var(--purple)}
.t-label{font-size:15px;font-weight:620;color:var(--ink-3)}
.t-tijd{margin-top:2px;font-size:34px;line-height:1.1;letter-spacing:-.03em;font-weight:600;font-variant-numeric:tabular-nums}
.t-uitleg{margin-top:4px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.cp-contact{margin-top:96px;margin-bottom:0}
.cp-hulp main>.cp-w:last-child,.cp-post main{padding-bottom:120px}

.bo-lijst{padding-bottom:120px}
.bo-kaart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--card);border-radius:var(--r-xl);overflow:hidden;transition:transform .25s ease-out,box-shadow .25s}
.bo-kaart:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.bo-beeld{display:flex;justify-content:center;align-items:flex-start;max-height:460px;padding:56px 40px 0;overflow:hidden;background:var(--paper-2)}
.bo-beeld .phone{--w:250px;flex:none}
.bo-tekst{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 52px}
.bo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:15px;color:var(--ink-3)}
.bo-meta b{color:var(--ink);font-weight:620}
.bo-titel{margin-top:16px;font-size:34px;line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.bo-sam{margin-top:14px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.bo-tekst .link{margin-top:26px}
.bo-kaart:hover .link svg{transform:translateX(3px)}
.bb{max-width:calc(720px + 2*var(--gut))}
.bb .cp-kop{max-width:none}
.bb .bo-meta{margin-top:4px}
.bb-context{margin-top:22px;padding-left:16px;border-left:3px solid var(--line);font-size:15px;line-height:1.5;color:var(--ink-3)}
.bb-beeld{display:flex;flex-direction:column;align-items:center;margin-inline:-110px;padding:56px 24px 0;border-radius:var(--r-l);background:var(--paper-2);overflow:hidden}
.bb-beeld .phone{flex:none}
.bb-beeld figcaption{align-self:stretch;margin:0 -24px;padding:18px 24px 22px;background:var(--paper-2);font-size:14px;line-height:1.45;color:var(--ink-3);text-align:center;position:relative}
.kopieer{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.kopieer-st{font-size:15px;color:var(--ink-2)}

.gh-sprong{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.gh-sprong a{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:var(--card);font-size:15px;font-weight:600}
.gh-sprong a:hover{box-shadow:var(--shadow)}
.gh-cat{padding-bottom:56px;scroll-margin-top:84px}
.gh-kop{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.gh-kop h2{font-size:27px;letter-spacing:-.03em;font-weight:600}
.gh-tegels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gh-tegel{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:188px;padding:24px 24px 60px;border-radius:var(--r-l);background:var(--card);transition:transform .25s ease-out,box-shadow .25s}
.gh-tegel:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.gh-tegel .soort{background:var(--paper)}
.gh-tegel b{font-size:22px;line-height:1.25;letter-spacing:-.02em;font-weight:620;text-wrap:balance}
.gh-pijl{position:absolute;left:24px;bottom:24px;width:18px;height:18px;color:var(--ink-3);transition:transform .2s,color .2s}
.gh-tegel:hover .gh-pijl{transform:translateX(3px);color:var(--ink)}
.gh-hulp{margin-top:40px;margin-bottom:120px}

@media (max-width:1120px){
  .cp-rail{display:none}
  .inhoud-m{display:block;background:var(--card);border-radius:var(--r-m)}
  .inhoud-m summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;list-style:none;font-size:16px;font-weight:620;cursor:pointer}
  .inhoud-m summary::-webkit-details-marker{display:none}
  .inhoud-m summary svg{width:16px;height:16px;transition:transform .3s ease-out}
  .inhoud-m[open] summary svg{transform:rotate(180deg)}
  .inhoud-m div{display:grid;padding:0 20px 10px}
  .inhoud-m a{padding:11px 0;border-top:1px solid var(--line);font-size:16px;color:var(--ink-2)}
  .cp-tekst>.inhoud-m{margin-top:16px}
}
@media (min-width:821px) and (max-width:1120px){
  .cp-grid{grid-template-columns:minmax(0,680px)}
  .app-blok{grid-template-columns:1fr;padding:48px}
  .tk{grid-template-columns:minmax(0,1fr)}
  .dl-boven{grid-template-columns:1fr;gap:48px}
  .gh-tegels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-beeld{margin-inline:0}
}
@media (max-width:820px){
  .cp-kop{padding:28px 0 32px}
  .kruimel{margin-bottom:20px;font-size:14px}
  .cp-h1{margin-top:16px;font-size:34px;line-height:1.08;letter-spacing:-.035em}
  .cp-lead{margin-top:16px;font-size:19px}
  .cp-grid{grid-template-columns:minmax(0,1fr)}
  .cp-tekst>*{margin-top:44px}
  .kort{padding:22px 20px 24px}
  .kort li,.vink li,.deel p,.lijst li,.stappen li{font-size:17px}
  .deel h2{font-size:27px}
  .aandacht{grid-template-columns:1fr;gap:12px;padding:20px}
  .app-blok-w{margin-top:64px}
  .app-blok{grid-template-columns:1fr;gap:32px;padding:32px 20px 28px;border-radius:var(--r-l)}
  .ab-tekst h2{font-size:27px}
  
  .ab-schermen{gap:14px;margin-inline:-20px;padding:0 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none}
  .ab-schermen::-webkit-scrollbar{display:none}
  .ab-schermen figure{flex:none;width:min(280px,72vw);scroll-snap-align:start}
  .ab-schermen .phone{--w:min(280px,72vw)}
  .app-blok.een .ab-schermen{justify-content:center}
  .ab-knop .pill{flex:1 1 100%}
  .ab-schermen figcaption{font-size:13.5px}
  .cp-staart{padding:56px 0 88px}
  .tk{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:64px;padding:8px;border-radius:var(--r-l)}
  .tk-form{padding:20px 14px 22px}
  .tk-uit{padding:26px 22px}
  .tk-totaal{font-size:56px}
  .dl-acties .pill{flex:1 1 100%}
  .dl-formaat{margin:14px 0 0}
  .dl-voorbeeld.meer.pakket{--vel:min(170px,44vw)}
  .vel-naam{padding-inline:20px}
  .dl-boven{grid-template-columns:1fr;gap:40px;margin-bottom:56px}
  .dl-voorbeeld{--vel:min(250px,64vw);padding:52px 0 28px;border-radius:var(--r-l)}
  .dl-voorbeeld.meer{--vel:min(240px,62vw)}
  .dl-voorbeeld.liggend{--vel:calc(100% - 40px)}
  .vellen{padding-inline:20px;scroll-padding-inline:20px;gap:14px}
  .dl-inhoud h2{font-size:27px}
  .ha-standen{grid-template-columns:1fr}
  .ha-stand{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px}
  .ha-stand h2{margin:0;align-self:center}
  .ha-stand p{grid-column:2}
  .ha-duo{grid-template-columns:1fr;gap:0}
  .ha-scherm{justify-self:center;width:230px;margin-top:32px}
  .t-tijd{font-size:27px}
  .cp-contact{margin-top:64px}
  .bo-lijst{padding-bottom:88px}
  .bo-kaart{grid-template-columns:1fr;border-radius:var(--r-l)}
  .bo-beeld{max-height:300px;padding-top:32px}
  .bo-beeld .phone{--w:220px}
  .bo-tekst{padding:26px 22px 30px}
  .bo-titel{font-size:27px}
  .bb-beeld{margin-inline:0;padding-top:36px}
  .bb-beeld .phone{--w:240px}
  
  .gh-tegels{grid-template-columns:1fr;gap:0;border-radius:var(--r-l);background:var(--card);overflow:hidden}
  .gh-tegel{min-height:0;gap:6px;padding:16px 52px 16px 20px;border-radius:0;background:none}
  .gh-tegel+.gh-tegel::before{content:"";position:absolute;top:0;left:20px;right:0;border-top:1px solid var(--line)}
  .gh-tegel:hover{transform:none;box-shadow:none}
  .gh-tegel .soort{height:auto;padding:0;background:none;font-size:13px;color:var(--ink-3)}
  .gh-tegel b{font-size:17px;line-height:1.35;text-wrap:pretty}
  .gh-pijl{left:auto;right:20px;top:calc(50% - 9px);bottom:auto}
  .gh-cat{padding-bottom:40px}
  .gh-hulp{margin-bottom:88px}
}
.q .a p.hulp-meer{margin-top:-12px}
.deel a.bron-l,.kort a.bron-l{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.deel a.bron-l:hover,.kort a.bron-l:hover{color:var(--ink);text-decoration-color:var(--ink)}
.cols>div:first-child>a:not(.wordmark){margin-top:18px}
.vg-t .link{display:block}
.vg-t .link svg{display:inline-block;margin-left:8px;vertical-align:-2px}
.cp-tool main>.cp-w:last-of-type .cp-grid,.cp-tool article .cp-grid{padding-bottom:120px}
.contact h2{line-height:1.15}


.pill.lijn-licht{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--paper) 45%,transparent)}
.pill.lijn-licht:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}
.ab-knop{display:flex;flex-wrap:wrap;gap:12px}
.ontdek{display:flex;align-items:center;gap:18px;padding:20px 28px;border-radius:var(--r-l);background:var(--card);
  transition:transform .25s ease-out,box-shadow .25s}
.ontdek:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.ontdek .mi-ic{width:44px;height:44px}
.ontdek b{flex:1;font-size:17px;font-weight:620;letter-spacing:-.01em}
.ontdek-pijl{width:20px;height:20px;flex:none}
.volgend+.ontdek{margin-top:12px}


.mk{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start}
.mk .tk-uit{position:sticky;top:96px;justify-content:flex-start;min-height:280px}
.mk-regel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.mk-regel+.mk-regel{margin-top:24px}
.mk-regel>.mk-veld{grid-column:1/-1}
.mk-regel>.mk-veld:not(:only-child),.mk-regel>.mk-veld.half{grid-column:auto}
.mk .tk-veld+.tk-veld{margin-top:0}
.mk .tk-in{height:56px}
.mk .tk-in input,.mk .tk-in select,.mk .tk-in textarea{font-size:17px;font-weight:500;font-variant-numeric:normal;color:var(--ink)}
.mk .tk-in select{flex:1;width:100%;min-width:0;height:100%;border:0;background:transparent;font-family:inherit;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer}
.mk-veld.keuze .tk-in::after{content:"";flex:none;width:8px;height:8px;margin-top:-4px;border-right:1.8px solid var(--ink-3);border-bottom:1.8px solid var(--ink-3);transform:rotate(45deg);pointer-events:none}
.mk-veld.groot .tk-in{height:auto;align-items:stretch;padding:14px 20px}
.mk-veld.groot textarea{flex:1;width:100%;min-height:96px;border:0;background:transparent;font-family:inherit;line-height:1.5;resize:vertical;outline:none}
.mk-opt{margin-left:6px;font-size:14px;font-weight:500;color:var(--ink-3)}
.mk-groep{min-width:0;margin-top:40px;padding:0;border:0}
.mk-groep[hidden]{display:none}
.mk-groep legend{padding:0;font-size:22px;font-weight:620;letter-spacing:-.02em}
.mk-groep>.tk-hulp{margin-top:6px}
.mk-gfout{margin-top:10px}
.mk-rijen{display:grid;gap:12px;margin-top:16px;list-style:none}
.mk-rij{padding:16px 20px 22px;border-radius:var(--r-l);box-shadow:inset 0 0 0 1px var(--line)}
.mk-rij-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -10px 10px 0}
.mk-rij-kop h3{font-size:16px;font-weight:620}
.mk-weg{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--ink-3);transition:background .2s,color .2s}
.mk-weg:hover{background:var(--paper);color:var(--ink)}
.mk-weg svg{width:18px;height:18px}
.mk-plus-w{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px}
.mk-plus{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px 0 16px;border-radius:999px;background:var(--paper);font-size:15px;font-weight:600;transition:background .2s}
.mk-plus:hover:not(:disabled){background:var(--paper-2)}
.mk-plus svg{width:18px;height:18px}
.mk-plus:disabled{opacity:.45;cursor:not-allowed}
.mk-limiet{margin-top:0}
.mk-acties{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:36px}
.mk-res .tk-acties{margin-top:22px}
.mk-res .pill>svg{width:18px;height:18px}
.mk-s-sub{margin-top:8px;font-size:17px;font-weight:600}
.mk-s-lijst{display:grid;gap:14px;margin-top:16px;list-style:none}
.mk-s-lijst li{padding-bottom:14px;border-bottom:1px solid var(--line)}
.mk-s-lijst b{font-size:17px;font-weight:620}
.mk-s-lijst p{font-size:15px;line-height:1.45;color:var(--ink-2)}
.mk-uit .mk-r.sterk{margin:4px 0 2px}
.mk-uit .mk-r.sterk .mk-l{display:block;font-size:14px;color:var(--ink-3)}
.mk-uit .mk-r.sterk .mk-w{display:block;font-size:27px;line-height:1.15;letter-spacing:-.03em;font-weight:600;color:var(--ink)}
.mk-s-regels{display:grid;gap:4px;margin-top:12px}
.mk-s-regels p{font-size:17px;line-height:1.45}


.mk-verstreken{margin-top:4px;font-size:14px;line-height:1.4;color:var(--ink-2)}

.mk-blok{min-width:0;margin-top:40px;padding:0;border:0}
.mk-blok legend{padding:0;font-size:22px;font-weight:620;letter-spacing:-.02em}
.mk-blok>.mk-regel:first-of-type{margin-top:12px}
.mk-wis-hint{margin-top:8px;max-width:56ch}
.mk-leeg-hint{margin-top:10px;max-width:56ch}
.dk-s-lijst .wk-pre{white-space:pre-line}
.dk-s-lijst .dk-sit{color:var(--ink);font-weight:560}
.dk-s-lijst .dk-hand{margin-top:2px;color:var(--ink);font-weight:620}
.dk-s-lijst .dk-status{font-size:14px;font-style:italic;color:var(--ink-3)}
.dk-s-lijst .dk-overlap{margin-top:10px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--amber) 10%,var(--card));border:1.5px dashed var(--amber)}
.dk-s-lijst .dk-overlap p{font-size:15px;line-height:1.45;color:var(--ink)}
.dk-s-lijst .dk-overlap .dk-ov-kop{font-weight:650;color:color-mix(in srgb,var(--amber) 70%,var(--ink))}
.dk-s-lijst .dk-overlap p+p:not(.dk-ov-kop){margin-top:6px}
.dk-ov-hulp{margin-top:6px}
.mk-vink small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-3)}
.hs-kern{display:grid;margin-top:14px;border-top:1px solid var(--line)}
.hs-blok{padding:14px 0 16px;border-bottom:1px solid var(--line)}
.hs-blok .mk-s-kop{margin-top:0}
.hs-blok .mk-r{font-size:15px;line-height:1.45;color:var(--ink-2)}
.mk-uit .hs-blok .mk-r.sterk:not(:has(.mk-l)) .mk-w{font-size:19px;line-height:1.3;letter-spacing:-.01em}
.hs-blok .mk-s-noot{margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink-3)}
.hs-regels{margin-top:16px}
.hs-regels .mk-r{font-size:16px}
.hs-regels .mk-l{color:var(--ink-3)}
.mk-voorbeeld{margin:-48px 0 96px}
.mk-voorbeeld[hidden]{display:none}
.mk-vb-kop{margin-bottom:16px;font-size:13.5px;font-weight:620;color:var(--ink-3)}
.mk-bladen{display:grid;grid-template-columns:repeat(var(--kol,1),var(--vel,1fr));justify-content:center;gap:24px;align-items:start}
.mk-bladen .vel-w{aspect-ratio:210/297}
.mk-bladen.mk-a5 .vel-w{aspect-ratio:148/210}

.mk-bladen .mk-vel{position:absolute;top:0;left:0;transform:scale(var(--z,1));transform-origin:0 0}
@media (max-width:1120px){
  .mk{grid-template-columns:minmax(0,1fr)}
  .mk .tk-uit{position:static;min-height:0}
}
@media (max-width:600px){
  .mk-regel{grid-template-columns:minmax(0,1fr)}
  .mk-regel>.mk-veld:not(:only-child),.mk-regel>.mk-veld.half{grid-column:1/-1}
  .mk-rij{padding:12px 16px 18px}
  .mk-voorbeeld{margin:-32px 0 64px}
}
.mk-res{scroll-margin-top:96px}
.mk .tk-in{height:52px;margin-top:8px}
.mk .tk-hulp{margin-top:6px;font-size:13.5px;line-height:1.4}
.mk-regel{gap:20px 16px}
.mk-regel+.mk-regel{margin-top:20px}
.mk-veld.groot .tk-in{padding:13px 20px}
.mk-veld.groot textarea{min-height:0}

.mk-rij+.mk-rij .mk-veld:not(.mk-los) .tk-hulp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mk-rij .mk-veld.groot textarea{min-height:0;resize:none;overflow:hidden}
.mk-veld[hidden]{display:none}
.mk-open{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;
  box-shadow:inset 0 0 0 1px var(--line);font-size:15px;font-weight:600;color:var(--ink-2);text-align:left;transition:background .2s,color .2s}
.mk-open:hover{background:var(--paper);color:var(--ink)}
.mk-open svg{flex:none;width:16px;height:16px}
.mk-open[hidden]{display:none}
.mk-regel:has(>.mk-open:not([hidden])){margin-top:16px}
@media (max-width:600px){ .mk-regel.paar{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--paar,132px)),1fr))} .mk-regel.paar>.mk-veld{grid-column:auto!important} }
.mk-regel.paar:has(input[type=date]){--paar:184px}   
.mk-opt.dubbel{display:none}
.mk-rij+.mk-rij .mk-veld:not(.mk-los) .mk-opt.dubbel{display:inline}   

.mk-rij+.mk-rij .mk-veld.uitleg .tk-hulp{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}


.vellen{padding-top:14px}
.vel-w{position:relative;flex:none}
.vellen .vel-w{width:var(--vel);scroll-snap-align:start}
.vellen .vel-w .vel{display:block;width:100%}
.vel-open{position:absolute;inset:0;display:block;cursor:zoom-in}
.vel-open:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.vel-open.zonder-ring{outline:none}
.loep{position:absolute;top:-10px;right:-10px;box-shadow:0 2px 6px rgba(20,19,23,.18);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--card);
  opacity:.82;transition:opacity .2s}
.vel-open:hover .loep,.vel-open:focus-visible .loep{opacity:1}
.loep svg{width:17px;height:17px}
.bv-hint{display:block;font-size:13.5px;font-weight:400;color:var(--ink-3)}
.mk-vb-kop+.bv-hint{margin:-10px 0 16px}
.dl-voorbeeld figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px}


.bv{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--paper-2);color:var(--ink)}
.bv[open]{display:flex;flex-direction:column}
.bv::backdrop{background:var(--paper-2)}
html.bv-aan{overflow:hidden}
.bv-balk{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));
  background:var(--paper);box-shadow:0 1px 0 var(--line)}
.bv-t{font-size:15px;font-weight:620}
.bv-sluit{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;background:var(--ink);color:var(--card);font-size:15px;font-weight:600}
.bv-sluit svg{width:18px;height:18px}
.bv-romp{position:relative;flex:1;min-height:0;overflow:auto;padding:24px 16px max(48px,env(safe-area-inset-bottom));outline:none;overscroll-behavior:contain}
.bv-vel{width:max-content;margin:0 auto 24px}
.bv-vel .mk-vel{box-shadow:var(--shadow)}
.bv-vel img.vel{display:block;width:210mm;height:auto;background:var(--card);box-shadow:var(--shadow)}
.bv-romp.liggend img.vel{width:297mm}
@media print{.bv{display:none}}
html:not(.js) .vel-open,html:not(.js) .bv-hint{display:none}   


.cp-door{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:24px;font-size:15px;line-height:1.45;color:var(--ink-3)}
.cp-door a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.cp-door a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.cp-antwoord p{font-size:21px;line-height:1.55;letter-spacing:-.008em;text-wrap:pretty}
.cp-antwoord p+p{margin-top:16px}
.cp-antwoord a.bron-l,.deel a.link-t,.cp-antwoord a.link-t,.vr a.bron-l,.vr a.link-t{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.cp-antwoord a:hover,.deel a.link-t:hover,.vr a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.deel h3{margin-top:32px;font-size:22px;line-height:1.25;letter-spacing:-.02em;font-weight:620;text-wrap:balance}
.deel h3+p,.deel h3+.lijst,.deel h3+.stappen{margin-top:10px}
.deel strong,.cp-antwoord strong,.vr strong{font-weight:620}
.tabel-w{margin-top:24px;background:var(--card);border-radius:var(--r-m);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.tabel-w:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.tabel{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums}
.tabel th,.tabel td{padding:14px 18px;text-align:left;vertical-align:top}
.tabel thead th{padding-top:16px;padding-bottom:12px;font-size:14px;line-height:1.35;font-weight:620;color:var(--ink-3);border-bottom:1px solid var(--line)}
.tabel tbody th{width:24%;font-weight:600;color:var(--ink)}
.tabel tbody td{color:var(--ink-2)}
.tabel tbody tr+tr>*{border-top:1px solid var(--line)}
.tabel .r{text-align:right}
.tabel a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.actie{display:grid;grid-template-columns:48px 1fr;gap:18px;margin-top:28px;background:var(--card);border-radius:var(--r-l);padding:26px 28px 28px;box-shadow:var(--shadow)}
.actie .mi-ic{width:48px;height:48px;background:var(--purple)}
.actie .mi-ic svg{color:var(--card)}
.actie h3{margin:2px 0 0;font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:620}
.deel .actie p{margin-top:8px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.actie .pill{margin-top:20px}
.cp-vragen .vr{padding:24px 0;border-top:1px solid var(--line)}
.cp-vragen h2+.vr{margin-top:24px}
.cp-vragen .vr:last-child{padding-bottom:0}
.cp-vragen .vr h3{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.015em;font-weight:620}
.cp-vragen .vr p{margin-top:8px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.redactie{background:var(--card);border-radius:var(--r-l);padding:28px 32px 30px}
.redactie h2{font-size:15px;font-weight:620;color:var(--ink-3)}
.redactie p{margin-top:10px;font-size:17px;line-height:1.55;color:var(--ink-2);max-width:56ch}
.redactie .link{margin-top:16px}
.verwant h2{font-size:27px;line-height:1.15;letter-spacing:-.03em;font-weight:600}
.vw-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.vw-kaart{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:132px;background:var(--card);border-radius:var(--r-m);padding:22px 22px 20px;transition:transform .25s ease-out,box-shadow .25s}
.vw-kaart:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.vw-kaart b{font-size:18px;line-height:1.3;letter-spacing:-.015em;font-weight:620;text-wrap:balance}
.vw-kaart svg{width:18px;height:18px;color:var(--ink-3);transition:transform .2s,color .2s}
.vw-kaart:hover svg{transform:translateX(3px);color:var(--ink)}

.nav-taal .nav-links{display:flex;margin-left:8px}
.nav-taal .nav-links a[aria-current]{color:var(--ink)}
.foot-taal .cols{grid-template-columns:1.2fr repeat(2,minmax(0,1fr))}
@media (prefers-reduced-motion:reduce){.vw-kaart,.vw-kaart svg{transition:none}}
@media (max-width:820px){
  .cp-door{margin-top:18px;font-size:14px}
  .cp-antwoord p{font-size:19px}
  .deel h3{margin-top:28px;font-size:20px}
  .tabel-w{margin-inline:calc(-1 * var(--gut));border-radius:0}
  .tabel{font-size:15px}
  .tabel th,.tabel td{padding:12px 14px}
  .tabel tr>:first-child{padding-left:var(--gut)}
  .tabel tr>:last-child{padding-right:var(--gut)}
  .tabel tbody th{min-width:9em}
  .actie{grid-template-columns:1fr;gap:14px;padding:22px 20px 24px}
  .actie .mi-ic{width:44px;height:44px}
  .actie .pill{width:100%;justify-content:center}
  .cp-vragen .vr h3{font-size:18px}
  .redactie{padding:22px 20px 24px}
  .verwant h2{font-size:24px}
  .vw-raster{grid-template-columns:1fr}
  .vw-kaart{min-height:0;flex-direction:row;align-items:center;gap:16px}
  .nav-taal .nav-links{margin-left:auto;gap:0}
  .nav-taal .pill{margin-left:12px}
  .foot-taal .cols{grid-template-columns:1fr}
}
@media (max-width:420px){.nav-taal .nav-links{display:none}}
.bronnen-in{margin-top:10px;max-width:60ch;font-size:15px;line-height:1.5;color:var(--ink-3)}
.bronnen li span a{font-size:inherit;font-weight:inherit}


.poort-w[hidden],.poort[hidden],.poort-na[hidden],.poort-fout[hidden],#poort-nieuws[hidden],#poort-opnieuw[hidden],.dl-acties[hidden]{display:none}
.poort{margin-top:22px;padding:22px 22px 20px;border-radius:var(--r-m);background:var(--card);box-shadow:0 1px 2px rgba(20,19,23,.06)}
.poort-kop{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.poort-kop .mi-ic{width:40px;height:40px;background:var(--purple)}
.poort-kop .mi-ic svg{color:var(--card)}
.poort-t{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:620}
.poort-zin{margin-top:4px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.poort-label{display:block;margin-top:20px;font-size:15px;font-weight:620}
.poort-rij{display:flex;gap:10px;margin-top:8px}
.poort-rij input{flex:1;min-width:0;height:54px;padding:0 18px;border-radius:var(--r-s);border:1.5px solid transparent;background:var(--paper);font:inherit;font-size:17px;outline:none;transition:border-color .2s,background .2s}
.poort-rij input:focus{border-color:var(--purple);background:var(--card)}
.poort-rij input[aria-invalid="true"]{border-color:#B3261E;background:var(--card)}
.poort-rij .pill{flex:none;height:54px}
.poort[data-bezig] .pill{opacity:.7;cursor:progress}
.poort-fout{margin-top:8px;font-size:14px;font-weight:560;line-height:1.45;color:#B3261E}
.poort-doel{margin-top:10px;font-size:14px;line-height:1.5;color:var(--ink-3)}
.poort-vink{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-top:18px;font-size:15px;line-height:1.5;color:var(--ink-2);cursor:pointer}
.poort-vink input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink);cursor:pointer}
.poort-vink small{display:block;margin-top:3px;font-size:13.5px;color:var(--ink-3)}
.poort-privacy{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px}
.poort-privacy svg{flex:none;width:15px;height:15px;color:var(--ink-3)}
.poort-privacy a,.poort-na .link{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.poort-privacy a:hover,.poort-na .link:hover{color:var(--ink);text-decoration-color:var(--ink)}
.poort-na{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.poort-regel{font-size:15px;line-height:1.5;color:var(--ink-2)}
.poort-regel+.poort-regel{margin-top:6px}
.poort-knoppen{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px}
.poort-knoppen .link{padding:6px 0;font-size:15px;font-weight:560}
.poort-sessie{margin-top:8px;font-size:13.5px;color:var(--ink-3)}

.tk-dicht{display:inline-block;filter:blur(9px);user-select:none;pointer-events:none}
.tk-res.dicht .tk-acties{display:none}
.mk-voorbeeld.dicht .mk-vel,.mk-voorbeeld.dicht img.vel{filter:blur(2.5px)}
.mk-voorbeeld.dicht .bv-hint{display:none}

.cp-download .poort-w{max-width:620px}
.cp-download .poort{margin-top:30px;box-shadow:var(--shadow)}
body.cp-download:not(.poort-open) .dl-voorbeeld .vel-open,body.cp-download:not(.poort-open) .dl-voorbeeld .bv-hint{display:none}
@media (prefers-reduced-motion:reduce){.poort-rij input{transition:none}}
@media (max-width:820px){
  .poort{padding:18px 16px}
  .poort-rij{flex-direction:column}
  .poort-rij input{flex:none}   
  .poort-rij .pill{width:100%;justify-content:center}
}
.mk-res.dicht:has(.poort-w[data-poort-soort="reken"]) .mk-r.sterk .mk-w{filter:blur(9px);user-select:none}  

.nuttig{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nuttig-v{font-size:17px;font-weight:620}
.nuttig-k{display:flex;gap:10px}
.nuttig-k[hidden]{display:none}
.nuttig-dank{font-size:16px;color:var(--ink-2)}
.nuttig-dank:empty{display:none}
.rp>.deel+.deel{margin-top:56px}
.foot-taal .base .lang{margin-left:auto;margin-right:16px}
.foot-taal .voet-merk .wordmark{margin-bottom:14px}
.foot-taal .cols{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (max-width:820px){.foot-taal .cols{grid-template-columns:1fr}}
@media (max-width:820px){
  .tabel-w.stapel{margin-inline:0;background:none;border-radius:0;overflow:visible}
  .stapel .tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .stapel .tabel,.stapel .tabel tbody,.stapel .tabel tr,.stapel .tabel th,.stapel .tabel td{display:block;width:auto;min-width:0}
  .stapel .tabel tr{background:var(--card);border-radius:var(--r-m);padding:16px 18px 18px}
  .stapel .tabel tr+tr{margin-top:10px}
  .stapel .tabel tbody tr+tr>*{border-top:0}
  .stapel .tabel tr>:first-child,.stapel .tabel tr>:last-child{padding-left:0;padding-right:0}
  .stapel .tabel th[scope=row]{padding:0;font-size:17px}
  .stapel .tabel td{padding:12px 0 0}
  .stapel .tabel td::before{content:attr(data-kop);display:block;margin-bottom:2px;font-size:13px;font-weight:620;color:var(--ink-3)}
  .stapel .tabel .r{text-align:left}
}


.mk-s-tekst{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.mk-s-tekst.wk-pre{white-space:pre-line;color:var(--ink)}
.mk-s-kop{margin-top:20px;font-size:15px;font-weight:620}
.mk-acties:has(#mk-leeg){flex-wrap:wrap;row-gap:12px}
.mk-voorbeeld.dicht .bv-hint{display:none}
.tk-geen .geen-js{margin-top:20px;max-width:560px}
.tk-geen .geen-js .poort-vink,.tk-geen .geen-js .poort-privacy{font-size:15px}


.gh-kop p{font-size:15px;line-height:1.45;color:var(--ink-3)}
.rg-kaarten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rg-kaart{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px 26px 24px;border-radius:var(--r-l);background:var(--card);
  transition:transform .25s ease-out,box-shadow .25s}
.rg-kaart:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.rg-t{display:grid;gap:8px}
.rg-t b{font-size:22px;line-height:1.25;letter-spacing:-.02em;font-weight:620;text-wrap:balance}
.rg-t>span{font-size:16px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.rg-t small{font-size:14px;line-height:1.45;color:var(--ink-3)}
.rg-knop{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:620}
.rg-knop svg{width:16px;height:16px;transition:transform .25s}
.rg-kaart:hover .rg-knop svg{transform:translateX(3px)}
@media (max-width:760px){
  .rg-kaarten{grid-template-columns:1fr;gap:12px}
  .rg-kaart{padding:20px 20px 18px;gap:14px}
  .rg-t b{font-size:19px}
  .rg-t>span{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.rg-kaart,.rg-kaart:hover{transform:none;transition:none}}
.mk-regel:has(>.mk-veld[data-als]):not(:has(>.mk-veld:not([hidden]))){display:none}  
.mk-regel>.mk-veld.half[data-breed]{grid-column:1/-1}  

@media (min-width:761px){
  .rg-kaarten:has(>.rg-kaart:only-child){grid-template-columns:1fr}
  .rg-kaart:only-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:28px 32px}
  .rg-kaart:only-child .rg-t{max-width:62ch}
  .rg-kaart:only-child .rg-knop{margin-top:0;padding:12px 20px;border-radius:999px;background:var(--paper);white-space:nowrap}
}
.tk-geen .geen-js .pill{height:auto;min-height:54px;padding:14px 22px;white-space:normal;text-align:center;line-height:1.25}  

.mk-start{max-width:none;gap:20px}
.mk-start-bladen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin-bottom:4px}
.mk-start-bladen figure{min-width:0}
.mk-start-vel{position:relative;aspect-ratio:210/297;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 1px 2px rgba(20,19,23,.06),0 10px 24px -14px rgba(20,19,23,.35)}
.mk-start-bladen.mk-a5 .mk-start-vel{aspect-ratio:148/210}
.mk-start-vel .mk-vel{position:absolute;top:0;left:0;box-shadow:none;transform:scale(var(--z,.2));transform-origin:0 0}
.mk-start-bladen figcaption{margin-top:10px;font-size:13.5px;line-height:1.35;font-weight:560;color:var(--ink-2)}
.mk-start>p:not(.mk-start-hint){font-size:16px}
.mk-start .mk-start-hint{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink-3)}
.mk-start-hint svg{flex:none;width:15px;height:15px;margin-top:2px}
.mk.start #mk-leeg{display:none}
.mk-bewaren{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding:14px 16px;border-radius:var(--r-m);background:var(--card);font-size:15px;line-height:1.45;color:var(--ink-2)}
.mk-bewaren[hidden]{display:none}
.mk-bewaren svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--purple)}
.mk-bewaren+.tk-acties{margin-top:14px}
@media (max-width:1120px){
  .mk.start .tk-uit{order:-1}
}
@media (max-width:600px){
  .mk-start-bladen{gap:12px}
}

.bronnen li .bron-t{margin-top:0;font-size:16px;font-weight:560;line-height:1.45;color:var(--ink)}

.mk-start-k{display:flex;flex-wrap:wrap;gap:10px}
.mk-extra-w{margin-top:28px}
.mk-extra>.mk-regel:first-child{margin-top:0}
.mk-gesprek{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.mk-gesprek>p{max-width:56ch;font-size:15px;line-height:1.5;color:var(--ink-2)}
.mk-gesprek-k{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mk-gesprek-k .pill,.mk-start-k .pill{white-space:normal;height:auto;min-height:56px;padding-block:12px;max-width:100%;text-align:center;line-height:1.3}
.mk.start .mk-gesprek:not(:has(#mk-gesprek)){display:none}
#tk-gewijzigd .pill{margin-top:4px}
.mk-toast{position:fixed;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:18px;width:max-content;max-width:calc(100vw - 32px);
  margin-inline:auto;padding:12px 16px 12px 22px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 10px 30px -10px rgba(20,19,23,.45)}
.mk-toast[hidden]{display:none}
.mk-toast p{font-size:15px;font-weight:520}
.mk-toast .link{flex:none;color:#fff;font-size:15px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1120px){
  
  .mk.gewijzigd .mk-acties{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5}
  .mk.gewijzigd .mk-acties.zwevend{margin-inline:-10px;padding:8px;border-radius:999px;background:var(--card);box-shadow:0 8px 28px -10px rgba(20,19,23,.35)}
  .mk.gewijzigd .mk-acties.zwevend .tk-wis{display:none}
  .mk.gewijzigd~.mk-toast,.mk.gewijzigd .mk-toast{bottom:calc(92px + env(safe-area-inset-bottom))}
}


.mk-pdf{position:absolute;left:-10000px;top:0}
.mk-pdf .mk-vel{box-shadow:none}
.mk-pdf-fout{flex-basis:100%;margin-top:-6px}
#mk-pdf[aria-disabled=true]{opacity:.6;cursor:progress}
.mk-agenda{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.mk-agenda[hidden]{display:none}
.mk-agenda-kop{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:620;letter-spacing:-.01em}
.mk-agenda-kop svg{flex:none;width:20px;height:20px}
.mk-agenda>.tk-hulp{margin-top:6px}
.mk-agenda-lijst{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.mk-vink{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;cursor:pointer}
.mk-vink input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink);cursor:pointer}
.mk-agenda-r{display:grid;gap:8px;margin:18px 0 14px}
.mk-agenda-r label{font-size:15px;font-weight:560}
.mk .mk-agenda-sel{height:48px;background:var(--card)}
.mk-agenda-sel::after{content:"";flex:none;width:8px;height:8px;margin-top:-4px;border-right:1.8px solid var(--ink-3);border-bottom:1.8px solid var(--ink-3);transform:rotate(45deg);pointer-events:none}
.mk-agenda .tk-fout{margin-bottom:12px}
.mk-apparaat{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.mk-schakel{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:560;cursor:pointer}
.mk-schakel input{flex:none;position:relative;width:46px;height:28px;margin:0;border-radius:999px;background:rgba(20,19,23,.18);-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .2s}
.mk-schakel input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,19,23,.25);transition:transform .2s}
.mk-schakel input:checked{background:var(--ink)}
.mk-schakel input:checked::after{transform:translateX(18px)}
.mk-schakel input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.mk-apparaat>.tk-hulp,.mk-apparaat-terug,.mk-apparaat>.tk-fout{margin:8px 0 0 60px}
.mk-apparaat-terug{font-size:15px;line-height:1.5;color:var(--ink-2)}
.mk-apparaat-terug .link{font-size:15px}
.mk-kopie{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;border-radius:50%;color:var(--ink-3);transition:background .2s,color .2s}
.mk-kopie:hover{background:var(--paper);color:var(--ink)}
.mk-kopie svg{width:18px;height:18px}
.mk-kopie+.mk-weg{margin-left:-6px}
@media (prefers-reduced-motion:reduce){.mk-schakel input,.mk-schakel input::after{transition:none}}
.mk-s-groepen{display:grid;gap:12px;margin-top:16px;list-style:none}
.mk-s-groepen b{display:block;font-size:16px;font-weight:620}
.mk-s-groepen p{font-size:15px;line-height:1.45;color:var(--ink-2)}
.mk-reeks-w{margin-top:10px}
.mk-reeks{margin-top:14px;padding:22px;border-radius:var(--r-m);background:var(--paper)}
.mk-reeks[hidden]{display:none}
.mk-reeks-kop{font-size:17px;font-weight:620}
.mk-reeks>.tk-hulp{margin-top:6px}
.rk-paar,.rk-tijden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.rk-veld{margin-top:16px}
.rk-paar .rk-veld,.rk-tijden .rk-veld{margin-top:0}
.rk-veld label{display:block;margin-bottom:8px;font-size:15px;font-weight:560}
.mk .rk-veld .tk-in{background:var(--card)}
.rk-veld textarea{flex:1;width:100%;min-height:56px;padding:14px 0;border:0;background:transparent;font:inherit;font-size:17px;line-height:1.45;resize:vertical;outline:none}
.mk .rk-veld:has(textarea) .tk-in{height:auto}
.rk-tijd-plus{margin-top:12px;font-size:15px}
.rk-tijd-plus svg{width:16px;height:16px}
.rk-tijd-plus[hidden]{display:none}
.rk-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:20px}
#rk-fout{margin-top:14px}
.mk-leeg-register{margin-top:16px;font-size:15px;line-height:1.5;color:var(--ink-2)}
@media (max-width:520px){.rk-paar{grid-template-columns:minmax(0,1fr)}.mk-reeks{padding:18px 14px}}


.as-badge{display:inline-block;line-height:0;border-radius:10px;flex:none}
.as-badge img{width:150px;height:auto}
.app-blok .as-badge img{width:170px}
.app-cta{display:flex;align-items:center;gap:16px;margin-top:28px;padding:16px 18px;border-radius:var(--r-l);background:var(--paper-2)}
.app-cta-ic{width:44px;height:44px;border-radius:11px;flex:none}
.app-cta p{flex:1;font-size:16px;line-height:1.4;font-weight:500;color:var(--ink)}
.app-cta-txt{flex:1;min-width:0}.app-cta-txt p{font-weight:400;color:var(--ink-2)}
.app-cta-kop{display:block;margin-bottom:4px;font-size:17px;line-height:1.3;font-weight:700;color:var(--ink);text-decoration:none}
.app-cta-kop:hover{text-decoration:underline}
@media (max-width:560px){.app-cta{flex-wrap:wrap;align-items:flex-start}.app-cta p,.app-cta-txt{flex-basis:calc(100% - 60px)}.app-cta .as-badge{margin-left:60px}}
.app-balk{display:none}
@media (max-width:820px){
  .app-balk{display:flex;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;align-items:center;gap:12px;
    padding:10px 10px 10px 12px;border-radius:18px;background:var(--paper);box-shadow:0 8px 30px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.05);
    transform:translateY(calc(100% + 40px));visibility:hidden;transition:transform .35s ease-out,visibility 0s .35s}
  .app-balk.zicht{transform:none;visibility:visible;transition:transform .35s ease-out}
  .app-balk img:first-child{width:36px;height:36px;border-radius:9px;flex:none}
  .app-balk p{flex:1;font-size:14px;line-height:1.3;font-weight:600;color:var(--ink);min-width:0}
  .app-balk .as-badge img{width:120px}
}
@media (prefers-reduced-motion:reduce){.app-balk{transition:none}}


@media (min-width:821px) and (max-width:1120px){
  .sec-a:not(.st-nu) .head{grid-column:1/-1}
  .sec-a:not(.st-nu) .a-grid{grid-column:1/-1;margin-top:40px}
}
@media (max-width:820px){
  .sec-a:not(.st-nu) .wrap{display:block}
  .sec-a:not(.st-nu) .a-grid{margin-top:32px}
  .order{max-width:none}
  .order p{font-size:20px}
  .tabs.seg{display:flex;align-self:stretch}
  .chapter .h2{font-size:38px}
  .seg .tab{flex:1 1 0;min-width:0;height:auto;min-height:40px;padding:6px 8px;font-size:14px;white-space:normal}
  .band{margin:36px 0;padding:72px 0}
  .slot{padding:72px 0 80px}
  .slot h2{font-size:40px}
  .slot p{font-size:17px}
  .slot-icoon{width:80px;height:80px;border-radius:18px;margin-bottom:28px}
}


@media (max-width:820px){
  .relc{grid-template-columns:minmax(0,1fr) 18px;row-gap:4px;padding:18px 0}
  .relc>span:not(.mi-ic){grid-column:1/2}
  .relc .go{grid-column:2;grid-row:1/3}
  .grens{margin-top:32px}
}


.plan.trial{background:var(--paper-2);color:var(--ink)}
.plan.trial h2{margin-top:0}
.plan.trial p{color:var(--ink-2)}
.incl-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:0;border-top:1px solid var(--line)}
.incl-grid .mi{background:none;padding:18px 0;border-radius:0;border-bottom:1px solid var(--line);font-size:17px}
.incl-grid .mi:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.facts{display:block;margin-top:72px}
.fact:first-child{border-top:1px solid var(--line)}
.fine-print .badge-as{margin-top:22px}
.fact,.fact.horses{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:24px;background:none;border-radius:0;padding:28px 0;border-bottom:1px solid var(--line)}
.fact p{margin-top:0;font-size:17px;max-width:62ch}
.fact h3{font-size:22px}
@media (max-width:820px){
  .incl-grid{grid-template-columns:1fr}
  .fact,.fact.horses{display:block;padding:22px 0}
  .fact p{margin-top:8px;font-size:16px}
  .facts{margin-top:48px}
}


.cats{column-gap:32px;row-gap:8px}
.cat{background:none;border-radius:0;padding:22px 0 8px;border-top:1px solid var(--line)}
.cat:hover{transform:none;box-shadow:none}
.cat:hover h3{text-decoration:underline;text-underline-offset:4px}
.contact{background:none;color:var(--ink);border-radius:0;border-top:1px solid var(--line);padding:40px 0 0}
.contact p{color:var(--ink-2)}
.contact .pill{background:var(--ink);color:var(--paper)}
@media (max-width:820px){
  .cat{grid-template-columns:minmax(0,1fr) 16px;border-top:none;padding:14px 16px}
  .cat+.cat{border-top:1px solid var(--line)}
  .cat h3,.cat p{grid-column:1}
  .cat::after{grid-column:2}
  .contact{padding:32px 0 0}
}


.soort,.gh-tegel .soort{height:auto;padding:0;border-radius:0;background:none;font-size:13.5px;font-weight:600;color:var(--ink-3)}
.gh-tegel{min-height:0;gap:10px;padding:20px 40px 24px 0;border-radius:0;background:none;border-top:1px solid var(--line)}
.gh-tegel:hover{transform:none;box-shadow:none}
.gh-tegel:hover b{text-decoration:underline;text-underline-offset:4px}
.gh-tegels{row-gap:8px;column-gap:32px}
@media (max-width:820px){
  .gh-tegel{border-top:none;padding:16px 52px 16px 20px}
  .gh-tegels{row-gap:0}
}
@media (min-width:821px){.gh-pijl{left:auto;right:0;top:22px;bottom:auto}}
.gh-sprong{gap:24px}
.gh-sprong a{height:auto;padding:0;border-radius:0;background:none;font-size:16px;font-weight:550;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.gh-sprong a:hover{color:var(--ink);text-decoration-color:currentColor}


.st-nu .head>.h2{grid-column:1/8;font-size:46px;line-height:1.08;max-width:none}
.st-bewijs{position:relative;margin:0 auto;max-width:980px;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow);background:var(--card)}
.st-bewijs img{display:block;width:100%;height:auto}
.st-bewijs{padding-top:52px}
.st-bewijs .stand{position:absolute;left:16px;top:12px}
.st-nu .nu-cap{margin-top:20px}
@media (max-width:820px){
  .st-nu .head>.h2{font-size:32px}
  .st-bewijs{margin:0 -16px;border-radius:0}
}

.rtabs{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(243,239,231,.12);flex-wrap:nowrap;max-width:100%}
.rtab{height:38px;padding:0 16px;border-radius:9px;background:transparent;font-size:15px}
.rtab:hover{background:rgba(243,239,231,.08)}
.rtab.on{background:var(--paper);color:var(--forest)}
@media (max-width:820px){.rtabs{display:flex;margin-right:20px}.rtab{flex:1 1 0;min-width:0;padding:0 8px;font-size:14px}}

@media (min-width:821px){.bh h1{font-size:76px;text-wrap:balance}}

@media (max-width:820px){.st-bewijs img{width:185%;max-width:none}}

.dl-knoppen{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
@media (max-width:820px){.dl-qr2{display:none}}

.afbreken{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;overflow-wrap:break-word}
@media (max-width:820px){
  
  .rtabs{margin-right:0}
  .rtab{flex:1 1 auto;height:auto;min-height:38px;padding:6px 5px;line-height:1.15;white-space:nowrap}
}
@media (max-width:389px){.rtab{font-size:13px}}

@media (max-width:359px){
  .rtab{font-size:12px;padding:6px 3px;white-space:normal}
  .seg .tab{font-size:13px;padding:6px 4px;min-width:min-content}
  .rtab{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
}

@media (max-width:440px){html[lang=nl] body.biz .nav .pill{display:none}}
@media (max-width:389px){html[lang=en] body.biz .nav .pill{display:none}}

@media (max-width:359px){.pill:not(.xs){white-space:normal;height:auto;min-height:48px;padding-top:10px;padding-bottom:10px;text-align:center;line-height:1.2}}

@media (max-width:600px){.tr{grid-template-columns:minmax(0,1fr);row-gap:8px}}