.ob-guide{--paper: var(--color-paper);--paper-2: var(--color-paper-2);--paper-3: var(--color-paper-3);--ink: var(--color-ink);--ink-2: var(--color-ink-2);--rule: var(--color-rule);--rule-strong: var(--color-rule-strong);--mute: var(--color-mute);--accent: var(--color-accent);--accent-2: var(--color-accent-2);--dark: var(--color-dark);--dark-2: var(--color-dark-2);--ok: var(--color-ok-strong);--secondary: var(--color-secondary);background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ob-guide .mono{font-family:JetBrains Mono,ui-monospace,Menlo,monospace}.ob-guide .serif{font-family:"Instrument Serif",Georgia,serif}.ob-guide .wrap,.ob-guide .wrap-wide{margin:0 auto;padding:0 40px}.ob-guide .wrap{max-width:1280px}.ob-guide .wrap-wide{max-width:1440px}.ob-guide .eyebrow{font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.12em;color:var(--ink-2);text-transform:uppercase}.ob-guide .eyebrow .sep{opacity:.35;margin:0 10px}.ob-guide .eyebrow .num{color:var(--accent);margin-right:10px}.ob-guide .rule{height:1px;background:var(--rule)}.ob-guide .btn-primary{background:var(--accent);color:var(--color-white);border:0;padding:14px 22px;font:500 14px/1 Inter,sans-serif;cursor:pointer;border-radius:2px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:background .15s}.ob-guide .btn-primary:hover{background:var(--accent-2)}.ob-guide .link-under{color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:color .15s,border-color .15s;cursor:pointer}.ob-guide .link-under.accent{color:var(--accent);border-color:var(--accent)}.ob-guide section{padding:140px 0;position:relative}.ob-guide section+section{border-top:1px solid var(--rule)}.ob-guide .section-head{display:grid;grid-template-columns:160px 1fr;gap:40px;margin-bottom:72px}.ob-guide .section-head .eyebrow{padding-top:6px}.ob-guide .dark{background:var(--dark);color:var(--ink)}.ob-guide .dark+section:not(.dark),.ob-guide section:not(.dark)+.dark{border-top:0}.ob-guide .dark .eyebrow{color:var(--color-source-dim)}.ob-guide .slash{color:var(--accent);margin:0 10px;font-weight:400}.ob-guide [data-reveal-delay="5"]{transition-delay:.4s}.progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:60;pointer-events:none}.progress .bar{height:100%;background:var(--accent);width:0%;transition:width .08s linear}@media(max-width:900px){.ob-guide section{padding:80px 0}.ob-guide .wrap,.ob-guide .wrap-wide{padding:0 24px}.ob-guide .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:48px}}.ob-guide .ob-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:start}@media(max-width:960px){.ob-guide .ob-hero-grid{grid-template-columns:1fr;gap:48px}}.ob-guide .ob-file-marker{position:absolute;z-index:2;font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:12px;pointer-events:none;text-transform:uppercase}.ob-guide .ob-file-marker[data-position=tr]{top:24px;right:32px}.ob-guide .ob-file-marker[data-position=tl]{top:24px;left:32px}.ob-guide .ob-file-marker[data-position=br]{bottom:24px;right:32px}.ob-guide .ob-file-marker[data-position=bl]{bottom:24px;left:32px}.ob-guide .ob-file-marker[data-tone=light]{color:var(--mute)}.ob-guide .ob-file-marker[data-tone=dark]{color:var(--color-white-66)}.ob-guide .ob-file-marker__hair{display:inline-block;width:18px;height:1px;background:var(--accent);flex-shrink:0}@media(max-width:600px){.ob-guide .ob-file-marker{display:none}}.ob-guide .ob-arch-diagram{border:1px solid var(--rule-strong);border-top:2px solid var(--ink);max-width:1100px;background:var(--color-paper);position:relative}.ob-guide .ob-arch-diagram__row{display:grid;grid-template-columns:56px 180px 1fr 1fr;gap:0;border-bottom:1px solid var(--rule);background:var(--color-paper);position:relative}.ob-guide .ob-arch-diagram__row:last-child{border-bottom:none}.ob-guide .ob-arch-diagram__row[data-accent=true]{background:var(--paper-2)}.ob-guide .ob-arch-diagram__rail{border-right:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;padding:24px 0;position:relative}.ob-guide .ob-arch-diagram__connector-top,.ob-guide .ob-arch-diagram__connector-bottom{position:absolute;left:50%;width:1px;background:var(--rule-strong);transform:translate(-.5px);transition:background .35s}.ob-guide .ob-arch-diagram__connector-top{top:0;height:24px}.ob-guide .ob-arch-diagram__connector-bottom{bottom:0;height:calc(100% - 32px)}.ob-guide .ob-arch-diagram__row[data-lit=true] .ob-arch-diagram__connector-top,.ob-guide .ob-arch-diagram__row[data-next-lit=true] .ob-arch-diagram__connector-bottom{background:var(--accent)}.ob-guide .ob-arch-diagram__dot{width:12px;height:12px;border-radius:50%;background:var(--color-paper);border:1.5px solid var(--rule-strong);margin-top:4px;z-index:1;transition:background .35s,box-shadow .35s,border-color .35s}.ob-guide .ob-arch-diagram__row[data-lit=true] .ob-arch-diagram__dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.ob-guide .ob-arch-diagram__label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;color:var(--mute);display:flex;align-items:center;padding:24px;border-right:1px solid var(--rule);transition:color .35s}.ob-guide .ob-arch-diagram__row[data-lit=true] .ob-arch-diagram__label{color:var(--accent)}.ob-guide .ob-arch-diagram__name{font:500 17px/1.3 Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);padding:24px 28px;border-right:1px solid var(--rule);transition:color .35s}.ob-guide .ob-arch-diagram__row[data-accent=true][data-lit=true] .ob-arch-diagram__name{color:var(--secondary)}.ob-guide .ob-arch-diagram__sub{font:400 14px/1.5 Inter,sans-serif;color:var(--ink-2);padding:24px 28px}@media(max-width:720px){.ob-guide .ob-arch-diagram__row{grid-template-columns:48px 1fr}.ob-guide .ob-arch-diagram__label,.ob-guide .ob-arch-diagram__name,.ob-guide .ob-arch-diagram__sub{border-right:none;padding-left:20px;padding-right:20px}.ob-guide .ob-arch-diagram__label{grid-column:2;padding-bottom:4px;padding-top:20px}.ob-guide .ob-arch-diagram__name{grid-column:2;padding-top:0;padding-bottom:4px}.ob-guide .ob-arch-diagram__sub{grid-column:2;padding-top:0;padding-bottom:20px}.ob-guide .ob-arch-diagram__rail{grid-row:1 / span 3}}.ob-guide .ob-capture-flow{border:1px solid var(--rule-strong);background:var(--paper);padding:28px 28px 24px}.ob-guide .ob-capture-flow__heading{font-size:10px;letter-spacing:.18em;color:var(--accent);margin-bottom:20px;text-transform:uppercase}.ob-guide .ob-capture-flow__row{display:flex;align-items:center;gap:0;flex-wrap:wrap;row-gap:16px}.ob-guide .ob-capture-flow__divider{height:1px;background:var(--rule);margin:32px 0 24px}.ob-guide .ob-capture-flow__footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);font-size:10px;letter-spacing:.14em;color:var(--mute);display:flex;justify-content:space-between;text-transform:uppercase}.ob-guide .ob-capture-flow__node{flex:0 0 auto;min-width:110px;text-align:center;padding:14px 16px;border:1px solid var(--rule-strong);background:var(--color-paper);position:relative}.ob-guide .ob-capture-flow__node-tag{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;letter-spacing:.18em;color:var(--mute);margin-bottom:6px}.ob-guide .ob-capture-flow__node-label{font:500 13px Inter,sans-serif;letter-spacing:-.005em;color:var(--ink)}.ob-guide .ob-capture-flow__node[data-tone=navy] .ob-capture-flow__node-label{color:var(--secondary)}.ob-guide .ob-capture-flow__node[data-tone=accent] .ob-capture-flow__node-label{color:var(--accent)}.ob-guide .ob-capture-flow__arrow{flex:1;display:flex;align-items:center;min-width:32px;position:relative}.ob-guide .ob-capture-flow__arrow-line{flex:1;height:0;border-top:1px dashed var(--mute);position:relative}.ob-guide .ob-capture-flow__arrow[data-tone=navy] .ob-capture-flow__arrow-line{border-top-color:var(--secondary)}.ob-guide .ob-capture-flow__arrow-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:2px 8px;font-size:9.5px;letter-spacing:.16em;color:var(--mute);white-space:nowrap;text-transform:uppercase}.ob-guide .ob-capture-flow__arrow[data-tone=navy] .ob-capture-flow__arrow-label{color:var(--secondary)}.ob-guide .ob-capture-flow__arrow-head{width:0;height:0;border-left:6px solid var(--mute);border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:2px;flex-shrink:0}.ob-guide .ob-capture-flow__arrow[data-tone=navy] .ob-capture-flow__arrow-head{border-left-color:var(--secondary)}.ob-guide .ob-capture-num{color:var(--accent);margin-right:12px;display:inline-block;min-width:24px}.ob-guide .ob-inline-mono{font-size:.88em;background:var(--paper-2);padding:2px 7px;border-radius:2px;color:var(--ink);letter-spacing:.01em}@media(max-width:720px){.ob-guide .ob-capture-flow__row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.ob-guide .ob-capture-flow__node{min-width:100px}.ob-guide .ob-capture-flow__arrow{min-width:64px}.ob-guide .ob-capture-flow__footer{flex-direction:column;gap:8px;align-items:flex-start}}.ob-guide .ob-cite{position:relative;display:inline}.ob-guide .ob-cite__trigger{background:transparent;border:0;padding:0;margin-left:4px;font:500 10px/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;vertical-align:super;cursor:pointer;color:var(--ob-cite-trigger, var(--color-label-warm));transition:color .15s}.ob-guide .ob-cite__trigger:hover{color:var(--accent)}.ob-guide .ob-cite__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ob-guide .ob-cite__popover{position:absolute;left:auto;right:0;top:calc(100% + 8px);z-index:50;min-width:240px;max-width:320px;background:var(--color-paper);color:var(--ink);border:1px solid var(--rule-strong);padding:14px 16px;font:400 13px/1.5 Inter,sans-serif;box-shadow:0 8px 24px var(--color-shadow-soft);text-align:left;white-space:normal}.ob-guide .ob-cite__popover[hidden]{display:none}.ob-guide .ob-cite__source-label{display:block;font-size:9.5px;letter-spacing:.14em;color:var(--accent);margin-bottom:6px;text-transform:uppercase}.ob-guide .ob-cite__source-name{display:block;font-weight:500;margin-bottom:6px}.ob-guide .ob-cite__note{display:block;color:var(--ink-2)}.ob-guide .ob-roadmap-tl{border:1px solid var(--rule-strong);background:var(--color-paper);margin-bottom:56px}.ob-guide .ob-roadmap-tl__header{display:flex;justify-content:space-between;padding:14px 24px;font:500 10px JetBrains Mono,ui-monospace,monospace;letter-spacing:.18em;color:var(--mute);border-bottom:1px solid var(--rule);text-transform:uppercase}.ob-guide .ob-roadmap-tl__header-accent{color:var(--accent)}.ob-guide .ob-roadmap-tl__row{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.ob-guide .ob-roadmap-tl__connector{position:absolute;left:8%;right:8%;top:36px;height:1px;background:var(--rule-strong)}.ob-guide .ob-roadmap-tl__col{padding:20px 16px 22px;border-right:1px solid var(--rule);text-align:center;position:relative}.ob-guide .ob-roadmap-tl__col:last-child{border-right:none}.ob-guide .ob-roadmap-tl__dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--color-paper);border:1.5px solid var(--rule-strong);margin-bottom:12px;position:relative;z-index:1}.ob-guide .ob-roadmap-tl__col[data-live=true] .ob-roadmap-tl__dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.ob-guide .ob-roadmap-tl__tag{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;color:var(--mute)}.ob-guide .ob-roadmap-tl__col[data-live=true] .ob-roadmap-tl__tag{color:var(--accent)}.ob-guide .ob-roadmap-tl__title{margin-top:10px;font:500 13px/1.35 Inter,sans-serif;color:var(--ink);letter-spacing:-.005em;max-width:180px;margin-left:auto;margin-right:auto;text-wrap:balance}@media(max-width:720px){.ob-guide .ob-roadmap-tl__row{grid-template-columns:repeat(5,1fr);overflow-x:auto}.ob-guide .ob-roadmap-tl__connector{display:none}.ob-guide .ob-roadmap-tl__title{font-size:12px}}