.vs-hero{width:100%;padding:96px 24px 72px;text-align:center}.vs-hero-inner{max-width:760px;margin:0 auto}.vs-hero-badge{display:inline-block;padding:5px 14px;border-radius:var(--pro-radius-pill, 999px);background:var(--pro-brand-tint);color:var(--pro-brand-deep);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.vs-hero-title{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;color:var(--pro-ink);margin:0 0 1.1rem}.vs-hero-accent{color:var(--pro-brand)}.vs-hero-subtitle{font-size:1.2rem;line-height:1.6;color:var(--pro-body);max-width:640px;margin:0 auto 2rem}.vs-comparison-index-section{padding:72px 24px}.vs-comparison-index-section{padding-top:0}.vs-comparison-index-container{max-width:980px;margin:0 auto}.vs-comparison-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}.vs-comparison-index-card{display:flex;flex-direction:column;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius-lg, 16px);box-shadow:var(--pro-shadow-card);padding:1.9rem;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.vs-comparison-index-card:hover{transform:translateY(-4px);box-shadow:var(--pro-shadow-float, 0 12px 32px rgba(90, 104, 190, .16));border-color:var(--pro-brand-line)}.vs-comparison-index-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.vs-comparison-index-vs{background:var(--pro-brand-tint);color:var(--pro-brand-deep);padding:3px 10px;border-radius:var(--pro-radius-pill, 999px);font-size:.72rem;font-weight:700;letter-spacing:.08em}.vs-comparison-index-header h2{font-size:1.2rem;font-weight:650;color:var(--pro-ink);margin:0}.vs-comparison-index-card>p{color:var(--pro-body);line-height:1.6;font-size:.95rem;margin:0 0 1.25rem;flex:1}.vs-comparison-index-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--pro-brand-deep);font-weight:600;font-size:.95rem}.vs-comparison-index-link svg{transition:transform .2s ease}.vs-comparison-index-card:hover .vs-comparison-index-link svg{transform:translate(3px)}.vs-hero{padding:64px 18px 48px}.vs-comparison-index-section{padding:52px 18px}@media (max-width: 768px){.vs-hero{padding:64px 18px 48px}.vs-comparison-index-section{padding:52px 18px}}