.dc-compare{--bg:#FFFBF2;--surf:#FFF4DE;--bdr:#EDE2CC;--txt:#1A1208;--muted:#6E5B45;--acc:#FFCC00;--warm:#E85A2C;--grn:#0BA37F;--rose:#F58CA0;background:var(--bg);color:var(--txt);font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased;*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}.page-hdr{padding:64px 56px 36px;max-width:1280px}.crumbs{font-size:12.5px;color:var(--muted);margin-bottom:18px;font-weight:600;white-space:pre-wrap}.crumbs a{color:var(--muted);text-decoration:none}.crumbs em{font-style:normal;color:var(--txt)}.page-hdr h1{font-size:52px;font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-bottom:16px;max-width:860px;color:var(--txt)}.page-hdr h1 em{font-style:italic;color:var(--warm)}.page-hdr .sub{font-size:17px;color:var(--muted);max-width:620px;line-height:1.55}.hdr-meta{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.meta-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--surf);border:1px solid var(--bdr);border-radius:999px;font-size:12.5px;font-weight:700;color:var(--txt)}.meta-pill .dot{width:7px;height:7px;background:var(--grn);border-radius:50%}.filter-bar{padding:0 56px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter{padding:9px 16px;background:#fff;border:1px solid var(--bdr);border-radius:999px;font-size:13px;font-weight:600;color:var(--txt);cursor:pointer;display:inline-flex;align-items:center;gap:7px}.filter.active{background:var(--txt);color:#fff;border-color:var(--txt)}.filter .count{font-size:11px;opacity:.7}.sort{margin-left:auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.grid{padding:0 56px 72px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1400px}.card{background:#fff;border:1px solid var(--bdr);border-radius:20px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;padding:0;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #3c1e0a14}.card.featured{border:2px solid var(--acc);box-shadow:0 10px 40px #fc03}.card-top{padding:22px 24px 18px;display:flex;align-items:flex-start;gap:14px;position:relative}.rank-badge{position:absolute;top:16px;right:16px;background:var(--surf);color:var(--txt);font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.03em}.rank-badge.gold{background:var(--acc)}.card-logo{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 4px 14px #00000014}.card-title{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--txt)}.card-cat{font-size:12.5px;color:var(--muted);margin-top:3px;font-weight:600}.card-vis{height:160px;position:relative;overflow:hidden;margin:0 24px;border-radius:14px}.card-vis.bumble{background:linear-gradient(165deg,#ffd15c,#f67a3b 55%,#b33a1a)}.card-vis.hinge{background:linear-gradient(165deg,#1a1208,#3a2514)}.card-vis.tinder{background:linear-gradient(165deg,#ff6b5e,#ff4458,#c92033)}.card-vis.feeld{background:linear-gradient(165deg,#2e1b4a,#5a2e7a 60%,#9b4fb8)}.card-vis.aff{background:linear-gradient(165deg,#c45a1e,#8b2e12)}.card-vis.seeking{background:linear-gradient(165deg,#1a1a2e,#2a2550 60%,#4a3daa)}.card-vis.default{background:linear-gradient(165deg,#ffd15c,#e85a2c)}.mini-phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);width:90px;height:140px;background:#111;border-radius:16px;padding:4px;box-shadow:0 10px 30px #0006}.mini-screen{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative}.mp-face{position:absolute;inset:0}.mp-overlay{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.mp-name{position:absolute;bottom:8px;left:7px;right:7px;color:#fff;font-size:9px;font-weight:800}.mini-tag{position:absolute;top:12px;right:12px;background:#fff;color:var(--txt);font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:999px;z-index:5}.mini-tag.match{background:var(--acc)}.metrics{padding:16px 24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.m{text-align:left}.m-l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.m-v{font-size:16px;font-weight:800;letter-spacing:-.02em;margin-top:3px;overflow-wrap:anywhere}.m-v em{font-style:normal;font-size:11px;color:var(--muted);font-weight:600}.card-foot{padding:16px 24px 20px;margin-top:auto}.score-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-top:14px;border-top:1px solid var(--bdr)}.score-pill{display:inline-flex;align-items:baseline;gap:4px;padding:5px 11px;background:var(--surf);border-radius:999px;font-weight:800;font-size:14px;letter-spacing:-.01em}.score-pill em{font-style:normal;font-size:10.5px;color:var(--muted);font-weight:700}.score-pill.top{background:var(--acc)}.stars{color:var(--acc);font-size:13px;letter-spacing:0}.card-cta{display:flex;gap:8px;flex-wrap:wrap}.btn-primary{flex:1;padding:11px 16px;background:var(--txt);color:#fff;border-radius:10px;font-size:13.5px;font-weight:800;cursor:pointer;border:none;text-align:center;text-decoration:none}.btn-ghost{padding:11px 14px;background:transparent;border:1px solid var(--bdr);border-radius:10px;font-size:13px;font-weight:700;color:var(--txt);cursor:pointer;text-decoration:none}.card-note{padding:16px 24px 18px;font-size:12.5px;color:var(--muted);line-height:1.5}.card-note b{color:var(--txt);font-weight:800}.method{background:var(--txt);color:#fff;padding:48px 56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px}.method h3{font-size:11px;color:var(--acc);text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:14px}.method p{font-size:13.5px;line-height:1.6;color:#ffffffb8}.method b{color:#fff;font-weight:800}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.page-hdr,.filter-bar,.grid,.method{padding-left:20px;padding-right:20px}.page-hdr{padding-top:40px}.page-hdr h1{font-size:36px}.grid{grid-template-columns:1fr}}}