.draw-preview-content.svelte-stnnv{max-width:1100px;margin:0 auto}.draw-screenshot-wrapper.svelte-stnnv{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026}.draw-canvas.svelte-stnnv{width:100%;height:auto;display:block;background:#fff;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E") 2 22,crosshair;touch-action:none}.draw-feature-overlay.svelte-stnnv{position:absolute;top:0;right:0;bottom:0;width:260px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 30%);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 24px 24px 40px}.feature-item.svelte-stnnv{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.15)}.feature-item.svelte-stnnv .feature-icon:where(.svelte-stnnv){font-size:20px;line-height:1;flex-shrink:0}.feature-item.svelte-stnnv .feature-text:where(.svelte-stnnv){display:flex;flex-direction:column;gap:2px}.feature-item.svelte-stnnv .feature-text:where(.svelte-stnnv) strong:where(.svelte-stnnv){color:#fff;font-size:13px;font-weight:600}.feature-item.svelte-stnnv .feature-text:where(.svelte-stnnv) span:where(.svelte-stnnv){color:#fffc;font-size:11px}.overlay-actions.svelte-stnnv{display:flex;flex-direction:column;gap:8px;margin-top:12px}.btn-clear.svelte-stnnv,.btn-generate.svelte-stnnv{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-clear.svelte-stnnv{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff}.btn-clear.svelte-stnnv:hover:not(:disabled){background:#ffffff40}.btn-generate.svelte-stnnv{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;box-shadow:0 4px 12px #6366f166}.btn-generate.svelte-stnnv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f180}.btn-clear.svelte-stnnv:disabled,.btn-generate.svelte-stnnv:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-spinner.svelte-stnnv{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-stnnv-spin .8s linear infinite}@keyframes svelte-stnnv-spin{to{transform:rotate(360deg)}}.mobile-actions.svelte-stnnv{display:none;gap:12px;padding:16px;background:#f8fafc;border-radius:0 0 12px 12px;margin-top:-4px}.btn-clear-mobile.svelte-stnnv,.btn-generate-mobile.svelte-stnnv{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.btn-clear-mobile.svelte-stnnv{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-clear-mobile.svelte-stnnv:hover:not(:disabled){background:#f3f4f6}.btn-generate-mobile.svelte-stnnv{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-generate-mobile.svelte-stnnv:hover:not(:disabled){box-shadow:0 6px 16px #6366f166}.btn-clear-mobile.svelte-stnnv:disabled,.btn-generate-mobile.svelte-stnnv:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.draw-feature-overlay.svelte-stnnv{display:none}.mobile-actions.svelte-stnnv{display:flex}.draw-screenshot-wrapper.svelte-stnnv{border-radius:12px 12px 0 0}}.app-preview.svelte-od5yhb{padding:40px 20px 80px;background:#fff;position:relative;z-index:10;scroll-margin-top:100px;box-shadow:0 -2px 8px #0000000f,0 2px 8px #0000000f}.action-grid.svelte-od5yhb{display:grid;grid-template-columns:.85fr 1.5fr;gap:48px;align-items:center;max-width:1400px;margin:32px auto 60px}@media(max-width:1024px){.action-grid.svelte-od5yhb{grid-template-columns:1fr;gap:40px}}.action-steps.svelte-od5yhb{padding:0}.steps-list.svelte-od5yhb{display:flex;flex-direction:column;gap:12px}.action-step.svelte-od5yhb{display:flex;align-items:flex-start;gap:16px;padding:0}.action-step-number.svelte-od5yhb{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #6366f140}.action-step-content.svelte-od5yhb{flex:1;padding-top:2px}.action-step-title.svelte-od5yhb{font-size:16px;font-weight:600;margin-bottom:2px;color:#0f172a;line-height:1.4}.action-step-description.svelte-od5yhb{font-size:13px;color:#64748b;margin:0;line-height:1.5}.action-video.svelte-od5yhb{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;background:#1f2937;width:100%}.video-wrapper.svelte-od5yhb{position:relative;width:100%;padding-top:62%;overflow:hidden;background:#1f2937;min-height:300px}.demo-video.svelte-od5yhb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;background:#1f2937}@media(max-width:768px){.video-wrapper.svelte-od5yhb{min-height:250px}.demo-video.svelte-od5yhb,.app-screenshot-video.svelte-od5yhb{min-height:200px}}.action-cta-button.svelte-od5yhb{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;margin-top:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 4px 12px #6366f140}.action-cta-button.svelte-od5yhb:hover{opacity:.9}.container.svelte-od5yhb{max-width:1200px;margin:0 auto}.app-preview-content.svelte-od5yhb{max-width:1100px;margin:0 auto}.section-header.svelte-od5yhb{text-align:center;margin-bottom:24px}.section-title.svelte-od5yhb{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:8px}.section-subtitle.svelte-od5yhb{font-size:1.25rem;color:#64748b}.app-screenshot-wrapper.svelte-od5yhb{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026}.app-screenshot-video.svelte-od5yhb{width:100%;height:auto;display:block}.app-feature-overlay.svelte-od5yhb{position:absolute;top:0;right:0;bottom:0;width:260px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 30%);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 24px 24px 40px}.feature-item.svelte-od5yhb{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.15)}.feature-item.svelte-od5yhb .feature-icon:where(.svelte-od5yhb){font-size:20px;line-height:1;flex-shrink:0}.feature-item.svelte-od5yhb .feature-text:where(.svelte-od5yhb){display:flex;flex-direction:column;gap:2px}.feature-item.svelte-od5yhb .feature-text:where(.svelte-od5yhb) strong:where(.svelte-od5yhb){color:#fff;font-size:13px;font-weight:600}.feature-item.svelte-od5yhb .feature-text:where(.svelte-od5yhb) span:where(.svelte-od5yhb){color:#fffc;font-size:11px}.spreadsheet-preview.svelte-od5yhb{margin-top:80px;max-width:1200px;margin-left:auto;margin-right:auto}.spreadsheet-header.svelte-od5yhb{text-align:center;margin-bottom:40px}.spreadsheet-title.svelte-od5yhb{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.spreadsheet-subtitle.svelte-od5yhb{font-size:16px;color:#666}.spreadsheet-grid.svelte-od5yhb{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.spreadsheet-card.svelte-od5yhb{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.spreadsheet-card.svelte-od5yhb:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.spreadsheet-label.svelte-od5yhb{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.spreadsheet-icon.svelte-od5yhb{font-size:20px}.spreadsheet-step.svelte-od5yhb{font-weight:600;color:#4f46e5;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.spreadsheet-screenshot-wrapper.svelte-od5yhb{border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:16px;aspect-ratio:16/10;background:#f9fafb}.spreadsheet-screenshot.svelte-od5yhb{width:100%;height:100%;object-fit:cover;display:block}.spreadsheet-description.svelte-od5yhb{font-size:14px;color:#4b5563;line-height:1.5;text-align:center}.spreadsheet-arrow.svelte-od5yhb{color:#cbd5e1;display:flex;justify-content:center}@media(max-width:768px){.app-feature-overlay.svelte-od5yhb{display:none}.spreadsheet-grid.svelte-od5yhb{grid-template-columns:1fr;gap:40px}.spreadsheet-arrow.svelte-od5yhb{transform:rotate(90deg)}}.slides-spotlight.svelte-l0tdta{padding:60px 24px 80px;background:linear-gradient(180deg,#0a0f1a,#0d1424);color:#fff;position:relative;overflow:hidden}.slides-spotlight.svelte-l0tdta:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.container.svelte-l0tdta{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header.svelte-l0tdta{text-align:center;margin-bottom:40px}.section-title.svelte-l0tdta{font-size:clamp(2rem,5vw,3rem);margin:0 0 16px;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle.svelte-l0tdta{opacity:.7;font-size:1.15rem;max-width:600px;margin:0 auto;line-height:1.6}.spotlight-content.svelte-l0tdta{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto}.spotlight-media.svelte-l0tdta{margin:0}.spotlight-media.svelte-l0tdta img:where(.svelte-l0tdta){width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 64px #00000080,0 0 0 1px #ffffff0d inset;display:block}.spotlight-features.svelte-l0tdta{text-align:left}.features-list.svelte-l0tdta{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}.features-list.svelte-l0tdta li:where(.svelte-l0tdta){position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:#fffc}.features-list.svelte-l0tdta li:where(.svelte-l0tdta):before{content:"•";position:absolute;left:0;color:#8b5cf6;font-weight:700}.features-list.svelte-l0tdta strong:where(.svelte-l0tdta){color:#f8fafc;font-weight:600;display:block;margin-bottom:2px}.features-list.svelte-l0tdta span:where(.svelte-l0tdta){color:#fff9;font-size:13px}.cta-row.svelte-l0tdta{display:flex;gap:12px;flex-wrap:wrap}.btn-primary.svelte-l0tdta,.btn-secondary.svelte-l0tdta{padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary.svelte-l0tdta{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary.svelte-l0tdta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary.svelte-l0tdta .arrow:where(.svelte-l0tdta){transition:transform .2s}.btn-primary.svelte-l0tdta:hover .arrow:where(.svelte-l0tdta){transform:translate(3px)}.btn-secondary.svelte-l0tdta{border:1px solid rgba(255,255,255,.2);color:#fff;background:#ffffff0d}.btn-secondary.svelte-l0tdta:hover{background:#ffffff1a;border-color:#ffffff4d}.kpi-mini-spotlight.svelte-l0tdta{margin-top:60px;padding:32px;background:linear-gradient(135deg,#22c55e14,#3b82f614);border:1px solid rgba(34,197,94,.2);border-radius:16px}.kpi-content.svelte-l0tdta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.kpi-text.svelte-l0tdta h3:where(.svelte-l0tdta){margin:0 0 8px;font-size:1.25rem;font-weight:700}.kpi-text.svelte-l0tdta p:where(.svelte-l0tdta){margin:0;opacity:.7;max-width:500px;line-height:1.5}.btn-kpi.svelte-l0tdta{padding:12px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;transition:all .2s;white-space:nowrap}.btn-kpi.svelte-l0tdta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}@media(max-width:980px){.spotlight-content.svelte-l0tdta{grid-template-columns:1fr;gap:32px}.spotlight-features.svelte-l0tdta{text-align:center}.features-list.svelte-l0tdta li:where(.svelte-l0tdta){text-align:left;display:inline-block}.kpi-content.svelte-l0tdta{flex-direction:column;text-align:center}.kpi-text.svelte-l0tdta p:where(.svelte-l0tdta){max-width:100%}}@media(max-width:600px){.slides-spotlight.svelte-l0tdta{padding:60px 16px}.section-header.svelte-l0tdta{margin-bottom:40px}.cta-row.svelte-l0tdta{flex-direction:column}.btn-primary.svelte-l0tdta,.btn-secondary.svelte-l0tdta{width:100%;justify-content:center}}