{"id":10,"date":"2026-10-11T13:45:44","date_gmt":"2026-10-11T13:45:44","guid":{"rendered":"https:\/\/mtmn.ir\/?page_id=10"},"modified":"2026-10-12T08:29:16","modified_gmt":"2026-10-12T08:29:16","slug":"main-page","status":"publish","type":"page","link":"https:\/\/mtmn.ir\/","title":{"rendered":"main page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b2c2fb e-con-full e-flex e-con e-parent\" data-id=\"5b2c2fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05a9f52 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"05a9f52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>\u0645\u0637\u0645\u0626\u0646 | \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;500;900&display=swap\" rel=\"stylesheet\">\n<style>.mtm-hero.mtm-hero *,.mtm-hero.mtm-hero *::before,.mtm-hero.mtm-hero *::after{box-sizing:inherit}.mtm-hero{--ink:#04060c;--blue:#2563eb;--cyan:#22d3ee;--ember:#ff7a45;box-sizing:border-box;--mx:50%;--my:40%;--px:0;--py:0;position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#0a1a36 0%,var(--ink) 62%);color:#fff;font-family:Vazirmatn,Tahoma,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate;padding:80px 20px 120px}.mtm-hero #mtm-gl{position:absolute;inset:0;width:100%;height:100%;z-index:-4}.mtm-hero .mtm-glow{position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(37,99,235,.22),rgba(255,122,69,.07) 45%,transparent 70%)}.mtm-hero .mtm-fade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,12,.4) 0%,transparent 28%,transparent 58%,var(--ink) 100%)}.mtm-hero .mtm-grain{position:absolute;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}.mtm-hero .mtm-badge{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:99px;background:rgba(10,16,30,.6);font-size:14px;font-weight:300;color:#c3cce0;margin-bottom:28px;overflow:hidden}.mtm-hero .mtm-badge::before{content:\"\";width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember);animation:mtm-pulse 2s infinite}.mtm-hero .mtm-badge::after{content:\"\";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 70%,#22d3ee 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mtm-spin 4s linear infinite}\n@property --a{syntax:\"<angle>\";inherits:false;initial-value:0deg}\n@keyframes mtm-spin{to{--a:360deg}}\n@keyframes mtm-pulse{50%{opacity:.35}}.mtm-hero.mtm-hero h1{color:#fff;margin:0 0 28px;font-weight:900;font-size:clamp(40px,7.2vw,100px);line-height:1.25;text-shadow:0 4px 40px rgba(4,6,12,.85)}.mtm-hero.mtm-hero h1 b{display:block;font-weight:inherit}.mtm-hero .w{display:inline-block;opacity:0;filter:blur(14px);transform:translateY(40px) scale(.96);animation:mtm-word 1s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.25s + var(--i)*.11s)}.mtm-hero .g .w{background:linear-gradient(90deg,#3b82f6,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}\n@keyframes mtm-word{to{opacity:1;filter:none;transform:none}}.mtm-hero .mtm-sub{margin:0 auto 40px;max-width:44ch;font-weight:300;font-size:clamp(16px,1.6vw,20px);line-height:2;color:#b0bacf;text-shadow:0 2px 20px rgba(4,6,12,.95)}.mtm-hero .mtm-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.mtm-hero .mtm-btn{display:inline-flex;align-items:center;gap:10px;font:500 17px Vazirmatn,Tahoma,sans-serif;padding:15px 32px;border-radius:99px;text-decoration:none;color:#fff;transition:box-shadow .25s,background .25s,transform .15s}.mtm-hero .mtm-btn.main{background:linear-gradient(180deg,#3b78f2,#1d4fd8);box-shadow:0 10px 36px -6px rgba(37,99,235,.75),inset 0 1px 0 rgba(255,255,255,.3)}.mtm-hero .mtm-btn.main:hover{box-shadow:0 16px 50px -4px rgba(37,99,235,1),inset 0 1px 0 rgba(255,255,255,.3)}.mtm-hero .mtm-btn.ghost{background:rgba(10,14,24,.8);border:1px solid rgba(255,255,255,.22)}.mtm-hero .mtm-btn.ghost:hover{background:rgba(255,255,255,.1)}.mtm-hero .mtm-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.mtm-hero .mtm-late{opacity:0;animation:mtm-fade .9s ease forwards;animation-delay:calc(.5s + var(--i)*.12s)}\n@keyframes mtm-fade{to{opacity:1}}.mtm-hero \/* floating glass chips *\/\n.chip{position:absolute;z-index:1;transform:translate(calc(var(--px)*var(--d)*1px),calc(var(--py)*var(--d)*1px));transition:transform .3s ease-out}.mtm-hero .chip div{display:flex;align-items:center;gap:10px;padding:11px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);font-size:15px;font-weight:500;color:#e8eefc;box-shadow:0 20px 50px -18px rgba(0,0,0,.8);animation:mtm-bob 5s ease-in-out infinite;animation-delay:var(--t)}.mtm-hero .chip i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}.mtm-hero .chip.c1{top:27%;right:9%;--d:-22}.mtm-hero .chip.c2{top:64%;left:8%;--d:30}.mtm-hero .chip.c3{top:22%;left:12%;--d:16}.mtm-hero .chip.c4{top:68%;right:12%;--d:-14}\n@keyframes mtm-bob{50%{transform:translateY(-14px)}}\n@media(max-width:1000px){.mtm-hero .chip{display:none}}\n@media(prefers-reduced-motion:reduce){.mtm-hero .w,.mtm-hero .mtm-late{animation:none;opacity:1;filter:none;transform:none}.mtm-hero .chip div,.mtm-hero .mtm-badge::after,.mtm-hero .mtm-badge::before{animation:none}}\n\n\n\n.mtm-hero{perspective:1100px}\n.mtm-hero .mtm-content{display:flex;flex-direction:column;align-items:center;transform:translate3d(0,calc(var(--p,0)*-5vh),calc(var(--p,0)*420px));opacity:calc(1 - var(--p,0)*1.6);will-change:transform,opacity}\n.mtm-hero .chip{transform:translate(calc(var(--px)*var(--d)*1px + var(--p,0)*var(--o,1)*48vw),calc(var(--py)*var(--d)*1px)) scale(calc(1 + var(--p,0)*1.1));opacity:calc(1 - var(--p,0)*2.4)}\n.mtm-hero .chip.c1,.mtm-hero .chip.c4{--o:1}.mtm-hero .chip.c2,.mtm-hero .chip.c3{--o:-1}\nhtml,body{background:#04060c !important}\n\/* ^ whole-page black background *\/\nbody:not([class]){margin:0;background:#04060c}\n.mtm-hero a:hover,.mtm-hero a:active{color:#fff}\n\n\/* ===== performance pass ===== *\/\n.mtm-hero.off *,.mtm-hero.off *::before,.mtm-hero.off *::after{animation-play-state:paused!important}\n\n\/* ===== performance pass ===== *\/\n.mtm-hero .mtm-badge{background:rgba(10,16,30,.82)}\n.mtm-hero .chip div{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),rgba(12,18,40,.78)}\n<\/style>\n<\/head>\n<body>\n<section class=\"mtm-hero\" id=\"mtm-hero\">\n  <canvas id=\"mtm-gl\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"mtm-glow\"><\/div><div class=\"mtm-fade\"><\/div><div class=\"mtm-grain\"><\/div>\n\n  <div class=\"chip c1\" aria-hidden=\"true\"><div style=\"--c:#22d3ee;--t:0s\"><i><\/i>\u0633\u0626\u0648 \u0627\u0632 \u0631\u0648\u0632 \u0627\u0648\u0644<\/div><\/div>\n  <div class=\"chip c2\" aria-hidden=\"true\"><div style=\"--c:#ff7a45;--t:-1.5s\"><i><\/i>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/div><\/div>\n  <div class=\"chip c3\" aria-hidden=\"true\"><div style=\"--c:#3b82f6;--t:-3s\"><i><\/i>\u0637\u0631\u0627\u062d\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/div><\/div>\n  <div class=\"chip c4\" aria-hidden=\"true\"><div style=\"--c:#a78bfa;--t:-2.2s\"><i><\/i>\u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0645\u0648\u0628\u0627\u06cc\u0644<\/div><\/div>\n\n<div class=\"mtm-content\">\n  <div class=\"mtm-badge mtm-late\" style=\"--i:0\">\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u0645\u0637\u0645\u0626\u0646<\/div>\n  <h1>\n    <b><span class=\"w\" style=\"--i:0\">\u0633\u0627\u06cc\u062a\u06cc<\/span> <span class=\"w\" style=\"--i:1\">\u06a9\u0647<\/span><\/b>\n    <b class=\"g\"><span class=\"w\" style=\"--i:2\">\u0627\u0639\u062a\u0645\u0627\u062f<\/span> <span class=\"w\" style=\"--i:3\">\u0645\u0634\u062a\u0631\u06cc<\/span> <span class=\"w\" style=\"--i:4\">\u0631\u0627<\/span> <span class=\"w\" style=\"--i:5\">\u0645\u06cc\u200c\u0633\u0627\u0632\u062f<\/span><\/b>\n    <b><span class=\"w\" style=\"--i:6\">\u0648<\/span> <span class=\"w\" style=\"--i:7\">\u0641\u0631\u0648\u0634<\/span> <span class=\"w\" style=\"--i:8\">\u0631\u0627<\/span> <span class=\"w\" style=\"--i:9\">\u0628\u0627\u0644\u0627<\/span> <span class=\"w\" style=\"--i:10\">\u0645\u06cc\u200c\u0628\u0631\u062f<\/span><\/b>\n  <\/h1>\n  <p class=\"mtm-sub mtm-late\" style=\"--i:7\">\u0633\u0627\u06cc\u062a\u06cc \u0633\u0631\u06cc\u0639\u060c \u0632\u06cc\u0628\u0627 \u0648 \u0633\u0626\u0648\u0634\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u06af\u0648\u06af\u0644 \u0634\u0645\u0627 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0646\u062f \u0648 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u0646\u062f.<\/p>\n  <div class=\"mtm-cta mtm-late\" style=\"--i:9\">\n    <a class=\"mtm-btn main\" href=\"#\" data-mag>\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a>\n    <a class=\"mtm-btn ghost\" href=\"#\" data-mag>\u062f\u06cc\u062f\u0646 \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627<\/a>\n  <\/div>\n<\/div>\n<\/section>\n\n<script>\n(function(){\n  var hero=document.getElementById('mtm-hero'),cv=document.getElementById('mtm-gl');\n  var mx=0,my=0,reduce=matchMedia('(prefers-reduced-motion:reduce)').matches;\n  \/* pointer: css glow, chip parallax, magnetic buttons *\/\n  hero.addEventListener('pointermove',function(e){var b=hero.getBoundingClientRect();\n    mx=(e.clientX-b.left)\/b.width-.5;my=(e.clientY-b.top)\/b.height-.5;\n    hero.style.setProperty('--mx',(mx+.5)*100+'%');hero.style.setProperty('--my',(my+.5)*100+'%');\n    hero.style.setProperty('--px',mx.toFixed(3));hero.style.setProperty('--py',my.toFixed(3))});\n  [].forEach.call(document.querySelectorAll('[data-mag]'),function(b){\n    b.addEventListener('pointermove',function(e){var r=b.getBoundingClientRect();\n      b.style.transform='translate('+((e.clientX-r.left-r.width\/2)*.18)+'px,'+((e.clientY-r.top-r.height\/2)*.28)+'px)'});\n    b.addEventListener('pointerleave',function(){b.style.transform=''})});\n  var P=0,START=190,RANGE=Math.max(innerHeight*.9,600); \/* START: scroll px before effect begins | RANGE: scroll px it takes to finish *\/\n  function onScroll(){if(reduce)return;var p=Math.min(Math.max((scrollY-START)\/RANGE,0),1);\n    P=p*p*(3-2*p);hero.style.setProperty('--p',P.toFixed(3))}\n  addEventListener('scroll',onScroll,{passive:true});onScroll();\n  function init3d(){\n  var r;try{r=new THREE.WebGLRenderer({canvas:cv,alpha:true,antialias:false,powerPreference:\"high-performance\"})}catch(e){return}\n  var pr=Math.min(devicePixelRatio,1.5);r.setPixelRatio(pr);\n  var sc=new THREE.Scene(),cam=new THREE.PerspectiveCamera(45,1,.1,60);cam.position.z=7;\n  var R=2.7,U={t:{value:0},k:{value:1},m:{value:new THREE.Vector3(0,0,9)},hv:{value:0},sy:{value:0},sp:{value:0}};\n  \/* main dot sphere *\/\n  var N=4800,pos=new Float32Array(N*3),ga=Math.PI*(3-Math.sqrt(5));\n  for(var i=0;i<N;i++){var y=1-2*(i+.5)\/N,rd=Math.sqrt(1-y*y),th=ga*i;\n    pos[i*3]=Math.cos(th)*rd*R;pos[i*3+1]=y*R;pos[i*3+2]=Math.sin(th)*rd*R}\n  var g=new THREE.BufferGeometry();g.setAttribute('position',new THREE.BufferAttribute(pos,3));\n  var mat=new THREE.ShaderMaterial({uniforms:U,transparent:true,depthWrite:false,\n   vertexShader:'uniform float t,k,hv,sy,sp;uniform vec3 m;varying float a,h,f,b,fa;'+\n   'void main(){vec3 p=position;float w=sin(p.y*2.4+t*1.1)*sin(p.x*2.1-t*.8)*.07;p*=1.+w;float rn=fract(sin(dot(position,vec3(12.9898,78.233,37.719)))*43758.5453);p+=normalize(position)*sp*sp*(1.5+rn*8.);fa=1.-smoothstep(.55,1.,sp);'+\n   'vec3 wp=(modelMatrix*vec4(p,1.)).xyz;float d=distance(wp,m);f=exp(-d*d*1.4)*hv;p+=normalize(position)*f*.4;'+\n   'b=exp(-pow((wp.y-sy)*1.6,2.));p*=1.+b*.035;'+\n   'vec4 mv=modelViewMatrix*vec4(p,1.);gl_Position=projectionMatrix*mv;'+\n   'float dep=normalize(mat3(modelViewMatrix)*position).z;a=.16+.84*smoothstep(-1.,1.,dep);'+\n   'h=position.y\/5.4+.5;gl_PointSize=k*(2.5+3.2*dep+w*20.+f*5.+b*3.)*(1.+sp*1.2)*7.\/-mv.z;}',\n   fragmentShader:'varying float a,h,f,b,fa;'+\n   'void main(){float d=length(gl_PointCoord-.5);if(d>.5)discard;float s=smoothstep(.5,.1,d);'+\n   'vec3 c=mix(vec3(.15,.39,.92),vec3(.13,.83,.93),h);c=mix(c,vec3(1.,.48,.25),clamp(f*1.3,0.,1.));'+\n   'c=mix(c,vec3(.85,.97,1.),b*.85);gl_FragColor=vec4(c*(.7+.6*a+b*.6),clamp(s*a+b*s*.5+f*s*.4,0.,1.)*fa);}'});\n  var pts=new THREE.Points(g,mat);sc.add(pts);\n  \/* halo ring + dust shell share a small shader *\/\n  function dots(n,fn,col,al,base){var p=new Float32Array(n*3),s=new Float32Array(n);\n    for(var i=0;i<n;i++){var v=fn(i);p[i*3]=v[0];p[i*3+1]=v[1];p[i*3+2]=v[2];s[i]=base*(.5+Math.random())}\n    var gg=new THREE.BufferGeometry();gg.setAttribute('position',new THREE.BufferAttribute(p,3));gg.setAttribute('sz',new THREE.BufferAttribute(s,1));\n    return new THREE.Points(gg,new THREE.ShaderMaterial({uniforms:{t:U.t,k:U.k,col:{value:new THREE.Color(col)},al:{value:al}},transparent:true,depthWrite:false,\n     vertexShader:'attribute float sz;uniform float t,k;varying float tw;void main(){tw=.55+.45*sin(t*1.6+sz*90.);vec4 mv=modelViewMatrix*vec4(position,1.);gl_Position=projectionMatrix*mv;gl_PointSize=k*sz*7.\/-mv.z;}',\n     fragmentShader:'uniform vec3 col;uniform float al;varying float tw;void main(){float d=length(gl_PointCoord-.5);if(d>.5)discard;gl_FragColor=vec4(col,smoothstep(.5,.05,d)*al*tw);}'}))}\n  var ring=dots(420,function(){var a=Math.random()*6.2832,rr=3.9+(Math.random()-.5)*.35;return[Math.cos(a)*rr,(Math.random()-.5)*.08,Math.sin(a)*rr]},0x9ad8ff,.9,2.4);\n  ring.rotation.set(1.28,0,.3);sc.add(ring);\n  var dust=dots(520,function(){var v=new THREE.Vector3(Math.random()-.5,Math.random()-.5,Math.random()-.5).normalize().multiplyScalar(4.8+Math.random()*5);return[v.x,v.y,v.z]},0x7fa8ff,.7,1.6);\n  sc.add(dust);\n  var scale=1,vis=false;\n  function size(){var w=hero.clientWidth,h=hero.clientHeight;r.setSize(w,h,false);cam.aspect=w\/h;cam.updateProjectionMatrix();\n    U.k.value=pr*Math.max(h,500)\/760;scale=w<760?.72:1;[pts,ring].forEach(function(o){o.scale.setScalar(scale);o.position.y=w<760?.5:.25})}\n  size();addEventListener('resize',size);\n  var tgt=new THREE.Vector3(),clock=new THREE.Clock(),hvT=0,halfH=7*Math.tan(22.5*Math.PI\/180);\n  hero.addEventListener('pointerenter',function(){hvT=1});hero.addEventListener('pointerleave',function(){hvT=0});\n  var vis=true;new IntersectionObserver(function(es){vis=es[0].isIntersecting}).observe(hero);\n  (function loop(){requestAnimationFrame(loop);if(!vis||(P>=1&&U.sp.value>.995))return;var t=reduce?0:clock.getElapsedTime();U.t.value=t;\n    \/* cursor -> point on sphere surface (world space) *\/\n    var asp=cam.aspect,x=mx*2*halfH*asp,y=-my*2*halfH-pts.position.y,Rr=R*scale,l=Math.hypot(x,y);\n    if(l>Rr*.98){x*=Rr*.98\/l;y*=Rr*.98\/l}\n    tgt.set(x,y+pts.position.y,Math.sqrt(Math.max(Rr*Rr-x*x-y*y,0)));\n    U.m.value.lerp(tgt,.12);U.hv.value+=(hvT-U.hv.value)*.06;\n    U.sy.value=((t%6)\/6*2.3-1.15)*Rr+pts.position.y;\n    U.sp.value+=(P-U.sp.value)*.1;var sp=U.sp.value;cam.position.z=7-sp*3.2;ring.material.uniforms.al.value=.9*(1-sp);dust.material.uniforms.al.value=.7*(1-sp*.6);pts.rotation.y=t*.1+mx*.5+sp*2.4;pts.rotation.x=.25+my*.35;\n    ring.rotation.z=.3+Math.sin(t*.3)*.08;ring.rotation.y=t*.12;dust.rotation.y=-t*.02;dust.rotation.x=t*.01;\n    r.render(sc,cam)})();\n  }\n  function loadThree(cb){if(window.THREE)return cb();var sc=document.createElement('script');sc.src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js';sc.async=true;sc.onload=cb;document.head.appendChild(sc)}\n  loadThree(init3d);\n  new IntersectionObserver(function(es){hero.classList.toggle('off',!es[0].isIntersecting)},{rootMargin:'160px'}).observe(hero);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d65f01 e-con-full e-flex e-con e-child\" data-id=\"5d65f01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3a67a elementor-widget elementor-widget-html\" data-id=\"ec3a67a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>\u0645\u0637\u0645\u0626\u0646 | \u062a\u06cc\u0645 \u0645\u0627<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;500;900&display=swap\" rel=\"stylesheet\">\n<style>\n.tn{--ink:#04060c;box-sizing:border-box;position:relative;overflow:hidden;background:var(--ink);color:#fff;font-family:Vazirmatn,Tahoma,sans-serif;padding:100px clamp(14px,3.5vw,52px) 90px;isolation:isolate;text-align:center}\n.tn *,.tn *::before,.tn *::after{box-sizing:border-box}\n.tn.off *,.tn.off *::before,.tn.off *::after{animation-play-state:paused!important}\n.tn-bg{position:absolute;inset:0;z-index:-4;pointer-events:none;overflow:hidden}\n.tn-bg::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(120,160,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 50% 55%,#000,transparent 72%);mask:radial-gradient(ellipse at 50% 55%,#000,transparent 72%)}\n.tn-bg i{position:absolute;width:44vmax;height:44vmax;border-radius:50%;opacity:.3}\n.tn-bg i:nth-child(1){background:radial-gradient(circle,#1d4ed8,transparent 68%);left:-14vmax;top:-12vmax;animation:tn-d1 22s ease-in-out infinite alternate}\n.tn-bg i:nth-child(2){background:radial-gradient(circle,#059669,transparent 68%);right:-16vmax;bottom:-14vmax;opacity:.22;animation:tn-d2 26s ease-in-out infinite alternate}\n@keyframes tn-d1{to{transform:translate(24vmax,14vmax)}}@keyframes tn-d2{to{transform:translate(-22vmax,-10vmax)}}\n.tn-marq{position:absolute;left:0;top:44%;z-index:-3;display:flex;width:max-content;direction:ltr;pointer-events:none;font:900 clamp(140px,22vw,360px)\/1 Vazirmatn,Tahoma,sans-serif;color:transparent;-webkit-text-stroke:1.5px rgba(120,160,255,.08);white-space:nowrap;animation:tn-marq 60s linear infinite}\n.tn-marq span{padding-right:.5em}\n@keyframes tn-marq{to{transform:translateX(-50%)}}\n.tn-grain{position:absolute;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\n.tn .tn-head{max-width:760px;margin:0 auto 14px;perspective:700px}\n.tn .tn-badge{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:99px;background:rgba(10,16,30,.8);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:300;color:#c3cce0;margin-bottom:20px}\n.tn .tn-badge::before{content:\"\";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:tn-pulse 2s infinite}\n@keyframes tn-pulse{50%{opacity:.35}}\n.tn .tn-h2{margin:0 0 14px;font-weight:900;font-size:clamp(30px,4.8vw,60px);line-height:1.32;color:#fff}\n.tn .tn-w{display:inline-block;transform-origin:50% 100%}\n.tn .tn-g .tn-w{background:linear-gradient(90deg,#3b82f6,#22d3ee 55%,#34d399);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tn-shine 5s ease-in-out infinite alternate}\n@keyframes tn-shine{to{background-position:100% 0}}\n.tn .tn-sub{margin:0;font-weight:300;font-size:clamp(15px,1.5vw,18px);line-height:2;color:#b3bdd2}\n\/* ---- the network stage ---- *\/\n.tn .tn-stage{position:relative;max-width:1280px;height:clamp(560px,76vh,720px);margin:0 auto;perspective:1800px;touch-action:pan-y}\n.tn .tn-world{position:absolute;inset:0;transform-origin:0 0;will-change:transform}\n.tn .tn-cr{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(130,180,255,.22);translate:-50% -50%;animation:tn-rot 80s linear infinite}\n.tn .tn-cr.c1{width:calc(var(--m)*.46);height:calc(var(--m)*.46)}.tn .tn-cr.c2{width:calc(var(--m)*.8);height:calc(var(--m)*.8);animation-direction:reverse;animation-duration:120s}.tn .tn-cr.c3{width:calc(var(--m)*1.16);height:calc(var(--m)*1.16);border-color:rgba(130,180,255,.12)}\n@keyframes tn-rot{to{transform:rotate(360deg)}}\n.tn .tn-sw{position:absolute;left:50%;top:50%;width:calc(var(--m)*1.3);height:calc(var(--m)*1.3);margin:calc(var(--m)*-.65) 0 0 calc(var(--m)*-.65);border-radius:50%;background:conic-gradient(from 0deg,transparent 80%,rgba(56,189,248,.3) 100%);-webkit-mask:radial-gradient(circle,transparent 9%,#000 62%);mask:radial-gradient(circle,transparent 9%,#000 62%);pointer-events:none}\n.tn .tn-ln{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}\n.tn .tn-e{fill:none;stroke:rgb(var(--c,96 165 250)\/.55);stroke-width:1.8;stroke-linecap:round;opacity:0;transition:stroke .4s,stroke-width .4s}\n.tn .tn-e.x{stroke:rgba(130,180,255,.22);stroke-dasharray:3 7;stroke-width:1.4}\n.tn .tn-e.act{stroke:rgb(var(--c,96 165 250));stroke-width:3.2;stroke-dasharray:none}\n.tn .tn-pk{fill:#fff}.tn .tn-pk.g{fill:rgba(125,211,252,.28)}\n\/* hub *\/\n.tn .tn-hub{--hd:clamp(96px,11vw,160px);position:absolute;left:50%;top:50%;width:var(--hd);height:var(--hd);margin:calc(var(--hd)\/-2) 0 0 calc(var(--hd)\/-2);cursor:pointer}\n.tn .tn-core{position:absolute;inset:18%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#60a5fa,#1d4ed8 55%,#0a1450);box-shadow:0 0 70px rgba(59,130,246,.75),inset 0 0 20px rgba(255,255,255,.3);animation:tn-core 3s ease-in-out infinite}\n@keyframes tn-core{50%{scale:1.07}}\n.tn .tn-core svg{width:46%;height:46%;color:#fff}\n.tn .tn-hr{position:absolute;inset:6%;border-radius:50%;border:1.5px solid rgba(125,211,252,.55);border-top-color:transparent;border-bottom-color:transparent;animation:tn-rot 7s linear infinite}\n.tn .tn-hr.r2{inset:-4%;border-color:rgba(52,211,153,.5) transparent;animation-duration:11s;animation-direction:reverse}\n.tn .tn-wv{position:absolute;inset:18%;border-radius:50%;border:2px solid rgba(96,165,250,.7);animation:tn-wv 3.2s ease-out infinite}\n.tn .tn-wv.w2{animation-delay:-1.6s}\n@keyframes tn-wv{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.6);opacity:0}}\n.tn .tn-hl{position:absolute;top:calc(100% + 12px);left:50%;translate:-50% 0;font-weight:900;font-size:15px;white-space:nowrap;letter-spacing:.04em;color:#cfe0ff}\n\/* member nodes *\/\n.tn .tn-nd{--d:clamp(86px,10.4vw,148px);position:absolute;left:0;top:0;width:var(--d);height:var(--d);cursor:pointer;outline:none;will-change:transform;opacity:0}\n.tn .tn-in{position:absolute;inset:0;transition:scale .45s cubic-bezier(.2,.9,.2,1),opacity .5s}\n.tn .tn-nd:hover .tn-in,.tn .tn-nd:focus-visible .tn-in,.tn .tn-nd.act .tn-in{scale:1.14}\n.tn .tn-nd:focus-visible .tn-ph{outline:2px solid #fff;outline-offset:4px}\n.tn .tn-ph{position:absolute;inset:5px;border-radius:50%;overflow:hidden;background:#0a1020;box-shadow:0 0 0 2px #05081a,0 0 34px rgb(var(--c)\/.55)}\n.tn .tn-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block;pointer-events:none;-webkit-user-drag:none;filter:saturate(.85);transition:filter .4s}\n.tn .tn-nd:hover .tn-ph img,.tn .tn-nd.act .tn-ph img{filter:saturate(1.15)}\n.tn .tn-rg{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgb(var(--c)),transparent 30%,rgb(var(--c)\/.6) 55%,transparent 80%,rgb(var(--c)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:tn-rot 6s linear infinite}\n.tn .tn-or{position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgb(var(--c)\/.5);animation:tn-rot 16s linear infinite reverse}\n.tn .tn-or.o2{inset:-28px;border-color:rgb(var(--c)\/.22);animation-duration:26s;animation-direction:normal}\n.tn .tn-pl{position:absolute;inset:0;border-radius:50%;border:2px solid rgb(var(--c));opacity:0;pointer-events:none}\n.tn .tn-nd.ping .tn-pl{animation:tn-ping 1.3s ease-out}\n@keyframes tn-ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}\n.tn .tn-bd{position:absolute;top:-4px;right:-2px;min-width:28px;height:28px;padding:0 6px;border-radius:99px;display:grid;place-items:center;font:900 13px\/1 Vazirmatn,Tahoma,sans-serif;color:#fff;background:rgb(var(--c)\/.9);box-shadow:0 0 16px rgb(var(--c)\/.8)}\n.tn .tn-lb{position:absolute;top:calc(100% + 16px);left:50%;translate:-50% 0;text-align:center;white-space:nowrap;transition:opacity .4s}\n.tn .tn-lb b{display:block;font-weight:900;font-size:clamp(13px,1.15vw,16px);text-shadow:0 2px 12px #000}\n.tn .tn-lb small{display:block;margin-top:2px;font-size:clamp(11px,.95vw,13px);color:rgb(var(--c))}\n.tn.zoom .tn-nd:not(.act) .tn-in{opacity:.28}.tn.zoom .tn-nd:not(.act) .tn-lb{opacity:0}\n.tn.zoom .tn-hub{opacity:.35}.tn .tn-hub{transition:opacity .5s}\n\/* dossier panel *\/\n.tn .tn-pn{--c:96 165 250;position:absolute;z-index:6;right:1.5%;top:3%;bottom:3%;width:min(47%,600px);padding:clamp(20px,2.6vw,36px);border-radius:28px;text-align:right;display:none;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(9,13,28,.94) 36%,rgba(5,8,20,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1.5px rgb(var(--c)\/.6),0 50px 100px -30px rgb(var(--c)\/.55)}\n.tn .tn-pn.open{display:flex;animation:tn-pin .95s cubic-bezier(.2,.9,.2,1) both,tn-shake .4s ease 1.55s}\n@keyframes tn-pin{from{opacity:0;transform:perspective(1400px) translateX(60px) rotateY(-70deg) scale(.9)}to{opacity:1;transform:none}}\n@keyframes tn-shake{20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}\n.tn .tn-pn::before{content:\"\";position:absolute;left:0;right:0;top:-80px;height:80px;background:linear-gradient(180deg,transparent,rgb(var(--c)\/.25),transparent);animation:tn-scan 4.2s ease-in-out infinite;pointer-events:none}\n@keyframes tn-scan{to{top:100%}}\n.tn .tn-pn>*{position:relative}\n.tn .tn-pn.open>.tn-it{animation:tn-up .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.45s + var(--n,0)*.08s)}\n@keyframes tn-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n.tn .tn-x{position:absolute;z-index:3;top:16px;left:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;background:rgba(10,14,24,.9);border:1px solid rgba(255,255,255,.25);transition:transform .35s,background .25s}\n.tn .tn-x:hover{transform:rotate(90deg);background:rgb(var(--c)\/.4)}\n.tn .tn-x svg{width:18px;height:18px}\n.tn .tn-stamp{position:absolute;top:70px;left:22px;z-index:2;padding:6px 16px;border:3px solid #34d399;border-radius:10px;color:#34d399;font-weight:900;font-size:clamp(14px,1.4vw,18px);line-height:1.35;text-align:center;opacity:0;pointer-events:none;box-shadow:0 0 24px rgba(52,211,153,.4),inset 0 0 14px rgba(52,211,153,.2)}\n.tn .tn-pn.open .tn-stamp{animation:tn-stamp .7s cubic-bezier(.2,1.6,.4,1) 1.35s both}\n@keyframes tn-stamp{from{opacity:0;transform:rotate(-34deg) scale(3.4)}60%{opacity:1;transform:rotate(-12deg) scale(.9)}to{opacity:.95;transform:rotate(-12deg) scale(1)}}\n.tn .tn-ct{display:flex;align-items:center;gap:10px;font-size:14px;color:#9fb0cc;margin-bottom:16px}\n.tn .tn-ct b{font:900 26px\/1 Vazirmatn,Tahoma,sans-serif;color:#fff}\n.tn .tn-rl{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:5px 16px 5px 12px;border-radius:99px;background:rgb(var(--c)\/.2);border:1px solid rgb(var(--c)\/.6);font-weight:500;font-size:14px}\n.tn .tn-rl::before{content:\"\";width:7px;height:7px;border-radius:50%;background:rgb(var(--c));box-shadow:0 0 10px rgb(var(--c))}\n.tn .tn-nm{margin:14px 0;font-weight:900;font-size:clamp(30px,4vw,54px);line-height:1.2;background:linear-gradient(90deg,#fff 35%,rgb(var(--c)));-webkit-background-clip:text;background-clip:text;color:transparent}\n.tn .tn-bio{margin:0 0 18px;min-height:6.2em;font-weight:300;font-size:clamp(14.5px,1.3vw,17px);line-height:2.05;color:#cdd6e8}\n.tn .tn-bio::after{content:\"\u258d\";color:rgb(var(--c));animation:tn-caret 1s steps(1) infinite}\n@keyframes tn-caret{50%{opacity:0}}\n.tn .tn-lbl{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:#8fa0bf}\n.tn .tn-lbl::after{content:\"\";flex:1;height:1px;background:linear-gradient(90deg,rgb(var(--c)\/.55),transparent)}\n.tn .tn-sk{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:auto}\n.tn .tn-sk span{padding:7px 14px;border-radius:11px;background:rgb(var(--c)\/.15);border:1px solid rgb(var(--c)\/.45);font-size:13.5px;animation:tn-sp .6s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(1.1s + var(--k)*.09s)}\n@keyframes tn-sp{from{opacity:0;transform:scale(.5) translateY(14px)}to{opacity:1;transform:none}}\n.tn .tn-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}\n.tn .tn-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:99px;color:#fff;text-decoration:none;font-weight:500;font-size:15px;background:linear-gradient(135deg,rgb(var(--c)),#1d4ed8);box-shadow:0 12px 40px -8px rgb(var(--c)\/.8),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s,box-shadow .3s}\n.tn .tn-cta:hover{transform:translateY(-3px);color:#fff;box-shadow:0 18px 50px -6px rgb(var(--c)\/1),inset 0 1px 0 rgba(255,255,255,.3)}\n.tn .tn-cta svg{width:18px;height:18px}\n.tn .tn-soc{display:flex;gap:9px}\n.tn .tn-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#cfd8ec;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .25s,color .25s,transform .2s}\n.tn .tn-soc a:hover,.tn .tn-soc a:focus-visible{background:rgb(var(--c)\/.35);color:#fff;transform:translateY(-3px);outline:none}\n.tn .tn-soc svg{width:18px;height:18px}\n.tn .tn-nv{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}\n.tn .tn-nb{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;cursor:pointer;color:#cfd8ec;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font:500 13.5px Vazirmatn,Tahoma,sans-serif;transition:background .25s}\n.tn .tn-nb:hover{background:rgb(var(--c)\/.3);color:#fff}\n.tn .tn-nb svg{width:16px;height:16px}\n.tn .tn-cta:focus-visible,.tn .tn-x:focus-visible,.tn .tn-nb:focus-visible{outline:2px solid #fff;outline-offset:3px}\n.tn .tn-hint{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:7px 18px;border-radius:99px;border:1px dashed rgba(255,255,255,.22);font-size:13px;font-weight:300;color:#9fb0cc}\n.tn .tn-hint i{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf8;animation:tn-pulse 1.6s infinite}\n@media(max-width:760px){\n .tn .tn-stage{height:clamp(660px,170vw,780px)}\n .tn .tn-nd{--d:clamp(70px,20vw,96px)}\n .tn .tn-pn{left:2%;right:2%;top:auto;bottom:1%;width:auto;height:56%;padding:18px}\n .tn .tn-bio{min-height:0;font-size:14px;line-height:1.9}.tn .tn-nm{font-size:30px;margin:10px 0}.tn .tn-stamp{top:64px}\n}\n.tn.js .tn-w{opacity:0;transform:rotateX(-85deg) translateY(30px);transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*.09s)}\n.tn.js.on .tn-w{opacity:1;transform:none}\n.tn.js .tn-badge,.tn.js .tn-sub,.tn.js .tn-hint{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}\n.tn.js.on .tn-badge{opacity:1;transform:none}.tn.js.on .tn-sub{opacity:1;transform:none;transition-delay:.8s}.tn.js.on .tn-hint{opacity:1;transform:none;transition-delay:1.2s}\n@media(prefers-reduced-motion:reduce){.tn *,.tn *::before,.tn *::after{animation:none!important;transition:none!important}.tn.js .tn-w,.tn.js .tn-badge,.tn.js .tn-sub,.tn.js .tn-hint{opacity:1;transform:none}.tn .tn-pn.open>.tn-it,.tn .tn-pn.open .tn-stamp{opacity:1}}\n.tn a:hover,.tn a:active{color:#fff}\nbody:not([class]){margin:0;background:#04060c}\n<\/style>\n<\/head>\n<body>\n<section class=\"tn\" id=\"tn\">\n  <div class=\"tn-bg\" aria-hidden=\"true\"><i><\/i><i><\/i><\/div>\n  <div class=\"tn-marq\" aria-hidden=\"true\"><span>MOTMAEN \u2022 TEAM \u2022<\/span><span>MOTMAEN \u2022 TEAM \u2022<\/span><\/div>\n  <div class=\"tn-grain\"><\/div>\n\n  <div class=\"tn-head\">\n    <div class=\"tn-badge\">\u062a\u06cc\u0645 \u0645\u0637\u0645\u0626\u0646<\/div>\n    <h2 class=\"tn-h2\"><span class=\"tn-w\" style=\"--i:0\">\u0622\u062f\u0645\u200c\u0647\u0627\u06cc\u06cc<\/span> <span class=\"tn-w\" style=\"--i:1\">\u06a9\u0647<\/span> <span class=\"tn-w\" style=\"--i:2\">\u067e\u0634\u062a<\/span> <span class=\"tn-g\"><span class=\"tn-w\" style=\"--i:3\">\u0627\u0639\u062a\u0645\u0627\u062f<\/span> <span class=\"tn-w\" style=\"--i:4\">\u0634\u0645\u0627<\/span> <span class=\"tn-w\" style=\"--i:5\">\u0627\u06cc\u0633\u062a\u0627\u062f\u0647\u200c\u0627\u0646\u062f<\/span><\/span><\/h2>\n    <p class=\"tn-sub\">\u0647\u0645\u0647\u200c\u06cc \u0645\u0627 \u0628\u0647 \u0647\u0645 \u0645\u062a\u0635\u0644\u06cc\u0645. \u0631\u0648\u06cc \u0647\u0631 \u0646\u0641\u0631 \u0628\u0632\u0646\u06cc\u062f \u062a\u0627 \u062f\u0648\u0631\u0628\u06cc\u0646 \u0628\u0631\u0648\u06cc\u062f \u0633\u0631\u0627\u063a\u0634 \u0648 \u067e\u0631\u0648\u0646\u062f\u0647\u200c\u0627\u0634 \u0628\u0627\u0632 \u0634\u0648\u062f.<\/p>\n    <div class=\"tn-hint\"><i><\/i>\u0631\u0648\u06cc \u0647\u0631 \u0639\u06a9\u0633 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f<\/div>\n  <\/div>\n\n  <div class=\"tn-stage\" id=\"tn-stage\">\n    <div class=\"tn-world\" id=\"tn-world\">\n      <i class=\"tn-cr c1\"><\/i><i class=\"tn-cr c2\"><\/i><i class=\"tn-cr c3\"><\/i>\n      <i class=\"tn-sw\" id=\"tn-sw\"><\/i>\n      <svg class=\"tn-ln\" id=\"tn-ln\" aria-hidden=\"true\"><\/svg>\n      <div class=\"tn-hub\" id=\"tn-hub\" aria-hidden=\"true\"><i class=\"tn-wv\"><\/i><i class=\"tn-wv w2\"><\/i><i class=\"tn-hr\"><\/i><i class=\"tn-hr r2\"><\/i><div class=\"tn-core\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div><div class=\"tn-hl\">MOTMAEN<\/div><\/div>\n      <div class=\"tn-nd\" style=\"--c:96 165 250\" tabindex=\"0\" role=\"button\" aria-label=\"\u067e\u0631\u0648\u0646\u062f\u0647 \u0627\u0631\u06cc\u0627 \u0631\u0633\u062a\u0645\u06cc\" data-bio=\"\u0645\u062a\u062e\u0635\u0635 \u0633\u0626\u0648 \u062f\u0631 \u062a\u06cc\u0645 \u0645\u0637\u0645\u0626\u0646. \u06a9\u0627\u0631\u0634 \u062f\u06cc\u062f\u0647\u200c\u0634\u062f\u0646 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u06af\u0648\u06af\u0644 \u0627\u0633\u062a\u061b \u0627\u0632 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0648 \u0633\u0626\u0648\u06cc \u0641\u0646\u06cc \u062a\u0627 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u062a\u0648\u0627.\" data-skills=\"\u0633\u0626\u0648\u06cc \u0641\u0646\u06cc|\u062a\u062d\u0644\u06cc\u0644 \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc|\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u062a\u0648\u0627|\u06af\u0632\u0627\u0631\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f\" data-ig=\"#\" data-tg=\"#\"><div class=\"tn-in\"><i class=\"tn-or o1\"><\/i><i class=\"tn-or o2\"><\/i><i class=\"tn-rg\"><\/i><div class=\"tn-ph\"><img alt=\"\u0627\u0631\u06cc\u0627 \u0631\u0633\u062a\u0645\u06cc\" data-photo=\"https:\/\/mtmn.ir\/wp-content\/uploads\/2026\/10\/photo_4084889631284988673_c.jpg\"><\/div><i class=\"tn-pl\"><\/i><span class=\"tn-bd\">\u06f0\u06f1<\/span><div class=\"tn-lb\"><b>\u0627\u0631\u06cc\u0627 \u0631\u0633\u062a\u0645\u06cc<\/b><small>\u0645\u062a\u062e\u0635\u0635 \u0633\u0626\u0648<\/small><\/div><\/div><\/div>\n      <div class=\"tn-nd\" style=\"--c:34 197 94\" tabindex=\"0\" role=\"button\" aria-label=\"\u067e\u0631\u0648\u0646\u062f\u0647 \u0645\u062d\u0645\u062f \u0645\u0647\u062f\u06cc \u0633\u0627\u0648\u06cc\u0632\" data-bio=\"\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0648\u0628 \u062f\u0631 \u062a\u06cc\u0645 \u0645\u0637\u0645\u0626\u0646. \u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0648 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0633\u0631\u06cc\u0639\u060c \u0627\u0645\u0646 \u0648 \u0642\u0627\u0628\u0644 \u062a\u0648\u0633\u0639\u0647 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u0648 \u062c\u0632\u0626\u06cc\u0627\u062a \u0641\u0646\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.\" data-skills=\"\u062a\u0648\u0633\u0639\u0647 \u0648\u0631\u062f\u067e\u0631\u0633|\u0627\u0644\u0645\u0646\u062a\u0648\u0631|\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 n8n|\u0633\u0631\u0639\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a\" data-ig=\"#\" data-tg=\"#\"><div class=\"tn-in\"><i class=\"tn-or o1\"><\/i><i class=\"tn-or o2\"><\/i><i class=\"tn-rg\"><\/i><div class=\"tn-ph\"><img alt=\"\u0645\u062d\u0645\u062f \u0645\u0647\u062f\u06cc \u0633\u0627\u0648\u06cc\u0632\" data-photo=\"https:\/\/mtmn.ir\/wp-content\/uploads\/2026\/10\/Professional-Office-Portrait-with-Warm-Accents.png\"><\/div><i class=\"tn-pl\"><\/i><span class=\"tn-bd\">\u06f0\u06f2<\/span><div class=\"tn-lb\"><b>\u0645\u062d\u0645\u062f \u0645\u0647\u062f\u06cc \u0633\u0627\u0648\u06cc\u0632<\/b><small>\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0648\u0628<\/small><\/div><\/div><\/div>\n      <div class=\"tn-nd\" style=\"--c:56 189 248\" tabindex=\"0\" role=\"button\" aria-label=\"\u067e\u0631\u0648\u0646\u062f\u0647 \u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-bio=\"\u062a\u0648\u0636\u06cc\u062d \u06a9\u0648\u062a\u0627\u0647\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u06cc\u0646 \u0639\u0636\u0648 \u062a\u06cc\u0645 \u0648 \u0646\u0642\u0634\u0634 \u062f\u0631 \u0645\u0637\u0645\u0626\u0646 \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.\" data-skills=\"\u0645\u0647\u0627\u0631\u062a \u0627\u0648\u0644|\u0645\u0647\u0627\u0631\u062a \u062f\u0648\u0645|\u0645\u0647\u0627\u0631\u062a \u0633\u0648\u0645\" data-ig=\"#\" data-tg=\"#\"><div class=\"tn-in\"><i class=\"tn-or o1\"><\/i><i class=\"tn-or o2\"><\/i><i class=\"tn-rg\"><\/i><div class=\"tn-ph\"><img alt=\"\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-photo=\"\"><\/div><i class=\"tn-pl\"><\/i><span class=\"tn-bd\">\u06f0\u06f3<\/span><div class=\"tn-lb\"><b>\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645<\/b><small>\u0637\u0631\u0627\u062d \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/small><\/div><\/div><\/div>\n      <div class=\"tn-nd\" style=\"--c:52 211 153\" tabindex=\"0\" role=\"button\" aria-label=\"\u067e\u0631\u0648\u0646\u062f\u0647 \u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-bio=\"\u062a\u0648\u0636\u06cc\u062d \u06a9\u0648\u062a\u0627\u0647\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u06cc\u0646 \u0639\u0636\u0648 \u062a\u06cc\u0645 \u0648 \u0646\u0642\u0634\u0634 \u062f\u0631 \u0645\u0637\u0645\u0626\u0646 \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.\" data-skills=\"\u0645\u0647\u0627\u0631\u062a \u0627\u0648\u0644|\u0645\u0647\u0627\u0631\u062a \u062f\u0648\u0645|\u0645\u0647\u0627\u0631\u062a \u0633\u0648\u0645\" data-ig=\"#\" data-tg=\"#\"><div class=\"tn-in\"><i class=\"tn-or o1\"><\/i><i class=\"tn-or o2\"><\/i><i class=\"tn-rg\"><\/i><div class=\"tn-ph\"><img alt=\"\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-photo=\"\"><\/div><i class=\"tn-pl\"><\/i><span class=\"tn-bd\">\u06f0\u06f4<\/span><div class=\"tn-lb\"><b>\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645<\/b><small>\u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0645\u062d\u062a\u0648\u0627<\/small><\/div><\/div><\/div>\n      <div class=\"tn-nd\" style=\"--c:129 140 248\" tabindex=\"0\" role=\"button\" aria-label=\"\u067e\u0631\u0648\u0646\u062f\u0647 \u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-bio=\"\u062a\u0648\u0636\u06cc\u062d \u06a9\u0648\u062a\u0627\u0647\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u06cc\u0646 \u0639\u0636\u0648 \u062a\u06cc\u0645 \u0648 \u0646\u0642\u0634\u0634 \u062f\u0631 \u0645\u0637\u0645\u0626\u0646 \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.\" data-skills=\"\u0645\u0647\u0627\u0631\u062a \u0627\u0648\u0644|\u0645\u0647\u0627\u0631\u062a \u062f\u0648\u0645|\u0645\u0647\u0627\u0631\u062a \u0633\u0648\u0645\" data-ig=\"#\" data-tg=\"#\"><div class=\"tn-in\"><i class=\"tn-or o1\"><\/i><i class=\"tn-or o2\"><\/i><i class=\"tn-rg\"><\/i><div class=\"tn-ph\"><img alt=\"\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-photo=\"\"><\/div><i class=\"tn-pl\"><\/i><span class=\"tn-bd\">\u06f0\u06f5<\/span><div class=\"tn-lb\"><b>\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645<\/b><small>\u0645\u062f\u06cc\u0631 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af<\/small><\/div><\/div><\/div>\n      <div class=\"tn-nd\" style=\"--c:34 211 238\" tabindex=\"0\" role=\"button\" aria-label=\"\u067e\u0631\u0648\u0646\u062f\u0647 \u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-bio=\"\u062a\u0648\u0636\u06cc\u062d \u06a9\u0648\u062a\u0627\u0647\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u06cc\u0646 \u0639\u0636\u0648 \u062a\u06cc\u0645 \u0648 \u0646\u0642\u0634\u0634 \u062f\u0631 \u0645\u0637\u0645\u0626\u0646 \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.\" data-skills=\"\u0645\u0647\u0627\u0631\u062a \u0627\u0648\u0644|\u0645\u0647\u0627\u0631\u062a \u062f\u0648\u0645|\u0645\u0647\u0627\u0631\u062a \u0633\u0648\u0645\" data-ig=\"#\" data-tg=\"#\"><div class=\"tn-in\"><i class=\"tn-or o1\"><\/i><i class=\"tn-or o2\"><\/i><i class=\"tn-rg\"><\/i><div class=\"tn-ph\"><img alt=\"\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645\" data-photo=\"\"><\/div><i class=\"tn-pl\"><\/i><span class=\"tn-bd\">\u06f0\u06f6<\/span><div class=\"tn-lb\"><b>\u0646\u0627\u0645 \u0639\u0636\u0648 \u062a\u06cc\u0645<\/b><small>\u0645\u062f\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647<\/small><\/div><\/div><\/div>\n    <\/div>\n\n    <aside class=\"tn-pn\" id=\"tn-pn\" aria-live=\"polite\">\n      <button class=\"tn-x\" aria-label=\"\u0628\u0633\u062a\u0646\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button>\n      <div class=\"tn-stamp\">\u067e\u0631\u0648\u0646\u062f\u0647<br>\u062a\u0623\u06cc\u06cc\u062f \u0634\u062f \u2713<\/div>\n      <div class=\"tn-ct tn-it\" style=\"--n:0\"><b id=\"tn-no\">\u06f0\u06f1<\/b><span id=\"tn-of\">\/ \u06f0\u06f6<\/span><\/div>\n      <div class=\"tn-rl tn-it\" id=\"tn-rl\" style=\"--n:1\"><\/div>\n      <div class=\"tn-nm tn-it\" id=\"tn-nm\" style=\"--n:2\"><\/div>\n      <p class=\"tn-bio tn-it\" id=\"tn-bio\" style=\"--n:3\"><\/p>\n      <div class=\"tn-lbl tn-it\" style=\"--n:4\">\u062a\u062e\u0635\u0635\u200c\u0647\u0627<\/div>\n      <div class=\"tn-sk tn-it\" id=\"tn-sk\" style=\"--n:5\"><\/div>\n      <div class=\"tn-act tn-it\" style=\"--n:6\"><a class=\"tn-cta\" href=\"#\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0627 <b id=\"tn-fn\"><\/b><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a><div class=\"tn-soc\"><a href=\"#\" data-s=\"ig\" aria-label=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".6\"\/><\/svg><\/a><a href=\"#\" data-s=\"tg\" aria-label=\"\u062a\u0644\u06af\u0631\u0627\u0645\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 4L3 11l6 2.5L11.5 20l3-4.5L19 19z\"\/><\/svg><\/a><\/div><\/div>\n      <div class=\"tn-nv tn-it\" style=\"--n:7\"><button class=\"tn-nb\" data-d=\"-1\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\u0642\u0628\u0644\u06cc<\/button><button class=\"tn-nb\" data-d=\"1\">\u0628\u0639\u062f\u06cc<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button><\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var s=document.getElementById('tn');s.classList.add('js');\n  var reduce=matchMedia('(prefers-reduced-motion:reduce)').matches;\n  var stage=document.getElementById('tn-stage'),world=document.getElementById('tn-world'),svg=document.getElementById('tn-ln'),sw=document.getElementById('tn-sw'),pn=document.getElementById('tn-pn');\n  var els=[].slice.call(world.querySelectorAll('.tn-nd')),N=els.length;\n  var DESK=[[.2,.3],[.5,.14],[.8,.3],[.83,.72],[.5,.87],[.17,.72]],MOB=[[.24,.2],[.76,.2],[.86,.5],[.76,.8],[.24,.8],[.14,.5]];\n  var HEX=['#60a5fa','#22c55e','#38bdf8','#34d399','#818cf8','#22d3ee'];\n  function av(i){return 'data:image\/svg+xml;utf8,'+encodeURIComponent('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 400 400\"><defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"'+HEX[i%6]+'\" stop-opacity=\".65\"\/><stop offset=\"1\" stop-color=\"#05070f\"\/><\/linearGradient><\/defs><rect width=\"400\" height=\"400\" fill=\"url(#g)\"\/><circle cx=\"200\" cy=\"150\" r=\"62\" fill=\"#fff\" fill-opacity=\".85\"\/><path d=\"M70 400c0-86 54-134 130-134s130 48 130 134z\" fill=\"#fff\" fill-opacity=\".85\"\/><\/svg>')}\n  function fa(x){return String(x).replace(\/\\d\/g,function(d){return '\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9'[d]})}\n  var W=0,H=0,M=0,mob=false,hx=0,hy=0;\n  var O=els.map(function(el,i){var im=el.querySelector('img');im.loading='lazy';im.decoding='async';im.onerror=function(){im.onerror=null;im.src=av(i)};im.src=im.getAttribute('data-photo')||av(i);\n    return{el:el,i:i,x:0,y:0,a:0,d:100,f:.8+Math.random()*.6,ph:Math.random()*6.28,z:.6+Math.random()*.8,pg:0}});\n  function size(){W=stage.clientWidth;H=stage.clientHeight;M=Math.min(W,H);mob=innerWidth<=760;hx=W\/2;hy=H\/2;stage.style.setProperty('--m',M+'px');O.forEach(function(o){o.d=o.el.offsetWidth||100})}\n  size();addEventListener('resize',size);if(window.ResizeObserver)new ResizeObserver(size).observe(stage);\n  \/* links: hub->member (glowing), member->member (dashed) + data packets *\/\n  var NS='http:\/\/www.w3.org\/2000\/svg',E=[],PK=[];\n  function mk(tag,cls){var e=document.createElementNS(NS,tag);e.setAttribute('class',cls);svg.appendChild(e);return e}\n  for(var i=0;i<N;i++){var e=mk('path','tn-e');e.style.setProperty('--c',O[i].el.style.getPropertyValue('--c'));E.push({a:-1,b:i,el:e,k:i%2?1:-1,ax:0,ay:0,cx:0,cy:0,bx:0,by:0})}\n  for(var i=0;i<N;i++)E.push({a:i,b:(i+1)%N,el:mk('path','tn-e x'),k:1,ax:0,ay:0,cx:0,cy:0,bx:0,by:0});\n  for(var i=0;i<N;i++)PK.push({e:i,t:Math.random(),v:.0045+Math.random()*.003,g:mk('circle','tn-pk g'),c:mk('circle','tn-pk')});\n  PK.forEach(function(p){p.g.setAttribute('r',7);p.c.setAttribute('r',2.6)});\n  \/* state *\/\n  var act=-1,hov=-1,fz=0,tfz=0,gx=0,gy=0,mx=.5,my=.5,run=false,lp=false,t0=0,started=false,rot=0;\n  function ease(x){var c1=1.70158,c3=c1+1;return 1+c3*Math.pow(x-1,3)+c1*Math.pow(x-1,2)}\n  function render(t){\n    var L=mob?MOB:DESK,hubA=Math.min(1,Math.max(0,(t-t0)\/700));\n    O.forEach(function(o,i){var ap=reduce?1:Math.max(0,Math.min(1,(t-t0-i*170-500)\/1000)),e=reduce?1:ease(ap);o.ap=ap;o.a=e;\n      var bx=L[i][0]*W,by=L[i][1]*H,fl=reduce?0:1;\n      o.x=hx+(bx-hx)*e+Math.sin(t*.0007*o.f+o.ph)*7*ap*fl+(mx-.5)*-16*(o.z-1);\n      o.y=hy+(by-hy)*e+Math.cos(t*.0006*o.f+o.ph)*7*ap*fl+(my-.5)*-12*(o.z-1);\n      o.el.style.transform='translate3d('+(o.x-o.d\/2).toFixed(1)+'px,'+(o.y-o.d\/2).toFixed(1)+'px,0) scale('+Math.max(.001,e).toFixed(3)+')';\n      o.el.style.opacity=ap.toFixed(2)});\n    E.forEach(function(g,idx){var A=g.a<0?{x:hx,y:hy,ap:hubA}:O[g.a],B=O[g.b],dx=B.x-A.x,dy=B.y-A.y,len=Math.hypot(dx,dy)||1,cu=g.k*len*.13+(reduce?0:Math.sin(t*.0005+idx)*6);\n      g.ax=A.x;g.ay=A.y;g.bx=B.x;g.by=B.y;g.cx=(A.x+B.x)\/2-dy\/len*cu;g.cy=(A.y+B.y)\/2+dx\/len*cu;\n      g.el.setAttribute('d','M'+A.x.toFixed(1)+','+A.y.toFixed(1)+' Q'+g.cx.toFixed(1)+','+g.cy.toFixed(1)+' '+B.x.toFixed(1)+','+B.y.toFixed(1));\n      g.el.style.opacity=Math.min(1,Math.min(A.ap,B.ap)).toFixed(2)});\n    PK.forEach(function(p){var g=E[p.e],boost=(act===p.e||hov===p.e)?3:1;if(!reduce){p.t+=p.v*boost;if(p.t>1)p.t=0}var u=1-p.t,x=u*u*g.ax+2*u*p.t*g.cx+p.t*p.t*g.bx,y=u*u*g.ay+2*u*p.t*g.cy+p.t*p.t*g.by,op=O[p.e].ap.toFixed(2);\n      p.g.setAttribute('cx',x.toFixed(1));p.g.setAttribute('cy',y.toFixed(1));p.c.setAttribute('cx',x.toFixed(1));p.c.setAttribute('cy',y.toFixed(1));p.g.style.opacity=op;p.c.style.opacity=op});\n    \/* radar sweep pings the members it passes *\/\n    if(!reduce){rot=(t*.045)%360;sw.style.transform='rotate('+rot.toFixed(1)+'deg)';\n      O.forEach(function(o){var ang=(Math.atan2(o.x-hx,-(o.y-hy))*57.2958+360)%360,df=Math.abs(((rot-ang+540)%360)-180);if(df<3&&t-o.pg>4000&&o.ap>.99){o.pg=t;o.el.classList.remove('ping');void o.el.offsetWidth;o.el.classList.add('ping')}})}\n    \/* camera *\/\n    fz+=((reduce?tfz:(tfz))-fz)*(reduce?1:.07);var S=1+.55*fz,ob=act>=0?O[act]:null,ax=mob?W*.5:W*.27,ay=mob?H*.25:H*.5,tx=ob?ax-ob.x*S:0,ty=ob?ay-ob.y*S:0;\n    var qx=fz*tx+(1-fz)*((mx-.5)*-18),qy=fz*ty+(1-fz)*((my-.5)*-12);gx+=(qx-gx)*(reduce?1:.14);gy+=(qy-gy)*(reduce?1:.14);\n    world.style.transform='translate3d('+gx.toFixed(1)+'px,'+gy.toFixed(1)+'px,0) scale('+S.toFixed(4)+')'}\n  function loop(now){if(!run){lp=false;return}requestAnimationFrame(loop);render(now)}\n  function edges(){E.forEach(function(g){g.el.classList.toggle('act',g.a<0&&(g.b===act||g.b===hov))})}\n  \/* dossier *\/\n  var tyT=0;\n  function typeText(el,txt){clearInterval(tyT);if(reduce){el.textContent=txt;return}el.textContent='';var k=0;tyT=setInterval(function(){k++;el.textContent=txt.slice(0,k);if(k>=txt.length)clearInterval(tyT)},16)}\n  function fill(i){var el=els[i],nm=el.querySelector('.tn-lb b').textContent;pn.style.setProperty('--c',el.style.getPropertyValue('--c'));\n    document.getElementById('tn-no').textContent=fa(('0'+(i+1)).slice(-2));document.getElementById('tn-of').textContent='\/ '+fa('0'+N);\n    document.getElementById('tn-rl').textContent=el.querySelector('.tn-lb small').textContent;document.getElementById('tn-nm').textContent=nm;document.getElementById('tn-fn').textContent=nm.split(' ')[0];\n    typeText(document.getElementById('tn-bio'),el.dataset.bio||'');\n    var sk=document.getElementById('tn-sk');sk.innerHTML='';(el.dataset.skills||'').split('|').filter(Boolean).forEach(function(x,k){var e=document.createElement('span');e.textContent=x;e.style.setProperty('--k',k);sk.appendChild(e)});\n    pn.querySelector('[data-s=ig]').href=el.dataset.ig||'#';pn.querySelector('[data-s=tg]').href=el.dataset.tg||'#'}\n  function openN(i){i=(i+N)%N;act=i;tfz=1;s.classList.add('zoom');els.forEach(function(e,j){e.classList.toggle('act',j===i)});edges();fill(i);\n    pn.classList.remove('open');void pn.offsetWidth;pn.classList.add('open');if(reduce)render(0)}\n  function closeN(){act=-1;tfz=0;s.classList.remove('zoom');els.forEach(function(e){e.classList.remove('act')});edges();pn.classList.remove('open');clearInterval(tyT);if(reduce)render(0)}\n  els.forEach(function(el,i){el.addEventListener('click',function(){openN(i)});el.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();openN(i)}});\n    el.addEventListener('pointerenter',function(){hov=i;edges()});el.addEventListener('pointerleave',function(){hov=-1;edges()})});\n  document.getElementById('tn-hub').addEventListener('click',closeN);\n  pn.querySelector('.tn-x').addEventListener('click',closeN);\n  [].forEach.call(pn.querySelectorAll('.tn-nb'),function(b){b.addEventListener('click',function(){openN(act+(+b.dataset.d))})});\n  stage.addEventListener('pointerdown',function(e){if(act>-1&&!e.target.closest('.tn-nd,.tn-pn'))closeN()});\n  stage.addEventListener('pointermove',function(e){var b=stage.getBoundingClientRect();mx=(e.clientX-b.left)\/b.width;my=(e.clientY-b.top)\/b.height});\n  stage.addEventListener('pointerleave',function(){mx=my=.5});\n  document.addEventListener('keydown',function(e){var r=s.getBoundingClientRect();if(r.bottom<0||r.top>innerHeight)return;if(e.key==='Escape'&&act>-1)closeN();else if(act>-1&&e.key==='ArrowLeft')openN(act+1);else if(act>-1&&e.key==='ArrowRight')openN(act-1)});\n  \/* start when visible; stop when not *\/\n  new IntersectionObserver(function(es){var v=es[0].isIntersecting;s.classList.toggle('off',!v);run=v;\n    if(v){if(!started){started=true;s.classList.add('on');t0=performance.now()}if(reduce){render(1e6);run=false}else if(!lp){lp=true;requestAnimationFrame(loop)}}},{threshold:.1,rootMargin:'160px'}).observe(s);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48e0b50 e-con-full e-flex e-con e-parent\" data-id=\"48e0b50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1827ed8 elementor-widget elementor-widget-html\" data-id=\"1827ed8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>\u0645\u0637\u0645\u0626\u0646 | \u062e\u062f\u0645\u0627\u062a<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;500;900&display=swap\" rel=\"stylesheet\">\n<style>\n@property --a{syntax:\"<angle>\";inherits:false;initial-value:0deg}\n@property --ang{syntax:\"<angle>\";inherits:true;initial-value:0deg}\n.sv{--ink:#04060c;box-sizing:border-box;position:relative;overflow:hidden;background:var(--ink);color:#fff;font-family:Vazirmatn,Tahoma,sans-serif;padding:120px clamp(20px,5vw,72px) 110px;isolation:isolate}\n.sv *,.sv *::before,.sv *::after{box-sizing:border-box}\n\/* ---------- background: 3D network + infinite grid floor ---------- *\/\n.sv-bg{position:absolute;inset:0;z-index:-4;pointer-events:none}\n.sv-bg i{position:absolute;width:44vmax;height:44vmax;border-radius:50%;opacity:.26}\n.sv-bg i:nth-child(1){background:radial-gradient(circle,#1d4ed8,transparent 68%);left:-14vmax;top:-12vmax;animation:sv-d1 22s ease-in-out infinite alternate}\n.sv-bg i:nth-child(2){background:radial-gradient(circle,#7c2d12,transparent 68%);right:-16vmax;bottom:-14vmax;opacity:.22;animation:sv-d2 26s ease-in-out infinite alternate}\n@keyframes sv-d1{to{transform:translate(24vmax,14vmax)}}@keyframes sv-d2{to{transform:translate(-22vmax,-10vmax)}}\n.sv-floor{position:absolute;left:-25%;right:-25%;bottom:-6%;height:58%;z-index:-3;pointer-events:none;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(transparent,#000 75%);mask:linear-gradient(transparent,#000 75%);overflow:hidden}\n@keyframes sv-fl{to{background-position:0 72px}}\n.sv-net{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}\n.sv-spot{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(620px circle at var(--mx,50%) var(--my,35%),rgba(56,130,246,.16),transparent 62%)}\n.sv-grain{position:absolute;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\n\/* ---------- heading ---------- *\/\n.sv .sv-head{text-align:center;max-width:780px;margin:0 auto 70px;perspective:700px}\n.sv .sv-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:99px;background:rgba(10,16,30,.7);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:300;color:#c3cce0;margin-bottom:24px}\n.sv .sv-badge::before{content:\"\";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:sv-pulse 2s infinite}\n@keyframes sv-pulse{50%{opacity:.35}}\n.sv .sv-h2{margin:0 0 20px;font-weight:900;font-size:clamp(32px,4.9vw,62px);line-height:1.35;color:#fff}\n.sv .sv-w{display:inline-block;transform-origin:50% 100%}\n.sv .sv-g .sv-w{background:linear-gradient(90deg,#3b82f6,#22d3ee 50%,#ff7a5a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sv-shine 5s ease-in-out infinite alternate}\n@keyframes sv-shine{to{background-position:100% 0}}\n.sv .sv-sub{margin:0;font-weight:300;font-size:clamp(15px,1.5vw,19px);line-height:2;color:#b3bdd2}\n\/* ---------- bento grid ---------- *\/\n.sv .sv-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:26px;max-width:1280px;margin:0 auto;perspective:1700px}\n.sv .sv-wide{grid-column:span 2}\n@media(max-width:1000px){.sv .sv-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:640px){.sv .sv-grid{grid-template-columns:1fr}.sv .sv-wide{grid-column:auto}.sv{padding-top:90px}}\n.sv .sv-cd{--c:96 165 250;position:relative;display:flex;perspective:1100px}\n.sv .sv-cd:nth-child(1){--c:255 109 90}.sv .sv-cd:nth-child(2){--c:34 197 94}.sv .sv-cd:nth-child(3){--c:56 189 248}.sv .sv-cd:nth-child(4){--c:129 140 248}\n.sv .sv-in{--rx:0;--ry:0;--x:50%;--y:0%;position:relative;flex:1;display:flex;flex-direction:column;gap:20px;padding:26px;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(9,13,28,.82) 38%,rgba(5,8,20,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 70px -34px rgba(0,0,0,.95);transform-style:preserve-3d;transform:rotateX(calc(var(--rx)*1deg)) rotateY(calc(var(--ry)*1deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s}\n.sv .sv-in.mv{transition:transform .08s linear,box-shadow .4s}\n.sv .sv-wide .sv-in{flex-direction:row;align-items:center}\n@media(max-width:640px){.sv .sv-wide .sv-in{flex-direction:column;align-items:stretch}}\n.sv .sv-in::before{content:\"\";position:absolute;inset:0;border-radius:inherit;padding:1.3px;background:conic-gradient(from var(--a),rgb(var(--c)\/.12),rgb(var(--c)\/.95) 18%,rgb(var(--c)\/.12) 40%,rgb(var(--c)\/.12) 60%,rgb(var(--c)\/.7) 80%,rgb(var(--c)\/.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sv-spin 7s linear infinite;pointer-events:none}\n@keyframes sv-spin{to{--a:360deg}}\n.sv .sv-in::after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--x) var(--y),rgb(var(--c)\/.24),transparent 62%)}\n.sv .sv-cd:hover .sv-in::after{opacity:1}\n.sv .sv-cd:hover .sv-in{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 50px 90px -34px rgb(var(--c)\/.55)}\n.sv .sv-no{position:absolute;top:10px;left:18px;font:900 64px\/1 Vazirmatn,Tahoma,sans-serif;color:transparent;-webkit-text-stroke:1.5px rgb(var(--c)\/.35);pointer-events:none;transform:translateZ(20px)}\n.sv .sv-tag{position:absolute;top:20px;right:22px;z-index:3;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:500;background:rgb(var(--c)\/.2);border:1px solid rgb(var(--c)\/.7);box-shadow:0 0 20px rgb(var(--c)\/.5);animation:sv-pulse 2.2s infinite;transform:translateZ(40px)}\n\/* 3D stage *\/\n.sv .sv-st{position:relative;height:210px;display:grid;place-items:center;perspective:760px;transform:translateZ(54px);flex:none}\n.sv .sv-wide .sv-st{flex:0 0 44%;height:100%;min-height:270px}\n@media(max-width:640px){.sv .sv-wide .sv-st{height:220px;min-height:0;flex:none}}\n.sv .sv-sc{position:relative;width:0;height:0;transform-style:preserve-3d;scale:.3;opacity:0;transition:scale 1.5s cubic-bezier(.2,.9,.2,1) .35s,opacity 1s .35s}\n.sv .sv-cd.on .sv-sc{scale:1;opacity:1}\n.sv .sv-cd.on:hover .sv-sc{scale:1.13;transition:scale .5s}\n\/* A: automation network *\/\n.sv .sv-A{--R:104px;transform:rotateX(-18deg) rotateY(var(--ang));animation:sv-ang 20s linear infinite}\n@keyframes sv-ang{to{--ang:360deg}}\n.sv .sv-core{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font:900 15px\/1 Vazirmatn,Tahoma,sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,rgb(var(--c)),rgb(var(--c)\/.3) 72%);box-shadow:0 0 46px rgb(var(--c)\/.85);transform:rotateY(calc(-1*var(--ang))) rotateX(18deg)}\n.sv .sv-ln{position:absolute;left:0;top:calc(var(--y)*1px);width:var(--R);height:2px;transform-origin:0 50%;transform:rotateY(calc(var(--k)*72deg)) rotateY(-90deg);background:linear-gradient(90deg,rgb(var(--c)\/.9),rgb(var(--c)\/.15))}\n.sv .sv-ln u{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgb(var(--c));animation:sv-pk 2.4s linear infinite;animation-delay:calc(var(--k)*-.5s)}\n@keyframes sv-pk{to{left:100%}}\n.sv .sv-nd{position:absolute;left:-20px;top:calc(var(--y)*1px - 20px);width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:rgb(var(--c));background:rgba(8,12,26,.85);border:1px solid rgb(var(--c)\/.75);box-shadow:0 0 24px rgb(var(--c)\/.55);transform:rotateY(calc(var(--k)*72deg)) translateZ(var(--R)) rotateY(calc(-1*var(--k)*72deg - var(--ang))) rotateX(18deg)}\n.sv .sv-nd svg{width:19px;height:19px}\n\/* B: store cube *\/\n.sv .sv-B{transform:rotateX(-22deg) rotateY(0);animation:sv-ry 16s linear infinite}\n@keyframes sv-ry{to{transform:rotateX(-22deg) rotateY(360deg)}}\n.sv .sv-cube{position:absolute;left:-46px;top:-46px;width:92px;height:92px;transform-style:preserve-3d}\n.sv .sv-cube s{position:absolute;inset:0;display:grid;place-items:center;border:1.5px solid rgb(var(--c)\/.85);background:linear-gradient(135deg,rgb(var(--c)\/.3),rgb(var(--c)\/.06));box-shadow:inset 0 0 26px rgb(var(--c)\/.35)}\n.sv .sv-cube s::after{content:\"\";width:38px;height:38px;background:rgb(var(--c));filter:drop-shadow(0 0 8px rgb(var(--c)));-webkit-mask:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7L6 8z'\/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'\/%3E%3C\/svg%3E\") center\/contain no-repeat;mask:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7L6 8z'\/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'\/%3E%3C\/svg%3E\") center\/contain no-repeat}\n.sv .sv-cube s:nth-child(1){transform:translateZ(46px)}.sv .sv-cube s:nth-child(2){transform:rotateY(180deg) translateZ(46px)}.sv .sv-cube s:nth-child(3){transform:rotateY(90deg) translateZ(46px)}.sv .sv-cube s:nth-child(4){transform:rotateY(-90deg) translateZ(46px)}.sv .sv-cube s:nth-child(5){transform:rotateX(90deg) translateZ(46px)}.sv .sv-cube s:nth-child(6){transform:rotateX(-90deg) translateZ(46px)}\n.sv .sv-ring{position:absolute;left:-88px;top:-88px;width:176px;height:176px;border-radius:50%;border:1.5px dashed rgb(var(--c)\/.65);transform:rotateX(78deg);animation:sv-rz 10s linear infinite}\n@keyframes sv-rz{to{transform:rotateX(78deg) rotateZ(360deg)}}\n.sv .sv-mini{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:5px;border:1px solid rgb(var(--c)\/.85);background:rgb(var(--c)\/.25);box-shadow:0 0 14px rgb(var(--c)\/.7);transform:rotateY(var(--a2)) translateZ(88px);animation:sv-bob 3s ease-in-out infinite;animation-delay:var(--dl)}\n@keyframes sv-bob{50%{translate:0 -16px}}\n\/* C: 3D bar chart *\/\n.sv .sv-C{transform:rotateX(-28deg) rotateY(-34deg);animation:sv-sway 9s ease-in-out infinite}\n@keyframes sv-sway{50%{transform:rotateX(-28deg) rotateY(34deg)}}\n.sv .sv-fl{position:absolute;left:-105px;top:-62px;width:210px;height:124px;transform:translateY(56px) rotateX(90deg);border:1px solid rgb(var(--c)\/.5);background:linear-gradient(rgb(var(--c)\/.22) 1px,transparent 1px) 0 0\/21px 21px,linear-gradient(90deg,rgb(var(--c)\/.22) 1px,transparent 1px) 0 0\/21px 21px,rgb(var(--c)\/.06);box-shadow:0 0 40px rgb(var(--c)\/.35)}\n.sv .sv-bar{position:absolute;left:calc(var(--x)*1px - 11px);top:calc(56px - var(--h)*1px);width:22px;height:calc(var(--h)*1px);transform-style:preserve-3d;transform-origin:50% 100%;animation:sv-grow 3.8s ease-in-out infinite;animation-delay:calc(var(--n)*.2s)}\n@keyframes sv-grow{0%{transform:scaleY(.1)}40%,78%{transform:scaleY(1)}100%{transform:scaleY(.1)}}\n.sv .sv-bar s{position:absolute}\n.sv .sv-bar .a{inset:0;transform:translateZ(11px);background:linear-gradient(180deg,rgb(var(--c)\/.8),rgb(var(--c)\/.35));box-shadow:0 0 18px rgb(var(--c)\/.5)}\n.sv .sv-bar .b{top:0;left:0;width:22px;height:100%;transform:translateX(11px) rotateY(90deg);background:rgb(var(--c)\/.28)}\n.sv .sv-bar .t{top:0;left:0;width:22px;height:22px;transform:translateY(-11px) rotateX(90deg);background:rgb(var(--c)\/.95);box-shadow:0 0 16px rgb(var(--c))}\n\/* D: exploded browser layers *\/\n.sv .sv-D{transform:rotateX(58deg) rotateZ(-38deg);animation:sv-swd 10s ease-in-out infinite}\n@keyframes sv-swd{50%{transform:rotateX(58deg) rotateZ(-8deg)}}\n.sv .sv-D i{position:absolute;left:-84px;top:-54px;width:168px;height:108px;border-radius:10px;border:1.5px solid rgb(var(--c)\/.8);animation:sv-lay 4.6s ease-in-out infinite;animation-delay:calc(var(--l)*.12s)}\n@keyframes sv-lay{0%,100%{transform:translateZ(calc(var(--l)*5px))}50%{transform:translateZ(calc(var(--l)*34px))}}\n.sv .sv-D .p1{background:linear-gradient(135deg,rgb(var(--c)\/.35),rgb(var(--c)\/.08));box-shadow:0 0 40px rgb(var(--c)\/.4)}\n.sv .sv-D .p2{background:radial-gradient(circle at 12px 11px,#ff6b6b 3px,transparent 4px),radial-gradient(circle at 26px 11px,#fbbf24 3px,transparent 4px),radial-gradient(circle at 40px 11px,#34d399 3px,transparent 4px),linear-gradient(rgb(var(--c)\/.25) 0 22px,transparent 22px)}\n.sv .sv-D .p3{border-color:transparent;background:linear-gradient(rgb(var(--c)\/.55),rgb(var(--c)\/.55)) 14px 34px\/70px 36px no-repeat,linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)) 94px 36px\/58px 5px no-repeat,linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 94px 48px\/46px 5px no-repeat,linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)) 94px 60px\/52px 5px no-repeat}\n.sv .sv-D .p4{border-color:transparent;background:linear-gradient(90deg,rgb(var(--c)),#fff) 14px 82px\/52px 14px no-repeat;border-radius:99px;box-shadow:0 0 24px rgb(var(--c))}\n\/* text *\/\n.sv .sv-tx{flex:1;display:flex;flex-direction:column;transform:translateZ(26px)}\n.sv .sv-h3{margin:0 0 10px;font-weight:900;font-size:clamp(20px,1.9vw,25px);line-height:1.5;color:#fff}\n.sv .sv-desc{margin:0 0 18px;font-weight:300;font-size:14.5px;line-height:2;color:#aeb9d0}\n.sv .sv-ul{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;flex:1;align-content:start}\n@media(max-width:1300px){.sv .sv-ul{grid-template-columns:1fr}}\n.sv .sv-ul li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#dbe3f3}\n.sv .sv-ul li::before{content:\"\";flex:none;width:16px;height:16px;border-radius:50%;border:1px solid rgb(var(--c)\/.6);background:rgb(var(--c)\/.14) url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4'\/%3E%3C\/svg%3E\") center\/70% no-repeat}\n.sv .sv-more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:rgb(var(--c));font-weight:500;font-size:14.5px;text-decoration:none}\n.sv .sv-more svg{width:16px;height:16px;transition:transform .3s}\n.sv .sv-more:hover svg{transform:translateX(-7px)}\n.sv .sv-more:hover,.sv .sv-more:active{color:rgb(var(--c))}\n.sv .sv-more:focus-visible,.sv .sv-all:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:8px}\n\/* CTA *\/\n.sv .sv-cta{text-align:center;margin-top:62px}\n.sv .sv-all{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 40px;border-radius:99px;background:rgba(8,14,28,.88);color:#fff;text-decoration:none;font:500 16px Vazirmatn,Tahoma,sans-serif;transition:box-shadow .3s}\n.sv .sv-all::before{content:\"\";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),transparent 0 60%,#22d3ee 80%,#ff7a5a 92%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sv-spin 3.5s linear infinite}\n.sv .sv-all::after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);background-size:250% 100%;animation:sv-sheen 3.5s ease-in-out infinite}\n@keyframes sv-sheen{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}\n.sv .sv-all:hover{box-shadow:0 0 50px -8px rgba(34,211,238,.6);color:#fff}\n.sv .sv-all svg{width:18px;height:18px}\n\/* reveal (JS only) *\/\n.sv.js .sv-w{opacity:0;transform:rotateX(-85deg) translateY(30px);transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*.09s)}\n.sv.js .sv-head.on .sv-w{opacity:1;transform:none}\n.sv.js .sv-badge,.sv.js .sv-sub{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}\n.sv.js .sv-head.on .sv-badge{opacity:1;transform:none}.sv.js .sv-head.on .sv-sub{opacity:1;transform:none;transition-delay:.8s}\n.sv.js .sv-cd{opacity:0;transform:translateY(70px) translateZ(-220px) rotateY(calc(var(--s)*28deg)) rotateX(10deg);filter:blur(10px);transition:opacity .9s,transform 1.25s cubic-bezier(.2,.8,.2,1),filter .9s;transition-delay:calc(var(--i)*.16s)}\n.sv.js .sv-cd.on{opacity:1;transform:none;filter:none}\n.sv.js .sv-ul li,.sv.js .sv-more,.sv.js .sv-desc,.sv.js .sv-h3{opacity:0;transform:translateX(22px);transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.55s + var(--i)*.16s + var(--j,0)*.1s)}\n.sv.js .sv-cd.on .sv-ul li,.sv.js .sv-cd.on .sv-more,.sv.js .sv-cd.on .sv-desc,.sv.js .sv-cd.on .sv-h3{opacity:1;transform:none}\n.sv.js .sv-cta{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.sv.js .sv-cta.on{opacity:1;transform:none}\n@media(prefers-reduced-motion:reduce){.sv *,.sv *::before,.sv *::after{animation:none!important;transition:none!important}.sv.js .sv-w,.sv.js .sv-badge,.sv.js .sv-sub,.sv.js .sv-cd,.sv.js .sv-ul li,.sv.js .sv-more,.sv.js .sv-desc,.sv.js .sv-h3,.sv.js .sv-cta{opacity:1;transform:none;filter:none}.sv .sv-sc{opacity:1;scale:1}}\nbody:not([class]){margin:0;background:#04060c}\n\n\/* ===== performance pass ===== *\/\n.sv.off *,.sv.off *::before,.sv.off *::after{animation-play-state:paused!important}\n\n\/* ===== performance pass ===== *\/\n.sv-floor::before{content:\"\";position:absolute;left:0;right:0;top:-72px;bottom:0;background-image:linear-gradient(rgba(96,165,250,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.3) 1px,transparent 1px);background-size:72px 72px;animation:sv-fl2 4s linear infinite}\n@keyframes sv-fl2{to{transform:translateY(72px)}}\n.sv .sv-in::before{animation-play-state:paused}.sv .sv-cd:hover .sv-in::before{animation-play-state:running}\n.sv{content-visibility:auto;contain-intrinsic-size:auto 1500px}\n<\/style>\n<\/head>\n<body>\n<section class=\"sv\" id=\"sv\">\n  <div class=\"sv-bg\" aria-hidden=\"true\"><i><\/i><i><\/i><\/div>\n  <div class=\"sv-floor\" aria-hidden=\"true\"><\/div>\n  <canvas class=\"sv-net\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"sv-spot\"><\/div><div class=\"sv-grain\"><\/div>\n\n  <div class=\"sv-head\" id=\"sv-head\">\n    <div class=\"sv-badge\">\u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/div>\n    <h2 class=\"sv-h2\"><span class=\"sv-w\" style=\"--i:0\">\u062e\u062f\u0645\u0627\u062a\u06cc<\/span> <span class=\"sv-w\" style=\"--i:1\">\u06a9\u0647<\/span> <span class=\"sv-w\" style=\"--i:2\">\u0628\u0631\u0627\u06cc<\/span> <span class=\"sv-w\" style=\"--i:3\">\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631<\/span> <span class=\"sv-w\" style=\"--i:4\">\u0634\u0645\u0627<\/span><br><span class=\"sv-g\"><span class=\"sv-w\" style=\"--i:5\">\u0646\u062a\u06cc\u062c\u0647<\/span> <span class=\"sv-w\" style=\"--i:6\">\u0645\u06cc\u200c\u0633\u0627\u0632\u062f<\/span><\/span><\/h2>\n    <p class=\"sv-sub\">\u0627\u0632 \u0633\u0627\u06cc\u062a \u0648 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u0627 \u0633\u0626\u0648 \u0648 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0647\u0648\u0634\u0645\u0646\u062f\u061b \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u060c \u062f\u06cc\u062f\u0647\u200c\u0634\u062f\u0647\u200c\u062a\u0631 \u0648 \u0628\u06cc\u200c\u062f\u0631\u062f\u0633\u0631\u062a\u0631 \u0631\u0634\u062f \u06a9\u0646\u062f.<\/p>\n  <\/div>\n\n  <div class=\"sv-grid\">\n    <!-- 1: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0648 n8n -->\n    <article class=\"sv-cd sv-wide\" style=\"--i:0;--s:1\"><div class=\"sv-in\">\n      <span class=\"sv-no\" aria-hidden=\"true\">\u06f0\u06f1<\/span><span class=\"sv-tag\">\u062c\u062f\u06cc\u062f<\/span>\n      <div class=\"sv-st\"><div class=\"sv-sc sv-A\" aria-hidden=\"true\">\n        <div class=\"sv-core\">n8n<\/div>\n        <i class=\"sv-ln\" style=\"--k:0;--y:-14\"><u><\/u><\/i><i class=\"sv-ln\" style=\"--k:1;--y:10\"><u><\/u><\/i><i class=\"sv-ln\" style=\"--k:2;--y:-6\"><u><\/u><\/i><i class=\"sv-ln\" style=\"--k:3;--y:16\"><u><\/u><\/i><i class=\"sv-ln\" style=\"--k:4;--y:-12\"><u><\/u><\/i>\n        <b class=\"sv-nd\" style=\"--k:0;--y:-14\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\/><\/svg><\/b>\n        <b class=\"sv-nd\" style=\"--k:1;--y:10\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18v12H3z\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><\/b>\n        <b class=\"sv-nd\" style=\"--k:2;--y:-6\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6c0-2 16-2 16 0v12c0 2-16 2-16 0z\"\/><path d=\"M4 12c0 2 16 2 16 0\"\/><\/svg><\/b>\n        <b class=\"sv-nd\" style=\"--k:3;--y:16\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-5 4z\"\/><\/svg><\/b>\n        <b class=\"sv-nd\" style=\"--k:4;--y:-12\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3.5\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\/><\/svg><\/b>\n      <\/div><\/div>\n      <div class=\"sv-tx\">\n        <h3 class=\"sv-h3\">\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0648<br>\u06af\u0631\u062f\u0634\u200c\u06a9\u0627\u0631 n8n<\/h3>\n        <p class=\"sv-desc\">\u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u062a\u0627\u0646 \u0631\u0627 \u0628\u0647 \u06af\u0631\u062f\u0634\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u061b \u0627\u0632 \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0648 \u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645 \u062a\u0627 \u06af\u0632\u0627\u0631\u0634\u200c\u06af\u06cc\u0631\u06cc \u0648 \u062f\u0633\u062a\u06cc\u0627\u0631\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc.<\/p>\n        <ul class=\"sv-ul\"><li style=\"--j:0\">\u0637\u0631\u0627\u062d\u06cc \u0648\u0631\u06a9\u200c\u0641\u0644\u0648 \u0628\u0627 n8n<\/li><li style=\"--j:1\">\u0627\u062a\u0635\u0627\u0644 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 API \u0647\u0627<\/li><li style=\"--j:2\">\u0631\u0628\u0627\u062a \u0648 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/li><li style=\"--j:3\">\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0641\u0631\u0648\u0634 \u0648 \u067e\u06cc\u0627\u0645\u200c\u0631\u0633\u0627\u0646\u06cc<\/li><\/ul>\n        <a class=\"sv-more\" href=\"#\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a>\n      <\/div>\n    <\/div><\/article>\n\n    <!-- 2: \u0641\u0631\u0648\u0634\u06af\u0627\u0647 -->\n    <article class=\"sv-cd\" style=\"--i:1;--s:-1\"><div class=\"sv-in\">\n      <span class=\"sv-no\" aria-hidden=\"true\">\u06f0\u06f2<\/span>\n      <div class=\"sv-st\"><div class=\"sv-sc sv-B\" aria-hidden=\"true\">\n        <div class=\"sv-cube\"><s><\/s><s><\/s><s><\/s><s><\/s><s><\/s><s><\/s><\/div><i class=\"sv-ring\"><\/i>\n        <b class=\"sv-mini\" style=\"--a2:0deg;--dl:0s\"><\/b><b class=\"sv-mini\" style=\"--a2:120deg;--dl:-1s\"><\/b><b class=\"sv-mini\" style=\"--a2:240deg;--dl:-2s\"><\/b>\n      <\/div><\/div>\n      <div class=\"sv-tx\">\n        <h3 class=\"sv-h3\">\u0637\u0631\u0627\u062d\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647<br>\u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/h3>\n        <p class=\"sv-desc\">\u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634 \u0628\u06cc\u0634\u062a\u0631 \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u062e\u0631\u06cc\u062f \u0631\u0648\u0627\u0646.<\/p>\n        <ul class=\"sv-ul\"><li style=\"--j:0\">\u0637\u0631\u0627\u062d\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/li><li style=\"--j:1\">\u0627\u062a\u0635\u0627\u0644 \u062f\u0631\u06af\u0627\u0647 \u067e\u0631\u062f\u0627\u062e\u062a<\/li><li style=\"--j:2\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u0635\u0648\u0644 \u0648 \u0645\u0648\u062c\u0648\u062f\u06cc<\/li><li style=\"--j:3\">\u0627\u0641\u0632\u0627\u06cc\u0634 \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644<\/li><\/ul>\n        <a class=\"sv-more\" href=\"#\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a>\n      <\/div>\n    <\/div><\/article>\n\n    <!-- 3: \u0633\u0626\u0648 -->\n    <article class=\"sv-cd\" style=\"--i:2;--s:1\"><div class=\"sv-in\">\n      <span class=\"sv-no\" aria-hidden=\"true\">\u06f0\u06f3<\/span>\n      <div class=\"sv-st\"><div class=\"sv-sc sv-C\" aria-hidden=\"true\">\n        <i class=\"sv-fl\"><\/i>\n        <div class=\"sv-bar\" style=\"--x:-72;--h:34;--n:0\"><s class=\"a\"><\/s><s class=\"b\"><\/s><s class=\"t\"><\/s><\/div>\n        <div class=\"sv-bar\" style=\"--x:-36;--h:58;--n:1\"><s class=\"a\"><\/s><s class=\"b\"><\/s><s class=\"t\"><\/s><\/div>\n        <div class=\"sv-bar\" style=\"--x:0;--h:46;--n:2\"><s class=\"a\"><\/s><s class=\"b\"><\/s><s class=\"t\"><\/s><\/div>\n        <div class=\"sv-bar\" style=\"--x:36;--h:84;--n:3\"><s class=\"a\"><\/s><s class=\"b\"><\/s><s class=\"t\"><\/s><\/div>\n        <div class=\"sv-bar\" style=\"--x:72;--h:112;--n:4\"><s class=\"a\"><\/s><s class=\"b\"><\/s><s class=\"t\"><\/s><\/div>\n      <\/div><\/div>\n      <div class=\"sv-tx\">\n        <h3 class=\"sv-h3\">\u0633\u0626\u0648 \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<br>\u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af<\/h3>\n        <p class=\"sv-desc\">\u0628\u0627 \u0633\u0626\u0648\u06cc \u0627\u0635\u0648\u0644\u06cc \u0648 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0647\u062f\u0641\u0645\u0646\u062f\u060c \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u06af\u0648\u06af\u0644 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n        <ul class=\"sv-ul\"><li style=\"--j:0\">\u0633\u0626\u0648\u06cc \u0641\u0646\u06cc \u0648 \u0645\u062d\u062a\u0648\u0627<\/li><li style=\"--j:1\">\u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u06af\u0648\u06af\u0644 \u0648 \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645<\/li><li style=\"--j:2\">\u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/li><li style=\"--j:3\">\u06af\u0632\u0627\u0631\u0634 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0639\u0645\u0644\u06a9\u0631\u062f<\/li><\/ul>\n        <a class=\"sv-more\" href=\"#\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a>\n      <\/div>\n    <\/div><\/article>\n\n    <!-- 4: \u0633\u0627\u06cc\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc -->\n    <article class=\"sv-cd sv-wide\" style=\"--i:3;--s:-1\"><div class=\"sv-in\">\n      <span class=\"sv-no\" aria-hidden=\"true\">\u06f0\u06f4<\/span>\n      <div class=\"sv-st\"><div class=\"sv-sc sv-D\" aria-hidden=\"true\">\n        <i class=\"p1\" style=\"--l:0\"><\/i><i class=\"p2\" style=\"--l:1\"><\/i><i class=\"p3\" style=\"--l:2\"><\/i><i class=\"p4\" style=\"--l:3\"><\/i>\n      <\/div><\/div>\n      <div class=\"sv-tx\">\n        <h3 class=\"sv-h3\">\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a<br>\u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/h3>\n        <p class=\"sv-desc\">\u0633\u0627\u06cc\u062a\u06cc \u06a9\u0647 \u0634\u062e\u0635\u06cc\u062a \u0628\u0631\u0646\u062f \u0634\u0645\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0628\u0627 \u0631\u0634\u062f \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u062a\u0627\u0646 \u0628\u0632\u0631\u06af \u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u0647\u0631 \u0644\u0627\u06cc\u0647\u200c\u0627\u0634 \u0628\u0627 \u062f\u0642\u062a \u0648 \u0628\u0631\u0627\u06cc \u0646\u062a\u06cc\u062c\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n        <ul class=\"sv-ul\"><li style=\"--j:0\">\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/li><li style=\"--j:1\">\u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0648 \u0645\u0648\u0628\u0627\u06cc\u0644\u200c\u0645\u062d\u0648\u0631<\/li><li style=\"--j:2\">\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0631\u0639\u062a<\/li><li style=\"--j:3\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0633\u062a\u0645\u0631<\/li><\/ul>\n        <a class=\"sv-more\" href=\"#\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a>\n      <\/div>\n    <\/div><\/article>\n  <\/div>\n\n  <div class=\"sv-cta\" id=\"sv-cta\"><a class=\"sv-all\" href=\"#\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u062e\u062f\u0645\u0627\u062a <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a><\/div>\n<\/section>\n\n<script>\n(function(){\n  var s=document.getElementById('sv');var SPOT=s.querySelector('.sv-spot');s.classList.add('js');\n  var reduce=matchMedia('(prefers-reduced-motion:reduce)').matches;\n  \/* scroll reveal *\/\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('on');io.unobserve(e.target)}})},{threshold:.15});\n  [].forEach.call(s.querySelectorAll('.sv-cd,#sv-head,#sv-cta'),function(n){io.observe(n)});\n  \/* 3D tilt + glare *\/\n  if(matchMedia('(hover:hover)').matches)[].forEach.call(s.querySelectorAll('.sv-cd'),function(c){\n    var i=c.querySelector('.sv-in');\n    c.addEventListener('pointermove',function(e){var b=c.getBoundingClientRect(),x=(e.clientX-b.left)\/b.width,y=(e.clientY-b.top)\/b.height;\n      i.classList.add('mv');i.style.setProperty('--x',x*100+'%');i.style.setProperty('--y',y*100+'%');i.style.setProperty('--ry',((x-.5)*14).toFixed(2));i.style.setProperty('--rx',((.5-y)*11).toFixed(2))});\n    c.addEventListener('pointerleave',function(){i.classList.remove('mv');i.style.setProperty('--rx',0);i.style.setProperty('--ry',0)})});\n  \/* cursor spotlight + 3D network (nodes, links, flowing data packets) *\/\n  var mx=.5,my=.5,smx=.5,smy=.5;\n  s.addEventListener('pointermove',function(e){var b=s.getBoundingClientRect();mx=(e.clientX-b.left)\/b.width;my=(e.clientY-b.top)\/b.height;SPOT.style.setProperty('--mx',(e.clientX-b.left)+'px');SPOT.style.setProperty('--my',(e.clientY-b.top)+'px')});\n  var cv=s.querySelector('.sv-net'),cx=cv.getContext('2d'),W=0,H=0,pr=Math.min(devicePixelRatio,1.5),N=70,nd=[],ed=[],pk=[],run=false,lp=false,fr=0;\n  for(var i=0;i<N;i++){var a=Math.random()*6.283,b=Math.acos(2*Math.random()-1),r=.55+Math.random()*.45;nd.push({x:r*Math.sin(b)*Math.cos(a),y:r*Math.sin(b)*Math.sin(a)*.8,z:r*Math.cos(b),c:i%9===0?'255,122,90':(i%3?'96,165,250':'52,211,153'),px:0,py:0,pf:0})}\n  for(var i=0;i<N;i++)for(var j=i+1;j<N;j++){var d=Math.hypot(nd[i].x-nd[j].x,nd[i].y-nd[j].y,nd[i].z-nd[j].z);if(d<.5&&ed.length<190)ed.push([i,j])}\n  for(var k=0;k<14;k++)pk.push({e:Math.random()*ed.length|0,t:Math.random(),v:.004+Math.random()*.007});\n  function rs(){W=s.clientWidth;H=s.clientHeight;cv.width=W*pr;cv.height=H*pr;cx.setTransform(pr,0,0,pr,0,0)}\n  rs();addEventListener('resize',rs);if(window.ResizeObserver)new ResizeObserver(rs).observe(s);\n  function draw(){fr+=2;smx+=(mx-smx)*.04;smy+=(my-smy)*.04;cx.clearRect(0,0,W,H);\n    var ay=fr*.0016+(smx-.5)*.9,ax=(smy-.5)*.6,ca=Math.cos(ay),sa=Math.sin(ay),cb=Math.cos(ax),sb=Math.sin(ax),R=Math.min(W,H*1.3)*.5,i;\n    for(i=0;i<N;i++){var n=nd[i],x1=n.x*ca+n.z*sa,z1=-n.x*sa+n.z*ca,y1=n.y*cb-z1*sb,z2=n.y*sb+z1*cb,f=3\/(3+z2);n.px=W\/2+x1*f*R*1.15;n.py=H*.46+y1*f*R;n.pf=f}\n    for(i=0;i<ed.length;i++){var A=nd[ed[i][0]],B=nd[ed[i][1]],al=.07+.2*((A.pf+B.pf)\/2-.6);cx.strokeStyle='rgba(96,165,250,'+Math.max(.04,al)+')';cx.beginPath();cx.moveTo(A.px,A.py);cx.lineTo(B.px,B.py);cx.stroke()}\n    for(i=0;i<pk.length;i++){var p=pk[i],E=ed[p.e],A=nd[E[0]],B=nd[E[1]];p.t+=p.v;if(p.t>1){p.t=0;p.e=Math.random()*ed.length|0}\n      var x=A.px+(B.px-A.px)*p.t,y=A.py+(B.py-A.py)*p.t;cx.fillStyle='rgba(34,211,238,.25)';cx.beginPath();cx.arc(x,y,5,0,6.3);cx.fill();cx.fillStyle='rgba(200,235,255,.95)';cx.beginPath();cx.arc(x,y,1.8,0,6.3);cx.fill()}\n    for(i=0;i<N;i++){var n=nd[i];cx.fillStyle='rgba('+n.c+','+(.35+.5*(n.pf-.6)).toFixed(2)+')';cx.beginPath();cx.arc(n.px,n.py,1+n.pf*1.8,0,6.3);cx.fill()}}\n  var lf=false;function loop(){if(!run){lp=false;return}requestAnimationFrame(loop);lf=!lf;if(lf)draw()}\n  new IntersectionObserver(function(es){run=es[0].isIntersecting;if(run&&!lp){lp=true;if(reduce){draw();run=false;lp=false}else loop()}}).observe(s);\n  new IntersectionObserver(function(es){s.classList.toggle('off',!es[0].isIntersecting)},{rootMargin:'160px'}).observe(s);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3755f53 e-con-full e-flex e-con e-parent\" data-id=\"3755f53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e010ed9 elementor-widget elementor-widget-html\" data-id=\"e010ed9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>\u0645\u0637\u0645\u0626\u0646 | \u0627\u0628\u0632\u0627\u0631\u060c OS \u0648 \u0645\u062c\u0644\u0647<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;500;900&display=swap\" rel=\"stylesheet\">\n<style>\n@property --a{syntax:\"<angle>\";inherits:false;initial-value:0deg}\n.mo{--ink:#04060c;box-sizing:border-box;position:relative;overflow:hidden;background:var(--ink);color:#fff;font-family:Vazirmatn,Tahoma,sans-serif;padding:110px clamp(14px,4vw,60px) 100px;isolation:isolate;text-align:center}\n.mo *,.mo *::before,.mo *::after{box-sizing:border-box}\n\/* ---- site background family ---- *\/\n.mo-bg{position:absolute;inset:0;z-index:-4;pointer-events:none;overflow:hidden}\n.mo-bg::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(120,160,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 50% 55%,#000,transparent 72%);mask:radial-gradient(ellipse at 50% 55%,#000,transparent 72%)}\n@keyframes mo-grid{to{background-position:56px 56px}}\n.mo-bg i{position:absolute;width:44vmax;height:44vmax;border-radius:50%;opacity:.27}\n.mo-bg i:nth-child(1){background:radial-gradient(circle,#1d4ed8,transparent 68%);left:-14vmax;top:-12vmax;animation:mo-d1 22s ease-in-out infinite alternate}\n.mo-bg i:nth-child(2){background:radial-gradient(circle,#059669,transparent 68%);right:-16vmax;bottom:-14vmax;opacity:.2;animation:mo-d2 26s ease-in-out infinite alternate}\n@keyframes mo-d1{to{transform:translate(24vmax,14vmax)}}@keyframes mo-d2{to{transform:translate(-22vmax,-10vmax)}}\n.mo-marq{position:absolute;left:0;top:18%;z-index:-3;display:flex;width:max-content;direction:ltr;pointer-events:none;font:900 clamp(120px,18vw,300px)\/1 Vazirmatn,Tahoma,sans-serif;color:transparent;-webkit-text-stroke:1.5px rgba(120,160,255,.09);white-space:nowrap;animation:mo-marq 55s linear infinite}\n.mo-marq span{padding-right:.5em}\n@keyframes mo-marq{to{transform:translateX(-50%)}}\n.mo-beam{position:absolute;top:-10%;width:30%;height:90%;z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(120,180,255,.2),transparent 80%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.5;transform-origin:50% 0;animation:mo-bs 9s ease-in-out infinite alternate}\n.mo-beam.b1{left:6%;rotate:8deg}.mo-beam.b2{right:6%;rotate:-8deg;animation-delay:-4s;background:linear-gradient(180deg,rgba(52,211,153,.18),transparent 80%)}\n@keyframes mo-bs{to{rotate:-6deg;opacity:.25}}\n.mo-spot{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,45%),rgba(56,130,246,.14),transparent 62%)}\n.mo-grain{position:absolute;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\n\/* ---- heading ---- *\/\n.mo .mo-head{max-width:800px;margin:0 auto 56px;perspective:700px}\n.mo .mo-badge{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:99px;background:rgba(10,16,30,.7);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:300;color:#c3cce0;margin-bottom:22px}\n.mo .mo-badge::before{content:\"\";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:mo-pulse 2s infinite}\n.mo .mo-badge::after{content:\"\";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a),transparent 0 70%,#22d3ee 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mo-spin 4s linear infinite}\n@keyframes mo-pulse{50%{opacity:.35}}@keyframes mo-spin{to{--a:360deg}}\n.mo .mo-h2{margin:0 0 18px;font-weight:900;font-size:clamp(30px,4.8vw,62px);line-height:1.35;color:#fff}\n.mo .mo-w{display:inline-block;transform-origin:50% 100%}\n.mo .mo-g .mo-w{background:linear-gradient(90deg,#38bdf8,#22d3ee 40%,#34d399 75%,#a5b4fc);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mo-shine 5s ease-in-out infinite alternate}\n@keyframes mo-shine{to{background-position:100% 0}}\n.mo .mo-sub{margin:0;font-weight:300;font-size:clamp(15px,1.5vw,19px);line-height:2;color:#b3bdd2}\n\/* ---- monitor scene ---- *\/\n.mo .mo-scene{max-width:1180px;margin:0 auto;perspective:2000px;position:relative}\n.mo .mo-mon{position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--ty,0)*1deg)) rotateY(calc(var(--tx,0)*1deg));transition:transform .25s ease-out}\n.mo .mo-bz{padding:clamp(7px,1.1vw,14px);border-radius:clamp(14px,2vw,26px);background:linear-gradient(145deg,#1c2548,#0a0f22 42%,#151c38);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(120,160,255,.28),0 70px 120px -30px rgba(37,99,235,.6),0 30px 60px -20px #000}\n.mo .mo-scr{position:relative;aspect-ratio:16\/10;border-radius:clamp(8px,1.2vw,14px);overflow:hidden;background:#050816;container-type:size;direction:ltr;text-align:right;clip-path:inset(0)}\n.mo.on .mo-scr{animation:mo-crt 1.1s cubic-bezier(.2,.8,.2,1) .15s both}\n@keyframes mo-crt{0%{clip-path:inset(49.6% 0 49.6% 0);filter:brightness(6)}45%{clip-path:inset(49.6% 0 49.6% 0);filter:brightness(3)}100%{clip-path:inset(0);filter:none}}\n.mo .mo-scr::after{content:\"\";position:absolute;inset:0;z-index:60;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.08) 48%,transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);background-size:300% 100%,100% 100%;animation:mo-glare 7s ease-in-out infinite}\n@keyframes mo-glare{0%{background-position:150% 0,0 0}60%,100%{background-position:-50% 0,0 0}}\n\/* wallpaper *\/\n.mo .mo-wp{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,#0b1c4a,#060b22 60%,#04060f)}\n.mo .mo-wp i{position:absolute;width:55cqw;height:55cqw;border-radius:50%;opacity:.5}\n.mo .mo-wp i:nth-child(1){background:radial-gradient(circle,#2563eb,transparent 68%);left:-10cqw;top:-18cqw;animation:mo-w1 14s ease-in-out infinite alternate}\n.mo .mo-wp i:nth-child(2){background:radial-gradient(circle,#059669,transparent 68%);right:-12cqw;bottom:-22cqw;opacity:.38;animation:mo-w2 18s ease-in-out infinite alternate}\n.mo .mo-wp i:nth-child(3){background:radial-gradient(circle,#7c3aed,transparent 68%);left:30cqw;top:10cqw;width:34cqw;height:34cqw;opacity:.3;animation:mo-w3 16s ease-in-out infinite alternate}\n@keyframes mo-w1{to{transform:translate(24cqw,12cqw)}}@keyframes mo-w2{to{transform:translate(-20cqw,-10cqw)}}@keyframes mo-w3{to{transform:translate(-14cqw,12cqw) scale(1.2)}}\n.mo .mo-wp u{position:absolute;left:-30%;right:-30%;bottom:-8%;height:55%;transform:perspective(40cqw) rotateX(66deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(transparent,#000 70%);mask:linear-gradient(transparent,#000 70%);overflow:hidden}\n@keyframes mo-fl{to{background-position:0 6cqw}}\n.mo .mo-wp b{position:absolute;left:var(--l);top:var(--t);width:.35cqw;height:.35cqw;border-radius:50%;background:#cfe6ff;box-shadow:0 0 1cqw .2cqw #60a5fa;animation:mo-tw 3s ease-in-out infinite;animation-delay:var(--d)}\n@keyframes mo-tw{50%{opacity:.15;transform:scale(.4)}}\n\/* boot *\/\n.mo .mo-boot{position:absolute;inset:0;z-index:50;background:#02030a;display:grid;place-content:center;justify-items:center;gap:2.4cqw;transition:opacity .9s,visibility 0s .9s}\n.mo.booted .mo-boot{opacity:0;visibility:hidden}\n.mo .mo-bl{display:flex;align-items:center;gap:1.4cqw;font:900 max(18px,3.4cqw)\/1 Vazirmatn,Tahoma,sans-serif;letter-spacing:.06em;direction:ltr;opacity:0}\n.mo .mo-bl svg{width:max(26px,4cqw);height:max(26px,4cqw);color:#38bdf8;filter:drop-shadow(0 0 1cqw #38bdf8)}\n.mo.on .mo-bl{animation:mo-fade .8s ease 1.2s forwards}\n@keyframes mo-fade{to{opacity:1}}\n.mo .mo-bp{width:max(120px,26cqw);height:.5cqw;min-height:3px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden;opacity:0}\n.mo.on .mo-bp{animation:mo-fade .5s ease 1.4s forwards}\n.mo .mo-bp u{display:block;height:100%;width:0;background:linear-gradient(90deg,#38bdf8,#34d399);box-shadow:0 0 1cqw #38bdf8}\n.mo.on .mo-bp u{animation:mo-load 1.7s cubic-bezier(.5,0,.3,1) 1.5s forwards}\n@keyframes mo-load{to{width:100%}}\n\/* menubar *\/\n.mo .mo-mb{position:absolute;z-index:40;top:0;left:0;right:0;height:max(26px,3cqw);display:flex;align-items:center;justify-content:space-between;padding:0 1.6cqw;background:rgba(8,12,28,.55);border-bottom:1px solid rgba(255,255,255,.1);font-size:max(10px,1.15cqw);transform:translateY(-110%);transition:transform .8s cubic-bezier(.2,.9,.2,1)}\n.mo.ready .mo-mb{transform:none}\n.mo .mo-mb>div{display:flex;align-items:center;gap:1.6cqw}\n.mo .mo-mb b{display:flex;align-items:center;gap:.7cqw;font-weight:900}\n.mo .mo-mb svg{width:max(12px,1.5cqw);height:max(12px,1.5cqw)}\n.mo .mo-mb .lg{color:#38bdf8}\n.mo .mo-mb .tm{font-variant-numeric:tabular-nums}\n\/* dock *\/\n.mo .mo-dock{position:absolute;z-index:45;left:50%;bottom:1.6cqw;translate:-50% 180%;display:flex;align-items:flex-end;gap:1.1cqw;padding:.8cqw 1.3cqw;border-radius:2.2cqw;background:rgba(14,20,44,.6);border:1px solid rgba(255,255,255,.18);box-shadow:0 1.5cqw 4cqw -1cqw rgba(0,0,0,.8);transition:translate .9s cubic-bezier(.3,1.4,.4,1) .3s}\n.mo.ready .mo-dock{translate:-50% 0}\n.mo .mo-di{--s:1;position:relative;width:max(38px,4.6cqw);height:max(38px,4.6cqw);padding:0;border:0;border-radius:1.2cqw;cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,rgb(var(--c)),rgb(var(--c)\/.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 .6cqw 1.6cqw -.4cqw rgb(var(--c)\/.7);transform:scale(var(--s));transform-origin:50% 100%;transition:transform .15s ease-out}\n.mo .mo-di svg{width:56%;height:56%}\n.mo .mo-di::after{content:\"\";position:absolute;bottom:-.7cqw;left:50%;width:.45cqw;height:.45cqw;min-width:4px;min-height:4px;margin-left:-.22cqw;border-radius:50%;background:#fff;box-shadow:0 0 .8cqw #fff;opacity:0;transition:opacity .3s}\n.mo .mo-di.run::after{opacity:1}\n.mo .mo-di:focus-visible{outline:2px solid #fff;outline-offset:3px}\n.mo .mo-tip{position:absolute;z-index:46;left:0;bottom:0;padding:.45cqw 1.1cqw;border-radius:.9cqw;background:rgba(6,10,26,.94);border:1px solid rgba(255,255,255,.22);font-size:max(10px,1.1cqw);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .2s,transform .2s;direction:rtl}\n.mo .mo-tip.show{opacity:1;transform:translate(-50%,0)}\n.mo .mo-di.hl{animation:mo-bounce .7s ease}\n@keyframes mo-bounce{30%{transform:scale(var(--s)) translateY(-1.6cqw)}60%{transform:scale(var(--s)) translateY(0)}80%{transform:scale(var(--s)) translateY(-.6cqw)}}\n.mo .mo-sep{width:1px;align-self:stretch;margin:.3cqw .2cqw;background:rgba(255,255,255,.2)}\n\/* windows *\/\n.mo .mo-w2{--dx:0px;--dy:0px;position:absolute;z-index:10;left:var(--x);top:var(--y);width:var(--w);height:var(--h);translate:var(--dx) var(--dy);display:none;flex-direction:column;border-radius:1.4cqw;overflow:hidden;background:rgba(9,14,34,.84);border:1px solid rgb(var(--c)\/.4);box-shadow:0 2cqw 5cqw -1.2cqw rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.05),0 0 3cqw -1cqw rgb(var(--c)\/.45);font-size:max(11px,1.2cqw);text-align:right;direction:rtl;transition:box-shadow .4s,filter .4s}\n.mo .mo-w2.open{display:flex}\n.mo .mo-w2:not(.front){filter:brightness(.78) saturate(.85)}\n.mo .mo-w2.front,.mo .mo-w2.hl{box-shadow:0 2.4cqw 6cqw -1cqw rgba(0,0,0,.9),0 0 0 1px rgb(var(--c)\/.6),0 0 6cqw -.5cqw rgb(var(--c)\/.65)}\n.mo .mo-w2.hl{filter:none}\n.mo .mo-tb{flex:none;display:flex;align-items:center;justify-content:space-between;height:max(28px,3.1cqw);padding:0 1.2cqw;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;direction:ltr}\n.mo .mo-tb:active{cursor:grabbing}\n.mo .mo-tl{display:flex;gap:.7cqw}\n.mo .mo-tl i{width:max(9px,1cqw);height:max(9px,1cqw);border-radius:50%;cursor:pointer;transition:transform .2s,filter .2s}\n.mo .mo-tl i:hover{transform:scale(1.25);filter:brightness(1.3)}\n.mo .mo-tl .r{background:#ff5f57}.mo .mo-tl .y{background:#febc2e}.mo .mo-tl .g{background:#28c840}\n.mo .mo-tt{font-weight:500;font-size:max(10px,1.15cqw);color:#dbe5ff;display:flex;align-items:center;gap:.7cqw;direction:rtl}\n.mo .mo-tt::before{content:\"\";width:.7cqw;height:.7cqw;min-width:6px;min-height:6px;border-radius:50%;background:rgb(var(--c));box-shadow:0 0 .8cqw rgb(var(--c))}\n.mo .mo-tsp{width:max(36px,4cqw)}\n.mo .mo-bd{position:relative;flex:1;min-height:0;padding:1.4cqw;overflow:hidden;display:flex;flex-direction:column}\n.mo .mo-ft{flex:none;position:relative;z-index:2;margin-top:1cqw;display:flex;justify-content:space-between;align-items:center}\n.mo .mo-go{display:inline-flex;align-items:center;gap:.8cqw;padding:.7cqw 1.6cqw;border-radius:99px;font-weight:500;font-size:max(10px,1.15cqw);color:#fff;text-decoration:none;background:rgb(var(--c)\/.3);border:1px solid rgb(var(--c)\/.75);box-shadow:0 0 2cqw rgb(var(--c)\/.5);transition:transform .2s,box-shadow .3s}\n.mo .mo-go:hover{transform:translateY(-.3cqw);box-shadow:0 0 3.4cqw rgb(var(--c)\/.9);color:#fff}\n.mo .mo-go svg{width:1.4cqw;height:1.4cqw;min-width:12px;min-height:12px}\n\/* tools window *\/\n.mo .mo-search{display:flex;align-items:center;gap:.9cqw;padding:.8cqw 1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#9fb0cc;margin-bottom:1.2cqw}\n.mo .mo-search svg{width:1.6cqw;height:1.6cqw;min-width:13px;min-height:13px;color:rgb(var(--c))}\n.mo .mo-ty{color:#dbe5ff}\n.mo .mo-ty::after{content:\"\";display:inline-block;width:1px;height:1.2em;margin-right:2px;background:#fff;vertical-align:middle;animation:mo-caret 1s steps(1) infinite}\n@keyframes mo-caret{50%{opacity:0}}\n.mo .mo-tg{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;flex:1;min-height:0;align-content:start}\n.mo .mo-tile{position:relative;padding:1.1cqw;border-radius:1.1cqw;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);transition:transform .3s cubic-bezier(.2,.9,.2,1),border-color .3s,box-shadow .3s;animation:mo-pop .6s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(.2s + var(--k)*.08s)}\n@keyframes mo-pop{from{opacity:0;transform:scale(.6) translateY(1cqw)}to{opacity:1;transform:none}}\n.mo .mo-tile:hover{transform:translateY(-.4cqw) scale(1.04);border-color:rgb(var(--c)\/.7);box-shadow:0 1cqw 2.4cqw -1cqw rgb(var(--c)\/.7)}\n.mo .mo-tile i{display:grid;place-items:center;width:3.2cqw;height:3.2cqw;min-width:28px;min-height:28px;border-radius:.9cqw;margin-bottom:.8cqw;color:rgb(var(--c));background:rgb(var(--c)\/.16);border:1px solid rgb(var(--c)\/.4)}\n.mo .mo-tile i svg{width:60%;height:60%}\n.mo .mo-tile b{display:block;font-size:max(10px,1.1cqw);font-weight:500;line-height:1.5}\n.mo .mo-tile small{display:block;margin-top:.3cqw;font-size:max(9px,.95cqw);color:#8fa0bf}\n.mo .mo-tile.run small{color:#34d399}\n.mo .mo-tile.run::after{content:\"\";position:absolute;left:1cqw;right:1cqw;bottom:.7cqw;height:.3cqw;min-height:2px;border-radius:3px;background:linear-gradient(90deg,#38bdf8,#34d399);transform-origin:0 50%;animation:mo-prog 2.6s ease-in-out infinite}\n@keyframes mo-prog{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}\n\/* OS window *\/\n.mo .mo-os{display:grid;grid-template-columns:1.1fr 1fr;gap:1.2cqw;flex:1;min-height:0}\n.mo .mo-term{padding:1.1cqw;border-radius:1cqw;background:#03060f;border:1px solid rgba(255,255,255,.08);font:max(9px,1cqw)\/1.75 ui-monospace,Menlo,Consolas,monospace;direction:ltr;text-align:left;color:#9ef0c4;overflow:hidden;white-space:pre-wrap}\n.mo .mo-term .p{color:#38bdf8}.mo .mo-term .ok{color:#34d399}.mo .mo-term .w{color:#fff}\n.mo .mo-term::after{content:\"\u258d\";animation:mo-caret 1s steps(1) infinite;color:#9ef0c4}\n.mo .mo-wd{display:flex;flex-direction:column;gap:1cqw}\n.mo .mo-card{padding:1cqw;border-radius:1cqw;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}\n.mo .mo-card h5{margin:0 0 .6cqw;font-size:max(9px,1cqw);font-weight:500;color:#9fb0cc;display:flex;justify-content:space-between}\n.mo .mo-card h5 em{font-style:normal;color:#34d399}\n.mo .mo-ch{width:100%;height:5.6cqw;min-height:34px;display:block}\n.mo .mo-ch path{fill:none;stroke:rgb(var(--c));stroke-width:2;stroke-linecap:round;stroke-dasharray:240;animation:mo-dr 4s ease-in-out infinite;filter:drop-shadow(0 0 4px rgb(var(--c)))}\n.mo .mo-ch .fl{fill:rgb(var(--c)\/.14);stroke:none;animation:none}\n@keyframes mo-dr{0%{stroke-dashoffset:240}50%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-240}}\n.mo .mo-bars{display:flex;align-items:flex-end;gap:.6cqw;height:4.2cqw;min-height:26px}\n.mo .mo-bars i{flex:1;border-radius:.3cqw;background:linear-gradient(180deg,rgb(var(--c)),rgb(var(--c)\/.25));transform-origin:50% 100%;animation:mo-bar var(--du) ease-in-out infinite alternate}\n@keyframes mo-bar{from{transform:scaleY(.2)}to{transform:scaleY(1)}}\n.mo .mo-sw{display:flex;align-items:center;justify-content:space-between;font-size:max(9px,1cqw);color:#cfd8ec;margin-top:.5cqw}\n.mo .mo-sw s{position:relative;width:2.4cqw;min-width:22px;height:1.3cqw;min-height:12px;border-radius:99px;background:rgb(var(--c)\/.8);box-shadow:0 0 1cqw rgb(var(--c)\/.6)}\n.mo .mo-sw s::after{content:\"\";position:absolute;top:12%;left:58%;width:38%;height:76%;border-radius:50%;background:#fff;animation:mo-tg 5s ease-in-out infinite;animation-delay:var(--d)}\n@keyframes mo-tg{0%,40%{left:58%}50%,90%{left:6%}100%{left:58%}}\n\/* magazine window *\/\n.mo .mo-mast{flex:none;display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1cqw;padding-bottom:.8cqw;border-bottom:1px solid rgba(255,255,255,.12)}\n.mo .mo-mast b{font:900 max(16px,2.4cqw)\/1.2 Vazirmatn,Tahoma,sans-serif;background:linear-gradient(90deg,#fff,rgb(var(--c)));-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .mo-mast span{font:500 max(9px,.95cqw)\/1 ui-monospace,Menlo,monospace;color:#8fa0bf;letter-spacing:.12em;direction:ltr}\n.mo .mo-mg{display:grid;grid-template-columns:1.25fr 1fr;gap:1.2cqw;flex:1;min-height:0}\n.mo .mo-feat{position:relative;border-radius:1.2cqw;overflow:hidden;border:1px solid rgb(var(--c)\/.4);display:flex;flex-direction:column;justify-content:flex-end;padding:1.2cqw;background:linear-gradient(160deg,#10285f,#0b1230);transform-style:preserve-3d;transition:transform .3s}\n.mo .mo-feat::before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 60% at 25% 20%,rgb(var(--c)\/.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(56,189,248,.45),transparent 70%);animation:mo-cov 8s ease-in-out infinite alternate}\n@keyframes mo-cov{to{transform:scale(1.3) translate(6%,-6%)}}\n.mo .mo-feat u{position:absolute;right:12%;top:12%;width:34%;aspect-ratio:1;border-radius:30%;border:2px solid rgb(var(--c)\/.8);box-shadow:0 0 2cqw rgb(var(--c)\/.6);animation:mo-rot 12s linear infinite}\n@keyframes mo-rot{to{transform:rotate(360deg)}}\n.mo .mo-feat u+u{right:30%;top:30%;width:22%;border-radius:50%;animation-direction:reverse;border-color:#fff}\n.mo .mo-new{position:absolute;top:1cqw;left:1cqw;z-index:2;padding:.3cqw 1cqw;border-radius:99px;background:#34d399;color:#04140c;font:900 max(9px,.95cqw)\/1.4 Vazirmatn;animation:mo-pulse 1.6s infinite}\n.mo .mo-feat span,.mo .mo-feat strong{position:relative;z-index:2}\n.mo .mo-feat span{font-size:max(9px,.95cqw);color:rgb(var(--c))}\n.mo .mo-feat strong{display:block;margin-top:.4cqw;font-size:max(12px,1.5cqw);font-weight:900;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.6)}\n.mo .mo-ls{display:flex;flex-direction:column;gap:.8cqw;min-height:0}\n.mo .mo-art{flex:1;min-height:0;overflow:hidden;padding:.9cqw 1.1cqw;border-radius:1cqw;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);transition:background .4s,border-color .4s,transform .4s;display:flex;flex-direction:column;justify-content:center;gap:.4cqw}\n.mo .mo-art em{font-style:normal;font-size:max(9px,.9cqw);color:rgb(var(--c))}\n.mo .mo-art b{font-size:max(10px,1.05cqw);font-weight:500;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n.mo .mo-art small{font-size:max(8.5px,.85cqw);color:#8fa0bf}\n.mo .mo-art.hi{background:rgb(var(--c)\/.14);border-color:rgb(var(--c)\/.6);transform:translateX(-.5cqw)}\n\/* floating 3D tags (pop out of the screen) *\/\n.mo .mo-ft3{position:absolute;z-index:3;padding:.7em 1.3em;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);font:500 14px\/1 Vazirmatn,Tahoma,sans-serif;box-shadow:0 24px 50px -16px rgba(0,0,0,.8);animation:mo-bob 5s ease-in-out infinite;animation-delay:var(--d)}\n.mo .mo-ft3 i{display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:rgb(var(--c));box-shadow:0 0 12px rgb(var(--c))}\n.mo .mo-ft3.f1{right:-3%;top:14%;transform:translateZ(110px)}.mo .mo-ft3.f2{left:-3%;top:40%;transform:translateZ(90px)}.mo .mo-ft3.f3{right:-2%;top:66%;transform:translateZ(120px)}\n@keyframes mo-bob{50%{translate:0 -12px}}\n\/* stand *\/\n.mo .mo-st{width:15%;height:clamp(20px,4.5vw,56px);margin:-2px auto 0;background:linear-gradient(90deg,#0a0f22,#222c58,#0a0f22);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}\n.mo .mo-bs{width:30%;height:10px;margin:0 auto;border-radius:99px;background:linear-gradient(90deg,#0a0f22,#2a3566,#0a0f22);box-shadow:0 0 70px 14px rgba(56,130,246,.45)}\n\/* captions under the monitor *\/\n.mo .mo-cap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:44px auto 0;text-align:right}\n.mo .mo-ci{--c:56 189 248;position:relative;display:block;padding:22px 22px 20px;border-radius:22px;text-decoration:none;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(9,13,28,.85) 40%,rgba(5,8,20,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:transform .4s cubic-bezier(.2,.9,.2,1),box-shadow .4s;overflow:hidden}\n.mo .mo-ci:nth-child(2){--c:129 140 248}.mo .mo-ci:nth-child(3){--c:52 211 153}\n.mo .mo-ci::before{content:\"\";position:absolute;inset:0;border-radius:inherit;padding:1.3px;background:conic-gradient(from var(--a),rgb(var(--c)\/.12),rgb(var(--c)\/.95) 18%,rgb(var(--c)\/.12) 40%,rgb(var(--c)\/.12) 62%,rgb(var(--c)\/.7) 82%,rgb(var(--c)\/.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mo-spin 7s linear infinite;pointer-events:none}\n.mo .mo-ci:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 30px 60px -24px rgb(var(--c)\/.65);color:#fff}\n.mo .mo-ci:focus-visible{outline:2px solid #fff;outline-offset:4px}\n.mo .mo-ci b{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900}\n.mo .mo-ci b i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:rgb(var(--c));background:rgb(var(--c)\/.16);border:1px solid rgb(var(--c)\/.45)}\n.mo .mo-ci b i svg{width:20px;height:20px}\n.mo .mo-ci p{margin:12px 0 14px;font-weight:300;font-size:14px;line-height:2;color:#b3bdd2}\n.mo .mo-ci span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgb(var(--c))}\n.mo .mo-ci span svg{width:16px;height:16px;transition:transform .3s}\n.mo .mo-ci:hover span svg{transform:translateX(-7px)}\n.mo .mo-ci::after{content:\"\";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgb(var(--c)\/.35),transparent 70%);opacity:.6}\n\/* mobile *\/\n@media(max-width:860px){.mo .mo-cap{grid-template-columns:1fr;max-width:460px}.mo .mo-ft3{display:none}}\n@media(max-width:760px){\n .mo .mo-scr{aspect-ratio:9\/15}\n .mo .mo-w2{left:3%!important;top:11%!important;width:94%!important;height:66%!important;translate:none}\n .mo .mo-w2:not(.front){display:none!important}\n .mo .mo-tg{grid-template-columns:repeat(2,1fr)}\n .mo .mo-os{grid-template-columns:1fr}.mo .mo-term{display:none}\n .mo .mo-mg{grid-template-columns:1fr}.mo .mo-ls{display:none}\n .mo .mo-tb{cursor:default}\n}\n\/* reveal *\/\n.mo.js .mo-w{opacity:0;transform:rotateX(-85deg) translateY(30px);transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*.09s)}\n.mo.js.on .mo-w{opacity:1;transform:none}\n.mo.js .mo-badge,.mo.js .mo-sub{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}\n.mo.js.on .mo-badge{opacity:1;transform:none}.mo.js.on .mo-sub{opacity:1;transform:none;transition-delay:.8s}\n.mo.js .mo-mon{opacity:0;translate:0 80px;scale:.92;transition:opacity 1s,translate 1.3s cubic-bezier(.2,.8,.2,1),scale 1.3s cubic-bezier(.2,.8,.2,1),transform .25s ease-out}\n.mo.js.on .mo-mon{opacity:1;translate:0 0;scale:1}\n.mo.js .mo-ci{opacity:0;translate:0 50px;transition:opacity .8s,translate 1s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.9,.2,1),box-shadow .4s}\n.mo.js.on .mo-ci{opacity:1;translate:0 0}\n.mo.js.on .mo-ci:nth-child(1){transition-delay:.6s,.6s,0s,0s}.mo.js.on .mo-ci:nth-child(2){transition-delay:.75s,.75s,0s,0s}.mo.js.on .mo-ci:nth-child(3){transition-delay:.9s,.9s,0s,0s}\n@media(prefers-reduced-motion:reduce){.mo *,.mo *::before,.mo *::after{animation:none!important;transition:none!important}.mo.js .mo-w,.mo.js .mo-badge,.mo.js .mo-sub,.mo.js .mo-mon,.mo.js .mo-ci{opacity:1;transform:none;translate:0 0;scale:1}.mo .mo-boot{display:none}.mo .mo-mb{transform:none}.mo .mo-dock{translate:-50% 0}.mo .mo-bl,.mo .mo-bp{opacity:1}}\n.mo a:hover,.mo a:active{color:#fff}\nbody:not([class]){margin:0;background:#04060c}\n\n\/* ===== performance pass ===== *\/\n.mo.off *,.mo.off *::before,.mo.off *::after{animation-play-state:paused!important}\n\n\/* ===== performance pass ===== *\/\n.mo .mo-wp u::before{content:\"\";position:absolute;left:0;right:0;top:-6cqw;bottom:0;background-image:linear-gradient(rgba(96,165,250,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.3) 1px,transparent 1px);background-size:6cqw 6cqw;animation:mo-fl2 4s linear infinite}\n@keyframes mo-fl2{to{transform:translateY(6cqw)}}\n.mo .mo-scr::after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);animation:none}\n.mo .mo-scr::before{content:\"\";position:absolute;top:-20%;bottom:-20%;left:-45%;width:30%;z-index:60;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-20deg);animation:mo-gl 7s ease-in-out infinite}\n@keyframes mo-gl{0%{translate:0 0}60%,100%{translate:480% 0}}\n.mo .mo-ci::before{animation-play-state:paused}.mo .mo-ci:hover::before{animation-play-state:running}\n.mo .mo-mb{background:rgba(8,12,28,.9)}.mo .mo-dock{background:rgba(14,20,44,.9)}.mo .mo-w2{background:rgba(9,14,34,.95)}\n.mo .mo-ft3{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05)),rgba(12,18,40,.82)}\n.mo{content-visibility:auto;contain-intrinsic-size:auto 1650px}\n<\/style>\n<\/head>\n<body>\n<section class=\"mo\" id=\"mo\">\n  <div class=\"mo-bg\" aria-hidden=\"true\"><i><\/i><i><\/i><\/div>\n  <i class=\"mo-beam b1\" aria-hidden=\"true\"><\/i><i class=\"mo-beam b2\" aria-hidden=\"true\"><\/i>\n  <div class=\"mo-marq\" aria-hidden=\"true\"><span>TOOLS \u2022 OS \u2022 MAGAZINE \u2022<\/span><span>TOOLS \u2022 OS \u2022 MAGAZINE \u2022<\/span><\/div>\n  <div class=\"mo-spot\"><\/div><div class=\"mo-grain\"><\/div>\n\n  <div class=\"mo-head\">\n    <div class=\"mo-badge\">\u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u0645\u0637\u0645\u0626\u0646<\/div>\n    <h2 class=\"mo-h2\"><span class=\"mo-w\" style=\"--i:0\">\u0627\u0628\u0632\u0627\u0631\u060c<\/span> <span class=\"mo-w\" style=\"--i:1\">\u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644<\/span> <span class=\"mo-w\" style=\"--i:2\">\u0648<\/span> <span class=\"mo-g\"><span class=\"mo-w\" style=\"--i:3\">\u0645\u062c\u0644\u0647\u200c\u06cc<\/span> <span class=\"mo-w\" style=\"--i:4\">\u0645\u0637\u0645\u0626\u0646<\/span><\/span><\/h2>\n    <p class=\"mo-sub\">\u0641\u0642\u0637 \u0633\u0627\u06cc\u062a \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645\u061b \u06cc\u06a9 \u062f\u0646\u06cc\u0627\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0631\u0627\u06cc \u0631\u0634\u062f \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u062f\u0627\u0631\u06cc\u0645. \u0631\u0648\u06cc \u0622\u06cc\u06a9\u0646\u200c\u0647\u0627\u06cc \u062f\u0627\u06a9 \u0628\u0632\u0646\u06cc\u062f \u0648 \u067e\u0646\u062c\u0631\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u06a9\u0634\u06cc\u062f \u0648 \u062c\u0627\u0628\u0647\u200c\u062c\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n  <\/div>\n\n  <div class=\"mo-scene\" id=\"mo-scene\">\n    <div class=\"mo-mon\" id=\"mo-mon\">\n      <i class=\"mo-ft3 f1\" style=\"--c:56 189 248;--d:0s\" aria-hidden=\"true\"><i><\/i>\u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646<\/i>\n      <i class=\"mo-ft3 f2\" style=\"--c:129 140 248;--d:-1.6s\" aria-hidden=\"true\"><i><\/i>\u0645\u0637\u0645\u0626\u0646 OS<\/i>\n      <i class=\"mo-ft3 f3\" style=\"--c:52 211 153;--d:-3.2s\" aria-hidden=\"true\"><i><\/i>\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646<\/i>\n      <div class=\"mo-bz\"><div class=\"mo-scr\" id=\"mo-scr\">\n        <div class=\"mo-wp\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><u><\/u>\n          <b style=\"--l:12%;--t:22%;--d:0s\"><\/b><b style=\"--l:34%;--t:12%;--d:-1s\"><\/b><b style=\"--l:58%;--t:30%;--d:-2s\"><\/b><b style=\"--l:78%;--t:16%;--d:-.5s\"><\/b><b style=\"--l:90%;--t:40%;--d:-1.6s\"><\/b><b style=\"--l:22%;--t:44%;--d:-2.4s\"><\/b><b style=\"--l:68%;--t:8%;--d:-.8s\"><\/b>\n        <\/div>\n\n        <div class=\"mo-mb\"><div><b class=\"lg\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><span style=\"color:#fff\">\u0645\u0637\u0645\u0626\u0646 OS<\/span><\/b><span id=\"mo-app\" style=\"opacity:.75\">\u062f\u0633\u06a9\u062a\u0627\u067e<\/span><\/div>\n          <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12a10 10 0 0114 0M8 15a6 6 0 018 0M12 19h.01\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M21 11v2\"\/><\/svg><span class=\"tm\" id=\"mo-clock\">\u06f0\u06f9:\u06f4\u06f1<\/span><\/div><\/div>\n\n        <!-- \u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646 -->\n        <div class=\"mo-w2\" data-app=\"tools\" style=\"--c:56 189 248;--x:3.5%;--y:11%;--w:41%;--h:62%\">\n          <div class=\"mo-tb\"><span class=\"mo-tl\"><i class=\"r\" data-act=\"close\"><\/i><i class=\"y\" data-act=\"min\"><\/i><i class=\"g\"><\/i><\/span><span class=\"mo-tt\">\u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646<\/span><span class=\"mo-tsp\"><\/span><\/div>\n          <div class=\"mo-bd\">\n            <div class=\"mo-search\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"6\"\/><path d=\"M20 20l-4-4\"\/><\/svg><span class=\"mo-ty\" id=\"mo-ty\"><\/span><\/div>\n            <div class=\"mo-tg\">\n              <div class=\"mo-tile run\" style=\"--k:0\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 16a8 8 0 1116 0\"\/><path d=\"M12 16l4-5\"\/><\/svg><\/i><b>\u062a\u0633\u062a \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a<\/b><small>\u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627\u2026<\/small><\/div>\n              <div class=\"mo-tile\" style=\"--k:1\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"6\"\/><path d=\"M20 20l-4-4\"\/><\/svg><\/i><b>\u0628\u0631\u0631\u0633\u06cc \u0633\u0626\u0648<\/b><small>\u0622\u0645\u0627\u062f\u0647<\/small><\/div>\n              <div class=\"mo-tile\" style=\"--k:2\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12V4h8l9 9-8 8z\"\/><circle cx=\"7.5\" cy=\"8.5\" r=\"1\"\/><\/svg><\/i><b>\u0633\u0627\u062e\u062a \u0645\u062a\u0627 \u062a\u06af<\/b><small>\u0622\u0645\u0627\u062f\u0647<\/small><\/div>\n              <div class=\"mo-tile\" style=\"--k:3\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"1.6\"\/><path d=\"M4 18l5-5 4 4 3-3 4 4\"\/><\/svg><\/i><b>\u0641\u0634\u0631\u062f\u0647\u200c\u0633\u0627\u0632 \u062a\u0635\u0648\u06cc\u0631<\/b><small>\u0622\u0645\u0627\u062f\u0647<\/small><\/div>\n              <div class=\"mo-tile\" style=\"--k:4\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"6\" height=\"6\"\/><rect x=\"14\" y=\"4\" width=\"6\" height=\"6\"\/><rect x=\"4\" y=\"14\" width=\"6\" height=\"6\"\/><path d=\"M14 14h2v2M20 14v6h-4\"\/><\/svg><\/i><b>\u0633\u0627\u062e\u062a QR \u06a9\u062f<\/b><small>\u0622\u0645\u0627\u062f\u0647<\/small><\/div>\n              <div class=\"mo-tile\" style=\"--k:5\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><\/svg><\/i><b>\u0645\u0628\u062f\u0644 \u062a\u0627\u0631\u06cc\u062e \u0634\u0645\u0633\u06cc<\/b><small>\u0622\u0645\u0627\u062f\u0647<\/small><\/div>\n            <\/div>\n            <div class=\"mo-ft\"><span><\/span><a class=\"mo-go\" href=\"#\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0627\u0628\u0632\u0627\u0631\u0647\u0627<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \u0645\u0637\u0645\u0626\u0646 OS -->\n        <div class=\"mo-w2\" data-app=\"os\" style=\"--c:129 140 248;--x:51%;--y:13%;--w:45%;--h:55%\">\n          <div class=\"mo-tb\"><span class=\"mo-tl\"><i class=\"r\" data-act=\"close\"><\/i><i class=\"y\" data-act=\"min\"><\/i><i class=\"g\"><\/i><\/span><span class=\"mo-tt\">\u0645\u0637\u0645\u0626\u0646 OS<\/span><span class=\"mo-tsp\"><\/span><\/div>\n          <div class=\"mo-bd\">\n            <div class=\"mo-os\">\n              <div class=\"mo-term\" id=\"mo-term\"><\/div>\n              <div class=\"mo-wd\">\n                <div class=\"mo-card\"><h5>\u0641\u0639\u0627\u0644\u06cc\u062a \u0633\u06cc\u0633\u062a\u0645 <em>\u25cf \u0622\u0646\u0644\u0627\u06cc\u0646<\/em><\/h5><svg class=\"mo-ch\" viewBox=\"0 0 200 50\" preserveAspectRatio=\"none\"><path class=\"fl\" d=\"M0 40 L20 30 L40 34 L60 18 L80 26 L100 12 L120 22 L140 8 L160 20 L180 10 L200 16 L200 50 L0 50Z\"\/><path d=\"M0 40 L20 30 L40 34 L60 18 L80 26 L100 12 L120 22 L140 8 L160 20 L180 10 L200 16\"\/><\/svg><\/div>\n                <div class=\"mo-card\"><div class=\"mo-bars\"><i style=\"--du:1.3s\"><\/i><i style=\"--du:1.9s\"><\/i><i style=\"--du:1.1s\"><\/i><i style=\"--du:2.2s\"><\/i><i style=\"--du:1.6s\"><\/i><i style=\"--du:1.2s\"><\/i><i style=\"--du:2s\"><\/i><\/div>\n                  <div class=\"mo-sw\"><span>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646<\/span><s style=\"--d:0s\"><\/s><\/div><div class=\"mo-sw\"><span>\u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc<\/span><s style=\"--d:-1.7s\"><\/s><\/div><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"mo-ft\"><span><\/span><a class=\"mo-go\" href=\"#\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u0637\u0645\u0626\u0646 OS<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646 -->\n        <div class=\"mo-w2\" data-app=\"mag\" style=\"--c:52 211 153;--x:27%;--y:29%;--w:46%;--h:55%\">\n          <div class=\"mo-tb\"><span class=\"mo-tl\"><i class=\"r\" data-act=\"close\"><\/i><i class=\"y\" data-act=\"min\"><\/i><i class=\"g\"><\/i><\/span><span class=\"mo-tt\">\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646<\/span><span class=\"mo-tsp\"><\/span><\/div>\n          <div class=\"mo-bd\">\n            <div class=\"mo-mast\"><b>\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646<\/b><span>ISSUE 01 \u00b7 NEW<\/span><\/div>\n            <div class=\"mo-mg\">\n              <div class=\"mo-feat\" id=\"mo-feat\"><i class=\"mo-new\">\u062c\u062f\u06cc\u062f<\/i><u><\/u><u><\/u><span>\u0633\u0626\u0648<\/span><strong>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0634\u0631\u0648\u0639 \u0633\u0626\u0648 \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9<\/strong><\/div>\n              <div class=\"mo-ls\" id=\"mo-ls\">\n                <div class=\"mo-art hi\"><em>\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a<\/em><b>\u06f7 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc<\/b><small>\u06f6 \u062f\u0642\u06cc\u0642\u0647 \u0645\u0637\u0627\u0644\u0639\u0647<\/small><\/div>\n                <div class=\"mo-art\"><em>\u0633\u0626\u0648\u06cc \u0641\u0646\u06cc<\/em><b>\u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a \u0686\u0637\u0648\u0631 \u0631\u0648\u06cc \u0631\u062a\u0628\u0647 \u0627\u062b\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f\u061f<\/b><small>\u06f5 \u062f\u0642\u06cc\u0642\u0647 \u0645\u0637\u0627\u0644\u0639\u0647<\/small><\/div>\n                <div class=\"mo-art\"><em>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646<\/em><b>n8n \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u061b \u0627\u0632 \u06a9\u062c\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645\u061f<\/b><small>\u06f7 \u062f\u0642\u06cc\u0642\u0647 \u0645\u0637\u0627\u0644\u0639\u0647<\/small><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"mo-ft\"><span><\/span><a class=\"mo-go\" href=\"#\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u062c\u0644\u0647<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"mo-tip\" id=\"mo-tip\"><\/div>\n        <div class=\"mo-dock\" id=\"mo-dock\">\n          <button class=\"mo-di\" data-app=\"tools\" data-l=\"\u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646\" style=\"--c:56 189 248\" aria-label=\"\u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a4 4 0 00-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 005.4-5.4l-2.4 2.4-2.5-.5-.5-2.5z\"\/><\/svg><\/button>\n          <button class=\"mo-di\" data-app=\"os\" data-l=\"\u0645\u0637\u0645\u0626\u0646 OS\" style=\"--c:129 140 248\" aria-label=\"\u0645\u0637\u0645\u0626\u0646 OS\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/button>\n          <i class=\"mo-sep\"><\/i>\n          <button class=\"mo-di\" data-app=\"mag\" data-l=\"\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646\" style=\"--c:52 211 153\" aria-label=\"\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h12v14H6a2 2 0 01-2-2z\"\/><path d=\"M16 8h4v9a2 2 0 01-2 2M7 9h6M7 13h6\"\/><\/svg><\/button>\n        <\/div>\n\n        <div class=\"mo-boot\" aria-hidden=\"true\"><div class=\"mo-bl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>MOTMAEN&nbsp;OS<\/div><div class=\"mo-bp\"><u><\/u><\/div><\/div>\n      <\/div><\/div>\n      <div class=\"mo-st\"><\/div><div class=\"mo-bs\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"mo-cap\">\n    <a class=\"mo-ci\" href=\"#\" data-app=\"tools\"><b><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a4 4 0 00-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 005.4-5.4l-2.4 2.4-2.5-.5-.5-2.5z\"\/><\/svg><\/i>\u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646<\/b><p>\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0648\u0628\u200c\u0645\u0633\u062a\u0631\u0647\u0627\u060c \u0633\u0626\u0648\u06a9\u0627\u0631\u0647\u0627 \u0648 \u0635\u0627\u062d\u0628\u0627\u0646 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u061b \u0633\u0631\u06cc\u0639 \u0648 \u0628\u062f\u0648\u0646 \u062f\u0631\u062f\u0633\u0631.<\/p><span>\u0648\u0631\u0648\u062f \u0628\u0647 \u0627\u0628\u0632\u0627\u0631\u0647\u0627<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/span><\/a>\n    <a class=\"mo-ci\" href=\"#\" data-app=\"os\"><b><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/i>\u0645\u0637\u0645\u0626\u0646 OS<\/b><p>\u0645\u0631\u06a9\u0632 \u0641\u0631\u0645\u0627\u0646 \u0645\u0637\u0645\u0626\u0646\u061b \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627 \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0634\u0645\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u062d\u06cc\u0637 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0647\u0648\u0634\u0645\u0646\u062f \u06a9\u0646\u0627\u0631 \u0647\u0645.<\/p><span>\u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u0637\u0645\u0626\u0646 OS<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/span><\/a>\n    <a class=\"mo-ci\" href=\"#\" data-app=\"mag\"><b><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h12v14H6a2 2 0 01-2-2z\"\/><path d=\"M16 8h4v9a2 2 0 01-2 2M7 9h6M7 13h6\"\/><\/svg><\/i>\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646<\/b><p>\u0645\u0642\u0627\u0644\u0647\u200c\u0647\u0627 \u0648 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a\u060c \u0633\u0626\u0648 \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.<\/p><span>\u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u062c\u0644\u0647<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/span><\/a>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var s=document.getElementById('mo');var SPOT=s.querySelector('.mo-spot');s.classList.add('js');\n  var reduce=matchMedia('(prefers-reduced-motion:reduce)').matches,run=false;\n  var scr=document.getElementById('mo-scr'),mon=document.getElementById('mo-mon'),W={},D={},zc=20,front=null;\n  [].forEach.call(scr.querySelectorAll('.mo-w2'),function(w){W[w.dataset.app]=w});\n  [].forEach.call(document.querySelectorAll('#mo-dock .mo-di'),function(d){D[d.dataset.app]=d});\n  var NAMES={tools:'\u0627\u0628\u0632\u0627\u0631 \u0645\u0637\u0645\u0626\u0646',os:'\u0645\u0637\u0645\u0626\u0646 OS',mag:'\u0645\u062c\u0644\u0647 \u0645\u0637\u0645\u0626\u0646'};\n  function fa(x){return String(x).replace(\/\\\\d\/g,function(d){return '\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9'[d]})}\n  \/* clock *\/\n  function tick(){var d=new Date(),h=('0'+d.getHours()).slice(-2),m=('0'+d.getMinutes()).slice(-2);document.getElementById('mo-clock').textContent=fa(h+':'+m)}\n  tick();setInterval(tick,20000);\n  \/* window manager *\/\n  function setFront(a){front=a;Object.keys(W).forEach(function(k){W[k].classList.toggle('front',k===a)});if(a){W[a].style.zIndex=++zc;document.getElementById('mo-app').textContent=NAMES[a]}else document.getElementById('mo-app').textContent='\u062f\u0633\u06a9\u062a\u0627\u067e'}\n  function delta(a){var d=D[a].getBoundingClientRect(),w=W[a].getBoundingClientRect();return{x:(d.left+d.width\/2)-(w.left+w.width\/2),y:(d.top+d.height\/2)-(w.top+w.height\/2)}}\n  function openApp(a){var w=W[a];if(!w.classList.contains('open')){w.classList.add('open');D[a].classList.add('run');\n      if(!reduce){var t=delta(a);w.animate([{transform:'translate('+t.x+'px,'+t.y+'px) scale(.12) rotateX(40deg)',opacity:0},{opacity:1,offset:.35},{transform:'none',opacity:1}],{duration:700,easing:'cubic-bezier(.2,.9,.25,1.15)'});\n        D[a].classList.remove('hl');void D[a].offsetWidth;D[a].classList.add('hl')}}\n    setFront(a)}\n  function minApp(a){var w=W[a];if(!w.classList.contains('open'))return;\n    if(reduce){w.classList.remove('open');pickFront();return}\n    var t=delta(a);w.animate([{transform:'none',opacity:1},{transform:'translate('+t.x+'px,'+t.y+'px) scale(.1) rotateX(50deg)',opacity:0}],{duration:520,easing:'cubic-bezier(.6,0,.8,.3)'}).onfinish=function(){w.classList.remove('open');pickFront()}}\n  function closeApp(a){var w=W[a];if(!w.classList.contains('open'))return;D[a].classList.remove('run');\n    if(reduce){w.classList.remove('open');pickFront();return}\n    w.animate([{transform:'none',opacity:1},{transform:'scale(.9) rotateX(-12deg)',opacity:0}],{duration:300,easing:'ease-in'}).onfinish=function(){w.classList.remove('open');pickFront()}}\n  function pickFront(){var best=null,bz=-1;Object.keys(W).forEach(function(k){if(W[k].classList.contains('open')){var z=+W[k].style.zIndex||0;if(z>bz){bz=z;best=k}}});setFront(best)}\n  Object.keys(W).forEach(function(a){var w=W[a];\n    w.addEventListener('pointerdown',function(){if(front!==a)setFront(a)});\n    w.querySelector('[data-act=close]').addEventListener('click',function(e){e.stopPropagation();closeApp(a)});\n    w.querySelector('[data-act=min]').addEventListener('click',function(e){e.stopPropagation();D[a].classList.remove('run');minApp(a);setTimeout(function(){D[a].classList.add('run')},0)});\n    \/* drag by title bar *\/\n    var tb=w.querySelector('.mo-tb'),sx=0,sy=0,ox=0,oy=0,dr=false;\n    tb.addEventListener('pointerdown',function(e){if(e.target.closest('.mo-tl')||innerWidth<=760)return;dr=true;sx=e.clientX;sy=e.clientY;ox=parseFloat(w.style.getPropertyValue('--dx'))||0;oy=parseFloat(w.style.getPropertyValue('--dy'))||0;try{tb.setPointerCapture(e.pointerId)}catch(x){}});\n    tb.addEventListener('pointermove',function(e){if(!dr)return;w.style.setProperty('--dx',(ox+e.clientX-sx)+'px');w.style.setProperty('--dy',(oy+e.clientY-sy)+'px')});\n    tb.addEventListener('pointerup',function(){dr=false});tb.addEventListener('pointercancel',function(){dr=false})});\n  \/* dock: click + macOS-style magnification *\/\n  var dock=document.getElementById('mo-dock'),di=[].slice.call(dock.querySelectorAll('.mo-di'));\n  di.forEach(function(d){d.addEventListener('click',function(){var a=d.dataset.app,w=W[a];if(!w.classList.contains('open'))openApp(a);else if(front!==a)setFront(a);else{D[a].classList.remove('run');minApp(a);setTimeout(function(){D[a].classList.add('run')},0)}})});\n  dock.addEventListener('pointermove',function(e){di.forEach(function(d){var r=d.getBoundingClientRect(),dist=Math.abs(e.clientX-(r.left+r.width\/2)),sc=1+.75*Math.max(0,1-dist\/(r.width*2.2));d.style.setProperty('--s',sc.toFixed(3))})});\n  dock.addEventListener('pointerleave',function(){di.forEach(function(d){d.style.setProperty('--s',1)});tip.classList.remove('show')});\n  var tip=document.getElementById('mo-tip');\n  function showTip(d){var sr=scr.getBoundingClientRect(),dr=dock.getBoundingClientRect(),ir=d.getBoundingClientRect(),k=scr.clientWidth\/sr.width;\n    tip.textContent=d.dataset.l;tip.style.left=((ir.left+ir.width\/2-sr.left)*k).toFixed(1)+'px';tip.style.bottom=((sr.bottom-dr.top)*k+8).toFixed(1)+'px';tip.classList.add('show')}\n  di.forEach(function(d){d.addEventListener('pointerenter',function(){showTip(d)});d.addEventListener('focus',function(){showTip(d)});d.addEventListener('blur',function(){tip.classList.remove('show')})});\n  \/* captions <-> windows *\/\n  [].forEach.call(s.querySelectorAll('.mo-ci'),function(c){var a=c.dataset.app;\n    c.addEventListener('pointerenter',function(){if(W[a].classList.contains('open'))W[a].classList.add('hl');D[a].classList.remove('hl');void D[a].offsetWidth;D[a].classList.add('hl')});\n    c.addEventListener('pointerleave',function(){W[a].classList.remove('hl')})});\n  var tt=[0,0],tf=0;function tiltTo(a,b){tt=[a,b];if(!tf)tf=requestAnimationFrame(function(){tf=0;mon.style.transform='rotateX('+tt[1].toFixed(2)+'deg) rotateY('+tt[0].toFixed(2)+'deg)'})}\n  \/* 3D tilt of the whole monitor *\/\n  s.querySelector('#mo-scene').addEventListener('pointermove',function(e){var b=this.getBoundingClientRect(),x=(e.clientX-b.left)\/b.width-.5,y=(e.clientY-b.top)\/b.height-.5;tiltTo(x*9,y*-6)});\n  s.querySelector('#mo-scene').addEventListener('pointerleave',function(){tiltTo(0,0)});\n  s.addEventListener('pointermove',function(e){var b=s.getBoundingClientRect();SPOT.style.setProperty('--mx',(e.clientX-b.left)+'px');SPOT.style.setProperty('--my',(e.clientY-b.top)+'px')});\n  \/* typewriters *\/\n  var tyEl=document.getElementById('mo-ty'),phr=['\u062c\u0633\u062a\u062c\u0648\u06cc \u0627\u0628\u0632\u0627\u0631\u2026','\u062a\u0633\u062a \u0633\u0631\u0639\u062a \u0633\u0627\u06cc\u062a','\u0633\u0627\u062e\u062a \u0645\u062a\u0627 \u062a\u06af','\u0641\u0634\u0631\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u0635\u0648\u06cc\u0631'],pi=0,ci=0,del=false;\n  function typeLoop(){if(run&&W.tools.classList.contains('open')){var p=phr[pi];ci+=del?-1:1;tyEl.textContent=p.slice(0,ci);\n      if(!del&&ci>=p.length){del=true;return setTimeout(typeLoop,1400)}if(del&&ci<=0){del=false;pi=(pi+1)%phr.length}}else{return setTimeout(typeLoop,500)}setTimeout(typeLoop,del?35:80)}\n  var term=document.getElementById('mo-term'),lines=['<span class=\"p\">$<\/span> <span class=\"w\">motmaen boot --all<\/span>','<span class=\"ok\">[ ok ]<\/span> core services','<span class=\"ok\">[ ok ]<\/span> automation engine','<span class=\"ok\">[ ok ]<\/span> tools gateway','<span class=\"ok\">[ ok ]<\/span> magazine sync','<span class=\"p\">$<\/span> <span class=\"w\">status<\/span>','<span class=\"ok\">ALL SYSTEMS ONLINE<\/span>'],li=0,tc=0,buf='';\n  function termLoop(){if(!(run&&W.os.classList.contains('open'))){return setTimeout(termLoop,400)}\n    var plain=lines[li],html=plain,vis=plain.replace(\/<[^>]+>\/g,'');\n    if(tc<vis.length){tc++;var out='',n=0,inTag=false;for(var i=0;i<plain.length&&n<tc;i++){var ch=plain[i];out+=ch;if(ch==='<')inTag=true;if(ch==='>')inTag=false;if(!inTag&&ch!=='>')n++}\n      var open=(out.match(\/<span\/g)||[]).length-(out.match(\/<\\\/span>\/g)||[]).length;while(open-->0)out+='<\/span>';term.innerHTML=buf+out;return setTimeout(termLoop,26)}\n    buf+=html+'\\n';li++;tc=0;if(li>=lines.length){setTimeout(function(){buf='';li=0;term.innerHTML=''},2600);return setTimeout(termLoop,2800)}setTimeout(termLoop,260)}\n  \/* magazine: highlight articles in turn *\/\n  var arts=[].slice.call(document.querySelectorAll('#mo-ls .mo-art')),ai=0;setInterval(function(){if(!run||!W.mag.classList.contains('open'))return;arts[ai].classList.remove('hi');ai=(ai+1)%arts.length;arts[ai].classList.add('hi')},2600);\n  var feat=document.getElementById('mo-feat');\n  feat.addEventListener('pointermove',function(e){var b=feat.getBoundingClientRect(),x=(e.clientX-b.left)\/b.width-.5,y=(e.clientY-b.top)\/b.height-.5;feat.style.transform='perspective(600px) rotateY('+(x*14)+'deg) rotateX('+(-y*10)+'deg)'});\n  feat.addEventListener('pointerleave',function(){feat.style.transform=''});\n  \/* boot sequence, then open the windows one by one *\/\n  var started=false;\n  function start(){if(started)return;started=true;s.classList.add('on');\n    if(reduce){s.classList.add('booted','ready');['tools','os','mag'].forEach(openApp);return}\n    setTimeout(function(){s.classList.add('booted')},3400);\n    setTimeout(function(){s.classList.add('ready')},3700);\n    setTimeout(function(){openApp('tools')},4300);setTimeout(function(){openApp('os')},5100);setTimeout(function(){openApp('mag')},5900)}\n  typeLoop();termLoop();\n  new IntersectionObserver(function(es){run=es[0].isIntersecting;if(run)start()},{threshold:.2}).observe(s);\n  new IntersectionObserver(function(es){s.classList.toggle('off',!es[0].isIntersecting)},{rootMargin:'160px'}).observe(s);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0637\u0645\u0626\u0646 | \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u0633\u0626\u0648 \u0627\u0632 \u0631\u0648\u0632 \u0627\u0648\u0644 \u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627 \u0637\u0631\u0627\u062d\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u0645\u0637\u0645\u0626\u0646 \u0633\u0627\u06cc\u062a\u06cc \u06a9\u0647 \u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0634\u062a\u0631\u06cc \u0631\u0627 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u0648 \u0641\u0631\u0648\u0634 \u0631\u0627 \u0628\u0627\u0644\u0627 \u0645\u06cc\u200c\u0628\u0631\u062f \u0633\u0627\u06cc\u062a\u06cc \u0633\u0631\u06cc\u0639\u060c \u0632\u06cc\u0628\u0627 \u0648 \u0633\u0626\u0648\u0634\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u06af\u0648\u06af\u0644 \u0634\u0645\u0627 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0646\u062f \u0648 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u0646\u062f. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtmn.ir\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtmn.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mtmn.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mtmn.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mtmn.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":58,"href":"https:\/\/mtmn.ir\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/mtmn.ir\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/mtmn.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}