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