:root{color-scheme:light;--paper:#f1ead8;--panel:#ded2b8;--panel-hi:#faf4e5;--ink:#18201e;--muted:#515a55;--bezel:#222a27;--signal:#bd3f2d;--go:#17624e;--amber:#8b5b09;--focus:#006d77;--shadow:#0e1311;--space:clamp(64px,9vw,112px);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-160%);background:var(--ink);color:var(--panel-hi);padding:12px 16px}.skip-link:focus{transform:none}.site-header,.site-footer,main{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{min-height:88px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 40%,transparent)}.brand{display:flex;align-items:center;gap:12px;font:800 13px/1.05 Arial Narrow,Franklin Gothic Medium,system-ui,sans-serif;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:3px;padding:7px;background:var(--bezel);border-radius:2px}.brand-mark i{display:block;width:7px;height:17px;background:var(--panel)}.brand-mark i:last-child{background:var(--signal)}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:28px}.site-header nav a,.site-footer nav a{font-weight:700;text-underline-offset:5px;text-decoration-thickness:1px}.site-header nav a:not(:hover){text-decoration-color:transparent}.nav-install{border:1px solid var(--ink);min-height:44px;padding:9px 14px}.hero{min-height:680px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.35fr);align-items:center;gap:clamp(24px,5vw,72px);padding:72px 0 var(--space)}.kicker{margin:0 0 16px;font:800 12px/1.2 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Arial Narrow,Franklin Gothic Medium,Impact,system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.035em}h1{font-size:clamp(48px,6.5vw,84px);line-height:.88;max-width:660px;margin-bottom:28px}h2{font-size:clamp(38px,5vw,64px);line-height:.94;margin-bottom:24px}h3{font-size:20px;line-height:1.15}.lede{max-width:58ch;font-size:clamp(18px,2vw,22px);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:2px solid var(--ink);font-weight:800;text-decoration:none;cursor:pointer}.button.primary{color:var(--panel-hi);background:var(--bezel);box-shadow:0 4px #9b3526}.button:active{transform:translateY(2px);box-shadow:0 2px #9b3526}.text-link{font-weight:750;text-underline-offset:5px}.proof{display:flex;gap:20px;list-style:none;margin:36px 0 0;padding:0;font:700 13px ui-monospace,monospace;text-transform:uppercase}.proof span{color:var(--go)}.hero-art{position:relative;margin:0}.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hero-art figcaption{position:absolute;right:16px;bottom:16px;width:min(330px,75%);background:#18201eeb;color:var(--panel-hi);padding:12px 16px;font:13px/1.45 ui-monospace,monospace}.section-intro{display:grid;grid-template-columns:1fr 1.6fr;column-gap:8vw;align-items:start;margin-bottom:40px}.section-intro .kicker{grid-column:1}.section-intro h2{grid-column:1;max-width:700px}.section-intro>p:last-child{grid-column:2;grid-row:1/3;max-width:52ch;font-size:19px;padding-top:28px}.demo-section{padding:var(--space) 0}.instrument{border:2px solid var(--ink);background:var(--panel);padding:clamp(14px,3vw,32px);box-shadow:8px 10px 0 var(--shadow);border-radius:6px}.instrument-bar{display:grid;grid-template-columns:1.5fr 1fr 1fr;border:2px solid var(--ink);background:var(--panel-hi)}.signal-readout,.meter{min-height:78px;padding:14px 18px;display:flex;align-items:center;gap:14px}.meter{display:block;border-left:1px solid var(--ink)}.signal-readout small,.meter span{display:block;font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.signal-readout strong,.meter strong{font-size:18px;font-variant-numeric:tabular-nums}.signal-lamp{width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:var(--signal);border:3px solid var(--bezel);box-shadow:inset 0 0 0 3px #e56b56,0 0 0 2px #8e3225}.signal-lamp.clear{background:var(--go);box-shadow:inset 0 0 0 3px #3b886f,0 0 0 2px #0c4938}.demo-controls{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:24px 0}.control-group{display:flex;gap:12px;flex-wrap:wrap}.toggle-control,.quiet-control,.checkpoint-tabs button,.code-toolbar button{min-height:44px;border:2px solid var(--ink);background:var(--panel-hi);color:var(--ink);padding:8px 14px;font-weight:800;cursor:pointer}.toggle-control[aria-pressed=true]{background:var(--signal);color:#fff}.switch-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;margin-right:8px}.quiet-control{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px}.tolerance-control{width:min(330px,100%);display:grid;grid-template-columns:1fr auto;gap:8px;font:700 13px ui-monospace,monospace}.tolerance-control output{font-variant-numeric:tabular-nums}.tolerance-control input{grid-column:1/-1;width:100%;accent-color:var(--signal);min-height:24px}.checkpoint-tabs{display:flex;gap:8px;padding:4px 0 20px;overflow-x:auto}.checkpoint-tabs button{min-width:140px;display:flex;gap:10px;align-items:center;justify-content:flex-start;box-shadow:0 3px 0 var(--ink)}.checkpoint-tabs button[aria-selected=true]{background:var(--bezel);color:var(--panel-hi);transform:translateY(2px);box-shadow:0 1px var(--ink)}.checkpoint-tabs button span{font:12px ui-monospace,monospace}.checkpoint-tabs i{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--go)}.checkpoint-tabs i.changed{background:var(--signal)}.viewfinders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.viewfinders figure{margin:0;background:var(--bezel);padding:10px;border-radius:4px;box-shadow:0 5px 0 var(--shadow)}.viewfinders figcaption{display:flex;justify-content:space-between;color:var(--panel-hi);padding:2px 4px 10px;font:800 11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.11em}.viewfinders figcaption b{color:#bdc6ba}.viewfinders canvas{width:100%;height:auto;display:block;background:#111}.canvas-alternative{background:var(--panel-hi);border-left:4px solid var(--go);padding:12px 16px;margin:22px 0 0}.instrument-footer{display:flex;gap:16px 32px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--ink);font:12px ui-monospace,monospace;text-transform:uppercase}.instrument-footer span:last-child{margin-left:auto}.demo-empty{text-align:center;background:var(--panel-hi);padding:50px 20px;border:2px dashed var(--muted)}.empty-reel{display:block;font:32px ui-monospace,monospace;letter-spacing:.2em;margin-bottom:16px}.sequence{padding:var(--space) 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-bottom:1px solid var(--ink)}.sequence ol{margin:0;padding:0;list-style:none}.sequence li{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--ink)}.sequence li>span{font:800 28px ui-monospace,monospace;color:var(--signal)}.sequence li p{color:var(--muted);max-width:55ch;margin:0}.usage{padding:var(--space) 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.usage-copy>p:not(.kicker){font-size:18px;max-width:50ch}.usage dl{margin-top:32px;border-top:1px solid var(--ink)}.usage dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:10px 0}.usage dt{font-weight:700}.usage dd{font:700 14px ui-monospace,monospace}.code-panel{min-width:0;background:var(--bezel);color:#f8f0dd;border-radius:4px;box-shadow:8px 10px #ad9e80}.code-toolbar{min-height:54px;padding:7px 10px 7px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #5a625f;font:12px ui-monospace,monospace}.code-toolbar button{background:#39423e;color:#fff;border-color:#78827d}.code-panel pre{margin:0;padding:24px;overflow:auto;font:14px/1.65 ui-monospace,SFMono-Regular,monospace;tab-size:2}.code-muted{color:#afbbb2}.code-string{color:#f3c789}.code-number{color:#e77963}.copy-status{margin:0;padding:12px 18px;border-top:1px solid #5a625f;color:#d5dcce;font:12px ui-monospace,monospace}.final-callout{margin:0 0 var(--space);border:2px solid var(--ink);padding:clamp(24px,5vw,56px);display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;background:var(--panel)}.final-callout h2{margin-bottom:8px}.final-callout p:last-child{margin-bottom:0}.dial{width:82px;height:82px;background:var(--bezel);border-radius:50%;display:grid;place-items:center;border:6px solid var(--panel-hi);box-shadow:0 0 0 2px var(--ink)}.dial i{display:block;width:4px;height:29px;background:var(--signal);transform:translateY(-10px)}.site-footer{padding:36px 0 calc(40px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:start}.site-footer p{color:var(--muted)}.footer-brand{font-size:15px}.legal-page{min-height:65vh;padding:var(--space) 0}.legal-page h1{font-size:clamp(46px,7vw,78px)}.legal-page article{max-width:72ch}.legal-page h2{font-size:28px;margin-top:40px}.legal-page .updated{font:13px ui-monospace,monospace;color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:900px){.site-header nav a:not(.nav-install){display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero-art{max-width:760px}.section-intro,.sequence,.usage{grid-template-columns:1fr}.section-intro .kicker,.section-intro h2,.section-intro>p:last-child{grid-column:1;grid-row:auto}.section-intro>p:last-child{padding-top:0}.instrument-bar{grid-template-columns:1fr 1fr}.signal-readout{grid-column:1/-1;border-bottom:1px solid var(--ink)}.meter:first-of-type{border-left:0}.viewfinders{grid-template-columns:1fr}.usage{gap:48px}.final-callout{grid-template-columns:auto 1fr}.final-callout .button{grid-column:2;justify-self:start}.site-footer{grid-template-columns:1fr 1fr}.site-footer nav{grid-column:1/-1}}@media(max-width:540px){.site-header,.site-footer,main{width:min(100% - 32px,1240px)}.site-header{min-height:72px}.nav-install{padding-inline:10px}.hero{min-height:0;padding-top:44px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-link{padding:8px 0}.proof{gap:10px;justify-content:space-between;font-size:11px}.hero-art{margin-inline:-16px}.hero-art figcaption{position:static;width:100%}.demo-section{padding-top:72px}.instrument{margin-inline:-8px;padding:10px;box-shadow:4px 6px 0 var(--shadow)}.instrument-bar{grid-template-columns:1fr}.signal-readout,.meter{min-height:66px}.meter{border-left:0;border-top:1px solid var(--ink)}.demo-controls{align-items:stretch;flex-direction:column}.control-group>*{flex:1}.tolerance-control{width:100%}.checkpoint-tabs{margin-right:-10px}.checkpoint-tabs button{min-width:126px}.instrument-footer span:last-child{margin-left:0}.sequence li{grid-template-columns:48px 1fr}.final-callout{grid-template-columns:1fr}.final-callout .button{grid-column:1}.dial{width:64px;height:64px}.site-footer{grid-template-columns:1fr}.site-footer nav{grid-column:1;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}