/* Tally — gedeelde stijl voor alle artboards */
:root{
  --orange:#FF5B14;--orange-soft:#FFB08A;--ink:#1D1D1F;
  --bg:#FFFFFF;--vlak:#F5F5F7;--muted:#6E6E73;--line:rgba(0,0,0,.08);
  --text:#1D1D1F;--tile:#FFFFFF;--counter:#E8E8ED;--screen:#F2F2F7;
  --glass:rgba(255,255,255,.55);--glass-rand:rgba(255,255,255,.9);
  --dot:#1D1D1F;--ring:rgba(29,29,31,.45);
  --shadow:0 30px 60px -20px rgba(0,0,0,.18),0 10px 20px -10px rgba(0,0,0,.08);
  --sec-bg:#1D1D1F;--sec-fg:#FFFFFF;
  --mld-bg:rgba(242,242,247,.86);--mld-fg:#1D1D1F;--mld-muted:#6E6E73;
}
.tl.dark{
  --bg:#000000;--vlak:#111113;--muted:#A1A1A6;--line:rgba(255,255,255,.1);
  --text:#F5F5F7;--tile:#1C1C1E;--counter:#1C1C1E;--screen:#000000;
  --glass:rgba(40,40,44,.5);--glass-rand:rgba(255,255,255,.18);
  --dot:#F5F5F7;--ring:rgba(245,245,247,.45);
  --shadow:0 30px 60px -20px rgba(0,0,0,.8),0 10px 20px -10px rgba(0,0,0,.6);
  --sec-bg:#F5F5F7;--sec-fg:#1D1D1F;
  --mld-bg:rgba(44,44,46,.86);--mld-fg:#F5F5F7;--mld-muted:#A1A1A6;
}
.tl{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;container:tl / inline-size;position:relative}
.tl *,.wcard *,.mld *{box-sizing:border-box}
:where(.tl) :is(h1,h2,h3,h4,p){margin:0}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* type */
.d1{font-size:112px;line-height:1;letter-spacing:-0.03em;font-weight:700}
.d2{font-size:72px;line-height:1.04;letter-spacing:-0.03em;font-weight:700}
.d3{font-size:40px;line-height:1.1;letter-spacing:-0.03em;font-weight:700}
.h4{font-size:21px;line-height:1.3;letter-spacing:-0.015em;font-weight:600}
.lead{font-size:24px;line-height:1.45;letter-spacing:-0.01em;font-weight:500;color:var(--muted)}
.body{font-size:17px;line-height:1.5;color:var(--muted)}
.small{font-size:13px;line-height:1.45;color:var(--muted)}

/* layout */
.wrap{max-width:1200px;margin:0 auto;padding:0 48px}
.sec{padding:180px 0}
.center{text-align:center}
.measure{max-width:780px;margin-left:auto;margin-right:auto}
.gap-s{margin-top:16px}.gap-m{margin-top:28px}.gap-l{margin-top:48px}.gap-xl{margin-top:88px}

