.pm{--pm-border:#ffffff1a;--pm-muted:#8b929c;--pm-mono:ui-monospace, "SF Mono", "Cascadia Code", monospace;border:1px solid var(--pm-border);transition:transform .5s var(--ease-out);color:#d7dbe0;background:#101317;border-radius:14px;font-size:12px;overflow:hidden;box-shadow:0 24px 48px -24px #0d1e3273}.how-row:hover .pm{transform:perspective(900px)rotateX(2deg)translateY(-4px)}.pm-bar{border-bottom:1px solid var(--pm-border);align-items:center;gap:10px;padding:10px 14px;display:flex}.pm-dots{gap:5px;display:flex}.pm-dots i{background:var(--pm-border);border-radius:50%;width:9px;height:9px}.pm-title{color:var(--pm-muted);font-size:11px}.pm-body{align-content:start;gap:12px;min-height:190px;padding:16px;display:grid}.pm-list{gap:6px;display:grid}.pm-row{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.pm-row-text{gap:1px;min-width:0;display:grid}.pm-name{font-family:var(--pm-mono);color:#eef1f4;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.pm-meta{color:var(--pm-muted);font-size:10px}.pm-chip{border:1px solid;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.pm-ok{color:#4ade80;border-color:#4ade8066}.pm-warn{color:#fbbf24;border-color:#fbbf2466}.pm-info{color:#38bdf8;border-color:#38bdf866}.pm-err{color:#f87171;border-color:#f8717166}.pm-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pm-tile{background:#ffffff08;border-radius:8px;gap:1px;padding:10px 12px;display:grid}.pm-tile-label{color:var(--pm-muted);font-size:10px}.pm-tile-value{color:#eef1f4;font-size:16px;font-weight:600}.pm-tile-sub{color:var(--pm-muted);font-size:9.5px}.pm-chart{width:100%;height:96px}.pm-chart-tall{height:118px}.pm-area{fill:#4ade801f}.pm-line{fill:none;stroke:#ffffff8c;stroke-width:1.5px}.pm-grid{stroke:#ffffff12;stroke-width:1px}.pm-dot{fill:#eef1f4}.pm-dot-end{fill:#a78bfa}.pm-loss{fill:none;stroke:#38bdf8;stroke-width:1.8px;stroke-linecap:round}.pm-loss-val{stroke:#4ade80}.pm-tick{fill:var(--pm-muted);font-size:8.5px;font-family:var(--pm-mono)}.pm-tick-hi{fill:#a78bfa}.pm-tick-green{fill:#4ade80}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pm-loss{stroke-dasharray:400;stroke-dashoffset:400px;animation:pm-draw auto var(--ease-out) both;animation-timeline:view();animation-range:entry 10% entry 80%}@keyframes pm-draw{to{stroke-dashoffset:0}}}}.pm-run{justify-content:space-between;align-items:center;gap:10px;display:flex}.pm-counters{color:var(--pm-muted);gap:14px;font-size:10.5px;display:flex}.pm-counters b{color:#eef1f4;font-weight:600}.pm-num-err{color:#f87171!important}.pm-num-warn{color:#fbbf24!important}.pm-num-ok{color:#4ade80!important}.pm-heat{gap:7px;display:grid}.pm-heat-row{align-items:center;gap:10px;display:flex}.pm-heat-name{font-family:var(--pm-mono);color:#d7dbe0;white-space:nowrap;text-overflow:ellipsis;flex:0 0 132px;font-size:10.5px;overflow:hidden}.pm-heat-cells{flex:1;gap:3px;display:flex}.pm-heat-cells i{border-radius:4px;flex:1;height:14px}.pm-cell-ok{background:#2d6a4fd9}.pm-cell-warn{background:#e08a3c}@media (prefers-reduced-motion:reduce){.pm,.pm-loss{transition:none;animation:none!important}}.pm-app{grid-template-rows:auto 1fr;display:grid}.pm-chrome{border-bottom:1px solid var(--pm-border);background:#ffffff08;align-items:center;gap:14px;padding:11px 14px;display:flex}.pm-url{max-width:320px;font-family:var(--pm-mono);color:var(--pm-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border-radius:999px;flex:1;margin-inline:auto;padding:4px 12px;font-size:10.5px;overflow:hidden}.pm-shell{grid-template-columns:168px 1fr;min-height:0;display:grid}.pm-side{border-right:1px solid var(--pm-border);background:#ffffff05;align-content:start;gap:4px;padding:16px 12px;display:grid}.pm-side-brand{color:#eef1f4;padding:0 8px 12px;font-size:12px;font-weight:600}.pm-side-group{gap:2px;margin-top:10px;display:grid}.pm-side-label{letter-spacing:.1em;text-transform:uppercase;color:#8b929cb3;padding:0 8px 4px;font-size:9.5px}.pm-side-item{color:var(--pm-muted);border-radius:6px;padding:6px 8px;font-size:11px}.pm-side-item.is-on{color:#cfe9fb;background:#38bdf81f}.pm-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.pm-app .pm-title{padding:14px 18px 0;font-size:11.5px}@media (max-width:720px){.pm-shell{grid-template-columns:1fr}.pm-side{display:none}}
.hw{--hw-mono:ui-monospace, "SF Mono", "Cascadia Code", monospace;--hw-rule:#e0e2e6;--hw-muted:#5f656e;--hw-accent:#0068c4;background:var(--bg-elevated);position:relative}.hw-seq{grid-template-columns:1fr 1fr;align-items:start;display:grid;position:relative}.hw-visual{top:var(--header-h);height:calc(100dvh - var(--header-h));padding:32px clamp(20px, 2.4vw, 44px) calc(32px + var(--header-h));isolation:isolate;border-right:1px solid var(--hw-rule);background:radial-gradient(820px 560px at 34% 26%,#0074d912,#0000 68%),linear-gradient(165deg,#f4f6f8,#e9edf1 62%,#e2e7ec);place-items:center;display:grid;position:sticky;overflow:hidden}.hw-visual-inner{width:min(100%,860px);position:relative}.hw-frame{align-items:center;display:grid}.hw-shot{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);pointer-events:none;grid-area:1/1;transform:translateY(10px)scale(.995)}.hw-shot.is-on{opacity:1;transform:none}.hw-steps{padding:128px clamp(24px, 5vw, 96px) calc(128px + var(--header-h)) clamp(32px, 5vw, 88px);max-width:760px}.hw-step{opacity:.26;filter:blur(1.5px);min-height:66vh;transition:opacity .6s var(--ease-out), filter .6s var(--ease-out), transform .6s var(--ease-out);align-content:center;justify-items:start;gap:12px;display:grid;transform:translateY(14px)}.hw-step.is-on{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hw-step{transition:none;animation:linear both hw-cross;animation-timeline:view();animation-range:entry 24% exit 76%}@keyframes hw-cross{0%{opacity:.16;filter:blur(2px);transform:translateY(26px)}34%,66%{opacity:1;filter:none;transform:none}to{opacity:.16;filter:blur(2px);transform:translateY(-26px)}}}}.hw-step-n{font-family:var(--hw-mono);letter-spacing:.16em;color:var(--hw-muted);font-size:.72rem}.hw-step-tag{font-family:var(--hw-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hw-accent);font-size:.68rem}.hw-step h3{letter-spacing:-.018em;color:var(--text);max-width:20ch;font-size:clamp(1.6rem,2.9vw,2.3rem);font-weight:500;line-height:1.08}.hw-step>p{color:var(--text-body);max-width:44ch;margin:0;font-size:1.02rem;line-height:1.64}.hw-step-note{border-top:1px solid var(--hw-rule);width:min(100%,44ch);color:var(--hw-muted);padding-top:14px;font-size:.9rem}.hw-rail{pointer-events:none;gap:10px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:50%;right:-1px;translate:0 -50%}.hw-rail li{width:2px;height:16px;transition:background .4s var(--ease-out), height .4s var(--ease-out);background:#c9ced5;border-radius:1px}.hw-rail li.is-on{background:var(--hw-accent);height:30px}@media (max-height:720px){.hw-step{min-height:76vh}.hw-step h3{font-size:clamp(1.4rem,2.4vw,1.8rem)}}@media (prefers-reduced-motion:reduce),(max-width:1020px){.hw-seq{grid-template-columns:1fr}.hw-visual-inner,.hw-frame,.hw-shot,.hw-shot .pm,.hw-shot .pm-shell{min-width:0;max-width:100%}.hw-visual{border-right:none;border-bottom:1px solid var(--hw-rule);height:auto;padding:48px 20px;position:static}.hw-frame{gap:48px;display:grid}.hw-shot{opacity:1;grid-area:auto;transition:none;transform:none}.hw-steps{max-width:none;padding:72px 24px 88px}.hw-step{opacity:1;filter:none;min-height:0;padding-block:32px;transition:none;animation:none;transform:none}.hw-rail{display:none}}
.hw .pm{font-size:13px;position:relative;box-shadow:0 44px 80px -34px #0d1e328c}.hw .pm-body{align-content:start;gap:14px;min-height:330px;padding:18px}.hw .pm-chart{height:auto}.sc-scan{pointer-events:none;opacity:0;background:linear-gradient(#0000,#38bdf812,#0000);height:38%;position:absolute;top:0;left:0;right:0}.hw-shot.is-on .sc-scan{animation:6s linear infinite sc-scan}@keyframes sc-scan{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(300%)}}.sc-in{opacity:0;transform:translateY(8px)}.sc-chip{opacity:0;transform-origin:100%;transform:scale(.9)}.sc-pop{opacity:0}.hw-shot.is-on .sc-in{animation:sc-rise .5s var(--ease-out) both}.hw-shot.is-on .sc-chip{animation:sc-chip-in .4s var(--ease-out) both}.hw-shot.is-on .sc-pop{animation:sc-fade .35s var(--ease-out) both}.hw-shot.is-on .sc-chip.sc-beat{animation:sc-chip-in .4s var(--ease-out) both, sc-beat 2.8s var(--ease-out) infinite}.hw-shot.is-on .sc-in.sc-beat{animation:sc-rise .5s var(--ease-out) both, sc-beat 3.2s var(--ease-out) infinite}.hw-shot.is-on .sc-in.sc-sheen{animation:sc-rise .5s var(--ease-out) both, sc-sheen 3.6s var(--ease-out) infinite}@keyframes sc-rise{to{opacity:1;transform:none}}@keyframes sc-chip-in{to{opacity:1;transform:none}}@keyframes sc-fade{to{opacity:1}}@keyframes sc-beat{0%,88%,to{box-shadow:0 0 #38bdf800}92%{box-shadow:0 0 0 4px #38bdf829}}@keyframes sc-sheen{0%,70%,to{background:#ffffff08}80%{background:#38bdf817}}.sc-draw{stroke-dasharray:700;stroke-dashoffset:700px}.sc-draw-long{stroke-dasharray:760;stroke-dashoffset:760px}.sc-area{opacity:0}.hw-shot.is-on .sc-draw{animation:sc-draw-in 1s var(--ease-out) both}.hw-shot.is-on .sc-draw-long{animation:sc-draw-long-in 1.2s var(--ease-out) both}.hw-shot.is-on .sc-area{animation:sc-fade .8s .5s var(--ease-out) both}@keyframes sc-draw-in{to{stroke-dashoffset:0}}@keyframes sc-draw-long-in{to{stroke-dashoffset:0}}.pm-halo{fill:#a78bfa;opacity:0}.hw-shot.is-on .pm-halo{animation:sc-halo 2.4s 1.2s var(--ease-out) infinite}@keyframes sc-halo{0%{transform-origin:540px 20px;opacity:.5;transform:scale(1)}70%,to{transform-origin:540px 20px;opacity:0;transform:scale(3.4)}}.sc-sweep{fill:#38bdf880;opacity:0}.hw-shot.is-on .sc-sweep{animation:3.4s linear 1.2s infinite sc-sweep}@keyframes sc-sweep{0%{opacity:0;transform:translate(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(534px)}}.sc-swap{flex-shrink:0;justify-items:end;display:grid;position:relative}.sc-swap>*{grid-area:1/1}.sc-pending,.sc-done{opacity:0}.sc-pending{align-items:center;gap:6px;display:inline-flex}.sc-spin{background:currentColor;border-radius:50%;width:6px;height:6px}.hw-shot.is-on .sc-pending{animation:4.6s ease-in-out infinite sc-pending}.hw-shot.is-on .sc-done{animation:4.6s ease-in-out infinite sc-done}.hw-shot.is-on .sc-spin{animation:.9s ease-in-out infinite sc-blink}@keyframes sc-pending{0%,4%{opacity:0}8%,22%{opacity:1}28%,to{opacity:0}}@keyframes sc-done{0%,26%{opacity:0;transform:scale(.92)}32%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:scale(.92)}}@keyframes sc-blink{0%,to{opacity:.35}50%{opacity:1}}.sc-foot{border-top:1px solid var(--pm-border);color:var(--pm-muted);align-items:center;gap:12px;padding-top:10px;font-size:10.5px;display:flex}.sc-foot-l,.sc-foot-r{font-family:var(--pm-mono);letter-spacing:.06em;flex-shrink:0}.sc-stream{flex:1;height:8px;position:relative;overflow:hidden}.sc-stream i{opacity:0;background:#38bdf8;border-radius:2px;width:16px;height:6px;position:absolute;top:1px;left:0}.sc-stream i:first-child{animation-delay:0s}.sc-stream i:nth-child(2){animation-delay:.24s}.sc-stream i:nth-child(3){animation-delay:.48s}.sc-stream i:nth-child(4){animation-delay:.72s}.sc-stream i:nth-child(5){animation-delay:.96s}.sc-stream i:nth-child(6){animation-delay:1.2s}.hw-shot.is-on .sc-stream i{animation:1.5s linear infinite sc-flow}.hw-shot.is-on .sc-stream-fast i{animation-duration:1s}@keyframes sc-flow{0%{opacity:0;transform:translate(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(320px)}}.sc-heads{flex-wrap:wrap;gap:6px;display:flex}.sc-head{font-family:var(--pm-mono);color:#d7dbe0;background:#38bdf81a;border:1px solid #38bdf83d;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:inline-flex}.sc-head b{color:#38bdf8;font-weight:600}.sc-deck{display:grid}.sc-card{opacity:0;grid-area:1/1}.sc-decide{background:#38bdf812}.hw-shot.is-on .sc-card{animation:sc-cycle 6s var(--ease-out) infinite}@keyframes sc-cycle{0%{opacity:0;transform:translateY(8px)}4%,28%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-8px)}}.sc-head{font-family:var(--pm-mono);color:#38bdf8;flex-shrink:0;margin-left:auto;margin-right:10px;font-size:11px}.hw-shot.is-on .sc-cell{animation:sc-wave 2.6s var(--ease-out) infinite}@keyframes sc-wave{0%,to{opacity:.5}22%{opacity:1}}@media (prefers-reduced-motion:reduce){.hw .pm *{animation:none!important}.sc-in,.sc-chip,.sc-done,.sc-pop,.sc-area,.sc-cell,.sc-card{opacity:1;transform:none}.sc-draw,.sc-draw-long{stroke-dashoffset:0}.sc-pending,.sc-scan,.sc-stream,.sc-sweep,.pm-halo{display:none}}@media (max-width:1020px){.sc-deck{gap:6px}.sc-card{grid-area:auto}}@media (max-width:1020px) and (prefers-reduced-motion:no-preference){.hw-shot .sc-scan{animation:6s linear infinite sc-scan}.hw-shot .sc-in{animation:sc-rise .5s var(--ease-out) both}.hw-shot .sc-chip{animation:sc-chip-in .4s var(--ease-out) both}.hw-shot .sc-pop{animation:sc-fade .35s var(--ease-out) both}.hw-shot .sc-chip.sc-beat{animation:sc-chip-in .4s var(--ease-out) both, sc-beat 2.8s var(--ease-out) infinite}.hw-shot .sc-in.sc-beat{animation:sc-rise .5s var(--ease-out) both, sc-beat 3.2s var(--ease-out) infinite}.hw-shot .sc-in.sc-sheen{animation:sc-rise .5s var(--ease-out) both, sc-sheen 3.6s var(--ease-out) infinite}.hw-shot .sc-draw{animation:sc-draw-in 1s var(--ease-out) both}.hw-shot .sc-draw-long{animation:sc-draw-long-in 1.2s var(--ease-out) both}.hw-shot .sc-area{animation:sc-fade .8s .5s var(--ease-out) both}.hw-shot .pm-halo{animation:sc-halo 2.4s 1.2s var(--ease-out) infinite}.hw-shot .sc-sweep{animation:3.4s linear 1.2s infinite sc-sweep}.hw-shot .sc-pending{animation:4.6s ease-in-out infinite sc-pending}.hw-shot .sc-done{animation:4.6s ease-in-out infinite sc-done}.hw-shot .sc-spin{animation:.9s ease-in-out infinite sc-blink}.hw-shot .sc-stream i{animation:1.5s linear infinite sc-flow}.hw-shot .sc-stream-fast i{animation-duration:1s}.hw-shot .sc-card{opacity:1;animation:none;transform:none}.hw-shot .sc-cell{animation:sc-wave 2.6s var(--ease-out) infinite}}