.vs-page{max-width:860px;margin:0 auto;padding:24px 20px 48px;animation:.4s ease-out fadeSlideUp}.vs-breadcrumb{color:var(--foreground-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:.8125rem;display:flex}.vs-breadcrumb a{color:var(--brand-500);font-weight:500;text-decoration:none;transition:opacity .15s}.vs-breadcrumb a:hover{opacity:.8}.vs-hero{text-align:center;margin-bottom:40px}.vs-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-500);background:var(--background-surface-200);border:1px solid var(--border);border-radius:9999px;margin-bottom:14px;padding:4px 12px;font-size:.6875rem;font-weight:600;display:inline-block}.vs-hero h1{letter-spacing:-.02em;color:var(--foreground);margin-bottom:10px;font-size:2rem;font-weight:700;line-height:1.2}.vs-subtitle{color:var(--foreground-light);max-width:600px;margin:0 auto;font-size:.9375rem;line-height:1.65}.vs-tldr{margin-bottom:40px}.vs-tldr h2,.vs-table-section h2,.vs-deep-dive h2{letter-spacing:-.01em;color:var(--foreground);margin-bottom:16px;font-size:1.25rem;font-weight:600}.vs-tldr-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vs-tldr-card{border:1px solid var(--border);border-radius:12px;padding:20px}.vs-tldr-card h3{color:var(--foreground);margin-bottom:10px;font-size:.875rem;font-weight:600}.vs-tldr-card ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.vs-tldr-card li{color:var(--foreground-lighter);padding-left:18px;font-size:.8125rem;line-height:1.45;position:relative}.vs-tldr-card li:before{content:"✓";font-weight:700;position:absolute;left:0}.vs-tldr-bb{background:var(--background-surface-100);border-color:var(--border-strong)}.vs-tldr-bb li:before{color:var(--brand-500)}.vs-tldr-ots{background:var(--background-surface-100);border-color:var(--border)}.vs-tldr-ots li:before{color:var(--foreground-muted)}.vs-table-section{margin-bottom:40px}.vs-table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.vs-table{border-collapse:collapse;width:100%;font-size:.8125rem}.vs-table th{background:var(--background-surface-200);color:var(--foreground-light);text-align:left;border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:10px 14px;font-weight:600}.vs-table td{border-bottom:1px solid var(--border);color:var(--foreground-lighter);padding:10px 14px}.vs-table tr:last-child td{border-bottom:none}.vs-feature-name{color:var(--foreground);white-space:nowrap;font-weight:500}.vs-yes{text-align:center}.vs-no{text-align:center;opacity:.35}.vs-note{color:var(--foreground-muted);max-width:260px;font-size:.75rem}.vs-deep-dive{margin-bottom:36px}.vs-compare-blocks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vs-block{border:1px solid var(--border);border-radius:12px;padding:20px}.vs-block h3{color:var(--foreground);margin-bottom:10px;font-size:.875rem;font-weight:600}.vs-block p{color:var(--foreground-lighter);margin-bottom:10px;font-size:.8125rem;line-height:1.6}.vs-block p:last-child{margin-bottom:0}.vs-block code{background:var(--background-surface-300);border:1px solid var(--border-strong);font-family:var(--font-mono,monospace);border-radius:4px;padding:1px 5px;font-size:.6875rem}.vs-block-bb{background:var(--background-surface-100);border-color:var(--border-strong)}.vs-block-ots{background:var(--background-surface-100);border-color:var(--border)}.vs-cta{text-align:center;background:var(--background-surface-100);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:36px 24px}.vs-cta h2{color:var(--foreground);margin-bottom:6px;font-size:1.25rem;font-weight:600}.vs-cta p{color:var(--foreground-light);margin-bottom:18px;font-size:.875rem}.vs-cta-btn{background:var(--background-button);color:#fff;border-radius:6px;align-items:center;gap:6px;padding:10px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000026}.vs-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.vs-hero h1{font-size:1.5rem}.vs-tldr-grid,.vs-compare-blocks{grid-template-columns:1fr}.vs-note{max-width:none}}
