:root{--bg-deep:#0a0118;--bg-mid:#130828;--bg-card:#1a0b2e;--ink:#f7f8ff;--ink-2:#dbe4ff;--ink-mute:#a7b2da;--brand:#8b5cf6;--brand-2:#6d28d9;--brand-glow:rgba(139,92,246,.23);--accent:#06b6d4;--warn:#ef4444;--success:#22c55e;--gold:#fbbf24;--line:rgba(139,92,246,.28);--line-2:rgba(139,92,246,.46)}.dbx-compare{color:var(--ink);background:radial-gradient(800px 500px at 50% -20%,var(--brand-glow) 0%,transparent 70%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-card) 100%);font-family:Inter,system-ui,-apple-system,sans-serif;padding:60px 0 70px;position:relative;overflow:hidden}.cmp-wrap{max-width:1240px;margin:0 auto;padding:0 20px}.cmp-header{text-align:center;margin-bottom:40px}.cmp-badge{display:inline-flex;gap:8px;align-items:center;color:#eae6ff;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(167,139,250,.18));border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.cmp-title{font-weight:900;font-size:clamp(24px,3.8vw,36px);line-height:1.15;margin:0 0 12px;color:#fff}.cmp-title .highlight{background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.cmp-sub{color:var(--ink-2);font-size:clamp(14px,2.2vw,16px);line-height:1.6;max-width:720px;margin:0 auto}.cmp-scroller{position:relative;margin-top:30px}.cmp-hint{font-size:13px;color:var(--accent);font-weight:700;margin:0 0 12px;display:none;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.7}50%{opacity:1}}.cmp-table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(180deg,rgba(26,11,46,.86),rgba(16,8,32,.92));border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.42);backdrop-filter:blur(12px)}.cmp-table::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--brand),var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.18;pointer-events:none}.cmp-table thead th{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(109,40,217,.25));font-weight:900;font-size:14px;padding:16px 18px;border-bottom:1px solid var(--line-2);color:#fff;text-align:left}.cmp-table thead th:first-child{border-radius:20px 0 0 0}.cmp-table thead th:last-child{border-radius:0 20px 0 0}.cmp-table thead th:nth-child(2){background:linear-gradient(135deg,var(--brand),var(--brand-2));position:relative}.cmp-table thead th:nth-child(2)::after{content:"🏆 Onze service";position:absolute;top:-10px;right:10px;background:var(--gold);color:#1a0b2e;font-size:10px;font-weight:900;padding:3px 8px;border-radius:999px;box-shadow:0 4px 12px rgba(251,191,36,.4)}.cmp-table tbody td{padding:14px 18px;border-bottom:1px solid rgba(139,92,246,.12);font-size:14px;color:var(--ink-2)}.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table tbody tr:hover{background:rgba(139,92,246,.08);transition:.2s}.cmp-table tbody td:first-child{font-weight:600;color:var(--ink)}.cmp-table tbody td:nth-child(2){background:rgba(139,92,246,.06);font-weight:700}.status{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.status.yes{color:var(--success)}.status.no{color:var(--warn)}.status.maybe{color:var(--gold)}.status .icon{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.status.yes .icon{background:linear-gradient(180deg,#0d3d23,#052313);border:1px solid #1b6440}.status.no .icon{background:linear-gradient(180deg,#3d0d0d,#230505);border:1px solid #641b1b}.status.maybe .icon{background:linear-gradient(180deg,#3d2d0d,#231805);border:1px solid #64491b}.status .icon svg{width:12px;height:12px;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.status.yes .icon svg{stroke:var(--success);fill:none}.status.no .icon svg{stroke:var(--warn);fill:none}.status.maybe .icon svg{stroke:var(--gold);fill:none}.cmp-note{font-size:12px;color:var(--ink-mute);margin-top:20px;text-align:center;line-height:1.5}.cmp-cta{text-align:center;margin-top:36px}.cmp-btn{display:inline-block;text-decoration:none;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;font-weight:900;letter-spacing:.2px;padding:14px 28px;border-radius:12px;font-size:16px;box-shadow:0 14px 30px var(--brand-glow),inset 0 -1px 0 rgba(0,0,0,.25);transition:.12s}.cmp-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}@media (max-width:820px){.cmp-hint{display:block}.cmp-scroller{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cmp-table{min-width:720px;border-radius:16px}.cmp-table thead th:first-child{border-radius:16px 0 0 0}.cmp-table thead th:last-child{border-radius:0 16px 0 0}.cmp-table thead th,.cmp-table tbody td{font-size:13px;padding:12px 14px}.cmp-table thead th:nth-child(2)::after{font-size:9px;padding:2px 6px;top:-8px}.status{font-size:12px}.dbx-compare{padding:50px 0 60px}}@media (max-width:640px){.cmp-table{min-width:680px;border-radius:14px}.cmp-table thead th:first-child{border-radius:14px 0 0 0}.cmp-table thead th:last-child{border-radius:0 14px 0 0}.cmp-table thead th,.cmp-table tbody td{font-size:12px;padding:10px 12px}.status{font-size:11px}.status .icon{width:16px;height:16px}.status .icon svg{width:10px;height:10px}}