.compare{min-height:100vh;position:relative;padding-top:100px;padding-bottom:80px}.compare__bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 30% 0%,rgba(10,205,255,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 70% 10%,rgba(168,85,247,.04) 0%,transparent 50%)}.compare__content{position:relative;z-index:1}.compare__back{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--text-secondary);text-decoration:none;margin-bottom:32px;transition:color .2s,gap .2s}.compare__back:hover{color:var(--accent-cyan);gap:12px}.compare__header{margin-bottom:40px}.compare__title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.compare__title-icon{font-size:1.8rem;color:var(--accent-cyan)}.compare__title{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--text-primary)}.compare__subtitle{color:var(--text-secondary);font-size:.95rem}.compare__empty{text-align:center;padding:80px 20px;max-width:480px;margin:0 auto}.compare__empty-icon{font-size:3rem;color:var(--text-muted);margin-bottom:16px}.compare__empty h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.compare__empty p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.compare__empty-link{color:var(--accent-cyan);font-weight:600;text-decoration:underline;text-underline-offset:3px}.compare__table-wrap{margin-top:10px}.compare__table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card)}.compare__table{width:100%;border-collapse:collapse;min-width:600px}.compare__tool-header{padding:24px 20px 20px;text-align:center;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);vertical-align:top;position:relative;min-width:220px}.compare__tool-header:last-child{border-right:none}.compare__remove{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:all .15s}.compare__remove:hover{color:var(--accent-rose);background:#ff4d6a1f}.compare__tool-logo-wrap{width:56px;height:56px;border-radius:12px;background:var(--bg-secondary);display:grid;place-items:center;margin:0 auto 12px;overflow:hidden}.compare__tool-logo{width:36px;height:36px;object-fit:contain}.compare__logo-fallback{font-family:var(--font-heading);font-weight:900;font-size:1.4rem;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compare__tool-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.compare__tool-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare__label-cell{padding:14px 20px;font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);width:140px;min-width:140px}.compare__value-cell{padding:14px 20px;font-size:.88rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);vertical-align:top}.compare__value-cell:last-child{border-right:none}tr:last-child .compare__label-cell,tr:last-child .compare__value-cell{border-bottom:none}.compare__rating{display:inline-flex;align-items:center;gap:4px;color:var(--accent-amber);font-weight:600}.compare__no{color:var(--text-muted)}.compare__tags{display:flex;flex-wrap:wrap;gap:4px}.compare__tag{padding:2px 8px;border-radius:100px;background:var(--surface);color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.compare__usecases{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.compare__usecases li{display:flex;align-items:flex-start;gap:6px;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.compare__usecases li svg{color:var(--accent-mint);font-size:.9rem;flex-shrink:0;margin-top:2px}.compare__website-link{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--accent-cyan);text-decoration:none;transition:gap .2s}.compare__website-link:hover{gap:8px}.compare__actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}.compare__clear-btn{padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.compare__clear-btn:hover{color:var(--accent-rose);border-color:#ff4d6a4d;background:#ff4d6a0f}.compare__add-btn{padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));text-decoration:none;transition:all .2s}.compare__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0acdff33}@media(max-width:768px){.compare{padding-top:80px}.compare__title{font-size:1.5rem}.compare__label-cell{width:100px;min-width:100px;padding:10px 12px;font-size:.75rem}.compare__value-cell{padding:10px 14px;font-size:.82rem}.compare__tool-header{min-width:180px;padding:18px 14px 16px}}