.how-nav{top:var(--nav-h,64px);z-index:40;background:var(--page-bg);border-top:1px solid var(--rail);border-bottom:1px solid var(--rail);position:sticky}.how-nav-in{align-items:center;gap:12px;height:52px;padding-inline:24px;display:flex;position:relative}.how-nav ol{align-items:center;gap:2px;min-width:0;display:flex}.how-nav a{height:32px;color:var(--text-tertiary);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;transition:color .15s,background-color .15s;display:inline-flex}.how-nav a>span{font:500 11px/1 var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em}.how-nav a:hover{color:var(--text-primary)}.how-nav a[aria-current]{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 7%, transparent)}.how-nav a[aria-current]>span{color:var(--tone-blue)}.how-nav a:focus-visible,.how-pause:focus-visible,.how-ch-more:focus-visible{outline:2px solid var(--era);outline-offset:2px}.how-nav-now{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;font-size:14px;display:none;overflow:hidden}.how-nav-now>span{font:500 11.5px/1 var(--font-geist-mono), ui-monospace, monospace;color:var(--text-tertiary)}.how-pause{border:1px solid var(--divide);width:32px;height:32px;color:var(--text-secondary);background:var(--page-bg);border-radius:6px;flex:none;place-items:center;margin-left:auto;display:inline-grid}.how-pause:hover{color:var(--text-primary);border-color:var(--border-strong)}.how-nav-progress{height:1px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.how-nav-progress>span{background:var(--text-primary);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.how-ch{scroll-margin-top:calc(var(--nav-h,64px) + 52px)}.how-nav+div>.how-ch{border-top:0}.how-ch-in{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:72px;padding-top:112px;padding-bottom:112px;display:grid}.how-ch[data-flip] .how-ch-copy{order:2}.how-ch[data-flip] .how-ch-visual{order:1}.how-ch-copy{top:calc(var(--nav-h,64px) + 52px + 56px);position:sticky}.how-ch-num{align-items:baseline;gap:10px;display:flex}.how-ch-num b{letter-spacing:-.05em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:clamp(56px,6vw,88px);font-weight:450;line-height:.9}.how-ch-num span{font:500 12px/1 var(--font-geist-mono), ui-monospace, monospace;color:var(--text-tertiary)}.how-ch-copy h2{letter-spacing:-.025em;color:var(--text-primary);text-wrap:balance;margin-top:32px;font-size:clamp(30px,3vw,42px);font-weight:450;line-height:1.12}.how-ch-copy h2>span{color:var(--text-muted-heading);display:block}.how-ch-body{max-width:520px;color:var(--text-secondary);text-wrap:pretty;margin-top:24px;font-size:16px;line-height:1.7}.how-ch-more{color:var(--accent-link);border-radius:4px;align-items:center;gap:6px;margin-top:32px;font-size:14px;font-weight:500;display:inline-flex}.how-ch-more:hover{color:var(--accent-link-hover)}.how-ch-visual{min-width:0;container:hv/inline-size}.how-stage .as-section>.frame:first-child{padding-top:96px}@media (max-width:1023px){.how-nav-in{padding-inline:20px}.how-nav ol{display:none}.how-nav-now{display:flex}.how-ch-in{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:72px;padding-bottom:72px}.how-ch[data-flip] .how-ch-copy,.how-ch[data-flip] .how-ch-visual{order:0}.how-ch-copy{position:static}.how-ch-copy h2{margin-top:24px}}.hv{--hv-line:var(--pm-line);--hv-line-2:var(--pm-line-2);--hv-fill:color-mix(in srgb, var(--text-primary) 4%, transparent);--hv-fill-2:color-mix(in srgb, var(--text-primary) 8%, transparent);border:1px solid var(--hv-line-2);background:var(--pm-bg);min-width:0;color:var(--text-primary);box-shadow:0 30px 80px -40px rgb(0 0 0/calc(.8 * var(--shadow-k,1)));border-radius:12px;font-size:13px;line-height:18px;overflow:hidden}.hv svg{flex:none}.hv .module-icon{border-radius:5px;flex:none}.hv-bar{background:var(--pm-side);border-bottom:1px solid var(--hv-line);align-items:center;gap:14px;height:38px;padding:0 14px;display:flex}.hv-dots{flex:none;gap:6px;display:inline-flex}.hv-dots i{background:var(--hv-fill-2);border-radius:999px;width:8px;height:8px}.hv-address{border:1px solid var(--hv-line);min-width:0;font:11.5px/18px var(--font-geist-mono), ui-monospace, monospace;color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:2px 10px;overflow:hidden}.hv-body{gap:14px;min-width:0;padding:20px;display:grid}.hv-head{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.hv-head>div{gap:2px;min-width:0;display:grid}.hv-head b{font-size:15px;font-weight:500}.hv-head small{color:var(--text-tertiary);font-size:12.5px}.hv-btn{border:1px solid var(--hv-line-2);background:var(--hv-fill);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:12.5px;font-weight:450;display:inline-flex}.hv-btn[data-primary]{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:#0000}.hv-btn-sm{height:24px;padding:0 8px;font-size:12px}.hv-list{gap:8px;min-width:0;display:grid}.hv-row{border:1px solid var(--hv-line);background:var(--hv-fill);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.hv-row[data-dim]{opacity:.62}.hv-row-text{flex:1;min-width:0;display:grid}.hv-row-text>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hv-row-text b{font-size:13.5px;font-weight:500}.hv-row-text small{color:var(--text-tertiary);white-space:normal;font-size:12px;line-height:16px}.hv-row-text code{font:12px/18px var(--font-geist-mono), ui-monospace, monospace;color:var(--text-tertiary)}.hv [data-tone=blue]{--tone:var(--tone-blue)}.hv [data-tone=violet]{--tone:var(--tone-violet)}.hv [data-tone=amber]{--tone:var(--tone-amber)}.hv [data-tone=green]{--tone:var(--tone-green)}.hv [data-tone=red]{--tone:var(--tone-red)}.hv [data-tone=gray]{--tone:var(--tone-gray)}.hv-chip{--tone:var(--tone-gray);white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:22px;color:color-mix(in oklab, var(--tone) 75%, var(--text-primary));background:color-mix(in oklab, var(--tone) 14%, transparent);border:1px solid color-mix(in oklab, var(--tone) 26%, transparent);border-radius:4px;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex;overflow:hidden}.hv-logo{background:#fff;border:1px solid #00000014;border-radius:6px;flex:none;place-items:center;display:inline-grid}.hv-glyph{--tone:var(--tone-gray);width:32px;height:32px;color:color-mix(in oklab, var(--tone) 80%, var(--text-primary));background:color-mix(in oklab, var(--tone) 15%, transparent);border:1px solid color-mix(in oklab, var(--tone) 22%, transparent);border-radius:8px;flex:none;place-items:center;display:inline-grid}.hv-avatar{background:color-mix(in srgb, var(--tone-violet) 24%, var(--pm-bg));border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:10.5px;font-weight:600;display:inline-grid}.hv-progress{background:var(--hv-fill-2);border-radius:4px;height:4px;overflow:hidden}.hv-progress i{background:var(--tone-green);border-radius:4px;width:100%;height:100%;display:block}.hv-foot{color:var(--text-tertiary);align-items:center;gap:8px;font-size:12.5px;display:flex}.hv-sep{color:var(--text-tertiary);align-items:center;gap:12px;font-size:12px;display:flex}.hv-sep:before,.hv-sep:after{content:"";background:var(--hv-line-2);flex:1;height:1px}.hv-pair{gap:12px;min-width:0;display:grid}@container hv (min-width:620px){.hv-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.hv-flip{flex:none;justify-items:end;display:inline-grid}.hv-flip>*{grid-area:1/1}.hv-flip-wait{opacity:0}.hv-search{border:1px solid var(--hv-line-2);height:38px;color:var(--text-tertiary);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.hv-type{white-space:nowrap;color:var(--text-primary);max-width:12ch;font-size:13.5px;display:inline-block;overflow:hidden}.hv-caret{background:var(--text-primary);width:1px;height:16px;margin-left:-6px}.hv-tabs{flex-wrap:wrap;gap:4px;display:flex}.hv-tabs>span{height:28px;color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.hv-tabs>span[data-active]{background:var(--hv-fill-2);color:var(--text-primary)}.hv-tabs em{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11.5px;font-style:normal}.hv-setups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hv-setup{border:1px solid var(--hv-line);background:var(--pm-bg);border-radius:8px;min-width:0;position:relative;overflow:hidden}.hv-setup:after{content:"";box-shadow:inset 0 0 0 2px var(--tone-blue);opacity:0;pointer-events:none;border-radius:8px;position:absolute;inset:0}.hv-setup-photo{aspect-ratio:16/10;background:var(--hv-fill-2);display:block;position:relative}.hv-setup-photo img,.hv-site-hero img,.hv-site-band img{object-fit:cover}.hv-setup figcaption{gap:8px;min-width:0;padding:12px;display:grid}.hv-setup figcaption b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.hv-setup figcaption small{color:var(--text-tertiary);font-size:12px}.hv-icons{gap:4px;display:flex;overflow:hidden}.hv-steps{display:grid}.hv-steps li{border-bottom:1px solid var(--hv-line);align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.hv-steps li:last-child{border-bottom:0}.hv-tick{background:var(--tone-green);color:#fff;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.hv-site .hv-body{color:#3a2a1f;background:#f7efe6;gap:0;padding:0;font-family:Georgia,Times New Roman,serif}.hv-site-nav{min-width:0;font-family:var(--font-sans,system-ui), sans-serif;align-items:center;gap:14px;padding:12px 16px;font-size:12px;display:flex}.hv-site-nav b{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:400}.hv-site-nav>span:not(.hv-site-cta){white-space:nowrap;color:#6b5444;gap:12px;min-width:0;display:flex;overflow:hidden}.hv-site-cta{color:#f7efe6;background:#3a2a1f;border-radius:4px;flex:none;margin-left:auto;padding:5px 10px}.hv-site-hero{aspect-ratio:16/10;position:relative;overflow:hidden}.hv-site-hero:after{content:"";background:linear-gradient(#0000 35%,#28180e9e);position:absolute;inset:0}.hv-site-hero>div{z-index:1;color:#fff;justify-items:start;gap:8px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.hv-site-hero small{font-family:var(--font-sans,system-ui), sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:11px}.hv-site-hero h5{font-size:clamp(20px,5cqi,28px);font-weight:400;line-height:1.1}.hv-site-hero span{color:#3a2a1f;font-family:var(--font-sans,system-ui), sans-serif;background:#f7efe6;border-radius:4px;padding:6px 12px;font-size:12px}.hv-site-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px 16px;display:grid}.hv-site-band figure{gap:6px;min-width:0;display:grid}.hv-site-band span{aspect-ratio:1;border-radius:4px;display:block;position:relative;overflow:hidden}.hv-site-band figcaption{color:#6b5444;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.hv-chat{gap:12px;min-width:0;display:grid}.hv-msg{border-radius:8px;max-width:88%;padding:10px 12px;font-size:13.5px;line-height:20px}.hv-msg[data-who=me]{background:color-mix(in srgb, var(--tone-blue) 20%, var(--pm-bg));justify-self:end}.hv-msg[data-who=era]{background:var(--hv-fill);border:1px solid var(--hv-line);gap:10px;display:flex}.hv-era{background:var(--text-primary);width:20px;height:20px;color:var(--pm-bg);border-radius:4px;flex:none;place-items:center;display:inline-grid}.hv-lanes{gap:10px;display:grid}@container hv (min-width:560px){.hv-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}.hv-lane{border:1px solid var(--hv-line);border-radius:8px;align-content:start;justify-items:start;gap:10px;min-width:0;padding:12px;display:grid}.hv-lane>*{justify-self:stretch}.hv-lane>.hv-chip{justify-self:start}.hv-lane-head{align-items:center;gap:10px;min-width:0;display:flex}.hv-lane ul{gap:6px;display:grid}.hv-lane li{color:var(--text-secondary);align-items:flex-start;gap:7px;font-size:12.5px;line-height:17px;display:flex}.hv-lane li svg{color:var(--tone-green);margin-top:2px}.hv-wire{border:1px dashed var(--hv-line-2);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;line-height:18px;display:flex}.hv-wire-tag{background:var(--text-primary);color:var(--pm-bg);font:500 12px/20px var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;flex:none;padding:1px 8px}.hv-composer{border:1px solid var(--hv-line-2);min-width:0;color:var(--text-tertiary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.hv-composer>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hv-tag{border:1px solid var(--hv-line-2);height:26px;color:var(--text-secondary);border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.hv-send{background:var(--btn-primary-bg);width:28px;height:28px;color:var(--btn-primary-fg);border-radius:6px;flex:none;place-items:center;display:inline-grid}.hv-approve-ask{font-size:15px;font-weight:500;line-height:21px}.hv-approve-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hv-approve .hv-flip{justify-self:end}.hv-rules{border-top:1px solid var(--hv-line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;display:flex}.hv-rules b{color:var(--text-tertiary);margin-right:4px;font-size:12px;font-weight:500}.hv-rules span{border:1px solid var(--hv-line);border-radius:6px;align-items:center;gap:6px;height:26px;padding:0 8px;font-size:12px;display:inline-flex}.hv-rules svg{color:var(--tone-amber)}.hv-memory{border:1px solid var(--hv-line);background:var(--hv-fill);border-radius:8px;gap:8px;padding:12px;display:grid}.hv-memory small{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.hv-memory small svg{color:var(--tone-violet)}.hv-memory p{font-size:14px;line-height:20px}.hv-memory em{color:var(--text-tertiary);margin-top:2px;font-size:12px;font-style:normal;display:block}.hv-memory-actions{flex-wrap:wrap;gap:6px;display:flex}.hv-map{justify-items:center;gap:56px;padding:8px 0 4px;display:grid;position:relative}.hv-wires{pointer-events:none;width:100%;height:calc(100% - 48px);position:absolute;inset:24px 0}.hv-wires path{fill:none;stroke:var(--hv-line-2);stroke-width:1.5px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.hv-hub{z-index:1;border:1px solid var(--hv-line-2);background:var(--pm-side);border-radius:8px;align-items:center;gap:10px;max-width:100%;padding:10px 14px;display:flex;position:relative}.hv-hub-mark{background:var(--text-primary);width:32px;height:32px;color:var(--pm-bg);border-radius:8px;flex:none;place-items:center;display:inline-grid}.hv-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.hv-node{z-index:1;border:1px solid var(--hv-line);background:var(--pm-bg);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex;position:relative}@container hv (max-width:440px){.hv-map{gap:10px}.hv-wires{display:none}.hv-nodes{grid-template-columns:minmax(0,1fr)}}.hv-pairing{border:1px solid var(--hv-line);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.hv-pairing .hv-row-text b{white-space:normal}.hv-order>b{color:var(--text-tertiary);font-size:12.5px;font-weight:500}.hv-order ol{gap:6px;margin-top:8px;display:grid}.hv-order li{border:1px solid var(--hv-line);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.hv-num{border:1px solid var(--hv-line-2);width:22px;height:22px;font:500 11px/1 var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;flex:none;place-items:center;display:inline-grid}@container hv (max-width:420px){.hv-body{padding:14px}.hv-setups{gap:8px}.hv-setup figcaption{padding:10px}.hv-row{gap:10px;padding:9px 10px}.hv-msg{max-width:100%}}@media (prefers-reduced-motion:no-preference){.hv-flip-wait{animation:7s infinite backwards hv-flip-wait;animation-delay:calc(var(--i,0) * .8s)}.hv-flip-done{animation:7s infinite backwards hv-flip-done;animation-delay:calc(var(--i,0) * .8s)}.hv-type{animation:8s steps(9,end) infinite hv-type}.hv-caret{animation:1s step-end infinite hv-blink}.hv-setup:after{animation:8s infinite backwards hv-pick;animation-delay:calc(var(--i,0) * 2s)}.hv-log .hv-progress i{animation:8s infinite hv-grow}.hv-steps li{animation:8s infinite backwards hv-step;animation-delay:calc(var(--i,0) * .6s)}.hv-steps .hv-tick{animation:8s infinite backwards hv-tick;animation-delay:calc(var(--i,0) * .6s)}.hv-site .hv-body{animation:8s infinite hv-site}.hv-lane .hv-progress i{animation:9s infinite hv-grow}.hv-lane li{animation:9s infinite backwards hv-step;animation-delay:calc(var(--i,0) * 1.4s)}.hv-lane>.hv-chip{animation:9s infinite hv-late}.hv-approve-go{animation:7s infinite hv-press}.hv-wires path{animation:1.6s linear infinite hv-dash}.hv-node{animation:6s infinite backwards hv-glow;animation-delay:calc(var(--i,0) * 2s)}.hv-order li{animation:9s infinite backwards hv-lit;animation-delay:calc(var(--i,0) * 3s)}}.how-story[data-paused] .hv *,.how-story[data-paused] .hv :after,.hv[data-away] *,.hv[data-away] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.how-pause{display:none}.hv-setup[data-first]:after{opacity:1}.hv-caret{display:none}}@keyframes hv-flip-wait{0%,30%{opacity:1}34%,95%{opacity:0}to{opacity:1}}@keyframes hv-flip-done{0%,30%{opacity:0}34%,95%{opacity:1}to{opacity:0}}@keyframes hv-type{0%{max-width:0}30%,to{max-width:12ch}}@keyframes hv-blink{50%{opacity:0}}@keyframes hv-pick{0%{opacity:0}3%,22%{opacity:1}25%,to{opacity:0}}@keyframes hv-grow{0%{width:0}70%,to{width:100%}}@keyframes hv-step{0%{opacity:.3}6%,92%{opacity:1}to{opacity:.3}}@keyframes hv-tick{0%{opacity:0;transform:scale(.6)}6%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes hv-site{0%,50%{opacity:0;transform:translateY(8px)}58%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes hv-late{0%,40%{opacity:0}46%,96%{opacity:1}to{opacity:0}}@keyframes hv-press{0%,27%{box-shadow:none;transform:none}30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--tone-blue) 45%, transparent);transform:scale(.96)}36%,to{box-shadow:none;transform:none}}@keyframes hv-dash{to{stroke-dashoffset:-20px}}@keyframes hv-glow{0%,28%{border-color:color-mix(in srgb, var(--tone-green) 60%, transparent)}34%,to{border-color:var(--hv-line)}}@keyframes hv-lit{0%,30%{border-color:color-mix(in srgb, var(--tone-blue) 55%, transparent);background:color-mix(in srgb, var(--tone-blue) 9%, transparent)}33%,to{border-color:var(--hv-line);background:0 0}}