main[data-astro-cid-lcdefpme]{--hp-shadow-md:0 4px 6px -1px hsl(var(--vt-generic-black) / .05), 0 2px 4px -2px hsl(var(--vt-generic-black) / .05);--hp-shadow-lg:0 10px 15px -3px hsl(var(--vt-generic-black) / .05), 0 4px 6px -4px hsl(var(--vt-generic-black) / .05);--hp-shadow-xl:0 20px 25px -5px hsl(var(--vt-generic-black) / .05), 0 8px 10px -6px hsl(var(--vt-generic-black) / .05)}main[data-astro-cid-lcdefpme] p{text-wrap:pretty}main[data-astro-cid-lcdefpme] h1,main[data-astro-cid-lcdefpme] h2,main[data-astro-cid-lcdefpme] h3{text-wrap:balance}.hp-wrap[data-astro-cid-lcdefpme]{width:100%;max-width:var(--vt-container-width);padding:0 var(--vt-spacing-6);margin:0 auto}@media (width<=640px){.hp-wrap[data-astro-cid-lcdefpme]{padding:0 var(--vt-spacing-4)}}.hp-actions[data-astro-cid-lcdefpme]{justify-content:center;align-items:center;gap:var(--vt-spacing-3);flex-wrap:wrap;display:flex}.hp-hero[data-astro-cid-lcdefpme]{padding-top:var(--vt-spacing-24);position:relative;overflow:hidden}.hp-grid-bg[data-astro-cid-lcdefpme]{background-image:linear-gradient(to right, hsl(var(--vt-border-default) / .6) var(--vt-border-width-thin), transparent var(--vt-border-width-thin)), linear-gradient(to bottom, hsl(var(--vt-border-default) / .6) var(--vt-border-width-thin), transparent var(--vt-border-width-thin));background-size:var(--vt-spacing-12) var(--vt-spacing-12);background-position:0 calc(-1 * var(--vt-border-width-thin));mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, hsl(var(--vt-generic-black)) 30%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, hsl(var(--vt-generic-black)) 30%, transparent 75%);pointer-events:none;position:absolute;inset:0}.hp-hero-copy[data-astro-cid-lcdefpme]{text-align:center;align-items:center;gap:var(--vt-spacing-6);flex-direction:column;display:flex;position:relative}.hp-display[data-astro-cid-lcdefpme]{font-size:var(--vt-font-size-6xl);letter-spacing:-.02em;font-weight:700;line-height:1.1}@media (width<=768px){.hp-display[data-astro-cid-lcdefpme]{font-size:var(--vt-font-size-4xl)}}.hp-lead[data-astro-cid-lcdefpme]{max-width:calc(var(--vt-spacing-2) * 116)}.hp-hero-copy[data-astro-cid-lcdefpme] .hp-actions[data-astro-cid-lcdefpme]{margin-top:var(--vt-spacing-2)}.hp-brand-tile[data-astro-cid-lcdefpme]{background:hsl(var(--vt-brand-fill));color:hsl(var(--vt-on-brand))}.hp-window-stage[data-astro-cid-lcdefpme]{margin-top:var(--vt-spacing-16);position:relative}.hp-window-stage[data-astro-cid-lcdefpme],.hp-cta-wrap[data-astro-cid-lcdefpme]{padding-inline:calc(var(--vt-spacing-6) * 2)}@media (width<=640px){.hp-window-stage[data-astro-cid-lcdefpme],.hp-cta-wrap[data-astro-cid-lcdefpme]{padding-inline:calc(var(--vt-spacing-4) + var(--vt-spacing-6))}}.site-footer .vt-container{padding-inline:calc(var(--vt-spacing-6) * 2)}@media (width<=640px){.site-footer .vt-container{padding-inline:calc(var(--vt-spacing-4) + var(--vt-spacing-6))}}.hp-window[data-astro-cid-lcdefpme]{box-shadow:var(--hp-shadow-xl);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative}.hp-hero[data-astro-cid-lcdefpme]:after{content:"";z-index:3;height:var(--vt-spacing-40);background:linear-gradient(to bottom, hsl(var(--vt-surface-page) / 0), hsl(var(--vt-surface-page)));pointer-events:none;position:absolute;bottom:0;left:0;right:0}.hp-window-bar[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-1);padding:var(--vt-spacing-3) var(--vt-spacing-4);border-bottom:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:hsl(var(--vt-surface-subtle));display:flex}.hp-window-url[data-astro-cid-lcdefpme]{margin:0 auto}.hp-builder[data-astro-cid-lcdefpme]{grid-template-columns:calc(var(--vt-spacing-2) * 38) minmax(0, 1fr);height:calc(var(--vt-spacing-2) * 95);text-align:left;display:grid}.hp-b-panel[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-5);padding:var(--vt-spacing-5) var(--vt-spacing-6);border-right:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:hsl(var(--vt-surface-card));flex-direction:column;display:flex;overflow:hidden}.hp-b-section[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);flex-direction:column;display:flex}.hp-b-panel[data-astro-cid-lcdefpme]>.vt-separator[data-astro-cid-lcdefpme]{margin-inline:calc(var(--vt-spacing-6) * -1);border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:0 0;width:auto;height:0}.hp-b-list[data-astro-cid-lcdefpme]{border:var(--vt-border-width-default) solid hsl(var(--vt-border-default));border-radius:var(--vt-radius-lg);background:hsl(var(--vt-surface-card));flex-direction:column;display:flex;overflow:hidden}.hp-b-opt[data-astro-cid-lcdefpme]{all:unset;box-sizing:border-box;align-items:center;gap:var(--vt-spacing-3);padding:var(--vt-spacing-1_5) var(--vt-spacing-3) var(--vt-spacing-1_5) var(--vt-spacing-1_5);cursor:pointer;transition:background-color .15s var(--vt-motion-ease-out);display:flex}.hp-b-opt[data-astro-cid-lcdefpme]+.hp-b-opt[data-astro-cid-lcdefpme]{border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}.hp-b-opt[data-astro-cid-lcdefpme]:hover{background:hsl(var(--vt-surface-page))}.hp-b-opt[data-astro-cid-lcdefpme]:focus-visible{outline:var(--vt-border-width-thick) solid hsl(var(--vt-focus-ring));outline-offset:calc(-1 * var(--vt-border-width-thick))}.hp-b-opt[data-astro-cid-lcdefpme][aria-checked=true]{background:hsl(var(--vt-surface-subtle))}.hp-b-vis[data-astro-cid-lcdefpme]{width:var(--vt-spacing-16);height:var(--vt-spacing-10);border-radius:max(var(--vt-spacing-1), calc(var(--vt-radius-lg) - var(--vt-spacing-1_5)));background:hsl(var(--vt-surface-page));box-shadow:inset 0 0 0 var(--vt-border-width-default) hsl(var(--vt-border-default));flex:none;position:relative;overflow:hidden}.hp-b-corner[data-astro-cid-lcdefpme]{top:var(--vt-spacing-2);left:var(--vt-spacing-2);border:var(--vt-border-width-default) solid hsl(var(--vt-border-strong));background:hsl(var(--vt-surface-card));width:200%;height:200%;position:absolute}.hp-b-corner-val[data-astro-cid-lcdefpme]{right:var(--vt-spacing-1_5);bottom:var(--vt-spacing-1_5);font:500 var(--vt-spacing-3)/1 var(--vt-font-family-mono,ui-monospace, monospace);color:hsl(var(--vt-foreground-secondary));white-space:nowrap;position:absolute}.hp-b-ramp[data-astro-cid-lcdefpme]{display:flex}.hp-b-ramp[data-astro-cid-lcdefpme]>i[data-astro-cid-lcdefpme]{flex:1}.hp-b-ramp[data-astro-cid-lcdefpme]>i[data-astro-cid-lcdefpme]:first-child{background:hsl(var(--vt-grey-100))}.hp-b-ramp[data-astro-cid-lcdefpme]>i[data-astro-cid-lcdefpme]:nth-child(2){background:hsl(var(--vt-grey-300))}.hp-b-ramp[data-astro-cid-lcdefpme]>i[data-astro-cid-lcdefpme]:nth-child(3){background:hsl(var(--vt-grey-400))}.hp-b-ramp[data-astro-cid-lcdefpme]>i[data-astro-cid-lcdefpme]:nth-child(4){background:hsl(var(--vt-grey-600))}.hp-b-ramp[data-astro-cid-lcdefpme][data-tint=tinted]>i[data-astro-cid-lcdefpme]:first-child{background:color-mix(in oklch, var(--hp-pick,hsl(var(--vt-blue-500))) 10%, hsl(var(--vt-grey-100)))}.hp-b-ramp[data-astro-cid-lcdefpme][data-tint=tinted]>i[data-astro-cid-lcdefpme]:nth-child(2){background:color-mix(in oklch, var(--hp-pick,hsl(var(--vt-blue-500))) 14%, hsl(var(--vt-grey-300)))}.hp-b-ramp[data-astro-cid-lcdefpme][data-tint=tinted]>i[data-astro-cid-lcdefpme]:nth-child(3){background:color-mix(in oklch, var(--hp-pick,hsl(var(--vt-blue-500))) 18%, hsl(var(--vt-grey-400)))}.hp-b-ramp[data-astro-cid-lcdefpme][data-tint=tinted]>i[data-astro-cid-lcdefpme]:nth-child(4){background:color-mix(in oklch, var(--hp-pick,hsl(var(--vt-blue-500))) 18%, hsl(var(--vt-grey-600)))}.hp-b-opt-text[data-astro-cid-lcdefpme]{flex:1;min-width:0}.hp-b-opt[data-astro-cid-lcdefpme] .hp-b-check{width:var(--vt-spacing-4);height:var(--vt-spacing-4);color:hsl(var(--vt-foreground-primary));visibility:hidden;flex:none}.hp-b-opt[data-astro-cid-lcdefpme][aria-checked=true] .hp-b-check{visibility:visible}.hp-b-projects[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp-b-project[data-astro-cid-lcdefpme]{all:unset;box-sizing:border-box;align-items:flex-start;gap:var(--vt-spacing-2);padding:var(--vt-spacing-3);border:var(--vt-border-width-default) solid hsl(var(--vt-border-default));border-radius:var(--vt-radius-lg);background:hsl(var(--vt-surface-card));cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s;display:flex}.hp-b-project[data-astro-cid-lcdefpme]:hover{border-color:hsl(var(--vt-border-strong))}.hp-b-project[data-astro-cid-lcdefpme]:focus-visible{outline:var(--vt-border-width-thick) solid hsl(var(--vt-brand-fill));outline-offset:var(--vt-border-width-thick)}.hp-b-project[data-astro-cid-lcdefpme][aria-checked=true]{border-color:hsl(var(--vt-brand-fill));background:hsl(var(--vt-brand-fill) / .06)}.hp-b-project-icon[data-astro-cid-lcdefpme]{width:var(--vt-spacing-10);height:var(--vt-spacing-10);border-radius:max(var(--vt-spacing-1), calc(var(--vt-radius-lg) - var(--vt-spacing-3)));background:hsl(var(--vt-surface-subtle));color:hsl(var(--vt-foreground-secondary));justify-content:center;align-items:center;display:flex}.hp-b-project-icon[data-astro-cid-lcdefpme] svg{width:var(--vt-spacing-5);height:var(--vt-spacing-5)}.hp-b-project[data-astro-cid-lcdefpme][aria-checked=true] .hp-b-project-icon[data-astro-cid-lcdefpme]{background:hsl(var(--vt-brand-fill) / .12);color:hsl(var(--vt-brand-fill))}.hp-b-swatches[data-astro-cid-lcdefpme]{justify-content:space-between;display:flex}.hp-b-swatches[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme],.hp-gen-swatches[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme],.hp-step-swatches[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme]{background:hsl(var(--hp-sw));color:hsl(var(--hp-sw))}.hp-b-stage[data-astro-cid-lcdefpme]{background-color:hsl(var(--vt-surface-card));background-image:radial-gradient(hsl(var(--vt-border-default)) var(--vt-border-width-thin), transparent var(--vt-border-width-thin));background-size:var(--vt-spacing-4) var(--vt-spacing-4);flex-direction:column;min-width:0;min-height:0;display:flex}.hp-b-stage-bar[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-3);padding:var(--vt-spacing-3) var(--vt-spacing-8);display:flex}.hp-b-stage-bar[data-astro-cid-lcdefpme] button.vt-tabs-trigger{cursor:pointer}.hp-b-frame-wrap[data-astro-cid-lcdefpme]{min-height:0;margin:0 var(--vt-spacing-8) var(--vt-spacing-8);filter:drop-shadow(0 0 calc(var(--vt-border-width-thin) / 2) hsl(var(--vt-border-strong))) drop-shadow(0 var(--vt-spacing-4) var(--vt-spacing-6) hsl(var(--vt-generic-black) / .16));flex:1;position:relative;overflow:hidden}.hp-b-frame[data-astro-cid-lcdefpme]{clip-path:inset(0 round var(--vt-radius-lg));transform-origin:0 0;visibility:hidden;pointer-events:none;background:0 0;border:0;position:absolute;top:0}.hp-cursor[data-astro-cid-lcdefpme]{z-index:2;align-items:flex-start;gap:var(--vt-spacing-1);color:hsl(var(--vt-brand-fill));pointer-events:none;display:flex;position:absolute;inset:0}.hp-cursor[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{margin-top:var(--vt-spacing-4);padding:var(--vt-spacing-1) var(--vt-spacing-2);border-radius:var(--vt-radius-sm);background:hsl(var(--vt-brand-fill));color:hsl(var(--vt-on-brand));font-size:var(--vt-font-size-xs);white-space:nowrap;font-weight:500}.hp-cursor-a[data-astro-cid-lcdefpme]{animation:28s ease-in-out infinite hp-cursor-a}.hp-cursor-a[data-astro-cid-lcdefpme].is-driven{animation:none}.hp-cursor-a[data-astro-cid-lcdefpme]>svg{transform-origin:0 0;transition:transform .15s}.hp-cursor-ripple[data-astro-cid-lcdefpme]{left:calc(var(--vt-spacing-2) * -1);top:calc(var(--vt-spacing-2) * -1);width:var(--vt-spacing-5);height:var(--vt-spacing-5);border:var(--vt-border-width-thick) solid currentColor;border-radius:var(--vt-radius-full);opacity:0;pointer-events:none;position:absolute}.hp-cursor-a[data-astro-cid-lcdefpme].is-rippling .hp-cursor-ripple[data-astro-cid-lcdefpme]{animation:hp-ripple .6s var(--vt-motion-ease-out)}@keyframes hp-ripple{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}.hp-cursor[data-astro-cid-lcdefpme]>svg path{fill:currentColor;stroke:hsl(var(--vt-generic-white));stroke-width:3px;paint-order:stroke}.hp-cursor[data-astro-cid-lcdefpme]>svg{overflow:visible}.hp-cursor[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{box-shadow:0 0 0 var(--vt-border-width-thin) hsl(var(--vt-generic-white))}.hp-cursor-a[data-astro-cid-lcdefpme].is-clicking>svg{transform:scale(.8)}@keyframes hp-cursor-a{0%,to{transform:translate(10%,26%)}16%{transform:translate(16%,44%)}32%{transform:translate(44%,30%)}50%{transform:translate(62%,64%)}68%{transform:translate(30%,78%)}84%{transform:translate(8%,62%)}}@media (prefers-reduced-motion:reduce){.hp-cursor-a[data-astro-cid-lcdefpme]{animation:none;transform:translate(16%,44%)}}@media (width<=1024px){.hp-cursor[data-astro-cid-lcdefpme]{display:none}.hp-builder[data-astro-cid-lcdefpme]{height:calc(var(--vt-spacing-2) * 65);grid-template-columns:minmax(0,1fr)}.hp-b-panel[data-astro-cid-lcdefpme]{display:none}}@media (width<=640px){.hp-b-stage-bar[data-astro-cid-lcdefpme]{padding:var(--vt-spacing-2) var(--vt-spacing-4)}.hp-b-frame-wrap[data-astro-cid-lcdefpme]{margin:0 var(--vt-spacing-4) var(--vt-spacing-4)}}.hp-proof[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-4);padding-block:var(--vt-spacing-12);text-align:center;flex-direction:column;display:flex}.hp-proof-list[data-astro-cid-lcdefpme]{justify-content:center;gap:var(--vt-spacing-4) var(--vt-spacing-10);color:hsl(var(--vt-foreground-muted));font-size:var(--vt-type-body-sm-size);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hp-proof-list[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-0_5);flex-direction:column;display:flex}.hp-proof-list[data-astro-cid-lcdefpme] b[data-astro-cid-lcdefpme]{color:hsl(var(--vt-foreground-primary));font-weight:600}.hp-morph[data-astro-cid-lcdefpme]{vertical-align:baseline;height:1.25em;color:hsl(var(--vt-brand-fill));text-align:left;white-space:nowrap;line-height:1.25em;transition:width .7s cubic-bezier(.7,0,.3,1);display:inline-block;position:relative}.hp-morph-text[data-astro-cid-lcdefpme]{display:inline-block}.hp-morph-measure[data-astro-cid-lcdefpme]{visibility:hidden;position:absolute;top:0;left:0}.hp-morph-canvas[data-astro-cid-lcdefpme]{pointer-events:none;opacity:0;max-width:none;max-height:none;position:absolute}.hp-morph[data-astro-cid-lcdefpme].is-morphing>.hp-morph-canvas[data-astro-cid-lcdefpme]{opacity:1}.hp-stats[data-astro-cid-lcdefpme]{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hp-stats[data-astro-cid-lcdefpme]>.vt-stats-card[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-4)}.hp-stats[data-astro-cid-lcdefpme]>.vt-stats-card[data-astro-cid-lcdefpme]+.vt-stats-card[data-astro-cid-lcdefpme]{border-left:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}@media (width<=1024px){.hp-stats[data-astro-cid-lcdefpme]{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-stats[data-astro-cid-lcdefpme]>.vt-stats-card[data-astro-cid-lcdefpme]:nth-child(3){border-left:0}.hp-stats[data-astro-cid-lcdefpme]>.vt-stats-card[data-astro-cid-lcdefpme]:nth-child(n+3){border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}}@media (width<=540px){.hp-stats[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr)}.hp-stats[data-astro-cid-lcdefpme]>.vt-stats-card[data-astro-cid-lcdefpme]+.vt-stats-card[data-astro-cid-lcdefpme]{border-left:0;border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}}.hp-band[data-astro-cid-lcdefpme].hp-band-last{padding-bottom:var(--vt-spacing-16);border-bottom:0}.hp-band[data-astro-cid-lcdefpme]{background:hsl(var(--vt-surface-card));border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default));border-bottom:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}.hp-flow[data-astro-cid-lcdefpme],.hp-flow-source[data-astro-cid-lcdefpme]{width:100%}.hp-source[data-astro-cid-lcdefpme]{width:100%;box-shadow:var(--hp-shadow-md)}.hp-install[data-astro-cid-lcdefpme]{width:100%;max-width:calc(var(--vt-spacing-2) * 80);margin:0 auto}#steps[data-astro-cid-lcdefpme] .vt-feature-section-description[data-astro-cid-lcdefpme]{max-width:calc(var(--vt-spacing-2) * 80)}.hp-steps-head[data-astro-cid-lcdefpme]{padding-bottom:var(--vt-spacing-12)}.hp-steps-host[data-astro-cid-lcdefpme]{position:relative}.hp-steps-rail[data-astro-cid-lcdefpme]{--hp-rail-inset:calc(max(0px, (100% - var(--vt-container-width)) / 2) + var(--vt-spacing-6) * 2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--hp-rail-inset);padding:var(--vt-spacing-2) var(--hp-rail-inset) var(--vt-spacing-5);display:flex;overflow-x:auto}.hp-steps-rail[data-astro-cid-lcdefpme]:focus-visible{box-shadow:inset 0 0 0 var(--vt-border-width-thick) hsl(var(--vt-focus-ring));outline:none}@media (width<=640px){.hp-steps-rail[data-astro-cid-lcdefpme]{--hp-rail-inset:calc(var(--vt-spacing-4) + var(--vt-spacing-6))}}.hp-steps[data-astro-cid-lcdefpme]{grid-auto-flow:column;grid-auto-columns:calc(var(--vt-spacing-2) * 40);column-gap:var(--vt-spacing-8);grid-template-rows:auto auto 1fr;row-gap:0;margin:0;padding:0;list-style:none;display:grid}.hp-steps-item[data-astro-cid-lcdefpme]{grid-row:span 3;grid-template-rows:subgrid;scroll-snap-align:start;row-gap:0;display:grid}.hp-steps-item[data-astro-cid-lcdefpme]>.hp-step[data-astro-cid-lcdefpme]{grid-row:span 2;grid-template-rows:subgrid;row-gap:0;display:grid}.hp-steps-stop[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-2);margin-bottom:var(--vt-spacing-4);color:hsl(var(--vt-foreground-secondary));flex-direction:column;display:flex;position:relative}.hp-steps-item[data-astro-cid-lcdefpme]+.hp-steps-item[data-astro-cid-lcdefpme] .hp-steps-stop[data-astro-cid-lcdefpme]:before{content:"";top:var(--vt-spacing-4);right:calc(50% + var(--vt-spacing-6));width:calc(100% + var(--vt-spacing-8) - var(--vt-spacing-12));border-top:var(--vt-border-width-default) dashed hsl(var(--vt-border-strong));position:absolute}.hp-steps-dot[data-astro-cid-lcdefpme]{width:var(--vt-spacing-8);height:var(--vt-spacing-8);border-radius:var(--vt-radius-full);background:hsl(var(--vt-brand-fill));color:hsl(var(--vt-on-brand));font-size:var(--vt-type-label-sm-size);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.hp-step-prompt[data-astro-cid-lcdefpme]{color:hsl(var(--vt-foreground-muted))}.hp-steps-nav[data-astro-cid-lcdefpme]{justify-content:center;gap:var(--vt-spacing-2);padding:var(--vt-spacing-2) var(--vt-spacing-6) var(--vt-spacing-16);display:flex}.hp-steps-nav[data-astro-cid-lcdefpme][hidden]{display:none}.hp-step-sync[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-4);flex-direction:column;display:flex}.hp-step-sync-token[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-2);color:hsl(var(--vt-foreground-muted));display:flex}.hp-step-sync-sw[data-astro-cid-lcdefpme]{width:var(--vt-spacing-6);height:var(--vt-spacing-6);border-radius:var(--vt-radius-full);background:hsl(var(--hp-sw))}.hp-step-sync-name[data-astro-cid-lcdefpme]{margin-left:var(--vt-spacing-1);font-family:var(--vt-font-family-mono,monospace);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-secondary))}.hp-step-sync-targets[data-astro-cid-lcdefpme]{justify-content:center;gap:var(--vt-spacing-2);flex-wrap:wrap;display:flex}.hp-step-sync-targets[data-astro-cid-lcdefpme] .vt-badge[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-1)}.hp-stats[data-astro-cid-lcdefpme] .vt-icon-badge[data-astro-cid-lcdefpme]{--vt-icon-badge-bg:hsl(var(--vt-brand-fill) / .1);--vt-icon-badge-fg:hsl(var(--vt-brand-fill))}.hp-tinted[data-astro-cid-lcdefpme]{--vt-icon-badge-bg:color-mix(in srgb, var(--hp-tint) 12%, transparent);--vt-icon-badge-fg:var(--hp-tint)}.hp-tint-founders[data-astro-cid-lcdefpme]{--hp-tint:hsl(var(--vt-orange-500))}.hp-tint-designers[data-astro-cid-lcdefpme]{--hp-tint:hsl(var(--vt-pink-500))}.hp-tint-developers[data-astro-cid-lcdefpme]{--hp-tint:hsl(var(--vt-teal-600))}.hp-tint-vibe[data-astro-cid-lcdefpme]{--hp-tint:hsl(var(--vt-blue-600))}.hp-path[data-astro-cid-lcdefpme]{color:inherit;text-decoration:none;display:block;position:relative}.hp-path[data-astro-cid-lcdefpme] .hp-path-arrow{top:50%;right:var(--vt-spacing-6);width:var(--vt-spacing-5);height:var(--vt-spacing-5);margin-top:calc(var(--vt-spacing-5) / -2);color:hsl(var(--vt-foreground-muted));transition:color .2s var(--vt-motion-ease-out), transform .2s var(--vt-motion-ease-out);position:absolute}.hp-path[data-astro-cid-lcdefpme] .vt-card-body[data-astro-cid-lcdefpme]{padding-right:calc(var(--vt-spacing-6) + var(--vt-spacing-5) + var(--vt-spacing-3))}.hp-path[data-astro-cid-lcdefpme]:hover .hp-path-arrow{color:hsl(var(--vt-brand-fill));transform:translateX(var(--vt-spacing-1))}.hp-path[data-astro-cid-lcdefpme]:focus-visible{outline:var(--vt-border-width-thick) solid hsl(var(--vt-focus-ring));outline-offset:var(--vt-border-width-thick)}#paths[data-astro-cid-lcdefpme] .vt-card[data-astro-cid-lcdefpme]{transition:border-color .2s var(--vt-motion-ease-out), box-shadow .2s var(--vt-motion-ease-out), transform .2s var(--vt-motion-ease-out), background-color .2s var(--vt-motion-ease-out)}#paths[data-astro-cid-lcdefpme] .vt-card[data-astro-cid-lcdefpme]:hover{border-color:hsl(var(--vt-border-strong));box-shadow:var(--vt-shadow-lg);transform:translateY(calc(-1 * var(--vt-spacing-1)))}@media (prefers-reduced-motion:reduce){#paths[data-astro-cid-lcdefpme] .vt-card[data-astro-cid-lcdefpme]:hover{transform:none}}.hp-step-visual[data-astro-cid-lcdefpme]{justify-content:center;align-items:center;gap:var(--vt-spacing-4);min-height:var(--vt-spacing-40);padding:var(--vt-spacing-6);background-color:hsl(var(--vt-surface-page));background-image:radial-gradient(hsl(var(--vt-border-default)) var(--vt-border-width-thin), transparent var(--vt-border-width-thin));background-size:var(--vt-spacing-4) var(--vt-spacing-4);border-bottom:var(--vt-border-width-default) solid hsl(var(--vt-border-default));flex-direction:column;display:flex}.hp-step-visual[data-astro-cid-lcdefpme] .vt-message[data-astro-cid-lcdefpme]{align-self:stretch}.hp-step-swatches[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-2);display:flex}.hp-step-frame[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-1);width:100%;max-width:calc(var(--vt-spacing-2) * 26);flex-direction:column;display:flex}.hp-step-frame-name[data-astro-cid-lcdefpme]{font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted))}.hp-step-frame-body[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-2);padding:var(--vt-spacing-2);border:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:hsl(var(--vt-surface-card));flex-direction:column;display:flex}.hp-step-inst[data-astro-cid-lcdefpme]{outline:var(--vt-border-width-default) dashed hsl(var(--vt-brand-fill) / .45);outline-offset:var(--vt-spacing-0_5);display:flex}.hp-step-inst[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]{flex:1}.hp-step-inst-on[data-astro-cid-lcdefpme]{outline-style:solid;outline-color:hsl(var(--vt-brand-fill))}.hp-step-visual[data-astro-cid-lcdefpme]:has(.hp-step-frame){padding-block:var(--vt-spacing-4)}.hp-step-code[data-astro-cid-lcdefpme]{font-family:var(--vt-font-family-mono,monospace);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-secondary));padding:var(--vt-spacing-2) var(--vt-spacing-3);border-radius:var(--vt-radius-md);background:hsl(var(--vt-surface-card));border:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}.hp-step-body[data-astro-cid-lcdefpme]{align-items:flex-start;gap:var(--vt-spacing-1);flex-direction:column;display:flex}.hp-step-body[data-astro-cid-lcdefpme] .vt-icon-badge[data-astro-cid-lcdefpme]{margin-bottom:var(--vt-spacing-2)}.hp-step-body[data-astro-cid-lcdefpme] .vt-btn[data-astro-cid-lcdefpme]{margin-top:auto}.hp-step-body[data-astro-cid-lcdefpme]{flex:1}.hp-step-body[data-astro-cid-lcdefpme]>.vt-feature-section-item-description[data-astro-cid-lcdefpme]{margin-top:0;margin-bottom:var(--vt-spacing-4)}.hp-split-copy[data-astro-cid-lcdefpme]{align-items:flex-start;gap:var(--vt-spacing-4);flex-direction:column;display:flex}.hp-split-copy[data-astro-cid-lcdefpme] .vt-feature-section-description[data-astro-cid-lcdefpme]{max-width:none}.hp-split-copy[data-astro-cid-lcdefpme]>.vt-badge[data-astro-cid-lcdefpme]{margin-bottom:calc(var(--vt-spacing-2) * -1)}.hp-split-copy[data-astro-cid-lcdefpme] .vt-feature-section-list[data-astro-cid-lcdefpme],.hp-split-copy[data-astro-cid-lcdefpme] .vt-feature-section-item-description[data-astro-cid-lcdefpme]{margin-top:0}.hp-split-copy[data-astro-cid-lcdefpme] .vt-feature-section-item-content[data-astro-cid-lcdefpme]{gap:0}.hp-split-copy[data-astro-cid-lcdefpme] .vt-feature-section-item-row[data-astro-cid-lcdefpme]{align-items:center}.hp-split-copy[data-astro-cid-lcdefpme] .vt-icon-badge[data-astro-cid-lcdefpme]{--vt-icon-badge-bg:hsl(var(--vt-surface-card));border:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}.hp-split-copy[data-astro-cid-lcdefpme] .vt-icon-badge[data-astro-cid-lcdefpme] .vt-icon-badge-icon{width:var(--vt-spacing-6);height:var(--vt-spacing-6)}@media (width>=768px){.hp-split-rev[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:first-child{order:2}}.hp-row-divider[data-astro-cid-lcdefpme]{padding-inline:calc(var(--vt-spacing-6) * 2)}@media (width<=640px){.hp-row-divider[data-astro-cid-lcdefpme]{padding-inline:calc(var(--vt-spacing-4) + var(--vt-spacing-6))}}.hp-row-divider[data-astro-cid-lcdefpme] .vt-separator[data-astro-cid-lcdefpme]{border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:0 0;height:0}.hp-dots[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-1_5);display:inline-flex}.hp-dots[data-astro-cid-lcdefpme]>i[data-astro-cid-lcdefpme]{width:var(--vt-spacing-1);height:var(--vt-spacing-1);border-radius:var(--vt-radius-full);background:hsl(var(--vt-border-strong))}.hp-mock[data-astro-cid-lcdefpme]{align-items:center;min-width:0;margin:0;display:flex}.hp-mock[data-astro-cid-lcdefpme] .vt-card[data-astro-cid-lcdefpme],.hp-mock[data-astro-cid-lcdefpme] .vt-alert[data-astro-cid-lcdefpme]{border-radius:var(--vt-radius-xl)}.hp-mock[data-astro-cid-lcdefpme] .hp-figma[data-astro-cid-lcdefpme]{border-radius:var(--vt-radius-lg)}.hp-step[data-astro-cid-lcdefpme].vt-card{border-radius:var(--vt-radius-xl)}.hp-figma[data-astro-cid-lcdefpme]{grid-template-columns:calc(var(--vt-spacing-2) * 25) minmax(0, 1fr);border-radius:var(--vt-radius-xl);background:hsl(var(--vt-surface-card));border:var(--vt-border-width-default) solid hsl(var(--vt-border-default));width:100%;box-shadow:var(--hp-shadow-lg);color:hsl(var(--vt-foreground-primary));display:grid;overflow:hidden}.hp-figma-side[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-1);padding:var(--vt-spacing-4) var(--vt-spacing-3);border-right:var(--vt-border-width-default) solid hsl(var(--vt-border-default));flex-direction:column;display:flex}.hp-figma-side[data-astro-cid-lcdefpme] .vt-section-label[data-astro-cid-lcdefpme]{padding:0 var(--vt-spacing-2) var(--vt-spacing-2)}.hp-figma-side-gap[data-astro-cid-lcdefpme]{margin-top:var(--vt-spacing-3)}.hp-figma-side[data-astro-cid-lcdefpme] .vt-btn[data-astro-cid-lcdefpme]{justify-content:flex-start}.hp-figma-side[data-astro-cid-lcdefpme] .vt-btn-ghost[data-astro-cid-lcdefpme]{--vt-btn-border:var(--vt-border-width-default) solid transparent}.hp-fig-panel[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);flex-direction:column;display:none}.hp-fig-panel[data-astro-cid-lcdefpme].vt-active{display:flex}.hp-fig-ramp[data-astro-cid-lcdefpme]{grid-template-columns:var(--vt-spacing-16) minmax(0, 1fr);align-items:center;gap:var(--vt-spacing-3);display:grid}.hp-fig-name[data-astro-cid-lcdefpme]{font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-secondary));text-transform:capitalize;font-weight:500}.hp-fig-steps[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-0_5);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.hp-fig-steps[data-astro-cid-lcdefpme]>span[data-astro-cid-lcdefpme]{height:var(--vt-spacing-8);border-radius:var(--vt-radius-xs)}.hp-fig-role[data-astro-cid-lcdefpme]{grid-template-columns:var(--vt-spacing-6) minmax(0, 1fr) auto;align-items:center;gap:var(--vt-spacing-3);display:grid}.hp-fig-chip[data-astro-cid-lcdefpme]{width:var(--vt-spacing-6);height:var(--vt-spacing-6);border-radius:var(--vt-radius-sm);box-shadow:inset 0 0 0 var(--vt-border-width-thin) hsl(var(--vt-border-default))}.hp-fig-code[data-astro-cid-lcdefpme]{font-family:var(--vt-font-family-mono,monospace);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted))}.hp-fig-space[data-astro-cid-lcdefpme]{grid-template-columns:var(--vt-spacing-24) minmax(0, 1fr) var(--vt-spacing-12);align-items:center;gap:var(--vt-spacing-3);display:grid}.hp-fig-bar[data-astro-cid-lcdefpme]{height:var(--vt-spacing-3);border-radius:var(--vt-radius-2xs);background:hsl(var(--vt-brand-fill))}.hp-fig-type[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);grid-template-columns:var(--vt-spacing-10) minmax(0, 1fr) auto;align-items:center;display:grid}.hp-fig-aa[data-astro-cid-lcdefpme]{color:hsl(var(--vt-foreground-primary));line-height:1}.hp-figma-more[data-astro-cid-lcdefpme]{padding:0 var(--vt-spacing-2)}.hp-figma-canvas[data-astro-cid-lcdefpme]{min-height:calc(var(--vt-spacing-2) * 44);padding:var(--vt-spacing-6);background-color:hsl(var(--vt-surface-card));background-image:radial-gradient(hsl(var(--vt-border-default)) var(--vt-border-width-thin), transparent var(--vt-border-width-thin));background-size:var(--vt-spacing-4) var(--vt-spacing-4);flex-direction:column;display:flex}.hp-figma-set[data-astro-cid-lcdefpme]{padding:var(--vt-spacing-4);border:var(--vt-border-width-default) dashed hsl(var(--vt-brand-fill));border-radius:var(--vt-radius-sm);background:hsl(var(--vt-surface-card));position:relative}.hp-figma-tag[data-astro-cid-lcdefpme]{top:calc(var(--vt-spacing-6) * -1);align-items:center;gap:var(--vt-spacing-1);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-brand-fill));font-weight:500;display:inline-flex;position:absolute;left:0}.hp-figma-set-grid[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);flex-wrap:wrap;align-items:center;display:flex}@media (width<=640px){.hp-figma[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr)}.hp-figma-side[data-astro-cid-lcdefpme]{display:none}}.hp-gen[data-astro-cid-lcdefpme]{grid-template-columns:calc(var(--vt-spacing-2) * 21) minmax(0, 1fr);width:100%;box-shadow:var(--hp-shadow-lg);color:hsl(var(--vt-foreground-primary));display:grid;overflow:hidden}.hp-gen-controls[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);padding:var(--vt-spacing-6) var(--vt-spacing-4);border-right:var(--vt-border-width-default) solid hsl(var(--vt-border-default));flex-direction:column;display:flex}.hp-gen-controls[data-astro-cid-lcdefpme] .vt-section-label[data-astro-cid-lcdefpme]{justify-content:space-between;display:flex}.hp-gen-swatches[data-astro-cid-lcdefpme]{grid-template-columns:repeat(4, var(--vt-spacing-6));gap:var(--vt-spacing-2);margin-bottom:var(--vt-spacing-3);display:grid}.hp-gen-swatches[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme]{padding:0}main[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme]:hover,main[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme].vt-active{box-shadow:0 0 0 var(--vt-border-width-thick) currentColor}main[data-astro-cid-lcdefpme] .vt-color-swatch[data-astro-cid-lcdefpme]:not(:hover):not(.vt-active){border-color:#0000}.hp-gen-preview[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-4);padding:var(--vt-spacing-6);flex-direction:column;display:flex}.hp-gen-readout[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-6);padding:var(--vt-spacing-3) var(--vt-spacing-4);border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-default));font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted));grid-column:1/-1;display:flex}.hp-gen-readout[data-astro-cid-lcdefpme] b[data-astro-cid-lcdefpme]{color:hsl(var(--vt-foreground-primary));font-weight:500}@media (width<=540px){.hp-gen[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr)}.hp-gen-controls[data-astro-cid-lcdefpme]{border-right:0;border-bottom:var(--vt-border-width-default) solid hsl(var(--vt-border-default))}.hp-gen-swatches[data-astro-cid-lcdefpme]{grid-template-columns:repeat(8, var(--vt-spacing-6))}}.hp-wall[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-4);width:100%;color:hsl(var(--vt-foreground-primary));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.hp-wall[data-astro-cid-lcdefpme]>.vt-card[data-astro-cid-lcdefpme]{box-shadow:var(--hp-shadow-md)}.hp-wall-card[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);flex-direction:column;display:flex}.hp-wall-otp[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-1_5);display:flex}.hp-wall-otp[data-astro-cid-lcdefpme] .vt-otp-cell[data-astro-cid-lcdefpme]{justify-content:center;align-items:center;display:inline-flex}.hp-wall-otp[data-astro-cid-lcdefpme] .hp-otp-focus[data-astro-cid-lcdefpme]{border-color:hsl(var(--vt-brand-fill));box-shadow:0 0 0 calc(var(--vt-border-width-thin) + var(--vt-border-width-thick)) hsl(var(--vt-brand-fill) / .15)}.hp-wall-alert[data-astro-cid-lcdefpme]{box-shadow:var(--hp-shadow-md)}@media (width<=1024px){.hp-wall[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr)}}.hp-chat[data-astro-cid-lcdefpme]{width:100%;box-shadow:var(--hp-shadow-lg);color:hsl(var(--vt-foreground-primary));overflow:hidden}.hp-chat-bar[data-astro-cid-lcdefpme]{padding:var(--vt-spacing-3) var(--vt-spacing-4);border-bottom:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:hsl(var(--vt-surface-subtle));justify-content:space-between;align-items:center;display:flex}.hp-chat-body[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-3);padding:var(--vt-spacing-5);flex-direction:column;display:flex}.hp-chat[data-astro-cid-lcdefpme] .vt-message-out[data-astro-cid-lcdefpme] .vt-message-bubble[data-astro-cid-lcdefpme]{border-bottom-right-radius:0}.hp-chat[data-astro-cid-lcdefpme] .vt-message[data-astro-cid-lcdefpme]:not(.vt-message-out) .vt-message-bubble[data-astro-cid-lcdefpme]{border-bottom-left-radius:0}.hp-chat-tool[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-2);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted));display:flex}.hp-chat-tool[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{font-family:var(--vt-font-family-mono,monospace);color:hsl(var(--vt-foreground-secondary))}.hp-chat-members[data-astro-cid-lcdefpme]{flex-direction:column;display:flex}#design-to-code[data-astro-cid-lcdefpme] .vt-feature-section-description[data-astro-cid-lcdefpme]{max-width:none}#how[data-astro-cid-lcdefpme] .vt-feature-section-description[data-astro-cid-lcdefpme]{max-width:calc(var(--vt-spacing-2) * 100)}.hp-pipe[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0, 1fr) var(--vt-spacing-16) auto var(--vt-spacing-16) minmax(0, 1fr);width:100%;color:hsl(var(--vt-foreground-primary));display:grid}.hp-pipe-step[data-astro-cid-lcdefpme]{flex-direction:column;grid-row:1;min-width:0;display:flex}.hp-pipe-step[data-astro-cid-lcdefpme]>.hp-pipe-card[data-astro-cid-lcdefpme]{flex:1}.hp-pipe[data-astro-cid-lcdefpme]{margin-bottom:var(--vt-spacing-8)}.hp-pipe-step[data-astro-cid-lcdefpme]{position:relative}.hp-pipe-note[data-astro-cid-lcdefpme]{top:calc(100% + var(--vt-spacing-3));justify-content:center;align-items:center;gap:var(--vt-spacing-2);font-family:var(--vt-font-family-mono,monospace);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted));display:flex;position:absolute;left:0;right:0}.hp-pipe-note-dot[data-astro-cid-lcdefpme]{width:var(--vt-spacing-1_5);height:var(--vt-spacing-1_5);border-radius:var(--vt-radius-full);background:hsl(var(--vt-warning-fill))}.hp-pipe-note-ready[data-astro-cid-lcdefpme] .hp-pipe-note-dot[data-astro-cid-lcdefpme]{background:hsl(var(--vt-success-fill))}.hp-pipe[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:first-child{grid-column:1}.hp-pipe[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:nth-child(2){grid-column:2}.hp-pipe[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:nth-child(3){grid-column:3}.hp-pipe[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:nth-child(4){grid-column:4}.hp-pipe[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:nth-child(5){grid-column:5}.hp-pipe-card[data-astro-cid-lcdefpme]{border-radius:var(--vt-radius-xl);background:hsl(var(--vt-surface-card));border:var(--vt-border-width-default) solid hsl(var(--vt-border-default));box-shadow:var(--hp-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.hp-pipe-bar[data-astro-cid-lcdefpme]{align-items:center;gap:var(--vt-spacing-2);min-height:var(--vt-spacing-12);padding:var(--vt-spacing-2) var(--vt-spacing-4);border-bottom:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:hsl(var(--vt-surface-subtle));display:flex}.hp-pipe-bar-end[data-astro-cid-lcdefpme]{margin-left:auto}.hp-pipe-canvas[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-2);padding:var(--vt-spacing-5) var(--vt-spacing-6) var(--vt-spacing-4);background:hsl(var(--vt-surface-page));flex-direction:column;flex:1;display:flex}.hp-pf-name[data-astro-cid-lcdefpme]{font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted))}.hp-pf-frame[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-4);padding:var(--vt-spacing-5);border:var(--vt-border-width-default) solid hsl(var(--vt-border-default));background:hsl(var(--vt-surface-card));flex-direction:column;display:flex}.hp-pf-inst[data-astro-cid-lcdefpme]{outline:var(--vt-border-width-default) dashed hsl(var(--vt-brand-fill) / .45);outline-offset:var(--vt-spacing-1);position:relative}.hp-pf-selected[data-astro-cid-lcdefpme]{outline-style:solid;outline-color:hsl(var(--vt-brand-fill));margin-top:var(--vt-spacing-3)}.hp-pf-wide[data-astro-cid-lcdefpme]{width:100%}.hp-pf-frame[data-astro-cid-lcdefpme] .vt-btn-primary[data-astro-cid-lcdefpme],.hp-pipe-preview[data-astro-cid-lcdefpme] .vt-btn-primary[data-astro-cid-lcdefpme]{--vt-brand-fill:var(--vt-foreground-primary);--vt-brand-fill-hover:var(--vt-foreground-secondary);--vt-brand-fill-pressed:var(--vt-foreground-primary);--vt-on-brand:var(--vt-surface-card)}.hp-pipe-step[data-astro-cid-lcdefpme]:has(>.hp-pipe-mcp){align-self:center;align-items:center}.hp-pipe-step[data-astro-cid-lcdefpme]>.hp-pipe-mcp[data-astro-cid-lcdefpme]{width:var(--vt-spacing-52);aspect-ratio:1;justify-content:center;align-items:center;gap:var(--vt-spacing-4);padding:var(--vt-spacing-4);text-align:center;flex:none}.hp-pipe-orb[data-astro-cid-lcdefpme]{width:var(--vt-spacing-24);height:var(--vt-spacing-24);display:block}.hp-pipe-mcp-text[data-astro-cid-lcdefpme]{gap:var(--vt-spacing-1);flex-direction:column;display:flex}.hp-pipe-stage[data-astro-cid-lcdefpme]{transition:opacity .15s}.hp-pipe-stage[data-astro-cid-lcdefpme].hp-pipe-stage-out{opacity:0}.hp-pipe-tabs[data-astro-cid-lcdefpme] .vt-tabs-trigger[data-astro-cid-lcdefpme]{padding-block:var(--vt-spacing-1);font-size:var(--vt-font-size-xs)}.hp-pipe-code[data-astro-cid-lcdefpme]{font-size:var(--vt-font-size-xs);background:hsl(var(--vt-surface-card));flex:1;line-height:1.7}.hp-pipe-code[data-astro-cid-lcdefpme] .hp-c-tag{color:hsl(var(--vt-brand-fill))}.hp-pipe-code[data-astro-cid-lcdefpme] .hp-c-attr{color:hsl(var(--vt-foreground-muted))}.hp-pipe-code[data-astro-cid-lcdefpme] .hp-c-str{color:hsl(var(--vt-success-fill))}.hp-pipe-preview[data-astro-cid-lcdefpme]{padding:var(--vt-spacing-5);flex:1}.hp-pipe-preview[data-astro-cid-lcdefpme][hidden],.hp-pipe-code[data-astro-cid-lcdefpme][hidden]{display:none}@property --hp-pipe-p{syntax:"<number>";inherits:false;initial-value:0}.hp-pipe-link[data-astro-cid-lcdefpme]{height:var(--vt-spacing-8);grid-row:1;align-self:center;position:relative}.hp-pipe-link[data-astro-cid-lcdefpme]:before{content:"";border-top:var(--vt-border-width-default) solid hsl(var(--vt-border-strong));position:absolute;top:50%;left:0;right:0}.hp-pipe-label[data-astro-cid-lcdefpme]{left:50%;bottom:calc(50% + var(--vt-spacing-1_5));font-family:var(--vt-font-family-mono,monospace);font-size:var(--vt-font-size-xs);color:hsl(var(--vt-foreground-muted));white-space:nowrap;position:absolute;transform:translate(-50%)}.hp-pipe-dot[data-astro-cid-lcdefpme]{top:50%;left:calc(var(--hp-pipe-p) * 100%);width:var(--vt-spacing-2);height:var(--vt-spacing-2);border-radius:var(--vt-radius-full);background:hsl(var(--vt-brand-fill));box-shadow:0 0 0 var(--vt-spacing-1) hsl(var(--vt-brand-fill) / .15);opacity:0;position:absolute;transform:translate(-50%,-50%)}.hp-pipe-live[data-astro-cid-lcdefpme] .hp-pipe-link-in[data-astro-cid-lcdefpme] .hp-pipe-dot[data-astro-cid-lcdefpme]{animation:6s infinite hp-pipe-in}.hp-pipe-live[data-astro-cid-lcdefpme] .hp-pipe-link-out[data-astro-cid-lcdefpme] .hp-pipe-dot[data-astro-cid-lcdefpme]{animation:6s infinite hp-pipe-out}.hp-pipe-live[data-astro-cid-lcdefpme] .hp-pipe-mcp[data-astro-cid-lcdefpme]{animation:6s infinite hp-pipe-think}.hp-pipe-live[data-astro-cid-lcdefpme] .hp-pipe-page[data-astro-cid-lcdefpme]{animation:6s infinite hp-pipe-land}@keyframes hp-pipe-in{0%{--hp-pipe-p:0;opacity:0}2%{--hp-pipe-p:0;opacity:1}16%{--hp-pipe-p:1;opacity:1}18%,to{--hp-pipe-p:1;opacity:0}}@keyframes hp-pipe-think{0%,16%,72%,to{border-color:hsl(var(--vt-border-default));box-shadow:var(--hp-shadow-lg)}20%,66%{border-color:hsl(var(--vt-brand-fill));box-shadow:0 0 0 var(--vt-spacing-1) hsl(var(--vt-brand-fill) / .12), var(--hp-shadow-lg)}}@keyframes hp-pipe-out{0%,68%{--hp-pipe-p:0;opacity:0}70%{--hp-pipe-p:0;opacity:1}84%{--hp-pipe-p:1;opacity:1}86%,to{--hp-pipe-p:1;opacity:0}}@keyframes hp-pipe-land{0%,84%,to{border-color:hsl(var(--vt-border-default))}87%,92%{border-color:hsl(var(--vt-brand-fill))}}@media (prefers-reduced-motion:reduce){.hp-pipe-live[data-astro-cid-lcdefpme] [data-astro-cid-lcdefpme]:is(.hp-pipe-dot,.hp-pipe-mcp,.hp-pipe-page){animation:none}}@media (width<=1024px){.hp-pipe[data-astro-cid-lcdefpme]{max-width:calc(var(--vt-spacing-2) * 64);grid-template-columns:minmax(0,1fr);margin-inline:auto}.hp-pipe[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:nth-child(n){grid-column:1}.hp-pipe-step[data-astro-cid-lcdefpme]{grid-row:auto}.hp-pipe[data-astro-cid-lcdefpme]{margin-bottom:0}.hp-pipe-note[data-astro-cid-lcdefpme]{margin-top:var(--vt-spacing-3);position:static}.hp-pipe-link[data-astro-cid-lcdefpme]{height:var(--vt-spacing-16);grid-row:auto}.hp-pipe-link[data-astro-cid-lcdefpme]:before{border-top:0;border-left:var(--vt-border-width-default) solid hsl(var(--vt-border-strong));inset:0 auto 0 50%}.hp-pipe-label[data-astro-cid-lcdefpme]{left:calc(50% + var(--vt-spacing-3));top:50%;bottom:auto;transform:translateY(-50%)}.hp-pipe-dot[data-astro-cid-lcdefpme]{left:50%;top:calc(var(--hp-pipe-p) * 100%)}}.hp-faq[data-astro-cid-lcdefpme]{width:100%;max-width:calc(var(--vt-spacing-2) * 96);margin:0 auto}.hp-faq[data-astro-cid-lcdefpme] [data-astro-cid-lcdefpme][data-vt-accordion-content]{color:hsl(var(--vt-foreground-muted))}.hp-cta[data-astro-cid-lcdefpme]{isolation:isolate;position:relative;overflow:hidden}.hp-cta[data-astro-cid-lcdefpme]:before{content:"";z-index:-1;opacity:.22;mix-blend-mode:luminosity;background:url(/cta-board.jpg) 50%/cover;position:absolute;inset:0}.hp-cta[data-astro-cid-lcdefpme] .vt-cta-description[data-astro-cid-lcdefpme]{max-width:calc(var(--vt-spacing-2) * 72)}.hp-toasts[data-astro-cid-lcdefpme]{right:var(--vt-spacing-4);bottom:var(--vt-spacing-4);z-index:50;align-items:flex-end;gap:var(--vt-spacing-2);flex-direction:column;display:flex;position:fixed}