.vlp .how-section{background:var(--vlp-color-cream);border-top:var(--vlp-border-width) solid var(--vlp-border-default);border-bottom:var(--vlp-border-width) solid var(--vlp-border-default)}.vlp .how-inner{max-width:var(--vlp-content-max);padding:var(--vlp-space-20) var(--vlp-gutter);margin:0 auto}.vlp .how-intro{max-width:var(--vlp-content-narrow)}.vlp .how-eyebrow{align-items:center;gap:var(--vlp-space-2);font-family:var(--vlp-font-mono);font-size:var(--vlp-text-tag);letter-spacing:var(--vlp-tracking-eyebrow);text-transform:uppercase;color:var(--vlp-color-text-muted);margin-bottom:var(--vlp-space-5);display:inline-flex}.vlp .how-eyebrow-dot{width:var(--vlp-size-eyebrow-dot);height:var(--vlp-size-eyebrow-dot);background:var(--vlp-color-accent);border-radius:50%}.vlp .how-heading{font-size:var(--vlp-text-section);line-height:var(--vlp-leading-snug);letter-spacing:var(--vlp-tracking-snug);font-weight:var(--vlp-weight-regular)}.vlp .how-subtext{font-size:var(--vlp-text-body);line-height:var(--vlp-leading-body);color:var(--vlp-color-text-muted);margin-top:var(--vlp-space-4)}.vlp .how-timeline{margin-top:var(--vlp-gap-section)}.vlp .how-tl-track{gap:var(--vlp-space-6);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid;position:relative}.vlp .how-tl-track:before{content:"";background-image:repeating-linear-gradient(to right, var(--vlp-color-accent) 0 4px, transparent 4px 9px);opacity:.45;height:2px;animation:.7s linear infinite how-tl-march-x;position:absolute;top:18px;left:calc(16.667% - 8px);right:calc(16.667% - 8px);transform:translateY(-50%)}@keyframes how-tl-march-x{to{background-position:9px 0}}.vlp .how-tl-item{flex-direction:column;min-width:0;display:flex}.vlp .how-tl-head{z-index:1;align-self:center;align-items:center;gap:var(--vlp-space-2-5);background:var(--vlp-bg-card);border:var(--vlp-card-border);border-radius:var(--vlp-radius-pill);height:36px;padding:0 20px;display:inline-flex;position:relative;box-shadow:0 2px 12px #0000000f}.vlp .how-tl-node{font-family:var(--vlp-font-mono);font-size:var(--vlp-text-body-sm);letter-spacing:var(--vlp-tracking-snug);color:var(--vlp-color-accent)}.vlp .how-tl-label{font-family:var(--vlp-font-mono);font-size:var(--vlp-text-body-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--vlp-color-ink);white-space:nowrap}.vlp .how-tl-drop{background-image:repeating-linear-gradient(to bottom, var(--vlp-color-timeline-dash) 0 4px, transparent 4px 9px);flex-shrink:0;align-self:center;width:2px;height:20px;animation:.7s linear infinite how-tl-march-y}@keyframes how-tl-march-y{to{background-position:0 9px}}@media (prefers-reduced-motion:reduce){.vlp .how-tl-track:before,.vlp .how-tl-drop{animation:none}}.vlp .how-tl-item>.how-editor{flex:1;align-self:stretch}.vlp .how-editor{border-radius:var(--vlp-radius-lg);border:var(--vlp-border-width) solid var(--vlp-color-ink-soft);background:var(--vlp-color-ink-hover);flex-direction:column;min-height:108px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000001f}.vlp .how-tl-item:hover .how-editor{transform:translateY(-2px);box-shadow:0 14px 32px #00000029}.vlp .how-editor-chrome{background:var(--vlp-btn-bg);border-bottom:var(--vlp-border-width) solid var(--vlp-color-ink-soft);align-items:center;gap:6px;padding:8px 12px;display:flex}.vlp .how-editor-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vlp .how-editor-dot-red{background:#ff5f57}.vlp .how-editor-dot-amber{background:#febc2e}.vlp .how-editor-dot-green{background:#28c840}.vlp .how-editor-tab{font-family:var(--vlp-font-mono);font-size:var(--vlp-btn-primary-font-micro);color:var(--vlp-color-text-on-dark-muted);letter-spacing:.02em;margin-left:6px}.vlp .how-pre{font-family:var(--vlp-font-mono);color:var(--vlp-color-cream);white-space:pre;scrollbar-width:none;-ms-overflow-style:none;flex:1;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.65;overflow-x:auto}.vlp .how-pre::-webkit-scrollbar{display:none}.vlp .how-code-prompt{color:var(--vlp-color-accent)}.vlp .how-code-tag{color:var(--vlp-color-cream)}.vlp .how-code-attr{color:var(--vlp-color-syntax-orange)}.vlp .how-code-str{color:var(--vlp-color-success)}.vlp .how-footnote{font-family:var(--vlp-font-mono);font-size:var(--vlp-text-tag);color:var(--vlp-color-accent);text-align:center;margin-top:var(--vlp-space-6)}.vlp .how-open-link{margin-top:var(--vlp-space-2);font-family:var(--vlp-font-mono);font-size:var(--vlp-text-tag);color:var(--vlp-color-cream);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;text-decoration:none;transition:color .15s,opacity .15s;display:inline-flex}.vlp .how-open-link-light{color:var(--vlp-color-ink)}.vlp .how-open-link:hover,.vlp .how-open-link-light:hover{color:var(--vlp-color-accent)}.vlp .how-open-link-text{line-height:1}.vlp .how-open-link-arrow{flex-shrink:0;width:14px;height:14px;display:block}.vlp .how-mcp-block{background:var(--vlp-btn-bg);border:var(--vlp-border-width) solid var(--vlp-color-ink-soft);border-radius:var(--vlp-card-radius);margin-top:var(--vlp-space-8);padding:36px}.vlp .how-mcp-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:40px 48px;display:grid}.vlp .how-mcp-copy{gap:var(--vlp-gap-card);flex-direction:column;display:flex}.vlp .how-mcp-eyebrow{font-family:var(--vlp-font-mono);font-size:var(--vlp-btn-primary-font-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--vlp-color-accent)}.vlp .how-mcp-title{font-size:var(--vlp-text-card);line-height:1.25;font-weight:var(--vlp-weight-regular);letter-spacing:var(--vlp-tracking-snug);color:var(--vlp-color-cream)}.vlp .how-mcp-desc{font-size:var(--vlp-btn-primary-font-lg);line-height:var(--vlp-leading-body);color:var(--vlp-color-text-subtle);max-width:42ch}.vlp .how-mcp-demo{gap:var(--vlp-space-3);flex-direction:column;min-width:0;display:flex}.vlp .how-tab-row{gap:var(--vlp-space-1);border:var(--vlp-border-width) solid var(--vlp-color-ink-soft);background:#00000047;border-radius:6px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:4px;display:grid}.vlp .how-tab{text-align:center;width:fit-content;max-width:100%;font-size:var(--vlp-text-tag);font-family:var(--vlp-font-mono);border-radius:var(--vlp-chip-radius);border:var(--vlp-border-width) solid transparent;cursor:pointer;transition:var(--vlp-btn-transition), color .15s, border-color .15s;white-space:nowrap;justify-self:center;padding:7px 10px}.vlp .how-tab-active{color:var(--vlp-color-cream);background:#f7f7f41a;border-color:#4a4944}.vlp .how-tab-inactive{color:var(--vlp-color-text-muted);background:0 0}.vlp .how-tab-inactive:hover{color:var(--vlp-color-text-on-dark-muted);background:#f7f7f40a}.vlp .how-terminal{background:var(--vlp-color-ink-hover);border:var(--vlp-border-width) solid var(--vlp-color-ink-soft);border-radius:6px;position:relative;overflow:hidden}.vlp .how-terminal-scroll{scrollbar-width:thin;scrollbar-color:var(--vlp-color-ink-soft) transparent;padding:10px 64px 14px 14px;overflow:auto hidden}.vlp .how-terminal-scroll::-webkit-scrollbar{height:5px}.vlp .how-terminal-scroll::-webkit-scrollbar-track{background:0 0}.vlp .how-terminal-scroll::-webkit-scrollbar-thumb{background:var(--vlp-color-ink-soft);border-radius:var(--vlp-radius-pill)}.vlp .how-terminal-line{align-items:center;gap:var(--vlp-space-2);font-family:var(--vlp-font-mono);color:var(--vlp-color-cream);white-space:nowrap;font-size:12.5px;line-height:1.35;display:inline-flex}.vlp .how-terminal-prompt{color:var(--vlp-color-accent);flex-shrink:0}.vlp .how-terminal-cmd{flex-shrink:0}.vlp .how-terminal-overlay{background:linear-gradient(90deg, #14141400 0%, #141414d1 42%, var(--vlp-color-ink-hover) 68%);pointer-events:none;justify-content:flex-end;align-items:center;width:64px;padding-right:10px;display:flex;position:absolute;top:0;bottom:0;right:0}.vlp .how-terminal-copy{pointer-events:auto;border-radius:var(--vlp-chip-radius);width:28px;height:28px;color:var(--vlp-color-text-subtle);cursor:pointer;background:#f7f7f40f;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.vlp .how-terminal-copy:hover{color:var(--vlp-color-cream);background:#f7f7f41f}.vlp .how-checks-list{gap:var(--vlp-space-2-5) 20px;border-top:var(--vlp-border-width) solid #3a3934d9;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px;padding-top:20px;list-style:none;display:grid}.vlp .how-check-row{align-items:flex-start;gap:var(--vlp-space-2);font-size:var(--vlp-text-body-sm);color:var(--vlp-color-text-on-dark-muted);line-height:1.45;display:flex}.vlp .how-check-mark{color:var(--vlp-color-success);font-size:var(--vlp-text-tag);flex-shrink:0;line-height:1.45}.vlp .how-footer-row{text-align:center;align-items:center;gap:var(--vlp-space-4);flex-direction:column;margin-top:28px;display:flex}.vlp .how-tagline{font-family:var(--vlp-font-heading);font-weight:var(--vlp-weight-medium);color:var(--vlp-color-ink);font-size:20px}.vlp .how-stack{font-family:var(--vlp-font-mono);font-size:var(--vlp-btn-primary-font-micro);letter-spacing:.04em;color:var(--vlp-color-text-subtle)}.vlp .how-cta{align-items:center;gap:var(--vlp-btn-gap);font-size:var(--vlp-btn-primary-font-md);white-space:nowrap;background:var(--vlp-btn-primary-bg);color:var(--vlp-btn-primary-text);padding:var(--vlp-btn-primary-padding-md);border-radius:var(--vlp-btn-primary-radius);transition:var(--vlp-btn-transition);display:inline-flex}@media (max-width:768px){.vlp .how-tl-track{grid-template-columns:1fr;gap:28px}.vlp .how-tl-track:before{display:none}.vlp .how-footnote{text-align:left}.vlp .how-mcp-layout{grid-template-columns:1fr;gap:28px}.vlp .how-mcp-block{padding:28px 24px}.vlp .how-checks-list{grid-template-columns:1fr}.vlp .how-tab-row{flex-wrap:wrap;display:flex}.vlp .how-tab{flex:auto}}