@font-face{font-family: "Manrope";src: url("fonts/manrope.ttf") format("truetype");font-weight: 200 800;font-display: swap}:root{--night: #141A2A;--slate-2: #2F3A50;--chalk: #F2F4F8;--chalk-dim: #BEC5D2;--amber: #F2B441;--mono: ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--glass: rgba(255,255,255,.06);--glass-edge: rgba(255,255,255,.13);--glass-light: inset 0 1px 0 rgba(255,255,255,.14)}*{box-sizing: border-box}html{color-scheme: dark;background: var(--night)}body{margin: 0;background: var(--night);color: var(--chalk);font-family: "Manrope",system-ui,sans-serif;line-height: 1.55;font-size: 17px;overflow-x: hidden}a{color: var(--amber)}.wrap{position: relative;z-index: 1;max-width: 880px;margin: 0 auto;padding: 0 24px 140px}@media (min-width: 1700px){.wrap{zoom: 1.15}}@media (min-width: 2100px){.wrap{zoom: 1.35}}@media (min-width: 2700px){.wrap{zoom: 1.65}}header{padding: 72px 0 0}.hero{padding-bottom: 36px}.brand{display: flex;align-items: center;gap: 14px;padding: 6px 18px 6px 6px;border-radius: 999px;font-size: 21px;font-weight: 600}a.brand{color: var(--chalk);text-decoration: none}.brand img{width: 40px;height: 40px;border-radius: 50%}h1{font-size: clamp(28px,4.8vw,42px);font-weight: 600;line-height: 1.15;letter-spacing: -.02em;margin: 30px 0 14px;max-width: 22ch}.lede{font-size: 19px;color: var(--chalk-dim);max-width: 52ch;margin: 0}section{padding: 28px 0}h2{font-size: 15px;font-weight: 600;margin: 0 0 16px;color: var(--chalk-dim)}.hero .status{display: inline-block;margin-top: 16px}:is(.app,.hero) .status{padding: 4px 11px;border-radius: 999px;background: rgba(242,180,65,.1);color: #FFCE6E;font-size: 13px}.back{margin: 30px 0 -16px;font-size: 15px}.back a,.fine a{display: inline-block;padding: 4px 0;color: var(--chalk-dim)}.back a{text-decoration: none}.back a:hover{color: var(--chalk)}a.app:focus-visible,.back a:focus-visible,a.brand:focus-visible{outline: 2px solid var(--amber);outline-offset: 3px}.compat p{color: var(--chalk-dim);margin: 0 0 10px;max-width: 64ch}.fine{color: var(--chalk-dim);font-size: 13.5px;max-width: 70ch;margin-top: 24px}.soon{color: var(--chalk-dim);font-size: 15px;margin-top: 14px}footer{padding: 36px 0 0;color: var(--chalk-dim);font-size: 14px;border-top: 1px solid var(--slate-2);margin-top: 30px}.brand::before,.principle::after,.app::before,.panel::before{content: "";display: block;position: absolute;inset: 0;z-index: -1;border-radius: inherit;pointer-events: none;background: var(--glass);border: 1px solid var(--glass-edge);box-shadow: var(--glass-light),0 24px 48px rgba(0,0,0,.28);backdrop-filter: blur(22px) saturate(1.4);-webkit-backdrop-filter: blur(22px) saturate(1.4)}.principles{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 14px}.principle{position: relative;border-radius: 22px;padding: 16px 18px 18px;color: var(--chalk-dim)}.principle strong{display: block;color: var(--chalk);margin-bottom: 4px}.principle p{margin: 0}.principle::before{content: "";display: block;width: 38px;height: 38px;border-radius: 12px;margin-bottom: 12px;background: var(--amber) var(--glyph) center / 20px no-repeat}.principle.plain::before{display: none}a.principle{text-decoration: none}a.principle:hover::after{background: rgba(255,255,255,.1)}a.principle:focus-visible{outline: 2px solid var(--amber);outline-offset: 3px}.principle.i-terminal{--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9l3 3-3 3M13 15h4'/%3E%3C/svg%3E")}.principle.i-shield{--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}.principle.i-tag{--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E")}.principle.i-bolt{--glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}.principle.i-remote{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%277%27 y=%272%27 width=%2710%27 height=%2720%27 rx=%273%27/%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%272%27/%3E%3Cpath d=%27M10 14h4M10 17h4%27/%3E%3C/svg%3E")}.principle.i-keys{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%276%27 width=%2720%27 height=%2712%27 rx=%272%27/%3E%3Cpath d=%27M6 10h.01M10 10h.01M14 10h.01M18 10h.01M7 14h10%27/%3E%3C/svg%3E")}.principle.i-voice{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%279%27 y=%272%27 width=%276%27 height=%2712%27 rx=%273%27/%3E%3Cpath d=%27M19 11a7 7 0 0 1-14 0M12 18v4%27/%3E%3C/svg%3E")}.principle.i-apps{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z%27/%3E%3C/svg%3E")}.principle.i-macro{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M10 8l6 4-6 4z%27/%3E%3C/svg%3E")}.principle.i-home{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 11l9-7 9 7v9H3z%27/%3E%3Cpath d=%27M9 20v-6h6v6%27/%3E%3C/svg%3E")}.principle.i-mouse{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%276%27 y=%273%27 width=%2712%27 height=%2718%27 rx=%276%27/%3E%3Cpath d=%27M12 7v3%27/%3E%3C/svg%3E")}.principle.i-air{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12a7 7 0 0 1 14 0M8 12a4 4 0 0 1 8 0%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271.5%27/%3E%3C/svg%3E")}.principle.i-media{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 5h18v11H3zM8 21h8M12 16v5%27/%3E%3Cpath d=%27M10 8l4 2.5-4 2.5z%27/%3E%3C/svg%3E")}.principle.i-shortcut{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 6a3 3 0 1 0-3 3h3zM15 6a3 3 0 1 1 3 3h-3zM9 18a3 3 0 1 1-3-3h3zM15 18a3 3 0 1 0 3-3h-3zM9 9h6v6H9z%27/%3E%3C/svg%3E")}.principle.i-window{--glyph: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23141A2A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M3 9h18M7 7h.01%27/%3E%3C/svg%3E")}.app{display: grid;grid-template-columns: 72px 1fr;gap: 18px;align-items: start;position: relative;border-radius: 26px;padding: 22px;text-decoration: none;color: inherit}a.app:hover::before{background: rgba(255,255,255,.1)}.app + .app{margin-top: 14px}.app img{width: 72px;height: 72px;border-radius: 18px}.app h3{margin: 0 0 6px;font-size: 19px;font-weight: 600}.app p{margin: 0;color: var(--chalk-dim)}.app .status{display: inline-block;margin-top: 10px}.chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px}.chips span{font-size: 13px;line-height: 1.4;padding: 3px 10px;border-radius: 999px;background: rgba(255,255,255,.07);border: 1px solid rgba(255,255,255,.1);color: var(--chalk)}@media (max-width: 520px){.app{grid-template-columns: 56px 1fr}.app img{width: 56px;height: 56px}}.panel{position: relative;border-radius: 22px;padding: 18px 22px}.panel p{margin: 0}.panel :is(p,pre) + :is(p,pre){margin-top: 12px}.panel ol{margin: 0;padding-left: 1.3em}.panel li + li{margin-top: 8px}.panel dl{margin: 0;display: grid;grid-template-columns: max-content 1fr;gap: 10px 22px}.panel dt{color: var(--chalk-dim);font-size: 14.5px;padding-top: 2px}.panel dd{margin: 0}.panel dd a{display: inline-block;padding: 2px 0}pre{font: 14px/1.6 var(--mono);padding: 12px 14px;border-radius: 12px;background: rgba(8,11,19,.8);border: 1px solid rgba(255,255,255,.08);overflow-x: auto}code{font-family: var(--mono);font-size: .9em}@media (max-width: 520px){.panel{padding: 16px 18px}.panel dl{grid-template-columns: 1fr;gap: 2px}.panel dd + dt{margin-top: 12px}}.shots{display: flex;gap: 14px;overflow-x: auto;scroll-snap-type: x mandatory;padding: 4px 2px 12px;margin: 0 -2px;scrollbar-width: thin}.shots figure{flex: 0 0 auto;width: 190px;margin: 0;scroll-snap-align: start}.shots img{display: block;width: 100%;height: auto;border-radius: 20px;border: 1px solid rgba(255,255,255,.14);box-shadow: 0 18px 36px rgba(0,0,0,.35);background: var(--night)}.shots figcaption{margin-top: 8px;font-size: 13.5px;line-height: 1.4;color: var(--chalk-dim)}.shots:focus-visible{outline: 2px solid var(--amber);outline-offset: 4px;border-radius: 12px}@media (max-width: 520px){.shots figure{width: 62vw;max-width: 220px}}.brand,h1,.lede,h2,.soon,footer p{width: fit-content}:is(.brand,h1,h2,h3,p,.app .status,.hero .status,.chips,figcaption,li,dt,dd){position: relative}:is(.brand,h1,h2,h3,p,.app .status,.hero .status,.chips,figcaption,li,dt,dd)::after{content: "";display: block;position: absolute;inset: -10px -14px;z-index: -2;border-radius: 14px;background: var(--night);opacity: .8;filter: blur(8px);pointer-events: none}h1::after{opacity: .55}.wrap{text-shadow: 0 0 2px var(--night),0 0 6px var(--night),0 0 14px var(--night),0 0 26px rgba(20,26,42,.75)}body[data-shield="off"] :is(.brand,h1,h2,h3,p,.app .status,.hero .status,.chips,figcaption,li,dt,dd)::after{display: none}body[data-shield="off"] .wrap{text-shadow: none}.bg,.bg>div{position: fixed;inset: 0;z-index: 0;overflow: hidden;pointer-events: none;background: var(--night)}.pause{position: fixed;z-index: 2;right: 16px;bottom: 16px;width: 44px;height: 44px;display: grid;place-items: center;padding: 0;border-radius: 50%;color: var(--chalk-dim);background: rgba(20,26,42,.55);border: 1px solid var(--glass-edge);box-shadow: var(--glass-light),0 12px 24px rgba(0,0,0,.28);backdrop-filter: blur(22px) saturate(1.4);-webkit-backdrop-filter: blur(22px) saturate(1.4);cursor: pointer}.pause[hidden]{display: none}.pause:hover{color: var(--chalk)}.pause:focus-visible{outline: 2px solid var(--amber);outline-offset: 3px}.pause svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.pause .play,.pause.paused .hold{display: none}.pause.paused .play{display: inline}