.article.svelte-hpwfag{max-width:42rem;margin:0 auto;padding:0 var(--gap-md) var(--gap-2xl)}.article-header.svelte-hpwfag{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-hpwfag{padding-top:var(--gap-sm)}h1.svelte-hpwfag{font-size:var(--f-4);font-weight:700;color:var(--color-text);margin-bottom:var(--gap-sm);line-height:1.25}.lead.svelte-hpwfag{font-size:1.05rem;color:var(--color-text-muted);line-height:1.6;margin:0}.header-visual.svelte-hpwfag{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md)}.device-mockups.svelte-hpwfag{position:relative;width:14rem;height:10rem}.desktop-mockup.svelte-hpwfag{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-hpwfag img:where(.svelte-hpwfag){width:100%;height:100%;object-fit:cover;object-position:top;border-radius:.35rem}.mobile-mockup.svelte-hpwfag{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-hpwfag img:where(.svelte-hpwfag){width:100%;height:100%;object-fit:cover;object-position:top;border-radius:.6rem}.cta-primary.svelte-hpwfag{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-hpwfag:hover{background:var(--color-cta-hover)}.cta-secondary.svelte-hpwfag{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-hpwfag:hover{border-color:var(--color-cta);background:var(--color-success-bg)}.filters-demo.svelte-hpwfag{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);margin:var(--gap-md) 0}.filter-card.svelte-hpwfag{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.filter-card-header.svelte-hpwfag{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-hpwfag{font-size:var(--f-0);font-weight:600;color:var(--color-text)}.filter-badge.svelte-hpwfag{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-hpwfag{display:flex;flex-wrap:wrap;gap:var(--gap-xs);padding:var(--gap-md)}.filter-item.svelte-hpwfag{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-hpwfag{border-color:var(--color-cta);color:var(--color-cta);font-weight:500}.midroll-cta.svelte-hpwfag{color:var(--color-text-muted);margin-bottom:var(--gap-xl)}.midroll-cta.svelte-hpwfag a:where(.svelte-hpwfag){color:var(--color-cta);text-decoration:underline}.midroll-cta.svelte-hpwfag a:where(.svelte-hpwfag):hover{color:var(--color-cta-hover)}.content-section.svelte-hpwfag{margin-bottom:var(--gap-xl)}.content-section.svelte-hpwfag h2:where(.svelte-hpwfag){font-size:var(--f-2);font-weight:600;color:var(--color-text);margin-bottom:var(--gap-md)}.content-section.svelte-hpwfag p:where(.svelte-hpwfag){color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--gap-md)}.content-section.svelte-hpwfag p:where(.svelte-hpwfag):last-child{margin-bottom:0}.content-section.svelte-hpwfag a:where(.svelte-hpwfag){color:var(--color-cta);text-decoration:none}.content-section.svelte-hpwfag a:where(.svelte-hpwfag):hover{text-decoration:underline}.steps-list.svelte-hpwfag{color:var(--color-text-muted);line-height:1.7;padding-left:var(--gap-lg);margin:var(--gap-md) 0 0}.steps-list.svelte-hpwfag li:where(.svelte-hpwfag){margin-bottom:var(--gap-sm)}.steps-list.svelte-hpwfag li:where(.svelte-hpwfag):last-child{margin-bottom:0}.link-box.svelte-hpwfag{margin-top:var(--gap-lg)}.box-link.svelte-hpwfag{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-hpwfag:hover{border-color:var(--color-cta);background:var(--color-success-bg)}.box-link.svelte-hpwfag span:where(.svelte-hpwfag){flex:1}.faq-section.svelte-hpwfag{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-hpwfag{margin-bottom:var(--gap-lg)}.faq.svelte-hpwfag:last-child{margin-bottom:0}.faq.svelte-hpwfag h3:where(.svelte-hpwfag){font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--gap-xs)}.faq.svelte-hpwfag p:where(.svelte-hpwfag){color:var(--color-text-muted);line-height:1.6;margin:0}.article-footer.svelte-hpwfag{margin-top:var(--gap-2xl);padding-top:var(--gap-xl);border-top:1px solid var(--color-border)}.footer-cta.svelte-hpwfag{text-align:center}.footer-cta.svelte-hpwfag h2:where(.svelte-hpwfag){font-size:var(--f-3);font-weight:600;color:var(--color-text);margin-bottom:var(--gap-sm)}.footer-cta.svelte-hpwfag p:where(.svelte-hpwfag){color:var(--color-text-muted);margin-bottom:var(--gap-lg)}.cta-row.svelte-hpwfag{display:flex;justify-content:center;gap:var(--gap-md);flex-wrap:wrap}@media(max-width:40rem){.article-header.svelte-hpwfag{grid-template-columns:1fr;gap:var(--gap-lg)}.header-visual.svelte-hpwfag{flex-direction:row;justify-content:space-between;width:100%}.device-mockups.svelte-hpwfag{width:15rem;max-width:50%;height:auto;aspect-ratio:14 / 10}.desktop-mockup.svelte-hpwfag{width:92%;height:auto;aspect-ratio:13 / 9}.mobile-mockup.svelte-hpwfag{width:30%;height:auto;aspect-ratio:4 / 8}.filters-demo.svelte-hpwfag{grid-template-columns:1fr}}@media(max-width:30rem){.header-visual.svelte-hpwfag{flex-direction:column;align-items:center}}@media(max-width:32rem){h1.svelte-hpwfag{font-size:var(--f-3)}.lead.svelte-hpwfag{font-size:1rem}.cta-row.svelte-hpwfag{flex-direction:column}.cta-primary.svelte-hpwfag,.cta-secondary.svelte-hpwfag{justify-content:center}}