@layer components{.mk-hero-bg{background-image:var(--bg-wash)}.mk-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(75% 70% at 50% 35%,#000 25%,#0000 75%);mask-image:radial-gradient(75% 70% at 50% 35%,#000 25%,#0000 75%)}.mk-ink-bg{background-image:radial-gradient(60% 90% at 100% 0,#0f3a408c 0%,#0000 70%),radial-gradient(50% 80% at 0 100%,#b8892e29 0%,#0000 70%)}.mk-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 1px 0 0 var(--glass-sheen) inset, 0 24px 48px -28px var(--shadow-color)}.mk-steps{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.mk-step{grid-template-columns:auto 1fr;column-gap:1rem;display:grid;position:relative}.mk-step:not(:last-child):before{content:"";border-inline-start:2px dashed color-mix(in srgb, var(--gold) 70%, transparent);position:absolute;inset-block:3.25rem -1.25rem;inset-inline-start:calc(1.5rem - 1px)}@media (min-width:900px){.mk-steps{grid-template-columns:repeat(var(--mk-steps,5), minmax(0, 1fr));gap:1rem}.mk-step{text-align:start;display:block}.mk-step:not(:last-child):before{border-inline-start:0;border-block-start:2px dashed color-mix(in srgb, var(--gold) 70%, transparent);inset-block:1.5rem auto;inset-inline:3.5rem -.5rem}}mark.mk-placeholder{background:color-mix(in srgb, var(--gold) 28%, transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25em;padding-inline:.25em;font-weight:600}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mk-pulse{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.9)}}@keyframes mk-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes mk-rise{0%{transform:translateY(18px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.mk-float{animation:7s ease-in-out infinite mk-float}.mk-float--slow{animation-duration:9s;animation-delay:-3s}.mk-pulse:after{content:"";border-radius:inherit;border:2px solid;animation:2.4s ease-out infinite mk-pulse;position:absolute;inset:0}.mk-draw{animation:1.4s ease-out .2s both mk-draw}@supports (animation-timeline:view()){.mk-rise{animation:linear both mk-rise;animation-timeline:view();animation-range:entry entry 40%}}}}
