@layer reset{*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%}body{min-height:100%;margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}}@layer base{:where(:root,:host){--shadow-color:var(--lightningcss-light,#0000002e)var(--lightningcss-dark,#00000080);--shadow-color-soft:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#0000001a);--shadow-color-subtle:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#32323233);--shadow-highlight:var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#ffffff4d);--default-shadow:var(--shadow-m);--default-shadow-hover:var(--shadow-l);--shadow-s:inset 0 1px 2px var(--shadow-highlight), 0 1px 2px var(--shadow-color-soft), 0 2px 4px var(--shadow-color-subtle);--shadow-m:inset 0 1px 2px var(--shadow-highlight), 0 2px 4px var(--shadow-color), 0 4px 8px var(--shadow-color-subtle);--shadow-l:inset 0 1px 2px var(--shadow-highlight), 0 4px 6px var(--shadow-color), 0 6px 10px var(--shadow-color-subtle);--inset-shadow:inset 2px 3px 5px var(--shadow-color-subtle), 0px 1px 1px var(--shadow-color-soft);--space-xs:.25em;--space-sm:.5em;--space-md:1em;--space-lg:1.5em;--space-xl:2em;--space-2xl:3em;--space-3xl:4em;--gap-sm:var(--space-sm);--gap-md:var(--space-md);--gap-lg:var(--space-lg);--padding-sm:var(--space-sm) var(--space-md);--padding-md:var(--space-md) var(--space-lg);--padding-lg:var(--space-lg) var(--space-xl);--font-sans:Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--default-font:var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@custom-media --sm (min-width: 640px);@custom-media --md (min-width: 768px);@custom-media --lg (min-width: 1024px);@custom-media --xl (min-width: 1280px);@custom-media --2xl (min-width: 1536px);@custom-media --max-sm (max-width: 639px);@custom-media --max-md (max-width: 767px);@custom-media --max-lg (max-width: 1023px);@custom-media --max-xl (max-width: 1279px);@custom-media --max-2xl (max-width: 1535px);@custom-media --sm-only (min-width: 640px) and (max-width: 767px);@custom-media --md-only (min-width: 768px) and (max-width: 1023px);@custom-media --lg-only (min-width: 1024px) and (max-width: 1279px);@custom-media --xl-only (min-width: 1280px) and (max-width: 1535px);@custom-media --mobile (max-width: 767px);@custom-media --tablet (min-width: 768px) and (max-width: 1023px);@custom-media --desktop (min-width: 1024px);@custom-media --touch (hover: none) and (pointer: coarse);@custom-media --mouse (hover: hover) and (pointer: fine);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);:where(:root,:host){--p-stone-50:#fafaf9;--p-stone-100:#f5f5f4;--p-stone-200:#e7e5e4;--p-stone-300:#d6d3d1;--p-stone-400:#a8a29e;--p-stone-500:#78716c;--p-stone-600:#57534e;--p-stone-700:#44403c;--p-stone-800:#292524;--p-stone-900:#1c1917;--p-stone-950:#0c0a09;--p-neutral-50:#fafafa;--p-neutral-100:#f5f5f5;--p-neutral-200:#e5e5e5;--p-neutral-300:#d4d4d4;--p-neutral-400:#a3a3a3;--p-neutral-500:#737373;--p-neutral-600:#525252;--p-neutral-700:#404040;--p-neutral-800:#262626;--p-neutral-900:#171717;--p-neutral-950:#0a0a0a;--p-zinc-50:#fafafa;--p-zinc-100:#f4f4f5;--p-zinc-200:#e4e4e7;--p-zinc-300:#d4d4d8;--p-zinc-400:#a1a1aa;--p-zinc-500:#71717a;--p-zinc-600:#52525b;--p-zinc-700:#3f3f46;--p-zinc-800:#27272a;--p-zinc-900:#18181b;--p-zinc-950:#09090b;--p-gray-50:#f9fafb;--p-gray-100:#f3f4f6;--p-gray-200:#e5e7eb;--p-gray-300:#d1d5db;--p-gray-400:#9ca3af;--p-gray-500:#6b7280;--p-gray-600:#4b5563;--p-gray-700:#374151;--p-gray-800:#1f2937;--p-gray-900:#111827;--p-gray-950:#030712;--p-slate-50:#f8fafc;--p-slate-100:#f1f5f9;--p-slate-200:#e2e8f0;--p-slate-300:#cbd5e1;--p-slate-400:#94a3b8;--p-slate-500:#64748b;--p-slate-600:#475569;--p-slate-700:#334155;--p-slate-800:#1e293b;--p-slate-900:#0f172a;--p-slate-950:#020617;--p-rose-50:#fff1f2;--p-rose-100:#ffe4e6;--p-rose-200:#fecdd3;--p-rose-300:#fda4af;--p-rose-400:#fb7185;--p-rose-500:#f43f5e;--p-rose-600:#e11d48;--p-rose-700:#be123c;--p-rose-800:#9f1239;--p-rose-900:#881337;--p-rose-950:#4c0519;--p-pink-50:#fdf2f8;--p-pink-100:#fce7f3;--p-pink-200:#fbcfe8;--p-pink-300:#f9a8d4;--p-pink-400:#f472b6;--p-pink-500:#ec4899;--p-pink-600:#db2777;--p-pink-700:#be185d;--p-pink-800:#9d174d;--p-pink-900:#831843;--p-pink-950:#500724;--p-fuchsia-50:#fdf4ff;--p-fuchsia-100:#fae8ff;--p-fuchsia-200:#f5d0fe;--p-fuchsia-300:#f0abfc;--p-fuchsia-400:#e879f9;--p-fuchsia-500:#d946ef;--p-fuchsia-600:#c026d3;--p-fuchsia-700:#a21caf;--p-fuchsia-800:#86198f;--p-fuchsia-900:#701a75;--p-fuchsia-950:#4a044e;--p-purple-50:#faf5ff;--p-purple-100:#f3e8ff;--p-purple-200:#e9d5ff;--p-purple-300:#d8b4fe;--p-purple-400:#c084fc;--p-purple-500:#a855f7;--p-purple-600:#9333ea;--p-purple-700:#7e22ce;--p-purple-800:#6b21a8;--p-purple-900:#581c87;--p-purple-950:#3b0764;--p-violet-50:#f5f3ff;--p-violet-100:#ede9fe;--p-violet-200:#ddd6fe;--p-violet-300:#c4b5fd;--p-violet-400:#a78bfa;--p-violet-500:#8b5cf6;--p-violet-600:#7c3aed;--p-violet-700:#6d28d9;--p-violet-800:#5b21b6;--p-violet-900:#4c1d95;--p-violet-950:#2e1065;--p-indigo-50:#eef2ff;--p-indigo-100:#e0e7ff;--p-indigo-200:#c7d2fe;--p-indigo-300:#a5b4fc;--p-indigo-400:#818cf8;--p-indigo-500:#6366f1;--p-indigo-600:#4f46e5;--p-indigo-700:#4338ca;--p-indigo-800:#3730a3;--p-indigo-900:#312e81;--p-indigo-950:#1e1b4b;--p-blue-50:#eff6ff;--p-blue-100:#dbeafe;--p-blue-200:#bfdbfe;--p-blue-300:#93c5fd;--p-blue-400:#60a5fa;--p-blue-500:#3b82f6;--p-blue-600:#2563eb;--p-blue-700:#1d4ed8;--p-blue-800:#1e40af;--p-blue-900:#1e3a8a;--p-blue-950:#172554;--p-sky-50:#f0f9ff;--p-sky-100:#e0f2fe;--p-sky-200:#bae6fd;--p-sky-300:#7dd3fc;--p-sky-400:#38bdf8;--p-sky-500:#0ea5e9;--p-sky-600:#0284c7;--p-sky-700:#0369a1;--p-sky-800:#075985;--p-sky-900:#0c4a6e;--p-sky-950:#082f49;--p-cyan-50:#ecfeff;--p-cyan-100:#cffafe;--p-cyan-200:#a5f3fc;--p-cyan-300:#67e8f9;--p-cyan-400:#22d3ee;--p-cyan-500:#06b6d4;--p-cyan-600:#0891b2;--p-cyan-700:#0e7490;--p-cyan-800:#155e75;--p-cyan-900:#164e63;--p-cyan-950:#083344;--p-teal-50:#f0fdfa;--p-teal-100:#ccfbf1;--p-teal-200:#99f6e4;--p-teal-300:#5eead4;--p-teal-400:#2dd4bf;--p-teal-500:#14b8a6;--p-teal-600:#0d9488;--p-teal-700:#0f766e;--p-teal-800:#115e59;--p-teal-900:#134e4a;--p-teal-950:#042f2e;--p-yellow-50:#fefce8;--p-yellow-100:#fef9c3;--p-yellow-200:#fef08a;--p-yellow-300:#fde047;--p-yellow-400:#facc15;--p-yellow-500:#eab308;--p-yellow-600:#ca8a04;--p-yellow-700:#a16207;--p-yellow-800:#854d0e;--p-yellow-900:#713f12;--p-yellow-950:#422006;--p-amber-50:#fffbeb;--p-amber-100:#fef3c7;--p-amber-200:#fde68a;--p-amber-300:#fcd34d;--p-amber-400:#fbbf24;--p-amber-500:#f59e0b;--p-amber-600:#d97706;--p-amber-700:#b45309;--p-amber-800:#92400e;--p-amber-900:#78350f;--p-amber-950:#451a03;--p-orange-50:#fff7ed;--p-orange-100:#ffedd5;--p-orange-200:#fed7aa;--p-orange-300:#fdba74;--p-orange-400:#fb923c;--p-orange-500:#f97316;--p-orange-600:#ea580c;--p-orange-700:#c2410c;--p-orange-800:#9a3412;--p-orange-900:#7c2d12;--p-orange-950:#431407;--p-red-50:#fef2f2;--p-red-100:#fee2e2;--p-red-200:#fecaca;--p-red-300:#fca5a5;--p-red-400:#f87171;--p-red-500:#ef4444;--p-red-600:#dc2626;--p-red-700:#b91c1c;--p-red-800:#991b1b;--p-red-900:#7f1d1d;--p-red-950:#450a0a;--p-lime-50:#f7fee7;--p-lime-100:#ecfccb;--p-lime-200:#d9f99d;--p-lime-300:#bef264;--p-lime-400:#a3e635;--p-lime-500:#84cc16;--p-lime-600:#65a30d;--p-lime-700:#4d7c0f;--p-lime-800:#3f6212;--p-lime-900:#365314;--p-lime-950:#1a2e05;--p-green-50:#f0fdf4;--p-green-100:#dcfce7;--p-green-200:#bbf7d0;--p-green-300:#86efac;--p-green-400:#4ade80;--p-green-500:#22c55e;--p-green-600:#16a34a;--p-green-700:#15803d;--p-green-800:#166534;--p-green-900:#14532d;--p-green-950:#052e16;--p-emerald-50:#ecfdf5;--p-emerald-100:#d1fae5;--p-emerald-200:#a7f3d0;--p-emerald-300:#6ee7b7;--p-emerald-400:#34d399;--p-emerald-500:#10b981;--p-emerald-600:#059669;--p-emerald-700:#047857;--p-emerald-800:#065f46;--p-emerald-900:#064e3b;--p-emerald-950:#022c22;--color-red:#e53935;--bg-color-light:oklch(98% .01 292);--bg-color-tint-light:oklch(98% .05 292);--bg-color-lighter:color-mix(in oklch, var(--bg-color-light) 85%, white 15%);--bg-color-dark:var(--p-neutral-900);--bg-color-darker:color-mix(in oklch, var(--bg-color-dark) 85%, black 15%);--color-violet-ultra-dark:oklch(15% .28 292);--color-violet-dark:oklch(35% .23 292);--color-violet:oklch(45% .23 292);--color-violet-light:oklch(60% .25 292);--color-violet-ultra-light:oklch(75% .23 292);--color-yellow-dark:oklch(72% .17 98);--color-yellow:oklch(90% .17 98);--color-yellow-pastel:oklch(90% .07 98);--color-grey-dark:var(--p-stone-500);--color-grey:var(--p-stone-200);--color-grey-light:var(--p-stone-50);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:where(:root,:host){--lightningcss-light: ;--lightningcss-dark:initial}:where(:root:not([data-theme=light]),:host){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-color-scheme:light){:where(:root:not([data-theme=dark]),:host){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=dark],:root[data-theme=dark] *{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light],:root[data-theme=light] *{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:where(:root,:host){--color-contrast:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--primary-color:var(--lightningcss-light,var(--color-violet))var(--lightningcss-dark,var(--color-violet-light));--primary-color-light:var(--lightningcss-light,var(--color-violet-light))var(--lightningcss-dark,var(--color-violet-ultra-light));--secondary-color:var(--lightningcss-light,var(--color-yellow))var(--lightningcss-dark,var(--color-yellow-dark));--bg-color:var(--lightningcss-light,var(--bg-color-light))var(--lightningcss-dark,var(--bg-color-dark));--bg-color-accent:var(--lightningcss-light,var(--bg-color-lighter))var(--lightningcss-dark,var(--bg-color-darker));--text-color-dark:oklch(15% .09 292);--text-color-light:oklch(95% .03 292);--text-color:var(--lightningcss-light,var(--text-color-dark))var(--lightningcss-dark,var(--text-color-light));--text-color-secondary-dark:oklch(10% .09 292);--text-color-secondary-light:oklch(80% .03 292);--text-color-secondary:var(--lightningcss-light,var(--text-color-secondary-dark))var(--lightningcss-dark,var(--text-color-secondary-light));--text-color-muted-dark:oklch(50% .05 292);--text-color-muted-light:oklch(65% .03 292);--text-color-muted:var(--lightningcss-light,var(--text-color-muted-dark))var(--lightningcss-dark,var(--text-color-muted-light));--highlight-color:oklch(100% .09 292);--border-color-primary:var(--lightningcss-light,oklch(90% .02 292))var(--lightningcss-dark,oklch(50% .09 292));--border-color:var(--lightningcss-light,oklch(90% .02 292))var(--lightningcss-dark,var(--p-stone-800));--border-color-muted:var(--lightningcss-light,oklch(70% .09 292))var(--lightningcss-dark,var(--color-grey-dark));--danger-color:var(--lightningcss-light,var(--p-red-700))var(--lightningcss-dark,var(--p-red-300));--danger-background:var(--lightningcss-light,var(--p-red-200))var(--lightningcss-dark,color-mix(in oklch, var(--p-red-500), var(--bg-color) 84%));--warn-color:var(--lightningcss-light,var(--p-orange-700))var(--lightningcss-dark,var(--p-orange-300));--warn-background:var(--lightningcss-light,var(--p-orange-100))var(--lightningcss-dark,color-mix(in oklch, var(--p-orange-500), var(--bg-color) 84%));--info-color:var(--lightningcss-light,var(--p-sky-700))var(--lightningcss-dark,var(--p-sky-300));--info-background:var(--lightningcss-light,var(--p-sky-100))var(--lightningcss-dark,color-mix(in oklch, var(--p-sky-500), var(--bg-color) 84%));--success-color:var(--lightningcss-light,var(--p-green-700))var(--lightningcss-dark,var(--p-green-300));--success-background:var(--lightningcss-light,var(--p-green-100))var(--lightningcss-dark,color-mix(in oklch, var(--p-green-500), var(--bg-color) 84%));--axis-x-color:var(--lightningcss-light,var(--p-red-600))var(--lightningcss-dark,var(--p-red-400));--axis-x-color-bg:var(--lightningcss-light,var(--p-red-100))var(--lightningcss-dark,color-mix(in oklch, var(--p-red-500), var(--bg-color) 80%));--axis-y-color:var(--lightningcss-light,var(--p-green-600))var(--lightningcss-dark,var(--p-green-400));--axis-y-color-bg:var(--lightningcss-light,var(--p-green-100))var(--lightningcss-dark,color-mix(in oklch, var(--p-green-500), var(--bg-color) 80%));--axis-z-color:var(--lightningcss-light,var(--p-blue-600))var(--lightningcss-dark,var(--p-blue-400));--axis-z-color-bg:var(--lightningcss-light,var(--p-blue-100))var(--lightningcss-dark,color-mix(in oklch, var(--p-blue-500), var(--bg-color) 80%));--glass-opacity:75%;--glass-backdrop-filter:blur(12px);--glass-background:color-mix(in oklch, var(--lightningcss-light,var(--card-bg))var(--lightningcss-dark,var(--card-bg-hover)) var(--glass-opacity), transparent);--glass-background-opaque:color-mix(in oklch, var(--lightningcss-light,var(--card-bg))var(--lightningcss-dark,var(--card-bg-hover)) var(--glass-opacity), var(--lightningcss-light,#fff)var(--lightningcss-dark,#000));--glass-background-hover:color-mix(in oklch, var(--glass-background), white 15%);--glass-border-color:color-mix(in oklch, var(--card-border-color) var(--glass-opacity), transparent);--glass-border-light-directional:var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#0000);--glass-border-light-ambient:var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#0000);--glass-border-dark-highlight:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff05);--glass-border-dark-outline:var(--lightningcss-light,#0000)var(--lightningcss-dark,#00000040);--glass-border-box-shadow:inset 2px 2px 0 -2px var(--glass-border-light-directional), inset 0 0 3px 1px var(--glass-border-light-ambient), inset 0 1px 0 var(--glass-border-dark-highlight), inset 0 0 0 1px var(--glass-border-dark-highlight), 0 0 0 1px var(--glass-border-dark-outline);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-slower:.5s ease;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{:where(:root,:host){--card-bg:var(--lightningcss-light,var(--p-neutral-50))var(--lightningcss-dark,var(--p-neutral-800));--card-bg-base:var(--card-bg);--card-bg-hover:var(--lightningcss-light,color-mix(in oklch, var(--card-bg) 95%, var(--color-contrast) 5%))var(--lightningcss-dark,color-mix(in oklch, var(--card-bg) 90%, var(--color-contrast) 10%));--card-bg-color:var(--card-bg-hover);--card-border-color:color-mix(in oklch, var(--card-bg-color) 90%, var(--color-contrast) 10%);--card-border-color-hover:color-mix(in oklch, var(--card-border-color) 85%, var(--color-contrast) 15%);--card-border-color-dark:color-mix(in oklch, var(--card-bg-color) 85%, black 15%);--border-radius-none:0;--border-radius-xs:var(--space-xs);--border-radius-sm:var(--space-sm);--border-radius-md:var(--space-md);--border-radius-lg:var(--space-lg);--border-radius-xl:var(--space-xl)}.s-card,.s-badge,.s-card-interactive{align-items:center;gap:var(--gap-md);padding:var(--padding-sm);background:var(--card-bg);border:1px solid var(--card-border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-base), background-color var(--transition-base);display:flex}.s-card-interactive{cursor:pointer}.s-card-interactive:hover{border-color:var(--card-border-color-hover);background:var(--card-bg-hover)}.s-badge{border-radius:999px;width:fit-content}.glass-surface{background:var(--glass-background);border:.5px solid var(--glass-border-color);backdrop-filter:var(--glass-backdrop-filter) saturate(180%)}.glass-surface-opaque{background:var(--glass-background-opaque);backdrop-filter:none}.glass-border{isolation:isolate;border-color:#0000;position:relative}.glass-border:before{border-radius:inherit;box-shadow:var(--glass-border-box-shadow);content:"";pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0}.glass-surface-interactive{cursor:pointer}.glass-surface-interactive:is(:hover,:focus-visible):not(:disabled){background:var(--glass-background-hover)}}@media (prefers-reduced-transparency:reduce){@layer components{.glass-surface{background:var(--glass-background-opaque);backdrop-filter:none}}}@media (forced-colors:active){@layer components{.glass-border{border-color:canvastext}.glass-border:before{display:none}}}:where(:root,:host){font-family:var(--default-font);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-variation-settings:"opsz" 32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--bg-color);box-sizing:border-box;font-size:clamp(.8em,.75em + .3vw,1.2em)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{overscroll-behavior:none;min-height:100%;margin:0}button,a{touch-action:manipulation}*{box-sizing:border-box;margin:0;padding:0}:root{--hover-color:color-mix(in oklch, var(--bg-color) 85%, var(--color-contrast) 15%);--border-color:var(--lightningcss-light,var(--color-grey))var(--lightningcss-dark,var(--p-stone-800))}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-color);background:var(--bg-color);line-height:var(--line-height-normal)}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}header{z-index:999;background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}body.demo header{background-color:#0000;border-bottom:none}body.demo header:before{content:"";backdrop-filter:blur(20px);z-index:-1;background-color:oklch(20% 0 0/.4);position:absolute;inset:0}body.demo .nav-links a:hover,body.demo .nav-links button:hover{background-color:oklch(100% 0 0/.1)}body.demo main{min-height:100dvh}.scroll-header{width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;transform:translateY(-100%)}.scroll-header.visible{transform:translateY(0)}.container{max-width:1200px;padding:var(--space-md);margin:auto;overflow:visible}nav{padding:var(--space-md) 0;justify-content:space-between;align-items:center;display:flex}.intro{width:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-color);justify-content:flex-start;align-items:center;text-decoration:none;display:flex}.logo .bold{color:var(--text-color-secondary)}.nav-links{align-items:center;gap:var(--space-md);list-style:none;display:flex}.nav-links a,.nav-links button{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border-radius:var(--space-lg);color:var(--text-color);cursor:pointer;background:0 0;border:none;text-decoration:none;transition:background-color .2s ease-out;display:block}:is(.nav-links a,.nav-links button):hover{background-color:var(--hover-color)}.menu-toggle{cursor:pointer;display:none}.btn{background:var(--text-color-secondary);color:var(--bg-color);border-radius:var(--border-radius-sm)}.btn-secondary{border:1px solid var(--border-color-muted);border-radius:var(--border-radius-sm)}.hero{background:var(--bg-color-accent);padding:calc(var(--space-3xl) + var(--space-md)) 0;text-align:center}.hero h1{font-size:var(--text-5xl)}.hero p{font-size:var(--text-xl);margin-top:var(--space-md)}#particles-js{height:90vh}#about,.use-case{background-color:color-mix(in oklch, var(--bg-color) 80%, var(--lightningcss-light,white)var(--lightningcss-dark,dark) 20%);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:var(--space-2xl);padding:var(--space-2xl) var(--space-md);align-items:center;display:flex}:is(#about,.use-case) video{border-radius:var(--border-radius-md)}video,.image-placeholder{border-radius:var(--border-radius-md);width:355.556px;height:200px}.image-placeholder{background:var(--hover-color)}.use-case div,#about div{flex:1}.contact h2{text-align:center;margin-bottom:var(--space-md)}form{gap:var(--space-md);flex-direction:column;max-width:400px;margin:auto;display:flex}form input,form textarea{padding:var(--space-sm);border:1px solid var(--border-color-muted);border-radius:var(--border-radius-sm);background:var(--bg-color);color:var(--text-color)}form button{background:var(--lightningcss-light,var(--text-color-secondary))var(--lightningcss-dark,var(--primary-color));color:var(--lightningcss-light,var(--bg-color))var(--lightningcss-dark,var(--text-color));padding:calc(var(--space-sm) + var(--space-xs)) var(--space-md);border-radius:var(--border-radius-sm);cursor:pointer;border:none;transition:opacity .2s ease-out}form button:hover{opacity:.8}.more-info{margin-top:var(--space-md);padding:calc(var(--space-xs) + 2px) var(--space-md);color:var(--text-color-secondary);border:solid 1px var(--text-color-secondary);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;transition:all .2s ease-out}.more-info:hover{background:var(--text-color-secondary);color:var(--bg-color)}.tag{font-size:var(--text-xs);background:var(--hover-color);color:var(--text-color-muted);padding:calc(var(--space-xs) / 2) var(--space-sm);margin-left:var(--space-sm);border-radius:10px;display:inline-block}footer{background:var(--bg-color-accent);padding:var(--space-2xl) var(--space-md);font-size:var(--text-sm)}.footer .container{gap:var(--space-2xl);flex-wrap:wrap;justify-content:space-between;display:flex}.footer .contact{font-size:var(--text-base);font-weight:var(--font-light);flex-flow:column;display:flex}.footer .contact span{align-items:center;display:flex}.footer .contact a{margin:var(--space-sm)}footer ul{padding:0;list-style:none}footer li{margin-bottom:var(--space-sm)}footer a{color:var(--text-color-muted);text-decoration:none;transition:color .2s ease-out}footer a:hover{color:var(--text-color)}footer .vertical-contact{flex-flow:column;flex-grow:1;display:flex}footer .horizontal-container{gap:var(--space-2xl);flex-flow:row;flex-grow:2;justify-content:space-between;display:flex}.socials{gap:var(--space-md);margin-top:var(--space-md);justify-content:flex-start;align-items:center;display:flex}.socials img{filter:grayscale();width:32px;height:32px;transition:filter .2s ease-in-out,transform .2s ease-in-out}.socials img:hover{filter:grayscale(0%);transform:scale(1.05)}#carousel .categories{text-align:center;margin-bottom:var(--space-md)}#carousel .categories button{margin:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color-muted);color:var(--text-color);cursor:pointer;background:0 0;border-radius:20px;transition:background-color .2s ease-out}#carousel .categories button:hover{background-color:var(--hover-color)}#carousel .categories .active{background:var(--hover-color)}#carousel .categories .active:hover{opacity:.8}.carousel-content .carousel-item{animation:.4s ease-in-out fadeIn;display:none}.carousel-content .active{display:block}.carousel-item{margin:var(--space-md);transition:opacity .6s}.carousel-item .active{opacity:1}.carousel-item .item-content{align-items:center;gap:var(--space-2xl);margin-top:var(--space-md);display:flex}.carousel-item .item-content>*{max-width:50vw}.carousel-item .item-content h3{flex-flow:row;align-items:center;display:flex}@media (width<=768px){.menu-toggle{display:block}.nav-links{top:calc(36px + 2 * var(--space-md));background-color:var(--bg-color);padding:var(--space-md);z-index:10;flex-direction:column;align-items:flex-start;display:none;position:absolute;left:0;right:0;box-shadow:0 4px 10px #0000001a}body.demo .nav-links{backdrop-filter:blur(20px);box-shadow:none;background-color:oklch(20% 0 0/.4)}.nav-links.open{display:flex}.nav-links li{width:100%;margin:var(--space-sm) 0}.nav-links li a,.nav-links li button{text-align:left;width:100%;display:block}#about,.use-case{padding:var(--space-md);flex-direction:column}:is(#about,.use-case) .image-placeholder{flex:none}.carousel-item .item-content{flex-direction:column}.carousel-item .item-content>*{max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}