mosaic-headless 1.11.0 → 1.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/SKILL.md +1 -1
  2. package/assets/templates/platforms/claude-ai.json +1 -1
  3. package/assets/templates/platforms/claude-code.json +1 -1
  4. package/assets/templates/platforms/codex-cli.json +1 -1
  5. package/assets/templates/platforms/copilot.json +1 -1
  6. package/assets/templates/platforms/gemini-cli.json +1 -1
  7. package/data/design-audit.csv +26 -10
  8. package/data/intro-verification.csv +14 -14
  9. package/package.json +1 -1
  10. package/sites/_moksa.py +101 -28
  11. package/sites/moksa.json +345 -89
package/sites/moksa.json CHANGED
@@ -54,7 +54,7 @@
54
54
  "data": {
55
55
  "attrID": "mk-motion-css",
56
56
  "insertLocation": "head",
57
- "content": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap\">\n<style id=\"mk-motion\">\n@keyframes mk-linein{from{transform:translateY(110%)}to{transform:translateY(0)}}\n@keyframes mk-softin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes mk-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-progress{from{width:0%}to{width:100%}}\n@keyframes mk-headrule{from{opacity:0}to{opacity:1}}\n@keyframes mk-headbg{from{background:rgba(250,250,247,0)}to{background:rgba(250,250,247,.9)}}\n@keyframes mk-caret{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}\n@keyframes mk-cuearrow{0%{transform:translateY(-3px) rotate(45deg);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(20px) rotate(45deg);opacity:0}}\n@keyframes mk-cuefade{0%,25%{opacity:1}100%{opacity:0}}\n@keyframes mk-digit{from{transform:translateY(105%)}to{transform:translateY(0)}}\n@keyframes mk-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-markin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-idxon{from,to{color:rgb(255,90,54);letter-spacing:.2em}}\n@keyframes mk-dotin{from{transform:scale(0)}to{transform:scale(1)}}\n@keyframes mk-pan{from{transform:translateX(2%)}to{transform:translateX(-34%)}}\n@keyframes mk-panloop{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-flap{from{transform:translateY(0)}to{transform:translateY(-87.5000%)}}\n#mk-board-code>*{position:relative}\n#mk-board-code>*::after{content:\"\";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55);z-index:2;pointer-events:none}\n#mk-board-row{font-variant-numeric:tabular-nums}\n@keyframes mk-fillscrub{from{background-position:100% 0}to{background-position:0 0}}\n@keyframes mk-flow{0%{transform:translateX(-7px);opacity:.2}45%{opacity:1}100%{transform:translateX(7px);opacity:.2}}\n#mk-doc{position:relative}\n#mk-doc::before,#mk-doc::after{content:\"\";position:fixed;top:0;bottom:0;width:1px;background:rgba(22,24,28,.16);z-index:1;pointer-events:none}\n#mk-doc::before{left:40px}\n#mk-doc::after{right:40px}\n@media (max-width:1079px){#mk-doc::before{left:28px}#mk-doc::after{right:28px}}\n@media (max-width:767px){#mk-doc::before,#mk-doc::after{display:none}}\n#mk-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,247,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n#mk-header::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(22,24,28,.16);opacity:0}\n#mk-nav>*{position:relative}\n#mk-nav>*::after{content:\"\";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:rgb(255,90,54);transition:right .28s cubic-bezier(.2,.7,.3,1)}\n#mk-nav>*:hover::after{right:0}\n@media (hover:none){#mk-nav>*::after{right:0;opacity:.45}}\n#mk-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:rgba(255,90,54,.16)}\n#mk-progress{position:absolute;left:0;top:0;width:0;height:100%;background:rgb(255,90,54)}\n#mk-mast-in{padding-top:128px}\n@media (max-width:1079px){#mk-mast-in{padding-top:104px}}\n@media (max-width:767px){#mk-mast-in{padding-top:88px}}\n#mk-caret{width:13px;height:19px;background:rgb(255,90,54)}\n#mk-plate-dash{width:34px;height:1px;background:rgb(191,68,40)}\n@keyframes mk-typeline{0%{clip-path:inset(0 100% 0 0)}14%{clip-path:inset(0 0 0 0)}88%{clip-path:inset(0 0 0 0)}94%,100%{clip-path:inset(0 100% 0 0)}}\n#mk-mast-in{position:relative}\n#mk-code{position:absolute;top:86px;right:0;z-index:0;pointer-events:none;width:max-content;max-height:292px;overflow:hidden;display:grid;align-content:start;justify-items:start;row-gap:1px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.72;letter-spacing:0.01em;color:rgba(22,24,28,.10);white-space:pre;text-align:left}\n#mk-mast-in>*:not(#mk-code){position:relative;z-index:1}\n#mk-code-0::after{content:\"const order = await prisma.order.findUnique({\";display:block;min-height:1.75em}\n#mk-code-1::after{content:\" where: { id }, include: { items: true },\";display:block;min-height:1.75em}\n#mk-code-2::after{content:\"})\";display:block;min-height:1.75em}\n#mk-code-3::after{content:\" \";display:block;min-height:1.75em}\n#mk-code-4::after{content:\"await n8n.trigger('order.paid', {\";display:block;min-height:1.75em}\n#mk-code-5::after{content:\" invoice: await ecpay.issue(order),\";display:block;min-height:1.75em}\n#mk-code-6::after{content:\" notify: await line.push(order.customerId, flex(order)),\";display:block;min-height:1.75em}\n#mk-code-7::after{content:\"})\";display:block;min-height:1.75em}\n#mk-code-8::after{content:\" \";display:block;min-height:1.75em}\n#mk-code-9::after{content:\"return reply.code(200).send({ ok: true })\";display:block;min-height:1.75em}\n#mk-code-cur{width:7px;height:13px;background:rgba(255,90,54,.30)}\n@media (max-width:1279px){#mk-code{display:none}}\n@property --mk-s{syntax:'<integer>';initial-value:0;inherits:true}\n@property --mk-m{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-secs{to{--mk-s:60}}\n@keyframes mk-mins{to{--mk-m:60}}\n@keyframes mk-livedot{0%,55%{opacity:1}56%,100%{opacity:.15}}\n#mk-clock{display:flex;align-items:baseline;column-gap:5px;margin-left:18px;padding-left:18px;border-left:1px solid rgba(22,24,28,.16)}\n#mk-clock-dot{width:5px;height:5px;background:rgb(255,90,54);align-self:center;margin-right:3px}\n#mk-clock-m,#mk-clock-s{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:rgb(22,24,28);font-variant-numeric:tabular-nums;letter-spacing:0.02em}\n#mk-clock-s::after{counter-reset:s var(--mk-s);content:counter(s,decimal-leading-zero)}\n#mk-clock-m::after{counter-reset:m var(--mk-m);content:counter(m,decimal-leading-zero)}\n@media (max-width:1023px){#mk-clock{display:none}}\n@keyframes mk-sweepdown{from{transform:translateY(-10vh)}to{transform:translateY(110vh)}}\n#mk-sweep{content:\"\";position:fixed;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.30) 22%,rgba(255,90,54,.30) 78%,rgba(255,90,54,0))}\n@keyframes mk-railrun{from{background-position:0 -40vh}to{background-position:0 140vh}}\n#mk-mast-rule,#mk-spec-rule{height:1px;background:rgba(22,24,28,.16);transform:scaleX(0);transform-origin:0 50%}\n#mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{display:block;transform:translateY(105%)}\n#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8{position:relative;transition:background-color .2s ease,padding-left .28s cubic-bezier(.2,.7,.3,1)}\n#mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(255,90,54);transform:scaleX(0);transform-origin:0 50%}\n#mk-work-0:hover,#mk-work-1:hover,#mk-work-2:hover,#mk-work-3:hover,#mk-work-4:hover,#mk-work-5:hover,#mk-work-6:hover,#mk-work-7:hover,#mk-work-8:hover{background-color:rgba(255,90,54,.06);padding-left:14px}\n#mk-work-0:hover #mk-work-idx-0,#mk-work-1:hover #mk-work-idx-1,#mk-work-2:hover #mk-work-idx-2,#mk-work-3:hover #mk-work-idx-3,#mk-work-4:hover #mk-work-idx-4,#mk-work-5:hover #mk-work-idx-5,#mk-work-6:hover #mk-work-idx-6,#mk-work-7:hover #mk-work-idx-7,#mk-work-8:hover #mk-work-idx-8{color:rgb(255,90,54)}\n#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{position:fixed;width:13px;height:13px;z-index:2;pointer-events:none;opacity:0}\n#mk-mark-0{top:66px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-1{top:66px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-2{bottom:20px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n#mk-mark-3{bottom:20px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n@media (max-width:1279px){#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{display:none}}\n#mk-index{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto;background:rgb(250,250,247);padding:14px 10px;border:1px solid rgba(22,24,28,.16)}\n#mk-index>*{display:flex;column-gap:8px;align-items:baseline}\n@media (max-width:1679px){#mk-idx-w-0,#mk-idx-w-1,#mk-idx-w-2,#mk-idx-w-3,#mk-idx-w-4,#mk-idx-w-5,#mk-idx-w-6{display:none}#mk-index{padding:12px 7px;left:4px}}\n@media (max-width:1439px){#mk-index{display:none}}\n#mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{width:7px;height:7px;background:rgb(255,90,54);border-radius:50%;transform:scale(0);margin-top:-4px}\n#mk-tag-0-0:hover,#mk-tag-0-1:hover,#mk-tag-0-2:hover,#mk-tag-0-3:hover,#mk-tag-0-4:hover,#mk-tag-1-0:hover,#mk-tag-1-1:hover,#mk-tag-1-2:hover,#mk-tag-1-3:hover,#mk-tag-2-0:hover,#mk-tag-2-1:hover,#mk-tag-2-2:hover,#mk-tag-2-3:hover,#mk-tag-2-4:hover,#mk-tag-3-0:hover,#mk-tag-3-1:hover,#mk-tag-3-2:hover,#mk-tag-3-3:hover,#mk-tag-4-0:hover,#mk-tag-4-1:hover,#mk-tag-4-2:hover,#mk-tag-4-3:hover,#mk-tag-5-0:hover,#mk-tag-5-1:hover,#mk-tag-5-2:hover,#mk-tag-5-3:hover,#mk-tag-5-4:hover,#mk-tag-6-0:hover,#mk-tag-6-1:hover,#mk-tag-6-2:hover,#mk-tag-6-3:hover,#mk-tag-6-4:hover,#mk-tag-7-0:hover,#mk-tag-7-1:hover,#mk-tag-7-2:hover,#mk-tag-7-3:hover,#mk-tag-7-4:hover{border-color:rgb(255,90,54)}\n#mk-ticker-track{display:flex;width:max-content;will-change:transform}\n#mk-ticker:hover #mk-ticker-track{animation-play-state:paused}\nhtml{scroll-behavior:smooth}\n#services,#works,#products,#contact{scroll-margin-top:82px}\n#mk-home{scroll-margin-top:0}\n@media (max-width:767px){#services,#works,#products,#contact{scroll-margin-top:68px}}\n#mk-cue{position:fixed;right:40px;bottom:24px;z-index:90;display:flex;align-items:center;column-gap:10px;pointer-events:none}\n#mk-cue-rail{position:relative;width:9px;height:24px}\n#mk-cue-rail::after{content:\"\";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-4px;opacity:0;border-right:1px solid rgb(255,90,54);border-bottom:1px solid rgb(255,90,54)}\n@media (max-width:1079px){#mk-cue{right:28px}}\n@media (max-width:767px){#mk-cue{right:18px;bottom:16px}}\n#mk-boot{display:none}\n@property --mk-n{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-count{to{--mk-n:100}}\n@keyframes mk-boot-out{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}\n@keyframes mk-boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-boot-line{from{opacity:.14}60%{opacity:1;color:rgb(255,90,54)}to{opacity:.55;color:rgb(107,109,113)}}\n@keyframes mk-boot-scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}\n@keyframes mk-boot-fade{from{opacity:0}to{opacity:1}}\n@keyframes mk-boot-type{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}\n@keyframes mk-boot-caret{0%,49%{opacity:1}50%,99%{opacity:0}}\n@keyframes mk-boot-cross{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-boot-tick{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}\n@keyframes mk-boot-stamp{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}\n@media (prefers-reduced-motion:no-preference){\n #mk-boot{display:grid;position:fixed;inset:0;z-index:999;background:rgb(250,250,247);align-content:center;justify-items:center;row-gap:20px;overflow:hidden;animation:mk-boot-out .62s cubic-bezier(.7,0,.3,1) 2.95s forwards}\n #mk-boot-head,#mk-boot-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgb(107,109,113);animation:mk-boot-fade .4s ease both}\n #mk-boot-head{top:34px}\n #mk-boot-foot{bottom:30px;animation-delay:.1s}\n #mk-boot-num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:104px;font-weight:500;line-height:1;letter-spacing:-.04em;color:rgb(22,24,28);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;animation:mk-count 2.05s linear .3s both}\n #mk-boot-num::after{counter-reset:n var(--mk-n);content:counter(n)}\n #mk-boot-row{display:flex;align-items:flex-end;column-gap:8px;line-height:1}\n #mk-boot-pct{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;color:rgb(191,68,40);padding-bottom:12px}\n #mk-boot-track{width:min(420px,62vw);height:1px;background:rgba(22,24,28,.14);position:relative}\n #mk-boot-fill{position:absolute;inset:0;background:rgb(255,90,54);transform-origin:0 50%;animation:mk-boot-fill 2.05s linear .3s both}\n #mk-boot-track::after{content:\"\";position:absolute;left:0;right:0;top:-3px;height:3px;background:repeating-linear-gradient(90deg,rgba(22,24,28,.22) 0 1px,transparent 1px 42px);animation:mk-boot-fade .5s ease .15s both}\n #mk-boot-list{display:flex;column-gap:18px;row-gap:8px;flex-wrap:wrap;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em}\n #mk-boot-list>*{opacity:.14;animation:mk-boot-line .62s ease both}\n #mk-boot-c0{animation-delay:700ms}\n #mk-boot-c1{animation-delay:900ms}\n #mk-boot-c2{animation-delay:1100ms}\n #mk-boot-c3{animation-delay:1300ms}\n #mk-boot-c4{animation-delay:1500ms}\n #mk-boot-c5{animation-delay:1700ms}\n #mk-boot-c6{animation-delay:1900ms}\n #mk-boot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px);animation:mk-boot-fade .5s ease both}\n #mk-boot-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.55),rgba(255,90,54,0));animation:mk-boot-scan 1.45s linear .15s 2 both}\n #mk-boot .mk-x,#mk-boot-x0,#mk-boot-x1,#mk-boot-x2,#mk-boot-x3{position:absolute;width:14px;height:14px;animation:mk-boot-cross .5s cubic-bezier(.16,1,.3,1) both}\n #mk-boot-x0{top:64px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.08s}\n #mk-boot-x1{top:64px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.16s}\n #mk-boot-x2{bottom:56px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.24s}\n #mk-boot-x3{bottom:56px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.32s}\n #mk-boot-ruler{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:grid;row-gap:9px}\n #mk-boot-ruler>*{width:9px;height:1px;background:rgba(22,24,28,.42);transform-origin:0 50%;animation:mk-boot-tick .3s ease both}\n #mk-boot-t0{animation-delay:120ms}\n #mk-boot-t1{animation-delay:146ms}\n #mk-boot-t2{animation-delay:172ms}\n #mk-boot-t3{animation-delay:198ms}\n #mk-boot-t4{animation-delay:224ms}\n #mk-boot-t5{animation-delay:250ms}\n #mk-boot-t6{animation-delay:276ms}\n #mk-boot-t7{animation-delay:302ms}\n #mk-boot-t8{animation-delay:328ms}\n #mk-boot-t9{animation-delay:354ms}\n #mk-boot-t10{animation-delay:380ms}\n #mk-boot-t11{animation-delay:406ms}\n #mk-boot-t12{animation-delay:432ms}\n @media (max-width:1023px){#mk-boot-ruler{display:none}}\n #mk-boot-log{display:grid;row-gap:7px;justify-items:start;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.16em;color:rgb(107,109,113);min-height:64px}\n #mk-boot-log>*{animation:mk-boot-type .42s steps(24,end) both}\n #mk-boot-l0{animation-delay:550ms}\n #mk-boot-l1{animation-delay:930ms}\n #mk-boot-l2{animation-delay:1310ms}\n #mk-boot-l3{animation-delay:1690ms}\n #mk-boot-cursor{width:7px;height:11px;background:rgb(255,90,54);animation:mk-boot-caret .62s steps(1,end) .5s infinite}\n #mk-boot-ready{border:1px solid rgb(191,68,40);padding:5px 12px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.24em;color:rgb(191,68,40);opacity:0;animation:mk-boot-stamp .42s cubic-bezier(.16,1,.3,1) 2.42s both}\n @media (max-width:767px){#mk-boot-num{font-size:62px}#mk-boot-head,#mk-boot-foot{left:18px;right:18px}}\n #mk-hl1-mask>*,#mk-hl2-mask>*{transform:translateY(112%);animation:mk-linein .95s cubic-bezier(.16,1,.3,1) forwards}\n #mk-hl1-mask>*{animation-delay:3.16s}\n #mk-hl2-mask>*{animation-delay:3.28s}\n #mk-mast-meta,#mk-mast-lede,#mk-mast-cta{opacity:0;animation:mk-softin .8s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mast-meta{animation-delay:3.06s}\n #mk-mast-lede{animation-delay:3.54s}\n #mk-mast-cta{animation-delay:3.66s}\n #mk-ar-a-0>*,#mk-ar-b-0>*,#mk-ar-a-1>*,#mk-ar-b-1>*,#mk-ar-a-2>*,#mk-ar-b-2>*{animation:mk-flow 1.9s ease-in-out infinite}\n #mk-clock-s{animation:mk-secs 60s steps(60,end) infinite}\n #mk-clock-m{animation:mk-mins 3600s steps(60,end) infinite}\n #mk-clock-dot{animation:mk-livedot 2s steps(1,end) infinite}\n #mk-sweep{animation:mk-sweepdown 11s linear infinite}\n #mk-pan-loop{animation:mk-panloop 26s linear infinite}\n #mk-code-0{animation:mk-typeline 15s steps(45,end) 300ms infinite}\n #mk-code-1{animation:mk-typeline 15s steps(42,end) 640ms infinite}\n #mk-code-2{animation:mk-typeline 15s steps(2,end) 980ms infinite}\n #mk-code-3{animation:mk-typeline 15s steps(1,end) 1320ms infinite}\n #mk-code-4{animation:mk-typeline 15s steps(33,end) 1660ms infinite}\n #mk-code-5{animation:mk-typeline 15s steps(36,end) 2000ms infinite}\n #mk-code-6{animation:mk-typeline 15s steps(58,end) 2340ms infinite}\n #mk-code-7{animation:mk-typeline 15s steps(2,end) 2680ms infinite}\n #mk-code-8{animation:mk-typeline 15s steps(1,end) 3020ms infinite}\n #mk-code-9{animation:mk-typeline 15s steps(41,end) 3360ms infinite}\n #mk-code-cur{animation:mk-boot-caret .62s steps(1,end) infinite}\n #mk-flap-0-s,#mk-flap-1-s,#mk-flap-2-s,#mk-board-city-s,#mk-board-utc-s{animation:mk-flap 14s steps(7,end) infinite}\n #mk-flap-1-s{animation-delay:80ms}\n #mk-flap-2-s{animation-delay:160ms}\n #mk-doc::before,#mk-doc::after{background-image:linear-gradient(180deg,rgba(255,90,54,0),rgba(255,90,54,.55) 45%,rgba(255,90,54,.55) 55%,rgba(255,90,54,0));background-size:1px 34vh;background-repeat:no-repeat;animation:mk-railrun 9s linear infinite}\n #mk-ar-a-0>*{animation-delay:0ms}\n #mk-ar-b-0>*{animation-delay:130ms}\n #mk-ar-a-1>*{animation-delay:260ms}\n #mk-ar-b-1>*{animation-delay:390ms}\n #mk-ar-a-2>*{animation-delay:520ms}\n #mk-ar-b-2>*{animation-delay:650ms}\n #mk-caret{animation:mk-caret 1.15s steps(1,end) infinite;animation-delay:3.84s}\n #mk-mast-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:3.40s}\n #mk-spec-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.9s}\n #mk-cue{opacity:0;animation:mk-softin .8s ease forwards;animation-delay:1.1s}\n #mk-cue-rail::after{animation:mk-cuearrow 1.9s cubic-bezier(.4,0,.5,1) infinite}\n #mk-ticker-track{animation:mk-ticker 40s linear infinite}\n #mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{animation:mk-markin .5s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mark-0{animation-delay:1.15s}\n #mk-mark-1{animation-delay:1.24s}\n #mk-mark-2{animation-delay:1.33s}\n #mk-mark-3{animation-delay:1.42s}\n @supports (animation-timeline:view()){\n #mk-spec,#mk-svc-head,#mk-svc-0,#mk-svc-1,#mk-svc-2,#mk-svc-3,#mk-proc-head,#mk-proc-0,#mk-proc-1,#mk-proc-2,#mk-proc-3,#mk-works-head,#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8,#mk-plate-num,#mk-plate-t,#mk-mx-head,#mk-mx-cols,#mk-mx-r-0,#mk-mx-r-1,#mk-mx-r-2,#mk-mx-r-3,#mk-mx-r-4,#mk-mx-r-5,#mk-mx-r-6,#mk-mx-r-7,#mk-fig2-head,#mk-fl-a-0,#mk-fl-b-0,#mk-fl-c-0,#mk-fl-a-1,#mk-fl-b-1,#mk-fl-c-1,#mk-fl-a-2,#mk-fl-b-2,#mk-fl-c-2,#mk-spec2-head,#mk-spec2-r-0,#mk-spec2-r-1,#mk-spec2-r-2,#mk-spec2-r-3,#mk-stack-head,#mk-stack-0,#mk-stack-1,#mk-stack-2,#mk-stack-3,#mk-stack-4,#mk-stack-5,#mk-stack-6,#mk-stack-7,#mk-prod-head,#mk-prod-0,#mk-prod-1,#mk-voice-head,#mk-voice-0,#mk-voice-1,#mk-voice-2,#mk-contact-head{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 2% cover 36%}\n #mk-svc-0{animation-range:entry 6% cover 40%}\n #mk-svc-1{animation-range:entry 10% cover 44%}\n #mk-svc-2{animation-range:entry 14% cover 48%}\n #mk-svc-3{animation-range:entry 18% cover 52%}\n #mk-proc-0{animation-range:entry 6% cover 40%}\n #mk-proc-1{animation-range:entry 10% cover 44%}\n #mk-proc-2{animation-range:entry 14% cover 48%}\n #mk-proc-3{animation-range:entry 18% cover 52%}\n #mk-work-0{animation-range:entry 6% cover 40%}\n #mk-work-1{animation-range:entry 6% cover 40%}\n #mk-work-2{animation-range:entry 10% cover 44%}\n #mk-work-3{animation-range:entry 10% cover 44%}\n #mk-work-4{animation-range:entry 14% cover 48%}\n #mk-work-5{animation-range:entry 14% cover 48%}\n #mk-work-6{animation-range:entry 18% cover 52%}\n #mk-work-7{animation-range:entry 18% cover 52%}\n #mk-work-8{animation-range:entry 22% cover 56%}\n #mk-plate-t{animation-range:entry 6% cover 40%}\n #mk-mx-cols{animation-range:entry 6% cover 40%}\n #mk-mx-r-0{animation-range:entry 6% cover 40%}\n #mk-mx-r-1{animation-range:entry 10% cover 44%}\n #mk-mx-r-2{animation-range:entry 10% cover 44%}\n #mk-mx-r-3{animation-range:entry 14% cover 48%}\n #mk-mx-r-4{animation-range:entry 14% cover 48%}\n #mk-mx-r-5{animation-range:entry 18% cover 52%}\n #mk-mx-r-6{animation-range:entry 18% cover 52%}\n #mk-mx-r-7{animation-range:entry 22% cover 56%}\n #mk-fl-a-0{animation-range:entry 6% cover 40%}\n #mk-fl-b-0{animation-range:entry 10% cover 44%}\n #mk-fl-c-0{animation-range:entry 14% cover 48%}\n #mk-fl-a-1{animation-range:entry 10% cover 44%}\n #mk-fl-b-1{animation-range:entry 14% cover 48%}\n #mk-fl-c-1{animation-range:entry 18% cover 52%}\n #mk-fl-a-2{animation-range:entry 14% cover 48%}\n #mk-fl-b-2{animation-range:entry 18% cover 52%}\n #mk-fl-c-2{animation-range:entry 22% cover 56%}\n #mk-spec2-r-0{animation-range:entry 6% cover 40%}\n #mk-spec2-r-1{animation-range:entry 10% cover 44%}\n #mk-spec2-r-2{animation-range:entry 14% cover 48%}\n #mk-spec2-r-3{animation-range:entry 18% cover 52%}\n #mk-stack-0{animation-range:entry 6% cover 40%}\n #mk-stack-1{animation-range:entry 10% cover 44%}\n #mk-stack-2{animation-range:entry 14% cover 48%}\n #mk-stack-3{animation-range:entry 18% cover 52%}\n #mk-stack-4{animation-range:entry 22% cover 56%}\n #mk-stack-5{animation-range:entry 22% cover 56%}\n #mk-stack-6{animation-range:entry 22% cover 56%}\n #mk-stack-7{animation-range:entry 22% cover 56%}\n #mk-prod-0{animation-range:entry 6% cover 40%}\n #mk-prod-1{animation-range:entry 10% cover 44%}\n #mk-voice-0{animation-range:entry 6% cover 40%}\n #mk-voice-1{animation-range:entry 10% cover 44%}\n #mk-voice-2{animation-range:entry 14% cover 48%}\n #mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{animation:mk-digit .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}\n #mk-fig-0>div,#mk-fig-1>div,#mk-fig-2>div,#mk-fig-3>div{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 0% entry 1%}\n #mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{animation:mk-sweep .01s linear both;animation-timeline:view();animation-range:entry 12% cover 24%}\n #mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{animation:mk-dotin .01s linear both;animation-timeline:view();animation-range:entry 14% cover 26%}\n #mk-pan-track{animation:mk-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}\n #mk-plate-t h2{background-image:linear-gradient(90deg,rgb(22,24,28) 0 50%,rgb(107,109,113) 50% 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:mk-fillscrub linear both;animation-timeline:view();animation-range:entry 24% cover 58%}\n }\n @supports (timeline-scope:--x){\n #mk-doc{timeline-scope:--mk-s1,--mk-s2,--mk-s3,--mk-s4,--mk-s5,--mk-s6,--mk-s7}\n#services{view-timeline-name:--mk-s1;view-timeline-inset:45% 45%}\n#process{view-timeline-name:--mk-s2;view-timeline-inset:45% 45%}\n#works{view-timeline-name:--mk-s3;view-timeline-inset:45% 45%}\n#stack{view-timeline-name:--mk-s4;view-timeline-inset:45% 45%}\n#products{view-timeline-name:--mk-s5;view-timeline-inset:45% 45%}\n#mk-voices{view-timeline-name:--mk-s6;view-timeline-inset:45% 45%}\n#contact{view-timeline-name:--mk-s7;view-timeline-inset:45% 45%}\n #mk-idx-0{animation:mk-idxon linear;animation-timeline:--mk-s1;animation-range:cover 0% cover 100%}\n #mk-idx-1{animation:mk-idxon linear;animation-timeline:--mk-s2;animation-range:cover 0% cover 100%}\n #mk-idx-2{animation:mk-idxon linear;animation-timeline:--mk-s3;animation-range:cover 0% cover 100%}\n #mk-idx-3{animation:mk-idxon linear;animation-timeline:--mk-s4;animation-range:cover 0% cover 100%}\n #mk-idx-4{animation:mk-idxon linear;animation-timeline:--mk-s5;animation-range:cover 0% cover 100%}\n #mk-idx-5{animation:mk-idxon linear;animation-timeline:--mk-s6;animation-range:cover 0% cover 100%}\n #mk-idx-6{animation:mk-idxon linear;animation-timeline:--mk-s7;animation-range:cover 0% cover 100%}\n }\n @supports (animation-timeline:scroll()){\n #mk-progress{animation:mk-progress linear both;animation-timeline:scroll(root)}\n #mk-cue{animation:mk-cuefade linear both;animation-timeline:scroll(root);animation-range:0px 260px}\n #mk-header{animation:mk-headbg linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n #mk-header::after{animation:mk-headrule linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n }\n}\n</style>",
57
+ "content": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap\">\n<style id=\"mk-motion\">\n@keyframes mk-linein{from{transform:translateY(110%)}to{transform:translateY(0)}}\n@keyframes mk-softin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes mk-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-progress{from{width:0%}to{width:100%}}\n@keyframes mk-headrule{from{opacity:0}to{opacity:1}}\n@keyframes mk-headbg{from{background:rgba(250,250,247,0)}to{background:rgba(250,250,247,.9)}}\n@keyframes mk-caret{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}\n@keyframes mk-cuearrow{0%{transform:translateY(-3px) rotate(45deg);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(20px) rotate(45deg);opacity:0}}\n@keyframes mk-cuefade{0%,25%{opacity:1}100%{opacity:0}}\n@keyframes mk-digit{from{transform:translateY(105%)}to{transform:translateY(0)}}\n@keyframes mk-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-markin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-idxon{from,to{color:rgb(255,90,54);letter-spacing:.2em}}\n@keyframes mk-dotin{from{transform:scale(0)}to{transform:scale(1)}}\n@keyframes mk-pan{from{transform:translateX(2%)}to{transform:translateX(-34%)}}\n@keyframes mk-panloop{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-flap{from{transform:translateY(0)}to{transform:translateY(-87.5000%)}}\n#mk-board-code>*{position:relative}\n#mk-board-code>*::after{content:\"\";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55);z-index:2;pointer-events:none}\n#mk-board-row{font-variant-numeric:tabular-nums}\n@keyframes mk-fillscrub{from{background-position:100% 0}to{background-position:0 0}}\n@keyframes mk-flow{0%{transform:translateX(-7px);opacity:.2}45%{opacity:1}100%{transform:translateX(7px);opacity:.2}}\n#mk-doc{position:relative}\n#mk-doc::before,#mk-doc::after{content:\"\";position:fixed;top:0;bottom:0;width:1px;background:rgba(22,24,28,.16);z-index:1;pointer-events:none}\n#mk-doc::before{left:40px}\n#mk-doc::after{right:40px}\n@media (max-width:1079px){#mk-doc::before{left:28px}#mk-doc::after{right:28px}}\n@media (max-width:767px){#mk-doc::before,#mk-doc::after{display:none}}\n#mk-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,247,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n#mk-header::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(22,24,28,.16);opacity:0}\n#mk-nav>*{position:relative}\n#mk-nav>*::after{content:\"\";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:rgb(255,90,54);transition:right .28s cubic-bezier(.2,.7,.3,1)}\n#mk-nav>*:hover::after{right:0}\n@media (hover:none){#mk-nav>*::after{right:0;opacity:.45}}\n#mk-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:rgba(255,90,54,.16)}\n#mk-progress{position:absolute;left:0;top:0;width:0;height:100%;background:rgb(255,90,54)}\n#mk-mast-in{padding-top:128px}\n@media (max-width:1079px){#mk-mast-in{padding-top:104px}}\n@media (max-width:767px){#mk-mast-in{padding-top:88px}}\n#mk-caret{width:13px;height:19px;background:rgb(255,90,54)}\n#mk-plate-dash{width:34px;height:1px;background:rgb(191,68,40)}\n@keyframes mk-typeline{0%{clip-path:inset(0 100% 0 0)}14%{clip-path:inset(0 0 0 0)}88%{clip-path:inset(0 0 0 0)}94%,100%{clip-path:inset(0 100% 0 0)}}\n#mk-mast-in{position:relative}\n#mk-code{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:26px;align-content:center;padding:70px 0;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.78;letter-spacing:0.01em;color:rgba(22,24,28,.18);white-space:pre;text-align:left;-webkit-mask-image:linear-gradient(96deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.55) 26%,rgba(0,0,0,1) 58%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(96deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.55) 26%,rgba(0,0,0,1) 58%,rgba(0,0,0,1) 100%)}\n#mk-code>*{align-self:start;overflow:hidden}\n#mk-mast-lede{background:rgb(250,250,247);padding:6px 18px 6px 0;margin-left:-2px}\n#mk-mast-side{background:rgb(250,250,247);padding:0 0 0 14px;margin-left:-14px}\n#mk-code-c0-h::after{content:\"PY\";display:block;font-size:9px;letter-spacing:.2em;color:rgba(255,90,54,.9);margin-bottom:9px}\n#mk-code-c1-h::after{content:\"TSX\";display:block;font-size:9px;letter-spacing:.2em;color:rgba(255,90,54,.9);margin-bottom:9px}\n#mk-code-c2-h::after{content:\"VITE\";display:block;font-size:9px;letter-spacing:.2em;color:rgba(255,90,54,.9);margin-bottom:9px}\n#mk-code-c3-h::after{content:\"JS\";display:block;font-size:9px;letter-spacing:.2em;color:rgba(255,90,54,.9);margin-bottom:9px}\n#mk-code-c0-cur{width:6px;height:11px;margin-top:4px;background:rgba(255,90,54,.7)}\n#mk-code-c1-cur{width:6px;height:11px;margin-top:4px;background:rgba(255,90,54,.7)}\n#mk-code-c2-cur{width:6px;height:11px;margin-top:4px;background:rgba(255,90,54,.7)}\n#mk-code-c3-cur{width:6px;height:11px;margin-top:4px;background:rgba(255,90,54,.7)}\n#mk-mast-in>*:not(#mk-code){position:relative;z-index:1}\n#mk-code-c0-l0::after{content:\"@app.post(\\\"/orders/{id}/paid\\\")\";display:block;min-height:1.78em}\n#mk-code-c0-l1::after{content:\"async def paid(id: str):\";display:block;min-height:1.78em}\n#mk-code-c0-l2::after{content:\" o = await repo.get(id)\";display:block;min-height:1.78em}\n#mk-code-c0-l3::after{content:\" await tasks(\\\"invoice\\\", o)\";display:block;min-height:1.78em}\n#mk-code-c0-l4::after{content:\" return {\\\"ok\\\": True}\";display:block;min-height:1.78em}\n#mk-code-c1-l0::after{content:\"<section\";display:block;min-height:1.78em}\n#mk-code-c1-l1::after{content:\" className=\\\"grid gap-6\";display:block;min-height:1.78em}\n#mk-code-c1-l2::after{content:\" md:grid-cols-3\\\">\";display:block;min-height:1.78em}\n#mk-code-c1-l3::after{content:\" <Card {...order} />\";display:block;min-height:1.78em}\n#mk-code-c1-l4::after{content:\"</section>\";display:block;min-height:1.78em}\n#mk-code-c2-l0::after{content:\"export default defineConfig({\";display:block;min-height:1.78em}\n#mk-code-c2-l1::after{content:\" plugins: [react()],\";display:block;min-height:1.78em}\n#mk-code-c2-l2::after{content:\" build: { target: 'es2022' },\";display:block;min-height:1.78em}\n#mk-code-c2-l3::after{content:\" server: { port: 5173 },\";display:block;min-height:1.78em}\n#mk-code-c2-l4::after{content:\"})\";display:block;min-height:1.78em}\n#mk-code-c3-l0::after{content:\"const o = await prisma.order\";display:block;min-height:1.78em}\n#mk-code-c3-l1::after{content:\" .findUnique({ where: { id } })\";display:block;min-height:1.78em}\n#mk-code-c3-l2::after{content:\"await n8n.trigger('order.paid')\";display:block;min-height:1.78em}\n#mk-code-c3-l3::after{content:\"await line.push(o.customerId)\";display:block;min-height:1.78em}\n#mk-code-c3-l4::after{content:\"await ecpay.issue(o)\";display:block;min-height:1.78em}\n#mk-code-cur{width:7px;height:13px;background:rgba(255,90,54,.30)}\n@media (max-width:1279px){#mk-code{grid-template-columns:repeat(2,minmax(0,1fr));font-size:10.5px}}\n@media (max-width:767px){#mk-code{display:none}}\n@property --mk-s{syntax:'<integer>';initial-value:0;inherits:true}\n@property --mk-m{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-secs{to{--mk-s:60}}\n@keyframes mk-mins{to{--mk-m:60}}\n@keyframes mk-livedot{0%,55%{opacity:1}56%,100%{opacity:.15}}\n#mk-clock{display:flex;align-items:baseline;column-gap:5px;margin-left:18px;padding-left:18px;border-left:1px solid rgba(22,24,28,.16)}\n#mk-clock-dot{width:5px;height:5px;background:rgb(255,90,54);align-self:center;margin-right:3px}\n#mk-clock-m,#mk-clock-s{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:rgb(22,24,28);font-variant-numeric:tabular-nums;letter-spacing:0.02em}\n#mk-clock-s::after{counter-reset:s var(--mk-s);content:counter(s,decimal-leading-zero)}\n#mk-clock-m::after{counter-reset:m var(--mk-m);content:counter(m,decimal-leading-zero)}\n@media (max-width:1023px){#mk-clock{display:none}}\n@keyframes mk-sweepdown{from{transform:translateY(-10vh)}to{transform:translateY(110vh)}}\n#mk-sweep{content:\"\";position:fixed;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.30) 22%,rgba(255,90,54,.30) 78%,rgba(255,90,54,0))}\n@keyframes mk-railrun{from{background-position:0 -40vh}to{background-position:0 140vh}}\n#mk-mast-rule,#mk-spec-rule{height:1px;background:rgba(22,24,28,.16);transform:scaleX(0);transform-origin:0 50%}\n#mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{display:block;transform:translateY(105%)}\n#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8{position:relative;transition:background-color .2s ease,padding-left .28s cubic-bezier(.2,.7,.3,1)}\n#mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(255,90,54);transform:scaleX(0);transform-origin:0 50%}\n#mk-work-0:hover,#mk-work-1:hover,#mk-work-2:hover,#mk-work-3:hover,#mk-work-4:hover,#mk-work-5:hover,#mk-work-6:hover,#mk-work-7:hover,#mk-work-8:hover{background-color:rgba(255,90,54,.06);padding-left:14px}\n#mk-work-0:hover #mk-work-idx-0,#mk-work-1:hover #mk-work-idx-1,#mk-work-2:hover #mk-work-idx-2,#mk-work-3:hover #mk-work-idx-3,#mk-work-4:hover #mk-work-idx-4,#mk-work-5:hover #mk-work-idx-5,#mk-work-6:hover #mk-work-idx-6,#mk-work-7:hover #mk-work-idx-7,#mk-work-8:hover #mk-work-idx-8{color:rgb(255,90,54)}\n#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{position:fixed;width:13px;height:13px;z-index:2;pointer-events:none;opacity:0}\n#mk-mark-0{top:66px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-1{top:66px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-2{bottom:20px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n#mk-mark-3{bottom:20px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n@media (max-width:1279px){#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{display:none}}\n#mk-index{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto;background:rgb(250,250,247);padding:14px 10px;border:1px solid rgba(22,24,28,.16)}\n#mk-index>*{display:flex;column-gap:8px;align-items:baseline}\n@media (max-width:1679px){#mk-idx-w-0,#mk-idx-w-1,#mk-idx-w-2,#mk-idx-w-3,#mk-idx-w-4,#mk-idx-w-5,#mk-idx-w-6{display:none}#mk-index{padding:12px 7px;left:4px}}\n@media (max-width:1439px){#mk-index{display:none}}\n#mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{width:7px;height:7px;background:rgb(255,90,54);border-radius:50%;transform:scale(0);margin-top:-4px}\n#mk-tag-0-0:hover,#mk-tag-0-1:hover,#mk-tag-0-2:hover,#mk-tag-0-3:hover,#mk-tag-0-4:hover,#mk-tag-1-0:hover,#mk-tag-1-1:hover,#mk-tag-1-2:hover,#mk-tag-1-3:hover,#mk-tag-2-0:hover,#mk-tag-2-1:hover,#mk-tag-2-2:hover,#mk-tag-2-3:hover,#mk-tag-2-4:hover,#mk-tag-3-0:hover,#mk-tag-3-1:hover,#mk-tag-3-2:hover,#mk-tag-3-3:hover,#mk-tag-4-0:hover,#mk-tag-4-1:hover,#mk-tag-4-2:hover,#mk-tag-4-3:hover,#mk-tag-5-0:hover,#mk-tag-5-1:hover,#mk-tag-5-2:hover,#mk-tag-5-3:hover,#mk-tag-5-4:hover,#mk-tag-6-0:hover,#mk-tag-6-1:hover,#mk-tag-6-2:hover,#mk-tag-6-3:hover,#mk-tag-6-4:hover,#mk-tag-7-0:hover,#mk-tag-7-1:hover,#mk-tag-7-2:hover,#mk-tag-7-3:hover,#mk-tag-7-4:hover{border-color:rgb(255,90,54)}\n#mk-ticker-track{display:flex;width:max-content;will-change:transform}\n#mk-ticker:hover #mk-ticker-track{animation-play-state:paused}\nhtml{scroll-behavior:smooth}\n#services,#works,#products,#contact{scroll-margin-top:82px}\n#mk-home{scroll-margin-top:0}\n@media (max-width:767px){#services,#works,#products,#contact{scroll-margin-top:68px}}\n#mk-cue{position:fixed;right:40px;bottom:24px;z-index:90;display:flex;align-items:center;column-gap:10px;pointer-events:none}\n#mk-cue-rail{position:relative;width:9px;height:24px}\n#mk-cue-rail::after{content:\"\";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-4px;opacity:0;border-right:1px solid rgb(255,90,54);border-bottom:1px solid rgb(255,90,54)}\n@media (max-width:1079px){#mk-cue{right:28px}}\n@media (max-width:767px){#mk-cue{right:18px;bottom:16px}}\n#mk-boot{display:none}\n@property --mk-n{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-count{to{--mk-n:100}}\n@keyframes mk-boot-out{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}\n@keyframes mk-boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-boot-line{from{opacity:.14}60%{opacity:1;color:rgb(255,90,54)}to{opacity:.55;color:rgb(107,109,113)}}\n@keyframes mk-boot-scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}\n@keyframes mk-boot-fade{from{opacity:0}to{opacity:1}}\n@keyframes mk-boot-type{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}\n@keyframes mk-boot-caret{0%,49%{opacity:1}50%,99%{opacity:0}}\n@keyframes mk-boot-cross{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-boot-tick{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}\n@keyframes mk-boot-stamp{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}\n@media (prefers-reduced-motion:no-preference){\n #mk-boot{display:grid;position:fixed;inset:0;z-index:999;background:rgb(250,250,247);align-content:center;justify-items:center;row-gap:20px;overflow:hidden;animation:mk-boot-out .62s cubic-bezier(.7,0,.3,1) 2.95s forwards}\n #mk-boot-head,#mk-boot-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgb(107,109,113);animation:mk-boot-fade .4s ease both}\n #mk-boot-head{top:34px}\n #mk-boot-foot{bottom:30px;animation-delay:.1s}\n #mk-boot-num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:104px;font-weight:500;line-height:1;letter-spacing:-.04em;color:rgb(22,24,28);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;animation:mk-count 2.05s linear .3s both}\n #mk-boot-num::after{counter-reset:n var(--mk-n);content:counter(n)}\n #mk-boot-row{display:flex;align-items:flex-end;column-gap:8px;line-height:1}\n #mk-boot-pct{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;color:rgb(191,68,40);padding-bottom:12px}\n #mk-boot-track{width:min(420px,62vw);height:1px;background:rgba(22,24,28,.14);position:relative}\n #mk-boot-fill{position:absolute;inset:0;background:rgb(255,90,54);transform-origin:0 50%;animation:mk-boot-fill 2.05s linear .3s both}\n #mk-boot-track::after{content:\"\";position:absolute;left:0;right:0;top:-3px;height:3px;background:repeating-linear-gradient(90deg,rgba(22,24,28,.22) 0 1px,transparent 1px 42px);animation:mk-boot-fade .5s ease .15s both}\n #mk-boot-list{display:flex;column-gap:18px;row-gap:8px;flex-wrap:wrap;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em}\n #mk-boot-list>*{opacity:.14;animation:mk-boot-line .62s ease both}\n #mk-boot-c0{animation-delay:700ms}\n #mk-boot-c1{animation-delay:900ms}\n #mk-boot-c2{animation-delay:1100ms}\n #mk-boot-c3{animation-delay:1300ms}\n #mk-boot-c4{animation-delay:1500ms}\n #mk-boot-c5{animation-delay:1700ms}\n #mk-boot-c6{animation-delay:1900ms}\n #mk-boot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px);animation:mk-boot-fade .5s ease both}\n #mk-boot-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.55),rgba(255,90,54,0));animation:mk-boot-scan 1.45s linear .15s 2 both}\n #mk-boot .mk-x,#mk-boot-x0,#mk-boot-x1,#mk-boot-x2,#mk-boot-x3{position:absolute;width:14px;height:14px;animation:mk-boot-cross .5s cubic-bezier(.16,1,.3,1) both}\n #mk-boot-x0{top:64px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.08s}\n #mk-boot-x1{top:64px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.16s}\n #mk-boot-x2{bottom:56px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.24s}\n #mk-boot-x3{bottom:56px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.32s}\n #mk-boot-ruler{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:grid;row-gap:9px}\n #mk-boot-ruler>*{width:9px;height:1px;background:rgba(22,24,28,.42);transform-origin:0 50%;animation:mk-boot-tick .3s ease both}\n #mk-boot-t0{animation-delay:120ms}\n #mk-boot-t1{animation-delay:146ms}\n #mk-boot-t2{animation-delay:172ms}\n #mk-boot-t3{animation-delay:198ms}\n #mk-boot-t4{animation-delay:224ms}\n #mk-boot-t5{animation-delay:250ms}\n #mk-boot-t6{animation-delay:276ms}\n #mk-boot-t7{animation-delay:302ms}\n #mk-boot-t8{animation-delay:328ms}\n #mk-boot-t9{animation-delay:354ms}\n #mk-boot-t10{animation-delay:380ms}\n #mk-boot-t11{animation-delay:406ms}\n #mk-boot-t12{animation-delay:432ms}\n @media (max-width:1023px){#mk-boot-ruler{display:none}}\n #mk-boot-log{display:grid;row-gap:7px;justify-items:start;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.16em;color:rgb(107,109,113);min-height:64px}\n #mk-boot-log>*{animation:mk-boot-type .42s steps(24,end) both}\n #mk-boot-l0{animation-delay:550ms}\n #mk-boot-l1{animation-delay:930ms}\n #mk-boot-l2{animation-delay:1310ms}\n #mk-boot-l3{animation-delay:1690ms}\n #mk-boot-cursor{width:7px;height:11px;background:rgb(255,90,54);animation:mk-boot-caret .62s steps(1,end) .5s infinite}\n #mk-boot-ready{border:1px solid rgb(191,68,40);padding:5px 12px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.24em;color:rgb(191,68,40);opacity:0;animation:mk-boot-stamp .42s cubic-bezier(.16,1,.3,1) 2.42s both}\n @media (max-width:767px){#mk-boot-num{font-size:62px}#mk-boot-head,#mk-boot-foot{left:18px;right:18px}}\n #mk-hl1-mask>*,#mk-hl2-mask>*{transform:translateY(112%);animation:mk-linein .95s cubic-bezier(.16,1,.3,1) forwards}\n #mk-hl1-mask>*{animation-delay:3.16s}\n #mk-hl2-mask>*{animation-delay:3.28s}\n #mk-mast-meta,#mk-mast-lede,#mk-mast-cta{opacity:0;animation:mk-softin .8s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mast-meta{animation-delay:3.06s}\n #mk-mast-lede{animation-delay:3.54s}\n #mk-mast-cta{animation-delay:3.66s}\n #mk-ar-a-0>*,#mk-ar-b-0>*,#mk-ar-a-1>*,#mk-ar-b-1>*,#mk-ar-a-2>*,#mk-ar-b-2>*{animation:mk-flow 1.9s ease-in-out infinite}\n #mk-clock-s{animation:mk-secs 60s steps(60,end) infinite}\n #mk-clock-m{animation:mk-mins 3600s steps(60,end) infinite}\n #mk-clock-dot{animation:mk-livedot 2s steps(1,end) infinite}\n #mk-sweep{animation:mk-sweepdown 11s linear infinite}\n #mk-pan-loop{animation:mk-panloop 26s linear infinite}\n #mk-code-c0-l0{animation:mk-typeline 15s steps(30,end) 240ms infinite}\n #mk-code-c0-l1{animation:mk-typeline 15s steps(24,end) 540ms infinite}\n #mk-code-c0-l2{animation:mk-typeline 15s steps(26,end) 840ms infinite}\n #mk-code-c0-l3{animation:mk-typeline 15s steps(29,end) 1140ms infinite}\n #mk-code-c0-l4{animation:mk-typeline 15s steps(23,end) 1440ms infinite}\n #mk-code-c1-l0{animation:mk-typeline 15s steps(8,end) 670ms infinite}\n #mk-code-c1-l1{animation:mk-typeline 15s steps(23,end) 970ms infinite}\n #mk-code-c1-l2{animation:mk-typeline 15s steps(29,end) 1270ms infinite}\n #mk-code-c1-l3{animation:mk-typeline 15s steps(21,end) 1570ms infinite}\n #mk-code-c1-l4{animation:mk-typeline 15s steps(10,end) 1870ms infinite}\n #mk-code-c2-l0{animation:mk-typeline 15s steps(29,end) 1100ms infinite}\n #mk-code-c2-l1{animation:mk-typeline 15s steps(21,end) 1400ms infinite}\n #mk-code-c2-l2{animation:mk-typeline 15s steps(30,end) 1700ms infinite}\n #mk-code-c2-l3{animation:mk-typeline 15s steps(25,end) 2000ms infinite}\n #mk-code-c2-l4{animation:mk-typeline 15s steps(2,end) 2300ms infinite}\n #mk-code-c3-l0{animation:mk-typeline 15s steps(28,end) 1530ms infinite}\n #mk-code-c3-l1{animation:mk-typeline 15s steps(32,end) 1830ms infinite}\n #mk-code-c3-l2{animation:mk-typeline 15s steps(31,end) 2130ms infinite}\n #mk-code-c3-l3{animation:mk-typeline 15s steps(29,end) 2430ms infinite}\n #mk-code-c3-l4{animation:mk-typeline 15s steps(20,end) 2730ms infinite}\n #mk-code-cur{animation:mk-boot-caret .62s steps(1,end) infinite}\n #mk-flap-0-s,#mk-flap-1-s,#mk-flap-2-s,#mk-board-city-s,#mk-board-utc-s{animation:mk-flap 14s steps(7,end) infinite}\n #mk-flap-1-s{animation-delay:80ms}\n #mk-flap-2-s{animation-delay:160ms}\n #mk-doc::before,#mk-doc::after{background-image:linear-gradient(180deg,rgba(255,90,54,0),rgba(255,90,54,.55) 45%,rgba(255,90,54,.55) 55%,rgba(255,90,54,0));background-size:1px 34vh;background-repeat:no-repeat;animation:mk-railrun 9s linear infinite}\n #mk-ar-a-0>*{animation-delay:0ms}\n #mk-ar-b-0>*{animation-delay:130ms}\n #mk-ar-a-1>*{animation-delay:260ms}\n #mk-ar-b-1>*{animation-delay:390ms}\n #mk-ar-a-2>*{animation-delay:520ms}\n #mk-ar-b-2>*{animation-delay:650ms}\n #mk-caret{animation:mk-caret 1.15s steps(1,end) infinite;animation-delay:3.84s}\n #mk-mast-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:3.40s}\n #mk-spec-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.9s}\n #mk-cue{opacity:0;animation:mk-softin .8s ease forwards;animation-delay:1.1s}\n #mk-cue-rail::after{animation:mk-cuearrow 1.9s cubic-bezier(.4,0,.5,1) infinite}\n #mk-ticker-track{animation:mk-ticker 40s linear infinite}\n #mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{animation:mk-markin .5s cubic-bezier(.16,1,.3,1) forwards}\n #mk-mark-0{animation-delay:1.15s}\n #mk-mark-1{animation-delay:1.24s}\n #mk-mark-2{animation-delay:1.33s}\n #mk-mark-3{animation-delay:1.42s}\n @supports (animation-timeline:view()){\n #mk-spec,#mk-svc-head,#mk-svc-0,#mk-svc-1,#mk-svc-2,#mk-svc-3,#mk-proc-head,#mk-proc-0,#mk-proc-1,#mk-proc-2,#mk-proc-3,#mk-works-head,#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8,#mk-plate-num,#mk-plate-t,#mk-mx-head,#mk-mx-cols,#mk-mx-r-0,#mk-mx-r-1,#mk-mx-r-2,#mk-mx-r-3,#mk-mx-r-4,#mk-mx-r-5,#mk-mx-r-6,#mk-mx-r-7,#mk-fig2-head,#mk-fl-a-0,#mk-fl-b-0,#mk-fl-c-0,#mk-fl-a-1,#mk-fl-b-1,#mk-fl-c-1,#mk-fl-a-2,#mk-fl-b-2,#mk-fl-c-2,#mk-spec2-head,#mk-spec2-r-0,#mk-spec2-r-1,#mk-spec2-r-2,#mk-spec2-r-3,#mk-stack-head,#mk-stack-0,#mk-stack-1,#mk-stack-2,#mk-stack-3,#mk-stack-4,#mk-stack-5,#mk-stack-6,#mk-stack-7,#mk-prod-head,#mk-prod-0,#mk-prod-1,#mk-voice-head,#mk-voice-0,#mk-voice-1,#mk-voice-2,#mk-contact-head{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 2% cover 36%}\n #mk-svc-0{animation-range:entry 6% cover 40%}\n #mk-svc-1{animation-range:entry 10% cover 44%}\n #mk-svc-2{animation-range:entry 14% cover 48%}\n #mk-svc-3{animation-range:entry 18% cover 52%}\n #mk-proc-0{animation-range:entry 6% cover 40%}\n #mk-proc-1{animation-range:entry 10% cover 44%}\n #mk-proc-2{animation-range:entry 14% cover 48%}\n #mk-proc-3{animation-range:entry 18% cover 52%}\n #mk-work-0{animation-range:entry 6% cover 40%}\n #mk-work-1{animation-range:entry 6% cover 40%}\n #mk-work-2{animation-range:entry 10% cover 44%}\n #mk-work-3{animation-range:entry 10% cover 44%}\n #mk-work-4{animation-range:entry 14% cover 48%}\n #mk-work-5{animation-range:entry 14% cover 48%}\n #mk-work-6{animation-range:entry 18% cover 52%}\n #mk-work-7{animation-range:entry 18% cover 52%}\n #mk-work-8{animation-range:entry 22% cover 56%}\n #mk-plate-t{animation-range:entry 6% cover 40%}\n #mk-mx-cols{animation-range:entry 6% cover 40%}\n #mk-mx-r-0{animation-range:entry 6% cover 40%}\n #mk-mx-r-1{animation-range:entry 10% cover 44%}\n #mk-mx-r-2{animation-range:entry 10% cover 44%}\n #mk-mx-r-3{animation-range:entry 14% cover 48%}\n #mk-mx-r-4{animation-range:entry 14% cover 48%}\n #mk-mx-r-5{animation-range:entry 18% cover 52%}\n #mk-mx-r-6{animation-range:entry 18% cover 52%}\n #mk-mx-r-7{animation-range:entry 22% cover 56%}\n #mk-fl-a-0{animation-range:entry 6% cover 40%}\n #mk-fl-b-0{animation-range:entry 10% cover 44%}\n #mk-fl-c-0{animation-range:entry 14% cover 48%}\n #mk-fl-a-1{animation-range:entry 10% cover 44%}\n #mk-fl-b-1{animation-range:entry 14% cover 48%}\n #mk-fl-c-1{animation-range:entry 18% cover 52%}\n #mk-fl-a-2{animation-range:entry 14% cover 48%}\n #mk-fl-b-2{animation-range:entry 18% cover 52%}\n #mk-fl-c-2{animation-range:entry 22% cover 56%}\n #mk-spec2-r-0{animation-range:entry 6% cover 40%}\n #mk-spec2-r-1{animation-range:entry 10% cover 44%}\n #mk-spec2-r-2{animation-range:entry 14% cover 48%}\n #mk-spec2-r-3{animation-range:entry 18% cover 52%}\n #mk-stack-0{animation-range:entry 6% cover 40%}\n #mk-stack-1{animation-range:entry 10% cover 44%}\n #mk-stack-2{animation-range:entry 14% cover 48%}\n #mk-stack-3{animation-range:entry 18% cover 52%}\n #mk-stack-4{animation-range:entry 22% cover 56%}\n #mk-stack-5{animation-range:entry 22% cover 56%}\n #mk-stack-6{animation-range:entry 22% cover 56%}\n #mk-stack-7{animation-range:entry 22% cover 56%}\n #mk-prod-0{animation-range:entry 6% cover 40%}\n #mk-prod-1{animation-range:entry 10% cover 44%}\n #mk-voice-0{animation-range:entry 6% cover 40%}\n #mk-voice-1{animation-range:entry 10% cover 44%}\n #mk-voice-2{animation-range:entry 14% cover 48%}\n #mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{animation:mk-digit .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}\n #mk-fig-0>div,#mk-fig-1>div,#mk-fig-2>div,#mk-fig-3>div{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 0% entry 1%}\n #mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{animation:mk-sweep .01s linear both;animation-timeline:view();animation-range:entry 12% cover 24%}\n #mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{animation:mk-dotin .01s linear both;animation-timeline:view();animation-range:entry 14% cover 26%}\n #mk-pan-track{animation:mk-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}\n #mk-plate-t h2{background-image:linear-gradient(90deg,rgb(22,24,28) 0 50%,rgb(107,109,113) 50% 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:mk-fillscrub linear both;animation-timeline:view();animation-range:entry 24% cover 58%}\n }\n @supports (timeline-scope:--x){\n #mk-doc{timeline-scope:--mk-s1,--mk-s2,--mk-s3,--mk-s4,--mk-s5,--mk-s6,--mk-s7}\n#services{view-timeline-name:--mk-s1;view-timeline-inset:45% 45%}\n#process{view-timeline-name:--mk-s2;view-timeline-inset:45% 45%}\n#works{view-timeline-name:--mk-s3;view-timeline-inset:45% 45%}\n#stack{view-timeline-name:--mk-s4;view-timeline-inset:45% 45%}\n#products{view-timeline-name:--mk-s5;view-timeline-inset:45% 45%}\n#mk-voices{view-timeline-name:--mk-s6;view-timeline-inset:45% 45%}\n#contact{view-timeline-name:--mk-s7;view-timeline-inset:45% 45%}\n #mk-idx-0{animation:mk-idxon linear;animation-timeline:--mk-s1;animation-range:cover 0% cover 100%}\n #mk-idx-1{animation:mk-idxon linear;animation-timeline:--mk-s2;animation-range:cover 0% cover 100%}\n #mk-idx-2{animation:mk-idxon linear;animation-timeline:--mk-s3;animation-range:cover 0% cover 100%}\n #mk-idx-3{animation:mk-idxon linear;animation-timeline:--mk-s4;animation-range:cover 0% cover 100%}\n #mk-idx-4{animation:mk-idxon linear;animation-timeline:--mk-s5;animation-range:cover 0% cover 100%}\n #mk-idx-5{animation:mk-idxon linear;animation-timeline:--mk-s6;animation-range:cover 0% cover 100%}\n #mk-idx-6{animation:mk-idxon linear;animation-timeline:--mk-s7;animation-range:cover 0% cover 100%}\n }\n @supports (animation-timeline:scroll()){\n #mk-progress{animation:mk-progress linear both;animation-timeline:scroll(root)}\n #mk-cue{animation:mk-cuefade linear both;animation-timeline:scroll(root);animation-range:0px 260px}\n #mk-header{animation:mk-headbg linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n #mk-header::after{animation:mk-headrule linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n }\n}\n</style>",
58
58
  "processShortcodes": "0"
59
59
  }
