/* Content and desktop readability additions; opening geometry remains unchanged. */
.use-copy>a.use-cta{display:inline-flex;align-items:center;gap:14px;max-width:100%;font-size:16px;line-height:1.5;text-underline-offset:6px}
.use-copy>a.use-cta:hover{text-decoration:underline}
.footer-product-guides{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px 30px;padding:28px 0;border-top:1px solid var(--line,#cdd9df);border-bottom:1px solid var(--line,#cdd9df);font-size:16px;line-height:1.6}
.footer-product-guides>span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:12px}
.footer-product-guides a{text-underline-offset:5px}
.footer-product-guides a:hover{text-decoration:underline}
.dynamic-learn{display:flex;width:fit-content;align-items:center;gap:14px;margin-top:24px;font-size:16px;line-height:1.5;text-underline-offset:6px}
.team-learn{display:inline-block;margin-top:18px;font-size:16px;line-height:1.5;text-underline-offset:6px}
.use-slide .use-note:empty{display:none}
@media(min-width:1001px){#toepassingen .use-slide .use-copy .use-benefit{font-size:16px;line-height:1.6}#toepassingen .use-slide .use-copy .use-note{font-size:14px;line-height:1.6}#toepassingen .use-slide .use-copy .use-template{font-size:14px!important;line-height:1.6!important;color:#244351!important;opacity:1}#toepassingen .use-fineprint{font-size:14px;line-height:1.6}}
.topic-page{--ink:#071639;--teal:#007681;--paper:#f7f8f6;--panel:#fff;--muted:#4f6478;--line:#cedbdc;margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}
html[data-theme="dark"] .topic-page{--ink:#f3f7fd;--teal:#36d5cb;--paper:#071639;--panel:#0f2341;--muted:#b9c9db;--line:#314660}
.topic-page *{box-sizing:border-box}
.topic-page a{color:inherit;text-underline-offset:5px}
.topic-page button{font:inherit}
.topic-page a:focus-visible,.topic-page button:focus-visible,.topic-page summary:focus-visible{outline:3px solid #00c9bc;outline-offset:5px}
.topic-page h1,.topic-page h2,.topic-page h3,.topic-page p,.topic-page figure{margin:0}
.topic-page h1{font-size:clamp(38px,4.4vw,70px);line-height:1.08;letter-spacing:-.045em;font-weight:500;max-width:850px}
.topic-page h1 em{font-style:normal;color:var(--teal)}
.topic-page h2{font-size:clamp(27px,2.5vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.035em}
.topic-page h3{font-size:23px;line-height:1.25;letter-spacing:-.02em;margin:16px 0}
.topic-page p{color:var(--muted)}
.topic-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;min-height:88px;padding:18px max(5vw,24px);background:#071639;color:#f4f8ff;box-shadow:0 3px 14px #07163916}
.topic-header>a{display:flex;flex-shrink:0}
.topic-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:16px}
.topic-header nav a{text-decoration:none}
.topic-header nav a:hover{color:#30d5ca}
.topic-theme{width:44px;height:44px;flex-shrink:0;border:1px solid #ffffff40;border-radius:50%;color:#f4f8ff;background:#ffffff0c;display:grid;place-items:center;cursor:pointer}
.topic-theme svg{width:22px;height:22px}
.topic-page main{max-width:1600px;margin:auto;padding:0 max(5vw,24px)}
.topic-skip{position:absolute;z-index:30;top:-100px;left:24px;background:var(--panel);padding:12px}
.topic-skip:focus{top:12px}
.topic-breadcrumb{display:flex;flex-wrap:wrap;gap:14px;font-size:15px;color:var(--muted);padding:30px 0}
.topic-hero{display:grid;grid-template-columns:1.3fr .85fr;align-items:center;gap:7vw;padding:35px 0 90px}
.topic-eyebrow{display:block;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.1em;line-height:1.6;margin-bottom:22px}
.topic-hero p{margin-top:30px;max-width:680px;font-size:20px;line-height:1.65}
.topic-cta{display:inline-flex;align-items:center;gap:32px;margin-top:32px;background:#071639;color:#fff!important;padding:14px 22px;border-radius:5px;font-size:16px;font-weight:700;text-decoration:none}
html[data-theme="dark"] .topic-cta{background:#00c9bc;color:#071639!important}
.topic-visual{display:grid;place-items:center;gap:18px;background:#e0eae5;border-radius:20px;padding:36px 24px 24px;min-height:550px;overflow:hidden}
html[data-theme="dark"] .topic-visual{background:#122e42}
.topic-visual figcaption{color:var(--muted);font-size:14px;text-align:center;line-height:1.5}
.topic-image{display:flex;justify-content:center;width:100%}
.topic-visual.phone .topic-image{max-width:250px;height:480px;border:7px solid #193d41;border-radius:34px;overflow:hidden;box-shadow:0 18px 35px #07163928}
.topic-visual.phone img{width:100%;height:auto;align-self:flex-start;display:block}
.topic-visual.wide{min-height:0}
.topic-visual.wide .topic-image{height:auto;overflow:hidden;border-radius:10px}
.topic-visual.wide img{height:auto;width:100%;object-fit:contain}
.topic-visual.qr img{display:block;width:min(280px,100%);height:auto}
.topic-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:55px 0 75px;border-top:1px solid var(--line)}
.topic-benefits h2{font-size:23px;line-height:1.25;letter-spacing:-.02em;margin:16px 0}
.topic-number{color:var(--teal);font-size:14px;font-weight:700}
.topic-steps{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:60px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.topic-steps ol{list-style:none;padding:0;margin:0}
.topic-steps li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.topic-steps li:first-child{padding-top:0}
.topic-steps li:last-child{padding-bottom:0;border:0}
.topic-steps li>span{color:var(--teal);font-size:14px;font-weight:700;padding-top:4px}
.topic-detail{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:90px 0}
.topic-faq{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:50px 0 80px;border-top:1px solid var(--line)}
.topic-faq details{border-bottom:1px solid var(--line)}
.topic-faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;font-size:18px;font-weight:600;list-style:none}
.topic-faq summary::-webkit-details-marker{display:none}
.topic-faq summary>span{color:var(--teal);font-size:24px;transition:transform .25s}
.topic-faq details[open] summary>span{transform:rotate(45deg)}
.topic-faq details>div{padding:0 34px 24px 0}
.topic-faq details::details-content{transition:height .3s ease,content-visibility .3s allow-discrete;interpolate-size:allow-keywords;height:0;overflow:clip}
.topic-faq details[open]::details-content{height:auto}
.topic-related{padding:50px 0 80px;border-top:1px solid var(--line)}
.topic-related nav{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:30px;font-size:17px}
.topic-related a{display:flex;gap:20px;align-items:center}
.topic-footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;padding:36px max(5vw,24px);background:#071639;color:#dbe7f5;font-size:15px}
.topic-footer>a:first-child{display:flex}
.topic-footer>span{margin-right:auto}
@media(max-width:1000px){.topic-header{gap:18px}.topic-header nav{gap:18px}.topic-hero{gap:32px}.topic-page main{padding:0 28px}.topic-benefits{gap:26px}.topic-steps{gap:35px;padding:38px}.topic-detail,.topic-faq{gap:35px}}
@media(max-width:700px){.topic-header{padding:16px 20px;min-height:76px;flex-wrap:wrap}.topic-header nav{order:3;width:100%;margin:0;gap:18px;font-size:14px;overflow:auto;white-space:nowrap;padding:4px 0}.topic-theme{margin-left:auto}.topic-hero{grid-template-columns:1fr;padding:20px 0 50px;gap:35px}.topic-hero p{font-size:18px}.topic-page main{padding:0 22px}.topic-visual{min-height:0;padding:28px 20px 20px}.topic-visual.phone .topic-image{height:420px;max-width:220px}.topic-visual.wide .topic-image{height:auto}.topic-visual.qr .topic-image{padding:35px}.topic-benefits{grid-template-columns:1fr;padding:35px 0;gap:32px}.topic-steps,.topic-detail,.topic-faq{grid-template-columns:1fr;gap:28px}.topic-steps{padding:28px 22px}.topic-detail{padding:55px 0}.topic-faq{padding:35px 0 50px}.topic-footer{padding:28px 22px;gap:18px 24px}.topic-footer>span{width:55%}.topic-header nav a{padding:5px 0}.footer-product-guides{gap:14px 24px}}
@media(prefers-reduced-motion:reduce){.topic-faq details::details-content{transition:none}.topic-faq summary>span{transition:none}}

@media(min-width:1001px){html[data-theme="dark"] #toepassingen .use-slide .use-copy .use-template{color:#b8d5df!important}}

/* One icon box for both themes, on every marketing page. */
.header .theme-toggle{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0}
.header .theme-toggle svg{grid-area:1/1;display:block;width:22px;height:22px;margin:0;flex:none}
html[data-theme="light"] .header .theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .header .theme-toggle .theme-moon{display:none}