:root{--ds-space-0: 0;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-space-24: 6rem;--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 10px;--ds-radius-full: 9999px;--ds-shadow-color-sm: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--ds-shadow-color-md: light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .4));--ds-shadow-color-lg: light-dark(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));--ds-shadow-sm: 0 2px 8px var(--ds-shadow-color-sm);--ds-shadow-md: 0 4px 16px var(--ds-shadow-color-md);--ds-shadow-lg: 0 8px 32px var(--ds-shadow-color-lg);--ds-focus-ring: light-dark(rgba(255, 0, 110, .1), rgba(191, 97, 106, .15));--ds-focus-ring-strong: light-dark( rgba(255, 0, 110, .3), rgba(191, 97, 106, .35) );--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.25rem;--ds-text-xl: 1.5rem;--ds-text-2xl: 1.75rem;--ds-text-3xl: clamp(2rem, 6vw, 3.5rem);--ds-text-4xl: clamp(3rem, 10vw, 6rem);--ds-max-width: 1242px;--ds-bg: light-dark(#f8f8f8, #2e3440);--ds-surface: light-dark(#f9f9f9, #3a404d);--ds-surface-hover: light-dark( rgba(0, 0, 0, .06), rgba(255, 255, 255, .08) );--ds-text: light-dark(#1a1a1a, #eceff4);--ds-text-inverse: #ffffff;--ds-text-secondary: color-mix(in srgb, var(--ds-text), transparent 15%);--ds-text-muted: light-dark(#aaa, #6c757d);--ds-text-opacity: .7;--ds-border: light-dark(#d0d0d0, rgba(255, 255, 255, .13));--ds-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--ds-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ds-transition-fast: .15s ease;--ds-transition: .2s ease;--ds-transition-slow: .6s ease;--ds-gradient-1: light-dark(#ff006e, #bf616a);--ds-gradient-2: light-dark(#fb5607, #d08770);--ds-gradient-3: light-dark(#ffbe0b, #ebcb8b);--ds-gradient-4: light-dark(#8338ec, #b48ead);--ds-gradient-5: light-dark(#3a86ff, #5e81ac);--ds-gradient-text: linear-gradient( 135deg, var(--ds-gradient-1) 0%, var(--ds-gradient-2) 25%, var(--ds-gradient-3) 50%, var(--ds-gradient-4) 75%, var(--ds-gradient-5) 100% );--ds-bg-pattern: radial-gradient( ellipse at 30% 40%, var(--ds-gradient-1) 0%, transparent 70% ), radial-gradient( ellipse at 70% 30%, var(--ds-gradient-3) 0%, transparent 75% ), radial-gradient( ellipse at 50% 70%, var(--ds-gradient-5) 0%, transparent 80% ), repeating-linear-gradient( 45deg, transparent, transparent 60px, var(--ds-gradient-4) 60px, var(--ds-gradient-4) 62px, transparent 62px, transparent 150px );--ds-bg-pattern-opacity: .12;--ds-ok: light-dark(#16a34a, #a6e3a1);--ds-info: var(--ds-gradient-5);--ds-warn: light-dark(#9a5a00, #ebcb8b);--ds-bad: var(--ds-gradient-2);--terminal-bg: light-dark(#f4f4f5, #1e1e2e);--terminal-text: light-dark(#1a1a1a, #cdd6f4);--terminal-header-bg: light-dark(#e4e4e7, rgba(255, 255, 255, .04));--terminal-header-border: light-dark(#d4d4d8, rgba(255, 255, 255, .08));--terminal-border: light-dark(#d4d4d8, rgba(255, 255, 255, .1));--terminal-comment: light-dark(#a1a1aa, #585b70);--terminal-prompt: light-dark(#16a34a, #a6e3a1);--terminal-output: light-dark(#6b7280, #94a3b8);--terminal-title: light-dark(#52525b, #cdd6f4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}img,video{max-width:100%;height:auto}button{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{color-scheme:light dark}body{font-family:var(--ds-font-mono);background:var(--ds-bg);color:var(--ds-text);min-height:100vh;display:flex;flex-direction:column;align-items:center}h1,h2,h3,h4,h5,h6{color:var(--ds-text)}h1{font-weight:800;background:var(--ds-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1,h2,h3,h4,h5,h6{margin:0}a:not([class]){text-decoration:none}p{font-size:clamp(1rem,3vw,1.25rem);opacity:var(--ds-text-opacity);margin:var(--ds-space-4) 0 0 0}:focus-visible{outline:2px solid var(--ds-focus-ring-strong);outline-offset:2px}.lucide-icon{display:inline-block;vertical-align:middle;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;transition:transform var(--ds-transition)}[x-cloak]{display:none!important}.skip-link{position:absolute;top:-100%;left:0;background:var(--ds-gradient-1);color:var(--ds-text-inverse);padding:var(--ds-space-3) var(--ds-space-6);z-index:9999;text-decoration:none;font-weight:600;border-radius:0 var(--ds-space-2) var(--ds-space-2) 0}.skip-link:focus{top:0}@keyframes gradient-shift{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes blink{50%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-arrow{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(8px);opacity:1}}.ds-text-gradient{background:var(--ds-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ds-text-gradient--animated{background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite alternate}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.ds-lift{transition:transform var(--ds-transition),box-shadow var(--ds-transition)}.ds-lift:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{width:100%;position:sticky;top:0;z-index:100;background:linear-gradient(180deg,light-dark(rgba(248,248,248,.4),rgba(46,52,64,.5)) 0%,light-dark(rgba(248,248,248,.15),rgba(46,52,64,.25)) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid light-dark(rgba(0,0,0,.06),rgba(255,255,255,.06))}.nav-inner{max-width:var(--max-width);margin:0 auto;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--ds-space-8)}.wordmark{font-weight:700;font-size:1.05rem;margin:0;color:var(--ds-text);border:none;white-space:nowrap}.wordmark:hover{border:none}.nav-right{display:flex;align-items:center;gap:var(--ds-space-2)}.theme-toggle{color:var(--ds-text);border:none;background:transparent;width:2rem;height:2rem;border-radius:var(--ds-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--ds-transition);flex-shrink:0}.theme-toggle:hover{opacity:1}.theme-toggle .theme-icon{display:none}.theme-toggle .theme-icon.active{display:block}.theme-toggle svg{width:1.2rem;height:1.2rem}.email-trigger{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1);font-family:var(--ds-font-sans);font-size:.8rem;line-height:1;font-weight:600;color:var(--ds-text);border:1px solid var(--ds-border);background:transparent;padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);cursor:pointer;opacity:.8;transition:opacity var(--ds-transition);white-space:nowrap}.email-trigger:hover{opacity:1}.email-trigger svg{width:.95rem;height:.95rem;flex-shrink:0}@media(max-width:480px){.email-trigger span{display:none}.email-trigger{padding:var(--ds-space-1)}}@media(max-width:640px){.nav-inner{padding-inline:var(--ds-space-4)}}.email-overlay{position:fixed;inset:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-8)}.email-modal{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);width:100%;max-width:420px;padding:var(--ds-space-8)}.email-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-3)}.email-modal-header h2{font-size:1.25rem}.email-modal-close{background:none;border:none;color:var(--ds-text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;opacity:.6;transition:opacity var(--ds-transition-fast)}.email-modal-close:hover{opacity:1}.email-modal-intro{font-family:var(--ds-font-sans);font-size:.85rem;color:var(--ds-text-secondary);margin:0 0 var(--ds-space-6);line-height:1.5;opacity:1}.email-form{display:flex;gap:var(--ds-space-2)}.email-input{flex:1;font-family:inherit;font-size:.85rem;color:var(--ds-text);background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3)}.email-input:focus-visible{outline:none;border-color:var(--ds-gradient-4);box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.email-submit{font-family:var(--ds-font-sans);font-size:.8rem;font-weight:700;color:var(--ds-text-inverse);background:var(--ds-gradient-text);border:none;border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-4);cursor:pointer;white-space:nowrap;transition:opacity var(--ds-transition-fast)}.email-submit:hover{opacity:.9}.email-submit:focus-visible{outline:2px solid var(--ds-focus-ring-strong);outline-offset:2px}.email-error{margin-top:var(--ds-space-3);font-family:var(--ds-font-sans);font-size:.8rem;color:var(--ds-bad)}.email-thanks{text-align:center;padding:var(--ds-space-6) 0;font-family:var(--ds-font-sans);font-size:.95rem;color:var(--ds-text)}.email-thanks p{font-size:.95rem;opacity:1}.probe-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.probe-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--ds-text-secondary);border-top-color:transparent;border-radius:50%;animation:probe-spin .6s linear infinite}@keyframes probe-spin{to{transform:rotate(360deg)}}.is-probing{opacity:.3;pointer-events:none}.machine-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.machine .section-heading{margin-bottom:var(--ds-space-1)}.reset-specs{margin:0;padding:var(--ds-space-1);font-family:var(--ds-font-sans);font-size:.75rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;border:none;background:none;color:var(--ds-text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reset-specs:hover{color:var(--ds-text)}.reset-specs:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.machine-groups{display:flex;flex-direction:column;gap:var(--ds-space-3);margin-top:var(--ds-space-3)}.spec-group-title{margin:0 0 var(--ds-space-1);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-text-secondary)}.spec-row{display:grid;gap:var(--ds-space-2)}.spec-row--gpu{grid-template-columns:1fr}.spec-row--2{grid-template-columns:repeat(2,1fr)}.spec-row--3{grid-template-columns:repeat(3,1fr)}.machine-spec{position:relative;display:flex;align-items:center;min-width:0;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3);transition:border-color var(--ds-transition-fast)}.machine-spec-inner{display:flex;flex:1 1 auto;align-items:center;gap:var(--ds-space-2);min-width:0}.machine-spec.custom{border-color:var(--ds-warn)}.spec-edit-tag{margin-left:.4rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ds-warn);white-space:nowrap}.machine-spec-head{display:flex;align-items:center;gap:.3rem}.machine-spec-label{font-size:.75rem;letter-spacing:.06em;color:var(--ds-text-secondary);line-height:1}.spec-icon{width:.95rem;height:.95rem;opacity:.5;flex-shrink:0}.spec-select-wrap{position:relative;display:inline-flex;min-width:0;margin-left:auto}.spec-select-wrap:after{content:"";position:absolute;right:.7rem;top:50%;width:.4rem;height:.4rem;border-right:2px solid var(--ds-text-secondary);border-bottom:2px solid var(--ds-text-secondary);transform:translateY(-70%) rotate(45deg);pointer-events:none}.spec-select{width:100%;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ds-text);background:transparent;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:.3rem 1.9rem .3rem .6rem;cursor:pointer;text-overflow:ellipsis;min-width:0;transition:background var(--ds-transition-fast)}.spec-select:hover{background:var(--ds-surface-hover)}.spec-select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.spec-select:disabled{cursor:default}.spec-stepper{display:inline-flex;align-items:center;gap:var(--ds-space-1);margin-left:auto;flex-shrink:0}.spec-stepper button{width:1.3rem;height:1.3rem;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:transparent;color:var(--ds-text);font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ds-transition-fast);touch-action:manipulation;user-select:none;-webkit-user-select:none}.spec-stepper button:hover{background:var(--ds-surface-hover)}.spec-stepper .spec-stepper-value{font-size:.85rem;font-weight:700;min-width:6ch;text-align:center}.spec-switch{margin-left:auto;flex-shrink:0;width:2.1rem;height:1.2rem;border-radius:var(--ds-radius-full);border:1px solid var(--ds-border);background:var(--ds-surface-hover);padding:0;position:relative;cursor:pointer;transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.spec-switch .spec-switch-knob{position:absolute;top:50%;left:.15rem;transform:translateY(-50%);width:.8rem;height:.8rem;border-radius:50%;background:var(--ds-text-secondary);transition:transform var(--ds-transition-fast),background var(--ds-transition-fast)}.spec-switch.on{background:var(--ds-ok);border-color:var(--ds-ok)}.spec-switch.on .spec-switch-knob{transform:translateY(-50%) translate(1rem);background:var(--ds-text-inverse)}.spec-switch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}@media(max-width:720px){.spec-row--3{grid-template-columns:repeat(2,1fr)}.machine-spec--webgpu{grid-column:span 2}}@media(max-width:560px){.spec-row--2,.spec-row--3{grid-template-columns:1fr}.machine-spec--webgpu{grid-column:auto}.machine-spec-inner--gpu{flex-wrap:wrap}.machine-spec-inner--gpu .spec-select-wrap{max-width:100%;flex-basis:100%}.spec-stepper button{width:1.8rem;height:1.8rem;font-size:.85rem}}.runner-toggle{display:inline-flex;gap:var(--ds-space-1);padding:var(--ds-space-1);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-full)}.runner-toggle button{font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:var(--ds-space-2) var(--ds-space-4);border:none;border-radius:var(--ds-radius-full);background:transparent;color:var(--ds-text-secondary);cursor:pointer}.runner-toggle button:hover{color:var(--ds-text)}.runner-toggle button[aria-pressed=true]{background:var(--ds-gradient-text);color:var(--ds-text-inverse)}.runner-toggle button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.share-btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-border);border-radius:var(--ds-radius-full);background:var(--ds-surface);color:var(--ds-text-secondary);cursor:pointer}.share-btn:hover,.share-btn:focus-visible{color:var(--ds-text)}.share-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.share-btn.copied{background:var(--ds-gradient-text);color:var(--ds-text-inverse)}.share-btn-icon{width:1rem;height:1rem}.share-btn-label{line-height:1}.best-pick-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.tradeoff{display:flex;align-items:center;gap:var(--ds-space-3);flex:1;min-width:0}.tradeoff-end{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--ds-text-secondary);white-space:nowrap}.tradeoff-range{flex:1;min-width:0;accent-color:var(--ds-gradient-4);cursor:pointer}.models-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-3)}.model-search,.model-sort{font-family:inherit;font-size:.8rem;color:var(--ds-text);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3)}.model-search{flex:1;min-width:12rem}.model-search:focus-visible,.model-sort:focus-visible{outline:none;border-color:var(--ds-gradient-4);box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.filter-chip{font-family:inherit;font-size:.75rem;padding:.15em .6em;border-radius:var(--ds-radius-full);border:1px solid var(--ds-border);background:transparent;color:var(--ds-text-secondary);cursor:pointer}.filter-chip:hover{border-color:var(--ds-text-secondary);color:var(--ds-text)}.filter-chip.active{border-color:var(--ds-gradient-4);background:var(--ds-surface-hover);color:var(--ds-text)}.show-all-toggle{display:block;margin:var(--ds-space-6) auto 0;padding:var(--ds-space-2) var(--ds-space-5);font-family:var(--ds-font-sans);font-size:.8rem;font-weight:700;color:var(--ds-text);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-full);cursor:pointer;transition:border-color var(--ds-transition-fast),color var(--ds-transition-fast)}.show-all-toggle:hover{border-color:var(--ds-text-secondary);color:var(--ds-text)}.show-all-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong)}.best-pick-why{margin-top:var(--ds-space-2);font-family:var(--ds-font-sans);font-size:.9rem;color:var(--ds-text-secondary);opacity:1}.best-pick-body{display:flex;flex-direction:column;gap:var(--ds-space-2)}.model-grid{margin-top:var(--ds-space-4);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-4)}.model-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-2);box-shadow:var(--ds-shadow-sm)}.model-card.tight{border-style:dashed}.model-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1rem}.model-blurb{font-family:var(--ds-font-sans);font-size:.85rem;color:var(--ds-text-secondary);margin:0;flex:1;opacity:1}.model-meta{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);font-size:.75rem;color:var(--ds-text-secondary)}.chip{padding:.15em .6em;border-radius:var(--ds-radius-full);border:1px solid var(--ds-border)}.chip-tight{color:var(--ds-warn);border-color:currentColor}.run-cmd{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);width:100%;margin-top:var(--ds-space-2);background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3);font-family:inherit;font-size:.8rem;color:var(--terminal-text);text-align:left;cursor:pointer;transition:border-color var(--ds-transition-fast)}.run-cmd:hover{border-color:var(--ds-text-secondary)}.run-cmd code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;padding:0;overflow-wrap:anywhere}.run-cmd-hint{flex-shrink:0;font-size:.75rem;font-weight:700;color:var(--ds-text-secondary);opacity:.85;transition:opacity var(--ds-transition-fast),color var(--ds-transition-fast)}.run-cmd:hover .run-cmd-hint,.run-cmd:focus-visible .run-cmd-hint{opacity:1}.run-cmd.copied .run-cmd-hint{opacity:1;color:var(--ds-ok)}@media(max-width:640px){.models-toolbar{flex-direction:column;align-items:stretch}.model-search{min-width:0}.tradeoff{flex:1 1 100%}}:root{--max-width: 880px;--nav-height: 2.75rem}body:before{content:"";position:fixed;inset:0;background:var(--ds-bg-pattern);background-size:200% 200%;opacity:var(--ds-bg-pattern-opacity);z-index:-1;pointer-events:none;animation:bg-drift 30s ease-in-out infinite alternate}@keyframes bg-drift{0%{background-position:0 0}to{background-position:100% 100%}}main{width:100%;max-width:var(--max-width);flex:1;position:relative;padding:0 var(--ds-space-8) var(--ds-space-16)}section{position:relative;z-index:1}a:not([class]){color:inherit;border-bottom:1px dashed var(--ds-text-secondary)}a:not([class]):hover{border-bottom-style:solid}code{font-family:inherit;background:var(--ds-surface-hover);padding:.1em .35em;border-radius:var(--ds-radius-sm)}.section-heading{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:var(--ds-space-3)}.hero{padding:var(--ds-space-8) 0}.hero-title{font-size:clamp(2.25rem,7vw,4.5rem);letter-spacing:-.02em}.hero-sub{font-family:var(--ds-font-sans);font-size:1rem;color:var(--ds-text-secondary);opacity:1}.noscript-note{font-family:var(--ds-font-sans);font-size:.9rem;color:var(--ds-bad);opacity:1}.specs-intro{margin:0 0 var(--ds-space-6);font-family:var(--ds-font-sans);font-size:.9rem;color:var(--ds-text-secondary);opacity:1}.hint{font-family:var(--ds-font-sans);font-size:.85rem;color:var(--ds-text-secondary);opacity:1}.best-pick-row{padding-top:var(--ds-space-8)}.best-pick-card{position:relative;max-width:480px;min-height:9rem}.models{padding-top:var(--ds-space-16)}.scrollspy{position:fixed;left:calc(50% - var(--max-width) / 2 - 10.5rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-3);z-index:90}.scrollspy-dot{position:relative;display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) 0;border:none;background:transparent;cursor:pointer}.scrollspy-dot:before{content:"";flex-shrink:0;width:.5rem;height:.5rem;border:1px solid var(--ds-text-secondary);border-radius:var(--ds-radius-full);transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),transform var(--ds-transition-fast)}.scrollspy-label{font-family:var(--ds-font-sans);font-size:.7rem;color:var(--ds-text-secondary);opacity:.55;white-space:nowrap;transition:color var(--ds-transition-fast),opacity var(--ds-transition-fast)}.scrollspy-dot:hover .scrollspy-label{color:var(--ds-text);opacity:1}.scrollspy-dot.active:before{background:var(--ds-gradient-4);border-color:var(--ds-gradient-4);transform:scale(1.5)}.scrollspy-dot.active .scrollspy-label{color:var(--ds-text);opacity:1}.scrollspy-dot:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring-strong);border-radius:var(--ds-radius-md)}@media(max-width:1280px){.scrollspy{display:none}}#detect-panel,#best-pick-row,#models,#use-cases,#detection-credit{scroll-margin-top:var(--ds-space-6)}.preview{opacity:.4;transition:opacity .5s ease}.use-cases{margin-top:var(--ds-space-12)}.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.use-case{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);box-shadow:var(--ds-shadow-sm)}.use-case-title{font-family:var(--ds-font-sans);font-size:.95rem;font-weight:700;margin:0}.use-case-body{font-family:var(--ds-font-sans);font-size:.85rem;color:var(--ds-text-secondary);line-height:1.5;margin:var(--ds-space-2) 0 0;opacity:1}.detection-credit{margin-top:var(--ds-space-12)}.detection-credit-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2) var(--ds-space-6);margin:0;padding:0}.detection-credit-item{display:flex;gap:var(--ds-space-2);font-size:.8rem;line-height:1.7}.detection-credit-item dt{color:var(--ds-text);font-weight:600;white-space:nowrap}.detection-credit-item dd{margin:0;color:var(--ds-text-secondary)}.detection-credit-item code{font-size:.78rem;padding:.05em .3em}.footer{width:100%;background:color-mix(in srgb,var(--ds-surface),transparent 30%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--ds-border);display:flex;justify-content:center;padding:var(--ds-space-8) 0;margin-top:var(--ds-space-12);font-family:var(--ds-font-sans);font-size:.85rem;color:var(--ds-text-secondary)}.footer-container{width:100%;max-width:var(--max-width);padding:0 var(--ds-space-8)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;align-items:center;gap:var(--ds-space-2)}.copyright{color:var(--ds-text-secondary)}.separator{opacity:.5}.credits-link{color:var(--ds-text-secondary);text-decoration:none;font-size:.85rem;transition:color var(--ds-transition)}.credits-link:hover{color:var(--ds-text)}.footer-social{display:flex;align-items:center;gap:var(--ds-space-4)}.social-link{display:flex;align-items:center;justify-content:center;color:var(--ds-text);transition:opacity var(--ds-transition);opacity:.7}.social-link:hover{opacity:1}.social-link svg{width:1.25rem;height:1.25rem}.credits-section{margin-top:var(--ds-space-8)}.credits-section h2{font-size:1.25rem;font-weight:700;margin-bottom:var(--ds-space-4)}.credits-section h2+p{margin-bottom:var(--ds-space-4)}.credits-section p{line-height:1.6;font-size:1rem}.credits-section h2:not(:first-child){margin-top:var(--ds-space-8)}.credits-list{line-height:2;padding-left:var(--ds-space-6)}.back-link{display:inline-block;margin-top:var(--ds-space-12);color:var(--ds-text-secondary)}@media(max-width:640px){main,.footer-container{padding-inline:var(--ds-space-4)}.use-case-grid,.detection-credit-list{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--ds-space-4);text-align:center}.footer-left{flex-direction:column;gap:var(--ds-space-1)}.separator{display:none}}