/* Prijzen — zachte kaarten, een schakelaar en een vergelijkingstabel */
[data-view="prijzen"]{background:linear-gradient(180deg,#e9e8e4 0,#efeeea 520px,var(--paper) 1100px)}
.bp-hero{text-align:center;padding-top:80px;padding-bottom:36px;display:flex;flex-direction:column;align-items:center;gap:22px}
.bp-hero h1{font-size:clamp(48px,7.4vw,112px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:0}
.bp-hero h1 span{color:var(--muted)}
.bp-hero>p{max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}

.bp-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:#fff;box-shadow:0 1px 0 #00000008,0 10px 30px #0000000d;margin-top:8px}
.bp-toggle button{position:relative;z-index:1;border:0;background:none;font:inherit;font-size:13px;font-weight:700;padding:12px 24px;border-radius:999px;color:var(--muted);cursor:pointer;transition:color .3s}
.bp-toggle button small{font-weight:500;font-size:11px;margin-left:4px;opacity:.7}
.bp-toggle button[aria-selected="true"]{color:var(--paper)}
.bp-toggle-pill{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--ink);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bp-toggle[data-on="care"] .bp-toggle-pill{transform:translateX(100%)}

.bp-plans{padding-top:30px}
.bp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.bp-grid--three{grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto}
.bp-grid:not([hidden]) .bp-card{animation:bp-in .6s cubic-bezier(.2,.8,.2,1) both}
.bp-grid .bp-card:nth-child(2){animation-delay:.05s}.bp-grid .bp-card:nth-child(3){animation-delay:.1s}.bp-grid .bp-card:nth-child(4){animation-delay:.15s}
@keyframes bp-in{from{opacity:0;transform:translateY(18px)}}
.bp-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:28px 24px 26px;box-shadow:0 1px 0 #00000008,0 18px 40px -18px #00000024;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.bp-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 #00000008,0 30px 60px -24px #00000033}
.bp-card h3{font-size:20px;letter-spacing:-.02em;margin:0 0 6px}
.bp-tag{font-size:13px;line-height:1.55;color:var(--muted);margin:0;min-height:40px}
.bp-price{display:flex;flex-direction:column;margin:26px 0 20px;line-height:1}
.bp-price small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.bp-price b{font-size:44px;font-weight:600;letter-spacing:-.05em}
.bp-price span{font-size:12px;color:var(--muted);margin-top:8px}
.bp-btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;border:1px solid var(--ink);background:none;font:inherit;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.bp-btn:hover{background:var(--ink);color:var(--paper)}
.bp-inc{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:24px 0 10px}
.bp-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px;line-height:1.45}
.bp-card li{position:relative;padding-left:24px}
.bp-card li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center/100% no-repeat}
.bp-care{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}
.bp-card ul+.bp-care{margin-top:24px}
.bp-care b{color:var(--ink)}
.bp-card.is-popular{background:var(--ink);color:var(--paper);box-shadow:0 0 0 1px var(--ink),0 30px 60px -24px #00000066}
.bp-card.is-popular .bp-tag,.bp-card.is-popular .bp-price small,.bp-card.is-popular .bp-price span,.bp-card.is-popular .bp-care{color:#bab9b2}
.bp-card.is-popular .bp-care{border-color:#ffffff22}.bp-card.is-popular .bp-care b{color:var(--paper)}
.bp-card.is-popular .bp-btn{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.bp-card.is-popular .bp-btn:hover{background:var(--yellow);border-color:var(--yellow);color:#fff}
.bp-card--dark{background:linear-gradient(160deg,#fff 0%,#f1f0ec 100%);box-shadow:inset 0 0 0 1px var(--line)}
.bp-badge,.bp-flag{position:absolute;top:-11px;padding:5px 11px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.1em}
.bp-badge{left:22px;background:var(--yellow);color:#fff}
.bp-flag{right:22px;display:none;background:var(--paper);color:var(--ink);border:1px solid var(--yellow)}
.bp-card.is-recommended{box-shadow:0 0 0 2px var(--yellow),0 30px 60px -24px #00000033}
.bp-card.is-recommended .bp-flag{display:block}
.bp-note{margin:22px 0 0;font-size:11px;color:var(--muted);text-align:center}

.bp-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:44px}
.bp-head h2{font-size:clamp(34px,4.6vw,64px);letter-spacing:-.05em;line-height:1;margin:0;font-weight:500}
.bp-head p{margin:0;color:var(--muted);max-width:460px;font-size:14px;line-height:1.7}
.bp-build{scroll-margin-top:90px}
.bp-calc{background:#fff;border-radius:26px;padding:34px;box-shadow:0 1px 0 #00000008,0 18px 40px -18px #00000024}
.bp-calc .price-type,.bp-calc .price-extra{border-radius:16px}
.bp-calc .price-extra{border-radius:999px}
.bp-calc .price-summary{border-radius:20px}
.bp-calc .price-summary .button{border-radius:999px}

.bp-table-wrap{background:#fff;border-radius:26px;box-shadow:0 1px 0 #00000008,0 18px 40px -18px #00000024;overflow:clip}
.bp-table{width:100%;border-collapse:collapse;font-size:13px}
.bp-table thead th{position:sticky;top:0;z-index:1;background:#fff;text-align:left;vertical-align:bottom;padding:28px 22px 20px;border-bottom:1px solid var(--line)}
.bp-table thead th b{display:block;font-size:17px;letter-spacing:-.02em}
.bp-table thead th span:not(.eyebrow){display:block;color:var(--muted);font-size:12px;margin:4px 0 14px}
.bp-table thead th a{display:inline-flex;height:34px;align-items:center;padding:0 16px;border-radius:999px;border:1px solid var(--ink);font-size:11px;font-weight:700;color:var(--ink);text-decoration:none;transition:background .25s,color .25s}
.bp-table thead th a:hover{background:var(--ink);color:var(--paper)}
.bp-table thead th.is-popular a{background:var(--ink);color:var(--paper)}
.bp-table th[scope="row"]{text-align:left;font-weight:600;padding:15px 22px;width:34%}
.bp-table td{padding:15px 22px;color:var(--ink)}
.bp-table tbody tr:not(.bp-group){border-bottom:1px solid #00000009}
.bp-table .is-popular{background:#3d8bff0d}
.bp-table thead th.is-popular{background:#f3f7ff}
.bp-group th{text-align:left;padding:26px 22px 10px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bp-table td.y,.bp-table td.n{font-size:0}
.bp-table td.y::before{content:"";display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center/100% no-repeat}
.bp-table td.n::before{content:"—";font-size:13px;color:#b9b8b2}
.bp-always{margin-top:46px}
.bp-always .eyebrow{display:block;text-align:center;margin-bottom:18px}
.bp-always .included-grid article{background:#fff;border-radius:20px;padding:22px;box-shadow:0 1px 0 #00000008,0 14px 30px -18px #0000001f}

.bp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.bp-faq-side{position:sticky;top:110px;display:grid;gap:14px;justify-items:start}
.bp-faq-side h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-.05em;line-height:1;margin:0;font-weight:500}
.bp-faq-side p{margin:12px 0 0;color:var(--muted)}
.bp-faq-list{display:grid;gap:10px}
.bp-faq details{background:#fff;border-radius:18px;box-shadow:0 1px 0 #00000008,0 10px 24px -16px #0000001f;overflow:hidden}
.bp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;font-weight:700;font-size:15px}
.bp-faq summary::-webkit-details-marker{display:none}
.bp-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-weight:400;font-size:18px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
.bp-faq details[open] summary::after{transform:rotate(45deg);background:var(--yellow);color:#fff}
.bp-faq details p{margin:0;padding:0 22px 22px;color:var(--muted);line-height:1.7;font-size:14px;animation:bp-in .45s cubic-bezier(.2,.8,.2,1)}

@media(max-width:1100px){.bp-grid{grid-template-columns:repeat(2,1fr)}.bp-grid--three{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .bp-hero{padding-top:44px}
  .bp-toggle button{padding:11px 16px}
  .bp-grid,.bp-grid--three{grid-template-columns:1fr;gap:22px}
  .bp-tag{min-height:0}
  .bp-calc{padding:20px;border-radius:20px}
  .bp-table-wrap{overflow-x:auto;border-radius:20px}
  .bp-table{min-width:620px}
  .bp-table thead th{position:static}
  .bp-faq{grid-template-columns:1fr;gap:26px}
  .bp-faq-side{position:static}
}
@media(prefers-reduced-motion:reduce){.bp-card,.bp-toggle-pill,.bp-grid:not([hidden]) .bp-card{animation:none;transition:none}}
.bp-always .included-grid{gap:14px;border:0}
.bp-always .included-grid article{border:0}
@media(max-width:760px){
  .bp-table th[scope="row"],.bp-table thead th:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 var(--line);width:150px;min-width:150px}
  .bp-group th{position:sticky;left:0;background:#fff}
}
.bp-badge,.bp-flag{font-size:10px}