/* Polyproof — prijzenpagina (13 okt 2026). Bouwt op home.css; mobiel eerst. */
.phead{padding-top:clamp(36px,8vw,72px)!important;padding-bottom:20px!important}
.phead h1{font:500 clamp(38px,8vw,64px)/1.05 Newsreader,Georgia,serif;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}
.pen-under{background:linear-gradient(transparent 64%,rgba(198,42,63,.2) 64% 92%,transparent 92%)}
.testbar{background:var(--hl);border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 18px}
.period{display:inline-flex;gap:4px;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.period button{min-height:40px;padding:0 14px;border-radius:9px;font-size:14px;color:var(--ink2)}
.period button.on{background:var(--ink);color:var(--card)}
.period .save{font:700 18px/1 Caveat,cursive;color:var(--green);margin-left:6px}
.period button.on .save{color:#8fe0b5}
.plans{display:grid;gap:14px;margin-top:8px}
@media (min-width:720px){.plans{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.plans{grid-template-columns:repeat(4,1fr)}}
.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:6px}
.plan.best{border:2px solid var(--ink);box-shadow:0 22px 44px -30px rgba(22,33,58,.5)}
.plan .flag{position:absolute;top:-13px;left:18px;margin:0;font:700 20px/1 Caveat,cursive;color:var(--red);background:var(--bg);padding:0 6px;transform:rotate(-3deg)}
.plan h2{font:600 24px/1.1 Newsreader,Georgia,serif;margin:0}
.plan .price{margin:6px 0 0;display:flex;align-items:baseline;gap:6px}
.plan .price b,.once .price b{font:500 44px/1 Newsreader,Georgia,serif;letter-spacing:-.02em}
.plan .per,.once .per{font-size:14px;color:var(--ink2)}
.plan .incl,.once .incl{margin:0;font-size:13px;color:var(--ink2)}
.plan .pwho{margin:6px 0 4px;font-weight:600}
.plan ul{list-style:none;padding:0;margin:4px 0 16px;display:grid;gap:8px;font-size:15px;color:var(--ink2);flex:1}
.plan li{padding-left:24px;position:relative}
.plan li::before{content:"✓";position:absolute;left:0;top:-3px;font:700 20px/1 Caveat,cursive;color:var(--green)}
.plan .go{width:100%;justify-content:center}
.ghost2{background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)}
.once{display:grid;gap:14px}
@media (min-width:720px){.once{grid-template-columns:1fr 1fr;max-width:760px}}
.once article{background:var(--bg);border-radius:14px;padding:20px;display:grid;gap:6px}
.once h3{margin:0}
.once .go{justify-self:start;margin-top:8px}
.buybox{position:fixed;inset:0;z-index:80;background:rgba(12,17,28,.55);display:grid;place-items:end center;padding:16px}
@media (min-width:600px){.buybox{place-items:center}}
.buycard{background:var(--card);color:var(--ink);border-radius:18px;padding:22px;width:100%;max-width:440px;display:grid;gap:10px}
.buycard h2{font:600 26px/1.1 Newsreader,Georgia,serif;margin:0}
.buycard p{margin:0;color:var(--ink2)}
.bbrow{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.pterms{margin:10px 0 0;font-size:14px;color:var(--ink2)}
.once .oinc{margin:6px 0 10px;font-size:14px;color:var(--ink2)}
.once .price{display:flex;align-items:baseline;gap:6px;margin:6px 0 0}
.plan ul{align-content:start}
.period .save{color:var(--pen,#c62a3f)}
.period button.on .save{color:#ffb3bd}
.phelp{margin:10px 0 0;font-size:15px;color:var(--ink2);max-width:62ch}
.phelp a{display:inline-block;margin-left:4px;font-weight:600}
.phead .hform{margin:16px 0 18px;max-width:560px}
.once .otip{margin:0 0 6px;font-size:14px;color:var(--ink)}
/* pakket op maat */
.maat{padding-block:40px}
.maatc{display:grid;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px}
@media (min-width:900px){.maatc{grid-template-columns:1fr 1fr;gap:40px;padding:30px}}
.maatc h2{font:600 30px/1.1 Newsreader,Georgia,serif;margin:0}
.maatc .price{display:flex;align-items:baseline;gap:6px;margin:8px 0 0}
.maatc .price b{font:500 44px/1 Newsreader,Georgia,serif;letter-spacing:-.02em}
.maatc .from,.maatc .per{font-size:14px;color:var(--ink2)}
.maatc ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px;font-size:15px;color:var(--ink2)}
.maatc li{padding-left:24px;position:relative}
.maatc li::before{content:"✓";position:absolute;left:0;top:-3px;font:700 20px/1 Caveat,cursive;color:var(--green)}
.maatf{display:grid;gap:6px;align-content:start}
.maatf input,.maatf textarea{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:var(--card);color:var(--ink)}
.maatf label{font-size:14px;font-weight:600;margin-top:6px}
.maatf .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.maatf .go{margin-top:10px;justify-self:start}
.mfh{margin:0 0 4px}
/* op maat: prijstabel, voorwaarden, korte aanvraag (specialist B2B 14 okt) */
.mtiers{width:100%;border-collapse:collapse;margin:14px 0 0;font-size:15px}
.mtiers th,.mtiers td{padding:9px 0;border-top:1px solid var(--line);text-align:left;font-weight:500}
.mtiers td{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.mterms{font-size:13px;color:var(--ink2);margin:8px 0 0}
.mterms a{color:var(--ink);font-weight:600}
.mh3{font-size:15px;margin:18px 0 0}
.mjump{margin-top:14px;width:100%}
@media (min-width:900px){.mjump{display:none}}
.mmore{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:8px 0 0;padding:2px 0 8px}
.mmore summary{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;cursor:pointer}
.mmore[open]{display:grid;gap:6px}
.minkoop{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:var(--bg)}
.minkoop .mh3{margin:0 0 4px}
.minkoop p{margin:0;font-size:14px;color:var(--ink2);line-height:1.5}
.minkoop a{color:var(--ink);font-weight:600}
.msched{margin:6px 0 0;display:grid;gap:0;font-size:14px}
.msched div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.msched dt{font-weight:700}
.msched dd{margin:0;color:var(--ink2)}
@media (max-width:420px){.msched div{grid-template-columns:1fr;gap:2px}}
.mex{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;border-radius:12px;text-decoration:none}
.maatc .go{padding:12px 20px;line-height:1.25;text-align:center}
.mjump{margin-bottom:6px}
.maatc .mh3{margin-top:22px}
/* op maat in twee stappen + voorbeeldmelding (specialist 14 okt) */
.mcol{display:grid;gap:16px;align-content:start}
.mpre{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.mpre figcaption{font-size:14px;font-weight:600;margin:0 0 6px}
.mpre figcaption small{display:block;font-weight:400;color:var(--ink2);font-size:13px}
.mpre p{margin:0}
.mpre .mpp{font-size:13px;color:var(--ink2)}
.mpre .mpq{font:400 17px/1.45 Newsreader,Georgia,serif;margin:4px 0}
.mpre .mpq s{color:var(--red);text-decoration-thickness:2px}
.mpre .mpq b{color:var(--green);font-weight:600}
.mpre .mpw{font-size:14px;color:var(--ink2)}
.mpre a{display:inline-block;margin-top:8px;font-size:14px;font-weight:600;color:var(--ink)}
.mres{padding:12px 14px;border-radius:12px;background:var(--bg);font-size:15px}
.mres p{margin:0}.mres p+p{margin-top:4px}
.mstep2{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.mstep2[hidden]{display:none}
.mlinks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px!important}
.mskip{justify-self:start;text-align:left;font-size:14px;margin-top:2px}