60
60
  },
@@ -2789,134 +2789,390 @@
2789
2789
  {
2790
2790
  "type": "div",
2791
2791
  "data": {
2792
- "attrID": "mk-code-0"
2792
+ "attrID": "mk-code-c0"
2793
2793
  },
2794
2794
  "style": {
2795
2795
  "&": {
2796
2796
  "_": {}
2797
2797
  }
2798
2798
  },
2799
- "children": []
2800
- },
2801
- {
2802
- "type": "div",
2803
- "data": {
2804
- "attrID": "mk-code-1"
2805
- },
2806
- "style": {
2807
- "&": {
2808
- "_": {}
2809
- }
2810
- },
2811
- "children": []
2812
- },
2813
- {
2814
- "type": "div",
2815
- "data": {
2816
- "attrID": "mk-code-2"
2817
- },
2818
- "style": {
2819
- "&": {
2820
- "_": {}
2821
- }
2822
- },
2823
- "children": []
2824
- },
2825
- {
2826
- "type": "div",
2827
- "data": {
2828
- "attrID": "mk-code-3"
2829
- },
2830
- "style": {
2831
- "&": {
2832
- "_": {}
2833
- }
2834
- },
2835
- "children": []
2836
- },
2837
- {
2838
- "type": "div",
2839
- "data": {
2840
- "attrID": "mk-code-4"
2841
- },
2842
- "style": {
2843
- "&": {
2844
- "_": {}
2799
+ "children": [
2800
+ {
2801
+ "type": "div",
2802
+ "data": {
2803
+ "attrID": "mk-code-c0-h"
2804
+ },
2805
+ "style": {
2806
+ "&": {
2807
+ "_": {}
2808
+ }
2809
+ },
2810
+ "children": []
2811
+ },
2812
+ {
2813
+ "type": "div",
2814
+ "data": {
2815
+ "attrID": "mk-code-c0-l0"
2816
+ },
2817
+ "style": {
2818
+ "&": {
2819
+ "_": {}
2820
+ }
2821
+ },
2822
+ "children": []
2823
+ },
2824
+ {
2825
+ "type": "div",
2826
+ "data": {
2827
+ "attrID": "mk-code-c0-l1"
2828
+ },
2829
+ "style": {
2830
+ "&": {
2831
+ "_": {}
2832
+ }
2833
+ },
2834
+ "children": []
2835
+ },
2836
+ {
2837
+ "type": "div",
2838
+ "data": {
2839
+ "attrID": "mk-code-c0-l2"
2840
+ },
2841
+ "style": {
2842
+ "&": {
2843
+ "_": {}
2844
+ }
2845
+ },
2846
+ "children": []
2847
+ },
2848
+ {
2849
+ "type": "div",
2850
+ "data": {
2851
+ "attrID": "mk-code-c0-l3"
2852
+ },
2853
+ "style": {
2854
+ "&": {
2855
+ "_": {}
2856
+ }
2857
+ },
2858
+ "children": []
2859
+ },
2860
+ {
2861
+ "type": "div",
2862
+ "data": {
2863
+ "attrID": "mk-code-c0-l4"
2864
+ },
2865
+ "style": {
2866
+ "&": {
2867
+ "_": {}
2868
+ }
2869
+ },
2870
+ "children": []
2871
+ },
2872
+ {
2873
+ "type": "div",
2874
+ "data": {
2875
+ "attrID": "mk-code-c0-cur"
2876
+ },
2877
+ "style": {
2878
+ "&": {
2879
+ "_": {}
2880
+ }
2881
+ },
2882
+ "children": []
2845
2883
  }
2846
- },
2847
- "children": []
2884
+ ]
2848
2885
  },
2849
2886
  {
2850
2887
  "type": "div",
2851
2888
  "data": {
2852
- "attrID": "mk-code-5"
2889
+ "attrID": "mk-code-c1"
2853
2890
  },
2854
2891
  "style": {
2855
2892
  "&": {
2856
2893
  "_": {}
2857
2894
  }
2858
2895
  },
2859
- "children": []
2860
- },
2861
- {
2862
- "type": "div",
2863
- "data": {
2864
- "attrID": "mk-code-6"
2865
- },
2866
- "style": {
2867
- "&": {
2868
- "_": {}
2896
+ "children": [
2897
+ {
2898
+ "type": "div",
2899
+ "data": {
2900
+ "attrID": "mk-code-c1-h"
2901
+ },
2902
+ "style": {
2903
+ "&": {
2904
+ "_": {}
2905
+ }
2906
+ },
2907
+ "children": []
2908
+ },
2909
+ {
2910
+ "type": "div",
2911
+ "data": {
2912
+ "attrID": "mk-code-c1-l0"
2913
+ },
2914
+ "style": {
2915
+ "&": {
2916
+ "_": {}
2917
+ }
2918
+ },
2919
+ "children": []
2920
+ },
2921
+ {
2922
+ "type": "div",
2923
+ "data": {
2924
+ "attrID": "mk-code-c1-l1"
2925
+ },
2926
+ "style": {
2927
+ "&": {
2928
+ "_": {}
2929
+ }
2930
+ },
2931
+ "children": []
2932
+ },
2933
+ {
2934
+ "type": "div",
2935
+ "data": {
2936
+ "attrID": "mk-code-c1-l2"
2937
+ },
2938
+ "style": {
2939
+ "&": {
2940
+ "_": {}
2941
+ }
2942
+ },
2943
+ "children": []
2944
+ },
2945
+ {
2946
+ "type": "div",
2947
+ "data": {
2948
+ "attrID": "mk-code-c1-l3"
2949
+ },
2950
+ "style": {
2951
+ "&": {
2952
+ "_": {}
2953
+ }
2954
+ },
2955
+ "children": []
2956
+ },
2957
+ {
2958
+ "type": "div",
2959
+ "data": {
2960
+ "attrID": "mk-code-c1-l4"
2961
+ },
2962
+ "style": {
2963
+ "&": {
2964
+ "_": {}
2965
+ }
2966
+ },
2967
+ "children": []
2968
+ },
2969
+ {
2970
+ "type": "div",
2971
+ "data": {
2972
+ "attrID": "mk-code-c1-cur"
2973
+ },
2974
+ "style": {
2975
+ "&": {
2976
+ "_": {}
2977
+ }
2978
+ },
2979
+ "children": []
2869
2980
  }
2870
- },
2871
- "children": []
2981
+ ]
2872
2982
  },
2873
2983
  {
2874
2984
  "type": "div",
2875
2985
  "data": {
2876
- "attrID": "mk-code-7"
2986
+ "attrID": "mk-code-c2"
2877
2987
  },
2878
2988
  "style": {
2879
2989
  "&": {
2880
2990
  "_": {}
2881
2991
  }
2882
2992
  },
2883
- "children": []
2884
- },
2885
- {
2886
- "type": "div",
2887
- "data": {
2888
- "attrID": "mk-code-8"
2889
- },
2890
- "style": {
2891
- "&": {
2892
- "_": {}
2993
+ "children": [
2994
+ {
2995
+ "type": "div",
2996
+ "data": {
2997
+ "attrID": "mk-code-c2-h"
2998
+ },
2999
+ "style": {
3000
+ "&": {
3001
+ "_": {}
3002
+ }
3003
+ },
3004
+ "children": []
3005
+ },
3006
+ {
3007
+ "type": "div",
3008
+ "data": {
3009
+ "attrID": "mk-code-c2-l0"
3010
+ },
3011
+ "style": {
3012
+ "&": {
3013
+ "_": {}
3014
+ }
3015
+ },
3016
+ "children": []
3017
+ },
3018
+ {
3019
+ "type": "div",
3020
+ "data": {
3021
+ "attrID": "mk-code-c2-l1"
3022
+ },
3023
+ "style": {
3024
+ "&": {
3025
+ "_": {}
3026
+ }
3027
+ },
3028
+ "children": []
3029
+ },
3030
+ {
3031
+ "type": "div",
3032
+ "data": {
3033
+ "attrID": "mk-code-c2-l2"
3034
+ },
3035
+ "style": {
3036
+ "&": {
3037
+ "_": {}
3038
+ }
3039
+ },
3040
+ "children": []
3041
+ },
3042
+ {
3043
+ "type": "div",
3044
+ "data": {
3045
+ "attrID": "mk-code-c2-l3"
3046
+ },
3047
+ "style": {
3048
+ "&": {
3049
+ "_": {}
3050
+ }
3051
+ },
3052
+ "children": []
3053
+ },
3054
+ {
3055
+ "type": "div",
3056
+ "data": {
3057
+ "attrID": "mk-code-c2-l4"
3058
+ },
3059
+ "style": {
3060
+ "&": {
3061
+ "_": {}
3062
+ }
3063
+ },
3064
+ "children": []
3065
+ },
3066
+ {
3067
+ "type": "div",
3068
+ "data": {
3069
+ "attrID": "mk-code-c2-cur"
3070
+ },
3071
+ "style": {
3072
+ "&": {
3073
+ "_": {}
3074
+ }
3075
+ },
3076
+ "children": []
2893
3077
  }
2894
- },
2895
- "children": []
3078
+ ]
2896
3079
  },
2897
3080
  {
2898
3081
  "type": "div",
2899
3082
  "data": {
2900
- "attrID": "mk-code-9"
3083
+ "attrID": "mk-code-c3"
2901
3084
  },
2902
3085
  "style": {
2903
3086
  "&": {
2904
3087
  "_": {}
2905
3088
  }
2906
3089
  },
2907
- "children": []
2908
- },
2909
- {
2910
- "type": "div",
2911
- "data": {
2912
- "attrID": "mk-code-cur"
2913
- },
2914
- "style": {
2915
- "&": {
2916
- "_": {}
3090
+ "children": [
3091
+ {
3092
+ "type": "div",
3093
+ "data": {
3094
+ "attrID": "mk-code-c3-h"
3095
+ },
3096
+ "style": {
3097
+ "&": {
3098
+ "_": {}
3099
+ }
3100
+ },
3101
+ "children": []
3102
+ },
3103
+ {
3104
+ "type": "div",
3105
+ "data": {
3106
+ "attrID": "mk-code-c3-l0"
3107
+ },
3108
+ "style": {
3109
+ "&": {
3110
+ "_": {}
3111
+ }
3112
+ },
3113
+ "children": []
3114
+ },
3115
+ {
3116
+ "type": "div",
3117
+ "data": {
3118
+ "attrID": "mk-code-c3-l1"
3119
+ },
3120
+ "style": {
3121
+ "&": {
3122
+ "_": {}
3123
+ }
3124
+ },
3125
+ "children": []
3126
+ },
3127
+ {
3128
+ "type": "div",
3129
+ "data": {
3130
+ "attrID": "mk-code-c3-l2"
3131
+ },
3132
+ "style": {
3133
+ "&": {
3134
+ "_": {}
3135
+ }
3136
+ },
3137
+ "children": []
3138
+ },
3139
+ {
3140
+ "type": "div",
3141
+ "data": {
3142
+ "attrID": "mk-code-c3-l3"
3143
+ },
3144
+ "style": {
3145
+ "&": {
3146
+ "_": {}
3147
+ }
3148
+ },
3149
+ "children": []
3150
+ },
3151
+ {
3152
+ "type": "div",
3153
+ "data": {
3154
+ "attrID": "mk-code-c3-l4"
3155
+ },
3156
+ "style": {
3157
+ "&": {
3158
+ "_": {}
3159
+ }
3160
+ },
3161
+ "children": []
3162
+ },
3163
+ {
3164
+ "type": "div",
3165
+ "data": {
3166
+ "attrID": "mk-code-c3-cur"
3167
+ },
3168
+ "style": {
3169
+ "&": {
3170
+ "_": {}
3171
+ }
3172
+ },
3173
+ "children": []
2917
3174
  }
2918
- },
2919
- "children": []
3175
+ ]
2920
3176
  }
2921
3177
  ]
2922
3178
  },