:root{color-scheme:light;--paper: #f3e9d2;--paper-deep: #e3d3b2;--ink: #182521;--muted: #52625c;--glass: #102825;--glass-mid: #183b36;--glass-line: #88b7a9;--cream: #fff8e8;--signal: #b83620;--signal-dark: #792516;--brass: #b78938;--success: #256b4d;--warning: #8a5a12;--danger: #a02c23;--display: "Arial Narrow", "Aptos Narrow", "Roboto Condensed", sans-serif;--mono: "Courier New", "Liberation Mono", monospace;--shadow: 0 18px 50px rgb(24 37 33 / 14%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:linear-gradient(rgb(24 37 33 / 3%) 1px,transparent 1px),var(--paper);background-size:100% 8px;color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--brass);outline-offset:4px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;background:var(--cream);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.offline-status{padding:8px 24px;background:var(--warning);color:var(--cream);font-weight:700;text-align:center}.site-header,.hero,.section-grid,.replay-section,.principles,.final-cta,footer{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:80px;border-bottom:1px solid rgb(24 37 33 / 28%)}.wordmark{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--muted);font-size:12px;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.wordmark-mark{display:grid;width:48px;height:32px;place-items:center;border:1px solid var(--ink);background:var(--glass);color:var(--cream);font-weight:700;letter-spacing:.08em}nav{display:flex;gap:8px 24px}nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:13px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:64px;align-items:center;min-height:720px;padding-block:80px 96px}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 16px;color:var(--signal-dark);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.status-lamp{display:inline-block;width:9px;height:9px;margin-right:8px;border:1px solid var(--signal-dark);border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px #b8362024}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{margin-top:0;font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:.97}h1{max-width:680px;margin-bottom:28px;font-size:clamp(3.25rem,6.2vw,5.7rem)}h2{margin-bottom:24px;font-size:clamp(2.25rem,4vw,3.8rem)}h3{margin-bottom:8px;font-size:1.5rem}.hero-lead,.section-intro>p:not(.eyebrow),.replay-copy>p:not(.eyebrow){max-width:64ch;color:var(--muted);font-size:18px}.hero-actions,.replay-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.button,.install-command,.toggle-button,.quiet-button,.canvas-state button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:3px;cursor:pointer;font-weight:700;text-decoration:none;transition:transform .16s ease,background-color .16s ease,color .16s ease}.button:active,.install-command:active,.toggle-button:active,.quiet-button:active,.canvas-state button:active{transform:translateY(1px)}.button-primary{padding:12px 20px;border-color:var(--signal-dark);background:var(--signal);color:var(--cream);box-shadow:4px 4px 0 var(--signal-dark)}.button-primary:hover{background:var(--signal-dark)}.button-secondary{padding:12px 20px;background:transparent;color:var(--ink)}.button-secondary:hover{background:var(--paper-deep)}.install-command{gap:10px;padding:8px 12px;background:var(--glass);color:var(--cream)}.install-command .copy-label{padding-left:12px;border-left:1px solid var(--glass-line);color:var(--glass-line);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero-figure{position:relative;margin:0;border:10px solid var(--paper-deep);outline:1px solid rgb(24 37 33 / 42%);background:var(--paper-deep);box-shadow:var(--shadow);transform:rotate(1deg)}.hero-figure:after{position:absolute;inset:6%;border:2px solid rgb(184 54 32 / 68%);content:"";pointer-events:none}.hero-figure img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.hero-figure figcaption{display:flex;justify-content:space-between;padding:9px 4px 1px;color:var(--ink);font-size:11px;letter-spacing:.09em;text-transform:uppercase}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:0;padding:0 max(24px,calc((100vw - 1240px)/2));border-block:1px solid rgb(24 37 33 / 30%);background:var(--paper-deep);list-style:none}.spec-strip li{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:24px 32px;border-right:1px solid rgb(24 37 33 / 25%)}.spec-strip li:first-child{border-left:1px solid rgb(24 37 33 / 25%)}.spec-strip strong{font-family:var(--display);font-size:22px;line-height:1.2}.spec-strip span{color:var(--ink);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.section-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:72px;padding-block:128px}.section-intro{padding-top:24px}.instrument-panel{overflow:hidden;border:1px solid #071713;border-radius:7px;background:var(--glass);color:var(--cream);box-shadow:10px 12px 0 var(--paper-deep),var(--shadow)}.instrument-toolbar,.player-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid rgb(136 183 169 / 35%)}.preset-switches{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.preset-switches legend{width:100%;margin-bottom:5px;color:var(--glass-line);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.preset-switches label{position:relative;display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border:1px solid rgb(136 183 169 / 65%);border-radius:2px;cursor:pointer;font-size:13px}.preset-switches input{position:absolute;opacity:0}.preset-switches label:has(input:checked){border-color:var(--cream);background:var(--cream);color:var(--glass);box-shadow:inset 0 -3px 0 var(--brass)}.preset-switches label:has(input:focus-visible){outline:3px solid var(--brass);outline-offset:3px}.panel-actions{display:flex;flex-wrap:wrap;gap:8px}.toggle-button,.quiet-button{gap:8px;padding:8px 12px;border-color:var(--glass-line);background:transparent;color:var(--cream)}.toggle-button[aria-pressed=true]{background:var(--cream);color:var(--glass)}.button-icon{color:var(--brass);font-weight:900}.viewfinder-shell{position:relative;margin:12px 20px 0;padding:28px 12px 12px;border:1px solid rgb(136 183 169 / 48%);background:#091b18;box-shadow:inset 0 0 50px #0009}.tick-row{position:absolute;z-index:2;top:3px;right:12px;left:12px;display:flex;justify-content:space-between;color:var(--glass-line);font-size:10px}.tick-row span:before{display:block;width:1px;height:7px;margin:0 auto;background:var(--brass);content:""}canvas{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:var(--glass);cursor:crosshair}canvas:focus-visible{outline-color:var(--cream);outline-offset:4px}.canvas-state{position:absolute;inset:28px 12px 12px;z-index:3;display:grid;place-content:center;justify-items:center;padding:32px;background:#091b18eb;text-align:center}.canvas-state[hidden]{display:none}.canvas-state strong{font-family:var(--display);font-size:28px}.canvas-state span{margin:4px 0 20px;color:var(--glass-line)}.canvas-state button{padding:9px 16px;border-color:var(--cream);background:var(--cream);color:var(--glass)}.canvas-error{border:3px solid var(--signal)}.instrument-readout{display:grid;grid-template-columns:repeat(4,1fr);margin:0 20px;border:1px solid rgb(136 183 169 / 45%);border-top:0}.instrument-readout>div{padding:12px 14px;border-right:1px solid rgb(136 183 169 / 35%)}.instrument-readout>div:last-child{border-right:0}.instrument-readout span{display:block;color:var(--glass-line);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.instrument-readout output{display:block;margin-top:3px;color:var(--cream);font-size:18px;font-variant-numeric:tabular-nums}.readout-status[data-safe=true]{color:#8fd6b4}.readout-status[data-safe=false]{color:#ff9a81}.player-controls{align-items:center;justify-content:flex-start;border-top:1px solid rgb(136 183 169 / 35%);border-bottom:0}.player-controls>label{color:var(--glass-line);font-size:12px;text-transform:uppercase}.player-controls select{min-height:44px;padding:8px 36px 8px 12px;border:1px solid var(--glass-line);border-radius:2px;background:var(--glass-mid);color:var(--cream)}.nudge-controls{display:flex;gap:8px}.nudge-controls button{width:44px;height:44px;border:1px solid var(--glass-line);border-radius:2px;background:transparent;color:var(--cream);cursor:pointer}.nudge-controls button:hover{background:var(--glass-mid)}.player-controls p{margin:0 0 0 auto;color:var(--glass-line);font-size:11px;line-height:1.4}.demo-status{margin:0;padding:10px 20px;border-top:1px solid rgb(136 183 169 / 25%);color:var(--glass-line);font-size:12px;text-align:right}.integration{border-top:1px solid rgb(24 37 33 / 28%)}.sticky-intro{align-self:start;position:sticky;top:32px}.coordinate-notes{margin-top:40px;border-top:1px solid rgb(24 37 33 / 28%)}.coordinate-notes div{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;padding:11px 0;border-bottom:1px solid rgb(24 37 33 / 20%)}.coordinate-notes dt{color:var(--signal-dark);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.coordinate-notes dd{margin:0;color:var(--muted);font-size:13px}.code-instrument{align-self:start;overflow:hidden;border:8px solid var(--paper-deep);outline:1px solid rgb(24 37 33 / 50%);background:var(--glass);box-shadow:var(--shadow)}.code-header,.code-footer{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgb(136 183 169 / 35%);color:var(--glass-line);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.code-footer{justify-content:flex-start;border-top:1px solid rgb(136 183 169 / 35%);border-bottom:0}pre{overflow-x:auto;margin:0;padding:28px 22px;color:var(--cream);font-family:var(--mono);font-size:14px;line-height:1.75;tab-size:2}.code-accent{color:#eca73d}.replay-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:96px;align-items:center;padding:112px 64px;border:1px solid #071713;background:var(--glass);color:var(--cream);box-shadow:10px 12px 0 var(--paper-deep)}.replay-section .eyebrow{color:#eca73d}.replay-copy>p:not(.eyebrow){color:var(--glass-line)}.replay-section .button-secondary{border-color:var(--glass-line);color:var(--cream)}.replay-section .button-secondary:hover{background:var(--glass-mid)}.trace-printer{position:relative;padding:36px 22px 22px;border:1px solid rgb(136 183 169 / 55%);background:#0b1d1a}.printer-slots{position:absolute;top:12px;right:22px;left:22px;display:flex;justify-content:space-around}.printer-slots span{width:42px;height:5px;background:#020b09}.trace-paper{min-height:230px;padding:28px;background:repeating-linear-gradient(0deg,transparent 0 23px,rgb(24 37 33 / 8%) 24px),var(--cream);color:var(--ink);box-shadow:0 5px 20px #0008}.trace-paper strong{display:block;margin:16px 0 8px;font-family:var(--display);font-size:28px}.trace-paper p{margin:0}.trace-paper[data-result=pass]{border-top:6px solid var(--success)}.trace-paper[data-result=fail]{border-top:6px solid var(--danger)}.trace-kicker{color:var(--muted);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.principles{padding-block:144px}.principles>h2{max-width:820px}.principles ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:64px 0 0;padding:0;border-block:1px solid rgb(24 37 33 / 30%);list-style:none}.principles li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:32px;border-right:1px solid rgb(24 37 33 / 28%)}.principles li:first-child{padding-left:0}.principles li:last-child{padding-right:0;border-right:0}.principles li>span{color:var(--signal-dark);font-weight:700}.principles li p{margin:0;color:var(--muted);font-size:14px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:96px;padding:64px;border:1px solid rgb(24 37 33 / 45%);background:var(--paper-deep)}.final-cta h2{max-width:780px;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:32px;padding-block:32px max(32px,env(safe-area-inset-bottom));border-top:1px solid rgb(24 37 33 / 28%);color:var(--muted);font-size:12px}footer p{margin:0}.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}@media (max-width: 980px){.hero{grid-template-columns:1fr;gap:48px;padding-top:64px}.hero-copy{max-width:720px}.hero-figure{width:min(760px,100%)}.section-grid{grid-template-columns:1fr;gap:40px}.sticky-intro{position:static}.replay-section{grid-template-columns:1fr;gap:48px}.instrument-toolbar,.player-controls{align-items:flex-start;flex-direction:column}.player-controls p{margin-left:0}}@media (max-width: 700px){.site-header,.hero,.section-grid,.replay-section,.principles,.final-cta,footer{width:min(100% - 32px,1240px)}.site-header{align-items:flex-start;padding-block:max(16px,env(safe-area-inset-top)) 12px}.wordmark>span:last-child{display:none}nav{gap:8px 14px}nav a:nth-child(2),nav a:last-child{display:none}.hero{min-height:auto;padding-block:64px 80px}h1{font-size:clamp(3rem,16vw,4.5rem)}.hero-lead,.section-intro>p:not(.eyebrow),.replay-copy>p:not(.eyebrow){font-size:16px}.hero-actions,.replay-actions{align-items:stretch;flex-direction:column}.button,.install-command{width:100%}.spec-strip{grid-template-columns:repeat(2,1fr);padding-inline:16px}.spec-strip li,.spec-strip li:first-child{min-height:96px;padding:16px;border:0;border-bottom:1px solid rgb(24 37 33 / 25%)}.spec-strip li:nth-child(odd){border-right:1px solid rgb(24 37 33 / 25%)}.section-grid{padding-block:88px}.instrument-panel{width:calc(100% + 16px);margin-left:-8px;box-shadow:5px 6px 0 var(--paper-deep)}.instrument-toolbar,.player-controls{padding:16px}.preset-switches label{flex:1 1 auto;justify-content:center}.panel-actions,.panel-actions button{width:100%}.viewfinder-shell{margin-inline:8px;padding-inline:6px}.instrument-readout{grid-template-columns:repeat(2,1fr);margin-inline:8px}.instrument-readout>div:nth-child(2){border-right:0}.instrument-readout>div:nth-child(-n+2){border-bottom:1px solid rgb(136 183 169 / 35%)}.player-controls select,.nudge-controls{width:100%}.nudge-controls button{flex:1}.replay-section{padding:64px 24px}.trace-printer{margin-inline:-8px;padding-inline:12px}.principles{padding-block:96px}.principles ol{grid-template-columns:1fr}.principles li,.principles li:first-child,.principles li:last-child{padding:24px 0;border-right:0;border-bottom:1px solid rgb(24 37 33 / 24%)}.principles li:last-child{border-bottom:0}.final-cta{align-items:stretch;flex-direction:column;padding:40px 24px}footer{flex-direction:column}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-figure{transform:none}}