.vs-section{padding:var(--space-20) 0}.vs-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.vs-hero{padding:var(--space-24) 0 var(--space-16);background:linear-gradient(135deg,var(--brand-50) 0%,var(--surface-0) 60%)}.vs-hero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-10);align-items:center}@media (max-width:960px){.vs-hero__grid{grid-template-columns:1fr}}.vs-hero__eyebrow{display:inline-block;font-family:var(--font-semibold);font-size:var(--text-sm);color:var(--color-brand-on-light);background:var(--brand-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:var(--space-5)}.vs-hero__title{font-family:var(--font-heading);font-size:var(--text-5xl);color:var(--text-primary);margin:0 0 var(--space-4);line-height:1.08}.vs-hero__title span{color:var(--color-brand-on-light)}.vs-hero__subtitle{font-family:var(--font-body);font-size:var(--text-xl);color:var(--text-secondary);margin:0 0 var(--space-8);line-height:1.5}.vs-hero__ctas{display:inline-flex;gap:var(--space-4);flex-wrap:wrap}.vs-hero__note{display:block;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-4);letter-spacing:0.04em}.vs-hero__visual{position:relative}.vs-duel{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.vs-duel__chrome{display:flex;gap:6px;padding:var(--space-3) var(--space-4);background:var(--surface-50);border-bottom:1px solid var(--border-subtle)}.vs-duel__dot{width:12px;height:12px;border-radius:50%;background:var(--surface-200)}.vs-duel__dot:nth-child(1){background:#ff5f57}.vs-duel__dot:nth-child(2){background:#febc2e}.vs-duel__dot:nth-child(3){background:#28c840}.vs-duel__body{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:stretch;padding:var(--space-6);background:var(--surface-0)}.vs-duel__side{display:flex;flex-direction:column;justify-content:center;padding:var(--space-5);background:var(--surface-50);border-radius:var(--radius-lg);text-align:center}.vs-duel__side--us{background:color-mix(in srgb,var(--brand-500) 8%,var(--surface-0));border:1px solid color-mix(in srgb,var(--brand-500) 30%,transparent)}.vs-duel__name{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-1)}.vs-duel__side--us .vs-duel__name{color:var(--color-brand-on-light)}.vs-duel__tag{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;margin:0 0 var(--space-3)}.vs-duel__pills{display:flex;flex-direction:column;gap:6px}.vs-duel__pill{font-family:var(--font-semibold);font-size:11px;padding:4px 10px;background:var(--surface-100);border-radius:var(--radius-full);color:var(--text-secondary)}.vs-duel__side--us .vs-duel__pill{background:var(--brand-50);color:var(--color-brand-on-light)}.vs-duel__vs{display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-brand-on-light);padding:0 var(--space-2)}@media (max-width:600px){.vs-duel__body{grid-template-columns:1fr;gap:var(--space-3)}.vs-duel__vs{padding:var(--space-2) 0}}.vs-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-7);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);border:none;cursor:pointer}.vs-btn--primary{background:var(--color-cta-primary);color:var(--color-cta-primary-text)}.vs-btn--primary:hover{background:var(--color-cta-primary-hover);transform:translateY(-2px)}.vs-btn--secondary{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border-strong)}.vs-btn--secondary:hover{background:var(--surface-100)}.vs-btn--ghost{background:transparent;color:var(--text-inverse);border:1px solid rgba(255,255,255,0.4)}.vs-btn--ghost:hover{background:rgba(255,255,255,0.1)}.vs-h2{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--text-primary);text-align:center;margin:0 0 var(--space-6);line-height:1.15}.vs-h2 span{color:var(--color-brand-on-light)}.vs-lede{text-align:center;max-width:760px;margin:0 auto var(--space-10);font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);line-height:1.55}.vs-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1080px;margin:0 auto}@media (max-width:900px){.vs-personas{grid-template-columns:1fr}}.vs-persona{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.vs-persona__label{font-family:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-brand-on-light);margin-bottom:var(--space-2)}.vs-persona__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-3);line-height:1.2}.vs-persona__desc{font-family:var(--font-body);color:var(--text-secondary);line-height:1.55;margin:0;font-size:var(--text-sm)}.vs-table-wrap{max-width:1080px;margin:0 auto;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:var(--surface-0)}.vs-table{width:100%;border-collapse:collapse;font-family:var(--font-body);min-width:680px}.vs-table caption{caption-side:top;padding:var(--space-4) var(--space-5);text-align:left;font-family:var(--font-semibold);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:0.04em;background:var(--surface-50);border-bottom:1px solid var(--border-subtle)}.vs-table th,.vs-table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}.vs-table thead th{font-family:var(--font-heading);color:var(--text-primary);background:var(--surface-50);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.06em;position:sticky;top:0;z-index:1}.vs-table th.vs-col-us,.vs-table td.vs-col-us{background:color-mix(in srgb,var(--brand-500) 6%,var(--surface-0))}.vs-table thead th.vs-col-us{color:var(--color-brand-on-light)}.vs-table tbody tr:last-child th,.vs-table tbody tr:last-child td{border-bottom:none}.vs-table tbody th{font-family:var(--font-semibold);color:var(--text-primary);font-weight:600;background:var(--surface-0);font-size:var(--text-sm)}.vs-table td{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.vs-check{color:var(--success-500);font-weight:700;margin-right:4px}.vs-x{color:var(--text-muted);font-weight:700;margin-right:4px}.vs-partial{color:var(--warning-500);font-weight:700;margin-right:4px}.vs-flag{color:var(--danger-500);font-weight:700;margin-right:4px}.vs-table .vs-col-us{color:var(--color-brand-on-light)}.vs-table .vs-col-us .vs-check{color:var(--color-brand-on-light)}.vs-honest{max-width:960px;margin:0 auto;background:var(--surface-50);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8)}.vs-honest__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width:760px){.vs-honest__list{grid-template-columns:1fr}}.vs-honest__item{padding:var(--space-4) var(--space-5);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-left:3px solid var(--surface-500)}.vs-honest__item strong{font-family:var(--font-semibold);color:var(--text-primary);display:block;margin-bottom:var(--space-1);font-size:var(--text-sm)}.vs-honest__item span{font-family:var(--font-body);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.vs-why{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media (max-width:700px){.vs-why{grid-template-columns:1fr}}.vs-why__card{padding:var(--space-5) var(--space-6);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-top:3px solid var(--brand-700)}.vs-why__card h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-2);line-height:1.25}.vs-why__card p{font-family:var(--font-body);color:var(--text-secondary);margin:0;line-height:1.55;font-size:var(--text-sm)}.vs-migrate{max-width:820px;margin:0 auto;padding:var(--space-8);background:var(--surface-0);border:2px solid var(--brand-700);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-md)}.vs-migrate h3{font-family:var(--font-heading);font-size:var(--text-2xl);margin:0 0 var(--space-3);color:var(--text-primary)}.vs-migrate h3 strong{color:var(--color-brand-on-light)}.vs-migrate p{font-family:var(--font-body);color:var(--text-secondary);margin:0 0 var(--space-5);line-height:1.6}.vs-migrate__cta{font-family:var(--font-semibold);color:var(--color-brand-on-light);text-decoration:none;border-bottom:2px solid var(--brand-700);padding-bottom:2px}.vs-migrate__cta:hover{color:var(--brand-800);border-color:var(--brand-800)}.vs-pricing{max-width:860px;margin:0 auto;overflow-x:auto}.vs-pricing table{width:100%;border-collapse:collapse;font-family:var(--font-body);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.vs-pricing th,.vs-pricing td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm)}.vs-pricing thead th{font-family:var(--font-heading);background:var(--surface-50);color:var(--text-primary);text-transform:uppercase;letter-spacing:0.06em;font-size:var(--text-xs)}.vs-pricing td strong{color:var(--color-brand-on-light);font-family:var(--font-semibold)}.vs-pricing tr:last-child td{border-bottom:none}.vs-faq{max-width:840px;margin:0 auto}.vs-faq__item{border-bottom:1px solid var(--border-subtle)}.vs-faq__q{width:100%;text-align:left;background:none;border:none;padding:var(--space-4) 0;font-family:var(--font-semibold);font-size:var(--text-lg);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.vs-faq__q::-webkit-details-marker{display:none}.vs-faq__q::after{content:"+";font-size:var(--text-2xl);color:var(--color-brand-on-light);flex-shrink:0;margin-left:var(--space-4)}.vs-faq__item[open] .vs-faq__q::after{content:"−"}.vs-faq__a{padding:0 0 var(--space-4);font-family:var(--font-body);color:var(--text-secondary);line-height:1.6}.vs-final{background:linear-gradient(135deg,var(--brand-700) 0%,var(--brand-800) 100%);color:var(--text-inverse);padding:var(--space-20) 0;text-align:center}.vs-final h2{font-family:var(--font-heading);font-size:var(--text-5xl);margin:0 0 var(--space-4);line-height:1.1}.vs-final p{font-family:var(--font-body);font-size:var(--text-lg);margin:0 0 var(--space-8);opacity:0.92}.vs-final__ctas{display:inline-flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.vs-final .vs-btn--primary{background:var(--surface-0);color:var(--color-brand-on-light)}.vs-final .vs-btn--primary:hover{background:var(--surface-100);color:var(--brand-800)}@media (max-width:768px){.vs-hero{padding:var(--space-16) 0 var(--space-10)}.vs-hero__title{font-size:var(--text-4xl)}.vs-hero__subtitle{font-size:var(--text-lg)}.vs-section{padding:var(--space-16) 0}.vs-h2{font-size:var(--text-3xl)}.vs-final h2{font-size:var(--text-4xl)}}