/* Shared comparison-page components. */
:root { --cmp-red:#e7333f; --cmp-dark:#121722; --cmp-muted:#657085; --cmp-soft:#f6f7fb; --cmp-border:rgba(18,23,34,.12); --cmp-green:#0f7c57; }
body.compare-page { margin:0; color:var(--cmp-dark); background:#fff; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.compare-page a { color:inherit; }
.compare-page .navbar { background:rgba(255,255,255,.92); backdrop-filter:blur(18px); border-bottom:1px solid var(--cmp-border); }
.compare-page .brand-logo { height:38px; width:auto; display:block; }
.compare-page .nav-link { color:var(--cmp-dark); font-weight:650; }
.compare-page .nav-link:hover { color:var(--cmp-red); }
.compare-page .btn-red { color:#fff; background:var(--cmp-red); border:0; box-shadow:0 14px 28px rgba(231,51,63,.24); }
.compare-page .btn-red:hover { color:#fff; background:#c9222e; }
.compare-page .btn-soft { color:var(--cmp-dark); background:#fff; border:1px solid var(--cmp-border); }
.compare-page .btn-soft:hover { color:var(--cmp-red); border-color:rgba(231,51,63,.4); }
.cmp-shell { width:min(1120px,calc(100% - 40px)); margin:auto; }
.cmp-hero { padding:135px 0 72px; background:radial-gradient(circle at 12% 18%,rgba(231,51,63,.15),transparent 30%),radial-gradient(circle at 90% 8%,rgba(31,79,255,.11),transparent 27%),linear-gradient(180deg,#fff,#f8f9ff); }
.cmp-hero h1,.cmp-section h2 { font-weight:900; letter-spacing:-.045em; line-height:1; }
.cmp-hero h1 { max-width:900px; margin:18px 0; font-size:clamp(2.6rem,6vw,5.15rem); }
.cmp-hero p { max-width:760px; color:var(--cmp-muted); font-size:1.18rem; line-height:1.65; }
.cmp-eyebrow,.cmp-badge { display:inline-flex; align-items:center; border-radius:999px; font-size:.8rem; font-weight:800; }
.cmp-eyebrow { padding:8px 13px; color:var(--cmp-red); background:rgba(231,51,63,.08); border:1px solid rgba(231,51,63,.17); }
.cmp-badge { padding:5px 9px; background:#f2f4f7; color:#485366; }
.cmp-badge.live { color:var(--cmp-green); background:rgba(24,168,117,.1); }
.cmp-badge.plan { color:#76500a; background:#fff4d6; }
.cmp-badge.quote { color:#664592; background:#f2ebff; }
.cmp-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.cmp-actions .btn { border-radius:999px; font-weight:750; padding:.78rem 1.35rem; }
.cmp-section { padding:76px 0; }
.cmp-section.soft { background:var(--cmp-soft); }
.cmp-section-head { max-width:800px; margin-bottom:34px; }
.cmp-section h2 { margin:0 0 13px; font-size:clamp(2rem,4vw,3.2rem); }
.cmp-section-head p,.cmp-card p,.cmp-note { color:var(--cmp-muted); line-height:1.65; }
.cmp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.cmp-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cmp-card { height:100%; padding:25px; background:#fff; border:1px solid var(--cmp-border); border-radius:22px; box-shadow:0 14px 38px rgba(18,23,34,.045); }
.cmp-card h3 { margin:12px 0 8px; font-size:1.2rem; }
.cmp-card p { margin:0; }
.cmp-feature-list { margin:14px 0 0; padding-left:1.15rem; color:var(--cmp-muted); line-height:1.62; }
.cmp-feature-list li { margin-bottom:8px; }
.cmp-feature-list strong { color:var(--cmp-dark); }
.cmp-icon { color:var(--cmp-red); font-size:1.35rem; }
.cmp-table-wrap { overflow-x:auto; border:1px solid var(--cmp-border); border-radius:20px; background:#fff; }
.cmp-table { width:100%; min-width:720px; border-collapse:collapse; }
.cmp-table th,.cmp-table td { padding:16px 18px; vertical-align:top; text-align:left; border-bottom:1px solid var(--cmp-border); }
.cmp-table th { font-size:.9rem; background:#fbfbfd; }
.cmp-table tr:last-child td { border-bottom:0; }
.cmp-table td:first-child { font-weight:750; }
.cmp-source-list { margin:0; padding-left:1.25rem; color:var(--cmp-muted); }
.cmp-source-list li { margin:0 0 10px; }
.cmp-source-list a { color:#1f4fff; text-decoration:underline; text-underline-offset:3px; }
.cmp-checklist { margin:0; padding-left:1.2rem; color:var(--cmp-muted); line-height:1.8; }
.cmp-callout { padding:23px 25px; border-left:4px solid var(--cmp-red); border-radius:0 16px 16px 0; background:rgba(231,51,63,.06); }
.cmp-callout p { margin:0; color:#3d4656; line-height:1.65; }
.cmp-faq details { padding:18px 0; border-bottom:1px solid var(--cmp-border); }
.cmp-faq summary { cursor:pointer; font-weight:750; }
.cmp-faq p { max-width:850px; margin:12px 0 0; color:var(--cmp-muted); line-height:1.65; }
.cmp-cta { padding:48px; text-align:center; color:#fff; border-radius:28px; background:linear-gradient(135deg,var(--cmp-red),#ff6a3d); box-shadow:0 24px 65px rgba(231,51,63,.2); }
.cmp-cta h2 { font-size:clamp(2rem,4vw,3.1rem); letter-spacing:-.04em; font-weight:900; }
.cmp-cta p { max-width:650px; margin:0 auto 25px; color:rgba(255,255,255,.9); line-height:1.6; }
.cmp-cta .btn { border-radius:999px; padding:.8rem 1.35rem; font-weight:750; color:#fff; background:var(--cmp-dark); border:0; }
.cmp-footer { padding:36px 0 46px; color:var(--cmp-muted); font-size:.9rem; }
.cmp-footer-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.cmp-footer img { height:32px; width:auto; }
@media (max-width:760px) { .cmp-shell{width:min(100% - 28px,1120px)} .cmp-hero{padding-top:112px}.cmp-grid,.cmp-grid.two{grid-template-columns:1fr}.cmp-section{padding:58px 0}.cmp-cta{padding:34px 22px}.cmp-actions{flex-direction:column}.cmp-actions .btn{width:100%} }