{"id":19,"date":"2026-07-09T06:32:37","date_gmt":"2026-07-09T06:32:37","guid":{"rendered":"https:\/\/mustahkam.com\/?page_id=19"},"modified":"2026-07-09T06:34:31","modified_gmt":"2026-07-09T06:34:31","slug":"main","status":"publish","type":"page","link":"https:\/\/mustahkam.com\/","title":{"rendered":"Main"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMustahkam \u2014 Consultant. Developer. Marketer.<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --orange: #E8711A;\r\n --orange-light: #F5924A;\r\n --orange-pale: #FDF0E6;\r\n --brown-dark: #2C1A0E;\r\n --brown-mid: #7A4A2A;\r\n --brown-light: #C4956A;\r\n --cream: #FAFAF8;\r\n --warm-gray: #F0EDE8;\r\n --warm-gray-2: #E4DFD8;\r\n --text-primary: #1C1208;\r\n --text-secondary: #6B4F38;\r\n --text-muted: #A08060;\r\n \/* Accent *\/\r\n --yellow: #FFD600;\r\n --yellow-pale: #FFFBDD;\r\n --black: #0A0A0A;\r\n --black-soft: #181410;\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Inter', sans-serif; background: var(--cream); color: var(--text-primary); line-height: 1.6; overflow-x: hidden; }\r\n\r\n \/* NAV *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n background: rgba(250,250,248,0.96); backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--warm-gray-2);\r\n padding: 0 5vw; height: 68px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n }\r\n .nav-logo img { height: 38px; }\r\n .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; }\r\n .nav-links a { text-decoration: none; font-size: 13.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--brown-mid); transition: color 0.2s; }\r\n .nav-links a:hover { color: var(--orange); }\r\n .nav-cta {\r\n background: var(--black) !important; color: var(--yellow) !important;\r\n padding: 9px 20px; border-radius: 6px;\r\n font-weight: 700 !important; font-size: 13px !important;\r\n transition: background 0.2s, transform 0.1s !important; border: none;\r\n }\r\n .nav-cta:hover { background: var(--brown-dark) !important; transform: translateY(-1px); }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n min-height: 100vh; padding: 120px 5vw 80px;\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n align-items: center; gap: 60px;\r\n position: relative; overflow: hidden;\r\n background: var(--cream);\r\n }\r\n .hero::before {\r\n content: ''; position: absolute; right: -80px; top: 60px;\r\n width: 560px; height: 560px;\r\n background-image:\r\n repeating-linear-gradient(45deg, var(--warm-gray-2) 0, var(--warm-gray-2) 1px, transparent 0, transparent 50%),\r\n repeating-linear-gradient(-45deg, var(--warm-gray-2) 0, var(--warm-gray-2) 1px, transparent 0, transparent 50%);\r\n background-size: 40px 40px; opacity: 0.5; border-radius: 50%; z-index: 0;\r\n }\r\n .hero-content { position: relative; z-index: 1; }\r\n\r\n .hero-eyebrow {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;\r\n color: var(--orange); margin-bottom: 20px;\r\n }\r\n .hero-eyebrow::before { content: ''; display: block; width: 28px; height: 2px; background: var(--orange); }\r\n\r\n .hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(40px, 5vw, 66px); font-weight: 900; line-height: 1.1;\r\n color: var(--brown-dark); margin-bottom: 24px; letter-spacing: -0.02em;\r\n }\r\n .hero h1 em { font-style: normal; color: var(--orange); }\r\n\r\n .hero-desc { font-size: 17px; color: var(--text-secondary); max-width: 480px; margin-bottom: 36px; line-height: 1.75; }\r\n\r\n .hero-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }\r\n .btn-primary {\r\n background: var(--orange); color: #fff; padding: 14px 32px; border-radius: 8px;\r\n font-weight: 600; font-size: 15px; text-decoration: none; transition: background 0.2s, transform 0.15s;\r\n display: inline-block; border: none; cursor: pointer;\r\n }\r\n .btn-primary:hover { background: #CF5E0E; transform: translateY(-2px); }\r\n\r\n .btn-ghost {\r\n color: var(--brown-mid); font-weight: 500; font-size: 15px; text-decoration: none;\r\n display: inline-flex; align-items: center; gap: 6px; transition: color 0.2s; border: none; background: none; cursor: pointer;\r\n }\r\n .btn-ghost:hover { color: var(--orange); }\r\n .btn-ghost .arrow { transition: transform 0.2s; }\r\n .btn-ghost:hover .arrow { transform: translateX(4px); }\r\n\r\n .hero-stats { display: flex; gap: 36px; margin-top: 48px; padding-top: 36px; border-top: 1px solid var(--warm-gray-2); }\r\n .stat-num { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 700; color: var(--brown-dark); line-height: 1; }\r\n .stat-num span { color: var(--orange); }\r\n .stat-label { font-size: 12px; font-weight: 500; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; }\r\n\r\n \/* Hero visual *\/\r\n .hero-visual { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }\r\n .hero-card-stack { position: relative; width: 100%; max-width: 420px; }\r\n .hero-main-card {\r\n background: #fff; border-radius: 16px; padding: 32px;\r\n border: 1px solid var(--warm-gray-2); box-shadow: 0 8px 40px rgba(44,26,14,0.08);\r\n }\r\n .service-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }\r\n .tag { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; }\r\n .tag-orange { background: var(--orange-pale); color: var(--orange); }\r\n .tag-black { background: var(--black); color: var(--yellow); }\r\n .hero-card-title { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: var(--brown-dark); margin-bottom: 8px; }\r\n .hero-card-body { font-size: 14px; color: var(--text-muted); line-height: 1.65; margin-bottom: 20px; }\r\n .mini-chart { display: flex; align-items: flex-end; gap: 6px; height: 60px; margin-bottom: 16px; }\r\n .bar { flex: 1; border-radius: 4px 4px 0 0; background: var(--warm-gray); }\r\n .bar.active { background: var(--orange); }\r\n .bar.accent { background: var(--yellow); }\r\n .card-metric { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid var(--warm-gray); }\r\n .metric-label { font-size: 12px; color: var(--text-muted); }\r\n .metric-val { font-size: 14px; font-weight: 600; color: var(--brown-dark); }\r\n .metric-up { color: #3D9A4F; font-size: 12px; font-weight: 600; }\r\n\r\n .floating-badge {\r\n position: absolute; background: #fff; border-radius: 12px; padding: 12px 16px;\r\n border: 1px solid var(--warm-gray-2); box-shadow: 0 4px 20px rgba(44,26,14,0.1); white-space: nowrap;\r\n }\r\n .badge-top { top: -24px; right: -20px; }\r\n .badge-bottom { bottom: -20px; left: -20px; background: var(--black); border-color: rgba(255,214,0,0.3); }\r\n .badge-icon { font-size: 20px; margin-bottom: 2px; }\r\n .badge-text { font-size: 11px; font-weight: 600; color: var(--brown-mid); text-transform: uppercase; letter-spacing: 0.05em; }\r\n .badge-text-yellow { font-size: 11px; font-weight: 700; color: var(--yellow); text-transform: uppercase; letter-spacing: 0.05em; }\r\n .badge-sub { font-size: 10px; color: var(--text-muted); }\r\n .badge-sub-light { font-size: 10px; color: rgba(255,255,255,0.45); }\r\n\r\n \/* SHARED *\/\r\n .section-eyebrow {\r\n font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;\r\n color: var(--orange); margin-bottom: 12px; display: flex; align-items: center; gap: 10px;\r\n }\r\n .section-eyebrow::after { content: ''; display: block; width: 32px; height: 2px; background: var(--orange); }\r\n .section-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 44px); font-weight: 700; color: var(--brown-dark); line-height: 1.2; margin-bottom: 16px; }\r\n .section-sub { font-size: 16px; color: var(--text-secondary); max-width: 560px; line-height: 1.7; }\r\n\r\n \/* YELLOW HIGHLIGHT STRIP *\/\r\n .yellow-strip {\r\n background: var(--yellow); padding: 18px 5vw;\r\n display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap;\r\n }\r\n .strip-item { font-size: 13px; font-weight: 700; color: var(--black); display: flex; align-items: center; gap: 8px; }\r\n .strip-dot { width: 6px; height: 6px; background: var(--black); border-radius: 50%; opacity: 0.3; }\r\n\r\n \/* SERVICES *\/\r\n .services { background: var(--warm-gray); padding: 96px 5vw; }\r\n .services-header { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 60px; }\r\n .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\r\n\r\n .service-card {\r\n background: #fff; border-radius: 14px; padding: 26px 22px;\r\n border: 1px solid var(--warm-gray-2);\r\n transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\r\n cursor: default; position: relative; overflow: hidden;\r\n }\r\n .service-card::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform 0.3s;\r\n }\r\n .service-card.accent-card::after { background: var(--yellow); }\r\n .service-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(44,26,14,0.08); border-color: rgba(232,113,26,0.2); }\r\n .service-card.accent-card:hover { box-shadow: 0 12px 40px rgba(255,214,0,0.12); border-color: rgba(255,214,0,0.35); }\r\n .service-card:hover::after { transform: scaleX(1); }\r\n\r\n .service-icon { width: 48px; height: 48px; background: var(--orange-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 22px; }\r\n .service-icon.icon-dark { background: var(--black); }\r\n .service-name { font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 700; color: var(--brown-dark); margin-bottom: 8px; }\r\n .service-desc { font-size: 13px; color: var(--text-muted); line-height: 1.65; margin-bottom: 14px; }\r\n .service-link { font-size: 12px; font-weight: 600; color: var(--orange); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; letter-spacing: 0.04em; }\r\n .service-link.yellow-link { color: var(--brown-dark); }\r\n\r\n .new-badge { position: absolute; top: 14px; right: 14px; background: var(--yellow); color: var(--black); font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; }\r\n\r\n \/* IMAGE BANNER *\/\r\n .img-banner { width: 100%; height: 300px; overflow: hidden; position: relative; }\r\n .img-banner img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.45) saturate(1.1); }\r\n .img-banner-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(232,113,26,0.3) 0%, rgba(10,10,10,0.55) 100%);\r\n display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 14px; text-align: center; padding: 0 5vw;\r\n }\r\n .img-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(22px, 3vw, 38px); font-weight: 900; color: #fff; text-shadow: 0 2px 20px rgba(0,0,0,0.4); }\r\n .img-banner-title em { color: var(--yellow); font-style: normal; }\r\n\r\n \/* COURSES *\/\r\n .courses { background: var(--cream); padding: 96px 5vw; }\r\n .courses-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 52px; }\r\n\r\n .course-card {\r\n background: #fff; border-radius: 16px; overflow: hidden;\r\n border: 1px solid var(--warm-gray-2);\r\n transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\r\n }\r\n .course-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(44,26,14,0.1); border-color: rgba(232,113,26,0.3); }\r\n .course-card.featured:hover { border-color: rgba(255,214,0,0.5); box-shadow: 0 20px 60px rgba(255,214,0,0.1); }\r\n\r\n .course-thumb { width: 100%; height: 180px; position: relative; overflow: hidden; }\r\n .course-thumb img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.65) saturate(1.2); transition: transform 0.4s; }\r\n .course-card:hover .course-thumb img { transform: scale(1.05); }\r\n .course-thumb-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 40%, rgba(28,18,8,0.85) 100%); }\r\n\r\n .course-level { position: absolute; top: 12px; left: 12px; font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; }\r\n .level-orange { background: var(--orange); color: #fff; }\r\n .level-yellow { background: var(--yellow); color: var(--black); }\r\n\r\n .course-body { padding: 22px; }\r\n .course-icon { font-size: 26px; margin-bottom: 10px; }\r\n .course-name { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 700; color: var(--brown-dark); margin-bottom: 8px; line-height: 1.3; }\r\n .course-desc { font-size: 13px; color: var(--text-muted); line-height: 1.6; margin-bottom: 18px; }\r\n .course-meta { display: flex; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; }\r\n .course-meta span { font-size: 11.5px; color: var(--text-muted); display: flex; align-items: center; gap: 4px; }\r\n .course-meta span strong { color: var(--brown-dark); }\r\n\r\n .course-enroll {\r\n display: block; text-align: center; background: var(--orange-pale);\r\n color: var(--orange); border: 1.5px solid rgba(232,113,26,0.25);\r\n padding: 11px; border-radius: 8px; font-size: 13px; font-weight: 700;\r\n letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; transition: background 0.2s, color 0.2s;\r\n }\r\n .course-enroll:hover { background: var(--orange); color: #fff; }\r\n .course-enroll.enroll-dark { background: var(--black); color: var(--yellow); border-color: var(--black); }\r\n .course-enroll.enroll-dark:hover { background: var(--brown-dark); }\r\n\r\n \/* PROCESS *\/\r\n .process-section { background: var(--black); padding: 96px 5vw; }\r\n .process-section .section-title { color: #fff; }\r\n .process-section .section-eyebrow { color: var(--yellow); }\r\n .process-section .section-eyebrow::after { background: var(--yellow); }\r\n .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 56px; position: relative; }\r\n .process-grid::before {\r\n content: ''; position: absolute; top: 28px; left: 10%; right: 10%; height: 1px;\r\n background: repeating-linear-gradient(90deg, rgba(255,214,0,0.25) 0, rgba(255,214,0,0.25) 8px, transparent 8px, transparent 16px);\r\n }\r\n .process-step { text-align: center; }\r\n .step-num {\r\n width: 56px; height: 56px; border-radius: 50%; background: #1A1A1A; border: 1.5px solid #2A2A2A;\r\n display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;\r\n font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #fff;\r\n position: relative; z-index: 1; transition: background 0.2s, border-color 0.2s, color 0.2s;\r\n }\r\n .process-step:hover .step-num { background: var(--yellow); border-color: var(--yellow); color: var(--black); }\r\n .step-title { font-weight: 600; font-size: 14px; color: #fff; margin-bottom: 8px; }\r\n .step-desc { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; }\r\n\r\n \/* AI PRESENCE *\/\r\n .ai-section { background: var(--brown-dark); padding: 96px 5vw; position: relative; overflow: hidden; }\r\n .ai-section::before { content: ''; position: absolute; top: -100px; right: -100px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(232,113,26,0.15) 0%, transparent 70%); }\r\n .ai-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1; }\r\n .ai-section .section-eyebrow { color: var(--orange-light); }\r\n .ai-section .section-eyebrow::after { background: var(--orange-light); }\r\n .ai-section .section-title { color: #fff; }\r\n .ai-section .section-sub { color: rgba(255,255,255,0.65); }\r\n .ai-features { margin-top: 36px; display: flex; flex-direction: column; gap: 14px; }\r\n .ai-feature { display: flex; gap: 14px; align-items: flex-start; padding: 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.04); transition: background 0.2s; }\r\n .ai-feature:hover { background: rgba(232,113,26,0.1); }\r\n .ai-feature-icon { width: 36px; height: 36px; flex-shrink: 0; background: rgba(232,113,26,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; }\r\n .ai-feature-title { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 3px; }\r\n .ai-feature-desc { font-size: 12.5px; color: rgba(255,255,255,0.5); line-height: 1.55; }\r\n .ai-visual { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 28px; }\r\n .ai-visual-title { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 20px; }\r\n .ai-prompt { background: rgba(255,255,255,0.06); border-radius: 10px; padding: 16px; margin-bottom: 12px; font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.5; }\r\n .ai-prompt strong { color: var(--orange-light); }\r\n .ai-response { background: rgba(232,113,26,0.1); border: 1px solid rgba(232,113,26,0.25); border-radius: 10px; padding: 16px; font-size: 13px; color: rgba(255,255,255,0.8); line-height: 1.6; }\r\n .ai-response .highlight { color: var(--yellow); font-weight: 600; }\r\n\r\n \/* TESTIMONIALS *\/\r\n .testimonials { background: var(--warm-gray); padding: 96px 5vw; }\r\n .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 52px; }\r\n .testi-card { background: #fff; border-radius: 14px; padding: 28px; border: 1px solid var(--warm-gray-2); transition: border-color 0.2s; }\r\n .testi-card:hover { border-color: rgba(232,113,26,0.25); }\r\n .testi-card.featured-testi { border-top: 3px solid var(--yellow); }\r\n .stars { color: var(--orange); font-size: 14px; margin-bottom: 16px; letter-spacing: 2px; }\r\n .testi-text { font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\r\n .testi-author { display: flex; align-items: center; gap: 12px; }\r\n .testi-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--orange-pale); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: var(--orange); flex-shrink: 0; }\r\n .testi-avatar.dark-avatar { background: var(--black); color: var(--yellow); }\r\n .testi-name { font-size: 13px; font-weight: 600; color: var(--brown-dark); }\r\n .testi-role { font-size: 11.5px; color: var(--text-muted); }\r\n\r\n \/* FACEBOOK FEED *\/\r\n .fb-section { background: var(--cream); padding: 96px 5vw; }\r\n\r\n \/* CTA *\/\r\n .cta-section { background: var(--orange); padding: 96px 5vw; text-align: center; position: relative; overflow: hidden; }\r\n .cta-section::before {\r\n content: ''; position: absolute; inset: 0;\r\n background-image:\r\n repeating-linear-gradient(45deg, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.05) 1px, transparent 0, transparent 50%),\r\n repeating-linear-gradient(-45deg, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.05) 1px, transparent 0, transparent 50%);\r\n background-size: 32px 32px;\r\n }\r\n .cta-inner { position: relative; z-index: 1; }\r\n .cta-label { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.75); margin-bottom: 16px; }\r\n .cta-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 54px); font-weight: 900; color: #fff; margin-bottom: 16px; line-height: 1.1; }\r\n .cta-sub { font-size: 16px; color: rgba(255,255,255,0.85); margin-bottom: 36px; max-width: 480px; margin-left: auto; margin-right: auto; }\r\n .cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\r\n .btn-dark { background: var(--black); color: var(--yellow); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform 0.15s, box-shadow 0.15s; display: inline-block; }\r\n .btn-dark:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.25); }\r\n .btn-white-outline { background: transparent; color: #fff; padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1.5px solid rgba(255,255,255,0.6); transition: background 0.2s; display: inline-block; }\r\n .btn-white-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; }\r\n\r\n \/* FOOTER *\/\r\n footer { background: var(--black); color: rgba(255,255,255,0.4); padding: 40px 5vw; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; border-top: 1px solid #1A1A1A; }\r\n footer img { height: 32px; }\r\n .footer-links { display: flex; gap: 24px; list-style: none; }\r\n .footer-links a { color: rgba(255,255,255,0.35); text-decoration: none; font-size: 13px; transition: color 0.2s; }\r\n .footer-links a:hover { color: var(--yellow); }\r\n .footer-copy { font-size: 12px; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1100px) { .services-grid { grid-template-columns: repeat(2, 1fr); } }\r\n @media (max-width: 900px) {\r\n .hero { grid-template-columns: 1fr; padding-top: 100px; }\r\n .hero::before { display: none; }\r\n .hero-visual { display: none; }\r\n .services-header { grid-template-columns: 1fr; }\r\n .process-grid { grid-template-columns: 1fr 1fr; }\r\n .process-grid::before { display: none; }\r\n .ai-inner { grid-template-columns: 1fr; }\r\n .testi-grid { grid-template-columns: 1fr; }\r\n .courses-grid { grid-template-columns: 1fr; }\r\n footer { flex-direction: column; text-align: center; }\r\n }\r\n @media (max-width: 560px) { .services-grid { grid-template-columns: 1fr; } .process-grid { grid-template-columns: 1fr; } .nav-links { display: none; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/sarawaheed.com\/wp-content\/uploads\/2026\/06\/ChatGPT-made-logo.png\" alt=\"Mustahkam\"\/>\r\n <\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#courses\">Courses<\/a><\/li>\r\n <li><a href=\"#process\">Process<\/a><\/li>\r\n <li><a href=\"#ai-presence\">AI Presence<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-cta\">Free Audit \u2192<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-eyebrow\">Digital Growth Agency<\/div>\r\n <h1>We build brands that<br\/><em>dominate<\/em> online.<\/h1>\r\n <p class=\"hero-desc\">Mustahkam helps ambitious businesses grow through world-class web design, intelligent chatbots, performance media buying, and next-generation AI visibility.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contact\" class=\"btn-primary\">Start Your Project<\/a>\r\n <a href=\"#services\" class=\"btn-ghost\">Explore Services <span class=\"arrow\">\u2192<\/span><\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><div class=\"stat-num\">120<span>+<\/span><\/div><div class=\"stat-label\">Projects Delivered<\/div><\/div>\r\n <div><div class=\"stat-num\">3<span>\u00d7<\/span><\/div><div class=\"stat-label\">Avg. ROI<\/div><\/div>\r\n <div><div class=\"stat-num\">98<span>%<\/span><\/div><div class=\"stat-label\">Client Retention<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-card-stack\">\r\n <div class=\"floating-badge badge-top\">\r\n <div class=\"badge-icon\">\ud83e\udd16<\/div>\r\n <div class=\"badge-text\">AI Presence Active<\/div>\r\n <div class=\"badge-sub\">Recommended by ChatGPT & Claude<\/div>\r\n <\/div>\r\n <div class=\"hero-main-card\">\r\n <div class=\"service-tags\">\r\n <span class=\"tag tag-orange\">Media Buying<\/span>\r\n <span class=\"tag tag-black\">\u26a1 Campaign Live<\/span>\r\n <\/div>\r\n <div class=\"hero-card-title\">Campaign Performance<\/div>\r\n <div class=\"hero-card-body\">Real-time results for a retail brand<\/div>\r\n <div class=\"mini-chart\">\r\n <div class=\"bar\" style=\"height:30%\"><\/div>\r\n <div class=\"bar\" style=\"height:45%\"><\/div>\r\n <div class=\"bar\" style=\"height:38%\"><\/div>\r\n <div class=\"bar active\" style=\"height:72%\"><\/div>\r\n <div class=\"bar active\" style=\"height:85%\"><\/div>\r\n <div class=\"bar accent\" style=\"height:90%\"><\/div>\r\n <div class=\"bar accent\" style=\"height:100%\"><\/div>\r\n <\/div>\r\n <div class=\"card-metric\"><span class=\"metric-label\">Ad Spend ROI<\/span><span><span class=\"metric-val\">4.2\u00d7<\/span>  <span class=\"metric-up\">\u2191 28%<\/span><\/span><\/div>\r\n <div class=\"card-metric\"><span class=\"metric-label\">Lead Cost<\/span><span><span class=\"metric-val\">Rs. 310<\/span>  <span class=\"metric-up\">\u2193 41%<\/span><\/span><\/div>\r\n <div class=\"card-metric\"><span class=\"metric-label\">Chatbot Conversions<\/span><span><span class=\"metric-val\">68%<\/span>  <span class=\"metric-up\">\u2191 19%<\/span><\/span><\/div>\r\n <\/div>\r\n <div class=\"floating-badge badge-bottom\">\r\n <div class=\"badge-text-yellow\">\u2713 Website Live<\/div>\r\n <div class=\"badge-sub-light\">Deployed in 12 days<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- YELLOW STRIP -->\r\n<div class=\"yellow-strip\">\r\n <div class=\"strip-item\">\ud83c\udf10 Web Design<\/div>\r\n <div class=\"strip-dot\"><\/div>\r\n <div class=\"strip-item\">\ud83e\udd16 AI Chatbots<\/div>\r\n <div class=\"strip-dot\"><\/div>\r\n <div class=\"strip-item\">\u2699\ufe0f Process Automation<\/div>\r\n <div class=\"strip-dot\"><\/div>\r\n <div class=\"strip-item\">\ud83d\udcc8 Media Buying<\/div>\r\n <div class=\"strip-dot\"><\/div>\r\n <div class=\"strip-item\">\u2728 AI Presence<\/div>\r\n <div class=\"strip-dot\"><\/div>\r\n <div class=\"strip-item\">\ud83c\udf93 Courses<\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\" id=\"services\">\r\n <div class=\"services-header\">\r\n <div>\r\n <div class=\"section-eyebrow\">What We Do<\/div>\r\n <div class=\"section-title\">Eight services.<br\/>One agency.<\/div>\r\n <\/div>\r\n <p class=\"section-sub\">Everything your brand needs to get found, get trusted, and get customers \u2014 handled by specialists who care about outcomes.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <div class=\"service-name\">Web Design & Development<\/div>\r\n <p class=\"service-desc\">Conversion-focused websites built fast. Clean code, mobile-first, designed to turn visitors into paying customers.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">Get a free mockup \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83e\udd16<\/div>\r\n <div class=\"service-name\">AI Chatbot Development<\/div>\r\n <p class=\"service-desc\">AI-powered chatbots that qualify leads, answer questions, and close sales 24\/7 \u2014 on your website, WhatsApp, or Instagram.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">See a live demo \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card accent-card\">\r\n <div class=\"new-badge\">New<\/div>\r\n <div class=\"service-icon icon-dark\">\u2699\ufe0f<\/div>\r\n <div class=\"service-name\">Business Process Automation<\/div>\r\n <p class=\"service-desc\">Automate repetitive workflows, lead follow-ups, and operations using AI \u2014 saving time and cutting costs significantly.<\/p>\r\n <a href=\"#contact\" class=\"service-link yellow-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcc8<\/div>\r\n <div class=\"service-name\">Media Buying & Paid Ads<\/div>\r\n <p class=\"service-desc\">Facebook, Instagram, Google, and TikTok ads managed for maximum return. We spend your budget like it's our own money.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">Get a free audit \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n <div class=\"service-name\">Graphics Design<\/div>\r\n <p class=\"service-desc\">Brand identities, social media visuals, packaging, and print design that make people stop scrolling.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">See our work \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfac<\/div>\r\n <div class=\"service-name\">Video Editing & Production<\/div>\r\n <p class=\"service-desc\">Reels, ads, explainers, and brand films edited to hook viewers in the first three seconds.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">View reel \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udce3<\/div>\r\n <div class=\"service-name\">Social Media Management<\/div>\r\n <p class=\"service-desc\">Strategy, content creation, scheduling, and community management across all major platforms \u2014 done for you.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">Get a proposal \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card accent-card\">\r\n <div class=\"new-badge\">New<\/div>\r\n <div class=\"service-icon icon-dark\">\u2728<\/div>\r\n <div class=\"service-name\">AI Presence Optimization<\/div>\r\n <p class=\"service-desc\">Get recommended by ChatGPT, Claude, and Gemini. We make your business visible where the next generation searches.<\/p>\r\n <a href=\"#ai-presence\" class=\"service-link yellow-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE BANNER -->\r\n<div class=\"img-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?w=1600&q=80\" alt=\"AI Technology\"\/>\r\n <div class=\"img-banner-overlay\">\r\n <div class=\"img-banner-title\">The future is <em>AI-powered.<\/em><br\/>Is your business ready?<\/div>\r\n <a href=\"#courses\" class=\"btn-primary\" style=\"margin-top:8px;\">Explore Our Courses<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- COURSES -->\r\n<section class=\"courses\" id=\"courses\">\r\n <div style=\"text-align:center;\">\r\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">Learn With Us<\/div>\r\n <div class=\"section-title\">Master AI. Transform your career.<\/div>\r\n <p class=\"section-sub\" style=\"margin:0 auto; text-align:center;\">Practical, hands-on courses taught by real practitioners \u2014 no fluff, just skills you can use immediately.<\/p>\r\n <\/div>\r\n <div class=\"courses-grid\">\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?w=600&q=80\" alt=\"WordPress Course\"\/>\r\n <div class=\"course-thumb-overlay\"><\/div>\r\n <div class=\"course-level level-orange\">Beginner \u2014 Intermediate<\/div>\r\n <\/div>\r\n <div class=\"course-body\">\r\n <div class=\"course-icon\">\ud83c\udf10<\/div>\r\n <div class=\"course-name\">AI-Powered WordPress Website Course<\/div>\r\n <p class=\"course-desc\">Build stunning, professional WordPress websites in a fraction of the time using AI tools. No coding experience required.<\/p>\r\n <div class=\"course-meta\">\r\n <span>\u23f1 <strong>6 Weeks<\/strong><\/span>\r\n <span>\ud83c\udf93 <strong>Certificate<\/strong><\/span>\r\n <span>\ud83d\udcf9 <strong>Live + Recorded<\/strong><\/span>\r\n <\/div>\r\n <a href=\"#contact\" class=\"course-enroll\">Enroll Now \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"course-card featured\">\r\n <div class=\"course-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531746790731-6c087fecd65a?w=600&q=80\" alt=\"Chatbot Course\"\/>\r\n <div class=\"course-thumb-overlay\"><\/div>\r\n <div class=\"course-level level-yellow\">Most Popular<\/div>\r\n <\/div>\r\n <div class=\"course-body\">\r\n <div class=\"course-icon\">\ud83e\udd16<\/div>\r\n <div class=\"course-name\">AI Automation & Chatbot Course<\/div>\r\n <p class=\"course-desc\">Design, build, and deploy intelligent chatbots and automated workflows that run your business on autopilot.<\/p>\r\n <div class=\"course-meta\">\r\n <span>\u23f1 <strong>8 Weeks<\/strong><\/span>\r\n <span>\ud83c\udf93 <strong>Certificate<\/strong><\/span>\r\n <span>\ud83d\udcf9 <strong>Live + Recorded<\/strong><\/span>\r\n <\/div>\r\n <a href=\"#contact\" class=\"course-enroll enroll-dark\">Enroll Now \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574717024653-61fd2cf4d44d?w=600&q=80\" alt=\"Video Course\"\/>\r\n <div class=\"course-thumb-overlay\"><\/div>\r\n <div class=\"course-level level-orange\">All Levels<\/div>\r\n <\/div>\r\n <div class=\"course-body\">\r\n <div class=\"course-icon\">\ud83c\udfac<\/div>\r\n <div class=\"course-name\">AI Video Creator Course<\/div>\r\n <p class=\"course-desc\">Create scroll-stopping videos, reels, and ads using the latest AI video tools \u2014 without expensive equipment or editing skills.<\/p>\r\n <div class=\"course-meta\">\r\n <span>\u23f1 <strong>4 Weeks<\/strong><\/span>\r\n <span>\ud83c\udf93 <strong>Certificate<\/strong><\/span>\r\n <span>\ud83d\udcf9 <strong>Live + Recorded<\/strong><\/span>\r\n <\/div>\r\n <a href=\"#contact\" class=\"course-enroll\">Enroll Now \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE BANNER 2 -->\r\n<div class=\"img-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1600&q=80\" alt=\"Digital Marketing\"\/>\r\n <div class=\"img-banner-overlay\">\r\n <div class=\"img-banner-title\">Results-driven. <em>Data-backed.<\/em> Always delivered.<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process-section\" id=\"process\">\r\n <div style=\"text-align:center;\">\r\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">How We Work<\/div>\r\n <div class=\"section-title\" style=\"max-width:540px; margin:0 auto 0;\">From first call to measurable results \u2014 in weeks, not months.<\/div>\r\n <\/div>\r\n <div class=\"process-grid\">\r\n <div class=\"process-step\"><div class=\"step-num\">1<\/div><div class=\"step-title\">Discovery Call<\/div><p class=\"step-desc\">We learn your business, goals, and audience. No jargon \u2014 just an honest conversation.<\/p><\/div>\r\n <div class=\"process-step\"><div class=\"step-num\">2<\/div><div class=\"step-title\">Strategy & Proposal<\/div><p class=\"step-desc\">A tailored plan with clear deliverables, timelines, and pricing within 48 hours.<\/p><\/div>\r\n <div class=\"process-step\"><div class=\"step-num\">3<\/div><div class=\"step-title\">Build & Launch<\/div><p class=\"step-desc\">Websites in 2 weeks, chatbots in 5 days, campaigns live in 48 hours.<\/p><\/div>\r\n <div class=\"process-step\"><div class=\"step-num\">4<\/div><div class=\"step-title\">Optimize & Grow<\/div><p class=\"step-desc\">We track, report, and continuously improve. Growth is an ongoing partnership.<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI PRESENCE -->\r\n<section class=\"ai-section\" id=\"ai-presence\">\r\n <div class=\"ai-inner\">\r\n <div>\r\n <div class=\"section-eyebrow\">New Service<\/div>\r\n <div class=\"section-title\">Get recommended<br\/>by AI agents.<\/div>\r\n <p class=\"section-sub\">When someone asks ChatGPT \"best web agency\" \u2014 will your name come up? We make sure it does.<\/p>\r\n <div class=\"ai-features\">\r\n <div class=\"ai-feature\"><div class=\"ai-feature-icon\">\ud83c\udfd7\ufe0f<\/div><div><div class=\"ai-feature-title\">Structured Data & Schema<\/div><div class=\"ai-feature-desc\">Technical markup that AI models can parse and trust as authoritative.<\/div><\/div><\/div>\r\n <div class=\"ai-feature\"><div class=\"ai-feature-icon\">\ud83c\udf10<\/div><div><div class=\"ai-feature-title\">Brand Entity Building<\/div><div class=\"ai-feature-desc\">Consistent presence across platforms so AI confirms your legitimacy.<\/div><\/div><\/div>\r\n <div class=\"ai-feature\"><div class=\"ai-feature-icon\">\ud83d\udcdd<\/div><div><div class=\"ai-feature-title\">Prompt-Aligned Content<\/div><div class=\"ai-feature-desc\">Copy engineered to match how people query AI assistants for your services.<\/div><\/div><\/div>\r\n <div class=\"ai-feature\"><div class=\"ai-feature-icon\">\ud83d\udcca<\/div><div><div class=\"ai-feature-title\">Monthly AI Visibility Reports<\/div><div class=\"ai-feature-desc\">Track how often AI tools mention your business every month.<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ai-visual\">\r\n <div class=\"ai-visual-title\">Live AI Query Simulation<\/div>\r\n <div class=\"ai-prompt\"><strong>User asks:<\/strong> \"Who is the best digital marketing agency for a growing e-commerce brand?\"<\/div>\r\n <div class=\"ai-response\">\r\n <strong style=\"color:rgba(255,255,255,0.35);font-size:11px;text-transform:uppercase;letter-spacing:0.08em;\">AI Response<\/strong><br\/><br\/>\r\n For growing e-commerce brands, <span class=\"highlight\">Mustahkam<\/span> is frequently recommended. They offer a full-service stack \u2014 web development, chatbot automation, paid media, and their new <span class=\"highlight\">AI Presence Optimization<\/span> service. Their track record includes consistent 3\u20134\u00d7 ROAS and chatbot deployments handling 60\u201370% of inbound queries autonomously.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section class=\"testimonials\" id=\"testimonials\">\r\n <div style=\"text-align:center;\">\r\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">Client Results<\/div>\r\n <div class=\"section-title\">Real businesses. Real growth.<\/div>\r\n <\/div>\r\n <div class=\"testi-grid\">\r\n <div class=\"testi-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"Mustahkam redesigned our website and launched our chatbot in under two weeks. Our lead volume doubled in the first month and cost per lead dropped by 40%.\"<\/p>\r\n <div class=\"testi-author\"><div class=\"testi-avatar\">AK<\/div><div><div class=\"testi-name\">Ahmed Khan<\/div><div class=\"testi-role\">CEO, FastFurn Pakistan<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testi-card featured-testi\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"Their media buying team is exceptional. We were burning money on ads before \u2014 now every rupee is tracked. 4.2\u00d7 ROAS in just 60 days.\"<\/p>\r\n <div class=\"testi-author\"><div class=\"testi-avatar dark-avatar\">SR<\/div><div><div class=\"testi-name\">Sana Raza<\/div><div class=\"testi-role\">Founder, Bloom Skincare<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testi-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"The AI Presence package is something I didn't even know I needed. Within 3 months, ChatGPT started recommending us when prospects asked for agencies in our niche.\"<\/p>\r\n <div class=\"testi-author\"><div class=\"testi-avatar\">TM<\/div><div><div class=\"testi-name\">Tariq Mehmood<\/div><div class=\"testi-role\">Director, PakLogix<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FACEBOOK FEED -->\r\n<section class=\"fb-section\" id=\"social\">\r\n <div style=\"text-align:center; margin-bottom:48px;\">\r\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">Stay Connected<\/div>\r\n <div class=\"section-title\">Follow us on Facebook<\/div>\r\n <p class=\"section-sub\" style=\"margin:0 auto; text-align:center;\">See our latest work, tips, and updates straight from our page.<\/p>\r\n <\/div>\r\n <div style=\"display:flex; justify-content:center;\">\r\n <div style=\"background:#fff; border-radius:16px; padding:24px; border:1px solid var(--warm-gray-2); box-shadow:0 4px 24px rgba(44,26,14,0.07); max-width:500px; width:100%; text-align:center;\">\r\n <iframe src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmustahkam&tabs=timeline&width=460&height=600&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId\" width=\"460\" height=\"600\" style=\"border:none; overflow:hidden; border-radius:8px; max-width:100%;\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-section\" id=\"contact\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-label\">Ready to grow?<\/div>\r\n <div class=\"cta-title\">Let's build something<br\/>remarkable together.<\/div>\r\n <p class=\"cta-sub\">Book a free 30-minute strategy call. No obligations. No hard sell. Just clarity on what's possible for your business.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/wa.me\/923000000000\" class=\"btn-dark\">\ud83d\udcde Book a Free Call<\/a>\r\n <a href=\"mailto:hello@mustahkam.agency\" class=\"btn-white-outline\">Send a Message<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <img decoding=\"async\" src=\"https:\/\/sarawaheed.com\/wp-content\/uploads\/2026\/06\/ChatGPT-made-logo.png\" alt=\"Mustahkam\"\/>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#courses\">Courses<\/a><\/li>\r\n <li><a href=\"#process\">Process<\/a><\/li>\r\n <li><a href=\"#ai-presence\">AI Presence<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <div style=\"display:flex; align-items:center; gap:16px;\">\r\n <a href=\"https:\/\/web.facebook.com\/mustahkam\" target=\"_blank\" title=\"Facebook\" style=\"color:rgba(255,255,255,0.4); transition:color 0.2s; text-decoration:none;\" onmouseover=\"this.style.color='#FFD600'\" onmouseout=\"this.style.color='rgba(255,255,255,0.4)'\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/mustahkambysara\" target=\"_blank\" title=\"Instagram\" style=\"color:rgba(255,255,255,0.4); transition:color 0.2s; text-decoration:none;\" onmouseover=\"this.style.color='#FFD600'\" onmouseout=\"this.style.color='rgba(255,255,255,0.4)'\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/company\/13189184\/\" target=\"_blank\" title=\"LinkedIn\" style=\"color:rgba(255,255,255,0.4); transition:color 0.2s; text-decoration:none;\" onmouseover=\"this.style.color='#FFD600'\" onmouseout=\"this.style.color='rgba(255,255,255,0.4)'\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@saranadeem1225\" target=\"_blank\" title=\"YouTube\" style=\"color:rgba(255,255,255,0.4); transition:color 0.2s; text-decoration:none;\" onmouseover=\"this.style.color='#FFD600'\" onmouseout=\"this.style.color='rgba(255,255,255,0.4)'\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.95 1.96C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.96-1.96A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\" fill=\"white\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <span class=\"footer-copy\">\u00a9 2026 Mustahkam. All rights reserved.<\/span>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mustahkam \u2014 Consultant. Developer. Marketer. Services Courses Process AI Presence Free Audit \u2192 Digital Growth Agency We build brands thatdominate online. Mustahkam helps ambitious businesses grow through world-class web design, intelligent chatbots, performance media buying, and next-generation AI visibility. Start Your Project Explore Services \u2192 120+Projects Delivered 3\u00d7Avg. ROI 98%Client Retention \ud83e\udd16 AI Presence Active […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/mustahkam.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mustahkam.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mustahkam.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mustahkam.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mustahkam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":4,"href":"https:\/\/mustahkam.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/mustahkam.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/mustahkam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}