:root{--m-beige:#f5f7fb;--m-beige-light:#f9fafd;--m-white:#fff;--m-surface:#fff;--m-dark:#0b1020;--m-ink:#0b1020;--m-on-ink:#fff;--m-emboss:#f6f8fc;--m-soft-line:#e2e8f5;--m-grey-dark:#64708a;--m-grey:#8e98ad;--m-grey-lighter:#d0d9ea;--m-border:#0b102014;--m-border-strong:#0b10201a;--m-deep:#050a1f;--m-accent-900:#0b1a4d;--m-accent-800:#0f2466;--m-accent-700:#1a3aa8;--m-accent-600:#1d4ed8;--m-accent-500:#2563eb;--m-accent-400:#3b82f6;--m-accent-300:#60a5fa;--m-accent-200:#bfdbfe;--m-accent-100:#dbeafe;--m-accent-50:#eff6ff;--m-peach-500:#93c5fd;--m-gold:#7dd3fc;--m-peach-300:#c7ddfd;--m-peach-200:#e0ecfe;--m-ok:#16925a;--m-ok-50:#e3f5ec;--m-warn:#b26b00;--m-warn-50:#fdf2dc;--m-info:#2f6fe4;--m-info-50:#e7effd;--m-coral:#d0651f;--m-coral-50:#fdeee3;--m-rose:#d6455f;--m-rose-50:#fbe8ec;--m-lilac:#8a6fe8;--m-lilac-50:#f1eefb;--m-btn-radius:9999px;--m-btn-pad-sm:0 24px;--m-btn-pad-lg:0 40px;--m-radius-card:26px;--m-radius-section:32px;--m-radius-tile:14px;--m-radius-bar:30px}.m-gradient-deep{background:radial-gradient(108.79% 100% at 50% 0%, #e0ecfe33 0%, #e0ecfe00 100%), radial-gradient(210.1% 116.78% at 39.65% 0%, var(--m-accent-300) 0%, var(--m-accent-500) 36.52%, var(--m-deep) 100%)}.m-gradient-deep-up{background:radial-gradient(108.79% 100% at 50% 0%, #e0ecfe00 0%, #e0ecfe33 100%), radial-gradient(210.1% 116.78% at 39.65% 0%, var(--m-deep) 43.61%, var(--m-accent-500) 80.43%, var(--m-accent-300) 100%)}.m-hero-wash{background:radial-gradient(139.07% 89.14% at 52.06% 10.86%, var(--m-beige) 0%, var(--m-beige) 50%, color-mix(in oklab, var(--m-beige) 45%, var(--m-peach-200)) 56.56%, var(--m-peach-200) 62.9%, var(--m-peach-500) 69.96%, var(--m-accent-300) 76.28%, #4f8ff7 81%, var(--m-accent-500) 85.73%, #1e56e0 89.3%, #1a44b8 92.86%, #132f85 96.43%, #0c1f5c 98.22%, var(--m-deep) 100%)}.m-text-accent{color:var(--m-accent-500)}.m-text-peach{color:var(--m-gold)}.m-card-shadow{box-shadow:0 16px 32px #0b102029}:root.dark{--m-beige:#050814;--m-beige-light:#080c1a;--m-surface:#0e1426;--m-dark:#eaf0fb;--m-on-ink:#0b1020;--m-grey-dark:#a9b6cf;--m-grey:#8391ad;--m-grey-lighter:#26324d;--m-border:#ffffff14;--m-border-strong:#ffffff24;--m-emboss:#fff;--m-soft-line:#1a2540;--m-accent-500:#3b82f6;--m-accent-50:#0d1a3a;--m-accent-100:#13245a;--m-peach-500:#1e3a7a;--m-peach-300:#183066;--m-peach-200:#132652;--m-ok-50:#0f2e22;--m-warn-50:#2e2210;--m-info-50:#14213d;--m-coral-50:#2e1b10;--m-rose-50:#2e1219;--m-lilac-50:#221a3d;--m-wire-1:#ffffff0d;--m-wire-2:#ffffff14;--m-wire-3:#ffffff21}
:root{--m-shell:76rem;--m-ease:cubic-bezier(.23, 1, .32, 1);--m-wire-1:#1a182b0d;--m-wire-2:#1a182b14;--m-wire-3:#1a182b21}.m-site{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--m-beige);color:var(--m-dark);font-family:var(--font-body), system-ui, sans-serif}.dark .m-site{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark .m-eyebrow{color:var(--m-accent-200)}.m-display,.m-h2,.m-h3,.m-h4{font-family:var(--font-display), system-ui, sans-serif;text-wrap:balance;font-weight:500}.m-display{letter-spacing:-.055em;font-size:clamp(3.25rem,8vw,5.5rem);line-height:1}.m-h2{letter-spacing:-.05em;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.05}.m-h3{letter-spacing:-.04em;font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.1}.m-h4{letter-spacing:-.03em;font-size:1.125rem;font-weight:600;line-height:1.25}.m-lead{color:var(--m-grey-dark);text-wrap:pretty;font-size:1.0625rem;line-height:1.45}.m-body{color:var(--m-grey-dark);font-size:.875rem;line-height:1.5}.m-eyebrow{background:var(--m-accent-50);letter-spacing:.01em;color:var(--m-accent-500);border-radius:9999px;align-items:center;padding:.3125rem .75rem;font-size:.6875rem;font-weight:500;display:inline-flex}.m-btn{border-radius:var(--m-btn-radius);font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;transition:background-color .2s var(--m-ease), border-color .2s var(--m-ease), opacity .2s var(--m-ease), transform .2s var(--m-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.m-btn:active{transform:translateY(1px)}.m-btn-sm{height:2.5rem;padding:var(--m-btn-pad-sm);font-size:.875rem}.m-btn-lg{height:3.375rem;padding:var(--m-btn-pad-lg);font-size:1rem}.m-btn-primary{background:var(--m-dark);color:var(--m-on-ink)}.m-btn-primary:hover{background:color-mix(in oklab, var(--m-dark) 86%, var(--m-surface))}.m-btn-secondary{background:var(--m-surface);border-color:var(--m-border-strong);color:var(--m-dark)}.m-btn-secondary:hover{background:color-mix(in oklab, var(--m-dark) 4%, var(--m-surface))}.m-btn-invert{background:var(--m-white);color:var(--m-ink)}.m-btn-invert:hover{background:color-mix(in oklab, var(--m-white) 88%, var(--m-accent-300))}.m-btn-ghost-invert{color:var(--m-white);background:0 0;border-color:#ffffff3d}.m-btn-ghost-invert:hover{background:#ffffff14}.m-wash-soft{-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 48%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 48%,#0000 100%)}.m-gradient-warm{background:radial-gradient(124% 104% at 50% 0%, var(--m-peach-200) 0%, var(--m-peach-500) 46%, var(--m-accent-300) 100%)}.m-tab{color:var(--m-grey-dark);background:0 0}.m-tab:hover{color:var(--m-dark)}.m-tab[data-active]{background:var(--m-dark);color:var(--m-on-ink)}.m-tab[data-active] span{color:inherit}.m-card{border-radius:var(--m-radius-card);background:var(--m-surface);border:1px solid var(--m-border)}.m-panel-shadow{box-shadow:0 24px 56px -18px #0b10202e}.m-shot-shadow{box-shadow:0 40px 90px -40px #0b102040}@keyframes m-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.m-dot{animation:1.1s ease-in-out infinite m-dot}@keyframes m-spin{to{transform:rotate(360deg)}}.m-spin{animation:.9s linear infinite m-spin}@keyframes m-pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}.m-pop{animation:m-pop .45s var(--m-ease)}@keyframes m-blink{50%{opacity:.3}}.m-blink{animation:1.3s ease-in-out infinite m-blink}@keyframes m-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.m-fill{transform-origin:0;animation:linear forwards m-fill}.m-prose{color:var(--m-dark);font-size:1.0625rem;line-height:1.75}.m-prose>*+*{margin-top:1.25rem}.m-prose h2,.m-prose h3,.m-prose h4{font-family:var(--font-display), system-ui, sans-serif;text-wrap:balance;scroll-margin-top:6rem;font-weight:600;line-height:1.25}.m-prose h2{margin-top:3rem;font-size:1.625rem}.m-prose h3{margin-top:2.25rem;font-size:1.25rem}.m-prose h4{margin-top:1.75rem;font-size:1.0625rem}.m-prose a{color:var(--m-accent-500);text-underline-offset:2px;text-decoration:underline}.m-prose strong{font-weight:600}.m-prose ul,.m-prose ol{padding-left:1.25rem}.m-prose ul{list-style:outside}.m-prose ol{list-style:decimal}.m-prose li+li{margin-top:.5rem}.m-prose li::marker{color:var(--m-accent-500)}.m-prose blockquote{border-left:3px solid var(--m-accent-300);color:var(--m-grey-dark);padding-left:1.25rem}.m-prose hr{border-color:var(--m-border)}.m-prose :not(pre)>code{background:var(--m-wire-2);font-family:var(--font-mono), ui-monospace, monospace;border-radius:.375rem;padding:.15em .4em;font-size:.875em}.m-prose pre{border-radius:var(--m-radius-card);tab-size:2;padding:1rem 1.15rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.m-prose pre code{font-family:var(--font-mono), ui-monospace, monospace;display:grid}.m-prose table{border-collapse:collapse;width:100%;font-size:.9375rem;display:block;overflow-x:auto}.m-prose th,.m-prose td{border:1px solid var(--m-border);text-align:left;vertical-align:top;padding:.6rem .9rem}.m-prose th{background:var(--m-surface);font-weight:600}.m-prose img{border-radius:var(--m-radius-card);max-width:100%;height:auto}.m-path{transition:border-color .2s var(--m-ease), background-color .2s var(--m-ease)}.m-path:hover{border-color:var(--m-accent-300);background:var(--m-accent-50)}.m-field{border-radius:var(--m-radius-field,.875rem);width:100%;height:2.75rem;font-family:var(--font-body), system-ui, sans-serif;color:inherit;transition:border-color .2s var(--m-ease);border-style:solid;border-width:1px;padding:0 .875rem;font-size:.9375rem}textarea.m-field{height:auto;padding:.75rem .875rem;line-height:1.5}.m-field:focus-visible{border-color:var(--m-accent-500);outline:none}.m-field::placeholder{color:var(--m-grey)}.m-beat{transition:background-color .3s var(--m-ease);background:0 0}.m-beat:hover{background:#ffffff1a}.m-beat[data-playing]{background:#ffffff26}@media (scripting:enabled){.m-reveal{opacity:0;transition:opacity .7s var(--m-ease) var(--m-delay,0s), transform .7s var(--m-ease) var(--m-delay,0s);transform:translateY(16px)}.m-reveal[data-shown]{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.m-reveal{opacity:1;transition:none;transform:none}.m-dot,.m-spin,.m-blink,.m-pop,.m-fill{animation:none}.m-btn{transition:none}}.m-tile{transition:transform .2s var(--m-ease), box-shadow .2s var(--m-ease)}.m-tile:hover{transform:translateY(-2px)}
:root{--mx-tile-top:#fff;--mx-tile-left:#eef2f9;--mx-tile-right:#e1e7f2;--mx-tile-edge:#cdd5e4;--mx-pipe:#d5dcea;--mx-grid:#e6ebf5;--mx-glass-top:#ffffffc7;--mx-glass-left:#e2e8f5b8;--mx-glass-right:#ced7e8b8;--mx-code:#0b1020;--mx-code-ink:#dbe4f7;--mx-ok:#16925a}:root.dark{--mx-tile-top:#18213a;--mx-tile-left:#111a30;--mx-tile-right:#0c1427;--mx-tile-edge:#2a3656;--mx-pipe:#26314e;--mx-grid:#121b33;--mx-glass-top:#283454b8;--mx-glass-left:#18213ab8;--mx-glass-right:#10172bb8;--mx-code:#030712;--mx-ok:#4ade80}.mx-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--m-accent-500);font-size:.75rem}.mx-stage{overflow:auto hidden}.mx-stage svg{width:100%;min-width:40rem;height:auto;display:block}.mx-grid{stroke:var(--mx-grid);stroke-width:1px}.mx-pipe,.mx-flow{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.mx-pipe{stroke:var(--mx-pipe)}.mx-flow{stroke:var(--m-accent-500);opacity:0}.mx-top{fill:var(--mx-tile-top);transition:fill .3s}.mx-left{fill:var(--mx-tile-left)}.mx-right{fill:var(--mx-tile-right)}.mx-edge{fill:none;stroke:var(--mx-tile-edge);stroke-width:1px;stroke-linejoin:round;transition:stroke .3s}.mx-glass .mx-top{fill:var(--mx-glass-top)}.mx-glass .mx-left{fill:var(--mx-glass-left)}.mx-glass .mx-right{fill:var(--mx-glass-right)}.mx-eye{fill:var(--m-dark);transition:opacity 80ms linear}.mx-led{fill:var(--m-accent-300);animation:1.6s steps(2,jump-none) infinite mx-blink}.mx-led:nth-of-type(2){animation-delay:.4s}.mx-led:nth-of-type(3){animation-delay:.8s}@keyframes mx-blink{50%{opacity:.3}}.mx-tile{transition:transform .42s var(--m-ease)}.mx-tile[data-lit]{transform:translateY(-9px)}.mx-tile[data-lit] .mx-top,.mx-server[data-lit] .mx-top{fill:var(--m-accent-50)}.mx-tile[data-lit] .mx-edge{stroke:var(--m-accent-300)}.mx-callout{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;fill:var(--m-grey-dark);font-size:8.5px}.mx-callout[data-strong]{fill:var(--m-dark)}.mx-leader{fill:none;stroke:var(--m-grey);stroke-width:1px;stroke-dasharray:2 3}.mx-phases{border-block:1px solid var(--m-border-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mx-phase{border-left:1px solid var(--m-border-strong);text-align:left;cursor:pointer;padding:1.75rem 1.5rem 2rem;position:relative}.mx-phase:first-child{border-left:0}.mx-phase:focus-visible{outline:2px solid var(--m-accent-500);outline-offset:-2px}.mx-phase-bar{height:2px;position:absolute;inset:-1px 0 auto}.mx-phase-bar i{background:var(--m-accent-500);width:0;height:100%;display:block}.mx-phase-name{font-family:var(--font-display), system-ui, sans-serif;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:500;display:flex}.mx-phase-name:before{content:"";background:var(--m-border-strong);width:8px;height:8px;transition:background .3s;rotate:45deg}.mx-phase[aria-selected=true] .mx-phase-name:before{background:var(--m-accent-500)}.mx-phase p{max-width:34ch;color:var(--m-grey);margin-top:.5rem;transition:color .3s}.mx-phase[aria-selected=true] p{color:var(--m-grey-dark)}.mx-soft{color:var(--m-grey);display:block}.mx-steps{display:grid}.mx-step{flex-direction:column;justify-content:center;min-height:64vh;padding-block:.75rem;display:flex}.mx-step:first-child{justify-content:flex-start;min-height:52vh}.mx-step h3{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;font-size:1.75rem;font-weight:500;line-height:1.15;transition:color .3s}.mx-step p{max-width:40ch;color:var(--m-grey-dark);margin-top:.75rem;transition:color .3s}.mx-step ul{gap:.5rem;margin-top:1.125rem;font-size:.9375rem;display:grid}.mx-step li{color:var(--m-grey-dark);gap:.625rem;transition:color .3s;display:flex}.mx-step li svg{width:.875rem;height:.875rem;color:var(--m-accent-500);flex:none;margin-top:.25rem}.mx-step:not([data-on]) :is(h3,p,li,li svg){color:var(--m-grey)}.mx-step button{cursor:pointer;text-align:left}.mx-step button:focus-visible{outline:2px solid var(--m-accent-500);outline-offset:6px;border-radius:4px}.mx-dock{position:sticky;top:6.5rem}.mx-window{border:1px solid var(--m-border-strong);background:var(--m-surface);border-radius:1rem;overflow:hidden;box-shadow:0 24px 48px -28px #0b102047}.mx-window-bar{border-bottom:1px solid var(--m-border-strong);font-family:var(--font-mono), ui-monospace, monospace;color:var(--m-grey-dark);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.75rem;display:flex}.mx-tag{background:var(--m-accent-50);letter-spacing:.08em;text-transform:uppercase;color:var(--m-accent-500);border-radius:999px;padding:.1875rem .4375rem;font-size:.625rem}.mx-scenes{height:27.5rem;position:relative}.mx-scene{opacity:0;pointer-events:none;flex-direction:column;gap:.75rem;padding:1.375rem;transition:opacity .36s,translate .36s;display:flex;position:absolute;inset:0;translate:0 8px}.mx-scene[data-on]{opacity:1;pointer-events:auto;translate:none}.mx-scene[data-play] .mx-in{animation:mx-rise .42s var(--m-ease) both;animation-delay:var(--d,0s)}@keyframes mx-rise{0%{opacity:0;translate:0 6px}}.mx-mark{flex:none;place-items:center;display:inline-grid}.mx-mark svg,.mx-mark img{object-fit:contain;width:100%;height:100%}.mx-bubble{background:var(--m-accent-50);border-radius:14px 14px 4px;align-self:flex-end;max-width:82%;padding:.625rem .875rem;font-size:.9375rem}.mx-call{border:1px solid var(--m-border-strong);font-family:var(--font-mono), ui-monospace, monospace;border-radius:.625rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.78rem;display:flex}.mx-call .mx-who{color:var(--m-grey)}.mx-call .mx-done{color:var(--mx-ok);margin-left:auto}.mx-answer{max-width:46ch;font-size:.9375rem}.mx-composer{border:1px solid var(--m-border-strong);border-radius:.75rem;gap:.625rem;margin-top:auto;padding:.75rem .75rem .625rem;font-size:.9375rem;display:grid}.mx-composer-row{font-family:var(--font-mono), ui-monospace, monospace;color:var(--m-grey);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.mx-send{background:var(--m-dark);width:1.625rem;height:1.625rem;color:var(--m-surface);border-radius:.5rem;place-items:center;display:grid}.mx-caret:after{content:"";vertical-align:-2px;background:var(--m-accent-500);width:1px;height:1.05em;margin-left:2px;animation:1s steps(2,end) infinite mx-caret;display:inline-block}@keyframes mx-caret{50%{opacity:0}}.mx-card{border:1px solid var(--m-border-strong);border-radius:.75rem;gap:.875rem;padding:1.125rem;display:grid}.mx-pair{flex-wrap:wrap;align-items:center;gap:.75rem;font-weight:500;display:flex}.mx-chip{border:1px solid var(--m-border-strong);background:var(--mx-tile-top);border-radius:.625rem;place-items:center;width:2.375rem;height:2.375rem;padding:.5rem;display:grid}.mx-dots{gap:4px;display:flex}.mx-dots i{background:var(--m-grey);border-radius:50%;width:4px;height:4px}.mx-button{background:var(--m-dark);color:var(--m-surface);border-radius:999px;justify-self:start;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.mx-scene[data-play] .mx-button{animation:.3s 1.1s forwards mx-press}@keyframes mx-press{50%{scale:.94}to{background:var(--m-accent-500);color:#fff;scale:1}}.mx-kv{font-family:var(--font-mono), ui-monospace, monospace;grid-template-columns:auto 1fr;gap:.375rem 1rem;font-size:.78rem;display:grid}.mx-kv dt{color:var(--m-grey)}.mx-kv .mx-good{color:var(--mx-ok)}.mx-life{font-family:var(--font-mono), ui-monospace, monospace;color:var(--m-grey-dark);gap:.375rem;font-size:.75rem;display:grid}.mx-track{background:var(--m-border-strong);border-radius:999px;height:8px;overflow:hidden}.mx-track i{background:linear-gradient(90deg, var(--m-accent-500), var(--m-accent-300));transform-origin:0;height:100%;display:block}.mx-scene[data-play] .mx-track i{animation:3.2s linear 1.6s forwards mx-drain,.5s 4.8s forwards mx-refill}@keyframes mx-drain{to{scale:.14 1}}@keyframes mx-refill{0%{scale:.14 1}to{scale:1}}.mx-search{border:1px solid var(--m-border-strong);font-family:var(--font-mono), ui-monospace, monospace;border-radius:.625rem;align-items:center;gap:.625rem;padding:.5625rem .75rem;font-size:.8125rem;display:flex}.mx-search svg{width:.875rem;height:.875rem;color:var(--m-grey)}.mx-group{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--m-grey);margin-top:.25rem;font-size:.6875rem}.mx-reg{border-bottom:1px solid var(--m-border-strong);justify-content:space-between;align-items:center;gap:.75rem;padding-block:.4375rem;font-size:.9375rem;display:flex}.mx-reg code{font-family:var(--font-mono), ui-monospace, monospace;color:var(--m-grey-dark);font-size:.75rem}.mx-code{background:var(--mx-code);font-family:var(--font-mono), ui-monospace, monospace;white-space:pre;color:var(--mx-code-ink);border-radius:.625rem;gap:.25rem;margin:0;padding:.875rem 1rem;font-size:.78rem;line-height:1.6;display:grid;overflow-x:auto}.mx-code .mx-note{color:#6b7896}.mx-code .mx-hi{color:var(--m-accent-300)}.mx-code .mx-ok{color:#6ee7a8}.mx-inject{box-shadow:inset 2px 0 0 var(--m-accent-300);background:#60a5fa24;margin-inline:-1rem;padding-inline:1rem}.mx-event{margin-top:auto}@media (max-width:860px){.mx-phases{grid-template-columns:1fr}.mx-phase{border-left:0;border-top:1px solid var(--m-border-strong)}.mx-phase:first-child{border-top:0}.mx-dock{z-index:2;top:5rem}.mx-scenes{height:24rem}.mx-step,.mx-step:first-child{justify-content:flex-start;min-height:58vh;padding-top:1.5rem}}@media (prefers-reduced-motion:reduce){.mx-led,.mx-caret:after,.mx-scene[data-play] :is(.mx-in,.mx-button,.mx-track i){animation:none}.mx-tile,.mx-scene{transition:none}}