/* COMPARE PAGES */

/* Hero */
.compare-hero{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#162036 50%,#1a1845 100%);position:relative;overflow:hidden}
.compare-hero::before{content:'';position:absolute;top:-40%;right:-20%;width:70%;height:140%;background:radial-gradient(ellipse,rgba(90,85,163,.12) 0%,transparent 70%);pointer-events:none}
.compare-hero-content{position:relative;z-index:1;max-width:700px}
.compare-label{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#ea580c;font-weight:700;margin-bottom:16px}
.compare-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.5px;margin-bottom:20px}
.compare-hero h1 .accent{color:#f97316}
.compare-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:#94a3b8;line-height:1.7;max-width:600px;margin:0 auto}

/* Section */
.compare-section{padding:80px 24px;background:#fff}
.compare-container{max-width:1000px;margin:0 auto}
.compare-intro{text-align:center;margin-bottom:48px}
.compare-intro h2{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:8px}
.compare-intro p{color:#64748b;font-size:1rem}

/* Table */
.compare-table-wrap{overflow-x:auto;margin-bottom:64px}
.compare-table{width:100%;border-collapse:collapse;font-size:.9rem}
.compare-table th,.compare-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #e2e8f0}
.compare-table th{background:#f8fafc;font-weight:700;color:#0f172a;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}
.compare-table th:first-child{border-radius:8px 0 0 0}
.compare-table th:last-child{border-radius:0 8px 0 0}
.compare-table td{color:#475569}
.compare-table td:first-child{font-weight:500;color:#0f172a}
.compare-table tr:hover td{background:#fafafa}
.compare-table .yes{color:#16a34a;margin-right:6px}
.compare-table .no{color:#dc2626;margin-right:6px}
.brand-990iq{font-weight:800;color:#ea580c}

/* Differences */
.compare-differences{margin-bottom:64px}
.compare-differences h2{font-size:1.5rem;font-weight:800;color:#0f172a;text-align:center;margin-bottom:40px}
.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.diff-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .3s}
.diff-card:hover{border-color:#ea580c;box-shadow:0 8px 24px rgba(234,88,12,.08);transform:translateY(-2px)}
.diff-icon{width:48px;height:48px;border-radius:12px;background:rgba(234,88,12,.1);color:#ea580c;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:16px}
.diff-card h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:8px}
.diff-card p{font-size:.9rem;color:#64748b;line-height:1.6;margin:0}

/* Note */
.compare-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:24px 28px}
.compare-note h3{font-size:1rem;font-weight:700;color:#0369a1;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.compare-note h3 i{font-size:1.1rem}
.compare-note p{font-size:.9rem;color:#0c4a6e;line-height:1.7;margin:0}
.compare-note strong{color:#0369a1}

/* Mobile */
@media(max-width:768px){
  .compare-hero{padding:100px 24px 60px;min-height:auto}
  .diff-grid{grid-template-columns:1fr}
  .compare-table{font-size:.8rem}
  .compare-table th,.compare-table td{padding:12px 14px}
}