{"id":17040,"date":"2026-05-03T14:30:16","date_gmt":"2026-05-03T14:30:16","guid":{"rendered":"https:\/\/genz-mobile.com\/about-us\/"},"modified":"2026-05-10T15:24:36","modified_gmt":"2026-05-10T15:24:36","slug":"about-us","status":"publish","type":"page","link":"https:\/\/genz-mobile.com\/ar\/about-us\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t
\n\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\u0646 \u0646\u062d\u0646 \u2014 Genz-Mobile<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Unbounded:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============== Genz-Mobile About Page \u2014 scoped to .gz-about ============== *\/\r\n.gz-about * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.gz-about {\r\n --gz-brand: #259da2;\r\n --gz-brand-bright: #34dde4;\r\n --gz-brand-deep: #0f4f52;\r\n --gz-accent: #ff5c8a;\r\n --gz-warn: #ffc94d;\r\n --gz-bg: #060912;\r\n --gz-bg-2: #0c1424;\r\n --gz-text: #eef2fa;\r\n --gz-muted: #8a96b0;\r\n --gz-card: rgba(20, 28, 46, 0.55);\r\n --gz-border: rgba(52, 221, 228, 0.18);\r\n\r\n position: relative;\r\n width: 100%;\r\n padding: clamp(40px, 6vw, 90px) clamp(20px, 5vw, 60px);\r\n background: var(--gz-bg);\r\n color: var(--gz-text);\r\n font-family: 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;\r\n overflow: hidden;\r\n isolation: isolate;\r\n line-height: 1.6;\r\n}\r\n\r\n.gz-about::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 40% at 15% 5%, rgba(37, 157, 162, 0.30), transparent 60%),\r\n radial-gradient(ellipse 50% 50% at 90% 30%, rgba(255, 92, 138, 0.14), transparent 60%),\r\n radial-gradient(ellipse 60% 40% at 50% 80%, rgba(52, 221, 228, 0.18), transparent 70%);\r\n z-index: -2;\r\n animation: gz-drift 22s ease-in-out infinite alternate;\r\n}\r\n.gz-about::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(52, 221, 228, 0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(52, 221, 228, 0.04) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n z-index: -1;\r\n mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black, transparent 90%);\r\n -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black, transparent 90%);\r\n}\r\n@keyframes gz-drift {\r\n 0% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(-3%, 2%) scale(1.05); }\r\n 100% { transform: translate(2%, -2%) scale(1.02); }\r\n}\r\n\r\n.gz-orb {\r\n position: absolute; border-radius: 50%;\r\n filter: blur(80px); opacity: 0.45; z-index: -1; pointer-events: none;\r\n}\r\n.gz-orb-a { width: 360px; height: 360px; background: var(--gz-brand); top: 5%; left: -100px; animation: gz-float 14s ease-in-out infinite; }\r\n.gz-orb-b { width: 280px; height: 280px; background: var(--gz-accent); top: 50%; right: -80px; animation: gz-float 16s ease-in-out infinite reverse; }\r\n.gz-orb-c { width: 320px; height: 320px; background: var(--gz-brand-bright); bottom: 5%; left: 30%; animation: gz-float 18s ease-in-out infinite; }\r\n@keyframes gz-float {\r\n 0%, 100% { transform: translate(0, 0); }\r\n 50% { transform: translate(40px, -30px); }\r\n}\r\n\r\n.gz-wrap { max-width: 1180px; margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n\/* ============== Brand wordmark \/ shining z ============== *\/\r\n.gz-brand-mark {\r\n display: inline-flex; align-items: baseline;\r\n font-family: 'Unbounded', sans-serif; font-weight: 700;\r\n letter-spacing: -0.02em;\r\n}\r\n.gz-brand-text { color: var(--gz-text); }\r\n.gz-z {\r\n position: relative; display: inline-block; font-weight: 900;\r\n background: linear-gradient(135deg, #b6fbff 0%, var(--gz-brand-bright) 30%, var(--gz-brand) 60%, #b6fbff 100%);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n animation: gz-z-grad 3s ease-in-out infinite;\r\n filter: drop-shadow(0 0 18px rgba(52, 221, 228, 0.6));\r\n}\r\n.gz-z::after {\r\n content: 'z'; position: absolute; top: 0; left: 0;\r\n background: linear-gradient(120deg, transparent 0%, transparent 35%, rgba(255,255,255,0.95) 50%, transparent 65%, transparent 100%);\r\n background-size: 250% 100%; background-position: 200% 0;\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n animation: gz-z-shine 3.5s ease-in-out infinite;\r\n}\r\n@keyframes gz-z-grad { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }\r\n@keyframes gz-z-shine { 0% { background-position: 200% 0; } 60% { background-position: -100% 0; } 100% { background-position: -100% 0; } }\r\n\r\n\/* ============== Section base ============== *\/\r\n.gz-section { padding: clamp(50px, 7vw, 90px) 0; position: relative; }\r\n.gz-eyebrow {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 8px 18px; border: 1px solid var(--gz-border); border-radius: 100px;\r\n background: rgba(52, 221, 228, 0.06);\r\n backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n font-size: 12px; font-weight: 500; letter-spacing: 0.22em;\r\n text-transform: uppercase; color: var(--gz-brand-bright);\r\n margin-bottom: 22px;\r\n}\r\n.gz-eyebrow::before {\r\n content: ''; width: 6px; height: 6px; border-radius: 50%;\r\n background: var(--gz-brand-bright); box-shadow: 0 0 12px var(--gz-brand-bright);\r\n animation: gz-pulse 1.6s ease-in-out infinite;\r\n}\r\n@keyframes gz-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.7); } }\r\n\r\n.gz-h1 {\r\n font-family: 'Unbounded', sans-serif;\r\n font-size: clamp(44px, 9vw, 110px); font-weight: 800;\r\n line-height: 0.95; letter-spacing: -0.04em;\r\n}\r\n.gz-h1 em {\r\n font-style: italic; font-weight: 900;\r\n background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-brand) 60%, var(--gz-accent));\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n.gz-h2 {\r\n font-family: 'Unbounded', sans-serif;\r\n font-size: clamp(30px, 4.5vw, 52px); font-weight: 800;\r\n line-height: 1.05; letter-spacing: -0.03em;\r\n margin-bottom: 18px;\r\n}\r\n.gz-h2 em {\r\n font-style: italic; font-weight: 900;\r\n background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-accent));\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n.gz-lead { font-size: clamp(16px, 1.5vw, 19px); color: var(--gz-muted); max-width: 640px; line-height: 1.7; }\r\n\r\n\/* Scroll reveal *\/\r\n.gz-reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(.2,.8,.2,1), transform 0.8s cubic-bezier(.2,.8,.2,1); }\r\n.gz-reveal.is-in { opacity: 1; transform: translateY(0); }\r\n.gz-reveal[data-d=\"1\"] { transition-delay: 0.1s; }\r\n.gz-reveal[data-d=\"2\"] { transition-delay: 0.2s; }\r\n.gz-reveal[data-d=\"3\"] { transition-delay: 0.3s; }\r\n.gz-reveal[data-d=\"4\"] { transition-delay: 0.4s; }\r\n\r\n\/* ============== Hero ============== *\/\r\n.gz-hero { padding-top: clamp(20px, 4vw, 40px); padding-bottom: clamp(40px, 6vw, 70px); position: relative; }\r\n.gz-hero-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 50px; align-items: center; }\r\n.gz-hero-tag { display: flex; align-items: center; gap: 10px; margin-top: 26px; flex-wrap: wrap; }\r\n.gz-pill {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 8px 16px; border-radius: 100px;\r\n background: rgba(52, 221, 228, 0.08);\r\n border: 1px solid var(--gz-border);\r\n font-size: 13px; font-weight: 500; color: var(--gz-text);\r\n}\r\n.gz-pill svg { width: 14px; height: 14px; color: var(--gz-brand-bright); }\r\n.gz-hero-lead { margin-top: 30px; font-size: clamp(16px, 1.6vw, 19px); color: var(--gz-muted); max-width: 520px; line-height: 1.7; }\r\n\r\n\/* Big rotating sticker *\/\r\n.gz-sticker-wrap { position: relative; display: flex; align-items: center; justify-content: center; }\r\n.gz-sticker {\r\n position: relative; width: clamp(220px, 28vw, 320px); height: clamp(220px, 28vw, 320px);\r\n animation: gz-spin 22s linear infinite;\r\n}\r\n.gz-sticker svg { width: 100%; height: 100%; }\r\n.gz-sticker-core {\r\n position: absolute; inset: 0; display: grid; place-items: center;\r\n font-family: 'Unbounded', sans-serif; text-align: center;\r\n}\r\n.gz-sticker-core .num {\r\n font-size: clamp(56px, 8vw, 82px); font-weight: 900; line-height: 1;\r\n background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-brand));\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n.gz-sticker-core .lbl {\r\n font-size: 13px; letter-spacing: 0.3em; color: var(--gz-text); margin-top: 8px; font-weight: 600;\r\n}\r\n@keyframes gz-spin { to { transform: rotate(360deg); } }\r\n\r\n\/* Floating decorative stickers *\/\r\n.gz-deco { position: absolute; pointer-events: none; opacity: 0.85; }\r\n.gz-deco-1 { top: 5%; right: 8%; animation: gz-bob 6s ease-in-out infinite; }\r\n.gz-deco-2 { bottom: -10px; left: 8%; animation: gz-bob 7s ease-in-out infinite reverse; }\r\n@keyframes gz-bob { 0%,100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-12px) rotate(4deg); } }\r\n\r\n\/* ============== Stats strip ============== *\/\r\n.gz-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; margin: 30px 0; }\r\n.gz-stat {\r\n position: relative; padding: 28px 24px;\r\n background: var(--gz-card); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid var(--gz-border); border-radius: 20px; overflow: hidden;\r\n}\r\n.gz-stat::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--gz-brand-bright), transparent);\r\n opacity: 0.6;\r\n}\r\n.gz-stat-num {\r\n font-family: 'Unbounded', sans-serif; font-size: 38px; font-weight: 800;\r\n line-height: 1; letter-spacing: -0.03em; color: var(--gz-brand-bright); margin-bottom: 6px;\r\n}\r\n.gz-stat-num small { font-size: 0.6em; color: var(--gz-text); }\r\n.gz-stat-lbl { font-size: 13px; color: var(--gz-muted); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; }\r\n\r\n\/* ============== Two-col text section ============== *\/\r\n.gz-twocol { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; }\r\n.gz-twocol p { color: var(--gz-muted); font-size: 16px; margin-bottom: 18px; line-height: 1.8; }\r\n.gz-twocol p strong { color: var(--gz-text); font-weight: 600; }\r\n\r\n\/* Quote callout *\/\r\n.gz-quote {\r\n position: relative;\r\n padding: 30px 32px 30px 60px; margin: 24px 0;\r\n background: linear-gradient(135deg, rgba(52, 221, 228, 0.07), rgba(255, 92, 138, 0.04));\r\n border-right: 3px solid var(--gz-brand-bright); border-left: 0; border-radius: 18px 0 0 18px;\r\n font-family: 'Unbounded', sans-serif; font-size: 18px; font-weight: 500;\r\n color: var(--gz-text); line-height: 1.5; font-style: italic;\r\n}\r\n.gz-quote::before {\r\n content: '\"'; position: absolute; top: -10px; right: 18px;\r\n font-family: 'Unbounded', sans-serif; font-size: 80px; line-height: 1;\r\n color: var(--gz-brand-bright); opacity: 0.5;\r\n}\r\n\r\n\/* ============== Product category grid ============== *\/\r\n.gz-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-top: 40px; }\r\n.gz-cat {\r\n position: relative; padding: 28px 22px; text-align: right;\r\n background: var(--gz-card); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n border: 1px solid var(--gz-border); border-radius: 20px;\r\n transition: transform 0.4s cubic-bezier(.2,.8,.2,1), border-color 0.3s, background 0.3s;\r\n cursor: default;\r\n}\r\n.gz-cat:hover { transform: translateY(-6px); border-color: rgba(52, 221, 228, 0.5); background: rgba(20, 28, 46, 0.75); }\r\n.gz-cat-icon {\r\n width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;\r\n background: linear-gradient(135deg, rgba(52, 221, 228, 0.15), rgba(37, 157, 162, 0.04));\r\n border: 1px solid var(--gz-border); color: var(--gz-brand-bright); margin-bottom: 18px;\r\n transition: transform 0.4s;\r\n}\r\n.gz-cat:hover .gz-cat-icon { transform: rotate(-8deg) scale(1.1); }\r\n.gz-cat-icon svg { width: 24px; height: 24px; }\r\n.gz-cat-name { font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: var(--gz-text); }\r\n\r\n\/* ============== Problem vs Solution ============== *\/\r\n.gz-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; }\r\n.gz-vs-col {\r\n padding: 32px 28px; border-radius: 24px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid;\r\n}\r\n.gz-vs-bad { background: rgba(255, 92, 138, 0.05); border-color: rgba(255, 92, 138, 0.2); }\r\n.gz-vs-good { background: rgba(52, 221, 228, 0.05); border-color: var(--gz-border); }\r\n.gz-vs-title {\r\n font-family: 'Unbounded', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 22px;\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.gz-vs-bad .gz-vs-title { color: var(--gz-accent); }\r\n.gz-vs-good .gz-vs-title { color: var(--gz-brand-bright); }\r\n.gz-vs-list { list-style: none; }\r\n.gz-vs-list li {\r\n padding: 14px 0; display: flex; align-items: flex-start; gap: 12px;\r\n font-size: 15px; color: var(--gz-text);\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.gz-vs-list li:last-child { border-bottom: none; }\r\n.gz-vs-list li svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; }\r\n.gz-vs-bad .gz-vs-list li { color: var(--gz-muted); text-decoration: line-through; text-decoration-color: rgba(255, 92, 138, 0.5); }\r\n.gz-vs-bad .gz-vs-list li svg { color: var(--gz-accent); }\r\n.gz-vs-good .gz-vs-list li svg { color: var(--gz-brand-bright); }\r\n\r\n\/* ============== Personas ============== *\/\r\n.gz-personas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; margin-bottom: 50px; }\r\n.gz-persona {\r\n padding: 12px 22px; border-radius: 100px;\r\n background: rgba(52, 221, 228, 0.06); border: 1px solid var(--gz-border);\r\n font-size: 15px; font-weight: 500; color: var(--gz-text);\r\n display: inline-flex; align-items: center; gap: 8px;\r\n transition: all 0.3s;\r\n}\r\n.gz-persona:hover { background: var(--gz-brand); color: white; transform: translateY(-2px); border-color: var(--gz-brand); }\r\n.gz-persona svg { width: 16px; height: 16px; color: var(--gz-brand-bright); transition: color 0.3s; }\r\n.gz-persona:hover svg { color: white; }\r\n\r\n.gz-rights { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }\r\n.gz-right {\r\n display: flex; gap: 16px; padding: 22px 24px;\r\n background: var(--gz-card); border: 1px solid var(--gz-border); border-radius: 18px;\r\n backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n}\r\n.gz-right-icon {\r\n width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;\r\n display: grid; place-items: center;\r\n background: rgba(52, 221, 228, 0.1); color: var(--gz-brand-bright);\r\n}\r\n.gz-right-icon svg { width: 22px; height: 22px; }\r\n.gz-right h4 { font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 600; color: var(--gz-text); margin-bottom: 4px; }\r\n.gz-right p { font-size: 14px; color: var(--gz-muted); line-height: 1.5; }\r\n\r\n\/* ============== Marquee (Vision) ============== *\/\r\n.gz-marquee {\r\n position: relative; overflow: hidden; padding: 50px 0; margin: 60px 0;\r\n border-top: 1px solid var(--gz-border); border-bottom: 1px solid var(--gz-border);\r\n background: linear-gradient(90deg, transparent, rgba(52, 221, 228, 0.03), transparent);\r\n}\r\n.gz-marquee-track {\r\n display: flex; gap: 60px; width: max-content;\r\n animation: gz-scroll 30s linear infinite;\r\n}\r\n.gz-marquee-item {\r\n font-family: 'Unbounded', sans-serif; font-size: clamp(40px, 7vw, 80px); font-weight: 900;\r\n letter-spacing: -0.03em; line-height: 1; white-space: nowrap;\r\n display: inline-flex; align-items: center; gap: 60px;\r\n color: transparent; -webkit-text-stroke: 1px var(--gz-brand-bright);\r\n}\r\n.gz-marquee-item:nth-child(even) {\r\n -webkit-text-stroke: 0; color: var(--gz-text);\r\n background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-brand));\r\n -webkit-background-clip: text; background-clip: text;\r\n}\r\n.gz-marquee-star { color: var(--gz-accent); font-size: 0.5em; -webkit-text-stroke: 0; }\r\n@keyframes gz-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n\/* ============== Promise badge ============== *\/\r\n.gz-promise-wrap {\r\n display: grid; grid-template-columns: auto 1fr; gap: 50px; align-items: center;\r\n}\r\n.gz-promise-badge {\r\n position: relative; width: 220px; height: 220px;\r\n display: grid; place-items: center;\r\n border-radius: 50%; border: 2px dashed var(--gz-brand);\r\n background: radial-gradient(circle at center, rgba(52, 221, 228, 0.12), transparent 70%);\r\n animation: gz-spin 30s linear infinite;\r\n}\r\n.gz-promise-badge-inner {\r\n width: 75%; height: 75%; border-radius: 50%;\r\n background: linear-gradient(135deg, var(--gz-brand) 0%, var(--gz-brand-bright) 100%);\r\n display: grid; place-items: center; text-align: center; color: #001012;\r\n animation: gz-spin 30s linear infinite reverse;\r\n box-shadow: 0 20px 50px -10px rgba(52, 221, 228, 0.5);\r\n}\r\n.gz-promise-badge-inner span:first-child { display: block; font-family: 'Unbounded', sans-serif; font-size: 32px; font-weight: 900; line-height: 1; }\r\n.gz-promise-badge-inner span:last-child { display: block; font-size: 11px; letter-spacing: 0.25em; font-weight: 600; margin-top: 4px; }\r\n.gz-promise-quote {\r\n font-family: 'Unbounded', sans-serif; font-size: clamp(22px, 2.6vw, 30px); font-weight: 600;\r\n line-height: 1.3; letter-spacing: -0.02em; color: var(--gz-text);\r\n}\r\n.gz-promise-quote em {\r\n font-style: italic; font-weight: 800;\r\n background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-accent));\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n\r\n\/* ============== Differentiators ============== *\/\r\n.gz-diffs { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-top: 40px; }\r\n.gz-diff {\r\n position: relative; padding: 28px 24px;\r\n background: var(--gz-card); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n border: 1px solid var(--gz-border); border-radius: 20px;\r\n transition: all 0.4s;\r\n}\r\n.gz-diff:hover { transform: translateY(-4px); border-color: rgba(52, 221, 228, 0.4); }\r\n.gz-diff-num {\r\n font-family: 'Unbounded', sans-serif; font-size: 14px; font-weight: 700;\r\n color: var(--gz-brand-bright); letter-spacing: 0.1em; margin-bottom: 12px;\r\n}\r\n.gz-diff h4 { font-family: 'Unbounded', sans-serif; font-size: 17px; font-weight: 600; color: var(--gz-text); margin-bottom: 8px; line-height: 1.3; }\r\n.gz-diff p { font-size: 14px; color: var(--gz-muted); line-height: 1.6; }\r\n\r\n\/* ============== CTA ============== *\/\r\n.gz-cta {\r\n position: relative; padding: clamp(50px, 7vw, 80px) clamp(28px, 5vw, 60px);\r\n background: linear-gradient(135deg, rgba(37, 157, 162, 0.15) 0%, rgba(255, 92, 138, 0.08) 100%);\r\n border: 1px solid var(--gz-border); border-radius: 32px;\r\n text-align: center; overflow: hidden; margin-top: 40px;\r\n}\r\n.gz-cta::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: radial-gradient(circle at 50% 100%, rgba(52, 221, 228, 0.25), transparent 60%);\r\n z-index: 0;\r\n}\r\n.gz-cta > * { position: relative; z-index: 1; }\r\n.gz-cta h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(28px, 4vw, 46px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; margin-bottom: 14px; }\r\n.gz-cta h2 em {\r\n font-style: italic; font-weight: 900;\r\n background: linear-gradient(135deg, var(--gz-brand-bright), var(--gz-accent));\r\n -webkit-background-clip: text; background-clip: text; color: transparent;\r\n}\r\n.gz-cta p { color: var(--gz-muted); font-size: 16px; max-width: 540px; margin: 0 auto 30px; line-height: 1.6; }\r\n.gz-cta-btns { display: inline-flex; flex-wrap: wrap; gap: 14px; justify-content: center; }\r\n.gz-btn {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 16px 28px; border-radius: 14px; text-decoration: none;\r\n font-family: 'Unbounded', sans-serif; font-size: 14px; font-weight: 600;\r\n letter-spacing: 0.05em; text-transform: uppercase;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n position: relative; overflow: hidden;\r\n}\r\n.gz-btn-primary {\r\n background: linear-gradient(135deg, var(--gz-brand) 0%, var(--gz-brand-bright) 100%);\r\n color: #001012;\r\n}\r\n.gz-btn-primary::before {\r\n content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\r\n background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);\r\n transition: left 0.6s;\r\n}\r\n.gz-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px -10px rgba(52, 221, 228, 0.6); }\r\n.gz-btn-primary:hover::before { left: 100%; }\r\n.gz-btn-ghost {\r\n background: rgba(255, 255, 255, 0.04); color: var(--gz-text);\r\n border: 1px solid var(--gz-border);\r\n}\r\n.gz-btn-ghost:hover { background: rgba(52, 221, 228, 0.1); border-color: var(--gz-brand-bright); transform: translateY(-2px); }\r\n.gz-btn svg { width: 16px; height: 16px; }\r\n\r\n\/* Mini sparkle decorative *\/\r\n.gz-sparkle {\r\n position: absolute; pointer-events: none;\r\n animation: gz-twinkle 3s ease-in-out infinite;\r\n}\r\n.gz-sparkle svg { width: 100%; height: 100%; }\r\n@keyframes gz-twinkle {\r\n 0%, 100% { opacity: 0.4; transform: scale(0.85) rotate(0deg); }\r\n 50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\r\n}\r\n\r\n\/* ============== Responsive ============== *\/\r\n@media (max-width: 880px) {\r\n .gz-hero-grid, .gz-twocol, .gz-vs, .gz-promise-wrap { grid-template-columns: 1fr; gap: 40px; }\r\n .gz-promise-badge { margin: 0 auto; }\r\n .gz-stats { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 480px) {\r\n .gz-stats { grid-template-columns: 1fr; }\r\n .gz-cta-btns { flex-direction: column; align-items: stretch; }\r\n .gz-btn { justify-content: center; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .gz-about *, .gz-about *::before, .gz-about *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"gz-about\">\r\n <span class=\"gz-orb gz-orb-a\"><\/span>\r\n <span class=\"gz-orb gz-orb-b\"><\/span>\r\n <span class=\"gz-orb gz-orb-c\"><\/span>\r\n\r\n <div class=\"gz-wrap\">\r\n\r\n <!-- ========== HERO ========== -->\r\n <section class=\"gz-section gz-hero\">\r\n <div class=\"gz-hero-grid\">\r\n <div class=\"gz-reveal is-in\">\r\n <div class=\"gz-eyebrow\">\u0645\u0646 \u0646\u062d\u0646<\/div>\r\n <h1 class=\"gz-h1\">\r\n \u0627\u062a\u0628\u0646\u064a\u0646\u0627 \u0639\u0644\u0649 \u062e\u0628\u0631\u0629<br>\r\n \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a.<br>\r\n \u0648\u0627\u062a\u0639\u0645\u0644\u0646\u0627 <em>\u0644\u062c\u064a\u0644 \u0623\u0630\u0643\u0649<\/em>.\r\n <\/h1>\r\n <p class=\"gz-hero-lead\">\r\n <span class=\"gz-brand-mark\" style=\"font-size:18px;\"><span class=\"gz-brand-text\">genz-mobile<\/span><span class=\"gz-z\">z<\/span><\/span>\r\n \u0627\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0625\u064a\u062f \u0641\u0631\u064a\u0642 \u0634\u0628\u0627\u0628 \u0639\u0646\u062f\u0647 \u0623\u0643\u062a\u0631 \u0645\u0646 10 \u0633\u0646\u064a\u0646 \u062e\u0628\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a\u0647\u0627 \u2014 \u0648\u062d\u0648\u0651\u0644\u0646\u0627 \u0627\u0644\u062e\u0628\u0631\u0629 \u062f\u064a \u0644\u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0623\u0630\u0643\u0649 \u0648\u0623\u0633\u0647\u0644.\r\n <\/p>\r\n <div class=\"gz-hero-tag\">\r\n <span class=\"gz-pill\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v6M12 16v6M2 12h6M16 12h6M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M4.93 19.07l4.24-4.24M14.83 9.17l4.24-4.24\"\/><\/svg>\r\n \u0627\u0644\u062b\u0642\u0629 \u0623\u0648\u0644\u064b\u0627\r\n <\/span>\r\n <span class=\"gz-pill\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n \u062f\u0639\u0645 \u0633\u0631\u064a\u0639\r\n <\/span>\r\n <span class=\"gz-pill\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n \u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gz-sticker-wrap\">\r\n <div class=\"gz-sticker\">\r\n <svg viewBox=\"0 0 320 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <path id=\"gzCircle\" d=\"M 160, 160 m -130, 0 a 130,130 0 1,1 260,0 a 130,130 0 1,1 -260,0\" \/>\r\n <\/defs>\r\n <circle cx=\"160\" cy=\"160\" r=\"155\" fill=\"none\" stroke=\"#34dde4\" stroke-width=\"1\" stroke-dasharray=\"2 6\" opacity=\"0.5\"\/>\r\n <text font-family=\"Unbounded, sans-serif\" font-size=\"14\" font-weight=\"700\" letter-spacing=\"6\" fill=\"#34dde4\">\r\n <textPath href=\"#gzCircle\">\u2605 GENZ-MOBILE \u2605 \u062e\u0628\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u2605 GENZ-MOBILE \u2605 \u062b\u0642\u0629 \u2605<\/textPath>\r\n <\/text>\r\n <\/svg>\r\n <div class=\"gz-sticker-core\">\r\n <div>\r\n <div class=\"num\">10+<\/div>\r\n <div class=\"lbl\">\u0633\u0646\u064a\u0646 \u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gz-sparkle\" style=\"top: 10%; right: 0; width: 40px; height: 40px;\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"#ff5c8a\"><path d=\"M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-sparkle\" style=\"bottom: 5%; left: 5%; width: 28px; height: 28px; animation-delay: 1.5s;\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"#34dde4\"><path d=\"M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== STATS STRIP ========== -->\r\n <section class=\"gz-section gz-reveal\" style=\"padding-top: 0;\">\r\n <div class=\"gz-stats\">\r\n <div class=\"gz-stat\">\r\n <div class=\"gz-stat-num\">10<small>+<\/small><\/div>\r\n <div class=\"gz-stat-lbl\">\u0633\u0646\u064a\u0646 \u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <div class=\"gz-stat\">\r\n <div class=\"gz-stat-num\">100<small>%<\/small><\/div>\r\n <div class=\"gz-stat-lbl\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629 Products<\/div>\r\n <\/div>\r\n <div class=\"gz-stat\">\r\n <div class=\"gz-stat-num\">24<small>h<\/small><\/div>\r\n <div class=\"gz-stat-lbl\">\u0645\u062a\u0648\u0633\u0637 \u0633\u0631\u0639\u0629 \u0627\u0644\u0631\u062f<\/div>\r\n <\/div>\r\n <div class=\"gz-stat\">\r\n <div class=\"gz-stat-num\">\u221e<\/div>\r\n <div class=\"gz-stat-lbl\">\u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0648\u0644\u064b\u0627 \u062f\u0627\u0626\u0645\u064b\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== OUR STORY ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-twocol\">\r\n <div class=\"gz-reveal\">\r\n <div class=\"gz-eyebrow\">\u0642\u0635\u062a\u0646\u0627<\/div>\r\n <h2 class=\"gz-h2\">\u0627\u0644\u062d\u0643\u0627\u064a\u0629 \u0628\u062f\u0623\u062a \u0645\u0646 \u062e\u0628\u0631\u0629 <em>\u062d\u0642\u064a\u0642\u064a\u0629<\/em> \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/h2>\r\n <\/div>\r\n <div class=\"gz-reveal\" data-d=\"1\">\r\n <p>\u0644\u0623\u0643\u062a\u0631 \u0645\u0646 10 \u0633\u0646\u064a\u0646\u060c \u0641\u0631\u064a\u0642\u0646\u0627 \u0643\u0627\u0646 \u0634\u063a\u0627\u0644 \u0639\u0646 \u0642\u0631\u0628 \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a: \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0627\u0644\u0644\u064a \u0628\u062a\u0641\u0631\u0642 \u062c\u062f\u064b\u0627 \u0641\u064a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0634\u0631\u0627\u0621.<\/p>\r\n <p>\u0634\u0641\u0646\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u064a\u062a\u0644\u062e\u0628\u0637\u0648\u0627 \u0641\u064a \u0625\u064a\u0647 \u0648\u0647\u0645 \u0628\u064a\u062e\u062a\u0627\u0631\u0648\u0627 \u0634\u0627\u062d\u0646\u060c \u0643\u0627\u0628\u0644\u060c \u0625\u064a\u0631\u0628\u0648\u062f\u0632\u060c \u0647\u064a\u062f\u0641\u0648\u0646\u060c \u0633\u0627\u0639\u0629 \u0630\u0643\u064a\u0629\u060c \u062c\u0631\u0627\u0628\u060c \u0627\u0633\u0643\u0631\u064a\u0646\u0629\u060c \u0628\u0627\u0648\u0631 \u0628\u0627\u0646\u0643\u060c \u0623\u0648 \u0623\u064a \u0625\u0643\u0633\u0633\u0648\u0627\u0631 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644.<\/p>\r\n <div class=\"gz-quote\">\r\n \u0648\u0634\u0641\u0646\u0627 \u0643\u0645\u0627\u0646 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629: \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0634 \u0648\u0627\u0636\u062d\u0629\u060c \u062c\u0648\u062f\u0629 \u0636\u0639\u064a\u0641\u0629\u060c \u0623\u0633\u0639\u0627\u0631 \u0645\u0628\u0627\u0644\u063a \u0641\u064a\u0647\u0627\u060c \u0648\u062f\u0639\u0645 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639 \u0645\u0634 \u0643\u0641\u0627\u064a\u0629. \u0639\u0634\u0627\u0646 \u0643\u062f\u0647 \u0642\u0631\u0631\u0646\u0627 \u0646\u0639\u0645\u0644 \u062d\u0627\u062c\u0629 \u0645\u062e\u062a\u0644\u0641\u0629.\r\n <\/div>\r\n <p><strong>Genz-mobile<\/strong> \u0647\u0648 \u0637\u0631\u064a\u0642\u062a\u0646\u0627 \u0641\u064a \u0625\u0646\u0646\u0627 \u0646\u0646\u0642\u0644 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0634\u0631\u0627\u0621 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u2014 \u0648\u0646\u0633\u0627\u0639\u062f \u0643\u0644 \u0639\u0645\u064a\u0644 \u064a\u062e\u062a\u0627\u0631 \u0623\u062d\u0633\u0646\u060c \u064a\u0634\u062a\u0631\u064a \u0623\u0633\u0647\u0644\u060c \u0648\u064a\u062d\u0633 \u0628\u062b\u0642\u0629 \u0623\u0643\u0628\u0631 \u0641\u064a \u0643\u0644 \u0623\u0648\u0631\u062f\u0631.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== WHAT WE DO ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-reveal\">\r\n <div class=\"gz-eyebrow\">\u0628\u0646\u0642\u062f\u0645 \u0625\u064a\u0647\u061f<\/div>\r\n <h2 class=\"gz-h2\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0635\u062d. <em>\u0645\u0634 \u0623\u064a \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062e\u0644\u0627\u0635.<\/em><\/h2>\r\n <p class=\"gz-lead\">\u0625\u062d\u0646\u0627 \u0628\u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0644\u064a \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u062d\u062a\u0627\u062c\u0647 \u0641\u0639\u0644\u064b\u0627: \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629\u060c \u0645\u0641\u064a\u062f\u0629\u060c \u0648\u0633\u0639\u0631\u0647\u0627 \u0639\u0627\u062f\u0644. \u0648\u0643\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0639\u0646\u062f\u0646\u0627 \u0628\u064a\u062a\u0642\u0627\u0633 \u0628\u0633\u0624\u0627\u0644 \u0648\u0627\u062d\u062f: <em>\u0647\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u062f\u0647 \u0647\u064a\u062e\u0644\u0651\u064a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0623\u062d\u0633\u0646\u061f<\/em><\/p>\r\n <\/div>\r\n\r\n <div class=\"gz-cats\">\r\n <div class=\"gz-cat gz-reveal\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 14a9 9 0 0 1 18 0v3a2 2 0 0 1-2 2h-1v-7H5v7H4a2 2 0 0 1-1-2v-3z\"\/><path d=\"M5 19h2v-7H5zM17 19h2v-7h-2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0625\u064a\u0631\u0628\u0648\u062f\u0632 \u0648\u0647\u064a\u062f\u0641\u0648\u0646<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"\/><path d=\"M9 2h6M9 22h6M16 6l1-3M8 6l-1-3M16 18l1 3M8 18l-1 3\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0633\u0627\u0639\u0627\u062a \u0630\u0643\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\" data-d=\"2\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0634\u0648\u0627\u062d\u0646<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\" data-d=\"3\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8h6a4 4 0 1 1 0 8H4M14 8h6a4 4 0 1 1 0 8h-6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0643\u0627\u0628\u0644\u0627\u062a<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"3\"\/><path d=\"M11 18h2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u062c\u0631\u0627\u0628\u0627\u062a \u0645\u0648\u0628\u0627\u064a\u0644<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M9 6h6M9 10h6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0627\u0633\u0643\u0631\u064a\u0646\u0627\u062a \u062d\u0645\u0627\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\" data-d=\"2\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"6\" width=\"16\" height=\"14\" rx=\"2\"\/><path d=\"M9 6V4h6v2M9 13l2 2 4-4\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0628\u0627\u0648\u0631 \u0628\u0627\u0646\u0643<\/div>\r\n <\/div>\r\n <div class=\"gz-cat gz-reveal\" data-d=\"3\">\r\n <div class=\"gz-cat-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"gz-cat-name\">\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== WHY EXISTS \u2014 Problem vs Solution ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-reveal\">\r\n <div class=\"gz-eyebrow\">\u0625\u062d\u0646\u0627 \u0645\u0648\u062c\u0648\u062f\u064a\u0646 \u0644\u064a\u0647\u061f<\/div>\r\n <h2 class=\"gz-h2\">\u0628\u0637\u0644 \u062a\u062d\u062a\u0627\u0631. <em>\u0648\u0627\u0634\u062a\u0631\u064a \u0628\u062b\u0642\u0629.<\/em><\/h2>\r\n <p class=\"gz-lead\">\u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0634 \u0627\u0644\u0645\u0641\u0631\u0648\u0636 \u064a\u0636\u064a\u0651\u0639 \u0648\u0642\u062a\u0647 \u0628\u064a\u0646 \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0645\u0644\u062e\u0628\u0637\u0629 \u0623\u0648 \u064a\u0641\u0636\u0644 \u0642\u0644\u0642\u0627\u0646 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0646\u0627\u0633\u0628 \u0644\u0647 \u0648\u0644\u0627 \u0644\u0623. \u0625\u062d\u0646\u0627 \u0645\u0648\u062c\u0648\u062f\u064a\u0646 \u0639\u0634\u0627\u0646 \u0646\u062e\u0644\u064a \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0633\u0647\u0644 \u0648\u0623\u0648\u0636\u062d.<\/p>\r\n <\/div>\r\n\r\n <div class=\"gz-vs\">\r\n <div class=\"gz-vs-col gz-vs-bad gz-reveal\">\r\n <div class=\"gz-vs-title\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n \u0625\u064a\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642\u061f\r\n <\/div>\r\n <ul class=\"gz-vs-list\">\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0644\u062e\u0628\u0637\u0629<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\u062c\u0648\u062f\u0629 \u0636\u0639\u064a\u0641\u0629<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0628\u0623\u0633\u0639\u0627\u0631 \u0645\u0628\u0627\u0644\u063a \u0641\u064a\u0647\u0627<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\u062f\u0639\u0645 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639 \u0636\u0639\u064a\u0641<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0628\u062f\u0648\u0646 \u0627\u0647\u062a\u0645\u0627\u0645 \u062d\u0642\u064a\u0642\u064a<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"gz-vs-col gz-vs-good gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-vs-title\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n \u0637\u0631\u064a\u0642\u0629 Genz-mobile\r\n <\/div>\r\n <ul class=\"gz-vs-list\">\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0635\u0627\u062f\u0642\u0629 \u0639\u0646 \u0627\u0644\u0645\u0646\u062a\u062c<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629, quality-checked gear<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u0633\u0639\u0631 \u0639\u0627\u062f\u0644 \u0648\u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u062f\u0639\u0645 \u0623\u0633\u0631\u0639 \u0648\u0623\u0641\u0636\u0644 \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u062a\u062c\u0631\u0628\u0629 \u0634\u062e\u0635\u064a\u0629 \u0628\u062a\u062d\u062a\u0631\u0645 \u0648\u0642\u062a\u0643<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== BUILT FOR THE NEW GENERATION ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-reveal\">\r\n <div class=\"gz-eyebrow\">\u0627\u062a\u0639\u0645\u0644\u0646\u0627 \u0639\u0644\u0634\u0627\u0646\u0643<\/div>\r\n <h2 class=\"gz-h2\">\u0644\u0644\u0640 <em>\u062c\u064a\u0644 \u0627\u0644\u062c\u062f\u064a\u062f<\/em>.<\/h2>\r\n <p class=\"gz-lead\">\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0628\u0642\u0627\u0634 \u0645\u062c\u0631\u062f \u062c\u0647\u0627\u0632 \u2014 \u062f\u0647 \u0628\u0642\u0649 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0634\u063a\u0644\u060c \u0627\u0644\u062f\u0631\u0627\u0633\u0629\u060c \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u060c \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u060c \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0627\u0644\u062c\u064a\u0645\u064a\u0646\u062c\u060c \u0648\u062d\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645\u064a\u0629. \u0639\u0634\u0627\u0646 \u0643\u062f\u0647 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631 \u0627\u0644\u0635\u062d \u0628\u064a\u0641\u0631\u0642.<\/p>\r\n <\/div>\r\n\r\n <div class=\"gz-personas gz-reveal\">\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M3 21a9 9 0 0 1 18 0\"\/><\/svg>\u0627\u0644\u0634\u0628\u0627\u0628<\/span>\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\u0635\u0646\u0651\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 11h4M8 9v4M16 12h.01M19 11h.01\"\/><path d=\"M2 12a5 5 0 0 1 5-5h10a5 5 0 0 1 5 5v0a5 5 0 0 1-5 5h-1l-2-2h-4l-2 2H7a5 5 0 0 1-5-5z\"\/><\/svg>\u0627\u0644\u062c\u064a\u0645\u0631\u0632<\/span>\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 2 3 3 6 3s6-1 6-3v-5\"\/><\/svg>\u0627\u0644\u0637\u0644\u0627\u0628<\/span>\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646<\/span>\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M14 16H9m10 0h3v-3.15a1 1 0 0 0-.84-.99L16 11l-2.7-3.6a1 1 0 0 0-.8-.4H5.24a2 2 0 0 0-1.8 1.1l-.8 1.63A6 6 0 0 0 2 12.42V16h2\"\/><circle cx=\"6\" cy=\"16\" r=\"2\"\/><circle cx=\"17\" cy=\"16\" r=\"2\"\/><\/svg>\u0627\u0644\u0633\u0648\u0627\u0642\u064a\u0646<\/span>\r\n <span class=\"gz-persona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 8a4 4 0 0 1 8 0v8a4 4 0 0 1-8 0z\"\/><path d=\"M14 12h6M2 12h4\"\/><\/svg>\u0645\u062d\u0628\u064a \u0627\u0644\u0631\u064a\u0627\u0636\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"gz-rights\">\r\n <div class=\"gz-right gz-reveal\">\r\n <div class=\"gz-right-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\r\n <div><h4>\u0627\u0644\u0634\u0627\u062d\u0646 \u0627\u0644\u0635\u062d<\/h4><p>\u0628\u064a\u0648\u0641\u0651\u0631 \u0648\u0642\u062a\u0643\u060c \u0628\u064a\u0634\u062d\u0646 \u0628\u0633\u0631\u0639\u0629\u060c \u0648\u0628\u064a\u0639\u064a\u0634 \u0645\u0639\u0627\u0643 \u0623\u0637\u0648\u0644.<\/p><\/div>\r\n <\/div>\r\n <div class=\"gz-right gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-right-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 14a9 9 0 0 1 18 0v3M5 19h2v-7H5zM17 19h2v-7h-2z\"\/><\/svg><\/div>\r\n <div><h4>\u0627\u0644\u0625\u064a\u0631\u0628\u0648\u062f\u0632 \u0627\u0644\u0635\u062d<\/h4><p>\u0628\u062a\u062e\u0644\u064a \u064a\u0648\u0645\u0643 \u0623\u0633\u0647\u0644 \u0648\u0635\u0648\u062a\u0643 \u0623\u0642\u0648\u0649.<\/p><\/div>\r\n <\/div>\r\n <div class=\"gz-right gz-reveal\" data-d=\"2\">\r\n <div class=\"gz-right-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"\/><path d=\"M9 2h6M9 22h6\"\/><\/svg><\/div>\r\n <div><h4>\u0627\u0644\u0633\u0627\u0639\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0627\u0644\u0635\u062d<\/h4><p>\u0628\u062a\u062e\u0644\u064a\u0643 \u0645\u062a\u0627\u0628\u0639 \u0643\u0644 \u062d\u0627\u062c\u0629 \u0645\u0646 \u063a\u064a\u0631 \u062f\u0648\u0634\u0629.<\/p><\/div>\r\n <\/div>\r\n <div class=\"gz-right gz-reveal\" data-d=\"3\">\r\n <div class=\"gz-right-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"3\"\/><\/svg><\/div>\r\n <div><h4>\u0627\u0644\u062c\u0631\u0627\u0628 \u0627\u0644\u0635\u062d<\/h4><p>\u0628\u064a\u062d\u0645\u064a \u0645\u0648\u0628\u0627\u064a\u0644\u0643 \u0648\u0628\u064a\u0643\u0645\u0644 \u0633\u062a\u0627\u064a\u0644\u0643.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== MARQUEE \u2014 VISION ========== -->\r\n <div class=\"gz-marquee gz-reveal\">\r\n <div class=\"gz-marquee-track\">\r\n <span class=\"gz-marquee-item\">\u0646\u0628\u0646\u064a \u0627\u0644\u0628\u0631\u0627\u0646\u062f <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0646\u0643\u0633\u0628 \u0627\u0644\u062b\u0642\u0629 <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0646\u0648\u0635\u0644 \u0627\u0644\u0642\u064a\u0645\u0629 <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0648\u0646\u0643\u0631\u0631 \u0627\u0644\u0646\u062c\u0627\u062d <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0646\u0628\u0646\u064a \u0627\u0644\u0628\u0631\u0627\u0646\u062f <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0646\u0643\u0633\u0628 \u0627\u0644\u062b\u0642\u0629 <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0646\u0648\u0635\u0644 \u0627\u0644\u0642\u064a\u0645\u0629 <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <span class=\"gz-marquee-item\">\u0648\u0646\u0643\u0631\u0631 \u0627\u0644\u0646\u062c\u0627\u062d <span class=\"gz-marquee-star\">\u2726<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ========== OUR VISION ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-twocol\">\r\n <div class=\"gz-reveal\">\r\n <div class=\"gz-eyebrow\">\u0631\u0624\u064a\u062a\u0646\u0627<\/div>\r\n <h2 class=\"gz-h2\">\u0645\u0634 \u0645\u0634\u0631\u0648\u0639 \u0645\u0624\u0642\u062a. <em>\u0625\u062d\u0646\u0627 \u0628\u0646\u0628\u0646\u064a \u062d\u0627\u062c\u0629 \u062a\u0639\u064a\u0634.<\/em><\/h2>\r\n <\/div>\r\n <div class=\"gz-reveal\" data-d=\"1\">\r\n <p>\u0625\u062d\u0646\u0627 \u0645\u0634 \u0628\u0646\u0639\u0645\u0644 \u0645\u062a\u062c\u0631 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0624\u0642\u062a. \u0625\u062d\u0646\u0627 \u0628\u0646\u0628\u0646\u064a \u0628\u0631\u0627\u0646\u062f \u0644\u0647 \u0647\u0648\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u0637\u0631\u064a\u0642\u0629 \u062a\u0641\u0643\u064a\u0631 \u0628\u062a\u062d\u0637 \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u0627\u0644\u0623\u0648\u0644\u060c \u0648\u0631\u0624\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649 \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0648\u0633\u0639.<\/p>\r\n <p>\u0647\u062f\u0641\u0646\u0627 \u0646\u0643\u0628\u0631 \u0648\u0646\u0628\u0642\u0649 <strong>\u0648\u062c\u0647\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629<\/strong> \u2014 \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0631\u062c\u0639 \u0644\u0647 \u0643\u0644 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0645\u0646\u062a\u062c \u0645\u0636\u0645\u0648\u0646\u060c \u0639\u0645\u0644\u064a\u060c \u0648\u064a\u0633\u062a\u0627\u0647\u0644 \u0627\u0644\u0634\u0631\u0627\u0621.<\/p>\r\n <p>\u0648\u0645\u0639 \u0643\u0644 \u062e\u0637\u0648\u0629 \u0646\u0645\u0648\u060c \u062e\u0637\u062a\u0646\u0627 \u0646\u0648\u0633\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0646\u062d\u0633\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\u060c \u0646\u0637\u0648\u0651\u0631 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0623\u0648\u0646\u0644\u0627\u064a\u0646\u060c \u0648\u0646\u0641\u0636\u0644 \u0646\u0644\u0627\u0642\u064a \u0637\u0631\u0642 \u0623\u0630\u0643\u0649 \u0644\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== PROMISE BADGE ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-promise-wrap\">\r\n <div class=\"gz-promise-badge gz-reveal\">\r\n <div class=\"gz-promise-badge-inner\">\r\n <span>\u2605<\/span>\r\n <span>\u0648\u0639\u062f\u0646\u0627<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-eyebrow\">\u0648\u0639\u062f\u0646\u0627<\/div>\r\n <p class=\"gz-promise-quote\">\r\n \u0625\u0646 \u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u0634\u0631\u0627\u0621 \u0645\u0646 <em>Genz-mobile<\/em> \u062a\u0643\u0648\u0646 \u0623\u0641\u0636\u0644 \u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0644\u0644\u0639\u0645\u064a\u0644 \u2014 \u0643\u0644 \u0645\u0631\u0629.\r\n <\/p>\r\n <p style=\"margin-top: 24px; color: var(--gz-muted); font-size: 16px; line-height: 1.7;\">\r\n \u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0643\u0627\u0628\u0644 \u0634\u062d\u0646\u060c \u0625\u064a\u0631\u0628\u0648\u062f\u0632 \u0628\u0631\u064a\u0645\u064a\u0648\u0645\u060c \u0633\u0627\u0639\u0629 \u0630\u0643\u064a\u0629\u060c \u0623\u0648 \u062a\u062c\u0647\u064a\u0632 \u0643\u0627\u0645\u0644 \u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0643 \u2014 \u0644\u0627\u0632\u0645 \u0637\u0644\u0628\u0643 \u064a\u0643\u0648\u0646 \u0633\u0647\u0644\u060c \u0648\u0627\u0636\u062d\u060c \u0644\u0647 \u0642\u064a\u0645\u0629\u060c \u0648\u062a\u062c\u0631\u0628\u0629 \u062a\u062d\u0628 \u062a\u0643\u0631\u0631\u0647\u0627.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== WHAT MAKES US DIFFERENT ========== -->\r\n <section class=\"gz-section\">\r\n <div class=\"gz-reveal\">\r\n <div class=\"gz-eyebrow\">\u0627\u0644\u0641\u0631\u0642 \u0639\u0646\u062f\u0646\u0627<\/div>\r\n <h2 class=\"gz-h2\">\u0625\u064a\u0647 \u0627\u0644\u0644\u064a \u0645\u062e\u0644\u064a\u0646\u0627 <em>\u0645\u062e\u062a\u0644\u0641\u064a\u0646<\/em>\u061f<\/h2>\r\n <p class=\"gz-lead\">\u0625\u062d\u0646\u0627 \u0628\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u062e\u0628\u0631\u0629 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0637\u0631\u064a\u0642\u0629 \u062a\u0641\u0643\u064a\u0631 \u062d\u062f\u064a\u062b\u0629 \u0641\u064a \u0627\u0644\u0628\u064a\u0639 \u0623\u0648\u0646\u0644\u0627\u064a\u0646. \u0645\u0634 \u0628\u0646\u0631\u0641\u0639 \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0646\u0633\u062a\u0646\u0649 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0648\u062e\u0644\u0627\u0635 \u2014 \u0625\u062d\u0646\u0627 \u0628\u0646\u0641\u0643\u0631 \u0641\u064a \u0627\u0644\u0644\u064a \u0623\u0646\u062a \u0645\u062d\u062a\u0627\u062c\u0647 \u0641\u0639\u0644\u064b\u0627.<\/p>\r\n <\/div>\r\n\r\n <div class=\"gz-diffs\">\r\n <div class=\"gz-diff gz-reveal\">\r\n <div class=\"gz-diff-num\">\/ 01<\/div>\r\n <h4>\u062e\u0628\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642<\/h4>\r\n <p>\u0623\u0643\u062a\u0631 \u0645\u0646 10 \u0633\u0646\u064a\u0646 \u0634\u063a\u0644 \u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a\u060c \u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a\u060c \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\r\n <\/div>\r\n <div class=\"gz-diff gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-diff-num\">\/ 02<\/div>\r\n <h4>\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629 products<\/h4>\r\n <p>\u0627\u062e\u062a\u064a\u0627\u0631 \u0639\u0645\u0644\u064a \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a \u2014 \u0645\u0634 \u0645\u062c\u0631\u062f \u0645\u0646\u062a\u062c\u0627\u062a \u062a\u062a\u0636\u0627\u0641 \u0641\u064a \u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c.<\/p>\r\n <\/div>\r\n <div class=\"gz-diff gz-reveal\" data-d=\"2\">\r\n <div class=\"gz-diff-num\">\/ 03<\/div>\r\n <h4>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0639\u0646 \u0627\u0644\u0645\u0646\u062a\u062c<\/h4>\r\n <p>\u0639\u0634\u0627\u0646 \u062a\u0628\u0642\u0649 \u0639\u0627\u0631\u0641 \u0623\u0646\u062a \u0628\u062a\u0634\u062a\u0631\u064a \u0625\u064a\u0647 \u0642\u0628\u0644 \u0645\u0627 \u062a\u062f\u0648\u0633 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628.<\/p>\r\n <\/div>\r\n <div class=\"gz-diff gz-reveal\">\r\n <div class=\"gz-diff-num\">\/ 04<\/div>\r\n <h4>\u062a\u0631\u0634\u064a\u062d\u0627\u062a \u0639\u0645\u0644\u064a\u0629<\/h4>\r\n <p>\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u2014 \u0645\u0634 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u064a\u0646\u062f \u0623\u0648 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0627\u0644\u0645\u062f\u0641\u0648\u0639.<\/p>\r\n <\/div>\r\n <div class=\"gz-diff gz-reveal\" data-d=\"1\">\r\n <div class=\"gz-diff-num\">\/ 05<\/div>\r\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0623\u0633\u0631\u0639<\/h4>\r\n <p>\u0646\u0627\u0633 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0631\u062f \u0633\u0631\u064a\u0639. \u0625\u064a\u0645\u064a\u0644\u060c \u0648\u0627\u062a\u0633\u0627\u0628\u060c \u0623\u0648 \u0634\u0627\u062a \u0645\u0628\u0627\u0634\u0631.<\/p>\r\n <\/div>\r\n <div class=\"gz-diff gz-reveal\" data-d=\"2\">\r\n <div class=\"gz-diff-num\">\/ 06<\/div>\r\n <h4>\u0633\u0639\u0631 \u0639\u0627\u062f\u0644 \u0648\u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629<\/h4>\r\n <p>\u0645\u0641\u064a\u0634 \u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0641\u0648\u062e\u0629 \u0648\u0644\u0627 \u062e\u0635\u0648\u0645\u0627\u062a \u0648\u0647\u0645\u064a\u0629. \u0627\u0644\u0644\u064a \u0628\u062a\u0634\u0648\u0641\u0647 \u0647\u0648 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0639\u0627\u062f\u0644.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== CTA ========== -->\r\n <section class=\"gz-section gz-reveal\">\r\n <div class=\"gz-cta\">\r\n <h2>\u062c\u0627\u0647\u0632 \u062a\u0637\u0648\u0651\u0631 <em>\u062a\u062c\u0631\u0628\u0629 \u0645\u0648\u0628\u0627\u064a\u0644\u0643\u061f<\/em><\/h2>\r\n <p>\u0627\u0643\u062a\u0634\u0641 Genz-mobile \u0648\u0634\u0648\u0641 \u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u0630\u0643\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0639\u0634\u0627\u0646 \u062a\u062e\u0644\u064a \u064a\u0648\u0645\u0643 \u0623\u0633\u0647\u0644\u060c \u0623\u0630\u0643\u0649\u060c \u0648\u0645\u062a\u0635\u0644 \u0623\u0643\u062a\u0631.<\/p>\r\n <div class=\"gz-cta-btns\">\r\n <a href=\"\/shop\" class=\"gz-btn gz-btn-primary\">\r\n \u062a\u0633\u0648\u0642 \u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"\/contact\" class=\"gz-btn gz-btn-ghost\">\r\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \/\/ Scroll-reveal via IntersectionObserver\r\n const items = document.querySelectorAll('.gz-about .gz-reveal');\r\n if ('IntersectionObserver' in window) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-in');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\r\n items.forEach(el => io.observe(el));\r\n } else {\r\n items.forEach(el => el.classList.add('is-in'));\r\n }\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \u2014 Genz-Mobile \u0645\u0646 \u0646\u062d\u0646 \u0627\u062a\u0628\u0646\u064a\u0646\u0627 \u0639\u0644\u0649 \u062e\u0628\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a. \u0648\u0627\u062a\u0639\u0645\u0644\u0646\u0627 \u0644\u062c\u064a\u0644 \u0623\u0630\u0643\u0649. genz-mobilez \u0627\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0625\u064a\u062f \u0641\u0631\u064a\u0642 \u0634\u0628\u0627\u0628 \u0639\u0646\u062f\u0647 \u0623\u0643\u062a\u0631 \u0645\u0646 10 \u0633\u0646\u064a\u0646 \u062e\u0628\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0633\u0648\u0642<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17040","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages\/17040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/comments?post=17040"}],"version-history":[{"count":8,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages\/17040\/revisions"}],"predecessor-version":[{"id":17050,"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/pages\/17040\/revisions\/17050"}],"wp:attachment":[{"href":"https:\/\/genz-mobile.com\/ar\/wp-json\/wp\/v2\/media?parent=17040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}