.demo-preview[data-v-8d336356]{background:linear-gradient(135deg,#ffffffe0,var(--bg-elevated) 58%,#f7f8ff),var(--bg-elevated);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);color:var(--text-primary);display:grid;gap:12px;margin-top:28px;max-width:620px;overflow:hidden;padding:18px;position:relative}@supports (color: color(display-p3 0 0 0%)){.demo-preview[data-v-8d336356]{background:linear-gradient(135deg,#ffffffe0,var(--bg-elevated) 58%,color(display-p3 .97017 .97083 1)),var(--bg-elevated)}}@supports (color: oklab(0% 0 0%)){.demo-preview[data-v-8d336356]{background:linear-gradient(135deg,oklch(1 0 0/.88),var(--bg-elevated) 58%,oklch(.98 .018 285)),var(--bg-elevated)}}.demo-preview__bg[data-v-8d336356],.demo-preview__dots[data-v-8d336356],.demo-preview__glow[data-v-8d336356]{pointer-events:none;position:absolute}.demo-preview__bg[data-v-8d336356]{background:radial-gradient(circle at 16% 12%,#6c50e924,#0000 35%),radial-gradient(circle at 88% 22%,#00a2c51f,#0000 38%),linear-gradient(145deg,#ffffffb8,#f4f4fcbd);background:radial-gradient(circle at 16% 12%,#6c50e924,#0000 35%),radial-gradient(circle at 88% 22%,color(display-p3 .19416 .63365 .78647/.12),#0000 38%),linear-gradient(145deg,#ffffffb8,#f4f4fcbd);background:radial-gradient(circle at 16% 12%,#6c50e924,#0000 35%),radial-gradient(circle at 88% 22%,oklch(.66 .14 220/.12),#0000 38%),linear-gradient(145deg,#ffffffb8,#f4f4fcbd);inset:0}.demo-preview__dots[data-v-8d336356]{background-image:radial-gradient(#4c4c541f 1px,#0000 0);background-size:22px 22px;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0,#000 60%,#0000 84%);mask-image:radial-gradient(circle at 50% 48%,#000 0 60%,#0000 84%);opacity:.34}.demo-preview__glow[data-v-8d336356]{border-radius:999px;filter:blur(46px);opacity:.72}.demo-preview__glow--one[data-v-8d336356]{background:#7c69f41f;bottom:-96px;height:300px;right:-84px;width:300px}.demo-preview__glow--two[data-v-8d336356]{background:#00a4bf1a;background:color(display-p3 0 .64569 .78637/.1);background:oklch(.66 .16 215/.1);height:260px;left:-110px;top:70px;width:260px}.demo-preview__assistant[data-v-8d336356],.demo-preview__card[data-v-8d336356],.demo-preview__main[data-v-8d336356]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid var(--border);box-shadow:inset 0 1px #ffffffe0,var(--shadow-md);position:relative;z-index:1}@supports (color: oklab(0% 0 0%)){.demo-preview__assistant[data-v-8d336356],.demo-preview__card[data-v-8d336356],.demo-preview__main[data-v-8d336356]{box-shadow:inset 0 1px #ffffffe0,var(--shadow-md)}}.demo-preview__main[data-v-8d336356]{border-radius:20px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr);padding:18px}.demo-preview__assistant-avatar[data-v-8d336356],.demo-preview__icon[data-v-8d336356],.demo-preview__small-icon[data-v-8d336356]{align-items:center;background:var(--accent-muted);color:var(--accent);display:inline-flex;flex:0 0 auto;justify-content:center}.demo-preview__icon[data-v-8d336356]{border-radius:15px;height:46px;width:46px}.demo-preview__copy[data-v-8d336356]{min-width:0}.demo-preview__card h4[data-v-8d336356],.demo-preview__copy h3[data-v-8d336356]{color:var(--text-primary);letter-spacing:-.025em;margin:0}.demo-preview__copy h3[data-v-8d336356]{font-size:21px;font-weight:850;line-height:1.14}.demo-preview__card p[data-v-8d336356],.demo-preview__copy p[data-v-8d336356]{color:var(--text-secondary);line-height:1.5}.demo-preview__copy p[data-v-8d336356]{font-size:14px;margin:7px 0 0}.demo-preview__course[data-v-8d336356]{display:grid;gap:8px;grid-column:1/-1;margin-top:2px}.demo-preview__course span[data-v-8d336356]{align-items:center;background:#ffffff94;border:1px solid var(--border);border-radius:11px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:650;gap:10px;min-height:38px;padding:8px 11px}.demo-preview__course b[data-v-8d336356]{align-items:center;background:var(--accent-muted);border-radius:8px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:850;height:24px;justify-content:center;width:28px}.demo-preview__grid[data-v-8d336356]{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;z-index:1}.demo-preview__card[data-v-8d336356]{border-radius:18px;display:flex;flex-direction:column;min-height:172px;padding:16px}.demo-preview__card--accent[data-v-8d336356]{background:linear-gradient(180deg,#ffffffc2,#f7f8ffbd);background:linear-gradient(180deg,#ffffffc2,color(display-p3 .97017 .97083 1/.74));background:linear-gradient(180deg,#ffffffc2,oklch(.98 .018 285/.74))}.demo-preview__assistant-avatar[data-v-8d336356],.demo-preview__small-icon[data-v-8d336356]{border-radius:12px;height:36px;width:36px}.demo-preview__card h4[data-v-8d336356]{font-size:16px;font-weight:800;line-height:1.2;margin-top:13px}.demo-preview__card p[data-v-8d336356]{font-size:12.5px;margin:7px 0 0}.demo-preview__chips[data-v-8d336356]{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:16px}.demo-preview__chips span[data-v-8d336356]{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:750;min-height:28px;padding:0 10px}.demo-preview__progress[data-v-8d336356]{margin-top:auto;padding-top:16px}.demo-preview__progress span[data-v-8d336356],.demo-preview__progress strong[data-v-8d336356]{color:var(--text-primary);font-size:12px;font-weight:750}.demo-preview__progress strong[data-v-8d336356]{color:var(--success);float:right}.demo-preview__progress i[data-v-8d336356]{background:var(--surface);border-radius:999px;display:block;height:8px;margin-top:10px;overflow:hidden}.demo-preview__progress b[data-v-8d336356]{background:var(--success);border-radius:inherit;display:block;height:100%;width:87%}.demo-preview__assistant[data-v-8d336356]{align-items:center;border-radius:18px;display:flex;gap:12px;min-height:64px;padding:14px 16px}.demo-preview__assistant-text[data-v-8d336356]{flex:1 1 auto;min-width:0}.demo-preview__assistant-text b[data-v-8d336356],.demo-preview__assistant-text small[data-v-8d336356]{display:block}.demo-preview__assistant-text b[data-v-8d336356]{color:var(--text-primary);font-size:13.5px;font-weight:800}.demo-preview__assistant-text small[data-v-8d336356]{color:var(--text-tertiary);font-size:12px;line-height:1.35;margin-top:2px}.demo-preview__assistant>svg[data-v-8d336356]{color:var(--success);flex:0 0 auto}.demo-preview__sparkle[data-v-8d336356]{color:var(--accent);opacity:.5;pointer-events:none;position:absolute;z-index:1}.demo-preview__sparkle--one[data-v-8d336356]{right:22px;top:20px}.demo-preview__sparkle--two[data-v-8d336356]{bottom:22px;left:22px;opacity:.44}@media(max-width:640px){.demo-preview[data-v-8d336356]{border-radius:22px;margin-top:24px;padding:14px}.demo-preview__main[data-v-8d336356]{padding:16px}.demo-preview__grid[data-v-8d336356],.demo-preview__main[data-v-8d336356]{grid-template-columns:1fr}.demo-preview__card[data-v-8d336356]{min-height:0}.demo-preview__assistant[data-v-8d336356]{align-items:flex-start}}.demo-page-story[data-v-6f88d4f5]{min-width:0}.demo-page-pill[data-v-6f88d4f5]{align-items:center;background:var(--accent-muted);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:7px 12px}.demo-page-title[data-v-6f88d4f5]{color:var(--text-primary);font-size:clamp(38px,4.4vw,60px);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin-top:18px;max-width:760px}.demo-page-lead[data-v-6f88d4f5]{color:var(--text-secondary);font-size:18px;line-height:1.58;margin-top:18px;max-width:480px}.demo-page-actions[data-v-6f88d4f5]{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:24px}.demo-page-cta[data-v-6f88d4f5]{align-items:center;background:var(--btn-primary-bg);border-radius:14px;box-shadow:var(--shadow-md);color:var(--btn-primary-text);display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;min-height:48px;padding:0 20px;text-decoration:none;transition:transform .18s var(--ease-snappy),background-color .18s var(--ease-smooth),box-shadow .18s var(--ease-smooth)}.demo-page-cta[data-v-6f88d4f5]:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.demo-page-cta[data-v-6f88d4f5]:active{transform:scale(.98)}.demo-page-actions-note[data-v-6f88d4f5]{color:var(--text-tertiary);font-size:13px;line-height:1.45;max-width:260px}.demo-page-metrics[data-v-6f88d4f5]{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;max-width:560px}.demo-page-metric[data-v-6f88d4f5]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff6b;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px 16px}.landing-scope[data-theme=dark] .demo-page-metric[data-v-6f88d4f5],[data-theme=dark] .demo-page-metric[data-v-6f88d4f5]{background:#ffffff09}.demo-page-metric dt[data-v-6f88d4f5]{color:var(--text-primary);font-size:21px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.demo-page-metric dd[data-v-6f88d4f5]{color:var(--text-tertiary);font-size:12.5px;line-height:1.35;margin-top:6px}.demo-page-host[data-v-6f88d4f5]{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff7a;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-top:22px;max-width:520px;padding:14px}.landing-scope[data-theme=dark] .demo-page-host[data-v-6f88d4f5],[data-theme=dark] .demo-page-host[data-v-6f88d4f5]{background:#ffffff09}.demo-page-host-avatar[data-v-6f88d4f5]{border-radius:50%;box-shadow:var(--shadow-md);flex-shrink:0;height:52px;object-fit:cover;width:52px}.demo-page-host-name[data-v-6f88d4f5]{color:var(--text-primary);font-size:14px;font-weight:700}.demo-page-host-role[data-v-6f88d4f5]{color:var(--text-tertiary);font-size:12.5px;margin-top:2px}.demo-page-steps[data-v-6f88d4f5]{display:flex;flex-direction:column;gap:12px;list-style:none;margin:26px 0 0;max-width:560px;padding:0}.demo-page-step[data-v-6f88d4f5]{align-items:flex-start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff5c;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:12px}.landing-scope[data-theme=dark] .demo-page-step[data-v-6f88d4f5],[data-theme=dark] .demo-page-step[data-v-6f88d4f5]{background:#ffffff08}.demo-page-step-num[data-v-6f88d4f5]{align-items:center;background:var(--accent-muted);border-radius:12px;color:var(--accent);display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.demo-page-step-text b[data-v-6f88d4f5]{color:var(--text-primary);display:block;font-size:14px;font-weight:700}.demo-page-step-text>span[data-v-6f88d4f5]{color:var(--text-secondary);display:block;font-size:13.5px;line-height:1.5;margin-top:2px}@media(max-width:880px){.demo-page-title[data-v-6f88d4f5]{font-size:clamp(36px,11vw,52px)}.demo-page-lead[data-v-6f88d4f5]{font-size:16px}.demo-page-metrics[data-v-6f88d4f5]{grid-template-columns:1fr}}@media(max-width:640px){.demo-page-actions[data-v-6f88d4f5]{align-items:stretch}.demo-page-cta[data-v-6f88d4f5]{width:100%}.demo-page-actions-note[data-v-6f88d4f5]{max-width:none}}@media(prefers-reduced-motion:reduce){.demo-page-cta[data-v-6f88d4f5]{transition:none}}.demo-page-card[data-v-4bc7c517]{background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,linear-gradient(135deg,var(--accent),var(--border),var(--success)) border-box;border:1px solid #0000;border-radius:24px;box-shadow:var(--shadow-xl);overflow:hidden;padding:28px;position:relative;scroll-margin-top:96px}.demo-page-card[data-v-4bc7c517]:before{background:linear-gradient(180deg,var(--accent-muted),#0000);content:"";height:96px;inset:0 0 auto;opacity:.68;pointer-events:none;position:absolute}.demo-page-card[data-v-4bc7c517]>*{position:relative;z-index:1}.demo-page-card-head[data-v-4bc7c517]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.demo-page-card-kicker[data-v-4bc7c517]{color:var(--accent);display:block;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.demo-page-card-title[data-v-4bc7c517]{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.demo-page-card-badge[data-v-4bc7c517]{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:700;gap:6px;min-height:32px;padding:0 10px;white-space:nowrap}.demo-page-card-foot[data-v-4bc7c517]{align-items:flex-start;border-top:1px solid var(--border);color:var(--text-tertiary);display:flex;font-size:12.5px;gap:8px;line-height:1.45;margin-top:18px;padding-top:16px}.demo-page-card-foot svg[data-v-4bc7c517]{color:var(--success);flex:0 0 auto;margin-top:1px}@media(max-width:480px){.demo-page-card[data-v-4bc7c517]{border-radius:22px;padding:20px}.demo-page-card-head[data-v-4bc7c517]{gap:12px}.demo-page-card-title[data-v-4bc7c517]{font-size:21px}.demo-page-card-badge[data-v-4bc7c517]{display:none}}@media(prefers-reduced-motion:reduce){.demo-page-card[data-v-4bc7c517]{transition:none}}.demo-page[data-v-0efb05c9]{isolation:isolate;min-height:calc(100vh - 80px);overflow:hidden;padding:88px 0;position:relative}.demo-page-bg[data-v-0efb05c9]{background:linear-gradient(135deg,var(--bg) 0,var(--bg-elevated) 44%,var(--bg) 100%),var(--bg);inset:0;position:absolute;z-index:-1}.demo-page-bg[data-v-0efb05c9]:before{background-image:var(--gradient-dot-grid);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000,#000 58%,#0000);mask-image:linear-gradient(180deg,#000,#000 58%,#0000);opacity:.52}.demo-page-bg[data-v-0efb05c9]:after,.demo-page-bg[data-v-0efb05c9]:before{content:"";inset:0;pointer-events:none;position:absolute}.demo-page-bg[data-v-0efb05c9]:after{background:linear-gradient(90deg,#0000 0,var(--accent-muted) 48%,#0000 100%),linear-gradient(180deg,#0000 0,var(--bg) 82%);opacity:.42}.demo-page-inner[data-v-0efb05c9]{align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,1.03fr) minmax(392px,.97fr)}@media(max-width:880px){.demo-page[data-v-0efb05c9]{padding:80px 0 56px}.demo-page-inner[data-v-0efb05c9]{gap:32px;grid-template-columns:1fr}}@media(max-width:480px){.demo-page[data-v-0efb05c9]{padding-top:72px}}