{"id":7,"date":"2026-03-21T22:42:56","date_gmt":"2026-03-21T22:42:56","guid":{"rendered":"https:\/\/kidgroo.com\/?page_id=7"},"modified":"2026-03-21T22:43:50","modified_gmt":"2026-03-21T22:43:50","slug":"%d7%a2%d7%9e%d7%95%d7%93-%d7%a8%d7%90%d7%a9%d7%99-%d7%99%d7%91%d7%92%d7%a0%d7%99","status":"publish","type":"page","link":"https:\/\/kidgroo.com\/","title":{"rendered":"\u05e2\u05de\u05d5\u05d3 \u05e8\u05d0\u05e9\u05d9 | \u05d9\u05d1\u05d2\u05e0\u05d9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u05e9\u05d9\u05e4\u05d5\u05e6\u05d9\u05dd \u05d1\u05dc\u05d9 \u05d4\u05e4\u05ea\u05e2\u05d5\u05ea | \u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05d5\u05e9\u05e7\u05d8 \u05e0\u05e4\u05e9\u05d9<\/title>\n <style>\n @font-face {\n font-family: 'Discovery';\n src: url('https:\/\/1plugins-sueno.b-cdn.net\/Discovery_Fs-Bold_Web-xohjeb%203\/Discovery_Fs-Bold.woff') format('woff');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Discovery';\n src: url('https:\/\/1plugins-sueno.b-cdn.net\/Discovery_Fs-Bold_Web-xohjeb%203\/Discovery_Fs-Thin.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n\n :root {\n --primary: #1a1a2e;\n --accent: #F8A032;\n --accent-light: #FFAF4B;\n --white: #FFFFFF;\n --light: #fffaf5;\n --cream: #fff5eb;\n --text: #2d2d2d;\n --text-light: #6b6b6b;\n --success: #F8A032;\n --font-heading: 'Discovery', 'Heebo', sans-serif;\n --font-body: 'Discovery', 'Heebo', sans-serif;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-body);\n font-weight: 300;\n background: var(--light);\n color: var(--text);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* Grain Overlay *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0.03;\n z-index: 1000;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n }\n\n \/* Navigation *\/\n nav {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 100;\n padding: 1.5rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.4s ease;\n }\n\n nav.scrolled {\n background: rgba(26, 26, 46, 0.95);\n backdrop-filter: blur(10px);\n padding: 1rem 5%;\n }\n\n .logo {\n display: flex;\n align-items: center;\n }\n\n .logo img {\n height: 50px;\n width: auto;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: white;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n position: relative;\n padding-bottom: 4px;\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 0;\n height: 2px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .nav-cta {\n background: var(--accent);\n color: var(--primary);\n padding: 0.8rem 2rem;\n border-radius: 50px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .nav-cta:hover {\n transform: scale(1.05);\n box-shadow: 0 10px 30px rgba(248, 160, 50, 0.4);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n background: var(--primary);\n position: relative;\n display: flex;\n align-items: center;\n overflow: hidden;\n }\n\n .hero-bg-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n linear-gradient(30deg, var(--accent) 12%, transparent 12.5%, transparent 87%, var(--accent) 87.5%, var(--accent)),\n linear-gradient(150deg, var(--accent) 12%, transparent 12.5%, transparent 87%, var(--accent) 87.5%, var(--accent)),\n linear-gradient(30deg, var(--accent) 12%, transparent 12.5%, transparent 87%, var(--accent) 87.5%, var(--accent)),\n linear-gradient(150deg, var(--accent) 12%, transparent 12.5%, transparent 87%, var(--accent) 87.5%, var(--accent)),\n linear-gradient(60deg, rgba(248, 160, 50, 0.5) 25%, transparent 25.5%, transparent 75%, rgba(248, 160, 50, 0.5) 75%, rgba(248, 160, 50, 0.5)),\n linear-gradient(60deg, rgba(248, 160, 50, 0.5) 25%, transparent 25.5%, transparent 75%, rgba(248, 160, 50, 0.5) 75%, rgba(248, 160, 50, 0.5));\n background-size: 80px 140px;\n background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;\n }\n\n .hero-content {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 5%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 2;\n }\n\n .hero-text {\n animation: fadeInUp 1s ease forwards;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(248, 160, 50, 0.15);\n border: 1px solid rgba(248, 160, 50, 0.3);\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n color: var(--accent);\n font-size: 0.9rem;\n font-weight: 500;\n margin-bottom: 1.5rem;\n animation: fadeInUp 1s ease 0.2s forwards;\n opacity: 0;\n }\n\n .hero-badge span {\n width: 8px;\n height: 8px;\n background: var(--accent);\n border-radius: 50%;\n animation: pulse 2s ease infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n .hero h1 {\n font-family: var(--font-heading); font-weight: 700;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 800;\n color: white;\n line-height: 1.15;\n margin-bottom: 1.5rem;\n animation: fadeInUp 1s ease 0.3s forwards;\n opacity: 0;\n }\n\n .hero h1 .highlight {\n color: var(--accent);\n position: relative;\n }\n\n .hero h1 .highlight::after {\n content: '';\n position: absolute;\n bottom: 5px;\n right: 0;\n width: 100%;\n height: 12px;\n background: rgba(248, 160, 50, 0.3);\n z-index: -1;\n }\n\n .hero p {\n font-size: 1.25rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 2.5rem;\n max-width: 500px;\n animation: fadeInUp 1s ease 0.4s forwards;\n opacity: 0;\n }\n\n .hero-cta {\n display: flex;\n gap: 1.5rem;\n animation: fadeInUp 1s ease 0.5s forwards;\n opacity: 0;\n }\n\n .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n background: var(--accent);\n color: var(--primary);\n padding: 1.2rem 2.5rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 1.1rem;\n text-decoration: none;\n transition: all 0.4s ease;\n border: none;\n cursor: pointer;\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 20px 40px rgba(248, 160, 50, 0.4);\n }\n\n .btn-primary svg {\n width: 20px;\n height: 20px;\n transition: transform 0.3s ease;\n }\n\n .btn-primary:hover svg {\n transform: translateX(-5px);\n }\n\n .btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n background: transparent;\n color: white;\n padding: 1.2rem 2rem;\n border-radius: 60px;\n font-weight: 600;\n text-decoration: none;\n border: 2px solid rgba(255, 255, 255, 0.3);\n transition: all 0.3s ease;\n }\n\n .btn-secondary:hover {\n border-color: white;\n background: rgba(255, 255, 255, 0.1);\n }\n\n \/* Hero Visual *\/\n .hero-visual {\n position: relative;\n animation: fadeInUp 1s ease 0.6s forwards;\n opacity: 0;\n }\n\n .hero-card {\n background: white;\n border-radius: 24px;\n padding: 2.5rem;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);\n position: relative;\n }\n\n .hero-card::before {\n content: '';\n position: absolute;\n top: -20px;\n right: -20px;\n width: 100px;\n height: 100px;\n background: var(--accent);\n border-radius: 50%;\n z-index: -1;\n }\n\n .trust-indicator {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid #eee;\n }\n\n .trust-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--accent), var(--accent-light));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .trust-icon svg {\n width: 30px;\n height: 30px;\n color: white;\n }\n\n .trust-text h3 {\n font-size: 1.1rem;\n color: var(--text);\n margin-bottom: 0.25rem;\n }\n\n .trust-text p {\n font-size: 0.9rem;\n color: var(--text-light);\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .stat-item {\n text-align: center;\n padding: 1.5rem;\n background: var(--cream);\n border-radius: 16px;\n }\n\n .stat-number {\n font-family: var(--font-heading); font-weight: 700;\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--primary);\n line-height: 1;\n margin-bottom: 0.5rem;\n }\n\n .stat-number span {\n color: var(--accent);\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-light);\n }\n\n \/* Floating Elements *\/\n .floating-element {\n position: absolute;\n animation: float 6s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n .float-1 {\n top: 20%;\n left: 5%;\n width: 80px;\n height: 80px;\n background: rgba(248, 160, 50, 0.1);\n border-radius: 50%;\n animation-delay: 0s;\n }\n\n .float-2 {\n bottom: 30%;\n left: 10%;\n width: 40px;\n height: 40px;\n background: rgba(248, 160, 50, 0.2);\n border-radius: 8px;\n transform: rotate(45deg);\n animation-delay: 1s;\n }\n\n .float-3 {\n top: 40%;\n left: 15%;\n width: 20px;\n height: 20px;\n background: var(--accent);\n border-radius: 50%;\n animation-delay: 2s;\n }\n\n \/* Pain Section *\/\n .pain-section {\n padding: 8rem 5%;\n background: var(--cream);\n position: relative;\n }\n\n .pain-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n\n .pain-visual {\n position: relative;\n }\n\n .pain-card {\n background: white;\n border-radius: 24px;\n padding: 3rem;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n position: relative;\n overflow: hidden;\n }\n\n .pain-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: linear-gradient(135deg, #ff6b6b20, transparent);\n border-radius: 0 24px 0 200px;\n }\n\n .worry-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #ff6b6b, #ee5a5a);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n }\n\n .worry-icon svg {\n width: 40px;\n height: 40px;\n color: white;\n }\n\n .thought-bubbles {\n margin-top: 2rem;\n }\n\n .thought {\n background: #f8f4f0;\n padding: 1.2rem 1.5rem;\n border-radius: 16px;\n margin-bottom: 1rem;\n position: relative;\n font-style: italic;\n color: var(--text-light);\n }\n\n .thought::before {\n content: '\"';\n position: absolute;\n top: -10px;\n right: 15px;\n font-size: 3rem;\n color: #ddd;\n font-family: Georgia, serif;\n }\n\n .pain-content h2 {\n font-family: var(--font-heading); font-weight: 700;\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--primary);\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n .pain-content h2 span {\n color: var(--accent);\n }\n\n .pain-content p {\n font-size: 1.15rem;\n color: var(--text-light);\n margin-bottom: 2rem;\n }\n\n .solution-list {\n list-style: none;\n }\n\n .solution-list li {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n\n .solution-list .icon {\n width: 32px;\n height: 32px;\n min-width: 32px;\n background: var(--success);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .solution-list .icon svg {\n width: 16px;\n height: 16px;\n color: white;\n }\n\n .solution-list .text strong {\n display: block;\n color: var(--text);\n margin-bottom: 0.25rem;\n }\n\n .solution-list .text span {\n font-size: 0.95rem;\n color: var(--text-light);\n }\n\n \/* Process Section *\/\n .process-section {\n padding: 8rem 5%;\n background: var(--primary);\n position: relative;\n overflow: hidden;\n }\n\n .process-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center top, rgba(248, 160, 50, 0.1), transparent 70%);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 5rem;\n position: relative;\n z-index: 2;\n }\n\n .section-header h2 {\n font-family: var(--font-heading); font-weight: 700;\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 800;\n color: white;\n margin-bottom: 1rem;\n }\n\n .section-header p {\n font-size: 1.2rem;\n color: rgba(255, 255, 255, 0.6);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .process-timeline {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .timeline-line {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 50%;\n width: 3px;\n background: linear-gradient(to bottom, var(--accent), rgba(248, 160, 50, 0.2));\n transform: translateX(50%);\n }\n\n .process-step {\n display: grid;\n grid-template-columns: 1fr 80px 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .step-content {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n padding: 2rem;\n transition: all 0.4s ease;\n }\n\n .step-content:hover {\n background: rgba(255, 255, 255, 0.1);\n transform: translateY(-5px);\n }\n\n .process-step:nth-child(odd) .step-content {\n grid-column: 1;\n text-align: left;\n }\n\n .process-step:nth-child(even) .step-content {\n grid-column: 3;\n text-align: right;\n }\n\n .step-number {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .step-number span {\n width: 50px;\n height: 50px;\n background: var(--accent);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-heading); font-weight: 700;\n font-weight: 800;\n font-size: 1.2rem;\n color: var(--primary);\n box-shadow: 0 0 30px rgba(248, 160, 50, 0.5);\n }\n\n .step-content h3 {\n font-size: 1.3rem;\n color: var(--accent);\n margin-bottom: 0.75rem;\n }\n\n .step-content p {\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.7;\n }\n\n \/* Services Section *\/\n .services-section {\n padding: 8rem 5%;\n background: var(--light);\n }\n\n .services-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .services-header h2 {\n font-family: var(--font-heading); font-weight: 700;\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 800;\n color: var(--primary);\n margin-bottom: 1rem;\n }\n\n .services-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .service-card {\n background: white;\n border-radius: 24px;\n padding: 2.5rem;\n transition: all 0.4s ease;\n border: 2px solid transparent;\n position: relative;\n overflow: hidden;\n }\n\n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, var(--accent), var(--accent-light));\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);\n border-color: var(--accent);\n }\n\n .service-card:hover::before {\n transform: scaleX(1);\n }\n\n .service-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--cream), white);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n font-size: 2rem;\n }\n\n .service-card h3 {\n font-size: 1.3rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n }\n\n .service-card p {\n font-size: 0.95rem;\n color: var(--text-light);\n }\n\n \/* Guarantee Section *\/\n .guarantee-section {\n padding: 6rem 5%;\n background: linear-gradient(135deg, var(--accent), var(--accent-light));\n position: relative;\n overflow: hidden;\n }\n\n .guarantee-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n }\n\n .guarantee-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .guarantee-icon {\n width: 100px;\n height: 100px;\n background: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 2rem;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\n }\n\n .guarantee-icon svg {\n width: 50px;\n height: 50px;\n color: var(--accent);\n }\n\n .guarantee-content h2 {\n font-family: var(--font-heading); font-weight: 700;\n font-size: clamp(2rem, 4vw, 2.8rem);\n font-weight: 800;\n color: var(--primary);\n margin-bottom: 1.5rem;\n }\n\n .guarantee-content p {\n font-size: 1.2rem;\n color: var(--primary);\n opacity: 0.8;\n max-width: 700px;\n margin: 0 auto 2.5rem;\n }\n\n .guarantee-badges {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .guarantee-badge {\n background: white;\n padding: 1rem 2rem;\n border-radius: 50px;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .guarantee-badge svg {\n width: 24px;\n height: 24px;\n color: var(--success);\n }\n\n .guarantee-badge span {\n font-weight: 600;\n color: var(--primary);\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 8rem 5%;\n background: var(--primary);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e8aa42' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n\n .cta-content {\n position: relative;\n z-index: 2;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-content h2 {\n font-family: var(--font-heading); font-weight: 700;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n color: white;\n margin-bottom: 1.5rem;\n }\n\n .cta-content p {\n font-size: 1.25rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n background: #0f0f1a;\n padding: 4rem 5% 2rem;\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 4rem;\n padding-bottom: 3rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-brand .logo {\n display: inline-block;\n margin-bottom: 1rem;\n }\n\n .footer-brand .logo img {\n height: 60px;\n width: auto;\n }\n\n .footer-brand p {\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.95rem;\n max-width: 300px;\n }\n\n .footer-links h4 {\n color: white;\n font-size: 1rem;\n margin-bottom: 1.5rem;\n }\n\n .footer-links ul {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 0.75rem;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.5);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--accent);\n }\n\n .footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding-top: 2rem;\n text-align: center;\n color: rgba(255, 255, 255, 0.3);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 968px) {\n .hero-content {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero p {\n margin: 0 auto 2.5rem;\n }\n\n .hero-cta {\n justify-content: center;\n }\n\n .hero-visual {\n max-width: 500px;\n margin: 0 auto;\n }\n\n .pain-container {\n grid-template-columns: 1fr;\n }\n\n .timeline-line {\n display: none;\n }\n\n .process-step {\n grid-template-columns: 80px 1fr;\n }\n\n .process-step:nth-child(odd) .step-content,\n .process-step:nth-child(even) .step-content {\n grid-column: 2;\n text-align: right;\n }\n\n .step-number {\n grid-column: 1;\n grid-row: 1;\n }\n\n .footer-content {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .footer-brand p {\n max-width: none;\n }\n }\n\n @media (max-width: 600px) {\n .nav-links {\n display: none;\n }\n\n .hero {\n padding-top: 100px;\n }\n\n .hero-cta {\n flex-direction: column;\n }\n\n .guarantee-badges {\n flex-direction: column;\n align-items: center;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .trust-indicator {\n margin-bottom: 2.5rem;\n padding-bottom: 2rem;\n }\n\n .hero-card {\n padding-bottom: 3rem;\n }\n }\n\n \/* Animations on scroll *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Fallback: show elements if JS doesn't load *\/\n @media (prefers-reduced-motion: reduce) {\n .reveal {\n opacity: 1;\n transform: none;\n }\n }\n <\/style>\n \n <!-- Ensure reveal elements show even without JS -->\n <noscript>\n <style>\n .reveal {\n opacity: 1 !important;\n transform: none !important;\n }\n <\/style>\n <\/noscript>\n<\/head>\n<body>\n <!-- Navigation -->\n <nav>\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/sueno-ai-media.b-cdn.net\/uploads\/d21b5dee-b64b-49cc-a137-fb927a4557ce.png\" alt=\"\u05dc\u05d5\u05d2\u05d5\">\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd<\/a><\/li>\n <li><a href=\"#process\">\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4<\/a><\/li>\n <li><a href=\"#guarantee\">\u05d4\u05d4\u05d1\u05d8\u05d7\u05d4 \u05e9\u05dc\u05e0\u05d5<\/a><\/li>\n <\/ul>\n <a href=\"tel:+972528808189\" class=\"nav-cta\">\ud83d\udcde \u05d4\u05ea\u05e7\u05e9\u05e8\u05d5<\/a>\n <\/nav>\n\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"floating-element float-1\"><\/div>\n <div class=\"floating-element float-2\"><\/div>\n <div class=\"floating-element float-3\"><\/div>\n <div class=\"hero-bg-pattern\"><\/div>\n \n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\n <span><\/span>\n 6 \u05e9\u05e0\u05d5\u05ea \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05de\u05d5\u05db\u05d7\n <\/div>\n <h1>\n \u05e9\u05d9\u05e4\u05d5\u05e6\u05d9\u05dd \u05d1\u05dc\u05d9 <span class=\"highlight\">\u05d4\u05e4\u05ea\u05e2\u05d5\u05ea<\/span>\n <br>\n \u05e8\u05e7 \u05ea\u05d5\u05e6\u05d0\u05d5\u05ea\n <\/h1>\n <p>\n \u05e0\u05de\u05d0\u05e1 \u05dc\u05db\u05dd \u05de\u05d7\u05d5\u05e1\u05e8 \u05d5\u05d3\u05d0\u05d5\u05ea? \u05d0\u05e6\u05dc\u05e0\u05d5 \u05d4\u05db\u05dc \u05d1\u05e8\u05d5\u05e8 \u05de\u05e8\u05d0\u05e9 \u2013 \u05ea\u05e7\u05e6\u05d9\u05d1 \u05de\u05d3\u05d5\u05d9\u05e7, \u05dc\u05d5\u05d7\u05d5\u05ea \u05d6\u05de\u05e0\u05d9\u05dd \u05e9\u05e0\u05e9\u05de\u05e8\u05d9\u05dd, \u05d5\u05d9\u05d7\u05e1 \u05d0\u05d9\u05e9\u05d9 \u05de\u05d4\u05d4\u05ea\u05d7\u05dc\u05d4 \u05d5\u05e2\u05d3 \u05d4\u05de\u05e1\u05d9\u05e8\u05d4.\n <\/p>\n <div class=\"hero-cta\">\n <a href=\"tel:+972528808189\" class=\"btn-primary\">\n \ud83d\udcde \u05d4\u05ea\u05e7\u05e9\u05e8\u05d5 \u05e2\u05db\u05e9\u05d9\u05d5\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\" \/>\n <\/svg>\n <\/a>\n <a href=\"#process\" class=\"btn-secondary\">\n \u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3?\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"hero-card\">\n <div class=\"trust-indicator\">\n <div class=\"trust-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n <\/svg>\n <\/div>\n <div class=\"trust-text\">\n <h3>\u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05d5\u05e9\u05e7\u05d8 \u05e0\u05e4\u05e9\u05d9<\/h3>\n <p>\u05d4\u05db\u05dc \u05e9\u05e7\u05d5\u05e3, \u05d4\u05db\u05dc \u05d1\u05e8\u05d5\u05e8, \u05d1\u05dc\u05d9 \u05d4\u05e4\u05ea\u05e2\u05d5\u05ea<\/p>\n <\/div>\n <\/div>\n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">6<span>+<\/span><\/div>\n <div class=\"stat-label\">\u05e9\u05e0\u05d5\u05ea \u05e0\u05d9\u05e1\u05d9\u05d5\u05df<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100<span>%<\/span><\/div>\n <div class=\"stat-label\">\u05e2\u05de\u05d9\u05d3\u05d4 \u05d1\u05dc\u05d5\"\u05d6<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">500<span>+<\/span><\/div>\n <div class=\"stat-label\">\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24<span>\/7<\/span><\/div>\n <div class=\"stat-label\">\u05dc\u05d9\u05d5\u05d5\u05d9 \u05e6\u05de\u05d5\u05d3<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Pain Section -->\n <section class=\"pain-section\">\n <div class=\"pain-container\">\n <div class=\"pain-visual reveal\">\n <div class=\"pain-card\">\n <div class=\"worry-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n <\/svg>\n <\/div>\n <h3 style=\"font-size: 1.5rem; margin-bottom: 1rem; color: var(--text);\">\u05de\u05db\u05d9\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4\u05d4\u05e8\u05d2\u05e9\u05d4 \u05d4\u05d6\u05d5?<\/h3>\n <div class=\"thought-bubbles\">\n <div class=\"thought\">\u05d0\u05d9\u05da \u05d0\u05e0\u05d9 \u05d9\u05d5\u05d3\u05e2 \u05e9\u05d4\u05d5\u05d0 \u05dc\u05d0 \u05d4\u05d5\u05dc\u05da \u05dc\u05e2\u05e7\u05d5\u05e5 \u05d0\u05d5\u05ea\u05d9?<\/div>\n <div class=\"thought\">\u05d0\u05e0\u05d9 \u05d1\u05d8\u05d7 \u05dc\u05d0 \u05de\u05d1\u05d9\u05df \u05de\u05e1\u05e4\u05d9\u05e7 \u05db\u05d3\u05d9 \u05dc\u05d3\u05e2\u05ea \u05d0\u05dd \u05d4\u05d5\u05d0 \u05e2\u05d5\u05d1\u05d3 \u05e2\u05dc\u05d9\u05d9...<\/div>\n <div class=\"thought\">\u05db\u05de\u05d4 \u05d6\u05d4 \u05d1\u05d0\u05de\u05ea \u05d9\u05e2\u05dc\u05d4 \u05d1\u05e1\u05d5\u05e3?<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"pain-content reveal\">\n <h2>\n \u05d7\u05d5\u05e1\u05e8 \u05d5\u05d3\u05d0\u05d5\u05ea?\n <br>\n <span>\u05d0\u05d9\u05ea\u05e0\u05d5 \u05d6\u05d4 \u05e0\u05d2\u05de\u05e8.<\/span>\n <\/h2>\n <p>\n \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05d5\u05d3\u05e2\u05d9\u05dd \u05e9\u05d4\u05e4\u05d7\u05d3 \u05d4\u05db\u05d9 \u05d2\u05d3\u05d5\u05dc \u05d1\u05e9\u05d9\u05e4\u05d5\u05e5 \u05d4\u05d5\u05d0 \u05dc\u05d0 \u05dc\u05d3\u05e2\u05ea \u05de\u05d4 \u05e6\u05e4\u05d5\u05d9. \u05dc\u05db\u05df \u05e4\u05d9\u05ea\u05d7\u05e0\u05d5 \u05ea\u05d4\u05dc\u05d9\u05da \u05e2\u05d1\u05d5\u05d3\u05d4 \u05e9\u05e7\u05d5\u05e3 \u05dc\u05d7\u05dc\u05d5\u05d8\u05d9\u05df \u05e9\u05de\u05e2\u05e0\u05d9\u05e7 \u05dc\u05db\u05dd \u05e9\u05e7\u05d8 \u05e0\u05e4\u05e9\u05d9 \u05de\u05d4\u05e8\u05d2\u05e2 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df.\n <\/p>\n <ul class=\"solution-list\">\n <li>\n <div class=\"icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <\/div>\n <div class=\"text\">\n <strong>\u05d4\u05db\u05dc \u05de\u05d5\u05d1\u05df \u05dc\u05e4\u05e0\u05d9 \u05d4\u05d4\u05ea\u05d7\u05dc\u05d4<\/strong>\n <span>\u05ea\u05e7\u05e6\u05d9\u05d1 \u05de\u05d3\u05d5\u05d9\u05e7, \u05dc\u05d5\u05d7 \u05d6\u05de\u05e0\u05d9\u05dd \u05d1\u05e8\u05d5\u05e8, \u05dc\u05dc\u05d0 \u05d4\u05e4\u05ea\u05e2\u05d5\u05ea<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <\/div>\n <div class=\"text\">\n <strong>\u05dc\u05d9\u05d5\u05d5\u05d9 \u05e6\u05de\u05d5\u05d3 \u05dc\u05d0\u05d5\u05e8\u05da \u05db\u05dc \u05d4\u05d3\u05e8\u05da<\/strong>\n <span>\u05ea\u05de\u05d9\u05d3 \u05ea\u05d3\u05e2\u05d5 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05de\u05d4 \u05e7\u05d5\u05e8\u05d4 \u05d5\u05de\u05d4 \u05d4\u05e6\u05e2\u05d3 \u05d4\u05d1\u05d0<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <\/div>\n <div class=\"text\">\n <strong>\u05e2\u05de\u05d9\u05d3\u05d4 \u05d1\u05dc\u05d5\u05d7\u05d5\u05ea \u05d6\u05de\u05e0\u05d9\u05dd<\/strong>\n <span>\u05de\u05d4 \u05e9\u05e1\u05d5\u05db\u05dd \u2013 \u05de\u05ea\u05e7\u05d9\u05d9\u05dd. \u05e0\u05e7\u05d5\u05d3\u05d4.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Process Section -->\n <section class=\"process-section\" id=\"process\">\n <div class=\"section-header\">\n <h2>\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05e9\u05dc\u05e0\u05d5<\/h2>\n <p>7 \u05e9\u05dc\u05d1\u05d9\u05dd \u05de\u05d5\u05d1\u05e0\u05d9\u05dd \u05e9\u05de\u05d1\u05d8\u05d9\u05d7\u05d9\u05dd \u05dc\u05db\u05dd \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05de\u05d5\u05e9\u05dc\u05dd<\/p>\n <\/div>\n \n <div class=\"process-timeline\">\n <div class=\"timeline-line\"><\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05d4\u05d2\u05d3\u05e8\u05ea \u05d4\u05d7\u05d6\u05d5\u05df<\/h3>\n <p>\u05e0\u05e9\u05d1 \u05d1\u05d9\u05d7\u05d3 \u05d5\u05e0\u05d2\u05d3\u05d9\u05e8 \u05d1\u05de\u05d3\u05d5\u05d9\u05e7 \u05de\u05d4 \u05d4\u05e9\u05d9\u05e4\u05d5\u05e5 \u05e9\u05d0\u05ea\u05dd \u05e8\u05d5\u05e6\u05d9\u05dd \u2013 \u05d0\u05d9\u05dc\u05d5 \u05d7\u05d3\u05e8\u05d9\u05dd, \u05d0\u05d9\u05dc\u05d5 \u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd, \u05de\u05d4 \u05d4\u05d7\u05dc\u05d5\u05dd \u05e9\u05dc\u05db\u05dd?<\/p>\n <\/div>\n <div class=\"step-number\"><span>1<\/span><\/div>\n <\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05d7\u05d5\u05d6\u05d4 \u05d5\u05ea\u05e7\u05e6\u05d9\u05d1<\/h3>\n <p>\u05d1\u05e0\u05d9\u05d9\u05ea \u05ea\u05e7\u05e6\u05d9\u05d1 \u05de\u05d1\u05d5\u05e7\u05e8 \u05d5\u05de\u05d3\u05d5\u05d9\u05e7 \u05dc\u05db\u05dc \u05e4\u05e2\u05d5\u05dc\u05d4. \u05d7\u05ea\u05d9\u05de\u05ea \u05d7\u05d5\u05d6\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8 \u2013 \u05d4\u05db\u05dc \u05e2\u05dc \u05d4\u05e9\u05d5\u05dc\u05d7\u05df, \u05d1\u05dc\u05d9 \u05d4\u05e4\u05ea\u05e2\u05d5\u05ea.<\/p>\n <\/div>\n <div class=\"step-number\"><span>2<\/span><\/div>\n <\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05e4\u05d9\u05e8\u05d5\u05e7 \u05d5\u05d4\u05e8\u05d9\u05e1\u05d4<\/h3>\n <p>\u05d4\u05ea\u05d7\u05dc\u05e0\u05d5! \u05e4\u05d9\u05e8\u05d5\u05e7 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9 \u05e9\u05dc \u05d4\u05e7\u05d9\u05d9\u05dd \u2013 \u05e8\u05d9\u05e6\u05d5\u05e3, \u05e7\u05d9\u05e8\u05d5\u05ea, \u05e6\u05d1\u05e2 \u05d9\u05e9\u05df. \u05d4\u05db\u05e0\u05d4 \u05de\u05d5\u05e9\u05dc\u05de\u05ea \u05dc\u05d7\u05d3\u05e9.<\/p>\n <\/div>\n <div class=\"step-number\"><span>3<\/span><\/div>\n <\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05d4\u05ea\u05e7\u05e0\u05ea \u05ea\u05e9\u05ea\u05d9\u05d5\u05ea<\/h3>\n <p>\u05d7\u05e9\u05de\u05dc, \u05d0\u05d9\u05e0\u05e1\u05d8\u05dc\u05e6\u05d9\u05d4, \u05de\u05d9\u05d6\u05d5\u05d2. \u05d4\u05ea\u05e9\u05ea\u05d9\u05d5\u05ea \u05e9\u05d4\u05df \u05d4\u05d1\u05e1\u05d9\u05e1 \u05dc\u05db\u05dc \u05de\u05d4 \u05e9\u05d9\u05d1\u05d5\u05d0 \u05d0\u05d7\u05e8 \u05db\u05da \u2013 \u05d1\u05e8\u05de\u05d4 \u05d4\u05d2\u05d1\u05d5\u05d4\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8.<\/p>\n <\/div>\n <div class=\"step-number\"><span>4<\/span><\/div>\n <\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05e2\u05d1\u05d5\u05d3\u05d5\u05ea \u05d1\u05e0\u05d9\u05d9\u05d4<\/h3>\n <p>\u05d1\u05e0\u05d9\u05d9\u05ea \u05e7\u05d9\u05e8\u05d5\u05ea, \u05d4\u05e0\u05d7\u05ea \u05e8\u05d9\u05e6\u05d5\u05e3, \u05d7\u05d9\u05e4\u05d5\u05d9, \u05e8\u05d5\u05d1\u05d4 \u05d5\u05d0\u05d9\u05d8\u05d5\u05dd \u2013 \u05d4\u05d1\u05d9\u05ea \u05d4\u05d7\u05d3\u05e9 \u05e9\u05dc\u05db\u05dd \u05de\u05ea\u05d7\u05d9\u05dc \u05dc\u05e7\u05d1\u05dc \u05e6\u05d5\u05e8\u05d4.<\/p>\n <\/div>\n <div class=\"step-number\"><span>5<\/span><\/div>\n <\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd<\/h3>\n <p>\u05d4\u05ea\u05e7\u05e0\u05d5\u05ea, \u05ea\u05dc\u05d9\u05d5\u05ea, \u05e2\u05d1\u05d5\u05d3\u05d5\u05ea \u05e6\u05d1\u05e2 \u05e1\u05d5\u05e4\u05d9\u05d5\u05ea \u2013 \u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05d4\u05e7\u05d8\u05e0\u05d9\u05dd \u05e9\u05e2\u05d5\u05e9\u05d9\u05dd \u05d0\u05ea \u05d4\u05d4\u05d1\u05d3\u05dc \u05d4\u05d2\u05d3\u05d5\u05dc.<\/p>\n <\/div>\n <div class=\"step-number\"><span>6<\/span><\/div>\n <\/div>\n \n <div class=\"process-step reveal\">\n <div class=\"step-content\">\n <h3>\u05de\u05e1\u05d9\u05e8\u05d4 \u05de\u05d5\u05e9\u05dc\u05de\u05ea<\/h3>\n <p>\u05e1\u05d9\u05d5\u05e8 \u05de\u05e9\u05d5\u05ea\u05e3 \u05d1\u05d1\u05d9\u05ea, \u05d5\u05d9\u05d3\u05d5\u05d0 \u05e9\u05d4\u05db\u05dc \u05dc\u05e9\u05d1\u05d9\u05e2\u05d5\u05ea \u05e8\u05e6\u05d5\u05e0\u05db\u05dd \u05d4\u05de\u05dc\u05d0\u05d4. \u05e8\u05e7 \u05d0\u05d6 \u2013 \u05de\u05e1\u05d9\u05e8\u05d4.<\/p>\n <\/div>\n <div class=\"step-number\"><span>7<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"services-section\" id=\"services\">\n <div class=\"services-header\">\n <h2>\u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5<\/h2>\n <p style=\"color: var(--text-light); font-size: 1.15rem;\">\u05de\u05ea\u05d9\u05e7\u05d5\u05df \u05d1\u05e1\u05d9\u05e1\u05d9 \u05d5\u05e2\u05d3 \u05dc\u05e9\u05d3\u05e8\u05d5\u05d2 \u05de\u05e2\u05e8\u05db\u05ea \u2013 \u05d0\u05d9\u05df \u05e2\u05d1\u05d5\u05d3\u05d4 \u05d2\u05d3\u05d5\u05dc\u05d4 \u05de\u05d3\u05d9 \u05d0\u05d5 \u05e7\u05d8\u05e0\u05d4 \u05de\u05d3\u05d9<\/p>\n <\/div>\n \n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udd28<\/div>\n <h3>\u05e9\u05d9\u05e4\u05d5\u05e5 \u05db\u05dc\u05dc\u05d9<\/h3>\n <p>\u05e9\u05d9\u05e4\u05d5\u05e5 \u05de\u05e7\u05d9\u05e3 \u05dc\u05d3\u05d9\u05e8\u05d5\u05ea \u05d5\u05d1\u05ea\u05d9\u05dd \u05e4\u05e8\u05d8\u05d9\u05d9\u05dd, \u05db\u05d5\u05dc\u05dc \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d5\u05d1\u05d9\u05e6\u05d5\u05e2 \u05de\u05e7\u05e6\u05d4 \u05dc\u05e7\u05e6\u05d4.<\/p>\n <\/div>\n \n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udebf<\/div>\n <h3>\u05d7\u05d3\u05e8\u05d9 \u05e8\u05d7\u05e6\u05d4<\/h3>\n <p>\u05e9\u05d3\u05e8\u05d5\u05d2 \u05d5\u05d7\u05d9\u05d3\u05d5\u05e9 \u05d7\u05d3\u05e8\u05d9 \u05d0\u05de\u05d1\u05d8\u05d9\u05d4 \u05d5\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05d1\u05e8\u05de\u05d4 \u05d2\u05d1\u05d5\u05d4\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8.<\/p>\n <\/div>\n \n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83c\udf73<\/div>\n <h3>\u05de\u05d8\u05d1\u05d7\u05d9\u05dd<\/h3>\n <p>\u05ea\u05db\u05e0\u05d5\u05df \u05d5\u05d4\u05ea\u05e7\u05e0\u05ea \u05de\u05d8\u05d1\u05d7\u05d9\u05dd \u05d7\u05d3\u05e9\u05d9\u05dd \u05d0\u05d5 \u05d7\u05d9\u05d3\u05d5\u05e9 \u05de\u05d8\u05d1\u05d7\u05d9\u05dd \u05e7\u05d9\u05d9\u05de\u05d9\u05dd.<\/p>\n <\/div>\n \n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udca7<\/div>\n <h3>\u05d0\u05d9\u05e0\u05e1\u05d8\u05dc\u05e6\u05d9\u05d4<\/h3>\n <p>\u05d4\u05d7\u05dc\u05e4\u05ea \u05e6\u05e0\u05e8\u05ea, \u05ea\u05d9\u05e7\u05d5\u05e0\u05d9\u05dd \u05d5\u05e9\u05d3\u05e8\u05d5\u05d2 \u05de\u05e2\u05e8\u05db\u05d5\u05ea \u05de\u05d9\u05dd \u05d1\u05d9\u05ea\u05d9\u05d5\u05ea.<\/p>\n <\/div>\n \n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\u26a1<\/div>\n <h3>\u05d7\u05e9\u05de\u05dc<\/h3>\n <p>\u05e9\u05d3\u05e8\u05d5\u05d2 \u05ea\u05e9\u05ea\u05d9\u05d5\u05ea \u05d7\u05e9\u05de\u05dc, \u05dc\u05d5\u05d7\u05d5\u05ea \u05d7\u05e9\u05de\u05dc \u05d5\u05ea\u05d0\u05d5\u05e8\u05d4 \u05de\u05d5\u05d3\u05e8\u05e0\u05d9\u05ea.<\/p>\n <\/div>\n \n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\n <h3>\u05e6\u05d1\u05e2 \u05d5\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd<\/h3>\n <p>\u05e2\u05d1\u05d5\u05d3\u05d5\u05ea \u05e6\u05d1\u05d9\u05e2\u05d4 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9\u05d5\u05ea \u05d5\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd \u05d1\u05e8\u05de\u05d4 \u05d4\u05d2\u05d1\u05d5\u05d4\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Guarantee Section -->\n <section class=\"guarantee-section\" id=\"guarantee\">\n <div class=\"guarantee-content reveal\">\n <div class=\"guarantee-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n <\/svg>\n <\/div>\n <h2>\u05d4\u05d4\u05d1\u05d8\u05d7\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05d0\u05dc\u05d9\u05db\u05dd<\/h2>\n <p>\n \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05ea\u05d7\u05d9\u05d9\u05d1\u05d9\u05dd \u05dc\u05e9\u05e7\u05d9\u05e4\u05d5\u05ea \u05de\u05dc\u05d0\u05d4, \u05e2\u05de\u05d9\u05d3\u05d4 \u05d1\u05dc\u05d5\u05d7\u05d5\u05ea \u05d6\u05de\u05e0\u05d9\u05dd, \u05d5\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d1\u05e8\u05de\u05d4 \u05d4\u05d2\u05d1\u05d5\u05d4\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8. \u05d0\u05dd \u05de\u05e9\u05d4\u05d5 \u05dc\u05d0 \u05d1\u05e1\u05d3\u05e8 \u2013 \u05e0\u05ea\u05e7\u05df. \u05e4\u05e9\u05d5\u05d8 \u05db\u05da.\n <\/p>\n <div class=\"guarantee-badges\">\n <div class=\"guarantee-badge\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>\u05ea\u05e7\u05e6\u05d9\u05d1 \u05de\u05d3\u05d5\u05d9\u05e7<\/span>\n <\/div>\n <div class=\"guarantee-badge\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>\u05e2\u05de\u05d9\u05d3\u05d4 \u05d1\u05dc\u05d5\"\u05d6<\/span>\n <\/div>\n <div class=\"guarantee-badge\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>\u05d9\u05d7\u05e1 \u05d0\u05d9\u05e9\u05d9<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\" id=\"contact\">\n <div class=\"cta-content\">\n <h2>\u05de\u05d5\u05db\u05e0\u05d9\u05dd \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc?<\/h2>\n <p>\u05d4\u05ea\u05e7\u05e9\u05e8\u05d5 \u05e2\u05db\u05e9\u05d9\u05d5 \u05d5\u05e0\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05e2\u05dd \u05d4\u05e6\u05e2\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea<\/p>\n <a href=\"tel:+972528808189\" class=\"btn-primary\" style=\"font-size: 1.3rem; padding: 1.5rem 3rem;\">\n \ud83d\udcde 052-880-8189\n <\/a>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/sueno-ai-media.b-cdn.net\/uploads\/d21b5dee-b64b-49cc-a137-fb927a4557ce.png\" alt=\"\u05dc\u05d5\u05d2\u05d5\">\n <\/a>\n <p>\u05de\u05d2\u05d5\u05d5\u05df \u05e8\u05d7\u05d1 \u05e9\u05dc \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9 \u05e9\u05d9\u05e4\u05d5\u05e6\u05d9\u05dd \u05dc\u05e4\u05e8\u05d8\u05d9\u05d9\u05dd \u05d5\u05dc\u05e2\u05e1\u05e7\u05d9\u05dd. \u05d0\u05d9\u05db\u05d5\u05ea \u05dc\u05dc\u05d0 \u05e4\u05e9\u05e8\u05d5\u05ea, \u05e9\u05e7\u05d9\u05e4\u05d5\u05ea \u05de\u05dc\u05d0\u05d4.<\/p>\n <\/div>\n <div class=\"footer-links\">\n <h4>\u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd<\/h4>\n <ul>\n <li><a href=\"#services\">\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd<\/a><\/li>\n <li><a href=\"#process\">\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4<\/a><\/li>\n <li><a href=\"#guarantee\">\u05d4\u05d4\u05d1\u05d8\u05d7\u05d4 \u05e9\u05dc\u05e0\u05d5<\/a><\/li>\n <li><a href=\"#contact\">\u05e6\u05d5\u05e8 \u05e7\u05e9\u05e8<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-links\">\n <h4>\u05d9\u05e6\u05d9\u05e8\u05ea \u05e7\u05e9\u05e8<\/h4>\n <ul>\n <li><a href=\"tel:+972528808189\">052-880-8189<\/a><\/li>\n <li><a href=\"\/cdn-cgi\/l\/email-protection#3853515c5f4a5757785f55595154165b5755\"><span class=\"__cf_email__\" data-cfemail=\"9af1f3fefde8f5f5dafdf7fbf3f6b4f9f5f7\">[email protected]<\/span><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 \u05e9\u05d9\u05e4\u05d5\u05e6\u05d9 \u05e4\u05e8\u05d9\u05de\u05d9\u05d5\u05dd. \u05db\u05dc \u05d4\u05d6\u05db\u05d5\u05d9\u05d5\u05ea \u05e9\u05de\u05d5\u05e8\u05d5\u05ea.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Navbar scroll effect\n const nav = document.querySelector('nav');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n });\n\n \/\/ Reveal on scroll\n const reveals = document.querySelectorAll('.reveal');\n \n const revealOnScroll = () => {\n reveals.forEach(element => {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const revealPoint = 150;\n \n if (elementTop < windowHeight - revealPoint) {\n element.classList.add('active');\n }\n });\n };\n\n window.addEventListener('scroll', revealOnScroll);\n window.addEventListener('DOMContentLoaded', revealOnScroll);\n revealOnScroll(); \/\/ Initial check\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\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>\u05e9\u05d9\u05e4\u05d5\u05e6\u05d9\u05dd \u05d1\u05dc\u05d9 \u05d4\u05e4\u05ea\u05e2\u05d5\u05ea | \u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05d5\u05e9\u05e7\u05d8 \u05e0\u05e4\u05e9\u05d9 \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d4\u05d4\u05d1\u05d8\u05d7\u05d4 \u05e9\u05dc\u05e0\u05d5 \ud83d\udcde \u05d4\u05ea\u05e7\u05e9\u05e8\u05d5 6 \u05e9\u05e0\u05d5\u05ea \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05de\u05d5\u05db\u05d7 \u05e9\u05d9\u05e4\u05d5\u05e6\u05d9\u05dd \u05d1\u05dc\u05d9 \u05d4\u05e4\u05ea\u05e2\u05d5\u05ea \u05e8\u05e7 \u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05e0\u05de\u05d0\u05e1 \u05dc\u05db\u05dd \u05de\u05d7\u05d5\u05e1\u05e8 \u05d5\u05d3\u05d0\u05d5\u05ea? \u05d0\u05e6\u05dc\u05e0\u05d5 \u05d4\u05db\u05dc \u05d1\u05e8\u05d5\u05e8 \u05de\u05e8\u05d0\u05e9 \u2013 \u05ea\u05e7\u05e6\u05d9\u05d1 \u05de\u05d3\u05d5\u05d9\u05e7, \u05dc\u05d5\u05d7\u05d5\u05ea \u05d6\u05de\u05e0\u05d9\u05dd \u05e9\u05e0\u05e9\u05de\u05e8\u05d9\u05dd, \u05d5\u05d9\u05d7\u05e1 \u05d0\u05d9\u05e9\u05d9 \u05de\u05d4\u05d4\u05ea\u05d7\u05dc\u05d4 \u05d5\u05e2\u05d3 \u05d4\u05de\u05e1\u05d9\u05e8\u05d4. \ud83d\udcde \u05d4\u05ea\u05e7\u05e9\u05e8\u05d5 \u05e2\u05db\u05e9\u05d9\u05d5 \u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3? \u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05d5\u05e9\u05e7\u05d8 \u05e0\u05e4\u05e9\u05d9 \u05d4\u05db\u05dc \u05e9\u05e7\u05d5\u05e3, \u05d4\u05db\u05dc \u05d1\u05e8\u05d5\u05e8, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kidgroo.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kidgroo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kidgroo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kidgroo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kidgroo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/kidgroo.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/kidgroo.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/kidgroo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}