:root{--mk-status-green:#166534;--mk-status-blue:#1d4ed8;--mk-status-amber:#92400e;--mk-status-violet:#6d28d9;--mk-status-red:#b91c1c}.dark{--mk-status-green:#4ade80;--mk-status-blue:#93c5fd;--mk-status-amber:#fbbf24;--mk-status-violet:#c4b5fd;--mk-status-red:#fca5a5}.mk-spot{position:relative}.mk-spot:after{content:"";border-radius:inherit;background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%), #2563eb14, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.mk-spot:hover:after{opacity:1}.dark .mk-spot:after{background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%), #60a5fa1c, transparent 65%)}.mk-magnet{will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.mk-hero-code-shell .mk-rail{grid-column:1/-1}.mk-rail{border-top:1px solid var(--subtle-line);background:color-mix(in srgb, var(--code) 58%, transparent);position:relative}.mk-rail-track{align-items:flex-start;padding:.95rem 0 1rem;display:flex;position:relative}.mk-rail-node{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:.4rem;min-width:0;padding:0 .3rem;display:flex;position:relative}.mk-rail-track .mk-rail-line{background:color-mix(in srgb, var(--subtle-line) 90%, transparent);border-radius:999px;height:2px;position:absolute;top:1.75rem;left:10%;right:10%;overflow:hidden}.mk-rail-line:before{content:"";background:linear-gradient(90deg,#0000 30%,#60a5fa 48%,#2563eb 55%,#0000 72%) 0 0/260% 100%;animation:8s linear infinite mk-rail-flow;position:absolute;inset:0}@keyframes mk-rail-flow{0%{background-position:220% 0}to{background-position:-140% 0}}.mk-rail-packet{background:#3b82f6;border-radius:999px;width:9px;height:9px;margin:-3.5px 0 0 -4.5px;animation:8s cubic-bezier(.45,.05,.55,.95) infinite mk-rail-run;position:absolute;top:1.75rem;left:10%;box-shadow:0 0 0 4px #3b82f629,0 0 16px #2563ebbf}@keyframes mk-rail-run{0%{opacity:0;left:10%}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%{opacity:1;left:90%}to{opacity:0;left:90%}}.mk-rail-dot{z-index:1;border:1px solid var(--subtle-line);background:var(--panel);width:1.6rem;height:1.6rem;color:var(--success);border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:0 8px 20px -12px #0f172a73}.mk-rail-node:before{content:"";width:1.6rem;height:1.6rem;animation:8s linear infinite mk-rail-halo;animation-delay:calc(var(--i,0) * 2s);border-radius:999px;margin-left:-.8rem;position:absolute;top:0;left:50%}@keyframes mk-rail-halo{0%{box-shadow:0 0 #2563eb6b}7%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.mk-rail-label{letter-spacing:.02em;color:var(--text-dim);font-size:10.5px;font-weight:600;line-height:1.25}.mk-rail-sub{color:var(--text-muted-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}@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);border-radius:999px;height:2px;position:absolute;top:1.45rem;left:10%;right:10%}.mk-steps-fill{transform-origin:0;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;height:2px;transition:transform 1.5s cubic-bezier(.16,1,.3,1) .25s;position:absolute;top:1.45rem;left:10%;right:10%;transform:scaleX(1)}html.js .mk-reveal:not(.mk-in) .mk-steps-fill{transform:scaleX(0)}.mk-step-dot{z-index:1;border:1px solid var(--subtle-line);background:var(--panel);width:2.9rem;height:2.9rem;color:var(--success);border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:0 14px 30px -18px #2563eb8c}.mk-step-num{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:1.05rem;height:1.05rem;font-size:9px;font-weight:700;display:grid;position:absolute;top:-.3rem;right:-.3rem}.mk-flow{border:1px solid var(--subtle-line);background:radial-gradient(circle at 18% 8%, #2563eb12, transparent 46%), radial-gradient(circle at 88% 92%, #60a5fa12, transparent 42%), var(--panel);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 70px -50px #0f172a99}.mk-flow-grid{pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--text-main) 8%, transparent) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 95%);mask-image:radial-gradient(#000 40%,#0000 95%)}.mk-flow-node{border:1px solid var(--subtle-line);background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:9.25rem;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s;transition-delay:var(--mk-delay,0s);border-radius:12px;padding:.6rem .75rem;position:absolute;box-shadow:0 18px 38px -24px #0f172a8c}html.js .mk-reveal:not(.mk-in) .mk-flow-node{opacity:0;transform:translate(var(--sx,0px), var(--sy,26px)) scale(.9)}.mk-flow-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-items:center;gap:.3rem;padding:.14rem .45rem;font-size:9.5px;font-weight:700;display:inline-flex}.mk-flow-badge--trigger{color:var(--mk-status-amber);background:#92400e1c}.mk-flow-badge--email{color:var(--mk-status-blue);background:#1d4ed81a}.mk-flow-badge--delay{color:#475569;background:#4755691f}.mk-flow-badge--cond{color:var(--mk-status-violet);background:#6d28d91a}.dark .mk-flow-badge--trigger{color:#fbbf24;background:#f59e0b29}.dark .mk-flow-badge--email{color:#93c5fd;background:#60a5fa29}.dark .mk-flow-badge--delay{color:#cbd5e1;background:#94a3b829}.dark .mk-flow-badge--cond{color:#c4b5fd;background:#a78bfa29}.mk-flow-edge{fill:none;stroke:color-mix(in srgb, var(--success) 60%, var(--subtle-line));stroke-width:1.6px;stroke-dasharray:7 9;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:1.4s linear infinite mk-flow-dash}@keyframes mk-flow-dash{to{stroke-dashoffset:-16px}}.mk-tpl-tab{border:1px solid var(--subtle-line);background:var(--panel);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.7rem .9rem;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:flex}.mk-tpl-tab:hover{border-color:color-mix(in srgb, var(--success) 45%, var(--subtle-line));transform:translate(3px)}.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 #2563eb8c}.mk-tpl-line{background:var(--subtle);border-radius:999px;height:.55rem}.mk-funnel-bar{background:linear-gradient(90deg, var(--mk-funnel-from,#2563eb), var(--mk-funnel-to,#60a5fa));height:1.7rem;width:var(--w,100%);transition:width 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--mk-delay,0s);border-radius:8px;position:relative;box-shadow:0 10px 22px -14px #2563eb99}html.js .mk-reveal:not(.mk-in) .mk-funnel-bar{width:2.25rem}.mk-scene{border:1px solid var(--subtle-line);background:radial-gradient(circle at 16% 10%, #2563eb14, transparent 44%), radial-gradient(circle at 88% 90%, #60a5fa17, transparent 44%), var(--panel);border-radius:18px;height:470px;position:relative;overflow:hidden;box-shadow:0 30px 70px -50px #0f172a99}@media (max-width:1023px){.mk-scene{height:420px}}@media (max-width:640px){.mk-scene{height:380px}}.mk-scene-grid{pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--text-main) 8%, transparent) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 95%);mask-image:radial-gradient(#000 40%,#0000 95%)}.mk-scene-route{width:100%;height:100%;position:absolute;inset:0}.mk-scene-route-path{fill:none;stroke:color-mix(in srgb, var(--success) 45%, var(--subtle-line));stroke-width:1.6px;stroke-dasharray:7 9;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:1.4s linear infinite mk-flow-dash}.mk-scene-card{border:1px solid var(--subtle-line);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;position:absolute;box-shadow:0 18px 38px -24px #0f172a8c}.mk-scene-compose{z-index:1;width:47%;top:6.5%;left:4.5%}.mk-scene-inbox{z-index:1;width:48%;bottom:7.5%;right:4.5%}.mk-scene-sendbtn{transform-origin:50%;animation:3s cubic-bezier(.4,0,.2,1) infinite mk-scene-press;box-shadow:0 10px 20px -12px #2563ebcc}@keyframes mk-scene-press{0%,8%,to{transform:none}4%{transform:scale(.92)}}.mk-scene-shield{flex-direction:column;align-items:center;gap:.35rem;display:flex;position:absolute;top:28.5%;left:64%;transform:translate(-50%)}.mk-scene-shield-dot{border:1px solid var(--subtle-line);background:var(--panel);width:2.1rem;height:2.1rem;color:var(--success);border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:0 8px 20px -12px #0f172a73}.mk-scene-shield-dot:after{content:"";border-radius:999px;animation:3s linear 1.35s infinite mk-scene-halo;position:absolute;inset:-1px}@keyframes mk-scene-halo{0%{box-shadow:0 0 #2563eb6b}30%{box-shadow:0 0 0 12px #2563eb00}to{box-shadow:0 0 #2563eb00}}.mk-scene-plane{z-index:2;opacity:0;width:0;height:0;animation:9s cubic-bezier(.45,.05,.55,.95) infinite mk-scene-fly;animation-delay:var(--d,0s);position:absolute;top:0;left:0}.mk-scene-plane-inner{color:#3b82f6;filter:drop-shadow(0 2px 8px #3b82f68c);width:22px;height:22px;animation:9s cubic-bezier(.45,.05,.55,.95) infinite mk-scene-tilt;animation-delay:var(--d,0s);place-items:center;display:grid;position:absolute;top:-11px;left:-11px}.mk-scene-plane-inner:before{content:"";background:linear-gradient(90deg,#0000,#3b82f699);border-radius:999px;width:24px;height:2px;margin-top:-1px;position:absolute;top:50%;right:100%}@keyframes mk-scene-fly{0%,4%{opacity:0;top:36%;left:43%}6%{opacity:1}10%{top:27%;left:50%}15%{top:31%;left:64%}20%{top:42%;left:72%}23%{top:50%;left:77%}25.5%{opacity:1;top:58%;left:82%}27%,to{opacity:0;top:60.5%;left:83.5%}}@keyframes mk-scene-tilt{0%,6%{transform:rotate(-12deg)scale(.85)}10%{transform:rotate(0)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{opacity:0;animation:9s cubic-bezier(.16,1,.3,1) infinite mk-scene-arrive;animation-delay:calc(var(--i,0) * 3s + 2.3s);border-radius:10px;position:relative}.mk-scene-row:before{content:"";background:var(--success-bg);opacity:0;animation:9s linear infinite mk-scene-rowflash;animation-delay:inherit;border-radius:10px;position:absolute;inset:0}@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{z-index:2;border:1px solid color-mix(in srgb, #16a34a 35%, var(--subtle-line));background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;border-radius:999px;align-items:center;gap:.45rem;padding:.32rem .7rem;animation:3s cubic-bezier(.16,1,.3,1) 2.3s infinite mk-scene-toast;display:inline-flex;position:absolute;top:43%;right:6%;box-shadow:0 14px 30px -18px #16a34a80}@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{z-index:1;border:1px solid var(--subtle-line);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;animation:3s linear 2.55s infinite mk-scene-blip;display:inline-flex;position:absolute;bottom:7.5%;left:4.5%}.mk-scene-hook svg{color:var(--success)}@keyframes mk-scene-blip{0%{box-shadow:0 0 #2563eb59}25%,to{box-shadow:0 0 0 9px #2563eb00}}@media (prefers-reduced-motion:reduce){.mk-rail-line:before,.mk-rail-node:before,.mk-flow-edge{animation:none!important}.mk-rail-packet{display:none}.mk-magnet,.mk-spot:after,.mk-tpl-tab,.mk-flow-node,.mk-steps-fill,.mk-funnel-bar{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-route-path,.mk-scene-sendbtn,.mk-scene-shield-dot:after,.mk-scene-plane,.mk-scene-plane-inner,.mk-scene-row,.mk-scene-row:before,.mk-scene-toast,.mk-scene-hook{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}}