.hero.svelte-13wmnd{background:linear-gradient(135deg, var(--color-neutral-50) 0%, #f0f7ff 100%);padding:5rem 0 6rem;overflow:hidden}.hero.svelte-13wmnd .container:where(.svelte-13wmnd){grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.hero.svelte-13wmnd .container:where(.svelte-13wmnd){grid-template-columns:1fr 1fr}}.hero-badge.svelte-13wmnd{color:var(--color-tertiary);background-color:#2e5b8814;border:1px solid #2e5b8833;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.25rem;padding:.375rem .875rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot.svelte-13wmnd{background-color:var(--color-tertiary);border-radius:50%;width:6px;height:6px;animation:2s infinite svelte-13wmnd-pulse}@keyframes svelte-13wmnd-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title.svelte-13wmnd{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-primary);margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.1}.text-gradient.svelte-13wmnd{background:linear-gradient(135deg, var(--color-tertiary) 0%, var(--color-secondary-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc.svelte-13wmnd{color:var(--color-neutral-600);max-width:500px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-actions.svelte-13wmnd{flex-wrap:wrap;gap:.875rem;margin-bottom:2.5rem;display:flex}.hero-stats.svelte-13wmnd{border-top:1px solid var(--color-neutral-200);flex-wrap:wrap;gap:1.5rem;padding-top:2rem;display:flex}.stat-item.svelte-13wmnd{flex-direction:column;gap:.125rem;display:flex}.stat-value.svelte-13wmnd{font-family:var(--font-heading);color:var(--color-primary);font-size:1.5rem;font-weight:800;line-height:1}.stat-label.svelte-13wmnd{color:var(--color-neutral-500);font-size:.8rem;font-weight:500}.btn-primary-lg.svelte-13wmnd{font-family:var(--font-heading);color:#fff;background-color:var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #071e4840}.btn-primary-lg.svelte-13wmnd:hover{background-color:var(--color-primary-500);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 20px #071e484d}.btn-secondary-lg.svelte-13wmnd{font-family:var(--font-heading);color:var(--color-primary);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-base);background-color:#fff;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary-lg.svelte-13wmnd:hover{border-color:var(--color-primary);background-color:var(--color-primary-50);text-decoration:none}.hero-visual.svelte-13wmnd{justify-content:center;display:flex}.dashboard-mockup.svelte-13wmnd{border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl), 0 0 0 1px #071e480f;background:#fff;overflow:hidden}.mockup-header.svelte-13wmnd{background-color:var(--color-primary);align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.mockup-dots.svelte-13wmnd{gap:5px;display:flex}.mockup-dots.svelte-13wmnd span:where(.svelte-13wmnd){background-color:#ffffff4d;border-radius:50%;width:10px;height:10px}.mockup-title.svelte-13wmnd{color:#fffc;letter-spacing:.05em;font-size:.8rem;font-weight:600;font-family:var(--font-mono)}.mockup-body.svelte-13wmnd{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.device-grid.svelte-13wmnd{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.device-card.svelte-13wmnd{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.device-icon.svelte-13wmnd{font-size:1.25rem}.device-name.svelte-13wmnd{color:var(--color-neutral-700);font-size:.7rem;font-weight:600}.device-value.svelte-13wmnd{color:var(--color-neutral-500);font-size:.65rem;font-family:var(--font-mono)}.device-status.svelte-13wmnd{color:var(--color-neutral-400);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.65rem;display:flex}.status-dot.svelte-13wmnd{background-color:var(--color-neutral-400);border-radius:50%;width:5px;height:5px}.status-dot.online.svelte-13wmnd{background-color:#22c55e;box-shadow:0 0 4px #22c55e80}.chart-preview.svelte-13wmnd{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50);padding:.75rem}.chart-label.svelte-13wmnd{color:var(--color-neutral-500);font-size:.65rem;font-weight:600;font-family:var(--font-mono);margin-bottom:.5rem}.chart-bars.svelte-13wmnd{align-items:flex-end;gap:3px;height:48px;display:flex}.chart-bar.svelte-13wmnd{background:linear-gradient(to top, var(--color-primary) 0%, var(--color-tertiary) 100%);opacity:.8;transition:opacity var(--transition-fast);border-radius:2px 2px 0 0;flex:1}.chart-bar.svelte-13wmnd:hover{opacity:1}.section-header.svelte-13wmnd{text-align:center;margin-inline:auto;max-width:600px;margin-bottom:3.5rem}.section-label.svelte-13wmnd{letter-spacing:.1em;text-transform:uppercase;color:var(--color-tertiary);margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-block}.section-label.light.svelte-13wmnd{color:var(--color-secondary)}.section-desc.svelte-13wmnd{color:var(--color-neutral-500);margin-top:.875rem;font-size:1rem}.categories.svelte-13wmnd{background-color:#fff;padding:5rem 0}.categories-grid.svelte-13wmnd{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.categories-grid.svelte-13wmnd{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.categories-grid.svelte-13wmnd{grid-template-columns:repeat(3,1fr)}}.category-card.svelte-13wmnd{border-radius:var(--radius-xl);border:1.5px solid var(--color-neutral-200);transition:all var(--transition-base);background-color:#fff;flex-direction:column;gap:.75rem;padding:1.75rem;text-decoration:none;display:flex}.category-card.svelte-13wmnd:hover{border-color:var(--color-secondary);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #071e4814}.category-icon.svelte-13wmnd{font-size:2rem;line-height:1}.category-card.svelte-13wmnd h3:where(.svelte-13wmnd){font-family:var(--font-heading);color:var(--color-primary);margin:0;font-size:1.1rem;font-weight:700}.category-card.svelte-13wmnd p:where(.svelte-13wmnd){color:var(--color-neutral-500);flex:1;font-size:.9rem;line-height:1.6}.category-link.svelte-13wmnd{color:var(--color-tertiary);align-items:center;gap:.375rem;margin-top:auto;font-size:.85rem;font-weight:600;display:inline-flex}.cloud-section.svelte-13wmnd{background-color:var(--color-primary);padding:5rem 0}.cloud-inner.svelte-13wmnd{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.cloud-inner.svelte-13wmnd{grid-template-columns:1fr 1fr}}.cloud-content.svelte-13wmnd h2:where(.svelte-13wmnd){color:#fff;margin-bottom:1.25rem}.cloud-desc.svelte-13wmnd{color:#ffffffb3;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.cloud-features.svelte-13wmnd{flex-direction:column;gap:.625rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.cloud-features.svelte-13wmnd li:where(.svelte-13wmnd){color:#ffffffd9;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.cloud-features.svelte-13wmnd li:where(.svelte-13wmnd) svg:where(.svelte-13wmnd){color:var(--color-secondary);flex-shrink:0}.btn-secondary-outline.svelte-13wmnd{font-family:var(--font-heading);color:var(--color-primary);background-color:var(--color-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-secondary-outline.svelte-13wmnd:hover{background-color:var(--color-secondary-100);color:var(--color-primary);text-decoration:none;transform:translateY(-1px)}.cloud-cards.svelte-13wmnd{flex-direction:column;gap:.875rem;max-width:380px;margin-inline:auto;display:flex}.realtime-card.svelte-13wmnd{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff12;border:1px solid #ffffff1f;padding:1.25rem}.realtime-header.svelte-13wmnd{color:#fff9;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.realtime-dot.svelte-13wmnd{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite svelte-13wmnd-pulse;box-shadow:0 0 6px #22c55e99}.realtime-time.svelte-13wmnd{font-family:var(--font-mono);margin-left:auto;font-size:.75rem}.realtime-metrics.svelte-13wmnd{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.metric.svelte-13wmnd{flex-direction:column;gap:.25rem;display:flex}.metric-label.svelte-13wmnd{color:#ffffff80;font-size:.7rem}.metric-value.svelte-13wmnd{font-family:var(--font-mono);color:var(--color-secondary);font-size:1rem;font-weight:600}.alert-card.svelte-13wmnd{border-radius:var(--radius-lg);color:#fca5a5;background-color:#ef444426;border:1px solid #ef44444d;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.85rem;display:flex}.alert-card.svelte-13wmnd svg:where(.svelte-13wmnd){color:#f87171;flex-shrink:0}.how-it-works.svelte-13wmnd{background-color:var(--color-neutral-50);padding:5rem 0}.steps-grid.svelte-13wmnd{grid-template-columns:1fr;gap:1.5rem;display:grid;position:relative}@media (width>=768px){.steps-grid.svelte-13wmnd{grid-template-columns:repeat(3,1fr)}}.step-card.svelte-13wmnd{border-radius:var(--radius-xl);border:1.5px solid var(--color-neutral-200);background-color:#fff;padding:2rem;position:relative;overflow:hidden}.step-number.svelte-13wmnd{font-family:var(--font-heading);color:var(--color-neutral-100);-webkit-user-select:none;user-select:none;font-size:4rem;font-weight:900;line-height:1;position:absolute;top:-.5rem;right:1rem}.step-icon.svelte-13wmnd{margin-bottom:.75rem;font-size:2rem}.step-card.svelte-13wmnd h3:where(.svelte-13wmnd){font-family:var(--font-heading);color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.step-card.svelte-13wmnd p:where(.svelte-13wmnd){color:var(--color-neutral-500);font-size:.9rem;line-height:1.65}.cta-section.svelte-13wmnd{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-secondary-50) 100%);padding:5rem 0}.cta-inner.svelte-13wmnd{text-align:center;max-width:600px;margin-inline:auto}.cta-inner.svelte-13wmnd h2:where(.svelte-13wmnd){margin-bottom:1rem}.cta-inner.svelte-13wmnd p:where(.svelte-13wmnd){color:var(--color-neutral-500);margin-bottom:2rem;font-size:1.05rem}.cta-actions.svelte-13wmnd{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}.btn-ghost-light.svelte-13wmnd{font-family:var(--font-heading);color:var(--color-neutral-700);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:center;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost-light.svelte-13wmnd:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#fff;text-decoration:none}