.demo-hero.svelte-12xtqiu{display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:clamp(28px,5vw,70px);align-items:center;min-height:auto;padding-top:clamp(42px,7vw,86px);padding-bottom:clamp(48px,7vw,86px)}.hero-copy.svelte-12xtqiu{max-width:720px}.hero-copy.svelte-12xtqiu h1:where(.svelte-12xtqiu){max-width:720px;font-size:clamp(46px,5.6vw,72px);line-height:.94;letter-spacing:-.062em;margin:16px 0 22px}.hero-copy.svelte-12xtqiu p:where(.svelte-12xtqiu){max-width:680px;color:var(--muted, #9ca3af);font-size:clamp(16px,1.35vw,19px);line-height:1.65}.hero-actions.svelte-12xtqiu{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}button.btn.svelte-12xtqiu{border:0;cursor:pointer}button.btn.svelte-12xtqiu:disabled{opacity:.7;cursor:wait}.demo-panel.svelte-12xtqiu,.demo-card.svelte-12xtqiu,.demo-note.svelte-12xtqiu{border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#0f172ad1,#0f172a7a);border-radius:30px;box-shadow:0 24px 70px #00000047}.demo-panel.svelte-12xtqiu{padding:clamp(16px,2.5vw,26px);min-height:0;display:grid;gap:20px;align-self:center}.demo-dashboard-shell.svelte-12xtqiu{border-radius:24px;padding:18px;background:linear-gradient(180deg,#f8fafcfa,#e2e8f0f0);color:#0f172a;box-shadow:inset 0 1px #ffffffe0,0 18px 50px #02061738}.demo-dashboard-top.svelte-12xtqiu{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px;font-weight:950}.demo-dashboard-top.svelte-12xtqiu small:where(.svelte-12xtqiu){border-radius:999px;padding:5px 9px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-weight:950}.demo-dashboard-alert.svelte-12xtqiu{border-radius:16px;padding:11px 12px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-weight:800;margin-bottom:14px}.demo-dashboard-metrics.svelte-12xtqiu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.demo-dashboard-metrics.svelte-12xtqiu div:where(.svelte-12xtqiu){border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:13px 14px;display:grid;gap:4px}.demo-dashboard-metrics.svelte-12xtqiu span:where(.svelte-12xtqiu){color:#64748b;font-size:12px;font-weight:850}.demo-dashboard-metrics.svelte-12xtqiu strong:where(.svelte-12xtqiu){color:#0f172a;font-size:32px;line-height:1;letter-spacing:-.055em}.demo-dashboard-grid.svelte-12xtqiu{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.demo-dashboard-list.svelte-12xtqiu,.demo-dashboard-review.svelte-12xtqiu{min-height:132px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:13px}.demo-dashboard-list.svelte-12xtqiu{display:grid;gap:9px}.demo-dashboard-list.svelte-12xtqiu span:where(.svelte-12xtqiu){border-radius:13px;background:#f1f5f9}.demo-dashboard-review.svelte-12xtqiu{display:flex;flex-direction:column;justify-content:space-between}.demo-dashboard-review.svelte-12xtqiu strong:where(.svelte-12xtqiu){font-size:16px}.demo-dashboard-review.svelte-12xtqiu small:where(.svelte-12xtqiu){color:#64748b;font-weight:750}.demo-dashboard-review.svelte-12xtqiu em:where(.svelte-12xtqiu){width:max-content;border-radius:999px;padding:6px 10px;background:#dcfce7;color:#166534;font-style:normal;font-weight:950}.demo-panel-copy.svelte-12xtqiu{padding:0 4px 2px}.demo-panel-copy.svelte-12xtqiu span:where(.svelte-12xtqiu),.eyebrow.svelte-12xtqiu{color:#34d399;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.demo-panel-copy.svelte-12xtqiu strong:where(.svelte-12xtqiu){display:block;margin-top:10px;font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.035em}.demo-panel-copy.svelte-12xtqiu p:where(.svelte-12xtqiu),.demo-card.svelte-12xtqiu p:where(.svelte-12xtqiu),.demo-note.svelte-12xtqiu p:where(.svelte-12xtqiu){color:var(--muted, #9ca3af);line-height:1.6}.demo-card.svelte-12xtqiu,.demo-note.svelte-12xtqiu{padding:26px}.section-head.svelte-12xtqiu h2:where(.svelte-12xtqiu){max-width:820px;font-size:clamp(30px,5vw,52px);line-height:1;letter-spacing:-.045em}.demo-grid.svelte-12xtqiu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-card.svelte-12xtqiu h3:where(.svelte-12xtqiu){margin:0 0 10px}.demo-error.svelte-12xtqiu{margin-top:16px;border:1px solid rgba(248,113,113,.35);background:#7f1d1d38;color:#fecaca;border-radius:16px;padding:12px 14px}.demo-note.svelte-12xtqiu{margin-bottom:42px}@media (max-width: 980px){.demo-hero.svelte-12xtqiu,.demo-grid.svelte-12xtqiu{grid-template-columns:1fr}.demo-hero.svelte-12xtqiu{padding-top:38px}.hero-copy.svelte-12xtqiu{max-width:100%}.hero-copy.svelte-12xtqiu h1:where(.svelte-12xtqiu){max-width:760px;font-size:clamp(42px,10vw,62px)}}@media (max-width: 620px){.demo-dashboard-metrics.svelte-12xtqiu,.demo-dashboard-grid.svelte-12xtqiu{grid-template-columns:1fr}.demo-dashboard-top.svelte-12xtqiu{align-items:flex-start;flex-direction:column}.hero-actions.svelte-12xtqiu .btn:where(.svelte-12xtqiu){width:100%;justify-content:center}}