.page.svelte-1uha8ag{padding:4rem 0}.container.svelte-1uha8ag{max-width:1200px;margin:0 auto;padding:0 2rem}.hero.svelte-1uha8ag{text-align:center;margin-bottom:6rem}.hero-title.svelte-1uha8ag{font-size:3.5rem;font-weight:700;margin:0 0 1.5rem;color:#1a202c;line-height:1.2;text-wrap:pretty}.hero-subtitle.svelte-1uha8ag{font-size:1.35rem;color:#718096;max-width:700px;margin:0 auto;line-height:1.6}.section-title.svelte-1uha8ag{font-size:2.25rem;font-weight:700;margin:0 0 3rem;color:#1a202c;text-align:center}.components-section.svelte-1uha8ag{margin-bottom:6rem}.components-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.component-card.svelte-1uha8ag{display:flex;flex-direction:column;padding:2.5rem;background:#fff;text-decoration:none;transition:all .25s ease;position:relative;overflow:hidden;height:100%;border-radius:14px}.component-card.svelte-1uha8ag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#146ef508,#667eea08);opacity:0;transition:opacity .25s ease}.component-card.svelte-1uha8ag:hover{transform:translateY(-4px)}.component-card.svelte-1uha8ag:hover:before{opacity:1}.card-header.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.card-icon.svelte-1uha8ag{font-size:2.5rem;line-height:1}.card-title.svelte-1uha8ag{font-size:1.75rem;font-weight:600;margin:0;color:#1a202c;line-height:1}.badge.svelte-1uha8ag{margin-left:auto;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-soon.svelte-1uha8ag{background:#edf2f7;color:#718096}.card-description.svelte-1uha8ag{font-size:1rem;color:#4a5568;line-height:1.6;margin:0 0 1.5rem;position:relative;z-index:1}.card-features.svelte-1uha8ag{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1;position:relative;z-index:1}.feature-item.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#4a5568;font-size:.95rem}.feature-check.svelte-1uha8ag{color:#146ef5;font-weight:700}.card-footer.svelte-1uha8ag{display:flex;justify-content:flex-end;position:relative;z-index:1}.view-demo.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;color:#146ef5;font-weight:600;font-size:1rem;transition:gap .2s ease}.component-card.svelte-1uha8ag:hover .view-demo:where(.svelte-1uha8ag){gap:.75rem}.arrow.svelte-1uha8ag{transition:transform .2s ease}.component-card.svelte-1uha8ag:hover .arrow:where(.svelte-1uha8ag){transform:translate(2px)}.info-section.svelte-1uha8ag{margin-bottom:6rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);margin-left:-2rem;margin-right:-2rem;padding:4rem 2rem}.info-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.info-card.svelte-1uha8ag{text-align:center;padding:2rem}.info-icon.svelte-1uha8ag{font-size:3rem;margin-bottom:1rem}.info-title.svelte-1uha8ag{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:#1a202c}.info-text.svelte-1uha8ag{font-size:.95rem;color:#718096;margin:0;line-height:1.6}.quickstart-section.svelte-1uha8ag{margin-bottom:4rem}.quickstart-steps.svelte-1uha8ag{max-width:800px;margin:0 auto}.step.svelte-1uha8ag{display:flex;gap:2rem;margin-bottom:2rem;padding:2rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.step.svelte-1uha8ag:hover{border-color:#146ef5;transform:translate(4px)}.step-number.svelte-1uha8ag{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#146ef5,#667eea);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.step-content.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1a202c}.step-content.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1rem;color:#4a5568;margin:0;line-height:1.6}.step-content.svelte-1uha8ag code:where(.svelte-1uha8ag){padding:.125rem .375rem;background:#edf2f7;color:#146ef5;border-radius:4px;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@media(max-width:768px){.hero-title.svelte-1uha8ag{font-size:2.5rem}.hero-subtitle.svelte-1uha8ag{font-size:1.1rem}.section-title.svelte-1uha8ag{font-size:1.75rem}.components-grid.svelte-1uha8ag{grid-template-columns:1fr}.info-section.svelte-1uha8ag{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.step.svelte-1uha8ag{flex-direction:column;gap:1rem}}
