:root{--bg:#0b0b12;--panel:#14141f;--panel-2:#1b1b29;--line:#2a2a3d;--text:#ecebf5;--muted:#a3a1b8;--green:#39ff88;--magenta:#ff3dcb;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1040px;margin:0 auto;padding-inline:20px}header.site{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0b0b12eb;position:sticky;top:0}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.logo{color:var(--text);letter-spacing:-.01em;font-size:20px;font-weight:800}.logo span{color:var(--green)}.logo em{color:var(--magenta);font-style:normal}nav.main{flex-wrap:wrap;gap:18px;font-size:15px;display:flex}nav.main a{color:var(--muted)}nav.main a:hover{color:var(--text);text-decoration:none}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em;line-height:1.2}h1{margin:0 0 14px;font-size:clamp(30px,5vw,48px)}h2{margin:40px 0 14px;font-size:clamp(22px,3vw,30px)}h3{margin:0 0 6px;font-size:20px}.lead{color:var(--muted);max-width:68ch;font-size:19px}.hero{padding-block:56px 28px}.hero h1 .hl{background:linear-gradient(90deg, var(--green), var(--magenta));color:#0000;-webkit-background-clip:text;background-clip:text}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:18px;transition:border-color .15s,transform .15s;display:block}.tile:hover{border-color:var(--green);text-decoration:none;transform:translateY(-2px)}.tile small{color:var(--muted);margin-top:4px;font-size:14px;display:block}.tools{counter-reset:rank;gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:40px 1fr auto;align-items:start;gap:14px;padding:18px 20px;display:grid}.tool .n{color:var(--green);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.tool p{color:var(--muted);margin:4px 0 0}.tool .best{color:var(--text);margin-top:8px;font-size:14px}.tool .best b{color:var(--magenta);font-weight:600}.btn{background:var(--green);color:#07130c;white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:15px;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.1);text-decoration:none}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.tool.sponsored{border-color:var(--magenta);background:linear-gradient(180deg, #ff3dcb14, var(--panel))}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--magenta);border:1px solid var(--magenta);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.slot{border:1px dashed var(--magenta);border-radius:var(--radius);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.note{background:var(--panel-2);border-left:3px solid var(--green);border-radius:8px;margin:24px 0;padding:14px 18px}.cta{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:40px 0;padding:24px;display:flex}.cta h3{margin:0}.cta p{color:var(--muted);margin:4px 0 0}.meta{color:var(--muted);font-size:14px}.stars{color:#ffd166}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding-block:28px;font-size:14px}footer.site .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer.site a{color:var(--muted)}.prose{max-width:72ch}.crumbs{color:var(--muted);padding-top:24px;font-size:14px}.crumbs a{color:var(--muted)}:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (max-width:640px){.tool{grid-template-columns:28px 1fr}.tool .go{grid-column:2}}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);margin:16px 0;overflow-x:auto}table.cmp{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}table.cmp th,table.cmp td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px}table.cmp thead th{background:var(--panel-2);color:var(--muted);font-size:14px;font-weight:600}table.cmp tbody tr:last-child td{border-bottom:0}table.cmp td.win{color:var(--text)}table.cmp td.win:before{content:"✓ ";color:var(--green);font-weight:700}table.cmp td:not(.win):not(:first-child){color:var(--muted)}.answer{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#39ff881a,#ff3dcb14);margin:8px 0 24px;padding:18px 22px;font-size:18px}.answer b{color:var(--green)}.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card h3{margin-bottom:8px}.card ul{color:var(--muted);margin:0;padding-left:20px}.card ul li{margin:4px 0}.pros li::marker{content:"+ ";color:var(--green)}.cons li::marker{content:"− ";color:var(--magenta)}details.faq{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:12px 16px}details.faq summary{cursor:pointer;font-weight:600}details.faq p{color:var(--muted);margin:8px 0 0}