.io-signal:where(.astro-nrpjaiso){background:radial-gradient(circle, color-mix(in oklab, currentColor 45%, transparent) 1px, transparent 1.5px) 0 0 / 32px 32px;width:100%;height:100%;color:var(--io-text-faint);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70%,#000 0%,#00000040 70%,#0000 100%);mask-image:radial-gradient(60% 70%,#000 0%,#00000040 70%,#0000 100%)}.io-signal:where(.astro-nrpjaiso).quiet{opacity:.55}.lane:where(.astro-nrpjaiso){stroke:var(--io-hairline-strong);stroke-width:1px}.lane:where(.astro-nrpjaiso).out{stroke:color-mix(in oklab, var(--io-accent) 22%, transparent)}.pulse:where(.astro-nrpjaiso).ok{filter:drop-shadow(0 0 6px var(--io-accent))}.pulse:where(.astro-nrpjaiso).fail{filter:drop-shadow(0 0 6px var(--io-scoped))}@media (prefers-reduced-motion:reduce){.pulse:where(.astro-nrpjaiso){display:none}}.io-ill:where(.astro-dm7d2kkc){width:100%;height:auto;display:block}.box:where(.astro-dm7d2kkc){fill:var(--io-surface-2);stroke:var(--io-hairline-strong)}.frame:where(.astro-dm7d2kkc){fill:none;stroke:var(--io-hairline-strong);stroke-dasharray:4 4}.dashed:where(.astro-dm7d2kkc){stroke-dasharray:4 3;fill:none}.mono:where(.astro-dm7d2kkc){font-family:var(--io-mono);fill:var(--sl-color-white);font-size:12px}.tiny:where(.astro-dm7d2kkc){font-family:var(--io-mono);fill:var(--io-text-muted);font-size:10.5px}.faint:where(.astro-dm7d2kkc){fill:var(--io-text-faint)}.ok:where(.astro-dm7d2kkc){fill:var(--io-accent)}.wire:where(.astro-dm7d2kkc){fill:none;stroke:var(--io-hairline-strong);stroke-width:1.5px}.ok-stroke:where(.astro-dm7d2kkc){stroke:var(--io-accent)}.ok-fill:where(.astro-dm7d2kkc){fill:var(--io-accent)}.si-stroke:where(.astro-dm7d2kkc){stroke:var(--io-singleton)}.sc-stroke:where(.astro-dm7d2kkc){stroke:var(--io-scoped)}.faint-stroke:where(.astro-dm7d2kkc){stroke:var(--io-text-faint);stroke-dasharray:3 3}.cyc:where(.astro-dm7d2kkc){stroke:var(--io-accent);stroke-dasharray:6 4;stroke-width:2px}.cyc-fill:where(.astro-dm7d2kkc){fill:var(--io-accent)}.warn:where(.astro-dm7d2kkc){stroke:var(--io-amber);stroke-width:2px}.warn-fill:where(.astro-dm7d2kkc),.warn-text:where(.astro-dm7d2kkc){fill:var(--io-amber)}.dot:where(.astro-dm7d2kkc).si{fill:color-mix(in oklab, var(--io-singleton) 30%, transparent);stroke:var(--io-singleton)}.dot:where(.astro-dm7d2kkc).sc{fill:color-mix(in oklab, var(--io-scoped) 30%, transparent);stroke:var(--io-scoped)}.dot:where(.astro-dm7d2kkc).tr{fill:color-mix(in oklab, var(--io-transient) 30%, transparent);stroke:var(--io-transient)}[data-theme=light] .warn-text:where(.astro-dm7d2kkc){fill:#b45309}main:has(.io-landing) .content-panel:first-of-type{display:none}main:has(.io-landing) .content-panel{padding:0}main:has(.io-landing) .sl-container{max-width:none}.io-landing:where(.astro-lcdefpme){--max:72rem;color:var(--io-text)}.section:where(.astro-lcdefpme),.stats:where(.astro-lcdefpme),.foot:where(.astro-lcdefpme){max-width:var(--max);margin-inline:auto;padding-inline:1.5rem}.hero:where(.astro-lcdefpme){border-bottom:1px solid var(--io-hairline);background:radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in oklab, var(--io-accent) 7%, transparent), transparent);padding:6.5rem 1.5rem 0;position:relative;overflow:hidden}.hero-inner:where(.astro-lcdefpme){text-align:center;max-width:46rem;margin:0 auto;position:relative}.badge:where(.astro-lcdefpme){border:1px solid var(--io-hairline-strong);background:color-mix(in oklab, var(--io-surface) 80%, transparent);backdrop-filter:blur(8px);font-family:var(--io-mono);color:var(--io-text-muted);border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .8rem .3rem .55rem;font-size:.72rem;text-decoration:none;display:inline-flex}.badge:where(.astro-lcdefpme) .dot:where(.astro-lcdefpme){background:var(--io-accent);width:7px;height:7px;box-shadow:0 0 10px var(--io-accent);border-radius:50%}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){letter-spacing:-.045em;color:var(--sl-color-white);margin:1.6rem 0 0;font-size:clamp(2.5rem,1.6rem + 4vw,4.6rem);font-weight:650;line-height:1.02}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:color-mix(in oklab, var(--sl-color-white) 55%, var(--io-text-faint))}.lede:where(.astro-lcdefpme){max-width:36rem;color:var(--io-text-muted);margin:1.4rem auto 0;font-size:1.08rem;line-height:1.6}.actions:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.btn:where(.astro-lcdefpme){border-radius:10px;align-items:center;height:2.6rem;padding:0 1.15rem;font-size:.92rem;font-weight:550;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:where(.astro-lcdefpme).primary{background:var(--sl-color-white);color:var(--io-bg)}.btn:where(.astro-lcdefpme).primary:hover{transform:translateY(-1px)}.btn:where(.astro-lcdefpme).ghost{border:1px solid var(--io-hairline-strong);color:var(--sl-color-white);background:color-mix(in oklab, var(--io-surface) 70%, transparent)}.btn:where(.astro-lcdefpme).ghost:hover{border-color:color-mix(in oklab, var(--io-accent) 50%, transparent)}.install:where(.astro-lcdefpme){border:1px solid var(--io-hairline);background:color-mix(in oklab, var(--io-surface) 85%, transparent);font-family:var(--io-mono);color:var(--io-text);cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;margin-top:1.25rem;padding:.45rem .6rem .45rem .9rem;font-size:.82rem;display:inline-flex}.install:where(.astro-lcdefpme) .prompt:where(.astro-lcdefpme){color:var(--io-accent)}.install:where(.astro-lcdefpme) .copy:where(.astro-lcdefpme){background:var(--io-surface-2);color:var(--io-text-faint);border-radius:6px;padding:.1rem .45rem;font-size:.68rem}.hero-code:where(.astro-lcdefpme){max-width:66rem;box-shadow:0 -30px 80px -20px color-mix(in oklab, var(--io-accent) 18%, transparent);border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:.75rem;margin:3.5rem auto -1px;display:grid;position:relative}.hero-code:where(.astro-lcdefpme) .expressive-code .frame{border-bottom-right-radius:0;border-bottom-left-radius:0;height:100%}.hero-code:where(.astro-lcdefpme) .expressive-code{height:100%}.hero-code:where(.astro-lcdefpme) .io-hero-out{border-bottom-right-radius:0;border-bottom-left-radius:0}.stats:where(.astro-lcdefpme){border-inline:1px solid var(--io-hairline);grid-template-columns:repeat(5,1fr);padding:0;display:grid}.stats:where(.astro-lcdefpme) div:where(.astro-lcdefpme){border-inline-end:1px solid var(--io-hairline);flex-direction:column;gap:.25rem;padding:1.6rem 1.4rem;display:flex}.stats:where(.astro-lcdefpme) div:where(.astro-lcdefpme):last-child{border-inline-end:none}.stats:where(.astro-lcdefpme) strong:where(.astro-lcdefpme){letter-spacing:-.02em;color:var(--sl-color-white);font-size:1.35rem;font-weight:600}.stats:where(.astro-lcdefpme) span:where(.astro-lcdefpme){font-family:var(--io-mono);letter-spacing:.06em;color:var(--io-text-faint);text-transform:uppercase;font-size:.7rem}.section:where(.astro-lcdefpme){padding-top:6.5rem}.section:where(.astro-lcdefpme) h2:where(.astro-lcdefpme),.cta:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){letter-spacing:-.035em;color:var(--sl-color-white);max-width:34rem;margin:.7rem 0 2.2rem;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);font-weight:620;line-height:1.1}.bento:where(.astro-lcdefpme){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.card:where(.astro-lcdefpme){border:1px solid var(--io-hairline);background:linear-gradient(180deg, var(--io-surface), color-mix(in oklab, var(--io-surface) 60%, var(--io-bg)));border-radius:18px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.card:where(.astro-lcdefpme):hover{border-color:var(--io-hairline-strong)}.card:where(.astro-lcdefpme).wide{grid-column:1/-1;grid-template-rows:auto 1fr;grid-template-columns:1fr 1.15fr;display:grid}.card:where(.astro-lcdefpme).wide .art:where(.astro-lcdefpme){border-bottom:0;border-left:1px solid var(--io-hairline);grid-area:1/2/span 2;align-items:center;padding:2rem;display:flex}.card:where(.astro-lcdefpme).wide .card-body:where(.astro-lcdefpme){grid-area:1/1;padding-top:2rem}.card:where(.astro-lcdefpme).wide .card-code:where(.astro-lcdefpme){grid-area:2/1}.art:where(.astro-lcdefpme){border-bottom:1px solid var(--io-hairline);background:radial-gradient(ellipse 70% 90% at 50% 100%, color-mix(in oklab, var(--io-accent) 5%, transparent), transparent);padding:1.4rem 1.4rem .4rem}.card-body:where(.astro-lcdefpme){padding:1.4rem 1.5rem .4rem}.tag:where(.astro-lcdefpme){font-family:var(--io-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--io-text-faint);border:1px solid var(--io-hairline);border-radius:6px;padding:.15rem .45rem;font-size:.66rem}.card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){letter-spacing:-.02em;color:var(--sl-color-white);margin:.9rem 0 .5rem;font-size:1.12rem;font-weight:600}.card:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--io-text-muted);margin:0;font-size:.9rem;line-height:1.6}.more:where(.astro-lcdefpme){color:var(--sl-color-white);margin-top:1rem;font-size:.85rem;font-weight:550;text-decoration:none;display:inline-block}.more:where(.astro-lcdefpme):hover span:where(.astro-lcdefpme){color:var(--io-accent)}.card-code:where(.astro-lcdefpme){margin:auto 1.25rem 1.25rem;padding-top:1rem}.card-code:where(.astro-lcdefpme) pre{font-size:.78rem!important}.toolbox:where(.astro-lcdefpme){border-top:1px solid var(--io-hairline);grid-template-columns:repeat(4,1fr);display:grid}.toolbox:where(.astro-lcdefpme)>div:where(.astro-lcdefpme){padding:1.5rem 1.25rem 0 0}.toolbox:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--io-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--io-text-faint);margin:0 0 1rem;font-size:.68rem;font-weight:500}.toolbox:where(.astro-lcdefpme) ul:where(.astro-lcdefpme){gap:.95rem;margin:0;padding:0;list-style:none;display:grid}.toolbox:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-family:var(--io-mono);color:var(--sl-color-white);background:0 0;border:none;padding:0;font-size:.82rem;display:block}.toolbox:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:var(--io-text-faint);font-size:.82rem}.incode:where(.astro-lcdefpme){border:1px solid var(--io-hairline);background:var(--io-surface);border-radius:16px;padding:.5rem 1.25rem 1.25rem}.cta:where(.astro-lcdefpme){border-block:1px solid var(--io-hairline);text-align:center;margin-top:7rem;padding:7rem 1.5rem;position:relative;overflow:hidden}.cta-inner:where(.astro-lcdefpme){position:relative}.cta:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){margin-inline:auto}.foot:where(.astro-lcdefpme){color:var(--io-text-faint);justify-content:space-between;gap:1rem;padding-block:2.5rem;font-size:.82rem;display:flex}.foot:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){gap:1.25rem;display:flex}.foot:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--io-text-faint);text-decoration:none}.foot:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--sl-color-white)}@media (width<=60rem){.hero-code:where(.astro-lcdefpme),.bento:where(.astro-lcdefpme){grid-template-columns:1fr}.card:where(.astro-lcdefpme).wide{display:flex}.card:where(.astro-lcdefpme).wide .art:where(.astro-lcdefpme){border-left:0;border-bottom:1px solid var(--io-hairline)}.toolbox:where(.astro-lcdefpme),.stats:where(.astro-lcdefpme){grid-template-columns:repeat(2,1fr)}.stats:where(.astro-lcdefpme) div:where(.astro-lcdefpme){border-bottom:1px solid var(--io-hairline)}}@media (width<=34rem){.hero:where(.astro-lcdefpme){padding-top:4rem}.toolbox:where(.astro-lcdefpme){grid-template-columns:1fr}.foot:where(.astro-lcdefpme){flex-direction:column}}