.mk.ab{--ab-bad:#c2413a;--ab-page-a:#1e1b4b;--ab-page-b:#0f0c29;max-width:1200px;margin-inline:auto;padding-inline:16px}.dark .mk.ab{--ab-bad:#f07167}.ab-prog{z-index:60;background:var(--m-accent);transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.mk.ab .crumbs{color:var(--m-faint);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;padding:0;font-size:13.5px;list-style:none;display:flex}.mk.ab .crumbs .cl{color:var(--m-muted)}.mk.ab .crumbs .cl:hover{color:var(--m-fg)}.mk.ab .crumbs li+li:before{content:"/";color:var(--m-line);margin-right:8px}.mk.ab .ahero{max-width:1000px;padding-block:clamp(56px,9vw,120px) clamp(24px,4vw,48px)}.mk.ab .ahero h1{letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(46px,7vw,96px);font-weight:600;line-height:.95}.mk.ab .ahero h1 .aw{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.mk.ab .ahero h1 .aw>.wi{animation:ab-rise .9s var(--m-ease) both;animation-delay:calc(var(--i) * 60ms + 80ms);display:inline-block}.mk.ab .ahero h1 .q{color:color-mix(in srgb, var(--m-muted) 80%, var(--m-bg))}@keyframes ab-rise{0%{transform:translateY(105%)}}.mk.ab .ahero .open{letter-spacing:-.025em;color:var(--m-fg);text-wrap:balance;max-width:30ch;margin:28px 0 0;font-size:clamp(22px,2.4vw,32px);line-height:1.3}.mk.ab .ahero .meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.mk.ab .chip2{background:var(--m-surface);border:1px solid var(--m-line);color:var(--m-muted);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.mk.ab .cue{color:var(--m-muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.mk.ab .cue svg{width:14px;height:14px;animation:2s ease-in-out infinite ab-bob}@keyframes ab-bob{50%{transform:translateY(3px)}}.mk.ab .story{border-top:1px solid var(--m-line);grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.mk.ab .steps2{padding-block:8vh 14vh}.mk.ab .beat{letter-spacing:-.02em;color:color-mix(in srgb, var(--m-muted) 60%, var(--m-bg));transition:color .45s var(--m-ease);text-wrap:pretty;max-width:30ch;margin:0;padding-block:16vh;font-size:clamp(21px,2.1vw,28px);line-height:1.45}.mk.ab .beat.on{color:var(--m-fg)}.mk.ab .beat.big{letter-spacing:-.055em;font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1}.mk.ab .beat.big.on{color:var(--m-accent-text)}.mk.ab .beat.end{letter-spacing:-.035em;font-size:clamp(26px,2.8vw,38px);font-weight:600;line-height:1.15}.mk.ab .stick{top:calc(96px + env(safe-area-inset-top,0px));padding-block:10vh;position:sticky}.mk.ab .viz{background:var(--m-sunk);border:1px solid var(--m-line);isolation:isolate;background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--m-faint) 45%, transparent) 1px, transparent 0);background-size:20px 20px;border-radius:28px;height:500px;position:relative;overflow:hidden;container-type:size}.mk.ab .viz:after{content:"";z-index:-1;background:radial-gradient(ellipse 70% 60% at 50% 45%, transparent, var(--m-sunk) 85%);position:absolute;inset:0}.mk.ab .vlab{z-index:9;font-family:var(--m-f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--m-faint);font-size:11px;position:absolute;top:16px;left:18px}.mk.ab .vlab b{color:var(--m-fg);font-weight:500}.mk.ab .wires{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.mk.ab .wires path{fill:none;stroke:color-mix(in srgb, var(--m-faint) 80%, transparent);stroke-width:1.5px;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;animation:1.2s linear infinite ab-flow}@keyframes ab-flow{to{stroke-dashoffset:-22px}}.mk.ab .tool{z-index:2;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);background:var(--m-surface);border:1px solid var(--m-line);box-shadow:var(--m-shadow);white-space:nowrap;transform:translate(calc(-50% + (50 - var(--x)) * 1cqw), calc(-50% + (50 - var(--y)) * 1cqh)) scale(.4);opacity:0;transition:transform .9s var(--m-inout), opacity .5s, border-color .3s;transition-delay:calc(var(--d) * 70ms);border-radius:14px;grid-template-columns:30px auto;align-items:center;gap:1px 10px;padding:10px 14px 10px 10px;display:grid;position:absolute}.mk.ab .tool .ti{background:var(--m-track);width:30px;height:30px;color:var(--m-muted);border-radius:9px;grid-row:1/span 2;place-items:center;display:grid}.mk.ab .tool .ti svg{width:15px;height:15px}.mk.ab .tool .tb{font-size:13px;font-weight:600}.mk.ab .tool .ts{font-family:var(--m-f-mono);color:var(--m-faint);font-size:10.5px}.mk.ab .tool em{background:var(--ab-bad);color:#fff;transition:transform .45s var(--m-spring);border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:600;position:absolute;top:-9px;right:-8px;transform:scale(0)}.mk.ab .fix{z-index:4;color:#5b4a00;transform:rotate(var(--r)) scale(.6);opacity:0;transition:opacity .35s, transform .5s var(--m-spring);transition-delay:calc(var(--d) * .12s);background:#fff4b8;border-radius:8px;padding:5px 10px;font-size:11.5px;font-weight:600;position:absolute;box-shadow:0 8px 16px -8px #17120f59}.mk.ab .tally{z-index:5;opacity:0;transition:opacity .4s, transform .5s var(--m-spring);gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%,10px)}.mk.ab .tally .tl{background:var(--m-ink);color:var(--m-on-ink);white-space:nowrap;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}.mk.ab .guide{z-index:3;opacity:0;width:220px;transition:transform .7s var(--m-spring), opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.mk.ab .guide .mp{background:var(--m-surface);border:1px solid var(--m-line);box-shadow:var(--m-shadow);border-radius:14px;overflow:hidden}.mk.ab .guide .band2{color:#fff;background:linear-gradient(135deg,#1e1b4b,#0f0c29);padding:12px 14px}.mk.ab .guide .band2 .bk{font-family:var(--m-f-mono);letter-spacing:.14em;opacity:.7;font-size:9px;display:block}.mk.ab .guide .band2 .bt{letter-spacing:-.03em;margin-top:3px;font-size:15px;display:block}.mk.ab .guide .gb{gap:7px;padding:12px 14px;display:grid}.mk.ab .guide .ln{background:var(--m-track);border-radius:4px;height:7px}.mk.ab .swap{color:var(--m-muted);justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.mk.ab .swap .sb{background:var(--m-surface);border:1px solid var(--m-line);color:var(--m-fg);border-radius:999px;padding:4px 9px;font-weight:600}.mk.ab .swap .sv{width:14px;height:14px;color:var(--m-accent)}.mk.ab .one{z-index:6;opacity:0;width:min(300px,78%);transition:transform .8s var(--m-spring), opacity .4s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.6)}.mk.ab .one .mp{background:var(--m-surface);border:1px solid var(--m-line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px #17120f73}.mk.ab .one .top2{background:var(--m-sunk);border-bottom:1px solid var(--m-line);align-items:center;gap:8px;padding:8px 10px;display:flex}.mk.ab .one .top2 .td{background:var(--m-line);border-radius:50%;width:7px;height:7px}.mk.ab .one .top2 .tu{font-family:var(--m-f-mono);color:var(--m-muted);background:var(--m-surface);border:1px solid var(--m-line);border-radius:6px;flex:1;padding:3px 8px;font-size:10.5px}.mk.ab .one .band2{color:#fff;background:linear-gradient(135deg,#1e1b4b,#0f0c29);padding:12px 14px}.mk.ab .one .band2 .bk{font-family:var(--m-f-mono);letter-spacing:.14em;opacity:.7;font-size:9px;display:block}.mk.ab .one .band2 .bt{letter-spacing:-.03em;margin-top:3px;font-size:16px;display:block}.mk.ab .one .gb{gap:8px;padding:12px 14px 14px;display:grid}.mk.ab .one .ln{background:var(--m-track);border-radius:4px;height:7px}.mk.ab .one .gl{border-top:1.5px dashed var(--m-accent);margin:6px -14px 4px;position:relative}.mk.ab .one .gl:after{content:"Gate";color:#fff;background:var(--m-accent);border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:600;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.mk.ab .one .fr{gap:6px;display:flex}.mk.ab .one .fr .fi{border:1px solid var(--m-line);background:var(--m-sunk);height:28px;color:var(--m-faint);border-radius:7px;flex:1;align-items:center;padding:0 9px;font-size:11px;display:flex}.mk.ab .one .fr em{background:var(--m-accent);color:#fff;border-radius:7px;place-items:center;height:28px;padding:0 11px;font-size:11px;font-style:normal;font-weight:600;display:grid}.mk.ab .one .ft{border-top:1px solid var(--m-line);background:var(--m-sunk);justify-content:space-between;align-items:center;padding:9px 14px;font-size:12px;display:flex}.mk.ab .one .ft .n{font-family:var(--m-f-mono);font-variant-numeric:tabular-nums}.mk.ab .one .ft .n .nb{font-weight:500;display:inline-block}.mk.ab .one .ft .n .nb.pop{animation:ab-pop .5s var(--m-spring)}.mk.ab .one .ft .ok{color:var(--m-good);align-items:center;gap:5px;font-weight:600;display:inline-flex}.mk.ab .one .ft .ok .oc{width:12px;height:12px}@keyframes ab-pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}.mk.ab .dest{z-index:7;opacity:0;transition:opacity .4s, transform .5s var(--m-spring);gap:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%,10px)}.mk.ab .dest .ds{background:var(--m-surface);border:1px solid var(--m-line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.mk.ab .dest .ds .dc{width:12px;height:12px;color:var(--m-good)}.mk.ab .calm{z-index:8;opacity:0;background:var(--m-ink);color:var(--m-on-ink);transition:opacity .4s, transform .5s var(--m-spring);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:22px;left:50%;transform:translate(-50%,-8px)}.mk.ab .viz[data-s="1"] .guide,.mk.ab .viz[data-s="2"] .tool,.mk.ab .viz[data-s="3"] .tool,.mk.ab .viz[data-s="4"] .tool{opacity:1;transform:translate(-50%,-50%)}.mk.ab .viz[data-s="3"] .wires,.mk.ab .viz[data-s="4"] .wires{opacity:1}.mk.ab .viz[data-s="3"] .tool.bk,.mk.ab .viz[data-s="4"] .tool.bk{border-color:var(--ab-bad)}.mk.ab .viz[data-s="3"] .tool.bk em,.mk.ab .viz[data-s="4"] .tool.bk em{transform:scale(1)}.mk.ab .viz[data-s="3"] .tally,.mk.ab .viz[data-s="4"] .tally{opacity:1;transform:translate(-50%)}.mk.ab .viz[data-s="4"] .fix{opacity:1;transform:rotate(var(--r)) scale(1)}.mk.ab .viz[data-s="5"] .one,.mk.ab .viz[data-s="6"] .one,.mk.ab .viz[data-s="7"] .one{opacity:1;transform:translate(-50%,-50%)}.mk.ab .viz[data-s="6"] .dest,.mk.ab .viz[data-s="7"] .dest,.mk.ab .viz[data-s="7"] .calm{opacity:1;transform:translate(-50%)}.mk.ab .viz[data-s="5"] .tool,.mk.ab .viz[data-s="6"] .tool,.mk.ab .viz[data-s="7"] .tool{transition-delay:0s}.mk.ab .who{border-top:1px solid var(--m-line);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,88px);padding-block:clamp(64px,9vw,120px);display:grid}.mk.ab .who h2,.mk.ab .small h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(34px,3.7vw,50px);font-weight:600;line-height:.98}.mk.ab .who p{letter-spacing:-.015em;text-wrap:pretty;max-width:44ch;margin:0;font-size:clamp(19px,1.7vw,22px);line-height:1.5}.mk.ab .aud{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.mk.ab .aud div{background:var(--m-surface);border:1px solid var(--m-line);transition:border-color .25s, transform .4s var(--m-spring);border-radius:18px;gap:12px;padding:18px;display:grid}.mk.ab .aud div:hover{border-color:var(--m-fg);transform:translateY(-2px)}.mk.ab .aud .ai{background:var(--m-accent-soft);width:36px;height:36px;color:var(--m-accent-text);border-radius:11px;place-items:center;display:grid}.mk.ab .aud .ai svg{width:17px;height:17px}.mk.ab .aud .an{letter-spacing:-.02em;font-size:16px}.mk.ab .small{padding-bottom:clamp(64px,9vw,120px)}.mk.ab .sbox{isolation:isolate;background:var(--m-ink);color:var(--m-on-ink);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(32px,5vw,64px);display:grid;position:relative;overflow:hidden}.mk.ab .sbox:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--m-accent) 45%, transparent), transparent 65%);border-radius:50%;width:520px;height:520px;position:absolute;top:-160px;right:-160px}.mk.ab .sbox .eyebrow{color:color-mix(in srgb, var(--m-accent) 70%, #fff)}.mk.ab .sbox h2{color:var(--m-on-ink)}.mk.ab .sbox p{color:#f5efe9b8;max-width:46ch;margin:18px 0 0;font-size:18px;line-height:1.6}.mk.ab .sbox p a{color:var(--m-on-ink);border-bottom:1px solid color-mix(in srgb, var(--m-accent) 80%, #fff);font-weight:600}.mk.ab .mail{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;gap:14px;padding:22px;display:grid}.mk.ab .mail .ms{font-family:var(--m-f-mono);letter-spacing:.08em;text-transform:uppercase;color:#f5efe98c;font-size:11px}.mk.ab .mail .addr{letter-spacing:-.03em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:clamp(20px,2vw,25px);font-weight:600}.mk.ab .mail .row2{flex-wrap:wrap;gap:8px;display:flex}.mk.ab .mail .row2 a,.mk.ab .mail .row2 button{cursor:pointer;color:var(--m-on-ink);background:0 0;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:14.5px;font-weight:600;display:inline-flex}.mk.ab .mail .row2 a{background:var(--m-accent);border-color:var(--m-accent);color:#fff}.mk.ab .mail .row2 .ri{width:15px;height:15px}.mk.ab .mail .mnote{color:#f5efe999;align-items:center;gap:8px;font-size:13.5px;display:flex}@media (width<=960px){.mk.ab .story{grid-template-columns:minmax(0,1fr)}.mk.ab .stick{top:calc(72px + env(safe-area-inset-top,0px));z-index:5;background:var(--m-bg);order:-1;margin-inline:-16px;padding-block:12px;padding-inline:16px}.mk.ab .viz{border-radius:22px;height:280px}.mk.ab .tool{grid-template-columns:24px auto;gap:0 7px;padding:7px 10px 7px 7px}.mk.ab .tool .ti{grid-row:auto;width:24px;height:24px}.mk.ab .tool .ts{display:none}.mk.ab .tool .tb{font-size:11.5px}.mk.ab .one{width:min(250px,80%);top:42%}.mk.ab .one .gb .ln,.mk.ab .one .top2{display:none}.mk.ab .one .gb{gap:6px;padding:9px 12px 10px}.mk.ab .one .band2{padding:9px 12px}.mk.ab .guide{width:180px}.mk.ab .beat{max-width:none;padding-block:22vh}.mk.ab .steps2{padding-block:0 10vh}.mk.ab .who{grid-template-columns:minmax(0,1fr);gap:20px}.mk.ab .aud{grid-template-columns:repeat(2,minmax(0,1fr))}.mk.ab .sbox{border-radius:26px;grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.mk.ab .fix,.mk.ab .vlab{display:none}.mk.ab .tool{scale:.82}.mk.ab .mail .addr{font-size:18px}.mk.ab .tally .tl,.mk.ab .dest .ds{padding:5px 9px;font-size:11px}.mk.ab .one .fr em{padding:0 8px}}@media (prefers-reduced-motion:reduce){.mk.ab .beat{color:var(--m-fg)}}