.id-breadcrumb.svelte-cc4d6{max-width:800px;margin:0 auto;padding:2rem 2rem 0;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.id-breadcrumb.svelte-cc4d6 a:where(.svelte-cc4d6){color:var(--text-muted);font-weight:500}.id-breadcrumb.svelte-cc4d6 a:where(.svelte-cc4d6):hover{color:var(--text-primary)}.id-breadcrumb.svelte-cc4d6 svg:where(.svelte-cc4d6){width:14px;height:14px;color:var(--text-muted)}.id-breadcrumb.svelte-cc4d6 span:where(.svelte-cc4d6){color:var(--text-primary);font-weight:500}.id-hero.svelte-cc4d6{max-width:800px;margin:0 auto;padding:3rem 2rem 2rem;text-align:center}.id-hero-icon.svelte-cc4d6{width:64px;height:64px;border-radius:14px;background:var(--accent-icon-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid var(--accent-border)}.id-hero-icon.svelte-cc4d6 img:where(.svelte-cc4d6){width:32px;height:32px}.id-hero-icon.svelte-cc4d6 svg:where(.svelte-cc4d6){width:30px;height:30px;color:var(--accent)}.id-hero.svelte-cc4d6 h1:where(.svelte-cc4d6){font-size:2.5rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem}.id-hero-tagline.svelte-cc4d6{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.id-problem.svelte-cc4d6{max-width:800px;margin:0 auto;padding:1rem 2rem 2rem}.id-problem-inner.svelte-cc4d6{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem}.id-problem-inner.svelte-cc4d6 h2:where(.svelte-cc4d6){font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.id-problem-inner.svelte-cc4d6 p:where(.svelte-cc4d6){font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:0}.id-setup.svelte-cc4d6{max-width:800px;margin:0 auto;padding:2rem}.id-setup-inner.svelte-cc4d6 h2:where(.svelte-cc4d6){font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.id-setup-subtitle.svelte-cc4d6{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem}.id-steps.svelte-cc4d6{display:flex;flex-direction:column;gap:1.5rem}.id-step.svelte-cc4d6{display:flex;gap:1.25rem}.id-step-number.svelte-cc4d6{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--text-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;margin-top:.1rem}.id-step-content.svelte-cc4d6{flex:1;min-width:0}.id-step-content.svelte-cc4d6 h3:where(.svelte-cc4d6){font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.id-step-content.svelte-cc4d6 p:where(.svelte-cc4d6){font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.id-step-code.svelte-cc4d6{background:#1a1a1a;color:#e0e0e0;border-radius:8px;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;overflow-x:auto;margin:0}.id-step-code.svelte-cc4d6 code:where(.svelte-cc4d6){font-family:inherit;font-size:inherit}.id-benefits.svelte-cc4d6{max-width:800px;margin:0 auto;padding:2rem}.id-benefits-inner.svelte-cc4d6 h2:where(.svelte-cc4d6){font-size:1.5rem;font-weight:600;margin-bottom:1.25rem}.id-benefits-list.svelte-cc4d6{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.id-benefits-list.svelte-cc4d6 li:where(.svelte-cc4d6){display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:var(--text-primary);line-height:1.5}.id-benefits-list.svelte-cc4d6 svg:where(.svelte-cc4d6){width:20px;height:20px;color:#16a34a;flex-shrink:0;margin-top:.15rem}.id-cta.svelte-cc4d6{max-width:800px;margin:0 auto;padding:2rem}.id-cta-inner.svelte-cc4d6{text-align:center;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:16px;padding:3rem 2rem}.id-cta-inner.svelte-cc4d6 h2:where(.svelte-cc4d6){font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.id-cta-inner.svelte-cc4d6 p:where(.svelte-cc4d6){font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.id-cta-btn.svelte-cc4d6{display:inline-block;padding:.65rem 1.5rem;background:var(--text-primary);color:#fff;border-radius:8px;font-weight:600;font-size:.95rem;border:1px solid var(--text-primary);transition:background .2s,color .2s;text-decoration:none}.id-cta-btn.svelte-cc4d6:hover{background:transparent;color:var(--text-primary)}.id-related.svelte-cc4d6{max-width:800px;margin:0 auto;padding:1rem 2rem 5rem}.id-related.svelte-cc4d6 h2:where(.svelte-cc4d6){font-size:1.25rem;font-weight:600;margin-bottom:1rem}.id-related-grid.svelte-cc4d6{display:flex;flex-direction:column;gap:.75rem}.id-related-card.svelte-cc4d6{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}.id-related-card.svelte-cc4d6:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000012;border-color:var(--card-accent);color:inherit}.id-related-icon.svelte-cc4d6{width:36px;height:36px;border-radius:8px;background:var(--card-icon-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.id-related-icon.svelte-cc4d6 img:where(.svelte-cc4d6){width:20px;height:20px}.id-related-icon.svelte-cc4d6 svg:where(.svelte-cc4d6){width:18px;height:18px;color:var(--card-accent)}.id-related-card.svelte-cc4d6 div:where(.svelte-cc4d6){flex:1;min-width:0}.id-related-card.svelte-cc4d6 h3:where(.svelte-cc4d6){font-size:.95rem;font-weight:600;margin-bottom:.1rem;color:var(--text-primary)}.id-related-card.svelte-cc4d6 p:where(.svelte-cc4d6){font-size:.82rem;color:var(--text-secondary);margin-bottom:0}.id-related-arrow.svelte-cc4d6{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.id-related-card.svelte-cc4d6:hover .id-related-arrow:where(.svelte-cc4d6){opacity:1;transform:translate(0);color:var(--card-accent)}@media(max-width:768px){.id-hero.svelte-cc4d6{padding:2rem 1.5rem 1.5rem}.id-hero.svelte-cc4d6 h1:where(.svelte-cc4d6){font-size:1.85rem}.id-hero-tagline.svelte-cc4d6{font-size:1.05rem}.id-breadcrumb.svelte-cc4d6{padding:1.5rem 1.5rem 0}.id-problem.svelte-cc4d6,.id-setup.svelte-cc4d6,.id-benefits.svelte-cc4d6,.id-cta.svelte-cc4d6,.id-related.svelte-cc4d6{padding-left:1.5rem;padding-right:1.5rem}.id-step.svelte-cc4d6{gap:1rem}.id-step-code.svelte-cc4d6{font-size:.75rem}.id-related-arrow.svelte-cc4d6{opacity:1;transform:translate(0)}}