{"id":2011,"date":"2026-06-10T12:02:29","date_gmt":"2026-06-10T16:02:29","guid":{"rendered":"https:\/\/amir.farm\/hangar\/"},"modified":"2026-07-21T02:03:58","modified_gmt":"2026-07-21T06:03:58","slug":"hangar","status":"publish","type":"page","link":"https:\/\/amir.farm\/fa\/","title":{"rendered":"\u0622\u0634\u06cc\u0627\u0646\u0647"},"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\nAMIR FARM \u2014 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0622\u06cc\u0646\u062f\u0647 \u06a9\u0634\u0627\u0648\u0631\u0632\u06cc<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@400;500;600;700&family=Vazirmatn:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n --bg:#050505;\r\n --bg-2:#080b0a;\r\n --bg-panel:#0a0f0d;\r\n --green:#00ff96;\r\n --green-dim:#00c977;\r\n --cyan:#00d9ff;\r\n --white:#eafff5;\r\n --mute:#7c9490;\r\n --line:rgba(0,255,150,.16);\r\n --glass:rgba(255,255,255,.035);\r\n --glass-2:rgba(255,255,255,.06);\r\n --radius:18px;\r\n --disp:'Chakra Petch','Vazirmatn',sans-serif;\r\n --body:'Vazirmatn','Chakra Petch',sans-serif;\r\n --mono:'JetBrains Mono',monospace;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nhtml{scroll-behavior:smooth;overflow-x:hidden;width:100%;}\r\nbody{\r\n background:var(--bg);\r\n color:var(--white);\r\n font-family:var(--body);\r\n overflow-x:hidden;\r\n width:100%;\r\n cursor:default;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}\r\n}\r\n::selection{background:var(--green);color:#000;}\r\na{color:inherit;text-decoration:none;}\r\n\r\n\/* ---------- utility ---------- *\/\r\n.wrap{max-width:1280px;margin:0 auto;padding:0 32px;}\r\n.eyebrow{\r\n font-family:var(--mono);\r\n font-size:12px;\r\n letter-spacing:.25em;\r\n color:var(--green);\r\n text-transform:uppercase;\r\n display:flex;align-items:center;gap:10px;\r\n margin-bottom:18px;\r\n}\r\n.eyebrow::before{content:\"\";width:26px;height:1px;background:var(--green);display:inline-block;}\r\nh1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:.01em;}\r\n.section{position:relative;padding:140px 0;}\r\n.section-head{max-width:640px;margin-bottom:64px;}\r\n.section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.2;color:var(--white);}\r\n.section-head p{margin-top:16px;color:var(--mute);font-size:16px;line-height:1.8;max-width:560px;}\r\n.glass{\r\n background:var(--glass);\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n backdrop-filter:blur(6px);\r\n}\r\n.glow-text{\r\n background:linear-gradient(90deg,var(--green),var(--cyan));\r\n -webkit-background-clip:text;background-clip:text;color:transparent;\r\n}\r\n:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}\r\n\r\n\/* ---------- HERO ---------- *\/\r\n.hero{\r\n position:relative;height:100svh;min-height:680px;\r\n display:flex;align-items:center;justify-content:center;\r\n overflow:hidden;\r\n background:radial-gradient(ellipse at 50% 30%, #061510 0%, #050505 65%);\r\n}\r\n#heroCanvas{position:absolute;inset:0;width:100%;height:100%;}\r\n.hero-inner{position:relative;z-index:3;text-align:center;padding-top:40px;}\r\n.hero-tag{\r\n font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--cyan);\r\n text-transform:uppercase;margin-bottom:26px;opacity:.9;\r\n}\r\n.hero h1{\r\n font-size:clamp(38px,7vw,92px);\r\n line-height:1.02;\r\n color:var(--white);\r\n}\r\n.hero h1 span{display:block;}\r\n.hero-sub{\r\n margin:26px auto 0;max-width:560px;color:var(--mute);\r\n font-size:17px;line-height:1.8;\r\n}\r\n.hero-mantra{\r\n margin-top:22px;font-family:var(--mono);font-size:14px;letter-spacing:.35em;\r\n color:var(--green);text-transform:uppercase;\r\n}\r\n.hero-cta{display:flex;gap:16px;justify-content:center;margin-top:44px;flex-wrap:wrap;}\r\n.btn{\r\n font-family:var(--body);font-weight:600;font-size:15px;\r\n padding:15px 30px;border-radius:100px;\r\n display:inline-flex;align-items:center;gap:10px;\r\n transition:.3s cubic-bezier(.2,.8,.2,1);\r\n cursor:pointer;border:1px solid transparent;\r\n}\r\n.btn-primary{background:linear-gradient(90deg,var(--green),var(--cyan));color:#04140f;}\r\n.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(0,255,150,.35);}\r\n.btn-ghost{border-color:var(--line);color:var(--white);}\r\n.btn-ghost:hover{border-color:var(--green);color:var(--green);}\r\n.scroll-hint{\r\n position:absolute;bottom:34px;left:50%;transform:translateX(-50%);\r\n font-family:var(--mono);font-size:11px;color:var(--mute);letter-spacing:.2em;\r\n display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3;\r\n}\r\n.scroll-line{width:1px;height:36px;background:linear-gradient(var(--green),transparent);animation:scrolldown 1.8s infinite;}\r\n@keyframes scrolldown{0%{opacity:0;transform:scaleY(0);transform-origin:top;}30%{opacity:1;transform:scaleY(1);transform-origin:top;}100%{opacity:0;transform:scaleY(1);transform-origin:bottom;}}\r\n\r\n\/* floating agent labels around hero core *\/\r\n.orbit-label{\r\n position:absolute;font-family:var(--mono);font-size:11.5px;color:var(--cyan);\r\n padding:6px 12px;border:1px solid rgba(0,217,255,.3);border-radius:100px;\r\n background:rgba(0,20,20,.35);backdrop-filter:blur(3px);white-space:nowrap;\r\n animation:floaty 6s ease-in-out infinite;z-index:2;\r\n}\r\n@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}\r\n\r\n\/* ---------- DIGITAL TWIN FARM ---------- *\/\r\n.twin{position:relative;background:var(--bg-2);}\r\n.twin-stage{\r\n position:relative;height:560px;border-radius:24px;overflow:hidden;\r\n border:1px solid var(--line);\r\n background:\r\n radial-gradient(circle at 30% 20%, rgba(0,255,150,.08), transparent 45%),\r\n radial-gradient(circle at 70% 80%, rgba(0,217,255,.08), transparent 45%),\r\n #060a08;\r\n}\r\n.twin-grid{\r\n position:absolute;inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,255,150,.06) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,255,150,.06) 1px, transparent 1px);\r\n background-size:44px 44px;\r\n transform:perspective(600px) rotateX(58deg) scale(1.6);\r\n transform-origin:bottom;\r\n opacity:.55;\r\n}\r\n.tree{\r\n position:absolute;width:14px;height:14px;border-radius:50%;\r\n background:radial-gradient(circle,var(--green) 0%, rgba(0,255,150,.15) 70%,transparent 100%);\r\n cursor:pointer;\r\n}\r\n.tree::after{content:\"\";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(0,255,150,.3);animation:pulse 2.4s infinite;}\r\n@keyframes pulse{0%{transform:scale(.6);opacity:.9;}100%{transform:scale(2.4);opacity:0;}}\r\n.tree-card{\r\n position:absolute;top:-8px;right:22px;min-width:170px;\r\n padding:14px 16px;border-radius:12px;font-family:var(--mono);font-size:12px;\r\n background:rgba(4,12,10,.92);border:1px solid var(--green);\r\n opacity:0;pointer-events:none;transform:translateY(6px);\r\n transition:.2s;z-index:5;\r\n}\r\n.tree:hover .tree-card{opacity:1;transform:translateY(0);}\r\n.tree-card .tc-row{display:flex;justify-content:space-between;margin-top:6px;color:var(--mute);}\r\n.tree-card .tc-row b{color:var(--white);font-weight:600;}\r\n.tree-card .tc-title{color:var(--green);font-size:12.5px;margin-bottom:4px;}\r\n\r\n\/* ---------- DATA STREAM ---------- *\/\r\n.stream{background:var(--bg);}\r\n.stream-box{position:relative;height:420px;border-radius:24px;border:1px solid var(--line);overflow:hidden;background:#060908;}\r\n.stream-core{\r\n position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:110px;height:110px;border-radius:50%;\r\n background:radial-gradient(circle, rgba(0,255,150,.5), transparent 70%);\r\n box-shadow:0 0 60px 20px rgba(0,255,150,.25);\r\n display:flex;align-items:center;justify-content:center;\r\n font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-align:center;\r\n border:1px solid var(--green);z-index:3;\r\n}\r\n.data-chip{\r\n position:absolute;font-family:var(--mono);font-size:11px;color:var(--cyan);\r\n padding:5px 10px;border:1px solid rgba(0,217,255,.35);border-radius:8px;\r\n background:rgba(0,10,14,.5);animation:tostream 4s linear infinite;\r\n}\r\n@keyframes tostream{\r\n 0%{opacity:0;}\r\n 10%{opacity:1;}\r\n 90%{opacity:1;transform:translate(var(--tx),var(--ty)) scale(.4);}\r\n 100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.2);}\r\n}\r\n\r\n\/* ---------- PRECISION SPLIT ---------- *\/\r\n.precision{background:var(--bg-2);}\r\n.split{\r\n position:relative;height:440px;border-radius:24px;overflow:hidden;border:1px solid var(--line);\r\n background:linear-gradient(120deg,#0c1210,#0a1512);\r\n}\r\n.split-side{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;}\r\n.split-left{background:linear-gradient(160deg,#132018,#0a0f0d);}\r\n.split-right{\r\n background:linear-gradient(160deg,#071612,#050b0a);\r\n clip-path:inset(0 0 0 50%);\r\n}\r\n.split .blob{width:60%;height:60%;border-radius:40% 60% 55% 45%\/50% 45% 55% 50%;position:relative;}\r\n.split-left .blob{background:radial-gradient(circle at 40% 30%, #2a4a35, #0e1b13);}\r\n.split-right .blob{background:radial-gradient(circle at 40% 30%, #2a4a35, #0e1b13);position:relative;}\r\n.split-right .blob::before,.split-right .blob::after{\r\n content:\"\";position:absolute;border-radius:50%;\r\n}\r\n.split-right .blob::before{width:22%;height:22%;top:15%;left:20%;background:radial-gradient(circle,var(--green),transparent 70%);box-shadow:0 0 20px var(--green);}\r\n.split-right .blob::after{width:16%;height:16%;bottom:18%;right:22%;background:radial-gradient(circle,#ff5f4d,transparent 70%);box-shadow:0 0 20px #ff5f4d;}\r\n.split-handle{\r\n position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--white);\r\n box-shadow:0 0 12px var(--white);\r\n}\r\n.split-tag{position:absolute;top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;padding:6px 14px;border-radius:100px;background:rgba(0,0,0,.5);}\r\n.split-tag.left{left:22px;border:1px solid var(--mute);}\r\n.split-tag.right{right:22px;border:1px solid var(--green);color:var(--green);}\r\n.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-family:var(--mono);font-size:12.5px;color:var(--mute);}\r\n.legend span{display:inline-flex;align-items:center;gap:8px;}\r\n.legend i{width:9px;height:9px;border-radius:2px;display:inline-block;}\r\n\r\n\/* ---------- FRUIT COUNTER ---------- *\/\r\n.fruit{background:var(--bg);}\r\n.fruit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}\r\n@media(max-width:900px){.fruit-grid{grid-template-columns:1fr;}}\r\n.orchard{\r\n position:relative;height:360px;border-radius:24px;border:1px solid var(--line);\r\n background:radial-gradient(circle at 30% 30%, #10251a, #060a08);overflow:hidden;\r\n}\r\n.fruit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);}\r\n.fruit-dot::after{content:\"\";position:absolute;inset:-6px;border:1px solid var(--green);border-radius:50%;opacity:.5;}\r\n.count-panel{padding:8px;}\r\n.count-num{\r\n font-family:var(--mono);font-size:clamp(46px,6vw,72px);font-weight:600;\r\n color:var(--white);line-height:1;\r\n}\r\n.count-label{color:var(--mute);font-size:13px;margin-top:8px;letter-spacing:.1em;text-transform:uppercase;}\r\n.yield-tag{\r\n margin-top:30px;padding:18px 22px;border-radius:16px;border:1px solid var(--green);\r\n display:flex;justify-content:space-between;align-items:center;\r\n}\r\n.yield-tag b{font-family:var(--mono);font-size:24px;color:var(--green);}\r\n\r\n\/* ---------- DISEASE HUNTER ---------- *\/\r\n.disease{background:var(--bg-2);}\r\n.leaf-stage{\r\n position:relative;height:420px;border-radius:24px;border:1px solid var(--line);overflow:hidden;\r\n background:radial-gradient(circle at 50% 40%, #132a1c, #060a08);\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.leaf-shape{\r\n width:220px;height:300px;border-radius:50% 50% 50% 8%;\r\n background:linear-gradient(160deg,#1c3d27,#0d1f14);\r\n position:relative;box-shadow:inset 0 0 40px rgba(0,0,0,.6);\r\n}\r\n.leaf-shape::before{content:\"\";position:absolute;inset:0;\r\n background:repeating-linear-gradient(100deg, transparent 0 18px, rgba(0,255,150,.06) 18px 19px);\r\n}\r\n.scan-line{\r\n position:absolute;left:0;right:0;height:2px;background:var(--cyan);\r\n box-shadow:0 0 16px var(--cyan);animation:scan 2.6s ease-in-out infinite;\r\n}\r\n@keyframes scan{0%{top:0;}50%{top:100%;}100%{top:0;}}\r\n.diagnosis{\r\n position:absolute;bottom:20px;right:20px;left:20px;display:flex;justify-content:space-between;\r\n font-family:var(--mono);font-size:12.5px;padding:14px 18px;border-radius:12px;\r\n background:rgba(4,10,8,.85);border:1px solid var(--green);\r\n}\r\n.diagnosis b{color:var(--green);}\r\n\r\n\/* ---------- PEST DEFENSE ---------- *\/\r\n.pest{background:var(--bg);}\r\n.pest-field{\r\n position:relative;height:400px;border-radius:24px;border:1px solid var(--line);overflow:hidden;\r\n background:#070b09;\r\n}\r\n.pest-field .twin-grid{opacity:.35;}\r\n.pest-target{position:absolute;width:70px;height:70px;top:50%;left:50%;transform:translate(-50%,-50%);}\r\n.ring{position:absolute;inset:0;border:1px solid var(--cyan);border-radius:50%;animation:ripple 2.4s ease-out infinite;}\r\n.ring:nth-child(2){animation-delay:.6s;}\r\n.ring:nth-child(3){animation-delay:1.2s;}\r\n@keyframes ripple{0%{transform:scale(.2);opacity:1;}100%{transform:scale(6);opacity:0;}}\r\n.pest-bug{position:absolute;width:6px;height:6px;background:#ff6a5c;border-radius:50%;animation:bugfade 3.4s ease-in-out infinite;}\r\n@keyframes bugfade{0%,60%{opacity:1;}75%{opacity:.3;}100%{opacity:0;}}\r\n\r\n\/* ---------- ROBOT FLEET ---------- *\/\r\n.robots{background:var(--bg-2);}\r\n.robot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}\r\n@media(max-width:900px){.robot-grid{grid-template-columns:repeat(2,1fr);}}\r\n@media(max-width:600px){.robot-grid{grid-template-columns:1fr;}}\r\n.robot-card{\r\n padding:28px 22px;border-radius:18px;position:relative;overflow:hidden;\r\n transition:.4s cubic-bezier(.2,.8,.2,1);cursor:pointer;\r\n}\r\n.robot-card:hover{transform:translateY(-6px) rotateX(4deg);border-color:var(--green);box-shadow:0 20px 50px rgba(0,255,150,.12);}\r\n.robot-icon{\r\n width:52px;height:52px;border-radius:14px;margin-bottom:20px;\r\n background:linear-gradient(135deg, rgba(0,255,150,.18), rgba(0,217,255,.1));\r\n border:1px solid var(--line);display:flex;align-items:center;justify-content:center;\r\n font-family:var(--mono);font-size:20px;color:var(--green);\r\n}\r\n.robot-card h3{font-size:18px;margin-bottom:8px;}\r\n.robot-card p{color:var(--mute);font-size:13.5px;line-height:1.7;}\r\n.robot-card .rc-spec{margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--cyan);letter-spacing:.08em;}\r\n\r\n\/* ---------- AGENTS GALAXY ---------- *\/\r\n.galaxy{background:var(--bg);}\r\n.galaxy-stage{position:relative;height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden;}\r\n.galaxy-core{\r\n width:120px;height:120px;border-radius:50%;z-index:5;\r\n background:radial-gradient(circle,#0e2a1e,#050a08);\r\n border:1px solid var(--green);display:flex;align-items:center;justify-content:center;\r\n text-align:center;font-family:var(--mono);font-size:11px;color:var(--green);\r\n box-shadow:0 0 60px rgba(0,255,150,.3);\r\n}\r\n.orbit-ring{\r\n position:absolute;border:1px dashed rgba(0,255,150,.14);border-radius:50%;\r\n top:50%;left:50%;\r\n}\r\n.agent{\r\n position:absolute;top:50%;left:50%;\r\n width:1px;height:1px;\r\n animation:spin linear infinite;\r\n}\r\n@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\r\n.agent-chip{\r\n position:absolute;transform:translate(-50%,-50%);\r\n padding:7px 14px;border-radius:100px;font-family:var(--mono);font-size:11px;\r\n background:rgba(4,12,10,.85);border:1px solid var(--cyan);color:var(--cyan);\r\n white-space:nowrap;transition:.25s;\r\n}\r\n.agent-chip:hover{background:var(--cyan);color:#03141a;box-shadow:0 0 20px var(--cyan);}\r\n\r\n\/* ---------- CROP DNA ---------- *\/\r\n.dna{background:var(--bg-2);}\r\n.dna-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px;}\r\n.dna-tab{\r\n font-family:var(--mono);font-size:12.5px;padding:9px 18px;border-radius:100px;\r\n border:1px solid var(--line);color:var(--mute);cursor:pointer;transition:.2s;\r\n}\r\n.dna-tab.active,.dna-tab:hover{border-color:var(--green);color:var(--green);}\r\n.dna-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;}\r\n@media(max-width:900px){.dna-body{grid-template-columns:1fr;}}\r\n.helix{position:relative;height:320px;}\r\n.strand{\r\n position:absolute;width:10px;height:10px;border-radius:50%;\r\n background:var(--green);box-shadow:0 0 10px var(--green);\r\n animation:helixmove 4s ease-in-out infinite;\r\n}\r\n.strand.b{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation-delay:-2s;}\r\n@keyframes helixmove{0%,100%{transform:translateX(-40px);}50%{transform:translateX(40px);}}\r\n.dna-metric{margin-bottom:20px;}\r\n.dna-metric .dm-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12.5px;color:var(--mute);margin-bottom:8px;}\r\n.dna-metric .dm-bar{height:8px;border-radius:100px;background:rgba(255,255,255,.06);overflow:hidden;}\r\n.dna-metric .dm-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--green),var(--cyan));width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1);}\r\n\r\n\/* ---------- LIVE NETWORK ---------- *\/\r\n.network{background:var(--bg);}\r\n.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}\r\n@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr);}}\r\n@media(max-width:520px){.stat-grid{grid-template-columns:1fr;}}\r\n.stat-card{padding:26px 22px;border-radius:16px;}\r\n.stat-num{font-family:var(--mono);font-size:30px;color:var(--green);}\r\n.stat-label{color:var(--mute);font-size:12.5px;margin-top:8px;letter-spacing:.06em;}\r\n\r\n\/* ---------- SATELLITE EARTH ---------- *\/\r\n.earth-sec{background:var(--bg-2);}\r\n.earth-stage{position:relative;height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;}\r\n.earth{\r\n width:280px;height:280px;border-radius:50%;position:relative;\r\n background:radial-gradient(circle at 35% 30%, #0e2a1e, #030706 70%);\r\n box-shadow:0 0 90px rgba(0,255,150,.15), inset -30px -30px 60px rgba(0,0,0,.6);\r\n animation:rotateEarth 26s linear infinite;\r\n overflow:hidden;\r\n}\r\n@keyframes rotateEarth{from{background-position:0 0;}to{background-position:280px 0;}}\r\n.earth::before{\r\n content:\"\";position:absolute;inset:0;\r\n background-image:radial-gradient(circle,var(--green) 1px, transparent 1.4px);\r\n background-size:22px 22px;opacity:.35;\r\n animation:rotateEarth 26s linear infinite;\r\n}\r\n.earth-ring{position:absolute;border:1px solid rgba(0,217,255,.2);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);}\r\n\r\n\/* ---------- FARM BUILDER ---------- *\/\r\n.builder{background:var(--bg);}\r\n.builder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;}\r\n@media(max-width:900px){.builder-grid{grid-template-columns:1fr;}}\r\n.builder-parts{display:flex;flex-direction:column;gap:12px;}\r\n.part{\r\n padding:14px 18px;border-radius:12px;border:1px solid var(--line);\r\n display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s;\r\n font-size:14.5px;\r\n}\r\n.part:hover,.part.added{border-color:var(--green);color:var(--green);}\r\n.part span{font-family:var(--mono);font-size:11px;color:var(--mute);}\r\n.builder-stack{\r\n border-radius:20px;min-height:360px;padding:26px;display:flex;flex-direction:column;gap:10px;\r\n}\r\n.stack-item{\r\n padding:12px 16px;border-radius:10px;background:rgba(0,255,150,.06);\r\n border:1px solid var(--green);font-family:var(--mono);font-size:12.5px;color:var(--green);\r\n animation:dropin .4s cubic-bezier(.2,.8,.2,1);\r\n}\r\n@keyframes dropin{from{opacity:0;transform:translateY(-14px);}to{opacity:1;transform:translateY(0);}}\r\n.stack-empty{color:var(--mute);font-size:13.5px;margin:auto;text-align:center;}\r\n\r\n\/* ---------- FUTURE ---------- *\/\r\n.future{background:var(--bg-2);}\r\n.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\r\n@media(max-width:900px){.future-grid{grid-template-columns:repeat(2,1fr);}}\r\n@media(max-width:600px){.future-grid{grid-template-columns:1fr;}}\r\n.future-card{padding:24px;border-radius:16px;position:relative;}\r\n.soon-tag{\r\n position:absolute;top:16px;left:16px;font-family:var(--mono);font-size:10px;\r\n padding:4px 10px;border-radius:100px;border:1px solid var(--cyan);color:var(--cyan);\r\n letter-spacing:.1em;\r\n}\r\n.future-card h3{margin-top:30px;font-size:16px;}\r\n.future-card p{color:var(--mute);font-size:13px;margin-top:8px;}\r\n\r\n\/* ---------- TERMINAL ---------- *\/\r\n.terminal-sec{background:var(--bg);}\r\n.terminal{\r\n border-radius:18px;border:1px solid var(--line);background:#040807;\r\n padding:26px 30px;font-family:var(--mono);font-size:14px;line-height:2;min-height:280px;\r\n}\r\n.terminal .t-line{color:var(--mute);}\r\n.terminal .t-line b{color:var(--green);}\r\n.terminal .cursor{display:inline-block;width:8px;height:16px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;}\r\n@keyframes blink{50%{opacity:0;}}\r\n\r\n\/* ---------- FOOTER CTA ---------- *\/\r\n.final-cta{\r\n padding:160px 0 100px;text-align:center;position:relative;background:var(--bg-2);\r\n overflow:hidden;\r\n}\r\n.final-cta h2{font-size:clamp(30px,5vw,56px);max-width:760px;margin:0 auto 24px;line-height:1.25;}\r\n.final-cta p{color:var(--mute);max-width:500px;margin:0 auto 40px;}\r\nfooter{\r\n border-top:1px solid var(--line);padding:40px 0;\r\n display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;\r\n color:var(--mute);font-size:13px;\r\n}\r\nfooter .flinks{display:flex;gap:24px;}\r\nfooter a:hover{color:var(--green);}\r\n\r\n.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1);}\r\n.reveal.show{opacity:1;transform:translateY(0);}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n <canvas id=\"heroCanvas\"><\/canvas>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-tag\">Digital Twin of the World's Farms<\/div>\r\n <h1><span>\u0645\u062d\u0627\u0641\u0638\u062a. \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc.<\/span><span class=\"glow-text\">\u062a\u0648\u0644\u06cc\u062f \u0647\u0648\u0634\u0645\u0646\u062f.<\/span><\/h1>\r\n <p class=\"hero-sub\">AMIR FARM \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0646\u06cc\u0633\u062a\u061b \u06cc\u06a9 \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u0632\u0646\u062f\u0647\u0654 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0645\u0632\u0627\u0631\u0639 \u062c\u0647\u0627\u0646 \u0627\u0633\u062a \u2014 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0647\u067e\u0627\u062f\u060c \u0631\u0628\u0627\u062a\u060c \u0645\u0627\u0647\u0648\u0627\u0631\u0647 \u0648 \u062d\u0633\u06af\u0631 \u062f\u0631 \u06cc\u06a9 \u0645\u063a\u0632 \u0648\u0627\u062d\u062f \u0628\u0647 \u0647\u0645 \u0645\u062a\u0635\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\r\n <div class=\"hero-mantra\">AMIR FARM AI CORE \u2014 ONLINE<\/div>\r\n <div class=\"hero-cta\">\r\n <a class=\"btn btn-primary\" href=\"#twin\">\u06a9\u0627\u0648\u0634 \u062f\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/a>\r\n <a class=\"btn btn-ghost\" href=\"#terminal\">\u062f\u0645\u0648\u06cc \u0632\u0646\u062f\u0647<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-hint\"><span>SCROLL<\/span><span class=\"scroll-line\"><\/span><\/div>\r\n<\/section>\r\n\r\n<!-- DIGITAL TWIN FARM -->\r\n<section class=\"section twin\" id=\"twin\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0645\u0632\u0631\u0639\u0647\u0654 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0632\u0646\u062f\u0647<\/div>\r\n <h2>\u0647\u0631 \u062f\u0631\u062e\u062a\u060c \u06cc\u06a9 \u0646\u0642\u0637\u0647\u0654 \u062f\u0627\u062f\u0647 \u0632\u0646\u062f\u0647 \u0627\u0633\u062a<\/h2>\r\n <p>\u0628\u0647\u200c\u062c\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631 \u062b\u0627\u0628\u062a\u060c \u06cc\u06a9 \u0645\u0632\u0631\u0639\u0647\u0654 \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0631\u0627 \u06a9\u0627\u0648\u0634 \u06a9\u0646\u06cc\u062f. \u0631\u0648\u06cc \u0647\u0631 \u062f\u0631\u062e\u062a \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f \u062a\u0627 \u0633\u0644\u0627\u0645\u062a\u060c \u062f\u0645\u0627\u060c \u0622\u0628 \u0648 \u0631\u06cc\u0633\u06a9 \u0628\u06cc\u0645\u0627\u0631\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0628\u0628\u06cc\u0646\u06cc\u062f.<\/p>\r\n <\/div>\r\n <div class=\"twin-stage reveal\" id=\"twinStage\">\r\n <div class=\"twin-grid\"><\/div>\r\n <!-- trees injected by JS -->\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DATA STREAM -->\r\n<section class=\"section stream\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u062c\u0631\u06cc\u0627\u0646 \u062f\u0627\u062f\u0647\u0654 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\r\n <h2>\u0647\u0632\u0627\u0631\u0627\u0646 \u0633\u06cc\u06af\u0646\u0627\u0644\u060c \u06cc\u06a9 \u0645\u063a\u0632 \u0648\u0627\u062d\u062f<\/h2>\r\n <p>\u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u067e\u0647\u067e\u0627\u062f\u060c \u0645\u0627\u0647\u0648\u0627\u0631\u0647\u060c \u0622\u0628\u200c\u0648\u0647\u0648\u0627\u060c \u062e\u0627\u06a9 \u0648 \u0628\u0631\u06af \u0628\u0647\u200c\u0637\u0648\u0631 \u067e\u06cc\u0648\u0633\u062a\u0647 \u0628\u0647 \u0633\u0645\u062a \u0647\u0633\u062a\u0647\u0654 AMIR FARM AI \u062c\u0631\u06cc\u0627\u0646 \u0645\u06cc\u200c\u06cc\u0627\u0628\u0646\u062f \u0648 \u062f\u0631 \u06cc\u06a9 \u062a\u0635\u0645\u06cc\u0645 \u0648\u0627\u062d\u062f \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\r\n <\/div>\r\n <div class=\"stream-box reveal\" id=\"streamBox\">\r\n <div class=\"stream-core\">AMIR FARM<br>AI BRAIN<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PRECISION ENGINE -->\r\n<section class=\"section precision\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0645\u0648\u062a\u0648\u0631 \u06a9\u0634\u0627\u0648\u0631\u0632\u06cc \u062f\u0642\u06cc\u0642<\/div>\r\n <h2>\u062f\u0648\u0631\u0628\u06cc\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062f\u06cc\u062f \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/h2>\r\n <p>\u062f\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a\u060c \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0647\u0631 \u0628\u0631\u06af \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0648\u0636\u0639\u06cc\u062a \u0633\u0644\u0627\u0645\u062a\u060c \u06a9\u0645\u0628\u0648\u062f \u0645\u0648\u0627\u062f \u0645\u063a\u0630\u06cc \u0648 \u062a\u0646\u0634 \u0622\u0628\u06cc \u0631\u0627 \u0622\u0646\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\r\n <\/div>\r\n <div class=\"split reveal\">\r\n <div class=\"split-side split-left\"><div class=\"blob\"><\/div><\/div>\r\n <div class=\"split-side split-right\" id=\"splitRight\"><div class=\"blob\"><\/div><\/div>\r\n <div class=\"split-handle\" id=\"splitHandle\"><\/div>\r\n <div class=\"split-tag left\">RGB CAMERA<\/div>\r\n <div class=\"split-tag right\">AI VISION<\/div>\r\n <\/div>\r\n <div class=\"legend\">\r\n <span><i style=\"background:var(--green)\"><\/i> \u0633\u0627\u0644\u0645<\/span>\r\n <span><i style=\"background:#ff5f4d\"><\/i> \u0628\u06cc\u0645\u0627\u0631\u06cc<\/span>\r\n <span><i style=\"background:#ffb400\"><\/i> \u06a9\u0645\u0628\u0648\u062f \u0645\u0648\u0627\u062f \u0645\u063a\u0630\u06cc<\/span>\r\n <span><i style=\"background:var(--cyan)\"><\/i> \u062a\u0646\u0634 \u0622\u0628\u06cc<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FRUIT COUNTER -->\r\n<section class=\"section fruit\">\r\n <div class=\"wrap fruit-grid\">\r\n <div class=\"orchard reveal\" id=\"orchard\"><\/div>\r\n <div class=\"count-panel reveal\">\r\n <div class=\"eyebrow\">\u0645\u0648\u062a\u0648\u0631 \u0634\u0645\u0627\u0631\u0634 \u0645\u06cc\u0648\u0647<\/div>\r\n <h2 style=\"font-size:28px;margin-bottom:26px;\">\u0647\u0631 \u0645\u06cc\u0648\u0647\u060c \u0634\u0645\u0631\u062f\u0647 \u0648 \u062b\u0628\u062a \u0645\u06cc\u200c\u0634\u0648\u062f<\/h2>\r\n <div class=\"count-num\" id=\"fruitCount\">0<\/div>\r\n <div class=\"count-label\">\u0645\u06cc\u0648\u0647\u0654 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc\u200c\u0634\u062f\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0627\u0632<\/div>\r\n <div class=\"yield-tag\">\r\n <span style=\"color:var(--mute);font-size:13px;\">\u0628\u0631\u0622\u0648\u0631\u062f \u0645\u062d\u0635\u0648\u0644<\/span>\r\n <b>\u06f2\u06f4\u06f8 \u062a\u0646<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DISEASE HUNTER -->\r\n<section class=\"section disease\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0634\u06a9\u0627\u0631\u0686\u06cc \u0628\u06cc\u0645\u0627\u0631\u06cc<\/div>\r\n <h2>\u0627\u0632 \u0628\u0631\u06af \u062a\u0627 \u0633\u0644\u0648\u0644\u060c \u062f\u0631 \u06f5 \u062b\u0627\u0646\u06cc\u0647<\/h2>\r\n <p>\u062f\u0648\u0631\u0628\u06cc\u0646 \u0628\u0647 \u0639\u0645\u0642 \u06cc\u06a9 \u0628\u0631\u06af \u0645\u06cc\u200c\u0631\u0648\u062f\u060c \u0634\u0628\u06a9\u0647\u0654 \u0639\u0635\u0628\u06cc \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0645\u06cc\u06a9\u0631\u0648\u0633\u06a9\u0648\u067e\u06cc \u0631\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0646\u062f \u0648 \u0628\u06cc\u0645\u0627\u0631\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0628\u0627\u0644\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\r\n <\/div>\r\n <div class=\"leaf-stage reveal\">\r\n <div class=\"leaf-shape\"><div class=\"scan-line\"><\/div><\/div>\r\n <div class=\"diagnosis\">\r\n <span>\u0628\u06cc\u0645\u0627\u0631\u06cc: <b>\u0644\u06a9\u0647 \u0628\u0631\u06af\u06cc<\/b><\/span>\r\n <span>\u0627\u0637\u0645\u06cc\u0646\u0627\u0646: <b>\u066a\u06f9\u06f9.\u06f8\u06f4<\/b><\/span>\r\n <span>\u062f\u0631\u0645\u0627\u0646: <b>\u0645\u062d\u0644\u0648\u0644 \u0645\u0633\u06cc<\/b><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PEST DEFENSE -->\r\n<section class=\"section pest\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u062f\u0641\u0627\u0639 \u0647\u0648\u0634\u0645\u0646\u062f \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0622\u0641\u0627\u062a<\/div>\r\n <h2>\u0628\u062f\u0648\u0646 \u0633\u0645\u060c \u0641\u0642\u0637 \u062f\u0642\u062a<\/h2>\r\n <p>\u0628\u0647\u200c\u062c\u0627\u06cc \u0633\u0645\u200c\u067e\u0627\u0634\u06cc\u060c \u0627\u0645\u0648\u0627\u062c \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0641\u0642\u0637 \u0646\u0648\u0627\u062d\u06cc \u0622\u0644\u0648\u062f\u0647 \u0631\u0627 \u0646\u0634\u0627\u0646\u0647 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u2014 \u0639\u0644\u0645\u06cc\u060c \u0638\u0631\u06cc\u0641 \u0648 \u0628\u062f\u0648\u0646 \u062e\u0634\u0648\u0646\u062a.<\/p>\r\n <\/div>\r\n <div class=\"pest-field reveal\" id=\"pestField\">\r\n <div class=\"twin-grid\"><\/div>\r\n <div class=\"pest-target\"><div class=\"ring\"><\/div><div class=\"ring\"><\/div><div class=\"ring\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ROBOT FLEET -->\r\n<section class=\"section robots\" id=\"robots\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0646\u0627\u0648\u06af\u0627\u0646 \u0631\u0628\u0627\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f\u06af\u0631\u062f\u0627\u0646<\/div>\r\n <h2>\u0647\u0631 \u0631\u0628\u0627\u062a\u060c \u06cc\u06a9 \u0645\u0627\u0645\u0648\u0631\u06cc\u062a<\/h2>\r\n <p>\u0646\u0627\u0648\u06af\u0627\u0646 \u06a9\u0627\u0645\u0644 AMIR FARM\u061b \u0627\u0632 \u0628\u0627\u0632\u0631\u0633\u06cc \u062a\u0627 \u0628\u0631\u062f\u0627\u0634\u062a\u060c \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u062f\u0631 \u0647\u0631 \u0645\u0632\u0631\u0639\u0647.<\/p>\r\n <\/div>\r\n <div class=\"robot-grid\">\r\n <div class=\"robot-card glass reveal\"><div class=\"robot-icon\">\u25ce<\/div><h3>\u0631\u0628\u0627\u062a \u0628\u0627\u0632\u0631\u0633\u06cc<\/h3><p>\u067e\u06cc\u0645\u0627\u06cc\u0634 \u0645\u062f\u0627\u0648\u0645 \u0631\u062f\u06cc\u0641\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u067e\u0627\u06cc\u0634 \u0633\u0644\u0627\u0645\u062a \u06af\u06cc\u0627\u0647.<\/p><div class=\"rc-spec\">SENSORS \u00b7 LIDAR \u00b7 NDVI<\/div><\/div>\r\n <div class=\"robot-card glass reveal\"><div class=\"robot-icon\">\u2302<\/div><h3>\u0631\u0628\u0627\u062a \u0628\u0631\u062f\u0627\u0634\u062a<\/h3><p>\u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u0686\u06cc\u062f\u0646 \u0645\u06cc\u0648\u0647\u0654 \u0631\u0633\u06cc\u062f\u0647 \u0628\u0627 \u062f\u0642\u062a \u0645\u06cc\u0644\u06cc\u200c\u0645\u062a\u0631\u06cc.<\/p><div class=\"rc-spec\">GRIP \u00b7 VISION \u00b7 SPEED<\/div><\/div>\r\n <div class=\"robot-card glass reveal\"><div class=\"robot-icon\">\u2726<\/div><h3>\u0631\u0628\u0627\u062a \u0633\u0645\u200c\u067e\u0627\u0634<\/h3><p>\u067e\u0627\u0634\u0634 \u0647\u062f\u0641\u0645\u0646\u062f \u0641\u0642\u0637 \u0631\u0648\u06cc \u0646\u0648\u0627\u062d\u06cc \u0622\u0644\u0648\u062f\u0647.<\/p><div class=\"rc-spec\">PRECISION \u00b7 LOW-DOSE<\/div><\/div>\r\n <div class=\"robot-card glass reveal\"><div class=\"robot-icon\">\u25c8<\/div><h3>\u0631\u0628\u0627\u062a \u0627\u0645\u0646\u06cc\u062a\u06cc<\/h3><p>\u067e\u0627\u06cc\u0634 \u0634\u0628\u0627\u0646\u0647\u200c\u0631\u0648\u0632\u06cc \u0645\u062d\u06cc\u0637 \u0648 \u0647\u0634\u062f\u0627\u0631 \u0646\u0641\u0648\u0630.<\/p><div class=\"rc-spec\">NIGHT VISION \u00b7 ALERT<\/div><\/div>\r\n <div class=\"robot-card glass reveal\"><div class=\"robot-icon\">\u271a<\/div><h3>\u0631\u0628\u0627\u062a \u0648\u062c\u06cc\u0646<\/h3><p>\u062d\u0630\u0641 \u0639\u0644\u0641\u200c\u0647\u0627\u06cc \u0647\u0631\u0632 \u0628\u062f\u0648\u0646 \u0622\u0633\u06cc\u0628 \u0628\u0647 \u0645\u062d\u0635\u0648\u0644.<\/p><div class=\"rc-spec\">AI TARGETING<\/div><\/div>\r\n <div class=\"robot-card glass reveal\"><div class=\"robot-icon\">\u25b2<\/div><h3>\u0627\u06cc\u0633\u062a\u06af\u0627\u0647 \u067e\u0647\u067e\u0627\u062f<\/h3><p>\u0634\u0627\u0631\u0698 \u0648 \u067e\u0631\u062a\u0627\u0628 \u062e\u0648\u062f\u06a9\u0627\u0631 \u067e\u0647\u067e\u0627\u062f\u0647\u0627\u06cc \u067e\u0627\u06cc\u0634.<\/p><div class=\"rc-spec\">AUTO-DOCK \u00b7 SWARM<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AGENTS GALAXY -->\r\n<section class=\"section galaxy\" id=\"agents\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u06a9\u0647\u06a9\u0634\u0627\u0646 \u0639\u0627\u0645\u0644\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\r\n <h2>\u0647\u0631 \u0639\u0627\u0645\u0644\u060c \u06cc\u06a9 \u062a\u062e\u0635\u0635<\/h2>\r\n <p>\u0639\u0627\u0645\u0644\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u062f\u0631 \u0645\u062f\u0627\u0631\u06cc \u067e\u06cc\u0648\u0633\u062a\u0647 \u062d\u0648\u0644 \u0647\u0633\u062a\u0647\u0654 AMIR FARM AI \u0645\u06cc\u200c\u0686\u0631\u062e\u0646\u062f \u0648 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0648\u0638\u06cc\u0641\u0647 \u0647\u0633\u062a\u0646\u062f.<\/p>\r\n <\/div>\r\n <div class=\"galaxy-stage reveal\" id=\"galaxyStage\">\r\n <div class=\"galaxy-core\">AMIR<br>FARM AI<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CROP DNA -->\r\n<section class=\"section dna\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">DNA \u0647\u0648\u0634\u0645\u0646\u062f \u0645\u062d\u0635\u0648\u0644<\/div>\r\n <h2>\u0647\u0631 \u0645\u062d\u0635\u0648\u0644\u060c \u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647\u0654 \u0698\u0646\u062a\u06cc\u06a9\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u062f<\/h2>\r\n <\/div>\r\n <div class=\"dna-tabs reveal\" id=\"dnaTabs\">\r\n <div class=\"dna-tab active\" data-i=\"0\">\u06af\u0646\u062f\u0645<\/div>\r\n <div class=\"dna-tab\" data-i=\"1\">\u062e\u0631\u0645\u0627<\/div>\r\n <div class=\"dna-tab\" data-i=\"2\">\u06af\u0648\u062c\u0647<\/div>\r\n <div class=\"dna-tab\" data-i=\"3\">\u0630\u0631\u062a<\/div>\r\n <div class=\"dna-tab\" data-i=\"4\">\u0633\u06cc\u0628<\/div>\r\n <\/div>\r\n <div class=\"dna-body reveal\">\r\n <div class=\"helix\">\r\n <div class=\"strand\" style=\"top:20px;\"><\/div>\r\n <div class=\"strand b\" style=\"top:70px;\"><\/div>\r\n <div class=\"strand\" style=\"top:120px;\"><\/div>\r\n <div class=\"strand b\" style=\"top:170px;\"><\/div>\r\n <div class=\"strand\" style=\"top:220px;\"><\/div>\r\n <div class=\"strand b\" style=\"top:270px;\"><\/div>\r\n <\/div>\r\n <div id=\"dnaMetrics\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- LIVE NETWORK -->\r\n<section class=\"section network\" id=\"network\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0634\u0628\u06a9\u0647\u0654 \u0632\u0646\u062f\u0647\u0654 \u0645\u0632\u0627\u0631\u0639<\/div>\r\n <h2>\u062f\u0631 \u0647\u0645\u06cc\u0646 \u0644\u062d\u0638\u0647\u060c \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u062c\u0647\u0627\u0646<\/h2>\r\n <\/div>\r\n <div class=\"stat-grid\" id=\"statGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SATELLITE EARTH -->\r\n<section class=\"section earth-sec\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0632\u0645\u06cc\u0646 \u0645\u0627\u0647\u0648\u0627\u0631\u0647\u200c\u0627\u06cc<\/div>\r\n <h2>\u0647\u0631 \u0645\u0632\u0631\u0639\u0647\u0654 \u0645\u062a\u0635\u0644\u060c \u06cc\u06a9 \u0646\u0642\u0637\u0647\u0654 \u0646\u0648\u0631\u0627\u0646\u06cc \u0627\u0633\u062a<\/h2>\r\n <\/div>\r\n <div class=\"earth-stage reveal\">\r\n <div class=\"earth-ring\" style=\"width:340px;height:340px;\"><\/div>\r\n <div class=\"earth-ring\" style=\"width:400px;height:400px;\"><\/div>\r\n <div class=\"earth\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FARM BUILDER -->\r\n<section class=\"section builder\">\r\n <div class=\"wrap builder-grid\">\r\n <div class=\"reveal\">\r\n <div class=\"eyebrow\">\u0633\u0627\u0632\u0646\u062f\u0647\u0654 \u0645\u0632\u0631\u0639\u0647\u0654 \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2 style=\"font-size:28px;margin-bottom:16px;\">\u0645\u0632\u0631\u0639\u0647\u0654 \u062e\u0648\u062f\u062a \u0631\u0627 \u0628\u0686\u06cc\u0646<\/h2>\r\n <p style=\"color:var(--mute);margin-bottom:28px;\">\u0631\u0648\u06cc \u0647\u0631 \u0642\u0637\u0639\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646 \u062a\u0627 \u0628\u0647 \u0627\u0633\u062a\u06a9 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0636\u0627\u0641\u0647 \u0634\u0648\u062f.<\/p>\r\n <div class=\"builder-parts\" id=\"builderParts\">\r\n <div class=\"part\" data-name=\"\u067e\u0647\u067e\u0627\u062f \u067e\u0627\u06cc\u0634\">\u067e\u0647\u067e\u0627\u062f \u067e\u0627\u06cc\u0634 <span>DRONE<\/span><\/div>\r\n <div class=\"part\" data-name=\"\u062d\u0633\u06af\u0631\u0647\u0627\u06cc \u062e\u0627\u06a9\">\u062d\u0633\u06af\u0631\u0647\u0627\u06cc \u062e\u0627\u06a9 <span>SENSOR<\/span><\/div>\r\n <div class=\"part\" data-name=\"\u0627\u06cc\u0633\u062a\u06af\u0627\u0647 \u0647\u0648\u0627\u0634\u0646\u0627\u0633\u06cc\">\u0627\u06cc\u0633\u062a\u06af\u0627\u0647 \u0647\u0648\u0627\u0634\u0646\u0627\u0633\u06cc <span>WEATHER<\/span><\/div>\r\n <div class=\"part\" data-name=\"\u062f\u0648\u0631\u0628\u06cc\u0646 AI\">\u062f\u0648\u0631\u0628\u06cc\u0646 AI <span>VISION<\/span><\/div>\r\n <div class=\"part\" data-name=\"\u0631\u0628\u0627\u062a \u0645\u06cc\u062f\u0627\u0646\u06cc\">\u0631\u0628\u0627\u062a \u0645\u06cc\u062f\u0627\u0646\u06cc <span>ROBOT<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"builder-stack glass reveal\" id=\"builderStack\">\r\n <div class=\"stack-empty\">\u0645\u0632\u0631\u0639\u0647 \u062e\u0627\u0644\u06cc \u0627\u0633\u062a \u2014 \u0642\u0637\u0639\u0647\u200c\u0627\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FUTURE -->\r\n<section class=\"section future\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u0622\u06cc\u0646\u062f\u0647\u0654 \u06a9\u0634\u0627\u0648\u0631\u0632\u06cc<\/div>\r\n <h2>\u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0627\u0633\u062a<\/h2>\r\n <\/div>\r\n <div class=\"future-grid\">\r\n <div class=\"future-card glass reveal\"><span class=\"soon-tag\">COMING SOON<\/span><h3>\u0631\u0628\u0627\u062a\u200c\u0647\u0627\u06cc \u067e\u0631\u0646\u062f\u0647<\/h3><p>\u067e\u0627\u06cc\u0634 \u0647\u0648\u0627\u06cc\u06cc \u0645\u062f\u0627\u0648\u0645 \u0628\u062f\u0648\u0646 \u0641\u0631\u0648\u062f.<\/p><\/div>\r\n <div class=\"future-card glass reveal\"><span class=\"soon-tag\">COMING SOON<\/span><h3>\u0646\u0627\u0646\u0648\u062d\u0633\u06af\u0631\u0647\u0627<\/h3><p>\u067e\u0627\u06cc\u0634 \u0633\u0644\u0648\u0644\u06cc \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0645\u06cc\u06a9\u0631\u0648\u0646.<\/p><\/div>\r\n <div class=\"future-card glass reveal\"><span class=\"soon-tag\">COMING SOON<\/span><h3>\u0627\u0632\u062f\u062d\u0627\u0645 \u067e\u0647\u067e\u0627\u062f\u06cc<\/h3><p>\u062f\u0647\u200c\u0647\u0627 \u067e\u0647\u067e\u0627\u062f\u060c \u06cc\u06a9 \u0647\u0648\u0634 \u062c\u0645\u0639\u06cc.<\/p><\/div>\r\n <div class=\"future-card glass reveal\"><span class=\"soon-tag\">COMING SOON<\/span><h3>\u062a\u0631\u0627\u06a9\u062a\u0648\u0631 \u0647\u0648\u0634\u0645\u0646\u062f<\/h3><p>\u0646\u0627\u0648\u0628\u0631\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0634\u0631\u0627\u06cc\u0637.<\/p><\/div>\r\n <div class=\"future-card glass reveal\"><span class=\"soon-tag\">COMING SOON<\/span><h3>\u0627\u0646\u0633\u0627\u0646\u200c\u0646\u0645\u0627\u06cc \u06a9\u0634\u0627\u0648\u0631\u0632<\/h3><p>\u062f\u0633\u062a\u06cc\u0627\u0631 \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u062f\u0631 \u0639\u0645\u0644\u06cc\u0627\u062a \u0645\u0632\u0631\u0639\u0647.<\/p><\/div>\r\n <div class=\"future-card glass reveal\"><span class=\"soon-tag\">COMING SOON<\/span><h3>\u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u06a9\u0648\u0627\u0646\u062a\u0648\u0645\u06cc<\/h3><p>\u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u0622\u0628\u200c\u0648\u0647\u0648\u0627 \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0627\u062a\u0645\u06cc.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TERMINAL -->\r\n<section class=\"section terminal-sec\" id=\"terminal\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\">\u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0641\u0631\u0645\u0627\u0646 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\r\n <h2>\u0633\u0627\u0645\u0627\u0646\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627\u0633\u062a<\/h2>\r\n <\/div>\r\n <div class=\"terminal reveal\" id=\"terminalBox\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FINAL CTA -->\r\n<section class=\"final-cta\">\r\n <div class=\"wrap\">\r\n <div class=\"reveal\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;\">\u0622\u06cc\u0646\u062f\u0647 \u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f<\/div>\r\n <h2>\u0645\u0632\u0631\u0639\u0647\u0654 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646<\/h2>\r\n <p>\u0628\u0647 \u0634\u0628\u06a9\u0647\u0654 \u0632\u0646\u062f\u0647\u0654 AMIR FARM \u0628\u067e\u06cc\u0648\u0646\u062f \u0648 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644 \u0631\u0627 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u06af\u0630\u0627\u0631.<\/p>\r\n <div class=\"hero-cta\">\r\n <a class=\"btn btn-primary\" href=\"#terminal\">\u0634\u0631\u0648\u0639 \u06a9\u0646<\/a>\r\n <a class=\"btn btn-ghost\" href=\"#twin\">\u0645\u0634\u0627\u0647\u062f\u0647\u0654 \u062f\u0645\u0648\u06cc \u0632\u0646\u062f\u0647<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer class=\"wrap\">\r\n <div>\u00a9 2026 AMIR FARM \u2014 The Future Intelligence of Agriculture<\/div>\r\n <div class=\"flinks\">\r\n <a href=\"#twin\">\u062f\u0648\u0642\u0644\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/a>\r\n <a href=\"#robots\">\u0631\u0628\u0627\u062a\u200c\u0647\u0627<\/a>\r\n <a href=\"#network\">\u0634\u0628\u06a9\u0647<\/a>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/* ---------- reveal on scroll ---------- *\/\r\nconst io = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('show'); io.unobserve(e.target); } });\r\n},{threshold:.15});\r\ndocument.querySelectorAll('.reveal').forEach(el=>io.observe(el));\r\n\r\n\/* ---------- HERO CANVAS: neural network converging to core ---------- *\/\r\n(function(){\r\n const canvas = document.getElementById('heroCanvas');\r\n const ctx = canvas.getContext('2d');\r\n let w,h,cx,cy;\r\n function resize(){\r\n w = canvas.width = canvas.offsetWidth * devicePixelRatio;\r\n h = canvas.height = canvas.offsetHeight * devicePixelRatio;\r\n cx = w\/2; cy = h*0.42;\r\n }\r\n window.addEventListener('resize', resize);\r\n resize();\r\n\r\n const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const N = reduced ? 0 : 90;\r\n const nodes = [];\r\n for(let i=0;i<N;i++){\r\n const ang = Math.random()*Math.PI*2;\r\n const rad = 140 + Math.random()*Math.min(w,h)*0.42;\r\n nodes.push({\r\n ang, rad,\r\n speed: (Math.random()*0.4+0.15) * (Math.random()<0.5?1:-1) * 0.003,\r\n r: Math.random()*1.6+0.6,\r\n hue: Math.random()<0.5 ? '150,255,214' : '0,217,255'\r\n });\r\n }\r\n\r\n function draw(){\r\n ctx.clearRect(0,0,w,h);\r\n \/\/ core glow\r\n const grad = ctx.createRadialGradient(cx,cy,0,cx,cy,180*devicePixelRatio\/1.2);\r\n grad.addColorStop(0,'rgba(0,255,150,0.28)');\r\n grad.addColorStop(1,'rgba(0,255,150,0)');\r\n ctx.fillStyle = grad;\r\n ctx.beginPath(); ctx.arc(cx,cy,180*devicePixelRatio\/1.2,0,Math.PI*2); ctx.fill();\r\n\r\n ctx.beginPath();\r\n ctx.arc(cx,cy, 44*devicePixelRatio\/1.2, 0, Math.PI*2);\r\n ctx.strokeStyle = 'rgba(0,255,150,0.8)';\r\n ctx.lineWidth = 1.4;\r\n ctx.stroke();\r\n\r\n nodes.forEach(n=>{\r\n n.ang += n.speed;\r\n const x = cx + Math.cos(n.ang)*n.rad*devicePixelRatio\/1.2;\r\n const y = cy + Math.sin(n.ang)*n.rad*devicePixelRatio\/1.2*0.55;\r\n \/\/ line to core\r\n ctx.beginPath();\r\n ctx.moveTo(x,y);\r\n ctx.lineTo(cx,cy);\r\n ctx.strokeStyle = `rgba(${n.hue},0.08)`;\r\n ctx.lineWidth = 0.6;\r\n ctx.stroke();\r\n \/\/ node\r\n ctx.beginPath();\r\n ctx.arc(x,y,n.r*devicePixelRatio,0,Math.PI*2);\r\n ctx.fillStyle = `rgba(${n.hue},0.9)`;\r\n ctx.fill();\r\n });\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\r\n\/* ---------- floating orbit labels in hero ---------- *\/\r\n(function(){\r\n const labels = ['AI Vision','AI Drone','AI Robots','AI Irrigation','Disease Detection','Smart Greenhouse','Crop Intelligence','Satellite Analytics'];\r\n const hero = document.querySelector('.hero');\r\n const positions = [\r\n {top:'18%',left:'10%'},{top:'30%',left:'82%'},{top:'62%',left:'6%'},\r\n {top:'72%',left:'86%'},{top:'12%',left:'46%'},{top:'80%',left:'40%'},\r\n {top:'46%',left:'92%'},{top:'50%',left:'2%'}\r\n ];\r\n labels.forEach((t,i)=>{\r\n const el = document.createElement('div');\r\n el.className='orbit-label';\r\n el.textContent = t;\r\n Object.assign(el.style, positions[i], {animationDelay:(i*0.7)+'s'});\r\n hero.appendChild(el);\r\n });\r\n})();\r\n\r\n\/* ---------- digital twin trees ---------- *\/\r\n(function(){\r\n const stage = document.getElementById('twinStage');\r\n const trees = [\r\n {top:'30%',left:'20%', temp:31, water:'\u0645\u0637\u0644\u0648\u0628', dis:2, health:98, id:'#284'},\r\n {top:'50%',left:'40%', temp:33, water:'\u06a9\u0645', dis:14, health:76, id:'#512'},\r\n {top:'25%',left:'60%', temp:30, water:'\u0645\u0637\u0644\u0648\u0628', dis:1, health:99, id:'#118'},\r\n {top:'62%',left:'70%', temp:34, water:'\u0628\u062d\u0631\u0627\u0646\u06cc', dis:38, health:52, id:'#903'},\r\n {top:'70%',left:'28%', temp:29, water:'\u0645\u0637\u0644\u0648\u0628', dis:3, health:95, id:'#207'},\r\n {top:'40%',left:'80%', temp:32, water:'\u0645\u0637\u0644\u0648\u0628', dis:5, health:93, id:'#661'},\r\n {top:'20%',left:'38%', temp:31, water:'\u0645\u0637\u0644\u0648\u0628', dis:0, health:100, id:'#009'}\r\n ];\r\n trees.forEach(t=>{\r\n const el = document.createElement('div');\r\n el.className='tree';\r\n Object.assign(el.style,{top:t.top,left:t.left});\r\n el.innerHTML = `<div class=\"tree-card\">\r\n <div class=\"tc-title\">\u0646\u062e\u0644 ${t.id}<\/div>\r\n <div class=\"tc-row\"><span>\u0633\u0644\u0627\u0645\u062a<\/span><b>${t.health}\u066a<\/b><\/div>\r\n <div class=\"tc-row\"><span>\u062f\u0645\u0627<\/span><b>${t.temp}\u00b0<\/b><\/div>\r\n <div class=\"tc-row\"><span>\u0622\u0628<\/span><b>${t.water}<\/b><\/div>\r\n <div class=\"tc-row\"><span>\u0631\u06cc\u0633\u06a9 \u0628\u06cc\u0645\u0627\u0631\u06cc<\/span><b>${t.dis}\u066a<\/b><\/div>\r\n <\/div>`;\r\n stage.appendChild(el);\r\n });\r\n})();\r\n\r\n\/* ---------- data stream chips ---------- *\/\r\n(function(){\r\n const box = document.getElementById('streamBox');\r\n const labels = ['Drone Data','Satellite','Weather','Soil','Leaf','Humidity','NDVI','Thermal','GPS','IoT'];\r\n const w = box.offsetWidth, h = box.offsetHeight;\r\n labels.forEach((t,i)=>{\r\n const el = document.createElement('div');\r\n el.className='data-chip';\r\n const angle = (i\/labels.length)*Math.PI*2;\r\n const startX = w\/2 + Math.cos(angle)*w*0.42;\r\n const startY = h\/2 + Math.sin(angle)*h*0.38;\r\n const dx = (w\/2 - startX);\r\n const dy = (h\/2 - startY);\r\n el.style.left = startX+'px';\r\n el.style.top = startY+'px';\r\n el.style.setProperty('--tx', dx+'px');\r\n el.style.setProperty('--ty', dy+'px');\r\n el.style.animationDelay = (i*0.4)+'s';\r\n el.textContent = t;\r\n box.appendChild(el);\r\n });\r\n})();\r\n\r\n\/* ---------- precision split drag ---------- *\/\r\n(function(){\r\n const split = document.querySelector('.split');\r\n const right = document.getElementById('splitRight');\r\n const handle = document.getElementById('splitHandle');\r\n let dragging=false;\r\n function setPos(clientX){\r\n const rect = split.getBoundingClientRect();\r\n let pct = ((clientX - rect.left)\/rect.width)*100;\r\n pct = Math.max(6,Math.min(94,pct));\r\n right.style.clipPath = `inset(0 0 0 ${pct}%)`;\r\n handle.style.left = pct+'%';\r\n }\r\n split.addEventListener('mousedown',e=>{dragging=true;setPos(e.clientX);});\r\n window.addEventListener('mousemove',e=>{if(dragging)setPos(e.clientX);});\r\n window.addEventListener('mouseup',()=>dragging=false);\r\n split.addEventListener('touchstart',e=>{dragging=true;setPos(e.touches[0].clientX);});\r\n split.addEventListener('touchmove',e=>{if(dragging)setPos(e.touches[0].clientX);});\r\n window.addEventListener('touchend',()=>dragging=false);\r\n})();\r\n\r\n\/* ---------- fruit counter + orchard dots ---------- *\/\r\n(function(){\r\n const orchard = document.getElementById('orchard');\r\n for(let i=0;i<40;i++){\r\n const el = document.createElement('div');\r\n el.className='fruit-dot';\r\n el.style.top = (Math.random()*85)+'%';\r\n el.style.left = (Math.random()*90)+'%';\r\n el.style.animationDelay = (Math.random()*3)+'s';\r\n orchard.appendChild(el);\r\n }\r\n const countEl = document.getElementById('fruitCount');\r\n let started=false;\r\n const io2 = new IntersectionObserver(entries=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting && !started){\r\n started=true;\r\n let val=0; const target=5482;\r\n const step = ()=>{ val += Math.ceil((target-val)\/14); if(val>=target){val=target;} countEl.textContent = val.toLocaleString('en-US'); if(val<target) requestAnimationFrame(step); };\r\n step();\r\n }\r\n });\r\n },{threshold:.4});\r\n io2.observe(countEl);\r\n})();\r\n\r\n\/* ---------- pest bugs ---------- *\/\r\n(function(){\r\n const field = document.getElementById('pestField');\r\n for(let i=0;i<14;i++){\r\n const el = document.createElement('div');\r\n el.className='pest-bug';\r\n el.style.top = (10+Math.random()*80)+'%';\r\n el.style.left = (10+Math.random()*80)+'%';\r\n el.style.animationDelay = (Math.random()*3)+'s';\r\n field.appendChild(el);\r\n }\r\n})();\r\n\r\n\/* ---------- agents galaxy ---------- *\/\r\n(function(){\r\n const stage = document.getElementById('galaxyStage');\r\n const agents = ['\u06a9\u0634\u0627\u0648\u0631\u0632','\u0628\u06cc\u0645\u0627\u0631\u06cc','\u0622\u0628\u200c\u0648\u0647\u0648\u0627','\u0628\u0627\u0632\u0627\u0631','\u0622\u0628\u06cc\u0627\u0631\u06cc','\u067e\u0647\u067e\u0627\u062f','\u0628\u0631\u062f\u0627\u0634\u062a','\u062f\u0627\u0645','\u0645\u0627\u0647\u0648\u0627\u0631\u0647','\u06af\u0644\u062e\u0627\u0646\u0647','\u062f\u0633\u062a\u06cc\u0627\u0631 \u0635\u0648\u062a\u06cc','\u062f\u0627\u0646\u0634'];\r\n const maxSafeRadius = Math.max(90, Math.min(290, stage.offsetWidth\/2 - 40));\r\n const baseRings = [140,190,240,290];\r\n const scale = Math.min(1, maxSafeRadius \/ 290);\r\n const rings = baseRings.map(r => Math.round(r*scale));\r\n agents.forEach((name,i)=>{\r\n const ring = rings[i % rings.length];\r\n const ringEl = document.createElement('div');\r\n ringEl.className='orbit-ring';\r\n ringEl.style.width = ring*2+'px';\r\n ringEl.style.height = ring*2+'px';\r\n ringEl.style.marginLeft = -ring+'px';\r\n ringEl.style.marginTop = -ring+'px';\r\n stage.appendChild(ringEl);\r\n\r\n const orbit = document.createElement('div');\r\n orbit.className='agent';\r\n const dur = 18 + (i%4)*8;\r\n orbit.style.animationDuration = dur+'s';\r\n orbit.style.animationDirection = i%2? 'reverse':'normal';\r\n const chip = document.createElement('div');\r\n chip.className='agent-chip';\r\n chip.textContent = '\u0639\u0627\u0645\u0644 '+name;\r\n chip.style.transform = `translate(${ring}px,0) translate(-50%,-50%)`;\r\n orbit.appendChild(chip);\r\n stage.appendChild(orbit);\r\n });\r\n})();\r\n\r\n\/* ---------- crop DNA ---------- *\/\r\n(function(){\r\n const data = [\r\n {name:'\u06af\u0646\u062f\u0645', growth:82, water:60, resist:74, conf:96, harvest:88},\r\n {name:'\u062e\u0631\u0645\u0627', growth:70, water:40, resist:90, conf:98, harvest:80},\r\n {name:'\u06af\u0648\u062c\u0647', growth:88, water:78, resist:55, conf:91, harvest:76},\r\n {name:'\u0630\u0631\u062a', growth:92, water:70, resist:66, conf:94, harvest:85},\r\n {name:'\u0633\u06cc\u0628', growth:65, water:55, resist:80, conf:93, harvest:70},\r\n ];\r\n const wrap = document.getElementById('dnaMetrics');\r\n const keys = [['growth','\u0631\u0634\u062f'],['water','\u0646\u06cc\u0627\u0632 \u0622\u0628\u06cc'],['resist','\u0645\u0642\u0627\u0648\u0645\u062a \u0628\u0647 \u0628\u06cc\u0645\u0627\u0631\u06cc'],['conf','\u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc'],['harvest','\u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u0628\u0631\u062f\u0627\u0634\u062a']];\r\n function render(i){\r\n wrap.innerHTML='';\r\n const d = data[i];\r\n keys.forEach(([k,label])=>{\r\n const row = document.createElement('div');\r\n row.className='dna-metric';\r\n row.innerHTML = `<div class=\"dm-head\"><span>${label}<\/span><span>${d[k]}\u066a<\/span><\/div><div class=\"dm-bar\"><div class=\"dm-fill\"><\/div><\/div>`;\r\n wrap.appendChild(row);\r\n requestAnimationFrame(()=>{ row.querySelector('.dm-fill').style.width = d[k]+'%'; });\r\n });\r\n }\r\n render(0);\r\n document.querySelectorAll('.dna-tab').forEach(tab=>{\r\n tab.addEventListener('click',()=>{\r\n document.querySelectorAll('.dna-tab').forEach(t=>t.classList.remove('active'));\r\n tab.classList.add('active');\r\n render(+tab.dataset.i);\r\n });\r\n });\r\n})();\r\n\r\n\/* ---------- live network stats ---------- *\/\r\n(function(){\r\n const stats = [\r\n ['\u0645\u0632\u0627\u0631\u0639 \u0645\u062a\u0635\u0644',4284],['\u067e\u0647\u067e\u0627\u062f\u0647\u0627\u06cc \u0641\u0639\u0627\u0644',312],['\u0631\u0628\u0627\u062a\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646',147],['\u062f\u0631\u062e\u062a\u0627\u0646 \u067e\u0627\u06cc\u0634\u200c\u0634\u062f\u0647',12481244],\r\n ['\u0628\u06cc\u0645\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc\u200c\u0634\u062f\u0647 \u0627\u0645\u0631\u0648\u0632',182],['\u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc\u200c\u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u0634\u062f\u0647',8400000],['\u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc IoT',45821],['\u062a\u0635\u0645\u06cc\u0645\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc',92000000]\r\n ];\r\n const grid = document.getElementById('statGrid');\r\n stats.forEach(([label,val])=>{\r\n const card = document.createElement('div');\r\n card.className='stat-card glass reveal';\r\n card.innerHTML = `<div class=\"stat-num\" data-target=\"${val}\">0<\/div><div class=\"stat-label\">${label}<\/div>`;\r\n grid.appendChild(card);\r\n io.observe(card);\r\n });\r\n const io3 = new IntersectionObserver(entries=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting){\r\n const numEl = e.target.querySelector('.stat-num');\r\n const target = +numEl.dataset.target;\r\n let val=0;\r\n const step=()=>{ val += Math.ceil((target-val)\/12); if(val>=target) val=target;\r\n numEl.textContent = val.toLocaleString('en-US'); if(val<target) requestAnimationFrame(step); };\r\n step();\r\n io3.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.3});\r\n document.querySelectorAll('.stat-card').forEach(c=>io3.observe(c));\r\n})();\r\n\r\n\/* ---------- farm builder ---------- *\/\r\n(function(){\r\n const parts = document.querySelectorAll('.part');\r\n const stack = document.getElementById('builderStack');\r\n let count=0;\r\n parts.forEach(p=>{\r\n p.addEventListener('click',()=>{\r\n p.classList.add('added');\r\n if(count===0) stack.innerHTML='';\r\n count++;\r\n const item = document.createElement('div');\r\n item.className='stack-item';\r\n item.textContent = `${count.toString().padStart(2,'0')} \u00b7 ${p.dataset.name} \u2014 \u0645\u0633\u062a\u0642\u0631 \u0634\u062f \u2714`;\r\n stack.appendChild(item);\r\n });\r\n });\r\n})();\r\n\r\n\/* ---------- terminal typing ---------- *\/\r\n(function(){\r\n const lines = [\r\n '> Scan Farm ... <b>\u2714 Completed<\/b>',\r\n '> Detect Diseases ... <b>\u2714 Running<\/b>',\r\n '> Count Fruits ... <b>\u2714 Done<\/b>',\r\n '> Predict Yield ... <b>\u2714 Completed<\/b>',\r\n '> Optimize Irrigation ... <b>\u2714 Success<\/b>',\r\n '> Deploy Drone ... <b>\u2714 Airborne<\/b>',\r\n '> Activate Robot Fleet ... <b>\u2714 Online<\/b>'\r\n ];\r\n const box = document.getElementById('terminalBox');\r\n let started = false;\r\n const io4 = new IntersectionObserver(entries=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting && !started){\r\n started = true;\r\n let i=0;\r\n function next(){\r\n if(i>=lines.length) return;\r\n const p = document.createElement('div');\r\n p.className='t-line';\r\n box.appendChild(p);\r\n let text = lines[i]; let j=0;\r\n const plain = text.replace(\/<[^>]+>\/g,'');\r\n const iv = setInterval(()=>{\r\n j++;\r\n p.textContent = plain.slice(0,j);\r\n if(j>=plain.length){\r\n clearInterval(iv);\r\n p.innerHTML = text;\r\n i++;\r\n setTimeout(next,220);\r\n }\r\n },18);\r\n }\r\n next();\r\n }\r\n });\r\n },{threshold:.4});\r\n io4.observe(box);\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>  Digital Twin of the World’s Farms \u0645\u062d\u0627\u0641\u0638\u062a. \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc.\u062a\u0648\u0644\u06cc\u062f \u0647\u0648\u0634\u0645\u0646\u062f. AMIR FARM \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0646\u06cc\u0633\u062a\u061b \u06cc\u06a9 \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u0632\u0646\u062f\u0647\u0654 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0645\u0632\u0627\u0631\u0639 \u062c\u0647\u0627\u0646 \u0627\u0633\u062a \u2014 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0647\u067e\u0627\u062f\u060c \u0631\u0628\u0627\u062a\u060c \u0645\u0627\u0647\u0648\u0627\u0631\u0647 \u0648 \u062d\u0633\u06af\u0631 \u062f\u0631 \u06cc\u06a9 \u0645\u063a\u0632 \u0648\u0627\u062d\u062f \u0628\u0647 \u0647\u0645 \u0645\u062a\u0635\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. AMIR FARM AI CORE \u2014 ONLINE \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u062f\u0645\u0648\u06cc \u0632\u0646\u062f\u0647 SCROLL \u0645\u0632\u0631\u0639\u0647\u0654 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 […]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/pages\/2011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/comments?post=2011"}],"version-history":[{"count":6,"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/pages\/2011\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/pages\/2011\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/amir.farm\/fa\/wp-json\/wp\/v2\/media?parent=2011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}