*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:#0b0c0e;color:#e8e8ec;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:#8ea2ff;text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:900px;margin:0 auto;padding:64px 28px 96px}.shell h1{font-size:30px;letter-spacing:-.02em;margin:0 0 8px}.shell h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#7b7b86;margin:48px 0 14px;font-weight:600}.shell p{color:#a0a0ab;margin:0 0 12px;max-width:68ch}.shell code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;color:#c9c9d4;background:#17181c;padding:1px 6px;border-radius:4px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-top:8px}.card{display:block;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 18px;background:#101115;transition:border-color .15s ease}.card:hover{border-color:rgba(255,255,255,.26);text-decoration:none}.card b{display:block;color:#e8e8ec;font-size:15px;margin-bottom:4px}.card span{color:#7b7b86;font-size:12.5px}.swatches{display:flex;gap:5px;margin-top:12px}.swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.14)}.compare{display:grid;grid-template-columns:1fr 1fr;height:100vh}.compare>section{display:flex;flex-direction:column;min-width:0;border-right:1px solid rgba(255,255,255,.12)}.compare>section:last-child{border-right:none}.compare header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8a8a96;background:#101115;border-bottom:1px solid rgba(255,255,255,.12)}.compare iframe{flex:1 1;width:100%;border:0;background:#fff}.pill{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:2px 9px;font-size:11px;letter-spacing:.04em}