.mkt,.mk-dark{--mk-bg:#0b0b0e;--mk-surface:#131316;--mk-line:#f4f1e81a;--mk-ink:#f4f1e8;--mk-ink-2:#f4f1e8a3;--mk-ink-3:#f4f1e86b;--mk-accent:#facc15;--mk-yellow:#facc15;--mk-yellow-ink:#141208;--mk-btn-bg:#facc15;--mk-btn-ink:#141208;--mk-ease-out:cubic-bezier(.23, 1, .32, 1);background-color:var(--mk-bg);color:var(--mk-ink)}.mk-light{--mk-bg:#fafaf8;--mk-surface:#f1f0eb;--mk-line:#1412081a;--mk-ink:#141208;--mk-ink-2:#141208a8;--mk-ink-3:#14120875;--mk-accent:#ca8a04;background-color:var(--mk-bg);color:var(--mk-ink)}.mk-yellow{--mk-bg:#facc15;--mk-surface:#f5c40f;--mk-line:#14120829;--mk-ink:#141208;--mk-ink-2:#141208b8;--mk-ink-3:#14120885;--mk-accent:#141208;--mk-btn-bg:#141208;--mk-btn-ink:#facc15;background-color:var(--mk-bg);color:var(--mk-ink)}.mk-h2{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.25rem,4.6vw,3.75rem);font-weight:700;line-height:1}.mk-btn{white-space:nowrap;transition:transform .14s var(--mk-ease-out), background-color .22s ease, color .22s ease, border-color .22s ease;border-radius:9999px;align-items:center;gap:.625rem;padding:.95rem 1.75rem;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.mk-btn-sm{padding:.7rem 1.25rem;font-size:13px}.mk-btn:active{transform:scale(.97)}.mk-btn:focus-visible,.mk-link:focus-visible{outline:2px solid var(--mk-yellow);outline-offset:3px}.mk-btn-primary{background:var(--mk-btn-bg);color:var(--mk-btn-ink)}.mk-btn-ghost{border:1px solid color-mix(in srgb, var(--mk-ink) 28%, transparent);color:var(--mk-ink)}.mk-btn-dark{background:var(--mk-yellow-ink);color:#f4f1e8}.mk-link{color:var(--mk-ink);border-radius:9999px;align-items:center;gap:.5rem;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.mk-arrow{transition:transform .2s var(--mk-ease-out)}@media (hover:hover) and (pointer:fine){.mk-btn-primary:hover{background:var(--mk-ink);color:var(--mk-bg)}.mk-yellow .mk-btn-primary:hover{color:var(--mk-ink);background:#f4f1e8}.mk-btn-ghost:hover{border-color:var(--mk-ink)}.mk-btn-dark:hover{color:var(--mk-yellow-ink);background:#f4f1e8}.mk-btn:hover .mk-arrow,.mk-link:hover .mk-arrow{transform:translate(3px)}.mk-link:hover{color:var(--mk-accent)}}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mk-float{will-change:transform;animation:7s ease-in-out infinite mk-float}@media (prefers-reduced-motion:reduce){.mk-float{animation:none}}
