.pm{--pm-border:rgba(255,255,255,0.1);--pm-muted:#8b929c;--pm-mono:ui-monospace,"SF Mono","Cascadia Code",monospace;border:1px solid var(--pm-border);border-radius:14px;background:#101317;overflow:hidden;box-shadow:0 24px 48px -24px rgba(13,30,50,.45);transition:transform .5s var(--ease-out);font-size:12px;color:#d7dbe0}.how-row:hover .pm{transform:perspective(900px) rotateX(2deg) translateY(-4px)}.pm-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--pm-border)}.pm-dots{display:flex;gap:5px}.pm-dots i{width:9px;height:9px;border-radius:50%;background:var(--pm-border)}.pm-title{font-size:11px;color:var(--pm-muted)}.pm-body{padding:16px;display:grid;grid-gap:12px;gap:12px;min-height:190px;align-content:start}.pm-list{display:grid;grid-gap:6px;gap:6px}.pm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03)}.pm-row-text{display:grid;grid-gap:1px;gap:1px;min-width:0}.pm-name{font-family:var(--pm-mono);font-size:11.5px;color:#eef1f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-meta{font-size:10px;color:var(--pm-muted)}.pm-chip{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;border:1px solid}.pm-ok{color:#4ade80;border-color:rgba(74,222,128,.4)}.pm-warn{color:#fbbf24;border-color:rgba(251,191,36,.4)}.pm-info{color:#38bdf8;border-color:rgba(56,189,248,.4)}.pm-err{color:#f87171;border-color:rgba(248,113,113,.4)}.pm-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.pm-tile{display:grid;grid-gap:1px;gap:1px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.03)}.pm-tile-label{font-size:10px;color:var(--pm-muted)}.pm-tile-value{font-size:16px;font-weight:600;color:#eef1f4}.pm-tile-sub{font-size:9.5px;color:var(--pm-muted)}.pm-chart{width:100%;height:96px}.pm-chart-tall{height:118px}.pm-area{fill:rgba(74,222,128,.12)}.pm-line{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.5}.pm-grid{stroke:rgba(255,255,255,.07);stroke-width:1}.pm-dot{fill:#eef1f4}.pm-dot-end{fill:#a78bfa}.pm-loss{fill:none;stroke:#38bdf8;stroke-width:1.8;stroke-linecap:round}.pm-loss-val{stroke:#4ade80}.pm-tick{font-size:8.5px;fill:var(--pm-muted);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:400;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{display:flex;align-items:center;justify-content:space-between;gap:10px}.pm-counters{display:flex;gap:14px;font-size:10.5px;color:var(--pm-muted)}.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{display:grid;grid-gap:7px;gap:7px}.pm-heat-row{display:flex;align-items:center;gap:10px}.pm-heat-name{flex:0 0 132px;font-family:var(--pm-mono);font-size:10.5px;color:#d7dbe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-heat-cells{display:flex;gap:3px;flex:1 1}.pm-heat-cells i{flex:1 1;height:14px;border-radius:4px}.pm-cell-ok{background:rgba(45,106,79,.85)}.pm-cell-warn{background:#e08a3c}@media (prefers-reduced-motion:reduce){.pm,.pm-loss{animation:none!important;transition:none}}.pm-app{display:grid;grid-template-rows:auto 1fr}.pm-chrome{display:flex;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid var(--pm-border);background:rgba(255,255,255,.03)}.pm-url{flex:1 1;max-width:320px;margin-inline:auto;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.05);font-family:var(--pm-mono);font-size:10.5px;color:var(--pm-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-shell{display:grid;grid-template-columns:168px 1fr;min-height:0}.pm-side{display:grid;align-content:start;grid-gap:4px;gap:4px;padding:16px 12px;border-right:1px solid var(--pm-border);background:rgba(255,255,255,.02)}.pm-side-brand{padding:0 8px 12px;font-weight:600;font-size:12px;color:#eef1f4}.pm-side-group{display:grid;grid-gap:2px;gap:2px;margin-top:10px}.pm-side-label{padding:0 8px 4px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(139,146,156,.7)}.pm-side-item{padding:6px 8px;border-radius:6px;font-size:11px;color:var(--pm-muted)}.pm-side-item.is-on{background:rgba(56,189,248,.12);color:#cfe9fb}.pm-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.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)}.hw,.hw-seq{position:relative}.hw-seq{display:grid;grid-template-columns:1fr 1fr;align-items:start}.hw-visual{position:-webkit-sticky;position:sticky;top:var(--header-h);height:calc(100dvh - var(--header-h));display:grid;place-items:center;padding:32px clamp(20px,2.4vw,44px) calc(32px + var(--header-h));isolation:isolate;overflow:hidden;background:radial-gradient(820px 560px at 34% 26%,rgba(0,116,217,.07),transparent 68%),linear-gradient(165deg,#f4f6f8,#e9edf1 62%,#e2e7ec);border-right:1px solid var(--hw-rule)}.hw-visual-inner{position:relative;width:min(100%,860px)}.hw-frame{display:grid;align-items:center}.hw-shot{grid-area:1/1;opacity:0;transform:translateY(10px) scale(.995);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);pointer-events:none}.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{display:grid;grid-gap:12px;gap:12px;justify-items:start;align-content:center;min-height:66vh;opacity:.26;filter:blur(1.5px);transform:translateY(14px);transition:opacity .6s var(--ease-out),filter .6s var(--ease-out),transform .6s var(--ease-out)}.hw-step.is-on{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hw-step{animation:hw-cross auto linear both;animation-timeline:view();animation-range:entry 24% exit 76%;transition:none}@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-size:.72rem;letter-spacing:.16em;color:var(--hw-muted)}.hw-step-n,.hw-step-tag{font-family:var(--hw-mono)}.hw-step-tag{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hw-accent)}.hw-step h3{font-size:clamp(1.6rem,2.9vw,2.3rem);font-weight:500;line-height:1.08;letter-spacing:-.018em;color:var(--text);max-width:20ch}.hw-step>p{margin:0;font-size:1.02rem;line-height:1.64;color:var(--text-body);max-width:44ch}.hw-step-note{padding-top:14px;border-top:1px solid var(--hw-rule);width:min(100%,44ch);font-size:.9rem;color:var(--hw-muted)}.hw-rail{position:absolute;right:-1px;top:50%;translate:0 -50%;display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none;pointer-events:none}.hw-rail li{width:2px;height:16px;border-radius:1px;background:#c9ced5;transition:background .4s var(--ease-out),height .4s var(--ease-out)}.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 (max-width:1020px),(prefers-reduced-motion:reduce){.hw-seq{grid-template-columns:1fr}.hw-frame,.hw-shot,.hw-shot .pm,.hw-shot .pm-shell,.hw-visual-inner{min-width:0;max-width:100%}.hw-visual{position:static;height:auto;padding:48px 20px;border-right:none;border-bottom:1px solid var(--hw-rule)}.hw-frame{display:grid;grid-gap:48px;gap:48px}.hw-shot{grid-area:auto;opacity:1;transform:none;transition:none}.hw-steps{padding:72px 24px 88px;max-width:none}.hw-step{min-height:0;opacity:1;filter:none;transform:none;transition:none;animation:none;padding-block:32px}.hw-rail{display:none}}.hw .pm{position:relative;font-size:13px;box-shadow:0 44px 80px -34px rgba(13,30,50,.55)}.hw .pm-body{min-height:330px;padding:18px;gap:14px;align-content:start}.hw .pm-chart{height:auto}.sc-scan{position:absolute;left:0;right:0;top:0;height:38%;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(56,189,248,.07),transparent)}.hw-shot.is-on .sc-scan{animation:sc-scan 6s linear infinite}@keyframes sc-scan{0%{transform:translateY(-100%);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(300%);opacity:0}}.sc-in{opacity:0;transform:translateY(8px)}.sc-chip{transform:scale(.9);transform-origin:right center}.sc-chip,.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 0 0 rgba(56,189,248,0)}92%{box-shadow:0 0 0 4px rgba(56,189,248,.16)}}@keyframes sc-sheen{0%,70%,to{background:rgba(255,255,255,.03)}80%{background:rgba(56,189,248,.09)}}.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}.sc-draw-long{stroke-dasharray:760;stroke-dashoffset:760}.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;transform:scale(1);opacity:.5}70%,to{transform-origin:540px 20px;transform:scale(3.4);opacity:0}}.sc-sweep{fill:rgba(56,189,248,.5);opacity:0}.hw-shot.is-on .sc-sweep{animation:sc-sweep 3.4s linear 1.2s infinite}@keyframes sc-sweep{0%{transform:translateX(0);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translateX(534px);opacity:0}}.sc-swap{position:relative;display:grid;flex-shrink:0;justify-items:end}.sc-swap>*{grid-area:1/1}.sc-done,.sc-pending{opacity:0}.sc-pending{display:inline-flex;align-items:center;gap:6px}.sc-spin{width:6px;height:6px;border-radius:50%;background:currentColor}.hw-shot.is-on .sc-pending{animation:sc-pending 4.6s ease-in-out infinite}.hw-shot.is-on .sc-done{animation:sc-done 4.6s ease-in-out infinite}.hw-shot.is-on .sc-spin{animation:sc-blink .9s ease-in-out infinite}@keyframes sc-pending{0%,4%{opacity:0}22%,8%{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{display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--pm-border);font-size:10.5px;color:var(--pm-muted)}.sc-foot-l,.sc-foot-r{flex-shrink:0;font-family:var(--pm-mono);letter-spacing:.06em}.sc-stream{position:relative;flex:1 1;height:8px;overflow:hidden}.sc-stream i{position:absolute;top:1px;left:0;width:16px;height:6px;border-radius:2px;background:#38bdf8;opacity: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:sc-flow 1.5s linear infinite}.hw-shot.is-on .sc-stream-fast i{animation-duration:1s}@keyframes sc-flow{0%{transform:translateX(0);opacity:0}12%{opacity:1}85%{opacity:1}to{transform:translateX(320px);opacity:0}}.sc-heads{display:flex;flex-wrap:wrap;gap:6px}.sc-head{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.24);color:#d7dbe0}.sc-head b{color:#38bdf8;font-weight:600}.sc-deck{display:grid}.sc-card{grid-area:1/1;opacity:0}.sc-decide{background:rgba(56,189,248,.07)}.hw-shot.is-on .sc-card{animation:sc-cycle 6s var(--ease-out) infinite}@keyframes sc-cycle{0%{opacity:0;transform:translateY(8px)}28%,4%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-8px)}}.sc-head{flex-shrink:0;margin-left:auto;margin-right:10px;font-family:var(--pm-mono);font-size:11px;color:#38bdf8}.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-area,.sc-card,.sc-cell,.sc-chip,.sc-done,.sc-in,.sc-pop{opacity:1;transform:none}.sc-draw,.sc-draw-long{stroke-dashoffset:0}.pm-halo,.sc-pending,.sc-scan,.sc-stream,.sc-sweep{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:sc-scan 6s linear infinite}.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:sc-sweep 3.4s linear 1.2s infinite}.hw-shot .sc-pending{animation:sc-pending 4.6s ease-in-out infinite}.hw-shot .sc-done{animation:sc-done 4.6s ease-in-out infinite}.hw-shot .sc-spin{animation:sc-blink .9s ease-in-out infinite}.hw-shot .sc-stream i{animation:sc-flow 1.5s linear infinite}.hw-shot .sc-stream-fast i{animation-duration:1s}.hw-shot .sc-card{animation:none;opacity:1;transform:none}.hw-shot .sc-cell{animation:sc-wave 2.6s var(--ease-out) infinite}}