.feature-page.svelte-ak5mw5{min-height:100vh;background:linear-gradient(180deg,rgba(var(--primary-rgb),.03) 0%,transparent 100%)}.container.svelte-ak5mw5{max-width:1200px;margin:0 auto;padding:0 24px}.animate-item.svelte-ak5mw5{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-item.mounted.svelte-ak5mw5{opacity:1;transform:translateY(0)}.hero-section.svelte-ak5mw5{padding:120px 0 80px;text-align:center}.hero-content.svelte-ak5mw5{max-width:800px;margin:0 auto}.tag.svelte-ak5mw5{display:inline-block;padding:6px 16px;background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-title.svelte-ak5mw5{font-family:var(--font-display);font-size:56px;font-weight:700;line-height:1.1;margin:0 0 24px;color:var(--text)}.gradient-text.svelte-ak5mw5{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle.svelte-ak5mw5{font-size:20px;line-height:1.6;color:var(--text-muted);margin:0 0 40px}.hero-cta.svelte-ak5mw5{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn.svelte-ak5mw5{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary.svelte-ak5mw5{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff}.btn-primary.svelte-ak5mw5:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.3)}.btn-secondary.svelte-ak5mw5{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.btn-secondary.svelte-ak5mw5:hover{background:rgba(var(--primary-rgb),.15)}.demo-section.svelte-ak5mw5{padding:40px 0 80px}.bento-card.svelte-ak5mw5{background:#fff;border:1px solid var(--border);border-radius:24px;padding:48px;box-shadow:0 4px 24px #0000000f}.bento-card.large.svelte-ak5mw5{padding:56px}.card-header.svelte-ak5mw5{text-align:center;margin-bottom:48px}.card-header.svelte-ak5mw5 h3:where(.svelte-ak5mw5){font-family:var(--font-display);font-size:32px;font-weight:700;margin:0 0 12px;color:var(--text)}.card-header.svelte-ak5mw5 p:where(.svelte-ak5mw5){font-size:18px;color:var(--text-muted);margin:0}.demo-visual.svelte-ak5mw5{margin-bottom:40px}.reply-thread.svelte-ak5mw5{background:linear-gradient(180deg,#f8f9fb,#fff);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:700px;margin:0 auto 32px}.reply-comment.svelte-ak5mw5{display:flex;gap:12px;margin-bottom:24px}.reply-comment.svelte-ak5mw5:last-child{margin-bottom:0}.reply-comment.ai-reply.svelte-ak5mw5{padding-left:24px}.reply-avatar.svelte-ak5mw5{width:40px;height:40px;border-radius:50%;flex-shrink:0}.reply-avatar.user.svelte-ak5mw5{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.reply-avatar.ai.svelte-ak5mw5{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.reply-bubble.svelte-ak5mw5{flex:1;padding:12px 16px;border-radius:12px}.reply-bubble.user-bubble.svelte-ak5mw5{background:#fff;border:1px solid var(--border)}.reply-bubble.ai-bubble.svelte-ak5mw5{background:rgba(var(--primary-rgb),.06);border:1px solid rgba(var(--primary-rgb),.15)}.reply-author.svelte-ak5mw5{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px}.ai-badge.svelte-ak5mw5{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.reply-text.svelte-ak5mw5{font-size:15px;line-height:1.5;color:var(--text)}.platform-badges.svelte-ak5mw5{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.platform-badge.svelte-ak5mw5{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--primary-rgb),.06);border:1px solid rgba(var(--primary-rgb),.15);border-radius:8px;font-size:14px;font-weight:600;color:var(--text)}.platform-badge.svelte-ak5mw5 svg:where(.svelte-ak5mw5){width:18px;height:18px;opacity:.7}.feature-list.svelte-ak5mw5{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.feature-item.svelte-ak5mw5{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(var(--primary-rgb),.04);border-radius:12px;font-size:15px;color:var(--text)}.feature-item.svelte-ak5mw5 .feature-icon:where(.svelte-ak5mw5){width:20px;height:20px;color:var(--primary);flex-shrink:0}.features-section.svelte-ak5mw5{padding:80px 0}.section-header.svelte-ak5mw5{text-align:center;margin-bottom:64px}.section-header.svelte-ak5mw5 h2:where(.svelte-ak5mw5){font-family:var(--font-display);font-size:42px;font-weight:700;margin:0 0 16px;color:var(--text)}.section-header.svelte-ak5mw5 p:where(.svelte-ak5mw5){font-size:18px;color:var(--text-muted);margin:0}.features-grid.svelte-ak5mw5{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-card.svelte-ak5mw5{background:#fff;border:1px solid var(--border);border-radius:20px;padding:40px;transition:all .3s ease}.feature-card.svelte-ak5mw5:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.feature-icon-wrapper.svelte-ak5mw5{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon-wrapper.svelte-ak5mw5 .feature-icon:where(.svelte-ak5mw5){width:28px;height:28px;color:#fff}.feature-card.svelte-ak5mw5 h3:where(.svelte-ak5mw5){font-family:var(--font-display);font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text)}.feature-card.svelte-ak5mw5 p:where(.svelte-ak5mw5){font-size:16px;line-height:1.6;color:var(--text-muted);margin:0}.how-section.svelte-ak5mw5{padding:80px 0;background:linear-gradient(180deg,rgba(var(--primary-rgb),.02) 0%,transparent 100%)}.steps-grid.svelte-ak5mw5{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.step-card.svelte-ak5mw5{text-align:center;padding:32px}.step-number.svelte-ak5mw5{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-family:var(--font-display);font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.step-card.svelte-ak5mw5 h3:where(.svelte-ak5mw5){font-family:var(--font-display);font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text)}.step-card.svelte-ak5mw5 p:where(.svelte-ak5mw5){font-size:16px;line-height:1.6;color:var(--text-muted);margin:0}.cta-section.svelte-ak5mw5{padding:100px 0}.cta-content.svelte-ak5mw5{text-align:center;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);padding:80px 48px;border-radius:32px;color:#fff}.cta-content.svelte-ak5mw5 h2:where(.svelte-ak5mw5){font-family:var(--font-display);font-size:48px;font-weight:700;margin:0 0 16px}.cta-content.svelte-ak5mw5 p:where(.svelte-ak5mw5){font-size:20px;margin:0 0 40px;opacity:.95}.cta-buttons.svelte-ak5mw5{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-section.svelte-ak5mw5 .btn-primary:where(.svelte-ak5mw5){background:#fff;color:var(--primary)}.cta-section.svelte-ak5mw5 .btn-primary:where(.svelte-ak5mw5):hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.cta-section.svelte-ak5mw5 .btn-secondary:where(.svelte-ak5mw5){background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-section.svelte-ak5mw5 .btn-secondary:where(.svelte-ak5mw5):hover{background:#ffffff40}@media(max-width:768px){.hero-section.svelte-ak5mw5{padding:80px 0 60px}.hero-title.svelte-ak5mw5{font-size:40px}.hero-subtitle.svelte-ak5mw5{font-size:18px}.bento-card.large.svelte-ak5mw5{padding:32px}.card-header.svelte-ak5mw5 h3:where(.svelte-ak5mw5){font-size:26px}.reply-thread.svelte-ak5mw5{padding:24px}.reply-comment.ai-reply.svelte-ak5mw5{padding-left:12px}.features-grid.svelte-ak5mw5,.steps-grid.svelte-ak5mw5{grid-template-columns:1fr}.section-header.svelte-ak5mw5 h2:where(.svelte-ak5mw5){font-size:32px}.cta-content.svelte-ak5mw5{padding:60px 32px}.cta-content.svelte-ak5mw5 h2:where(.svelte-ak5mw5){font-size:36px}}
