.core-diagram-module__mK4CyW__diagram{--node:1rem;--node-top:.3rem;--line:1.5px;--join:2.25rem;--pad:1.25rem;--ground:var(--color-midnight);view-timeline:--core block;display:grid}.paper .core-diagram-module__mK4CyW__diagram{--ground:var(--color-paper)}.core-diagram-module__mK4CyW__tier{padding-block:var(--pad);position:relative}.core-diagram-module__mK4CyW__tier[data-pos=core]{margin-block:var(--join);padding-inline:var(--pad);border:2px solid var(--color-ink);border-radius:var(--radius-tile)}.core-diagram-module__mK4CyW__tier[data-pos=core]:before,.core-diagram-module__mK4CyW__tier[data-pos=below]:before{content:"";bottom:100%;height:var(--join);width:var(--line);background:var(--color-line-strong);position:absolute;inset-inline-start:calc(var(--pad) + var(--node) / 2 - var(--line) / 2)}.core-diagram-module__mK4CyW__tier[data-pos=core]:before{inset-inline-start:calc(var(--pad) - 2px + var(--node) / 2 - var(--line) / 2)}.core-diagram-module__mK4CyW__stops{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:.875rem;display:grid}.core-diagram-module__mK4CyW__stop{align-items:flex-start;gap:.625rem;min-width:0;display:flex;position:relative}.core-diagram-module__mK4CyW__node{width:var(--node);height:var(--node);margin-top:var(--node-top);color:var(--color-muted);flex:none;place-items:center;display:grid}.core-diagram-module__mK4CyW__stop[data-state=live] .core-diagram-module__mK4CyW__node{color:var(--color-positive)}.core-diagram-module__mK4CyW__stop[data-state=beta] .core-diagram-module__mK4CyW__node,.core-diagram-module__mK4CyW__stop[data-state=building] .core-diagram-module__mK4CyW__node{color:var(--color-sky)}.core-diagram-module__mK4CyW__stop[data-state=demo] .core-diagram-module__mK4CyW__node{color:var(--color-warm)}.core-diagram-module__mK4CyW__tier[data-pos=core] .core-diagram-module__mK4CyW__node{color:var(--color-ink)}.core-diagram-module__mK4CyW__tick{width:.75rem;height:var(--line);background:color-mix(in oklab, var(--color-warm) 70%, transparent)}.core-diagram-module__mK4CyW__label{min-width:0}.core-diagram-module__mK4CyW__station{border:2px solid var(--color-ink);background:var(--ground);border-radius:50%;width:.75rem;height:.75rem}@media (min-width:64rem){.core-diagram-module__mK4CyW__diagram{--join:3rem}.core-diagram-module__mK4CyW__tier{grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:start;gap:2rem;display:grid}.core-diagram-module__mK4CyW__tier[data-pos=core]:before,.core-diagram-module__mK4CyW__tier[data-pos=below]:before{display:none}.core-diagram-module__mK4CyW__stops{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:0;position:relative}.core-diagram-module__mK4CyW__tier[data-pos=core] .core-diagram-module__mK4CyW__stop{flex-direction:column;gap:.5rem}.core-diagram-module__mK4CyW__tier[data-pos=above] .core-diagram-module__mK4CyW__stop:after{content:"";top:calc(var(--node-top) + var(--node) + .35rem);bottom:calc(-1 * (var(--pad) + var(--join)));width:var(--line);background:var(--color-line-strong);position:absolute;inset-inline-start:calc(var(--node) / 2 - var(--line) / 2)}.core-diagram-module__mK4CyW__tier[data-pos=below] .core-diagram-module__mK4CyW__stop:before{content:"";top:calc(-1 * (var(--pad) + var(--join)));height:calc(var(--pad) + var(--join) + var(--node-top) - .35rem);width:var(--line);background:var(--color-line-strong);position:absolute;inset-inline-start:calc(var(--node) / 2 - var(--line) / 2)}.core-diagram-module__mK4CyW__tier[data-pos=core] .core-diagram-module__mK4CyW__stops:before{content:"";top:calc(var(--node-top) + var(--node) / 2 - 1.5px);background:var(--color-ink);border-radius:3px;height:3px;position:absolute;inset-inline:0}.core-diagram-module__mK4CyW__tier[data-pos=core] .core-diagram-module__mK4CyW__node{background:var(--ground);box-shadow:0 0 0 4px var(--ground);border-radius:50%;position:relative}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (update:fast){html:not([data-motion=off]) .core-diagram-module__mK4CyW__node{animation:linear both core-diagram-module__mK4CyW__node-in;animation-timing-function:var(--ease-out-expo);animation-timeline:--core;animation-range:entry calc(10% + var(--i) * 8%) entry calc(50% + var(--i) * 8%)}@media (min-width:64rem){html:not([data-motion=off]) .core-diagram-module__mK4CyW__tier[data-pos=core] .core-diagram-module__mK4CyW__stops:before{transform-origin:var(--inline-start);animation:linear both core-diagram-module__mK4CyW__run-x;animation-timing-function:var(--ease-out-expo);animation-timeline:--core;animation-range:entry 20% entry 70%}html:not([data-motion=off]) .core-diagram-module__mK4CyW__tier[data-pos=above] .core-diagram-module__mK4CyW__stop:after{transform-origin:top;animation:linear both core-diagram-module__mK4CyW__run-y;animation-timeline:--core;animation-range:entry calc(15% + var(--i) * 6%) entry calc(55% + var(--i) * 6%)}html:not([data-motion=off]) .core-diagram-module__mK4CyW__tier[data-pos=below] .core-diagram-module__mK4CyW__stop:before{transform-origin:top;animation:linear both core-diagram-module__mK4CyW__run-y;animation-timeline:--core;animation-range:entry calc(45% + var(--i) * 5%) entry calc(80% + var(--i) * 5%)}}}}@keyframes core-diagram-module__mK4CyW__node-in{0%{opacity:0;scale:.4}}@keyframes core-diagram-module__mK4CyW__run-x{0%{scale:0 1}}@keyframes core-diagram-module__mK4CyW__run-y{0%{scale:1 0}}
.beyond-module__nHfoOG__path{--node:.75rem;--mid:calc(var(--text-h4) * .75);position:relative}.beyond-module__nHfoOG__rail{top:var(--mid);bottom:calc(20% - var(--mid));background:var(--color-line-strong);transform-origin:top;width:1px;position:absolute;inset-inline-start:calc(var(--node) / 2 - .5px)}.beyond-module__nHfoOG__steps{grid-auto-rows:1fr;display:grid}.beyond-module__nHfoOG__step{grid-template-columns:var(--node) 1fr;align-content:start;column-gap:1.25rem;padding-bottom:1.5rem;display:grid}.beyond-module__nHfoOG__node{width:var(--node);height:var(--node);border:1px solid var(--color-muted);background:var(--color-midnight);border-radius:999px;align-self:center;position:relative}.beyond-module__nHfoOG__node:after{content:"";border-radius:inherit;background:var(--color-warm);position:absolute;inset:-1px}.beyond-module__nHfoOG__label,.beyond-module__nHfoOG__gloss{grid-column:2}@media (min-width:48rem){.beyond-module__nHfoOG__rail{top:calc(var(--node) / 2 - .5px);bottom:auto;width:auto;height:1px;transform-origin:var(--inline-start);inset-inline-start:calc(var(--node) / 2);inset-inline-end:calc(20% - var(--node) / 2)}.beyond-module__nHfoOG__steps{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto}.beyond-module__nHfoOG__step{padding-bottom:0;flex-direction:column;align-items:flex-start;padding-inline-end:1.5rem;display:flex}.beyond-module__nHfoOG__node{align-self:flex-start}.beyond-module__nHfoOG__label{margin-top:1.25rem}}@media (prefers-reduced-motion:no-preference) and (update:fast){:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=armed] .beyond-module__nHfoOG__rail{scale:1 0}:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=armed] .beyond-module__nHfoOG__node:after{opacity:0}:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=armed] .beyond-module__nHfoOG__label{color:var(--color-muted)}:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=play] .beyond-module__nHfoOG__rail{animation:beyond-module__nHfoOG__grow-y var(--dur-medium) var(--ease-out-expo) both}:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=play] .beyond-module__nHfoOG__node:after{animation:beyond-module__nHfoOG__lit var(--dur-short) var(--ease-out-expo) calc(.2s + var(--i,0) * var(--stagger)) both}:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=play] .beyond-module__nHfoOG__label{animation:beyond-module__nHfoOG__ink var(--dur-short) var(--ease-out-expo) calc(.2s + var(--i,0) * var(--stagger)) both}}@media (min-width:48rem) and (prefers-reduced-motion:no-preference) and (update:fast){:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=armed] .beyond-module__nHfoOG__rail{scale:0 1}:root:not([data-motion=off]) .beyond-module__nHfoOG__root[data-state=play] .beyond-module__nHfoOG__rail{animation-name:beyond-module__nHfoOG__grow-x}}@keyframes beyond-module__nHfoOG__grow-x{0%{scale:0 1}}@keyframes beyond-module__nHfoOG__grow-y{0%{scale:1 0}}@keyframes beyond-module__nHfoOG__lit{0%{opacity:0;scale:.5}}@keyframes beyond-module__nHfoOG__ink{0%{color:var(--color-muted)}}
