.container.svelte-1s5buvf{max-width:1200px;margin:0 auto;padding:0 24px}.hero.svelte-1s5buvf{background:#f1ebf8;padding:6rem 0;text-align:center;margin-bottom:4rem}h1.svelte-1s5buvf{font-family:Clash Display,sans-serif;font-size:4rem;font-weight:900;color:#111827;margin-bottom:1.5rem;line-height:1.1}.highlight.svelte-1s5buvf{color:#9b2d6c;position:relative;display:inline-block}.highlight.svelte-1s5buvf:after{content:"";position:absolute;width:100%;height:.2em;background:#9b2d6c33;bottom:.1em;left:0;z-index:0;transform:skew(-12deg)}.tagline.svelte-1s5buvf{font-size:1.5rem;color:#6b7280;max-width:600px;margin:0 auto}.steps-section.svelte-1s5buvf{display:flex;flex-direction:column;gap:6rem;padding:4rem 0}.step.svelte-1s5buvf{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:flex-start}.step-number.svelte-1s5buvf{width:64px;height:64px;background:#9b2d6c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Clash Display,sans-serif;font-size:2rem;font-weight:700;box-shadow:4px 4px #0003}.step-content.svelte-1s5buvf h2:where(.svelte-1s5buvf){font-family:Clash Display,sans-serif;font-size:2rem;font-weight:700;color:#111827;margin-bottom:1rem}.step-content.svelte-1s5buvf p:where(.svelte-1s5buvf){font-size:1.25rem;color:#4b5563;margin-bottom:2rem;max-width:800px}.features.svelte-1s5buvf{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.feature.svelte-1s5buvf{display:flex;align-items:center;gap:1rem;color:#111827;font-weight:500}.feature.svelte-1s5buvf svg:where(.svelte-1s5buvf){width:20px;height:20px;color:#9b2d6c}.cta-section.svelte-1s5buvf{text-align:center;padding:6rem 0;background:#f8f8f8;border-radius:32px;margin:4rem 0}.cta-section.svelte-1s5buvf h2:where(.svelte-1s5buvf){font-family:Clash Display,sans-serif;font-size:3rem;font-weight:900;color:#111827;margin-bottom:1.5rem}.cta-section.svelte-1s5buvf p:where(.svelte-1s5buvf){font-size:1.25rem;color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons.svelte-1s5buvf{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.btn.outline.svelte-1s5buvf{display:inline-block;background:#fff;color:#000;border:3px solid #000000;padding:1rem 2rem;font-size:1.125rem;font-weight:700;border-radius:100px;cursor:pointer;transition:all .2s ease;font-family:Clash Display,sans-serif;text-decoration:none;box-shadow:4px 4px #000;transform:translate(-2px,-2px)}.btn.outline.svelte-1s5buvf:hover{box-shadow:2px 2px #000;transform:translate(0)}.btn.outline.cta.svelte-1s5buvf{background:#9b2d6c;color:#fff;border-color:#9b2d6c;box-shadow:4px 4px #9b2d6c4d}.btn.outline.cta.svelte-1s5buvf:hover{background:#8a2861;border-color:#8a2861;box-shadow:2px 2px #9b2d6c4d}@media (max-width: 768px){.hero.svelte-1s5buvf{padding:4rem 0}h1.svelte-1s5buvf{font-size:3rem}.tagline.svelte-1s5buvf{font-size:1.25rem}.steps-section.svelte-1s5buvf{gap:4rem}.step.svelte-1s5buvf{grid-template-columns:1fr;gap:2rem;text-align:center}.step-number.svelte-1s5buvf{margin:0 auto}.features.svelte-1s5buvf{grid-template-columns:1fr}.feature.svelte-1s5buvf{justify-content:center}.cta-section.svelte-1s5buvf{padding:4rem 2rem}.cta-section.svelte-1s5buvf h2:where(.svelte-1s5buvf){font-size:2rem}.cta-buttons.svelte-1s5buvf{flex-direction:column;gap:1rem;padding:0 1rem}.btn.outline.svelte-1s5buvf{width:100%;text-align:center;font-size:1rem;padding:.875rem 1.5rem}}.overview-section.svelte-1s5buvf{padding:4rem 0}.overview-grid.svelte-1s5buvf{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.overview-card.svelte-1s5buvf{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.overview-card.svelte-1s5buvf:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001a}.card-icon.svelte-1s5buvf{width:48px;height:48px;background:#9b2d6c1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.card-icon.svelte-1s5buvf svg:where(.svelte-1s5buvf){color:#9b2d6c}.overview-card.svelte-1s5buvf h3:where(.svelte-1s5buvf){font-family:Clash Display,sans-serif;font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.overview-card.svelte-1s5buvf p:where(.svelte-1s5buvf){color:#6b7280;line-height:1.6}.code-preview.svelte-1s5buvf{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;margin:4rem 0}.code-tabs.svelte-1s5buvf{display:flex;gap:1rem;padding:1rem;background:#f8f8f8;border-bottom:1px solid #e5e7eb}.tab.svelte-1s5buvf{padding:.5rem 1rem;border:none;background:none;font-family:Space Mono,monospace;font-size:.875rem;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab.active.svelte-1s5buvf{background:#9b2d6c;color:#fff}.code-window.svelte-1s5buvf{background:#1a1a1a}.window-header.svelte-1s5buvf{display:flex;align-items:center;padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.dots.svelte-1s5buvf{display:flex;gap:.5rem}.dots.svelte-1s5buvf span:where(.svelte-1s5buvf){width:12px;height:12px;border-radius:50%;background:#ff5f56}.dots.svelte-1s5buvf span:where(.svelte-1s5buvf):nth-child(2){background:#ffbd2e}.dots.svelte-1s5buvf span:where(.svelte-1s5buvf):nth-child(3){background:#27c93f}.filename.svelte-1s5buvf{margin-left:1rem;font-family:Space Mono,monospace;font-size:.875rem;color:#94a3b8}.code-window.svelte-1s5buvf pre:where(.svelte-1s5buvf){margin:0;padding:1.5rem}.code-window.svelte-1s5buvf code:where(.svelte-1s5buvf){font-family:Space Mono,monospace;font-size:.9rem;color:#e5e7eb;line-height:1.6}.stats-grid.svelte-1s5buvf{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:4rem 0}.stat-card.svelte-1s5buvf{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 6px #0000000d}.stat-number.svelte-1s5buvf{font-family:Clash Display,sans-serif;font-size:2.5rem;font-weight:900;color:#9b2d6c;margin-bottom:.5rem}.stat-label.svelte-1s5buvf{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width: 1024px){.overview-grid.svelte-1s5buvf,.stats-grid.svelte-1s5buvf{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.overview-grid.svelte-1s5buvf{grid-template-columns:1fr}.code-preview.svelte-1s5buvf{margin:2rem -1rem;border-radius:0}.code-window.svelte-1s5buvf code:where(.svelte-1s5buvf){font-size:.8rem}.stats-grid.svelte-1s5buvf{grid-template-columns:1fr;gap:1rem}}