:root{--r2s-navy:#061d36;--r2s-green:#2cc879;--r2s-cream:#f5f1e9}
.r2sx{position:relative;width:100%;max-width:none!important;height:980vh;margin:0!important;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;isolation:isolate;--p:0;--i0:1;--i1:0;--i2:0;--s1:0;--s2:0;--s3:0;--s4:0;--s5:0;--s6:0;--conv:0;--join:0;--convout:0;--handoff:0;--picked:0}
.r2sx *{box-sizing:border-box}.r2sx__stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;background:#fff}.r2sx__world{position:absolute;top:80px;right:0;bottom:0;left:0;background:#c8bba9}
.r2sx__scene{position:absolute;inset:-2%;background-image:var(--scene);background-size:cover;background-position:center;opacity:0;will-change:opacity,transform;transform:scale(1.035);filter:saturate(1.02) contrast(1.01)}
.r2sx__scene--intro-empty{opacity:var(--i0);transform:scale(calc(1.025 + var(--zi0,0)*.015))}
.r2sx__scene--intro-one{opacity:var(--i1);transform:scale(calc(1.03 + var(--zi1,0)*.015))}
.r2sx__scene--intro-two{opacity:var(--i2);transform:scale(calc(1.03 + var(--zi2,0)*.02))}
.r2sx__scene--1{opacity:var(--s1);transform:scale(calc(1.035 + var(--z1,0)*.035));background-position:center}
.r2sx__scene--2{opacity:var(--s2);transform:scale(calc(1.04 + var(--z2,0)*.035));background-position:center}
.r2sx__scene--3{opacity:var(--s3);transform:scale(calc(1.04 + var(--z3,0)*.025));background-position:center}
.r2sx__scene--4{opacity:var(--s4);transform:scale(calc(1.04 + var(--z4,0)*.025));background-position:center}
.r2sx__scene--5{opacity:var(--s5);transform:scale(calc(1.07 - var(--z5,0)*.035));background-position:center 43%}
.r2sx__scene--6{opacity:var(--s6);transform:scale(calc(1.045 - var(--z6,0)*.025));background-position:center}
.r2sx__convergence{position:absolute;z-index:8;inset:0;overflow:hidden;pointer-events:none;opacity:calc((1 - var(--convout))*min(1,var(--conv)*2.8))}
.r2sx__convergence svg{position:absolute;inset:-2%;width:104%;height:104%}.r2sx__streams{fill:none;stroke-linecap:round;stroke-linejoin:round}
.r2sx__stream{stroke-width:5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--conv));opacity:calc(.15 + var(--conv)*.85)}
.r2sx__stream--orange{stroke:#ff9d45}.r2sx__stream--yellow{stroke:#ffe75a}.r2sx__stream--cyan{stroke:#68ecf4}.r2sx__stream--pink{stroke:#ff81c4}
.r2sx__join{fill:#51e7a0;stroke:#c9ffe5;stroke-width:3;opacity:var(--join);transform-box:fill-box;transform-origin:center;transform:scale(calc(.35 + var(--join)*.65))}
.r2sx__pickup-line{stroke:#55eaa6;stroke-width:6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--join));opacity:var(--join)}
.r2sx__arrival{position:absolute;z-index:12;left:63%;top:67%;display:flex;align-items:center;gap:12px;min-width:270px;padding:16px 20px;border:1px solid rgba(255,255,255,.52);border-radius:16px;background:rgba(248,246,241,.88);box-shadow:0 18px 48px rgba(7,27,43,.2);backdrop-filter:blur(12px);color:#24313c;font-size:15px;opacity:calc(var(--s4)*(1 - var(--handoff)));transform:translate(-50%,calc(12px - var(--s4)*12px));will-change:opacity,transform}.r2sx__arrival span,.r2sx__picked-up>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#dff8ea;color:#21b96b;font-size:15px;font-weight:900}.r2sx__arrival strong{font-weight:700}
.r2sx__picked-up{position:absolute;z-index:12;right:6%;top:67%;display:flex;align-items:center;gap:13px;min-width:255px;padding:16px 20px;border:1px solid rgba(255,255,255,.38);border-radius:16px;background:rgba(5,29,48,.78);box-shadow:0 18px 48px rgba(0,14,28,.28);backdrop-filter:blur(14px);color:#fff;opacity:var(--picked);transform:translateY(calc(14px - var(--picked)*14px));will-change:opacity,transform}.r2sx__picked-up strong{font-size:15px}
.r2sx__vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.62) 0,rgba(4,18,31,.22) 34%,transparent 62%),linear-gradient(180deg,rgba(2,17,31,.38),transparent 24%,transparent 75%,rgba(2,17,31,.16));opacity:var(--shade,.72);pointer-events:none}
.r2sx__nav{position:absolute;z-index:30;top:14px;left:clamp(14px,2.2vw,34px);right:clamp(14px,2.2vw,34px);height:66px;padding:0 12px 0 18px;display:flex;align-items:center;gap:24px;border:1px solid rgba(6,29,54,.08);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(2,18,31,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--r2s-navy)}
/* v1.3.21 — mobiele header-tools standaard UIT op desktop.
 * De mobiele stylesheet (alleen <=780px) zet ze expliciet weer aan.
 * Zo kan het account-poppetje/dropdown nooit op desktop openen of ongestyled renderen. */
.r2sx__mobile-tools{display:none;}

.r2sx__brand{display:flex;align-items:center;flex:0 0 auto;width:144px;height:48px}.r2sx__brand img{display:block;width:100%;height:auto;max-height:44px;object-fit:contain}.r2sx__links{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2vw,34px);margin:auto}.r2sx__links a,.r2sx__actions a{color:var(--r2s-navy);font-size:13px;font-weight:720;text-decoration:none;white-space:nowrap}.r2sx__links a{opacity:.76;transition:opacity .2s,color .2s}.r2sx__links a:hover{color:#118553;opacity:1}.r2sx__actions{display:flex;align-items:center;gap:8px}.r2sx__login,.r2sx__signup{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;color:#fff!important}.r2sx__login{background:var(--r2s-green);box-shadow:0 7px 22px rgba(44,200,121,.2)}.r2sx__signup{background:#0b3f86;box-shadow:0 7px 22px rgba(11,63,134,.18)}.r2sx__story-meta{position:absolute;z-index:22;top:96px;left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px);display:flex;align-items:center;justify-content:space-between;color:#fff;text-shadow:0 2px 14px #00162d;pointer-events:none}.r2sx__chapter{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;opacity:.82}.r2sx__counter{display:flex;align-items:center;gap:9px;font-size:11px}.r2sx__counter b{font-size:16px}.r2sx__counter i{display:block;width:38px;height:1px;background:#ffffff80}.r2sx__mobile-menu{display:none}
.r2sx__copy{position:absolute;z-index:21;left:clamp(28px,7vw,112px);top:calc(50% + 38px);width:min(500px,40vw);transform:translateY(-42%);text-shadow:0 3px 30px #00152e,0 1px 8px #00152e}.r2sx__eyebrow{margin:0 0 15px;color:#5ee7a5;font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.r2sx__copy h1{margin:0;max-width:620px;color:var(--r2s-navy);font-size:clamp(48px,5.5vw,88px);line-height:.94;letter-spacing:-.058em;text-shadow:0 2px 28px rgba(255,255,255,.95),0 1px 6px #fff}.r2sx__lead{max-width:440px;margin:22px 0 0;font-size:clamp(17px,1.45vw,21px);line-height:1.55;color:#f8fafc;opacity:.9}
.r2sx.is-light .r2sx__copy{color:var(--r2s-navy);text-shadow:0 2px 28px #fff,0 1px 5px #fff}.r2sx.is-light .r2sx__lead{color:var(--r2s-navy)}.r2sx.is-light .r2sx__eyebrow{color:#15945a}.r2sx.is-final .r2sx__copy{left:auto;right:4%;top:49%;width:min(540px,40vw);padding:30px 32px 29px;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:rgba(248,245,238,.86);box-shadow:0 20px 60px rgba(20,28,30,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--r2s-navy);text-shadow:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.r2sx.is-final .r2sx__copy h1{font-size:clamp(42px,4.6vw,72px);font-weight:820;text-shadow:none}.r2sx.is-final .r2sx__lead{color:var(--r2s-navy);font-weight:560;opacity:1;text-shadow:none}.r2sx.is-final .r2sx__eyebrow{color:#128a54;text-shadow:none}
.r2sx__hint{position:absolute;z-index:22;left:50%;bottom:24px;display:flex;align-items:center;gap:10px;transform:translateX(-50%);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 10px #001a33;opacity:calc(1 - min(1,var(--p)*14))}.r2sx__hint span{display:block;width:18px;height:30px;border:1px solid #fff9;border-radius:12px}.r2sx__hint span:after{content:"";display:block;width:3px;height:7px;margin:5px auto;border-radius:4px;background:#fff;animation:r2s-wheel 1.5s infinite}.r2sx__progress{position:absolute;z-index:30;left:0;right:0;bottom:0;height:3px;background:#ffffff35}.r2sx__progress span{display:block;width:calc(var(--p)*100%);height:100%;background:var(--r2s-green)}
@keyframes r2s-wheel{0%{transform:translateY(0);opacity:1}80%{transform:translateY(9px);opacity:0}100%{opacity:0}}
@media(max-width:780px){.r2sx{height:680vh}.r2sx__stage{min-height:560px}.r2sx__scene{inset:0;background-position:center}.r2sx__scene--1,.r2sx__scene--2,.r2sx__scene--3,.r2sx__scene--4,.r2sx__scene--6{background-position:58% center}.r2sx__scene--5{background-position:39% center}.r2sx__convergence{display:none}.r2sx__arrival{left:50%;top:18%;min-width:0;width:max-content;max-width:calc(100% - 34px);padding:12px 15px;font-size:13px}.r2sx__picked-up{left:50%;right:auto;top:16%;min-width:0;width:max-content;max-width:calc(100% - 34px);padding:12px 15px;transform:translate(-50%,calc(14px - var(--picked)*14px))}.r2sx__picked-up strong{font-size:13px}.r2sx__vignette{background:linear-gradient(180deg,rgba(2,16,29,.18),transparent 45%,rgba(2,16,29,.76))}.r2sx__nav{height:62px;padding:0 18px}.r2sx__brand{font-size:16px}.r2sx__chapter{display:none}.r2sx__counter{gap:6px}.r2sx__counter i{width:20px}.r2sx__copy,.r2sx.is-final .r2sx__copy{left:17px;right:17px;top:auto;bottom:42px;width:auto;transform:none;padding:18px 18px 17px;border:1px solid #ffffff38;border-radius:18px;background:rgba(4,24,43,.72);backdrop-filter:blur(14px);color:#fff;text-shadow:0 2px 12px #00172f}.r2sx.is-light .r2sx__copy{color:#fff;text-shadow:0 2px 12px #00172f}.r2sx.is-light .r2sx__lead{color:#fff}.r2sx__copy h1,.r2sx.is-final .r2sx__copy h1{font-size:39px}.r2sx__lead{margin-top:11px;font-size:14px;line-height:1.45}.r2sx__eyebrow{margin-bottom:7px;font-size:10px}.r2sx__hint{display:none}}
@media(max-width:1080px){.r2sx__links{display:none}.r2sx__actions{margin-left:auto}}
@media(max-width:780px){.r2sx__world{top:68px}.r2sx__nav{top:10px;left:10px;right:10px;height:58px;padding:0 9px 0 14px;border-radius:15px}.r2sx__brand{width:126px;height:40px}.r2sx__actions{display:none}.r2sx__story-meta{top:78px;left:18px;right:18px}.r2sx__chapter{display:block;max-width:70%;font-size:9px}.r2sx__mobile-menu{position:relative;display:block;margin-left:auto}.r2sx__mobile-menu summary{display:grid;width:42px;height:42px;padding:11px;align-content:center;gap:4px;border-radius:11px;background:#edf2ef;cursor:pointer;list-style:none}.r2sx__mobile-menu summary::-webkit-details-marker{display:none}.r2sx__mobile-menu summary span{display:block;width:20px;height:2px;border-radius:2px;background:var(--r2s-navy)}.r2sx__mobile-menu>div{position:absolute;top:50px;right:0;width:min(290px,calc(100vw - 30px));padding:10px;border:1px solid rgba(6,29,54,.1);border-radius:16px;background:#fbfaf7;box-shadow:0 18px 50px rgba(2,18,31,.2)}.r2sx__mobile-menu>div a{display:block;padding:12px 13px;border-radius:10px;color:var(--r2s-navy);font-size:14px;font-weight:700;text-decoration:none}.r2sx__mobile-menu>div .r2sx__signup{margin-top:5px;color:#042b21}.r2sx__counter{gap:6px}.r2sx__counter i{width:20px}}
@media(prefers-reduced-motion:reduce){.r2sx__hint span:after{animation:none}.r2sx__scene{transform:scale(1.03)!important}}

/* Houd de navigatie binnen de zichtbare browserbreedte, ook in full-bleed thema-layouts. */
.r2sx__nav{left:50%;right:auto;width:calc(100vw - 28px);max-width:calc(100% - 28px);transform:translateX(-50%)}

/* De slotscène gebruikt dezelfde vrije tekststijl als de overige scènes. */
.r2sx.is-final .r2sx__copy{left:auto;right:5%;top:49%;width:min(540px,40vw);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--r2s-navy);text-shadow:0 2px 28px #fff,0 1px 6px #fff}
.r2sx.is-final .r2sx__copy h1{font-size:clamp(48px,5.5vw,88px);font-weight:400;line-height:.94;letter-spacing:-.058em;text-shadow:0 2px 28px rgba(255,255,255,.98),0 1px 7px #fff}
.r2sx.is-final .r2sx__lead{color:#fff;font-weight:560;opacity:1;text-shadow:0 3px 18px #00152e,0 1px 5px #00152e}
.r2sx.is-final .r2sx__eyebrow{color:#32c77a;text-shadow:0 2px 10px #fff}
@media(max-width:780px){.r2sx__nav{left:50%;right:auto;width:calc(100vw - 20px);max-width:calc(100% - 20px)}.r2sx.is-final .r2sx__copy{left:17px;right:17px;top:auto;bottom:42px;width:auto;padding:18px 18px 17px;border:1px solid #ffffff38;border-radius:18px;background:rgba(4,24,43,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;text-shadow:0 2px 12px #00172f}.r2sx.is-final .r2sx__copy h1{font-size:39px;color:#fff;text-shadow:0 2px 12px #00172f}}

.r2sx__region-card{position:absolute;z-index:24;left:6%;top:45%;display:flex;align-items:center;gap:15px;width:290px;padding:14px 18px 14px 12px;transform:translateY(calc(-50% + (1 - var(--region))*28px)) scale(calc(.94 + var(--region)*.06));opacity:var(--region);border:1px solid rgba(255,255,255,.72);border-radius:20px;background:rgba(249,247,242,.9);box-shadow:0 22px 60px rgba(4,24,43,.24);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--r2s-navy);text-align:left;cursor:pointer;pointer-events:none}.r2sx__region-card:hover{transform:translateY(-50%) scale(1.025);box-shadow:0 25px 70px rgba(4,24,43,.32)}.r2sx[style*="--region: 1"] .r2sx__region-card{pointer-events:auto}.r2sx__region-map{width:82px;height:96px;flex:0 0 82px}.r2sx__region-map svg{width:100%;height:100%;filter:drop-shadow(0 8px 12px rgba(6,29,54,.18))}.r2sx__nl{fill:#e9f6ef;stroke:#0b3f86;stroke-width:3}.r2sx__pins circle{fill:#e94c4c;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:r2sx-pin 2s ease-in-out infinite}.r2sx__pins circle:nth-child(2){animation-delay:.25s}.r2sx__pins circle:nth-child(3){animation-delay:.5s}.r2sx__pins circle:nth-child(4){animation-delay:.75s}.r2sx__pins circle:nth-child(5){animation-delay:1s}.r2sx__region-card small,.r2sx__region-card strong,.r2sx__region-card em{display:block}.r2sx__region-card small{margin-bottom:4px;color:#15945a;font-size:9px;font-weight:850;letter-spacing:.13em}.r2sx__region-card strong{font-size:22px;line-height:1.05}.r2sx__region-card em{margin-top:7px;color:#0b3f86;font-size:12px;font-style:normal;font-weight:750}@keyframes r2sx-pin{50%{transform:scale(1.28)}}
.r2sx__region-modal[hidden]{display:none}.r2sx__region-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,24,43,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.r2sx__region-dialog{position:relative;width:min(500px,100%);padding:32px 30px 26px;border-radius:24px;background:#fbfaf7;box-shadow:0 30px 90px rgba(0,0,0,.35);color:var(--r2s-navy)}.r2sx__region-close{position:absolute;top:12px;right:15px;width:38px;height:38px;border:0;background:transparent;color:#667085;font-size:27px;cursor:pointer}.r2sx__region-eye{margin:0 0 7px;color:#15945a;font-size:11px;font-weight:850;letter-spacing:.13em}.r2sx__region-dialog h2{margin:0 35px 8px 0;color:#0b3f86;font-size:30px;line-height:1.05}.r2sx__region-dialog>p:not(.r2sx__region-eye){margin:0 0 20px;color:#64748b;line-height:1.55}.r2sx__region-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r2sx__region-dialog label{display:block;margin-bottom:12px;color:#344054;font-size:12px;font-weight:750}.r2sx__region-dialog input{display:block;width:100%;height:48px;margin-top:6px;padding:0 14px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#101828;font-size:15px;outline:none}.r2sx__region-dialog input:focus{border-color:#2cc879;box-shadow:0 0 0 4px rgba(44,200,121,.13)}.r2sx__region-dialog form>button{width:100%;padding:14px 18px;border:0;border-radius:999px;background:#20c786;color:#fff;font-size:14px;font-weight:850;cursor:pointer}.r2sx__region-dialog form>button:disabled{opacity:.65}.r2sx__region-result{display:none;margin-top:12px;padding:12px;border-radius:12px;font-size:13px;line-height:1.45}.r2sx__region-result.is-active,.r2sx__region-result.is-waiting,.r2sx__region-result.is-error{display:block}.r2sx__region-result.is-active{background:#e9f9f1;color:#10764c}.r2sx__region-result.is-waiting{background:#fff5df;color:#8b5a00}.r2sx__region-result.is-error{background:#fff0f0;color:#a52727}.r2sx__region-result a{color:inherit;font-weight:850}.r2sx__region-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;color:#667085;font-size:10px;font-weight:700}.r2sx__region-trust span{padding:6px 8px;border-radius:999px;background:#f0f3f2}
@media(max-width:780px){.r2sx__region-card{left:50%;top:26%;width:260px;transform:translate(-50%,calc((1 - var(--region))*24px)) scale(calc(.94 + var(--region)*.06))}.r2sx__region-card:hover{transform:translate(-50%,0) scale(1.015)}.r2sx__region-map{width:66px;height:78px;flex-basis:66px}.r2sx__region-row{grid-template-columns:1fr}.r2sx__region-dialog{padding:28px 20px 22px}.r2sx__region-dialog h2{font-size:25px}}

/* Filmische, levende regiokaart. */
.r2sx__region-card{left:8%;top:48%;display:grid;justify-items:center;gap:2px;width:350px;padding:20px 24px 22px;overflow:hidden;border-color:rgba(255,255,255,.82);border-radius:28px;background:radial-gradient(circle at 50% 37%,rgba(44,200,121,.16),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,246,243,.82));box-shadow:0 28px 85px rgba(4,24,43,.28),inset 0 1px 0 #fff;transform:translateY(calc(-50% + (1 - var(--region))*42px)) scale(calc(.88 + var(--region)*.12));transition:box-shadow .3s ease,filter .3s ease}.r2sx__region-card:before,.r2sx__region-card:after{content:"";position:absolute;left:50%;top:39%;width:220px;height:220px;border:1px solid rgba(44,200,121,.16);border-radius:50%;transform:translate(-50%,-50%) scale(calc(.55 + var(--region)*.65));opacity:calc(var(--region)*.8);pointer-events:none}.r2sx__region-card:after{width:285px;height:285px;opacity:calc(var(--region)*.42);transform:translate(-50%,-50%) scale(calc(.45 + var(--region)*.75))}.r2sx__region-card:hover{filter:saturate(1.08);box-shadow:0 34px 100px rgba(4,24,43,.36),0 0 45px rgba(44,200,121,.16);transform:translateY(-50%) scale(1.025)}
.r2sx__region-map{position:relative;z-index:1;width:210px;height:235px;flex:none}.r2sx__region-map svg{overflow:visible;filter:drop-shadow(0 15px 22px rgba(6,29,54,.2))}.r2sx__nl{fill:rgba(232,248,239,.92);stroke:#0b3f86;stroke-width:2.4;stroke-dasharray:620;stroke-dashoffset:calc(620px - var(--region)*620px)}
.r2sx__pins circle{animation:none}.r2sx__pin{--pin:clamp(0,(var(--region) - .2)*5,1)}.r2sx__pin:nth-child(2){--pin:clamp(0,(var(--region) - .34)*5,1)}.r2sx__pin:nth-child(3){--pin:clamp(0,(var(--region) - .48)*5,1)}.r2sx__pin:nth-child(4){--pin:clamp(0,(var(--region) - .62)*5,1)}.r2sx__pin:nth-child(5){--pin:clamp(0,(var(--region) - .76)*5,1)}.r2sx__pin>path,.r2sx__pin>.r2sx__dot{opacity:var(--pin);transform-box:fill-box;transform-origin:center;transform:translateY(calc((1 - var(--pin))*-26px)) scale(calc(.6 + var(--pin)*.4))}.r2sx__pin>path{fill:#ed4f55;stroke:#fff;stroke-width:2}.r2sx__pin>.r2sx__dot{fill:#fff;stroke:none}.r2sx__pin>.r2sx__pulse{fill:none;stroke:#ed4f55;stroke-width:2;opacity:calc(var(--pin)*.72);transform-box:fill-box;transform-origin:center;animation:r2sx-map-pulse 1.9s ease-out infinite}.r2sx__pin:nth-child(2)>.r2sx__pulse{animation-delay:.25s}.r2sx__pin:nth-child(3)>.r2sx__pulse{animation-delay:.5s}.r2sx__pin:nth-child(4)>.r2sx__pulse{animation-delay:.75s}.r2sx__pin:nth-child(5)>.r2sx__pulse{animation-delay:1s}@keyframes r2sx-map-pulse{0%{transform:scale(.35);opacity:.8}75%,100%{transform:scale(1.55);opacity:0}}
.r2sx__city-labels{opacity:clamp(0,(var(--region) - .72)*4,1)}.r2sx__city-labels text{fill:#0b3f86;font-size:8px;font-weight:800;paint-order:stroke;stroke:rgba(255,255,255,.95);stroke-width:3px;stroke-linejoin:round}.r2sx__region-copy{position:relative;z-index:2;width:100%;text-align:center;opacity:clamp(0,(var(--region) - .58)*3,1);transform:translateY(calc((1 - clamp(0,(var(--region) - .58)*3,1))*12px))}.r2sx__region-card small{font-size:10px}.r2sx__region-card strong{font-size:30px;letter-spacing:-.035em}.r2sx__region-card em{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:10px 16px;border-radius:999px;background:#0b3f86;color:#fff;font-size:12px;box-shadow:0 9px 22px rgba(11,63,134,.2)}.r2sx__region-card em b{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#2cc879;font-size:15px}
@media(max-width:780px){.r2sx__region-card{left:50%;top:39%;width:285px;padding:14px 18px 16px;transform:translate(-50%,calc((1 - var(--region))*32px)) scale(calc(.88 + var(--region)*.12))}.r2sx__region-card:hover{transform:translate(-50%,0) scale(1.012)}.r2sx__region-map{width:145px;height:158px}.r2sx__region-card:before{width:155px;height:155px}.r2sx__region-card:after{width:205px;height:205px}.r2sx__region-card strong{font-size:24px}.r2sx__region-card small{font-size:8px}.r2sx__city-labels text{font-size:7px}}

/* Geografisch correcte Nederlandse kaart met interactieve regiopinnen. */
.r2sx__region-map img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.75) sepia(.08) hue-rotate(165deg) saturate(1.45) drop-shadow(0 12px 18px rgba(6,29,54,.16));opacity:clamp(0,var(--region)*1.5,1);transform:scale(calc(.94 + var(--region)*.06))}
.r2sx__geo-pin{--pin:clamp(0,(var(--region) - calc(.18 + var(--d)*.11))*6,1);position:absolute;z-index:3;left:var(--x);top:var(--y);display:block;width:18px;height:18px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#ed4f55;box-shadow:0 6px 12px rgba(124,22,30,.3);opacity:var(--pin);transform:translate(-50%,calc(-50% - (1 - var(--pin))*28px)) rotate(-45deg) scale(calc(.65 + var(--pin)*.35));transform-origin:center}.r2sx__geo-pin:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.r2sx__geo-pin:after{content:attr(data-place);position:absolute;left:16px;top:-8px;padding:5px 8px;border:1px solid rgba(6,29,54,.08);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(6,29,54,.15);color:#0b3f86;font-size:8px;font-style:normal;font-weight:850;line-height:1;white-space:nowrap;opacity:clamp(0,(var(--region) - .78)*5,1);transform:rotate(45deg) translateY(calc((1 - clamp(0,(var(--region) - .78)*5,1))*5px));transform-origin:left center}.r2sx__geo-pin:nth-of-type(even):after{left:auto;right:16px;transform-origin:right center}.r2sx__geo-pin:nth-of-type(2):before{box-shadow:0 0 0 0 rgba(237,79,85,.5);animation:r2sx-real-pin-pulse 1.8s ease-out infinite}@keyframes r2sx-real-pin-pulse{70%,100%{box-shadow:0 0 0 15px rgba(237,79,85,0)}}
@media(max-width:780px){.r2sx__geo-pin{width:15px;height:15px;border-width:2px}.r2sx__geo-pin:after{display:none}}

/* De gemeentekaart vormt een vrije slotscène, zonder kaart of kader eromheen. */
.r2sx.is-final .r2sx__copy{opacity:calc(1 - var(--region)*1.35);transform:translateY(calc(-42% - var(--region)*22px));pointer-events:none}
.r2sx__region-card{left:50%;top:52%;grid-template-columns:430px 320px;justify-items:stretch;align-items:center;gap:26px;width:800px;max-width:92vw;height:auto;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate(-50%,calc(-50% + (1 - var(--region))*44px)) scale(calc(.91 + var(--region)*.09))}.r2sx__region-card:before,.r2sx__region-card:after{display:none}.r2sx__region-card:hover{filter:none;box-shadow:none;transform:translate(-50%,-50%) scale(1.018)}
.r2sx__region-map{width:410px;height:445px;overflow:hidden;border-radius:0;filter:drop-shadow(0 24px 34px rgba(4,24,43,.25))}.r2sx__region-map img{position:absolute;left:-58px;top:-58px;width:480px;height:auto;max-width:none;object-fit:initial;mix-blend-mode:multiply;filter:saturate(.72) contrast(1.08);opacity:clamp(0,var(--region)*1.45,1);transform:translateY(calc((1 - var(--region))*18px)) scale(calc(.97 + var(--region)*.03))}.r2sx__region-map:after{content:"";position:absolute;inset:7% 8% 3% 9%;z-index:1;background:radial-gradient(circle at 54% 43%,rgba(44,200,121,.25),transparent 12%),radial-gradient(circle at 59% 48%,rgba(44,200,121,.18),transparent 16%);mix-blend-mode:multiply;pointer-events:none}
.r2sx__region-copy{text-align:left;color:#061d36;text-shadow:0 2px 25px rgba(255,255,255,.98),0 1px 6px #fff}.r2sx__region-card small{font-size:11px;color:#128a54}.r2sx__region-card strong{max-width:300px;font-size:48px;line-height:.96}.r2sx__region-card em{margin-top:20px;padding:13px 18px;font-size:13px;text-shadow:none}.r2sx__geo-pin{z-index:4}.r2sx__geo-pin:after{z-index:5}
@media(max-width:900px){.r2sx__region-card{top:53%;grid-template-columns:1fr;gap:0;width:92vw}.r2sx__region-map{justify-self:center;width:290px;height:310px}.r2sx__region-map img{left:-43px;top:-43px;width:340px}.r2sx__region-copy{text-align:center}.r2sx__region-card strong{max-width:none;font-size:30px}.r2sx__region-card em{margin-top:10px}.r2sx.is-final .r2sx__copy{opacity:calc(1 - var(--region)*1.6)}.r2sx__geo-pin:after{display:none}}

/* Transparant uitgesneden kaart: alleen Nederland zweeft over de scène. */
.r2sx__region-map{overflow:visible;filter:drop-shadow(0 24px 34px rgba(4,24,43,.3))}.r2sx__region-map img{inset:0;left:0;top:0;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal;filter:saturate(.8) contrast(1.04);transform:translateY(calc((1 - var(--region))*18px)) scale(calc(.97 + var(--region)*.03))}.r2sx__region-map:after{display:none}
@media(max-width:900px){.r2sx__region-map img{left:0;top:0;width:100%;height:100%}}

/* Regiokaart en actie iets naar links; de controle is nu de primaire CTA. */
.r2sx__region-card{left:45%;grid-template-columns:440px 330px;gap:20px}.r2sx__region-card em{justify-content:space-between;width:235px;padding:15px 17px;background:#20c786;box-shadow:0 13px 32px rgba(32,199,134,.3);color:#062f25;font-size:14px;font-weight:850}.r2sx__region-card em b{background:#0b3f86;color:#fff}.r2sx__region-card:hover em{background:#28d894;box-shadow:0 16px 38px rgba(32,199,134,.38)}
@media(max-width:900px){.r2sx__region-card{left:48%;grid-template-columns:1fr}.r2sx__region-card em{margin-right:auto;margin-left:auto}}

/* Zelfde elegante kopstijl als de overige scènes + uitgesneden R2S-pijl. */
.r2sx__region-card strong{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(44px,4.25vw,66px);font-weight:500;line-height:.93;letter-spacing:-.055em}
.r2sx__region-card em b{display:grid;width:30px;height:30px;place-items:center;overflow:visible;border-radius:0;background:transparent}
.r2sx__region-card em b img{display:block;width:27px;height:27px;object-fit:contain;filter:brightness(0) saturate(100%) invert(16%) sepia(70%) saturate(2038%) hue-rotate(190deg) brightness(86%) contrast(101%);transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.r2sx__region-card:hover em b img,.r2sx__region-card em:hover b img{transform:translateX(4px) rotate(-18deg) scale(1.12);filter:brightness(0) invert(1)}
@media(max-width:900px){.r2sx__region-card strong{font-size:34px}.r2sx__region-card em b{width:27px;height:27px}.r2sx__region-card em b img{width:24px;height:24px}}

/* Eyebrow blijft leesbaar over zowel de donkere deur als de lichte glasstrook. */
.r2sx__region-card small{color:#55efad;font-size:12px;font-weight:900;letter-spacing:.15em;text-shadow:0 2px 3px rgba(3,22,38,.98),0 0 8px rgba(3,22,38,.95),0 0 18px rgba(3,22,38,.9);-webkit-font-smoothing:antialiased}
@media(max-width:900px){.r2sx__region-card small{font-size:10px;letter-spacing:.12em}}

/* Positieve regiocheck wordt een duidelijke vervolgstap. */
.r2sx__region-form.is-success{}
.r2sx__region-dialog form.is-success>.r2sx__region-row,.r2sx__region-dialog form.is-success>label,.r2sx__region-dialog form.is-success>button{display:none}
.r2sx__region-result.is-active{position:relative;margin-top:18px;padding:25px 22px 20px;border:1px solid rgba(32,199,134,.25);background:linear-gradient(145deg,#eafbf3,#f7fffb);color:#062f25;text-align:center;animation:r2sx-success-in .42s cubic-bezier(.2,.8,.2,1) both}
.r2sx__success-check{display:grid;width:42px;height:42px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#20c786;color:#fff;font-size:23px;font-weight:900;box-shadow:0 10px 24px rgba(32,199,134,.3)}
.r2sx__region-result.is-active>strong{display:block;color:#063c31;font-size:22px;line-height:1.12}
.r2sx__region-result.is-active>p{margin:8px auto 17px;max-width:330px;color:#49665e;font-size:13px;line-height:1.5}
.r2sx__success-primary{display:block;padding:14px 18px;border-radius:999px;background:#20c786;color:#062f25!important;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 11px 25px rgba(32,199,134,.27);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.r2sx__success-primary:hover{background:#2cdb94;transform:translateY(-2px);box-shadow:0 15px 30px rgba(32,199,134,.34)}
.r2sx__success-login{display:block;margin-top:13px;color:#536b65!important;font-size:12px;font-weight:650;text-decoration:none}.r2sx__success-login u{color:#0b3f86;font-weight:850;text-underline-offset:2px}
@keyframes r2sx-success-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* Buiten starten: woning en bedrijf zijn zelf de routekeuze, zonder kaarten. */
.r2sx__scene--gateway{z-index:3;opacity:calc(1 - var(--gateway-out,0));transform-origin:25% 55%;transform:scale(calc(1.015 + var(--gateway-out,0)*.16));background-position:center 56%}
.r2sx.is-gateway .r2sx__vignette{opacity:.18;background:linear-gradient(180deg,rgba(2,17,31,.16),transparent 55%,rgba(2,17,31,.2))}
.r2sx.is-gateway .r2sx__copy,.r2sx.is-gateway .r2sx__story-meta,.r2sx.is-gateway .r2sx__region-card,.r2sx.is-gateway .r2sx__arrival,.r2sx.is-gateway .r2sx__picked-up{opacity:0;pointer-events:none}
.r2sx__route-choice{position:absolute;z-index:25;inset:80px 0 0;opacity:0;pointer-events:none;transition:opacity .38s ease;color:#fff;text-shadow:0 3px 18px rgba(0,16,31,.9)}
.r2sx.is-choosing .r2sx__route-choice{opacity:1;pointer-events:auto}
.r2sx__route-choice>small,.r2sx__route-choice>h2{position:absolute;z-index:2;left:50%;transform:translateX(-50%);margin:0;text-align:center;white-space:nowrap}.r2sx__route-choice>small{top:8%;color:#65efa9;font-size:11px;font-weight:900;letter-spacing:.18em}.r2sx__route-choice>h2{top:12%;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(38px,4.2vw,68px);font-weight:500;letter-spacing:-.045em;line-height:1}
.r2sx__route-options{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
.r2sx__route-option{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 clamp(28px,6vw,95px) 9vh;border:0;background:transparent;color:#fff;text-align:left;text-decoration:none;cursor:pointer;font:inherit;transition:background .35s ease}
.r2sx__route-option:first-child{border-right:1px solid rgba(255,255,255,.16)}.r2sx__route-option:hover{background:linear-gradient(0deg,rgba(4,29,51,.38),transparent 47%)}
.r2sx__route-option span{color:#65efa9;font-size:11px;font-weight:900;letter-spacing:.17em}.r2sx__route-option strong{margin-top:7px;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(34px,3.6vw,58px);font-weight:500;line-height:.95;letter-spacing:-.045em}.r2sx__route-option em{margin-top:10px;font-size:14px;font-style:normal;font-weight:650}.r2sx__route-option b{position:absolute;right:clamp(28px,6vw,95px);bottom:9vh;font-size:30px;transition:transform .3s ease,color .3s ease}.r2sx__route-option:hover b{color:#65efa9;transform:translateX(8px)}
.r2sx__field-help{display:block;margin-top:5px;color:#7b8794;font-size:10px;font-weight:600}.r2sx__region-dialog.is-success>.r2sx__region-eye,.r2sx__region-dialog.is-success>h2,.r2sx__region-dialog.is-success>p{display:none}.r2sx__region-dialog.is-success .r2sx__region-result.is-active{margin-top:0}
@media(max-width:780px){.r2sx__scene--gateway{background-position:center}.r2sx__route-choice{inset:68px 0 0}.r2sx__route-choice>small{top:6%}.r2sx__route-choice>h2{top:10%;width:90%;white-space:normal;font-size:34px}.r2sx__route-options{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.r2sx__route-option{padding:24px 25px}.r2sx__route-option:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.r2sx__route-option strong{font-size:33px}.r2sx__route-option b{right:25px;bottom:27px}.r2sx__route-option:first-child{padding-top:110px}}

/* De routekeuze voelt als onderdeel van de scène, niet als een menu. */
.r2sx__route-choice>small{top:7.5%;text-shadow:0 2px 12px rgba(0,20,35,.9)}
.r2sx__route-choice>h2{top:11%;font-size:clamp(35px,3.5vw,56px);color:#071d35;text-shadow:0 2px 22px rgba(255,255,255,.95),0 1px 5px #fff}
.r2sx__route-option{overflow:hidden;padding-bottom:7.5vh;text-shadow:0 3px 18px rgba(0,16,31,.95)}
.r2sx__route-option:before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;transition:opacity .45s ease;background:linear-gradient(0deg,rgba(3,24,43,.66),rgba(3,24,43,.08) 52%,transparent 72%)}
.r2sx__route-option:hover:before,.r2sx__route-option:focus-visible:before{opacity:1}
.r2sx__route-option strong{font-size:clamp(34px,3.15vw,52px)}
.r2sx__route-option em{position:relative;padding-bottom:7px;opacity:.92}.r2sx__route-option em:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;border-radius:2px;background:#5beca5;transition:width .4s cubic-bezier(.2,.8,.2,1)}.r2sx__route-option:hover em:after{width:100%}
.r2sx__route-option b{bottom:7.4vh;display:grid;width:40px;height:40px;place-items:center}.r2sx__route-option b img{display:block;width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s ease}.r2sx__route-option:hover b{transform:none}.r2sx__route-option:hover b img{transform:translateX(6px) rotate(-18deg) scale(1.12);filter:none}
.r2sx.is-choosing:has(.r2sx__route-option--home:hover) .r2sx__scene--gateway{transform-origin:24% 58%;transform:scale(1.045);filter:saturate(1.08) contrast(1.025) brightness(1.035)}
.r2sx.is-choosing:has(.r2sx__route-option--business:hover) .r2sx__scene--gateway{transform-origin:78% 56%;transform:scale(1.045);filter:saturate(1.08) contrast(1.025) brightness(1.035)}
.r2sx__scene--gateway{transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .55s ease;animation:r2sx-gateway-breathe 7s ease-in-out infinite alternate}
@keyframes r2sx-gateway-breathe{from{background-position:center 56%}to{background-position:center 55.4%}}
@media(max-width:780px){.r2sx__route-choice>small{top:5.5%}.r2sx__route-choice>h2{top:9%;font-size:31px}.r2sx__route-option{padding-bottom:23px}.r2sx__route-option b{right:22px;bottom:22px}.r2sx__route-option:first-child{padding-top:105px}.r2sx__route-option strong{font-size:31px}}
.r2sx.is-entering-home .r2sx__scene--gateway{transform-origin:12% 58%;animation:r2sx-enter-home 1.35s cubic-bezier(.22,.76,.18,1) both}.r2sx.is-entering-home .r2sx__route-choice{opacity:0;transition:opacity .3s ease;pointer-events:none}.r2sx.is-entering-home .r2sx__scene:not(.r2sx__scene--gateway){filter:saturate(.92) brightness(1.04)}
.r2sx__world:after{content:"";position:absolute;z-index:9;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 10% 56%,rgba(255,248,229,.92) 0,rgba(255,248,229,.34) 12%,transparent 34%),linear-gradient(90deg,transparent 0,transparent 34%,rgba(3,19,34,.52) 100%)}.r2sx.is-entering-home .r2sx__world:after{animation:r2sx-door-light 1.35s cubic-bezier(.22,.76,.18,1) both}
@keyframes r2sx-enter-home{0%{opacity:1;transform:scale(1.015);filter:saturate(1.02) contrast(1.01)}55%{opacity:1;transform:scale(1.24);filter:saturate(1.04) brightness(1.04)}100%{opacity:0;transform:scale(1.72);filter:saturate(.86) brightness(1.18) blur(1px)}}
@keyframes r2sx-door-light{0%,20%{opacity:0}55%{opacity:.34}82%{opacity:.72}100%{opacity:0}}

/* Zakelijke afslag: van de straat rechtstreeks de bedrijfsruimte in. */
.r2sx__scene--business-intro{z-index:4;opacity:0;transform:scale(1.045);background-position:center;transition:opacity .8s ease,transform 1.5s cubic-bezier(.22,.76,.18,1)}
.r2sx.is-entering-business .r2sx__route-choice{opacity:0;transition:opacity .3s ease;pointer-events:none}.r2sx.is-entering-business .r2sx__scene--gateway{transform-origin:89% 56%;animation:r2sx-enter-business 1.35s cubic-bezier(.22,.76,.18,1) both}.r2sx.is-entering-business .r2sx__scene--business-intro{opacity:1;transform:scale(1.025)}
.r2sx.is-business-start .r2sx__scene--gateway{opacity:0}.r2sx.is-business-start .r2sx__scene--business-intro{opacity:1;transform:scale(1.025)}.r2sx.is-business-start .r2sx__vignette{z-index:5;opacity:.48;background:linear-gradient(90deg,rgba(3,18,32,.68),rgba(3,18,32,.18) 48%,transparent 75%)}
@keyframes r2sx-enter-business{0%{opacity:1;transform:scale(1.015);filter:saturate(1.02)}58%{opacity:1;transform:scale(1.25);filter:saturate(1.06) brightness(1.035)}100%{opacity:0;transform:scale(1.72);filter:saturate(.9) brightness(1.13) blur(1px)}}
.r2sx__business-intro{position:absolute;z-index:26;left:clamp(30px,7vw,115px);top:52%;width:min(520px,42vw);opacity:0;transform:translateY(-42%) translateY(20px);pointer-events:none;color:#fff;text-shadow:0 3px 28px rgba(0,13,25,.9);transition:opacity .65s ease .2s,transform .8s cubic-bezier(.22,1,.36,1) .2s}.r2sx.is-business-start .r2sx__business-intro{opacity:1;transform:translateY(-42%)}.r2sx__business-intro p{margin:0 0 13px;color:#60e9a5;font-size:11px;font-weight:900;letter-spacing:.17em}.r2sx__business-intro h2{margin:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,5.4vw,84px);font-weight:500;line-height:.92;letter-spacing:-.055em}.r2sx__business-intro span{display:block;max-width:460px;margin-top:20px;font-size:clamp(16px,1.4vw,20px);font-weight:560;line-height:1.5}.r2sx__business-intro small{display:block;margin-top:28px;color:#dce7e2;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.r2sx.is-business-start .r2sx__hint{opacity:.72;font-size:0}.r2sx.is-business-start .r2sx__hint:after{content:"Zakelijke flow · volgende scène volgt";font-size:10px}.r2sx.is-business-start .r2sx__hint span{display:none}
@media(max-width:780px){.r2sx__business-intro{left:18px;right:18px;top:auto;bottom:40px;width:auto;transform:translateY(20px);padding:18px;border-radius:18px;background:rgba(3,23,40,.72);backdrop-filter:blur(12px)}.r2sx.is-business-start .r2sx__business-intro{transform:none}.r2sx__business-intro h2{font-size:40px}.r2sx__business-intro span{margin-top:12px;font-size:14px}.r2sx__business-intro small{margin-top:16px}.r2sx__scene--business-intro{background-position:55% center}}

/* De zakelijke typografie sluit exact aan op de leesbare particuliere scènes. */
.r2sx__business-intro{color:var(--r2s-navy);text-shadow:0 2px 28px rgba(255,255,255,.98),0 1px 7px #fff}.r2sx__business-intro h2{color:var(--r2s-navy)!important;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-weight:400!important;text-shadow:0 2px 30px rgba(255,255,255,1),0 1px 8px #fff,0 0 3px #fff}.r2sx__business-intro p{color:#35d98b;text-shadow:0 2px 10px rgba(0,22,38,.9),0 0 5px #fff}.r2sx__business-intro span{color:#fff;text-shadow:0 3px 20px rgba(0,14,27,.98),0 1px 6px #00152e}.r2sx__business-intro small{color:#f5faf7;text-shadow:0 2px 12px rgba(0,14,27,.98)}
@media(max-width:780px){.r2sx__business-intro,.r2sx__business-intro h2{color:#fff!important;text-shadow:0 2px 14px #00172f}.r2sx__business-intro span{color:#fff}}

/* Zakelijke scène 2: de pakketstroom groeit tijdens het scrollen. */
.r2sx.is-business-route .r2sx__scene:not(.r2sx__scene--gateway):not(.r2sx__scene--business-intro):not(.r2sx__scene--business-growth):not(.r2sx__scene--business-planning):not(.r2sx__scene--business-pickup):not(.r2sx__scene--business-finale){opacity:0!important}.r2sx.is-business-route .r2sx__copy,.r2sx.is-business-route .r2sx__story-meta,.r2sx.is-business-route .r2sx__region-card,.r2sx.is-business-route .r2sx__arrival,.r2sx.is-business-route .r2sx__picked-up,.r2sx.is-business-route .r2sx__convergence{display:none!important}
.r2sx.is-business-route.is-business-start .r2sx__scene--business-intro{opacity:calc(1 - var(--b1,0));transform:scale(calc(1.025 + var(--b1,0)*.025))}.r2sx__scene--business-growth{z-index:5;opacity:0;transform:scale(1.055);background-position:center}.r2sx.is-business-route .r2sx__scene--business-growth{opacity:calc(var(--b1,0)*(1 - var(--b2,0)));transform:scale(calc(1.055 - var(--b1,0)*.025 + var(--b2,0)*.025))}.r2sx__scene--business-planning{z-index:6;opacity:0;transform:scale(1.055);background-position:center}.r2sx.is-business-route .r2sx__scene--business-planning{opacity:calc(var(--b2,0)*(1 - var(--b3,0)));transform:scale(calc(1.055 - var(--b2,0)*.025 + var(--b3,0)*.025))}.r2sx__scene--business-pickup{z-index:7;opacity:0;transform:scale(1.055);background-position:center}.r2sx.is-business-route .r2sx__scene--business-pickup{opacity:calc(var(--b3,0)*(1 - var(--b4,0)));transform:scale(calc(1.055 - var(--b3,0)*.025 + var(--b4,0)*.02))}.r2sx__scene--business-finale{z-index:8;opacity:0;transform:scale(1.055);background-position:center}.r2sx.is-business-route .r2sx__scene--business-finale{opacity:var(--b4,0);transform:scale(calc(1.055 - var(--b4,0)*.025))}
.r2sx__business-line{position:absolute;z-index:9;inset:0;opacity:0;pointer-events:none}.r2sx.is-business-route .r2sx__business-line{opacity:1}.r2sx__business-line svg{width:100%;height:100%;overflow:visible}.r2sx__business-stream{fill:none;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--business-streams,0));opacity:var(--business-colors,0)}.r2sx__business-stream--orange{stroke:#ff9a43}.r2sx__business-stream--yellow{stroke:#ffe64a}.r2sx__business-stream--cyan{stroke:#54ebef}.r2sx__business-stream--pink{stroke:#ff71bd}.r2sx__business-join{fill:#7affc2;opacity:var(--business-join,0);filter:drop-shadow(0 0 13px #39eaa0)}.r2sx__business-mainline{fill:none;stroke:#4df0aa;stroke-width:5.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--business-line,0));opacity:var(--business-join,0);filter:drop-shadow(0 0 8px #39eaa0);animation:r2sx-business-pulse 1.9s ease-in-out infinite}.r2sx__business-end{fill:#8affc9;opacity:var(--business-line,0);filter:drop-shadow(0 0 12px #38eba0)}@keyframes r2sx-business-pulse{50%{stroke-width:7;filter:drop-shadow(0 0 13px #65ffc0)}}
.r2sx.is-business-route .r2sx__vignette{z-index:6}.r2sx.is-business-route .r2sx__business-intro{z-index:26}.r2sx.is-business-start .r2sx__hint:after{content:"Scroll verder door de zakelijke route"}
@media(max-width:780px){.r2sx__scene--business-growth{background-position:59% center}.r2sx__scene--business-planning{background-position:62% center}.r2sx__scene--business-pickup{background-position:64% center}.r2sx__scene--business-finale{background-position:64% center}.r2sx__business-line{transform:translateX(8%) scale(1.08);transform-origin:center}}
.r2sx.is-choosing .r2sx__hint{opacity:.75}.r2sx.is-choosing .r2sx__hint{font-size:0}.r2sx.is-choosing .r2sx__hint:after{content:"Kies eerst particulier of zakelijk";font-size:10px}.r2sx.is-choosing .r2sx__hint span{display:none}
.r2sx.is-choice-nudge .r2sx__route-option strong{animation:r2sx-choice-nudge .38s ease}.r2sx.is-choice-nudge .r2sx__route-option:nth-child(2) strong{animation-delay:.06s}@keyframes r2sx-choice-nudge{50%{transform:translateY(-4px);color:#65efa9}}

/* v0.7.7 — zakelijke vervoerders, scan en overdrachtsbevestiging */
.r2sx__carrier-labels,.r2sx__carrier-pulses{opacity:var(--business-colors,0)}
.r2sx__carrier-label rect{fill:rgba(248,250,247,.94);stroke:rgba(255,255,255,.85);stroke-width:1}
.r2sx__carrier-label text{fill:#06264a;font:800 15px Arial,sans-serif;text-anchor:middle}
.r2sx__carrier-label--orange rect{filter:drop-shadow(0 0 9px #ff9a43)}
.r2sx__carrier-label--yellow rect{filter:drop-shadow(0 0 9px #ffe64a)}
.r2sx__carrier-label--cyan rect{filter:drop-shadow(0 0 9px #54ebef)}
.r2sx__carrier-label--pink rect{filter:drop-shadow(0 0 9px #ff71bd)}
.r2sx__carrier-pulse{filter:drop-shadow(0 0 12px currentColor)}
.r2sx__carrier-pulse--orange{fill:#ffb064;color:#ff9a43}
.r2sx__carrier-pulse--yellow{fill:#fff57a;color:#ffe64a}
.r2sx__carrier-pulse--cyan{fill:#91fbff;color:#54ebef}
.r2sx__carrier-pulse--pink{fill:#ff9bd0;color:#ff71bd}

.r2sx__business-scan{position:absolute;z-index:15;left:53.7%;top:39%;width:13%;height:19%;opacity:0;overflow:hidden;border-radius:18px;pointer-events:none;transform:rotate(-4deg);filter:drop-shadow(0 0 15px #54f5b4)}
.r2sx.is-business-route .r2sx__business-scan{opacity:var(--business-scan,0)}
.r2sx__business-scan:before{content:"";position:absolute;inset:0;border:1px solid rgba(96,255,188,.72);border-radius:inherit;box-shadow:inset 0 0 24px rgba(57,235,160,.16)}
.r2sx__business-scan span{position:absolute;left:-10%;right:-10%;height:4px;top:0;background:#79ffc3;box-shadow:0 0 8px #51f3ac,0 0 24px #37e99b;animation:r2sx-scan-sweep 1.05s ease-in-out infinite}
@keyframes r2sx-scan-sweep{0%{transform:translateY(-8px)}50%,100%{transform:translateY(150px)}}

.r2sx__business-scanned{position:absolute;z-index:27;left:52%;top:67%;display:flex;align-items:center;gap:12px;min-width:260px;padding:13px 18px;border:1px solid rgba(99,255,185,.52);border-radius:16px;background:rgba(4,35,55,.9);box-shadow:0 15px 42px rgba(0,16,32,.35),0 0 25px rgba(48,224,145,.14);color:#fff;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none}
.r2sx.is-business-route .r2sx__business-scanned{opacity:var(--business-scanned,0);transform:translateY(calc((1 - var(--business-scanned,0))*12px)) scale(calc(.96 + var(--business-scanned,0)*.04))}
.r2sx__business-scanned b{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#57efae;color:#06334c;font-size:18px}
.r2sx__business-scanned span{display:flex;flex-direction:column;gap:3px}
.r2sx__business-scanned strong{font-size:14px}
.r2sx__business-scanned small{color:#c9ded8;font-size:11px}

@media(max-width:780px){
 .r2sx__carrier-label text{font-size:12px}
 .r2sx__business-scan{left:55%;top:40%;width:28%;height:18%}
 .r2sx__business-scanned{left:18px;right:18px;top:auto;bottom:112px;min-width:0}
}

/* v0.7.8 — zakelijke eindscène: de hele pakketstroom rijdt als één route weg */
.r2sx__business-finale-motion{position:absolute;z-index:13;inset:0;opacity:0;pointer-events:none}
.r2sx.is-business-route .r2sx__business-finale-motion{opacity:var(--business-finale,0)}
.r2sx__business-finale-motion svg{width:100%;height:100%;overflow:visible}
.r2sx__final-route{fill:none;stroke:#53efad;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--business-finale,0));filter:drop-shadow(0 0 9px #39eaa0)}
.r2sx__final-pulse{fill:#a0ffd2;opacity:var(--business-finale,0);filter:drop-shadow(0 0 13px #42f0a6)}
.r2sx__final-pulse--late{fill:#fff}
.r2sx.is-business-route .r2sx__business-line{opacity:calc(1 - var(--business-finale,0))}
.r2sx__business-final-status{position:absolute;z-index:28;right:clamp(30px,7vw,112px);bottom:clamp(58px,9vh,98px);display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid rgba(111,255,191,.48);border-radius:16px;background:rgba(4,35,55,.88);box-shadow:0 16px 44px rgba(0,16,32,.34),0 0 28px rgba(50,225,149,.13);color:#fff;opacity:0;transform:translateY(14px);pointer-events:none}
.r2sx.is-business-route .r2sx__business-final-status{opacity:var(--business-finale,0);transform:translateY(calc((1 - var(--business-finale,0))*14px))}
.r2sx__business-final-status i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#57efae;color:#06334c;font-size:17px;font-style:normal;box-shadow:0 0 18px rgba(87,239,174,.38)}
.r2sx__business-final-status span{display:flex;flex-direction:column;gap:3px}
.r2sx__business-final-status strong{font-size:14px;letter-spacing:.01em}
.r2sx__business-final-status small{color:#c9ded8;font-size:11px}
@media(max-width:780px){.r2sx__business-final-status{left:18px;right:18px;bottom:112px}.r2sx__business-finale-motion{transform:translateX(-18%) scale(1.15);transform-origin:center}}

/* v0.7.9 — concrete vervolgstappen voor particulier en zakelijk */
.r2sx__private-account-cta{position:absolute;z-index:25;left:calc(50% + 100px);top:calc(52% + 152px);display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:248px;padding:14px 18px;border-radius:999px;background:#0b3f86;box-shadow:0 13px 32px rgba(11,63,134,.28);color:#fff;font-size:13px;font-weight:850;text-decoration:none;opacity:var(--region,0);transform:translateY(calc((1 - var(--region,0))*12px));pointer-events:none;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.r2sx[style*="--region: 1"] .r2sx__private-account-cta{pointer-events:auto}
.r2sx__private-account-cta:hover{background:#104e9e;box-shadow:0 16px 38px rgba(11,63,134,.38);transform:translateY(-2px)}
.r2sx__private-account-cta b,.r2sx__business-cta b{display:grid;width:28px;height:28px;place-items:center}
.r2sx__private-account-cta img,.r2sx__business-cta img{display:block;width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.r2sx__private-account-cta:hover img,.r2sx__business-cta:hover img{transform:translateX(4px) rotate(-18deg) scale(1.12)}
.r2sx.is-business-route .r2sx__private-account-cta{display:none!important}

.r2sx__business-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(310px,100%);margin-top:25px;padding:14px 17px;border:0;border-radius:999px;background:#20c786;box-shadow:0 14px 36px rgba(32,199,134,.3);color:#062f25;font-size:14px;font-weight:850;cursor:pointer;opacity:var(--business-finale,0);transform:translateY(calc((1 - var(--business-finale,0))*12px));pointer-events:none}
.r2sx.is-business-route .r2sx__business-cta{pointer-events:auto}
.r2sx__business-cta:hover{background:#28d894;box-shadow:0 17px 42px rgba(32,199,134,.4)}
.r2sx__business-cta img{filter:brightness(0) saturate(100%) invert(16%) sepia(70%) saturate(2038%) hue-rotate(190deg) brightness(86%) contrast(101%)}

.r2sx__business-modal[hidden]{display:none}.r2sx__business-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,24,43,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.r2sx__business-dialog{position:relative;width:min(610px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:32px 30px 25px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fbfaf7;box-shadow:0 32px 100px rgba(0,0,0,.4);color:var(--r2s-navy)}
.r2sx__business-close{position:absolute;top:12px;right:15px;width:38px;height:38px;border:0;background:transparent;color:#667085;font-size:27px;cursor:pointer}
.r2sx__business-eye{margin:0 0 7px;color:#15945a;font-size:11px;font-weight:900;letter-spacing:.14em}
.r2sx__business-dialog h2{margin:0 40px 8px 0;color:#0b3f86;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:34px;font-weight:500;line-height:1;letter-spacing:-.035em}
.r2sx__business-dialog>p:not(.r2sx__business-eye){margin:0 0 20px;color:#64748b;line-height:1.5}
.r2sx__business-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.r2sx__business-dialog label{display:block;margin-bottom:12px;color:#344054;font-size:12px;font-weight:750}
.r2sx__business-dialog input,.r2sx__business-dialog select{display:block;width:100%;height:48px;margin-top:6px;padding:0 14px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#101828;font:15px Arial,sans-serif;outline:none}
.r2sx__business-dialog input:focus,.r2sx__business-dialog select:focus{border-color:#2cc879;box-shadow:0 0 0 4px rgba(44,200,121,.13)}
.r2sx__business-dialog form>button{width:100%;padding:14px 18px;border:0;border-radius:999px;background:#20c786;color:#062f25;font-size:14px;font-weight:850;cursor:pointer}
.r2sx__business-dialog form>button:disabled{opacity:.65}
.r2sx__business-result{display:none;margin-top:14px;padding:14px;border-radius:14px;font-size:13px;line-height:1.45}.r2sx__business-result.is-error,.r2sx__business-result.is-success{display:flex}.r2sx__business-result.is-error{background:#fff0f0;color:#a52727}.r2sx__business-result.is-success{align-items:center;flex-wrap:wrap;gap:7px 10px;background:#e9f9f1;color:#10764c}.r2sx__business-result.is-success b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#20c786;color:#fff}.r2sx__business-result.is-success span{width:100%;padding-left:38px}
.r2sx__business-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;color:#667085;font-size:10px;font-weight:700}.r2sx__business-trust span{padding:6px 9px;border-radius:999px;background:#f0f3f2}
@media(max-width:900px){.r2sx__private-account-cta{left:50%;top:auto;bottom:28px;min-width:270px;transform:translateX(-50%) translateY(calc((1 - var(--region,0))*12px))}.r2sx__private-account-cta:hover{transform:translateX(-50%) translateY(-2px)}}
@media(max-width:620px){.r2sx__business-form-row{grid-template-columns:1fr}.r2sx__business-dialog{padding:28px 20px 22px}.r2sx__business-dialog h2{font-size:29px}.r2sx__business-cta{margin-top:16px}.r2sx__business-final-status{bottom:92px}}

/* v0.8.0 — zes vervoerders komen gefaseerd samen in één planning */
.r2sx__business-stream--blue{stroke:#598cff}.r2sx__business-stream--lime{stroke:#a8ef62}
.r2sx__carrier-label--blue rect{filter:drop-shadow(0 0 9px #598cff)}
.r2sx__carrier-label--lime rect{filter:drop-shadow(0 0 9px #a8ef62)}
.r2sx__carrier-label:nth-child(1){opacity:clamp(0,calc((var(--business-colors,0) - .02)*7),1)}
.r2sx__carrier-label:nth-child(2){opacity:clamp(0,calc((var(--business-colors,0) - .10)*7),1)}
.r2sx__carrier-label:nth-child(3){opacity:clamp(0,calc((var(--business-colors,0) - .18)*7),1)}
.r2sx__carrier-label:nth-child(4){opacity:clamp(0,calc((var(--business-colors,0) - .26)*7),1)}
.r2sx__carrier-label:nth-child(5){opacity:clamp(0,calc((var(--business-colors,0) - .34)*7),1)}
.r2sx__carrier-label:nth-child(6){opacity:clamp(0,calc((var(--business-colors,0) - .42)*7),1)}
.r2sx__carrier-pulse--blue{fill:#8eafff;color:#598cff}
.r2sx__carrier-pulse--lime{fill:#caff91;color:#a8ef62}

/* v0.8.1 — de navigatie bestuurt de actieve scrollroute */
.r2sx__links a{position:relative;padding:10px 0}
.r2sx__links a:after{content:"";position:absolute;right:0;bottom:3px;left:0;height:2px;border-radius:2px;background:#20c786;opacity:0;transform:scaleX(.35);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.r2sx__links a.is-active{color:#0b3f86;opacity:1}.r2sx__links a.is-active:after{opacity:1;transform:scaleX(1)}
.r2sx__mobile-menu>div a.is-active{background:#e5f7ee;color:#0b7049}

/* v0.8.2 — desktoptempo, rustiger beeldwissels en scherpere hiërarchie */
@media(min-width:781px){
 .r2sx{height:1120vh}
 .r2sx__scene{backface-visibility:hidden;-webkit-backface-visibility:hidden}
 .r2sx__business-intro{width:min(500px,39vw)}
 .r2sx__business-intro h2{font-size:clamp(50px,5vw,78px);text-wrap:balance}
 .r2sx__business-intro span{max-width:430px;text-wrap:pretty}
 .r2sx__copy h1{text-wrap:balance}
 .r2sx__lead{text-wrap:pretty}
}
.r2sx.is-business-route .r2sx__business-cta{pointer-events:none}
.r2sx.is-business-route[style*="--business-finale: 1"] .r2sx__business-cta{pointer-events:auto}
.r2sx__carrier-label text{paint-order:stroke;stroke:rgba(255,255,255,.45);stroke-width:.35px;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.r2sx__business-scanned,.r2sx__business-final-status{transition:opacity .14s linear,transform .2s ease-out}

/* v0.8.5 — particuliere gebruiksmomenten als filmische tussen-scène. */
.r2sx__usecases{position:absolute;z-index:27;left:clamp(30px,6vw,96px);right:clamp(30px,6vw,96px);top:52%;display:grid;grid-template-columns:minmax(310px,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(45px,7vw,120px);color:#061d36;opacity:var(--usecases,0);transform:translateY(calc(-48% + (1 - var(--usecases,0))*22px));pointer-events:none;transition:opacity .08s linear}
.r2sx.is-business-route .r2sx__usecases{display:none!important}.r2sx.is-usecases-ready .r2sx__usecases{pointer-events:auto}
.r2sx.is-usecases .r2sx__copy{opacity:0!important;pointer-events:none}.r2sx.is-usecases .r2sx__region-card,.r2sx.is-usecases .r2sx__private-account-cta{pointer-events:none}
.r2sx__usecases-intro{max-width:475px;text-shadow:0 2px 26px rgba(255,255,255,.98),0 1px 7px #fff}
.r2sx__usecases-intro small{display:block;margin-bottom:12px;color:#128a54;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.r2sx__usecases-intro h2{margin:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(45px,4.8vw,76px);font-weight:500;line-height:.94;letter-spacing:-.052em;text-wrap:balance}
.r2sx__usecases-intro p{max-width:400px;margin:20px 0 0;color:#061d36;font-size:clamp(16px,1.35vw,20px);font-weight:650;line-height:1.48}
.r2sx__usecase-links{position:relative;display:flex;flex-direction:column}.r2sx__usecase-links:before{content:"";position:absolute;left:-24px;top:12%;bottom:12%;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,#53efad 18%,#53efad 82%,transparent);box-shadow:0 0 15px rgba(47,225,150,.75);transform:scaleY(var(--usecases,0));transform-origin:top}
.r2sx__usecase{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 2px 17px;border:0;border-bottom:1px solid rgba(6,29,54,.24);background:transparent;color:#061d36;text-decoration:none;text-shadow:0 2px 24px rgba(255,255,255,.98),0 1px 5px #fff;transition:padding .35s cubic-bezier(.2,.8,.2,1),border-color .25s ease,color .25s ease}
.r2sx__usecase:first-child{border-top:1px solid rgba(6,29,54,.24)}.r2sx__usecase:hover{padding-left:12px;border-color:#20c786;color:#0b3f86}
.r2sx__usecase span{display:flex;flex-direction:column;gap:4px}.r2sx__usecase span>small{color:#16a064;font-size:9px;font-weight:900;letter-spacing:.15em}.r2sx__usecase strong{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(27px,2.45vw,39px);font-weight:550;line-height:1;letter-spacing:-.035em}.r2sx__usecase em{color:#253d54;font-size:12px;font-style:normal;font-weight:650;text-shadow:0 1px 9px #fff}
.r2sx__usecase b{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center}.r2sx__usecase b img{display:block;width:33px;height:33px;object-fit:contain;filter:brightness(0) saturate(100%) invert(18%) sepia(67%) saturate(1747%) hue-rotate(188deg) brightness(88%) contrast(101%);transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .25s ease}.r2sx__usecase:hover b img{transform:translateX(7px) rotate(-20deg) scale(1.12);filter:brightness(0) saturate(100%) invert(62%) sepia(64%) saturate(532%) hue-rotate(100deg) brightness(92%) contrast(91%)}
.r2sx__usecase--vinted strong{font-size:clamp(34px,3.15vw,50px)}.r2sx__usecase--vinted:after{content:"";position:absolute;left:0;bottom:-1px;width:34%;height:2px;background:#20c786;box-shadow:0 0 13px rgba(32,199,134,.75);transition:width .45s cubic-bezier(.2,.8,.2,1)}.r2sx__usecase--vinted:hover:after{width:100%}
@media(min-width:781px){.r2sx{height:1540vh}}
@media(max-width:900px){.r2sx__usecases{left:20px;right:20px;top:49%;grid-template-columns:1fr;gap:20px;transform:translateY(calc(-46% + (1 - var(--usecases,0))*18px))}.r2sx__usecases-intro{max-width:610px}.r2sx__usecases-intro h2{font-size:42px}.r2sx__usecases-intro p{margin-top:10px;font-size:14px}.r2sx__usecase{padding:12px 2px}.r2sx__usecase strong,.r2sx__usecase--vinted strong{font-size:27px}.r2sx__usecase em{font-size:11px}}
@media(max-width:620px){.r2sx__usecases{top:51%;gap:13px}.r2sx__usecases-intro small{margin-bottom:7px;font-size:8px}.r2sx__usecases-intro h2{font-size:33px}.r2sx__usecases-intro p{display:none}.r2sx__usecase{padding:10px 0}.r2sx__usecase strong,.r2sx__usecase--vinted strong{font-size:23px}.r2sx__usecase em{max-width:250px;font-size:10px}.r2sx__usecase b{width:32px;height:32px;flex-basis:32px}.r2sx__usecase b img{width:27px;height:27px}}

/* De vaste R2S-hiërarchie: groene bovenregels, witte kleine toelichtingen. */
.r2sx__usecases-intro small,.r2sx__usecase span>small{color:#59efaa;text-shadow:0 2px 3px rgba(3,22,38,.98),0 0 8px rgba(3,22,38,.96),0 0 18px rgba(3,22,38,.92);-webkit-font-smoothing:antialiased}
.r2sx__usecase em{color:#fff;font-weight:720;text-shadow:0 2px 3px rgba(3,22,38,.98),0 0 9px rgba(3,22,38,.96),0 0 18px rgba(3,22,38,.9);-webkit-font-smoothing:antialiased}
.r2sx__usecases-intro p{color:#fff;text-shadow:0 2px 3px rgba(3,22,38,.98),0 0 10px rgba(3,22,38,.94),0 0 20px rgba(3,22,38,.86)}

/* v0.8.9 — reviews en FAQ blijven onderdeel van dezelfde filmische woning. */
.r2sx__reviews,.r2sx__faq{position:absolute;z-index:28;left:clamp(30px,6vw,96px);right:clamp(30px,6vw,96px);top:52%;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(480px,1.18fr);align-items:center;gap:clamp(50px,8vw,135px);color:#061d36;pointer-events:none}
.r2sx__reviews{opacity:var(--reviews,0);transform:translateY(calc(-48% + (1 - var(--reviews,0))*20px))}.r2sx__faq{opacity:var(--faq,0);transform:translateY(calc(-48% + (1 - var(--faq,0))*20px))}
.r2sx.is-business-route .r2sx__reviews,.r2sx.is-business-route .r2sx__faq{display:none!important}.r2sx.is-faq-ready .r2sx__faq{pointer-events:auto}
.r2sx.is-reviews .r2sx__copy,.r2sx.is-faq .r2sx__copy{opacity:0!important;pointer-events:none}.r2sx.is-reviews .r2sx__region-card,.r2sx.is-reviews .r2sx__private-account-cta,.r2sx.is-faq .r2sx__region-card,.r2sx.is-faq .r2sx__private-account-cta{pointer-events:none}
.r2sx__reviews-intro,.r2sx__faq-intro{text-shadow:0 2px 26px rgba(255,255,255,.98),0 1px 7px #fff}.r2sx__reviews-intro>small,.r2sx__faq-intro>small{display:block;margin-bottom:12px;color:#59efaa;font-size:11px;font-weight:900;letter-spacing:.16em;text-shadow:0 2px 3px rgba(3,22,38,.98),0 0 8px rgba(3,22,38,.96),0 0 18px rgba(3,22,38,.92)}
.r2sx__reviews-intro h2,.r2sx__faq-intro h2{margin:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,5vw,78px);font-weight:500;line-height:.94;letter-spacing:-.052em}.r2sx__reviews-intro>p,.r2sx__faq-intro>p{max-width:390px;margin:20px 0 0;color:#fff;font-size:clamp(16px,1.35vw,20px);font-weight:720;line-height:1.48;text-shadow:0 2px 3px rgba(3,22,38,.98),0 0 10px rgba(3,22,38,.94),0 0 20px rgba(3,22,38,.86)}
.r2sx__review-quotes{position:relative;min-height:350px}.r2sx__review-quotes article{position:absolute;inset:50% 0 auto;opacity:var(--review,0);transform:translateY(calc(-50% + (1 - var(--review,0))*24px)) scale(calc(.97 + var(--review,0)*.03));pointer-events:none;color:#fff;text-shadow:0 3px 5px rgba(3,19,34,.98),0 0 14px rgba(3,19,34,.92),0 0 30px rgba(3,19,34,.82)}.r2sx__review-quotes article>div{color:#5af0aa;font-size:19px;letter-spacing:.18em}.r2sx__review-quotes blockquote{max-width:700px;margin:18px 0 24px;border:0;padding:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(31px,3.05vw,49px);font-weight:500;line-height:1.08;letter-spacing:-.025em}.r2sx__review-quotes article>p{display:flex;flex-direction:column;gap:3px;margin:0}.r2sx__review-quotes strong{font-size:14px}.r2sx__review-quotes span{font-size:11px;font-weight:700;opacity:.86}
.r2sx__faq-intro>a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:270px;margin-top:25px;padding:13px 16px 13px 19px;border-radius:999px;background:#20c786;box-shadow:0 13px 32px rgba(32,199,134,.3);color:#062f25;font-size:13px;font-weight:850;text-decoration:none;text-shadow:none}.r2sx__faq-intro>a b{display:grid;width:29px;height:29px;place-items:center}.r2sx__faq-intro>a img{display:block;width:27px;height:27px;filter:brightness(0) saturate(100%) invert(16%) sepia(70%) saturate(2038%) hue-rotate(190deg) brightness(86%) contrast(101%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.r2sx__faq-intro>a:hover img{transform:translateX(5px) rotate(-18deg) scale(1.1)}
.r2sx__faq-list{border-top:1px solid rgba(6,29,54,.34)}.r2sx__faq-item{border-bottom:1px solid rgba(6,29,54,.34)}.r2sx__faq-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:25px;padding:17px 2px;border:0;background:transparent;color:#061d36;text-align:left;cursor:pointer;text-shadow:0 2px 19px rgba(255,255,255,.98),0 1px 5px #fff}.r2sx__faq-item button span{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(22px,2vw,31px);font-weight:560;line-height:1.05;letter-spacing:-.025em}.r2sx__faq-item button i{position:relative;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#20c786;box-shadow:0 0 18px rgba(32,199,134,.35)}.r2sx__faq-item button i:before,.r2sx__faq-item button i:after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:#073f66;transition:transform .3s ease}.r2sx__faq-item button i:after{transform:rotate(90deg)}.r2sx__faq-item.is-open button i:after{transform:rotate(0)}.r2sx__faq-item>p{max-height:0;margin:0;overflow:hidden;color:#fff;font-size:13px;font-weight:700;line-height:1.5;text-shadow:0 2px 4px rgba(3,19,34,.98),0 0 12px rgba(3,19,34,.92);opacity:0;transition:max-height .38s ease,opacity .25s ease,padding .38s ease}.r2sx__faq-item.is-open>p{max-height:110px;padding:0 45px 17px 2px;opacity:1}
@media(max-width:900px){.r2sx__reviews,.r2sx__faq{left:20px;right:20px;top:50%;grid-template-columns:1fr;gap:20px}.r2sx__reviews-intro h2,.r2sx__faq-intro h2{font-size:40px}.r2sx__reviews-intro>p,.r2sx__faq-intro>p{margin-top:9px;font-size:14px}.r2sx__review-quotes{min-height:285px}.r2sx__review-quotes blockquote{font-size:31px}.r2sx__faq-list{max-height:52vh;overflow:auto}.r2sx__faq-item button{padding:12px 2px}.r2sx__faq-item button span{font-size:22px}.r2sx__faq-intro>a{margin-top:12px}}
@media(max-width:620px){.r2sx{height:980vh}.r2sx__reviews,.r2sx__faq{top:51%;gap:12px}.r2sx__reviews-intro>small,.r2sx__faq-intro>small{margin-bottom:6px;font-size:8px}.r2sx__reviews-intro h2,.r2sx__faq-intro h2{font-size:32px}.r2sx__reviews-intro>p,.r2sx__faq-intro>p{display:none}.r2sx__review-quotes{min-height:265px}.r2sx__review-quotes blockquote{margin:12px 0 18px;font-size:27px}.r2sx__faq-item button span{font-size:19px}.r2sx__faq-item button{padding:10px 1px}.r2sx__faq-item>p{font-size:11px}.r2sx__faq-intro>a{min-width:245px;padding:10px 13px 10px 16px;font-size:11px}}

/* v0.9.0 — één contextuele FAQ-hub voor alle routes en doelgroepen. */
.r2sx.is-business-route .r2sx__reviews{display:none!important}.r2sx.is-business-route .r2sx__faq{display:grid!important}
.r2sx.is-business-route.is-faq .r2sx__business-intro,.r2sx.is-business-route.is-faq .r2sx__business-cta,.r2sx.is-business-route.is-faq .r2sx__business-final-status,.r2sx.is-business-route.is-faq .r2sx__business-finale-motion,.r2sx.is-business-route.is-faq .r2sx__business-line,.r2sx.is-business-route.is-faq .r2sx__business-scanned{opacity:0!important;pointer-events:none!important}
.r2sx__faq-hub{min-width:0}.r2sx__faq-filters{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 15px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.38)}
.r2sx__faq-filters button{position:relative;border:0;padding:7px 0;background:transparent;color:#fff;font-size:11px;font-weight:820;line-height:1;letter-spacing:.025em;text-shadow:0 2px 4px rgba(3,19,34,.98),0 0 11px rgba(3,19,34,.92);cursor:pointer;opacity:.72;transition:color .25s ease,opacity .25s ease,transform .25s ease}
.r2sx__faq-filters button:after{content:"";position:absolute;left:0;right:100%;bottom:-13px;height:2px;border-radius:2px;background:#55efaa;box-shadow:0 0 12px rgba(43,229,151,.9);transition:right .35s cubic-bezier(.2,.8,.2,1)}
.r2sx__faq-filters button:hover,.r2sx__faq-filters button.is-active{color:#61f3b0;opacity:1;transform:translateY(-1px)}.r2sx__faq-filters button.is-active:after{right:0}
.r2sx__faq-panel{border-top:1px solid rgba(6,29,54,.34)}.r2sx__faq-panel[hidden]{display:none!important}.r2sx__faq-panel.is-active{animation:r2sxFaqPanel .36s cubic-bezier(.22,1,.36,1) both}
@keyframes r2sxFaqPanel{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:900px){.r2sx__faq-filters{gap:4px 15px;margin-bottom:8px;padding-bottom:8px}.r2sx__faq-filters button{font-size:10px}.r2sx__faq-filters button:after{bottom:-9px}.r2sx__faq-hub{max-height:57vh;overflow:auto}.r2sx__faq-list{max-height:none;overflow:visible}}
@media(max-width:620px){.r2sx__faq-filters{gap:2px 12px}.r2sx__faq-filters button{padding:5px 0;font-size:8px}.r2sx__faq-item.is-open>p{padding-bottom:11px}.r2sx__faq-intro>a{display:none}}

/* v0.9.1 — de zakelijke route krijgt na de FAQ een eigen, rustige eindbestemming. */
.r2sx__business-ending{position:absolute;z-index:31;left:clamp(32px,7vw,112px);top:52%;width:min(620px,48vw);color:#fff;opacity:var(--business-ending,0);transform:translateY(calc(-48% + (1 - var(--business-ending,0))*28px));pointer-events:none;text-shadow:0 3px 6px rgba(1,17,31,.96),0 0 24px rgba(1,17,31,.82)}
.r2sx.is-business-ending .r2sx__business-ending{pointer-events:auto}.r2sx__business-ending>small{display:block;margin-bottom:13px;color:#61f2af;font-size:11px;font-weight:900;letter-spacing:.16em}.r2sx__business-ending h2{max-width:610px;margin:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(51px,5.2vw,82px);font-weight:500;line-height:.93;letter-spacing:-.052em;text-wrap:balance}.r2sx__business-ending>p{max-width:500px;margin:21px 0 0;font-size:clamp(16px,1.35vw,20px);font-weight:680;line-height:1.5}
.r2sx__business-ending>button{display:flex;width:min(345px,100%);align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding:14px 17px 14px 20px;border:0;border-radius:999px;background:#20c786;box-shadow:0 14px 38px rgba(32,199,134,.34);color:#062f25;font-size:14px;font-weight:850;cursor:pointer;transition:transform .3s ease,background .25s ease,box-shadow .25s ease}.r2sx__business-ending>button:hover{transform:translateY(-2px);background:#2ada94;box-shadow:0 18px 46px rgba(32,199,134,.44)}.r2sx__business-ending>button b{display:grid;width:29px;height:29px;place-items:center}.r2sx__business-ending>button img{display:block;width:27px;height:27px;filter:brightness(0) saturate(100%) invert(16%) sepia(70%) saturate(2038%) hue-rotate(190deg) brightness(86%) contrast(101%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.r2sx__business-ending>button:hover img{transform:translateX(5px) rotate(-18deg) scale(1.1)}
.r2sx__business-ending>span{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:19px;color:#e9f4ef;font-size:10px;font-weight:760}.r2sx__business-ending>span i{color:#63f1af;font-style:normal}.r2sx:not(.is-business-route) .r2sx__business-ending{display:none!important}.r2sx.is-business-ending .r2sx__faq,.r2sx.is-business-ending .r2sx__business-intro,.r2sx.is-business-ending .r2sx__business-final-status,.r2sx.is-business-ending .r2sx__business-finale-motion{opacity:0!important;pointer-events:none!important}
@media(max-width:780px){.r2sx__business-ending{left:20px;right:20px;top:auto;bottom:70px;width:auto}.r2sx__business-ending h2{font-size:42px}.r2sx__business-ending>p{margin-top:15px;font-size:14px}.r2sx__business-ending>button{margin-top:20px}.r2sx__business-ending>span{gap:6px 12px;font-size:9px}}

/* v0.9.3 — zakelijke FAQ rustiger, leesbaarder en vrijer rond het personage. */
@media(min-width:901px){.r2sx.is-business-route .r2sx__faq{left:clamp(42px,5vw,78px);right:clamp(38px,4vw,64px);grid-template-columns:minmax(300px,.72fr) minmax(540px,1.08fr);gap:clamp(65px,7vw,108px)}.r2sx.is-business-route .r2sx__faq-hub{width:min(650px,100%);justify-self:end;transform:translateX(8px)}}
.r2sx.is-business-route .r2sx__faq-filters{gap:7px 18px;margin-bottom:17px;padding-bottom:13px}.r2sx.is-business-route .r2sx__faq-filters button{font-size:12px;letter-spacing:.01em;opacity:.84}.r2sx.is-business-route .r2sx__faq-filters button.is-active{color:#65f2b1;opacity:1}
.r2sx.is-business-route .r2sx__faq-item button{padding:16px 2px;color:#fff;text-shadow:0 3px 4px rgba(0,17,31,.98),0 0 11px rgba(0,17,31,.94),0 0 24px rgba(0,17,31,.86)}.r2sx.is-business-route .r2sx__faq-item button span{font-size:clamp(23px,1.85vw,29px);font-weight:540}.r2sx.is-business-route .r2sx__faq-item button i{width:24px;height:24px;flex-basis:24px;box-shadow:0 0 13px rgba(32,199,134,.28)}.r2sx.is-business-route .r2sx__faq-item button i:before,.r2sx.is-business-route .r2sx__faq-item button i:after{left:7px;right:7px;top:11px}.r2sx.is-business-route .r2sx__faq-item{border-color:rgba(255,255,255,.36)}.r2sx.is-business-route .r2sx__faq-panel{border-color:rgba(255,255,255,.36)}
.r2sx.is-business-route.is-faq .r2sx__hint:after{content:"Scroll verder naar de zakelijke afsluiting"}.r2sx.is-business-route.is-faq .r2sx__hint{opacity:.78}
@media(max-width:900px){.r2sx.is-business-route .r2sx__faq-filters button{font-size:10px}.r2sx.is-business-route .r2sx__faq-item button span{font-size:21px}.r2sx.is-business-route .r2sx__faq-hub{max-height:55vh}}

/* v0.9.4 — particuliere prijskeuze als rustige filmische scène, zonder kaarten. */
.r2sx__private-pricing{position:absolute;z-index:30;left:50%;top:52%;width:min(680px,44vw);color:#fff;opacity:var(--pricing,0);transform:translateY(calc(-48% + (1 - var(--pricing,0))*26px));pointer-events:none;text-shadow:0 3px 5px rgba(2,18,33,.98),0 0 18px rgba(2,18,33,.88)}.r2sx.is-pricing-ready .r2sx__private-pricing{pointer-events:auto}.r2sx.is-business-route .r2sx__private-pricing{display:none!important}
.r2sx.is-pricing .r2sx__copy{opacity:0!important;pointer-events:none}.r2sx.is-pricing .r2sx__region-card,.r2sx.is-pricing .r2sx__private-account-cta{pointer-events:none!important}.r2sx__private-pricing>small{display:block;margin-bottom:11px;color:#61f2af;font-size:11px;font-weight:900;letter-spacing:.16em}.r2sx__private-pricing h2{max-width:650px;margin:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,4.7vw,74px);font-weight:500;line-height:.94;letter-spacing:-.052em;text-wrap:balance}.r2sx__private-pricing>p{max-width:510px;margin:18px 0 25px;font-size:clamp(15px,1.25vw,19px);font-weight:680;line-height:1.5}
.r2sx__price-lines{position:relative;border-top:1px solid rgba(255,255,255,.42)}.r2sx__price-lines:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,#55efaa 14%,#55efaa 86%,transparent);box-shadow:0 0 14px rgba(50,230,153,.84);transform:scaleY(var(--pricing,0));transform-origin:top}.r2sx__price-lines>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.42);color:#fff;text-decoration:none;transition:padding .3s ease,color .25s ease}.r2sx__price-lines>a:hover{padding-left:10px;color:#68f2b2}.r2sx__price-lines>a>span{display:flex;flex-direction:column;gap:3px}.r2sx__price-lines strong{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(25px,2.1vw,34px);font-weight:540;letter-spacing:-.025em}.r2sx__price-lines em{font-size:11px;font-style:normal;font-weight:680;opacity:.88}.r2sx__price-lines>a>b{color:#62efad;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(25px,2.1vw,34px);font-weight:600;white-space:nowrap}.r2sx__price-lines>a>b i{font-family:Arial,sans-serif;font-size:10px;font-style:normal;font-weight:750}
.r2sx__pricing-actions{display:flex;align-items:center;gap:22px;margin-top:23px}.r2sx__pricing-primary{display:inline-flex;min-width:225px;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px 13px 18px;border-radius:999px;background:#20c786;box-shadow:0 13px 34px rgba(32,199,134,.32);color:#062f25!important;font-size:13px;font-weight:850;text-decoration:none;text-shadow:none}.r2sx__pricing-primary b{display:grid;width:28px;height:28px;place-items:center}.r2sx__pricing-primary img{display:block;width:26px;height:26px;filter:brightness(0) saturate(100%) invert(16%) sepia(70%) saturate(2038%) hue-rotate(190deg) brightness(86%) contrast(101%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.r2sx__pricing-primary:hover img{transform:translateX(5px) rotate(-18deg) scale(1.1)}.r2sx__pricing-more{color:#fff!important;font-size:12px;font-weight:780;text-decoration-color:#62efad;text-underline-offset:5px}
@media(max-width:900px){.r2sx__private-pricing{left:20px;right:20px;top:51%;width:auto}.r2sx__private-pricing h2{font-size:42px}.r2sx__private-pricing>p{margin:12px 0 18px;font-size:14px}.r2sx__pricing-actions{margin-top:17px}}
@media(max-width:620px){.r2sx__private-pricing{top:53%}.r2sx__private-pricing>small{font-size:8px}.r2sx__private-pricing h2{font-size:34px}.r2sx__private-pricing>p{font-size:12px}.r2sx__price-lines>a{padding:11px 1px}.r2sx__price-lines strong,.r2sx__price-lines>a>b{font-size:23px}.r2sx__price-lines em{font-size:9px}.r2sx__pricing-actions{align-items:flex-start;flex-direction:column;gap:11px}.r2sx__pricing-primary{min-width:240px}}

/* v0.9.5 — klikbare hoofdstuknavigatie als subtiele lichtlijn links. */
.r2sx__journey-nav{position:absolute;z-index:42;left:18px;top:52%;opacity:0;transform:translateY(-50%) translateX(-8px);pointer-events:none;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.r2sx[data-active-route="private"] .r2sx__journey-nav,.r2sx[data-active-route="business"] .r2sx__journey-nav{opacity:1;transform:translateY(-50%);pointer-events:auto}.r2sx__journey-nav>[data-scroll-route]{position:relative;display:none;flex-direction:column;align-items:flex-start;gap:15px;padding:9px 0}.r2sx[data-active-route="private"] .r2sx__journey-nav>[data-scroll-route="private"],.r2sx[data-active-route="business"] .r2sx__journey-nav>[data-scroll-route="business"]{display:flex}
.r2sx__journey-nav>[data-scroll-route]:before,.r2sx__journey-nav>[data-scroll-route]:after{content:"";position:absolute;z-index:-1;left:6px;top:14px;bottom:14px;width:1px;border-radius:2px;background:rgba(255,255,255,.6);box-shadow:0 0 7px rgba(3,25,43,.45)}.r2sx__journey-nav>[data-scroll-route]:after{width:2px;background:#54efac;box-shadow:0 0 11px rgba(55,235,158,.92);transform:scaleY(var(--journey-progress,0));transform-origin:top;transition:transform .12s linear}
.r2sx__journey-nav button{position:relative;display:block;width:13px;height:13px;flex:0 0 13px;border:0;padding:0;border-radius:50%;background:rgba(249,251,249,.95);box-shadow:0 1px 5px rgba(2,19,34,.5),0 0 0 1px rgba(5,44,72,.48);cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.r2sx__journey-nav button:hover,.r2sx__journey-nav button:focus-visible{transform:scale(1.3);outline:none}.r2sx__journey-nav button.is-active{background:#58efad;box-shadow:0 0 0 3px rgba(9,56,83,.82),0 0 15px rgba(64,238,164,.95);transform:scale(1.18)}
.r2sx__journey-nav button span{position:absolute;left:25px;top:50%;width:max-content;max-width:160px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.035em;text-shadow:0 2px 4px rgba(1,17,31,.98),0 0 11px rgba(1,17,31,.94);opacity:0;transform:translate(-5px,-50%);pointer-events:none;transition:opacity .22s ease,transform .3s ease}.r2sx__journey-nav button:hover span,.r2sx__journey-nav button:focus-visible span{opacity:1;transform:translate(0,-50%)}
.r2sx__journey-nav button.is-active span{color:#68f2b3;opacity:1;transform:translate(0,-50%);text-shadow:0 2px 4px rgba(1,17,31,.98),0 0 10px rgba(1,17,31,.96),0 0 18px rgba(62,237,163,.72)}
@media(max-width:900px){.r2sx__journey-nav{display:none!important}}

/* v0.9.8 — hoofdstuknavigatie onderaan als horizontale, rustige glasbalk. */
.r2sx__counter{display:none!important}
.r2sx[data-active-route="private"] .r2sx__hint,
.r2sx[data-active-route="business"] .r2sx__hint{opacity:0!important;pointer-events:none}
@media(min-width:901px){
 .r2sx__journey-nav{left:50%;right:auto;top:auto;bottom:18px;display:block;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
 .r2sx[data-active-route="private"] .r2sx__journey-nav,.r2sx[data-active-route="business"] .r2sx__journey-nav{opacity:1;transform:translate(-50%,0);pointer-events:auto}
 .r2sx__journey-nav>[data-scroll-route]{position:relative;display:none;flex-direction:row;align-items:center;justify-content:center;gap:clamp(13px,1.35vw,22px);min-height:48px;padding:25px 22px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(4,25,43,.42);box-shadow:0 12px 34px rgba(0,15,29,.24),inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}
 .r2sx[data-active-route="private"] .r2sx__journey-nav>[data-scroll-route="private"],.r2sx[data-active-route="business"] .r2sx__journey-nav>[data-scroll-route="business"]{display:flex}
 .r2sx__journey-nav>[data-scroll-route]:before,.r2sx__journey-nav>[data-scroll-route]:after{left:29px;right:29px;top:auto;bottom:18px;width:auto;height:1px;background:rgba(255,255,255,.48);box-shadow:0 0 7px rgba(3,25,43,.4);transform:none}
 .r2sx__journey-nav>[data-scroll-route]:after{height:2px;background:#54efac;box-shadow:0 0 11px rgba(55,235,158,.92);transform:scaleX(var(--journey-progress,0));transform-origin:left center;transition:transform .12s linear}
 .r2sx__journey-nav button{width:12px;height:12px;flex:0 0 12px;z-index:2}
 .r2sx__journey-nav button:hover,.r2sx__journey-nav button:focus-visible{transform:scale(1.25)}
 .r2sx__journey-nav button.is-active{transform:scale(1.22)}
 .r2sx__journey-nav button span{left:50%;top:auto;bottom:22px;max-width:none;transform:translate(-50%,5px);font-size:10px;white-space:nowrap;text-align:center}
 .r2sx__journey-nav button:hover span,.r2sx__journey-nav button:focus-visible span,.r2sx__journey-nav button.is-active span{opacity:1;transform:translate(-50%,0)}
}


/* v0.9.9 — vast keuzescherm en volledig verborgen browser-scrollbalk. */
html.r2sx-page,body.r2sx-page{scrollbar-width:none;-ms-overflow-style:none}
html.r2sx-page::-webkit-scrollbar,body.r2sx-page::-webkit-scrollbar{display:none;width:0;height:0}


/* v0.9.10 — filmische overgang vanaf het vaste routescherm. */
.r2sx.is-route-transitioning{cursor:wait}
.r2sx.is-route-transitioning .r2sx__header,
.r2sx.is-route-transitioning .r2sx__journey-nav,
.r2sx.is-route-transitioning .r2sx__hint{pointer-events:none}
.r2sx.is-route-transitioning .r2sx__route-option{pointer-events:none}
.r2sx.is-route-transitioning .r2sx__vignette{z-index:12;animation:r2sx-transition-vignette 1.78s cubic-bezier(.22,.76,.18,1) both}
.r2sx.is-entering-home .r2sx__scene--gateway{transform-origin:11% 58%;animation:r2sx-enter-home-v2 1.78s cubic-bezier(.18,.72,.16,1) both}
.r2sx.is-entering-home .r2sx__scene--intro-empty{z-index:4;animation:r2sx-home-arrival 1.78s cubic-bezier(.18,.72,.16,1) both}
.r2sx.is-entering-home .r2sx__world:after{z-index:11;animation:r2sx-home-threshold 1.78s cubic-bezier(.18,.72,.16,1) both}
.r2sx.is-entering-business .r2sx__scene--gateway{transform-origin:90% 57%;animation:r2sx-enter-business-v2 1.78s cubic-bezier(.18,.72,.16,1) both}
.r2sx.is-entering-business .r2sx__scene--business-intro{z-index:4;animation:r2sx-business-arrival 1.78s cubic-bezier(.18,.72,.16,1) both}
.r2sx.is-entering-business .r2sx__world:after{z-index:11;animation:r2sx-business-threshold 1.78s cubic-bezier(.18,.72,.16,1) both}
@keyframes r2sx-enter-home-v2{
  0%{opacity:1;transform:scale(1.015) translate3d(0,0,0);filter:saturate(1.02) contrast(1.01)}
  48%{opacity:1;transform:scale(1.22) translate3d(1.5%,-.4%,0);filter:saturate(1.06) brightness(1.035)}
  72%{opacity:.96;transform:scale(1.52) translate3d(4%,-.8%,0);filter:saturate(1.01) brightness(1.08)}
  100%{opacity:0;transform:scale(2.08) translate3d(9%,-1.2%,0);filter:saturate(.84) brightness(1.2) blur(1.5px)}
}
@keyframes r2sx-home-arrival{
  0%,48%{opacity:0;transform:scale(1.09);filter:brightness(1.2) blur(2px)}
  70%{opacity:.2;transform:scale(1.055);filter:brightness(1.13) blur(1px)}
  100%{opacity:1;transform:scale(1);filter:none}
}
@keyframes r2sx-enter-business-v2{
  0%{opacity:1;transform:scale(1.015) translate3d(0,0,0);filter:saturate(1.02)}
  48%{opacity:1;transform:scale(1.21) translate3d(-1.5%,-.2%,0);filter:saturate(1.07) brightness(1.03)}
  72%{opacity:.96;transform:scale(1.5) translate3d(-4%,-.5%,0);filter:saturate(1.01) brightness(1.08)}
  100%{opacity:0;transform:scale(2.04) translate3d(-9%,-.8%,0);filter:saturate(.86) brightness(1.16) blur(1.5px)}
}
@keyframes r2sx-business-arrival{
  0%,48%{opacity:0;transform:scale(1.09);filter:brightness(1.16) blur(2px)}
  70%{opacity:.24;transform:scale(1.055);filter:brightness(1.1) blur(1px)}
  100%{opacity:1;transform:scale(1.025);filter:none}
}
@keyframes r2sx-home-threshold{
  0%,38%{opacity:0;background:radial-gradient(ellipse at 8% 57%,rgba(255,249,231,.96) 0,rgba(255,249,231,.16) 12%,transparent 34%)}
  62%{opacity:.82}
  82%{opacity:.34}
  100%{opacity:0}
}
@keyframes r2sx-business-threshold{
  0%,38%{opacity:0;background:radial-gradient(ellipse at 92% 57%,rgba(255,244,218,.9) 0,rgba(255,244,218,.14) 13%,transparent 36%)}
  62%{opacity:.72}
  82%{opacity:.28}
  100%{opacity:0}
}
@keyframes r2sx-transition-vignette{
  0%{opacity:.18}
  48%{opacity:.08}
  72%{opacity:.32}
  100%{opacity:var(--shade,.62)}
}
@media (prefers-reduced-motion:reduce){
  .r2sx.is-entering-home .r2sx__scene--gateway,.r2sx.is-entering-business .r2sx__scene--gateway,
  .r2sx.is-entering-home .r2sx__scene--intro-empty,.r2sx.is-entering-business .r2sx__scene--business-intro,
  .r2sx.is-route-transitioning .r2sx__vignette,.r2sx.is-entering-home .r2sx__world:after,.r2sx.is-entering-business .r2sx__world:after{animation-duration:.35s!important}
}


/* v0.9.11 — duidelijke maar rustige scrollaanwijzing na de routekeuze. */
.r2sx__scroll-cue{position:absolute;z-index:43;left:50%;bottom:88px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:190px;padding:10px 18px 9px;border:1px solid rgba(255,255,255,.27);border-radius:18px;background:rgba(3,24,42,.46);box-shadow:0 12px 30px rgba(0,17,31,.24),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(13px) saturate(125%);backdrop-filter:blur(13px) saturate(125%);color:#fff;text-align:center;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .42s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.r2sx.is-scroll-cue-visible .r2sx__scroll-cue{opacity:1;transform:translate(-50%,0)}
.r2sx__scroll-cue strong{font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,18,34,.95)}
.r2sx__scroll-cue em{height:10px;font-style:normal;font-size:15px;line-height:10px;animation:r2sx-cue-arrow 1.45s ease-in-out infinite}
.r2sx__scroll-mouse{display:block;width:17px;height:27px;border:1px solid rgba(255,255,255,.9);border-radius:10px;box-shadow:0 1px 8px rgba(0,16,29,.45)}
.r2sx__scroll-mouse i{display:block;width:3px;height:6px;margin:5px auto 0;border-radius:4px;background:#62efad;box-shadow:0 0 8px rgba(82,238,169,.8);animation:r2sx-cue-wheel 1.45s ease-in-out infinite}
.r2sx__next-peek{position:absolute;z-index:20;left:0;right:0;bottom:0;height:76px;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.06) 48%,rgba(84,239,172,.13) 100%);transform:translateY(28px);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.r2sx__next-peek:before{content:"";position:absolute;left:50%;bottom:4px;width:72px;height:2px;border-radius:999px;background:rgba(104,242,179,.72);box-shadow:0 0 15px rgba(72,236,164,.65);transform:translateX(-50%)}
.r2sx.is-scroll-cue-visible .r2sx__next-peek{opacity:1;transform:none}
.r2sx.is-route-transitioning .r2sx__scroll-cue,.r2sx.is-route-transitioning .r2sx__next-peek{opacity:0!important}
@keyframes r2sx-cue-wheel{0%,100%{opacity:.45;transform:translateY(0)}45%{opacity:1;transform:translateY(6px)}70%{opacity:0;transform:translateY(8px)}}
@keyframes r2sx-cue-arrow{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}
@media(max-width:900px){.r2sx__scroll-cue{bottom:22px;min-width:172px;padding:9px 15px}.r2sx__next-peek{height:58px}}
@media(prefers-reduced-motion:reduce){.r2sx__scroll-mouse i,.r2sx__scroll-cue em{animation:none}}

/* v0.10.9 — één centrale publieke header, zonder dubbele theme/pagebuilder-knoppen. */
body.r2sx-page #masthead,body.r2sx-page .site-header,body.r2sx-page .elementor-location-header,body.r2sx-page .wp-block-template-part:first-child,body.r2sx-page .header-wrapper,body.r2sx-page .site-header-wrapper,
body.r2sv-page #masthead,body.r2sv-page .site-header,body.r2sv-page .elementor-location-header,body.r2sv-page .wp-block-template-part:first-child,body.r2sv-page .header-wrapper,body.r2sv-page .site-header-wrapper{display:none!important}
body:has([data-r2sx]) #masthead,body:has([data-r2sx]) .site-header,body:has([data-r2sx]) .elementor-location-header,body:has([data-r2sx]) .wp-block-template-part:first-child,body:has([data-r2sx]) .header-wrapper,body:has([data-r2sx]) .site-header-wrapper,
body:has([data-r2sv]) #masthead,body:has([data-r2sv]) .site-header,body:has([data-r2sv]) .elementor-location-header,body:has([data-r2sv]) .wp-block-template-part:first-child,body:has([data-r2sv]) .header-wrapper,body:has([data-r2sv]) .site-header-wrapper{display:none!important}

/* v0.11.6 — veilige mobiele homepageweergave, gebouwd op stabiele v0.10.9. */
@media (max-width: 780px) {
  html.r2sx-page,
  body.r2sx-page {
    width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
  }

  body.r2sx-page .site,
  body.r2sx-page .site-content,
  body.r2sx-page .content-area,
  body.r2sx-page .entry-content,
  body.r2sx-page main,
  body.r2sx-page article {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .r2sx {
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 920vh;
    overflow: visible;
  }

  .r2sx__stage {
    top: 0;
    width: 100%;
    height: 100svh;
    min-height: 620px;
    overflow: hidden;
    background: #eef3f6;
  }

  .r2sx__world {
    top: 0;
    inset-inline: 0;
    height: 100%;
  }

  .r2sx__scene {
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
  }

  .r2sx__scene--gateway {
    background-position: 48% center;
  }

  .r2sx__nav {
    position: absolute;
    z-index: 80;
    top: max(10px, env(safe-area-inset-top));
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none;
    height: 58px;
    transform: none;
  }

  .r2sx__brand {
    width: 124px;
    min-width: 124px;
  }

  .r2sx__mobile-menu > div {
    max-height: calc(100svh - 92px);
    overflow-y: auto;
  }

  .r2sx__story-meta {
    display: none;
  }

  .r2sx__route-choice {
    z-index: 45;
    inset: 0;
    padding: 88px 14px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: auto;
  }

  .r2sx__route-choice > small,
  .r2sx__route-choice > h2 {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    text-align: center;
  }

  .r2sx__route-choice > small {
    margin-top: 8px;
    font-size: 8px;
    letter-spacing: .18em;
  }

  .r2sx__route-choice > h2 {
    margin: 6px auto 0;
    max-width: 340px;
    font-size: clamp(27px, 8vw, 34px);
    line-height: 1.03;
    white-space: normal;
  }

  .r2sx__route-options {
    position: static;
    inset: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
    gap: 10px;
    width: 100%;
    margin-top: auto;
  }

  .r2sx__route-option,
  .r2sx__route-option:first-child {
    min-width: 0;
    min-height: 170px;
    padding: 18px 14px 16px;
    border: 1px solid rgba(255,255,255,.36);
    border-radius: 18px;
    background: rgba(3,24,43,.55);
    box-shadow: 0 12px 30px rgba(1,18,32,.22);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
    align-items: flex-start;
    justify-content: flex-end;
  }

  .r2sx__route-option:first-child {
    border-right: 1px solid rgba(255,255,255,.36);
    border-bottom: 1px solid rgba(255,255,255,.36);
  }

  .r2sx__route-option small {
    font-size: 8px;
    letter-spacing: .15em;
  }

  .r2sx__route-option strong {
    margin-top: 5px;
    font-size: clamp(23px, 6.6vw, 29px);
    line-height: .98;
  }

  .r2sx__route-option span {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.35;
  }

  .r2sx__route-option b {
    position: static;
    width: 34px;
    height: 34px;
    margin-top: 12px;
    align-self: flex-end;
  }

  .r2sx__copy,
  .r2sx.is-final .r2sx__copy {
    left: 14px;
    right: 14px;
    bottom: max(18px, env(safe-area-inset-bottom));
    max-height: 48svh;
    overflow-y: auto;
    padding: 16px;
  }

  .r2sx__copy h1,
  .r2sx.is-final .r2sx__copy h1 {
    font-size: clamp(32px, 10vw, 42px);
  }

  .r2sx__lead {
    font-size: 13px;
  }

  .r2sx__scroll-cue,
  .r2sx__next-peek {
    display: none !important;
  }
}

@media (max-width: 430px) and (max-height: 720px) {
  .r2sx__stage { min-height: 560px; }
  .r2sx__route-choice { padding-top: 78px; }
  .r2sx__route-choice > h2 { font-size: 26px; }
  .r2sx__route-option,
  .r2sx__route-option:first-child { min-height: 145px; padding: 14px 12px; }
  .r2sx__route-option strong { font-size: 22px; }
  .r2sx__route-option span { display: none; }
}

/* v0.14.0 — zelfstandige filmische mobiele route; desktopengine blijft intact. */
.r2sm{display:none}
@media(max-width:780px){
  html.r2sm-active,body.r2sm-active{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;background:#071b2e!important}
  body.r2sm-active{touch-action:pan-y!important}
  .r2sm[hidden]{display:none!important}
  .r2sm{display:block;position:relative;width:100%;margin:0;padding:0;background:#071b2e;color:#fff;overflow:clip}
  .r2sm__nav{position:fixed;z-index:120;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(0,20,40,.18);backdrop-filter:blur(16px)}
  .r2sm__brand img{display:block;width:128px;height:auto}
  .r2sm__account{padding:10px 13px;border-radius:999px;background:#173f74;color:#fff;text-decoration:none;font-size:10px;font-weight:850}
  .r2sm__route[hidden]{display:none!important}
  .r2sm__scene{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:104px 18px max(72px,calc(46px + env(safe-area-inset-bottom)));isolation:isolate;background-image:linear-gradient(180deg,rgba(4,20,35,.06) 0%,rgba(4,20,35,.14) 42%,rgba(4,20,35,.9) 100%),var(--mobile-bg);background-size:cover;background-position:center;overflow:hidden}
  .r2sm__scene:before{content:"";position:absolute;inset:-3%;z-index:-1;background:var(--mobile-bg) center/cover no-repeat;transform:scale(1.04);transition:transform 1.3s cubic-bezier(.22,1,.36,1)}
  .r2sm__scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,20,35,.03),rgba(4,20,35,.1) 48%,rgba(4,20,35,.88) 100%)}
  .r2sm__scene.is-active:before{transform:scale(1)}
  .r2sm__copy{width:min(100%,520px);padding:20px 18px 19px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(4,22,38,.68),rgba(4,22,38,.46));box-shadow:0 18px 48px rgba(0,0,0,.24);backdrop-filter:blur(12px);opacity:.72;transform:translateY(18px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
  .r2sm__scene.is-active .r2sm__copy{opacity:1;transform:none}
  .r2sm__copy small{display:block;margin-bottom:8px;color:#5bf0ad;font-size:9px;font-weight:900;letter-spacing:.16em}
  .r2sm__copy h1,.r2sm__copy h2{margin:0;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(39px,11vw,56px);font-weight:540;line-height:.94;letter-spacing:-.045em;text-wrap:balance}
  .r2sm__copy p{margin:14px 0 0;color:#f1f6f8;font-size:14px;font-weight:650;line-height:1.48}
  .r2sm__copy a{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:13px 18px;border-radius:999px;background:#20c786;color:#062f25;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 14px 34px rgba(32,199,134,.28)}
  .r2sm__progress{position:fixed;z-index:125;left:18px;right:18px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(4,22,38,.72);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
  .r2sm__progress span{flex:0 0 auto;color:#fff;font-size:9px;font-weight:850;letter-spacing:.12em}
  .r2sm__progress i{position:relative;height:3px;flex:1;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.18)}
  .r2sm__progress b{position:absolute;inset:0;transform:scaleX(.14);transform-origin:left;background:#58efad;box-shadow:0 0 12px rgba(88,239,173,.8);transition:transform .45s ease}
  .r2sm__scene:nth-child(1){background-position:52% center}.r2sm__scene:nth-child(2){background-position:48% center}.r2sm__scene:nth-child(3){background-position:54% center}.r2sm__scene:nth-child(4){background-position:58% center}.r2sm__scene:nth-child(5){background-position:58% center}.r2sm__scene:nth-child(6){background-position:60% center}.r2sm__scene:nth-child(7){background-position:50% center}
}
@media(max-width:430px) and (max-height:720px){
  .r2sm__scene{min-height:100svh;padding-top:88px;padding-bottom:64px}.r2sm__copy{padding:16px}.r2sm__copy h1,.r2sm__copy h2{font-size:36px}.r2sm__copy p{font-size:12px}.r2sm__nav{height:52px}.r2sm__brand img{width:116px}
}

/* v0.14.1 — mobiel: desktopengine volledig uitschakelen na routekeuze. */
@media(max-width:780px){
  html.r2sm-active,body.r2sm-active{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    background:#071b2e!important;
  }
  body.r2sm-active .r2sx{display:none!important}
  .r2sm:not([hidden]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:100svh!important;
    overflow:visible!important;
    background:#071b2e!important;
  }
  .r2sm__route:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}
  .r2sm__scene{width:100%!important;visibility:visible!important;opacity:1!important}
}


/* v0.14.2 — harde mobiele no-white-screen fallback. */
@media(max-width:780px){
  .r2sx.is-choosing .r2sx__scene--gateway,
  .r2sx:not(.is-business-start) .r2sx__scene--gateway{opacity:1!important;visibility:visible!important}
  .r2sx.is-choosing .r2sx__route-choice{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .r2sx__stage,.r2sx__world{background:#eef3f6}
}


/* v0.14.3 — mobiele verhaalroute als eigen full-screen scrolllaag. */
@media(max-width:780px){
  .r2sm{
    display:none!important;
  }
  .r2sm.is-open:not([hidden]){
    display:block!important;
    position:fixed!important;
    z-index:2147483000!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    visibility:visible!important;
    opacity:1!important;
    background:#071b2e!important;
  }
  html.r2sm-active,body.r2sm-active{
    overflow:hidden!important;
    height:100%!important;
    min-height:100%!important;
  }
  .r2sm.is-open .r2sm__route:not([hidden]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .r2sm.is-open .r2sm__scene{
    min-height:100dvh!important;
  }
  .r2sm.is-open .r2sm__nav,
  .r2sm.is-open .r2sm__progress{
    position:sticky;
  }
  .r2sm.is-open .r2sm__nav{
    top:10px;
    margin-bottom:-68px;
  }
  .r2sm.is-open .r2sm__progress{
    bottom:max(14px,env(safe-area-inset-bottom));
    margin-top:-58px;
  }
}

/* v0.15.0 — echte filmische mobiele scrollstage, responsive per schermformaat. */
@media(max-width:780px){
  .r2sm.is-open:not([hidden]){
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:block!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    background:#071b2e!important;
  }
  .r2sm.is-open .r2sm__route:not([hidden]){
    position:relative!important;
    display:block!important;
    height:calc(var(--scene-count,7) * 100dvh)!important;
    min-height:calc(var(--scene-count,7) * 100svh)!important;
    overflow:visible!important;
    background:#071b2e!important;
  }
  .r2sm.is-open .r2sm__scene{
    --scene-opacity:0;
    --scene-scale:1.035;
    --copy-y:18px;
    position:fixed!important;
    inset:0!important;
    z-index:calc(20 + var(--scene-index,0))!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh!important;
    padding:clamp(86px,13svh,116px) clamp(14px,4.7vw,28px) max(78px,calc(56px + env(safe-area-inset-bottom)))!important;
    display:flex!important;
    align-items:flex-end!important;
    opacity:var(--scene-opacity)!important;
    pointer-events:none!important;
    visibility:visible!important;
    overflow:hidden!important;
    background-image:linear-gradient(180deg,rgba(3,18,31,.02) 0%,rgba(3,18,31,.06) 45%,rgba(3,18,31,.78) 100%),var(--mobile-bg)!important;
    background-size:cover!important;
    background-position:var(--mobile-focus,50% 50%)!important;
    transition:none!important;
    will-change:opacity,transform!important;
  }
  .r2sm.is-open .r2sm__scene:before{
    content:""!important;
    position:absolute!important;
    inset:-3%!important;
    z-index:-2!important;
    background:var(--mobile-bg) var(--mobile-focus,50% 50%)/cover no-repeat!important;
    transform:scale(var(--scene-scale)) translate3d(0,0,0)!important;
    transition:none!important;
    will-change:transform!important;
  }
  .r2sm.is-open .r2sm__scene:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(180deg,rgba(4,20,35,.02) 0%,rgba(4,20,35,.05) 46%,rgba(4,20,35,.88) 100%)!important;
  }
  .r2sm.is-open .r2sm__scene.is-active{pointer-events:auto!important}
  .r2sm.is-open .r2sm__copy{
    width:min(100%,560px)!important;
    max-height:min(46svh,430px)!important;
    overflow:auto!important;
    margin:0 auto!important;
    padding:clamp(16px,4.8vw,24px)!important;
    border-radius:clamp(18px,5vw,28px)!important;
    opacity:clamp(0,var(--scene-opacity),1)!important;
    transform:translate3d(0,var(--copy-y),0)!important;
    transition:none!important;
    background:linear-gradient(145deg,rgba(4,22,38,.76),rgba(4,22,38,.48))!important;
    border:1px solid rgba(255,255,255,.2)!important;
    box-shadow:0 20px 54px rgba(0,0,0,.28)!important;
    -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
    backdrop-filter:blur(14px) saturate(125%)!important;
  }
  .r2sm.is-open .r2sm__copy small{
    margin-bottom:clamp(7px,1.8svh,11px)!important;
    font-size:clamp(8px,2.4vw,11px)!important;
    letter-spacing:.16em!important;
  }
  .r2sm.is-open .r2sm__copy h1,
  .r2sm.is-open .r2sm__copy h2{
    font-size:clamp(34px,10.8vw,62px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }
  .r2sm.is-open .r2sm__copy p{
    margin-top:clamp(10px,2.4svh,16px)!important;
    font-size:clamp(12px,3.5vw,17px)!important;
    line-height:1.46!important;
  }
  .r2sm.is-open .r2sm__copy a{
    min-height:46px!important;
    padding:12px clamp(16px,5vw,24px)!important;
    font-size:clamp(12px,3.4vw,15px)!important;
    pointer-events:auto!important;
  }
  .r2sm.is-open .r2sm__nav{
    position:fixed!important;
    top:max(10px,env(safe-area-inset-top))!important;
    left:clamp(10px,3.4vw,22px)!important;
    right:clamp(10px,3.4vw,22px)!important;
    z-index:1000!important;
    height:clamp(52px,8svh,62px)!important;
    margin:0!important;
  }
  .r2sm.is-open .r2sm__brand img{width:clamp(108px,34vw,142px)!important}
  .r2sm.is-open .r2sm__account{font-size:clamp(9px,2.8vw,12px)!important;padding:10px 13px!important}
  .r2sm.is-open .r2sm__progress{
    position:fixed!important;
    z-index:1000!important;
    left:clamp(14px,4vw,26px)!important;
    right:clamp(14px,4vw,26px)!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    margin:0!important;
  }
  .r2sm__route--private .r2sm__scene:nth-child(1){--mobile-focus:48% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(2){--mobile-focus:50% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(3){--mobile-focus:58% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(4){--mobile-focus:60% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(5){--mobile-focus:58% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(6){--mobile-focus:58% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(7){--mobile-focus:50% 50%}
  .r2sm__route--business .r2sm__scene:nth-child(1){--mobile-focus:55% 50%}
  .r2sm__route--business .r2sm__scene:nth-child(2){--mobile-focus:55% 50%}
  .r2sm__route--business .r2sm__scene:nth-child(3){--mobile-focus:58% 50%}
  .r2sm__route--business .r2sm__scene:nth-child(4){--mobile-focus:56% 50%}
  .r2sm__route--business .r2sm__scene:nth-child(5){--mobile-focus:50% 50%}
}
@media(max-width:360px){
  .r2sm.is-open .r2sm__scene{padding-left:12px!important;padding-right:12px!important}
  .r2sm.is-open .r2sm__copy{max-height:43svh!important;padding:15px!important}
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(31px,10.5vw,39px)!important}
  .r2sm.is-open .r2sm__copy p{font-size:12px!important}
}
@media(min-width:600px) and (max-width:780px){
  .r2sm.is-open .r2sm__copy{max-width:620px!important;padding:26px!important}
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(48px,8.2vw,68px)!important}
  .r2sm.is-open .r2sm__copy p{font-size:17px!important}
}
@media(max-width:780px) and (orientation:landscape){
  .r2sm.is-open .r2sm__scene{padding-top:72px!important;padding-bottom:62px!important;align-items:center!important}
  .r2sm.is-open .r2sm__copy{width:min(58vw,560px)!important;margin-left:clamp(12px,4vw,40px)!important;margin-right:auto!important;max-height:68dvh!important}
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(30px,6vw,48px)!important}
}
@media(prefers-reduced-motion:reduce){
  .r2sm.is-open .r2sm__scene:before{transform:none!important}
}


/* v0.15.1 — betrouwbare mobiele scrolltrack (CSS fallback naast JS pixelhoogte). */
@media(max-width:780px){
  .r2sm.is-open .r2sm__route--private:not([hidden]){height:700dvh!important;min-height:700svh!important}
  .r2sm.is-open .r2sm__route--business:not([hidden]){height:500dvh!important;min-height:500svh!important}
  .r2sm.is-open{scrollbar-width:none}
  .r2sm.is-open::-webkit-scrollbar{display:none}
}


/* v1.0.0 — schone, onafhankelijke mobiele sticky-stage. */
@media (max-width:780px){
  html.r2sm-active,body.r2sm-active{
    overflow:hidden!important;
    height:100%!important;
    min-height:100%!important;
    background:#071b2e!important;
  }
  body.r2sm-active .r2sx{visibility:hidden!important;pointer-events:none!important}
  .r2sm.is-open:not([hidden]){
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    background:#071b2e!important;
    scrollbar-width:none!important;
  }
  .r2sm.is-open::-webkit-scrollbar{display:none!important}
  .r2sm.is-open .r2sm__route:not([hidden]){
    display:block!important;
    position:relative!important;
    width:100%!important;
    overflow:visible!important;
    background:#071b2e!important;
  }
  .r2sm.is-open .r2sm__stage{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#071b2e!important;
  }
  .r2sm.is-open .r2sm__scene{
    position:absolute!important;
    inset:0!important;
    z-index:calc(10 + var(--scene-index,0))!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:clamp(84px,13svh,118px) clamp(14px,4.8vw,28px) max(76px,calc(56px + env(safe-area-inset-bottom)))!important;
    opacity:var(--scene-opacity,0)!important;
    visibility:visible!important;
    pointer-events:none!important;
    overflow:hidden!important;
    background-image:linear-gradient(180deg,rgba(3,18,31,.02) 0%,rgba(3,18,31,.04) 43%,rgba(3,18,31,.82) 100%),var(--mobile-bg)!important;
    background-size:cover!important;
    background-position:var(--mobile-focus,50% 50%)!important;
    transition:none!important;
    will-change:opacity!important;
  }
  .r2sm.is-open .r2sm__scene:before{
    content:""!important;
    position:absolute!important;
    inset:-4%!important;
    z-index:-2!important;
    background:var(--mobile-bg) var(--mobile-focus,50% 50%)/cover no-repeat!important;
    transform:scale(var(--scene-scale,1.04)) translateZ(0)!important;
    transition:none!important;
    will-change:transform!important;
  }
  .r2sm.is-open .r2sm__scene:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(180deg,rgba(4,20,35,0) 0%,rgba(4,20,35,.04) 45%,rgba(4,20,35,.88) 100%)!important;
  }
  .r2sm.is-open .r2sm__scene.is-active{pointer-events:auto!important}
  .r2sm.is-open .r2sm__copy{
    width:min(100%,560px)!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 auto!important;
    padding:clamp(16px,4.7vw,24px)!important;
    border-radius:clamp(18px,5vw,28px)!important;
    opacity:clamp(0,var(--scene-opacity,0),1)!important;
    transform:translate3d(0,var(--copy-y,18px),0)!important;
    transition:none!important;
    background:linear-gradient(145deg,rgba(4,22,38,.72),rgba(4,22,38,.43))!important;
    border:1px solid rgba(255,255,255,.2)!important;
    box-shadow:0 20px 54px rgba(0,0,0,.28)!important;
    -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
    backdrop-filter:blur(14px) saturate(125%)!important;
  }
  .r2sm.is-open .r2sm__copy h1,
  .r2sm.is-open .r2sm__copy h2{font-size:clamp(32px,10.4vw,60px)!important}
  .r2sm.is-open .r2sm__copy p{font-size:clamp(12px,3.45vw,17px)!important}
  .r2sm.is-open .r2sm__nav,
  .r2sm.is-open .r2sm__progress{position:fixed!important;margin:0!important}
  .r2sm.is-open .r2sm__nav{top:max(10px,env(safe-area-inset-top))!important}
  .r2sm.is-open .r2sm__progress{bottom:max(12px,env(safe-area-inset-bottom))!important}
  .r2sm.is-open .r2sm__route--private:not([hidden]),
  .r2sm.is-open .r2sm__route--business:not([hidden]){min-height:0!important}
}
@media (max-width:380px) and (max-height:720px){
  .r2sm.is-open .r2sm__scene{padding-top:76px!important;padding-bottom:66px!important}
  .r2sm.is-open .r2sm__copy{padding:14px!important}
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(29px,9.8vw,37px)!important}
  .r2sm.is-open .r2sm__copy p{font-size:11.5px!important;line-height:1.4!important}
}

/* v1.0.1 — mobiele informatielagen, route-lijnen en statusanimaties. */
@media(max-width:780px){
  .r2sm.is-open .r2sm__copy ul{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0;padding:0;list-style:none}
  .r2sm.is-open .r2sm__copy li,.r2sm__benefits span{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:clamp(9px,2.75vw,12px);font-weight:700;line-height:1.2;color:#fff}
  .r2sm__benefits{display:grid;gap:7px;margin:14px 0 3px}.r2sm__benefits span{border-radius:12px;justify-content:flex-start}
  .r2sm__visual{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:clamp(0,var(--scene-opacity,0),1)}
  .r2sm__visual--routes svg{width:100%;height:100%;overflow:visible}
  .r2sm__line{fill:none;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 7px currentColor);stroke-dasharray:1;stroke-dashoffset:var(--line-offset,1)}
  .r2sm__line--orange{stroke:#ff8a2a;color:#ff8a2a}.r2sm__line--yellow{stroke:#ffd84d;color:#ffd84d}.r2sm__line--cyan{stroke:#25d9e8;color:#25d9e8}.r2sm__line--pink{stroke:#ff5ca7;color:#ff5ca7}.r2sm__line-dot{fill:#2ec47a;filter:drop-shadow(0 0 8px #2ec47a)}
  .r2sm__carrier-pills{position:absolute;left:14px;right:14px;top:19%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.r2sm__carrier-pills span{padding:7px 10px;border-radius:999px;background:rgba(4,22,38,.76);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:10px;font-weight:800;color:#fff}
  .r2sm__visual--flow{inset:auto 15px 43%;display:flex;align-items:center;justify-content:center;gap:5px;transform:translateY(calc((1 - var(--scene-opacity,0))*18px))}
  .r2sm__flow-step{display:grid;place-items:center;gap:5px;min-width:55px}.r2sm__flow-step b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#0b3f86;font-size:13px;box-shadow:0 0 0 5px rgba(255,255,255,.13),0 8px 25px rgba(0,0,0,.24)}.r2sm__flow-step span{font-size:9px;font-weight:800;color:#fff;text-shadow:0 2px 8px #00162d}.r2sm__flow-step.is-done b{background:#2ec47a;color:#fff}.r2sm__visual--flow>i{width:clamp(12px,5vw,30px);height:2px;background:linear-gradient(90deg,#fff6,#2ec47a);transform:scaleX(var(--scene-opacity,0));transform-origin:left}
  .r2sm__status{position:absolute;z-index:4;left:50%;top:24%;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 30px);padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(4,22,38,.78);box-shadow:0 18px 45px rgba(0,0,0,.3);backdrop-filter:blur(12px);color:#fff;opacity:clamp(0,var(--scene-opacity,0),1);transform:translate(-50%,calc((1 - var(--scene-opacity,0))*16px))}
  .r2sm__status>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2ec47a}.r2sm__status span{display:grid}.r2sm__status strong{font-size:12px}.r2sm__status small{font-size:9px;opacity:.75}
  .r2sm__status--pickup{top:20%}.r2sm__visual--scan{inset:16% 12% auto;height:45%;border:1px solid rgba(46,196,122,.35);border-radius:24px;overflow:hidden}.r2sm__visual--scan span{position:absolute;left:5%;right:5%;height:2px;top:var(--scan-y,8%);background:#4cffaa;box-shadow:0 0 8px #4cffaa,0 0 24px #2ec47a}
}
@media(max-width:360px){.r2sm__carrier-pills{top:17%}.r2sm__visual--flow{bottom:46%;transform:scale(.9)}.r2sm__status{top:20%}.r2sm__copy li{padding:6px 8px}}


/* v1.0.2 — verwijder de oude WordPress/pagebuilder-shell rond de homepage.
   De R2S-experience wordt door JS direct onder <body> geplaatst. */
body.r2sx-isolated > .r2sx__legacy-host,
body.r2sx-isolated .r2sx__legacy-host { display:none !important; }
body.r2sx-isolated > .r2sx { display:block !important; width:100% !important; max-width:none !important; margin:0 !important; }
body.r2sx-isolated { margin:0 !important; padding:0 !important; }

/* v1.0.4 — mobiele routekeuze volledig isoleren van de desktop click-handler. */
@media(max-width:780px){
  .r2sm.is-open:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;background:#071b2e!important}
  .r2sm.is-open .r2sm__route:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}
  .r2sm.is-open .r2sm__stage{display:block!important;background:#071b2e!important}
  .r2sm.is-open .r2sm__scene:first-child{visibility:visible!important}
  .r2sm.is-open .r2sm__scene:first-child.is-active{opacity:1!important}
}

/* v1.0.5 — mobiele scène-isolatie en veilige tekstzones. */
@media(max-width:780px){
  .r2sm.is-open .r2sm__scene{
    visibility:visible!important;
    contain:layout paint style;
  }
  .r2sm.is-open .r2sm__scene.is-hidden{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .r2sm.is-open .r2sm__scene.is-current,
  .r2sm.is-open .r2sm__scene.is-next{
    visibility:visible!important;
  }
  .r2sm.is-open .r2sm__scene .r2sm__copy{
    opacity:clamp(0,var(--copy-opacity,0),1)!important;
    transform:translate3d(0,var(--copy-y,18px),0)!important;
    position:relative!important;
    z-index:8!important;
    width:min(100%,560px)!important;
    max-height:min(46svh,430px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
  }
  .r2sm.is-open .r2sm__scene .r2sm__copy::-webkit-scrollbar{display:none!important}
  .r2sm.is-open .r2sm__visual,
  .r2sm.is-open .r2sm__status{
    opacity:clamp(0,var(--scene-opacity,0),1)!important;
    visibility:inherit!important;
  }
  .r2sm.is-open .r2sm__scene.is-hidden .r2sm__visual,
  .r2sm.is-open .r2sm__scene.is-hidden .r2sm__status,
  .r2sm.is-open .r2sm__scene.is-hidden .r2sm__copy{
    opacity:0!important;
    visibility:hidden!important;
  }
  .r2sm.is-open .r2sm__stage{isolation:isolate!important}
  .r2sm.is-open .r2sm__scene{
    padding-bottom:max(82px,calc(66px + env(safe-area-inset-bottom)))!important;
  }
  .r2sm.is-open .r2sm__progress{z-index:200!important}
  .r2sm.is-open .r2sm__nav{z-index:210!important}
  .r2sm.is-open .r2sm__carrier-pills,
  .r2sm.is-open .r2sm__status{z-index:6!important}
  .r2sm.is-open .r2sm__visual--flow{z-index:5!important}
}
@media(max-width:360px){
  .r2sm.is-open .r2sm__scene .r2sm__copy{max-height:42svh!important;padding:13px!important}
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(27px,9.4vw,35px)!important}
}

/* v1.2.0 — Mobile proof compositor. Desktop blijft volledig onaangeroerd. */
@media (max-width:780px){
  /* De mobiele experience is één zelfstandig telefoonscherm. */
  .r2sm.is-open:not([hidden]){
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#071b2e!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .r2sm.is-open .r2sm__route:not([hidden]){
    display:block!important;
    position:relative!important;
    width:100%!important;
    overflow:visible!important;
    background:#071b2e!important;
  }
  .r2sm.is-open .r2sm__stage{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#071b2e!important;
  }
  .r2sm.is-open .r2sm__scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    opacity:var(--scene-opacity,0)!important;
    visibility:visible!important;
    pointer-events:none!important;
    background:transparent!important;
    contain:layout paint style!important;
  }
  .r2sm.is-open .r2sm__scene.is-hidden{visibility:hidden!important;opacity:0!important}
  .r2sm.is-open .r2sm__scene:before{
    content:""!important;
    position:absolute!important;
    inset:-2.5%!important;
    z-index:0!important;
    background:var(--mobile-bg) var(--mobile-focus,50% 50%)/cover no-repeat!important;
    transform:scale(var(--scene-scale,1.025)) translateZ(0)!important;
    filter:saturate(.96) contrast(1.02)!important;
    will-change:transform!important;
  }
  .r2sm.is-open .r2sm__scene:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
      linear-gradient(180deg,rgba(3,17,30,.10) 0%,rgba(3,17,30,0) 27%,rgba(3,17,30,.05) 55%,rgba(3,17,30,.82) 100%)!important;
    pointer-events:none!important;
  }

  /* Compacte header: aanwezig, maar nooit belangrijker dan het verhaal. */
  .r2sm__nav{
    position:fixed!important;
    z-index:200!important;
    top:max(9px,env(safe-area-inset-top))!important;
    left:10px!important;
    right:10px!important;
    height:52px!important;
    padding:0 8px 0 12px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(255,255,255,.92)!important;
    box-shadow:0 9px 28px rgba(2,18,31,.16)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }
  .r2sm__brand img{width:118px!important;max-height:36px!important;object-fit:contain!important}
  .r2sm__account{padding:9px 11px!important;font-size:9px!important;line-height:1!important}

  /* Eén duidelijke boodschap per scène, altijd binnen de veilige zone. */
  .r2sm.is-open .r2sm__copy{
    position:absolute!important;
    z-index:20!important;
    left:14px!important;
    right:14px!important;
    bottom:max(74px,calc(58px + env(safe-area-inset-bottom)))!important;
    width:auto!important;
    max-width:520px!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:18px 17px 17px!important;
    overflow:visible!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.20)!important;
    background:linear-gradient(145deg,rgba(4,22,38,.86),rgba(4,22,38,.67))!important;
    box-shadow:0 18px 48px rgba(0,0,0,.25)!important;
    -webkit-backdrop-filter:blur(15px) saturate(120%)!important;
    backdrop-filter:blur(15px) saturate(120%)!important;
    opacity:var(--copy-opacity,0)!important;
    transform:translate3d(0,var(--copy-y,16px),0)!important;
  }
  .r2sm.is-open .r2sm__copy small{
    margin:0 0 7px!important;
    color:#58efad!important;
    font-size:clamp(8px,2.25vw,10px)!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:.15em!important;
  }
  .r2sm.is-open .r2sm__copy h1,
  .r2sm.is-open .r2sm__copy h2{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(31px,9.5vw,46px)!important;
    font-weight:560!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    text-wrap:balance!important;
  }
  .r2sm.is-open .r2sm__copy p{
    margin:11px 0 0!important;
    max-width:36ch!important;
    color:rgba(255,255,255,.92)!important;
    font-size:clamp(12px,3.45vw,15px)!important;
    font-weight:620!important;
    line-height:1.42!important;
  }
  .r2sm.is-open .r2sm__copy ul{display:none!important}
  .r2sm.is-open .r2sm__copy a{
    width:100%!important;
    min-height:46px!important;
    margin-top:15px!important;
    font-size:13px!important;
  }

  /* Voortgang is ondersteunend, niet dominant. */
  .r2sm__progress{
    position:fixed!important;
    z-index:210!important;
    left:14px!important;
    right:14px!important;
    bottom:max(11px,env(safe-area-inset-bottom))!important;
    min-height:40px!important;
    padding:9px 12px!important;
    gap:10px!important;
    border-radius:14px!important;
    background:rgba(4,22,38,.78)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  }
  .r2sm__progress span{font-size:8px!important;letter-spacing:.11em!important}
  .r2sm__progress i{height:2px!important}

  /* Informatielagen verschijnen alleen waar ze iets uitleggen. */
  .r2sm__visual,.r2sm__status{z-index:10!important}
  .r2sm__carrier-pills{top:17%!important;left:12px!important;right:12px!important;gap:6px!important}
  .r2sm__carrier-pills span{padding:6px 9px!important;font-size:9px!important;background:rgba(4,22,38,.72)!important}
  .r2sm__visual--flow{left:12px!important;right:12px!important;bottom:43%!important;gap:3px!important}
  .r2sm__flow-step{min-width:49px!important}
  .r2sm__flow-step b{width:28px!important;height:28px!important;font-size:11px!important}
  .r2sm__flow-step span{font-size:8px!important}
  .r2sm__status{top:18%!important;padding:9px 12px!important;border-radius:14px!important}
  .r2sm__status strong{font-size:11px!important}.r2sm__status small{font-size:8px!important}
  .r2sm__visual--scan{inset:17% 9% auto!important;height:39%!important}

  /* Handmatig geregisseerde verticale crops per particuliere scène. */
  .r2sm__route--private .r2sm__scene:nth-child(1){--mobile-focus:48% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(2){--mobile-focus:48% 52%}
  .r2sm__route--private .r2sm__scene:nth-child(3){--mobile-focus:53% 48%}
  .r2sm__route--private .r2sm__scene:nth-child(4){--mobile-focus:56% 42%}
  .r2sm__route--private .r2sm__scene:nth-child(5){--mobile-focus:58% 50%}
  .r2sm__route--private .r2sm__scene:nth-child(6){--mobile-focus:61% 48%}
  .r2sm__route--private .r2sm__scene:nth-child(7){--mobile-focus:52% 48%}

  /* Zakelijk gebruikt dezelfde heldere mobiele grammatica. */
  .r2sm__route--business .r2sm__scene:nth-child(1){--mobile-focus:52% 48%}
  .r2sm__route--business .r2sm__scene:nth-child(2){--mobile-focus:53% 48%}
  .r2sm__route--business .r2sm__scene:nth-child(3){--mobile-focus:52% 44%}
  .r2sm__route--business .r2sm__scene:nth-child(4){--mobile-focus:58% 50%}
  .r2sm__route--business .r2sm__scene:nth-child(5){--mobile-focus:54% 48%}
}

@media (max-width:380px), (max-height:720px){
  .r2sm.is-open .r2sm__copy{
    left:10px!important;right:10px!important;
    bottom:max(65px,calc(52px + env(safe-area-inset-bottom)))!important;
    padding:14px!important;
    border-radius:17px!important;
  }
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(27px,8.8vw,35px)!important}
  .r2sm.is-open .r2sm__copy p{font-size:11px!important;line-height:1.38!important}
  .r2sm__nav{height:48px!important}.r2sm__brand img{width:108px!important}.r2sm__account{font-size:8px!important;padding:8px 9px!important}
  .r2sm__progress{left:10px!important;right:10px!important;min-height:36px!important;padding:8px 10px!important}
}

@media (min-width:540px) and (max-width:780px){
  .r2sm.is-open .r2sm__copy{left:clamp(24px,8vw,72px)!important;right:clamp(24px,8vw,72px)!important;padding:22px!important}
  .r2sm.is-open .r2sm__copy h1,.r2sm.is-open .r2sm__copy h2{font-size:clamp(40px,7vw,58px)!important}
  .r2sm.is-open .r2sm__copy p{font-size:16px!important}
}

/* Tijdelijke mobiele debugconsole — verwijderen na diagnose. */
@media (max-width:780px){
  .r2sm-debug{position:fixed;z-index:2147483646;right:8px;bottom:8px;width:min(355px,calc(100vw - 16px));font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#eaf7ff;pointer-events:auto}
  .r2sm-debug__head{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(3,20,36,.94);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.35);text-align:left}
  .r2sm-debug__head strong{font-size:11px;flex:1}.r2sm-debug__head em{font-size:9px;opacity:.72;font-style:normal}
  .r2sm-debug__badge{padding:3px 6px;border-radius:6px;background:#2ec47a;color:#062218;font-size:8px;font-weight:900;letter-spacing:.08em}
  .r2sm-debug.has-error .r2sm-debug__badge{background:#ff5c66;color:#fff}.r2sm-debug:not(.is-open) .r2sm-debug__body{display:none}
  .r2sm-debug__body{margin-top:5px;padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(3,20,36,.97);box-shadow:0 15px 42px rgba(0,0,0,.42)}
  .r2sm-debug ol{max-height:42vh;margin:0;padding:0;overflow:auto;list-style:none;overscroll-behavior:contain}
  .r2sm-debug li{display:grid;grid-template-columns:58px 1fr;gap:6px;padding:5px 3px;border-bottom:1px solid rgba(255,255,255,.08);word-break:break-word}
  .r2sm-debug li:last-child{border-bottom:0}.r2sm-debug time{opacity:.55}.r2sm-debug li.is-ok span{color:#bfffdc}.r2sm-debug li.is-warn span{color:#ffe89a}.r2sm-debug li.is-error span{color:#ff9ea5;font-weight:700}
  .r2sm-debug__actions{display:flex;gap:6px;margin-top:8px}.r2sm-debug__actions button{flex:1;min-height:34px;border:0;border-radius:9px;background:#fff;color:#0a3767;font:700 10px/1 sans-serif}.r2sm-debug__actions button:first-child{background:#2ec47a;color:#062218}
}

/* v1.3.1 — op de scroll-homepage mag uitsluitend de header van de experience
   zichtbaar zijn. Oude WordPress-, thema- en pagebuilderblokken boven de
   shortcode worden na isolatie volledig verwijderd uit de visuele flow. */
body.r2sx-isolated > *:not(.r2sx):not(.r2sm):not(#wpadminbar):not(script):not(style):not(link):not(.r2sm-debug){
  display:none!important;
}
body.r2sx-isolated > .r2sx,
body.r2sx-isolated > .r2sm{
  display:block;
}
body.r2sx-isolated > .r2sm[hidden]{
  display:none!important;
}

/* v1.3.24 — harde scheiding desktop/mobile.
 * Wanneer desktop actief is en nog geen route is gekozen, mag uitsluitend
 * de gateway zichtbaar zijn. Dit voorkomt dat verhaal-, kaart- of CTA-lagen
 * bij een breakpointwissel door de gateway heen lekken. */
@media (min-width:781px){
  .r2sm,
  .r2sm-debug,
  .r2sx__mobile-tools,
  .r2sx__mobile-account,
  .r2sx__mobile-menu{display:none!important}

  .r2sx.is-choosing .r2sx__scene:not(.r2sx__scene--gateway),
  .r2sx.is-choosing .r2sx__copy,
  .r2sx.is-choosing .r2sx__story-meta,
  .r2sx.is-choosing .r2sx__streams,
  .r2sx.is-choosing .r2sx__carrier-labels,
  .r2sx.is-choosing .r2sx__carrier-pulses,
  .r2sx.is-choosing .r2sx__convergence,
  .r2sx.is-choosing .r2sx__arrival,
  .r2sx.is-choosing .r2sx__picked-up,
  .r2sx.is-choosing .r2sx__region-card,
  .r2sx.is-choosing .r2sx__private-account-cta,
  .r2sx.is-choosing .r2sx__usecases,
  .r2sx.is-choosing .r2sx__reviews,
  .r2sx.is-choosing .r2sx__faq,
  .r2sx.is-choosing .r2sx__private-pricing,
  .r2sx.is-choosing .r2sx__business-ending,
  .r2sx.is-choosing .r2sx__business-final-status,
  .r2sx.is-choosing .r2sx__scroll-cue,
  .r2sx.is-choosing .r2sx__next-peek{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

  .r2sx.is-choosing .r2sx__scene--gateway,
  .r2sx.is-choosing .r2sx__route-choice{opacity:1!important;visibility:visible!important}
  .r2sx.is-choosing .r2sx__route-choice{pointer-events:auto!important}
}

/* v1.4.1 — routekeuze direct onder desktopnavigatie */
@media (min-width:781px){
.r2sx__nav-choice-wrap{position:relative;display:inline-flex;align-items:center}
.r2sx__nav-choice-wrap>a>i{font-style:normal;font-size:13px;margin-left:4px;transition:transform .2s ease}
.r2sx__nav-choice-wrap.is-open>a>i{transform:rotate(180deg)}
.r2sx__nav-picker{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);width:310px;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(7,25,39,.98),rgba(11,38,54,.97));box-shadow:0 20px 50px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.11);z-index:100;color:#fff}
.r2sx__nav-picker[hidden]{display:none!important}
.r2sx__nav-picker:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#0a2232;border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11);transform:translateX(-50%) rotate(45deg)}
.r2sx__nav-picker small{display:block;color:#2fe08b;font-size:11px;font-weight:900;letter-spacing:.11em;margin:0 4px 8px}
.r2sx__nav-picker button{appearance:none;width:100%;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;display:grid;grid-template-columns:40px 1fr 18px;gap:11px;align-items:center;text-align:left;padding:14px 4px;cursor:pointer}
.r2sx__nav-picker button:first-of-type{border-top:0}
.r2sx__nav-picker button>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(46,224,139,.11);color:#2fe08b;font-size:20px}
.r2sx__nav-picker button span{display:flex;flex-direction:column;gap:3px}.r2sx__nav-picker button strong{font-size:15px}.r2sx__nav-picker button em{font-size:11px;font-style:normal;line-height:1.35;color:rgba(255,255,255,.7)}
.r2sx__nav-picker button>i{font-size:25px;font-style:normal;color:#fff}.r2sx__nav-picker button:hover{background:rgba(46,224,139,.07)}
}