{"id":1840,"date":"2026-07-09T20:37:32","date_gmt":"2026-07-10T00:37:32","guid":{"rendered":"https:\/\/amir.technology\/ai-call-center\/"},"modified":"2026-07-17T09:21:52","modified_gmt":"2026-07-17T13:21:52","slug":"ai-call-center","status":"publish","type":"page","link":"https:\/\/amir.technology\/fa\/ai-call-center\/","title":{"rendered":"\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633 \u0647\u0648\u0634\u0645\u0646\u062f"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n\r\n\r\n\r\n\r\n\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633 \u0647\u0648\u0634\u0645\u0646\u062f \u2014 AMIR TECHNOLOGY<\/title>\r\n<style>\r\n@font-face {\r\n font-family: 'Yekan';\r\n src: url('\/wp-content\/themes\/hello-elementor\/font\/Yekan.woff2') format('woff2'),\r\n url('\/wp-content\/themes\/hello-elementor\/font\/Yekan.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n<\/style>\r\n<style>\r\n :root{\r\n --bg:#050506;\r\n --primary:#18E0FF; \/* electric blue \u2014 product identity *\/\r\n --primary-dim:#0e9ab3;\r\n --accent:#00FF96; \/* neon green \u2014 online \/ success *\/\r\n --text:#FFFFFF;\r\n --muted:#8b939c;\r\n --glass-border:rgba(24,224,255,0.16);\r\n --card:rgba(255,255,255,0.025);\r\n --display:'Yekan', Tahoma, sans-serif;\r\n --body:'Yekan', Tahoma, sans-serif;\r\n --mono:'Yekan', Tahoma, sans-serif;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden;position:relative;\r\n direction:rtl;text-align:right;font-synthesis:none;-webkit-font-smoothing:antialiased;}\r\n h1,h2,h3,h4,h5,h6{font-family:'Yekan', Tahoma, sans-serif !important;}\r\n ::selection{background:var(--primary);color:#000;}\r\n ::-webkit-scrollbar{width:8px;}\r\n ::-webkit-scrollbar-track{background:var(--bg);}\r\n ::-webkit-scrollbar-thumb{background:rgba(24,224,255,0.3);border-radius:4px;}\r\n\r\n #wave-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;}\r\n .noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.035;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");}\r\n .cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:2;\r\n background:radial-gradient(circle, rgba(24,224,255,0.07) 0%, rgba(24,224,255,0) 70%);\r\n transform:translate(-50%,-50%);left:-9999px;top:-9999px;}\r\n\r\n section{position:relative;z-index:3;}\r\n .container{max-width:1320px;margin:0 auto;padding:0 5vw;}\r\n .py{padding:150px 0;}\r\n .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);\r\n box-shadow:0 0 12px var(--accent), 0 0 24px var(--accent);animation:pulse-dot 2.4s ease-in-out infinite;}\r\n @keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(0.7);}}\r\n\r\n .btn-primary{font-family:var(--body);background:var(--primary);color:#000;border:none;padding:11px 22px;\r\n border-radius:100px;font-weight:600;font-size:0.82rem;cursor:pointer;\r\n transition:transform .3s cubic-bezier(.19,1,.22,1), box-shadow .3s ease;}\r\n .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(24,224,255,0.4);}\r\n .btn-ghost{font-family:var(--body);background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.15);\r\n padding:11px 22px;border-radius:100px;font-weight:500;font-size:0.82rem;cursor:pointer;transition:all .3s ease;\r\n display:inline-flex;align-items:center;gap:8px;}\r\n .btn-ghost:hover{border-color:var(--primary);background:rgba(24,224,255,0.07);}\r\n\r\n .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .9s cubic-bezier(.19,1,.22,1);}\r\n .reveal.in{opacity:1;transform:translateY(0);}\r\n\r\n .section-head{text-align:center;max-width:640px;margin:0 auto 64px;}\r\n .section-eyebrow{font-family:var(--mono);font-size:0.78rem;color:var(--primary);margin-bottom:16px;}\r\n .section-head h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem, 3.6vw, 3rem);line-height:1.15;margin-bottom:16px;}\r\n .section-head p{color:var(--muted);font-size:1rem;line-height:1.7;font-weight:300;}\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{min-height:100vh;display:flex;align-items:flex-start;padding:48px 5vw 0;position:relative;overflow:hidden;}\r\n .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw;align-items:center;width:100%;}\r\n .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:0.78rem;\r\n color:var(--primary);border:1px solid var(--glass-border);padding:6px 14px;border-radius:100px;\r\n margin-bottom:28px;background:rgba(24,224,255,0.05);}\r\n .hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem, 5vw, 4rem);line-height:1.25;letter-spacing:0;margin-bottom:18px;}\r\n .hero h1 .accent{color:var(--primary);text-shadow:0 0 40px rgba(24,224,255,0.4);}\r\n .hero-sub{font-size:1.05rem;color:var(--muted);max-width:480px;line-height:1.75;margin-bottom:28px;font-weight:300;}\r\n .feature-list{list-style:none;margin-bottom:34px;}\r\n .feature-list li{display:flex;align-items:center;gap:10px;color:var(--text);font-size:0.9rem;padding:6px 0;font-weight:300;}\r\n .feature-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}\r\n .hero-cta{display:flex;gap:16px;flex-wrap:wrap;}\r\n\r\n .voice-stage{position:relative;height:560px;display:flex;align-items:center;justify-content:center;}\r\n #voice-core{width:100%;height:100%;}\r\n .live-call-toast{\r\n position:absolute;background:rgba(5,6,7,0.8);border:1px solid var(--glass-border);border-radius:12px;\r\n padding:10px 14px;font-family:var(--mono);font-size:0.68rem;color:var(--text);backdrop-filter:blur(8px);\r\n display:flex;align-items:center;gap:8px;opacity:0;animation:toast-in 6s ease-in-out infinite;\r\n }\r\n .live-call-toast .dot{width:6px;height:6px;}\r\n @keyframes toast-in{\r\n 0%{opacity:0;transform:translateY(10px);}\r\n 10%{opacity:1;transform:translateY(0);}\r\n 85%{opacity:1;}\r\n 100%{opacity:0;transform:translateY(-10px);}\r\n }\r\n\r\n \/* ---------- live call operations ---------- *\/\r\n .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}\r\n .stat-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:22px 20px;\r\n transition:transform .4s cubic-bezier(.19,1,.22,1), border-color .4s ease;}\r\n .stat-card:hover{transform:translateY(-4px);border-color:rgba(24,224,255,0.35);}\r\n .stat-label{font-family:var(--mono);font-size:0.75rem;color:var(--muted);margin-bottom:12px;}\r\n .stat-value{font-family:var(--display);font-size:1.75rem;font-weight:600;}\r\n .stat-value .unit{font-size:0.85rem;color:var(--primary);margin-left:4px;}\r\n .stat-sub{font-family:var(--mono);font-size:0.66rem;color:var(--accent);margin-top:8px;}\r\n\r\n \/* ---------- call flow ---------- *\/\r\n .flow-wrap{max-width:420px;margin:0 auto;}\r\n .flow-step{\r\n background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:14px;\r\n padding:16px 22px;display:flex;align-items:center;gap:14px;margin-bottom:0;transition:all .3s ease;\r\n }\r\n .flow-step.active{border-color:var(--primary);background:rgba(24,224,255,0.06);box-shadow:0 0 24px rgba(24,224,255,0.15);}\r\n .flow-num{font-family:var(--mono);font-size:0.7rem;color:var(--primary);width:22px;flex-shrink:0;}\r\n .flow-step h4{font-family:var(--display);font-size:0.92rem;font-weight:600;}\r\n .flow-connector{width:1px;height:22px;background:rgba(24,224,255,0.2);margin-left:36px;}\r\n\r\n \/* ---------- conversation ---------- *\/\r\n .conv-panel{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;max-width:980px;margin:0 auto;}\r\n .chat-window{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:26px;}\r\n .chat-bubble{max-width:78%;padding:13px 18px;border-radius:14px;font-size:0.88rem;line-height:1.6;margin-bottom:16px;}\r\n .chat-bubble.customer{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);}\r\n .chat-bubble.agent{background:rgba(24,224,255,0.08);border:1px solid var(--glass-border);margin-left:auto;}\r\n .chat-who{font-family:var(--mono);font-size:0.68rem;color:var(--muted);margin-bottom:6px;}\r\n .chat-bubble.agent .chat-who{color:var(--primary);text-align:right;}\r\n .metrics-panel{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:18px;}\r\n .metric-row{display:flex;justify-content:space-between;align-items:center;}\r\n .metric-label{font-family:var(--mono);font-size:0.76rem;color:var(--muted);}\r\n .metric-val{font-family:var(--display);font-size:0.95rem;font-weight:600;color:var(--primary);}\r\n .metric-bar{height:5px;border-radius:4px;background:rgba(255,255,255,0.06);overflow:hidden;margin-top:6px;}\r\n .metric-fill{height:100%;background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;}\r\n\r\n \/* ---------- agent wall ---------- *\/\r\n .wall-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}\r\n .wall-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:20px 18px;\r\n transition:all .35s cubic-bezier(.19,1,.22,1);}\r\n .wall-card:hover{border-color:rgba(24,224,255,0.35);transform:translateY(-4px);background:rgba(24,224,255,0.03);}\r\n .wall-status{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:0.62rem;color:var(--accent);margin-bottom:12px;}\r\n .wall-card h4{font-family:var(--display);font-size:0.92rem;font-weight:600;margin-bottom:8px;}\r\n .wall-langs{font-family:var(--mono);font-size:0.65rem;color:var(--muted);}\r\n\r\n \/* ---------- world map ---------- *\/\r\n .map-stage{position:relative;height:440px;display:flex;align-items:center;justify-content:center;}\r\n #call-globe{width:100%;height:100%;}\r\n\r\n \/* ---------- deployment ---------- *\/\r\n .deploy-row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:44px;}\r\n .deploy-card{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;text-align:center;width:210px;transition:all .35s ease;}\r\n .deploy-card:hover{border-color:var(--primary);transform:translateY(-6px);}\r\n .deploy-card h4{font-family:var(--display);font-size:1rem;font-weight:600;margin-top:10px;}\r\n .deploy-arrow{color:var(--primary);font-family:var(--mono);font-size:1.3rem;}\r\n .launch-wrap{text-align:center;}\r\n\r\n \/* ---------- tech stack ---------- *\/\r\n .chip-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}\r\n .chip{font-family:var(--mono);font-size:0.78rem;color:var(--text);border:1px solid rgba(255,255,255,0.1);\r\n padding:9px 18px;border-radius:100px;background:var(--card);transition:all .3s ease;}\r\n .chip:hover{border-color:var(--primary);color:var(--primary);}\r\n\r\n \/* ---------- enterprise banner ---------- *\/\r\n .ent-banner{\r\n border:1px solid var(--glass-border);border-radius:20px;padding:48px;\r\n background:radial-gradient(ellipse at top left, rgba(24,224,255,0.08), transparent 60%), var(--card);\r\n display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center;\r\n }\r\n .ent-banner h3{font-family:var(--display);font-size:1.6rem;font-weight:600;margin-bottom:14px;}\r\n .ent-banner p{color:var(--muted);font-size:0.92rem;line-height:1.7;font-weight:300;margin-bottom:20px;}\r\n .ent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}\r\n .ent-mini{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:14px;}\r\n .ent-mini .l{font-family:var(--mono);font-size:0.66rem;color:var(--muted);}\r\n .ent-mini .v{font-family:var(--display);font-size:1.1rem;font-weight:600;color:var(--primary);margin-top:4px;}\r\n\r\n @media (max-width:980px){\r\n .hero-grid{grid-template-columns:1fr;}\r\n .voice-stage{height:380px;order:-1;}\r\n .stat-grid{grid-template-columns:repeat(2,1fr);}\r\n .conv-panel{grid-template-columns:1fr;}\r\n .wall-grid{grid-template-columns:repeat(2,1fr);}\r\n .ent-banner{grid-template-columns:1fr;}\r\n }\r\n @media (max-width:600px){\r\n .stat-grid{grid-template-columns:1fr 1fr;}\r\n .wall-grid{grid-template-columns:1fr 1fr;}\r\n .py{padding:100px 0;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<canvas id=\"wave-canvas\"><\/canvas>\r\n<div class=\"noise\"><\/div>\r\n<div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"top\">\r\n <div class=\"hero-grid container\">\r\n <div>\r\n <div class=\"eyebrow\"><span class=\"dot\" style=\"width:6px;height:6px;\"><\/span> \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0648\u0634 \u0635\u0648\u062a\u06cc<\/div>\r\n <h1>\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633 <span class=\"accent\">\u0647\u0648\u0634\u0645\u0646\u062f.<\/span><br>\u06af\u0641\u062a\u06af\u0648\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f.<br>\u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0627\u0646\u0633\u0627\u0646\u06cc.<\/h1>\r\n <p class=\"hero-sub\">\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0646\u0633\u0644 \u062c\u062f\u06cc\u062f \u06a9\u0647 \u067e\u0627\u0633\u062e \u0645\u06cc\u200c\u062f\u0646\u060c \u062f\u0631\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u0648 \u0645\u0634\u06a9\u0644 \u0631\u0648 \u062d\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u2014 \u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647\u060c \u0628\u0647 \u0647\u0631 \u0632\u0628\u0627\u0646\u06cc \u06a9\u0647 \u0645\u0634\u062a\u0631\u06cc\u200c\u0647\u0627\u062a\u0648\u0646 \u0635\u062d\u0628\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646.<\/p>\r\n <ul class=\"feature-list\">\r\n <li>\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u062e\u0648\u062f\u0645\u062e\u062a\u0627\u0631\u060c \u06f2\u06f4\/\u06f7<\/li>\r\n <li>\u06af\u0641\u062a\u06af\u0648\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc \u0648 \u0627\u0646\u0633\u0627\u0646\u06cc<\/li>\r\n <li>\u0686\u0646\u062f\u0632\u0628\u0627\u0646\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636<\/li>\r\n <li>\u062a\u062d\u0644\u06cc\u0644 \u0648 \u0627\u062d\u0633\u0627\u0633\u0627\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc<\/li>\r\n <\/ul>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn-primary\" onclick=\"document.getElementById('deployment').scrollIntoView({behavior:'smooth'})\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0645\u0648<\/button>\r\n <button class=\"btn-ghost\" onclick=\"document.getElementById('operations').scrollIntoView({behavior:'smooth'})\">\u25b6 \u0645\u0634\u0627\u0647\u062f\u0647 \u0632\u0646\u062f\u0647<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"voice-stage\">\r\n <canvas id=\"voice-core\"><\/canvas>\r\n <div class=\"live-call-toast\" style=\"top:8%;left:2%;animation-delay:0s;\"><span class=\"dot\"><\/span>\u062a\u0645\u0627\u0633 \u0645\u062a\u0635\u0644 \u0634\u062f \u2014 \u0627\u06cc\u062c\u0646\u062a \u0641\u0631\u0648\u0634<\/div>\r\n <div class=\"live-call-toast\" style=\"top:42%;right:0%;animation-delay:2s;\"><span class=\"dot\"><\/span>\u062d\u0644 \u0634\u062f \u062f\u0631 0.9 \u062b\u0627\u0646\u06cc\u0647 \u2014 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/div>\r\n <div class=\"live-call-toast\" style=\"bottom:10%;left:6%;animation-delay:4s;\"><span class=\"dot\"><\/span>\u062a\u0645\u0627\u0633 \u062c\u062f\u06cc\u062f \u2014 \u0627\u06cc\u062c\u0646\u062a \u0646\u0648\u0628\u062a\u200c\u062f\u0647\u06cc<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- LIVE CALL OPERATIONS -->\r\n<section class=\"py\" id=\"operations\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0639\u0645\u0644\u06cc\u0627\u062a \u0632\u0646\u062f\u0647 \u062a\u0645\u0627\u0633<\/div>\r\n <h2>\u0633\u0627\u0644\u0646 \u0639\u0645\u0644\u06cc\u0627\u062a\u060c \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646<\/h2>\r\n <\/div>\r\n <div class=\"stat-grid\">\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645<\/div><div class=\"stat-value\" data-target=\"1248\">0<\/div><div class=\"stat-sub\">\u25cf \u0632\u0646\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646<\/div><div class=\"stat-value\" data-target=\"486\">0<\/div><div class=\"stat-sub\">\u25cf \u0641\u0639\u0627\u0644<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u067e\u0627\u0633\u062e<\/div><div class=\"stat-value\" data-target=\"0.8\" data-decimal=\"1\">0<span class=\"unit\">s<\/span><\/div><div class=\"stat-sub\">\u25cf \u0633\u0631\u06cc\u0639<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc<\/div><div class=\"stat-value\" data-target=\"98.7\" data-decimal=\"1\">0<span class=\"unit\">%<\/span><\/div><div class=\"stat-sub\">\u25cf \u0639\u0627\u0644\u06cc<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644<\/div><div class=\"stat-value\" data-target=\"24\">0<\/div><div class=\"stat-sub\">\u25cf \u062c\u0647\u0627\u0646\u06cc<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc \u0627\u0645\u0631\u0648\u0632<\/div><div class=\"stat-value\" data-target=\"84215\">0<\/div><div class=\"stat-sub\">\u25cf \u067e\u0631\u062f\u0627\u0632\u0634\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0646\u0631\u062e \u0645\u0648\u0641\u0642\u06cc\u062a<\/div><div class=\"stat-value\" data-target=\"99.96\" data-decimal=\"2\">0<span class=\"unit\">%<\/span><\/div><div class=\"stat-sub\">\u25cf \u062a\u0623\u06cc\u06cc\u062f\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u0645\u062f\u062a \u062a\u0645\u0627\u0633<\/div><div class=\"stat-value\" style=\"font-size:1.5rem;\">02:31<\/div><div class=\"stat-sub\">\u25cf \u067e\u0627\u06cc\u062f\u0627\u0631<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CALL FLOW -->\r\n<section class=\"py\" id=\"flow\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0633\u06cc\u0631 \u062a\u0645\u0627\u0633<\/div>\r\n <h2>\u062f\u0631 \u0647\u0631 \u062a\u0645\u0627\u0633 \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc\u200c\u0627\u0641\u062a\u0647<\/h2>\r\n <\/div>\r\n <div class=\"flow-wrap reveal\" id=\"flowWrap\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- REAL-TIME CONVERSATION -->\r\n<section class=\"py\" id=\"conversation\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u06af\u0641\u062a\u06af\u0648\u06cc \u0632\u0646\u062f\u0647<\/div>\r\n <h2>\u0634\u0646\u06cc\u062f\u0646\u060c \u062f\u0631\u06a9 \u06a9\u0631\u062f\u0646\u060c \u067e\u0627\u0633\u062e \u062f\u0627\u062f\u0646<\/h2>\r\n <\/div>\r\n <div class=\"conv-panel reveal\">\r\n <div class=\"chat-window\">\r\n <div class=\"chat-bubble customer\"><div class=\"chat-who\">\ud83d\udc64 \u0645\u0634\u062a\u0631\u06cc<\/div>\u0633\u0644\u0627\u0645\u060c \u0628\u0631\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u0645 \u0628\u0647 \u06a9\u0645\u06a9 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0645.<\/div>\r\n <div class=\"chat-bubble agent\"><div class=\"chat-who\">\ud83e\udd16 \u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\u062d\u062a\u0645\u0627\u064b. \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646 \u0648\u0636\u0639\u06cc\u062a \u0633\u0641\u0627\u0631\u0634\u062a\u0648\u0646 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0645.<\/div>\r\n <div class=\"chat-bubble customer\"><div class=\"chat-who\">\ud83d\udc64 \u0645\u0634\u062a\u0631\u06cc<\/div>\u0642\u0631\u0627\u0631 \u0628\u0648\u062f \u062f\u06cc\u0631\u0648\u0632 \u0628\u0631\u0633\u0647.<\/div>\r\n <div class=\"chat-bubble agent\"><div class=\"chat-who\">\ud83e\udd16 \u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\u062a\u0623\u062e\u06cc\u0631 \u0631\u0648 \u0645\u06cc\u200c\u0628\u06cc\u0646\u0645 \u2014 \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0627\u0648\u0644\u0648\u06cc\u062a\u200c\u062f\u0627\u0631 \u067e\u0631\u0686\u0645\u200c\u06af\u0630\u0627\u0631\u06cc\u0634 \u06a9\u0631\u062f\u0645 \u0648 \u062a\u0623\u06cc\u06cc\u062f\u06cc\u0647 \u0631\u0648 \u0628\u0631\u0627\u062a\u0648\u0646 \u0641\u0631\u0633\u062a\u0627\u062f\u0645.<\/div>\r\n <\/div>\r\n <div class=\"metrics-panel\">\r\n <div class=\"metric-row\"><div class=\"metric-label\">\u0627\u062d\u0633\u0627\u0633 \u0645\u0634\u062a\u0631\u06cc<\/div><div class=\"metric-val\">\u0645\u062b\u0628\u062a<\/div><\/div>\r\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:82%\"><\/div><\/div>\r\n <div class=\"metric-row\"><div class=\"metric-label\">\u0632\u0628\u0627\u0646<\/div><div class=\"metric-val\">\u0641\u0627\u0631\u0633\u06cc<\/div><\/div>\r\n <div class=\"metric-row\"><div class=\"metric-label\">\u0645\u0648\u0636\u0648\u0639 \u062a\u0634\u062e\u06cc\u0635\u200c\u062f\u0627\u062f\u0647\u200c\u0634\u062f\u0647<\/div><div class=\"metric-val\">\u062a\u0623\u062e\u06cc\u0631 \u0633\u0641\u0627\u0631\u0634<\/div><\/div>\r\n <div class=\"metric-row\"><div class=\"metric-label\">\u0632\u0645\u0627\u0646 \u067e\u0627\u0633\u062e<\/div><div class=\"metric-val\">0.7s<\/div><\/div>\r\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:94%\"><\/div><\/div>\r\n <div class=\"metric-row\"><div class=\"metric-label\">\u06a9\u06cc\u0641\u06cc\u062a \u062a\u0645\u0627\u0633<\/div><div class=\"metric-val\">98%<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AGENT WALL -->\r\n<section class=\"py\" id=\"wall\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u062f\u06cc\u0648\u0627\u0631 \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627<\/div>\r\n <h2>\u06cc\u06a9 \u0627\u06cc\u062c\u0646\u062a \u0628\u0631\u0627\u06cc \u0647\u0631 \u0646\u0648\u0639 \u0645\u06a9\u0627\u0644\u0645\u0647<\/h2>\r\n <\/div>\r\n <div class=\"wall-grid reveal\" id=\"wallGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WORLD MAP -->\r\n<section class=\"py\" id=\"map\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0646\u0642\u0634\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc \u062c\u0647\u0627\u0646\u06cc<\/div>\r\n <h2>\u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645\u0647<\/h2>\r\n <\/div>\r\n <div class=\"map-stage reveal\"><canvas id=\"call-globe\"><\/canvas><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DEPLOYMENT CENTER -->\r\n<section class=\"py\" id=\"deployment\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0631\u06a9\u0632 \u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/div>\r\n <h2>\u06cc\u06a9 \u0627\u06cc\u062c\u0646\u062a \u0635\u0648\u062a\u06cc \u0631\u0648 \u062f\u0631 \u0686\u0646\u062f \u062f\u0642\u06cc\u0642\u0647 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646<\/h2>\r\n <\/div>\r\n <div class=\"deploy-row reveal\">\r\n <div class=\"deploy-card\"><div class=\"section-eyebrow\" style=\"margin-bottom:0;\">\u06f0\u06f1<\/div><h4>\u0627\u06cc\u062c\u0627\u062f \u0627\u06cc\u062c\u0646\u062a \u0635\u0648\u062a\u06cc<\/h4><\/div>\r\n <div class=\"deploy-arrow\">\u2190<\/div>\r\n <div class=\"deploy-card\"><div class=\"section-eyebrow\" style=\"margin-bottom:0;\">\u06f0\u06f2<\/div><h4>\u0622\u0645\u0648\u0632\u0634<\/h4><\/div>\r\n <div class=\"deploy-arrow\">\u2190<\/div>\r\n <div class=\"deploy-card\"><div class=\"section-eyebrow\" style=\"margin-bottom:0;\">\u06f0\u06f3<\/div><h4>\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/h4><\/div>\r\n <\/div>\r\n <div class=\"launch-wrap reveal\"><button class=\"btn-primary\" style=\"padding:16px 40px;font-size:0.95rem;\">\u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/button><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TECH STACK -->\r\n<section class=\"py\" id=\"stack\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc<\/div>\r\n <h2>\u0633\u0627\u062e\u062a\u0647\u200c\u0634\u062f\u0647 \u0631\u0648\u06cc \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u06cc \u0627\u062b\u0628\u0627\u062a\u200c\u0634\u062f\u0647<\/h2>\r\n <\/div>\r\n <div class=\"chip-row reveal\">\r\n <span class=\"chip\">Speech-to-Text<\/span>\r\n <span class=\"chip\">Text-to-Speech<\/span>\r\n <span class=\"chip\">LLM<\/span>\r\n <span class=\"chip\">RAG<\/span>\r\n <span class=\"chip\">\u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc CRM<\/span>\r\n <span class=\"chip\">SIP<\/span>\r\n <span class=\"chip\">PBX<\/span>\r\n <span class=\"chip\">WebRTC<\/span>\r\n <span class=\"chip\">WhatsApp<\/span>\r\n <span class=\"chip\">SMS<\/span>\r\n <span class=\"chip\">Email<\/span>\r\n <span class=\"chip\">API<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ENTERPRISE -->\r\n<section class=\"py\" id=\"enterprise\">\r\n <div class=\"container\">\r\n <div class=\"ent-banner reveal\">\r\n <div>\r\n <div class=\"section-eyebrow\">\u0633\u0627\u0632\u0645\u0627\u0646\u06cc<\/div>\r\n <h3>\u0627\u062a\u0627\u0642 \u06a9\u0646\u062a\u0631\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062e\u0648\u062f\u062a\u0648\u0646<\/h3>\r\n <p>\u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u06cc\u06a9 \u0646\u0645\u0627\u06cc \u0627\u062a\u0627\u0642 \u06a9\u0646\u062a\u0631\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646 \u2014 \u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644\u060c \u0648\u0636\u0639\u06cc\u062a \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u060c \u0647\u0634\u062f\u0627\u0631\u0647\u0627 \u0648 \u0634\u0627\u062e\u0635\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u0647\u0645\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0632\u0646\u062f\u0647 \u0648 \u0631\u0648\u06cc \u0686\u0646\u062f \u0646\u0645\u0627\u06cc\u0634\u06af\u0631. \u0633\u0627\u062e\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0627\u0631\u062a\u0628\u0627\u0637\u06cc \u0631\u0648 \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646.<\/p>\r\n <button class=\"btn-ghost\">\u0635\u062d\u0628\u062a \u0628\u0627 \u062a\u06cc\u0645 \u0641\u0631\u0648\u0634<\/button>\r\n <\/div>\r\n <div class=\"ent-grid\">\r\n <div class=\"ent-mini\"><div class=\"l\">\u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644<\/div><div class=\"v\">1,248<\/div><\/div>\r\n <div class=\"ent-mini\"><div class=\"l\">\u0647\u0634\u062f\u0627\u0631\u0647\u0627<\/div><div class=\"v\">0<\/div><\/div>\r\n <div class=\"ent-mini\"><div class=\"l\">\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627<\/div><div class=\"v\">486<\/div><\/div>\r\n <div class=\"ent-mini\"><div class=\"l\">\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc<\/div><div class=\"v\">99.99%<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* cursor glow *\/\r\nconst glow = document.getElementById('cursorGlow');\r\nlet mouseX = window.innerWidth\/2, mouseY = window.innerHeight\/2;\r\nwindow.addEventListener('pointermove', (e) => {\r\n glow.style.left = e.clientX + 'px'; glow.style.top = e.clientY + 'px';\r\n mouseX = e.clientX; mouseY = e.clientY;\r\n}, {passive:true});\r\n\r\n\/* scroll reveal *\/\r\nconst io = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if(entry.isIntersecting){ entry.target.classList.add('in'); io.unobserve(entry.target); } });\r\n}, {threshold:0.15});\r\ndocument.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n\r\n\/* background voice wave \u2014 reacts to mouse *\/\r\n(function(){\r\n const canvas = document.getElementById('wave-canvas');\r\n const ctx = canvas.getContext('2d');\r\n let w,h,t=0;\r\n function resize(){ w = canvas.width = window.innerWidth; h = canvas.height = window.innerHeight; }\r\n window.addEventListener('resize', resize); resize();\r\n function draw(){\r\n ctx.clearRect(0,0,w,h);\r\n t += 0.02;\r\n const baseY = h*0.5;\r\n const influence = Math.max(0, 1 - Math.abs(mouseY-baseY)\/h) * 40;\r\n const lines = [\r\n {color:'rgba(24,224,255,0.10)', amp:18, freq:0.006, speed:1},\r\n {color:'rgba(0,255,150,0.07)', amp:26, freq:0.004, speed:0.7},\r\n {color:'rgba(24,224,255,0.05)', amp:34, freq:0.003, speed:1.3}\r\n ];\r\n lines.forEach((line, idx) => {\r\n ctx.beginPath();\r\n ctx.strokeStyle = line.color;\r\n ctx.lineWidth = 1.4;\r\n for(let x=0;x<=w;x+=8){\r\n const distFromMouse = Math.abs(x-mouseX);\r\n const boost = Math.max(0, 1 - distFromMouse\/400) * influence;\r\n const y = baseY + Math.sin(x*line.freq + t*line.speed + idx) * (line.amp + boost);\r\n if(x===0) ctx.moveTo(x,y); else ctx.lineTo(x,y);\r\n }\r\n ctx.stroke();\r\n });\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\r\n\/* AI voice core canvas *\/\r\n(function(){\r\n const canvas = document.getElementById('voice-core');\r\n const ctx = canvas.getContext('2d');\r\n let w,h,cx,cy,t=0;\r\n function resize(){\r\n const rect = canvas.parentElement.getBoundingClientRect();\r\n w = canvas.width = rect.width; h = canvas.height = rect.height; cx=w\/2; cy=h\/2;\r\n }\r\n window.addEventListener('resize', resize); resize();\r\n const bars = Array.from({length:40}, (_,i) => i);\r\n function draw(){\r\n ctx.clearRect(0,0,w,h); t += 0.05;\r\n const pulse = 1 + Math.sin(t*0.6)*0.06;\r\n const grad = ctx.createRadialGradient(cx,cy,0,cx,cy,85*pulse);\r\n grad.addColorStop(0,'rgba(24,224,255,0.9)'); grad.addColorStop(0.35,'rgba(24,224,255,0.3)'); grad.addColorStop(1,'rgba(24,224,255,0)');\r\n ctx.fillStyle=grad; ctx.beginPath(); ctx.arc(cx,cy,85*pulse,0,Math.PI*2); ctx.fill();\r\n ctx.fillStyle='rgba(255,255,255,0.95)'; ctx.beginPath(); ctx.arc(cx,cy,13*pulse,0,Math.PI*2); ctx.fill();\r\n\r\n \/\/ circular voice bars\r\n bars.forEach((i) => {\r\n const angle = (i\/bars.length) * Math.PI*2;\r\n const barHeight = 14 + Math.abs(Math.sin(t*1.5 + i*0.5)) * 26;\r\n const rInner = 110;\r\n const x1 = cx + Math.cos(angle)*rInner, y1 = cy + Math.sin(angle)*rInner;\r\n const x2 = cx + Math.cos(angle)*(rInner+barHeight), y2 = cy + Math.sin(angle)*(rInner+barHeight);\r\n ctx.strokeStyle = i%2===0 ? 'rgba(24,224,255,0.5)' : 'rgba(0,255,150,0.35)';\r\n ctx.lineWidth = 2;\r\n ctx.beginPath(); ctx.moveTo(x1,y1); ctx.lineTo(x2,y2); ctx.stroke();\r\n });\r\n\r\n \/\/ orbit ring\r\n ctx.strokeStyle = 'rgba(24,224,255,0.2)'; ctx.lineWidth=1;\r\n ctx.beginPath(); ctx.arc(cx,cy,160,0,Math.PI*2); ctx.stroke();\r\n\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\r\n\/* call flow steps cycling *\/\r\nconst flowSteps = ['\u0645\u0634\u062a\u0631\u06cc','\u062a\u0634\u062e\u06cc\u0635 \u06af\u0641\u062a\u0627\u0631','\u062f\u0631\u06a9 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u0646\u0634','\u0645\u0648\u062a\u0648\u0631 \u062a\u0635\u0645\u06cc\u0645','\u067e\u0627\u0633\u062e \u0635\u0648\u062a\u06cc','\u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc CRM','\u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f'];\r\nconst flowWrap = document.getElementById('flowWrap');\r\nflowSteps.forEach((label, i) => {\r\n const step = document.createElement('div');\r\n step.className = 'flow-step';\r\n step.id = 'flowStep' + i;\r\n step.innerHTML = `<div class=\"flow-num\">${String(i+1).padStart(2,'0')}<\/div><h4>${label}<\/h4>`;\r\n flowWrap.appendChild(step);\r\n if(i < flowSteps.length-1){\r\n const connector = document.createElement('div');\r\n connector.className = 'flow-connector';\r\n flowWrap.appendChild(connector);\r\n }\r\n});\r\nlet flowActive = 0;\r\nsetInterval(() => {\r\n document.querySelectorAll('.flow-step').forEach(s => s.classList.remove('active'));\r\n document.getElementById('flowStep'+flowActive).classList.add('active');\r\n flowActive = (flowActive+1) % flowSteps.length;\r\n}, 1000);\r\n\r\n\/* agent wall *\/\r\nconst wallAgents = [\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0641\u0631\u0648\u0634', langs:'EN \u00b7 ES \u00b7 FR'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc', langs:'EN \u00b7 AR \u00b7 DE'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0646\u0648\u0628\u062a\u200c\u062f\u0647\u06cc', langs:'EN \u00b7 FA \u00b7 TR'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0633\u0644\u0627\u0645\u062a', langs:'EN \u00b7 ES \u00b7 ZH'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0628\u0627\u0646\u06a9\u06cc', langs:'EN \u00b7 FR \u00b7 AR'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0628\u06cc\u0645\u0647', langs:'EN \u00b7 DE \u00b7 IT'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u062f\u0648\u0644\u062a\u06cc', langs:'EN \u00b7 FA \u00b7 AR'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0647\u062a\u0644', langs:'EN \u00b7 ES \u00b7 JA'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0631\u0633\u062a\u0648\u0631\u0627\u0646', langs:'EN \u00b7 IT \u00b7 FR'},\r\n {name:'\u0627\u06cc\u062c\u0646\u062a \u0627\u0648\u0631\u0698\u0627\u0646\u0633', langs:'EN \u00b7 FA \u00b7 AR'}\r\n];\r\nconst wallGrid = document.getElementById('wallGrid');\r\nwallAgents.forEach(a => {\r\n const card = document.createElement('div');\r\n card.className = 'wall-card';\r\n card.innerHTML = `<div class=\"wall-status\"><span class=\"dot\" style=\"width:6px;height:6px;\"><\/span> \u0622\u0646\u0644\u0627\u06cc\u0646<\/div><h4>${a.name}<\/h4><div class=\"wall-langs\">${a.langs}<\/div>`;\r\n wallGrid.appendChild(card);\r\n});\r\n\r\n\/* counters *\/\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n const el = entry.target;\r\n const target = parseFloat(el.dataset.target);\r\n const decimals = parseInt(el.dataset.decimal || '0');\r\n let start = performance.now();\r\n function tick(now){\r\n const p = Math.min(1,(now-start)\/1500);\r\n const eased = 1 - Math.pow(1-p,3);\r\n const cur = target*eased;\r\n el.childNodes[0].nodeValue = decimals>0 ? cur.toFixed(decimals) : Math.round(cur).toLocaleString();\r\n if(p<1) requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n counterObserver.unobserve(el);\r\n }\r\n });\r\n}, {threshold:0.4});\r\ndocument.querySelectorAll('.stat-value[data-target]').forEach(c => counterObserver.observe(c));\r\n\r\n\/* call globe *\/\r\n(function(){\r\n const canvas = document.getElementById('call-globe');\r\n const ctx = canvas.getContext('2d');\r\n let w,h,cx,cy,radius,rot=0;\r\n function resize(){\r\n const rect = canvas.parentElement.getBoundingClientRect();\r\n w = canvas.width = rect.width; h = canvas.height = rect.height; cx=w\/2; cy=h\/2; radius = Math.min(w,h)\/2 - 20;\r\n }\r\n window.addEventListener('resize', resize); resize();\r\n function project(lat, lon, r){\r\n const x = r*Math.cos(lat)*Math.sin(lon+rot);\r\n const y = r*Math.sin(lat);\r\n const z = r*Math.cos(lat)*Math.cos(lon+rot);\r\n return {x,y,z};\r\n }\r\n const nodes = [0.3,1.1,2.0,3.1,4.2,5.0,5.8];\r\n function draw(){\r\n ctx.clearRect(0,0,w,h); rot += 0.003;\r\n for(let i=0;i<=7;i++){\r\n const lat=(-Math.PI\/2)+(Math.PI*i\/7);\r\n ctx.beginPath(); let started=false;\r\n for(let j=0;j<=40;j++){\r\n const lon=(Math.PI*2*j\/40); const p=project(lat,lon,radius);\r\n const sx=cx+p.x, sy=cy-p.y; const alpha=(p.z\/radius+1)\/2*0.3+0.02;\r\n if(j===0) ctx.strokeStyle=`rgba(24,224,255,${alpha})`;\r\n if(!started){ctx.moveTo(sx,sy);started=true;} else ctx.lineTo(sx,sy);\r\n }\r\n ctx.stroke();\r\n }\r\n for(let i=0;i<10;i++){\r\n const lon=(Math.PI*2*i\/10);\r\n ctx.beginPath(); let started=false;\r\n for(let j=0;j<=40;j++){\r\n const lat=(-Math.PI\/2)+(Math.PI*j\/40); const p=project(lat,lon,radius);\r\n const sx=cx+p.x, sy=cy-p.y; const alpha=(p.z\/radius+1)\/2*0.3+0.02;\r\n if(j===0) ctx.strokeStyle=`rgba(0,255,150,${alpha})`;\r\n if(!started){ctx.moveTo(sx,sy);started=true;} else ctx.lineTo(sx,sy);\r\n }\r\n ctx.stroke();\r\n }\r\n nodes.forEach((lonSeed, idx) => {\r\n const lat = Math.sin(idx*1.7)*1.0, lon = lonSeed;\r\n const p = project(lat, lon, radius);\r\n if(p.z > 0){\r\n const sx=cx+p.x, sy=cy-p.y;\r\n const pulseSize = 2 + Math.sin(rot*50+idx)*1.3;\r\n ctx.fillStyle='rgba(24,224,255,0.95)';\r\n ctx.beginPath(); ctx.arc(sx,sy,Math.max(1,pulseSize),0,Math.PI*2); ctx.fill();\r\n }\r\n });\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633 \u0647\u0648\u0634\u0645\u0646\u062f \u2014 AMIR TECHNOLOGY \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0648\u0634 \u0635\u0648\u062a\u06cc \u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633 \u0647\u0648\u0634\u0645\u0646\u062f.\u06af\u0641\u062a\u06af\u0648\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f.\u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0627\u0646\u0633\u0627\u0646\u06cc. \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0646\u0633\u0644 \u062c\u062f\u06cc\u062f \u06a9\u0647 \u067e\u0627\u0633\u062e \u0645\u06cc\u200c\u062f\u0646\u060c \u062f\u0631\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u0648 \u0645\u0634\u06a9\u0644 \u0631\u0648 \u062d\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u2014 \u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647\u060c \u0628\u0647 \u0647\u0631 \u0632\u0628\u0627\u0646\u06cc \u06a9\u0647 \u0645\u0634\u062a\u0631\u06cc\u200c\u0647\u0627\u062a\u0648\u0646 \u0635\u062d\u0628\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646. \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u062e\u0648\u062f\u0645\u062e\u062a\u0627\u0631\u060c \u06f2\u06f4\/\u06f7 \u06af\u0641\u062a\u06af\u0648\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc \u0648 \u0627\u0646\u0633\u0627\u0646\u06cc \u0686\u0646\u062f\u0632\u0628\u0627\u0646\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0627\u062d\u0633\u0627\u0633\u0627\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0645\u0648 […]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1840","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/comments?post=1840"}],"version-history":[{"count":5,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1840\/revisions"}],"predecessor-version":[{"id":1845,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1840\/revisions\/1845"}],"wp:attachment":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/media?parent=1840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}