.article.svelte-1hvx6po{max-width:42rem;margin:0 auto;padding:0 var(--gap-md) var(--gap-2xl)}.article-header.svelte-1hvx6po{display:grid;grid-template-columns:1fr auto;gap:var(--gap-xl);align-items:start;padding:var(--gap-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--gap-xl)}.header-content.svelte-1hvx6po{padding-top:var(--gap-sm)}h1.svelte-1hvx6po{font-size:var(--f-4);font-weight:700;color:var(--color-text);margin-bottom:var(--gap-sm);line-height:1.25}.lead.svelte-1hvx6po{font-size:1.05rem;color:var(--color-text-muted);line-height:1.6;margin:0}.header-visual.svelte-1hvx6po{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md)}.device-mockups.svelte-1hvx6po{position:relative;width:14rem;height:10rem}.desktop-mockup.svelte-1hvx6po{position:absolute;width:13rem;height:9rem;background:linear-gradient(145deg,var(--color-dark-bg) 0%,var(--color-dark-surface) 100%);border-radius:.5rem;padding:3px;box-shadow:0 .5rem 1.5rem var(--color-overlay-dark);right:0;top:0;z-index:1}.desktop-mockup.svelte-1hvx6po img:where(.svelte-1hvx6po){width:100%;height:100%;object-fit:cover;object-position:top;border-radius:.35rem}.mobile-mockup.svelte-1hvx6po{position:absolute;width:4rem;height:8rem;background:linear-gradient(145deg,var(--color-dark-bg) 0%,var(--color-dark-surface) 100%);border-radius:.75rem;padding:2px;box-shadow:0 .5rem 1.5rem var(--color-overlay-dark);left:0;top:.5rem;z-index:2}.mobile-mockup.svelte-1hvx6po img:where(.svelte-1hvx6po){width:100%;height:100%;object-fit:cover;object-position:top;border-radius:.6rem}.cta-primary.svelte-1hvx6po{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-lg);background:var(--color-cta);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .2s ease;white-space:nowrap}.cta-primary.svelte-1hvx6po:hover{background:var(--color-cta-hover)}.cta-secondary.svelte-1hvx6po{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-xl);background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .2s ease}.cta-secondary.svelte-1hvx6po:hover{border-color:var(--color-cta);background:var(--color-success-bg)}.filters-demo.svelte-1hvx6po{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);margin:var(--gap-md) 0}.filter-card.svelte-1hvx6po{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.filter-card-header.svelte-1hvx6po{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-sm) var(--gap-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.filter-card-title.svelte-1hvx6po{font-size:var(--f-0);font-weight:600;color:var(--color-text)}.filter-badge.svelte-1hvx6po{font-size:var(--f-00);padding:.125rem .375rem;background:var(--color-success-bg);border:1px solid var(--color-cta);border-radius:var(--radius-sm);color:var(--color-cta);font-weight:500}.filter-card-body.svelte-1hvx6po{display:flex;flex-wrap:wrap;gap:var(--gap-xs);padding:var(--gap-md)}.filter-item.svelte-1hvx6po{font-size:var(--f-00);padding:.25rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.filter-item.highlight.svelte-1hvx6po{border-color:var(--color-cta);color:var(--color-cta);font-weight:500}.midroll-cta.svelte-1hvx6po{color:var(--color-text-muted);margin-bottom:var(--gap-xl)}.midroll-cta.svelte-1hvx6po a:where(.svelte-1hvx6po){color:var(--color-cta);text-decoration:underline}.midroll-cta.svelte-1hvx6po a:where(.svelte-1hvx6po):hover{color:var(--color-cta-hover)}.content-section.svelte-1hvx6po{margin-bottom:var(--gap-xl)}.content-section.svelte-1hvx6po h2:where(.svelte-1hvx6po){font-size:var(--f-2);font-weight:600;color:var(--color-text);margin-bottom:var(--gap-md)}.content-section.svelte-1hvx6po p:where(.svelte-1hvx6po){color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--gap-md)}.content-section.svelte-1hvx6po p:where(.svelte-1hvx6po):last-child{margin-bottom:0}.content-section.svelte-1hvx6po a:where(.svelte-1hvx6po){color:var(--color-cta);text-decoration:none}.content-section.svelte-1hvx6po a:where(.svelte-1hvx6po):hover{text-decoration:underline}.steps-list.svelte-1hvx6po{color:var(--color-text-muted);line-height:1.7;padding-left:var(--gap-lg);margin:var(--gap-md) 0 0}.steps-list.svelte-1hvx6po li:where(.svelte-1hvx6po){margin-bottom:var(--gap-sm)}.steps-list.svelte-1hvx6po li:where(.svelte-1hvx6po):last-child{margin-bottom:0}.link-box.svelte-1hvx6po{margin-top:var(--gap-lg)}.box-link.svelte-1hvx6po{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-lg);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-weight:500;transition:all .2s ease}.box-link.svelte-1hvx6po:hover{border-color:var(--color-cta);background:var(--color-success-bg)}.box-link.svelte-1hvx6po span:where(.svelte-1hvx6po){flex:1}.faq-section.svelte-1hvx6po{background:var(--color-surface-alt);margin-left:calc(-1 * var(--gap-md));margin-right:calc(-1 * var(--gap-md));padding:var(--gap-xl) var(--gap-md);border-radius:0}.faq.svelte-1hvx6po{margin-bottom:var(--gap-lg)}.faq.svelte-1hvx6po:last-child{margin-bottom:0}.faq.svelte-1hvx6po h3:where(.svelte-1hvx6po){font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--gap-xs)}.faq.svelte-1hvx6po p:where(.svelte-1hvx6po){color:var(--color-text-muted);line-height:1.6;margin:0}.article-footer.svelte-1hvx6po{margin-top:var(--gap-2xl);padding-top:var(--gap-xl);border-top:1px solid var(--color-border)}.footer-cta.svelte-1hvx6po{text-align:center}.footer-cta.svelte-1hvx6po h2:where(.svelte-1hvx6po){font-size:var(--f-3);font-weight:600;color:var(--color-text);margin-bottom:var(--gap-sm)}.footer-cta.svelte-1hvx6po p:where(.svelte-1hvx6po){color:var(--color-text-muted);margin-bottom:var(--gap-lg)}.cta-row.svelte-1hvx6po{display:flex;justify-content:center;gap:var(--gap-md);flex-wrap:wrap}@media(max-width:40rem){.article-header.svelte-1hvx6po{grid-template-columns:1fr;gap:var(--gap-lg)}.header-visual.svelte-1hvx6po{flex-direction:row;justify-content:space-between;width:100%}.device-mockups.svelte-1hvx6po{width:15rem;max-width:50%;height:auto;aspect-ratio:14 / 10}.desktop-mockup.svelte-1hvx6po{width:92%;height:auto;aspect-ratio:13 / 9}.mobile-mockup.svelte-1hvx6po{width:30%;height:auto;aspect-ratio:4 / 8}.filters-demo.svelte-1hvx6po{grid-template-columns:1fr}}@media(max-width:32rem){h1.svelte-1hvx6po{font-size:var(--f-3)}.lead.svelte-1hvx6po{font-size:1rem}.cta-row.svelte-1hvx6po{flex-direction:column}.cta-primary.svelte-1hvx6po,.cta-secondary.svelte-1hvx6po{justify-content:center}}