{"id":47,"date":"2026-06-04T16:03:25","date_gmt":"2026-06-04T16:03:25","guid":{"rendered":"https:\/\/kitatplus.com\/e3ef53bc3c0493bfedffa6cc46eb7c016f8e7b0309dea402cb7d0189a93d2823d8e3ef53bc3c0493bfedffa6cc46eb7c016f8e7b0309dea402cb7d0189a93d2823a7e3ef53bc3c0493bfedffa6cc46eb7c016f8e7b0309dea402cb7d0189a93d2823d9e3ef53bc3c0493bfedffa6cc46eb"},"modified":"2026-07-29T15:46:36","modified_gmt":"2026-07-29T15:46:36","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/kitatplus.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6d26d0 e-con e-atomic-element e-flexbox-base e-8a7ff72\" data-id=\"f6d26d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f6d26d0\">\n    \t\t\t\t  \t<video\n    data-id=\"6a230b2\" data-interaction-id=\"6a230b2\"\n    data-e-type=\"e-self-hosted-video\" data-interactions=\"null\"\n    \n    class=\"e-6a230b2-dd6060e e-self-hosted-video-base\"\n    autoplay\t\tmuted\t\tloop\t\tcontrols\t\tplaysinline\t\tcontrolslist=\"nodownload\" preload=\"metadata\"\n\t>\n\t\t<source src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/06\/Prompt_A_cinematic_ultra_pre.mp4#t=0\">\n\t<\/video>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-abe254f e-grid e-con-full e-con e-parent\" data-id=\"abe254f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba06f5b elementor-widget elementor-widget-shortcode\" data-id=\"ba06f5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- \u062e\u0637\u0648\u0637 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 (Cairo) \u0648\u062e\u0637\u0648\u0637 \u062a\u0642\u0646\u064a\u0629 (Space Grotesk) -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* ==========================================================================\n           1. CORE VARIABLES & STRICT RESPONSIVE RESET\n           ========================================================================== *\/\n        :root {\n            --kp-primary: #3b82f6;\n            --kp-pink: #ec4899;\n            --kp-jeel: #f97316;\n            --kp-masar: #a855f7;\n            --kp-nabd: #ec4899;\n            --kp-bg-dark: #030712;\n            --kp-card-bg: rgba(15, 23, 42, 0.75);\n            --kp-card-border: rgba(255, 255, 255, 0.08);\n            --f-main: 'Cairo', sans-serif;\n            --f-tech: 'Space Grotesk', sans-serif;\n        }\n\n        html, body {\n            max-width: 100% !important;\n            overflow-x: hidden !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            background-color: var(--kp-bg-dark) !important;\n        }\n\n        .kp-cyber-wrapper *,\n        .kp-cyber-wrapper *::before,\n        .kp-cyber-wrapper *::after { \n            box-sizing: border-box !important; \n            margin: 0; \n            padding: 0; \n            outline: none; \n            border: none; \n            text-decoration: none !important; \n            list-style: none !important; \n            font-family: var(--f-main) !important;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .kp-cyber-wrapper { \n            background-color: var(--kp-bg-dark); \n            color: #f8fafc; \n            width: 100% !important;\n            max-width: 100vw !important;\n            overflow-x: hidden !important; \n            direction: rtl; \n            position: relative;\n        }\n\n        \/* \u0634\u0628\u0643\u0629 \u0644\u064a\u0632\u0631 \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 \u0628\u0628\u0637\u0621 *\/\n        .kp-cyber-wrapper::before {\n            content: '';\n            position: fixed;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background-image: \n                linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        \/* ==========================================================================\n           2. HERO SECTION (\u0633\u064a\u0646\u0645\u0627\u0626\u064a \u0644\u064a\u0644\u064a + \u062e\u0637\u0648\u0637 \u0645\u062a\u062c\u0627\u0648\u0628\u0629 100% \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644)\n           ========================================================================== *\/\n        .kp-cyber-wrapper .kp-hero {\n            height: 100vh;\n            min-height: 600px;\n            width: 100%;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #000;\n        }\n\n        .kp-cyber-wrapper .video-bg-wrapper {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1;\n        }\n\n        .kp-cyber-wrapper #hero-video {\n            width: 100%; height: 100%;\n            object-fit: cover;\n            filter: brightness(0.8) contrast(1.15) saturate(1.2);\n            opacity: 0;\n            transition: opacity 1.2s ease;\n        }\n        .kp-cyber-wrapper #hero-video.loaded { opacity: 1; }\n\n        .kp-cyber-wrapper .video-cyber-overlay {\n            position: absolute;\n            inset: 0;\n            background: \n                radial-gradient(circle at center, transparent 30%, rgba(3, 7, 18, 0.8) 85%),\n                linear-gradient(0deg, var(--kp-bg-dark) 0%, transparent 35%, transparent 70%, rgba(3, 7, 18, 0.85) 100%);\n            z-index: 2;\n        }\n\n        \/* \u0634\u0627\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 (HUD Badge) *\/\n        .kp-cyber-wrapper .hud-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 8px 20px;\n            background: rgba(15, 23, 42, 0.85);\n            border: 1px solid rgba(59, 130, 246, 0.4);\n            border-radius: 50px;\n            box-shadow: 0 0 25px rgba(59, 130, 246, 0.25);\n            margin-bottom: 24px;\n            backdrop-filter: blur(12px);\n        }\n\n        .kp-cyber-wrapper .hud-pulse {\n            width: 9px; height: 9px;\n            background: #38bdf8;\n            border-radius: 50%;\n            box-shadow: 0 0 10px #38bdf8;\n            animation: cyberPulse 1.5s infinite;\n        }\n\n        @keyframes cyberPulse {\n            0%, 100% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.4); opacity: 0.6; }\n        }\n\n        .kp-cyber-wrapper .hud-text {\n            font-size: 12px;\n            font-weight: 800;\n            color: #38bdf8;\n            letter-spacing: 1px;\n            font-family: var(--f-tech) !important;\n            text-transform: uppercase;\n        }\n\n        .kp-cyber-wrapper .hero-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            color: #ffffff;\n            width: 100%;\n            max-width: 920px;\n            padding: 0 20px;\n            margin: 0 auto;\n        }\n\n        \/* \u062e\u0637 \u0645\u062a\u062c\u0627\u0648\u0628 \u0630\u0643\u064a \u064a\u062a\u063a\u064a\u0631 \u0628\u0633\u0644\u0627\u0633\u0629 \u062a\u0627\u0645\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 *\/\n        .kp-cyber-wrapper .hero-content h1 {\n            font-size: clamp(34px, 6.5vw, 72px);\n            font-weight: 900;\n            letter-spacing: -1px;\n            line-height: 1.18;\n            margin-bottom: 20px;\n            color: #ffffff;\n            text-shadow: 0 10px 30px rgba(0,0,0,0.8);\n        }\n\n        .kp-cyber-wrapper .hero-content h1 span {\n            background: linear-gradient(135deg, #60a5fa 0%, #a855f7 50%, #ec4899 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.4));\n        }\n\n        .kp-cyber-wrapper .hero-content p {\n            font-size: clamp(15px, 2.5vw, 20px);\n            font-weight: 600;\n            color: #cbd5e1;\n            margin-bottom: 36px;\n            line-height: 1.7;\n            max-width: 740px;\n            margin-left: auto;\n            margin-right: auto;\n            text-shadow: 0 4px 12px rgba(0,0,0,0.6);\n        }\n\n        \/* \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 *\/\n        .kp-cyber-wrapper .hero-actions {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 16px;\n            flex-wrap: wrap;\n            width: 100%;\n        }\n\n        .kp-cyber-wrapper .btn-cyber-primary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 16px 38px;\n            background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);\n            color: #ffffff !important;\n            font-size: 17px;\n            font-weight: 900;\n            border-radius: 50px;\n            box-shadow: 0 0 25px rgba(37, 99, 235, 0.5);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .kp-cyber-wrapper .btn-cyber-primary:hover {\n            transform: translateY(-3px) scale(1.02);\n            box-shadow: 0 0 40px rgba(59, 130, 246, 0.8);\n            border-color: rgba(255, 255, 255, 0.5);\n        }\n\n        .kp-cyber-wrapper .btn-cyber-secondary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 16px 32px;\n            background: rgba(15, 23, 42, 0.75);\n            color: #f8fafc !important;\n            font-size: 16px;\n            font-weight: 800;\n            border-radius: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(15px);\n            transition: all 0.3s ease;\n        }\n\n        .kp-cyber-wrapper .btn-cyber-secondary:hover {\n            background: rgba(30, 41, 59, 0.9);\n            border-color: rgba(236, 72, 153, 0.5);\n            box-shadow: 0 0 25px rgba(236, 72, 153, 0.3);\n            transform: translateY(-3px);\n        }\n\n        \/* ==========================================================================\n           3. KITS ECOSYSTEM SECTION (\u0642\u0633\u0645 \u0627\u0644\u0643\u064a\u062a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a)\n           ========================================================================== *\/\n        .kp-cyber-wrapper .kp-kits-section {\n            padding: 80px 20px 120px;\n            position: relative;\n            z-index: 10;\n        }\n\n        .kp-cyber-wrapper .ambient-laser-1 {\n            position: absolute;\n            width: 400px; height: 400px;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.12) 0%, transparent 70%);\n            top: 10%; right: -10%;\n            filter: blur(70px);\n            z-index: -1;\n            pointer-events: none;\n        }\n\n        .kp-cyber-wrapper .ambient-laser-2 {\n            position: absolute;\n            width: 450px; height: 450px;\n            background: radial-gradient(circle, rgba(236, 72, 153, 0.1) 0%, transparent 70%);\n            bottom: 10%; left: -10%;\n            filter: blur(80px);\n            z-index: -1;\n            pointer-events: none;\n        }\n\n        .kp-cyber-wrapper .section-header {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 50px;\n        }\n\n        .kp-cyber-wrapper .section-badge {\n            display: inline-block;\n            font-size: 12px;\n            font-weight: 800;\n            color: #f43f5e;\n            background: rgba(244, 63, 94, 0.1);\n            border: 1px solid rgba(244, 63, 94, 0.3);\n            padding: 5px 18px;\n            border-radius: 50px;\n            margin-bottom: 14px;\n            letter-spacing: 1px;\n            font-family: var(--f-tech) !important;\n        }\n\n        .kp-cyber-wrapper .section-header h2 {\n            font-size: clamp(28px, 5vw, 46px);\n            font-weight: 900;\n            color: #ffffff;\n            margin-bottom: 14px;\n            letter-spacing: -1px;\n        }\n\n        .kp-cyber-wrapper .section-header p {\n            font-size: clamp(14px, 2.5vw, 18px);\n            color: #94a3b8;\n            line-height: 1.7;\n        }\n\n        \/* ==========================================================================\n           4. CYBER CARDS GRID (\u0634\u0628\u0643\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0646\u064a\u0648\u0646 \u0627\u0644\u0641\u0627\u062e\u0631\u0629)\n           ========================================================================== *\/\n        .kp-cyber-wrapper .kp-kits-grid {\n            max-width: 1240px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n            gap: 26px;\n        }\n\n        .kp-cyber-wrapper .kp-kit-card {\n            background: var(--kp-card-bg);\n            backdrop-filter: blur(25px) saturate(180%);\n            -webkit-backdrop-filter: blur(25px) saturate(180%);\n            border: 1px solid var(--kp-card-border);\n            border-radius: 28px;\n            padding: 36px 28px;\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n        }\n\n        .kp-cyber-wrapper .kp-kit-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 3px;\n            background: transparent;\n            transition: all 0.4s ease;\n        }\n\n        .kp-cyber-wrapper .kp-kit-card:hover {\n            transform: translateY(-8px);\n            background: rgba(30, 41, 59, 0.85);\n            border-color: rgba(255, 255, 255, 0.2);\n        }\n\n        .kp-cyber-wrapper .kp-kit-card.theme-jeel:hover {\n            box-shadow: 0 25px 60px -10px rgba(249, 115, 22, 0.3), 0 0 30px rgba(249, 115, 22, 0.2);\n            border-color: rgba(249, 115, 22, 0.5);\n        }\n        .kp-cyber-wrapper .kp-kit-card.theme-jeel:hover::before { background: var(--kp-jeel); box-shadow: 0 0 15px var(--kp-jeel); }\n\n        .kp-cyber-wrapper .kp-kit-card.theme-nabd:hover {\n            box-shadow: 0 25px 60px -10px rgba(236, 72, 153, 0.3), 0 0 30px rgba(236, 72, 153, 0.2);\n            border-color: rgba(236, 72, 153, 0.5);\n        }\n        .kp-cyber-wrapper .kp-kit-card.theme-nabd:hover::before { background: var(--kp-nabd); box-shadow: 0 0 15px var(--kp-nabd); }\n\n        .kp-cyber-wrapper .kp-kit-card.theme-masar:hover {\n            box-shadow: 0 25px 60px -10px rgba(168, 85, 247, 0.3), 0 0 30px rgba(168, 85, 247, 0.2);\n            border-color: rgba(168, 85, 247, 0.5);\n        }\n        .kp-cyber-wrapper .kp-kit-card.theme-masar:hover::before { background: var(--kp-masar); box-shadow: 0 0 15px var(--kp-masar); }\n\n        .kp-cyber-wrapper .kit-logo-box {\n            width: 100%;\n            height: 95px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .kp-cyber-wrapper .kit-logo-box img {\n            max-height: 80px;\n            max-width: 150px;\n            object-fit: contain;\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            filter: drop-shadow(0 10px 15px rgba(0,0,0,0.5));\n        }\n\n        .kp-cyber-wrapper .kp-kit-card:hover .kit-logo-box img {\n            transform: scale(1.1) translateY(-5px);\n        }\n\n        .kp-cyber-wrapper .kit-info {\n            text-align: right;\n            margin-bottom: 28px;\n        }\n\n        .kp-cyber-wrapper .kit-info h3 {\n            font-size: 24px;\n            font-weight: 900;\n            color: #ffffff;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .kp-cyber-wrapper .kit-info h3 span.en-title {\n            font-family: var(--f-tech) !important;\n            font-size: 14px;\n            color: #94a3b8;\n            font-weight: 700;\n        }\n\n        .kp-cyber-wrapper .kit-info p {\n            font-size: 15px;\n            font-weight: 600;\n            color: #94a3b8;\n            line-height: 1.7;\n        }\n\n        .kp-cyber-wrapper .kit-action {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: 18px;\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .kp-cyber-wrapper .action-link {\n            font-size: 15px;\n            font-weight: 800;\n            color: #38bdf8;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.3s ease;\n        }\n\n        .kp-cyber-wrapper .kp-kit-card:hover .action-link {\n            color: #ffffff;\n            transform: translateX(-6px);\n        }\n\n        .kp-cyber-wrapper .action-link svg {\n            width: 18px; height: 18px;\n            fill: currentColor;\n            transition: transform 0.3s ease;\n        }\n\n        .kp-cyber-wrapper .kp-kit-card:hover .action-link svg {\n            transform: translateX(-4px);\n        }\n\n        .kp-cyber-wrapper .status-dot {\n            width: 8px; height: 8px;\n            border-radius: 50%;\n            display: inline-block;\n        }\n        .theme-jeel .status-dot { background: var(--kp-jeel); box-shadow: 0 0 10px var(--kp-jeel); }\n        .theme-nabd .status-dot { background: var(--kp-nabd); box-shadow: 0 0 10px var(--kp-nabd); }\n        .theme-masar .status-dot { background: var(--kp-masar); box-shadow: 0 0 10px var(--kp-masar); }\n\n        .kp-cyber-wrapper .kp-kit-card.soon-card {\n            border-color: rgba(255, 255, 255, 0.04);\n            background: rgba(15, 23, 42, 0.45);\n            opacity: 0.8;\n        }\n\n        .kp-cyber-wrapper .kp-kit-card.soon-card:hover {\n            opacity: 1;\n            border-color: rgba(236, 72, 153, 0.4);\n            box-shadow: 0 15px 40px rgba(236, 72, 153, 0.15);\n        }\n\n        .kp-cyber-wrapper .soon-card .kit-logo-box img {\n            filter: grayscale(1) opacity(0.5);\n        }\n\n        .kp-cyber-wrapper .soon-card:hover .kit-logo-box img {\n            filter: grayscale(0) opacity(0.9);\n        }\n\n        .kp-cyber-wrapper .soon-badge {\n            font-size: 11px;\n            font-weight: 800;\n            color: #f43f5e;\n            background: rgba(244, 63, 94, 0.12);\n            padding: 4px 12px;\n            border-radius: 20px;\n            border: 1px solid rgba(244, 63, 94, 0.3);\n        }\n\n        \/* ==========================================================================\n           5. HOLO-CTA SECTION\n           ========================================================================== *\/\n        .kp-cyber-wrapper .kp-cta-section {\n            padding: 80px 20px 110px;\n            position: relative;\n            z-index: 10;\n            text-align: center;\n        }\n\n        .kp-cyber-wrapper .cta-cyber-box {\n            max-width: 980px;\n            margin: 0 auto;\n            background: linear-gradient(135deg, rgba(30, 41, 59, 0.85) 0%, rgba(15, 23, 42, 0.92) 100%);\n            border: 1px solid rgba(59, 130, 246, 0.35);\n            border-radius: 36px;\n            padding: 60px 40px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(59, 130, 246, 0.15);\n        }\n\n        .kp-cyber-wrapper .cta-cyber-box::after {\n            content: '';\n            position: absolute;\n            top: -50%; left: 50%;\n            transform: translateX(-50%);\n            width: 65%; height: 100%;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.25) 0%, transparent 70%);\n            filter: blur(60px);\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .kp-cyber-wrapper .cta-cyber-box h2 {\n            font-size: clamp(26px, 5vw, 42px);\n            font-weight: 900;\n            color: #ffffff;\n            margin-bottom: 18px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .kp-cyber-wrapper .cta-cyber-box p {\n            font-size: clamp(15px, 2.5vw, 18px);\n            color: #94a3b8;\n            max-width: 680px;\n            margin: 0 auto 36px;\n            line-height: 1.7;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* ==========================================================================\n           6. ULTRA-RESPONSIVE MOBILE BREAKPOINTS (\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0628\u062f\u0642\u0629 \u0634\u0627\u0647\u0642\u0629)\n           ========================================================================== *\/\n        @media (max-width: 768px) {\n            .kp-cyber-wrapper .kp-hero {\n                min-height: 560px;\n            }\n\n            .kp-cyber-wrapper .hero-content {\n                padding: 0 16px;\n            }\n\n            \/* \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0640 Hero \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u062a\u0645\u062a\u062f \u0628\u0639\u0631\u0636 \u0643\u0627\u0645\u0644 \u0644\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0644\u0645\u0633 \u0628\u064a\u062f \u0648\u0627\u062d\u062f\u0629 *\/\n            .kp-cyber-wrapper .hero-actions {\n                flex-direction: column;\n                gap: 14px;\n                width: 100%;\n                max-width: 330px;\n                margin: 0 auto;\n            }\n\n            .kp-cyber-wrapper .btn-cyber-primary,\n            .kp-cyber-wrapper .btn-cyber-secondary {\n                width: 100%;\n                padding: 15px 24px;\n                font-size: 16px;\n            }\n\n            \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0639\u0645\u0648\u062f\u064a\u0629 \u0645\u0631\u062a\u0628\u0629 \u0628\u062f\u0648\u0646 \u062d\u0634\u0648 \u0636\u062e\u0645 *\/\n            .kp-cyber-wrapper .kp-kits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .kp-cyber-wrapper .kp-kit-card {\n                padding: 28px 22px;\n                border-radius: 24px;\n            }\n\n            .kp-cyber-wrapper .kit-logo-box {\n                height: 80px;\n                margin-bottom: 18px;\n            }\n\n            .kp-cyber-wrapper .kit-logo-box img {\n                max-height: 68px;\n            }\n\n            .kp-cyber-wrapper .cta-cyber-box {\n                padding: 40px 20px;\n                border-radius: 28px;\n            }\n        }\n    <\/style>\n\n    <div class=\"kp-cyber-wrapper\">\n        \n        <!-- ==========================================================================\n           HERO SECTION (\u0645\u0631\u0643\u0632 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a)\n           ========================================================================== -->\n        <section class=\"kp-hero\">\n            <div class=\"video-bg-wrapper\">\n                <video autoplay loop muted playsinline id=\"hero-video\">\n                    <source src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/06\/Prompt_A_cinematic_ultra_pre.mp4\" type=\"video\/mp4\">\n                <\/video>\n            <\/div>\n            <div class=\"video-cyber-overlay\"><\/div>\n            \n            <div class=\"hero-content\">\n                <div class=\"hud-badge\">\n                    <span class=\"hud-pulse\"><\/span>\n                    <span class=\"hud-text\">SMART ECOSYSTEM v4.0 ACTIVE<\/span>\n                <\/div>\n                \n                <h1>The future lies ahead<br><span>In Kitat Balas<\/span><\/h1>\n                <p>A system of connected smart cards and chips, engineered for the future to elevate your educational, professional, and medical institutions to the highest standards of intelligence and security.<\/p>\n                \n                <div class=\"hero-actions\">\n                    <a href=\"#ecosystem\" class=\"btn-cyber-primary\">\n                        <span>Explore the Smart System<\/span>\n                    <\/a>\n                    <a href=\"https:\/\/kitatplus.com\/en\/contact\/\" class=\"btn-cyber-secondary\">\n                        <span>Connect with the Experts<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ==========================================================================\n           KITS ECOSYSTEM (\u0634\u0628\u0643\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0646\u064a\u0648\u0646 \u0627\u0644\u0641\u0627\u062e\u0631\u0629)\n           ========================================================================== -->\n        <section class=\"kp-kits-section\" id=\"ecosystem\">\n            <div class=\"ambient-laser-1\"><\/div>\n            <div class=\"ambient-laser-2\"><\/div>\n            \n            <div class=\"section-header\">\n                <span class=\"section-badge\">NEXT-GEN KITS<\/span>\n                <h2>Smart Kit System<\/h2>\n                <p>Choose the kit designed specifically for your needs and enjoy an unparalleled digital experience powered by NFC technology, dynamic QR codes, and instant cloud integration.<\/p>\n            <\/div>\n\n            <div class=\"kp-kits-grid\">\n                \n                <!-- 1. \u0643\u064a\u062a \u062c\u064a\u0644+ -->\n                <div class=\"kp-kit-card theme-jeel\" onclick=\"window.location.href='https:\/\/kitatplus.com\/jeel-page\/'\">\n                    <div class=\"kit-logo-box\">\n                        <img decoding=\"async\" src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/07\/Untitled-2.png\" alt=\"\u062c\u064a\u0644+\">\n                    <\/div>\n                    <div class=\"kit-info\">\n                        <h3>\n                            <span>Generation +<\/span>\n                            <span class=\"en-title\">JEEL + <i class=\"status-dot\"><\/i><\/span>\n                        <\/h3>\n                        <p>The Integrated Smart School System. A smart student ID card to protect students, track attendance and absences, and connect parents with the school in just a few seconds.<\/p>\n                    <\/div>\n                    <div class=\"kit-action\">\n                        <span class=\"action-link\">\n                            Login to the System\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M13.293 6.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L18.586 13H4a1 1 0 0 1 0-2h14.586l-5.293-5.293a1 1 0 0 1 0-1.414z\"\/><\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. \u0643\u064a\u062a \u0646\u0628\u0636+ -->\n                <div class=\"kp-kit-card theme-nabd\" onclick=\"window.location.href='https:\/\/kitatplus.com\/nabd\/'\">\n                    <div class=\"kit-logo-box\">\n                        <img decoding=\"async\" src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jun-2-2026-10_25_39-PM.png\" alt=\"\u0646\u0628\u0636+\">\n                    <\/div>\n                    <div class=\"kit-info\">\n                        <h3>\n                            <span>Pulse +<\/span>\n                            <span class=\"en-title\">NABD + <i class=\"status-dot\"><\/i><\/span>\n                        <\/h3>\n                        <p>The Smart Medical Card for Emergencies and Everyday Life. It contains your medical history, blood type, and critical medications, enabling paramedics and doctors to save your life immediately in an emergency.<\/p>\n                    <\/div>\n                    <div class=\"kit-action\">\n                        <span class=\"action-link\">\n                            Login to the System\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M13.293 6.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L18.586 13H4a1 1 0 0 1 0-2h14.586l-5.293-5.293a1 1 0 0 1 0-1.414z\"\/><\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. \u0643\u064a\u062a \u0645\u0633\u0627\u0631+ -->\n                <div class=\"kp-kit-card theme-masar\" onclick=\"window.location.href='https:\/\/kitatplus.com\/masar\/'\">\n                    <div class=\"kit-logo-box\">\n                        <img decoding=\"async\" src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/06\/masar-logo-3.svg\" alt=\"\u0645\u0633\u0627\u0631+\">\n                    <\/div>\n                    <div class=\"kit-info\">\n                        <h3>\n                            <span>Path +<\/span>\n                            <span class=\"en-title\">MASAR + <i class=\"status-dot\"><\/i><\/span>\n                        <\/h3>\n                        <p>Advanced digital business cards. Say goodbye to paper cards and share your contact information, professional links, and company profile with a single tap via a smart NFC chip.<\/p>\n                    <\/div>\n                    <div class=\"kit-action\">\n                        <span class=\"action-link\">\n                            Login to the System\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M13.293 6.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L18.586 13H4a1 1 0 0 1 0-2h14.586l-5.293-5.293a1 1 0 0 1 0-1.414z\"\/><\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. \u0643\u064a\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \"\u0642\u0631\u064a\u0628\u0627\u064b\" -->\n                <div class=\"kp-kit-card soon-card\">\n                    <div class=\"kit-logo-box\">\n                        <img decoding=\"async\" src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/06\/logo2.png\" alt=\"Emergency KIT\">\n                    <\/div>\n                    <div class=\"kit-info\">\n                        <h3>\n                            <span>Emergency Kit<\/span>\n                            <span class=\"soon-badge\">Q4 - 2026<\/span>\n                        <\/h3>\n                        <p>A smart field emergency system for real-time response and connecting field teams to operations centers.<\/p>\n                    <\/div>\n                    <div class=\"kit-action\">\n                        <span class=\"action-link\" style=\"color: #64748b;\">Currently in the engineering development phase...<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. \u0643\u064a\u062a \u0627\u0644\u0645\u062c\u0644\u0633 \"\u0642\u0631\u064a\u0628\u0627\u064b\" -->\n                <div class=\"kp-kit-card soon-card\">\n                    <div class=\"kit-logo-box\">\n                        <img decoding=\"async\" src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/06\/logo-4.png\" alt=\"\u0627\u0644\u0645\u062c\u0644\u0633 KIT\">\n                    <\/div>\n                    <div class=\"kit-info\">\n                        <h3>\n                            <span>KIT Council<\/span>\n                            <span class=\"soon-badge\">SOON<\/span>\n                        <\/h3>\n                        <p>A system for managing boards, formal meetings, and real-time digital voting with the highest encryption standards.<\/p>\n                    <\/div>\n                    <div class=\"kit-action\">\n                        <span class=\"action-link\" style=\"color: #64748b;\">Currently in the engineering development phase...<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. \u0643\u064a\u062a \u0627\u0644\u0637\u0644\u0627\u0628 \"\u0642\u0631\u064a\u0628\u0627\u064b\" -->\n                <div class=\"kp-kit-card soon-card\">\n                    <div class=\"kit-logo-box\">\n                        <img decoding=\"async\" src=\"https:\/\/kitatplus.com\/wp-content\/uploads\/2026\/06\/logo-5.png\" alt=\"\u0627\u0644\u0637\u0644\u0627\u0628 KIT\">\n                    <\/div>\n                    <div class=\"kit-info\">\n                        <h3>\n                            <span>KIT Students<\/span>\n                            <span class=\"soon-badge\">SOON<\/span>\n                        <\/h3>\n                        <p>Specialized smart solutions for college students to manage academic records, clubs, and access cards.<\/p>\n                    <\/div>\n                    <div class=\"kit-action\">\n                        <span class=\"action-link\" style=\"color: #64748b;\">Currently in the engineering development phase...<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- ==========================================================================\n           HOLOGRAM CALL TO ACTION (\u062f\u0639\u0648\u0629 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629)\n           ========================================================================== -->\n        <section class=\"kp-cta-section\">\n            <div class=\"cta-cyber-box\">\n                <h2>Is your organization ready for the digital future?<\/h2>\n                <p>Join the digital revolution in managing organizations and individuals. Our engineers are ready to customize the Kitat Plus card system to meet your needs with unparalleled precision.<\/p>\n                <a href=\"https:\/\/kitatplus.com\/en\/contact\/\" class=\"btn-cyber-primary\">\n                    <span>Request a consultation and a custom kit design<\/span>\n                <\/a>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <!-- \u0633\u0643\u0631\u064a\u0628\u062a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0633\u0644\u0633 -->\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const heroVideo = document.getElementById('hero-video');\n            if (heroVideo) {\n                heroVideo.addEventListener('loadeddata', function() {\n                    this.classList.add('loaded');\n                });\n            }\n\n            function revealCyberCards() {\n                const cards = document.querySelectorAll(\".kp-kit-card\");\n                const wHeight = window.innerHeight;\n                cards.forEach(card => {\n                    const top = card.getBoundingClientRect().top;\n                    if (top < wHeight - 60) {\n                        card.style.opacity = \"1\";\n                        card.style.transform = \"translateY(0)\";\n                    }\n                });\n            }\n\n            document.querySelectorAll(\".kp-kit-card\").forEach(card => {\n                card.style.opacity = \"0\";\n                card.style.transform = \"translateY(40px)\";\n                card.style.transition = \"all 0.6s cubic-bezier(0.16, 1, 0.3, 1)\";\n            });\n\n            window.addEventListener(\"scroll\", revealCyberCards);\n            revealCyberCards();\n        });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"_jf_save_progress":"","_jf_schedule_form":"","_jf_limit_responses":"","footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":381,"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":5070,"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/pages\/47\/revisions\/5070"}],"wp:attachment":[{"href":"https:\/\/kitatplus.com\/en\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}