.phux-explainer{border-top:1px solid var(--color-rule);padding-block:clamp(40px,6vw,80px)}.explainer-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.explainer-kicker{color:var(--color-cyan);font-family:var(--font-code);margin:0 0 12px;font-size:12px}.explainer-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.1}.explainer-heading>p{max-width:41ch;color:var(--color-muted);margin:0}.scenario-picker{background:var(--color-rule);border:1px solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.phux-explainer button,.phux-explainer select{font:inherit;color:var(--color-fg);background:var(--color-bg-soft);border:1px solid var(--color-rule);cursor:pointer;min-height:44px}.scenario-picker button{text-align:left;border:0;align-items:center;gap:10px;padding:14px 12px;display:flex}.scenario-picker button span{font:11px var(--font-code);color:var(--color-dim)}.phux-explainer button[aria-pressed=true]{color:var(--color-cyan);box-shadow:inset 0 -2px var(--color-cyan);background:#131b2a}.phux-explainer button:hover{background:#141a28}.explainer-stage{border:1px solid var(--color-rule);background:#090c13;border-top:0}.stage-toolbar{border-bottom:1px solid var(--color-rule);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 18px;font-size:13px;display:flex}.stage-toolbar label{color:var(--color-muted);align-items:center;gap:10px;display:flex}.stage-toolbar select,.stage-toolbar button{padding-inline:10px}.motion-diagram{width:100%;height:auto;display:block;overflow:visible}.motion-diagram.compact{display:none}.signal-legend{fill:#dcf5ff;font:11px var(--font-code);display:none}.compact .signal-legend{display:block}.compact .packet-label{display:none}.arrival-ring{stroke:#7dcfff;stroke-width:1.5px;fill:none}.packet-trail{stroke:#7dcfff;stroke-width:3px;stroke-linecap:round;opacity:.6}.host-boundary{fill:#0d121c;stroke:#252f47;stroke-dasharray:4 5}.stage-heading,.host-label,.stage-footnote{fill:#8992b8;font:11px var(--font-code);letter-spacing:1px}.host-label{font-size:10px}.quiet-wires path{stroke:#29324a;stroke-width:1.5px;fill:none}.active-wire{stroke:#557d9b;stroke-width:2px;fill:none}.stage-node rect{fill:#0d131f;stroke:#39435f;stroke-width:1.5px}.stage-node.landed rect{stroke:#7dcfff}.stage-node.landed .node-port{fill:#9ece6a}.node-name{fill:#c0caf5;font:17px var(--font-reading);font-weight:500}.node-sub{fill:#8992b8;font:10px var(--font-code)}.node-port{fill:#55708a}.stage-node.detached rect{stroke-dasharray:4 5}.stage-node.detached .node-name{fill:#8992b8}.signal-packet{fill:#dcf5ff}.signal-packet .packet-halo{fill:#7dcfff;opacity:.12}.signal-packet text{fill:#dcf5ff;font:11px var(--font-code);paint-order:stroke;stroke:#090c13;stroke-width:5px;stroke-linejoin:round}.playback-controls{border-top:1px solid var(--color-rule);align-items:center;gap:16px;padding:14px 18px;display:flex}.playback-controls button{min-width:132px;color:var(--color-cyan);padding-inline:12px}.playback-controls button:disabled{color:var(--color-muted);cursor:default}.timeline-label{color:var(--color-muted);flex:1;align-items:center;gap:12px;font-size:12px;display:flex}.timeline-label input{width:100%;min-width:0;min-height:44px;accent-color:var(--color-cyan);cursor:pointer}.step-counter{white-space:nowrap;font:12px var(--font-code);color:var(--color-muted)}.explainer-story{grid-template-columns:1fr 1fr;gap:48px;padding-top:28px;display:grid}.explainer-story h3{letter-spacing:-.025em;margin:0 0 8px;font-size:24px}.explainer-story p{color:var(--color-muted);margin:0 0 14px}.explainer-story a{color:var(--color-cyan);font-size:14px;text-decoration:underline}.beat-picker{gap:8px;margin-bottom:12px;display:flex}.beat-picker button{width:44px;font-family:var(--font-code)}.beat-copy{min-height:120px}.beat-copy h4{margin:0 0 6px;font-size:17px}.beat-copy p{font-size:15px}.motion-note{color:var(--color-muted);margin:18px 0 0;font-size:12px}.architecture-film{border-block:1px solid var(--color-rule);margin-top:24px;padding-block:16px}.architecture-film summary{cursor:pointer;align-content:center;min-height:44px;font-weight:500}.architecture-film summary span{color:var(--color-muted);margin-left:12px;font-size:13px;font-weight:400}.architecture-film video{width:100%;height:auto;margin-top:16px;display:block}.architecture-film p{color:var(--color-muted);max-width:90ch;font-size:13px}.architecture-film a{color:var(--color-cyan);text-decoration:underline}@media (width<=700px){.motion-diagram.wide{display:none}.motion-diagram.compact,.explainer-heading{display:block}.explainer-heading>p{margin-top:16px}.scenario-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-picker button{font-size:13px}.explainer-story{grid-template-columns:1fr;gap:24px}.playback-controls{flex-wrap:wrap;gap:10px;padding:12px}.timeline-label{flex-basis:100%;order:3}.step-counter{margin-left:auto}.stage-toolbar{padding:12px}}@media (prefers-reduced-motion:reduce){.phux-explainer *,.phux-explainer :before,.phux-explainer :after{transition:none!important;animation:none!important}}.join[data-astro-cid-h3cmyapc]{border-top:1px solid var(--color-rule);grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);padding-block:clamp(40px,6vw,72px);display:grid}.join[data-astro-cid-h3cmyapc] h2[data-astro-cid-h3cmyapc]{letter-spacing:-.02em;margin:0 0 6px;font-size:20px}.join[data-astro-cid-h3cmyapc] h2[data-astro-cid-h3cmyapc]+p[data-astro-cid-h3cmyapc]{color:var(--color-muted);margin:0 0 16px;font-size:15px}.join-form[data-astro-cid-h3cmyapc]{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.join-form[data-astro-cid-h3cmyapc] input[data-astro-cid-h3cmyapc]{background:var(--bg,#07080b);border:1px solid var(--line,#232433);min-width:0;color:var(--fg,#c0caf5);font:inherit;border-radius:8px;padding:10px 12px}.join-form[data-astro-cid-h3cmyapc] button[data-astro-cid-h3cmyapc]{color:#07080b;cursor:pointer;background:#7aa2f7;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.join-note[data-astro-cid-h3cmyapc]{color:var(--color-muted);grid-column:1/-1;min-height:1.5em;margin:0;font-size:12px}.join-form[data-astro-cid-h3cmyapc] .join-phone[data-astro-cid-h3cmyapc]{color:var(--color-muted);background:0 0;grid-column:1/-1;justify-self:start;padding:0;font-size:12px;font-weight:400;text-decoration:underline}.join-note[data-astro-cid-h3cmyapc] a[data-astro-cid-h3cmyapc]{color:inherit}.join-trap[data-astro-cid-h3cmyapc]{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.hero[data-astro-cid-h3cmyapc]{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,64px);padding-block:clamp(48px,8vw,96px);display:grid}.hero-kicker[data-astro-cid-h3cmyapc]{color:var(--color-accent);letter-spacing:.02em;margin:0 0 16px;font-size:13px;font-weight:500}.hero[data-astro-cid-h3cmyapc] h1[data-astro-cid-h3cmyapc]{letter-spacing:-.055em;max-width:12ch;margin:0 0 20px;font-size:clamp(40px,5.4vw,68px);font-weight:700;line-height:.98}.hero[data-astro-cid-h3cmyapc] .lede[data-astro-cid-h3cmyapc]{max-width:46ch;color:var(--color-muted);margin:0 0 28px;font-size:17px;line-height:1.65}.hero-ctas[data-astro-cid-h3cmyapc]{flex-wrap:wrap;gap:10px;display:flex}.hero-stage[data-astro-cid-h3cmyapc]{min-width:0}.features[data-astro-cid-h3cmyapc]{border-top:1px solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);padding-block:clamp(40px,6vw,72px);display:grid}.feature[data-astro-cid-h3cmyapc]{color:inherit;text-decoration:none}.feature[data-astro-cid-h3cmyapc]:hover h2[data-astro-cid-h3cmyapc]{color:var(--color-accent)}.feature[data-astro-cid-h3cmyapc] h2[data-astro-cid-h3cmyapc]{letter-spacing:-.02em;margin:0 0 8px;font-size:20px}.feature[data-astro-cid-h3cmyapc] p[data-astro-cid-h3cmyapc]{color:var(--color-muted);margin:0;font-size:15px;line-height:1.6}.install[data-astro-cid-h3cmyapc]{border-top:1px solid var(--color-rule);padding-block:clamp(40px,6vw,72px)}.install[data-astro-cid-h3cmyapc] h2[data-astro-cid-h3cmyapc]{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(24px,3vw,32px)}.install-row[data-astro-cid-h3cmyapc]{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.install-cmd[data-astro-cid-h3cmyapc]{border:1px solid var(--color-rule);background:var(--color-surface);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:14px 16px;display:grid}.desktop-install[data-astro-cid-h3cmyapc]{grid-column:1/-1}.desktop-install[data-astro-cid-h3cmyapc] p[data-astro-cid-h3cmyapc]{color:var(--color-dim);grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}.desktop-install[data-astro-cid-h3cmyapc] a[data-astro-cid-h3cmyapc]{color:var(--color-accent);text-decoration:underline}.install-cmd[data-astro-cid-h3cmyapc] span[data-astro-cid-h3cmyapc]{color:var(--color-dim);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:11px}.install-cmd[data-astro-cid-h3cmyapc] em[data-astro-cid-h3cmyapc]{color:var(--color-accent);font-style:normal}.install-cmd[data-astro-cid-h3cmyapc] code[data-astro-cid-h3cmyapc]{min-width:0;color:var(--color-signal);white-space:nowrap;font-size:13px;overflow-x:auto}.install-cmd[data-astro-cid-h3cmyapc] button[data-astro-cid-h3cmyapc]{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg);border:1px solid var(--color-rule);cursor:pointer;background:0 0;padding:6px 10px;font-size:12px}.install-cmd[data-astro-cid-h3cmyapc] button[data-astro-cid-h3cmyapc]:hover{border-color:var(--color-accent);color:var(--color-accent)}.install-more[data-astro-cid-h3cmyapc]{max-width:78ch;color:var(--color-dim);margin:0;font-size:13px;line-height:1.6}.install-more[data-astro-cid-h3cmyapc] a[data-astro-cid-h3cmyapc]{color:var(--color-accent);text-decoration:underline}@media (width<=900px){.hero[data-astro-cid-h3cmyapc]{grid-template-columns:1fr;padding-block:40px 48px}.hero[data-astro-cid-h3cmyapc] h1[data-astro-cid-h3cmyapc]{max-width:14ch}.features[data-astro-cid-h3cmyapc],.join[data-astro-cid-h3cmyapc],.install-row[data-astro-cid-h3cmyapc]{grid-template-columns:1fr}}@media (width<=640px){.install-cmd[data-astro-cid-h3cmyapc] code[data-astro-cid-h3cmyapc]{grid-column:1/-1}.install-cmd[data-astro-cid-h3cmyapc] button[data-astro-cid-h3cmyapc]{justify-self:start}}