/* knoppen */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;
  border-radius:999px;background:var(--orange);color:#fff;font:600 17px/1 'Inter',system-ui,sans-serif;
  letter-spacing:-0.01em;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.btn:hover{background:#F04E08}
.btn.navb{min-height:40px;padding:0 18px}
.btn.alt{background:var(--sec-bg);color:var(--sec-fg)}
.tlink{color:var(--text);font-weight:600;font-size:17px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.tlink:hover{text-decoration:underline;text-underline-offset:4px}
.ulink{color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* woordmerk + icoon */
.wm{font-weight:800;letter-spacing:-0.05em;font-size:24px;line-height:1;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.wm i{font-style:normal;color:var(--orange)}
.appicon{display:block;flex:none}

/* glas — alleen op onze eigen schermen */
.glass{background:var(--glass);border:1px solid var(--glass-rand);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}

/* navigatie */
.navbar{position:sticky;top:12px;z-index:30;margin:12px auto 0;max-width:1176px;height:60px;border-radius:999px;
  display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 24px;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.18)}
.navlinks{display:flex;gap:36px}
.navlinks a{color:var(--text);font-size:15px;font-weight:500;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.navright{display:flex;align-items:center;gap:6px}
.menub{display:none;width:44px;height:44px;border-radius:999px;border:0;background:transparent;color:var(--text);align-items:center;justify-content:center;cursor:pointer}

/* hero */
.hero{padding:132px 0 0;text-align:center}
.hero .lead{max-width:660px;margin:28px auto 0}
.herofoto{margin-top:-72px;height:500px;overflow:hidden;background:var(--vlak)}
.herofoto img{width:100%;height:100%;object-fit:cover;object-position:55% 45%;display:block}
.hero.met-foto{padding:0}
.hero.met-foto .wrap{padding-top:56px}
.hero .d1{font-size:96px}
.feiten{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:28px;font-size:15px;font-weight:500;color:var(--muted)}
.feiten span{display:inline-flex;align-items:center;gap:8px}
.feiten svg{color:var(--text);flex:none}
.d2.sm{font-size:56px}
.kspec{margin:8px 0 0;border-top:1px solid var(--line)}
.kspec div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.kspec dt{color:var(--muted);font-weight:500}
.kspec dd{margin:0;color:var(--text);font-weight:500}
.vislab{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.ctas{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:40px;flex-wrap:wrap}
.stage{position:relative;height:700px;margin:96px auto 0;max-width:1104px;border-radius:40px;background:var(--vlak);overflow:hidden}
.counter{position:absolute;left:0;right:0;bottom:0;height:220px;background:var(--counter);border-top:1px solid var(--line)}
.blokje{width:128px;height:128px;border-radius:30px;background:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 1px 0 #fff,0 22px 30px -14px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.08)}
.blokje .wm{color:#1D1D1F;font-size:26px}
.blokje.sm{width:96px;height:96px;border-radius:24px}
.blokje.sm .wm{font-size:20px}
.stage .blokje{position:absolute;left:50%;bottom:160px;margin-left:-64px;z-index:3}
.phone-back{position:absolute;width:190px;height:390px;border-radius:44px;background:#2C2C2E;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 60px -20px rgba(0,0,0,.45)}
.phone-back .cam{position:absolute;left:16px;top:16px;width:70px;height:70px;border-radius:22px;background:#1D1D1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.stage .phone-back{left:calc(50% + 6px);top:-60px;transform:rotate(150deg);transform-origin:50% 50%;z-index:4}
.tapring{position:absolute;border-radius:50%;border:2px solid var(--orange-soft);pointer-events:none}
.glow{position:absolute;border-radius:50%;background:var(--orange-soft);opacity:.55;filter:blur(60px);pointer-events:none}
.hcard{position:absolute;width:400px;border-radius:28px;padding:26px 28px 24px;box-shadow:var(--shadow);text-align:left;z-index:5}
.stage .hcard{left:50%;margin-left:-200px;top:72px;transform:rotate(-3deg)}
.stage .glow.hg{left:50%;margin-left:-240px;top:60px;width:480px;height:300px}
.tr1{left:50%;margin-left:-90px;bottom:134px;width:180px;height:180px;opacity:.7;z-index:2}
.tr2{left:50%;margin-left:-130px;bottom:94px;width:260px;height:260px;opacity:.35;z-index:2}
.vtr1{left:50%;margin-left:-65px;bottom:41px;width:130px;height:130px;opacity:.7;z-index:1}
.vtr2{left:50%;margin-left:-90px;bottom:16px;width:180px;height:180px;opacity:.35;z-index:1}
.hc-top{display:flex;align-items:center;gap:10px}
.hc-logo{width:30px;height:30px;border-radius:9px;background:var(--text);color:var(--bg);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:-0.02em}
.hc-name{font-size:15px;font-weight:600}
.hc-spot{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hc-big{font-size:72px;font-weight:700;letter-spacing:-0.04em;line-height:1;margin:22px 0 20px;font-variant-numeric:tabular-nums}
.hc-big span{color:var(--muted)}
.hc-foot{margin-top:18px;font-size:13px;color:var(--muted);font-weight:500}
.badges{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.badge{height:48px;min-width:170px;padding:0 16px;border:1.5px dashed var(--ring);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);font-weight:500}

/* tegels */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tile{background:var(--vlak);border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:14px}
.vis{height:280px;border-radius:22px;background:var(--bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:22px}
.vis .counter{height:90px}
.vis .blokje{position:absolute;left:50%;bottom:58px;margin-left:-48px;z-index:2}

/* kaarten */
.kaarten{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}
.ktile{background:var(--vlak);border-radius:28px;padding:56px;display:flex;flex-direction:column;gap:14px}
.kvis{display:flex;justify-content:center;align-items:flex-end;min-height:520px;margin-bottom:32px}
.idee{margin-top:24px;background:var(--vlak);border-radius:22px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}

/* voor wie */
.wie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wtile{background:var(--vlak);border-radius:28px;padding:32px 28px 28px;display:flex;flex-direction:column}
.wkind{font-size:15px;color:var(--muted);font-weight:500;margin-top:4px}
.wvis{position:relative;margin-top:28px;height:440px;display:flex;justify-content:center}
.wvis .mwrap{position:absolute;left:0;right:0;bottom:0}

/* voordelen */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;row-gap:64px}
.vd{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;gap:10px}

/* prijs */
.band{background:var(--vlak)}
.price{max-width:880px;margin:0 auto;background:var(--tile);border-radius:28px;padding:88px 80px;text-align:center;box-shadow:var(--shadow)}
.pbig{font-size:128px;font-weight:700;letter-spacing:-0.045em;line-height:1;font-variant-numeric:tabular-nums}
.pbig span{font-size:40px;letter-spacing:-0.03em;color:var(--muted);font-weight:600}

/* faq */
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;font-size:21px;font-weight:600;letter-spacing:-0.015em;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;transition:transform .2s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .ans{padding:0 48px 28px 0}

/* slot + footer */
.bosje{display:flex;gap:10px;justify-content:center;margin-bottom:40px}
.foot{border-top:1px solid var(--line);padding:56px 0 64px}
.foot-row{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.foot-brand{display:flex;align-items:center;gap:14px}
.appstef{position:fixed;right:24px;bottom:24px;z-index:40;min-height:44px;padding:0 18px 0 14px;border-radius:999px;display:flex;align-items:center;gap:8px;
  font-size:15px;font-weight:600;color:var(--text);text-decoration:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.25)}

/* bolletjes */
.dots{display:inline-flex;flex-direction:column}
.drow{display:flex}
.dot{border-radius:50%;flex:none}
.dot.f{background:var(--dot)}
.dot.o{background:var(--orange)}
.dot.e{box-shadow:inset 0 0 0 2px var(--ring)}
.dot.n{box-shadow:0 0 0 6px rgba(255,176,138,.5);transform:scale(1.08)}
.on-dark{--dot:#F5F5F7;--ring:rgba(245,245,247,.45)}

/* de echte Wallet-kaart — nooit glas */
.wcard{position:relative;border-radius:.9em;overflow:hidden;background:#000;color:#fff;font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;box-shadow:0 30px 60px -20px rgba(0,0,0,.35),0 10px 20px -10px rgba(0,0,0,.15);
  --dot:#F5F5F7;--ring:rgba(245,245,247,.45)}
.wphoto{position:absolute;left:0;right:0;top:0;height:64%}
.wphoto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 46%,#000 100%)}
.f-koffie{background:radial-gradient(40% 36% at 72% 40%,#b9b9bd 0%,rgba(185,185,189,0) 70%),linear-gradient(90deg,#3b3b3e 0 22%,#626266 22% 23.5%,#2b2b2e 23.5% 58%,#626266 58% 59.5%,#3b3b3e 59.5%)}
.f-kapper{background:radial-gradient(30% 40% at 30% 42%,#c9c9cc 0%,rgba(201,201,204,0) 70%),linear-gradient(180deg,#56565a 0 40%,#2f2f32 40%)}
.f-bakker{background:radial-gradient(55% 30% at 50% 70%,#a8a8ac 0%,rgba(168,168,172,0) 70%),repeating-linear-gradient(90deg,#444448 0 14%,#38383b 14% 15%)}
.f-bloem{background:radial-gradient(22% 22% at 30% 45%,#d0d0d3 0%,rgba(208,208,211,0) 80%),radial-gradient(26% 26% at 64% 38%,#9a9a9e 0%,rgba(154,154,158,0) 80%),#333336}
.f-lunch{background:radial-gradient(50% 40% at 50% 30%,#bdbdc1 0%,rgba(189,189,193,0) 70%),linear-gradient(90deg,#2e2e31 0 48%,#58585c 48% 49%,#2e2e31 49%)}
.f-winkel{background:linear-gradient(90deg,#4a4a4e 0 30%,#29292c 30% 70%,#4a4a4e 70%),#333}
.whead{position:absolute;top:1em;left:1em;right:1em;display:flex;align-items:center;gap:.6em;z-index:2}
.wlogo{width:1.9em;height:1.9em;border-radius:.5em;background:#fff;color:#1D1D1F;display:flex;align-items:center;justify-content:center;flex:none}
.wlogo span{font-size:.7em;font-weight:800;letter-spacing:-0.02em}
.wname{font-size:1em;font-weight:600;letter-spacing:-0.01em}
.wspot{margin-left:auto;font-size:.6em;letter-spacing:.08em;font-weight:600;color:rgba(255,255,255,.72);text-transform:uppercase}
.wbody{position:absolute;left:1.1em;right:1.1em;bottom:1.15em;display:flex;flex-direction:column;z-index:2}
.wbig{font-size:2.5em;font-weight:700;letter-spacing:-0.035em;line-height:1;font-variant-numeric:tabular-nums}
.wbig span{color:rgba(255,255,255,.6)}
.wsub{font-size:1em;font-weight:600;color:rgba(255,255,255,.72);margin-top:.35em}
.wfields{display:flex;justify-content:space-between;gap:1em;margin-top:1em}
.wlab{font-size:.58em;letter-spacing:.09em;font-weight:600;color:rgba(255,255,255,.62);text-transform:uppercase}
.wval{font-size:.92em;font-weight:600;margin-top:.25em;line-height:1.25}
.wf.r{text-align:right}
.wback{background:#F2F2F7;color:#1D1D1F;padding:1em;display:flex;flex-direction:column;gap:.55em}
.wback .whead{position:static;margin-bottom:.4em}
.wback .wlogo{background:#1D1D1F;color:#fff}
.bk{background:#fff;border-radius:.7em;padding:.75em .9em}
.bkt{font-size:.82em;font-weight:600}
.bkv{font-size:.74em;line-height:1.4;color:#6E6E73;margin-top:.25em}

/* lockscreenmelding */
.mld{width:100%;border-radius:22px;padding:12px 14px;display:flex;gap:11px;align-items:flex-start;background:var(--mld-bg);color:var(--mld-fg);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.3);font-family:'Inter',system-ui,sans-serif;text-align:left}
.mico{width:38px;height:38px;border-radius:10px;background:#1D1D1F;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mtop{display:flex;align-items:baseline;gap:8px}
.mt{font-size:15px;font-weight:600}
.mnu{margin-left:auto;font-size:13px;color:var(--mld-muted)}
.mb{font-size:15px;line-height:1.3;margin-top:1px}

/* kaartbouwer */
.bwroot{background:transparent;padding:0}
.bw{max-width:1104px;margin:0 auto;background:var(--vlak);border-radius:32px;padding:72px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:center;position:relative;overflow:hidden;min-height:780px}
.bw.klaar{grid-template-columns:300px minmax(0,1fr)}
.prevcol{display:flex;justify-content:center}
.bform{display:flex;flex-direction:column;gap:16px;max-width:560px}
.inp{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;outline:none}
.inp::placeholder{color:var(--muted)}
.inp:focus{border-color:var(--text);box-shadow:0 0 0 4px rgba(29,29,31,.12)}
.inp.big{height:80px;border-radius:22px;padding:0 26px;font-size:30px;font-weight:600;letter-spacing:-0.02em}
.inp.plaats{height:52px;border-radius:16px;padding:0 18px;font-size:17px;max-width:300px}
.bform .btn{align-self:flex-start;margin-top:12px}
.regels{display:flex;flex-direction:column;gap:20px}
.regel{display:flex;align-items:center;gap:14px;font-size:30px;font-weight:600;letter-spacing:-0.02em;transition:opacity .6s,transform .6s}
.regel.done{color:var(--muted)}
.regel.wait{opacity:0;transform:translateY(8px)}
.regel svg{flex:none}
.bacts{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.bacts .hr{align-self:stretch;height:1px;background:var(--line);margin:8px 0}
.swrow{display:flex;align-items:center;justify-content:space-between;gap:20px;align-self:stretch;max-width:440px;font-size:17px;font-weight:600}
.switch{width:51px;height:31px;border-radius:999px;border:0;padding:2px;background:var(--ring);cursor:pointer;display:flex;flex:none;transition:background .2s}
.switch span{width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s}
.switch.aan{background:var(--orange)}
.switch.aan span{transform:translateX(20px)}
.iphone{width:300px;height:620px;border-radius:56px;background:#1D1D1F;padding:10px;box-shadow:var(--shadow);flex:none;justify-self:center}
.iscreen{width:100%;height:100%;border-radius:46px;background:var(--screen);position:relative;overflow:hidden;display:flex;justify-content:center;padding-top:64px}
.island{position:absolute;top:12px;left:50%;margin-left:-46px;width:92px;height:28px;border-radius:999px;background:#000}
.ghost{width:256px;height:353px;border-radius:15px;border:1.5px dashed var(--ring);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:20px}
.skel{height:12px;border-radius:6px;background:var(--line)}
.scrim{position:absolute;inset:0;background:rgba(0,0,0,.12);z-index:5}
.qrsheet{position:absolute;right:96px;top:50%;width:420px;transform:translateY(-50%);z-index:6;border-radius:32px;padding:44px 40px 36px;text-align:center;box-shadow:var(--shadow)}
.qrbox{width:232px;height:232px;margin:0 auto 26px;background:#fff;border-radius:22px;padding:18px}
.qr{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));width:100%;height:100%}
.q1{background:#1D1D1F}
.qclose{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}

/* mobiel */
@container tl (max-width:720px){
  .d1{font-size:52px}.d2{font-size:40px}.d3{font-size:30px}.lead{font-size:19px}.h4{font-size:19px}
  .wrap{padding:0 16px}
  .sec{padding:104px 0}
  .gap-xl{margin-top:48px}
  .navbar{margin:8px 8px 0;height:56px;padding:0 6px 0 18px;top:8px}
  .navlinks{display:none}
  .menub{display:inline-flex}
  .btn.navb{padding:0 14px}
  .hero{padding:72px 0 0}
  .herofoto{margin-top:-64px;height:300px}
  .hero .d1{font-size:46px}
  .d2.sm{font-size:34px}
  .feiten{flex-direction:column;align-items:center;gap:8px;font-size:14px}
  .kspec div{grid-template-columns:96px minmax(0,1fr);font-size:14px}
  .herofoto img{object-position:68% 50%}
  .hero.met-foto .wrap{padding-top:28px}
  .hero .lead{margin-top:20px}
  .ctas{flex-direction:column;gap:8px;margin-top:32px}
  .stage{height:540px;margin-top:56px;border-radius:28px}
  .counter{height:150px}
  .stage .blokje{bottom:100px}
  .stage .phone-back{left:calc(50% + 4px);top:-150px;transform:rotate(150deg) scale(.8)}
  .hcard{width:300px;padding:20px 22px 18px;border-radius:24px}
  .stage .hcard{margin-left:-150px;top:40px}
  .tr1{margin-left:-70px;bottom:94px;width:140px;height:140px}
  .tr2{margin-left:-100px;bottom:64px;width:200px;height:200px}
  .stage .glow.hg{left:50%;margin-left:-170px;top:30px;width:340px;height:240px}
  .hc-big{font-size:56px;margin:16px 0 14px}
  .badge{min-width:0;flex:1}
  .three,.kaarten,.wie,.grid4{grid-template-columns:minmax(0,1fr)}
  .grid4{row-gap:32px}
  .tile{padding:24px}
  .ktile{padding:28px 24px}
  .kvis{min-height:0;margin-bottom:16px}
  .idee{flex-direction:column;align-items:flex-start;padding:24px}
  .price{padding:56px 24px;border-radius:24px}
  .pbig{font-size:84px}.pbig span{font-size:28px}
  .faq summary{font-size:18px;padding:22px 0}
  .faq .ans{padding-right:0}
  .foot-row{flex-direction:column;gap:24px}
  .appstef{right:16px;bottom:16px}
  .bw,.bw.klaar{grid-template-columns:minmax(0,1fr);padding:32px 16px;gap:40px;border-radius:24px;min-height:0}
  .bw .hide-m{display:none}
  .inp.big{height:68px;font-size:24px;padding:0 20px}
  .inp.plaats{max-width:none}
  .bform .btn{align-self:stretch}
  .regel{font-size:22px}
  .scrim,.qrsheet{display:none}
}