.rio-home{--rio-accent:var(--blume-accent);--rio-fg:var(--color-foreground);--rio-muted:var(--color-muted-foreground);--rio-line:color-mix(in srgb, var(--color-foreground) 12%, transparent);--rio-line-2:color-mix(in srgb, var(--color-foreground) 22%, transparent);--rio-surface:color-mix(in srgb, var(--color-foreground) 3.5%, transparent);--rio-surface-2:color-mix(in srgb, var(--color-foreground) 7%, transparent);--rio-panel:#0d0d15;--rio-panel-2:#14141f;--rio-panel-fg:#ece9f8;--rio-panel-muted:#a6a3be;--rio-panel-line:#a78bfa3d;--rio-violet:#a78bfa;--rio-emerald:#34d399;--rio-focal:linear-gradient(135deg, #241f47 0%, #16294a 100%);--rio-mono:var(--blume-font-mono,ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace);--rio-max:68rem;color:var(--rio-fg);overflow-x:clip}.rio-home ::selection{background:color-mix(in srgb, var(--rio-accent) 32%, transparent);color:var(--rio-fg)}.rio-home :focus-visible{outline:2px solid var(--rio-accent);outline-offset:3px;border-radius:4px}.rio-section{max-width:var(--rio-max);margin-inline:auto;padding-block:clamp(3.25rem,6vw,5.5rem);padding-inline:1.5rem}.rio-head{max-width:44rem;margin-bottom:clamp(2rem,4vw,3.25rem)}.rio-h1{font-family:var(--blume-font-display,var(--blume-font-body,inherit));letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,6vw,4.15rem);font-weight:640;line-height:1.02}.rio-h2{font-family:var(--blume-font-display,var(--blume-font-body,inherit));letter-spacing:-.03em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:620;line-height:1.06}.rio-lead{max-width:34rem;color:var(--rio-muted);margin:1.4rem 0 0;font-size:clamp(1.05rem,1.4vw,1.24rem);line-height:1.62}.rio-subhead{max-width:42rem;color:var(--rio-muted);margin:0;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.62}.rio-inline{font-family:var(--rio-mono);background:color-mix(in srgb, var(--rio-accent) 13%, transparent);color:color-mix(in srgb, var(--rio-accent) 70%, var(--rio-fg));white-space:nowrap;border-radius:5px;margin-inline:.12em;padding:.08em .3em;font-size:.82em}.rio-hero{padding-block:clamp(3.5rem,8vw,6.5rem) clamp(3rem,6vw,5rem);position:relative}.rio-hero:before{content:"";background:radial-gradient(52% 60% at 72% 0%, color-mix(in srgb, var(--rio-accent) 20%, transparent), transparent 72%);pointer-events:none;z-index:0;height:60%;position:absolute;inset:-10% -20% auto}.rio-hero__grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.rio-cta{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.rio-cta--center{justify-content:center}.rio-btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.15rem;font-size:.96rem;font-weight:600;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.rio-btn:hover{transform:translateY(-1px)}.rio-btn--primary{background:var(--rio-accent);color:var(--blume-accent-foreground,#10101a);box-shadow:0 8px 24px -12px color-mix(in srgb, var(--rio-accent) 80%, transparent)}.rio-btn--primary:hover{background:color-mix(in srgb, var(--rio-accent) 88%, white)}.rio-btn--ghost{background:var(--rio-surface);border-color:var(--rio-line-2);color:var(--rio-fg)}.rio-btn--ghost:hover{border-color:color-mix(in srgb, var(--rio-accent) 55%, var(--rio-line-2));background:var(--rio-surface-2)}.rio-meta{flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.rio-chip{font-family:var(--rio-mono);letter-spacing:.01em;border:1px solid var(--rio-line);color:var(--rio-muted);background:var(--rio-surface);border-radius:999px;padding:.32rem .6rem;font-size:.75rem}.rio-install{border:1px solid var(--rio-panel-line);background:var(--rio-panel);border-radius:12px;width:100%;max-width:30rem;margin-top:2rem;overflow:hidden}.rio-install__tabs{gap:.25rem;padding:.4rem .4rem 0;display:flex}.rio-install__tab{font-family:var(--rio-mono);color:var(--rio-panel-muted);cursor:pointer;background:0 0;border:none;border-radius:7px 7px 0 0;padding:.35rem .7rem;font-size:.76rem;transition:color .15s,background .15s}.rio-install__tab[data-active=true]{color:var(--rio-panel-fg);background:var(--rio-panel-2)}.rio-install__tab:hover{color:var(--rio-panel-fg)}.rio-install__row{border-top:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.7rem .7rem .7rem .9rem;display:flex}.rio-install__cmd{font-family:var(--rio-mono);color:var(--rio-panel-fg);white-space:nowrap;scrollbar-width:none;flex:1;font-size:.85rem;overflow-x:auto}.rio-install__cmd::-webkit-scrollbar{display:none}.rio-install__prompt{color:var(--rio-violet);user-select:none;margin-right:.35rem}.rio-install__copy{background:var(--rio-panel-2);width:2.1rem;height:2.1rem;color:var(--rio-panel-muted);cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.rio-install__copy:hover{color:var(--rio-panel-fg);border-color:var(--rio-panel-line)}.rio-install__copy[data-copied=true]{color:var(--rio-emerald);border-color:color-mix(in srgb, var(--rio-emerald) 45%, transparent)}.rio-scrollcue{z-index:1;font-family:var(--rio-mono);color:color-mix(in srgb, var(--rio-fg) 55%, transparent);align-items:center;gap:.5rem;margin-top:clamp(2.5rem,6vw,4rem);font-size:.78rem;display:flex;position:relative}.rio-scrollcue svg{animation:1.8s ease-in-out infinite rio-nudge}@keyframes rio-nudge{0%,to{transform:rotate(90deg)translate(0)}50%{transform:rotate(90deg)translate(4px)}}.rio-instrument{border:1px solid var(--rio-panel-line);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--rio-violet) 12%, transparent), transparent 60%), var(--rio-panel);color:var(--rio-panel-fg);border-radius:16px;padding:1.1rem;box-shadow:0 30px 60px -30px #000000b3}.rio-instrument__head{font-family:var(--rio-mono);color:var(--rio-panel-muted);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.78rem;display:flex}.rio-instrument__dot,.rio-hud__dot{background:color-mix(in srgb, var(--rio-panel-muted) 60%, transparent);border-radius:999px;flex:none;width:.5rem;height:.5rem}.rio-instrument__dot[data-live=true],.rio-hud__dot[data-live=true]{background:var(--rio-emerald);box-shadow:0 0 0 0 color-mix(in srgb, var(--rio-emerald) 70%, transparent);animation:1.8s ease-out infinite rio-ping}@keyframes rio-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--rio-emerald) 55%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.rio-instrument__badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rio-panel-line);color:var(--rio-violet);border-radius:5px;margin-left:auto;padding:.15rem .45rem;font-size:.66rem}.rio-instrument__stage{background:linear-gradient(#ffffff08,#0000),#0a0a11;border:1px solid #ffffff14;border-radius:12px;height:8.5rem;margin-bottom:1rem;position:relative;overflow:hidden}.rio-instrument__scan{background:linear-gradient(90deg, transparent, var(--rio-violet), transparent);opacity:.7;height:2px;animation:3.4s cubic-bezier(.4,0,.6,1) infinite rio-scan;position:absolute;inset:0 0 auto}@keyframes rio-scan{0%,to{opacity:.15;transform:translateY(.6rem)}50%{opacity:.75;transform:translateY(6.6rem)}}.rio-instrument__threshold{border-top:1px dashed color-mix(in srgb, var(--rio-violet) 55%, transparent);position:absolute;top:58%;left:0;right:0}.rio-instrument__threshold span{font-family:var(--rio-mono);color:color-mix(in srgb, var(--rio-violet) 80%, white);font-size:.62rem;position:absolute;top:-1.5rem;right:.5rem}.rio-instrument__target{font-family:var(--rio-mono);border:1px solid color-mix(in srgb, var(--rio-violet) 45%, transparent);background:var(--rio-focal);color:#f4f2ff;border-radius:9px;align-items:center;gap:.4rem;padding:.55rem .8rem;font-size:.78rem;transition:box-shadow .3s,border-color .3s;display:inline-flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.rio-instrument__target[data-in=true]{border-color:color-mix(in srgb, var(--rio-violet) 75%, transparent);box-shadow:0 0 24px -4px color-mix(in srgb, var(--rio-violet) 60%, transparent)}.rio-instrument__readout{grid-template-columns:1fr 1fr;gap:.35rem 1rem;margin:0 0 .9rem;display:grid}.rio-readout{font-family:var(--rio-mono);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.3rem;font-size:.76rem;display:flex}.rio-readout dt{color:var(--rio-panel-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rio-readout dd{color:var(--rio-panel-fg);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.rio-readout dd[data-tone=on]{color:var(--rio-emerald)}.rio-readout dd[data-tone=off]{color:color-mix(in srgb, var(--rio-panel-muted) 85%, white)}.rio-instrument__bar,.rio-hud__bar{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.rio-instrument__bar span,.rio-hud__bar span{background:linear-gradient(90deg, var(--rio-violet), #6ea8fe);transform-origin:0;border-radius:999px;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.rio-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.rio-feature{border:1px solid var(--rio-line);background:var(--rio-surface);border-radius:14px;padding:1.4rem;transition:border-color .2s,background .2s,transform .2s}.rio-feature:hover{border-color:color-mix(in srgb, var(--rio-accent) 45%, var(--rio-line));background:var(--rio-surface-2);transform:translateY(-2px)}.rio-feature__icon{width:2.5rem;height:2.5rem;color:color-mix(in srgb, var(--rio-accent) 78%, var(--rio-fg));background:color-mix(in srgb, var(--rio-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--rio-accent) 24%, transparent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.rio-feature__title{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.06rem;font-weight:640}.rio-feature__body{color:var(--rio-muted);margin:0;font-size:.92rem;line-height:1.55}.rio-band__note{color:var(--rio-muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.75rem;font-size:.9rem;display:flex}.rio-band__note svg{color:var(--rio-accent);flex:none}.rio-spy__layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.rio-spy__sticky{position:sticky;top:6rem}.rio-spy__steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.rio-step-item{list-style:none}.rio-step{border:1px solid var(--rio-line);background:var(--rio-surface);opacity:.62;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;appearance:none;border-radius:14px;grid-template-columns:auto 1fr;gap:1rem;padding:1.4rem;transition:opacity .3s,border-color .3s,background .3s,transform .2s;display:grid}.rio-step:hover:not([data-active=true]){opacity:.85;border-color:color-mix(in srgb, var(--rio-accent) 30%, var(--rio-line))}.rio-step[data-active=true]{opacity:1;border-color:color-mix(in srgb, var(--rio-accent) 55%, var(--rio-line));background:var(--rio-surface-2)}.rio-step__marker{justify-content:center;padding-top:.4rem;display:flex}.rio-step__marker span{border:2px solid var(--rio-line-2);border-radius:999px;width:.8rem;height:.8rem;transition:border-color .3s,background .3s,box-shadow .3s}.rio-step[data-active=true] .rio-step__marker span{border-color:var(--rio-accent);background:var(--rio-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--rio-accent) 22%, transparent)}.rio-step__body{display:block}.rio-step__name{font-family:var(--rio-mono);color:var(--rio-fg);margin:0;font-size:1.02rem;font-weight:600;display:block}.rio-step__sig{font-family:var(--rio-mono);color:color-mix(in srgb, var(--rio-accent) 70%, var(--rio-fg));margin:.2rem 0 .7rem;font-size:.76rem;display:block}.rio-step__blurb{color:var(--rio-muted);margin:0;font-size:.92rem;line-height:1.55;display:block}.rio-step__code{margin-top:1rem;display:none}.rio-code{border:1px solid var(--rio-panel-line);background:var(--rio-panel);border-radius:12px;overflow:hidden}.rio-code__label{font-family:var(--rio-mono);color:var(--rio-panel-muted);background:var(--rio-panel-2);border-bottom:1px solid #ffffff0f;padding:.55rem .9rem;font-size:.72rem}.rio-code__pre{font-family:var(--rio-mono);color:#d7d4e6;tab-size:2;margin:0;padding:1rem 1.1rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.rio-code__line{white-space:pre;display:block}.rio-code__pre::-webkit-scrollbar{height:8px}.rio-code__pre::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.rio-impr__layout{grid-template-columns:1.35fr .65fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.rio-impr__grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;display:grid}.rio-tile{border:1px solid var(--rio-line);background:var(--rio-surface);border-radius:12px;flex-direction:column;gap:.4rem;min-height:5.5rem;padding:.9rem;transition:border-color .4s,background .4s,transform .4s;display:flex;position:relative;overflow:hidden}.rio-tile[data-logged=true]{border-color:color-mix(in srgb, var(--rio-emerald) 50%, transparent);background:var(--rio-focal);color:#f2f1ff}.rio-tile__id{font-family:var(--rio-mono);font-size:.82rem;font-weight:600}.rio-tile__state{font-family:var(--rio-mono);color:var(--rio-muted);align-items:center;gap:.3rem;margin-top:auto;font-size:.72rem;display:inline-flex}.rio-tile[data-logged=true] .rio-tile__state{color:var(--rio-emerald)}.rio-tile__index{font-family:var(--rio-mono);color:color-mix(in srgb, var(--rio-fg) 32%, transparent);font-size:.72rem;position:absolute;top:.6rem;right:.7rem}.rio-tile[data-logged=true] .rio-tile__index{color:#ffffff73}.rio-impr__panel{gap:1rem;display:grid;position:sticky;top:6rem}.rio-counter{border:1px solid var(--rio-line);background:var(--rio-surface);text-align:center;border-radius:14px;padding:1.4rem}.rio-counter__num{font-family:var(--blume-font-display,inherit);letter-spacing:-.03em;color:var(--rio-fg);font-variant-numeric:tabular-nums;font-size:3.4rem;font-weight:680;line-height:1;display:block}.rio-counter__label{font-family:var(--rio-mono);color:var(--rio-muted);margin-top:.4rem;font-size:.78rem;display:block}.rio-play .observer-demo-feed{scrollbar-width:thin}.rio-closing{text-align:center;position:relative}.rio-closing:before{content:"";background:linear-gradient(90deg, transparent, var(--rio-line-2), transparent);height:1px;position:absolute;inset:0 0 auto}.rio-closing__inner{flex-direction:column;align-items:center;max-width:40rem;margin-inline:auto;display:flex}.rio-closing__title{margin-top:0}.rio-closing__lead{margin-bottom:.5rem}.rio-closing .rio-install{margin-inline:auto}.rio-closing__test{color:var(--rio-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin-top:2rem;font-size:.9rem;display:inline-flex}.rio-closing__test svg{color:var(--rio-accent);flex:none}.rio-closing__test a{color:var(--rio-fg);text-underline-offset:3px;text-decoration:underline}.rio-hud{z-index:40;border:1px solid var(--rio-panel-line);background:color-mix(in srgb, var(--rio-panel) 88%, transparent);backdrop-filter:blur(10px);width:12.5rem;color:var(--rio-panel-fg);pointer-events:none;border-radius:12px;gap:.5rem;padding:.85rem .95rem;transition:opacity .4s,transform .4s;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 20px 40px -20px #000000b3}.rio-hud[data-hidden=true]{opacity:0;transform:translateY(.75rem)}.rio-hud__head{font-family:var(--rio-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--rio-panel-muted);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.rio-hud__row{font-family:var(--rio-mono);justify-content:space-between;align-items:baseline;font-size:.76rem;display:flex}.rio-hud__key{color:var(--rio-panel-muted)}.rio-hud__val{color:var(--rio-panel-fg);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-weight:600;overflow:hidden}.rio-footer{border-top:1px solid var(--rio-line,color-mix(in srgb, var(--color-foreground) 12%, transparent));margin-top:2rem}.rio-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;max-width:68rem;margin-inline:auto;padding:2.5rem 1.5rem;display:flex}.rio-footer__brand{gap:.2rem;display:grid}.rio-footer__brand strong{letter-spacing:-.01em;font-size:.95rem}.rio-footer__brand span{color:var(--color-muted-foreground);font-size:.82rem}.rio-footer__nav{flex-wrap:wrap;gap:.4rem 1.1rem;display:flex}.rio-footer__nav a{color:var(--color-muted-foreground);font-size:.88rem;text-decoration:none;transition:color .15s}.rio-footer__nav a:hover{color:var(--color-foreground)}@media (width<=56rem){.rio-hero__grid{grid-template-columns:1fr}.rio-hero__visual{max-width:30rem}.rio-spy__layout{grid-template-columns:1fr}.rio-spy__sticky{display:none}.rio-step__code{display:block}.rio-impr__layout{grid-template-columns:1fr}.rio-impr__panel{grid-template-columns:1fr 1fr;position:static}}@media (width<=34rem){.rio-hud{display:none}.rio-impr__panel{grid-template-columns:1fr}.rio-impr__grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.rio-cta--center{flex-wrap:wrap}.rio-cta--center .rio-btn{justify-content:center}.rio-cta--center .rio-btn--primary{flex:100%}.rio-cta--center .rio-btn--ghost{flex:1 1 0}}@media (prefers-reduced-motion:reduce){.rio-home *,.rio-hud *{transition:none!important;animation:none!important}}[data-blume-header] a[href=\/]{flex:none}[data-blume-header] a[href=\/]>span{flex:none;height:2rem}[data-blume-header] a[href=\/] svg{width:auto;height:2rem}[data-blume-header] a[href=\/] svg path[stroke=\#000]{stroke:currentColor}[data-blume-header] a[href=\/] svg path[fill=\#1a1a1a]{fill:currentColor}@media (width<=30rem){[data-blume-header] a[href=\/]>span{width:9.41667rem;height:2rem;overflow:hidden}[data-blume-header] a[href=\/] svg{height:2rem;margin-left:-2.66667rem}[data-blume-header] a[href=\/] svg path[stroke=\#000],[data-blume-header] a[href=\/] svg path[fill="url(#a)"]{display:none}}