.mg-gallery{--mg-navy:#151027;--mg-purple:#8f56f6;--mg-teal:#63dcdf;background:#f5f3f9;color:#151027;padding:48px max(24px,calc((100vw - 1280px)/2)) 100px;font-family:var(--font-inter,Inter,sans-serif)}.mg-gallery *{box-sizing:border-box}.mg-intro{position:relative;max-width:1160px;margin:0 auto 64px}.mg-intro>a{color:#6a3fd8}.mg-kicker{font-size:12px!important;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.mg-intro h1{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:18px 0}.mg-intro>p:not(.mg-kicker){font-size:18px;max-width:600px}.mg-static{display:flex;align-items:center;gap:10px;margin-top:24px;min-height:44px}.mg-static input{width:20px;height:20px;accent-color:#6a3fd8}.mg-language{position:absolute;right:0;top:0}.mg-example{max-width:1280px;margin:0 auto 64px}.mg-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.mg-section-title h2{font-size:28px;margin:4px 0}.mg-section-title .mg-kicker{color:#6a3fd8;margin:0}.mg-controls{display:flex;gap:8px}.mg-controls button{min-height:44px;padding:10px 18px;background:white;color:#151027;border:1px solid #c9c6d4;border-radius:24px;font:inherit;cursor:pointer}.mg-controls button:disabled{opacity:.5;cursor:default}.mg-gallery :is(a,button,input):focus-visible{outline:3px solid #6a3fd8;outline-offset:4px}.mg-stage{overflow:hidden;border-radius:24px;background:#151027;color:#fff;isolation:isolate}.mg-stage *,.mg-stage :after,.mg-stage :before{animation-play-state:paused!important}.mg-stage[data-playing=true] *,.mg-stage[data-playing=true] :after,.mg-stage[data-playing=true] :before{animation-play-state:running!important}.mg-stage[data-static=true] *{animation:none!important}.mg-hero{position:relative;min-height:640px;display:flex;align-items:center;padding:64px}.mg-hero-copy{position:relative;z-index:2;width:560px;max-width:100%}.mg-hero-copy:before{content:"";position:absolute;inset:-40px -60px -40px -64px;background:linear-gradient(90deg,#151027 60%,#151027f2 82%,#15102700);z-index:-1}.mg-hero h3{font-family:var(--font-poppins,Poppins,sans-serif);font-weight:500;font-size:48px;line-height:1.12;letter-spacing:-.035em;margin:24px 0}.mg-hero h3 span{display:block}.mg-hero-copy>p:not(.mg-kicker){color:#ddd9e8;font-size:17px;line-height:1.65;max-width:540px}.mg-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#63dcdf;color:#151027;text-decoration:none;font-weight:650;padding:16px 22px;border-radius:6px;margin-top:14px;min-height:52px}.mg-hero-art{position:absolute;inset:0;overflow:hidden}.mg-hero-art svg{position:absolute;inset:0;width:100%;height:100%}.mg-sources,.mg-workflow{padding:32px}.mg-illustration{font-size:12px;color:#c9c6d4;margin:0 0 28px}.mg-lanes{display:grid;grid-gap:56px;gap:56px;padding:20px 0 40px}.mg-lane{position:relative;padding-left:110px}.mg-lane h3{position:absolute;left:0;top:13px;font-size:15px;font-weight:500;color:#c9c6d4}.mg-lane ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:36px;gap:36px}.mg-lane li{position:relative;border:1.5px solid #49415e;background:#1b1530;border-radius:12px;min-height:82px;padding:16px 10px;display:flex;align-items:center;gap:12px;font-size:14px;z-index:1}.mg-lane li:not(:last-child):after{content:"";position:absolute;left:100%;width:39px;top:40px;border-top:2px dashed #736b88}.mg-lane-1 li:not(:last-child):after{border-top:2px solid #63dcdf}.mg-lane-1 li:nth-child(3){border-color:#8f56f6}.mg-node-icon{font-size:24px;color:#b29abd}.mg-lane-1 .mg-node-icon{color:#63dcdf}.mg-token{position:absolute;left:calc(110px + 10%);top:90px;width:12px;height:12px;background:#b6a8cf;border-radius:4px;animation:mg-manual 14s ease-in-out infinite}.mg-lane-1 .mg-token{background:#63dcdf;animation-name:mg-assisted}.mg-review-ring{position:absolute;inset:-7px;border:1px solid #8f56f6;border-radius:17px;opacity:.3;animation:mg-review 14s ease-in-out infinite}.mg-caption{color:#c9c6d4;font-size:14px;line-height:1.6;max-width:780px;margin:20px 0 0}.mg-windows{position:relative;height:490px;max-width:1160px;margin:auto}.mg-browser{position:absolute;background:#1b1530;border:1px solid #49415e;border-radius:12px;box-shadow:0 20px 50px #08061155;overflow:hidden;animation:mg-window 12s ease-in-out infinite}.mg-browser-top{display:flex;align-items:center;gap:18px;background:#241c3c;min-height:36px;padding:8px 14px;color:#c9c6d4;font-size:11px}.mg-browser-top>span:first-child{color:#77698f;letter-spacing:2px;font-size:8px}.mg-browser h3,.mg-browser>.mg-question{margin:24px;font-size:18px;font-weight:500}.mg-browser-service{left:2%;top:20px;width:48%;height:325px}.mg-browser-answer{left:25%;top:120px;width:49%;height:320px;z-index:2;animation-delay:-.2s}.mg-browser-source{right:0;top:185px;width:23%;height:230px;z-index:3;animation-delay:-.4s}.mg-text-lines{display:grid;grid-gap:12px;gap:12px;margin:24px}.mg-text-lines i{height:8px;background:#49415e;border-radius:8px}.mg-text-lines i:last-child{width:72%}.mg-highlight{margin:24px;padding:16px;border-left:3px solid #63dcdf;background:#63dcdf12;font-size:13px;animation:mg-highlight 12s ease-in-out infinite}.mg-highlight .mg-text-lines{margin:18px 0 0}.mg-citation{display:inline-block;margin:0 24px;padding:8px 12px;background:#63dcdf18;color:#8ce9e9;font-size:12px;border:1px solid #63dcdf70;border-radius:6px}.mg-review{display:flex;gap:10px;margin:20px 24px;color:#d2c1fa;font-size:13px}.mg-source-number{display:block;margin:22px 24px 0;color:#63dcdf;font-size:26px}.mg-browser-source h3{margin-top:10px}.mg-source-connector{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.mg-source-connector path{fill:none;stroke:#63dcdf;stroke-width:2;stroke-dasharray:1200;animation:mg-source-path 12s ease-in-out infinite}.mg-stage[data-static=true] .mg-source-connector path{stroke-dashoffset:0}.mg-stage[data-static=true] .mg-token{left:calc(110px + 56%)}@keyframes mg-breathe{to{transform:translate(-40px,40px) scale(1.06)}}@keyframes mg-draw{0%{stroke-dashoffset:1400;opacity:.2}15%,95%{stroke-dashoffset:0;opacity:.65}to{stroke-dashoffset:0;opacity:.2}}@keyframes mg-travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1505}}@keyframes mg-manual{0%,15%{left:calc(110px + 5%)}25%,40%{left:calc(110px + 25%)}50%,65%{left:calc(110px + 47%)}80%,to{left:calc(110px + 68%)}}@keyframes mg-assisted{0%,7%{left:calc(110px + 5%)}15%,22%{left:calc(110px + 25%)}30%,47%{left:calc(110px + 47%)}60%,to{left:calc(110px + 68%)}}@keyframes mg-review{0%,27%,70%,to{opacity:.2;transform:scale(1)}35%,48%{opacity:1;transform:scale(1.025)}}@keyframes mg-window{0%,to{transform:translateY(8px)}50%{transform:translateY(-6px)}}@keyframes mg-highlight{0%,30%,90%,to{background:#63dcdf12}55%,70%{background:#63dcdf28}}@keyframes mg-source-path{0%,30%{stroke-dashoffset:1200;opacity:0}40%{opacity:1}65%,90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media(max-width:1000px){.mg-gallery{padding:32px 24px 64px}.mg-hero{padding:40px;min-height:600px}.mg-hero h3{font-size:42px}.mg-lane{padding-left:0}.mg-lane h3{position:static;margin:0 0 16px}.mg-lane li{font-size:12px;gap:8px}.mg-token{display:none}.mg-lanes{gap:40px}.mg-windows{height:470px}.mg-browser-source{width:27%}.mg-browser-answer{width:55%;left:22%}}@media(max-width:600px){.mg-gallery{padding:24px 16px 48px}.mg-intro{margin-bottom:40px}.mg-language{top:40px}.mg-section-title{align-items:flex-start;flex-direction:column;gap:12px}.mg-section-title h2{font-size:24px}.mg-controls button{font-size:13px;padding:10px 16px}.mg-stage{border-radius:18px}.mg-hero{min-height:620px;padding:30px 24px;align-items:flex-start}.mg-hero h3{font-size:30px;margin:24px 0}.mg-hero h3 span{display:inline}.mg-hero-copy>p:not(.mg-kicker){font-size:15px;line-height:1.65}.mg-hero-copy:before{inset:-30px -24px -30px;background:linear-gradient(#151027fa 60%,#151027d9)}.mg-hero-art{opacity:.55}.mg-primary{width:100%;font-size:13px;padding:15px 16px;gap:10px}.mg-sources,.mg-workflow{padding:24px}.mg-lanes{grid-template-columns:1fr 1fr;gap:20px;padding:0}.mg-lane h3{font-size:13px}.mg-lane ol{grid-template-columns:1fr;gap:24px}.mg-lane li{min-height:90px;padding:12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;font-size:12px}.mg-lane li:not(:last-child):after{left:28px;top:100%;height:26px;width:0;border-top:0;border-left:2px dashed #736b88}.mg-lane-1 li:not(:last-child):after{border-top:0;border-left:2px solid #63dcdf}.mg-review-ring{inset:-5px}.mg-caption{font-size:12px;margin-top:28px}.mg-illustration{font-size:11px;line-height:1.5;margin-bottom:24px}.mg-windows{height:auto;display:grid;grid-gap:24px;gap:24px}.mg-browser{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:170px;animation:mg-window-mobile 12s ease-in-out infinite}.mg-browser-service{min-height:235px!important}.mg-browser-answer{min-height:270px!important}.mg-browser-source{min-height:180px!important}.mg-browser h3,.mg-browser>.mg-question{font-size:15px;margin:18px}.mg-text-lines{margin:18px}.mg-highlight{margin:18px;padding:12px}.mg-citation{margin:0 18px;font-size:11px}.mg-review{margin:18px}.mg-source-connector{display:none}.mg-browser:not(:last-of-type):after{content:"";position:absolute;bottom:-24px;left:28px;border-left:2px solid #63dcdf;height:24px}.mg-browser-top{font-size:10px;padding:8px 12px;gap:12px}.mg-source-number{margin:18px 18px 0}}@keyframes mg-window-mobile{0%,to{transform:translateY(2px)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.mg-stage *,.mg-stage :after,.mg-stage :before{animation:none!important;transition:none!important}.mg-source-connector path{stroke-dashoffset:0!important;opacity:1!important}}@media(max-width:600px){.mg-token{display:block;left:calc(100% - 7px);top:74px;z-index:3;animation:mg-manual-vertical 14s ease-in-out infinite}.mg-lane-1 .mg-token{animation-name:mg-assisted-vertical}.mg-stage[data-static=true] .mg-token{left:calc(100% - 7px);top:302px}}@keyframes mg-manual-vertical{0%,15%{transform:translateY(0)}25%,40%{transform:translateY(114px)}50%,65%{transform:translateY(228px)}80%,to{transform:translateY(342px)}}@keyframes mg-assisted-vertical{0%,7%{transform:translateY(0)}15%,22%{transform:translateY(114px)}30%,47%{transform:translateY(228px)}60%,to{transform:translateY(342px)}}