.hp .wrap{max-width:1200px;margin:0 auto;padding:0 28px}.hp img{max-width:100%;display:block}.hp .hero{background:var(--inkt);color:#fff;padding:0;position:relative;overflow:hidden}.hp .hero__grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:52px;max-width:1280px;min-height:84vh;margin:0 auto;padding:60px 28px;display:grid}.hp .hero__copy{max-width:600px}.hp .eyebrow{color:#ff6b6f;letter-spacing:.08em;text-transform:uppercase;background:#d10a1124;border:1px solid #ff6b6f40;border-radius:100px;align-items:center;gap:9px;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}.hp .eyebrow .dot{background:var(--rood);border-radius:50%;width:7px;height:7px;animation:2.4s infinite hp-pulse}@keyframes hp-pulse{0%{box-shadow:0 0 #d10a118c}70%{box-shadow:0 0 0 9px #d10a1100}to{box-shadow:0 0 #d10a1100}}.hp h1{letter-spacing:-.025em;color:#fff;margin:22px 0 0;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1.03}.hp h1 .accent{white-space:nowrap;position:relative}.hp h1 .accent:after{content:"";background:var(--rood);transform-origin:0;border-radius:3px;height:.15em;animation:1s cubic-bezier(.16,1,.3,1) .5s forwards hp-underline;position:absolute;bottom:.06em;left:0;right:0;transform:scaleX(0)}@keyframes hp-underline{to{transform:scaleX(1)}}.hp .hero .sub{color:#c3c8d2;max-width:33em;margin:22px 0 0;font-size:clamp(17px,1.4vw,19px);font-weight:500;line-height:1.55}.hp .cta-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hp .trust{color:#aab0bd;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:13px;font-weight:600;display:flex}.hp .trust span{align-items:center;gap:8px;display:inline-flex}.hp .hero__media{border-radius:22px;align-self:stretch;min-height:clamp(420px,62vh,600px);position:relative;overflow:hidden;box-shadow:0 40px 80px -34px #000000a6}.hp .hero__media img{object-fit:cover;object-position:60% 50%;width:100%;height:100%;position:absolute;inset:0}.hp .hero__media:after{content:"";background:linear-gradient(#1c1f2600 58%,#1c1f266b);position:absolute;inset:0}.hp .proof{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#1c1f26bd;border:1px solid #ffffff1f;border-radius:18px;width:300px;padding:18px;animation:6s ease-in-out infinite hp-floaty;position:absolute;bottom:16px;right:16px;box-shadow:inset 0 1px #ffffff1a,0 30px 60px -24px #0009}@keyframes hp-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hp .proof__top{color:#aab0bd;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.hp .proof__q{margin:10px 0 13px;font-size:14px;font-weight:800;line-height:1.3}.hp .scen{background:#ffffff0f;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.hp .scen b{font-variant-numeric:tabular-nums;font-size:14.5px}.hp .scen--win{background:#18a86b29;outline:1.5px solid #7fe0b480}.hp .delta{text-align:center;color:var(--groen-l,#7fe0b4);margin-top:6px;font-size:12px;font-weight:800}.hp .marq{background:var(--rood);color:#fff;overflow:hidden}.hp .marq__t{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;gap:0;width:max-content;padding:13px 0;font-size:13.5px;font-weight:800;animation:30s linear infinite hp-scroll;display:flex}.hp .marq__t span{align-items:center;gap:42px;padding-right:42px;display:inline-flex}@keyframes hp-scroll{to{transform:translate(-50%)}}.hp .section{padding:96px 0}.hp .section--zacht{background:var(--zacht);border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}.hp .eyebrow--c{color:var(--rood);background:#fdecec;border:1px solid #d10a1129;display:inline-flex}.hp .head{max-width:34ch}.hp .head h2{letter-spacing:-.02em;color:var(--inkt);margin:16px 0 0;font-size:clamp(28px,3.2vw,40px);font-weight:900;line-height:1.05}.hp .bento{grid-template-columns:1.4fr 1fr;grid-auto-rows:1fr;gap:18px;margin-top:44px;display:grid}.hp .tile{border:1.5px solid var(--rand);color:inherit;background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;padding:30px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.hp .tile:hover{border-color:var(--rood);box-shadow:var(--shadow);transform:translateY(-4px)}.hp .tile__big{background:linear-gradient(160deg,var(--inkt),#2b303a);color:#fff;border-color:#0000;grid-row:span 2}.hp .tile__big:hover{border-color:#0000}.hp .tc-ey{text-transform:uppercase;letter-spacing:.07em;color:var(--rood);font-size:11px;font-weight:800}.hp .tile__big .tc-ey{color:#ff6b6f}.hp .tile h3{letter-spacing:-.01em;margin:12px 0 8px;font-size:22px;font-weight:800}.hp .tile__big h3{margin-top:18px;font-size:30px}.hp .tile p{color:var(--grijs);margin:0;font-size:14.5px;font-weight:500;line-height:1.55}.hp .tile__big p{color:#c3c8d2;max-width:34ch;font-size:16px}.hp .tc-link{color:var(--rood);align-items:center;gap:7px;margin-top:18px;font-size:14px;font-weight:800;transition:gap .2s;display:inline-flex}.hp .tile:hover .tc-link{gap:12px}.hp .tile__big .tc-link{color:#fff}.hp .tile__big .glow{filter:blur(8px);background:radial-gradient(circle,#d10a1173,#0000 65%);width:240px;height:240px;position:absolute;top:-60px;right:-60px}.hp .band{background:var(--inkt);color:#fff;border-radius:24px;grid-template-columns:.95fr 1.05fr;gap:0;display:grid;overflow:hidden}.hp .band__img{min-height:440px;position:relative}.hp .band__img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hp .band__img:after{content:"";background:linear-gradient(270deg,var(--inkt),#1c1f2600 55%);position:absolute;inset:0}.hp .band__copy{flex-direction:column;justify-content:center;padding:56px 52px;display:flex}.hp .band__copy .q{letter-spacing:-.01em;font-size:clamp(22px,2.3vw,30px);font-weight:800;line-height:1.25}.hp .band__copy .q .hl{color:var(--groen-l,#7fe0b4)}.hp .band__copy p{color:#aab0bd;max-width:42ch;margin:18px 0 0;font-weight:500;line-height:1.6}.hp .explain{grid-template-columns:.84fr 1.16fr;align-items:start;gap:56px;display:grid}.hp .explain__intro{position:sticky;top:92px}.hp .explain__intro h2{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(26px,2.8vw,38px);font-weight:900;line-height:1.06}.hp .explain__intro .lead{color:var(--grijs);max-width:34ch;margin:16px 0 24px;font-size:17px;font-weight:500;line-height:1.6}.hp .explain__routes{flex-direction:column;display:flex}.hp .route{border-top:1px solid var(--rand);grid-template-columns:auto 1fr;align-items:start;gap:22px;padding:28px 0;transition:transform .2s;display:grid}.hp .route:last-child{border-bottom:1px solid var(--rand)}.hp .route:hover{transform:translate(4px)}.hp .route__no{color:#fff;background:var(--rood);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:grid;box-shadow:0 8px 18px -8px #d10a1199}.hp .route h3{letter-spacing:-.01em;margin:4px 0 8px;font-size:20px;font-weight:800}.hp .route p{color:#3a3f49;margin:0;font-size:15.5px;line-height:1.7}.hp .route p a{color:var(--rood);font-weight:700}.hp .route__stat{border:1.5px solid var(--rand);color:var(--inkt);font-variant-numeric:tabular-nums;background:#fff;border-radius:100px;margin-top:14px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-block}.hp .route__stat b{color:var(--rood);font-weight:800}.hp .faq{border-top:1px solid var(--rand);max-width:880px;margin-top:30px}.hp .acc{border-bottom:1px solid var(--rand)}.hp .acc__q{cursor:pointer;text-align:left;width:100%;color:var(--inkt);background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:22px 2px;font-family:inherit;font-size:17px;font-weight:800;line-height:1.35;display:flex}.hp .acc__q:hover{color:var(--rood)}.hp .acc__chev{background:var(--zacht);width:30px;height:30px;color:var(--rood);border-radius:50%;flex:none;place-items:center;transition:transform .35s cubic-bezier(.16,1,.3,1),background .2s;display:grid}.hp .acc__q[aria-expanded=true] .acc__chev{background:#fdecec;transform:rotate(180deg)}.hp .acc__a{max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.hp .acc__a p{color:var(--grijs);max-width:76ch;margin:0 0 22px;padding:0 2px;font-size:15.5px;font-weight:500;line-height:1.75}.hp .cta{background:linear-gradient(160deg,var(--inkt),#2b303a);color:#fff;text-align:center;border-radius:26px;padding:64px 40px;position:relative;overflow:hidden}.hp .cta .glow{background:radial-gradient(circle,#d10a1159,#0000 60%);width:520px;height:520px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.hp .cta h2{letter-spacing:-.02em;color:#fff;margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);font-weight:900;position:relative}.hp .cta p{color:#aab0bd;margin:0 0 26px;font-size:17px;font-weight:500;position:relative}.hp .btn{cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .2s,background .2s;display:inline-flex}.hp .btn--primary{background:var(--rood);color:#fff;box-shadow:0 8px 20px -8px #d10a1199}.hp .btn--primary:hover{background:#b00a10;transform:translateY(-2px);box-shadow:0 14px 28px -10px #d10a118c}.hp .btn--primary:active{transform:translateY(0)scale(.98)}.hp .btn--ghost{color:#fff;background:0 0;border:1.5px solid #ffffff40}.hp .btn--ghost:hover{border-color:#fff9;transform:translateY(-2px)}.hp .btn--lg{border-radius:13px;padding:15px 26px;font-size:15.5px}.hp .reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}.hp .reveal.in{opacity:1;transform:none}.hp .reveal[data-d="1"]{transition-delay:80ms}.hp .reveal[data-d="2"]{transition-delay:.16s}.hp .reveal[data-d="3"]{transition-delay:.24s}@media (max-width:900px){.hp .hero__grid{grid-template-columns:1fr;gap:26px;min-height:auto;padding:34px 22px 44px}.hp .hero__media{border-radius:18px;order:-1;min-height:300px}.hp .proof{display:none}.hp .bento{grid-template-columns:1fr}.hp .tile__big{grid-row:auto}.hp .band{grid-template-columns:1fr}.hp .band__img{min-height:260px}.hp .band__copy{padding:36px 28px}.hp .explain{grid-template-columns:1fr;gap:28px}.hp .explain__intro{position:static}.hp .section{padding:64px 0}}
