.comparison-hub-design{--surface-app:var(--vw-cream);--surface-card:var(--vw-paper);--hair:var(--border-default);--hair-strong:var(--border-strong);--e-rest:0 1px 2px #0a1e3f0a, 0 1px 3px #0a1e3f0d;--e-raise:0 2px 4px #0a1e3f0d, 0 8px 18px -8px #0a1e3f1f;--e-lift:0 24px 50px -20px #0a1e3f3d, 0 8px 16px -10px #0a1e3f1f;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.42, .58, 1);background:var(--surface-app)}.comparison-hub-design .vw-section{padding:72px 0}.comparison-hub-design .vw-section.tight{padding:44px 0}.comparison-hub-design .vw-wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.comparison-hub-design .vw-wrap{padding:0 20px}.comparison-hub-design .vw-section{padding:48px 0}}.comparison-hub-design .alt{background:radial-gradient(circle, color-mix(in oklab, var(--vw-navy-700) 8%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--vw-cream)}.comparison-hub-design .vw-kicker{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.comparison-hub-design .vw-kicker:before{content:"";opacity:.9;border:1.6px solid;border-radius:1.5px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.comparison-hub-design .vw-kicker.brand{color:var(--vw-green-700)}.comparison-hub-design .vw-kicker.on-dark{color:#fff9}.comparison-hub-design .section-head{max-width:72ch;margin-bottom:34px}.comparison-hub-design .vw-h2{font:400 clamp(28px, 3.4vw, 38px) / 1.08 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);margin:0}.comparison-hub-design .vw-h2 em{color:var(--vw-green-700);font-style:italic}.comparison-hub-design .cmp-hero{color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%, #1d4374 0%, var(--vw-navy-700) 46%, var(--vw-navy-800) 100%);position:relative;overflow:hidden}.comparison-hub-design .cmp-hero .dots{z-index:0;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%);mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%)}.comparison-hub-design .cmp-hero .glow{z-index:0;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#00b74a33,#0000 66%);width:520px;height:520px;position:absolute;top:-200px;right:-120px}.comparison-hub-design .cmp-hero .vw-wrap{z-index:1;padding-top:28px;padding-bottom:54px;position:relative}.comparison-hub-design .cmp-hero .vw-crumbs{width:fit-content;max-width:100%;font:var(--fw-medium) var(--fs-sm) / 1 var(--font-sans);color:#fff6;letter-spacing:0;border-radius:var(--r-pill);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px;display:flex}.comparison-hub-design .cmp-hero .vw-crumbs a{color:#ffffffa8;text-decoration:none}.comparison-hub-design .cmp-hero .vw-crumbs a:hover{color:#fff}.comparison-hub-design .cmp-hero .vw-crumbs .sep{opacity:.45}.comparison-hub-design .cmp-hero .vw-crumbs .here{color:#fff;font-weight:var(--fw-semibold)}.comparison-hub-design .cmp-hero h1{font:400 clamp(38px, 5vw, 58px) / 1.03 var(--font-display);letter-spacing:-.02em;max-width:16ch;margin:12px 0 0}.comparison-hub-design .cmp-hero h1 em{color:var(--vw-green-400);font-style:italic}.comparison-hub-design .cmp-hero .sub{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:#ffffffc2;max-width:56ch;margin:18px 0 0}.comparison-hub-design .cmp-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.comparison-hub-design .cmp-top .vw-crumbs{margin-bottom:0}.comparison-hub-design .vw-answer{background:var(--vw-green-50);border:1px solid color-mix(in oklab, var(--vw-green-500) 24%, var(--hair));border-radius:var(--r-xl);grid-template-columns:190px 1fr;align-items:start;gap:10px 44px;padding:30px 36px;display:grid}.comparison-hub-design .vw-answer .lbl{font:var(--fw-bold) var(--fs-2xs) / 1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vw-green-700);align-items:center;gap:9px;margin:6px 0 0;display:inline-flex}.comparison-hub-design .vw-answer .lbl:before{content:"";border:1.7px solid;border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.comparison-hub-design .vw-answer p{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:var(--fg-primary);grid-column:2;margin:0}.comparison-hub-design .vw-answer p strong{font-weight:var(--fw-semibold);color:var(--vw-navy-700)}@media (max-width:760px){.comparison-hub-design .vw-answer{grid-template-columns:1fr;gap:14px;padding:24px 22px}.comparison-hub-design .vw-answer p{grid-column:1}}@media (max-width:820px){.comparison-hub-design .vw-cluster{grid-template-columns:1fr}}.comparison-hub-design .cmp-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:820px){.comparison-hub-design .cmp-grid{grid-template-columns:1fr}}.comparison-hub-design .cmp-card{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--e-rest);color:inherit;transition:transform .26s var(--spring), box-shadow .26s var(--ease), border-color .26s var(--ease);flex-direction:column;padding:28px 30px;text-decoration:none;display:flex}.comparison-hub-design .cmp-card:hover{box-shadow:var(--e-lift);border-color:color-mix(in oklab, var(--vw-green-500) 40%, var(--hair-strong));transform:translateY(-3px)}.comparison-hub-design .cmp-card .vs{align-items:center;gap:12px;margin-bottom:16px;display:inline-flex}.comparison-hub-design .cmp-card .vs .us,.comparison-hub-design .cmp-card .vs .them{font:var(--fw-semibold) var(--fs-md) / 1 var(--font-sans);border-radius:var(--r-pill);padding:8px 13px}.comparison-hub-design .cmp-card .vs .us{color:var(--vw-green-900);background:var(--vw-green-50);border:1px solid var(--vw-green-200)}.comparison-hub-design .cmp-card .vs .them{color:var(--fg-secondary);background:var(--bg-surface-2,var(--vw-gray-50));border:1px solid var(--hair-strong)}.comparison-hub-design .cmp-card .vs .x{font:var(--fw-bold) var(--fs-2xs) / 1 var(--font-mono);color:var(--fg-subtle)}.comparison-hub-design .cmp-card h3{font:var(--fw-semibold) var(--fs-xl) / 1.25 var(--font-sans);color:var(--fg-primary);margin:0 0 8px}.comparison-hub-design .cmp-card p{font:400 var(--fs-md) / 1.6 var(--font-sans);color:var(--fg-secondary);flex:1;margin:0 0 18px}.comparison-hub-design .cmp-card .go{font:var(--fw-semibold) var(--fs-sm) / 1 var(--font-sans);color:var(--vw-green-700);align-items:center;gap:8px;margin-top:auto;display:inline-flex}.comparison-hub-design .fresh.on-dark-fresh{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.06em;color:#ffffff8c;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.comparison-hub-design .fresh.on-dark-fresh:before{content:"";background:var(--vw-green-400);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #00b74a33}.comparison-hub-design .vw-lead{font:400 var(--fs-lg) / 1.7 var(--font-sans);color:var(--fg-secondary);max-width:70ch;margin:0 0 28px}.comparison-hub-design .vw-benchmark{border-collapse:collapse;background:var(--surface-card);border:1px solid var(--hair-strong);border-radius:var(--r-lg);width:100%;box-shadow:var(--e-rest);overflow:hidden}.comparison-hub-design .vw-benchmark th,.comparison-hub-design .vw-benchmark td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:middle;padding:14px 18px}.comparison-hub-design .vw-benchmark th{background:var(--bg-surface-2,var(--vw-gray-50));font:var(--fw-semibold) var(--fs-2xs) / 1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.comparison-hub-design .vw-benchmark td{font:400 var(--fs-md) / 1.45 var(--font-sans);color:var(--fg-secondary)}.comparison-hub-design .vw-benchmark td:first-child{font-weight:var(--fw-semibold);color:var(--fg-primary)}.comparison-hub-design .vw-benchmark td .num{font:var(--fw-semibold) var(--fs-md) / 1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--vw-navy-700)}.comparison-hub-design .vw-benchmark tr:last-child td{border-bottom:none}.comparison-hub-design .vw-benchmark tr.win td{background:var(--vw-green-50)}.comparison-hub-design .vw-benchmark tr.win td:first-child{box-shadow:inset 3px 0 0 var(--vw-green-500);color:var(--vw-green-900)}.comparison-hub-design .benchmark-foot{margin:14px 0 0}.comparison-hub-design .benchmark-shell{-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);max-width:100%;overflow:auto hidden}.comparison-hub-design .benchmark-shell::-webkit-scrollbar{height:6px}.comparison-hub-design .benchmark-shell::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--vw-navy-700) 22%, var(--hair));border-radius:999px}.comparison-hub-design .compare-shell{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--e-rest);-webkit-overflow-scrolling:touch;max-width:100%;padding:0 8px;overflow:auto hidden}.comparison-hub-design .vw-compare{border-collapse:separate;border-spacing:0;width:100%}.comparison-hub-design .vw-compare th,.comparison-hub-design .vw-compare td{text-align:left;border-bottom:1px solid var(--hair);padding:16px 20px}.comparison-hub-design .vw-compare thead th{font:var(--fw-semibold) var(--fs-2xs) / 1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);border-bottom:1px solid var(--hair-strong);vertical-align:middle;padding:14px 20px}.comparison-hub-design .vw-compare thead th.us{color:var(--vw-green-800)}.comparison-hub-design .vw-compare tbody td{font:400 var(--fs-md) / 1.5 var(--font-sans);color:var(--fg-secondary)}.comparison-hub-design .vw-compare tbody td:first-child{font-weight:var(--fw-semibold);color:var(--fg-primary);width:34%}.comparison-hub-design .vw-compare .col-us{background:var(--vw-green-50)}.comparison-hub-design .vw-compare thead .col-us{background:var(--vw-green-50);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg)}.comparison-hub-design .vw-compare tbody tr:last-child .col-us{border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}.comparison-hub-design .vw-compare .yes,.comparison-hub-design .vw-compare .no{font-weight:var(--fw-semibold);align-items:center;gap:8px;display:inline-flex}.comparison-hub-design .vw-compare .yes{color:var(--vw-green-700)}.comparison-hub-design .vw-compare .no{color:var(--fg-subtle)}.comparison-hub-design .vw-compare .ic{flex-shrink:0;width:18px;height:18px}.comparison-hub-design .vw-quote{border-left:3px solid var(--vw-navy-700);max-width:72ch;padding:4px 0 4px 22px}.comparison-hub-design .vw-quote p{font:italic 400 var(--fs-2xl) / 1.4 var(--font-display);color:var(--fg-primary);margin:0 0 12px}.comparison-hub-design .vw-quote cite{font-style:normal;font:var(--fw-medium) var(--fs-sm) / 1.3 var(--font-sans);color:var(--fg-muted)}.comparison-hub-design .vw-quote cite b{color:var(--fg-primary);font-weight:var(--fw-semibold)}.comparison-hub-design .vw-faq{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:760px){.comparison-hub-design .vw-faq{grid-template-columns:1fr}}.comparison-hub-design .vw-faq details{border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface-card);box-shadow:var(--e-rest);align-self:start;padding:4px 22px}.comparison-hub-design .vw-faq details[open]{border-color:color-mix(in oklab, var(--vw-green-500) 32%, var(--hair));box-shadow:var(--e-raise)}.comparison-hub-design .vw-faq summary{cursor:pointer;font:var(--fw-semibold) var(--fs-lg) / 1.4 var(--font-sans);color:var(--fg-primary);justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 0;list-style:none;display:flex}.comparison-hub-design .vw-faq summary::-webkit-details-marker{display:none}.comparison-hub-design .vw-faq summary .pm{width:22px;height:22px;color:var(--vw-green-600);flex-shrink:0;margin-top:3px;position:relative}.comparison-hub-design .vw-faq summary .pm:before,.comparison-hub-design .vw-faq summary .pm:after{content:"";background:currentColor;border-radius:2px;position:absolute}.comparison-hub-design .vw-faq summary .pm:before{height:2px;top:10px;left:3px;right:3px}.comparison-hub-design .vw-faq summary .pm:after{width:2px;transition:transform .26s var(--ease);top:3px;bottom:3px;left:10px}.comparison-hub-design .vw-faq details[open] summary .pm:after{transform:scaleY(0)}.comparison-hub-design .vw-faq .a{font:400 var(--fs-md) / 1.65 var(--font-sans);color:var(--fg-secondary);padding:0 0 20px}.comparison-hub-design .vw-faq .a p{margin:0}.comparison-hub-design .vw-faq .a strong{color:var(--fg-primary);font-weight:var(--fw-semibold)}.comparison-hub-design .vw-cluster{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.comparison-hub-design .vw-cluster{grid-template-columns:1fr}}.comparison-hub-design .vw-cluster .lane h3{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 12px}.comparison-hub-design .vw-cluster .lane ul{margin:0;padding:0;list-style:none}.comparison-hub-design .vw-cluster .lane li a{border-bottom:1px solid var(--hair);font:var(--fw-medium) var(--fs-md) / 1.4 var(--font-sans);color:var(--fg-secondary);transition:color .15s var(--ease), padding-left .2s var(--ease);align-items:baseline;gap:9px;padding:9px 0;text-decoration:none;display:flex}.comparison-hub-design .vw-cluster .lane li a:hover{color:var(--vw-green-700);padding-left:6px}.comparison-hub-design .vw-cluster .lane .dir{font:var(--fw-bold) 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vw-green-700);border:1px solid var(--vw-green-200);border-radius:var(--r-xs);flex-shrink:0;padding:3px 5px;transform:translateY(-1px)}.comparison-hub-design .e-dark-duo,.comparison-hub-design .vw-cta-band{border-radius:var(--r-2xl);isolation:isolate;background:linear-gradient(120deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 46%, #00a345 100%);color:#fff;padding:56px 48px;position:relative;overflow:hidden}.comparison-hub-design .vw-cta-band.has-art{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px 48px;display:grid}.comparison-hub-design .vw-cta-band .dots{z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0}.comparison-hub-design .vw-cta-band h2{font:400 clamp(28px, 3.6vw, 40px) / 1.06 var(--font-display);letter-spacing:-.02em;color:#fff;z-index:1;margin:0 0 14px;position:relative}.comparison-hub-design .vw-cta-band h2 em{color:var(--vw-green-400);font-style:italic}.comparison-hub-design .vw-cta-band p{font:400 var(--fs-lg) / 1.55 var(--font-sans);color:#ffffffbd;z-index:1;max-width:52ch;margin:0 0 26px;position:relative}.comparison-hub-design .vw-cta-band .actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.comparison-hub-design .e-btn{font:var(--fw-bold) var(--fs-sm) / 1 var(--font-sans);border-radius:var(--r-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;display:inline-flex}.comparison-hub-design .e-btn.primary{background:var(--vw-green-500);color:var(--fg-on-brand);box-shadow:var(--shadow-green-glow)}.comparison-hub-design .e-btn.on-dark{color:#fff;background:0 0;border-color:#ffffff38}@media (max-width:880px){.comparison-hub-design .vw-cta-band.has-art{grid-template-columns:1fr}.comparison-hub-design .vw-cta-band.has-art .cta-art{display:none}}@media (max-width:720px){.comparison-hub-design .benchmark-shell .vw-benchmark{width:max(100%,640px);min-width:640px}.comparison-hub-design .benchmark-shell .vw-benchmark th,.comparison-hub-design .benchmark-shell .vw-benchmark td{padding:12px 14px}.comparison-hub-design .benchmark-shell .vw-benchmark th{letter-spacing:.08em;white-space:nowrap}.comparison-hub-design .benchmark-shell .vw-benchmark td{font:400 var(--fs-sm) / 1.45 var(--font-sans)}.comparison-hub-design .compare-shell .vw-compare{width:max(100%,560px);min-width:560px}.comparison-hub-design .compare-shell .vw-compare th,.comparison-hub-design .compare-shell .vw-compare td{padding:12px 14px}.comparison-hub-design .compare-shell .vw-compare thead th{letter-spacing:.08em}.comparison-hub-design .compare-shell .vw-compare tbody td{font:400 var(--fs-sm) / 1.45 var(--font-sans)}}
