@import"./core/tokens.css";@font-face{font-family:Manrope;src:url(./core/vendor/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap;unicode-range:U+0100-04FF,U+1E00-1EFF}@font-face{font-family:Manrope;src:url(./core/vendor/Manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0394,U+03A9,U+03BC,U+03C0,U+03C4,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+FB01-FB02}:root{--u: min(1vw, 1.78vh);--bg: var(--ox-deep);--ink: var(--ox-on-dark);--soft: var(--ox-soft-on-dark);--accent: var(--ox-light);--line: rgba(106, 193, 252, .22);--panel: rgba(6, 19, 44, .62);--panel-line: rgba(106, 193, 252, .16)}[data-look=paper]{--bg: var(--ox-paper);--ink: var(--ox-navy);--soft: var(--ox-soft-on-light);--accent: var(--ox-blue);--line: rgba(11, 31, 69, .16);--panel: rgba(244, 241, 233, .78);--panel-line: rgba(11, 31, 69, .1)}[data-look=blueprint]{--bg: #0B2A66;--ink: #F2F7FF;--soft: #A9C9FB;--accent: #F2F7FF;--line: rgba(242, 247, 255, .3);--panel: rgba(11, 42, 102, .7);--panel-line: rgba(242, 247, 255, .2)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;font:500 18px/1.55 var(--ox-font-sans);background:var(--bg);color:var(--ink);transition:background-color .8s var(--ox-ease-in-out),color .8s}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:28px;padding:22px clamp(18px,3.4vw,54px);pointer-events:none}.bar>*{pointer-events:auto}.bar::before{content:"";position:absolute;inset:0 0 -28px;z-index:-1;background:linear-gradient(var(--bg) 30%,transparent);opacity:var(--bar-bg, 0);transition:opacity .4s;pointer-events:none}.scrolled .bar{--bar-bg: .92}.bar .logo{position:relative;display:block;width:188px;height:30px;margin-right:auto}.bar .logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center}.bar .logo .ink-light{display:none}[data-look=paper] .bar .logo .ink-dark{display:none}[data-look=paper] .bar .logo .ink-light{display:block}.bar .code{position:absolute;left:0;top:50%;transform:translateY(-50%);font:600 22px/1 var(--ox-font-mono);color:var(--accent);white-space:nowrap;opacity:0}.bar .logo.typing img{clip-path:inset(0 100% 0 0)}.bar .logo.typing .code{opacity:1}.bar nav{display:flex;gap:26px;font-size:14.5px;font-weight:600}.bar nav a{text-decoration:none;opacity:.78;transition:opacity .2s}.bar nav a:hover{opacity:1}.btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--ox-ease-out)}.btn:hover{transform:translateY(-1px);border-color:var(--accent)}.btn.solid{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn:focus-visible,.key:focus-visible,.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sound{width:44px;height:44px;padding:0;justify-content:center}.sound svg{width:20px;height:20px}.sound .wave{opacity:0;transition:opacity .2s}.sound[aria-pressed=true] .wave{opacity:1}.sound[aria-pressed=true] .mute{opacity:0}.hud{position:fixed;right:clamp(18px,3.4vw,54px);bottom:66px;text-align:right;z-index:15;font:500 11.5px/1.7 var(--ox-font-mono);letter-spacing:.02em;color:var(--soft);white-space:pre;pointer-events:none}.hud b{color:var(--ink);font-weight:600}.lab{position:fixed;right:clamp(18px,3.4vw,54px);bottom:18px;z-index:25;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600}.lab .tag{color:var(--soft);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px}.seg{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px)}.seg button,.seg a{border:0;background:none;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:700;text-decoration:none;opacity:.72}.seg button[aria-pressed=true]{background:var(--accent);color:var(--bg);opacity:1}.kicker{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}h1,h2{font-weight:800;letter-spacing:-.025em;line-height:1.02;margin:0}.lede{color:var(--soft);max-width:34em}@media (max-width: 760px){.bar{gap:12px;padding:16px 16px}.bar nav{display:none}.bar .logo{width:150px;height:24px}.bar .talk{display:none}.hud{display:none}.lab{left:16px;right:16px;justify-content:center}.lab .tag{display:none}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.embed .bar{padding:12px;justify-content:flex-end}.embed .bar>:not(.sound),.embed .bar::before,.embed .lab{display:none!important}
