.canvas-showcase.svelte-hnzvod{padding:0 0 var(--marketing-section-py);background:var(--marketing-section-white)}.canvas-showcase-inner.svelte-hnzvod{max-width:800px;margin:0 auto;padding:0 var(--marketing-content-px)}.hero-visual.svelte-hnzvod{display:flex;justify-content:center}.mockup-card.svelte-hnzvod{width:100%;max-width:520px;background:var(--bg-surface1);border-radius:20px;box-shadow:0 20px 60px #0000001a,0 4px 16px #0000000f;overflow:hidden}.mockup-chrome.svelte-hnzvod{display:flex;align-items:center;gap:6px;padding:14px 16px;border-bottom:1px solid var(--border)}.dot.svelte-hnzvod{width:10px;height:10px;border-radius:50%}.dot.red.svelte-hnzvod{background:#ff5f57}.dot.yellow.svelte-hnzvod{background:#febc2e}.dot.green.svelte-hnzvod{background:#28c840}.mockup-title.svelte-hnzvod{margin-left:8px;font-size:.8125rem;font-weight:600;color:var(--text-heading)}.canvas-area.svelte-hnzvod{padding:16px}.canvas-surface.svelte-hnzvod{aspect-ratio:1 / 1;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-text-el.svelte-hnzvod{color:#fff;font-size:1.375rem;font-weight:700;text-align:center;max-width:70%;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.2)}.canvas-logo-el.svelte-hnzvod{position:absolute;bottom:12px;right:12px;opacity:.7}.toolbar.svelte-hnzvod{display:flex;align-items:center;gap:4px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg-surface2)}.tool-btn.svelte-hnzvod{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.tool-btn.svelte-hnzvod:hover{background:#0000000d;color:var(--text-heading)}.tool-btn.active.svelte-hnzvod{background:var(--primary-light);color:var(--color-primary)}.layer-panel.svelte-hnzvod{padding:12px 16px;border-top:1px solid var(--border)}.layer-label.svelte-hnzvod{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:8px}.layer-item.svelte-hnzvod{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:.75rem;color:var(--text-body);transition:var(--transition)}.layer-item.active-layer.svelte-hnzvod{background:var(--primary-light);color:var(--text-heading);font-weight:600}.layer-dot.svelte-hnzvod{width:8px;height:8px;border-radius:50%;flex-shrink:0}.capabilities-section.svelte-hnzvod{padding:var(--marketing-section-py) 0;background:var(--marketing-section-white)}.capabilities-inner.svelte-hnzvod{max-width:var(--marketing-content-max);margin:0 auto;padding:0 var(--marketing-content-px)}.capabilities-grid.svelte-hnzvod{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.templates-section.svelte-hnzvod{padding:var(--marketing-section-py) 0;background:var(--marketing-section-alt)}.templates-inner.svelte-hnzvod{max-width:var(--marketing-content-max);margin:0 auto;padding:0 var(--marketing-content-px)}.template-grid.svelte-hnzvod{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end}.template-card.svelte-hnzvod{background:var(--bg-surface1);border:1px solid var(--border);border-radius:var(--marketing-card-radius);overflow:hidden;transition:var(--transition)}.template-card.svelte-hnzvod:hover{box-shadow:var(--marketing-card-shadow);transform:translateY(-2px)}.template-preview.svelte-hnzvod{display:flex;align-items:center;justify-content:center;max-height:180px;overflow:hidden}.template-content.svelte-hnzvod{width:100%;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;padding:12px}.template-platform-name.svelte-hnzvod{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.template-meta.svelte-hnzvod{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.template-name.svelte-hnzvod{font-size:.8125rem;font-weight:700;color:var(--text-heading)}.template-size.svelte-hnzvod{font-size:.6875rem;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace}.pipeline-section.svelte-hnzvod{padding:var(--marketing-section-py) 0;background:var(--marketing-section-white)}.pipeline-inner.svelte-hnzvod{max-width:var(--marketing-content-max);margin:0 auto;padding:0 var(--marketing-content-px)}.pipeline-flow.svelte-hnzvod{display:flex;align-items:flex-start;justify-content:center;gap:0}.pipe-step.svelte-hnzvod{flex:1;max-width:220px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pipe-num.svelte-hnzvod{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pipe-icon.svelte-hnzvod{width:44px;height:44px;border-radius:12px;background:var(--primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.pipe-title.svelte-hnzvod{font-size:.9375rem;font-weight:700;color:var(--text-heading);margin:0}.pipe-desc.svelte-hnzvod{font-size:var(--marketing-font-small);color:var(--text-muted);margin:0;line-height:1.5}.pipe-arrow.svelte-hnzvod{display:flex;align-items:center;flex-shrink:0;padding:0 4px;margin-top:36px}@media(max-width:1024px){.template-grid.svelte-hnzvod{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.canvas-showcase.svelte-hnzvod,.capabilities-section.svelte-hnzvod,.templates-section.svelte-hnzvod,.pipeline-section.svelte-hnzvod{padding:var(--marketing-section-py-mobile) 0}.canvas-showcase.svelte-hnzvod{padding-top:0}.mockup-card.svelte-hnzvod{max-width:440px;margin:0 auto}.capabilities-grid.svelte-hnzvod{grid-template-columns:1fr 1fr;gap:16px}.template-grid.svelte-hnzvod{grid-template-columns:repeat(3,1fr);gap:12px}.pipeline-flow.svelte-hnzvod{flex-direction:column;align-items:center;gap:8px}.pipe-arrow.svelte-hnzvod{margin-top:0;padding:0}.pipe-arrow.svelte-hnzvod svg:where(.svelte-hnzvod){transform:rotate(90deg)}.pipe-step.svelte-hnzvod{max-width:none;flex-direction:row;text-align:left;gap:12px}}@media(max-width:480px){.capabilities-grid.svelte-hnzvod{grid-template-columns:1fr}.template-grid.svelte-hnzvod{grid-template-columns:repeat(2,1fr)}.canvas-text-el.svelte-hnzvod{font-size:1.125rem}.mockup-card.svelte-hnzvod{max-width:100%}}