.hm-hero{isolation:isolate;position:relative}.hm-hero-wash{background:radial-gradient(60% 50% at 78% 38%, var(--mk-glow), transparent 70%), radial-gradient(40% 40% at 12% 0%, var(--mk-glow-2,transparent), transparent 70%)}.hm-path{font-family:var(--font-mono);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.hm-path code{border:1px solid var(--rule);background:color-mix(in oklab, var(--sheet) 80%, transparent);color:var(--ink-2);white-space:nowrap;border-radius:6px;padding:3px 8px}.hm-stage{position:relative;container-type:inline-size}.hm-chip{background:color-mix(in oklab, var(--sheet) 84%, transparent);box-shadow:0 0 0 1px var(--rule-strong), var(--mk-lift);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);color:var(--ink);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:9px 12px 9px 10px;font-size:12.5px;line-height:1.3;display:flex}.hm-chip-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.hm-chip-dot{background:var(--seal-wash);width:26px;height:26px;color:var(--seal-ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hm-chip-dot[data-tone=ok]{background:var(--ok-wash);color:var(--ok)}@container (max-width:520px){.hm-chip{border-radius:11px;gap:7px;padding:6px 9px 6px 7px;font-size:11px}.hm-chip-k{font-size:9.5px}.hm-chip-dot{border-radius:6px;width:20px;height:20px}}:root[data-mk-motion=ok] .hm-bob{animation:hm-bob 7s var(--mk-ease,ease-in-out) infinite alternate}:root[data-mk-motion=ok] .hm-bob[data-delay="1"]{animation-duration:8.5s;animation-delay:-2s}:root[data-mk-motion=ok] .hm-bob[data-delay="2"]{animation-duration:9.5s;animation-delay:-5s}@keyframes hm-bob{0%{transform:translateY(-5px)}to{transform:translateY(6px)}}.hm-live{container-type:inline-size}.hm-phone{background:linear-gradient(160deg,#1d2230,#0c0f16);border-radius:40px;width:min(100%,316px);margin-inline:auto;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #0f172a33,0 30px 60px -30px #0f172a8c;container-type:inline-size}.hm-phone-screen{background:var(--canvas);border-radius:31px;flex-direction:column;min-height:max(196cqw,560px);display:flex;position:relative;overflow:hidden}.hm-phone-notch{z-index:3;background:#0c0f16;border-radius:999px;width:84px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}:root[data-mk-motion=ok] .hm-screen-in{animation:hm-screen-in .52s var(--mk-ease,ease-out) both}@keyframes hm-screen-in{0%{transform:translateY(10px)scale(.99)}to{transform:none}}:root[data-mk-motion=ok] .hm-row-in{animation:hm-row-in .56s var(--mk-ease,ease-out) both}@keyframes hm-row-in{0%{transform:translate(-10px)}to{transform:none}}.hm-oval{aspect-ratio:3/4;width:64%;box-shadow:0 0 0 3px var(--seal), 0 0 0 9px color-mix(in oklab, var(--seal) 18%, transparent);background:radial-gradient(70% 60% at 50% 40%,#3a4152,#1a1e28);border-radius:50%;margin-inline:auto;position:relative;overflow:hidden}.hm-oval svg{width:100%;height:100%;transition:transform .7s var(--mk-ease,ease-out);position:absolute;inset:0}.hm-rail-fill{transform-origin:0;transform:scaleX(var(--p,0))}:root[data-mk-motion=ok] .hm-rail-fill[data-running]{transition:transform .12s linear}.hm-pipe{gap:10px;display:grid;position:relative}.hm-pipe-step{grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:12px;display:grid;position:relative}.hm-pipe-step:before{content:"";background:var(--rule-strong);width:1px;position:absolute;top:1.75rem;bottom:-10px;left:calc(.875rem - .5px)}.hm-pipe-step:last-child:before{display:none}.hm-pan-char{font-family:var(--font-mono);letter-spacing:.04em;font-size:clamp(1.4rem,4.2cqw,2.4rem);line-height:1}.hm-boundary{border:1.5px dashed color-mix(in oklab, var(--seal) 55%, transparent);background:radial-gradient(70% 60% at 50% 0%, var(--mk-glow), transparent 70%), color-mix(in oklab, var(--sheet) 70%, transparent);border-radius:28px;position:relative}.hm-flowline{background:linear-gradient(90deg, transparent, var(--seal), transparent);height:2px;position:relative}.hm-flowline-v{background:linear-gradient(180deg, transparent, var(--seal), transparent);width:2px;height:100%}.hm-packet-track{position:absolute;inset:0;transform:translate(calc(50% - 5px))}.hm-packet{background:var(--seal);width:10px;height:10px;box-shadow:0 0 12px var(--seal);border-radius:3px;margin-top:-5px;position:absolute;top:50%;left:0}:root[data-mk-motion=ok] .hm-packet-track{animation:2.8s cubic-bezier(.45,0,.25,1) infinite hm-packet}@keyframes hm-packet{0%{transform:translate(0,0)}to{transform:translate(calc(100% - 10px))}}.hm-live-dot{background:var(--ok-dot);border-radius:999px;width:8px;height:8px;position:relative}.hm-live-dot:after{content:"";border:1.5px solid var(--ok-dot);opacity:0;border-radius:999px;position:absolute;inset:-4px;transform:scale(.6)}:root[data-mk-motion=ok] .hm-live-dot:after{animation:2.2s ease-out infinite hm-ping}@keyframes hm-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.hm-bob,.hm-screen-in,.hm-row-in,.hm-packet-track,.hm-live-dot:after{animation:none!important}.hm-oval svg,.hm-rail-fill{transition:none!important}}