.container[data-v-c7bcbfde]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.hero[data-v-c7bcbfde]{text-align:center;margin-bottom:3rem}.hero h1[data-v-c7bcbfde]{font-size:2.2rem;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle[data-v-c7bcbfde]{font-size:1.1rem;color:var(--color-text-secondary);max-width:800px;margin:0 auto}.section-title[data-v-c7bcbfde]{font-size:1.8rem;text-align:center;margin-bottom:2rem}.what-is[data-v-c7bcbfde]{margin-bottom:3rem}.intro-grid[data-v-c7bcbfde]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.intro-card[data-v-c7bcbfde]{padding:2rem;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:12px;text-align:center}.intro-icon[data-v-c7bcbfde]{font-size:3rem;margin-bottom:1rem}.intro-card h3[data-v-c7bcbfde]{margin:0 0 .75rem;color:var(--color-text)}.intro-card p[data-v-c7bcbfde]{margin:0;color:var(--color-text-secondary)}.getting-started[data-v-c7bcbfde]{margin-bottom:3rem}.steps[data-v-c7bcbfde]{display:flex;flex-direction:column;gap:2rem}.step-card[data-v-c7bcbfde]{display:flex;gap:1.5rem;padding:2rem;background:var(--color-surface);border-radius:12px}.step-num[data-v-c7bcbfde]{width:3.5rem;height:3.5rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;flex-shrink:0}.step-content h3[data-v-c7bcbfde]{margin:0 0 .75rem;color:var(--color-text)}.step-content p[data-v-c7bcbfde]{margin:.5rem 0;color:var(--color-text-secondary);line-height:1.6}.step-content ul[data-v-c7bcbfde]{margin:.75rem 0;padding-left:1.5rem;color:var(--color-text-secondary)}.step-content li[data-v-c7bcbfde]{margin:.5rem 0}.action[data-v-c7bcbfde]{margin-top:1rem}.btn-action[data-v-c7bcbfde]{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}.screenshot-placeholder[data-v-c7bcbfde]{margin-top:1rem;padding:2rem;background:#6366f11a;border:2px dashed var(--color-primary);border-radius:8px;text-align:center;color:var(--color-text-muted)}.preview-stats[data-v-c7bcbfde]{margin-top:1rem;padding:1rem;background:#6366f11a;border-radius:8px}.preview-stat[data-v-c7bcbfde]{padding:.5rem 0;color:var(--color-text-secondary)}.features[data-v-c7bcbfde]{margin-bottom:3rem}.feature-card[data-v-c7bcbfde]{margin-bottom:2rem;padding:2rem;background:var(--color-surface);border-radius:12px;border-left:4px solid var(--color-primary)}.feature-card h3[data-v-c7bcbfde]{margin:0 0 1rem;color:var(--color-text)}.feature-card p[data-v-c7bcbfde]{margin:.75rem 0;color:var(--color-text-secondary);line-height:1.6}.feature-card ul[data-v-c7bcbfde]{margin:.75rem 0;padding-left:1.5rem;color:var(--color-text-secondary)}.feature-card li[data-v-c7bcbfde]{margin:.5rem 0}.feature-note[data-v-c7bcbfde]{font-size:.9rem;color:var(--color-text-muted);font-style:italic;margin-top:1rem}.relationship-example[data-v-c7bcbfde]{padding:1rem;background:#6366f11a;border-radius:8px;margin:1rem 0}.rel-item[data-v-c7bcbfde]{padding:.5rem 0;color:var(--color-text-secondary)}.pro-tips[data-v-c7bcbfde]{margin-bottom:3rem}.tips-grid[data-v-c7bcbfde]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tip[data-v-c7bcbfde]{padding:1.5rem;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.tip h4[data-v-c7bcbfde]{margin:0 0 .75rem;color:#22c55e}.tip p[data-v-c7bcbfde]{margin:0;color:var(--color-text-secondary);line-height:1.6}.faq[data-v-c7bcbfde]{margin-bottom:3rem}.faq-item[data-v-c7bcbfde]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.faq-item summary[data-v-c7bcbfde]{font-weight:700;cursor:pointer;color:var(--color-text)}.faq-item p[data-v-c7bcbfde]{margin-top:1rem;color:var(--color-text-secondary);line-height:1.7}.use-cases[data-v-c7bcbfde]{margin-bottom:3rem}.use-case-list[data-v-c7bcbfde]{display:flex;flex-direction:column;gap:1.5rem}.use-case[data-v-c7bcbfde]{padding:1.5rem;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.use-case h4[data-v-c7bcbfde]{margin:0 0 .75rem;color:var(--color-primary-light)}.use-case p[data-v-c7bcbfde]{margin:0;color:var(--color-text-secondary);line-height:1.6}.cta-box[data-v-c7bcbfde]{padding:3rem;background:linear-gradient(135deg,#6366f11a,#3b82f60d);border-radius:16px;text-align:center}.cta-box h3[data-v-c7bcbfde]{font-size:1.8rem;margin:0 0 .5rem}.cta-box p[data-v-c7bcbfde]{margin:0 0 1.5rem;color:var(--color-text-secondary)}.btn[data-v-c7bcbfde]{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}@media(max-width:768px){.hero h1[data-v-c7bcbfde]{font-size:1.8rem}.intro-grid[data-v-c7bcbfde],.tips-grid[data-v-c7bcbfde]{grid-template-columns:1fr}.step-card[data-v-c7bcbfde]{flex-direction:column}}