html{overflow-x:clip}.bee-mascot[data-astro-cid-o6m4z34k]{z-index:8;aspect-ratio:1;visibility:hidden;opacity:0;pointer-events:none;will-change:transform;width:clamp(14rem,22vw,18rem);position:absolute;top:0;left:0;transform:translate(-12rem,-12rem)}.bee-mascot[data-astro-cid-o6m4z34k].is-ready{visibility:visible;opacity:1}.bee-scale[data-astro-cid-o6m4z34k]{width:100%;height:100%;transform:scale(var(--bee-scale,1));transform-origin:0 0;transition:transform .9s cubic-bezier(.22,1,.36,1)}canvas[data-astro-cid-o6m4z34k]{width:100%;height:100%;display:block}@media (width<=640px){.bee-mascot[data-astro-cid-o6m4z34k]{width:13rem}}.hero{text-align:center;flex-direction:column;justify-content:center;min-height:calc(100svh - 3.5rem);padding:2rem 0;display:flex;position:relative}@media (height<=720px){.hero .orb{width:200px;height:200px}.hero .orb .ball{width:112px;height:112px}.hero .orb .ring{width:128px;height:128px}}@media (height<=560px){.hero{padding:1rem 0}.hero h1{margin-bottom:.5rem;font-size:clamp(1.375rem,5.5vh,2rem)}.hero .lede{font-size:.9375rem;line-height:1.45}.hero .orb{width:132px;height:132px}.hero .orb .ball{width:76px;height:76px}.hero .orb .ring{width:86px;height:86px}.orbwrap{margin:0}.orbstatus{min-height:1.1rem;margin-top:-.6rem;font-size:.8125rem}}.hero:before{content:"";z-index:-1;background:radial-gradient(at 50% 22%,#626afb24,#0000 60%);height:32rem;position:absolute;inset:-6rem 12% auto}.hero .lede{max-width:34rem;margin:0 auto}.hero h1{animation:.65s cubic-bezier(.22,1,.36,1) both enter-up}.hero .lede{animation:.65s cubic-bezier(.22,1,.36,1) 80ms both enter-up}.orbwrap{animation:.75s cubic-bezier(.22,1,.36,1) .16s both enter-scale}@keyframes enter-up{0%{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes enter-scale{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:none}}.orbwrap{justify-items:center;gap:0;margin:.5rem 0 .25rem;display:grid}.orb{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:240px;height:240px;padding:0;display:grid;position:relative}.orb:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:50%}.orb .ring{opacity:0;border:1px solid #8f9dfb;border-radius:50%;width:150px;height:150px;animation:3.4s ease-out infinite orbring;position:absolute}.orb .ball{filter:grayscale();background:radial-gradient(circle at 50% 68%,#dde6fd 0%,#c9d3fb 30%,#8f9dfb 62%,#626afb 100%);border-radius:50%;width:132px;height:132px;transition:filter .5s;animation:4.5s ease-in-out infinite orbbreathe}.orb:hover .ball,.orb:focus-visible .ball{filter:none}.orb.live{cursor:default;place-content:center}@keyframes orbring{0%{opacity:.45;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}@keyframes orbbreathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.orbstatus{width:100%;min-height:1.5rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;margin:-1.5rem 0 0;font-size:.9375rem}.orbnext{color:var(--accent);text-underline-offset:.2rem;margin-top:.5rem;font-size:.9375rem;text-decoration:underline}.demo-video{aspect-ratio:16/9;border:1px solid var(--line);background:var(--card);border-radius:1rem;width:100%;margin-top:1.5rem;display:block}.journey-section{padding-bottom:clamp(4rem,9vh,6rem)}.cards{gap:clamp(4rem,9vh,6rem);padding-top:1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;width:min(100%,28rem);padding:1.35rem 1.5rem;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;position:relative}.card:nth-child(2n){justify-self:end}.card.is-active{border-color:color-mix(in srgb, var(--amber) 55%, var(--line));box-shadow:0 18px 48px #11111017}.card:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));transform:translateY(-6px);box-shadow:0 16px 36px #11111014}.card .n{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;font-size:.75rem}.card b{letter-spacing:-.015em;margin:.5rem 0 .35rem;font-size:1.0625rem;font-weight:600;display:block}.card p{color:var(--muted);text-wrap:pretty;margin:0;font-size:.9375rem}.capabilities-section h2{max-width:34rem}.capabilities-lede{max-width:42rem;margin:0 0 2rem}.capabilities{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.capability{border:1px solid var(--line);background:var(--card);border-radius:1rem;padding:1.25rem}.capability b{letter-spacing:-.015em;margin-bottom:.35rem;font-size:1.0625rem;font-weight:600;display:block}.capability p{color:var(--muted);text-wrap:pretty;margin:0;font-size:.9375rem}.developers-section h2{max-width:34rem}.developers-section .steps{margin-top:1.75rem}.nope{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.nope li{color:var(--muted);text-wrap:pretty;padding-left:1rem;position:relative}.nope li:before{content:"·";color:var(--accent);position:absolute;left:0}.steps{gap:1.25rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.steps li{gap:.2rem;display:grid}.steps b{letter-spacing:-.012em;font-weight:600}.steps span{color:var(--muted);text-wrap:pretty}.steps a,.fine a{color:var(--accent)}.end{max-width:none;margin:0 0 1.75rem}.featured-section{padding-bottom:3rem}.featured-badges{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.featured-badges a{border-radius:.5rem;display:inline-flex}.featured-badges a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.featured-badges .badge-art{max-width:100%;display:block}.motion-ready .reveal-section{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.motion-ready .reveal-section.is-visible{opacity:1;transform:none}.motion-ready .reveal-section .card{opacity:0;transform:translateY(20px)scale(.98)}.motion-ready .reveal-section.is-visible .card{opacity:1;transition-delay:calc(var(--i) * 70ms);transform:none}.motion-ready .reveal-section .capability{opacity:0;transform:translateY(16px)}.motion-ready .reveal-section.is-visible .capability{opacity:1;transition:opacity .55s,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 70ms);transform:none}.motion-ready .reveal-section.is-visible .card:hover{transform:translateY(-6px)}@media (width<=640px){.hero{padding:1.5rem 0 3rem}.cards{gap:4.5rem}.card{width:calc(100% - 1.5rem)}.capabilities{grid-template-columns:1fr}}
