.hero.svelte-1thf6pg{position:relative;padding:5rem 0 3rem;overflow:hidden}.hero-bg.svelte-1thf6pg{position:absolute;inset:0;z-index:0}.hero-grid.svelte-1thf6pg{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px}.hero-glow.svelte-1thf6pg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none}.hero-center.svelte-1thf6pg{position:relative;z-index:1;text-align:center;max-width:640px;margin:0 auto}.hero.svelte-1thf6pg h1:where(.svelte-1thf6pg){font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.hero-subtitle.svelte-1thf6pg{font-size:1.15rem;color:var(--text-secondary);line-height:1.7}.steps.svelte-1thf6pg{display:flex;flex-direction:column;gap:3rem}.step-row.svelte-1thf6pg{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.step-row.reverse.svelte-1thf6pg{direction:rtl}.step-row.reverse.svelte-1thf6pg>:where(.svelte-1thf6pg){direction:ltr}.step-badge.svelte-1thf6pg{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:.8rem;padding:.3rem .8rem;border-radius:9999px;margin-bottom:.75rem}.step-text.svelte-1thf6pg h2:where(.svelte-1thf6pg){font-size:1.6rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem}.step-text.svelte-1thf6pg p:where(.svelte-1thf6pg){color:var(--text-secondary);font-size:1rem;line-height:1.7}.step-screenshot.svelte-1thf6pg{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:none;padding:0;width:100%;position:relative;transition:border-color .2s}.step-screenshot.svelte-1thf6pg:hover{border-color:#6366f166}.step-screenshot.svelte-1thf6pg img:where(.svelte-1thf6pg){width:100%;display:block}.zoom-hint.svelte-1thf6pg{position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:var(--text-secondary);font-size:.75rem;padding:.2rem .5rem;border-radius:var(--radius-sm);opacity:0;transition:opacity .2s}.step-screenshot.svelte-1thf6pg:hover .zoom-hint:where(.svelte-1thf6pg){opacity:1}.step-placeholder.svelte-1thf6pg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:250px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;padding:2rem}.step-placeholder.svelte-1thf6pg span:where(.svelte-1thf6pg){font-size:.9rem}.carousel-container.svelte-1thf6pg{display:flex;align-items:center;gap:1rem;margin-top:2rem}.carousel-arrow.svelte-1thf6pg{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}.carousel-arrow.svelte-1thf6pg:hover{border-color:#6366f1;color:#818cf8}.carousel-arrow.svelte-1thf6pg svg:where(.svelte-1thf6pg){width:20px;height:20px}.carousel-content.svelte-1thf6pg{flex:1;overflow:hidden}.carousel-slide.svelte-1thf6pg{display:flex;flex-direction:column;gap:1rem}.slide-image-wrapper.svelte-1thf6pg{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:none;padding:0;width:100%;transition:border-color .2s}.slide-image-wrapper.svelte-1thf6pg:hover{border-color:#6366f166}.slide-image-wrapper.svelte-1thf6pg img:where(.svelte-1thf6pg){width:100%;display:block}.slide-info.svelte-1thf6pg{text-align:center;padding:.5rem 0}.slide-step.svelte-1thf6pg{font-size:.8rem;color:#818cf8;font-weight:600}.slide-info.svelte-1thf6pg h3:where(.svelte-1thf6pg){font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:.25rem 0}.slide-info.svelte-1thf6pg p:where(.svelte-1thf6pg){color:var(--text-secondary);font-size:.9rem}.carousel-dots.svelte-1thf6pg{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot.svelte-1thf6pg{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-color);cursor:pointer;padding:0;transition:background .2s}.dot.active.svelte-1thf6pg{background:#6366f1}.lightbox-overlay.svelte-1thf6pg{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.lightbox-close.svelte-1thf6pg{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;cursor:pointer;width:32px;height:32px}.lightbox-content.svelte-1thf6pg{max-width:90vw;max-height:90vh;cursor:default}.lightbox-image.svelte-1thf6pg{max-width:100%;max-height:85vh;border-radius:var(--radius-md)}.integration-grid.svelte-1thf6pg{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.integration-item.svelte-1thf6pg{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.integration-label.svelte-1thf6pg{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.integration-name.svelte-1thf6pg{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.integration-item.svelte-1thf6pg p:where(.svelte-1thf6pg){font-size:.85rem;color:var(--text-secondary);line-height:1.4}.roadmap-grid.svelte-1thf6pg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.roadmap-card.svelte-1thf6pg{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.roadmap-badge.svelte-1thf6pg{display:inline-block;background:#6366f126;color:#818cf8;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px;margin-bottom:.75rem}.roadmap-badge.highlight.svelte-1thf6pg{background:#8b5cf626;color:#a78bfa}.roadmap-card.svelte-1thf6pg h3:where(.svelte-1thf6pg){font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.roadmap-card.svelte-1thf6pg p:where(.svelte-1thf6pg){color:var(--text-secondary);font-size:.88rem;line-height:1.5}.hiw-cta.svelte-1thf6pg{padding:5rem 0;text-align:center;background:linear-gradient(180deg,transparent,rgba(99,102,241,.05))}.hiw-cta.svelte-1thf6pg h2:where(.svelte-1thf6pg){font-size:2.2rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem}.cta-subtitle.svelte-1thf6pg{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem}.cta-actions.svelte-1thf6pg{display:flex;gap:1rem;justify-content:center}.section-title.svelte-1thf6pg{font-size:2rem;font-weight:800;text-align:center;color:var(--text-primary);margin-bottom:.5rem}.section-subtitle.svelte-1thf6pg{text-align:center;color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto;line-height:1.6}@media(max-width:1024px){.integration-grid.svelte-1thf6pg{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero.svelte-1thf6pg h1:where(.svelte-1thf6pg){font-size:2.2rem}.step-row.svelte-1thf6pg,.step-row.reverse.svelte-1thf6pg{grid-template-columns:1fr;direction:ltr}.roadmap-grid.svelte-1thf6pg,.integration-grid.svelte-1thf6pg{grid-template-columns:1fr}.cta-actions.svelte-1thf6pg{flex-direction:column;align-items:center}.cta-actions.svelte-1thf6pg .btn:where(.svelte-1thf6pg){width:100%;max-width:280px;text-align:center}.carousel-arrow.svelte-1thf6pg{display:none}.hiw-cta.svelte-1thf6pg h2:where(.svelte-1thf6pg){font-size:1.8rem}}