@layer components{.marketing-surface{--mk-tint:color-mix(in oklab, var(--primary) 7%, var(--card));--mk-tint-strong:color-mix(in oklab, var(--primary) 13%, var(--card));--mk-r-btn:.625rem;--mk-r-tile:.75rem;--mk-r-card:1rem;--mk-r-panel:1.75rem;--mk-ease:cubic-bezier(.16, 1, .3, 1);--mk-shadow:0 .125rem .375rem #141f390d, 0 .5rem 1.25rem #141f3912;--mk-shadow-hover:0 .125rem .375rem #141f390f, 0 .75rem 1.75rem #141f391f;--mk-shadow-lg:0 .25rem .5rem #141f390d, 0 1.5rem 2.5rem #141f391f;--mk-ink-accent:#4fd3ae;letter-spacing:-.01em}.dark .marketing-surface{--mk-tint:color-mix(in oklab, var(--primary) 12%, var(--background));--mk-tint-strong:color-mix(in oklab, var(--primary) 20%, var(--background));--mk-shadow:0 .125rem .375rem #0003, 0 .5rem 1.25rem #00000040;--mk-shadow-hover:0 .125rem .375rem #00000040, 0 .75rem 1.75rem #00000059;--mk-shadow-lg:0 .25rem .5rem #0003, 0 1.5rem 2.5rem #0006}.mk-display{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1.08}.mk-title{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.15}.mk-subtitle{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.015em;font-weight:600;line-height:1.25}.mk-lead{color:var(--muted-foreground);text-wrap:pretty;line-height:1.75}.mk-eyebrow{font-family:var(--font-display), var(--font-sans), sans-serif;font-size:var(--text-sm);letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.mk-eyebrow>svg{width:1.25rem;height:1.25rem;color:var(--brand-link);flex-shrink:0}.mk-tag{background:color-mix(in oklab, var(--primary) 12%, transparent);max-width:100%;color:var(--brand-link);font-family:var(--font-body), var(--font-sans), sans-serif;font-size:var(--text-xs);border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-weight:600;line-height:1.35;display:inline-flex}.mk-tag>svg{flex-shrink:0;width:.875rem;height:.875rem}.mk-badge{background:var(--card);color:var(--foreground);font-family:var(--font-body), var(--font-sans), sans-serif;font-size:var(--text-xs);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .7rem;font-weight:600;display:inline-flex;box-shadow:0 1px 5px #141f3926}.mk-btn{border-radius:var(--mk-r-btn);font-family:var(--font-body), var(--font-sans), sans-serif;font-size:var(--text-sm);white-space:nowrap;transition:background-color .3s var(--mk-ease), color .3s var(--mk-ease), box-shadow .3s var(--mk-ease), transform .15s ease;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;line-height:1.25;display:inline-flex;position:relative}.mk-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.mk-btn:active{transform:scale(.98)}.mk-btn>svg{width:1rem;height:1rem;transition:transform .4s var(--mk-ease);flex-shrink:0}.mk-btn:hover>.mk-arrow-up{transform:translate(2px,-2px)}.mk-btn:hover>.mk-arrow-right{transform:translate(3px)}.mk-btn-sm{font-size:var(--text-xs);border-radius:.5rem;gap:.375rem;padding:.4rem .875rem}.mk-btn-sm>svg{width:.8125rem;height:.8125rem}.mk-btn-lg{font-size:var(--text-base);padding:.9rem 1.75rem}.mk-btn-solid{background-color:var(--foreground);color:var(--background)}.mk-btn-solid:hover{background-color:color-mix(in oklab, var(--foreground) 86%, var(--primary));box-shadow:var(--mk-shadow-hover)}.mk-btn-primary{background-color:var(--primary);background-image:var(--brand-gradient);color:var(--primary-foreground)}.mk-btn-primary:hover{filter:brightness(.95);box-shadow:var(--mk-shadow-hover)}.mk-btn-tint{background-color:color-mix(in oklab, var(--primary) 12%, transparent);color:var(--brand-link)}.mk-btn-tint:hover{background-color:var(--primary);color:var(--primary-foreground)}.mk-btn-ghost{background-color:color-mix(in oklab, var(--foreground) 6%, transparent);color:var(--foreground)}.mk-btn-ghost:hover{background-color:color-mix(in oklab, var(--foreground) 11%, transparent)}.mk-btn-light{background-color:var(--brand-ink-foreground);color:var(--brand-ink)}.mk-btn-light:hover{background-color:#fff;box-shadow:0 .75rem 1.75rem #0000004d}.mk-btn-ink-tint{background-color:color-mix(in oklab, var(--mk-ink-accent) 14%, transparent);color:var(--mk-ink-accent)}.mk-btn-ink-tint:hover{background-color:var(--primary);color:#fff}.mk-card{border:1px solid var(--border);border-radius:var(--mk-r-card);background-color:var(--card);color:var(--card-foreground)}.mk-card-hover{transition:box-shadow .4s var(--mk-ease), border-color .4s var(--mk-ease), transform .4s var(--mk-ease)}.mk-card-hover:hover{border-color:color-mix(in oklab, var(--primary) 35%, var(--border));box-shadow:var(--mk-shadow-hover);transform:translateY(-2px)}.mk-tile{border-radius:var(--mk-r-tile);background-color:var(--muted);overflow:hidden}.mk-panel{border-radius:var(--mk-r-panel)}.mk-ink-card{border:1px solid color-mix(in oklab, var(--mk-ink-accent) 12%, transparent);border-radius:var(--mk-r-card);background-color:#007f6124}.mk-glass{border:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);border-radius:var(--mk-r-card);background-color:color-mix(in oklab, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%)}@media (prefers-reduced-transparency:reduce){.mk-glass{background-color:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none}}.mk-kw-box{overflow-clip-margin:.1em;vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:clip}.mk-kw{display:inline-block}.mk-ring-value{stroke-dashoffset:var(--mk-ring-offset,0)}.mk-marquee{--mk-gap:1rem;overflow:hidden}.mk-marquee-y{-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.mk-marquee-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.mk-marquee-track{gap:var(--mk-gap);width:max-content;display:flex}.mk-marquee-y .mk-marquee-track{flex-direction:column;width:100%}.mk-tab{text-align:start;width:100%;font-family:var(--font-display), var(--font-sans), sans-serif;color:var(--muted-foreground);transition:color .3s var(--mk-ease);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-weight:600;display:flex;position:relative}.mk-tab:after{content:"";inset-inline:0;background-color:var(--border);height:2px;transition:background-color .3s var(--mk-ease);border-radius:2px;position:absolute;bottom:0}.mk-tab[aria-selected=true]{color:var(--foreground)}.mk-tab[aria-selected=true]:after{background-color:var(--primary)}.mk-tab:hover{color:var(--foreground)}.mk-tab:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;border-radius:var(--mk-r-btn)}}@media (prefers-reduced-motion:no-preference){@keyframes mk-rise{0%{opacity:0;filter:blur(6px);transform:translateY(105%)}}@keyframes mk-fade-up{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes mk-ring{0%{stroke-dashoffset:100px}}@keyframes mk-scroll-y{to{transform:translateY(calc(-50% - var(--mk-gap) / 2))}}@keyframes mk-scroll-x{to{transform:translateX(calc(-50% - var(--mk-gap) / 2))}}[data-mk-load] .mk-kw{animation:mk-rise .9s var(--mk-ease) backwards;animation-delay:calc(var(--i,0) * 70ms + var(--mk-delay,0s))}[data-mk-load][data-mk=fade]{animation:mk-fade-up .8s var(--mk-ease) backwards;animation-delay:var(--mk-delay,0s)}.mk-wait .mk-kw,.mk-wait[data-mk=fade]{opacity:0}.mk-go .mk-kw{animation:mk-rise .9s var(--mk-ease) backwards;animation-delay:calc(var(--i,0) * 55ms)}.mk-go[data-mk=fade]{animation:mk-fade-up .8s var(--mk-ease) backwards;animation-delay:calc(var(--i,0) * 80ms)}.mk-go .mk-ring-value{animation:mk-ring 1.6s var(--mk-ease) backwards;animation-delay:calc(var(--i,0) * .12s + .2s)}.mk-wait .mk-ring-value{stroke-dashoffset:100px}.mk-marquee-y .mk-marquee-track{animation:mk-scroll-y var(--mk-duration,40s) linear infinite}.mk-marquee-x .mk-marquee-track{animation:mk-scroll-x var(--mk-duration,50s) linear infinite}.mk-marquee[data-reverse] .mk-marquee-track{animation-direction:reverse}.mk-marquee:hover .mk-marquee-track{animation-play-state:paused}}
