.hero[data-astro-cid-kx6ylusz]{background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%)}.hero-content[data-astro-cid-kx6ylusz]{max-width:720px}.page-label[data-astro-cid-kx6ylusz]{display:inline-block;font-size:var(--text-sm);font-weight:600;color:var(--color-primary-500);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.hero-subtitle[data-astro-cid-kx6ylusz]{font-size:var(--text-xl);color:var(--color-text-muted);margin-top:var(--space-4);font-style:italic}.content-grid[data-astro-cid-kx6ylusz]{display:grid;grid-template-columns:1fr 300px;gap:var(--space-16);align-items:start}.content-block[data-astro-cid-kx6ylusz]{margin-bottom:var(--space-12)}.content-block[data-astro-cid-kx6ylusz] h2[data-astro-cid-kx6ylusz]{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.content-block[data-astro-cid-kx6ylusz] p[data-astro-cid-kx6ylusz]{font-size:var(--text-lg);line-height:1.7;margin-top:var(--space-3)}.example-card[data-astro-cid-kx6ylusz]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--space-4)}.example-label[data-astro-cid-kx6ylusz]{padding:var(--space-4) var(--space-5);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.example-content[data-astro-cid-kx6ylusz]{padding:var(--space-7) clamp(var(--space-7),6vw,var(--space-10));display:flex;flex-direction:column;gap:var(--space-6)}.example-sequence[data-astro-cid-kx6ylusz]{width:100%;max-width:980px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6)}.example-lede[data-astro-cid-kx6ylusz]{margin:0;margin-inline:clamp(var(--space-2),2.5vw,var(--space-6));font-size:var(--text-base)!important;line-height:1.7;color:var(--color-text-muted)}.example-step-card[data-astro-cid-kx6ylusz]{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-alt) 82%,transparent)}.example-step-heading[data-astro-cid-kx6ylusz]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.example-step-number[data-astro-cid-kx6ylusz]{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-600);color:#fff;font-size:var(--text-sm);font-weight:700}.example-step-heading[data-astro-cid-kx6ylusz] strong[data-astro-cid-kx6ylusz]{font-size:var(--text-base)}.example-step-copy[data-astro-cid-kx6ylusz]{margin:0;margin-inline:clamp(var(--space-2),2vw,var(--space-5));font-size:.625rem;line-height:1.7;color:var(--color-text-muted)}.example-shot[data-astro-cid-kx6ylusz]{margin:0;padding-inline:clamp(var(--space-2),2.5vw,var(--space-6));display:flex;flex-direction:column;gap:var(--space-3)}.example-shot-frame[data-astro-cid-kx6ylusz]{width:100%;max-width:860px;margin-inline:auto;background:#1c1c1c;border:1px solid color-mix(in srgb,var(--color-border) 85%,#000 15%);border-radius:calc(var(--radius-xl) - 6px);overflow:hidden;box-shadow:var(--shadow-lg)}.example-image[data-astro-cid-kx6ylusz]{display:block;width:100%;height:auto}.example-shot[data-astro-cid-kx6ylusz] figcaption[data-astro-cid-kx6ylusz]{margin-inline:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-muted)}.sidebar-card[data-astro-cid-kx6ylusz]{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.sidebar-card[data-astro-cid-kx6ylusz] h3[data-astro-cid-kx6ylusz]{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-3)}.sidebar-list[data-astro-cid-kx6ylusz]{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-list[data-astro-cid-kx6ylusz] a[data-astro-cid-kx6ylusz]{font-size:var(--text-sm);color:var(--color-primary-600)}.sidebar-cta[data-astro-cid-kx6ylusz]{margin-top:var(--space-6)}.sidebar-cta[data-astro-cid-kx6ylusz] .btn[data-astro-cid-kx6ylusz]{width:100%}@media(max-width:768px){.content-grid[data-astro-cid-kx6ylusz]{grid-template-columns:1fr;gap:var(--space-8)}.example-content[data-astro-cid-kx6ylusz]{padding:var(--space-5)}}