.recording[data-v-9b39242c]{border:1px solid color-mix(in oklch, var(--color-brand-default) 32%, transparent);background:var(--color-bg-surface);aspect-ratio:16/9;border-radius:12px;min-height:180px;position:relative;overflow:hidden}.recording--empty[data-v-9b39242c]{border-style:dashed;border-color:color-mix(in oklch, var(--color-text-default) 18%, transparent);background:color-mix(in oklch, var(--color-bg-subtle) 64%, transparent);aspect-ratio:auto;min-height:72px}.recording--empty .brief[data-v-9b39242c]{max-height:3.8em;padding:.85rem 1rem;overflow:hidden}.recording--empty .recording--reserved[data-v-9b39242c]{aspect-ratio:16/9;min-height:180px}.recording--empty .caption[data-v-9b39242c]{display:none}.media[data-v-9b39242c]{object-fit:cover;width:100%;height:100%;display:block}.brief[data-v-9b39242c]{font:.625rem/1.45 var(--font-mono);color:var(--color-text-subtle);padding:1rem 1rem 2rem;display:block}.caption[data-v-9b39242c]{font:.6rem/1.25 var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);background:linear-gradient(to top, var(--color-bg-surface), transparent);padding:.45rem .65rem;position:absolute;bottom:0;left:0;right:0}.hiw[data-v-ad65b733]{--b-h:var(--brand-hue,184);--b-c:var(--brand-chroma,.128);--b-900:oklch(.22 calc(var(--b-c) * .6) var(--b-h));--b-800:oklch(.32 calc(var(--b-c) * .7) var(--b-h));--b-700:oklch(.4 calc(var(--b-c) * .85) var(--b-h));--b-600:oklch(.48 calc(var(--b-c) * .95) var(--b-h));--b-500:oklch(.56 var(--b-c) var(--b-h));--b-400:oklch(.64 var(--b-c) var(--b-h));--b-300:oklch(.72 calc(var(--b-c) * .92) var(--b-h));--b-200:oklch(.82 calc(var(--b-c) * .7) var(--b-h));--b-100:oklch(.9 calc(var(--b-c) * .5) var(--b-h));background:var(--color-bg-default);position:relative}.hiw--demo .panel[data-v-ad65b733]{width:min(29rem,35vw)}.hiw--demo .scrim--left[data-v-ad65b733]{background:linear-gradient(to right, var(--color-bg-default) 36%, transparent 44%)}.hiw--demo .scrim--right[data-v-ad65b733]{background:linear-gradient(to left, var(--color-bg-default) 36%, transparent 44%)}.static-demo[data-v-ad65b733]{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:16px;min-width:0;margin:1.5rem 0;padding:max(12px,min(3vw,24px))}.scroll[data-v-ad65b733]{position:relative}.stage[data-v-ad65b733]{contain:layout paint;background:var(--color-bg-default);height:100dvh;position:sticky;top:0;overflow:clip}.dot-field[data-v-ad65b733]{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(94% 92% at 50% 48%,#000 30%,#0000 100%);mask-image:radial-gradient(94% 92% at 50% 48%,#000 30%,#0000 100%)}.vignette[data-v-ad65b733]{z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 88% at 50% 48%, transparent 48%, color-mix(in oklch, var(--color-bg-default) 88%, transparent) 100%);position:absolute;inset:0}.world[data-v-ad65b733]{z-index:2;transform-origin:0 0;contain:layout;position:absolute;top:0;left:0}.scrim[data-v-ad65b733]{z-index:4;pointer-events:none;transition:background .35s;position:absolute;inset:0}.scrim--left[data-v-ad65b733]{background:linear-gradient(to right, var(--color-bg-default) 0%, var(--color-bg-default) 30%, transparent 56%)}.scrim--right[data-v-ad65b733]{background:linear-gradient(to left, var(--color-bg-default) 0%, var(--color-bg-default) 30%, transparent 56%)}.scrim--center[data-v-ad65b733]{background:linear-gradient(to top, var(--color-bg-default) 0%, color-mix(in oklch, var(--color-bg-default) 92%, transparent) 18%, transparent 42%)}.panel[data-v-ad65b733]{z-index:6;flex-direction:column;justify-content:center;width:min(31rem,38vw);max-height:calc(100dvh - 5rem);animation:.35s both panel-in-ad65b733;display:flex;position:absolute}.mobile-panel[data-v-ad65b733]{display:none}.panel--left[data-v-ad65b733],.panel--right[data-v-ad65b733]{top:50%;transform:translateY(-50%)}.panel--left[data-v-ad65b733]{left:max(2rem,min(4vw,4rem))}.panel--right[data-v-ad65b733]{right:max(2rem,min(4vw,4rem))}.panel--center[data-v-ad65b733]{text-align:center;width:min(45rem,100vw - 5rem);max-width:45rem;bottom:max(3.5rem,min(7vh,6rem));left:50%;transform:translate(-50%)}.panel--center .proof[data-v-ad65b733]{justify-content:center}.panel--center.panel--closing[data-v-ad65b733]{bottom:max(1rem,min(3vh,2.25rem))}@keyframes panel-in-ad65b733{0%{opacity:0}}.panel-label[data-v-ad65b733]{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-text);margin-bottom:.75rem;font-size:.7rem;display:block}.panel-title[data-v-ad65b733],.static-title[data-v-ad65b733]{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--color-text-default);margin:0;font-size:max(1.9rem,min(3vw,2.75rem));font-weight:400;line-height:1.04}.panel-title em[data-v-ad65b733],.static-title em[data-v-ad65b733]{color:var(--color-text-secondary);font-style:italic}.panel-title strong[data-v-ad65b733],.static-title strong[data-v-ad65b733]{font-weight:700}.panel-body[data-v-ad65b733],.static-intro[data-v-ad65b733]{max-width:32rem;color:var(--color-text-muted);margin-top:.9rem;font-size:.95rem;line-height:1.58}.panel--center .panel-body[data-v-ad65b733]{margin-left:auto;margin-right:auto}.proof[data-v-ad65b733]{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.proof span[data-v-ad65b733]{border:1px solid var(--color-border-default);font:.65rem var(--font-mono);color:var(--color-text-muted);background:color-mix(in oklch, var(--color-bg-surface) 74%, transparent);border-radius:999px;padding:.35rem .55rem}.panel-actions[data-v-ad65b733]{flex-wrap:wrap;gap:.65rem 1rem;margin-top:.95rem;display:flex}.panel-link[data-v-ad65b733]{width:fit-content;font:.75rem var(--font-mono);color:var(--color-brand-text);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.panel-link[data-v-ad65b733]:hover{text-decoration:underline}.panel-link[data-v-ad65b733]:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:4px}.recordings[data-v-ad65b733]{gap:.65rem;margin-top:1rem;display:grid}.recording-tabs[data-v-ad65b733]{border:1px solid var(--color-border-default);background:var(--color-bg-subtle);border-radius:9px;gap:.35rem;padding:.25rem;display:flex}.recording-tabs button[data-v-ad65b733]{font:.6rem/1.25 var(--font-mono);color:var(--color-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:.45rem .55rem}.recording-tabs button[data-v-ad65b733]:hover,.recording-tabs button.recording-tab--active[data-v-ad65b733]{color:var(--color-text-default);background:var(--color-bg-surface)}.recording-tabs button[data-v-ad65b733]:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:2px}.panel-note[data-v-ad65b733]{color:var(--color-text-subtle);margin-top:.8rem;font-size:.75rem;line-height:1.45}.panel-note--guidance[data-v-ad65b733]{color:var(--color-text-muted);font-size:.8125rem}.pips[data-v-ad65b733]{z-index:7;flex-direction:column;gap:.45rem;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.pips button[data-v-ad65b733]{background:var(--color-border-strong);cursor:pointer;border:0;border-radius:3px;width:3px;height:17px;padding:0;transition:height .2s,background-color .2s}.pips button[data-v-ad65b733]:hover,.pips button.pip--active[data-v-ad65b733]{background:var(--color-brand-default)}.pips button.pip--active[data-v-ad65b733]{height:32px}.pips button[data-v-ad65b733]:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:4px}.scroll-cue[data-v-ad65b733]{z-index:7;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .25s;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-cue>span[data-v-ad65b733]{background:linear-gradient(to bottom, var(--color-brand-default), transparent);width:1px;height:34px}.scroll-cue small[data-v-ad65b733]{font:.58rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.scroll-cue--hidden[data-v-ad65b733]{opacity:0}.static[data-v-ad65b733]{position:relative}.static-backdrop[data-v-ad65b733]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.static-backdrop .dot-field[data-v-ad65b733],.static-backdrop .vignette[data-v-ad65b733]{height:100dvh;position:sticky;top:0}.static-content[data-v-ad65b733]{z-index:2;width:min(52rem,100%);margin:0 auto;padding:5rem 1.5rem;position:relative}.static-title[data-v-ad65b733]{font-size:max(2.1rem,min(7vw,3.25rem))}.static-intro[data-v-ad65b733]{max-width:42rem;font-size:1rem}.static-overview[data-v-ad65b733]{border:1px solid var(--color-border-default);background:color-mix(in oklch, var(--color-bg-surface) 90%, transparent);border-radius:14px;align-items:center;gap:.7rem;margin-top:2rem;padding:1rem;display:flex;overflow-x:auto}.static-overview>span[data-v-ad65b733]{border:1px solid var(--color-border-default);font:.7rem var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-subtle);border-radius:10px;flex:none;padding:.7rem .8rem}.static-overview .static-core[data-v-ad65b733]{border-color:color-mix(in oklch, var(--color-brand-default) 50%, transparent)}.static-overview .static-core b[data-v-ad65b733]{color:var(--color-brand-text)}.static-list[data-v-ad65b733]{flex-direction:column;gap:1.25rem;margin-top:3rem;list-style:none;display:flex}.static-step[data-v-ad65b733]{border:1px solid var(--color-border-default);background:color-mix(in oklch, var(--color-bg-surface) 92%, transparent);border-radius:16px;padding:max(1.25rem,min(4vw,2rem))}.static-step .panel-title[data-v-ad65b733]{font-size:max(1.5rem,min(5vw,2rem))}.static-flow[data-v-ad65b733]{border:1px solid var(--color-border-default);border-radius:11px;align-items:center;gap:.55rem;margin-top:1.1rem;padding:.75rem;display:flex;overflow-x:auto}.static-flow span[data-v-ad65b733]{font:.65rem var(--font-mono);color:var(--color-text-muted);flex:none}.static-flow .static-flow-core[data-v-ad65b733]{color:var(--color-brand-text);background:color-mix(in oklch, var(--color-brand-default) 10%, var(--color-bg-subtle));border-radius:7px;padding:.4rem .55rem}@media (height<=760px) and (width>=1100px){.panel[data-v-ad65b733]{width:min(27rem,36vw)}.panel-title[data-v-ad65b733]{font-size:max(1.7rem,min(2.6vw,2.25rem))}.panel-body[data-v-ad65b733]{margin-top:.65rem;font-size:.85rem;line-height:1.48}.panel-body strong[data-v-ad65b733]{color:var(--color-text-default);font-weight:700}.proof[data-v-ad65b733],.recordings[data-v-ad65b733]{margin-top:.7rem}.recordings[data-v-ad65b733] .recording{min-height:96px}}@media (width<=1099px){.stage[data-v-ad65b733]{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default)}.scrim[data-v-ad65b733],.hiw--demo .scrim--left[data-v-ad65b733],.hiw--demo .scrim--right[data-v-ad65b733]{background:0 0}.panel[data-v-ad65b733]{display:none}.world[data-v-ad65b733]{pointer-events:none}.mobile-panel[data-v-ad65b733]{z-index:6;text-align:left;pointer-events:none;width:auto;max-width:none;max-height:none;display:block;position:absolute;inset:0;transform:none}.mobile-copy[data-v-ad65b733]{z-index:1;pointer-events:auto;max-height:calc(50dvh - 3.25rem);padding:1rem max(1rem,min(4vw,2rem));position:absolute;left:0;right:0;overflow:hidden}.mobile-copy--top[data-v-ad65b733]{top:var(--navbar-height);background:linear-gradient(to bottom, var(--color-bg-default) 76%, color-mix(in oklch, var(--color-bg-default) 88%, transparent) 90%, transparent);padding-top:max(.75rem,min(2.5vh,1.5rem))}.mobile-copy--bottom[data-v-ad65b733]{background:linear-gradient(to top, var(--color-bg-default) 76%, color-mix(in oklch, var(--color-bg-default) 88%, transparent) 90%, transparent);padding-bottom:.75rem;bottom:3.5rem}.panel-heading[data-v-ad65b733],.panel-details[data-v-ad65b733]{padding:0;position:static}.mobile-panel .panel-label[data-v-ad65b733]{margin-bottom:.45rem;font-size:.62rem}.mobile-panel .panel-title[data-v-ad65b733]{width:min(18ch,100%);font-size:max(1.55rem,min(6.5vw,2.4rem));line-height:.98}.mobile-panel .panel-body[data-v-ad65b733]{max-width:46rem;margin-top:.65rem;font-size:max(.76rem,min(2.4vw,.9rem));line-height:1.45}.mobile-panel .panel-body strong[data-v-ad65b733]{color:var(--color-text-default);font-weight:700}.mobile-panel .panel-actions[data-v-ad65b733]{scrollbar-width:none;flex-wrap:nowrap;gap:.35rem;margin-top:.55rem;overflow-x:auto}.mobile-panel .panel-actions[data-v-ad65b733]::-webkit-scrollbar{display:none}.mobile-panel .panel-link[data-v-ad65b733]{flex:none;min-height:2.75rem;padding-right:.45rem;font-size:.68rem}.mobile-panel .panel-note[data-v-ad65b733]{margin-top:.4rem;font-size:.66rem;line-height:1.35}.mobile-panel .recordings[data-v-ad65b733],.mobile-panel .proof[data-v-ad65b733]{display:none}.pips[data-v-ad65b733]{min-height:3.25rem;padding:.25rem max(.5rem, env(safe-area-inset-right)) max(.25rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));scrollbar-width:none;background:linear-gradient(to top, var(--color-bg-default) 42%, color-mix(in oklch, var(--color-bg-default) 88%, transparent) 78%, transparent);flex-direction:row;align-items:center;gap:0;inset:auto 0 0;overflow-x:auto;transform:none}.pips[data-v-ad65b733]::-webkit-scrollbar{display:none}.pips button[data-v-ad65b733]{background:0 0;border-radius:0;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;position:relative}.pips button[data-v-ad65b733]:before{content:"";background:var(--color-border-strong);border-radius:2px;width:14px;height:2px;transition:width .2s,background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pips button[data-v-ad65b733]:hover,.pips button.pip--active[data-v-ad65b733]{background:0 0}.pips button[data-v-ad65b733]:hover:before,.pips button.pip--active[data-v-ad65b733]:before{background:var(--color-brand-default)}.pips button.pip--active[data-v-ad65b733]{height:2.75rem}.pips button.pip--active[data-v-ad65b733]:before{width:30px}.pips button[data-v-ad65b733]:focus-visible{outline-offset:-4px}.scroll-cue[data-v-ad65b733]{display:none}}@media (width<=640px){.mobile-copy[data-v-ad65b733]{max-height:calc(54dvh - 3.25rem)}.mobile-panel .panel-note[data-v-ad65b733]{display:none}.static-step--demo[data-v-ad65b733]{padding:1rem}.static-demo[data-v-ad65b733]{background:0 0;border:0;padding:14px 0}.static-content[data-v-ad65b733]{padding:4rem 1rem}.static-overview[data-v-ad65b733]{border-radius:12px 0 0 12px;flex-wrap:wrap;margin-right:-1rem;overflow-x:visible}.static-flow[data-v-ad65b733]{flex-wrap:wrap;overflow-x:visible}.proof[data-v-ad65b733]{gap:.35rem}}@media (width<=640px) and (height<=650px) and (orientation:portrait){.mobile-copy[data-v-ad65b733]{max-height:calc(47dvh - 3.25rem);padding-top:.55rem;padding-bottom:.55rem}.mobile-panel .panel-label[data-v-ad65b733]{margin-bottom:.3rem}.mobile-panel .panel-title[data-v-ad65b733]{font-size:1.35rem}.mobile-panel .panel-body[data-v-ad65b733]{margin-top:.4rem;font-size:.68rem;line-height:1.3}.mobile-panel .panel-actions[data-v-ad65b733]{display:none}}@media (width<=1099px) and (height<=620px) and (orientation:landscape){.scrim[data-v-ad65b733],.hiw--demo .scrim--left[data-v-ad65b733],.hiw--demo .scrim--right[data-v-ad65b733]{background:0 0}.mobile-panel[data-v-ad65b733]{width:min(40vw,360px);padding:calc(var(--navbar-height) + .75rem) 1.25rem 3.25rem;box-sizing:border-box;flex-direction:column;display:flex}.mobile-copy[data-v-ad65b733]{background:0 0;flex:auto;width:auto;min-height:0;max-height:none;padding:0;position:static}.panel-details[data-v-ad65b733]{margin-top:.75rem}.mobile-panel .panel-title[data-v-ad65b733]{font-size:max(1.35rem,min(4vw,2rem))}.mobile-panel .panel-body[data-v-ad65b733]{font-size:.7rem;line-height:1.35}.mobile-panel .panel-actions[data-v-ad65b733],.mobile-panel .panel-note[data-v-ad65b733]{display:none}.pips[data-v-ad65b733]{padding-left:min(40vw,360px)}}@media (prefers-reduced-motion:reduce){.panel[data-v-ad65b733],.scrim[data-v-ad65b733],.pips button[data-v-ad65b733],.scroll-cue[data-v-ad65b733],.pips button[data-v-ad65b733]:before{transition:none;animation:none}}