.overview-flow:where(.astro-j52m3vlx){--flow-head-badge-bg: rgba(47, 125, 255, .16);--flow-head-badge-color: #dce8ff;--flow-head-success-badge-bg: rgba(34, 197, 94, .18);--flow-head-success-badge-color: #bbf7d0;margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at top left,rgba(47,125,255,.14),transparent 28rem),radial-gradient(circle at 84% 14%,rgba(253,200,0,.08),transparent 22rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.overview-flow:where(.astro-j52m3vlx) code:where(.astro-j52m3vlx){font-family:var(--sl-font-mono)}.overview-flow__grid:where(.astro-j52m3vlx){display:grid;gap:.9rem;padding:1.35rem}.overview-flow__panel:where(.astro-j52m3vlx){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.overview-flow__panel--success:where(.astro-j52m3vlx){border-color:#6ee7b73d;background:radial-gradient(circle at top right,rgba(34,197,94,.16),transparent 14rem),#08120ec7}.overview-flow__codebase:where(.astro-j52m3vlx){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.overview-flow__code-card:where(.astro-j52m3vlx){padding:1rem;border:1px solid rgba(148,163,184,.14);border-radius:.95rem;background:linear-gradient(180deg,#121826e0,#0a0d16f5)}.overview-flow__code-card:where(.astro-j52m3vlx) span:where(.astro-j52m3vlx){display:inline-flex;margin-bottom:.7rem;padding:.22rem .55rem;border-radius:999px;font-family:var(--sl-font-mono);font-size:.72rem}.overview-flow__code-card--mandatory:where(.astro-j52m3vlx) span:where(.astro-j52m3vlx){background:#2563eb24;color:#bfdbfe}.overview-flow__code-card--bonus:where(.astro-j52m3vlx) span:where(.astro-j52m3vlx){background:#d9770624;color:#fde68a}.overview-flow__code-card:where(.astro-j52m3vlx) h3:where(.astro-j52m3vlx){margin:0 0 .45rem;color:#fff5da;font-size:1rem}.overview-flow__code-card:where(.astro-j52m3vlx) p:where(.astro-j52m3vlx){margin:0;color:#dce4f1;line-height:1.65}.overview-flow__runtime:where(.astro-j52m3vlx){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.overview-flow__runtime-step:where(.astro-j52m3vlx){display:flex;min-height:8.5rem;flex-direction:column;gap:.4rem;padding:.85rem;border-radius:.95rem;border:1px solid rgba(148,163,184,.14);background:#0c111ed1}.overview-flow__runtime-step:where(.astro-j52m3vlx) em:where(.astro-j52m3vlx){color:#9fb0c9;font-family:var(--sl-font-mono);font-size:.72rem;font-style:normal}.overview-flow__runtime-step:where(.astro-j52m3vlx) strong:where(.astro-j52m3vlx){color:#fff5da;font-size:.94rem}.overview-flow__runtime-step:where(.astro-j52m3vlx) span:where(.astro-j52m3vlx){color:#dce4f1;line-height:1.55;font-size:.9rem}.overview-flow__runtime-step--parse:where(.astro-j52m3vlx){box-shadow:inset 0 0 0 1px #3b82f624}.overview-flow__runtime-step--validate:where(.astro-j52m3vlx){box-shadow:inset 0 0 0 1px #f59e0b29}.overview-flow__runtime-step--mlx:where(.astro-j52m3vlx){box-shadow:inset 0 0 0 1px #94a3b81f}.overview-flow__runtime-step--render:where(.astro-j52m3vlx){box-shadow:inset 0 0 0 1px #22c55e29}.overview-flow__runtime-step--input:where(.astro-j52m3vlx){box-shadow:inset 0 0 0 1px #7dd3fc29}.overview-flow__runtime-step--cleanup:where(.astro-j52m3vlx){box-shadow:inset 0 0 0 1px #ef444429}.overview-flow__focus:where(.astro-j52m3vlx){display:grid;gap:.7rem}.overview-flow__focus-row:where(.astro-j52m3vlx){display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;padding:.78rem .9rem;border:1px solid rgba(148,163,184,.12);border-radius:.85rem;background:#0c121fb8}.overview-flow__focus-row:where(.astro-j52m3vlx) span:where(.astro-j52m3vlx){font-family:var(--sl-font-mono);font-size:.8rem;color:#fff0c7;text-transform:lowercase}.overview-flow__focus-row:where(.astro-j52m3vlx) p:where(.astro-j52m3vlx){margin:0;color:#cbd5e1;line-height:1.6}.overview-flow__stack:where(.astro-j52m3vlx){display:flex;flex-wrap:wrap;gap:.55rem}.overview-flow__stack:where(.astro-j52m3vlx) code:where(.astro-j52m3vlx){display:inline-flex;padding:.38rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#ffffff0a;color:#dce4f1}.overview-flow__success-copy:where(.astro-j52m3vlx){margin:0;color:#d1fae5;line-height:1.72}@media(max-width:60rem){.overview-flow__hero:where(.astro-j52m3vlx),.overview-flow__codebase:where(.astro-j52m3vlx),.overview-flow__runtime:where(.astro-j52m3vlx){grid-template-columns:1fr}}@media(max-width:42rem){.overview-flow:where(.astro-j52m3vlx){margin-inline:-.35rem;border-radius:1.1rem}.overview-flow__hero:where(.astro-j52m3vlx),.overview-flow__grid:where(.astro-j52m3vlx){padding:1rem}.overview-flow__panel:where(.astro-j52m3vlx),.overview-flow__code-card:where(.astro-j52m3vlx){padding:.9rem}.overview-flow__focus-row:where(.astro-j52m3vlx){grid-template-columns:1fr;gap:.35rem}}