:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;margin:0;padding:0}a{color:inherit}:root{--a:#cc785c;--a-soft:#f6ece7;--a-ink:#8a4a34;--o:#10a37f;--o-soft:#e6f5f0;--o-ink:#0a6b53;--bg:#f7f5f0;--surface:#fff;--ink:#1d1c1a;--muted:#6b6862;--line:#e7e3da;--radius:16px;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000d}*{box-sizing:border-box}body{margin:0}.page{background:var(--bg);min-height:100vh;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.hero{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%);border-bottom:1px solid var(--line);padding:64px 20px 40px}.hero__inner{text-align:center;max-width:1080px;margin:0 auto}.hero__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 16px;font-size:12px;font-weight:600}.hero__title{letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:0 0 18px;font-size:clamp(34px,6vw,62px);font-weight:800;display:flex}.hero__brand--a{color:var(--a)}.hero__brand--o{color:var(--o)}.hero__x{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:.42em;font-weight:600}.hero__sub{max-width:620px;color:var(--muted);margin:0 auto;font-size:18px}.controls{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f7f5f0e6;padding:16px 20px;position:sticky;top:0}.controls__search{border:1px solid var(--line);background:var(--surface);width:100%;max-width:1080px;color:var(--ink);border-radius:12px;outline:none;margin:0 auto 12px;padding:12px 16px;font-size:15px;display:block}.controls__search:focus{border-color:var(--a);box-shadow:0 0 0 3px var(--a-soft)}.controls__chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1080px;margin:0 auto;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--a);color:var(--ink)}.chip--active{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;padding:32px 20px 48px;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card__head{padding:20px 22px 6px}.card__category{align-items:flex-start;gap:14px;display:flex}.card__icon{font-size:26px;line-height:1}.card__title{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.card__summary{color:var(--muted);margin:4px 0 0;font-size:14px}.card__pair{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;padding:16px 22px 6px;display:grid}.panel{border-radius:12px;padding:16px}.panel--anthropic{background:var(--a-soft)}.panel--openai{background:var(--o-soft)}.panel__label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.panel--anthropic .panel__label{color:var(--a-ink)}.panel--openai .panel__label{color:var(--o-ink)}.panel__name{margin-top:6px;font-size:18px;font-weight:700}.panel__name a{color:inherit;border-bottom:2px solid #0000;text-decoration:none}.panel__name a:hover{border-bottom-color:currentColor}.panel__tagline{color:var(--muted);margin-top:2px;font-size:13px;font-weight:600}.panel__desc{color:#3a3833;margin:10px 0 0;font-size:14px}.panel__status{color:var(--muted);background:#0000000f;border-radius:999px;margin-top:10px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.card__vs{justify-content:center;align-items:center;padding:0 14px;display:flex}.card__vs span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.card__toggle{border:none;border-top:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px;font-size:13px;font-weight:600;display:flex}.card__toggle:hover{color:var(--ink);background:#faf8f4}.card__chev{transition:transform .2s}.card__chev--up{transform:rotate(180deg)}.details{border-top:1px solid var(--line);padding:6px 12px 14px}.details__row{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr;gap:0;display:grid}.details__row:last-child{border-bottom:none}.details__row--head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.details__feature{padding:12px 10px;font-size:14px;font-weight:600}.details__side{color:#3a3833;padding:12px 10px;font-size:14px}.details__row--head .details__side--a{color:var(--a-ink)}.details__row--head .details__side--o{color:var(--o-ink)}.details__side--a{background:#cc785c0d}.details__side--o{background:#10a37f0d}.cell--yes{color:var(--o-ink);font-weight:700}.cell--no{color:var(--muted)}.footer{border-top:1px solid var(--line);text-align:center;padding:28px 20px 48px}.footer p{max-width:640px;color:var(--muted);margin:0 auto;font-size:13px}@media (width<=720px){.card__pair{grid-template-columns:1fr;gap:10px}.card__vs{padding:2px 0}.details__row{grid-template-columns:1fr}.details__row--head{display:none}.details__side{padding-top:2px}.details__side--a:before{content:"Anthropic: ";color:var(--a-ink);font-weight:700}.details__side--o:before{content:"OpenAI: ";color:var(--o-ink);font-weight:700}}