*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--ob-ink);color:var(--ob-text-2);font-family:var(--ob-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}h1,h2,h3{color:var(--ob-text);font-family:var(--ob-display);letter-spacing:-.015em;margin:0;font-weight:400;line-height:1.08}p{margin:0}a{color:inherit;text-decoration:none}.skip{background:var(--ob-raise);color:var(--ob-text);z-index:50;border-radius:6px;padding:.5rem .8rem;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}.wrap{max-width:var(--ob-max);z-index:2;width:100%;margin-inline:auto;padding-inline:1.5rem;position:relative}.nav{backdrop-filter:blur(14px)saturate(140%);background-color:color-mix(in srgb, var(--ob-ink) 72%, transparent);border-bottom:1px solid var(--ob-line-soft);padding:.7rem max(1.5rem, calc(50vw - var(--ob-max) / 2 + 1.5rem));z-index:30;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:.5rem;display:flex}.brand-mark{color:var(--ob-amber);font-family:var(--ob-display);font-size:1.15rem;line-height:1}.brand-name{color:var(--ob-text);font-family:var(--ob-display);letter-spacing:.005em;font-size:1.3rem}.nav-links{align-items:center;gap:1.15rem;font-size:.86rem;display:flex}.nav-links a{color:var(--ob-text-2);transition:color .12s}.nav-links a:hover{color:var(--ob-text)}.theme-toggle{border:1px solid var(--ob-line);color:var(--ob-text-2);cursor:pointer;background:0 0;border-radius:6px;padding:.32rem .45rem;font-size:.8rem;line-height:1}.theme-toggle:hover{border-color:var(--ob-amber);color:var(--ob-text)}.hero{background-image:radial-gradient(38rem 26rem at 50% -8rem, var(--ob-glow-a), transparent 70%), radial-gradient(52rem 32rem at 92% 6%, var(--ob-glow-b), transparent 68%), radial-gradient(46rem 30rem at 4% 22%, var(--ob-glow-c), transparent 66%), linear-gradient(180deg, var(--ob-ink-2), var(--ob-ink) 72%);border-bottom:1px solid var(--ob-line-soft);padding-block:clamp(3.5rem,7vw,6.5rem) clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.hero:before{background-image:radial-gradient(var(--ob-dot) 1px, transparent 1px);content:"";z-index:0;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 30%,#0000 0%,#000 78%);mask-image:radial-gradient(60% 55% at 50% 30%,#0000 0%,#000 78%)}.eyebrow{color:var(--ob-text-3);font-family:var(--ob-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.5rem;margin-block-end:1.4rem;font-size:.7rem;display:inline-flex}.eyebrow:before{background-color:var(--ob-amber);content:"";border-radius:999px;width:5px;height:5px}.hero h1{max-width:17ch;font-size:clamp(2.6rem,1.2rem + 4.6vw,4.6rem)}.hero h1 .accent{color:var(--ob-amber)}.lede{color:var(--ob-text-2);max-width:54ch;margin-block-start:1.4rem;font-size:clamp(1.02rem,.95rem + .3vw,1.16rem)}.cta{flex-wrap:wrap;align-items:center;gap:.7rem;margin-block-start:2rem;display:flex}.btn{border-radius:8px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;transition:transform .12s,border-color .12s,background-color .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--ob-amber);border:1px solid var(--ob-amber);color:#171308}.btn-primary:hover{background-color:color-mix(in srgb, var(--ob-amber) 85%, #fff)}.btn-ghost{background-color:color-mix(in srgb, var(--ob-raise) 70%, transparent);border:1px solid var(--ob-line);color:var(--ob-text)}.btn-ghost:hover{border-color:var(--ob-amber)}.install{background-color:color-mix(in srgb, var(--ob-raise) 70%, transparent);border:1px solid var(--ob-line-soft);color:var(--ob-text-2);font-family:var(--ob-mono);border-radius:8px;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.8rem;display:inline-flex}.install .prompt{color:var(--ob-amber)}.hero-shot{z-index:2;margin-block-start:clamp(2.5rem,5vw,4rem);position:relative}.shot-caption{color:var(--ob-text-3);font-family:var(--ob-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-block-start:.85rem;font-size:.68rem}.section{padding-block:clamp(3.5rem,7vw,6rem);position:relative}.section+.section{border-top:1px solid var(--ob-line-soft)}.section-head{max-width:46rem}.kicker{color:var(--ob-amber);font-family:var(--ob-mono);letter-spacing:.16em;text-transform:uppercase;margin-block-end:.9rem;font-size:.7rem}.section h2{font-size:clamp(1.9rem,1.2rem + 2.1vw,2.8rem)}.section-head p{max-width:58ch;margin-block-start:1rem}.marginalia{background-color:var(--ob-ink-2);border-block:1px solid var(--ob-line-soft);position:relative;overflow:hidden}.marginalia:before{background-image:radial-gradient(var(--ob-dot) 1px, transparent 1px);content:"";background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 55%);mask-image:linear-gradient(90deg,#000,#0000 55%)}.marginalia .wrap{grid-template-columns:6rem minmax(0,1fr);gap:2rem;padding-block:clamp(2.5rem,5vw,4rem);display:grid}.marginalia .glyph{color:var(--ob-amber);font-family:var(--ob-display);text-align:center;font-size:5rem;line-height:.8}.marginalia blockquote{font-family:var(--ob-display);color:var(--ob-text);margin:0;font-size:clamp(1.35rem,1rem + 1.2vw,1.95rem);line-height:1.3}.marginalia cite{color:var(--ob-text-3);font-family:var(--ob-mono);letter-spacing:.1em;text-transform:uppercase;margin-block-start:1rem;font-size:.72rem;font-style:normal;display:block}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block-start:2.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;margin-block-start:2.5rem;display:grid}.card{background-color:var(--ob-raise);border:1px solid var(--ob-line-soft);border-radius:var(--ob-radius);flex-direction:column;gap:.7rem;padding:1.25rem;transition:border-color .14s,transform .14s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--ob-line);transform:translateY(-2px)}.card h3{font-family:var(--ob-sans);letter-spacing:0;font-size:.95rem;font-weight:600}.card p{color:var(--ob-text-2);font-size:.88rem}.card .tag{color:var(--ob-text-3);font-family:var(--ob-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.card .surface-line{background:linear-gradient(90deg, var(--ob-amber), transparent);inset-inline:0;height:1px;position:absolute;top:0}.card.violet .surface-line{background:linear-gradient(90deg, var(--ob-violet), transparent)}.card.green .surface-line{background:linear-gradient(90deg, var(--ob-green), transparent)}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-block-start:2.5rem;display:grid}.feature{border-block-start:1px solid var(--ob-line-soft);border-inline-start:1px solid var(--ob-line-soft);padding:1.5rem 1.4rem}.features .feature:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}.feature h3{font-family:var(--ob-sans);letter-spacing:0;align-items:baseline;gap:.5rem;margin-block-end:.5rem;font-size:.92rem;font-weight:600;display:flex}.feature h3:before{color:var(--ob-amber);content:"†";font-family:var(--ob-display);font-size:.9rem}.feature p{font-size:.86rem}.anchor-demo{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:2.5rem;display:grid}.state{background-color:var(--ob-raise);border:1px solid var(--ob-line-soft);border-radius:var(--ob-radius);padding:1.1rem}.state-label{font-family:var(--ob-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.45rem;margin-block-end:.9rem;font-size:.68rem;display:flex}.state-label .dot{border-radius:50%;width:6px;height:6px}.state.attached .state-label{color:var(--ob-green)}.state.attached .dot{background-color:var(--ob-green)}.state.detached .state-label{color:var(--ob-amber)}.state.detached .dot{background-color:var(--ob-amber)}.state .line{color:var(--ob-text);font-size:.88rem;line-height:1.7}.state .line u{border-bottom:1px solid var(--ob-amber);text-decoration:none}.state .mini{background-color:var(--ob-ink-2);border:1px solid var(--ob-line-soft);border-radius:8px;margin-block-start:.9rem;padding:.7rem .8rem}.state.detached .mini{border-style:dashed}.state .mini .who{color:var(--ob-text);font-size:.74rem;font-weight:600}.state .mini .said{color:var(--ob-text-2);margin-block-start:.25rem;font-size:.8rem}.state .mini .warn{color:var(--ob-amber);align-items:center;gap:.35rem;margin-block-start:.55rem;font-size:.74rem;display:flex}.closer{background-image:radial-gradient(40rem 24rem at 50% 120%, var(--ob-glow-a), transparent 70%), linear-gradient(180deg, var(--ob-ink), var(--ob-ink-2));border-top:1px solid var(--ob-line-soft);text-align:center;position:relative;overflow:hidden}.closer:before{background-image:radial-gradient(var(--ob-dot) 1px, transparent 1px);content:"";background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 60%,#0000,#000 85%);mask-image:radial-gradient(50% 60%,#0000,#000 85%)}.closer h2{max-width:20ch;margin-inline:auto;font-size:clamp(2rem,1.3rem + 2.4vw,3.2rem)}.closer .cta{justify-content:center}.closer p{max-width:46ch;margin-block-start:1.1rem;margin-inline:auto}.foot{border-top:1px solid var(--ob-line-soft);padding-block:2.5rem}.foot-inner{max-width:var(--ob-max);flex-wrap:wrap;justify-content:space-between;gap:1.25rem;margin-inline:auto;padding-inline:1.5rem;display:flex}.foot-brand{color:var(--ob-text);font-family:var(--ob-display);align-items:baseline;gap:.45rem;font-size:1.15rem;display:flex}.foot-note{color:var(--ob-text-3);flex:22rem;max-width:40ch;font-size:.82rem}.foot-links{flex-wrap:wrap;gap:1rem;font-size:.84rem;display:flex}.foot-links a:hover{color:var(--ob-amber)}:root .astro-code,:root .astro-code span{color:var(--shiki-dark)!important}:root[data-theme=light] .astro-code,:root[data-theme=light] .astro-code span{color:var(--shiki-light)!important}@media (width<=62rem){.grid-3,.features{grid-template-columns:repeat(2,minmax(0,1fr))}.features .feature:nth-child(3n+1){border-inline-start:1px solid var(--ob-line-soft);padding-inline-start:1.4rem}.features .feature:nth-child(odd){border-inline-start:0;padding-inline-start:0}}@media (width<=46rem){.nav-links{gap:.85rem}.nav-gh{display:none}.grid-2,.anchor-demo{grid-template-columns:minmax(0,1fr)}.marginalia .wrap{grid-template-columns:minmax(0,1fr);gap:1rem}.marginalia .glyph{text-align:start;font-size:3rem}}@media (width<=34rem){.grid-3,.features{grid-template-columns:minmax(0,1fr)}.features .feature{border-inline-start:0;padding-inline:0}}.shot:where(.astro-pmiqfeva){margin:0}.frame:where(.astro-pmiqfeva){display:block}.frame:where(.astro-pmiqfeva) img:where(.astro-pmiqfeva){border:1px solid var(--ob-line);border-radius:var(--ob-radius);box-shadow:var(--ob-shadow);width:100%;max-width:100%;height:auto;display:block}.frame-light:where(.astro-pmiqfeva),:root[data-theme=light] .frame-dark:where(.astro-pmiqfeva){display:none}:root[data-theme=light] .frame-light:where(.astro-pmiqfeva){display:block}.snip:where(.astro-46njg7og){background-color:var(--ob-raise);border:1px solid var(--ob-line-soft);border-radius:var(--ob-radius-s);overflow:hidden}.snip-head:where(.astro-46njg7og){background-color:var(--ob-raise-2);border-bottom:1px solid var(--ob-line-soft);color:var(--ob-text-3);font-family:var(--ob-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.68rem;display:flex}.snip-dot:where(.astro-46njg7og){border-radius:50%;width:6px;height:6px}.tone-amber:where(.astro-46njg7og) .snip-dot:where(.astro-46njg7og){background-color:var(--ob-amber)}.tone-green:where(.astro-46njg7og) .snip-dot:where(.astro-46njg7og){background-color:var(--ob-green)}.tone-violet:where(.astro-46njg7og) .snip-dot:where(.astro-46njg7og){background-color:var(--ob-violet)}.snip:where(.astro-46njg7og) pre{font-family:var(--ob-mono);margin:0;padding:.85rem .95rem;font-size:.78rem;line-height:1.7;overflow-x:auto;background-color:#0000!important}.snip:where(.astro-46njg7og) code{font-family:inherit}