/* Standaard landingspagina (toolbox-opzet). Gebruikt door /toolbox/ en de oplossingspagina's; gegenereerd uit tools/landing/build_landing.py staat alleen de HTML. */
.elia-hero-img{display:block;max-width:600px;width:100%;margin:0 auto;text-decoration:none}
.tb-hero-btns{flex-direction:row;flex-wrap:wrap;gap:12px}
.tb-btn-ghost .elementor-button{background:transparent !important;color:#399dff !important;box-shadow:none !important}
.tb-btn-ghost .elementor-button:hover{background:#eaf3ff !important}
@media (max-width:640px){.elementor-element-6b3bfda0 h1{font-size:clamp(30px,9vw,40px) !important;overflow-wrap:anywhere}.tbp-mob{text-align:center}}
.tbp{--tb-blue:#399dff;--tb-blue-d:#1f7fe0;--tb-ink:#1e293b;--tb-mute:#5b6779;--tb-line:#e5eaf1;--tb-soft:#f4f8fd;--tb-green:#15803d;color:var(--tb-ink)}
.tbp *{box-sizing:border-box}
.tbp-sec{padding:72px 20px}
.tbp-sec.soft{background:var(--tb-soft)}
.tbp-wrap{max-width:1140px;margin:0 auto}
.tbp-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tb-blue);margin:0 0 10px}
.tbp h2{font-size:clamp(26px,3.2vw,36px);line-height:1.2;margin:0 0 12px;color:var(--tb-ink)}
.tbp h3{font-size:18px;line-height:1.3;margin:0 0 6px;color:var(--tb-ink)}
.tbp p{margin:0;line-height:1.6;color:var(--tb-mute)}
.tbp-head{max-width:720px;margin:0 0 36px}
.tbp-head.center{margin-left:auto;margin-right:auto;text-align:center}
.tbp-lead{font-size:18px}
.tbp-grid{display:grid;gap:18px}
.tbp-g5{grid-template-columns:repeat(5,1fr)}
.tbp-g4{grid-template-columns:repeat(4,1fr)}
.tbp-g3{grid-template-columns:repeat(3,1fr)}
.tbp-g2{grid-template-columns:repeat(2,1fr)}
.tbp-card{background:#fff;border:1px solid var(--tb-line);border-radius:16px;padding:22px}
.tbp-ico{width:42px;height:42px;border-radius:12px;background:#eaf3ff;color:var(--tb-blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.tbp-ico svg{width:22px;height:22px}
.tbp .tbp-fix{margin-top:14px;padding-top:12px;border-top:1px dashed var(--tb-line);font-size:15px;line-height:1.5;color:var(--tb-ink)}
.tbp-fix b{color:var(--tb-blue);white-space:nowrap}
.tbp-e{display:inline-block;width:18px;height:18px;margin:0 5px 0 0;vertical-align:-4px;border-radius:50%}
.tbp-cta-line{margin-top:28px;font-size:19px;font-weight:700;color:var(--tb-ink)}
.tbp-cta-line span{color:var(--tb-blue)}
.tbp-step{position:relative}
.tbp-num{width:36px;height:36px;border-radius:50%;background:var(--tb-blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.tbp-dark{background:#0f1f33;color:#fff}
.tbp-dark h2,.tbp-dark h3{color:#fff}
.tbp-dark p{color:#c3cfdd}
.tbp-dark .tbp-eyebrow{color:#7cbcff}
.tbp-why{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center}
.tbp-stat{font-size:clamp(72px,10vw,120px);font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff}
.tbp .tbp-stat-sub{font-size:18px;color:#c3cfdd;margin-top:8px;max-width:320px}
.tbp-why-list{display:grid;gap:14px}
.tbp-why-item{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px}
.tbp-why-item .tbp-ico{background:rgba(57,157,255,.18);color:#7cbcff;margin:0;flex:none}
.tbp-lib{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.tbp-big{font-size:64px;font-weight:800;line-height:1;color:var(--tb-blue);letter-spacing:-.02em}
.tbp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.tbp-chips li{background:#fff;border:1px solid var(--tb-line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--tb-ink)}
.tbp-chips li.more{background:var(--tb-blue);border-color:var(--tb-blue);color:#fff}
.tbp-link{display:inline-block;margin-top:16px;font-weight:700;color:var(--tb-blue);text-decoration:none}
.tbp-link:hover{text-decoration:underline}
.tbp-band{margin-top:18px;display:flex;gap:14px;align-items:center;background:#eaf3ff;border-radius:14px;padding:16px 20px;font-weight:600;color:var(--tb-ink)}
.tbp-band .tbp-ico{margin:0;background:#fff;flex:none}
.tbp-reg{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.tbp-list{display:grid;gap:18px}
.tbp-li{display:flex;gap:14px}
.tbp-li .tbp-ico{margin:0;flex:none}
.tbp-dash{background:#fff;border:1px solid var(--tb-line);border-radius:18px;padding:22px;box-shadow:0 24px 50px -28px rgba(15,23,42,.35)}
.tbp-dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.tbp-dash-top b{font-size:16px}
.tbp-dash-top span{font-size:12px;font-weight:700;color:var(--tb-green);background:#e8f8ee;border-radius:999px;padding:4px 10px}
.tbp-row{display:grid;grid-template-columns:1.3fr 2fr 48px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--tb-line);font-size:14px}
.tbp-row .bar{height:8px;border-radius:6px;background:#e2e8f0;overflow:hidden}
.tbp-row .bar i{display:block;height:100%;background:#22c55e;border-radius:6px}
.tbp-row .pct{text-align:right;font-weight:700}
.tbp-dash-foot{display:flex;gap:8px;margin-top:14px}
.tbp-dash-foot span{font-size:12px;font-weight:600;border:1px solid var(--tb-line);border-radius:8px;padding:5px 10px;color:var(--tb-mute)}
.tbp-more a.tbp-card{text-decoration:none;display:block;transition:border-color .15s,transform .15s}
.tbp-more a.tbp-card:hover{border-color:var(--tb-blue);transform:translateY(-2px)}
.tbp-more .tbp-card h3::after{content:" →";color:var(--tb-blue)}
.tbp-more .tbp-card.nolink h3::after{content:""}
.tbp .tbp-live{margin-top:22px;font-size:16px;color:var(--tb-ink)}
.tbp-live a{color:var(--tb-blue);font-weight:700}
.tbp-price{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#0f1f33,#16365a);border-radius:24px;padding:48px}
.tbp-price h2{color:#fff}
.tbp-price p{color:#c3cfdd}
.tbp-price-box{background:#fff;border-radius:18px;padding:28px;text-align:center}
.tbp-price-box small{display:block;font-size:14px;color:var(--tb-mute)}
.tbp-price-box strong{display:block;font-size:56px;line-height:1.05;color:var(--tb-ink);letter-spacing:-.02em}
.tbp-price-box em{display:block;font-style:normal;font-size:15px;color:var(--tb-mute);margin-bottom:18px}
.tbp-btn{display:inline-block;background:var(--tb-blue);color:#fff !important;font-weight:700;border-radius:10px;padding:13px 22px;text-decoration:none;margin:4px}
.tbp-btn:hover{background:var(--tb-blue-d)}
.tbp-btn.ghost{background:transparent;color:var(--tb-blue) !important;border:2px solid var(--tb-blue);padding:11px 20px}
.tbp-btn.ghost:hover{background:#eaf3ff}
/* stappen in het demoblok */
.tbp-demo-sec{padding-top:24px}
.tbp-demo-card{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;background:#0b1120;border-radius:24px;padding:48px;color:#fff}
.tbp-demo-card .tbp-eyebrow{color:#7cbcff}
.tbp-demo-card h2{color:#fff;margin-bottom:24px}
.tbp-demo-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.tbp-demo-steps li{display:flex;gap:14px;align-items:flex-start;color:#cbd5e1;font-size:15px;line-height:1.5}
.tbp-demo-steps li span{flex:none;width:30px;height:30px;border-radius:50%;background:#399dff;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.tbp-demo-steps li b{display:block;color:#fff;font-size:16px;margin-bottom:1px}
.tbp-demo-form{background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 50px -24px rgba(15,23,42,.45)}
.tbp-demo-form h3{margin:0 0 18px;font-size:18px;color:var(--tb-ink)}
.tbp-demo-form .elementor-field-group{margin-bottom:14px}
.tbp-demo-form .elementor-field-textual{width:100%;border:1px solid #cfd8e3;border-radius:10px;padding:13px 14px;font-size:15px;background:#f8fafc}
.tbp-demo-form .elementor-button{width:100%;border-radius:999px;background:#399dff;color:#fff;font-weight:700;font-size:16px;padding:14px 20px;border:0}
.tbp-demo-form .elementor-button:hover{background:#1f7fe0}
@media (max-width:1024px){.tbp-demo-card{grid-template-columns:1fr;gap:28px;padding:32px 24px}}
@media (max-width:640px){.tbp-demo-card{padding:28px 18px;border-radius:18px}.tbp-demo-form{padding:22px 18px}}
.tbp-cta{margin-top:32px}
.tbp-cta .tbp-btn{margin:0;padding:14px 26px;font-size:16px;border-radius:999px}
.tbp-mob{display:none}
@media (max-width:1024px){.tbp-g5{grid-template-columns:repeat(2,1fr)}.tbp-g4{grid-template-columns:repeat(2,1fr)}.tbp-g3{grid-template-columns:repeat(2,1fr)}.tbp-why,.tbp-lib,.tbp-reg,.tbp-price{grid-template-columns:1fr;gap:32px}.tbp-price{padding:32px}}
@media (max-width:640px){.tbp-sec{padding:52px 16px}.tbp-g5,.tbp-g4,.tbp-g3,.tbp-g2{grid-template-columns:1fr}.tbp-qr{display:none}.tbp-mob{display:inline-block}.tbp-row{grid-template-columns:1fr 1.2fr 42px}}
.tbp a.tbp-card-link{text-decoration:none;display:block;transition:border-color .15s,transform .15s}
.tbp a.tbp-card-link:hover{border-color:var(--tb-blue);transform:translateY(-2px)}
.tbp a.tbp-card-link h3::after{content:" →";color:var(--tb-blue)}
.tbp .tbp-price-note{font-size:13px;color:var(--tb-mute);margin:-8px 0 16px}
.tbp-price-box small{text-transform:none}
.tbp #waarom .tbp-lead + .tbp-lead{margin-top:14px}
.tbp .tbp-lib.tbp-mid{align-items:center}