.compare-body{background:var(--color-bg-base);color:var(--color-text-secondary);font-family:var(--font-sans);min-height:100vh;margin:0}.compare-nav-spacer{height:5.5rem}.compare-page{max-width:72rem;margin:0 auto;padding:0 1.5rem 4rem}.compare-page a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:none}.compare-page a:hover{text-decoration:underline}.compare-body code{font-family:var(--font-mono);background:var(--color-accent-soft);color:var(--color-text-primary);border-radius:4px;padding:.1em .35em;font-size:.85em}.compare-body :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.compare-hero.bento{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;display:grid}.bento-cell{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:1.75rem}.bento-cell--headline h1{letter-spacing:.02em;color:var(--color-text-primary);margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.4rem)}.bento-cell--headline .lead{color:var(--color-text-secondary);max-width:42rem;margin:0 0 .75rem;font-size:1.05rem}.bento-cell--headline .meta{color:var(--color-text-muted);margin:0;font-size:.8rem}.table-section{margin-bottom:2.5rem}.table-section h2{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.25rem}.table-section p{max-width:46rem;margin:0 0 .85rem;font-size:.95rem;line-height:1.7}.section-note{color:var(--color-text-muted)!important;font-size:.85rem!important;line-height:1.65!important}.compare-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;padding:1.35rem 1.5rem;scroll-margin-top:7rem}.compare-card h3{color:var(--color-text-primary);margin:0 0 .6rem;font-size:1.05rem}.compare-card p{margin:0 0 .75rem;font-size:.95rem;line-height:1.7}.compare-card p:last-child{margin-bottom:0}.compare-card--accent{border-color:var(--color-accent-border)}.compare-card .choose-when{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:.6rem;font-size:.88rem}.highlights{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:.75rem;display:grid}.highlight{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.15rem}.highlight-value{font-family:var(--font-mono);color:var(--color-text-primary);white-space:nowrap;font-size:1.9rem;font-weight:700;line-height:1.1}.highlight:first-child .highlight-value{color:var(--color-accent)}.highlight-label{color:var(--color-text-secondary);margin-top:.35rem;font-size:.82rem;font-weight:600}.highlight-note{color:var(--color-text-muted);margin-top:.3rem;font-size:.78rem;line-height:1.5}.highlights-note{margin-bottom:2.5rem}.roi-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:.85rem;display:grid}.roi{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.1rem 1.2rem}.roi-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:2.2rem;font-weight:700;line-height:1.1}.roi--accent{border-color:var(--color-accent-border)}.roi--accent .roi-value{color:var(--color-accent)}.roi-label{color:var(--color-text-secondary);margin-top:.4rem;font-size:.85rem;font-weight:600}.roi-note{color:var(--color-text-muted);margin-top:.25rem;font-size:.78rem}.deploy-code{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;margin:0 0 .85rem;padding:.9rem 1.1rem;overflow-x:auto}.deploy-code code{color:var(--color-text-primary);white-space:pre;background:0 0;padding:0;font-size:.88rem;line-height:1.7;display:block}.decision-table td{white-space:nowrap;min-width:0}.mark{font-family:var(--font-mono);font-size:.82rem}.mark-yes{color:var(--color-status-full)}.mark-no{color:var(--color-status-none)}.mark-partial{color:var(--color-status-partial)}.table-scroll{border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.88rem}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:.55rem .9rem}.compare-table thead th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-surface);white-space:nowrap;font-size:.8rem;font-weight:600}.compare-table tbody th{color:var(--color-text-primary);white-space:nowrap;font-weight:500}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none}.compare-table td{color:var(--color-text-secondary);min-width:9rem}.compare-table .cell-lose{color:var(--color-text-secondary);min-width:16rem}.compare-table .row-self th,.compare-table .row-self td{background:var(--color-accent-soft)}.choose-list{max-width:46rem;margin:0 0 1rem;padding-left:1.1rem}.choose-list li{margin-bottom:.65rem;font-size:.95rem;line-height:1.7}.choose-list strong{color:var(--color-text-primary);font-weight:600}@media (width<=48rem){.compare-page{padding:0 1rem 3rem}.bento-cell{padding:1.25rem}.compare-card{padding:1.1rem 1.15rem}.highlights{grid-template-columns:repeat(2,1fr);gap:.75rem}.highlight-value{font-size:1.35rem}.highlight{padding:.85rem .95rem}.roi-grid{grid-template-columns:1fr;gap:.75rem}.roi-value{font-size:1.8rem}.deploy-code code{white-space:pre-wrap;font-size:.78rem}.compare-table{font-size:.82rem}.compare-table th,.compare-table td{padding:.5rem .7rem}}.contract-quote{border-left:3px solid var(--accent,#6aa1ff);background:var(--surface-2,#6aa1ff14);border-radius:0 var(--radius,8px) var(--radius,8px) 0;margin:1.5rem 0;padding:1rem 1.25rem;font-size:1.15rem;font-style:italic;line-height:1.5}
