html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mk-body{font-size:17px}.wrap{width:100%;max-width:1248px;margin-inline:auto;padding-inline:16px}@media (min-width:640px){.wrap{padding-inline:24px}}.section{padding-block:96px}@media (min-width:1024px){.section{padding-block:144px}}.h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.6rem,1.6rem + 3.6vw,4.5rem);font-weight:700;line-height:1.02}.h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:700;line-height:1.05}.h3{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.375rem;font-weight:650;line-height:1.2}.lede{color:var(--ink-2);text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55}.mono-cap{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.01em;font-size:12px}.code-panel pre{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}.code-panel pre::-webkit-scrollbar{height:8px}.code-panel pre::-webkit-scrollbar-track{background:0 0}.code-panel pre::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #0f1220;border-radius:99px}.code-panel pre::-webkit-scrollbar-thumb:hover{background:#ffffff52}.code-panel{color:#e3e6f0;background:#0f1220;border:1px solid #ffffff12}.toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:32px;font-family:var(--font-mono);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:12px;transition:border-color .15s ease-out,color .15s ease-out;display:inline-flex}.toggle:hover{border-color:color-mix(in srgb, var(--cobalt) 45%, var(--line));color:var(--ink)}.toggle .track{background:var(--line);border-radius:999px;width:28px;height:18px;transition:background .18s ease-out;position:relative}.toggle .knob{background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0e112040}.toggle[aria-checked=true]{color:var(--cobalt-ink);border-color:color-mix(in srgb, var(--cobalt) 45%, var(--line))}.toggle[aria-checked=true] .track{background:var(--cobalt)}.toggle[aria-checked=true] .knob{transform:translate(10px)}.tab{color:var(--ink-3);white-space:nowrap;padding:10px 2px;font-weight:500;transition:color .15s ease-out;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{content:"";background:var(--cobalt);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg>button{height:32px;color:var(--ink-2);white-space:nowrap;border-radius:8px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.seg>button:hover{color:var(--ink)}.seg>button[aria-pressed=true],.seg>button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--elev-1), 0 0 0 1px var(--line)}.mchip{border:1px solid var(--line);background:var(--surface);height:32px;font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;transition:border-color .15s ease-out,color .15s ease-out,background .15s ease-out;display:inline-flex}.mchip:hover{border-color:color-mix(in srgb, var(--cobalt) 45%, var(--line));color:var(--ink)}.mchip[aria-pressed=true]{background:var(--cobalt-tint);border-color:var(--cobalt);color:var(--cobalt-ink)}@keyframes draw{0%{stroke-dashoffset:var(--len,400)}to{stroke-dashoffset:0}}.draw-in{stroke-dasharray:var(--len,400);animation:.7s cubic-bezier(.6,0,.2,1) both draw;animation-delay:var(--delay,0s)}@media (scripting:enabled){.hop-in:not([data-shown=true]){opacity:0;transform:translateY(12px)}}.hop-in{transition:opacity .5s ease-out,transform .6s cubic-bezier(.2,.9,.3,1);transition-delay:var(--delay,0s)}@media (prefers-reduced-motion:reduce){.hop-in{opacity:1!important;transform:none!important}}@keyframes caret{50%{opacity:0}}.caret{vertical-align:-.15em;background:currentColor;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}@keyframes typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.typing-dots span{background:currentColor;border-radius:99px;width:5px;height:5px;animation:1.1s ease-in-out infinite typing-dot;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 55%, transparent)}to{box-shadow:0 0 0 6px #0000}}.live-dot{background:var(--mint);border-radius:99px;width:7px;height:7px;animation:1.8s ease-out infinite live-pulse}@keyframes joint-pulse{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1)}}.btn-primary .joint-dot{width:6px;height:6px;box-shadow:none}.btn-primary:hover .joint-dot{animation:.42s ease-out joint-pulse}@keyframes pop{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:none}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.faq summary{cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq .faq-icon{transition:transform .2s ease-out}.faq[open] .faq-icon{transform:rotate(45deg)}.dash-frame{border:1.5px dashed color-mix(in srgb, var(--cobalt) 45%, transparent);border-radius:14px}.hairline-grid>*+*{border-left:1px solid var(--line)}@media (max-width:767px){.hairline-grid>*+*{border-left:0}.hairline-grid>:nth-child(2n){border-left:1px solid var(--line)}.hairline-grid>:nth-child(n+3){border-top:1px solid var(--line)}}.mk-body .grid>*{min-width:0}.link{color:var(--cobalt-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--cobalt) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--cobalt) 35%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.link:hover{-webkit-text-decoration-color:var(--cobalt);text-decoration-color:var(--cobalt)}