.prod-hero{padding-bottom:44px}.prod-overzicht{padding:8px 0 72px}.prod-kaarten{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.prod-kaart{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;height:100%;padding:26px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.prod-kaart:hover{border-color:#b9cbb4;transform:translateY(-3px);box-shadow:0 22px 40px -24px #103b2d73}.prod-kaart:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.prod-teken{width:46px;height:46px;color:var(--forest);background:#edf3e5;border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.prod-kaart h3{letter-spacing:-.7px;margin-top:8px;font-size:24px}.prod-kaart p{font-size:15px;line-height:1.55}.prod-kaart .prod-vanaf{color:var(--ink);margin-top:auto;padding-top:10px}.prod-vanaf strong{letter-spacing:-.6px;font-size:22px}.prod-meer{color:var(--forest);border-top:1px solid var(--line);align-self:stretch;align-items:center;gap:10px;margin-top:4px;padding-top:14px;font-size:14px;font-weight:620;display:flex}.prod-meer svg{transition:transform .2s}.prod-kaart:hover .prod-meer svg{transform:translate(4px)}.prod-noot{color:var(--muted);margin-top:18px;font-size:13px}.prod-kaart.prod-kaart-hub{background:var(--wash);border-style:dashed;border-color:#c9d4c4}.prod-kaart-hub .prod-teken{background:#fff}.prod-band{background:var(--wash);border-top:1px solid var(--line);padding:56px 0}.prod-band-raster{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.prod-band h2{letter-spacing:-.8px;margin-bottom:12px;font-size:26px;line-height:1.15}.prod-band p{max-width:520px;margin-bottom:16px;font-size:16px}.prod-band .text-link{font-size:15px}.prod-app-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:60px;padding:52px 0 64px;display:grid}.prod-kruimel{letter-spacing:.2em;text-transform:uppercase;color:var(--forest);align-items:center;gap:10px;margin-bottom:22px;font-size:12px;font-weight:750;display:flex}.prod-kruimel a{border-bottom:1px solid}.prod-kruimel [aria-current]{color:var(--muted)}.prod-app-tekst h1{flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:62px;line-height:1;display:flex}.prod-app-tekst h1 .prod-teken{border-radius:14px;width:58px;height:58px}.prod-intro{max-width:560px;margin-top:22px;font-size:20px;line-height:1.5}.prod-acties{flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:28px;display:flex}.prod-nodig{max-width:560px;margin-top:22px;font-size:14px;line-height:1.6}.prod-nodig strong{color:var(--ink);font-weight:650}.prod-prijzen{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.prod-prijzen h2{letter-spacing:-.6px;margin-bottom:16px;font-size:22px}.prod-stappen{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.prod-stap{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam prijs""limiet knop";align-items:center;gap:10px 16px;padding:16px 18px;display:grid}.prod-stap-proef{border-color:var(--forest);box-shadow:inset 4px 0 0 var(--lime)}.prod-stap-naam{letter-spacing:-.4px;flex-wrap:wrap;grid-area:naam;align-items:center;gap:6px 10px;font-size:20px;display:flex}.prod-label{letter-spacing:.02em;white-space:nowrap;color:var(--forest);background:var(--lime);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.prod-stap .prod-stap-prijs{text-align:right;color:var(--ink);grid-area:prijs;line-height:1.2}.prod-stap-prijs strong{letter-spacing:-.8px;font-size:24px}.prod-stap-prijs span{color:var(--muted);font-size:12px;display:block}.prod-stap-limiet{flex-wrap:wrap;grid-area:limiet;gap:2px 8px;margin:0;font-size:14px;line-height:1.4;display:flex}.prod-stap-limiet dt{color:var(--muted)}.prod-stap-limiet dd{color:var(--ink);margin:0;font-weight:650}.prod-stap-knop{border:1px solid var(--forest);min-height:40px;color:var(--forest);white-space:nowrap;border-radius:8px;grid-area:knop;justify-self:end;align-items:center;gap:8px;padding:0 14px 0 16px;font-size:14px;font-weight:620;transition:background-color .15s,color .15s;display:inline-flex}.prod-stap-knop:hover,.prod-stap-proef .prod-stap-knop{background:var(--forest);color:#fff}.prod-stap-proef .prod-stap-knop:hover{background:var(--deep,#0b3025)}.prod-stap-knop:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.prod-prijzen .prod-prijs-noot{margin-top:12px;font-size:13px;line-height:1.55}.prod-wat h2{letter-spacing:-1.2px;margin-bottom:26px;font-size:36px}.prod-punten{grid-template-columns:1fr 1fr;column-gap:48px;margin:0;padding:0;list-style:none;display:grid}.prod-punten li{color:var(--ink);border-top:1px solid #d6dfd0;align-items:flex-start;gap:12px;padding:16px 0;font-size:17px;line-height:1.55;display:flex}.prod-punten svg{color:#487b54;flex-shrink:0;margin-top:3px}.prod-andere ul{margin:0;padding:0;list-style:none}.prod-andere li a{color:var(--muted);border-top:1px solid #d6dfd0;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;line-height:1.45;display:flex}.prod-andere li a strong{color:var(--ink);margin-right:4px}.prod-andere li a svg{color:var(--forest);flex-shrink:0;margin-top:1px}.prod-andere li a:hover strong{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.prod-kaart,.prod-meer svg{transition:none}.prod-kaart:hover{transform:none}}@media (max-width:1100px){.prod-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.prod-app-hero{grid-template-columns:minmax(0,1fr);gap:36px}.prod-band-raster{gap:40px}}@media (max-width:680px){.prod-kaarten,.prod-band-raster,.prod-punten{grid-template-columns:minmax(0,1fr)}.prod-kaarten{gap:12px}.prod-kaart{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"teken naam naam""tekst tekst tekst""vanaf vanaf meer";align-items:center;gap:8px 14px;padding:18px;display:grid}.prod-kaart .prod-teken{border-radius:10px;grid-area:teken;width:40px;height:40px}.prod-kaart h3{grid-area:naam;margin:0;font-size:21px}.prod-kaart>p:not(.prod-vanaf){grid-area:tekst}.prod-kaart .prod-vanaf{grid-area:vanaf;margin:0;padding-top:4px}.prod-vanaf strong{font-size:20px}.prod-meer{border-top:0;grid-area:meer;align-self:center;margin:0;padding:4px 0 0}.prod-meer-tekst{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prod-band{padding:44px 0}.prod-band h2{font-size:23px}.prod-app-hero{padding:32px 0 44px}.prod-app-tekst h1{font-size:42px}.prod-app-tekst h1 .prod-teken{width:46px;height:46px}.prod-intro{font-size:18px}.prod-prijzen{padding:18px 16px}.prod-stap{padding:14px}.prod-wat h2{font-size:30px}.prod-punten li{font-size:16px}}@media (max-width:360px){.prod-stap{grid-template-areas:"naam prijs""limiet limiet""knop knop"}.prod-stap-knop{justify-content:center;justify-self:stretch}.prod-stap-prijs span{max-width:6em;margin-left:auto}}@media (max-width:680px),(pointer:coarse){.tt-site .prod-stap-knop{min-height:var(--tt-tik-min)}.tt-site .prod-kruimel a{min-height:var(--tt-tik-min);align-items:center;display:inline-flex}.tt-site :is(.prod-noot,.prod-nodig,.prod-prijzen .prod-prijs-noot,.prod-stap-limiet){font-size:var(--tt-tekst-min)}.tt-site :is(.prod-label,.prod-kruimel,.prod-stap-prijs span){font-size:var(--tt-label-min)}}
