.hero.svelte-1cb5yrq{position:relative;display:flex;align-items:center;padding:calc(var(--nav-height) + 2rem) 2rem 4rem;overflow:hidden}.hero.svelte-1cb5yrq:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--bg-deep));pointer-events:none;z-index:1}.hero-inner.svelte-1cb5yrq{max-width:var(--container-max);margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:3.5rem}.hero-content.svelte-1cb5yrq{text-align:center;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.hero.visible.svelte-1cb5yrq .hero-content:where(.svelte-1cb5yrq){opacity:1;transform:translateY(0)}.hero-visual.svelte-1cb5yrq{width:100%;max-width:960px;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;pointer-events:none;user-select:none;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo) .15s,transform .8s var(--ease-out-expo) .15s}.hero.visible.svelte-1cb5yrq .hero-visual:where(.svelte-1cb5yrq){opacity:1;transform:translateY(0)}.hero-particles.svelte-1cb5yrq{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1s ease-in}.hero.visible.svelte-1cb5yrq .hero-particles:where(.svelte-1cb5yrq){opacity:1}.orb.svelte-1cb5yrq{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.orb-1.svelte-1cb5yrq{width:500px;height:500px;background:radial-gradient(circle,rgba(115,68,208,.25),transparent 70%);top:-10%;left:-5%;animation:float 20s ease-in-out infinite}.orb-2.svelte-1cb5yrq{width:400px;height:400px;background:radial-gradient(circle,rgba(207,65,253,.15),transparent 70%);bottom:-5%;right:5%;animation:drift 25s ease-in-out infinite}.orb-3.svelte-1cb5yrq{width:300px;height:300px;background:radial-gradient(circle,rgba(0,207,255,.1),transparent 70%);top:30%;right:20%;animation:float 18s ease-in-out infinite reverse}.badge.svelte-1cb5yrq{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1rem .45rem .7rem;background:#cf41fd14;border:1px solid rgba(207,65,253,.15);border-radius:100px;font-family:var(--font-heading);font-size:.82rem;font-weight:500;color:var(--magenta-300);margin-bottom:1.5rem}.badge-dot.svelte-1cb5yrq{width:7px;height:7px;border-radius:50%;background:var(--magenta-500);box-shadow:0 0 10px var(--magenta-500);animation:pulse-glow 2s ease-in-out infinite}h1.svelte-1cb5yrq{margin-bottom:1.25rem}.subtitle.svelte-1cb5yrq{font-size:1.1rem;color:var(--gray-400);line-height:1.7;margin-bottom:2rem;max-width:580px}.hero-actions.svelte-1cb5yrq{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.hero-actions.svelte-1cb5yrq .btn-secondary{background:#ffffff0b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hv-toolbar.svelte-1cb5yrq{display:inline-flex;align-items:center;gap:2px;padding:.35rem .5rem;border-radius:12px;background:#0a0515eb}.hv-tool.svelte-1cb5yrq{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--gray-500);cursor:default}.hv-tool.active.svelte-1cb5yrq{background:#cf41fd1f;color:var(--magenta-300)}.hv-divider.svelte-1cb5yrq{width:1px;height:20px;background:var(--glass-border);margin:0 4px}.hv-main.svelte-1cb5yrq{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;width:100%;align-items:start}.hv-template.svelte-1cb5yrq{padding:2rem 2.5rem;padding-top:0;border-radius:16px;background:#0a0515eb}.hv-tmpl-id.svelte-1cb5yrq{display:flex;align-items:center;gap:.6rem;padding:.75rem 2.5rem;margin:0 -2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.hv-tmpl-id-label.svelte-1cb5yrq{font-family:var(--font-mono);font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em}.hv-tmpl-id-value.svelte-1cb5yrq{font-family:var(--font-mono);font-size:.82rem;color:var(--cyan-300);background:#00cfff0f;border:1px solid rgba(0,207,255,.15);padding:.15rem .6rem;border-radius:6px}.hv-tmpl-header.svelte-1cb5yrq{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.hv-with-handles.svelte-1cb5yrq{position:relative}.hv-handle.svelte-1cb5yrq{position:absolute;width:7px;height:7px;background:var(--magenta-300);border:1.5px solid rgba(0,0,0,.5);border-radius:1.5px;pointer-events:none}.hv-h-tl.svelte-1cb5yrq{top:-4px;left:-4px}.hv-h-tr.svelte-1cb5yrq{top:-4px;right:-4px}.hv-h-bl.svelte-1cb5yrq{bottom:-4px;left:-4px}.hv-h-br.svelte-1cb5yrq{bottom:-4px;right:-4px}.hv-tmpl-addr.svelte-1cb5yrq{margin-top:.4rem}.hv-tmpl-badge.svelte-1cb5yrq{font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.1em;color:var(--magenta-400);padding:.25rem .65rem;border:1px solid rgba(207,65,253,.2);border-radius:6px;background:#cf41fd0f;flex-shrink:0}.hv-tmpl-details.svelte-1cb5yrq{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.hv-tmpl-row.svelte-1cb5yrq{display:flex;justify-content:space-between;align-items:center}.hv-label.svelte-1cb5yrq{font-size:.85rem;color:var(--gray-500);font-weight:500}.hv-var.svelte-1cb5yrq{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.85rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fbbf24;padding:.2rem .7rem;border-radius:100px;white-space:nowrap}.hv-var.sm.svelte-1cb5yrq{font-size:.78rem;padding:.15rem .55rem}.hv-var.selected.svelte-1cb5yrq{background:#cf41fd1a;border-color:#cf41fdb3;color:var(--magenta-300);box-shadow:0 0 14px #cf41fd33;animation:svelte-1cb5yrq-var-pulse 2.5s ease-in-out infinite}@keyframes svelte-1cb5yrq-var-pulse{0%,to{box-shadow:0 0 14px #cf41fd33;border-color:#cf41fdb3}50%{box-shadow:0 0 20px #cf41fd59;border-color:#cf41fde6}}.hv-loop.svelte-1cb5yrq{margin-bottom:1.25rem;padding:.85rem 1.1rem;border-left:2px solid rgba(52,211,153,.4);background:#34d39908;border-radius:0 10px 10px 0}.hv-loop-header.svelte-1cb5yrq{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.hv-loop-tag.svelte-1cb5yrq{display:inline-flex;font-family:var(--font-mono);font-size:.75rem;background:#34d3990f;border:1px solid rgba(52,211,153,.15);color:#34d399;padding:.12rem .5rem;border-radius:6px;white-space:nowrap}.hv-loop-count.svelte-1cb5yrq{font-family:var(--font-mono);font-size:.72rem;color:#34d39999;font-weight:600}.hv-loop-body.svelte-1cb5yrq{display:flex;gap:.6rem;padding:.35rem 0;margin-bottom:.6rem}.hv-tmpl-total.svelte-1cb5yrq{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.hv-total-label.svelte-1cb5yrq{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--gray-300)}.hv-data.svelte-1cb5yrq{padding:1.25rem 1.5rem;border-radius:16px;margin-top:1rem;background:#0a0515eb}.hv-data-title.svelte-1cb5yrq{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.82rem;font-weight:600;color:var(--gray-400);margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--glass-border)}.hv-data-title.svelte-1cb5yrq svg:where(.svelte-1cb5yrq){color:var(--magenta-400)}.hv-data-row.svelte-1cb5yrq{display:flex;justify-content:space-between;align-items:center;padding:.35rem .45rem;border-radius:6px;gap:1rem}.hv-data-row.highlighted.svelte-1cb5yrq{background:#cf41fd14;outline:1px solid rgba(207,65,253,.15)}.hv-dk.svelte-1cb5yrq{font-family:var(--font-mono);font-size:.78rem;color:var(--gray-500)}.hv-dv.svelte-1cb5yrq{font-family:var(--font-mono);font-size:.78rem;color:var(--cyan-300)}.hv-data-row.highlighted.svelte-1cb5yrq .hv-dk:where(.svelte-1cb5yrq){color:var(--magenta-300)}.hv-data-row.highlighted.svelte-1cb5yrq .hv-dv:where(.svelte-1cb5yrq){color:var(--magenta-300)}@media(max-width:900px){.hero.svelte-1cb5yrq{padding-top:calc(var(--nav-height) + 3rem);padding-bottom:3rem}.hv-main.svelte-1cb5yrq{grid-template-columns:1fr;max-width:560px}.hero-visual.svelte-1cb5yrq{align-items:center}.hv-toolbar.svelte-1cb5yrq{align-self:center}}@media(max-width:480px){.hero-actions.svelte-1cb5yrq{flex-direction:column;width:100%}.hero-actions.svelte-1cb5yrq a:where(.svelte-1cb5yrq){text-align:center}.hv-template.svelte-1cb5yrq{padding:1.25rem 1.5rem}.hv-data.svelte-1cb5yrq{padding:1rem 1.25rem}.hv-var.svelte-1cb5yrq{font-size:.75rem;padding:.15rem .5rem}.hv-var.sm.svelte-1cb5yrq{font-size:.68rem}.hv-label.svelte-1cb5yrq{font-size:.75rem}}section.svelte-198frgv{padding:var(--section-padding);position:relative;overflow:hidden}.container.svelte-198frgv{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.section-header.svelte-198frgv{text-align:center;margin-bottom:3.5rem;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.section-header.visible.svelte-198frgv{opacity:1;transform:translateY(0)}.section-subtitle.svelte-198frgv{color:var(--gray-400);font-size:1.125rem;line-height:1.65;max-width:540px;margin:1rem auto 0}.editor-mockup.svelte-198frgv{border-radius:16px;overflow:hidden;max-width:900px;margin:0 auto;pointer-events:none;user-select:none;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo) .1s,transform .7s var(--ease-out-expo) .1s}.editor-mockup.visible.svelte-198frgv{opacity:1;transform:translateY(0)}.em-toolbar.svelte-198frgv{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--glass-border)}.em-toolbar-group.svelte-198frgv{display:flex;align-items:center;gap:.25rem}.em-tool.svelte-198frgv{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--gray-400);border-radius:6px;cursor:default;pointer-events:none}.em-tool.active.svelte-198frgv{background:#cf41fd26;color:var(--magenta-500)}.em-toolbar-sep.svelte-198frgv{width:1px;height:20px;background:var(--glass-border)}.em-zoom.svelte-198frgv{font-family:var(--font-mono);font-size:.7rem;color:var(--gray-500)}.em-workspace.svelte-198frgv{display:grid;grid-template-columns:1fr 200px;min-height:320px}.em-canvas.svelte-198frgv{position:relative;padding:2rem;background:#0003;display:flex;align-items:center;justify-content:center}.em-template.svelte-198frgv{width:280px;background:#fff;border-radius:4px;padding:1.25rem 1.5rem;box-shadow:0 4px 24px #0000004d;display:flex;flex-direction:column;position:relative;z-index:1}.em-tmpl-header.svelte-198frgv{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.85rem}.em-tmpl-addr.svelte-198frgv{margin-top:.3rem}.em-tmpl-badge.svelte-198frgv{font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.1em;color:#7c3aed;padding:.15rem .45rem;border:1px solid rgba(124,58,237,.25);border-radius:4px;background:#7c3aed14;flex-shrink:0}.em-var.svelte-198frgv{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.68rem;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:#b45309;padding:.12rem .45rem;border-radius:100px;white-space:nowrap}.em-var.sm.svelte-198frgv{font-size:.6rem;padding:.08rem .35rem}.em-var.selected.svelte-198frgv{background:#cf41fd1a;border-color:#cf41fdb3;color:#9333ea;box-shadow:0 0 10px #cf41fd26}.em-with-handles.svelte-198frgv{position:relative}.em-tmpl-details.svelte-198frgv{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid rgba(0,0,0,.08)}.em-tmpl-row.svelte-198frgv{display:flex;justify-content:space-between;align-items:center}.em-label.svelte-198frgv{font-size:.65rem;color:#6b7280;font-weight:500}.em-loop.svelte-198frgv{margin-bottom:.75rem;padding:.55rem .75rem;border-left:2px solid rgba(52,211,153,.5);background:#34d3990d;border-radius:0 6px 6px 0}.em-loop-header.svelte-198frgv{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.em-loop-tag.svelte-198frgv{display:inline-flex;font-family:var(--font-mono);font-size:.58rem;background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#059669;padding:.08rem .35rem;border-radius:4px;white-space:nowrap}.em-loop-count.svelte-198frgv{font-family:var(--font-mono);font-size:.58rem;color:#05966999;font-weight:600}.em-loop-body.svelte-198frgv{display:flex;gap:.4rem;padding:.25rem 0;margin-bottom:.4rem;flex-wrap:wrap}.em-tmpl-total.svelte-198frgv{display:flex;justify-content:space-between;align-items:center;padding-top:.65rem;border-top:1px solid rgba(0,0,0,.08)}.em-total-label.svelte-198frgv{font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:#1f2937}.em-handle.svelte-198frgv{position:absolute;width:6px;height:6px;background:var(--magenta-300);border:1.5px solid rgba(0,0,0,.5);border-radius:1px}.em-handle-tl.svelte-198frgv{top:-3px;left:-3px}.em-handle-tr.svelte-198frgv{top:-3px;right:-3px}.em-handle-bl.svelte-198frgv{bottom:-3px;left:-3px}.em-handle-br.svelte-198frgv{bottom:-3px;right:-3px}.em-snap-h.svelte-198frgv{position:absolute;left:0;right:0;top:50%;height:0;border-top:1px dashed var(--magenta-500);opacity:.5;pointer-events:none}.em-snap-v.svelte-198frgv{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1px dashed var(--cyan-400);opacity:.4;pointer-events:none}.em-distance-label.svelte-198frgv{position:absolute;top:calc(50% + 6px);right:1.5rem;font-family:var(--font-mono);font-size:.6rem;color:var(--magenta-400);background:#cf41fd1f;padding:1px 5px;border-radius:3px}.em-sidebar.svelte-198frgv{border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow-y:auto}.em-panel-header.svelte-198frgv{display:flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.7rem;font-weight:600;color:var(--gray-300);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.em-panel-header.svelte-198frgv svg:where(.svelte-198frgv){color:var(--magenta-400)}.em-data-source.svelte-198frgv{padding:.75rem;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.25rem}.em-data-row.svelte-198frgv{display:flex;justify-content:space-between;align-items:center;padding:.2rem .35rem;border-radius:4px;gap:.5rem}.em-data-row.highlighted.svelte-198frgv{background:#cf41fd14;outline:1px solid rgba(207,65,253,.15)}.em-dk.svelte-198frgv{font-family:var(--font-mono);font-size:.62rem;color:var(--gray-500)}.em-dv.svelte-198frgv{font-family:var(--font-mono);font-size:.62rem;color:var(--cyan-300)}.em-data-row.highlighted.svelte-198frgv .em-dk:where(.svelte-198frgv),.em-data-row.highlighted.svelte-198frgv .em-dv:where(.svelte-198frgv){color:var(--magenta-300)}.em-appearance.svelte-198frgv{padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.em-prop-group.svelte-198frgv{display:flex;flex-direction:column;gap:.25rem}.em-prop-label.svelte-198frgv{font-size:.65rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.em-prop-value.svelte-198frgv{font-size:.75rem;color:var(--gray-300);padding:.3rem .5rem;border-radius:4px}.em-prop-select.svelte-198frgv{background:#ffffff0a;border:1px solid var(--glass-border)}.em-prop-input.svelte-198frgv{background:#ffffff0a;border:1px solid var(--glass-border);font-family:var(--font-mono)}.em-prop-color-row.svelte-198frgv{display:flex;align-items:center;gap:.375rem}.em-prop-swatch.svelte-198frgv{width:22px;height:22px;border-radius:4px;background:#1f2937;border:1px solid var(--glass-border);flex-shrink:0}.em-prop-slider.svelte-198frgv{display:flex;align-items:center;gap:.5rem}.em-prop-slider-track.svelte-198frgv{flex:1;height:4px;background:#ffffff14;border-radius:2px;position:relative}.em-prop-slider-fill.svelte-198frgv{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--magenta-500);border-radius:2px}.em-prop-slider-thumb.svelte-198frgv{position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--magenta-500)}.em-prop-slider-val.svelte-198frgv{font-family:var(--font-mono);font-size:.65rem;color:var(--gray-400);min-width:2.5rem;text-align:right}.callouts.svelte-198frgv{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:900px;margin:2.5rem auto 0}.callout.svelte-198frgv{padding:1.25rem;border-radius:12px;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo) var(--delay, 0s),transform .6s var(--ease-out-expo) var(--delay, 0s)}.callouts.visible.svelte-198frgv .callout:where(.svelte-198frgv){opacity:1;transform:translateY(0)}.callout-icon.svelte-198frgv{margin-bottom:.75rem}.callout.svelte-198frgv h3:where(.svelte-198frgv){font-size:1rem;font-weight:600;color:var(--gray-100);margin-bottom:.375rem}.callout.svelte-198frgv p:where(.svelte-198frgv){font-size:.85rem;color:var(--gray-400);line-height:1.5}.no-code-badge.svelte-198frgv{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;font-size:.85rem;font-weight:500;color:var(--gray-300);opacity:0;transition:opacity .6s var(--ease-out-expo) .35s}.no-code-badge.visible.svelte-198frgv{opacity:1}.badge-dot.svelte-198frgv{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d39980}@keyframes svelte-198frgv-handle-pulse{0%,to{box-shadow:0 0 #cf41fd66}50%{box-shadow:0 0 0 3px #cf41fd00}}.em-handle-tr.svelte-198frgv{animation:svelte-198frgv-handle-pulse 2.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.section-header.svelte-198frgv,.editor-mockup.svelte-198frgv,.callout.svelte-198frgv,.no-code-badge.svelte-198frgv{transition:none;opacity:1;transform:none}.em-handle-tr.svelte-198frgv{animation:none}}@media(max-width:768px){.em-workspace.svelte-198frgv{grid-template-columns:1fr}.em-sidebar.svelte-198frgv{display:none}.em-canvas.svelte-198frgv{min-height:280px}.callouts.svelte-198frgv{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.em-template.svelte-198frgv{width:220px;padding:1rem 1.15rem}.em-var.svelte-198frgv{font-size:.58rem;padding:.08rem .35rem}.em-var.sm.svelte-198frgv{font-size:.52rem}.em-canvas.svelte-198frgv{padding:1.25rem;min-height:240px}.section-subtitle.svelte-198frgv{font-size:1rem}}section.svelte-1vn6i4q{padding:var(--section-padding);position:relative}.section-header.svelte-1vn6i4q{text-align:center;margin-bottom:2.5rem;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.section-header.visible.svelte-1vn6i4q{opacity:1;transform:translateY(0)}.tab-bar.svelte-1vn6i4q{display:flex;justify-content:center;gap:.25rem;margin-bottom:3rem;padding:.25rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;max-width:360px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo) .1s,transform .6s var(--ease-out-expo) .1s}.tab-bar.visible.svelte-1vn6i4q{opacity:1;transform:translateY(0)}.tab.svelte-1vn6i4q{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--gray-400);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;flex:1;justify-content:center;white-space:nowrap}.tab.svelte-1vn6i4q:hover{color:var(--gray-200);background:#ffffff0a}.tab.active.svelte-1vn6i4q{color:var(--gray-100);background:#ffffff12;border-color:#ffffff14;box-shadow:0 1px 8px #0003}.tab-icon.svelte-1vn6i4q{width:18px;height:18px;flex-shrink:0}.tab-panel.svelte-1vn6i4q:not([hidden]){animation:svelte-1vn6i4q-tabFadeIn .3s ease-out}@keyframes svelte-1vn6i4q-tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.steps.svelte-1vn6i4q{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:640px;margin:0 auto}.step.svelte-1vn6i4q{display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo);transition-delay:var(--delay)}.steps.visible.svelte-1vn6i4q .step:where(.svelte-1vn6i4q),.steps.visible.svelte-1vn6i4q .step-connector:where(.svelte-1vn6i4q){opacity:1;transform:translateY(0)}.step-number.svelte-1vn6i4q{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;position:relative;flex-shrink:0}.step-purple.svelte-1vn6i4q .step-number:where(.svelte-1vn6i4q){background:#7344d01f;border:1px solid rgba(115,68,208,.2);color:var(--purple-200);box-shadow:0 0 24px #7344d026}.step-magenta.svelte-1vn6i4q .step-number:where(.svelte-1vn6i4q){background:#cf41fd1a;border:1px solid rgba(207,65,253,.18);color:var(--magenta-300);box-shadow:0 0 24px #cf41fd1f}.step-cyan.svelte-1vn6i4q .step-number:where(.svelte-1vn6i4q){background:#00cfff14;border:1px solid rgba(0,207,255,.15);color:var(--cyan-400);box-shadow:0 0 24px #00cfff1a}.step-content.svelte-1vn6i4q{padding:1.5rem;text-align:left;flex:1;min-width:0}.step-content.svelte-1vn6i4q h3:where(.svelte-1vn6i4q){margin-bottom:.6rem;font-size:1.1rem}.step-content.svelte-1vn6i4q p:where(.svelte-1vn6i4q){font-size:.9rem;color:var(--gray-400);line-height:1.6;margin:0 auto}.step-connector.svelte-1vn6i4q{display:flex;align-items:stretch;padding-left:27px;height:24px;opacity:0;transition:opacity .6s var(--ease-out-expo);transition-delay:var(--delay)}.connector-line.svelte-1vn6i4q{width:1px;height:100%;background:linear-gradient(180deg,var(--purple-600),var(--magenta-500));opacity:.4}.step-code.svelte-1vn6i4q{margin-top:1rem;border-radius:10px;overflow:hidden;background:#0000004d;border:1px solid var(--glass-border);text-align:left}.step-code-header.svelte-1vn6i4q{display:flex;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--glass-border);font-family:var(--font-mono);font-size:.68rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em}pre.svelte-1vn6i4q{margin:0;padding:.75rem;overflow-x:auto}pre.svelte-1vn6i4q code:where(.svelte-1vn6i4q){font-family:var(--font-mono);font-size:.75rem;line-height:1.65;color:var(--gray-300);background:none;padding:0;border-radius:0}.hl-attr{color:var(--magenta-300)}.step-visual.svelte-1vn6i4q{margin-top:1rem;border-radius:10px;overflow:hidden;background:#0000004d;border:1px solid var(--glass-border);padding:1rem}.visual-canvas.svelte-1vn6i4q{border-radius:6px;overflow:hidden;border:1px solid rgba(115,68,208,.15)}.canvas-toolbar.svelte-1vn6i4q{display:flex;gap:5px;padding:6px 8px;background:#7344d014;border-bottom:1px solid rgba(115,68,208,.1)}.toolbar-dot.svelte-1vn6i4q{width:6px;height:6px;border-radius:50%;background:#7344d04d}.canvas-body.svelte-1vn6i4q{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.canvas-header-block.svelte-1vn6i4q{width:60%;height:10px;border-radius:3px;background:linear-gradient(90deg,#7344d04d,#cf41fd33)}.canvas-text-lines.svelte-1vn6i4q{display:flex;flex-direction:column;gap:4px}.canvas-line.svelte-1vn6i4q{height:4px;border-radius:2px;background:#ffffff14}.canvas-elements.svelte-1vn6i4q{display:flex;gap:.75rem;margin-top:.25rem;align-items:flex-start}.canvas-img-placeholder.svelte-1vn6i4q{width:40px;height:32px;border-radius:4px;border:1px dashed rgba(115,68,208,.3);display:flex;align-items:center;justify-content:center;color:#7344d066;flex-shrink:0}.canvas-img-placeholder.svelte-1vn6i4q svg:where(.svelte-1vn6i4q){width:16px;height:16px}.canvas-text-block.svelte-1vn6i4q{flex:1;display:flex;flex-direction:column;gap:4px;padding-top:4px}.data-mapping.svelte-1vn6i4q{display:flex;align-items:stretch;gap:0}.data-col.svelte-1vn6i4q{flex:1;display:flex;flex-direction:column;gap:6px}.data-col-label.svelte-1vn6i4q{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:2px}.data-field.svelte-1vn6i4q{padding:5px 8px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-family:var(--font-mono);font-size:.7rem}.field-key.svelte-1vn6i4q{color:var(--magenta-300)}.field-value.svelte-1vn6i4q{color:var(--cyan-300)}.mapping-arrows.svelte-1vn6i4q{display:flex;align-items:center;width:40px;flex-shrink:0;color:var(--magenta-300);padding-top:18px}.mapping-arrows.svelte-1vn6i4q svg:where(.svelte-1vn6i4q){width:100%;height:80px}.output-docs.svelte-1vn6i4q{display:flex;align-items:flex-end;gap:1.5rem;justify-content:center;padding:.25rem 0}.doc-stack.svelte-1vn6i4q{position:relative;width:48px;height:60px}.doc.svelte-1vn6i4q{position:absolute;border-radius:3px;border:1px solid rgba(0,207,255,.15);background:#00cfff0a}.doc-back.svelte-1vn6i4q{width:40px;height:50px;bottom:6px;left:6px;opacity:.3}.doc-mid.svelte-1vn6i4q{width:40px;height:50px;bottom:3px;left:3px;opacity:.5}.doc-front.svelte-1vn6i4q{width:40px;height:50px;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--cyan-400);background:#00cfff0f}.doc-front.svelte-1vn6i4q svg:where(.svelte-1vn6i4q){width:20px;height:auto}.doc-img.svelte-1vn6i4q{height:44px}.doc-img.svelte-1vn6i4q svg:where(.svelte-1vn6i4q){width:18px}.doc-label.svelte-1vn6i4q{font-family:var(--font-mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan-400);opacity:.7}.output-badge.svelte-1vn6i4q{font-family:var(--font-mono);font-size:.65rem;color:var(--cyan-300);background:#00cfff14;border:1px solid rgba(0,207,255,.15);border-radius:20px;padding:3px 10px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.tab-panel.svelte-1vn6i4q:not([hidden]){animation:none}.section-header.svelte-1vn6i4q,.step.svelte-1vn6i4q,.step-connector.svelte-1vn6i4q,.tab-bar.svelte-1vn6i4q{transition:none}.section-header.svelte-1vn6i4q,.steps.visible.svelte-1vn6i4q .step:where(.svelte-1vn6i4q),.steps.visible.svelte-1vn6i4q .step-connector:where(.svelte-1vn6i4q),.tab-bar.svelte-1vn6i4q{opacity:1;transform:none}}@media(max-width:480px){.tab-bar.svelte-1vn6i4q{max-width:100%}.tab.svelte-1vn6i4q{padding:.625rem .75rem;font-size:.8rem;gap:.35rem}.tab-icon.svelte-1vn6i4q{width:16px;height:16px}.step.svelte-1vn6i4q{gap:1rem}.step-number.svelte-1vn6i4q{width:44px;height:44px;border-radius:12px;font-size:.95rem}.step-content.svelte-1vn6i4q{padding:1rem}.step-connector.svelte-1vn6i4q{padding-left:21px}pre.svelte-1vn6i4q code:where(.svelte-1vn6i4q){font-size:.65rem}.data-field.svelte-1vn6i4q{font-size:.6rem;padding:4px 6px}.mapping-arrows.svelte-1vn6i4q{width:28px}}section.svelte-1wlj5cl{padding:var(--section-padding);position:relative}.section-header.svelte-1wlj5cl{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.section-header.visible.svelte-1wlj5cl{opacity:1;transform:translateY(0)}.section-subtitle.svelte-1wlj5cl{color:var(--gray-400);font-size:1.1rem;margin:1rem auto 0;max-width:500px}.bento-grid.svelte-1wlj5cl{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.bento-grid.visible.svelte-1wlj5cl .feature-card:where(.svelte-1wlj5cl){opacity:1;transform:translateY(0)}.feature-card.svelte-1wlj5cl{padding:2rem;opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),background .3s ease,border-color .3s ease,box-shadow .3s ease;transition-delay:var(--delay)}.feature-card.svelte-1wlj5cl:hover{box-shadow:0 0 40px #cf41fd0f}.feature-card.large.svelte-1wlj5cl{grid-column:span 2}.feature-icon.svelte-1wlj5cl{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1.25rem;background:#7344d01a;border:1px solid rgba(115,68,208,.15);color:var(--purple-200)}.feature-icon.svelte-1wlj5cl svg:where(.svelte-1wlj5cl){width:22px;height:22px}.icon-fidelity.svelte-1wlj5cl{color:var(--cyan-400);background:#00cfff14;border-color:#00cfff1f}.icon-api.svelte-1wlj5cl{color:var(--magenta-400);background:#cf41fd14;border-color:#cf41fd1f}.icon-template.svelte-1wlj5cl{color:var(--purple-100)}.icon-privacy.svelte-1wlj5cl{color:#28c840;background:#28c84014;border-color:#28c8401f}.icon-webhook.svelte-1wlj5cl{color:var(--magenta-300);background:#ecb3fe0f;border-color:#ecb3fe1a}.icon-language.svelte-1wlj5cl{color:var(--cyan-300);background:#67e8f90f;border-color:#67e8f91a}.icon-editor.svelte-1wlj5cl{color:var(--purple-200);background:#7344d01a;border-color:#7344d026}.feature-card.svelte-1wlj5cl h3:where(.svelte-1wlj5cl){margin-bottom:.6rem;font-size:1.15rem}.feature-card.svelte-1wlj5cl p:where(.svelte-1wlj5cl){color:var(--gray-400);font-size:.92rem;line-height:1.6}@media(max-width:768px){.bento-grid.svelte-1wlj5cl{grid-template-columns:1fr}.feature-card.large.svelte-1wlj5cl{grid-column:span 1}}@media(min-width:769px)and (max-width:1024px){.bento-grid.svelte-1wlj5cl{grid-template-columns:repeat(2,1fr)}.feature-card.large.svelte-1wlj5cl{grid-column:span 2}}@media(prefers-reduced-motion:reduce){.section-header.svelte-1wlj5cl,.feature-card.svelte-1wlj5cl{transition:none}.section-header.svelte-1wlj5cl,.bento-grid.visible.svelte-1wlj5cl .feature-card:where(.svelte-1wlj5cl){opacity:1;transform:none}}section.svelte-1gjzqxv{padding:var(--section-padding);position:relative}.section-header.svelte-1gjzqxv{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.section-header.visible.svelte-1gjzqxv{opacity:1;transform:translateY(0)}.section-subtitle.svelte-1gjzqxv{color:var(--gray-400);font-size:1.1rem;margin:1rem auto 0;max-width:500px}.integrations-grid.svelte-1gjzqxv{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.integrations-grid.visible.svelte-1gjzqxv .integration-card:where(.svelte-1gjzqxv){opacity:1;transform:translateY(0)}.integration-card.svelte-1gjzqxv{padding:2rem;opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),background .3s ease,border-color .3s ease;transition-delay:var(--delay)}.integration-card.large.svelte-1gjzqxv{grid-column:span 2}.integration-icon.svelte-1gjzqxv{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1.25rem;background:#7344d01a;border:1px solid rgba(115,68,208,.15);color:var(--purple-200)}.integration-icon.svelte-1gjzqxv svg:where(.svelte-1gjzqxv){width:22px;height:22px}.icon-api.svelte-1gjzqxv{color:var(--cyan-400);background:#00cfff14;border-color:#00cfff1f}.icon-sdk.svelte-1gjzqxv{color:var(--magenta-400);background:#cf41fd14;border-color:#cf41fd1f}.icon-zapier.svelte-1gjzqxv{color:#fb923c;background:#fb923c14;border-color:#fb923c1f}.icon-integrately.svelte-1gjzqxv{color:#f87171;background:#f8717114;border-color:#f871711f}.integration-card.svelte-1gjzqxv h3:where(.svelte-1gjzqxv){font-size:1.15rem;margin-bottom:.6rem}.integration-card.svelte-1gjzqxv p:where(.svelte-1gjzqxv){font-size:.92rem;color:var(--gray-400);line-height:1.6;margin-bottom:1rem}.integration-link.svelte-1gjzqxv{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--magenta-400);transition:color var(--transition-fast)}.integration-link.svelte-1gjzqxv:hover{color:var(--magenta-300)}@media(max-width:768px){.integrations-grid.svelte-1gjzqxv{grid-template-columns:1fr}.integration-card.large.svelte-1gjzqxv{grid-column:span 1}.integration-card.svelte-1gjzqxv{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.section-header.svelte-1gjzqxv,.integration-card.svelte-1gjzqxv{transition:none}.section-header.svelte-1gjzqxv,.integrations-grid.visible.svelte-1gjzqxv .integration-card:where(.svelte-1gjzqxv){opacity:1;transform:none}}section.svelte-49mo7b{padding:var(--section-padding);position:relative}.section-header.svelte-49mo7b{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.section-header.visible.svelte-49mo7b{opacity:1;transform:translateY(0)}.section-subtitle.svelte-49mo7b{color:var(--gray-400);font-size:1.1rem;margin:1rem auto 0;max-width:560px}.template-grid.svelte-49mo7b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.template-grid.visible.svelte-49mo7b .template-card:where(.svelte-49mo7b){opacity:1;transform:translateY(0)}.template-card.svelte-49mo7b{padding:2rem;min-width:0;opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),background .3s ease,border-color .3s ease;transition-delay:var(--delay)}.template-card.wide.svelte-49mo7b{grid-column:span 2}.template-card-icon.svelte-49mo7b{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1.25rem;background:#7344d01a;border:1px solid rgba(115,68,208,.15);color:var(--purple-200)}.template-card-icon.custom.svelte-49mo7b{color:var(--magenta-400);background:#cf41fd14;border-color:#cf41fd1f}.template-card-icon.svelte-49mo7b svg:where(.svelte-49mo7b){width:22px;height:22px}.template-card.svelte-49mo7b h3:where(.svelte-49mo7b){font-size:1.15rem;margin-bottom:.6rem}.template-card.svelte-49mo7b p:where(.svelte-49mo7b){font-size:.92rem;color:var(--gray-400);line-height:1.6}.template-links.svelte-49mo7b{display:flex;gap:1.5rem;margin-top:1rem}.template-links.svelte-49mo7b a:where(.svelte-49mo7b){font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--magenta-400);transition:color var(--transition-fast)}.template-links.svelte-49mo7b a:where(.svelte-49mo7b):hover{color:var(--magenta-300)}.flow-heading.svelte-49mo7b{margin-bottom:1.25rem}.flow-layout.svelte-49mo7b{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.flow-steps.svelte-49mo7b{display:flex;flex-direction:column;gap:0}.flow-step.svelte-49mo7b{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:none;border:none;border-radius:12px;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.flow-step.svelte-49mo7b:hover{background:#ffffff08}.flow-step.active.svelte-49mo7b{background:#7344d014}.flow-step-num.svelte-49mo7b{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0a;border:1px solid var(--glass-border);font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--gray-500);flex-shrink:0;transition:all var(--transition-fast)}.flow-step-num.active.svelte-49mo7b{background:#7344d033;border-color:#7344d04d;color:var(--purple-100)}.flow-step-text.svelte-49mo7b{display:flex;flex-direction:column;gap:.2rem}.flow-step-text.svelte-49mo7b strong:where(.svelte-49mo7b){font-family:var(--font-heading);font-size:.88rem;font-weight:600;color:var(--gray-300);transition:color var(--transition-fast)}.flow-step.active.svelte-49mo7b .flow-step-text:where(.svelte-49mo7b) strong:where(.svelte-49mo7b){color:var(--gray-50)}.flow-step-text.svelte-49mo7b span:where(.svelte-49mo7b){font-size:.78rem;color:var(--gray-500);line-height:1.4}.flow-progress.svelte-49mo7b{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:#7344d01a;overflow:hidden}.flow-progress-bar.svelte-49mo7b{width:100%;height:var(--progress);background:linear-gradient(180deg,var(--purple-300),var(--magenta-500));border-radius:2px;transition:height 30ms linear}.flow-code-panel.svelte-49mo7b{min-width:0;display:flex;flex-direction:column;height:380px}.code-block.svelte-49mo7b{border-radius:12px;overflow:hidden;background:#00000059;border:1px solid var(--glass-border);flex:1;display:flex;flex-direction:column}.code-header.svelte-49mo7b{display:flex;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--glass-border);font-family:var(--font-mono);font-size:.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em}pre.svelte-49mo7b{margin:0;padding:1rem;overflow-x:auto;flex:1}pre.svelte-49mo7b code:where(.svelte-49mo7b){font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:var(--gray-300);background:none;padding:0;border-radius:0}.hl-method{color:var(--cyan-400);font-weight:500}.hl-key{color:var(--magenta-300)}.hl-str{color:var(--cyan-300)}.hl-num{color:#fbbf24}.hl-tag{color:var(--purple-100)}.hl-tmpl{color:#fbbf24}.result-split.svelte-49mo7b{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1}.result-code.svelte-49mo7b{border-right:1px solid var(--glass-border);min-width:0}.result-code.svelte-49mo7b pre:where(.svelte-49mo7b){height:100%}.result-preview.svelte-49mo7b{display:flex;flex-direction:column;background:#ffffff05}.mini-invoice.svelte-49mo7b{padding:1rem;flex:1}.mini-inv-header.svelte-49mo7b{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.mini-inv-header.svelte-49mo7b strong:where(.svelte-49mo7b){font-family:var(--font-heading);font-size:.78rem;color:var(--gray-100)}.mini-inv-badge.svelte-49mo7b{font-family:var(--font-heading);font-size:.55rem;font-weight:700;letter-spacing:.1em;color:var(--magenta-400);padding:.15rem .4rem;border:1px solid rgba(207,65,253,.2);border-radius:3px;background:#cf41fd0f}.mini-inv-row.svelte-49mo7b{display:flex;justify-content:space-between;font-size:.62rem;color:var(--gray-400);padding:.15rem 0}.mini-inv-row.svelte-49mo7b span:where(.svelte-49mo7b):last-child{color:var(--gray-300);font-weight:500}.mini-inv-row.total.svelte-49mo7b{font-family:var(--font-heading);font-size:.68rem;font-weight:700;padding-top:.3rem}.mini-inv-row.total.svelte-49mo7b span:where(.svelte-49mo7b):first-child{color:var(--gray-300)}.mini-inv-row.total.svelte-49mo7b span:where(.svelte-49mo7b):last-child{color:var(--magenta-300)}.mini-inv-divider.svelte-49mo7b{height:1px;background:#ffffff0d;margin:.35rem 0}.mini-inv-divider.thick.svelte-49mo7b{background:#ffffff14}.mini-inv-status.svelte-49mo7b{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--glass-border);font-family:var(--font-mono);font-size:.65rem;color:var(--gray-500)}.status-dot.svelte-49mo7b{width:5px;height:5px;border-radius:50%;background:#28c840;box-shadow:0 0 6px #28c84080}@media(max-width:768px){.template-grid.svelte-49mo7b{grid-template-columns:1fr}.template-card.wide.svelte-49mo7b{grid-column:span 1}.template-card.svelte-49mo7b{padding:1.5rem}.result-split.svelte-49mo7b{grid-template-columns:1fr}.result-code.svelte-49mo7b{border-right:none;border-bottom:1px solid var(--glass-border)}.flow-layout.svelte-49mo7b{grid-template-columns:1fr}.flow-code-panel.svelte-49mo7b{height:auto}.flow-steps.svelte-49mo7b{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.flow-steps.svelte-49mo7b::-webkit-scrollbar{display:none}.flow-step.svelte-49mo7b{flex-shrink:0;padding:.6rem .75rem;border-radius:10px}.flow-step-text.svelte-49mo7b span:where(.svelte-49mo7b){display:none}.flow-progress.svelte-49mo7b{inset:auto 8px 0;width:auto;height:3px}.flow-progress-bar.svelte-49mo7b{height:100%;width:var(--progress);transition:width 30ms linear}}@media(max-width:480px){.flow-step-text.svelte-49mo7b strong:where(.svelte-49mo7b){font-size:.78rem}pre.svelte-49mo7b code:where(.svelte-49mo7b){font-size:.7rem}}section.svelte-5i7azw{padding:var(--section-padding);position:relative}.section-header.svelte-5i7azw{text-align:center;margin-bottom:3.5rem;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.section-header.visible.svelte-5i7azw{opacity:1;transform:translateY(0)}.section-subtitle.svelte-5i7azw{font-size:1rem;color:var(--gray-400);line-height:1.7;max-width:540px;margin:1rem auto 0}.showcase-grid.svelte-5i7azw{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:960px;margin:0 auto;align-items:start;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo) .1s,transform .7s var(--ease-out-expo) .1s}.showcase-grid.visible.svelte-5i7azw{opacity:1;transform:translateY(0)}.editor-card.svelte-5i7azw{padding:0;overflow:hidden;border-radius:16px}.editor-bar.svelte-5i7azw{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.editor-title.svelte-5i7azw{font-family:var(--font-mono);font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em}.editor-body.svelte-5i7azw{padding:1.25rem}code.svelte-5i7azw{font-family:var(--font-mono);font-size:.85rem;line-height:1.7}.code-method.svelte-5i7azw{color:var(--cyan-400);font-weight:500}.code-url.svelte-5i7azw{color:var(--gray-300)}.code-brace.svelte-5i7azw{color:var(--gray-500)}.code-key.svelte-5i7azw{color:var(--magenta-300)}.code-colon.svelte-5i7azw{color:var(--gray-500);margin:0 .15rem}.code-string.svelte-5i7azw{color:var(--cyan-300)}.code-number.svelte-5i7azw{color:#fbbf24}.code-comment.svelte-5i7azw{color:var(--gray-600);font-style:italic}.code-comma.svelte-5i7azw{color:var(--gray-500)}.result-card.svelte-5i7azw{padding:1.25rem;border-radius:16px}.result-header.svelte-5i7azw{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.82rem;color:var(--gray-300);margin-bottom:1rem}.result-preview.svelte-5i7azw{background:#ffffff0a;border-radius:8px;padding:0;margin-bottom:.75rem;overflow:hidden}.invoice.svelte-5i7azw{padding:2rem 1.5rem;font-family:var(--font-body)}.inv-header.svelte-5i7azw{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.inv-company.svelte-5i7azw{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--gray-100);margin-bottom:.15rem}.inv-meta.svelte-5i7azw{font-size:.62rem;color:var(--gray-500);line-height:1.4}.inv-badge.svelte-5i7azw{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--magenta-400);padding:.2rem .5rem;border:1px solid rgba(207,65,253,.2);border-radius:4px;background:#cf41fd0f}.inv-details.svelte-5i7azw{display:flex;flex-direction:column;gap:.2rem;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.inv-detail-row.svelte-5i7azw{display:flex;justify-content:space-between;font-size:.65rem}.inv-label.svelte-5i7azw{color:var(--gray-500)}.inv-value.svelte-5i7azw{color:var(--gray-300);font-weight:500}.inv-table.svelte-5i7azw{width:100%;border-collapse:collapse;margin-bottom:.6rem}.inv-table.svelte-5i7azw th:where(.svelte-5i7azw){font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);text-align:left;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.inv-table.svelte-5i7azw th:where(.svelte-5i7azw):last-child,.inv-table.svelte-5i7azw td:where(.svelte-5i7azw):last-child{text-align:right}.inv-table.svelte-5i7azw td:where(.svelte-5i7azw){font-size:.65rem;color:var(--gray-300);padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.inv-total-row.svelte-5i7azw{display:flex;justify-content:space-between;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-heading);font-size:.75rem;font-weight:700}.inv-total-row.svelte-5i7azw span:where(.svelte-5i7azw):first-child{color:var(--gray-300)}.inv-total-amount.svelte-5i7azw{color:var(--magenta-300)}.result-status.svelte-5i7azw{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500)}.status-dot.svelte-5i7azw{width:6px;height:6px;border-radius:50%;background:#28c840;box-shadow:0 0 8px #28c84080}@media(max-width:768px){.showcase-grid.svelte-5i7azw{grid-template-columns:1fr;max-width:480px}}@media(max-width:480px){code.svelte-5i7azw{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.section-header.svelte-5i7azw,.showcase-grid.svelte-5i7azw{transition:none}.section-header.svelte-5i7azw,.showcase-grid.svelte-5i7azw{opacity:1;transform:none}}section.svelte-1jtb4o6{padding:var(--section-padding);position:relative}.html-grid.svelte-1jtb4o6{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.html-grid.visible.svelte-1jtb4o6 .html-header:where(.svelte-1jtb4o6),.html-grid.visible.svelte-1jtb4o6 .cap-card:where(.svelte-1jtb4o6){opacity:1;transform:translateY(0)}.html-header.svelte-1jtb4o6{position:sticky;top:calc(var(--nav-height) + 2rem);opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.html-header.svelte-1jtb4o6 h2:where(.svelte-1jtb4o6){margin-bottom:1.25rem}.html-header.svelte-1jtb4o6 p:where(.svelte-1jtb4o6){color:var(--gray-400);font-size:1rem;line-height:1.7}.capabilities.svelte-1jtb4o6{display:flex;flex-direction:column;gap:1rem}.cap-card.svelte-1jtb4o6{padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),background .3s ease,border-color .3s ease;transition-delay:var(--delay)}.cap-icon.svelte-1jtb4o6{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;background:#7344d01a;border:1px solid rgba(115,68,208,.15);color:var(--purple-200)}.cap-icon.svelte-1jtb4o6 svg:where(.svelte-1jtb4o6){width:20px;height:20px}.cap-css.svelte-1jtb4o6{color:var(--cyan-400);background:#00cfff14;border-color:#00cfff1f}.cap-js.svelte-1jtb4o6{color:#fbbf24;background:#fbbf2414;border-color:#fbbf241f}.cap-font.svelte-1jtb4o6{color:var(--magenta-300);background:#ecb3fe0f;border-color:#ecb3fe1a}.cap-image.svelte-1jtb4o6{color:#34d399;background:#34d39914;border-color:#34d3991f}.cap-embed.svelte-1jtb4o6{color:var(--purple-100)}.cap-card.svelte-1jtb4o6 h3:where(.svelte-1jtb4o6){font-size:1rem;margin-bottom:.35rem}.cap-card.svelte-1jtb4o6 p:where(.svelte-1jtb4o6){font-size:.88rem;color:var(--gray-400);line-height:1.6}@media(max-width:768px){.html-grid.svelte-1jtb4o6{grid-template-columns:1fr;gap:2rem}.html-header.svelte-1jtb4o6{position:static;text-align:center}.html-header.svelte-1jtb4o6 p:where(.svelte-1jtb4o6){margin:0 auto}.cap-card.svelte-1jtb4o6{padding:1.25rem}}@media(prefers-reduced-motion:reduce){.html-header.svelte-1jtb4o6,.cap-card.svelte-1jtb4o6{transition:none}.html-header.svelte-1jtb4o6,.html-grid.visible.svelte-1jtb4o6 .cap-card:where(.svelte-1jtb4o6){opacity:1;transform:none}}section.svelte-105tbcu{padding:var(--section-padding);position:relative;overflow:hidden}.cdn-layout.svelte-105tbcu{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cdn-layout.visible.svelte-105tbcu .cdn-content:where(.svelte-105tbcu),.cdn-layout.visible.svelte-105tbcu .cdn-visual:where(.svelte-105tbcu){opacity:1;transform:translateY(0)}.cdn-content.svelte-105tbcu,.cdn-visual.svelte-105tbcu{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.cdn-visual.svelte-105tbcu{transition-delay:.1s}.cdn-content.svelte-105tbcu h2:where(.svelte-105tbcu){margin-bottom:1.25rem}.cdn-content.svelte-105tbcu p:where(.svelte-105tbcu){color:var(--gray-400);font-size:1rem;line-height:1.7;margin-bottom:1rem}.cdn-features.svelte-105tbcu{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.cdn-feat.svelte-105tbcu{display:flex;align-items:center;gap:.6rem;font-family:var(--font-heading);font-size:.9rem;font-weight:500;color:var(--gray-200)}.cdn-feat.svelte-105tbcu svg:where(.svelte-105tbcu){width:18px;height:18px;color:var(--cyan-400);flex-shrink:0}.globe.svelte-105tbcu{position:relative;width:405px;height:405px;margin:0 auto}.globe-ring.svelte-105tbcu{position:absolute;border-radius:50%;border:1.5px solid rgba(115,68,208,.3)}.ring-1.svelte-105tbcu{inset:0;animation:float 12s ease-in-out infinite}.ring-2.svelte-105tbcu{inset:40px;border-color:#cf41fd40;animation:float 15s ease-in-out infinite reverse}.ring-3.svelte-105tbcu{inset:80px;border-color:#00cfff38;animation:drift 18s ease-in-out infinite}.globe-center.svelte-105tbcu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--purple-300),var(--magenta-500));box-shadow:0 0 20px #cf41fd66}.globe-dot.svelte-105tbcu{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan-400);box-shadow:0 0 8px #00cfff80;animation:pulse-glow 3s ease-in-out infinite}.dot-1.svelte-105tbcu{top:15%;left:35%;animation-delay:0s}.dot-2.svelte-105tbcu{top:40%;right:10%;animation-delay:.5s}.dot-3.svelte-105tbcu{bottom:25%;left:15%;animation-delay:1s}.dot-4.svelte-105tbcu{bottom:10%;right:30%;animation-delay:1.5s}.dot-5.svelte-105tbcu{top:60%;left:55%;animation-delay:2s}@media(max-width:768px){.cdn-layout.svelte-105tbcu{grid-template-columns:1fr;gap:2rem}.cdn-visual.svelte-105tbcu{order:-1}.globe.svelte-105tbcu{width:270px;height:270px}.ring-2.svelte-105tbcu{inset:27px}.ring-3.svelte-105tbcu{inset:54px}.cdn-content.svelte-105tbcu{text-align:center}.cdn-content.svelte-105tbcu p:where(.svelte-105tbcu){margin:0 auto 1rem}.cdn-features.svelte-105tbcu{align-items:center}}@media(max-width:480px){.globe.svelte-105tbcu{width:216px;height:216px}.ring-2.svelte-105tbcu{inset:22px}.ring-3.svelte-105tbcu{inset:43px}}@media(prefers-reduced-motion:reduce){.cdn-content.svelte-105tbcu,.cdn-visual.svelte-105tbcu{transition:none}.cdn-content.svelte-105tbcu,.cdn-visual.svelte-105tbcu{opacity:1;transform:none}.globe-ring.svelte-105tbcu,.globe-dot.svelte-105tbcu{animation:none}}