.cs-hero[data-astro-cid-tppuoed2]{padding-top:calc(var(--nav-h) + clamp(48px, 8vw, 120px));padding-bottom:clamp(48px,6vw,96px);position:relative;overflow:hidden}.cs-hero__inner[data-astro-cid-tppuoed2]{z-index:1;gap:40px;margin-bottom:clamp(40px,5vw,72px);display:grid;position:relative}.cs-hero__text[data-astro-cid-tppuoed2]{justify-items:start;gap:24px;display:grid}.cs-hero__lead[data-astro-cid-tppuoed2]{max-width:620px}.cs-hero__demo[data-astro-cid-tppuoed2]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-hero__links[data-astro-cid-tppuoed2]{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.cs-hero__facts[data-astro-cid-tppuoed2]{grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:24px 32px;display:grid}.cs-hero__facts[data-astro-cid-tppuoed2] dt[data-astro-cid-tppuoed2]{margin-bottom:6px}.cs-hero__facts[data-astro-cid-tppuoed2] dd[data-astro-cid-tppuoed2]{font-weight:500}.cs-hero__cover[data-astro-cid-tppuoed2]{z-index:1;aspect-ratio:16/9;position:relative}@media (width>=900px){.cs-hero__inner[data-astro-cid-tppuoed2]{grid-template-columns:7fr 4fr;align-items:end;gap:64px}}.cs-body[data-astro-cid-tppuoed2]{padding-block:var(--section)}.cs-body__inner[data-astro-cid-tppuoed2]{align-items:start;gap:48px;display:grid}.cs-toc__list[data-astro-cid-tppuoed2]{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.cs-toc__num[data-astro-cid-tppuoed2]{color:var(--accent);margin-right:10px;font-size:.6875rem;font-weight:600}.cs-toc[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]{border-radius:var(--radius-pill);border:1px solid var(--border);font-size:var(--fs-small);color:var(--fg-2);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);padding:6px 12px;display:inline-block}.cs-toc[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]:hover,.cs-toc[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2][aria-current]{color:var(--fg);border-color:var(--fg)}.cs-sections[data-astro-cid-tppuoed2]{gap:clamp(56px,7vw,104px);display:grid}.cs-section[data-astro-cid-tppuoed2]{scroll-margin-top:calc(var(--nav-h) + 24px);gap:24px;display:grid}.cs-section__head[data-astro-cid-tppuoed2]{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;padding-bottom:20px;display:flex}.cs-section__num[data-astro-cid-tppuoed2]{color:var(--accent);font-size:.75rem;font-weight:600}.cs-section__content[data-astro-cid-tppuoed2]{gap:20px;max-width:720px;display:grid}.cs-columns[data-astro-cid-tppuoed2]{gap:24px;display:grid}.cs-column[data-astro-cid-tppuoed2]{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:8px;padding:24px;display:grid}.cs-figure[data-astro-cid-tppuoed2]{max-width:none;margin-top:8px}.cs-figure__frame[data-astro-cid-tppuoed2]{aspect-ratio:16/10}@media (width>=640px){.cs-columns[data-astro-cid-tppuoed2]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.cs-body__inner[data-astro-cid-tppuoed2]{grid-template-columns:3fr 9fr;gap:64px}.cs-toc[data-astro-cid-tppuoed2]{top:calc(var(--nav-h) + 24px);position:sticky}.cs-toc__list[data-astro-cid-tppuoed2]{gap:2px;display:grid}.cs-toc[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]{border:0;border-left:1px solid var(--border);border-radius:0;padding:6px 0 6px 14px;display:block}.cs-toc[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2]:hover,.cs-toc[data-astro-cid-tppuoed2] a[data-astro-cid-tppuoed2][aria-current]{border-left-color:var(--accent);color:var(--fg)}.cs-section__content[data-astro-cid-tppuoed2]{padding-left:48px}}.cs-next[data-astro-cid-tppuoed2]{padding-block:clamp(80px,11vw,160px);position:relative;overflow:hidden}.cs-next__inner[data-astro-cid-tppuoed2]{z-index:1;justify-items:start;gap:20px;display:grid;position:relative}.cs-next__link[data-astro-cid-tppuoed2]{color:var(--fg);align-items:center;gap:24px;display:inline-flex}.cs-next__link[data-astro-cid-tppuoed2] .arrow[data-astro-cid-tppuoed2]{transition:transform var(--dur) var(--ease);flex:none}.cs-next__link[data-astro-cid-tppuoed2]:hover{color:var(--accent)}.cs-next__link[data-astro-cid-tppuoed2]:hover .arrow[data-astro-cid-tppuoed2]{transform:translate(10px)}.cs-next__inner[data-astro-cid-tppuoed2]>div[data-astro-cid-tppuoed2]{margin-top:24px}