Savvyscope Media | Strategic Communication & Digital Visibility<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* ===== RESET & BASE ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.5;\n background-color: #07172d;\n overflow-x: hidden;\n }\n\n \/* ===== HERO SECTION ===== *\/\n .hero {\n position: relative;\n width: 100%;\n min-height: 80vh;\n display: flex;\n align-items: center;\n justify-content: center;\n isolation: isolate;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n z-index: -2;\n background-image: url('https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-Jan-26-2026-05_41_28-PM.jpg');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-color: #0a1a2f;\n }\n\n .hero-overlay {\n position: absolute;\n inset: 0;\n z-index: -1;\n background: linear-gradient(125deg, rgba(7, 23, 45, 0.92) 0%, rgba(7, 23, 45, 0.82) 100%);\n }\n\n .hero-container {\n width: 100%;\n max-width: 1280px;\n margin: 0 auto;\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 80vh;\n }\n\n .hero-content {\n max-width: 880px;\n width: 100%;\n }\n\n \/* Headline styling - sizes reduced *\/\n .hero-headline {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #fff;\n margin-bottom: 1rem;\n line-height: 1.2;\n font-size: clamp(1.75rem, 5vw, 3.2rem);\n }\n\n .headline-part1 {\n display: block;\n font-size: 0.72em;\n color: #ffffff;\n letter-spacing: -0.01em;\n margin-bottom: 0.05em;\n }\n\n .headline-part2 {\n display: block;\n color: #03c4a1;\n font-size: 0.95em;\n letter-spacing: -0.01em;\n }\n\n \/* Subheadline - size reduced *\/\n .hero-subheadline {\n font-size: clamp(0.9rem, 2.5vw, 1.25rem);\n font-weight: 500;\n color: #eef5ff;\n margin-bottom: 1.25rem;\n line-height: 1.45;\n max-width: 95%;\n }\n\n \/* CTA buttons *\/\n .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n align-items: center;\n margin-top: 0.25rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n padding: 0.7rem 1.5rem;\n border-radius: 40px;\n font-weight: 600;\n font-size: clamp(0.8rem, 1.5vw, 0.95rem);\n text-decoration: none;\n transition: all 0.2s ease;\n border: 2px solid transparent;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n @media (max-width: 480px) {\n .btn {\n white-space: normal;\n flex: 1 1 auto;\n padding: 0.65rem 1.1rem;\n font-size: 0.85rem;\n }\n .hero-buttons {\n flex-direction: column;\n align-items: stretch;\n }\n }\n\n .btn-primary {\n background: #03c4a1;\n color: #07172d;\n box-shadow: 0 4px 10px rgba(3, 196, 161, 0.25);\n }\n\n .btn-primary:hover,\n .btn-primary:focus {\n background: #02ab8c;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(3, 196, 161, 0.35);\n color: #07172d;\n }\n\n .btn-secondary {\n background: transparent;\n border-color: #03c4a1;\n color: #ffffff;\n }\n\n .btn-secondary:hover,\n .btn-secondary:focus {\n background: rgba(3, 196, 161, 0.12);\n border-color: #03c4a1;\n transform: translateY(-2px);\n color: #fff;\n }\n\n .btn:focus-visible {\n outline: 3px solid #03c4a1;\n outline-offset: 3px;\n }\n\n .scroll-hint {\n position: absolute;\n bottom: 1.5rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n color: rgba(3, 196, 161, 0.8);\n font-size: 0.7rem;\n font-weight: 500;\n opacity: 0.8;\n pointer-events: none;\n }\n\n .scroll-hint i {\n font-size: 0.85rem;\n animation: gentleBounce 2s infinite;\n }\n\n @keyframes gentleBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(5px); }\n }\n\n @media (min-width: 768px) {\n .hero-container {\n padding: 2.5rem 2.5rem;\n }\n .hero-headline {\n margin-bottom: 1.1rem;\n }\n .hero-buttons {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 1024px) {\n .hero {\n min-height: 85vh;\n }\n .hero-container {\n min-height: 85vh;\n padding: 2.5rem 4rem;\n }\n .hero-content {\n max-width: 780px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"hero\" aria-label=\"Hero section: Strategic Communication & Digital Visibility\">\n <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-headline\">\n <span class=\"headline-part1\">Strategic Communication &<\/span>\n <span class=\"headline-part2\">Digital Visibility That Builds Trust<\/span>\n <\/h1>\n\n <p class=\"hero-subheadline\">\n We help NGOs, SMEs, and professional service providers communicate their impact clearly, consistently, and professionally \u2014 without the cost of a full-time communications team.\n <\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/free-strategy-call\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-calendar-check\" aria-hidden=\"true\"><\/i> Book a Free Strategy Call\n <\/a>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/digital-marketing-project-portfolio\/\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-eye\" aria-hidden=\"true\"><\/i> View Our Work\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"scroll-hint\" aria-hidden=\"true\">\n <span>Explore<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20ae353 e-flex e-con-boxed e-con e-parent\" data-id=\"20ae353\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0da204a elementor-widget elementor-widget-html\" data-id=\"0da204a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>About | Savvyscope Media<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n background: #f9fafb;\n overflow-x: hidden;\n }\n\n \/* About Section *\/\n .about {\n position: relative;\n padding: 4rem 1.5rem;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f1fcf9 100%);\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .about {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .about {\n padding: 6rem 2rem;\n }\n }\n\n \/* Container *\/\n .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* Header *\/\n .about-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .badge {\n display: inline-block;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.1);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n margin-bottom: 1rem;\n border: 1px solid rgba(3, 196, 161, 0.2);\n }\n\n .section-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: clamp(1.6rem, 4vw, 2.2rem);\n color: #07172d;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n }\n\n .title-underline {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 0.75rem;\n }\n\n .title-underline .line {\n width: 40px;\n height: 2px;\n background: #03c4a1;\n border-radius: 2px;\n }\n\n .title-underline .dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n\n \/* Who We Are Card *\/\n .who-card {\n background: #ffffff;\n border-radius: 1.5rem;\n padding: 2rem;\n margin-bottom: 3rem;\n box-shadow: 0 8px 24px rgba(7, 23, 45, 0.05);\n border: 1px solid rgba(3, 196, 161, 0.12);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .who-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 16px 32px rgba(7, 23, 45, 0.08);\n }\n\n .who-card p {\n font-size: 1rem;\n line-height: 1.7;\n color: #334155;\n margin-bottom: 1rem;\n }\n\n .who-card p:last-child {\n margin-bottom: 0;\n }\n\n .who-card p i {\n color: #03c4a1;\n margin-right: 0.5rem;\n }\n\n \/* Grid Layout *\/\n .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n @media (min-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.75rem;\n }\n }\n\n \/* Card Styles *\/\n .card {\n background: #ffffff;\n border-radius: 1.25rem;\n padding: 1.75rem;\n box-shadow: 0 4px 16px rgba(7, 23, 45, 0.04);\n border: 1px solid rgba(3, 196, 161, 0.1);\n transition: all 0.35s cubic-bezier(0.2, 0, 0, 1);\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .card:hover::before {\n transform: scaleX(1);\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 32px rgba(7, 23, 45, 0.08);\n border-color: rgba(3, 196, 161, 0.2);\n }\n\n .icon-wrap {\n width: 52px;\n height: 52px;\n background: linear-gradient(135deg, #03c4a1 0%, #02a98b 100%);\n border-radius: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.25rem;\n box-shadow: 0 6px 12px rgba(3, 196, 161, 0.2);\n }\n\n .icon-wrap i {\n font-size: 1.5rem;\n color: white;\n }\n\n .card h3 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.25rem;\n color: #07172d;\n margin-bottom: 0.75rem;\n }\n\n .card p {\n font-size: 0.95rem;\n line-height: 1.65;\n color: #475569;\n }\n\n \/* Animation Classes *\/\n .reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Delay helpers *\/\n .delay-1 { transition-delay: 0.05s; }\n .delay-2 { transition-delay: 0.1s; }\n .delay-3 { transition-delay: 0.15s; }\n\n \/* Reduced motion support *\/\n @media (prefers-reduced-motion: reduce) {\n .reveal {\n transition: none;\n }\n .card:hover {\n transform: none;\n }\n }\n\n \/* Subtle background decoration *\/\n .bg-blur {\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(3, 196, 161, 0.04) 0%, transparent 70%);\n pointer-events: none;\n z-index: 1;\n }\n\n .blur-1 {\n top: 10%;\n left: -100px;\n }\n\n .blur-2 {\n bottom: 10%;\n right: -80px;\n width: 250px;\n height: 250px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"about\">\n <div class=\"bg-blur blur-1\"><\/div>\n <div class=\"bg-blur blur-2\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"about-header reveal\">\n <span class=\"badge\">About Us<\/span>\n <h2 class=\"section-title\">Our Vision, Mission & Promise<\/h2>\n <div class=\"title-underline\">\n <span class=\"line\"><\/span>\n <span class=\"dot\"><\/span>\n <span class=\"line\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"who-card reveal delay-1\">\n <p><i class=\"fas fa-quote-left\"><\/i> Savvyscope Media Solutions is a strategic communication and digital media consultancy based in Kenya, serving organizations locally and internationally.<\/p>\n <p>We support organizations that lack in-house communication capacity but still require professional, reliable, and consistent digital presence.<\/p>\n <p>Our work sits at the intersection of strategy, communication, and digital media, ensuring that every piece of content serves a clear purpose.<\/p>\n <\/div>\n\n \n <div class=\"grid\">\n <div class=\"card reveal delay-2\">\n <div class=\"icon-wrap\">\n <i class=\"fas fa-bullseye\"><\/i>\n <\/div>\n <h3>Our Mission<\/h3>\n <p>To help organizations communicate their work clearly, consistently, and credibly across digital platforms.<\/p>\n <\/div>\n\n <div class=\"card reveal delay-2\">\n <div class=\"icon-wrap\">\n <i class=\"fas fa-eye\"><\/i>\n <\/div>\n <h3>Our Vision<\/h3>\n <p>To be a trusted communication partner for impact-driven organizations and growing businesses in Africa and beyond.<\/p>\n <\/div>\n\n <div class=\"card reveal delay-3\">\n <div class=\"icon-wrap\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <h3>Our Promise<\/h3>\n <p>Clear, consistent, and credible communication that strengthens trust, visibility, and long-term organizational growth.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n \/\/ Smooth scroll reveal with Intersection Observer\n const revealElements = document.querySelectorAll('.reveal');\n \n if (revealElements.length === 0) return;\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n \/\/ Once revealed, we can unobserve for performance\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.12,\n rootMargin: '0px 0px -20px 0px'\n });\n \n revealElements.forEach(el => observer.observe(el));\n \n \/\/ Optional: subtle parallax effect on background blobs (lightweight)\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const blobs = document.querySelectorAll('.bg-blur');\n if (blobs.length) {\n blobs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (blobs[1]) blobs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-726e05c e-con-full e-flex e-con e-parent\" data-id=\"726e05c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05541b8 elementor-widget elementor-widget-html\" data-id=\"05541b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Our Services | Savvyscope Media<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* ===== FULL ISOLATION - No styles leak out or in ===== *\/\n #savvy-services-root {\n all: initial;\n display: block;\n }\n \n #savvy-services-root * {\n all: unset;\n display: revert;\n box-sizing: border-box;\n }\n \n #savvy-services-root {\n display: block;\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n }\n \n #savvy-services-root .services-section {\n background: linear-gradient(145deg, #0a0e1a 0%, #0f1625 100%);\n padding: 5rem 1.5rem;\n position: relative;\n overflow: hidden;\n display: block;\n }\n \n @media (min-width: 768px) {\n #savvy-services-root .services-section {\n padding: 6rem 2rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-services-root .services-section {\n padding: 7rem 2rem;\n }\n }\n \n \/* Animated Background Orbs *\/\n #savvy-services-root .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n pointer-events: none;\n }\n \n #savvy-services-root .orb-1 {\n width: 400px;\n height: 400px;\n background: #03c4a1;\n top: -150px;\n right: -150px;\n animation: savvy-float1 18s infinite alternate;\n }\n \n #savvy-services-root .orb-2 {\n width: 350px;\n height: 350px;\n background: #2d6a5e;\n bottom: -120px;\n left: -120px;\n animation: savvy-float2 22s infinite alternate;\n }\n \n #savvy-services-root .orb-3 {\n width: 250px;\n height: 250px;\n background: #03c4a1;\n top: 40%;\n left: 30%;\n opacity: 0.2;\n animation: savvy-float3 15s infinite alternate;\n }\n \n @keyframes savvy-float1 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-60px, 40px) scale(1.2); }\n }\n \n @keyframes savvy-float2 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(50px, -50px) scale(1.15); }\n }\n \n @keyframes savvy-float3 {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(30px, -30px) rotate(10deg); }\n }\n \n \/* Container *\/\n #savvy-services-root .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n display: block;\n }\n \n \/* Header *\/\n #savvy-services-root .section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n display: block;\n }\n \n #savvy-services-root .badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.12);\n padding: 0.35rem 1.2rem;\n border-radius: 40px;\n border: 1px solid rgba(3, 196, 161, 0.25);\n margin-bottom: 1rem;\n font-family: 'Inter', sans-serif;\n }\n \n #savvy-services-root .section-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.8rem, 4.5vw, 2.4rem);\n font-weight: 700;\n background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n display: block;\n }\n \n #savvy-services-root .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n margin-top: 1rem;\n }\n \n #savvy-services-root .divider-line {\n width: 45px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n border-radius: 2px;\n }\n \n #savvy-services-root .divider-line.right {\n background: linear-gradient(90deg, transparent, #03c4a1);\n }\n \n #savvy-services-root .divider-dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n \n #savvy-services-root .intro-text {\n max-width: 700px;\n margin: 1.5rem auto 0;\n font-size: 1rem;\n line-height: 1.65;\n color: #94a3b8;\n text-align: center;\n font-family: 'Inter', sans-serif;\n }\n \n \/* Services Grid *\/\n #savvy-services-root .services-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: 3rem 0 3.5rem;\n }\n \n @media (min-width: 640px) {\n #savvy-services-root .services-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.75rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-services-root .services-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n \n \/* Service Card *\/\n #savvy-services-root .service-card {\n background: rgba(15, 23, 42, 0.6);\n backdrop-filter: blur(12px);\n border-radius: 1.5rem;\n padding: 1.75rem;\n border: 1px solid rgba(3, 196, 161, 0.15);\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px) scale(0.96);\n transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n display: block;\n }\n \n #savvy-services-root .service-card.visible {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n \n #savvy-services-root .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 20%, rgba(3, 196, 161, 0.08), transparent 70%);\n pointer-events: none;\n }\n \n #savvy-services-root .service-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n }\n \n #savvy-services-root .service-card:hover::after {\n transform: scaleX(1);\n }\n \n #savvy-services-root .service-card:hover {\n transform: translateY(-6px) scale(1.01);\n border-color: rgba(3, 196, 161, 0.35);\n background: rgba(15, 23, 42, 0.8);\n box-shadow: 0 20px 35px -15px rgba(0, 0, 0, 0.4);\n }\n \n \/* Numbered Indicator *\/\n #savvy-services-root .service-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.15), rgba(3, 196, 161, 0.05));\n border-radius: 1rem;\n margin-bottom: 1.25rem;\n border: 1px solid rgba(3, 196, 161, 0.3);\n position: relative;\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n \n #savvy-services-root .service-card:hover .service-number {\n transform: scale(1.06) translateY(-2px);\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.25), rgba(3, 196, 161, 0.1));\n border-color: rgba(3, 196, 161, 0.6);\n box-shadow: 0 0 25px rgba(3, 196, 161, 0.25);\n }\n \n #savvy-services-root .service-number span {\n font-family: 'Merriweather', serif;\n font-size: 1.6rem;\n font-weight: 700;\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n line-height: 1;\n }\n \n \/* Card Content *\/\n #savvy-services-root .service-card h3 {\n font-family: 'Merriweather', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 0.65rem;\n line-height: 1.3;\n display: block;\n }\n \n #savvy-services-root .service-desc {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #94a3b8;\n margin-bottom: 1rem;\n font-family: 'Inter', sans-serif;\n display: block;\n }\n \n \/* Features List *\/\n #savvy-services-root .features-list {\n list-style: none;\n margin: 1rem 0 1.25rem;\n padding: 0;\n }\n \n #savvy-services-root .features-list li {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.85rem;\n color: #cbd5e1;\n padding: 0.4rem 0;\n border-bottom: 1px dashed rgba(3, 196, 161, 0.1);\n font-family: 'Inter', sans-serif;\n opacity: 0;\n transform: translateX(-8px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n \n #savvy-services-root .service-card.visible .features-list li {\n opacity: 1;\n transform: translateX(0);\n }\n \n #savvy-services-root .features-list li:nth-child(1) { transition-delay: 0.1s; }\n #savvy-services-root .features-list li:nth-child(2) { transition-delay: 0.15s; }\n #savvy-services-root .features-list li:nth-child(3) { transition-delay: 0.2s; }\n \n #savvy-services-root .features-list li i {\n font-size: 0.7rem;\n color: #03c4a1;\n width: 18px;\n display: inline-block;\n }\n \n \/* Tags *\/\n #savvy-services-root .service-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-top: 0.5rem;\n }\n \n #savvy-services-root .tag {\n font-size: 0.7rem;\n font-weight: 500;\n padding: 0.25rem 0.7rem;\n background: rgba(3, 196, 161, 0.1);\n border: 1px solid rgba(3, 196, 161, 0.2);\n border-radius: 30px;\n color: #03c4a1;\n transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n font-family: 'Inter', sans-serif;\n display: inline-block;\n opacity: 0;\n transform: scale(0.9);\n }\n \n #savvy-services-root .service-card.visible .tag {\n opacity: 1;\n transform: scale(1);\n }\n \n #savvy-services-root .service-card.visible .tag:nth-child(1) { transition-delay: 0.2s; }\n #savvy-services-root .service-card.visible .tag:nth-child(2) { transition-delay: 0.25s; }\n \n #savvy-services-root .tag:hover {\n background: rgba(3, 196, 161, 0.2);\n transform: translateY(-2px) scale(1.02);\n }\n \n \/* CTA Section with Premium Reveal *\/\n #savvy-services-root .cta-wrapper {\n text-align: center;\n background: rgba(3, 196, 161, 0.04);\n border-radius: 2rem;\n padding: 2.5rem 1.5rem;\n border: 1px solid rgba(3, 196, 161, 0.15);\n margin-top: 1rem;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .cta-wrapper.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-services-root .cta-wrapper h3 {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 0.75rem;\n display: block;\n }\n \n #savvy-services-root .cta-wrapper p {\n font-size: 1rem;\n color: #94a3b8;\n max-width: 500px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n font-family: 'Inter', sans-serif;\n }\n \n #savvy-services-root .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n background: linear-gradient(135deg, #03c4a1, #028b72);\n padding: 0.85rem 2rem;\n border-radius: 2rem;\n font-weight: 600;\n font-size: 0.9rem;\n color: #0a0e1a;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n border: none;\n cursor: pointer;\n font-family: 'Inter', sans-serif;\n position: relative;\n overflow: hidden;\n }\n \n #savvy-services-root .btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n \n #savvy-services-root .btn-primary:hover::before {\n left: 100%;\n }\n \n #savvy-services-root .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px -8px rgba(3, 196, 161, 0.5);\n gap: 0.9rem;\n }\n \n \/* Premium Header Reveal *\/\n #savvy-services-root .section-header .badge {\n opacity: 0;\n transform: translateY(-15px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header .section-title {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header .divider {\n opacity: 0;\n transform: scaleX(0.8);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header .intro-text {\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header.reveal-visible .badge {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0s;\n }\n \n #savvy-services-root .section-header.reveal-visible .section-title {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.1s;\n }\n \n #savvy-services-root .section-header.reveal-visible .divider {\n opacity: 1;\n transform: scaleX(1);\n transition-delay: 0.2s;\n }\n \n #savvy-services-root .section-header.reveal-visible .intro-text {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n \n \/* Card Staggered Reveal Classes *\/\n #savvy-services-root .service-card.delay-1 { transition-delay: 0s; }\n #savvy-services-root .service-card.delay-2 { transition-delay: 0.08s; }\n #savvy-services-root .service-card.delay-3 { transition-delay: 0.16s; }\n #savvy-services-root .service-card.delay-4 { transition-delay: 0.24s; }\n #savvy-services-root .service-card.delay-5 { transition-delay: 0.32s; }\n #savvy-services-root .service-card.delay-6 { transition-delay: 0.4s; }\n \n \/* Reduced Motion Support *\/\n @media (prefers-reduced-motion: reduce) {\n #savvy-services-root .service-card,\n #savvy-services-root .cta-wrapper,\n #savvy-services-root .section-header .badge,\n #savvy-services-root .section-header .section-title,\n #savvy-services-root .section-header .divider,\n #savvy-services-root .section-header .intro-text,\n #savvy-services-root .features-list li,\n #savvy-services-root .tag,\n #savvy-services-root .btn-primary {\n transition: none !important;\n }\n #savvy-services-root .service-card {\n opacity: 1;\n transform: none;\n }\n #savvy-services-root .cta-wrapper {\n opacity: 1;\n transform: none;\n }\n #savvy-services-root .bg-orb {\n animation: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"savvy-services-root\">\n <div class=\"services-section\">\n \n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n <div class=\"bg-orb orb-3\"><\/div>\n\n <div class=\"container\">\n \n <div class=\"section-header\" id=\"services-header\">\n <span class=\"badge\">What We Offer<\/span>\n <h2 class=\"section-title\">Premium Digital Services<\/h2>\n <div class=\"divider\">\n <span class=\"divider-line\"><\/span>\n <span class=\"divider-dot\"><\/span>\n <span class=\"divider-line right\"><\/span>\n <\/div>\n <p class=\"intro-text\">\n Integrated communication services designed for consistency, credibility, and engagement \u2014 one trusted partner for all your digital needs.\n <\/p>\n <\/div>\n\n \n <div class=\"services-grid\">\n <div class=\"service-card delay-1\">\n <div class=\"service-number\"><span>01<\/span><\/div>\n <h3>Digital Communication Strategy<\/h3>\n <p class=\"service-desc\">Comprehensive strategy and management to maintain consistent, credible presence across all platforms.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Single trusted partner<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Deep organization understanding<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Platform consistency<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Strategic Planning<\/span>\n <span class=\"tag\">Multi-Platform<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-2\">\n <div class=\"service-number\"><span>02<\/span><\/div>\n <h3>Website Design & Management<\/h3>\n <p class=\"service-desc\">Professional websites that serve as credible first impressions \u2014 easy to maintain and update.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Professional & user-friendly<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Clear mission communication<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Mobile-optimized design<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Web Development<\/span>\n <span class=\"tag\">Responsive<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-3\">\n <div class=\"service-number\"><span>03<\/span><\/div>\n <h3>Social Media Management<\/h3>\n <p class=\"service-desc\">Consistent, professional social presence that keeps your organization visible without daily internal effort.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Strategic content planning<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Clear & engaging messaging<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Consistent posting schedule<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Content Strategy<\/span>\n <span class=\"tag\">Engagement<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-4\">\n <div class=\"service-number\"><span>04<\/span><\/div>\n <h3>Graphic Design<\/h3>\n <p class=\"service-desc\">Professional graphics that support clear communication and strengthen your brand identity.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Social media graphics<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Reports & presentations<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Campaign materials<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Brand Identity<\/span>\n <span class=\"tag\">Visual Design<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-5\">\n <div class=\"service-number\"><span>05<\/span><\/div>\n <h3>Video Editing<\/h3>\n <p class=\"service-desc\">Engaging video content that increases understanding and connection through compelling storytelling.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Social media content<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Awareness campaigns<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Organizational storytelling<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Visual Storytelling<\/span>\n <span class=\"tag\">Engagement<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-6\">\n <div class=\"service-number\"><span>06<\/span><\/div>\n <h3>Newsletter Design<\/h3>\n <p class=\"service-desc\">Powerful email and print newsletters that effectively communicate with donors and stakeholders.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Clear & easy to read<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Brand-consistent design<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Mobile responsive<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Email Marketing<\/span>\n <span class=\"tag\">Stakeholder Engagement<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-wrapper\" id=\"services-cta\">\n <h3>Ready to Elevate Your Digital Presence?<\/h3>\n <p>Let's discuss how we can help you achieve consistent, credible, and engaging communication across all platforms.<\/p>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/free-strategy-call\/\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-comments\"><\/i> Start Your Project Today\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const rootElement = document.getElementById('savvy-services-root');\n if (!rootElement) return;\n \n \/\/ Premium Intersection Observer with higher threshold for smoother reveal\n const headerElement = rootElement.querySelector('#services-header');\n const ctaElement = rootElement.querySelector('#services-cta');\n const cards = rootElement.querySelectorAll('.service-card');\n \n \/\/ Observer for header with custom class\n const headerObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('reveal-visible');\n headerObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -50px 0px' });\n \n if (headerElement) headerObserver.observe(headerElement);\n \n \/\/ Observer for CTA\n const ctaObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n ctaObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -30px 0px' });\n \n if (ctaElement) ctaObserver.observe(ctaElement);\n \n \/\/ Observer for cards with staggered timing\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Add a small delay based on the card's index for buttery smooth feel\n const delay = parseFloat(entry.target.style.transitionDelay) || 0;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n cardObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n \n cards.forEach(card => cardObserver.observe(card));\n \n \/\/ Subtle parallax for orbs\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const orbs = rootElement.querySelectorAll('.bg-orb');\n if (orbs.length) {\n if (orbs[0]) orbs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (orbs[1]) orbs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n if (orbs[2]) orbs[2].style.transform = `translate(${scrolled * 0.01}px, ${scrolled * -0.01}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52eea81 e-con-full e-flex e-con e-parent\" data-id=\"52eea81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-712dc51 elementor-widget elementor-widget-html\" data-id=\"712dc51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Who We Serve | Savvyscope Media<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* ===== FULL ISOLATION - No style leakage ===== *\/\n #savvy-serve-root {\n all: initial;\n display: block;\n }\n \n #savvy-serve-root * {\n all: unset;\n display: revert;\n box-sizing: border-box;\n }\n \n #savvy-serve-root {\n display: block;\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n }\n \n #savvy-serve-root .serve-section {\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f0f9f6 100%);\n padding: 4rem 1.5rem;\n position: relative;\n overflow: hidden;\n }\n \n @media (min-width: 768px) {\n #savvy-serve-root .serve-section {\n padding: 5rem 2rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-serve-root .serve-section {\n padding: 6rem 2rem;\n }\n }\n \n \/* Animated Background Orbs *\/\n #savvy-serve-root .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(70px);\n opacity: 0.35;\n pointer-events: none;\n }\n \n #savvy-serve-root .orb-1 {\n width: 300px;\n height: 300px;\n background: #03c4a1;\n top: -100px;\n right: -100px;\n animation: savvy-serve-float1 20s infinite alternate;\n }\n \n #savvy-serve-root .orb-2 {\n width: 250px;\n height: 250px;\n background: #2d6a5e;\n bottom: -80px;\n left: -80px;\n animation: savvy-serve-float2 25s infinite alternate;\n }\n \n #savvy-serve-root .orb-3 {\n width: 180px;\n height: 180px;\n background: #03c4a1;\n top: 50%;\n left: 20%;\n opacity: 0.15;\n animation: savvy-serve-float3 18s infinite alternate;\n }\n \n @keyframes savvy-serve-float1 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-50px, 30px) scale(1.15); }\n }\n \n @keyframes savvy-serve-float2 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, -40px) scale(1.1); }\n }\n \n @keyframes savvy-serve-float3 {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(25px, -25px) rotate(8deg); }\n }\n \n \/* Container *\/\n #savvy-serve-root .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \n \/* Section Header *\/\n #savvy-serve-root .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n \n #savvy-serve-root .badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.1);\n padding: 0.35rem 1.2rem;\n border-radius: 40px;\n border: 1px solid rgba(3, 196, 161, 0.2);\n margin-bottom: 1rem;\n }\n \n #savvy-serve-root .section-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.6rem, 4vw, 2.2rem);\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n }\n \n #savvy-serve-root .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n margin: 1rem 0 1.25rem;\n }\n \n #savvy-serve-root .divider-line {\n width: 45px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n border-radius: 2px;\n }\n \n #savvy-serve-root .divider-line.right {\n background: linear-gradient(90deg, transparent, #03c4a1);\n }\n \n #savvy-serve-root .divider-dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n \n #savvy-serve-root .intro-text {\n max-width: 600px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.65;\n color: #4a5568;\n text-align: center;\n }\n \n \/* Cards Grid *\/\n #savvy-serve-root .cards-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.75rem;\n margin: 3rem 0 3rem;\n }\n \n @media (min-width: 640px) {\n #savvy-serve-root .cards-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.75rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-serve-root .cards-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n \n \/* Client Card *\/\n #savvy-serve-root .client-card {\n background: #ffffff;\n border-radius: 1.5rem;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(7, 23, 45, 0.06);\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n position: relative;\n opacity: 0;\n transform: translateY(35px);\n }\n \n #savvy-serve-root .client-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-serve-root .client-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(7, 23, 45, 0.12);\n }\n \n #savvy-serve-root .client-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n z-index: 2;\n }\n \n #savvy-serve-root .client-card:hover::before {\n transform: scaleX(1);\n }\n \n \/* Card Image *\/\n #savvy-serve-root .card-image-wrap {\n position: relative;\n height: 200px;\n overflow: hidden;\n }\n \n #savvy-serve-root .card-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n \n #savvy-serve-root .client-card:hover .card-image {\n transform: scale(1.05);\n }\n \n #savvy-serve-root .image-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50%;\n background: linear-gradient(to top, rgba(7, 23, 45, 0.5), transparent);\n }\n \n #savvy-serve-root .card-icon {\n position: absolute;\n bottom: 12px;\n left: 16px;\n width: 44px;\n height: 44px;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #03c4a1;\n font-size: 1.25rem;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n }\n \n \/* Card Content *\/\n #savvy-serve-root .card-content {\n padding: 1.5rem;\n }\n \n #savvy-serve-root .client-title {\n font-family: 'Merriweather', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.75rem;\n padding-bottom: 0.6rem;\n position: relative;\n }\n \n #savvy-serve-root .client-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n border-radius: 2px;\n }\n \n #savvy-serve-root .client-desc {\n font-size: 0.95rem;\n line-height: 1.6;\n color: #4a5568;\n margin-bottom: 1.25rem;\n }\n \n \/* Services Block *\/\n #savvy-serve-root .services-block {\n background: #f8fafc;\n border-radius: 12px;\n padding: 1rem;\n border-left: 3px solid #03c4a1;\n }\n \n #savvy-serve-root .services-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.8rem;\n font-weight: 600;\n color: #07172d;\n margin-bottom: 0.75rem;\n }\n \n #savvy-serve-root .services-header i {\n color: #03c4a1;\n font-size: 0.8rem;\n display: inline-block;\n }\n \n #savvy-serve-root .services-header span {\n display: inline-block;\n }\n \n \/* Bullet list - circular bullets instead of squares *\/\n #savvy-serve-root .services-list {\n list-style: none;\n }\n \n #savvy-serve-root .services-list li {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.85rem;\n color: #4a5568;\n padding: 0.35rem 0;\n }\n \n #savvy-serve-root .services-list li i {\n font-size: 0.6rem;\n color: #03c4a1;\n width: 16px;\n text-align: center;\n display: inline-block;\n }\n \n \/* CTA Section *\/\n #savvy-serve-root .cta-wrapper {\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n border-radius: 1.5rem;\n padding: 2.5rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1rem;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n \n #savvy-serve-root .cta-wrapper.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-serve-root .cta-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 20% 50%, rgba(3, 196, 161, 0.08), transparent);\n pointer-events: none;\n }\n \n #savvy-serve-root .cta-content {\n position: relative;\n z-index: 2;\n max-width: 550px;\n margin: 0 auto;\n }\n \n #savvy-serve-root .cta-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.3rem, 3vw, 1.8rem);\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 0.75rem;\n }\n \n #savvy-serve-root .cta-text {\n font-size: 1rem;\n line-height: 1.6;\n color: #cbd5e1;\n margin-bottom: 1.5rem;\n }\n \n #savvy-serve-root .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n background: linear-gradient(135deg, #03c4a1, #028b72);\n padding: 0.85rem 2rem;\n border-radius: 2rem;\n font-weight: 600;\n font-size: 0.9rem;\n color: #07172d;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n #savvy-serve-root .cta-btn i {\n display: inline-block;\n }\n \n #savvy-serve-root .cta-btn:hover {\n transform: translateY(-3px);\n gap: 0.8rem;\n box-shadow: 0 10px 25px -8px rgba(3, 196, 161, 0.4);\n }\n \n \/* Reveal Animations *\/\n #savvy-serve-root .reveal-badge {\n opacity: 0;\n transform: translateY(-12px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .reveal-title {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .reveal-divider {\n opacity: 0;\n transform: scaleX(0.8);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .reveal-intro {\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .section-header.visible .reveal-badge {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0s;\n }\n \n #savvy-serve-root .section-header.visible .reveal-title {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.08s;\n }\n \n #savvy-serve-root .section-header.visible .reveal-divider {\n opacity: 1;\n transform: scaleX(1);\n transition-delay: 0.16s;\n }\n \n #savvy-serve-root .section-header.visible .reveal-intro {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.24s;\n }\n \n \/* Card Delay Classes *\/\n #savvy-serve-root .card-delay-1 { transition-delay: 0s; }\n #savvy-serve-root .card-delay-2 { transition-delay: 0.1s; }\n #savvy-serve-root .card-delay-3 { transition-delay: 0.2s; }\n \n \/* Reduced Motion *\/\n @media (prefers-reduced-motion: reduce) {\n #savvy-serve-root .client-card,\n #savvy-serve-root .cta-wrapper,\n #savvy-serve-root .card-image,\n #savvy-serve-root .cta-btn,\n #savvy-serve-root .reveal-badge,\n #savvy-serve-root .reveal-title,\n #savvy-serve-root .reveal-divider,\n #savvy-serve-root .reveal-intro {\n transition: none !important;\n }\n #savvy-serve-root .client-card {\n opacity: 1;\n transform: none;\n }\n #savvy-serve-root .cta-wrapper {\n opacity: 1;\n transform: none;\n }\n #savvy-serve-root .bg-orb {\n animation: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"savvy-serve-root\">\n <div class=\"serve-section\">\n \n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n <div class=\"bg-orb orb-3\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\" id=\"serve-header\">\n <div class=\"reveal-badge\">\n <span class=\"badge\">Who We Serve<\/span>\n <\/div>\n <div class=\"reveal-title\">\n <h2 class=\"section-title\">Our Clients & Partners<\/h2>\n <\/div>\n <div class=\"reveal-divider\">\n <div class=\"divider\">\n <span class=\"divider-line\"><\/span>\n <span class=\"divider-dot\"><\/span>\n <span class=\"divider-line right\"><\/span>\n <\/div>\n <\/div>\n <div class=\"reveal-intro\">\n <p class=\"intro-text\">We partner with organizations that value clear communication, professional presence, and meaningful impact in the digital space.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"cards-grid\">\n \n <div class=\"client-card card-delay-1\">\n <div class=\"card-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg\" alt=\"NGOs and Development Organizations\" class=\"card-image\">\n <div class=\"image-overlay\"><\/div>\n <div class=\"card-icon\">\n <i class=\"fas fa-hand-holding-heart\"><\/i>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"client-title\">NGOs & Development<\/h3>\n <p class=\"client-desc\">Strategic communication that amplifies impact and builds trust with donors, beneficiaries, and stakeholders.<\/p>\n <div class=\"services-block\">\n <div class=\"services-header\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>What We Provide<\/span>\n <\/div>\n <ul class=\"services-list\">\n <li><i class=\"fas fa-circle\"><\/i> Donor-friendly communication<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Consistent online visibility<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Impact storytelling<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Campaign communication support<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"client-card card-delay-2\">\n <div class=\"card-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/Small-Medium-Enterprises-SMEs.jpg\" alt=\"Small and Medium Enterprises\" class=\"card-image\">\n <div class=\"image-overlay\"><\/div>\n <div class=\"card-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"client-title\">Small & Medium Enterprises<\/h3>\n <p class=\"client-desc\">Professional digital presence that helps growing businesses compete effectively and build lasting customer relationships.<\/p>\n <div class=\"services-block\">\n <div class=\"services-header\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>What We Provide<\/span>\n <\/div>\n <ul class=\"services-list\">\n <li><i class=\"fas fa-circle\"><\/i> Professional online presence<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Consistent branding<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Reliable digital communication<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Customer engagement strategies<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"client-card card-delay-3\">\n <div class=\"card-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/Professional-Service-Providers.jpg\" alt=\"Professional Service Providers\" class=\"card-image\">\n <div class=\"image-overlay\"><\/div>\n <div class=\"card-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"client-title\">Professional Service Providers<\/h3>\n <p class=\"client-desc\">Establish authority and credibility through strategic digital communication that showcases expertise and builds trust.<\/p>\n <div class=\"services-block\">\n <div class=\"services-header\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>What We Provide<\/span>\n <\/div>\n <ul class=\"services-list\">\n <li><i class=\"fas fa-circle\"><\/i> Build authority online<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Communicate expertise clearly<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Maintain platform credibility<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Thought leadership development<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-wrapper\" id=\"serve-cta\">\n <div class=\"cta-content\">\n <h3 class=\"cta-title\">Ready to Transform Your Digital Presence?<\/h3>\n <p class=\"cta-text\">Discover tailored solutions designed specifically for organizations like yours. We have packages that fit your needs and budget.<\/p>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/service-package\/\" class=\"cta-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-box-open\"><\/i> View Service Packages\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function() {\n const root = document.getElementById('savvy-serve-root');\n if (!root) return;\n \n \/\/ Observer for Section Header\n const headerEl = root.querySelector('#serve-header');\n if (headerEl) {\n const headerObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n headerObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\n headerObserver.observe(headerEl);\n }\n \n \/\/ Observer for Cards\n const cards = root.querySelectorAll('.client-card');\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n cardObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\n cards.forEach(card => cardObserver.observe(card));\n \n \/\/ Observer for CTA\n const ctaEl = root.querySelector('#serve-cta');\n if (ctaEl) {\n const ctaObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n ctaObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\n ctaObserver.observe(ctaEl);\n }\n \n \/\/ Subtle Parallax for Orbs\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const orbs = root.querySelectorAll('.bg-orb');\n if (orbs.length) {\n if (orbs[0]) orbs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (orbs[1]) orbs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n if (orbs[2]) orbs[2].style.transform = `translate(${scrolled * 0.01}px, ${scrolled * -0.01}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f95401 e-con-full e-flex e-con e-parent\" data-id=\"3f95401\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d48ab14 elementor-widget elementor-widget-html\" data-id=\"d48ab14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Why Choose Us | Savvyscope Media<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* FULL ISOLATION - No style leakage *\/\n #savvy-why-root {\n all: initial;\n display: block;\n }\n \n #savvy-why-root * {\n all: unset;\n display: revert;\n box-sizing: border-box;\n }\n \n #savvy-why-root {\n display: block;\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n }\n \n #savvy-why-root .why-section {\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f0f9f6 100%);\n padding: 4rem 1.5rem;\n position: relative;\n overflow: hidden;\n }\n \n @media (min-width: 768px) {\n #savvy-why-root .why-section {\n padding: 5rem 2rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-why-root .why-section {\n padding: 6rem 2rem;\n }\n }\n \n \/* Animated Background Orbs *\/\n #savvy-why-root .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(70px);\n opacity: 0.3;\n pointer-events: none;\n }\n \n #savvy-why-root .orb-1 {\n width: 280px;\n height: 280px;\n background: #03c4a1;\n top: -100px;\n left: -80px;\n animation: savvy-why-float1 22s infinite alternate;\n }\n \n #savvy-why-root .orb-2 {\n width: 220px;\n height: 220px;\n background: #2d6a5e;\n bottom: -60px;\n right: -60px;\n animation: savvy-why-float2 26s infinite alternate;\n }\n \n #savvy-why-root .orb-3 {\n width: 160px;\n height: 160px;\n background: #03c4a1;\n top: 40%;\n right: 20%;\n opacity: 0.12;\n animation: savvy-why-float3 19s infinite alternate;\n }\n \n @keyframes savvy-why-float1 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 40px) scale(1.2); }\n }\n \n @keyframes savvy-why-float2 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-40px, -30px) scale(1.15); }\n }\n \n @keyframes savvy-why-float3 {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(-20px, -20px) rotate(10deg); }\n }\n \n \/* Container *\/\n #savvy-why-root .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \n \/* Section Header *\/\n #savvy-why-root .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n \n #savvy-why-root .badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.1);\n padding: 0.35rem 1.2rem;\n border-radius: 40px;\n border: 1px solid rgba(3, 196, 161, 0.2);\n margin-bottom: 1rem;\n }\n \n #savvy-why-root .section-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.6rem, 4vw, 2.2rem);\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n }\n \n #savvy-why-root .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n margin: 1rem 0 1.25rem;\n }\n \n #savvy-why-root .divider-line {\n width: 45px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n border-radius: 2px;\n }\n \n #savvy-why-root .divider-line.right {\n background: linear-gradient(90deg, transparent, #03c4a1);\n }\n \n #savvy-why-root .divider-dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n \n #savvy-why-root .intro-text {\n max-width: 580px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.65;\n color: #4a5568;\n text-align: center;\n }\n \n \/* Benefits Grid *\/\n #savvy-why-root .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n \n @media (min-width: 640px) {\n #savvy-why-root .benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.75rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-why-root .benefits-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n \n \/* Benefit Card - Number Only, No Icon *\/\n #savvy-why-root .benefit-card {\n background: #ffffff;\n border-radius: 1.25rem;\n padding: 1.75rem;\n position: relative;\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n opacity: 0;\n transform: translateY(35px);\n box-shadow: 0 8px 24px rgba(7, 23, 45, 0.04);\n border: 1px solid rgba(3, 196, 161, 0.08);\n }\n \n #savvy-why-root .benefit-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-why-root .benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 35px rgba(7, 23, 45, 0.1);\n border-color: rgba(3, 196, 161, 0.2);\n }\n \n #savvy-why-root .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n \n #savvy-why-root .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n \/* Card Number - Prominent & Elegant *\/\n #savvy-why-root .card-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.12), rgba(3, 196, 161, 0.05));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.25rem;\n transition: all 0.3s ease;\n border: 1px solid rgba(3, 196, 161, 0.2);\n }\n \n #savvy-why-root .benefit-card:hover .card-number {\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.2), rgba(3, 196, 161, 0.1));\n transform: scale(1.05);\n border-color: rgba(3, 196, 161, 0.4);\n }\n \n #savvy-why-root .card-number span {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.3rem;\n background: linear-gradient(135deg, #03c4a1, #028b72);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n \/* Card Title *\/\n #savvy-why-root .card-title {\n font-family: 'Merriweather', serif;\n font-size: 1.2rem;\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.65rem;\n line-height: 1.3;\n }\n \n #savvy-why-root .card-desc {\n font-size: 0.95rem;\n line-height: 1.6;\n color: #4a5568;\n }\n \n \/* Header Reveal Animations *\/\n #savvy-why-root .reveal-badge {\n opacity: 0;\n transform: translateY(-12px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .reveal-title {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .reveal-divider {\n opacity: 0;\n transform: scaleX(0.8);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .reveal-intro {\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .section-header.visible .reveal-badge {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0s;\n }\n \n #savvy-why-root .section-header.visible .reveal-title {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.08s;\n }\n \n #savvy-why-root .section-header.visible .reveal-divider {\n opacity: 1;\n transform: scaleX(1);\n transition-delay: 0.16s;\n }\n \n #savvy-why-root .section-header.visible .reveal-intro {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.24s;\n }\n \n \/* Card Delay Classes *\/\n #savvy-why-root .card-delay-1 { transition-delay: 0s; }\n #savvy-why-root .card-delay-2 { transition-delay: 0.1s; }\n #savvy-why-root .card-delay-3 { transition-delay: 0.2s; }\n #savvy-why-root .card-delay-4 { transition-delay: 0.3s; }\n \n \/* Reduced Motion *\/\n @media (prefers-reduced-motion: reduce) {\n #savvy-why-root .benefit-card,\n #savvy-why-root .reveal-badge,\n #savvy-why-root .reveal-title,\n #savvy-why-root .reveal-divider,\n #savvy-why-root .reveal-intro {\n transition: none !important;\n }\n #savvy-why-root .benefit-card {\n opacity: 1;\n transform: none;\n }\n #savvy-why-root .bg-orb {\n animation: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"savvy-why-root\">\n <div class=\"why-section\">\n \n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n <div class=\"bg-orb orb-3\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\" id=\"why-header\">\n <div class=\"reveal-badge\">\n <span class=\"badge\">Why Choose Us<\/span>\n <\/div>\n <div class=\"reveal-title\">\n <h2 class=\"section-title\">The Savvyscope Advantage<\/h2>\n <\/div>\n <div class=\"reveal-divider\">\n <div class=\"divider\">\n <span class=\"divider-line\"><\/span>\n <span class=\"divider-dot\"><\/span>\n <span class=\"divider-line right\"><\/span>\n <\/div>\n <\/div>\n <div class=\"reveal-intro\">\n <p class=\"intro-text\">We combine strategic expertise with practical execution to deliver communication solutions that drive real impact for your organization.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"benefits-grid\">\n \n <div class=\"benefit-card card-delay-1\">\n <div class=\"card-number\"><span>01<\/span><\/div>\n <h3 class=\"card-title\">Strategic Communication Expertise<\/h3>\n <p class=\"card-desc\">Deep strategic knowledge combined with practical digital skills to craft messages that resonate across all platforms.<\/p>\n <\/div>\n \n \n <div class=\"benefit-card card-delay-2\">\n <div class=\"card-number\"><span>02<\/span><\/div>\n <h3 class=\"card-title\">NGO & Professional Experience<\/h3>\n <p class=\"card-desc\">Proven track record with NGOs, development organizations, and professional service providers. We understand your unique needs.<\/p>\n <\/div>\n \n \n <div class=\"benefit-card card-delay-3\">\n <div class=\"card-number\"><span>03<\/span><\/div>\n <h3 class=\"card-title\">Integrated Service Delivery<\/h3>\n <p class=\"card-desc\">One partner for all your communication needs. Seamless integration ensures consistency and efficiency.<\/p>\n <\/div>\n \n \n <div class=\"benefit-card card-delay-4\">\n <div class=\"card-number\"><span>04<\/span><\/div>\n <h3 class=\"card-title\">Flexible Engagement Models<\/h3>\n <p class=\"card-desc\">Project-based work, monthly retainers, or customized packages. We adapt to your budget and timeline.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function() {\n const root = document.getElementById('savvy-why-root');\n if (!root) return;\n \n \/\/ Observer for Section Header\n const headerEl = root.querySelector('#why-header');\n if (headerEl) {\n const headerObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n headerObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\n headerObserver.observe(headerEl);\n }\n \n \/\/ Observer for Benefit Cards\n const cards = root.querySelectorAll('.benefit-card');\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n cardObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\n cards.forEach(card => cardObserver.observe(card));\n \n \/\/ Subtle Parallax for Orbs\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const orbs = root.querySelectorAll('.bg-orb');\n if (orbs.length) {\n if (orbs[0]) orbs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (orbs[1]) orbs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n if (orbs[2]) orbs[2].style.transform = `translate(${scrolled * 0.01}px, ${scrolled * -0.01}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03d700d e-flex e-con-boxed e-con e-parent\" data-id=\"03d700d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5bd05 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elespare-section-title-elespare-left elementor-widget elementor-widget-post-grid\" data-id=\"4f5bd05\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"columns":"3","columns_tablet":"2","columns_mobile":"1"}\" data-widget_type=\"post-grid.default\">\n\t\t\t\t\t<div class=\"elespare-widget-title-section title-style-1 elespare-left\">\n\t\t\t\t<h2 class=\"elespare-widget-title\">\n\t\t\t\t\t<span class=\"elespare-section-title-before\"><\/span>\n\t\t\t\t\t<span class=\"elespare-section-title\">Latest NGO News<\/span>\n\t\t\t\t\t<span class=\"elespare-section-title-after\"><\/span>\n\t\t\t\t<\/h2>\n\t\t\t<\/div> <div class=\"elespare-grid-wrap grid-layout has-background elespare-has-equal-height\">\n\n <div class=\"elespare-posts-wrap elementor-grid grid-style-1 elespare-image-zoom elespare-light \">\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/27\/kenyas-pbo-sector-at-a-crossroads-growth-foreign-dependence-and-the-future-of-development-financing-2024-2025-analysis\/\" aria-label=\"Kenya\u2019s PBO Sector at a Crossroads: Growth, Foreign Dependence, and the Future of Development Financing (2024\/2025 Analysis)\">\n <img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Kenya\u2019s PBO Sector at a Crossroads: Growth, Foreign Dependence, and the Future of Development Financing (2024\/2025 Analysis)\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/27\/kenyas-pbo-sector-at-a-crossroads-growth-foreign-dependence-and-the-future-of-development-financing-2024-2025-analysis\/\"> <span>Kenya\u2019s PBO Sector at a Crossroads: Growth, Foreign Dependence, and the Future of Development Financing (2024\/2025 Analysis)<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/savvy-insights\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n Savvyscope Solutions <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n April 27, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/21\/new-era-for-ngos-as-government-rolls-out-pbo-regulations-sets-may-deadline\/\" aria-label=\"New Era for NGOs as Government Rolls Out PBO Regulations, Sets May Deadline\">\n <img decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-scaled.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"New Era for NGOs as Government Rolls Out PBO Regulations, Sets May Deadline\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-scaled.jpg 2560w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-300x200.jpg 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-1024x683.jpg 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-768x512.jpg 768w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-1536x1024.jpg 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/21\/new-era-for-ngos-as-government-rolls-out-pbo-regulations-sets-may-deadline\/\"> <span>New Era for NGOs as Government Rolls Out PBO Regulations, Sets May Deadline<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/savvy-insights\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n Savvyscope Solutions <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n April 21, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/data-driven-decision-making-for-marketers\/\" aria-label=\"Data Driven Decision Making for Marketers\">\n <img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Data Driven Decision Making for Marketers\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/data-driven-decision-making-for-marketers\/\"> <span>Data Driven Decision Making for Marketers<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 6, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/visual-content-that-converts\/\" aria-label=\"Visual Content That Converts\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Visual Content That Converts\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/visual-content-that-converts\/\"> <span>Visual Content That Converts<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 6, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/content-strategy-for-smes-on-a-budget\/\" aria-label=\"Content Strategy for SMEs on a Budget\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Content strategy for SMEs on a budget\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/content-strategy-for-smes-on-a-budget\/\"> <span>Content Strategy for SMEs on a Budget<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 6, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/building-trust-through-transparent-communication\/\" aria-label=\"Building Trust through Transparent Communication\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication.png\" class=\"attachment-full size-full wp-post-image\" alt=\"building trust through transparent communication\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/building-trust-through-transparent-communication\/\"> <span>Building Trust through Transparent Communication<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 5, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/the-art-of-impactful-storytelling\/\" aria-label=\"The Art of Impactful Storytelling\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Impactful Storytelling for Organizations\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/the-art-of-impactful-storytelling\/\"> <span>The Art of Impactful Storytelling<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 5, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/03\/measuring-impact-analytics-for-ngos\/\" aria-label=\"Measuring Impact: Analytics for NGOs\">\n <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"NGO impact analysis\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics.jpg 800w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics-300x200.jpg 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics-768x512.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/03\/measuring-impact-analytics-for-ngos\/\"> <span>Measuring Impact: Analytics for NGOs<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 3, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d93b085 elementor-widget elementor-widget-spacer\" data-id=\"d93b085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>Savvyscope Media | Strategic Communication & Digital Visibility Strategic Communication & Digital Visibility That Builds Trust We help NGOs, SMEs, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions<\/title>\n<meta name=\"description\" content=\"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopemedia.co.ke\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions\" \/>\n<meta property=\"og:description\" content=\"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopemedia.co.ke\/\" \/>\n<meta property=\"og:site_name\" content=\"Savvyscope Media Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T13:54:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/NGOs-and-Development-Organizations.jpg\",\"datePublished\":\"2026-01-26T14:21:54+00:00\",\"dateModified\":\"2026-04-21T13:54:07+00:00\",\"description\":\"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#primaryimage\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/NGOs-and-Development-Organizations.jpg\",\"contentUrl\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/NGOs-and-Development-Organizations.jpg\",\"width\":800,\"height\":533},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Savvyscope Media Solutions\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions","description":"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savvyscopemedia.co.ke\/","og_locale":"en_US","og_type":"article","og_title":"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions","og_description":"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.","og_url":"https:\/\/savvyscopemedia.co.ke\/","og_site_name":"Savvyscope Media Solutions","article_modified_time":"2026-04-21T13:54:07+00:00","og_image":[{"url":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopemedia.co.ke\/","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions","isPartOf":{"@id":"https:\/\/savvyscopemedia.co.ke\/#website"},"primaryImageOfPage":{"@id":"https:\/\/savvyscopemedia.co.ke\/#primaryimage"},"image":{"@id":"https:\/\/savvyscopemedia.co.ke\/#primaryimage"},"thumbnailUrl":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","datePublished":"2026-01-26T14:21:54+00:00","dateModified":"2026-04-21T13:54:07+00:00","description":"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.","breadcrumb":{"@id":"https:\/\/savvyscopemedia.co.ke\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopemedia.co.ke\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvyscopemedia.co.ke\/#primaryimage","url":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","contentUrl":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","width":800,"height":533},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopemedia.co.ke\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopemedia.co.ke\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopemedia.co.ke\/#website","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Savvyscope Media Solutions","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopemedia.co.ke\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Savvyscope Media | Strategic Communication & Digital Visibility<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* ===== RESET & BASE ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n @media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.5;\n background-color: #07172d;\n overflow-x: hidden;\n }\n\n \/* ===== HERO SECTION ===== *\/\n .hero {\n position: relative;\n width: 100%;\n min-height: 80vh;\n display: flex;\n align-items: center;\n justify-content: center;\n isolation: isolate;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n z-index: -2;\n background-image: url('https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-Jan-26-2026-05_41_28-PM.jpg');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-color: #0a1a2f;\n }\n\n .hero-overlay {\n position: absolute;\n inset: 0;\n z-index: -1;\n background: linear-gradient(125deg, rgba(7, 23, 45, 0.92) 0%, rgba(7, 23, 45, 0.82) 100%);\n }\n\n .hero-container {\n width: 100%;\n max-width: 1280px;\n margin: 0 auto;\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 80vh;\n }\n\n .hero-content {\n max-width: 880px;\n width: 100%;\n }\n\n \/* Headline styling - sizes reduced *\/\n .hero-headline {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #fff;\n margin-bottom: 1rem;\n line-height: 1.2;\n font-size: clamp(1.75rem, 5vw, 3.2rem);\n }\n\n .headline-part1 {\n display: block;\n font-size: 0.72em;\n color: #ffffff;\n letter-spacing: -0.01em;\n margin-bottom: 0.05em;\n }\n\n .headline-part2 {\n display: block;\n color: #03c4a1;\n font-size: 0.95em;\n letter-spacing: -0.01em;\n }\n\n \/* Subheadline - size reduced *\/\n .hero-subheadline {\n font-size: clamp(0.9rem, 2.5vw, 1.25rem);\n font-weight: 500;\n color: #eef5ff;\n margin-bottom: 1.25rem;\n line-height: 1.45;\n max-width: 95%;\n }\n\n \/* CTA buttons *\/\n .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n align-items: center;\n margin-top: 0.25rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n padding: 0.7rem 1.5rem;\n border-radius: 40px;\n font-weight: 600;\n font-size: clamp(0.8rem, 1.5vw, 0.95rem);\n text-decoration: none;\n transition: all 0.2s ease;\n border: 2px solid transparent;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n @media (max-width: 480px) {\n .btn {\n white-space: normal;\n flex: 1 1 auto;\n padding: 0.65rem 1.1rem;\n font-size: 0.85rem;\n }\n .hero-buttons {\n flex-direction: column;\n align-items: stretch;\n }\n }\n\n .btn-primary {\n background: #03c4a1;\n color: #07172d;\n box-shadow: 0 4px 10px rgba(3, 196, 161, 0.25);\n }\n\n .btn-primary:hover,\n .btn-primary:focus {\n background: #02ab8c;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(3, 196, 161, 0.35);\n color: #07172d;\n }\n\n .btn-secondary {\n background: transparent;\n border-color: #03c4a1;\n color: #ffffff;\n }\n\n .btn-secondary:hover,\n .btn-secondary:focus {\n background: rgba(3, 196, 161, 0.12);\n border-color: #03c4a1;\n transform: translateY(-2px);\n color: #fff;\n }\n\n .btn:focus-visible {\n outline: 3px solid #03c4a1;\n outline-offset: 3px;\n }\n\n .scroll-hint {\n position: absolute;\n bottom: 1.5rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n color: rgba(3, 196, 161, 0.8);\n font-size: 0.7rem;\n font-weight: 500;\n opacity: 0.8;\n pointer-events: none;\n }\n\n .scroll-hint i {\n font-size: 0.85rem;\n animation: gentleBounce 2s infinite;\n }\n\n @keyframes gentleBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(5px); }\n }\n\n @media (min-width: 768px) {\n .hero-container {\n padding: 2.5rem 2.5rem;\n }\n .hero-headline {\n margin-bottom: 1.1rem;\n }\n .hero-buttons {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 1024px) {\n .hero {\n min-height: 85vh;\n }\n .hero-container {\n min-height: 85vh;\n padding: 2.5rem 4rem;\n }\n .hero-content {\n max-width: 780px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"hero\" aria-label=\"Hero section: Strategic Communication & Digital Visibility\">\n <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-headline\">\n <span class=\"headline-part1\">Strategic Communication &<\/span>\n <span class=\"headline-part2\">Digital Visibility That Builds Trust<\/span>\n <\/h1>\n\n <p class=\"hero-subheadline\">\n We help NGOs, SMEs, and professional service providers communicate their impact clearly, consistently, and professionally \u2014 without the cost of a full-time communications team.\n <\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/free-strategy-call\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-calendar-check\" aria-hidden=\"true\"><\/i> Book a Free Strategy Call\n <\/a>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/digital-marketing-project-portfolio\/\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-eye\" aria-hidden=\"true\"><\/i> View Our Work\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"scroll-hint\" aria-hidden=\"true\">\n <span>Explore<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20ae353 e-flex e-con-boxed e-con e-parent\" data-id=\"20ae353\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0da204a elementor-widget elementor-widget-html\" data-id=\"0da204a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>About | Savvyscope Media<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n background: #f9fafb;\n overflow-x: hidden;\n }\n\n \/* About Section *\/\n .about {\n position: relative;\n padding: 4rem 1.5rem;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f1fcf9 100%);\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .about {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .about {\n padding: 6rem 2rem;\n }\n }\n\n \/* Container *\/\n .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* Header *\/\n .about-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .badge {\n display: inline-block;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.1);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n margin-bottom: 1rem;\n border: 1px solid rgba(3, 196, 161, 0.2);\n }\n\n .section-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: clamp(1.6rem, 4vw, 2.2rem);\n color: #07172d;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n }\n\n .title-underline {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 0.75rem;\n }\n\n .title-underline .line {\n width: 40px;\n height: 2px;\n background: #03c4a1;\n border-radius: 2px;\n }\n\n .title-underline .dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n\n \/* Who We Are Card *\/\n .who-card {\n background: #ffffff;\n border-radius: 1.5rem;\n padding: 2rem;\n margin-bottom: 3rem;\n box-shadow: 0 8px 24px rgba(7, 23, 45, 0.05);\n border: 1px solid rgba(3, 196, 161, 0.12);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .who-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 16px 32px rgba(7, 23, 45, 0.08);\n }\n\n .who-card p {\n font-size: 1rem;\n line-height: 1.7;\n color: #334155;\n margin-bottom: 1rem;\n }\n\n .who-card p:last-child {\n margin-bottom: 0;\n }\n\n .who-card p i {\n color: #03c4a1;\n margin-right: 0.5rem;\n }\n\n \/* Grid Layout *\/\n .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n @media (min-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.75rem;\n }\n }\n\n \/* Card Styles *\/\n .card {\n background: #ffffff;\n border-radius: 1.25rem;\n padding: 1.75rem;\n box-shadow: 0 4px 16px rgba(7, 23, 45, 0.04);\n border: 1px solid rgba(3, 196, 161, 0.1);\n transition: all 0.35s cubic-bezier(0.2, 0, 0, 1);\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .card:hover::before {\n transform: scaleX(1);\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 32px rgba(7, 23, 45, 0.08);\n border-color: rgba(3, 196, 161, 0.2);\n }\n\n .icon-wrap {\n width: 52px;\n height: 52px;\n background: linear-gradient(135deg, #03c4a1 0%, #02a98b 100%);\n border-radius: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.25rem;\n box-shadow: 0 6px 12px rgba(3, 196, 161, 0.2);\n }\n\n .icon-wrap i {\n font-size: 1.5rem;\n color: white;\n }\n\n .card h3 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.25rem;\n color: #07172d;\n margin-bottom: 0.75rem;\n }\n\n .card p {\n font-size: 0.95rem;\n line-height: 1.65;\n color: #475569;\n }\n\n \/* Animation Classes *\/\n .reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Delay helpers *\/\n .delay-1 { transition-delay: 0.05s; }\n .delay-2 { transition-delay: 0.1s; }\n .delay-3 { transition-delay: 0.15s; }\n\n \/* Reduced motion support *\/\n @media (prefers-reduced-motion: reduce) {\n .reveal {\n transition: none;\n }\n .card:hover {\n transform: none;\n }\n }\n\n \/* Subtle background decoration *\/\n .bg-blur {\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(3, 196, 161, 0.04) 0%, transparent 70%);\n pointer-events: none;\n z-index: 1;\n }\n\n .blur-1 {\n top: 10%;\n left: -100px;\n }\n\n .blur-2 {\n bottom: 10%;\n right: -80px;\n width: 250px;\n height: 250px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"about\">\n <div class=\"bg-blur blur-1\"><\/div>\n <div class=\"bg-blur blur-2\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"about-header reveal\">\n <span class=\"badge\">About Us<\/span>\n <h2 class=\"section-title\">Our Vision, Mission & Promise<\/h2>\n <div class=\"title-underline\">\n <span class=\"line\"><\/span>\n <span class=\"dot\"><\/span>\n <span class=\"line\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"who-card reveal delay-1\">\n <p><i class=\"fas fa-quote-left\"><\/i> Savvyscope Media Solutions is a strategic communication and digital media consultancy based in Kenya, serving organizations locally and internationally.<\/p>\n <p>We support organizations that lack in-house communication capacity but still require professional, reliable, and consistent digital presence.<\/p>\n <p>Our work sits at the intersection of strategy, communication, and digital media, ensuring that every piece of content serves a clear purpose.<\/p>\n <\/div>\n\n \n <div class=\"grid\">\n <div class=\"card reveal delay-2\">\n <div class=\"icon-wrap\">\n <i class=\"fas fa-bullseye\"><\/i>\n <\/div>\n <h3>Our Mission<\/h3>\n <p>To help organizations communicate their work clearly, consistently, and credibly across digital platforms.<\/p>\n <\/div>\n\n <div class=\"card reveal delay-2\">\n <div class=\"icon-wrap\">\n <i class=\"fas fa-eye\"><\/i>\n <\/div>\n <h3>Our Vision<\/h3>\n <p>To be a trusted communication partner for impact-driven organizations and growing businesses in Africa and beyond.<\/p>\n <\/div>\n\n <div class=\"card reveal delay-3\">\n <div class=\"icon-wrap\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <h3>Our Promise<\/h3>\n <p>Clear, consistent, and credible communication that strengthens trust, visibility, and long-term organizational growth.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n \/\/ Smooth scroll reveal with Intersection Observer\n const revealElements = document.querySelectorAll('.reveal');\n \n if (revealElements.length === 0) return;\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n \/\/ Once revealed, we can unobserve for performance\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.12,\n rootMargin: '0px 0px -20px 0px'\n });\n \n revealElements.forEach(el => observer.observe(el));\n \n \/\/ Optional: subtle parallax effect on background blobs (lightweight)\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const blobs = document.querySelectorAll('.bg-blur');\n if (blobs.length) {\n blobs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (blobs[1]) blobs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-726e05c e-con-full e-flex e-con e-parent\" data-id=\"726e05c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05541b8 elementor-widget elementor-widget-html\" data-id=\"05541b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Our Services | Savvyscope Media<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* ===== FULL ISOLATION - No styles leak out or in ===== *\/\n #savvy-services-root {\n all: initial;\n display: block;\n }\n \n #savvy-services-root * {\n all: unset;\n display: revert;\n box-sizing: border-box;\n }\n \n #savvy-services-root {\n display: block;\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n }\n \n #savvy-services-root .services-section {\n background: linear-gradient(145deg, #0a0e1a 0%, #0f1625 100%);\n padding: 5rem 1.5rem;\n position: relative;\n overflow: hidden;\n display: block;\n }\n \n @media (min-width: 768px) {\n #savvy-services-root .services-section {\n padding: 6rem 2rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-services-root .services-section {\n padding: 7rem 2rem;\n }\n }\n \n \/* Animated Background Orbs *\/\n #savvy-services-root .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n pointer-events: none;\n }\n \n #savvy-services-root .orb-1 {\n width: 400px;\n height: 400px;\n background: #03c4a1;\n top: -150px;\n right: -150px;\n animation: savvy-float1 18s infinite alternate;\n }\n \n #savvy-services-root .orb-2 {\n width: 350px;\n height: 350px;\n background: #2d6a5e;\n bottom: -120px;\n left: -120px;\n animation: savvy-float2 22s infinite alternate;\n }\n \n #savvy-services-root .orb-3 {\n width: 250px;\n height: 250px;\n background: #03c4a1;\n top: 40%;\n left: 30%;\n opacity: 0.2;\n animation: savvy-float3 15s infinite alternate;\n }\n \n @keyframes savvy-float1 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-60px, 40px) scale(1.2); }\n }\n \n @keyframes savvy-float2 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(50px, -50px) scale(1.15); }\n }\n \n @keyframes savvy-float3 {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(30px, -30px) rotate(10deg); }\n }\n \n \/* Container *\/\n #savvy-services-root .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n display: block;\n }\n \n \/* Header *\/\n #savvy-services-root .section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n display: block;\n }\n \n #savvy-services-root .badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.12);\n padding: 0.35rem 1.2rem;\n border-radius: 40px;\n border: 1px solid rgba(3, 196, 161, 0.25);\n margin-bottom: 1rem;\n font-family: 'Inter', sans-serif;\n }\n \n #savvy-services-root .section-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.8rem, 4.5vw, 2.4rem);\n font-weight: 700;\n background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n display: block;\n }\n \n #savvy-services-root .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n margin-top: 1rem;\n }\n \n #savvy-services-root .divider-line {\n width: 45px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n border-radius: 2px;\n }\n \n #savvy-services-root .divider-line.right {\n background: linear-gradient(90deg, transparent, #03c4a1);\n }\n \n #savvy-services-root .divider-dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n \n #savvy-services-root .intro-text {\n max-width: 700px;\n margin: 1.5rem auto 0;\n font-size: 1rem;\n line-height: 1.65;\n color: #94a3b8;\n text-align: center;\n font-family: 'Inter', sans-serif;\n }\n \n \/* Services Grid *\/\n #savvy-services-root .services-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: 3rem 0 3.5rem;\n }\n \n @media (min-width: 640px) {\n #savvy-services-root .services-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.75rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-services-root .services-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n \n \/* Service Card *\/\n #savvy-services-root .service-card {\n background: rgba(15, 23, 42, 0.6);\n backdrop-filter: blur(12px);\n border-radius: 1.5rem;\n padding: 1.75rem;\n border: 1px solid rgba(3, 196, 161, 0.15);\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px) scale(0.96);\n transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n display: block;\n }\n \n #savvy-services-root .service-card.visible {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n \n #savvy-services-root .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 20%, rgba(3, 196, 161, 0.08), transparent 70%);\n pointer-events: none;\n }\n \n #savvy-services-root .service-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n }\n \n #savvy-services-root .service-card:hover::after {\n transform: scaleX(1);\n }\n \n #savvy-services-root .service-card:hover {\n transform: translateY(-6px) scale(1.01);\n border-color: rgba(3, 196, 161, 0.35);\n background: rgba(15, 23, 42, 0.8);\n box-shadow: 0 20px 35px -15px rgba(0, 0, 0, 0.4);\n }\n \n \/* Numbered Indicator *\/\n #savvy-services-root .service-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.15), rgba(3, 196, 161, 0.05));\n border-radius: 1rem;\n margin-bottom: 1.25rem;\n border: 1px solid rgba(3, 196, 161, 0.3);\n position: relative;\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n \n #savvy-services-root .service-card:hover .service-number {\n transform: scale(1.06) translateY(-2px);\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.25), rgba(3, 196, 161, 0.1));\n border-color: rgba(3, 196, 161, 0.6);\n box-shadow: 0 0 25px rgba(3, 196, 161, 0.25);\n }\n \n #savvy-services-root .service-number span {\n font-family: 'Merriweather', serif;\n font-size: 1.6rem;\n font-weight: 700;\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n line-height: 1;\n }\n \n \/* Card Content *\/\n #savvy-services-root .service-card h3 {\n font-family: 'Merriweather', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 0.65rem;\n line-height: 1.3;\n display: block;\n }\n \n #savvy-services-root .service-desc {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #94a3b8;\n margin-bottom: 1rem;\n font-family: 'Inter', sans-serif;\n display: block;\n }\n \n \/* Features List *\/\n #savvy-services-root .features-list {\n list-style: none;\n margin: 1rem 0 1.25rem;\n padding: 0;\n }\n \n #savvy-services-root .features-list li {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.85rem;\n color: #cbd5e1;\n padding: 0.4rem 0;\n border-bottom: 1px dashed rgba(3, 196, 161, 0.1);\n font-family: 'Inter', sans-serif;\n opacity: 0;\n transform: translateX(-8px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n \n #savvy-services-root .service-card.visible .features-list li {\n opacity: 1;\n transform: translateX(0);\n }\n \n #savvy-services-root .features-list li:nth-child(1) { transition-delay: 0.1s; }\n #savvy-services-root .features-list li:nth-child(2) { transition-delay: 0.15s; }\n #savvy-services-root .features-list li:nth-child(3) { transition-delay: 0.2s; }\n \n #savvy-services-root .features-list li i {\n font-size: 0.7rem;\n color: #03c4a1;\n width: 18px;\n display: inline-block;\n }\n \n \/* Tags *\/\n #savvy-services-root .service-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-top: 0.5rem;\n }\n \n #savvy-services-root .tag {\n font-size: 0.7rem;\n font-weight: 500;\n padding: 0.25rem 0.7rem;\n background: rgba(3, 196, 161, 0.1);\n border: 1px solid rgba(3, 196, 161, 0.2);\n border-radius: 30px;\n color: #03c4a1;\n transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n font-family: 'Inter', sans-serif;\n display: inline-block;\n opacity: 0;\n transform: scale(0.9);\n }\n \n #savvy-services-root .service-card.visible .tag {\n opacity: 1;\n transform: scale(1);\n }\n \n #savvy-services-root .service-card.visible .tag:nth-child(1) { transition-delay: 0.2s; }\n #savvy-services-root .service-card.visible .tag:nth-child(2) { transition-delay: 0.25s; }\n \n #savvy-services-root .tag:hover {\n background: rgba(3, 196, 161, 0.2);\n transform: translateY(-2px) scale(1.02);\n }\n \n \/* CTA Section with Premium Reveal *\/\n #savvy-services-root .cta-wrapper {\n text-align: center;\n background: rgba(3, 196, 161, 0.04);\n border-radius: 2rem;\n padding: 2.5rem 1.5rem;\n border: 1px solid rgba(3, 196, 161, 0.15);\n margin-top: 1rem;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .cta-wrapper.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-services-root .cta-wrapper h3 {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 0.75rem;\n display: block;\n }\n \n #savvy-services-root .cta-wrapper p {\n font-size: 1rem;\n color: #94a3b8;\n max-width: 500px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n font-family: 'Inter', sans-serif;\n }\n \n #savvy-services-root .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n background: linear-gradient(135deg, #03c4a1, #028b72);\n padding: 0.85rem 2rem;\n border-radius: 2rem;\n font-weight: 600;\n font-size: 0.9rem;\n color: #0a0e1a;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n border: none;\n cursor: pointer;\n font-family: 'Inter', sans-serif;\n position: relative;\n overflow: hidden;\n }\n \n #savvy-services-root .btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n \n #savvy-services-root .btn-primary:hover::before {\n left: 100%;\n }\n \n #savvy-services-root .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px -8px rgba(3, 196, 161, 0.5);\n gap: 0.9rem;\n }\n \n \/* Premium Header Reveal *\/\n #savvy-services-root .section-header .badge {\n opacity: 0;\n transform: translateY(-15px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header .section-title {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header .divider {\n opacity: 0;\n transform: scaleX(0.8);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header .intro-text {\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1);\n }\n \n #savvy-services-root .section-header.reveal-visible .badge {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0s;\n }\n \n #savvy-services-root .section-header.reveal-visible .section-title {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.1s;\n }\n \n #savvy-services-root .section-header.reveal-visible .divider {\n opacity: 1;\n transform: scaleX(1);\n transition-delay: 0.2s;\n }\n \n #savvy-services-root .section-header.reveal-visible .intro-text {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n \n \/* Card Staggered Reveal Classes *\/\n #savvy-services-root .service-card.delay-1 { transition-delay: 0s; }\n #savvy-services-root .service-card.delay-2 { transition-delay: 0.08s; }\n #savvy-services-root .service-card.delay-3 { transition-delay: 0.16s; }\n #savvy-services-root .service-card.delay-4 { transition-delay: 0.24s; }\n #savvy-services-root .service-card.delay-5 { transition-delay: 0.32s; }\n #savvy-services-root .service-card.delay-6 { transition-delay: 0.4s; }\n \n \/* Reduced Motion Support *\/\n @media (prefers-reduced-motion: reduce) {\n #savvy-services-root .service-card,\n #savvy-services-root .cta-wrapper,\n #savvy-services-root .section-header .badge,\n #savvy-services-root .section-header .section-title,\n #savvy-services-root .section-header .divider,\n #savvy-services-root .section-header .intro-text,\n #savvy-services-root .features-list li,\n #savvy-services-root .tag,\n #savvy-services-root .btn-primary {\n transition: none !important;\n }\n #savvy-services-root .service-card {\n opacity: 1;\n transform: none;\n }\n #savvy-services-root .cta-wrapper {\n opacity: 1;\n transform: none;\n }\n #savvy-services-root .bg-orb {\n animation: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"savvy-services-root\">\n <div class=\"services-section\">\n \n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n <div class=\"bg-orb orb-3\"><\/div>\n\n <div class=\"container\">\n \n <div class=\"section-header\" id=\"services-header\">\n <span class=\"badge\">What We Offer<\/span>\n <h2 class=\"section-title\">Premium Digital Services<\/h2>\n <div class=\"divider\">\n <span class=\"divider-line\"><\/span>\n <span class=\"divider-dot\"><\/span>\n <span class=\"divider-line right\"><\/span>\n <\/div>\n <p class=\"intro-text\">\n Integrated communication services designed for consistency, credibility, and engagement \u2014 one trusted partner for all your digital needs.\n <\/p>\n <\/div>\n\n \n <div class=\"services-grid\">\n <div class=\"service-card delay-1\">\n <div class=\"service-number\"><span>01<\/span><\/div>\n <h3>Digital Communication Strategy<\/h3>\n <p class=\"service-desc\">Comprehensive strategy and management to maintain consistent, credible presence across all platforms.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Single trusted partner<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Deep organization understanding<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Platform consistency<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Strategic Planning<\/span>\n <span class=\"tag\">Multi-Platform<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-2\">\n <div class=\"service-number\"><span>02<\/span><\/div>\n <h3>Website Design & Management<\/h3>\n <p class=\"service-desc\">Professional websites that serve as credible first impressions \u2014 easy to maintain and update.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Professional & user-friendly<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Clear mission communication<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Mobile-optimized design<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Web Development<\/span>\n <span class=\"tag\">Responsive<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-3\">\n <div class=\"service-number\"><span>03<\/span><\/div>\n <h3>Social Media Management<\/h3>\n <p class=\"service-desc\">Consistent, professional social presence that keeps your organization visible without daily internal effort.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Strategic content planning<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Clear & engaging messaging<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Consistent posting schedule<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Content Strategy<\/span>\n <span class=\"tag\">Engagement<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-4\">\n <div class=\"service-number\"><span>04<\/span><\/div>\n <h3>Graphic Design<\/h3>\n <p class=\"service-desc\">Professional graphics that support clear communication and strengthen your brand identity.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Social media graphics<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Reports & presentations<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Campaign materials<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Brand Identity<\/span>\n <span class=\"tag\">Visual Design<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-5\">\n <div class=\"service-number\"><span>05<\/span><\/div>\n <h3>Video Editing<\/h3>\n <p class=\"service-desc\">Engaging video content that increases understanding and connection through compelling storytelling.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Social media content<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Awareness campaigns<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Organizational storytelling<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Visual Storytelling<\/span>\n <span class=\"tag\">Engagement<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card delay-6\">\n <div class=\"service-number\"><span>06<\/span><\/div>\n <h3>Newsletter Design<\/h3>\n <p class=\"service-desc\">Powerful email and print newsletters that effectively communicate with donors and stakeholders.<\/p>\n <ul class=\"features-list\">\n <li><i class=\"fas fa-circle\"><\/i> Clear & easy to read<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Brand-consistent design<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Mobile responsive<\/li>\n <\/ul>\n <div class=\"service-tags\">\n <span class=\"tag\">Email Marketing<\/span>\n <span class=\"tag\">Stakeholder Engagement<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-wrapper\" id=\"services-cta\">\n <h3>Ready to Elevate Your Digital Presence?<\/h3>\n <p>Let's discuss how we can help you achieve consistent, credible, and engaging communication across all platforms.<\/p>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/free-strategy-call\/\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-comments\"><\/i> Start Your Project Today\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const rootElement = document.getElementById('savvy-services-root');\n if (!rootElement) return;\n \n \/\/ Premium Intersection Observer with higher threshold for smoother reveal\n const headerElement = rootElement.querySelector('#services-header');\n const ctaElement = rootElement.querySelector('#services-cta');\n const cards = rootElement.querySelectorAll('.service-card');\n \n \/\/ Observer for header with custom class\n const headerObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('reveal-visible');\n headerObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -50px 0px' });\n \n if (headerElement) headerObserver.observe(headerElement);\n \n \/\/ Observer for CTA\n const ctaObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n ctaObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -30px 0px' });\n \n if (ctaElement) ctaObserver.observe(ctaElement);\n \n \/\/ Observer for cards with staggered timing\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Add a small delay based on the card's index for buttery smooth feel\n const delay = parseFloat(entry.target.style.transitionDelay) || 0;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay * 100);\n cardObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n \n cards.forEach(card => cardObserver.observe(card));\n \n \/\/ Subtle parallax for orbs\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const orbs = rootElement.querySelectorAll('.bg-orb');\n if (orbs.length) {\n if (orbs[0]) orbs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (orbs[1]) orbs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n if (orbs[2]) orbs[2].style.transform = `translate(${scrolled * 0.01}px, ${scrolled * -0.01}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52eea81 e-con-full e-flex e-con e-parent\" data-id=\"52eea81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-712dc51 elementor-widget elementor-widget-html\" data-id=\"712dc51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Who We Serve | Savvyscope Media<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* ===== FULL ISOLATION - No style leakage ===== *\/\n #savvy-serve-root {\n all: initial;\n display: block;\n }\n \n #savvy-serve-root * {\n all: unset;\n display: revert;\n box-sizing: border-box;\n }\n \n #savvy-serve-root {\n display: block;\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n }\n \n #savvy-serve-root .serve-section {\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f0f9f6 100%);\n padding: 4rem 1.5rem;\n position: relative;\n overflow: hidden;\n }\n \n @media (min-width: 768px) {\n #savvy-serve-root .serve-section {\n padding: 5rem 2rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-serve-root .serve-section {\n padding: 6rem 2rem;\n }\n }\n \n \/* Animated Background Orbs *\/\n #savvy-serve-root .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(70px);\n opacity: 0.35;\n pointer-events: none;\n }\n \n #savvy-serve-root .orb-1 {\n width: 300px;\n height: 300px;\n background: #03c4a1;\n top: -100px;\n right: -100px;\n animation: savvy-serve-float1 20s infinite alternate;\n }\n \n #savvy-serve-root .orb-2 {\n width: 250px;\n height: 250px;\n background: #2d6a5e;\n bottom: -80px;\n left: -80px;\n animation: savvy-serve-float2 25s infinite alternate;\n }\n \n #savvy-serve-root .orb-3 {\n width: 180px;\n height: 180px;\n background: #03c4a1;\n top: 50%;\n left: 20%;\n opacity: 0.15;\n animation: savvy-serve-float3 18s infinite alternate;\n }\n \n @keyframes savvy-serve-float1 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-50px, 30px) scale(1.15); }\n }\n \n @keyframes savvy-serve-float2 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, -40px) scale(1.1); }\n }\n \n @keyframes savvy-serve-float3 {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(25px, -25px) rotate(8deg); }\n }\n \n \/* Container *\/\n #savvy-serve-root .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \n \/* Section Header *\/\n #savvy-serve-root .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n \n #savvy-serve-root .badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.1);\n padding: 0.35rem 1.2rem;\n border-radius: 40px;\n border: 1px solid rgba(3, 196, 161, 0.2);\n margin-bottom: 1rem;\n }\n \n #savvy-serve-root .section-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.6rem, 4vw, 2.2rem);\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n }\n \n #savvy-serve-root .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n margin: 1rem 0 1.25rem;\n }\n \n #savvy-serve-root .divider-line {\n width: 45px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n border-radius: 2px;\n }\n \n #savvy-serve-root .divider-line.right {\n background: linear-gradient(90deg, transparent, #03c4a1);\n }\n \n #savvy-serve-root .divider-dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n \n #savvy-serve-root .intro-text {\n max-width: 600px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.65;\n color: #4a5568;\n text-align: center;\n }\n \n \/* Cards Grid *\/\n #savvy-serve-root .cards-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.75rem;\n margin: 3rem 0 3rem;\n }\n \n @media (min-width: 640px) {\n #savvy-serve-root .cards-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.75rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-serve-root .cards-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n \n \/* Client Card *\/\n #savvy-serve-root .client-card {\n background: #ffffff;\n border-radius: 1.5rem;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(7, 23, 45, 0.06);\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n position: relative;\n opacity: 0;\n transform: translateY(35px);\n }\n \n #savvy-serve-root .client-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-serve-root .client-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(7, 23, 45, 0.12);\n }\n \n #savvy-serve-root .client-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n z-index: 2;\n }\n \n #savvy-serve-root .client-card:hover::before {\n transform: scaleX(1);\n }\n \n \/* Card Image *\/\n #savvy-serve-root .card-image-wrap {\n position: relative;\n height: 200px;\n overflow: hidden;\n }\n \n #savvy-serve-root .card-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n \n #savvy-serve-root .client-card:hover .card-image {\n transform: scale(1.05);\n }\n \n #savvy-serve-root .image-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50%;\n background: linear-gradient(to top, rgba(7, 23, 45, 0.5), transparent);\n }\n \n #savvy-serve-root .card-icon {\n position: absolute;\n bottom: 12px;\n left: 16px;\n width: 44px;\n height: 44px;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #03c4a1;\n font-size: 1.25rem;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n }\n \n \/* Card Content *\/\n #savvy-serve-root .card-content {\n padding: 1.5rem;\n }\n \n #savvy-serve-root .client-title {\n font-family: 'Merriweather', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.75rem;\n padding-bottom: 0.6rem;\n position: relative;\n }\n \n #savvy-serve-root .client-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n border-radius: 2px;\n }\n \n #savvy-serve-root .client-desc {\n font-size: 0.95rem;\n line-height: 1.6;\n color: #4a5568;\n margin-bottom: 1.25rem;\n }\n \n \/* Services Block *\/\n #savvy-serve-root .services-block {\n background: #f8fafc;\n border-radius: 12px;\n padding: 1rem;\n border-left: 3px solid #03c4a1;\n }\n \n #savvy-serve-root .services-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.8rem;\n font-weight: 600;\n color: #07172d;\n margin-bottom: 0.75rem;\n }\n \n #savvy-serve-root .services-header i {\n color: #03c4a1;\n font-size: 0.8rem;\n display: inline-block;\n }\n \n #savvy-serve-root .services-header span {\n display: inline-block;\n }\n \n \/* Bullet list - circular bullets instead of squares *\/\n #savvy-serve-root .services-list {\n list-style: none;\n }\n \n #savvy-serve-root .services-list li {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.85rem;\n color: #4a5568;\n padding: 0.35rem 0;\n }\n \n #savvy-serve-root .services-list li i {\n font-size: 0.6rem;\n color: #03c4a1;\n width: 16px;\n text-align: center;\n display: inline-block;\n }\n \n \/* CTA Section *\/\n #savvy-serve-root .cta-wrapper {\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n border-radius: 1.5rem;\n padding: 2.5rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1rem;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n \n #savvy-serve-root .cta-wrapper.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-serve-root .cta-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 20% 50%, rgba(3, 196, 161, 0.08), transparent);\n pointer-events: none;\n }\n \n #savvy-serve-root .cta-content {\n position: relative;\n z-index: 2;\n max-width: 550px;\n margin: 0 auto;\n }\n \n #savvy-serve-root .cta-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.3rem, 3vw, 1.8rem);\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 0.75rem;\n }\n \n #savvy-serve-root .cta-text {\n font-size: 1rem;\n line-height: 1.6;\n color: #cbd5e1;\n margin-bottom: 1.5rem;\n }\n \n #savvy-serve-root .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n background: linear-gradient(135deg, #03c4a1, #028b72);\n padding: 0.85rem 2rem;\n border-radius: 2rem;\n font-weight: 600;\n font-size: 0.9rem;\n color: #07172d;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n #savvy-serve-root .cta-btn i {\n display: inline-block;\n }\n \n #savvy-serve-root .cta-btn:hover {\n transform: translateY(-3px);\n gap: 0.8rem;\n box-shadow: 0 10px 25px -8px rgba(3, 196, 161, 0.4);\n }\n \n \/* Reveal Animations *\/\n #savvy-serve-root .reveal-badge {\n opacity: 0;\n transform: translateY(-12px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .reveal-title {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .reveal-divider {\n opacity: 0;\n transform: scaleX(0.8);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .reveal-intro {\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-serve-root .section-header.visible .reveal-badge {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0s;\n }\n \n #savvy-serve-root .section-header.visible .reveal-title {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.08s;\n }\n \n #savvy-serve-root .section-header.visible .reveal-divider {\n opacity: 1;\n transform: scaleX(1);\n transition-delay: 0.16s;\n }\n \n #savvy-serve-root .section-header.visible .reveal-intro {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.24s;\n }\n \n \/* Card Delay Classes *\/\n #savvy-serve-root .card-delay-1 { transition-delay: 0s; }\n #savvy-serve-root .card-delay-2 { transition-delay: 0.1s; }\n #savvy-serve-root .card-delay-3 { transition-delay: 0.2s; }\n \n \/* Reduced Motion *\/\n @media (prefers-reduced-motion: reduce) {\n #savvy-serve-root .client-card,\n #savvy-serve-root .cta-wrapper,\n #savvy-serve-root .card-image,\n #savvy-serve-root .cta-btn,\n #savvy-serve-root .reveal-badge,\n #savvy-serve-root .reveal-title,\n #savvy-serve-root .reveal-divider,\n #savvy-serve-root .reveal-intro {\n transition: none !important;\n }\n #savvy-serve-root .client-card {\n opacity: 1;\n transform: none;\n }\n #savvy-serve-root .cta-wrapper {\n opacity: 1;\n transform: none;\n }\n #savvy-serve-root .bg-orb {\n animation: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"savvy-serve-root\">\n <div class=\"serve-section\">\n \n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n <div class=\"bg-orb orb-3\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\" id=\"serve-header\">\n <div class=\"reveal-badge\">\n <span class=\"badge\">Who We Serve<\/span>\n <\/div>\n <div class=\"reveal-title\">\n <h2 class=\"section-title\">Our Clients & Partners<\/h2>\n <\/div>\n <div class=\"reveal-divider\">\n <div class=\"divider\">\n <span class=\"divider-line\"><\/span>\n <span class=\"divider-dot\"><\/span>\n <span class=\"divider-line right\"><\/span>\n <\/div>\n <\/div>\n <div class=\"reveal-intro\">\n <p class=\"intro-text\">We partner with organizations that value clear communication, professional presence, and meaningful impact in the digital space.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"cards-grid\">\n \n <div class=\"client-card card-delay-1\">\n <div class=\"card-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg\" alt=\"NGOs and Development Organizations\" class=\"card-image\">\n <div class=\"image-overlay\"><\/div>\n <div class=\"card-icon\">\n <i class=\"fas fa-hand-holding-heart\"><\/i>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"client-title\">NGOs & Development<\/h3>\n <p class=\"client-desc\">Strategic communication that amplifies impact and builds trust with donors, beneficiaries, and stakeholders.<\/p>\n <div class=\"services-block\">\n <div class=\"services-header\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>What We Provide<\/span>\n <\/div>\n <ul class=\"services-list\">\n <li><i class=\"fas fa-circle\"><\/i> Donor-friendly communication<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Consistent online visibility<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Impact storytelling<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Campaign communication support<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"client-card card-delay-2\">\n <div class=\"card-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/Small-Medium-Enterprises-SMEs.jpg\" alt=\"Small and Medium Enterprises\" class=\"card-image\">\n <div class=\"image-overlay\"><\/div>\n <div class=\"card-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"client-title\">Small & Medium Enterprises<\/h3>\n <p class=\"client-desc\">Professional digital presence that helps growing businesses compete effectively and build lasting customer relationships.<\/p>\n <div class=\"services-block\">\n <div class=\"services-header\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>What We Provide<\/span>\n <\/div>\n <ul class=\"services-list\">\n <li><i class=\"fas fa-circle\"><\/i> Professional online presence<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Consistent branding<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Reliable digital communication<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Customer engagement strategies<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"client-card card-delay-3\">\n <div class=\"card-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/Professional-Service-Providers.jpg\" alt=\"Professional Service Providers\" class=\"card-image\">\n <div class=\"image-overlay\"><\/div>\n <div class=\"card-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"client-title\">Professional Service Providers<\/h3>\n <p class=\"client-desc\">Establish authority and credibility through strategic digital communication that showcases expertise and builds trust.<\/p>\n <div class=\"services-block\">\n <div class=\"services-header\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>What We Provide<\/span>\n <\/div>\n <ul class=\"services-list\">\n <li><i class=\"fas fa-circle\"><\/i> Build authority online<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Communicate expertise clearly<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Maintain platform credibility<\/li>\n <li><i class=\"fas fa-circle\"><\/i> Thought leadership development<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-wrapper\" id=\"serve-cta\">\n <div class=\"cta-content\">\n <h3 class=\"cta-title\">Ready to Transform Your Digital Presence?<\/h3>\n <p class=\"cta-text\">Discover tailored solutions designed specifically for organizations like yours. We have packages that fit your needs and budget.<\/p>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/service-package\/\" class=\"cta-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n <i class=\"fas fa-box-open\"><\/i> View Service Packages\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function() {\n const root = document.getElementById('savvy-serve-root');\n if (!root) return;\n \n \/\/ Observer for Section Header\n const headerEl = root.querySelector('#serve-header');\n if (headerEl) {\n const headerObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n headerObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\n headerObserver.observe(headerEl);\n }\n \n \/\/ Observer for Cards\n const cards = root.querySelectorAll('.client-card');\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n cardObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\n cards.forEach(card => cardObserver.observe(card));\n \n \/\/ Observer for CTA\n const ctaEl = root.querySelector('#serve-cta');\n if (ctaEl) {\n const ctaObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n ctaObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\n ctaObserver.observe(ctaEl);\n }\n \n \/\/ Subtle Parallax for Orbs\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const orbs = root.querySelectorAll('.bg-orb');\n if (orbs.length) {\n if (orbs[0]) orbs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (orbs[1]) orbs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n if (orbs[2]) orbs[2].style.transform = `translate(${scrolled * 0.01}px, ${scrolled * -0.01}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f95401 e-con-full e-flex e-con e-parent\" data-id=\"3f95401\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d48ab14 elementor-widget elementor-widget-html\" data-id=\"d48ab14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Why Choose Us | Savvyscope Media<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* FULL ISOLATION - No style leakage *\/\n #savvy-why-root {\n all: initial;\n display: block;\n }\n \n #savvy-why-root * {\n all: unset;\n display: revert;\n box-sizing: border-box;\n }\n \n #savvy-why-root {\n display: block;\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n }\n \n #savvy-why-root .why-section {\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f0f9f6 100%);\n padding: 4rem 1.5rem;\n position: relative;\n overflow: hidden;\n }\n \n @media (min-width: 768px) {\n #savvy-why-root .why-section {\n padding: 5rem 2rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-why-root .why-section {\n padding: 6rem 2rem;\n }\n }\n \n \/* Animated Background Orbs *\/\n #savvy-why-root .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(70px);\n opacity: 0.3;\n pointer-events: none;\n }\n \n #savvy-why-root .orb-1 {\n width: 280px;\n height: 280px;\n background: #03c4a1;\n top: -100px;\n left: -80px;\n animation: savvy-why-float1 22s infinite alternate;\n }\n \n #savvy-why-root .orb-2 {\n width: 220px;\n height: 220px;\n background: #2d6a5e;\n bottom: -60px;\n right: -60px;\n animation: savvy-why-float2 26s infinite alternate;\n }\n \n #savvy-why-root .orb-3 {\n width: 160px;\n height: 160px;\n background: #03c4a1;\n top: 40%;\n right: 20%;\n opacity: 0.12;\n animation: savvy-why-float3 19s infinite alternate;\n }\n \n @keyframes savvy-why-float1 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 40px) scale(1.2); }\n }\n \n @keyframes savvy-why-float2 {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-40px, -30px) scale(1.15); }\n }\n \n @keyframes savvy-why-float3 {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(-20px, -20px) rotate(10deg); }\n }\n \n \/* Container *\/\n #savvy-why-root .container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \n \/* Section Header *\/\n #savvy-why-root .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n \n #savvy-why-root .badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #03c4a1;\n background: rgba(3, 196, 161, 0.1);\n padding: 0.35rem 1.2rem;\n border-radius: 40px;\n border: 1px solid rgba(3, 196, 161, 0.2);\n margin-bottom: 1rem;\n }\n \n #savvy-why-root .section-title {\n font-family: 'Merriweather', serif;\n font-size: clamp(1.6rem, 4vw, 2.2rem);\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.75rem;\n line-height: 1.2;\n }\n \n #savvy-why-root .divider {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n margin: 1rem 0 1.25rem;\n }\n \n #savvy-why-root .divider-line {\n width: 45px;\n height: 2px;\n background: linear-gradient(90deg, #03c4a1, transparent);\n border-radius: 2px;\n }\n \n #savvy-why-root .divider-line.right {\n background: linear-gradient(90deg, transparent, #03c4a1);\n }\n \n #savvy-why-root .divider-dot {\n width: 5px;\n height: 5px;\n background: #03c4a1;\n border-radius: 50%;\n }\n \n #savvy-why-root .intro-text {\n max-width: 580px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.65;\n color: #4a5568;\n text-align: center;\n }\n \n \/* Benefits Grid *\/\n #savvy-why-root .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n \n @media (min-width: 640px) {\n #savvy-why-root .benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.75rem;\n }\n }\n \n @media (min-width: 1024px) {\n #savvy-why-root .benefits-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n \n \/* Benefit Card - Number Only, No Icon *\/\n #savvy-why-root .benefit-card {\n background: #ffffff;\n border-radius: 1.25rem;\n padding: 1.75rem;\n position: relative;\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n opacity: 0;\n transform: translateY(35px);\n box-shadow: 0 8px 24px rgba(7, 23, 45, 0.04);\n border: 1px solid rgba(3, 196, 161, 0.08);\n }\n \n #savvy-why-root .benefit-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n #savvy-why-root .benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 35px rgba(7, 23, 45, 0.1);\n border-color: rgba(3, 196, 161, 0.2);\n }\n \n #savvy-why-root .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n \n #savvy-why-root .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n \/* Card Number - Prominent & Elegant *\/\n #savvy-why-root .card-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.12), rgba(3, 196, 161, 0.05));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.25rem;\n transition: all 0.3s ease;\n border: 1px solid rgba(3, 196, 161, 0.2);\n }\n \n #savvy-why-root .benefit-card:hover .card-number {\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.2), rgba(3, 196, 161, 0.1));\n transform: scale(1.05);\n border-color: rgba(3, 196, 161, 0.4);\n }\n \n #savvy-why-root .card-number span {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.3rem;\n background: linear-gradient(135deg, #03c4a1, #028b72);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n \/* Card Title *\/\n #savvy-why-root .card-title {\n font-family: 'Merriweather', serif;\n font-size: 1.2rem;\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.65rem;\n line-height: 1.3;\n }\n \n #savvy-why-root .card-desc {\n font-size: 0.95rem;\n line-height: 1.6;\n color: #4a5568;\n }\n \n \/* Header Reveal Animations *\/\n #savvy-why-root .reveal-badge {\n opacity: 0;\n transform: translateY(-12px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .reveal-title {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .reveal-divider {\n opacity: 0;\n transform: scaleX(0.8);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .reveal-intro {\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n #savvy-why-root .section-header.visible .reveal-badge {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0s;\n }\n \n #savvy-why-root .section-header.visible .reveal-title {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.08s;\n }\n \n #savvy-why-root .section-header.visible .reveal-divider {\n opacity: 1;\n transform: scaleX(1);\n transition-delay: 0.16s;\n }\n \n #savvy-why-root .section-header.visible .reveal-intro {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.24s;\n }\n \n \/* Card Delay Classes *\/\n #savvy-why-root .card-delay-1 { transition-delay: 0s; }\n #savvy-why-root .card-delay-2 { transition-delay: 0.1s; }\n #savvy-why-root .card-delay-3 { transition-delay: 0.2s; }\n #savvy-why-root .card-delay-4 { transition-delay: 0.3s; }\n \n \/* Reduced Motion *\/\n @media (prefers-reduced-motion: reduce) {\n #savvy-why-root .benefit-card,\n #savvy-why-root .reveal-badge,\n #savvy-why-root .reveal-title,\n #savvy-why-root .reveal-divider,\n #savvy-why-root .reveal-intro {\n transition: none !important;\n }\n #savvy-why-root .benefit-card {\n opacity: 1;\n transform: none;\n }\n #savvy-why-root .bg-orb {\n animation: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"savvy-why-root\">\n <div class=\"why-section\">\n \n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n <div class=\"bg-orb orb-3\"><\/div>\n \n <div class=\"container\">\n \n <div class=\"section-header\" id=\"why-header\">\n <div class=\"reveal-badge\">\n <span class=\"badge\">Why Choose Us<\/span>\n <\/div>\n <div class=\"reveal-title\">\n <h2 class=\"section-title\">The Savvyscope Advantage<\/h2>\n <\/div>\n <div class=\"reveal-divider\">\n <div class=\"divider\">\n <span class=\"divider-line\"><\/span>\n <span class=\"divider-dot\"><\/span>\n <span class=\"divider-line right\"><\/span>\n <\/div>\n <\/div>\n <div class=\"reveal-intro\">\n <p class=\"intro-text\">We combine strategic expertise with practical execution to deliver communication solutions that drive real impact for your organization.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"benefits-grid\">\n \n <div class=\"benefit-card card-delay-1\">\n <div class=\"card-number\"><span>01<\/span><\/div>\n <h3 class=\"card-title\">Strategic Communication Expertise<\/h3>\n <p class=\"card-desc\">Deep strategic knowledge combined with practical digital skills to craft messages that resonate across all platforms.<\/p>\n <\/div>\n \n \n <div class=\"benefit-card card-delay-2\">\n <div class=\"card-number\"><span>02<\/span><\/div>\n <h3 class=\"card-title\">NGO & Professional Experience<\/h3>\n <p class=\"card-desc\">Proven track record with NGOs, development organizations, and professional service providers. We understand your unique needs.<\/p>\n <\/div>\n \n \n <div class=\"benefit-card card-delay-3\">\n <div class=\"card-number\"><span>03<\/span><\/div>\n <h3 class=\"card-title\">Integrated Service Delivery<\/h3>\n <p class=\"card-desc\">One partner for all your communication needs. Seamless integration ensures consistency and efficiency.<\/p>\n <\/div>\n \n \n <div class=\"benefit-card card-delay-4\">\n <div class=\"card-number\"><span>04<\/span><\/div>\n <h3 class=\"card-title\">Flexible Engagement Models<\/h3>\n <p class=\"card-desc\">Project-based work, monthly retainers, or customized packages. We adapt to your budget and timeline.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function() {\n const root = document.getElementById('savvy-why-root');\n if (!root) return;\n \n \/\/ Observer for Section Header\n const headerEl = root.querySelector('#why-header');\n if (headerEl) {\n const headerObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n headerObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\n headerObserver.observe(headerEl);\n }\n \n \/\/ Observer for Benefit Cards\n const cards = root.querySelectorAll('.benefit-card');\n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n cardObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\n cards.forEach(card => cardObserver.observe(card));\n \n \/\/ Subtle Parallax for Orbs\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const scrolled = window.scrollY;\n const orbs = root.querySelectorAll('.bg-orb');\n if (orbs.length) {\n if (orbs[0]) orbs[0].style.transform = `translateY(${scrolled * 0.03}px)`;\n if (orbs[1]) orbs[1].style.transform = `translateY(${scrolled * -0.02}px)`;\n if (orbs[2]) orbs[2].style.transform = `translate(${scrolled * 0.01}px, ${scrolled * -0.01}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03d700d e-flex e-con-boxed e-con e-parent\" data-id=\"03d700d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5bd05 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elespare-section-title-elespare-left elementor-widget elementor-widget-post-grid\" data-id=\"4f5bd05\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"columns":"3","columns_tablet":"2","columns_mobile":"1"}\" data-widget_type=\"post-grid.default\">\n\t\t\t\t\t<div class=\"elespare-widget-title-section title-style-1 elespare-left\">\n\t\t\t\t<h2 class=\"elespare-widget-title\">\n\t\t\t\t\t<span class=\"elespare-section-title-before\"><\/span>\n\t\t\t\t\t<span class=\"elespare-section-title\">Latest NGO News<\/span>\n\t\t\t\t\t<span class=\"elespare-section-title-after\"><\/span>\n\t\t\t\t<\/h2>\n\t\t\t<\/div> <div class=\"elespare-grid-wrap grid-layout has-background elespare-has-equal-height\">\n\n <div class=\"elespare-posts-wrap elementor-grid grid-style-1 elespare-image-zoom elespare-light \">\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/27\/kenyas-pbo-sector-at-a-crossroads-growth-foreign-dependence-and-the-future-of-development-financing-2024-2025-analysis\/\" aria-label=\"Kenya\u2019s PBO Sector at a Crossroads: Growth, Foreign Dependence, and the Future of Development Financing (2024\/2025 Analysis)\">\n <img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Kenya\u2019s PBO Sector at a Crossroads: Growth, Foreign Dependence, and the Future of Development Financing (2024\/2025 Analysis)\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/PBO-Sector-Report-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/27\/kenyas-pbo-sector-at-a-crossroads-growth-foreign-dependence-and-the-future-of-development-financing-2024-2025-analysis\/\"> <span>Kenya\u2019s PBO Sector at a Crossroads: Growth, Foreign Dependence, and the Future of Development Financing (2024\/2025 Analysis)<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/savvy-insights\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n Savvyscope Solutions <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n April 27, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/21\/new-era-for-ngos-as-government-rolls-out-pbo-regulations-sets-may-deadline\/\" aria-label=\"New Era for NGOs as Government Rolls Out PBO Regulations, Sets May Deadline\">\n <img decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-scaled.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"New Era for NGOs as Government Rolls Out PBO Regulations, Sets May Deadline\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-scaled.jpg 2560w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-300x200.jpg 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-1024x683.jpg 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-768x512.jpg 768w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-1536x1024.jpg 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/04\/medium-shot-happy-friends-hugging-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/04\/21\/new-era-for-ngos-as-government-rolls-out-pbo-regulations-sets-may-deadline\/\"> <span>New Era for NGOs as Government Rolls Out PBO Regulations, Sets May Deadline<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/savvy-insights\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n Savvyscope Solutions <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n April 21, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/data-driven-decision-making-for-marketers\/\" aria-label=\"Data Driven Decision Making for Marketers\">\n <img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Data Driven Decision Making for Marketers\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Data-Driven-Decision-Making-for-Marketers-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/data-driven-decision-making-for-marketers\/\"> <span>Data Driven Decision Making for Marketers<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 6, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/visual-content-that-converts\/\" aria-label=\"Visual Content That Converts\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Visual Content That Converts\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Visual-Content-That-Converts-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/visual-content-that-converts\/\"> <span>Visual Content That Converts<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 6, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/content-strategy-for-smes-on-a-budget\/\" aria-label=\"Content Strategy for SMEs on a Budget\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Content strategy for SMEs on a budget\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Content-strategy-for-SMEs-on-a-budget-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/06\/content-strategy-for-smes-on-a-budget\/\"> <span>Content Strategy for SMEs on a Budget<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 6, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/building-trust-through-transparent-communication\/\" aria-label=\"Building Trust through Transparent Communication\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication.png\" class=\"attachment-full size-full wp-post-image\" alt=\"building trust through transparent communication\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/building-trust-through-transparent-communication-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/building-trust-through-transparent-communication\/\"> <span>Building Trust through Transparent Communication<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 5, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/the-art-of-impactful-storytelling\/\" aria-label=\"The Art of Impactful Storytelling\">\n <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Impactful Storytelling for Organizations\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1.png 1536w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1-300x200.png 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1-1024x683.png 1024w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/Impactful-Storytelling-for-Organizations-1-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/05\/the-art-of-impactful-storytelling\/\"> <span>The Art of Impactful Storytelling<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 5, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <div class=\"elespare-posts-grid-post-items\">\n\n <div class=\"elespare-img-wrapper\">\n \n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/03\/measuring-impact-analytics-for-ngos\/\" aria-label=\"Measuring Impact: Analytics for NGOs\">\n <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"NGO impact analysis\" srcset=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics.jpg 800w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics-300x200.jpg 300w, https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/02\/NGO-impact-analytics-768x512.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/> <\/a>\n\n \n <\/div>\n <div class=\"elespare-content-wrapper\">\n \n <h3 class=\"elespare-post-title\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/02\/03\/measuring-impact-analytics-for-ngos\/\"> <span>Measuring Impact: Analytics for NGOs<\/span><\/a>\n <\/h3>\n <div class=\"elespare-metadata\">\n <span class=\"post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/author\/aceecafd\/\">\n <i class=\"demo-icon elespare-icons-user-circle-regular\" aria-hidden=\"true\"><\/i>\n aceecafd <\/a>\n <\/span>\n <span class=\"elespare-posts-full-post-author\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/2026\/\">\n <i class=\"demo-icon elespare-icons-clock-regular\" aria-hidden=\"true\"><\/i>\n February 3, 2026\n <\/a>\n <\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d93b085 elementor-widget elementor-widget-spacer\" data-id=\"d93b085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>Savvyscope Media | Strategic Communication & Digital Visibility Strategic Communication & Digital Visibility That Builds Trust We help NGOs, SMEs, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions<\/title>\n<meta name=\"description\" content=\"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopemedia.co.ke\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions\" \/>\n<meta property=\"og:description\" content=\"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopemedia.co.ke\/\" \/>\n<meta property=\"og:site_name\" content=\"Savvyscope Media Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T13:54:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/NGOs-and-Development-Organizations.jpg\",\"datePublished\":\"2026-01-26T14:21:54+00:00\",\"dateModified\":\"2026-04-21T13:54:07+00:00\",\"description\":\"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#primaryimage\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/NGOs-and-Development-Organizations.jpg\",\"contentUrl\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/NGOs-and-Development-Organizations.jpg\",\"width\":800,\"height\":533},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Savvyscope Media Solutions\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions","description":"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savvyscopemedia.co.ke\/","og_locale":"en_US","og_type":"article","og_title":"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions","og_description":"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.","og_url":"https:\/\/savvyscopemedia.co.ke\/","og_site_name":"Savvyscope Media Solutions","article_modified_time":"2026-04-21T13:54:07+00:00","og_image":[{"url":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopemedia.co.ke\/","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Digital Communication & Marketing Agency for NGOs & SMEs - Savvyscope Media Solutions","isPartOf":{"@id":"https:\/\/savvyscopemedia.co.ke\/#website"},"primaryImageOfPage":{"@id":"https:\/\/savvyscopemedia.co.ke\/#primaryimage"},"image":{"@id":"https:\/\/savvyscopemedia.co.ke\/#primaryimage"},"thumbnailUrl":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","datePublished":"2026-01-26T14:21:54+00:00","dateModified":"2026-04-21T13:54:07+00:00","description":"Savvyscope is a digital communication and marketing agency helping NGOs, SMEs, and professionals grow through strategy, design, and data.","breadcrumb":{"@id":"https:\/\/savvyscopemedia.co.ke\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopemedia.co.ke\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvyscopemedia.co.ke\/#primaryimage","url":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","contentUrl":"https:\/\/savvyscopemedia.co.ke\/wp-content\/uploads\/2026\/01\/NGOs-and-Development-Organizations.jpg","width":800,"height":533},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopemedia.co.ke\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopemedia.co.ke\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopemedia.co.ke\/#website","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Savvyscope Media Solutions","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopemedia.co.ke\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}