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