.study-hero[data-astro-cid-vkcossbg]{isolation:isolate;padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,6vw,4.5rem);position:relative}.study-hero-bg[data-astro-cid-vkcossbg]{inset:calc(-1 * var(--header-h)) 0 0;z-index:-1;background:radial-gradient(40rem 24rem at 20% 10%, var(--glow), transparent 70%), radial-gradient(circle, var(--dot) 1px, transparent 1.3px) 0 0 / 22px 22px;position:absolute;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.study-hero[data-astro-cid-vkcossbg] h1[data-astro-cid-vkcossbg]{letter-spacing:-.045em;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.9rem;font-size:clamp(3rem,2rem + 6vw,6.5rem);display:flex}.live-badge[data-astro-cid-vkcossbg]{border:1px solid color-mix(in srgb, var(--led) 40%, transparent);background:color-mix(in srgb, var(--led) 10%, transparent);color:var(--led);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.55rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.study-tagline[data-astro-cid-vkcossbg]{max-width:30ch;font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.025em;margin-top:1rem;font-weight:600;line-height:1.15}.study-summary[data-astro-cid-vkcossbg]{max-width:44rem;color:var(--text-2);font-size:var(--step-1);margin-top:1.25rem}.study-actions[data-astro-cid-vkcossbg]{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.study-meta[data-astro-cid-vkcossbg]{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:2.75rem 0 0;display:grid;overflow:hidden}.study-meta[data-astro-cid-vkcossbg] div[data-astro-cid-vkcossbg]{background:var(--surface);padding:1rem 1.25rem 1.1rem}.study-meta[data-astro-cid-vkcossbg] dt[data-astro-cid-vkcossbg],.path-stores[data-astro-cid-vkcossbg] .mono[data-astro-cid-vkcossbg]{color:var(--text-3);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase}.study-meta[data-astro-cid-vkcossbg] dd[data-astro-cid-vkcossbg]{margin:.35rem 0 0;font-weight:600}.study-section[data-astro-cid-vkcossbg]{padding-block:clamp(2.5rem,6vw,4.5rem)}.study-head[data-astro-cid-vkcossbg]{gap:.9rem;max-width:44rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);display:grid}.study-head[data-astro-cid-vkcossbg] h2[data-astro-cid-vkcossbg],.run[data-astro-cid-vkcossbg] h2[data-astro-cid-vkcossbg]{font-size:var(--step-4)}.demo-open[data-astro-cid-vkcossbg]{color:#d7dbe2;font-size:var(--step--2);white-space:nowrap;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-open[data-astro-cid-vkcossbg]:hover{color:#fff}.demo-stage[data-astro-cid-vkcossbg]{aspect-ratio:16/10;background:#09090b;position:relative}.demo-stage[data-astro-cid-vkcossbg] .demo-poster{object-fit:cover;object-position:top;filter:saturate(.9)brightness(.55)blur(1px);width:100%;height:100%;position:absolute;inset:0}.demo-cover[data-astro-cid-vkcossbg]{color:#e6e8ec;text-align:center;place-content:center;justify-items:center;gap:.9rem;padding:1.5rem;display:grid;position:absolute;inset:0}.demo-cover[data-astro-cid-vkcossbg] p[data-astro-cid-vkcossbg]{font-size:var(--step--2);opacity:.8}.demo-stage[data-astro-cid-vkcossbg][data-loaded] .demo-poster,.demo-stage[data-astro-cid-vkcossbg][data-loaded] .demo-cover[data-astro-cid-vkcossbg]{display:none}.demo-stage[data-astro-cid-vkcossbg] .demo-frame{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.tour-tabs[data-astro-cid-vkcossbg]{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:.4rem;width:fit-content;max-width:100%;margin-bottom:1.25rem;padding:.35rem;display:flex}.tour-tab[data-astro-cid-vkcossbg]{color:var(--text-2);font-size:var(--step--1);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.tour-tab[data-astro-cid-vkcossbg] .mono[data-astro-cid-vkcossbg]{color:var(--text-3);font-size:var(--step--2)}.tour-tab[data-astro-cid-vkcossbg]:hover{color:var(--text)}.tour-tab[data-astro-cid-vkcossbg][aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.tour-tab[data-astro-cid-vkcossbg][aria-selected=true] .mono[data-astro-cid-vkcossbg]{color:#1d140499}.tour-panel[data-astro-cid-vkcossbg]{margin:0}.tour-panel[data-astro-cid-vkcossbg][hidden]{display:none}.tour-panel[data-astro-cid-vkcossbg] figcaption[data-astro-cid-vkcossbg]{max-width:50rem;color:var(--text-2);margin-top:1rem}.idea-grid[data-astro-cid-vkcossbg]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4rem);display:grid}.idea-copy[data-astro-cid-vkcossbg] p[data-astro-cid-vkcossbg]{color:var(--text-2);font-size:var(--step-1);line-height:1.7}.idea-copy[data-astro-cid-vkcossbg] p[data-astro-cid-vkcossbg]+p[data-astro-cid-vkcossbg]{margin-top:1.1rem}.stats[data-astro-cid-vkcossbg]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(1.5rem,4vw,2.5rem);list-style:none;display:grid}.stat[data-astro-cid-vkcossbg]{gap:.4rem;padding:1.4rem 1.4rem 1.5rem;display:grid}.stat[data-astro-cid-vkcossbg] strong[data-astro-cid-vkcossbg]{font-family:var(--font-display);font-size:var(--step-4);letter-spacing:-.035em;line-height:1}.stat[data-astro-cid-vkcossbg] span[data-astro-cid-vkcossbg]{color:var(--text-2);font-size:var(--step--1)}.paths[data-astro-cid-vkcossbg]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;display:grid}.path[data-astro-cid-vkcossbg]{flex-direction:column;gap:.8rem;padding:1.6rem;display:flex}.path-top[data-astro-cid-vkcossbg]{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.path-icon[data-astro-cid-vkcossbg]{border:1px solid var(--accent-line);background:var(--accent-soft);width:42px;height:42px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.path-index[data-astro-cid-vkcossbg]{color:var(--text-3);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase}.path[data-astro-cid-vkcossbg] h3[data-astro-cid-vkcossbg]{font-size:var(--step-2)}.path[data-astro-cid-vkcossbg] p[data-astro-cid-vkcossbg]{color:var(--text-2)}.path[data-astro-cid-vkcossbg] .path-stores[data-astro-cid-vkcossbg]{border-top:1px dashed var(--line-2);color:var(--text);gap:.3rem;margin-top:auto;padding-top:1rem;font-weight:600;display:grid}.internals[data-astro-cid-vkcossbg]{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.5rem;display:grid}.internal[data-astro-cid-vkcossbg]{border-top:2px solid var(--line-2);padding-top:1.25rem}.internal[data-astro-cid-vkcossbg] h3[data-astro-cid-vkcossbg]{font-size:var(--step-1)}.internal[data-astro-cid-vkcossbg] p[data-astro-cid-vkcossbg]{color:var(--text-2);margin-top:.6rem}.study-stack[data-astro-cid-vkcossbg]{margin-top:2.5rem}.run[data-astro-cid-vkcossbg]{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,5vw,3rem);display:grid}.run[data-astro-cid-vkcossbg] .eyebrow[data-astro-cid-vkcossbg]{margin-bottom:.9rem}.run[data-astro-cid-vkcossbg] .section-lede[data-astro-cid-vkcossbg]{margin-top:.9rem}.run-actions[data-astro-cid-vkcossbg]{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.run-code[data-astro-cid-vkcossbg]{border:1px solid var(--code-line);border-radius:var(--radius);background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);font-size:var(--step--1);margin:0;padding:1.4rem 1.5rem;line-height:1.9;overflow-x:auto}.prompt[data-astro-cid-vkcossbg]{color:var(--code-prompt);user-select:none}.study-next[data-astro-cid-vkcossbg]{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;display:flex}.study-next[data-astro-cid-vkcossbg] a[data-astro-cid-vkcossbg]{font-family:var(--font-display);font-size:var(--step-1);align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.study-next[data-astro-cid-vkcossbg] a[data-astro-cid-vkcossbg]:hover{color:var(--accent-text)}@media (width<=960px){.study-meta[data-astro-cid-vkcossbg],.stats[data-astro-cid-vkcossbg]{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-grid[data-astro-cid-vkcossbg],.run[data-astro-cid-vkcossbg],.paths[data-astro-cid-vkcossbg]{grid-template-columns:minmax(0,1fr)}.internals[data-astro-cid-vkcossbg]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.demo-stage[data-astro-cid-vkcossbg]{aspect-ratio:3/4}.internals[data-astro-cid-vkcossbg]{grid-template-columns:minmax(0,1fr)}.tour-tabs[data-astro-cid-vkcossbg]{border-radius:var(--radius)}}@media (width<=420px){.study-meta[data-astro-cid-vkcossbg],.stats[data-astro-cid-vkcossbg]{grid-template-columns:minmax(0,1fr)}}