.comparison-view{flex-direction:column;min-height:100vh;display:flex;background-color:var(--background)!important;color:var(--foreground)!important}.comparison-sticky-header{z-index:100;background:color-mix(in oklch,var(--background),transparent 20%);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid color-mix(in oklch,var(--border),transparent 50%);transition:all .4s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.header-inner{align-items:flex-start;gap:2rem;max-width:1400px;margin:0 auto;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.header-content{flex-direction:column;flex:1;gap:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.header-main,.header-secondary{transition:all .4s cubic-bezier(.4,0,.2,1)}.header-actions{padding-top:.5rem}.is-scrolled{background:color-mix(in oklch,var(--background),transparent 5%);border-bottom-color:var(--border);box-shadow:0 10px 30px -10px #0000001a}.is-scrolled .header-inner{padding:.5rem 2rem}.is-scrolled .header-content{gap:.5rem}.is-scrolled .text-sm.font-medium.text-muted-foreground{opacity:0;pointer-events:none;height:0;margin-bottom:0;overflow:hidden;transform:translateY(-5px)}.text-sm.font-medium.text-muted-foreground{height:auto;margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.is-scrolled button{transition:all .2s;height:2rem!important;min-height:0!important;padding-top:.25rem!important;padding-bottom:.25rem!important;font-size:.75rem!important}.comparison-controls{flex:1;align-items:center;gap:1.5rem;display:flex}.comparison-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;display:grid}.comparison-grid[data-systems="1"]{grid-template-columns:1fr;width:100%;max-width:800px;margin:0 auto}.comparison-grid[data-systems="2"]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.comparison-grid[data-systems="3"]{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.comparison-grid{gap:1.5rem;padding:1rem;grid-template-columns:1fr!important}.comparison-header{padding:.75rem}}.comparison-panel{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.5rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.comparison-panel-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.comparison-panel-title{align-items:center;font-size:1.125rem;font-weight:600;display:flex}.comparison-panel-content{flex-direction:column;flex:1;gap:1rem;padding:1rem 0;display:flex}.component-demo{background:hsl(var(--muted)/.3);border-radius:.375rem;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.loading-skeleton{background:linear-gradient(90deg,hsl(var(--muted))0%,hsl(var(--muted)/.5)50%,hsl(var(--muted))100%);background-size:200% 100%;border-radius:.375rem;width:100%;height:200px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}