:root{--navy:#13295b;--orange:#e8922b;--bg:#fcfaf4;--surface:#fff;--text:#13295b;--muted:#5a6683;--border:#e6e1d3;--bar:#13295b;--comparing:#e8922b;--swapped:#c8553d;--sorted:#4f8a7a;--accent:#13295b;--accent-text:#fff;--highlight:#e8922b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Nunito Sans,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0b1631;--surface:#12224a;--text:#f3efe4;--muted:#a7b1c9;--border:#22345f;--bar:#8fa3d1;--comparing:#f0a54a;--swapped:#e0735c;--sorted:#6fb3a0;--accent:#e8922b;--accent-text:#13295b;--highlight:#f0a54a}}:root[data-theme=dark]{--bg:#0b1631;--surface:#12224a;--text:#f3efe4;--muted:#a7b1c9;--border:#22345f;--bar:#8fa3d1;--comparing:#f0a54a;--swapped:#e0735c;--sorted:#6fb3a0;--accent:#e8922b;--accent-text:#13295b;--highlight:#f0a54a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:1000px;margin:0 auto;padding:8px 16px 48px}.page-head{margin-top:16px}h1,h2,h3,.brand{font-family:Quicksand,Nunito Sans,system-ui,sans-serif}h1{letter-spacing:-.02em;margin:0;font-size:1.8rem}h2{margin:16px 0 4px;font-size:1.15rem}.tagline{color:var(--muted);margin:4px 0 20px}.controls{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.value{color:var(--text);font-variant-numeric:tabular-nums}select,button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.9rem}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.buttons{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.bars{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-end;gap:2px;height:360px;margin:20px 0;padding:12px;display:flex}.bar{background:var(--bar);border-radius:3px 3px 0 0;flex:1;min-width:2px;transition:height 60ms linear}.bar.sorted{background:var(--sorted)}.bar.comparing{background:var(--comparing)}.bar.swapped{background:var(--swapped)}.info p{color:var(--muted);margin:0 0 12px}.stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.stats b{color:var(--text)}table{border-collapse:collapse;font-size:.9rem}th,td{border:1px solid var(--border);text-align:center;padding:6px 14px}th{color:var(--muted);font-weight:500}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:16px;font-size:.85rem;display:flex}.swatch{border-radius:3px;width:12px;height:12px;margin-left:8px}.swatch.comparing{background:var(--comparing)}.swatch.swapped{background:var(--swapped)}.swatch.sorted{background:var(--sorted)}@media (width<=600px){.bars{gap:1px;height:240px}.buttons{margin-left:0}}.landing{max-width:1100px;margin:0 auto;padding:0 16px}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{border-radius:10px;width:40px;height:40px;display:block}.logo-mark.sm{border-radius:7px;width:28px;height:28px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:56px 0 72px;display:grid}.eyebrow{color:var(--highlight);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:.85rem;font-weight:600}.hero h1{letter-spacing:-.035em;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.05}.hero h1 em{color:var(--highlight);font-style:normal}.lede{color:var(--muted);max-width:34em;margin:20px 0 28px;font-size:1.15rem;line-height:1.6}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.cta{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.cta.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.hero-demo{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 20px 12px;box-shadow:0 12px 40px #0000000f}.demo-bars{align-items:flex-end;gap:2px;height:300px;display:flex}.demo-bars .bar{transition:none}.demo-caption{text-align:center;color:var(--muted);margin:10px 0 0;font-size:.8rem}.features{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:72px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.feature h3{margin:0 0 8px;font-size:1.05rem}.feature p{color:var(--muted);margin:0;line-height:1.55}.algos{padding-bottom:72px}.algos h2,.story h2,.final-cta h2{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.6rem,3.5vw,2.2rem)}.section-lede{color:var(--muted);margin:0 0 28px}.algo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.algo-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-direction:column;padding:18px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.algo-card:hover{border-color:var(--highlight);transform:translateY(-2px)}.algo-card h3{margin:14px 0 6px;font-size:1rem}.algo-card p{color:var(--muted);flex:1;margin:0 0 14px;font-size:.88rem;line-height:1.5}.demo-bars.mini{gap:2px;height:80px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badges span{background:var(--bg);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 8px;font-size:.75rem}.story{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:720px;margin:0 auto 72px;padding:36px}.story p{color:var(--muted);margin:12px 0 0;font-size:1.05rem;line-height:1.7}.story b{color:var(--text)}.final-cta{text-align:center;padding-bottom:80px}.final-cta h2{margin-bottom:20px}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px 0 32px;font-size:.85rem;display:flex}@media (width<=800px){.hero{grid-template-columns:1fr;gap:32px;padding:32px 0 56px}.demo-bars{height:200px}.features{grid-template-columns:1fr}.story{padding:24px}}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex}.site-menu{align-items:center;gap:20px;margin-left:auto;display:flex}.nav-links{gap:4px;display:flex}.nav-item{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:.95rem;font-weight:600;text-decoration:none}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--highlight);border-radius:8px 8px 0 0}.nav-controls{align-items:center;gap:8px;display:flex}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;padding:5px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--accent);color:var(--accent-text)}.segmented.icons button{padding:5px 7px}.segmented svg,.menu-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.menu-toggle{border-radius:8px;margin-left:auto;padding:8px;display:none}.menu-toggle svg{width:22px;height:22px}:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}#algorithms,#about{scroll-margin-top:80px}@media (width<=860px){.menu-toggle{display:inline-flex}.site-menu{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;padding:12px;display:none;position:absolute;top:100%;left:12px;right:12px;box-shadow:0 16px 40px #00000026}.site-menu.open{display:flex}.nav-links{flex-direction:column}.nav-item{padding:10px 12px}.nav-item.active{box-shadow:inset 3px 0 0 var(--highlight);border-radius:0 8px 8px 0}.nav-controls{border-top:1px solid var(--border);justify-content:space-between;padding-top:12px}}input[type=range]{accent-color:var(--highlight)}
