.mg-hero{border:1px solid var(--line);background:#0c0f24;border-radius:24px;width:min(560px,100%);padding:24px;position:relative;box-shadow:0 40px 80px -30px #000000e6}.mg-lane{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.mg-node{text-align:center;border:1px solid var(--line);width:128px;color:var(--mut);background:#ffffff0a;border-radius:18px;justify-items:center;gap:4px;padding:18px 10px;display:grid}.mg-node b{color:#fff}.mg-node small{font-size:11px;font-family:var(--hb-font)}.mg-node--new{border-color:color-mix(in srgb, var(--s2) 60%, transparent);background:color-mix(in srgb, var(--s1) 16%, transparent);box-shadow:0 0 40px -12px var(--s1)}.mg-node--new img{border-radius:8px}.mg-pipe{background:#ffffff0f;border-radius:6px;height:12px;position:relative;overflow:hidden}.mg-pipe i{background:linear-gradient(90deg, var(--s1), var(--s2));width:18px;height:8px;box-shadow:0 0 10px var(--s2);animation:2.4s linear infinite mg-flow;animation-delay:calc(var(--i) * .4s);border-radius:4px;position:absolute;top:2px;left:0}@keyframes mg-flow{0%{transform:translate(-20px)}to{transform:translate(260px)}}.mg-check{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.mg-check li{border:1px solid var(--line);color:var(--mut);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:all .35s;display:flex}.mg-check span{flex:1}.mg-check em{font-style:normal}.mg-check li.is-now{border-color:color-mix(in srgb, var(--s2) 60%, transparent);color:#fff}.mg-check li.is-done{color:#fff;background:#4ade8014;border-color:#4ade8059}.mg-check li.is-done em{color:var(--gr)}.mg-down{color:var(--gr);background:#0f122cf5;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;bottom:-26px;right:28px;box-shadow:0 20px 40px -18px #000}.mg-down strong{color:#fff;font-size:22px;line-height:1;display:block}.mg-down small{color:var(--mut);font-size:11px}.mg-hero:not(.is-live) *{animation-play-state:paused!important}.mg-tl{padding:clamp(22px,3.5vw,44px)}.mg-tl__rail{grid-template-columns:repeat(4,1fr);margin-bottom:30px;display:grid;position:relative}.mg-tl__rail:before,.mg-tl__fill{content:"";border-radius:3px;height:3px;position:absolute;top:22px;left:12.5%}.mg-tl__rail:before{background:#ffffff1a;right:12.5%}.mg-tl__fill{background:linear-gradient(90deg, var(--s1), var(--s2));max-width:75%;width:calc(var(--w,0) * 1%);transition:width .5s cubic-bezier(.2,.9,.3,1)}.mg-tl__rail button{all:unset;z-index:1;cursor:pointer;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.mg-tl__rail button:focus-visible>span{outline:3px solid var(--cy);outline-offset:3px}.mg-tl__rail button>span{width:46px;height:46px;color:var(--mut);background:#0a0c1d;border:2px solid #fff3;border-radius:50%;place-items:center;font-weight:800;transition:all .3s;display:grid}.mg-tl__rail b{color:var(--mut);font-size:15px;transition:color .3s}.mg-tl__rail button.is-done>span{border-color:var(--gr);color:var(--gr)}.mg-tl__rail button[aria-selected=true]>span{background:linear-gradient(140deg, var(--s1), var(--s2));color:#fff;box-shadow:0 0 0 7px color-mix(in srgb, var(--s2) 18%, transparent);border-color:#0000;transform:scale(1.08)}.mg-tl__rail button[aria-selected=true] b{color:#fff}.mg-tl__body{border:1px solid var(--line);background:#ffffff08;border-radius:20px;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;padding:26px;animation:.4s ease-out wdx-in;display:grid}.mg-tl__body h3{color:#fff;letter-spacing:-.03em;margin:0 0 10px;font-size:28px}.mg-tl__body p{color:var(--mut);margin:0;line-height:1.65}.mg-tl__body ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mg-tl__body li{color:#fff;align-items:center;gap:10px;display:flex}.mg-tl__body li svg{color:var(--gr)}.mg-tl__nav{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.mg-tl__nav button:disabled{opacity:.4;cursor:default}@media (max-width:760px){.mg-tl__body{grid-template-columns:1fr}.mg-tl__rail b{font-size:12px}.mg-node{width:96px;padding:14px 6px}.mg-down{right:0}}.mg-tl__fill{z-index:0}.mg-tl__rail button{z-index:1}.mg-hero{margin-bottom:30px}@media (max-width:520px){.mg-hero{padding:16px}.mg-lane{gap:8px}.mg-node{width:86px;padding:12px 4px}.mg-node b{font-size:13px}.mg-node small{display:none}.mg-check{grid-template-columns:1fr 1fr;gap:8px}.mg-check li{gap:6px;padding:10px;font-size:13px}.mg-down{right:12px}}.mg-free{color:#fff;background:radial-gradient(500px 280px at 100% 0,#818cf873,#0000 70%),radial-gradient(500px 300px at 0 100%,#0891b28c,#0000 70%),#0a0e26;border:1px solid #818cf859;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:clamp(24px,4vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0891b2}.mg-free__ic{background:linear-gradient(140deg,#0891b2,#818cf8);border-radius:22px;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 16px 34px -12px #0891b2}.mg-free__tag{color:#4ade80;letter-spacing:.08em;text-transform:uppercase;background:#4ade8029;border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.mg-free h2{color:#fff;letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(26px,3.4vw,40px);line-height:1.08}.mg-free p{color:#fffc;max-width:60ch;margin:0;line-height:1.6}.mg-free ul{flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;list-style:none;display:flex}.mg-free li{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.mg-free li svg{color:#4ade80}.mg-free__cta{gap:10px;display:grid}@media (max-width:900px){.mg-free{grid-template-columns:1fr}.mg-free__cta{grid-template-columns:1fr 1fr}}@media (max-width:520px){.mg-free__cta{grid-template-columns:1fr}}.mg-free .mg-free__ghost{color:#fff!important;background:#ffffff0f!important;border-color:#ffffff40!important}.mg-down{top:auto;bottom:-30px;right:50%;transform:translate(50%)}.mg-hero{margin-bottom:40px;padding-bottom:40px}.mf{margin:0;max-width:980px;margin-inline:auto}.mf-screen{aspect-ratio:16/9;cursor:pointer;color:#fff;isolation:isolate;border:1px solid #818cf859;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #0891b2}.mf-bg{z-index:-1;background:radial-gradient(60% 70% at 15% 100%,#0891b280,#0000 70%),radial-gradient(50% 60% at 90% 0,#818cf873,#0000 70%),#070a1f;position:absolute;inset:0}.mf-bg:after{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.mf-step{font-family:var(--hb-font);color:#ffffff8c;letter-spacing:.1em;font-size:12px;position:absolute;top:18px;left:22px}.mf-cap{text-align:center;background:#0000008c;border-radius:12px;width:max-content;max-width:88%;margin:0;padding:10px 18px;font-size:clamp(13px,1.8vw,18px);font-weight:600;animation:.6s ease-out both mf-in;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.mf-big{color:#0a0c1d;background:#ffffffeb;border-radius:50%;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 20px 40px -10px #000}.mf-screen.is-paused *{animation-play-state:paused!important}.mf-s{place-items:center;animation:.7s cubic-bezier(.2,.9,.3,1) both mf-in;display:grid;position:absolute;inset:9% 8% 20%}@keyframes mf-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.mf-browser{background:#0e1230;border:1px solid #ffffff24;border-radius:14px;width:min(520px,80%);overflow:hidden;box-shadow:0 30px 60px -20px #000}.mf-bar{font-family:var(--hb-font-mono);color:#fff9;background:#ffffff0d;align-items:center;gap:5px;padding:9px 12px;font-size:11px;display:flex}.mf-bar i{background:#ffffff40;border-radius:50%;width:8px;height:8px}.mf-bar span{flex:1;margin-left:8px}.mf-bar em{color:#4ade80;background:#4ade8033;border-radius:99px;padding:2px 8px;font-style:normal;font-weight:700}.mf-load{background:#ffffff0d;height:3px}.mf-load span{transform-origin:0;background:#f87171;width:100%;height:100%;animation:5s cubic-bezier(.1,.5,.2,1) both mf-slow;display:block}@keyframes mf-slow{0%{transform:scaleX(0)}to{transform:scaleX(.42)}}.mf-skel{gap:10px;padding:18px;display:grid}.mf-skel b{background:#ffffff1f;border-radius:8px;width:60%;height:16px}.mf-skel s{background:#ffffff12;border-radius:5px;height:10px}.mf-old .mf-skel{animation:1.2s ease-in-out infinite mf-pulse}@keyframes mf-pulse{50%{opacity:.45}}.mf-skel--live b{background:linear-gradient(90deg,#0891b2,#818cf8)}.mf-skel--live s{background:#ffffff40}.mf-old,.mf-live{align-content:center;gap:16px}.mf-pill{border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;animation:.6s ease-out .8s both mf-in;display:inline-flex}.mf-pill--bad{color:#fca5a5;background:#f8717129;border:1px solid #f8717159}.mf-pill--good{color:#86efac;background:#4ade8024;border:1px solid #4ade8059}.mf-plan{align-content:center;gap:16px}.mf-toggle{background:#ffffff14;border-radius:999px;padding:4px;font-size:13px;font-weight:700;display:inline-flex}.mf-toggle span{color:#fff9;border-radius:999px;padding:6px 16px}.mf-toggle .on{color:#0a0c1d;background:#fff;animation:.4s .5s both mf-in}.mf-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(620px,92%);display:grid}.mf-plans div{animation:.5s both mf-in;animation-delay:calc(.3s + var(--i) * .12s);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;gap:8px;padding:14px;display:grid}.mf-plans b{font-size:14px}.mf-plans i{background:#ffffff24;border-radius:3px;height:6px}.mf-plans u{text-align:center;background:#ffffff1a;border-radius:8px;margin-top:4px;padding:6px;font-size:11px;font-weight:700;text-decoration:none}.mf-plans .hot{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8,0 16px 30px -12px #818cf8}.mf-plans .hot u{background:linear-gradient(90deg,#0891b2,#818cf8)}.mf-badge{background:linear-gradient(90deg,#059669,#0891b2);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:800;animation:.6s cubic-bezier(.3,1.6,.5,1) 1.6s both mf-pop;display:inline-flex;box-shadow:0 14px 30px -10px #059669}@keyframes mf-pop{0%{opacity:0;transform:scale(.6)}}.mf-card{background:#0e1230;border:1px solid #ffffff24;border-radius:16px;width:min(520px,88%);padding:18px;box-shadow:0 30px 60px -20px #000}.mf-card__hd{color:#7dd3fc;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mf-card__hd b{color:#fff;font-size:14px}.mf-type{white-space:nowrap;background:#ffffff0f;border-radius:12px;width:100%;margin:0;padding:12px 14px;font-size:14px;animation:2s steps(60,end) both mf-typing;overflow:hidden}@keyframes mf-typing{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.mf-reply{background:linear-gradient(120deg,#0891b24d,#818cf840);border-radius:12px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:14px;animation:.6s 2.4s both mf-in;display:flex}.mf-reply img{border-radius:6px;flex:none}.mf-copy{align-content:center;gap:22px}.mf-lane{grid-template-columns:auto minmax(120px,280px) auto;align-items:center;gap:14px;display:grid}.mf-node{background:#ffffff0d;border:1px solid #ffffff24;border-radius:16px;justify-items:center;gap:6px;width:110px;padding:16px 8px;font-size:13px;display:grid}.mf-node--hb{border-color:#818cf8;box-shadow:0 0 40px -10px #818cf8}.mf-node img{border-radius:6px}.mf-pipe{background:#ffffff12;border-radius:5px;height:10px;position:relative;overflow:hidden}.mf-pipe i{width:20px;height:6px;animation:1.6s linear infinite mf-flow;animation-delay:calc(var(--i) * .32s);background:linear-gradient(90deg,#0891b2,#818cf8);border-radius:3px;position:absolute;top:2px;left:0;box-shadow:0 0 10px #818cf8}@keyframes mf-flow{0%{transform:translate(-24px)}to{transform:translate(300px)}}.mf-list{gap:10px;margin:0;padding:0;list-style:none;display:flex}.mf-list li{animation:.4s both mf-done;animation-delay:calc(1.4s + var(--i) * 1.1s);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.mf-list em{color:#4ade80;opacity:0;animation:.3s both mf-tick;animation-delay:calc(1.4s + var(--i) * 1.1s);display:grid}@keyframes mf-done{to{background:#4ade801a;border-color:#4ade8073}}@keyframes mf-tick{to{opacity:1}}.mf-dns{font-family:var(--hb-font-mono);background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:inline-flex}.mf-dns svg{color:#7dd3fc}.mf-dns__to{color:#4ade80;animation:.5s .6s both mf-in}.mf-stats{gap:10px;display:flex}.mf-end{text-align:center;align-content:center;gap:6px}.mf-end img{border-radius:14px;margin-bottom:10px;animation:.6s .2s both mf-pop}.mf-end h3{letter-spacing:-.04em;background:linear-gradient(90deg,#7dd3fc,#c4b5fd);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,5vw,52px)}.mf-end p{color:#fffc;margin:0;font-size:clamp(14px,2vw,19px)}.mf-ctrl{align-items:center;gap:14px;margin-top:14px;display:flex}.mf-ctrl>button{all:unset;color:#fff;cursor:pointer;background:linear-gradient(140deg,#0891b2,#818cf8);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.mf-ctrl>button:focus-visible,.mf-track button:focus-visible{outline:3px solid var(--cy);outline-offset:2px}.mf-track{flex:1;gap:6px;display:flex}.mf-track button{all:unset;cursor:pointer;background:#94a3ff40;border-radius:3px;flex:1;height:6px;overflow:hidden}.mf-track i{transform-origin:0;background:linear-gradient(90deg,#0891b2,#818cf8);height:100%;display:block}.mf-time{font-family:var(--hb-font);color:var(--mut);text-align:end;min-width:70px;font-size:12px}@media (max-width:620px){.mf-plans{grid-template-columns:1fr 1fr}.mf-plans div:nth-child(n+3){display:none}.mf-list li{padding:6px 9px;font-size:12px}.mf-node{width:76px;padding:10px 4px;font-size:11px}.mf-lane{grid-template-columns:auto 1fr auto;gap:8px}.mf-card,.mf-browser{width:94%}.mf-type{white-space:normal;font-size:12px}.mf-reply{font-size:12px}.mf-cap{padding:7px 10px;bottom:4%}.mf-pill{padding:6px 10px;font-size:12px}.mf-skel{gap:6px;padding:10px}.mf-screen{aspect-ratio:4/5;border-radius:20px}.mf-s{inset:10% 5% 22%}.mf-cap{font-size:14px;bottom:5%}.mf-plan{gap:12px}.mf-list,.mf-stats{flex-wrap:wrap;justify-content:center}.mf-end p{padding:0 12px}}.mf-s{animation:1s cubic-bezier(.16,1,.3,1) both mf-scene}@keyframes mf-scene{0%{opacity:0;filter:blur(4px);transform:translateY(10px)scale(.985)}to{opacity:1;filter:none;transform:none}}.mf-cap{text-align:start;text-shadow:0 2px 12px #000c;background:0 0;border-left:3px solid #7dd3fc;border-radius:0;width:auto;max-width:none;padding:0 0 0 16px;font-size:clamp(14px,1.9vw,20px);font-weight:600;line-height:1.4;animation:.8s cubic-bezier(.16,1,.3,1) .15s both mf-cap;left:6%;right:6%;transform:none}@keyframes mf-cap{0%{opacity:0;transform:translate(-12px)}}.mf-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#030512d9);height:34%;position:absolute;inset:auto 0 0}.mf-mark{color:#fff9;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:20px}.mf-mark img{border-radius:4px}.mf-hint{all:unset;color:#0a0c1d;cursor:pointer;background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;animation:.5s .6s both mf-in;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -10px #000}.mf-hint:focus-visible{outline:3px solid var(--cy)}.mf-sound{all:unset;border:1px solid var(--line);height:40px;color:var(--txt);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s;display:inline-flex}.mf-sound:hover{border-color:#818cf8}.mf-sound.is-on{color:#fff;background:linear-gradient(120deg,#0891b2,#818cf8);border-color:#0000}.mf-sound:focus-visible{outline:3px solid var(--cy);outline-offset:2px}@media (max-width:620px){.mf-sound span{display:none}.mf-sound{padding:0 11px}.mf-cap{font-size:14px;left:5%;right:5%}.mf-mark,.mf-time{display:none}}@media (prefers-reduced-motion:reduce){.mf-s,.mf-cap{animation:none}}.mf-ctrl>button.mf-sound{border:1px solid var(--line);width:auto;height:40px;color:var(--txt);background:0 0;border-radius:999px;padding:0 14px;display:inline-flex}.mf-ctrl>button.mf-sound.is-on{color:#fff;background:linear-gradient(120deg,#0891b2,#818cf8);border-color:#0000}@media (max-width:620px){.mf-ctrl>button.mf-sound{justify-content:center;width:40px;padding:0}}