/* variant: grid. Calm and crisp: a faint static grid behind a picture-less hero, solid buttons, cards that lift a little. */
.hero-fx::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(var(--hero-fg-rgb) / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--hero-fg-rgb) / .06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 60% 35%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 70% 65% at 60% 35%,#000 15%,transparent 72%)}
.hero.has-image .hero-fx{display:none}
.chip{border-radius:calc(var(--radius) * .7)}
.step-num{border-radius:calc(var(--radius) * .7)}
.card:hover,.step:hover{box-shadow:0 14px 30px -18px rgb(var(--brand-rgb) / .45)}
.btn-ghost{background:color-mix(in srgb,var(--hero-fg) 14%,var(--hero-bg));border-color:rgb(var(--hero-fg-rgb) / .5)}
.btn-ghost:hover{background:color-mix(in srgb,var(--hero-fg) 24%,var(--hero-bg));border-color:var(--hero-fg)}