.mk-spot{position:relative}.mk-spot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%),rgba(37,99,235,.08),transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none}.mk-spot:hover:after{opacity:1}.dark .mk-spot:after{background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%),rgba(96,165,250,.11),transparent 65%)}.mk-magnet{display:inline-flex;transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.mk-hero-code-shell .mk-rail{grid-column:1/-1}.mk-rail{position:relative;border-top:1px solid var(--subtle-line);background:color-mix(in srgb,var(--code) 58%,transparent)}.mk-rail-track{align-items:flex-start;padding:.95rem 0 1rem}.mk-rail-node,.mk-rail-track{position:relative;display:flex}.mk-rail-node{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:.4rem;padding:0 .3rem;text-align:center}.mk-rail-track .mk-rail-line{position:absolute;left:10%;right:10%;top:calc(.95rem + .8rem);height:2px;border-radius:999px;background:color-mix(in srgb,var(--subtle-line) 90%,transparent);overflow:hidden}.mk-rail-line:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#60a5fa 48%,#2563eb 55%,transparent 72%);background-size:260% 100%;animation:mk-rail-flow 8s linear infinite}@keyframes mk-rail-flow{0%{background-position:220% 0}to{background-position:-140% 0}}.mk-rail-packet{position:absolute;top:calc(.95rem + .8rem);left:10%;height:9px;width:9px;margin:-3.5px 0 0 -4.5px;border-radius:999px;background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.16),0 0 16px rgba(37,99,235,.75);animation:mk-rail-run 8s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes mk-rail-run{0%{left:10%;opacity:0}2%{opacity:1}11%{left:10%}25%{left:30%}36%{left:30%}50%{left:50%}61%{left:50%}75%{left:70%}86%{left:70%}97%{left:90%;opacity:1}to{left:90%;opacity:0}}.mk-rail-dot{position:relative;z-index:1;display:grid;place-items:center;height:1.6rem;width:1.6rem;border-radius:999px;border:1px solid var(--subtle-line);background:var(--panel);color:var(--success);box-shadow:0 8px 20px -12px rgba(15,23,42,.45)}.mk-rail-node:before{content:"";position:absolute;top:0;left:50%;height:1.6rem;width:1.6rem;margin-left:-.8rem;border-radius:999px;animation:mk-rail-halo 8s linear infinite;animation-delay:calc(var(--i, 0) * 2s)}@keyframes mk-rail-halo{0%{box-shadow:0 0 0 0 rgba(37,99,235,.42)}7%{box-shadow:0 0 0 10px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.mk-rail-label{font-size:10.5px;font-weight:600;letter-spacing:.02em;line-height:1.25;color:var(--text-dim)}.mk-rail-sub{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--text-muted-dark)}@media (max-width:640px){.mk-rail-sub{display:none}.mk-rail-label{font-size:9.5px}}.mk-steps{position:relative}.mk-steps-track{background:var(--subtle-line)}.mk-steps-fill,.mk-steps-track{position:absolute;left:10%;right:10%;top:1.45rem;height:2px;border-radius:999px}.mk-steps-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);transform:scaleX(1);transform-origin:left;transition:transform 1.5s cubic-bezier(.16,1,.3,1) .25s}html.js .mk-reveal:not(.mk-in) .mk-steps-fill{transform:scaleX(0)}.mk-step-dot{position:relative;z-index:1;display:grid;place-items:center;height:2.9rem;width:2.9rem;border-radius:999px;border:1px solid var(--subtle-line);background:var(--panel);color:var(--success);box-shadow:0 14px 30px -18px rgba(37,99,235,.55)}.mk-step-num{position:absolute;top:-.3rem;right:-.3rem;display:grid;place-items:center;height:1.05rem;width:1.05rem;border-radius:999px;background:#2563eb;color:#fff;font-size:9px;font-weight:700}.mk-flow{position:relative;overflow:hidden;border:1px solid var(--subtle-line);border-radius:20px;background:radial-gradient(circle at 18% 8%,rgba(37,99,235,.07),transparent 46%),radial-gradient(circle at 88% 92%,rgba(96,165,250,.07),transparent 42%),var(--panel);box-shadow:0 30px 70px -50px rgba(15,23,42,.6)}.mk-flow-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--text-main) 8%,transparent) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 95%)}.mk-flow-node{position:absolute;min-width:9.25rem;border:1px solid var(--subtle-line);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem .75rem;box-shadow:0 18px 38px -24px rgba(15,23,42,.55);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s ease;transition-delay:var(--mk-delay,0s)}html.js .mk-reveal:not(.mk-in) .mk-flow-node{opacity:0;transform:translate(var(--sx,0),var(--sy,26px)) scale(.9)}.mk-flow-badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:6px;padding:.14rem .45rem;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mk-flow-badge--trigger{background:rgba(217,119,6,.13);color:#d97706}.mk-flow-badge--email{background:rgba(37,99,235,.12);color:#2563eb}.mk-flow-badge--delay{background:rgba(100,116,139,.14);color:#64748b}.mk-flow-badge--cond{background:rgba(124,58,237,.12);color:#7c3aed}.dark .mk-flow-badge--trigger{background:rgba(245,158,11,.16);color:#fbbf24}.dark .mk-flow-badge--email{background:rgba(96,165,250,.16);color:#93c5fd}.dark .mk-flow-badge--delay{background:rgba(148,163,184,.16);color:#cbd5e1}.dark .mk-flow-badge--cond{background:rgba(167,139,250,.16);color:#c4b5fd}.mk-flow-edge{fill:none;stroke:color-mix(in srgb,var(--success) 60%,var(--subtle-line));stroke-width:1.6;stroke-dasharray:7 9;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:mk-flow-dash 1.4s linear infinite}@keyframes mk-flow-dash{to{stroke-dashoffset:-16}}.mk-tpl-tab{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;border:1px solid var(--subtle-line);border-radius:12px;background:var(--panel);padding:.7rem .9rem;text-align:left;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.mk-tpl-tab:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--success) 45%,var(--subtle-line))}.mk-tpl-tab[aria-selected=true]{border-color:color-mix(in srgb,var(--success) 60%,var(--subtle-line));background:color-mix(in srgb,var(--success-bg) 68%,var(--panel));box-shadow:0 14px 30px -22px rgba(37,99,235,.55)}.mk-tpl-line{height:.55rem;border-radius:999px;background:var(--subtle)}.mk-funnel-bar{position:relative;height:1.7rem;border-radius:8px;background:linear-gradient(90deg,var(--mk-funnel-from,#2563eb),var(--mk-funnel-to,#60a5fa));box-shadow:0 10px 22px -14px rgba(37,99,235,.6);width:var(--w,100%);transition:width 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--mk-delay,0s)}html.js .mk-reveal:not(.mk-in) .mk-funnel-bar{width:2.25rem}.mk-scene{position:relative;overflow:hidden;height:470px;border-radius:18px;border:1px solid var(--subtle-line);background:radial-gradient(circle at 16% 10%,rgba(37,99,235,.08),transparent 44%),radial-gradient(circle at 88% 90%,rgba(96,165,250,.09),transparent 44%),var(--panel);box-shadow:0 30px 70px -50px rgba(15,23,42,.6)}@media (max-width:1023px){.mk-scene{height:420px}}@media (max-width:640px){.mk-scene{height:380px}}.mk-scene-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--text-main) 8%,transparent) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 95%)}.mk-scene-route{position:absolute;inset:0;height:100%;width:100%}.mk-scene-route-path{fill:none;stroke:color-mix(in srgb,var(--success) 45%,var(--subtle-line));stroke-width:1.6;stroke-dasharray:7 9;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:mk-flow-dash 1.4s linear infinite}.mk-scene-card{position:absolute;border:1px solid var(--subtle-line);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 38px -24px rgba(15,23,42,.55)}.mk-scene-compose{left:4.5%;top:6.5%;width:47%;z-index:1}.mk-scene-inbox{right:4.5%;bottom:7.5%;width:48%;z-index:1}.mk-scene-sendbtn{animation:mk-scene-press 3s cubic-bezier(.4,0,.2,1) infinite;transform-origin:50% 50%;box-shadow:0 10px 20px -12px rgba(37,99,235,.8)}@keyframes mk-scene-press{0%,8%,to{transform:none}4%{transform:scale(.92)}}.mk-scene-shield{position:absolute;left:64%;top:28.5%;display:flex;flex-direction:column;align-items:center;gap:.35rem;transform:translateX(-50%)}.mk-scene-shield-dot{position:relative;display:grid;place-items:center;height:2.1rem;width:2.1rem;border-radius:999px;border:1px solid var(--subtle-line);background:var(--panel);color:var(--success);box-shadow:0 8px 20px -12px rgba(15,23,42,.45)}.mk-scene-shield-dot:after{content:"";position:absolute;inset:-1px;border-radius:999px;animation:mk-scene-halo 3s linear 1.35s infinite}@keyframes mk-scene-halo{0%{box-shadow:0 0 0 0 rgba(37,99,235,.42)}30%{box-shadow:0 0 0 12px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.mk-scene-plane{position:absolute;left:0;top:0;z-index:2;height:0;width:0;opacity:0;animation:mk-scene-fly 9s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:var(--d,0s)}.mk-scene-plane-inner{position:absolute;top:-11px;left:-11px;display:grid;place-items:center;height:22px;width:22px;color:#3b82f6;filter:drop-shadow(0 2px 8px rgba(59,130,246,.55));animation:mk-scene-tilt 9s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:var(--d,0s)}.mk-scene-plane-inner:before{content:"";position:absolute;right:100%;top:50%;margin-top:-1px;height:2px;width:24px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6))}@keyframes mk-scene-fly{0%,4%{left:43%;top:36%;opacity:0}6%{opacity:1}10%{left:50%;top:27%}15%{left:64%;top:31%}20%{left:72%;top:42%}23%{left:77%;top:50%}25.5%{left:82%;top:58%;opacity:1}27%,to{left:83.5%;top:60.5%;opacity:0}}@keyframes mk-scene-tilt{0%,6%{transform:rotate(-12deg) scale(.85)}10%{transform:rotate(0deg) scale(1)}15%{transform:rotate(16deg)}20%{transform:rotate(32deg)}25.5%{transform:rotate(48deg) scale(.92)}27%,to{transform:rotate(52deg) scale(.85)}}.mk-scene-row{position:relative;border-radius:10px;opacity:0;animation:mk-scene-arrive 9s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--i, 0) * 3s + 2.3s)}.mk-scene-row:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--success-bg);opacity:0;animation:mk-scene-rowflash 9s linear infinite;animation-delay:inherit}@keyframes mk-scene-arrive{0%{opacity:0;transform:translateY(-7px)}2.5%{opacity:1;transform:none}90%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(4px)}}@keyframes mk-scene-rowflash{0%{opacity:.9}10%,to{opacity:0}}.mk-scene-toast{position:absolute;right:6%;top:43%;z-index:2;display:inline-flex;align-items:center;gap:.45rem;border:1px solid color-mix(in srgb,#16a34a 35%,var(--subtle-line));border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.32rem .7rem;box-shadow:0 14px 30px -18px rgba(22,163,74,.5);opacity:0;animation:mk-scene-toast 3s cubic-bezier(.16,1,.3,1) 2.3s infinite}@keyframes mk-scene-toast{0%{opacity:0;transform:translateY(9px) scale(.9)}7%{opacity:1;transform:none}40%{opacity:1;transform:none}52%,to{opacity:0;transform:translateY(-7px)}}.mk-scene-hook{position:absolute;left:4.5%;bottom:7.5%;z-index:1;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--subtle-line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.32rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--text-dim);animation:mk-scene-blip 3s linear 2.55s infinite}.mk-scene-hook svg{color:var(--success)}@keyframes mk-scene-blip{0%{box-shadow:0 0 0 0 rgba(37,99,235,.35)}25%,to{box-shadow:0 0 0 9px rgba(37,99,235,0)}}@media (prefers-reduced-motion:reduce){.mk-flow-edge,.mk-rail-line:before,.mk-rail-node:before{animation:none!important}.mk-rail-packet{display:none}.mk-flow-node,.mk-funnel-bar,.mk-magnet,.mk-spot:after,.mk-steps-fill,.mk-tpl-tab{transition:none!important}.mk-tpl-tab:hover{transform:none}html.js .mk-reveal:not(.mk-in) .mk-flow-node{opacity:1;transform:none}html.js .mk-reveal:not(.mk-in) .mk-steps-fill{transform:scaleX(1)}html.js .mk-reveal:not(.mk-in) .mk-funnel-bar{width:var(--w,100%)}.mk-scene-hook,.mk-scene-plane,.mk-scene-plane-inner,.mk-scene-route-path,.mk-scene-row,.mk-scene-row:before,.mk-scene-sendbtn,.mk-scene-shield-dot:after,.mk-scene-toast{animation:none!important}.mk-scene-plane{opacity:0}.mk-scene-row{opacity:1}.mk-scene-row:before{opacity:0}.mk-scene-toast{opacity:1;transform:none}}