.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:center;padding:3rem 0 4rem}.hero-copy h1{margin-bottom:1.2rem}.hero-copy h1 em{color:var(--accent)}.cta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0 1rem}.cta .aside{font-family:var(--label);font-size:.74rem;color:var(--dim);letter-spacing:.02em}.status{font-family:var(--label);font-size:.76rem;color:var(--dim);min-height:2.4em;margin:0;max-width:46ch}.hero-device{display:flex;justify-content:center}.hero-device .kd{--kd-w: 360px}.band{padding:3.5rem 0 1rem;border-top:1px solid var(--line)}.band .note{color:var(--ink-2);font-size:.95rem}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 1.4rem}.shots figure,.compare figure{margin:0}.shots canvas,.compare canvas{display:block;width:100%;aspect-ratio:4 / 3;background:var(--paper-2);border:6px solid #1f1e1b;border-radius:6px;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:inset 0 2px 6px #00000059}.shots figcaption,.compare figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.6rem;line-height:1.45}.rules{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 3rem;margin-bottom:1.6rem}.rule h3{margin-bottom:.35rem}.rule p{color:var(--ink-2);margin:0}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-bottom:2rem}.how h3{margin-bottom:.4rem}.how p{color:var(--ink-2);margin:0}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:1.4rem}.cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start;margin:1.5rem 0 2rem}.cmp-col{display:flex;flex-direction:column;align-items:center}.cmp-col .kd{--kd-w: 380px}.cmp-stats{font-family:var(--label);font-size:.74rem;color:var(--dim);margin:.9rem 0 .5rem;min-height:1.2em;text-align:center}.cmp-note{color:var(--ink-2);font-size:.92rem;text-align:center;max-width:42ch;margin:0}.cmp-table thead th{text-align:left;font-family:var(--label);font-weight:500;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:.55rem 1rem .55rem 0}.cmp-table td{width:40%;padding-right:1.2rem}.obj{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.obj p{color:var(--ink-2)}.asides{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start;margin-top:1.5rem}.asides figure{margin:0}.asides canvas{display:block;width:100%;aspect-ratio:296 / 128;background:var(--paper-2);border:6px solid #1f1e1b;border-radius:6px;image-rendering:pixelated;box-shadow:inset 0 2px 6px #00000059;margin-bottom:.7rem}.asides figcaption{font-size:.92rem;color:var(--ink-2);line-height:1.5}.asides .aside-text figcaption{border-top:3px solid var(--line);padding-top:.9rem}.power-demo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}.power-ctl{display:flex;align-items:center;gap:1rem;margin:.8rem 0;flex-wrap:wrap;justify-content:center}.power-ctl .btn{padding:.45rem .9rem;font-size:.9rem}.power-ctl .rng{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--label);font-size:.75rem;color:var(--dim)}.power-ctl input[type=range]{accent-color:var(--accent);width:110px}.power-facts .spec td{font-size:.93rem}.power-facts .spec th{white-space:normal;width:9rem}.tshots{margin-top:2rem;grid-template-columns:repeat(4,1fr)}.tshots canvas{aspect-ratio:4 / 3}.hw{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem}.hw h3{margin:.4rem 0 .6rem}.spec{border-collapse:collapse;width:100%;font-size:.95rem;margin-bottom:1.2rem}.spec th{text-align:left;font-family:var(--label);font-weight:500;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:.55rem 1rem .55rem 0;vertical-align:top;white-space:nowrap}.spec td{padding:.55rem 0;border-top:1px solid var(--line)}.spec tr:first-child td{border-top:0}.open{padding-left:1.2rem;max-width:70ch}.open li{margin-bottom:.9rem;color:var(--ink-2)}.open strong{color:var(--ink);font-weight:600}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:2rem;padding-top:1.5rem}.hero-device .kd{--kd-w: min(360px, 100vw - 2.5rem)}.shots,.tshots{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.hw,.obj{grid-template-columns:1fr;gap:1.6rem}.asides,.power-demo{grid-template-columns:1fr}}@media(max-width:600px){.spec th{white-space:normal}.shots,.tshots,.rules,.compare,.cmp{grid-template-columns:1fr}.cmp-col .kd{--kd-w: min(380px, 100vw - 2.5rem)}}
