/* ==========================================
   Compare Index Page
========================================== */

.compare-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.compare-index-card,.compare-index-callout{background:var(--c-surface,#fff);border:1px solid var(--c-border,#e7e7e7);border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.compare-index-card h3,.compare-index-callout h2{margin-top:0;}
.compare-index-card p:last-child,.compare-index-callout p:last-child{margin-bottom:0;}
.compare-index-eyebrow{display:inline-block;margin-bottom:10px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3b6cff;}
.compare-index-stack{display:grid;gap:22px;}
.compare-index-list{margin:14px 0 0 18px;}
.compare-index-list li{margin:8px 0;}
@media (max-width: 980px){.compare-index-grid{grid-template-columns:1fr;}}

/* ==========================================
   Compare vs. Vendor Page (e.g. compare/akeneo)
========================================== */

.compare-hero .hero-inner{max-width:980px;}
.compare-hero .kicker{margin-bottom:14px;}
.compare-hero p{max-width:78ch;}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.compare-card,.compare-table-wrap,.compare-callout,.compare-nav-card{background:var(--c-surface, #fff);border:1px solid var(--c-border, #e7e7e7);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.compare-card,.compare-callout,.compare-nav-card{padding:28px;}
.compare-card h2,.compare-callout h2,.compare-nav-card h3{margin-top:0;}
.compare-card ul,.compare-callout ul{margin:14px 0 0 20px;}
.compare-card li,.compare-callout li{margin:8px 0;}
.compare-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;}
.compare-key-diff{background:linear-gradient(135deg, rgba(59,108,255,.1), rgba(59,108,255,.03));border:1px solid rgba(59,108,255,.18);border-radius:18px;padding:28px;}
.compare-key-diff h2{margin-top:0;}
.compare-key-diff .compare-lines{display:grid;gap:12px;margin-top:18px;}
.compare-line{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(59,108,255,.12);}
.compare-line strong{display:block;margin-bottom:4px;}
.compare-table-wrap{overflow:auto;}
.compare-table{width:100%;border-collapse:collapse;min-width:760px;}
.compare-table th,.compare-table td{padding:16px 18px;vertical-align:top;border-bottom:1px solid var(--c-border, #e7e7e7);text-align:left;}
.compare-table thead th{font-size:.92rem;letter-spacing:.02em;text-transform:uppercase;}
.compare-table tbody tr:last-child td{border-bottom:none;}
.compare-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.1;background:rgba(59,108,255,.12);color:#2148c0;}
.compare-badge.soft{background:rgba(0,0,0,.06);color:inherit;}
.compare-faq details{padding:18px 0;border-bottom:1px solid var(--c-border, #e7e7e7);}
.compare-faq summary{cursor:pointer;font-weight:700;list-style:none;}
.compare-faq summary::-webkit-details-marker{display:none;}
.compare-faq p{margin:12px 0 0;}
.compare-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.compare-nav-card a{font-weight:700;}
.compare-eyebrow{display:inline-block;margin-bottom:10px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3b6cff;}
.compare-note{font-size:.96rem;opacity:.9;}
@media (max-width: 920px){
  .compare-summary,.compare-grid,.compare-nav{grid-template-columns:1fr;}
  .compare-card,.compare-callout,.compare-nav-card,.compare-key-diff{padding:22px;}
}