:root{--font-mono:"Courier New","Courier",monospace;--black:#000;--white:#fff;--border:3px solid var(--black);--border-thick:4px solid var(--black);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--max-width:800px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-mono);color:var(--black);background:var(--white);font-size:.9375rem;line-height:1.5}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:1.1}h1{border-bottom:var(--border-thick);padding-bottom:var(--space-md);margin-bottom:var(--space-md);font-size:clamp(1.75rem,5vw,2.5rem)}h2{background:var(--black);color:var(--white);padding:var(--space-sm)var(--space-md);margin:var(--space-xl)calc(-1*var(--space-lg))var(--space-md);font-size:.875rem;position:relative}@media (min-width:769px){h2{margin-left:calc(-1*var(--space-lg));margin-right:calc(-1*var(--space-lg))}}@media (max-width:768px){h2{margin-left:calc(-1*var(--space-md));margin-right:calc(-1*var(--space-md))}}h3{border-left:var(--border-thick);padding-left:var(--space-sm);margin:var(--space-lg)0 var(--space-sm);font-size:.875rem}p{margin-bottom:var(--space-md)}a{color:var(--black);border-bottom:2px solid var(--black);text-decoration:none;transition:none}a:hover,a:focus{background:var(--black);color:var(--white);outline:none}strong{font-weight:900}code{font-family:var(--font-mono);background:var(--black);color:var(--white);padding:.1em .35em;font-size:.875em}pre{background:var(--white);border:var(--border);padding:var(--space-md);margin-bottom:var(--space-md);-webkit-overflow-scrolling:touch;overflow-x:auto}pre code{color:var(--black);background:0 0;padding:0}.table-wrapper{-webkit-overflow-scrolling:touch;margin-bottom:var(--space-lg);border:var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{padding:var(--space-sm)var(--space-md);text-align:left;border-bottom:1px solid var(--black);vertical-align:top}th{text-transform:uppercase;background:var(--black);color:var(--white);white-space:nowrap;font-size:.75rem;font-weight:900}tr:last-child td{border-bottom:none}tr:hover td{background:var(--black);color:var(--white)}tr:hover td code{background:var(--white);color:var(--black)}ul,ol{margin-left:var(--space-md);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs);padding-left:var(--space-xs)}li::marker{font-weight:900}dl{margin-bottom:var(--space-lg)}dt{text-transform:uppercase;margin-top:var(--space-md);border-left:var(--border);padding-left:var(--space-sm);font-size:.875rem;font-weight:900}dd{margin-left:var(--space-md);margin-top:var(--space-xs)}header{border-bottom:var(--border-thick)}nav{max-width:var(--max-width);padding:var(--space-md)var(--space-lg);gap:var(--space-md)var(--space-lg);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.logo{text-transform:uppercase;letter-spacing:.05em;border:var(--border);padding:var(--space-sm)var(--space-md);border-bottom-width:3px;font-size:.875rem;font-weight:900}.logo:hover{background:var(--black);color:var(--white)}nav a:not(.logo){text-transform:uppercase;padding:var(--space-xs)0;font-size:.8125rem;font-weight:700}main{max-width:var(--max-width);padding:var(--space-lg);margin:0 auto}@media (max-width:768px){main{padding:var(--space-md)}}.hero{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:var(--border)}.tagline{margin-bottom:var(--space-lg);max-width:40ch;font-size:clamp(1rem,3vw,1.125rem)}.demo{margin:var(--space-lg)0}.hint{margin-top:var(--space-sm);opacity:.8;font-size:.8125rem}.quick-links{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.quick-link{border:var(--border);padding:var(--space-xs)var(--space-sm);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:900}.quick-link:hover{background:var(--black);color:var(--white)}.code-block{border:var(--border);margin:var(--space-md)0;position:relative}.code-block pre{border:none;margin:0;padding-right:5rem}.copy-btn{padding:var(--space-sm)var(--space-md);background:var(--black);color:var(--white);border:none;border-left:var(--border);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:900;position:absolute;top:0;bottom:0;right:0}.copy-btn:hover{background:var(--white);color:var(--black)}.video-preview{border:var(--border);background:var(--black);width:100%;height:auto;display:block}.resolution-grid{margin:var(--space-md)0 var(--space-lg);border:var(--border);border-bottom:none;border-right:none;flex-wrap:wrap;gap:0;list-style:none;display:flex}.resolution-grid li{border-bottom:var(--border);border-right:var(--border);margin:0;padding:0}.resolution-grid a{padding:var(--space-sm)var(--space-md);white-space:nowrap;border-bottom:none;font-size:.8125rem;font-weight:700;display:block}.resolution-grid a:hover{background:var(--black);color:var(--white)}.use-case-grid{margin:var(--space-md)0 var(--space-lg);border:var(--border);border-bottom:none;border-right:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;display:grid}.use-case-card{border-bottom:var(--border);border-right:var(--border);padding:var(--space-md);color:var(--black);gap:var(--space-sm);flex-direction:column;display:flex}.use-case-card:hover{background:var(--black);color:var(--white)}.use-case-card h3{border:none;margin:0;padding:0;font-size:.8125rem}.use-case-card p{margin:0;font-size:.8125rem;line-height:1.4}.category-group{margin:var(--space-lg)0}.category-group h3{margin-bottom:var(--space-sm)}.category-group>p{margin-bottom:var(--space-md);font-size:.875rem}.specs{margin-bottom:var(--space-lg);border:var(--border);padding:var(--space-md);background:var(--black);color:var(--white);font-size:1rem}.lead{margin-bottom:var(--space-lg);font-size:1rem}footer{border-top:var(--border-thick);padding:var(--space-lg);margin-top:var(--space-xl);text-align:center;background:var(--black);color:var(--white)}footer p{margin-bottom:var(--space-sm);font-size:.8125rem}footer a{color:var(--white);border-color:var(--white)}footer a:hover{background:var(--white);color:var(--black)}.copyright{text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-md);font-size:.75rem}section{margin-bottom:var(--space-xl)}section:last-child{margin-bottom:0}.link-button{border:var(--border);padding:var(--space-sm)var(--space-md);color:var(--black);margin-right:var(--space-xs);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.02em;font-size:.8125rem;font-weight:900;display:inline-block}.link-button:hover{background:var(--black);color:var(--white)}@media (max-width:768px){:root{--space-lg:1.5rem;--space-xl:2rem}h1{font-size:1.5rem}h2{padding:var(--space-sm);font-size:.75rem}h3{font-size:.8125rem}nav{padding:var(--space-md);gap:var(--space-sm)var(--space-md)}.logo{padding:var(--space-xs)var(--space-sm);font-size:.75rem}nav a:not(.logo){font-size:.75rem}.hero{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.tagline{font-size:.9375rem}.resolution-grid{border:none}.resolution-grid li{border:var(--border);margin:0 var(--space-xs)var(--space-xs)0}.resolution-grid a{padding:var(--space-xs)var(--space-sm);font-size:.75rem}.use-case-grid{grid-template-columns:1fr}.code-block pre{padding:var(--space-sm);padding-right:4rem;font-size:.8125rem}.copy-btn{padding:var(--space-xs)var(--space-sm);font-size:.625rem}table{font-size:.8125rem}th,td{padding:var(--space-xs)var(--space-sm)}}@media (max-width:480px){h1{font-size:1.25rem}body{font-size:.875rem}.hero{padding-bottom:var(--space-md);margin-bottom:var(--space-md)}pre{font-size:.75rem}}:focus-visible{outline:3px solid var(--black);outline-offset:2px}a:focus-visible{background:var(--black);color:var(--white)}button:focus-visible{outline:3px solid var(--white);outline-offset:-3px}::selection{background:var(--black);color:var(--white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--white);border:1px solid var(--black)}::-webkit-scrollbar-thumb{background:var(--black)}@media print{header,footer{display:none}main{max-width:none;padding:0}h2{color:var(--black);border-bottom:2px solid var(--black);background:0 0;margin-left:0;margin-right:0}a{border-bottom:1px solid var(--black)}a[href]:after{content:" (" attr(href)")";font-size:.75em}}