.supa-hero{--hero-ink: #121212;--hero-ink-muted: #6b6b6b;--hero-ink-faint: #8b8b8b;--hero-chip-bg: rgba(0, 0, 0, .02);--hero-chip-bg-hover: rgba(0, 0, 0, .045);--hero-chip-border: rgba(0, 0, 0, .08);--hero-chip-border-hover: rgba(0, 0, 0, .16);--hero-chip-ink: #3d3d3d;--hero-focus-ring: rgba(232, 132, 92, .55)}:root.dark .supa-hero{--hero-ink: #f0f0f0;--hero-ink-muted: rgba(255, 255, 255, .45);--hero-ink-faint: rgba(255, 255, 255, .35);--hero-chip-bg: rgba(255, 255, 255, .05);--hero-chip-bg-hover: rgba(255, 255, 255, .1);--hero-chip-border: rgba(255, 255, 255, .08);--hero-chip-border-hover: rgba(255, 255, 255, .18);--hero-chip-ink: #d6d6d6;--hero-focus-ring: rgba(232, 132, 92, .6)}.supa-hero :focus-visible{outline:none;box-shadow:0 0 0 2px var(--hero-focus-ring),0 0 0 4px color-mix(in srgb,var(--hero-focus-ring) 28%,transparent)}.supa-hero-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:9999px;border:1px solid var(--hero-chip-border);background:var(--hero-chip-bg);font-family:var(--font-body, "Inter", sans-serif);font-size:13px;font-weight:500;line-height:1;color:var(--hero-chip-ink);white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s cubic-bezier(.2,0,.2,1),box-shadow .16s ease}.supa-hero-chip:before{content:"";width:0;height:5px;border-radius:9999px;background:var(--hero-focus-ring);opacity:0;transition:width .18s cubic-bezier(.2,0,.2,1),opacity .18s ease,margin-right .18s cubic-bezier(.2,0,.2,1);margin-right:-6px}.supa-hero-chip:hover{background:var(--hero-chip-bg-hover);border-color:var(--hero-chip-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.supa-hero-chip:hover:before{width:5px;opacity:1;margin-right:0}.supa-hero-chip:active{transform:translateY(0);box-shadow:none}.supa-hero-chip{animation:supa-hero-rise .42s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + (var(--i, 0) * 35ms))}@keyframes supa-hero-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.supa-hero-tab{height:32px;padding:0 10px;border-radius:7px;font-family:var(--font-body, "Inter", sans-serif);font-size:14px;font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--hero-ink-muted);transition:background-color .16s ease,color .16s ease,border-color .16s ease}.supa-hero-tab:hover{color:var(--hero-ink);background:var(--hero-chip-bg-hover)}.supa-hero-tab[data-active=true]{color:var(--hero-ink);background:var(--hero-chip-bg);border-color:var(--hero-chip-border)}.supa-hero-viewall{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body, "Inter", sans-serif);font-size:14px;font-weight:500;color:var(--hero-ink-muted);text-decoration:none;border-radius:7px;padding:4px 8px;transition:color .16s ease,gap .16s ease}.supa-hero-viewall:hover{color:var(--hero-ink);gap:7px}.supa-hero-dot{width:6px;height:6px;border-radius:3px;border:none;padding:0;cursor:pointer;background:color-mix(in srgb,var(--hero-ink) 14%,transparent);transition:width .22s cubic-bezier(.16,1,.3,1),background-color .22s ease}.supa-hero-dot:hover{background:color-mix(in srgb,var(--hero-ink) 30%,transparent)}.supa-hero-dot[data-active=true]{width:18px;background:color-mix(in srgb,var(--hero-ink) 48%,transparent)}