{"id":5304,"date":"2026-04-08T10:37:00","date_gmt":"2026-04-08T10:37:00","guid":{"rendered":"https:\/\/noteskey.com\/?page_id=5304"},"modified":"2026-04-09T05:16:43","modified_gmt":"2026-04-09T05:16:43","slug":"software-development","status":"publish","type":"page","link":"https:\/\/noteskey.com\/software-development\/","title":{"rendered":"Software Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5304\" class=\"elementor elementor-5304\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83dc3aa e-con-full e-flex e-con e-parent\" data-id=\"83dc3aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3002f1a elementor-widget elementor-widget-shortcode\" data-id=\"3002f1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n    :root {\r\n        --sd-service-primary: #0B70E1;\r\n        --sd-service-primary-rgb: 11, 112, 225;\r\n        --sd-service-primary-light: #3D94F0;\r\n        --sd-service-primary-dark: #0856AD;\r\n        --sd-service-secondary: #0A0A0A;\r\n        --sd-service-dark: #050505;\r\n        --sd-service-dark-card: #111111;\r\n        --sd-service-dark-card-hover: #161616;\r\n        --sd-service-dark-border: #1a1a1a;\r\n        --sd-service-dark-border-hover: #2a2a2a;\r\n        --sd-service-surface: #0d0d0d;\r\n        --sd-service-surface-2: #141414;\r\n        --sd-service-text: #E8E8E8;\r\n        --sd-service-text-secondary: #999999;\r\n        --sd-service-text-muted: #666666;\r\n        --sd-service-glow: rgba(11, 112, 225, 0.15);\r\n        --sd-service-glow-strong: rgba(11, 112, 225, 0.3);\r\n        --sd-service-glass: rgba(255, 255, 255, 0.03);\r\n        --sd-service-glass-border: rgba(255, 255, 255, 0.06);\r\n        --sd-service-glass-hover: rgba(255, 255, 255, 0.06);\r\n        --sd-service-max-width: 1300px;\r\n        --sd-service-radius: 12px;\r\n        --sd-service-radius-lg: 20px;\r\n        --sd-service-radius-xl: 28px;\r\n        --sd-service-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        --sd-service-font-heading: 'Inter', sans-serif;\r\n        --sd-service-font-body: 'Inter', sans-serif;\r\n    }\r\n\r\n    ::selection {\r\n        background: var(--sd-service-text);\r\n        color:#000000;\r\n    }\r\n\r\n    .sd-service-container {\r\n        max-width: var(--sd-service-max-width);\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .sd-service-section {\r\n        padding: 100px 0;\r\n        position: relative;\r\n    }\r\n\r\n    .sd-service-section-label {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: var(--sd-service-primary);\r\n        margin-bottom: 16px;\r\n        font-family: var(--sd-service-font-heading);\r\n    }\r\n\r\n    .sd-service-section-label i {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .sd-service-section-title {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: clamp(28px, 4vw, 44px);\r\n        font-weight: 700;\r\n        line-height: 1.15;\r\n        color: #fff;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sd-service-section-subtitle {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: var(--sd-service-text-secondary);\r\n        max-width: 600px;\r\n    }\r\n\r\n    .sd-service-btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 14px 32px;\r\n        background: var(--sd-service-primary);\r\n        color: #fff;\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        border: none;\r\n        border-radius: var(--sd-service-radius);\r\n        text-decoration: none;\r\n        transition: var(--sd-service-transition);\r\n        position: relative;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .sd-service-btn-primary::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\r\n        transition: left 0.5s;\r\n    }\r\n\r\n    .sd-service-btn-primary:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .sd-service-btn-primary:hover {\r\n        background: var(--sd-service-primary-light);\r\n        color: #fff;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 30px rgba(var(--sd-service-primary-rgb), 0.4);\r\n    }\r\n\r\n    .sd-service-btn-outline {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 14px 32px;\r\n        background: transparent;\r\n        color: var(--sd-service-text);\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        border: 1px solid var(--sd-service-dark-border-hover);\r\n        border-radius: var(--sd-service-radius);\r\n        text-decoration: none;\r\n        transition: var(--sd-service-transition);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .sd-service-btn-outline:hover {\r\n        border-color: var(--sd-service-primary);\r\n        color: var(--sd-service-primary);\r\n        background: rgba(var(--sd-service-primary-rgb), 0.05);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .sd-service-divider {\r\n        width: 100%;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, var(--sd-service-dark-border-hover), transparent);\r\n    }\r\n\r\n\r\n    \/* ========== 1. HERO SECTION ========== *\/\r\n    .sd-service-hero {\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 120px 0 80px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: #0B70E1;\r\n        color: #fff;\r\n    }\r\n\r\n    .sd-service-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -30%;\r\n        right: -20%;\r\n        width: 800px;\r\n        height: 800px;\r\n        background: radial-gradient(circle, rgba(var(--sd-service-primary-rgb), 0.08) 0%, transparent 70%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sd-service-hero::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -20%;\r\n        left: -15%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(var(--sd-service-primary-rgb), 0.04) 0%, transparent 70%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sd-service-hero-grid-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image:\r\n            linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);\r\n        background-size: 80px 80px;\r\n        pointer-events: none;\r\n        mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 30%, transparent 100%);\r\n        -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 30%, transparent 100%);\r\n    }\r\n\r\n    .sd-service-hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 8px 18px;\r\n        background: var(--sd-service-glass);\r\n        border: 1px solid var(--sd-service-glass-border);\r\n        border-radius: 50px;\r\n        font-size: 13px;\r\n        color: #fff;\r\n        margin-bottom: 28px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .sd-service-hero-badge .sd-service-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #22c55e;\r\n        border-radius: 50%;\r\n        animation: sd-service-pulse-dot 2s infinite;\r\n    }\r\n\r\n    @keyframes sd-service-pulse-dot {\r\n        0%, 100% { opacity: 1; transform: scale(1); }\r\n        50% { opacity: 0.5; transform: scale(0.8); }\r\n    }\r\n\r\n    .sd-service-hero-title {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: clamp(36px, 5.5vw, 64px);\r\n        font-weight: 800;\r\n        line-height: 1.08;\r\n        color: #fff;\r\n        margin-bottom: 24px;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .sd-service-hero-title .sd-service-highlight {\r\n        background: none;\r\n        -webkit-background-clip: initial;\r\n        -webkit-text-fill-color: #fff;\r\n        background-clip: initial;\r\n        color: #fff;\r\n    }\r\n\r\n    .sd-service-hero-desc {\r\n        font-size: 17px;\r\n        line-height: 1.75;\r\n        color: #fff;\r\n        max-width: 520px;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .sd-service-hero-btns {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 14px;\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n    .sd-service-hero-stats {\r\n        display: flex;\r\n        gap: 40px;\r\n    }\r\n\r\n    .sd-service-hero-stat-item h3 {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .sd-service-hero-stat-item h3 span {\r\n        color: var(--sd-service-primary);\r\n    }\r\n\r\n    .sd-service-hero-stat-item p {\r\n        font-size: 13px;\r\n        color: #fff;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Hero Right - Mockup *\/\r\n    .sd-service-hero-visual {\r\n        position: relative;\r\n        height: 520px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        perspective: 1200px;\r\n    }\r\n\r\n    .sd-service-hero-mockup {\r\n        width: 100%;\r\n        max-width: 540px;\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius-lg);\r\n        overflow: hidden;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.5), 0 0 60px rgba(var(--sd-service-primary-rgb), 0.06);\r\n        transform-style: preserve-3d;\r\n        animation: sd-service-tilt-float 8s ease-in-out infinite;\r\n    }\r\n\r\n    .sd-service-hero-mockup-bar {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 14px 18px;\r\n        background: var(--sd-service-surface);\r\n        border-bottom: 1px solid var(--sd-service-dark-border);\r\n    }\r\n\r\n    .sd-service-hero-mockup-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .sd-service-hero-mockup-dot:nth-child(1) { background: #ff5f57; }\r\n    .sd-service-hero-mockup-dot:nth-child(2) { background: #febc2e; }\r\n    .sd-service-hero-mockup-dot:nth-child(3) { background: #28c840; }\r\n\r\n    .sd-service-hero-mockup-url {\r\n        margin-left: 12px;\r\n        padding: 4px 14px;\r\n        background: var(--sd-service-dark-border);\r\n        border-radius: 6px;\r\n        font-size: 11px;\r\n        color: var(--sd-service-text-muted);\r\n        flex: 1;\r\n        max-width: 200px;\r\n    }\r\n\r\n    .sd-service-hero-mockup-content {\r\n        padding: 24px;\r\n        min-height: 350px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: radial-gradient(circle at 75% 20%, rgba(var(--sd-service-primary-rgb), 0.12) 0%, transparent 45%);\r\n    }\r\n\r\n    .sd-service-hero-orbit {\r\n        position: absolute;\r\n        inset: -30px;\r\n        border: 1px solid rgba(var(--sd-service-primary-rgb), 0.18);\r\n        border-radius: 24px;\r\n        transform: rotateX(64deg) rotateZ(20deg);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n        animation: sd-service-orbit-spin 12s linear infinite;\r\n    }\r\n\r\n    .sd-service-hero-orbit::before,\r\n    .sd-service-hero-orbit::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 14px;\r\n        height: 14px;\r\n        border-radius: 50%;\r\n        background: radial-gradient(circle, #fff 0%, var(--sd-service-primary-light) 45%, rgba(var(--sd-service-primary-rgb), 0) 100%);\r\n        box-shadow: 0 0 20px rgba(var(--sd-service-primary-rgb), 0.6);\r\n    }\r\n\r\n    .sd-service-hero-orbit::before {\r\n        top: 12%;\r\n        left: 14%;\r\n    }\r\n\r\n    .sd-service-hero-orbit::after {\r\n        right: 16%;\r\n        bottom: 10%;\r\n    }\r\n\r\n    .sd-service-mockup-nav {\r\n        display: flex;\r\n        gap: 20px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sd-service-mockup-nav-item {\r\n        height: 8px;\r\n        border-radius: 4px;\r\n        background: var(--sd-service-dark-border-hover);\r\n    }\r\n\r\n    .sd-service-mockup-nav-item.active {\r\n        width: 60px;\r\n        background: var(--sd-service-primary);\r\n    }\r\n\r\n    .sd-service-mockup-nav-item:nth-child(1) { width: 60px; }\r\n    .sd-service-mockup-nav-item:nth-child(2) { width: 45px; }\r\n    .sd-service-mockup-nav-item:nth-child(3) { width: 50px; }\r\n    .sd-service-mockup-nav-item:nth-child(4) { width: 40px; }\r\n\r\n    .sd-service-mockup-hero-block {\r\n        height: 80px;\r\n        border-radius: var(--sd-service-radius);\r\n        background: linear-gradient(135deg, rgba(var(--sd-service-primary-rgb), 0.15), rgba(var(--sd-service-primary-rgb), 0.05));\r\n        border: 1px solid rgba(var(--sd-service-primary-rgb), 0.1);\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .sd-service-mockup-hero-block span {\r\n        font-size: 13px;\r\n        color: var(--sd-service-primary-light);\r\n        font-weight: 600;\r\n        font-family: var(--sd-service-font-heading);\r\n    }\r\n\r\n    .sd-service-saas-metrics {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 10px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .sd-service-saas-metric {\r\n        padding: 12px;\r\n        border-radius: 10px;\r\n        background: rgba(255,255,255,0.02);\r\n        border: 1px solid rgba(255,255,255,0.06);\r\n        animation: sd-service-card-lift 6s ease-in-out infinite;\r\n    }\r\n\r\n    .sd-service-saas-metric:nth-child(2) {\r\n        animation-delay: -2s;\r\n    }\r\n\r\n    .sd-service-saas-metric:nth-child(3) {\r\n        animation-delay: -1s;\r\n    }\r\n\r\n    .sd-service-saas-metric:nth-child(4) {\r\n        animation-delay: -3s;\r\n    }\r\n\r\n    .sd-service-saas-metric .sd-service-metric-k {\r\n        font-size: 15px;\r\n        color: #fff;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .sd-service-saas-metric .sd-service-metric-label {\r\n        font-size: 11px;\r\n        color: var(--sd-service-text-secondary);\r\n    }\r\n\r\n    .sd-service-mockup-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr;\r\n        gap: 12px;\r\n    }\r\n\r\n    .sd-service-mockup-grid-item {\r\n        height: 100px;\r\n        border-radius: 10px;\r\n        background: var(--sd-service-dark-border);\r\n        border: 1px solid rgba(255,255,255,0.03);\r\n    }\r\n\r\n    .sd-service-mockup-grid-item:nth-child(2) {\r\n        transform: translateY(-8px);\r\n        border-color: rgba(var(--sd-service-primary-rgb), 0.15);\r\n        background: rgba(var(--sd-service-primary-rgb), 0.05);\r\n    }\r\n\r\n    .sd-service-saas-code {\r\n        margin-top: 14px;\r\n        border-radius: 10px;\r\n        border: 1px solid rgba(255,255,255,0.06);\r\n        background: rgba(0,0,0,0.22);\r\n        padding: 12px;\r\n    }\r\n\r\n    .sd-service-saas-code-line {\r\n        height: 7px;\r\n        border-radius: 999px;\r\n        background: linear-gradient(90deg, rgba(var(--sd-service-primary-rgb), 0.35), rgba(255,255,255,0.04));\r\n        margin-bottom: 8px;\r\n        animation: sd-service-code-pulse 2.6s ease-in-out infinite;\r\n        transform-origin: left center;\r\n    }\r\n\r\n    .sd-service-saas-code-line:nth-child(2) {\r\n        width: 78%;\r\n        animation-delay: -0.8s;\r\n    }\r\n\r\n    .sd-service-saas-code-line:nth-child(3) {\r\n        width: 56%;\r\n        animation-delay: -1.6s;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Floating Cards *\/\r\n    .sd-service-float-card {\r\n        position: absolute;\r\n        background: rgba(17, 17, 17, 0.85);\r\n        backdrop-filter: blur(20px);\r\n        border: 1px solid var(--sd-service-glass-border);\r\n        border-radius: var(--sd-service-radius);\r\n        padding: 14px 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        z-index: 3;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.4);\r\n        animation: sd-service-float 6s ease-in-out infinite;\r\n    }\r\n\r\n    .sd-service-float-card .sd-service-float-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 8px;\r\n        background: rgba(var(--sd-service-primary-rgb), 0.1);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--sd-service-primary);\r\n        font-size: 18px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sd-service-float-card .sd-service-float-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        font-family: var(--sd-service-font-heading);\r\n    }\r\n\r\n    .sd-service-float-card .sd-service-float-sub {\r\n        font-size: 11px;\r\n        color: var(--sd-service-text-muted);\r\n    }\r\n\r\n    .sd-service-float-card:nth-child(2) {\r\n        top: 20px;\r\n        right: -30px;\r\n        animation-delay: -1s;\r\n    }\r\n\r\n    .sd-service-float-card:nth-child(3) {\r\n        bottom: 80px;\r\n        left: -40px;\r\n        animation-delay: -3s;\r\n    }\r\n\r\n    .sd-service-float-card:nth-child(4) {\r\n        bottom: 20px;\r\n        right: -20px;\r\n        animation-delay: -5s;\r\n    }\r\n\r\n    @keyframes sd-service-float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-12px); }\r\n    }\r\n\r\n    @keyframes sd-service-tilt-float {\r\n        0%, 100% { transform: rotateX(0deg) rotateY(-4deg) translateY(0); }\r\n        50% { transform: rotateX(2deg) rotateY(4deg) translateY(-8px); }\r\n    }\r\n\r\n    @keyframes sd-service-orbit-spin {\r\n        from { transform: rotateX(64deg) rotateZ(0deg); }\r\n        to { transform: rotateX(64deg) rotateZ(360deg); }\r\n    }\r\n\r\n    @keyframes sd-service-card-lift {\r\n        0%, 100% { transform: translateY(0); border-color: rgba(255,255,255,0.06); }\r\n        50% { transform: translateY(-5px); border-color: rgba(var(--sd-service-primary-rgb), 0.24); }\r\n    }\r\n\r\n    @keyframes sd-service-code-pulse {\r\n        0%, 100% { opacity: 0.85; transform: scaleX(0.96); }\r\n        50% { opacity: 1; transform: scaleX(1); }\r\n    }\r\n\r\n\r\n    \/* ========== 2. TRUSTED BY ========== *\/\r\n    .sd-service-trusted {\r\n        padding: 40px 0;\r\n        border-top: 1px solid rgba(15, 23, 42, 0.06);\r\n        border-bottom: 1px solid rgba(15, 23, 42, 0.06);\r\n        background: #f9fafb;\r\n    }\r\n\r\n    .sd-service-trusted-text {\r\n        text-align: center;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #6b7280;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .sd-service-trusted-logos {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 36px;\r\n    }\r\n\r\n    .sd-service-trusted-logo {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        opacity: 0.7;\r\n        padding: 8px 14px;\r\n        border-radius: 999px;\r\n        background: transparent;\r\n        transition: var(--sd-service-transition);\r\n        cursor: default;\r\n    }\r\n\r\n    .sd-service-trusted-logo:hover {\r\n        opacity: 1;\r\n        background: #ffffff;\r\n    }\r\n\r\n    .sd-service-trusted-logo i {\r\n        font-size: 24px;\r\n        color: #0B70E1;\r\n    }\r\n\r\n    .sd-service-trusted-logo span {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #111827;\r\n    }\r\n\r\n    \/* Brand-style colors for trusted logos *\/\r\n    .sd-service-trusted-logo { opacity: 1; }\r\n    .sd-service-trusted-logo:nth-child(1) i,\r\n    .sd-service-trusted-logo:nth-child(1) span { color: #4285F4; } \/* Google *\/\r\n    .sd-service-trusted-logo:nth-child(2) i,\r\n    .sd-service-trusted-logo:nth-child(2) span { color: #00A4EF; } \/* Microsoft *\/\r\n    .sd-service-trusted-logo:nth-child(3) i,\r\n    .sd-service-trusted-logo:nth-child(3) span { color: #4A154B; } \/* Slack *\/\r\n    .sd-service-trusted-logo:nth-child(4) i,\r\n    .sd-service-trusted-logo:nth-child(4) span { color: #95BF47; } \/* Shopify *\/\r\n    .sd-service-trusted-logo:nth-child(5) i,\r\n    .sd-service-trusted-logo:nth-child(5) span { color: #635BFF; } \/* Stripe *\/\r\n    .sd-service-trusted-logo:nth-child(6) i,\r\n    .sd-service-trusted-logo:nth-child(6) span { color: #0B70E1; } \/* Nexon *\/\r\n    .sd-service-trusted-logo:nth-child(7) i,\r\n    .sd-service-trusted-logo:nth-child(7) span { color: #F24E1E; } \/* Figma *\/\r\n\r\n\r\n    \/* ========== 3. ABOUT SERVICE ========== *\/\r\n    .sd-service-about {\r\n        background: var(--sd-service-secondary);\r\n    }\r\n\r\n    .sd-service-about-image {\r\n        position: relative;\r\n        border-radius: var(--sd-service-radius-xl);\r\n        overflow: hidden;\r\n        height: 480px;\r\n    }\r\n\r\n    .sd-service-about-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: brightness(0.7);\r\n    }\r\n\r\n    .sd-service-about-image-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, rgba(var(--sd-service-primary-rgb), 0.2), transparent);\r\n    }\r\n\r\n    .sd-service-about-image-badge {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        background: rgba(0,0,0,0.7);\r\n        backdrop-filter: blur(16px);\r\n        border: 1px solid var(--sd-service-glass-border);\r\n        border-radius: var(--sd-service-radius);\r\n        padding: 16px 22px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .sd-service-about-image-badge .sd-service-badge-num {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: var(--sd-service-primary);\r\n        line-height: 1;\r\n    }\r\n\r\n    .sd-service-about-image-badge .sd-service-badge-text {\r\n        font-size: 12px;\r\n        color: var(--sd-service-text-secondary);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .sd-service-about-content {\r\n        padding-left: 40px;\r\n    }\r\n\r\n    .sd-service-about-desc {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        color: var(--sd-service-text-secondary);\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .sd-service-about-features {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 14px;\r\n        margin-top: 32px;\r\n    }\r\n\r\n    .sd-service-about-feature {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        \/* color: var(--sd-service-text); *\/\r\n    }\r\n\r\n    .sd-service-about-feature i {\r\n        color: var(--sd-service-primary);\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    \/* ========== 4. SERVICES GRID ========== *\/\r\n    .sd-service-services {\r\n        background: var(--sd-service-surface);\r\n    }\r\n\r\n    .sd-service-services-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .sd-service-services-header .sd-service-section-subtitle {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sd-service-services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .sd-service-card {\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius-lg);\r\n        padding: 32px 26px;\r\n        transition: var(--sd-service-transition);\r\n        position: relative;\r\n        overflow: hidden;\r\n        cursor: default;\r\n    }\r\n\r\n    .sd-service-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, var(--sd-service-primary), transparent);\r\n        opacity: 0;\r\n        transition: opacity 0.4s;\r\n    }\r\n\r\n    .sd-service-card:hover {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n        background: var(--sd-service-dark-card-hover);\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 40px rgba(var(--sd-service-primary-rgb), 0.05);\r\n    }\r\n\r\n    .sd-service-card:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .sd-service-card-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n        background: rgba(var(--sd-service-primary-rgb), 0.08);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 22px;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-card:hover .sd-service-card-icon {\r\n        background: rgba(var(--sd-service-primary-rgb), 0.15);\r\n        box-shadow: 0 0 20px rgba(var(--sd-service-primary-rgb), 0.1);\r\n    }\r\n\r\n    .sd-service-card-icon i {\r\n        font-size: 24px;\r\n        color: var(--sd-service-primary);\r\n    }\r\n\r\n    .sd-service-card h4 {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 17px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .sd-service-card p {\r\n        font-size: 13.5px;\r\n        line-height: 1.65;\r\n        color: var(--sd-service-text-muted);\r\n        margin: 0;\r\n    }\r\n\r\n    .sd-service-card-arrow {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin-top: 18px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: var(--sd-service-primary);\r\n        opacity: 0;\r\n        transform: translateX(-8px);\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-card:hover .sd-service-card-arrow {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n\r\n    \/* ========== 5. WHY CHOOSE US ========== *\/\r\n    .sd-service-why {\r\n        background: var(--sd-service-secondary);\r\n        position: relative;\r\n    }\r\n\r\n    .sd-service-why::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: -200px;\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(var(--sd-service-primary-rgb), 0.04) 0%, transparent 70%);\r\n        pointer-events: none;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .sd-service-why-content p {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        color: var(--sd-service-text-secondary);\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sd-service-why-features {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .sd-service-why-feature {\r\n        display: flex;\r\n        gap: 14px;\r\n        padding: 20px;\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius);\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-why-feature:hover {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n        background: var(--sd-service-dark-card-hover);\r\n    }\r\n\r\n    .sd-service-why-feature-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 10px;\r\n        background: rgba(var(--sd-service-primary-rgb), 0.08);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sd-service-why-feature-icon i {\r\n        font-size: 20px;\r\n        color: var(--sd-service-primary);\r\n    }\r\n\r\n    .sd-service-why-feature h5 {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .sd-service-why-feature p {\r\n        font-size: 12.5px;\r\n        line-height: 1.5;\r\n        color: var(--sd-service-text-muted);\r\n        margin: 0;\r\n    }\r\n\r\n\r\n    \/* ========== 6. PROCESS ========== *\/\r\n    .sd-service-process {\r\n        background: var(--sd-service-surface);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sd-service-process-header {\r\n        text-align: center;\r\n        margin-bottom: 70px;\r\n    }\r\n\r\n    .sd-service-process-header .sd-service-section-subtitle {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sd-service-process-timeline {\r\n        display: grid;\r\n        grid-template-columns: repeat(6, 1fr);\r\n        gap: 0;\r\n        position: relative;\r\n    }\r\n\r\n    .sd-service-process-timeline::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 36px;\r\n        left: 8.33%;\r\n        right: 8.33%;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, var(--sd-service-dark-border-hover), var(--sd-service-primary), var(--sd-service-dark-border-hover));\r\n    }\r\n\r\n    .sd-service-process-step {\r\n        text-align: center;\r\n        position: relative;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .sd-service-process-num {\r\n        width: 64px;\r\n        height: 64px;\r\n        border-radius: 20px;\r\n        background: linear-gradient(135deg, rgba(11, 112, 225, 1) 0%, rgba(10, 10, 10, 1) 100%);\r\n        border: none;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 24px;\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-process-step:hover .sd-service-process-num {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 18px 40px rgba(var(--sd-service-primary-rgb), 0.35);\r\n    }\r\n\r\n    .sd-service-process-num i {\r\n        font-size: 26px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .sd-service-process-step h4 {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .sd-service-process-step p {\r\n        font-size: 12.5px;\r\n        line-height: 1.6;\r\n        color: var(--sd-service-text-muted);\r\n    }\r\n\r\n\r\n    \/* ========== 7. TECH STACK ========== *\/\r\n    .sd-service-tech {\r\n        background: var(--sd-service-secondary);\r\n    }\r\n\r\n    .sd-service-tech-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .sd-service-tech-header .sd-service-section-subtitle {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sd-service-tech-category {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .sd-service-tech-category-label {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: var(--sd-service-text-muted);\r\n        margin-bottom: 18px;\r\n        padding-left: 4px;\r\n    }\r\n\r\n    .sd-service-tech-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(6, 1fr);\r\n        gap: 14px;\r\n    }\r\n\r\n    .sd-service-tech-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 22px 12px;\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius);\r\n        transition: var(--sd-service-transition);\r\n        cursor: default;\r\n    }\r\n\r\n    .sd-service-tech-item:hover {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n        background: var(--sd-service-dark-card-hover);\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .sd-service-tech-item i {\r\n        font-size: 30px;\r\n        color: var(--sd-service-primary);\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-tech-item:hover i {\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .sd-service-tech-item span {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: var(--sd-service-text-secondary);\r\n        font-family: var(--sd-service-font-heading);\r\n    }\r\n\r\n\r\n    \/* ========== 8. PORTFOLIO ========== *\/\r\n    .sd-service-portfolio {\r\n        background: var(--sd-service-surface);\r\n    }\r\n\r\n    .sd-service-portfolio-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .sd-service-portfolio-header .sd-service-section-subtitle {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sd-service-portfolio-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n    }\r\n\r\n    .sd-service-portfolio-card {\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius-lg);\r\n        overflow: hidden;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-portfolio-card:hover {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .sd-service-portfolio-thumb {\r\n        height: 220px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sd-service-portfolio-thumb img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s;\r\n    }\r\n\r\n    .sd-service-portfolio-card:hover .sd-service-portfolio-thumb img {\r\n        transform: scale(1.06);\r\n    }\r\n\r\n    .sd-service-portfolio-tag {\r\n        position: absolute;\r\n        top: 16px;\r\n        left: 16px;\r\n        padding: 5px 14px;\r\n        background: rgba(0,0,0,0.6);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255,255,255,0.08);\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: var(--sd-service-primary-light);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .sd-service-portfolio-info {\r\n        padding: 24px;\r\n    }\r\n\r\n    .sd-service-portfolio-info h4 {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .sd-service-portfolio-info p {\r\n        font-size: 13.5px;\r\n        line-height: 1.6;\r\n        color: var(--sd-service-text-muted);\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .sd-service-portfolio-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: var(--sd-service-primary);\r\n        text-decoration: none;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-portfolio-link:hover {\r\n        gap: 10px;\r\n        color: var(--sd-service-primary-light);\r\n    }\r\n\r\n\r\n    \/* ========== 9. STATS ========== *\/\r\n    .sd-service-stats {\r\n        padding: 80px 0;\r\n        background: transparent;\r\n        position: relative;\r\n        overflow: visible;\r\n    }\r\n\r\n    .sd-service-stats::before {\r\n        content: none;\r\n    }\r\n\r\n    .sd-service-stats-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 24px;\r\n    }\r\n\r\n    .sd-service-stat-card {\r\n        text-align: center;\r\n        position: relative;\r\n        padding: 26px 20px;\r\n        border-radius: 18px;\r\n        background: #ffffff;\r\n        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);\r\n        border: 1px solid rgba(15, 23, 42, 0.06);\r\n        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n    }\r\n\r\n    .sd-service-stat-card::after {\r\n        content: none;\r\n    }\r\n\r\n    .sd-service-stat-card:last-child::after {\r\n        display: none;\r\n    }\r\n\r\n    .sd-service-stat-number {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 40px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1;\r\n        margin-bottom: 4px;\r\n        letter-spacing: -0.03em;\r\n    }\r\n\r\n    .sd-service-stat-number span {\r\n        color: var(--sd-service-primary);\r\n    }\r\n\r\n    .sd-service-stat-label {\r\n        font-size: 14px;\r\n        color: #6b7280;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .sd-service-stat-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);\r\n        border-color: rgba(11, 112, 225, 0.35);\r\n    }\r\n\r\n\r\n    \/* ========== 10. PRICING ========== *\/\r\n    .sd-service-pricing {\r\n        background: var(--sd-service-secondary);\r\n    }\r\n\r\n    .sd-service-pricing-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .sd-service-pricing-header .sd-service-section-subtitle {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sd-service-pricing-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        align-items: start;\r\n    }\r\n\r\n    .sd-service-pricing-card {\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius-xl);\r\n        padding: 40px 32px;\r\n        transition: var(--sd-service-transition);\r\n        position: relative;\r\n    }\r\n\r\n    .sd-service-pricing-card:hover {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .sd-service-pricing-card.featured {\r\n        border-color: var(--sd-service-primary);\r\n        background: linear-gradient(180deg, rgba(var(--sd-service-primary-rgb), 0.06), var(--sd-service-dark-card));\r\n        box-shadow: 0 20px 60px rgba(var(--sd-service-primary-rgb), 0.1);\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    .sd-service-pricing-card.featured:hover {\r\n        transform: scale(1.03) translateY(-4px);\r\n    }\r\n\r\n    .sd-service-pricing-popular {\r\n        position: absolute;\r\n        top: -13px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        padding: 5px 20px;\r\n        background: var(--sd-service-primary);\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-family: var(--sd-service-font-heading);\r\n    }\r\n\r\n    .sd-service-pricing-name {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .sd-service-pricing-desc {\r\n        font-size: 13px;\r\n        color: var(--sd-service-text-muted);\r\n        margin-bottom: 24px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .sd-service-pricing-price {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 4px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sd-service-pricing-price .sd-service-currency {\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n        color: var(--sd-service-text-secondary);\r\n    }\r\n\r\n    .sd-service-pricing-price .sd-service-amount {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 44px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        line-height: 1;\r\n    }\r\n\r\n    .sd-service-pricing-price .sd-service-period {\r\n        font-size: 14px;\r\n        color: var(--sd-service-text-muted);\r\n    }\r\n\r\n    .sd-service-pricing-features {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 32px;\r\n    }\r\n\r\n    .sd-service-pricing-features li {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 9px 0;\r\n        font-size: 13.5px;\r\n        color: var(--sd-service-text-secondary);\r\n        border-bottom: 1px solid rgba(255,255,255,0.03);\r\n    }\r\n\r\n    .sd-service-pricing-features li:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .sd-service-pricing-features li i {\r\n        color: var(--sd-service-primary);\r\n        font-size: 16px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sd-service-pricing-features li.disabled {\r\n        color: var(--sd-service-text-muted);\r\n    }\r\n\r\n    .sd-service-pricing-features li.disabled i {\r\n        color: var(--sd-service-text-muted);\r\n    }\r\n\r\n    .sd-service-pricing-card .sd-service-btn-primary,\r\n    .sd-service-pricing-card .sd-service-btn-outline {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    \/* ========== 11. TESTIMONIALS ========== *\/\r\n    .sd-service-testimonials {\r\n        background: var(--sd-service-surface);\r\n    }\r\n\r\n    .sd-service-testimonials-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .sd-service-testimonials-header .sd-service-section-subtitle {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sd-service-testimonials-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n    }\r\n\r\n    .sd-service-testimonial-card {\r\n        background: rgba(17, 17, 17, 0.7);\r\n        backdrop-filter: blur(16px);\r\n        border: 1px solid var(--sd-service-glass-border);\r\n        border-radius: var(--sd-service-radius-lg);\r\n        padding: 32px;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-testimonial-card:hover {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n        background: rgba(22, 22, 22, 0.8);\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .sd-service-testimonial-stars {\r\n        display: flex;\r\n        gap: 3px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .sd-service-testimonial-stars i {\r\n        color: #f59e0b;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .sd-service-testimonial-text {\r\n        font-size: 14.5px;\r\n        line-height: 1.75;\r\n        color: var(--sd-service-text-secondary);\r\n        margin-bottom: 24px;\r\n        font-style: italic;\r\n    }\r\n\r\n    .sd-service-testimonial-author {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n    }\r\n\r\n    .sd-service-testimonial-avatar {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 50% !important;\r\n        display: block;\r\n        object-fit: cover;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sd-service-testimonial-name {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n    }\r\n\r\n    .sd-service-testimonial-role {\r\n        font-size: 12px;\r\n        color: var(--sd-service-text-muted);\r\n    }\r\n\r\n\r\n    \/* ========== 12. FAQ ========== *\/\r\n    .sd-service-faq {\r\n        background: var(--sd-service-secondary);\r\n    }\r\n\r\n    .sd-service-faq-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.5fr;\r\n        gap: 60px;\r\n        align-items: start;\r\n    }\r\n\r\n    .sd-service-faq-left {\r\n        position: sticky;\r\n        top: 100px;\r\n    }\r\n\r\n    .sd-service-faq-left p {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        color: var(--sd-service-text-secondary);\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .sd-service-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .sd-service-accordion-item {\r\n        background: var(--sd-service-dark-card);\r\n        border: 1px solid var(--sd-service-dark-border);\r\n        border-radius: var(--sd-service-radius);\r\n        overflow: hidden;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-accordion-item.active {\r\n        border-color: var(--sd-service-dark-border-hover);\r\n    }\r\n\r\n    .sd-service-accordion-btn {\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 20px 24px;\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        text-align: left;\r\n        transition: var(--sd-service-transition);\r\n    }\r\n\r\n    .sd-service-accordion-btn span {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n    }\r\n\r\n    .sd-service-accordion-btn i {\r\n        font-size: 20px;\r\n        color: var(--sd-service-text-muted);\r\n        transition: transform 0.3s;\r\n        flex-shrink: 0;\r\n        margin-left: 16px;\r\n    }\r\n\r\n    .sd-service-accordion-item.active .sd-service-accordion-btn i {\r\n        transform: rotate(45deg);\r\n        color: var(--sd-service-primary);\r\n    }\r\n\r\n    .sd-service-accordion-content {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease;\r\n    }\r\n\r\n    .sd-service-accordion-content-inner {\r\n        padding: 0 24px 20px;\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n        color: var(--sd-service-text-secondary);\r\n    }\r\n\r\n\r\n    \/* ========== 13. FINAL CTA ========== *\/\r\n    .sd-service-cta {\r\n        padding: 120px 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: var(--sd-service-dark);\r\n    }\r\n\r\n    .sd-service-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 900px;\r\n        height: 600px;\r\n        background: radial-gradient(ellipse, rgba(var(--sd-service-primary-rgb), 0.1) 0%, transparent 70%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sd-service-cta-grid-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image:\r\n            linear-gradient(rgba(255,255,255,0.01) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255,255,255,0.01) 1px, transparent 1px);\r\n        background-size: 60px 60px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sd-service-cta-content {\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .sd-service-cta-title {\r\n        font-family: var(--sd-service-font-heading);\r\n        font-size: clamp(32px, 5vw, 52px);\r\n        font-weight: 800;\r\n        color: #fff;\r\n        line-height: 1.1;\r\n        margin-bottom: 20px;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .sd-service-cta-title .sd-service-highlight {\r\n        background: linear-gradient(135deg, var(--sd-service-primary), var(--sd-service-primary-light));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .sd-service-cta-desc {\r\n        font-size: 17px;\r\n        line-height: 1.75;\r\n        color: var(--sd-service-text-secondary);\r\n        max-width: 560px;\r\n        margin: 0 auto 36px;\r\n    }\r\n\r\n    .sd-service-cta-btns {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 14px;\r\n    }\r\n\r\n    \/* Floating shapes in CTA *\/\r\n    .sd-service-cta-shape {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        border: 1px solid rgba(var(--sd-service-primary-rgb), 0.1);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sd-service-cta-shape:nth-child(1) {\r\n        width: 200px;\r\n        height: 200px;\r\n        top: 10%;\r\n        left: 5%;\r\n        animation: sd-service-float 8s ease-in-out infinite;\r\n    }\r\n\r\n    .sd-service-cta-shape:nth-child(2) {\r\n        width: 120px;\r\n        height: 120px;\r\n        bottom: 15%;\r\n        right: 10%;\r\n        animation: sd-service-float 6s ease-in-out infinite reverse;\r\n    }\r\n\r\n    .sd-service-cta-shape:nth-child(3) {\r\n        width: 80px;\r\n        height: 80px;\r\n        top: 30%;\r\n        right: 20%;\r\n        background: rgba(var(--sd-service-primary-rgb), 0.03);\r\n        animation: sd-service-float 7s ease-in-out infinite;\r\n        animation-delay: -2s;\r\n    }\r\n\r\n\r\n    \/* ========== RESPONSIVE ========== *\/\r\n    @media (max-width: 1200px) {\r\n        .sd-service-services-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .sd-service-process-timeline {\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px 0;\r\n        }\r\n\r\n        .sd-service-process-timeline::before {\r\n            display: none;\r\n        }\r\n\r\n        .sd-service-tech-grid {\r\n            grid-template-columns: repeat(5, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n        .sd-service-section {\r\n            padding: 70px 0;\r\n        }\r\n\r\n        .sd-service-hero {\r\n            min-height: auto;\r\n            padding: 100px 0 60px;\r\n        }\r\n\r\n        .sd-service-hero-visual {\r\n            height: 400px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .sd-service-about-content {\r\n            padding-left: 0;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .sd-service-about-image {\r\n            height: 360px;\r\n        }\r\n\r\n        .sd-service-services-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .sd-service-why-features {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .sd-service-process-timeline {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px 0;\r\n        }\r\n\r\n        .sd-service-tech-grid {\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n\r\n        .sd-service-portfolio-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .sd-service-portfolio-grid .sd-service-portfolio-card:last-child {\r\n            display: none;\r\n        }\r\n\r\n        .sd-service-stats-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 40px;\r\n        }\r\n\r\n        .sd-service-stat-card:nth-child(2)::after {\r\n            display: none;\r\n        }\r\n\r\n        .sd-service-pricing-grid {\r\n            grid-template-columns: 1fr;\r\n            max-width: 440px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .sd-service-pricing-card.featured {\r\n            transform: none;\r\n        }\r\n\r\n        .sd-service-pricing-card.featured:hover {\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        .sd-service-testimonials-grid {\r\n            grid-template-columns: 1fr;\r\n            max-width: 520px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .sd-service-faq-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n\r\n        .sd-service-faq-left {\r\n            position: static;\r\n        }\r\n\r\n        .sd-service-float-card:nth-child(2) {\r\n            right: 0;\r\n        }\r\n\r\n        .sd-service-float-card:nth-child(3) {\r\n            left: 0;\r\n        }\r\n\r\n        .sd-service-float-card:nth-child(4) {\r\n            right: 0;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .sd-service-hero-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .sd-service-hero-stats {\r\n            gap: 24px;\r\n        }\r\n\r\n        .sd-service-hero-stat-item h3 {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .sd-service-hero-visual {\r\n            height: 340px;\r\n        }\r\n\r\n        .sd-service-hero-orbit {\r\n            display: none;\r\n        }\r\n\r\n        .sd-service-about-features {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .sd-service-services-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .sd-service-process-timeline {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .sd-service-tech-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .sd-service-portfolio-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .sd-service-portfolio-grid .sd-service-portfolio-card:last-child {\r\n            display: block;\r\n        }\r\n\r\n        .sd-service-stats-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n\r\n        .sd-service-stat-card::after {\r\n            display: none;\r\n        }\r\n\r\n        .sd-service-hero-btns {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .sd-service-hero-btns .sd-service-btn-primary,\r\n        .sd-service-hero-btns .sd-service-btn-outline {\r\n            justify-content: center;\r\n        }\r\n\r\n        .sd-service-cta-btns {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .sd-service-cta-btns .sd-service-btn-primary,\r\n        .sd-service-cta-btns .sd-service-btn-outline {\r\n            width: 100%;\r\n            max-width: 300px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .sd-service-trusted-logos {\r\n            gap: 28px;\r\n        }\r\n    }\r\n\r\n    \/* =========================================================\r\n       Light page theme (everything except the hero section)\r\n       ========================================================= *\/\r\n    .sd-service-trusted,\r\n    .sd-service-about,\r\n    .sd-service-services,\r\n    .sd-service-why,\r\n    .sd-service-process,\r\n    .sd-service-tech,\r\n    .sd-service-portfolio,\r\n    .sd-service-stats,\r\n    .sd-service-pricing,\r\n    .sd-service-testimonials,\r\n    .sd-service-faq,\r\n    .sd-service-cta {\r\n        background: #ffffff !important;\r\n        color: #111827;\r\n    }\r\n\r\n    .sd-service-services,\r\n    .sd-service-tech,\r\n    .sd-service-pricing,\r\n    .sd-service-faq {\r\n        background: #f8fafc !important;\r\n    }\r\n\r\n    .sd-service-section-title,\r\n    .sd-service-trusted-text,\r\n    .sd-service-pricing-name,\r\n    .sd-service-testimonial-name {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-section-subtitle,\r\n    .sd-service-about-desc,\r\n    .sd-service-why-content p,\r\n    .sd-service-faq-left p,\r\n    .sd-service-pricing-desc,\r\n    .sd-service-testimonial-role {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    .sd-service-divider {\r\n        background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.14), transparent);\r\n    }\r\n\r\n    .sd-service-card,\r\n    .sd-service-why-feature,\r\n    .sd-service-pricing-card,\r\n    .sd-service-testimonial-card,\r\n    .sd-service-accordion-item,\r\n    .sd-service-stat-card,\r\n    .sd-service-tech-item,\r\n    .sd-service-portfolio-card {\r\n        background: #ffffff !important;\r\n        border-color: rgba(15, 23, 42, 0.12) !important;\r\n        box-shadow: 0 10px 28px rgba(2, 6, 23, 0.06);\r\n    }\r\n\r\n    .sd-service-card:hover,\r\n    .sd-service-why-feature:hover,\r\n    .sd-service-pricing-card:hover,\r\n    .sd-service-testimonial-card:hover,\r\n    .sd-service-accordion-item.active,\r\n    .sd-service-tech-item:hover,\r\n    .sd-service-portfolio-card:hover,\r\n    .sd-service-stat-card:hover {\r\n        background: #f8fafc !important;\r\n        border-color: rgba(15, 23, 42, 0.18) !important;\r\n        box-shadow: 0 16px 40px rgba(2, 6, 23, 0.10);\r\n    }\r\n\r\n    .sd-service-card h4,\r\n    .sd-service-why-feature h5,\r\n    .sd-service-accordion-btn span {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-card p,\r\n    .sd-service-why-feature p,\r\n    .sd-service-accordion-content-inner {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    \/* Make sure ALL text is visible on light sections *\/\r\n    .sd-service-trusted h1, .sd-service-trusted h2, .sd-service-trusted h3, .sd-service-trusted h4, .sd-service-trusted h5, .sd-service-trusted h6,\r\n    .sd-service-about h1, .sd-service-about h2, .sd-service-about h3, .sd-service-about h4, .sd-service-about h5, .sd-service-about h6,\r\n    .sd-service-services h1, .sd-service-services h2, .sd-service-services h3, .sd-service-services h4, .sd-service-services h5, .sd-service-services h6,\r\n    .sd-service-why h1, .sd-service-why h2, .sd-service-why h3, .sd-service-why h4, .sd-service-why h5, .sd-service-why h6,\r\n    .sd-service-process h1, .sd-service-process h2, .sd-service-process h3, .sd-service-process h4, .sd-service-process h5, .sd-service-process h6,\r\n    .sd-service-tech h1, .sd-service-tech h2, .sd-service-tech h3, .sd-service-tech h4, .sd-service-tech h5, .sd-service-tech h6,\r\n    .sd-service-portfolio h1, .sd-service-portfolio h2, .sd-service-portfolio h3, .sd-service-portfolio h4, .sd-service-portfolio h5, .sd-service-portfolio h6,\r\n    .sd-service-stats h1, .sd-service-stats h2, .sd-service-stats h3, .sd-service-stats h4, .sd-service-stats h5, .sd-service-stats h6,\r\n    .sd-service-pricing h1, .sd-service-pricing h2, .sd-service-pricing h3, .sd-service-pricing h4, .sd-service-pricing h5, .sd-service-pricing h6,\r\n    .sd-service-testimonials h1, .sd-service-testimonials h2, .sd-service-testimonials h3, .sd-service-testimonials h4, .sd-service-testimonials h5, .sd-service-testimonials h6,\r\n    .sd-service-faq h1, .sd-service-faq h2, .sd-service-faq h3, .sd-service-faq h4, .sd-service-faq h5, .sd-service-faq h6,\r\n    .sd-service-cta h1, .sd-service-cta h2, .sd-service-cta h3, .sd-service-cta h4, .sd-service-cta h5, .sd-service-cta h6 {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-trusted p, .sd-service-trusted li,\r\n    .sd-service-about p, .sd-service-about li,\r\n    .sd-service-services p, .sd-service-services li,\r\n    .sd-service-why p, .sd-service-why li,\r\n    .sd-service-process p, .sd-service-process li,\r\n    .sd-service-tech p, .sd-service-tech li,\r\n    .sd-service-portfolio p, .sd-service-portfolio li,\r\n    .sd-service-stats p, .sd-service-stats li,\r\n    .sd-service-pricing p, .sd-service-pricing li,\r\n    .sd-service-testimonials p, .sd-service-testimonials li,\r\n    .sd-service-faq p, .sd-service-faq li,\r\n    .sd-service-cta p, .sd-service-cta li {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    .sd-service-tech-category-label,\r\n    .sd-service-tech-item span,\r\n    .sd-service-portfolio-tag,\r\n    .sd-service-stat-label,\r\n    .sd-service-pricing-price .sd-service-currency,\r\n    .sd-service-pricing-price .sd-service-period,\r\n    .sd-service-pricing-features li,\r\n    .sd-service-testimonial-text,\r\n    .sd-service-accordion-btn i {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    \/* Extra safety: About section heading + body text *\/\r\n    .sd-service-about .sd-service-section-title {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-about .sd-service-about-desc,\r\n    .sd-service-about .sd-service-about-feature {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    .sd-service-cta-title {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-cta-desc {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    \/* Fix icon + text contrast for light sections *\/\r\n    .sd-service-services .sd-service-card-icon {\r\n        background: rgba(11, 112, 225, 0.16) !important;\r\n    }\r\n\r\n    .sd-service-services .sd-service-card:hover .sd-service-card-icon {\r\n        background: rgba(11, 112, 225, 0.22) !important;\r\n        box-shadow: 0 0 20px rgba(11, 112, 225, 0.18);\r\n    }\r\n\r\n    .sd-service-services .sd-service-card-icon i {\r\n        color: #0B70E1 !important;\r\n    }\r\n\r\n    .sd-service-process-step h4 {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-process-step p {\r\n        color: #475569 !important;\r\n    }\r\n\r\n    .sd-service-portfolio-info h4 {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-stat-number {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-pricing-price .sd-service-amount {\r\n        color: #0f172a !important;\r\n    }\r\n\r\n    .sd-service-btn-outline {\r\n        color: #0f172a;\r\n        border-color: rgba(15, 23, 42, 0.22);\r\n        background: #ffffff;\r\n    }\r\n\r\n    .sd-service-btn-outline:hover {\r\n        border-color: var(--sd-service-primary);\r\n        color: var(--sd-service-primary);\r\n        background: rgba(var(--sd-service-primary-rgb), 0.06);\r\n    }\r\n\r\n    \/* Keep hero buttons optimized for blue hero *\/\r\n    .sd-service-hero .sd-service-btn-primary {\r\n        background: #ffffff;\r\n        color: #0B70E1;\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .sd-service-hero .sd-service-btn-primary:hover {\r\n        background: #f3f8ff;\r\n        color: #0B70E1;\r\n    }\r\n\r\n    .sd-service-hero .sd-service-btn-outline {\r\n        background: rgba(255, 255, 255, 0.14);\r\n        color: #fff;\r\n        border-color: rgba(255, 255, 255, 0.6);\r\n    }\r\n\r\n    .sd-service-hero .sd-service-btn-outline:hover {\r\n        background: #ffffff;\r\n        color: #0B70E1;\r\n        border-color: #ffffff;\r\n    }\r\n\r\n        .sd-service-accordion-item,\r\n        .sd-service-accordion-item.active {\r\n            background: transparent !important;\r\n        }\r\n\r\n        .sd-service-accordion-item:hover,\r\n        .sd-service-accordion-item .sd-service-accordion-btn:hover {\r\n            background: transparent !important;\r\n        }\r\n<\/style>\r\n\r\n\r\n<!-- ===================== 1. HERO SECTION ===================== -->\r\n<section class=\"sd-service-hero\">\r\n    <div class=\"sd-service-hero-grid-bg\"><\/div>\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6\">\r\n                <div data-aos=\"fade-up\" data-aos-duration=\"800\">\r\n                    <div class=\"sd-service-hero-badge\">\r\n                        <span class=\"sd-service-dot\"><\/span>\r\n                        Available for new projects\r\n                    <\/div>\r\n                <\/div>\r\n                <h1 class=\"sd-service-hero-title\" data-aos=\"fade-up\" data-aos-duration=\"800\" data-aos-delay=\"100\">\r\n                    High-Impact Software Development That <span class=\"sd-service-highlight\">Scales Your Business<\/span>\r\n                <\/h1>\r\n                <p class=\"sd-service-hero-desc\" data-aos=\"fade-up\" data-aos-duration=\"800\" data-aos-delay=\"200\">\r\n                    We build reliable, secure, and scalable software products tailored to your business goals. From discovery to deployment, every architecture decision and line of code is crafted for long-term impact.\r\n                <\/p>\r\n                <div class=\"sd-service-hero-btns\" data-aos=\"fade-up\" data-aos-duration=\"800\" data-aos-delay=\"300\">\r\n                    <a href=\"\/contact\" class=\"sd-service-btn-primary\">\r\n                        Get Free Consultation\r\n                        <i class='bx bx-arrow-right'><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"sd-service-btn-outline\">\r\n                        View Portfolio\r\n                        <i class='bx bx-external-link'><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"sd-service-hero-stats\" data-aos=\"fade-up\" data-aos-duration=\"800\" data-aos-delay=\"400\">\r\n                    <div class=\"sd-service-hero-stat-item\">\r\n                        <h3>150<span>+<\/span><\/h3>\r\n                        <p>Projects Shipped<\/p>\r\n                    <\/div>\r\n                    <div class=\"sd-service-hero-stat-item\">\r\n                        <h3>98<span>%<\/span><\/h3>\r\n                        <p>Client Satisfaction<\/p>\r\n                    <\/div>\r\n                    <div class=\"sd-service-hero-stat-item\">\r\n                        <h3>5<span>+<\/span><\/h3>\r\n                        <p>Years Experience<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\">\r\n                <div class=\"sd-service-hero-visual\" data-aos=\"fade-left\" data-aos-duration=\"1000\" data-aos-delay=\"200\">\r\n                    <div class=\"sd-service-hero-orbit\"><\/div>\r\n                    <!-- Browser Mockup -->\r\n                    <div class=\"sd-service-hero-mockup\">\r\n                        <div class=\"sd-service-hero-mockup-bar\">\r\n                            <span class=\"sd-service-hero-mockup-dot\"><\/span>\r\n                            <span class=\"sd-service-hero-mockup-dot\"><\/span>\r\n                            <span class=\"sd-service-hero-mockup-dot\"><\/span>\r\n                            <div class=\"sd-service-hero-mockup-url\">saas.yourproduct.com<\/div>\r\n                        <\/div>\r\n                        <div class=\"sd-service-hero-mockup-content\">\r\n                            <div class=\"sd-service-mockup-nav\">\r\n                                <div class=\"sd-service-mockup-nav-item active\"><\/div>\r\n                                <div class=\"sd-service-mockup-nav-item\"><\/div>\r\n                                <div class=\"sd-service-mockup-nav-item\"><\/div>\r\n                                <div class=\"sd-service-mockup-nav-item\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"sd-service-mockup-hero-block\">\r\n                                <span>SaaS Admin Dashboard<\/span>\r\n                            <\/div>\r\n                            <div class=\"sd-service-saas-metrics\">\r\n                                <div class=\"sd-service-saas-metric\">\r\n                                    <div class=\"sd-service-metric-k\">12.4K<\/div>\r\n                                    <div class=\"sd-service-metric-label\">Active Users<\/div>\r\n                                <\/div>\r\n                                <div class=\"sd-service-saas-metric\">\r\n                                    <div class=\"sd-service-metric-k\">99.98%<\/div>\r\n                                    <div class=\"sd-service-metric-label\">Uptime SLA<\/div>\r\n                                <\/div>\r\n                                <div class=\"sd-service-saas-metric\">\r\n                                    <div class=\"sd-service-metric-k\">85ms<\/div>\r\n                                    <div class=\"sd-service-metric-label\">API Response<\/div>\r\n                                <\/div>\r\n                                <div class=\"sd-service-saas-metric\">\r\n                                    <div class=\"sd-service-metric-k\">+34%<\/div>\r\n                                    <div class=\"sd-service-metric-label\">MRR Growth<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"sd-service-mockup-grid\">\r\n                                <div class=\"sd-service-mockup-grid-item\"><\/div>\r\n                                <div class=\"sd-service-mockup-grid-item\"><\/div>\r\n                                <div class=\"sd-service-mockup-grid-item\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"sd-service-saas-code\">\r\n                                <div class=\"sd-service-saas-code-line\"><\/div>\r\n                                <div class=\"sd-service-saas-code-line\"><\/div>\r\n                                <div class=\"sd-service-saas-code-line\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Floating Cards -->\r\n                    <div class=\"sd-service-float-card\">\r\n                        <div class=\"sd-service-float-icon\">\r\n                            <i class='bx bx-devices'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <div class=\"sd-service-float-text\">SaaS Product Build<\/div>\r\n                            <div class=\"sd-service-float-sub\">Web & Mobile Apps<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-float-card\">\r\n                        <div class=\"sd-service-float-icon\">\r\n                            <i class='bx bx-bolt-circle'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <div class=\"sd-service-float-text\">Multi-Tenant Ready<\/div>\r\n                            <div class=\"sd-service-float-sub\">Scalable Architecture<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-float-card\">\r\n                        <div class=\"sd-service-float-icon\">\r\n                            <i class='bx bx-search-alt'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <div class=\"sd-service-float-text\">Billing Integrations<\/div>\r\n                            <div class=\"sd-service-float-sub\">Stripe & Subscriptions<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 2. TRUSTED BY ===================== -->\r\n<section class=\"sd-service-trusted\">\r\n    <div class=\"sd-service-container\">\r\n        <p class=\"sd-service-trusted-text\" data-aos=\"fade-up\">Trusted by startups, agencies, and growing brands worldwide<\/p>\r\n        <div class=\"sd-service-trusted-logos\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n            <div class=\"sd-service-trusted-logo\">\r\n                <i class='bx bxl-slack'><\/i>\r\n                <span>Slack<\/span>\r\n            <\/div>\r\n            <div class=\"sd-service-trusted-logo\">\r\n                <i class='bx bxl-shopify'><\/i>\r\n                <span>Shopify<\/span>\r\n            <\/div>\r\n            <div class=\"sd-service-trusted-logo\">\r\n                <i class='bx bxl-stripe'><\/i>\r\n                <span>Stripe<\/span>\r\n            <\/div>\r\n            <div class=\"sd-service-trusted-logo\">\r\n                <i class='bx bx-joystick-alt'><\/i>\r\n                <span>Nexon<\/span>\r\n            <\/div>\r\n            <div class=\"sd-service-trusted-logo\">\r\n                <i class='bx bxl-figma'><\/i>\r\n                <span>Figma<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 3. ABOUT SERVICE ===================== -->\r\n<section class=\"sd-service-about sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-5\" data-aos=\"fade-right\" data-aos-duration=\"800\">\r\n                <div class=\"sd-service-about-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/noteskey.com\/wp-content\/uploads\/2026\/04\/business-growth-solutions-in-action.webp\" alt=\"Software Development Process\">\r\n                    <div class=\"sd-service-about-image-overlay\"><\/div>\r\n                    <div class=\"sd-service-about-image-badge\">\r\n                        <div class=\"sd-service-badge-num\">5+<\/div>\r\n                        <div class=\"sd-service-badge-text\">Years of<br>Experience<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-7\">\r\n                <div class=\"sd-service-about-content\" data-aos=\"fade-left\" data-aos-duration=\"800\" data-aos-delay=\"100\">\r\n                    <div class=\"sd-service-section-label\">\r\n                        <i class='bx bx-info-circle'><\/i>\r\n                        Who We Are\r\n                    <\/div>\r\n                    <h2 class=\"sd-service-section-title\">We Build Software Products That Power Real Business Growth<\/h2>\r\n                    <p class=\"sd-service-about-desc\">\r\n                        In today's digital-first market, software is your operational backbone, customer experience layer, and growth engine. We do more than code features - we design and deliver systems that solve real business problems.\r\n                    <\/p>\r\n                    <p class=\"sd-service-about-desc\">\r\n                        Every product we build is guided by product strategy, engineering discipline, and user-centric thinking. We combine modern technologies with proven delivery practices to launch software that scales with your goals.\r\n                    <\/p>\r\n                    <div class=\"sd-service-about-features\">\r\n                        <div class=\"sd-service-about-feature\">\r\n                            <i class='bx bx-check-circle'><\/i>\r\n                            Product-Driven UI\/UX\r\n                        <\/div>\r\n                        <div class=\"sd-service-about-feature\">\r\n                            <i class='bx bx-check-circle'><\/i>\r\n                            Agile Development Workflow\r\n                        <\/div>\r\n                        <div class=\"sd-service-about-feature\">\r\n                            <i class='bx bx-check-circle'><\/i>\r\n                            Lightning-Fast Performance\r\n                        <\/div>\r\n                        <div class=\"sd-service-about-feature\">\r\n                            <i class='bx bx-check-circle'><\/i>\r\n                            API-First Architecture\r\n                        <\/div>\r\n                        <div class=\"sd-service-about-feature\">\r\n                            <i class='bx bx-check-circle'><\/i>\r\n                            Scalable Infrastructure\r\n                        <\/div>\r\n                        <div class=\"sd-service-about-feature\">\r\n                            <i class='bx bx-check-circle'><\/i>\r\n                            Cloud-Ready Deployment\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 4. SERVICES GRID ===================== -->\r\n<section class=\"sd-service-services sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-services-header\">\r\n            <div class=\"sd-service-section-label\" data-aos=\"fade-up\">\r\n                <i class='bx bx-grid-alt'><\/i>\r\n                What We Offer\r\n            <\/div>\r\n            <h2 class=\"sd-service-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">End-to-End Software Development Services<\/h2>\r\n            <p class=\"sd-service-section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">From MVPs to enterprise platforms, we deliver custom software solutions across every stage of product development.<\/p>\r\n        <\/div>\r\n        <div class=\"sd-service-services-grid\">\r\n            <!-- Card 1 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-code-alt'><\/i>\r\n                <\/div>\r\n                <h4>Custom Software Development<\/h4>\r\n                <p>Tailor-made software engineered from the ground up with clean, maintainable code aligned to your operations and growth goals.<\/p>\r\n            <\/div>\r\n            <!-- Card 2 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-building-house'><\/i>\r\n                <\/div>\r\n                <h4>Business Application Development<\/h4>\r\n                <p>Robust internal and customer-facing applications built for service companies, agencies, and B2B teams that need efficiency at scale.<\/p>\r\n\r\n            <\/div>\r\n            <!-- Card 3 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-cart-alt'><\/i>\r\n                <\/div>\r\n                <h4>SaaS Product Development<\/h4>\r\n                <p>Subscription-ready SaaS products with secure authentication, role management, billing integration, and scalable multi-tenant architecture.<\/p>\r\n            <\/div>\r\n            <!-- Card 4 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-layer'><\/i>\r\n                <\/div>\r\n                <h4>MVP Development<\/h4>\r\n                <p>Lean, launch-ready MVPs that validate your idea quickly while keeping architecture flexible for future iteration and scaling.<\/p>\r\n            <\/div>\r\n            <!-- Card 5 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-edit-alt'><\/i>\r\n                <\/div>\r\n                <h4>API & Backend Development<\/h4>\r\n                <p>Secure backend systems and APIs with solid business logic, integration layers, and performance-focused data architecture.<\/p>\r\n\r\n            <\/div>\r\n            <!-- Card 6 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-window-alt'><\/i>\r\n                <\/div>\r\n                <h4>Web & Mobile App Development<\/h4>\r\n                <p>Feature-rich applications with real-time capabilities, intuitive UX, and dependable infrastructure for high-usage environments.<\/p>\r\n              \r\n            <\/div>\r\n            <!-- Card 7 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-refresh'><\/i>\r\n                <\/div>\r\n                <h4>Legacy System Modernization<\/h4>\r\n                <p>Upgrade legacy systems into high-performance, maintainable platforms without disrupting critical business workflows.<\/p>\r\n              \r\n            <\/div>\r\n            <!-- Card 8 -->\r\n            <div class=\"sd-service-card\" data-aos=\"fade-up\" data-aos-delay=\"350\">\r\n                <div class=\"sd-service-card-icon\">\r\n                    <i class='bx bx-shield-quarter'><\/i>\r\n                <\/div>\r\n                <h4>Maintenance & Support<\/h4>\r\n                <p>Ongoing support, security patching, monitoring, and performance tuning to keep your software stable and future-ready.<\/p>\r\n              \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 5. WHY CHOOSE US ===================== -->\r\n<section class=\"sd-service-why sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-5\">\r\n                <div class=\"sd-service-why-content\" data-aos=\"fade-right\" data-aos-duration=\"800\">\r\n                    <div class=\"sd-service-section-label\">\r\n                        <i class='bx bx-star'><\/i>\r\n                        Why Choose Us\r\n                    <\/div>\r\n                    <h2 class=\"sd-service-section-title\">Not Just Developers \u2014 Your Strategic Software Partners<\/h2>\r\n                    <p>Most vendors ship code. We deliver measurable outcomes. Our process starts with understanding your business model, users, and workflows before implementation begins.<\/p>\r\n                    <a href=\"#\" class=\"sd-service-btn-primary\">\r\n                        Start Your Project\r\n                        <i class='bx bx-arrow-right'><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-7\">\r\n                <div class=\"sd-service-why-features\">\r\n                    <div class=\"sd-service-why-feature\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                        <div class=\"sd-service-why-feature-icon\">\r\n                            <i class='bx bx-code-block'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h5>Clean, Maintainable Code<\/h5>\r\n                            <p>Well-structured, documented codebase that any developer can understand and extend.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-why-feature\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                        <div class=\"sd-service-why-feature-icon\">\r\n                            <i class='bx bx-mobile-alt'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h5>Scalable System Design<\/h5>\r\n                            <p>Every product is architected for growth, maintainability, and smooth performance under increasing demand.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-why-feature\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <div class=\"sd-service-why-feature-icon\">\r\n                            <i class='bx bx-line-chart'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h5>Security-First Engineering<\/h5>\r\n                            <p>Access control, data protection, and secure coding standards are integrated throughout the development lifecycle.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-why-feature\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                        <div class=\"sd-service-why-feature-icon\">\r\n                            <i class='bx bx-time-five'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h5>Accelerated Delivery<\/h5>\r\n                            <p>Efficient workflows and agile sprints mean your project launches on schedule, every time.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-why-feature\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <div class=\"sd-service-why-feature-icon\">\r\n                            <i class='bx bx-target-lock'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h5>Outcome-Focused Product Thinking<\/h5>\r\n                            <p>We prioritize features based on user value and business ROI so each release drives meaningful progress.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"sd-service-why-feature\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                        <div class=\"sd-service-why-feature-icon\">\r\n                            <i class='bx bx-support'><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h5>Lifetime Support Mindset<\/h5>\r\n                            <p>We don't disappear after launch. Ongoing optimization and support are part of our DNA.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 6. DEVELOPMENT PROCESS ===================== -->\r\n<section class=\"sd-service-process sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-process-header\">\r\n            <div class=\"sd-service-section-label\" data-aos=\"fade-up\">\r\n                <i class='bx bx-git-branch'><\/i>\r\n                How We Work\r\n            <\/div>\r\n            <h2 class=\"sd-service-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">A Proven 6-Step Development Process<\/h2>\r\n            <p class=\"sd-service-section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">Our proven methodology ensures every software product is delivered with clarity, transparency, and engineering excellence.<\/p>\r\n        <\/div>\r\n        <div class=\"sd-service-process-timeline\">\r\n            <div class=\"sd-service-process-step\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                <div class=\"sd-service-process-num\">\r\n                    <i class='bx bx-compass'><\/i>\r\n                <\/div>\r\n                <h4>Discovery & Strategy<\/h4>\r\n                <p>Deep-dive into your business goals, audience, competitors, and technical requirements to build a rock-solid project blueprint.<\/p>\r\n            <\/div>\r\n            <div class=\"sd-service-process-step\" data-aos=\"fade-up\" data-aos-delay=\"80\">\r\n                <div class=\"sd-service-process-num\">\r\n                    <i class='bx bx-sitemap'><\/i>\r\n                <\/div>\r\n                <h4>Solution Design & Planning<\/h4>\r\n                <p>Technical planning, user flows, and system mapping that define requirements and reduce execution risk before development starts.<\/p>\r\n            <\/div>\r\n            <div class=\"sd-service-process-step\" data-aos=\"fade-up\" data-aos-delay=\"160\">\r\n                <div class=\"sd-service-process-num\">\r\n                    <i class='bx bx-palette'><\/i>\r\n                <\/div>\r\n                <h4>Product Experience Design<\/h4>\r\n                <p>Intuitive interfaces and interaction patterns designed to streamline workflows and improve adoption across user roles.<\/p>\r\n            <\/div>\r\n            <div class=\"sd-service-process-step\" data-aos=\"fade-up\" data-aos-delay=\"240\">\r\n                <div class=\"sd-service-process-num\">\r\n                    <i class='bx bx-code-curly'><\/i>\r\n                <\/div>\r\n                <h4>Engineering & Integration<\/h4>\r\n                <p>Frontend, backend, and API development with third-party integrations, automation, and clean architecture standards.<\/p>\r\n            <\/div>\r\n            <div class=\"sd-service-process-step\" data-aos=\"fade-up\" data-aos-delay=\"320\">\r\n                <div class=\"sd-service-process-num\">\r\n                    <i class='bx bx-test-tube'><\/i>\r\n                <\/div>\r\n                <h4>Testing & Quality Assurance<\/h4>\r\n                <p>Comprehensive QA with functional testing, performance checks, security validation, and release readiness assurance.<\/p>\r\n            <\/div>\r\n            <div class=\"sd-service-process-step\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"sd-service-process-num\">\r\n                    <i class='bx bx-rocket'><\/i>\r\n                <\/div>\r\n                <h4>Deployment & Continuous Support<\/h4>\r\n                <p>Reliable deployment pipelines, production monitoring, and post-launch support to keep your product stable and improving.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 7. TECHNOLOGY STACK ===================== -->\r\n<section class=\"sd-service-tech sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-tech-header\">\r\n            <div class=\"sd-service-section-label\" data-aos=\"fade-up\">\r\n                <i class='bx bx-chip'><\/i>\r\n                Tech Expertise\r\n            <\/div>\r\n            <h2 class=\"sd-service-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">Software Technologies We Use<\/h2>\r\n            <p class=\"sd-service-section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">We choose the right tools for each product. Here is the technology stack we use to build secure, scalable software solutions.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Frontend -->\r\n        <div class=\"sd-service-tech-category\" data-aos=\"fade-up\">\r\n            <div class=\"sd-service-tech-category-label\">Frontend<\/div>\r\n            <div class=\"sd-service-tech-grid\">\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-html5'><\/i>\r\n                    <span>HTML5<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-css3'><\/i>\r\n                    <span>CSS3<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-javascript'><\/i>\r\n                    <span>JavaScript<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-react'><\/i>\r\n                    <span>React<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-vuejs'><\/i>\r\n                    <span>Vue.js<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-extension'><\/i>\r\n                    <span>Next.js<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Backend -->\r\n        <div class=\"sd-service-tech-category\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n            <div class=\"sd-service-tech-category-label\">Backend<\/div>\r\n            <div class=\"sd-service-tech-grid\">\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-php'><\/i>\r\n                    <span>PHP<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-code-curly'><\/i>\r\n                    <span>Laravel<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-nodejs'><\/i>\r\n                    <span>Node.js<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-data'><\/i>\r\n                    <span>MySQL<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bxl-mongodb'><\/i>\r\n                    <span>MongoDB<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-plug'><\/i>\r\n                    <span>REST APIs<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Cloud, DevOps & Tools -->\r\n        <div class=\"sd-service-tech-category\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n            <div class=\"sd-service-tech-category-label\">Cloud, DevOps & Tools<\/div>\r\n            <div class=\"sd-service-tech-grid\">\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-cloud'><\/i>\r\n                    <span>AWS<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-server'><\/i>\r\n                    <span>Docker<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-git-branch'><\/i>\r\n                    <span>GitHub Actions<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-network-chart'><\/i>\r\n                    <span>CI\/CD Pipelines<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-bar-chart-alt-2'><\/i>\r\n                    <span>Monitoring & Logs<\/span>\r\n                <\/div>\r\n                <div class=\"sd-service-tech-item\">\r\n                    <i class='bx bx-lock-alt'><\/i>\r\n                    <span>Security Tooling<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 9. STATS SECTION ===================== -->\r\n<section class=\"sd-service-stats\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-stats-grid\">\r\n            <div class=\"sd-service-stat-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                <div class=\"sd-service-stat-number\" data-count=\"150\">0<span>+<\/span><\/div>\r\n                <div class=\"sd-service-stat-label\">Projects Delivered<\/div>\r\n            <\/div>\r\n            <div class=\"sd-service-stat-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"sd-service-stat-number\" data-count=\"98\">0<span>%<\/span><\/div>\r\n                <div class=\"sd-service-stat-label\">Client Satisfaction Rate<\/div>\r\n            <\/div>\r\n            <div class=\"sd-service-stat-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"sd-service-stat-number\" data-count=\"15\">0<span>+<\/span><\/div>\r\n                <div class=\"sd-service-stat-label\">Industries Served<\/div>\r\n            <\/div>\r\n            <div class=\"sd-service-stat-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"sd-service-stat-number\" data-count=\"24\">0<span>\/7<\/span><\/div>\r\n                <div class=\"sd-service-stat-label\">Support Available<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 10. PRICING ===================== -->\r\n<section class=\"sd-service-pricing sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-pricing-header\">\r\n            <div class=\"sd-service-section-label\" data-aos=\"fade-up\">\r\n                <i class='bx bx-tag'><\/i>\r\n                Pricing\r\n            <\/div>\r\n            <h2 class=\"sd-service-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">Transparent Packages, No Hidden Costs<\/h2>\r\n            <p class=\"sd-service-section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">Choose a package that fits your needs, or contact us for a fully custom quote tailored to your project scope.<\/p>\r\n        <\/div>\r\n        <div class=\"sd-service-pricing-grid\">\r\n            <!-- Starter -->\r\n            <div class=\"sd-service-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                <div class=\"sd-service-pricing-name\">Starter Software Package<\/div>\r\n                <div class=\"sd-service-pricing-desc\">Best for early-stage teams needing a focused software solution for one core business workflow.<\/div>\r\n                <div class=\"sd-service-pricing-price\">\r\n                    <span class=\"sd-service-currency\">$<\/span>\r\n                    <span class=\"sd-service-amount\">999<\/span>\r\n                    <span class=\"sd-service-period\">one-time<\/span>\r\n                <\/div>\r\n                <ul class=\"sd-service-pricing-features\">\r\n                    <li><i class='bx bx-check'><\/i> One Core Module<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Responsive Web Interface<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Basic User Authentication<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Foundational API Setup<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Admin Access Panel<\/li>\r\n                    <li><i class='bx bx-check'><\/i> 10-Day Delivery<\/li>\r\n                    <li class=\"disabled\"><i class='bx bx-x'><\/i> Multi-Role Permissions<\/li>\r\n                    <li class=\"disabled\"><i class='bx bx-x'><\/i> Advanced Integrations<\/li>\r\n                <\/ul>\r\n                <a href=\"\/my-account\" class=\"sd-service-btn-outline\">Get Started<\/a>\r\n            <\/div>\r\n            <!-- Business (Featured) -->\r\n            <div class=\"sd-service-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"sd-service-pricing-popular\">Most Popular<\/div>\r\n                <div class=\"sd-service-pricing-name\">Business Software Package<\/div>\r\n                <div class=\"sd-service-pricing-desc\">Ideal for growing companies that need a feature-rich business application with advanced functionality.<\/div>\r\n                <div class=\"sd-service-pricing-price\">\r\n                    <span class=\"sd-service-currency\">$<\/span>\r\n                    <span class=\"sd-service-amount\">2,499<\/span>\r\n                    <span class=\"sd-service-period\">one-time<\/span>\r\n                <\/div>\r\n                <ul class=\"sd-service-pricing-features\">\r\n                    <li><i class='bx bx-check'><\/i> Up to 5 Product Modules<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Custom UI\/UX Design<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Role-Based Access Control<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Admin Dashboard with Training<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Workflow Automation<\/li>\r\n                    <li><i class='bx bx-check'><\/i> 3rd Party Integrations<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Performance Optimization<\/li>\r\n                    <li class=\"disabled\"><i class='bx bx-x'><\/i> Complex Multi-Tenant Logic<\/li>\r\n                <\/ul>\r\n                <a href=\"\/my-account\" class=\"sd-service-btn-primary\">Get Started<\/a>\r\n            <\/div>\r\n            <!-- Custom -->\r\n            <div class=\"sd-service-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"sd-service-pricing-name\">Custom Software Solution<\/div>\r\n                <div class=\"sd-service-pricing-desc\">For enterprises and startups building complex platforms, SaaS products, automation systems, or bespoke software.<\/div>\r\n                <div class=\"sd-service-pricing-price\">\r\n                    <span class=\"sd-service-currency\">$<\/span>\r\n                    <span class=\"sd-service-amount\">5K+<\/span>\r\n                    <span class=\"sd-service-period\">custom quote<\/span>\r\n                <\/div>\r\n                <ul class=\"sd-service-pricing-features\">\r\n                    <li><i class='bx bx-check'><\/i> Unlimited Product Scope<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Full Custom Design<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Custom Development<\/li>\r\n                    <li><i class='bx bx-check'><\/i> SaaS \/ Enterprise Platform<\/li>\r\n                    <li><i class='bx bx-check'><\/i> API Integrations<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Security Hardening<\/li>\r\n                    <li><i class='bx bx-check'><\/i> 30 Days Free Support<\/li>\r\n                    <li><i class='bx bx-check'><\/i> Dedicated Project Manager<\/li>\r\n                <\/ul>\r\n                <a href=\"\/contact\" class=\"sd-service-btn-outline\">Contact Us<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 11. TESTIMONIALS ===================== -->\r\n<section class=\"sd-service-testimonials sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-testimonials-header\">\r\n            <div class=\"sd-service-section-label\" data-aos=\"fade-up\">\r\n                <i class='bx bx-chat'><\/i>\r\n                Testimonials\r\n            <\/div>\r\n            <h2 class=\"sd-service-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">What Our Clients Say About Us<\/h2>\r\n            <p class=\"sd-service-section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">Don't take our word for it - hear directly from businesses we have helped scale through software development.<\/p>\r\n        <\/div>\r\n        <div class=\"sd-service-testimonials-grid\">\r\n            <div class=\"sd-service-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                <p class=\"sd-service-testimonial-text\">\"They didn't just deliver an app - they solved our business bottlenecks. Within one quarter, we automated key operations and significantly increased team productivity.\"<\/p>\r\n                <div class=\"sd-service-testimonial-author\">\r\n                    <img decoding=\"async\" class=\"sd-service-testimonial-avatar\" src=\"https:\/\/noteskey.com\/wp-content\/uploads\/2026\/04\/user5.jpg\" alt=\"Jesus C. Austin\">\r\n                    <div>\r\n                        <div class=\"sd-service-testimonial-name\">Jesus C. Austin<\/div>\r\n                        <div class=\"sd-service-testimonial-role\">CEO, LuxeCart Fashion<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sd-service-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <p class=\"sd-service-testimonial-text\">\"Working with this team felt like having an in-house dev department. Communication was flawless, deadlines were always met, and the final product exceeded every expectation we had.\"<\/p>\r\n                <div class=\"sd-service-testimonial-author\">\r\n                    <img decoding=\"async\" class=\"sd-service-testimonial-avatar\" src=\"https:\/\/noteskey.com\/wp-content\/uploads\/2026\/04\/user4.jpg\" alt=\"Olivia M. Bennett\">\r\n                    <div>\r\n                        <div class=\"sd-service-testimonial-name\">Olivia M. Bennett<\/div>\r\n                        <div class=\"sd-service-testimonial-role\">Founder, TaskFlow SaaS<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sd-service-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <p class=\"sd-service-testimonial-text\">\"Our previous process was manual and error-prone. After the new system launch, turnaround time dropped by 35% and reporting became fully real-time. The ROI has been exceptional.\"<\/p>\r\n                <div class=\"sd-service-testimonial-author\">\r\n                    <img decoding=\"async\" class=\"sd-service-testimonial-avatar\" src=\"https:\/\/noteskey.com\/wp-content\/uploads\/2026\/04\/user-55.jpg\" alt=\"Ethan J. Brooks\">\r\n                    <div>\r\n                        <div class=\"sd-service-testimonial-name\">Ethan J. Brooks<\/div>\r\n                        <div class=\"sd-service-testimonial-role\">VP Marketing, Meridian Group<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 12. FAQ ===================== -->\r\n<section class=\"sd-service-faq sd-service-section\">\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-faq-row\">\r\n            <div class=\"sd-service-faq-left\" data-aos=\"fade-right\" data-aos-duration=\"800\">\r\n                <div class=\"sd-service-section-label\">\r\n                    <i class='bx bx-help-circle'><\/i>\r\n                    FAQ\r\n                <\/div>\r\n                <h2 class=\"sd-service-section-title\">Got Questions? We've Got Answers<\/h2>\r\n                <p>Can't find what you're looking for? Book a free consultation call and we'll address every question personally.<\/p>\r\n                <a href=\"#\" class=\"sd-service-btn-primary\">\r\n                    Book a Call\r\n                    <i class='bx bx-phone'><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"sd-service-accordion\" data-aos=\"fade-left\" data-aos-duration=\"800\" data-aos-delay=\"100\">\r\n                <div class=\"sd-service-accordion-item active\">\r\n                    <button class=\"sd-service-accordion-btn\">\r\n                        <span>How long does it take to build custom software?<\/span>\r\n                        <i class='bx bx-plus'><\/i>\r\n                    <\/button>\r\n                    <div class=\"sd-service-accordion-content\" style=\"max-height: 200px;\">\r\n                        <div class=\"sd-service-accordion-content-inner\">\r\n                            Timelines depend on scope and complexity. A focused MVP usually takes 2-4 weeks, a business application takes 4-8 weeks, and complex enterprise software can take 8-16+ weeks. We provide a clear roadmap during discovery so expectations stay aligned.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"sd-service-accordion-item\">\r\n                    <button class=\"sd-service-accordion-btn\">\r\n                        <span>Can you build software for both web and mobile users?<\/span>\r\n                        <i class='bx bx-plus'><\/i>\r\n                    <\/button>\r\n                    <div class=\"sd-service-accordion-content\">\r\n                        <div class=\"sd-service-accordion-content-inner\">\r\n                            Absolutely. We design software experiences that work seamlessly across desktop, tablet, and mobile environments, ensuring consistent usability and performance for every user type.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"sd-service-accordion-item\">\r\n                    <button class=\"sd-service-accordion-btn\">\r\n                        <span>Will my software be secure and scalable?<\/span>\r\n                        <i class='bx bx-plus'><\/i>\r\n                    <\/button>\r\n                    <div class=\"sd-service-accordion-content\">\r\n                        <div class=\"sd-service-accordion-content-inner\">\r\n                            Yes. Security and scalability are built into our development process from day one. We implement secure authentication, role-based access, data protection, audit-ready architecture, and performance best practices to support growth.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"sd-service-accordion-item\">\r\n                    <button class=\"sd-service-accordion-btn\">\r\n                        <span>Can you upgrade or rebuild our existing software?<\/span>\r\n                        <i class='bx bx-plus'><\/i>\r\n                    <\/button>\r\n                    <div class=\"sd-service-accordion-content\">\r\n                        <div class=\"sd-service-accordion-content-inner\">\r\n                            Yes. We audit your current system, identify technical debt and process gaps, then modernize or rebuild with improved architecture, performance, and user experience while protecting business continuity.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"sd-service-accordion-item\">\r\n                    <button class=\"sd-service-accordion-btn\">\r\n                        <span>Do you provide maintenance after launch?<\/span>\r\n                        <i class='bx bx-plus'><\/i>\r\n                    <\/button>\r\n                    <div class=\"sd-service-accordion-content\">\r\n                        <div class=\"sd-service-accordion-content-inner\">\r\n                            Every project includes a post-launch support window (7\u201330 days depending on the package). For ongoing needs, we offer monthly maintenance plans that cover security updates, performance monitoring, content updates, bug fixes, and priority support.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"sd-service-accordion-item\">\r\n                    <button class=\"sd-service-accordion-btn\">\r\n                        <span>Which technologies do you use?<\/span>\r\n                        <i class='bx bx-plus'><\/i>\r\n                    <\/button>\r\n                    <div class=\"sd-service-accordion-content\">\r\n                        <div class=\"sd-service-accordion-content-inner\">\r\n                            We work with a broad technology stack including React, Vue.js, and Next.js for frontend; PHP, Laravel, and Node.js for backend; plus MySQL and MongoDB for data. We select the optimal stack based on your product goals, scale, and integration needs.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ===================== 13. FINAL CTA ===================== -->\r\n<section class=\"sd-service-cta\">\r\n    <div class=\"sd-service-cta-grid-bg\"><\/div>\r\n    <div class=\"sd-service-cta-shape\"><\/div>\r\n    <div class=\"sd-service-cta-shape\"><\/div>\r\n    <div class=\"sd-service-cta-shape\"><\/div>\r\n    <div class=\"sd-service-container\">\r\n        <div class=\"sd-service-cta-content\" data-aos=\"zoom-in\" data-aos-duration=\"800\">\r\n            <div class=\"sd-service-section-label\" style=\"justify-content: center;\">\r\n                <i class='bx bx-rocket'><\/i>\r\n                Ready to Start?\r\n            <\/div>\r\n            <h2 class=\"sd-service-cta-title\">Let's Build Software That <span class=\"sd-service-highlight\">Moves Your Business Forward<\/span><\/h2>\r\n            <p class=\"sd-service-cta-desc\">\r\n                Stop settling for disconnected tools and inefficient workflows. Let's build modern, reliable software that improves operations, accelerates growth, and gives you a clear competitive edge.\r\n            <\/p>\r\n            <div class=\"sd-service-cta-btns\">\r\n                <a href=\"#\" class=\"sd-service-btn-primary\">\r\n                    Start Your Project\r\n                    <i class='bx bx-arrow-right'><\/i>\r\n                <\/a>\r\n                <a href=\"\/contact\" class=\"sd-service-btn-outline\">\r\n                    Book a Free Call\r\n                    <i class='bx bx-phone'><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- Scripts -->\r\n<script>\r\n\r\n    \/\/ FAQ Accordion\r\n    document.querySelectorAll('.sd-service-accordion-btn').forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            const item = this.closest('.sd-service-accordion-item');\r\n            const content = item.querySelector('.sd-service-accordion-content');\r\n            const isActive = item.classList.contains('active');\r\n\r\n            \/\/ Close all\r\n            document.querySelectorAll('.sd-service-accordion-item').forEach(el => {\r\n                el.classList.remove('active');\r\n                el.querySelector('.sd-service-accordion-content').style.maxHeight = '0';\r\n            });\r\n\r\n            \/\/ Open clicked if it wasn't active\r\n            if (!isActive) {\r\n                item.classList.add('active');\r\n                content.style.maxHeight = content.scrollHeight + 'px';\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Counter Animation\r\n    function animateCounters() {\r\n        document.querySelectorAll('.sd-service-stat-number').forEach(counter => {\r\n            const target = parseInt(counter.getAttribute('data-count'));\r\n            if (!target) return;\r\n\r\n            let current = 0;\r\n            const increment = target \/ 60;\r\n            const suffix = counter.querySelector('span') ? counter.querySelector('span').outerHTML : '';\r\n\r\n            function update() {\r\n                current += increment;\r\n                if (current < target) {\r\n                    counter.innerHTML = Math.floor(current) + suffix;\r\n                    requestAnimationFrame(update);\r\n                } else {\r\n                    counter.innerHTML = target + suffix;\r\n                }\r\n            }\r\n\r\n            \/\/ Use Intersection Observer to trigger\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        update();\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n\r\n            observer.observe(counter);\r\n        });\r\n    }\r\n\r\n    animateCounters();\r\n<\/script><\/div>\n\t\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":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5304","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/pages\/5304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/comments?post=5304"}],"version-history":[{"count":4,"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/pages\/5304\/revisions"}],"predecessor-version":[{"id":5308,"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/pages\/5304\/revisions\/5308"}],"wp:attachment":[{"href":"https:\/\/noteskey.com\/wp-json\/wp\/v2\/media?parent=5304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}