.demo-library.demo-comparison{--demo-comparison-line:var(--brand-line);--demo-comparison-muted:var(--brand-muted)}.demo-comparison .demo-comparison-intro{margin:0 0 28px}.demo-comparison .demo-comparison-intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3.2vw,46px);font-weight:820;line-height:1.2}.demo-comparison .demo-comparison-intro p{color:var(--demo-comparison-muted);margin:12px 0 0;font-size:16px}.demo-comparison .demo-comparison-controls{grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:start;gap:16px 40px;margin-bottom:28px;display:grid}.demo-comparison .demo-comparison-field{color:var(--demo-comparison-muted);gap:6px;font-size:13px;font-weight:650;display:grid}.demo-comparison .demo-comparison-field select{border:1px solid var(--demo-comparison-line);width:100%;min-width:0;min-height:46px;color:var(--brand-ink);font:inherit;background:#fff;border-radius:4px;padding:10px 12px;font-size:15px}.demo-comparison .demo-comparison-settings{border-bottom:1px solid var(--demo-comparison-line);grid-column:1/-1}.demo-comparison .demo-comparison-settings summary{cursor:pointer;align-items:center;gap:12px;min-height:44px;padding:0 0 8px;font-size:14px;font-weight:700;list-style:none;display:flex}.demo-comparison .demo-comparison-settings summary::-webkit-details-marker{display:none}.demo-comparison .demo-comparison-settings summary:after{content:"+";margin-left:auto;font-size:22px;line-height:1}.demo-comparison .demo-comparison-settings[open] summary:after{content:"−"}.demo-comparison .demo-comparison-current-view{color:var(--demo-comparison-muted);font-size:13px;font-weight:450}.demo-comparison .demo-comparison-settings-body{flex-wrap:wrap;gap:16px 24px;padding:16px 0 20px;display:flex}.demo-comparison .demo-comparison-setting{gap:8px;display:grid}.demo-comparison .demo-comparison-viewport{justify-self:start;gap:6px}.demo-comparison .demo-comparison-setting>span{color:var(--demo-comparison-muted);font-size:12px}.demo-comparison .demo-comparison-viewport>span{font-size:13px;font-weight:650}.demo-comparison .demo-comparison-switch{border:1px solid var(--demo-comparison-line);border-radius:4px;width:fit-content;display:flex}.demo-comparison .demo-comparison-switch button{min-height:44px;color:var(--brand-ink);font:inherit;cursor:pointer;background:#fff;border:0;padding:8px 14px;font-size:14px;font-weight:650}.demo-comparison .demo-comparison-switch button+button{border-left:1px solid var(--demo-comparison-line)}.demo-comparison .demo-comparison-switch button[aria-pressed=true]{background:var(--brand-ink);color:#fff}.demo-comparison .demo-comparison-switch[data-automatic=true] button{color:var(--brand-ink);background:#fff}.demo-comparison .demo-comparison-switch[data-automatic=true] [data-viewport=desktop]{background:var(--brand-ink);color:#fff}.demo-comparison .demo-comparison-scroll-tools{flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;font-size:14px;display:flex}.demo-comparison .demo-comparison-scroll-tools label{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.demo-comparison .demo-comparison-scroll-tools input{width:18px;height:18px;accent-color:var(--brand-blue)}.demo-comparison .demo-comparison-scroll-tools button{min-height:44px;color:var(--brand-blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:650}.demo-comparison .demo-comparison-settings-body>p{width:100%;color:var(--demo-comparison-muted);margin:0;font-size:12px}.demo-comparison .demo-comparison-tabs{display:none}.demo-comparison .demo-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.demo-comparison .demo-comparison-panel{min-width:0}.demo-comparison .demo-comparison-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin-bottom:10px;display:flex}.demo-comparison .demo-comparison-panel-heading h2{letter-spacing:-.025em;align-items:center;gap:10px;margin:0;font-size:clamp(18px,1.8vw,25px);font-weight:780;line-height:1.3;display:flex}.demo-comparison .demo-comparison-panel-heading h2>span{border:1px solid var(--brand-ink);flex:none;place-items:center;width:29px;height:29px;font-size:13px;font-weight:750;display:inline-grid}.demo-comparison .demo-comparison-panel-heading [data-pick]{flex-shrink:0}.demo-comparison .screen-caption{border:1px solid var(--demo-comparison-line);min-height:40px;color:var(--demo-comparison-muted);background:#f4f6fb;border-bottom:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.demo-comparison .screen-caption a{min-height:44px;color:var(--brand-blue);white-space:nowrap;align-items:center;font-size:13px;font-weight:750;display:inline-flex}.demo-comparison .screen-scroll{border:1px solid var(--demo-comparison-line);background:var(--brand-soft);overscroll-behavior:contain;scrollbar-gutter:stable;height:clamp(420px,64vh,720px);overflow:hidden auto}.demo-comparison .comparison-capture{display:block}.demo-comparison .automatic-mobile-label{display:none}.demo-comparison .comparison-image{width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.demo-comparison .screen-scroll.is-mobile .comparison-image{width:390px}.demo-comparison .demo-comparison-layout-note{color:var(--demo-comparison-muted);margin:12px 0 0;font-size:14px}.demo-comparison .demo-comparison-help{color:var(--demo-comparison-muted);margin:24px 0 0;font-size:13px}.demo-comparison .demo-comparison-facts{border-top:1px solid var(--demo-comparison-line);grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;padding:28px 0;display:grid}.demo-comparison .demo-comparison-facts h2{margin:0 0 8px;font-size:16px;font-weight:780}.demo-comparison .demo-comparison-facts p{color:var(--demo-comparison-muted);margin:0;font-size:14px}.demo-comparison .demo-comparison-next{border-top:1px solid var(--demo-comparison-line);justify-content:space-between;align-items:center;gap:24px;padding:32px 0 12px;display:flex}.demo-comparison .demo-comparison-next h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(21px,2vw,28px);font-weight:780;line-height:1.4}.demo-comparison .demo-comparison-next p{color:var(--demo-comparison-muted);margin:0;font-size:15px}.demo-comparison .demo-comparison-next>a{flex-shrink:0}.demo-comparison .demo-comparison-empty{border-top:1px solid var(--demo-comparison-line);margin:24px 0 72px;padding:32px 0}.demo-comparison .demo-comparison-empty h2{font-size:24px;font-weight:780}.demo-comparison .demo-comparison-empty p{color:var(--demo-comparison-muted)}.demo-comparison .capture-error{text-align:center;min-height:100%;color:var(--demo-comparison-muted);align-content:center;justify-items:center;gap:12px;margin:0;padding:24px;font-size:14px;display:grid}.demo-comparison .capture-error a{min-height:44px;color:var(--brand-blue);align-items:center;font-weight:750;display:inline-flex}.demo-comparison :is(button,a,select,summary,input,.screen-scroll):focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}@media (max-width:900px){.demo-comparison .demo-comparison-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px}.demo-comparison .demo-comparison-panel-heading h2{font-size:18px}}@media (max-width:720px){.demo-comparison .demo-comparison-intro{margin-bottom:16px}.demo-comparison .demo-comparison-intro h1{font-size:30px}.demo-comparison .demo-comparison-intro p{margin-top:8px;font-size:14px;line-height:1.55}.demo-comparison .demo-comparison-controls{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px}.demo-comparison .demo-comparison-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-size:12px}.demo-comparison .demo-comparison-field select{min-height:44px;font-size:14px}.demo-comparison .demo-comparison-controls>.demo-comparison-viewport{display:none}.demo-comparison .demo-comparison-viewport{justify-content:space-between;justify-self:stretch;align-items:center;gap:12px;width:100%;display:flex}.demo-comparison .demo-comparison-switch[data-automatic=true] [data-viewport=desktop]{color:var(--brand-ink);background:#fff}.demo-comparison .demo-comparison-switch[data-automatic=true] [data-viewport=mobile]{background:var(--brand-ink);color:#fff}.demo-comparison .automatic-desktop-label{display:none}.demo-comparison .automatic-mobile-label{display:inline}.demo-comparison .screen-scroll.is-auto .comparison-image{width:390px}.demo-comparison .demo-comparison-settings summary{padding-bottom:0}.demo-comparison .demo-comparison-settings-body{gap:16px}.demo-comparison .demo-comparison-tabs{top:var(--company-header-height);z-index:16;border-bottom:1px solid var(--demo-comparison-line);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:6px;padding-block:8px;display:grid;position:sticky}.demo-comparison .demo-comparison-tabs button{border:1px solid var(--demo-comparison-line);min-height:44px;color:var(--brand-ink);font:inherit;cursor:pointer;background:#fff;border-radius:4px;padding:8px;font-size:13px;font-weight:650;line-height:1.35}.demo-comparison .demo-comparison-tabs button[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff}.demo-comparison .demo-comparison-grid{display:block}.demo-comparison .demo-comparison-panel[data-mobile-active=false]{display:none}.demo-comparison .demo-comparison-panel-heading{min-height:44px;margin-bottom:6px}.demo-comparison .demo-comparison-panel-heading h2{gap:8px;font-size:19px}.demo-comparison .demo-comparison-panel-heading h2>span{width:26px;height:26px;font-size:12px}.demo-comparison .demo-comparison-panel-heading [data-pick]{padding-inline:10px;font-size:12px}.demo-comparison .screen-scroll{height:clamp(360px,62vh,640px)}.demo-comparison .demo-comparison-facts{grid-template-columns:1fr;gap:24px}.demo-comparison .demo-comparison-next{justify-items:start;gap:20px;display:grid}.demo-comparison .demo-comparison-next p{font-size:14px}}@media (max-width:360px){.demo-comparison .demo-comparison-panel-heading h2{gap:6px;font-size:16px}.demo-comparison .demo-comparison-panel-heading [data-pick]{padding-inline:8px}.demo-comparison .demo-comparison-tabs button{font-size:12px}}
