*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161f;--bg-card-hover: #1c1c28;--bg-glass: rgba(22, 22, 31, .7);--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-cool: linear-gradient(135deg, #06b6d4, #3b82f6);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #8b5cf6 25%, #a855f7 50%, #ec4899 75%, #f43f5e 100%);--gradient-grey: linear-gradient(135deg, #64748b, #94a3b8);--gradient-color: linear-gradient(135deg, #f59e0b, #ef4444, #ec4899);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #a78bfa;--border-subtle: rgba(148, 163, 184, .08);--border-glow: rgba(139, 92, 246, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(139, 92, 246, .15);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-padding: clamp(4rem, 10vw, 8rem);--container-width: min(1200px, 90vw)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a{color:var(--text-accent);text-decoration:none}img{max-width:100%;display:block}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:rgba(10,10,15,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:all .3s ease}.nav-inner{max-width:var(--container-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:color .3s ease;letter-spacing:.02em}.nav-links a:hover{color:var(--text-primary)}.nav-links a.nav-dataset{color:var(--text-accent);padding:.25rem .7rem;border:1px solid rgba(139,92,246,.25);border-radius:100px;font-size:.8rem;transition:all .3s ease}.nav-links a.nav-dataset:hover{background:rgba(139,92,246,.1);border-color:#8b5cf680;color:#c4b5fd}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:2rem}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.04) 0%,transparent 50%);animation:heroGlow 15s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:translate(0) rotate(0)}to{transform:translate(-2%,2%) rotate(3deg)}}.hero-content{position:relative;z-index:2;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:100px;font-size:.8rem;color:var(--text-accent);font-weight:500;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:#a855f7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero h1 .gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:650px;margin:0 auto 2rem;line-height:1.8}.hero-authors{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.author-chip{padding:.35rem .85rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:100px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.scroll-indicator .arrow{width:20px;height:20px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg)}.section{padding:var(--section-padding) 0;max-width:var(--container-width);margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.section-label:before{content:"";width:24px;height:1px;background:var(--text-accent)}.section h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.section-desc{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin-bottom:3rem;line-height:1.8}.divider{width:100vw;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),var(--border-glow),var(--border-subtle),transparent);margin:0 calc(-50vw + 50%)}.explainer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.explainer-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.explainer-card:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.explainer-card .card-number{font-family:var(--font-display);font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;position:absolute;top:1rem;right:1.5rem}.explainer-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.explainer-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.comparison-container{margin:3rem 0}.comparison-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);aspect-ratio:1;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none}.comparison-wrapper img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;pointer-events:none;-webkit-user-drag:none}.comparison-wrapper .color-img{z-index:1}.comparison-wrapper .grey-img{z-index:2;clip-path:inset(0 0 0 0)}.comparison-slider-line{position:absolute;top:0;bottom:0;width:3px;background:white;z-index:10;pointer-events:none;box-shadow:0 0 8px #00000080}.comparison-slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:white;z-index:11;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0006;cursor:ew-resize}.comparison-slider-handle:before,.comparison-slider-handle:after{content:"";width:0;height:0;border-style:solid;position:absolute}.comparison-slider-handle:before{border-width:5px 6px 5px 0;border-color:transparent #333 transparent transparent;left:8px}.comparison-slider-handle:after{border-width:5px 0 5px 6px;border-color:transparent transparent transparent #333;right:8px}.comparison-labels{display:flex;justify-content:space-between;margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto}.comparison-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}.comparison-label .indicator{width:12px;height:12px;border-radius:50%}.comparison-label.grey-label .indicator{background:var(--gradient-grey)}.comparison-label.color-label .indicator{background:var(--gradient-color)}.comparison-info{text-align:center;margin-top:.75rem;font-size:.8rem;color:var(--text-muted)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.showcase-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s ease}.showcase-item:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.showcase-item .showcase-image-wrap{position:relative;aspect-ratio:1;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none}.showcase-item .showcase-image-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;pointer-events:none;-webkit-user-drag:none}.showcase-item .showcase-image-wrap .color-img{z-index:1}.showcase-item .showcase-image-wrap .grey-img{z-index:2}.showcase-item .showcase-meta{padding:1.25rem}.showcase-item .showcase-meta h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.5rem}.showcase-item .showcase-meta .entity-tags{display:flex;gap:.5rem;flex-wrap:wrap}.entity-tag{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.entity-tag.grey{background:rgba(148,163,184,.15);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.entity-tag.color{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.2)}.entity-tag.quality{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.model-card{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s ease}.model-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.model-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.model-card-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem}.model-card-type{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;background:rgba(99,102,241,.1);border-radius:4px}.model-card-accuracy{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.model-card-accuracy.top{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.model-card-bars{display:flex;flex-direction:column;gap:.5rem}.bar-row{display:flex;align-items:center;gap:.75rem}.bar-label{font-size:.75rem;color:var(--text-muted);width:50px;text-align:right;font-weight:500}.bar-track{flex:1;height:8px;background:rgba(255,255,255,.05);border-radius:100px;overflow:hidden}.bar-fill{height:100%;border-radius:100px;transition:width 1s ease-out}.bar-fill.grey{background:var(--gradient-grey)}.bar-fill.color{background:var(--gradient-color)}.bar-value{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);width:40px}.bias-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;margin-top:.75rem}.bias-badge.grey-bias{background:rgba(148,163,184,.15);color:#94a3b8}.bias-badge.color-bias{background:rgba(236,72,153,.15);color:#f472b6}.finding-callout{padding:2rem 2.5rem;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(168,85,247,.05));border:1px solid rgba(139,92,246,.2);border-radius:16px;margin:3rem 0;position:relative;overflow:hidden}.finding-callout:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary)}.finding-callout h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.finding-callout p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.chart-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;margin:2rem 0;overflow:hidden}.chart-container img{width:100%;border-radius:8px}.chart-caption{text-align:center;margin-top:1rem;font-size:.85rem;color:var(--text-muted);font-style:italic}.arch-timeline{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.arch-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all .3s ease}.arch-item:hover{border-color:var(--border-glow)}.arch-rank{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-accent);min-width:32px;text-align:center}.arch-info{flex:1}.arch-name{font-family:var(--font-display);font-weight:600;margin-bottom:.25rem}.arch-desc{font-size:.85rem;color:var(--text-muted)}.arch-accuracy{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.conclusion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.conclusion-card{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;text-align:center;transition:all .3s ease}.conclusion-card:hover{border-color:var(--border-glow);transform:translateY(-4px)}.conclusion-icon{font-size:2rem;margin-bottom:1rem}.conclusion-card h4{font-family:var(--font-display);font-weight:600;margin-bottom:.5rem}.conclusion-card p{color:var(--text-secondary);font-size:.9rem}.footer{padding:3rem 2rem;text-align:center;border-top:1px solid var(--border-subtle);margin-top:var(--section-padding)}.footer p{color:var(--text-muted);font-size:.85rem}.footer .refs{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer .ref-chip{padding:.35rem .8rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;font-size:.75rem;color:var(--text-secondary);transition:all .3s ease}.footer .ref-chip:hover{border-color:var(--border-glow);color:var(--text-primary)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:110;flex-direction:column;gap:5px}.hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:1rem 2rem;gap:.25rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;padding-top:0;padding-bottom:0}.nav-links.nav-open{max-height:300px;opacity:1;padding:1rem 2rem}.nav-links li{display:block}.nav-links a{display:block;padding:.6rem 0;font-size:.95rem}.nav-links a.nav-dataset{display:inline-flex;margin-top:.5rem}.hero-stats{gap:1.5rem}.hero-stat-value{font-size:2rem}.comparison-wrapper{max-width:100%}.model-grid{grid-template-columns:1fr}.arch-item{flex-direction:column;text-align:center;gap:.75rem}}.custom-chart-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;margin:2rem 0}.custom-chart-container h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.pair-section{margin:3rem 0}.pair-section h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.pair-section .pair-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}