:root{--bg: oklch(93.733% .01072 136.56);--bg-elevated: oklch(91.508% .01248 137.79);--bg-elevated-2: oklch(88.045% .01432 138.71);--fg: oklch(26.032% 0 89.88);--fg-secondary: oklch(44.987% .00945 176.94);--fg-tertiary: oklch(57.18% .0106 171.54);--fg-quaternary: oklch(73.042% .01067 164.76);--border: oklch(84.237% .01621 139.44);--border-bright: oklch(70.458% .01602 158.09);--accent: oklch(71.389% .18681 41.75);--accent-strong: oklch(65.147% .18441 40.83);--accent-glow: oklch(71.389% .18681 41.75 / .18);--trace-x: var(--fg);--trace-y: var(--fg-secondary);--trace-z: var(--fg-tertiary);--chart-grid: var(--border);--chart-zero: var(--border-bright);--chart-label: var(--fg-tertiary);--max-w: 1080px;--ease-out: cubic-bezier(.22, 1, .36, 1);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sans: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color-scheme:light}body{background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--accent-strong);color:var(--bg)}.serif{font-family:"Instrument Serif",Newsreader,serif;font-style:italic;font-weight:400;letter-spacing:-.015em}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:var(--bg);border-bottom:1px solid var(--border)}.nav-brand{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--fg);text-decoration:none;display:inline-flex;align-items:center}.nav-brand .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:11px;box-shadow:0 0 12px var(--accent-glow)}.nav-back{font-size:14px;font-weight:500;color:var(--fg-secondary);text-decoration:none;transition:color .2s var(--ease-out)}.nav-back:hover{color:var(--accent)}.nav-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{max-width:var(--max-w);margin:0 auto;padding:0 24px 96px}@media(min-width:768px){main{padding:0 48px 112px}}.hero{padding:72px 0 44px;max-width:720px}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-secondary);margin:0 0 28px;display:inline-flex;align-items:center;gap:12px}.eyebrow .pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff72356b}50%{box-shadow:0 0 0 10px #ff723500}}.hero h1{font-family:var(--sans);font-size:clamp(34px,5.4vw,60px);font-weight:500;letter-spacing:-.035em;line-height:1.02;color:var(--fg);margin:0 0 22px}.hero-sub{font-size:clamp(15px,1.5vw,17px);line-height:1.6;color:var(--fg-secondary);max-width:60ch;margin:0}.stage{display:flex;flex-direction:column;gap:14px}.video-wrap{position:relative;background:var(--fg);aspect-ratio:16 / 9;border:1px solid var(--border-bright);overflow:hidden}.video-wrap video{width:100%;height:100%;display:block}.big-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:#24242494;border:1px solid oklch(93.733% .01072 136.56 / .55);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.16s var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.big-play svg{width:30px;height:30px;margin-left:4px}.big-play:hover{background:var(--accent);transform:scale(1.05)}.big-play.hidden{display:none}.telemetry{background:var(--bg-elevated);border:1px solid var(--border-bright)}.telemetry-head{display:flex;align-items:baseline;gap:8px;padding:13px 18px;border-bottom:1px solid var(--border)}.telemetry-title{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.telemetry-sub{font-size:12.5px;color:var(--fg-tertiary)}.clock{margin-left:auto;font-family:var(--mono);font-size:15px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.clock i{font-style:normal;color:var(--fg-quaternary);font-size:11px}.trace{padding:12px 18px 6px;cursor:crosshair;touch-action:none}.trace:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.trace-label{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.trace-name{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--fg)}.trace-unit{font-family:var(--mono);font-size:11px;color:var(--fg-tertiary)}.readout{margin-left:auto;display:flex;gap:14px}.readout .ax{font-family:var(--mono);font-size:10.5px;color:var(--fg-tertiary);letter-spacing:.04em;display:inline-flex;align-items:center;gap:5px}.readout .ax:before{content:"";width:8px;height:3px;display:inline-block}.ax-x:before{background:var(--trace-x)}.ax-y:before{background:var(--trace-y)}.ax-z:before{background:var(--trace-z)}.readout .ax b{color:var(--fg);font-weight:500;min-width:50px;text-align:right;font-variant-numeric:tabular-nums}.canvas-box{position:relative;width:100%;height:130px}#gyroTrace .canvas-box{height:146px}.canvas-box canvas{width:100%;height:100%;display:block;cursor:inherit}.progress-rail{padding:0 18px;cursor:crosshair;touch-action:none;border-bottom:1px solid var(--border)}.progress-rail canvas{width:100%;height:22px;display:block}.telemetry-foot{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-quaternary);text-align:center;padding:8px 0 13px}.section-label{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-secondary);margin:0 0 18px}.reel{margin-top:56px}.filmstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:720px){.filmstrip{grid-template-columns:repeat(3,1fr)}}.clip-thumb{position:relative;padding:0;cursor:pointer;background:var(--bg-elevated);border:1px solid var(--border-bright);overflow:hidden;font:inherit;color:var(--fg-tertiary);transition:border-color .18s var(--ease-out)}.clip-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;filter:grayscale(.4);opacity:.78;transition:.18s var(--ease-out)}.clip-thumb .thumb-label{display:block;padding:7px 9px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:left}.clip-thumb:hover{border-color:var(--fg-secondary);color:var(--fg-secondary)}.clip-thumb:hover img{opacity:.95;filter:grayscale(0)}.clip-thumb.active{border-color:var(--fg);color:var(--fg)}.clip-thumb.active img{opacity:1;filter:grayscale(0)}.spec-block{margin-top:56px}.spec-table{border-left:2px solid var(--accent)}.spec-row{display:grid;grid-template-columns:1fr 1fr;padding:13px 16px;border-bottom:1px solid var(--border);transition:background .1s ease}.spec-row:last-child{border-bottom:none}.spec-row:hover{background:var(--bg-elevated)}.spec-row .spec-label{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-tertiary)}.spec-row .spec-value{font-family:var(--mono);font-size:12px;color:var(--fg);font-variant-numeric:tabular-nums}.site-footer{max-width:var(--max-w);margin:64px auto 0;padding:26px 24px 56px;border-top:1px solid var(--border);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-size:12.5px;color:var(--fg-tertiary)}@media(min-width:768px){.site-footer{padding-left:48px;padding-right:48px}}.site-footer .nav-brand{color:var(--fg-secondary)}.site-footer.global-footer-bar{justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.site-footer.global-footer-bar a{color:inherit;text-decoration:none;transition:color .16s ease}.site-footer.global-footer-bar a:not(.cta):hover{color:var(--accent)}.site-footer.global-footer-bar .cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:var(--accent);border:1px solid var(--accent);color:var(--fg);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;margin-left:auto}.site-footer.global-footer-bar .cta:hover{opacity:.92}