.blueprint-mono{font-family:var(--font-jbmono), ui-monospace, monospace}.blueprint-card{--mx:50%;--my:50%;border:1px solid var(--color-graphite-line);background-color:color-mix(in srgb, var(--color-graphite-2) 55%, transparent);will-change:transform;border-radius:1.25rem;padding:1.75rem;transition:border-color .35s,background-color .35s,transform .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.blueprint-card:hover,.blueprint-card:focus-visible{border-color:color-mix(in srgb, var(--color-emerald) 45%, var(--color-graphite-line));background-color:color-mix(in srgb, var(--color-graphite-2) 85%, transparent)}.blueprint-card-glow{background:radial-gradient(260px circle at var(--mx) var(--my), color-mix(in srgb, var(--color-emerald) 16%, transparent) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.blueprint-card:hover .blueprint-card-glow,.blueprint-card:focus-visible .blueprint-card-glow{opacity:1}.blueprint-card-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.blueprint-card:hover .blueprint-card-arrow,.blueprint-card:focus-visible .blueprint-card-arrow{transform:translate(3px,-3px)}.bp-viz{height:5rem;margin-top:1.5rem;position:relative}.bp-chip{border:1px solid color-mix(in srgb, var(--color-emerald) 30%, transparent);background:color-mix(in srgb, var(--color-emerald) 12%, transparent);letter-spacing:.1em;color:var(--color-emerald);white-space:nowrap;border-radius:9999px;padding:.2rem .5rem;font-size:.5625rem;position:absolute}.bp-viz-ads{align-items:flex-end;gap:7px;padding-right:4.5rem;display:flex}.bp-bar{background:linear-gradient(to top, color-mix(in srgb, var(--color-emerald) 25%, transparent), color-mix(in srgb, var(--color-emerald) 85%, transparent));transform-origin:bottom;border-radius:3px 3px 0 0;flex:1;max-width:16px;animation:2.8s ease-in-out infinite bp-bar-grow}@keyframes bp-bar-grow{0%,to{transform:scaleY(.5)}55%{transform:scaleY(1)}}.bp-ads-chip{animation:2.8s ease-in-out infinite bp-float;top:.25rem;right:0}@keyframes bp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bp-viz-cc{margin-inline:.25rem}.bp-cc-track{background:linear-gradient(to right, color-mix(in srgb, var(--color-emerald) 45%, transparent), color-mix(in srgb, var(--color-emerald) 15%, transparent));height:1px;position:absolute;top:2.9rem;left:0;right:0}.bp-cc-stop{letter-spacing:.12em;color:var(--color-ink-soft);flex-direction:column;align-items:center;gap:.45rem;font-size:.5rem;display:flex;position:absolute;top:2.9rem;transform:translate(-50%,-3.5px)}.bp-viz-cc>.bp-cc-stop:nth-child(2){align-items:flex-start;transform:translate(-4px,-3.5px)}.bp-viz-cc>.bp-cc-stop:nth-child(4){align-items:flex-end;transform:translate(calc(4px - 100%),-3.5px)}.bp-cc-dot{background:var(--color-emerald);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--color-emerald) 70%, transparent);border-radius:9999px}.bp-cc-lead{background:var(--color-emerald);color:var(--color-graphite);letter-spacing:.1em;border-radius:9999px;padding:.2rem .55rem;font-size:.5625rem;font-weight:600;animation:5s ease-in-out infinite bp-lead-travel;position:absolute;top:.6rem;left:0}@keyframes bp-lead-travel{0%,10%{opacity:1;left:0;transform:translate(0)}38%,52%{opacity:1;left:50%;transform:translate(-50%)}82%,92%{opacity:1;left:100%;transform:translate(-100%)}97%,to{opacity:0;left:100%;transform:translate(-100%)}}.bp-viz-auto{flex-direction:column;gap:.45rem;display:flex}.bp-msg{opacity:0;border-radius:.75rem;max-width:78%;padding:.35rem .65rem;font-size:.6875rem;line-height:1.3}.bp-msg-in{background:color-mix(in srgb, var(--color-ink) 10%, transparent);color:var(--color-ink-soft);border-bottom-left-radius:.2rem;align-self:flex-start;animation:5.5s ease-in-out infinite bp-msg-cycle}.bp-msg-out{background:color-mix(in srgb, var(--color-emerald) 80%, transparent);color:var(--color-graphite);border-bottom-right-radius:.2rem;align-self:flex-end;animation:5.5s ease-in-out .9s infinite bp-msg-cycle}.bp-auto-chip{animation:5.5s ease-in-out 1.4s infinite bp-msg-cycle;bottom:-.4rem;left:0}@keyframes bp-msg-cycle{0%,4%{opacity:0;transform:translateY(6px)scale(.96)}10%,82%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:0;transform:translateY(0)scale(1)}}.bp-web-frame{border:1px solid var(--color-graphite-line);background:color-mix(in srgb, var(--color-graphite) 60%, transparent);border-radius:.6rem;flex-direction:column;gap:.4rem;padding:.5rem .6rem;display:flex;position:absolute;inset:0}.bp-web-bar{gap:.25rem;display:flex}.bp-web-dot{background:var(--color-graphite-line);border-radius:9999px;width:5px;height:5px}.bp-web-row{background:color-mix(in srgb, var(--color-ink) 10%, transparent);transform-origin:0;border-radius:.2rem;height:.5rem;animation:4.8s ease-in-out infinite bp-row-build}.bp-web-row-1{width:62%}.bp-web-row-2{width:88%;animation-delay:.35s}.bp-web-row-3{background:color-mix(in srgb, var(--color-emerald) 45%, transparent);width:45%;animation-delay:.7s}@keyframes bp-row-build{0%,6%{opacity:0;transform:scaleX(0)}16%,84%{opacity:1;transform:scaleX(1)}94%,to{opacity:0;transform:scaleX(1)}}.bp-web-chip{animation:4.8s ease-in-out infinite bp-live-blink;bottom:.45rem;right:.5rem}@keyframes bp-live-blink{0%,24%{opacity:0}34%,84%{opacity:1}94%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.blueprint-card,.blueprint-card-arrow{transition:none!important;transform:none!important}.bp-viz *,.bp-viz{opacity:1!important;animation:none!important;transform:none!important}.bp-cc-lead{left:0}}