.stage{isolation:isolate;height:calc(100dvh - 57px);min-height:560px;position:relative;overflow:hidden}@media (min-width:1024px){.stage{min-height:640px}}.stage-copy{z-index:2;width:min(100%,600px);position:relative;translate:0 calc(-1*clamp(16px,4dvh,36px))}.stage-copy:before{content:"";z-index:-1;background:var(--background);pointer-events:none;position:absolute;inset:-32px -48px;-webkit-mask-image:radial-gradient(#000 42%,#0000 72%);mask-image:radial-gradient(#000 42%,#0000 72%)}.stage-in{animation:.6s ease-in-out both stage-in;animation-delay:var(--d,0s)}@keyframes stage-in{0%{opacity:0;translate:0 .25rem}}@property --stage-grid-radius{syntax:"<percentage>";inherits:false;initial-value:160%}.stage-art{z-index:0;position:absolute;inset:0}.stage-grid{background-image:radial-gradient(circle, color-mix(in srgb, var(--foreground) 20%, transparent) .8px, transparent .8px);opacity:.65;-webkit-mask-image:radial-gradient(ellipse at center, #000 calc(var(--stage-grid-radius) - 20%), transparent var(--stage-grid-radius));mask-image:radial-gradient(ellipse at center, #000 calc(var(--stage-grid-radius) - 20%), transparent var(--stage-grid-radius));background-position:8px 8px;background-size:16px 16px;animation:1.6s cubic-bezier(.22,1,.36,1) both stage-grid-in;position:absolute;inset:0}@keyframes stage-grid-in{0%{--stage-grid-radius:0%}}.stage-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage-link,.stage-link-flow{fill:none;stroke-width:1px;stroke-dasharray:0 1}.stage-link{stroke:color-mix(in srgb, var(--foreground) 11%, transparent);animation:1.4s cubic-bezier(.65,0,.35,1) .7s forwards stage-link-in}@keyframes stage-link-in{to{stroke-dasharray:1 0}}.stage-link-flow{stroke:#0fc27b;transition:stroke-dasharray .9s cubic-bezier(.65,0,.35,1)}.stage-link-flow[data-done=true]{stroke-dasharray:1 0}.stage-fade{transition:opacity .6s}.stage-art[data-fading=true] .stage-fade{opacity:0}.stage-art[data-fading=true] .stage-link-flow{transition:none}.stage-card{--stage-duration:2.5s;z-index:3;opacity:0;width:248px;height:80px;animation:.9s cubic-bezier(.22,1,.36,1) forwards stage-card-in;position:absolute}.stage-card[data-index="0"]{animation-delay:.3s;top:calc(15% - 16px);left:18%}.stage-card[data-index="1"]{animation-delay:.4s;bottom:calc(27% - 16px);left:7.5%}.stage-card[data-index="2"]{animation-delay:.5s;bottom:calc(15% - 16px);right:9%}.stage-card[data-index="3"]{animation-delay:.6s;top:calc(22% - 16px);right:11%}@keyframes stage-card-in{0%{opacity:0;filter:blur(6px);translate:0 8px;scale:.98}to{opacity:1;filter:blur();translate:0;scale:1}}.stage-card-body{background:color-mix(in srgb, var(--foreground) 7%, transparent);border-radius:12px;justify-content:center;align-items:center;height:100%;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.stage-card-inner{background:var(--background);border-radius:11px;width:calc(100% - 2px);height:calc(100% - 2px);padding:13px 13px 11px;position:relative}.stage-border{z-index:1;fill:none;stroke:#0fc27b;stroke-width:1px;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-border rect{stroke-dasharray:1;stroke-dashoffset:1px}.stage-port{z-index:2;width:12px;height:12px;position:absolute;left:50%;scale:.75}.stage-port-top{top:0;translate:-50% -5.5px}.stage-port-bottom{bottom:0;translate:-50% 5.5px}.stage-port-active{stroke:#0fc27b;opacity:0}.stage-status{opacity:0;border:1px solid;border-radius:8px;align-items:center;gap:4px;padding:1px 5px;font-size:12px;display:flex;position:absolute;top:0;right:0}.stage-status-running{border-color:color-mix(in srgb, var(--foreground) 8%, transparent);background:var(--background);color:color-mix(in srgb, var(--foreground) 55%, transparent)}.stage-status-completed{color:#0b935d;color:lab(53.6552% -44.206 19.0168);background:#ddf9e4;background:lab(95.4507% -12.3299 6.87932);border-color:#c7f4d3;border-color:lab(92.3556% -19.7079 10.9704)}.stage-card[data-active=true] .stage-border rect{animation:stage-border-draw var(--stage-duration) linear forwards}.stage-card[data-active=true] .stage-port-active{animation:stage-port var(--stage-duration) ease-in-out forwards}.stage-card[data-active=true] .stage-status-running{animation:stage-status-start var(--stage-duration) ease-in-out forwards}.stage-card[data-active=true] .stage-status-completed{animation:stage-status-finish var(--stage-duration) ease-in-out forwards, stage-status-exit .3s ease-in-out calc(var(--stage-duration) + 1s) forwards}@keyframes stage-border-draw{to{stroke-dashoffset:0}}@keyframes stage-port{to{opacity:1}}@keyframes stage-status-start{0%{opacity:0;top:0}15%,85%{opacity:1;top:-28px}to{opacity:0;top:0}}@keyframes stage-status-finish{0%,85%{opacity:0;top:0}to{opacity:1;top:-28px}}@keyframes stage-status-exit{0%{opacity:1;top:-28px}to{opacity:0;top:0}}.stage-piece{z-index:1;opacity:0;animation:stage-piece-cycle 12s cubic-bezier(.22, 1, .36, 1) var(--d,0s) infinite;position:absolute}@keyframes stage-piece-cycle{0%{opacity:0;filter:blur(6px);translate:0 8px;scale:.98}8%,40%{opacity:1;filter:blur();translate:0;scale:1}50%,to{opacity:0;filter:blur(4px);translate:0 -6px;scale:1}}@media (max-width:1023.98px){.stage .stage-in,.stage-grid{animation:none}}@media (prefers-reduced-motion:reduce){.stage-in,.stage-grid,.stage-link,.stage-card,.stage-piece{animation:none}.stage-link{stroke-dasharray:1 0}.stage-card,.stage-piece{opacity:1}}.blog-table{-webkit-mask-image:linear-gradient(90deg,#000,#000 48%,#0000 72%),linear-gradient(#000,#000 70%,#0000);mask-image:linear-gradient(90deg,#000,#000 48%,#0000 72%),linear-gradient(#000,#000 70%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.blog-stage{flex-direction:column;justify-content:center;min-height:calc(100dvh - 57px);display:flex}.analytics-stage{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:max(620px,100dvh - 57px);display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.analytics-stage{min-height:max(720px,100dvh - 57px)}}.analytics-window{transform-origin:0 0;animation:1.2s cubic-bezier(.22,1,.36,1) both analytics-in;scale:.55}@media (min-width:640px){.analytics-window{scale:.75}}@media (min-width:1024px){.analytics-window{scale:1}}@keyframes analytics-in{0%{opacity:0;filter:blur(8px);translate:0 24px}}.analytics-veil{z-index:10;pointer-events:none;background:linear-gradient(to top, var(--background) 18%, color-mix(in srgb, var(--background) 80%, transparent) 36%, transparent 62%), radial-gradient(ellipse 65% 60% at 0% 100%, var(--background) 35%, transparent 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.analytics-window{animation:none}}.mcp-hero-wrap{container-type:inline-size}.mcp-hero{--columns:4;--content-rows:1;--content-inset:0;--region-start:1;--region-end:-1;--top-rows:1;--logo-rows:0;--logo-row-top:1;--logo-row-bottom:calc(var(--top-rows) + var(--content-rows) + var(--logo-rows) + 2);--cell:calc(100cqw / var(--columns));grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-template-rows:var(--cell) auto var(--cell) var(--cell);width:100%;display:grid;position:relative}.mcp-cells{grid-template-columns:inherit;grid-template-rows:inherit;pointer-events:none;animation:.5s ease-out both mcp-fade;display:grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 75%,#000 55%,#0000 100%);mask-image:radial-gradient(70% 75%,#000 55%,#0000 100%)}.mcp-cell,.mcp-logo{padding:4px}.mcp-content{z-index:1;grid-row:calc(var(--top-rows) + 1) / span var(--content-rows);grid-column:calc(var(--content-inset) + 1) / calc(-1 - var(--content-inset));justify-content:center;align-items:center;padding:32px 24px;display:flex}.mcp-prompt{z-index:1;grid-row:calc(var(--top-rows) + var(--content-rows) + var(--logo-rows) + 1);grid-column:var(--region-start) / var(--region-end);padding:16px;animation:.6s cubic-bezier(.22,1,.36,1) .9s both mcp-box-in}.mcp-prompt-box{--prompt-height:calc(var(--cell) - 32px);--send-size:32px;--send-inset:calc((var(--prompt-height) - var(--send-size)) / 2);--prompt-padding-x:clamp(16px, calc(var(--prompt-height) / 3), 40px);width:100%;height:100%;position:relative}.mcp-prompt-text{left:var(--prompt-padding-x);right:calc(var(--send-inset) + var(--send-size) + 12px);font-size:clamp(14px, calc(var(--prompt-height) / 4), 24px);white-space:nowrap;line-height:1.4;transition:opacity .3s ease-out;position:absolute;overflow:hidden}.mcp-send{top:var(--send-inset);right:var(--send-inset);width:var(--send-size);height:var(--send-size);position:absolute}.mcp-logo{justify-content:center;align-items:center;animation:.8s ease-out backwards mcp-logo-in;display:flex}.mcp-tile{opacity:.45;filter:grayscale();width:36%;max-width:56px;height:36%;max-height:56px;transition:opacity .6s ease-out,filter .6s ease-out}.mcp-tile[data-active]{opacity:1;filter:none}.mcp-slot-1{grid-row:var(--logo-row-top);grid-column:1}.mcp-slot-2{grid-row:var(--logo-row-top);grid-column:2}.mcp-slot-3{grid-row:var(--logo-row-top);grid-column:4}.mcp-slot-4{grid-row:var(--logo-row-bottom);grid-column:1}.mcp-slot-5{grid-row:var(--logo-row-bottom);grid-column:3}@media (max-width:639.98px){.mcp-content{padding:20px 8px}.mcp-prompt{padding:12px 8px}.mcp-prompt-box{--prompt-height:calc(var(--cell) - 24px)}}@media (min-width:640px){.mcp-cell,.mcp-logo{padding:6px}.mcp-hero{grid-template-rows:repeat(calc(var(--top-rows) + var(--content-rows) + var(--logo-rows) + 2), var(--cell));--columns:8;--content-rows:5;--region-start:2;--region-end:-2;--logo-rows:1;--logo-row-bottom:calc(var(--top-rows) + var(--content-rows) + var(--logo-rows))}.mcp-slot-1{grid-column:2}.mcp-slot-2{grid-column:4}.mcp-slot-3{grid-column:7}.mcp-slot-5{grid-column:-2}}@media (min-width:768px){.mcp-hero{--content-rows:4}}@media (min-width:992px){.mcp-hero{--columns:12;--content-rows:5;--content-inset:1;--region-start:3;--region-end:-3}.mcp-slot-2{grid-column:6}.mcp-slot-3{grid-column:10}.mcp-slot-4{grid-column:2}.mcp-slot-5{grid-column:11}}@media (min-width:1200px){.mcp-hero{--content-rows:4}}@media (min-width:1400px){.mcp-hero{--content-rows:3}}@keyframes mcp-fade{0%{opacity:0}}@keyframes mcp-logo-in{0%{opacity:0;filter:blur(3px)}}@keyframes mcp-box-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.mcp-cells,.mcp-logo,.mcp-prompt{animation:none}}