.hb-demo-header:where(.astro-dgyy6fht){position:relative;isolation:isolate;padding:28px 4px 16px;margin:-8px -4px 4px;overflow:hidden;border-radius:var(--hb-radius-lg)}.hb-demo-header__bg:where(.astro-dgyy6fht){position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 65% at 8% 15%,oklch(.68 .19 25 / .18) 0%,transparent 70%),radial-gradient(32% 60% at 82% 0%,oklch(.62 .13 200 / .16) 0%,transparent 72%),radial-gradient(circle,color-mix(in oklab,var(--hb-ink) 14%,transparent) 1.2px,transparent 1.2px);background-size:auto,auto,18px 18px;background-position:0 0,0 0,-4px -4px}[data-theme=dark] .hb-demo-header__bg:where(.astro-dgyy6fht){background:radial-gradient(38% 65% at 8% 15%,oklch(.72 .2 25 / .28) 0%,transparent 70%),radial-gradient(32% 60% at 82% 0%,oklch(.78 .15 195 / .24) 0%,transparent 72%),radial-gradient(circle,color-mix(in oklab,var(--hb-ink) 16%,transparent) 1.2px,transparent 1.2px);background-size:auto,auto,18px 18px;background-position:0 0,0 0,-4px -4px}.hb-demo-header__eyebrow:where(.astro-dgyy6fht){display:inline-flex;align-items:center;gap:6px;font-family:var(--hb-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:oklch(.42 .19 25);background:oklch(.93 .09 25);border:1px solid color-mix(in oklab,oklch(.6 .22 25) 30%,transparent);padding:5px 12px;border-radius:999px;margin-bottom:14px}[data-theme=dark] .hb-demo-header__eyebrow:where(.astro-dgyy6fht){color:oklch(.9 .14 25);background:#8a0314;border-color:color-mix(in oklab,oklch(.72 .21 25) 45%,transparent)}.hb-demo-header__title:where(.astro-dgyy6fht){margin:0 0 12px;font-size:clamp(30px,4.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.2;background:linear-gradient(90deg,var(--hb-red) 0%,var(--hb-magenta) 45%,var(--hb-teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.hb-demo-header__tagline:where(.astro-dgyy6fht){margin:0;max-width:70ch;font-size:16px;line-height:1.7;color:var(--hb-ink-soft)}.hb-demo-card:where(.astro-xffym2tf){position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-lg);background:radial-gradient(120% 140% at 100% 0%,color-mix(in oklab,var(--_accent) 16%,transparent) 0%,transparent 62%),var(--hb-bg-elev);box-shadow:var(--hb-shadow-sm);text-decoration:none!important;color:inherit;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .2s ease,border-color .18s ease}.hb-demo-card:where(.astro-xffym2tf)[data-accent=red]{--_accent: oklch(.6 .22 25);--_accent-soft: oklch(.93 .09 25);--_accent-ink: oklch(.42 .19 25);--_accent-glow: oklch(.6 .22 25 / .35)}.hb-demo-card:where(.astro-xffym2tf)[data-accent=teal]{--_accent: oklch(.58 .14 200);--_accent-soft: oklch(.92 .07 200);--_accent-ink: oklch(.4 .13 200);--_accent-glow: oklch(.58 .14 200 / .35)}[data-theme=dark] .hb-demo-card:where(.astro-xffym2tf)[data-accent=red]{--_accent: oklch(.72 .21 25);--_accent-soft: oklch(.4 .16 25);--_accent-ink: oklch(.9 .14 25);--_accent-glow: oklch(.72 .21 25 / .45)}[data-theme=dark] .hb-demo-card:where(.astro-xffym2tf)[data-accent=teal]{--_accent: oklch(.78 .15 195);--_accent-soft: oklch(.38 .13 195);--_accent-ink: oklch(.9 .12 195);--_accent-glow: oklch(.78 .15 195 / .4)}.hb-demo-card:where(.astro-xffym2tf):before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--_accent)}.hb-demo-card:where(.astro-xffym2tf):hover{transform:translateY(-6px);border-color:var(--_accent);box-shadow:var(--hb-shadow-lg),0 16px 44px -12px var(--_accent-glow)}.hb-demo-card:where(.astro-xffym2tf):active{transform:translateY(-3px)}.hb-demo-card__top:where(.astro-xffym2tf){display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hb-demo-card__icon:where(.astro-xffym2tf){font-size:32px;line-height:1;width:60px;height:60px;display:grid;place-items:center;border-radius:var(--hb-radius);background:var(--_accent-soft);flex:none;transition:transform .25s ease}.hb-demo-card:where(.astro-xffym2tf):hover .hb-demo-card__icon:where(.astro-xffym2tf){transform:scale(1.08) rotate(-4deg)}.hb-demo-card__chip:where(.astro-xffym2tf){font-family:var(--hb-font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--_accent-ink);background:var(--_accent-soft);border:1px solid color-mix(in oklab,var(--_accent) 35%,transparent);padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none}.hb-demo-card__title:where(.astro-xffym2tf){margin:4px 0 0;font-size:19px;font-weight:700;color:var(--hb-ink);line-height:1.3}.hb-demo-card__desc:where(.astro-xffym2tf){margin:0;font-size:13.5px;line-height:1.65;color:var(--hb-ink-soft)}.hb-demo-card__games:where(.astro-xffym2tf){list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hb-demo-card__game:where(.astro-xffym2tf){display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;background:var(--_hue-soft);color:var(--_hue-ink);border:1px solid color-mix(in oklab,var(--_hue-ink) 25%,transparent)}.hb-demo-card__game:where(.astro-xffym2tf)[data-hue="1"]{--_hue-soft: oklch(.93 .09 25);--_hue-ink: oklch(.42 .19 25)}.hb-demo-card__game:where(.astro-xffym2tf)[data-hue="2"]{--_hue-soft: oklch(.92 .1 85);--_hue-ink: oklch(.42 .14 75)}.hb-demo-card__game:where(.astro-xffym2tf)[data-hue="3"]{--_hue-soft: oklch(.92 .07 200);--_hue-ink: oklch(.4 .13 200)}.hb-demo-card__game:where(.astro-xffym2tf)[data-hue="4"]{--_hue-soft: oklch(.92 .08 320);--_hue-ink: oklch(.44 .16 320)}[data-theme=dark] .hb-demo-card__game:where(.astro-xffym2tf)[data-hue="1"]{--_hue-soft: oklch(.4 .16 25);--_hue-ink: oklch(.9 .14 25)}[data-theme=dark] .hb-demo-card__game:where(.astro-xffym2tf)[data-hue="2"]{--_hue-soft: oklch(.4 .15 85);--_hue-ink: oklch(.92 .15 90)}[data-theme=dark] .hb-demo-card__game:where(.astro-xffym2tf)[data-hue="3"]{--_hue-soft: oklch(.38 .13 195);--_hue-ink: oklch(.9 .12 195)}[data-theme=dark] .hb-demo-card__game:where(.astro-xffym2tf)[data-hue="4"]{--_hue-soft: oklch(.38 .14 320);--_hue-ink: oklch(.9 .13 320)}.hb-demo-card__cta:where(.astro-xffym2tf){margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-weight:700;font-size:13.5px;color:var(--_accent-ink);transition:gap .15s ease,filter .15s ease}.hb-demo-card:where(.astro-xffym2tf):hover .hb-demo-card__cta:where(.astro-xffym2tf){gap:10px;filter:brightness(1.1)}.hb-demo-grid:where(.astro-cyeett5i){display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0 28px}@media(max-width:48rem){.hb-demo-grid:where(.astro-cyeett5i){grid-template-columns:1fr}}.hb-demo-steps:where(.astro-j54b2qde){list-style:none;margin:16px 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.hb-demo-steps__item:where(.astro-j54b2qde){display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--hb-line);border-left:3px solid var(--_hue-ink);border-radius:var(--hb-radius);background:var(--hb-bg-elev)}.hb-demo-steps__num:where(.astro-j54b2qde){flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--_hue-soft);color:var(--_hue-ink);font-family:var(--hb-font-mono);font-weight:700;font-size:13px}.hb-demo-steps__text:where(.astro-j54b2qde){font-size:14px;color:var(--hb-ink-soft);line-height:1.5}.hb-demo-steps__item:where(.astro-j54b2qde)[data-hue="1"]{--_hue-soft: oklch(.92 .07 200);--_hue-ink: oklch(.4 .13 200)}.hb-demo-steps__item:where(.astro-j54b2qde)[data-hue="2"]{--_hue-soft: oklch(.92 .08 320);--_hue-ink: oklch(.44 .16 320)}.hb-demo-steps__item:where(.astro-j54b2qde)[data-hue="3"]{--_hue-soft: oklch(.92 .1 85);--_hue-ink: oklch(.42 .14 75)}[data-theme=dark] .hb-demo-steps__item:where(.astro-j54b2qde)[data-hue="1"]{--_hue-soft: oklch(.38 .13 195);--_hue-ink: oklch(.9 .12 195)}[data-theme=dark] .hb-demo-steps__item:where(.astro-j54b2qde)[data-hue="2"]{--_hue-soft: oklch(.38 .14 320);--_hue-ink: oklch(.9 .13 320)}[data-theme=dark] .hb-demo-steps__item:where(.astro-j54b2qde)[data-hue="3"]{--_hue-soft: oklch(.4 .15 85);--_hue-ink: oklch(.92 .15 90)}