/* SPIX Media 1.3.3 — eigen aanbieding + neutrale prijsvergelijking, geen promotiekaarten voor concurrenten */
.spx-compare{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);border-radius:26px;overflow:hidden;border:1px solid #dae4d6;background:#fff;box-shadow:0 26px 72px rgba(24,54,29,.09);margin-top:18px}
.spx-compare-main{background:radial-gradient(circle at 100% 0%,#365b36 0%,transparent 48%),#1b2b22;color:#f8fff4;padding:37px 36px 34px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;position:relative}
.spx-compare-main:before{content:"";position:absolute;right:-75px;bottom:-115px;width:270px;height:270px;border:2px solid rgba(195,235,66,.13);border-radius:50%;pointer-events:none}
.spx-compare-brand{display:flex;align-items:center;gap:9px;color:#d4efbc;font:800 23px/1.15 'Manrope',system-ui,sans-serif;letter-spacing:-.7px}
.spx-compare-symbol{display:inline-grid;place-items:center;width:32px;height:32px;background:#cce83c;border-radius:9px;color:#244027;font-size:22px}
.spx-compare-service{font-size:13px;line-height:1.5;color:#c8d9c7;margin:19px 0 8px}
.spx-compare-price{font:800 clamp(47px,4.9vw,67px)/1.15 'Manrope',system-ui,sans-serif;letter-spacing:-3.7px;white-space:nowrap;margin:6px 0 0}
.spx-compare-price span{display:block;font:700 13px/1.5 'DM Sans',system-ui,sans-serif;letter-spacing:0;color:#cdebc6;margin-top:1px}
.spx-compare-what{font-size:14px;line-height:1.75;color:#e2eee0;margin:24px 0 24px;max-width:340px}
.spx-compare-order{width:100%;max-width:310px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(105deg,#29ae4a,#d2e942);color:#102c16;font-weight:800;font-size:14px;line-height:1.25;border-radius:11px;position:relative;transition:filter .15s}
.spx-compare-order:hover{filter:brightness(1.07)}
.spx-compare-order span{font-size:20px;line-height:1}
.spx-compare-bottom{font-size:11px;letter-spacing:.02em;color:#bfd3bb;display:flex;gap:9px;margin-top:25px;position:relative}
.spx-compare-benchmark{padding:38px 38px 27px;background:#fff;color:#1f2c22;min-width:0}
.spx-compare-label{font:800 19px/1.25 'Manrope',system-ui,sans-serif;letter-spacing:-.65px;color:#26392b}
.spx-compare-benchmark-top p{margin:5px 0 30px;font-size:13px;color:#657164}
.spx-compare-rows{display:grid;gap:21px}
.spx-compare-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:7px;font-size:14px}
.spx-compare-row-head strong{font-weight:750}
.spx-compare-amount{font-weight:800;font-size:21px;letter-spacing:-.5px;color:#304037;white-space:nowrap}
.spx-compare-row-own .spx-compare-amount,.spx-compare-row-own strong{color:#238342}
.spx-compare-track{background:#eff1ec;height:12px;width:100%;border-radius:100px;overflow:hidden}
.spx-compare-track span{height:100%;display:block;border-radius:inherit;background:#b8c1b5}
.spx-compare-row-own .spx-compare-track span{background:linear-gradient(90deg,#22a451,#c3df44)}
.spx-compare-extra{font-size:12px;color:#677267;margin-top:7px}
.spx-compare-total{border-top:1px solid #e1e8df;padding-top:17px;margin:22px 0 0;font-size:13px;color:#4d6051}
.spx-compare-total strong{font-weight:800;color:#1b6f39}
.spx-compare-footnote{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 0;max-width:1050px}
.spx-compare-footnote a{text-decoration:underline;text-underline-offset:2px;color:inherit}
html[data-theme="dark"] .spx-compare{border-color:#415344;background:#252f26}
html[data-theme="dark"] .spx-compare-benchmark{background:#253027;color:#e9f4e7}
html[data-theme="dark"] .spx-compare-label,html[data-theme="dark"] .spx-compare-amount{color:#edf8e9}
html[data-theme="dark"] .spx-compare-benchmark-top p,html[data-theme="dark"] .spx-compare-extra,html[data-theme="dark"] .spx-compare-total{color:#b1c0ae}
html[data-theme="dark"] .spx-compare-row-own .spx-compare-amount,html[data-theme="dark"] .spx-compare-row-own strong{color:#b5e963}
html[data-theme="dark"] .spx-compare-track{background:#3e4c3f}
html[data-theme="dark"] .spx-compare-track span{background:#758774}
html[data-theme="dark"] .spx-compare-row-own .spx-compare-track span{background:linear-gradient(90deg,#2ca946,#d1e743)}
html[data-theme="dark"] .spx-compare-total{border-color:#485849}
html[data-theme="dark"] .spx-compare-total strong{color:#b5e963}
@media(max-width:800px){.spx-compare{grid-template-columns:minmax(0,1fr)}.spx-compare-main,.spx-compare-benchmark{padding:30px}.spx-compare-main{align-items:flex-start}.spx-compare-price{font-size:58px}.spx-compare-what{max-width:540px}}
@media(max-width:430px){.spx-compare-main,.spx-compare-benchmark{padding:25px 21px}.spx-compare-price{font-size:53px}.spx-compare-amount{font-size:18px}.spx-compare-bottom{flex-wrap:wrap}.spx-compare-row-head{font-size:13px}}
@media(prefers-reduced-motion:reduce){.spx-compare-order{transition:none}}