:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,system-ui,sans-serif;color:#f4f7f8;background:#171a1d;font-synthesis:none;--asphalt: #171a1d;--graphite: #252a2e;--instrument: #f4f7f8;--muted: #9ca5aa;--cyan: #36d6e7;--amber: #ffb547;--fault: #ff5a62;--line: #3a4146}*{box-sizing:border-box}html{min-width:320px;background:var(--asphalt)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 9%,#24383d 0,transparent 26rem),var(--asphalt)}button{font:inherit}.app-shell{width:min(100%,74rem);min-height:100vh;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.1rem max(1.5rem,env(safe-area-inset-bottom))}.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.5rem 0 2.5rem;border-bottom:1px solid var(--line)}.eyebrow,.section-label{margin:0 0 .45rem;color:var(--cyan);font:700 .68rem/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.masthead h1{margin:0;font:700 2rem/.8 Barlow Condensed,Arial Narrow,sans-serif;letter-spacing:-.03em;text-transform:uppercase}.masthead h1 span{color:var(--cyan);font-weight:400}.safety-mark{display:flex;align-items:center;gap:.5rem;color:var(--muted);font:600 .7rem/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.safety-dot{width:.6rem;height:.6rem;border:2px solid var(--amber);border-radius:50%;box-shadow:0 0 0 4px #ffb54717}.hero{padding:3.5rem 0 3rem}.hero-copy h2{max-width:9ch;margin:0;font:700 clamp(3.6rem,15vw,7.8rem)/.78 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.045em;text-transform:uppercase}.hero-copy>p:last-child{max-width:36rem;margin:1.7rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.55}.deck-wrap{margin:3.2rem 0 2rem;padding:0 .35rem}.deck-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.5rem .75rem 1.8rem;border:1px solid #4d565c;border-radius:1.5rem .55rem .55rem 1.5rem;background:#0f1113;box-shadow:inset 0 0 0 5px #202529,0 1rem 3rem #0005;transform:perspective(30rem) rotateX(4deg)}.deck-rail:after{content:"";position:absolute;right:-1px;top:30%;width:.38rem;height:40%;border-radius:.2rem 0 0 .2rem;background:var(--amber);opacity:.4}.deck-rail span{min-width:0;text-align:center}.deck-rail i{display:block;height:.5rem;border-radius:.15rem;background:#333a3f;transition:background .35s,box-shadow .35s}.deck-rail b{position:relative;top:.85rem;color:#717b81;font:600 .58rem/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}.deck-rail span.complete i{background:var(--cyan);box-shadow:0 0 1.1rem #36d6e788}.deck-rail span.complete b{color:var(--instrument)}.status-line{display:flex;align-items:flex-start;gap:.75rem;min-height:3rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-line p{margin:0;color:#cbd1d4;font-size:.88rem;line-height:1.4}.state-indicator{flex:0 0 auto;width:.6rem;height:.6rem;margin-top:.25rem;border-radius:50%;background:#677178}.state-ready{background:var(--cyan);box-shadow:0 0 .8rem #36d6e7aa}.state-pairing{background:var(--amber);box-shadow:0 0 .8rem #ffb54788}.state-error{background:var(--fault)}.actions{display:grid;grid-template-columns:1fr auto;gap:.7rem;margin-top:1.2rem}.button{min-height:3.2rem;padding:.8rem 1.1rem;border:1px solid transparent;border-radius:.35rem;font-weight:750;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.button:active:not(:disabled){transform:translateY(1px)}.button:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.button:disabled{cursor:not-allowed;opacity:.42}.button-primary{color:#081315;background:var(--cyan)}.button-quiet{color:var(--instrument);border-color:var(--line);background:transparent}.scan-fallback{display:block;min-height:2.75rem;margin:.65rem auto 0;padding:.5rem;border:0;color:var(--muted);background:transparent;font-size:.75rem;text-decoration:underline;text-decoration-color:#59636a;text-underline-offset:.25rem;cursor:pointer}.scan-fallback:hover:not(:disabled){color:var(--instrument)}.scan-fallback:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.scan-fallback:disabled{opacity:.4;cursor:not-allowed}.telemetry{padding:2.7rem 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.section-heading h2,.signal-panel h2{margin:0;font:650 2rem/1 Barlow Condensed,Arial Narrow,sans-serif;text-transform:uppercase}.section-heading>p{max-width:11rem;margin:0;overflow:hidden;color:var(--muted);font:500 .66rem/1.35 IBM Plex Mono,ui-monospace,monospace;text-align:right;text-overflow:ellipsis;white-space:nowrap}.readouts{display:grid;grid-template-columns:1.3fr 1fr;gap:.65rem}.readout{min-height:8rem;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:#202428}.readout span{color:var(--muted);font:600 .66rem/1 IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase}.readout strong{display:flex;align-items:baseline;gap:.35rem;margin-top:1.25rem;font:650 3rem/1 Barlow Condensed,Arial Narrow,sans-serif}.readout-main strong{color:var(--cyan)}.readout small{color:var(--muted);font:500 .7rem/1 IBM Plex Mono,ui-monospace,monospace}.readout.compact{min-height:5.8rem}.readout.compact strong{margin-top:1rem;font-size:1.5rem}.signal-panel{display:grid;gap:1.4rem;margin:0 -.3rem;padding:1.6rem 1.35rem;border-left:.3rem solid var(--amber);background:var(--graphite)}.signal-panel p:last-child{max-width:34rem;margin:.65rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.5}.button-signal{display:flex;align-items:center;justify-content:center;gap:.65rem;color:#1a1104;background:var(--amber)}.button-signal span{font-family:ui-monospace,monospace}footer{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:#747e84;font:500 .58rem/1.45 IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase}footer p{margin:0}@media(min-width:760px){.app-shell{padding-inline:2rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;column-gap:4rem}.hero-copy{grid-row:span 3}.deck-wrap{margin-top:1rem}.telemetry{padding-top:3.5rem}.readouts{grid-template-columns:1.3fr 1fr .7fr .7fr}.signal-panel{grid-template-columns:1fr auto;align-items:center}.button-signal{min-width:15rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}