{"id":138,"date":"2026-08-06T21:14:59","date_gmt":"2026-08-06T21:14:59","guid":{"rendered":"https:\/\/immainuzzaman.com\/index.php\/home-redesign-3\/"},"modified":"2026-08-06T21:14:59","modified_gmt":"2026-08-06T21:14:59","slug":"home-redesign-3","status":"publish","type":"page","link":"https:\/\/immainuzzaman.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* ==========================================================================\n   IM MAINUZZAMAN - Cold Email Infrastructure Expert\n   Design System: Dark Mode Glassmorphism & High-Converting SaaS Aesthetic\n   ========================================================================== *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');\n\n:root {\n  \/* Color Palette *\/\n  --bg-dark: #07090E;\n  --bg-card: rgba(15, 23, 42, 0.65);\n  --bg-card-hover: rgba(20, 30, 55, 0.85);\n  --bg-card-solid: #0F172A;\n  --bg-header: rgba(7, 9, 14, 0.85);\n  \n  --accent-blue: #3B82F6;\n  --accent-blue-hover: #2563EB;\n  --accent-blue-light: #60A5FA;\n  --accent-blue-glow: rgba(59, 130, 246, 0.35);\n  \n  --accent-green: #10B981;\n  --accent-green-glow: rgba(16, 185, 129, 0.3);\n  \n  --text-main: #F8FAFC;\n  --text-muted: #94A3B8;\n  --text-subtle: #64748B;\n  \n  --border-light: rgba(255, 255, 255, 0.08);\n  --border-active: rgba(59, 130, 246, 0.5);\n  --border-green: rgba(16, 185, 129, 0.4);\n  \n  --radius-sm: 8px;\n  --radius-md: 14px;\n  --radius-lg: 20px;\n  --radius-xl: 24px;\n  \n  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  \n  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Reset & Base Styles *\/\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml, body {\n  overflow-x: hidden;\n  width: 100%;\n  max-width: 100vw;\n  scroll-behavior: smooth;\n  font-size: 16px;\n  background-color: var(--bg-dark);\n  color: var(--text-main);\n  font-family: var(--font-body);\n}\n\nbody {\n  line-height: 1.6;\n  background: \n    radial-gradient(circle at 15% 15%, rgba(37, 99, 235, 0.12) 0%, transparent 40%),\n    radial-gradient(circle at 85% 30%, rgba(59, 130, 246, 0.08) 0%, transparent 45%),\n    radial-gradient(circle at 50% 70%, rgba(16, 185, 129, 0.05) 0%, transparent 50%),\n    var(--bg-dark);\n  min-height: 100vh;\n}\n\n\/* Typography *\/\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-heading);\n  color: var(--text-main);\n  line-height: 1.2;\n  font-weight: 700;\n  word-break: break-word;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n  transition: color var(--transition-fast);\n}\n\nul {\n  list-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* Container *\/\n.container {\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 0 1.5rem;\n}\n\n\/* Section Common Styles *\/\n.section {\n  padding: 5rem 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.section-header {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 3.5rem auto;\n}\n\n.section-tag {\n  display: inline-block;\n  padding: 0.35rem 1rem;\n  border-radius: 50px;\n  background: rgba(59, 130, 246, 0.1);\n  border: 1px solid rgba(59, 130, 246, 0.25);\n  color: var(--accent-blue-light);\n  font-size: 0.85rem;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  margin-bottom: 1rem;\n}\n\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  letter-spacing: -0.5px;\n}\n\n.section-subtitle {\n  font-size: 1.1rem;\n  color: var(--text-muted);\n}\n\n\/* Buttons *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.85rem 1.75rem;\n  border-radius: var(--radius-sm);\n  font-weight: 600;\n  font-size: 0.95rem;\n  cursor: pointer;\n  border: 1px solid transparent;\n  transition: all var(--transition-normal);\n  white-space: nowrap;\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);\n  color: #FFFFFF;\n  box-shadow: 0 4px 20px var(--accent-blue-glow);\n}\n\n.btn-primary:hover {\n  background: linear-gradient(135deg, #1D4ED8 0%, #2563EB 100%);\n  box-shadow: 0 6px 28px rgba(37, 99, 235, 0.5);\n  transform: translateY(-2px);\n}\n\n.btn-secondary {\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text-main);\n  border: 1px solid var(--border-light);\n  backdrop-filter: blur(10px);\n}\n\n.btn-secondary:hover {\n  background: rgba(255, 255, 255, 0.1);\n  border-color: rgba(255, 255, 255, 0.2);\n  transform: translateY(-2px);\n}\n\n\/* Glassmorphism Card Base *\/\n.glass-card {\n  background: var(--bg-card);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-md);\n  transition: all var(--transition-normal);\n}\n\n.glass-card:hover {\n  border-color: var(--border-active);\n  box-shadow: 0 12px 32px -8px var(--accent-blue-glow);\n}\n\n\/* ==========================================================================\n   Header & Navigation\n   ========================================================================== *\/\n.header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 10000;\n  background: var(--bg-header);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border-bottom: 1px solid var(--border-light);\n  padding: 0.85rem 0;\n}\n\n.header-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  max-width: 70%;\n}\n\n.logo-img {\n  width: 38px;\n  height: 38px;\n  min-width: 38px;\n  border-radius: var(--radius-sm);\n  object-fit: contain;\n  border: 1.5px solid var(--accent-blue);\n  box-shadow: 0 0 12px var(--accent-blue-glow);\n  background: var(--bg-card-solid);\n}\n\n.logo-text {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.logo-name {\n  font-weight: 800;\n  font-size: 1.1rem;\n  letter-spacing: -0.3px;\n  white-space: nowrap;\n}\n\n.logo-title {\n  font-size: 0.7rem;\n  color: var(--text-muted);\n  font-weight: 500;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.nav-list {\n  display: flex;\n  align-items: center;\n  gap: 1.75rem;\n}\n\n.nav-link {\n  font-size: 0.92rem;\n  font-weight: 500;\n  color: var(--text-muted);\n  position: relative;\n  padding: 0.25rem 0;\n}\n\n.nav-link:hover, .nav-link.active {\n  color: var(--text-main);\n}\n\n.nav-link.active::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background: var(--accent-blue);\n  border-radius: 2px;\n}\n\n.mobile-toggle {\n  display: none;\n}\n\n.mobile-nav-cta {\n  display: none;\n}\n\n\/* ==========================================================================\n   Hero Section\n   ========================================================================== *\/\n.hero {\n  padding-top: 8.5rem;\n  padding-bottom: 4rem;\n  position: relative;\n}\n\n.hero-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 3rem;\n  align-items: center;\n}\n\n.hero-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.4rem 1rem;\n  background: rgba(59, 130, 246, 0.08);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: 50px;\n  font-size: 0.82rem;\n  color: var(--accent-blue-light);\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.hero-title {\n  font-size: 3.2rem;\n  font-weight: 800;\n  line-height: 1.15;\n  margin-bottom: 1.25rem;\n  letter-spacing: -1px;\n}\n\n.hero-title .highlight {\n  color: var(--accent-blue);\n  background: linear-gradient(135deg, #60A5FA 0%, #2563EB 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.hero-description {\n  font-size: 1.1rem;\n  color: var(--text-muted);\n  margin-bottom: 2rem;\n}\n\n.hero-ctas {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 2.5rem;\n}\n\n.social-proof {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--border-light);\n}\n\n.avatar-group {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-group img, .avatar-placeholder {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 2px solid var(--bg-dark);\n  margin-left: -10px;\n  object-fit: cover;\n}\n\n.avatar-group img:first-child, .avatar-placeholder:first-child {\n  margin-left: 0;\n}\n\n.avatar-placeholder {\n  background: #2563EB;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n\n.proof-rating {\n  display: flex;\n  flex-direction: column;\n}\n\n.stars {\n  color: #F59E0B;\n  font-size: 0.9rem;\n  letter-spacing: 2px;\n}\n\n.proof-text {\n  font-size: 0.85rem;\n  color: var(--text-muted);\n  font-weight: 500;\n}\n\n\/* Dashboard Mockup *\/\n.dashboard-card {\n  padding: 1.5rem;\n  background: rgba(13, 19, 33, 0.95);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-lg);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 30px rgba(37, 99, 235, 0.15);\n  position: relative;\n}\n\n.dashboard-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 1rem;\n  margin-bottom: 1.25rem;\n  border-bottom: 1px solid var(--border-light);\n}\n\n.dash-dots {\n  display: flex;\n  gap: 6px;\n}\n\n.dash-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.dash-dot.red { background: #EF4444; }\n.dash-dot.yellow { background: #F59E0B; }\n.dash-dot.green { background: #10B981; }\n\n.dash-title {\n  font-size: 0.85rem;\n  color: var(--text-muted);\n  font-weight: 600;\n}\n\n.dash-metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.metric-box {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-sm);\n  padding: 1rem;\n}\n\n.metric-label {\n  font-size: 0.75rem;\n  color: var(--text-subtle);\n  margin-bottom: 0.25rem;\n}\n\n.metric-value {\n  font-size: 1.5rem;\n  font-weight: 800;\n  color: var(--text-main);\n  display: flex;\n  align-items: baseline;\n  gap: 0.3rem;\n}\n\n.metric-value.green {\n  color: var(--accent-green);\n}\n\n.metric-status {\n  font-size: 0.7rem;\n  padding: 0.15rem 0.5rem;\n  border-radius: 20px;\n  font-weight: 600;\n}\n\n.metric-status.green-bg {\n  background: rgba(16, 185, 129, 0.15);\n  color: #34D399;\n}\n\n\/* Authentication Pills *\/\n.auth-panel {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-sm);\n  padding: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.auth-panel-header {\n  font-size: 0.8rem;\n  color: var(--text-muted);\n  margin-bottom: 0.75rem;\n  font-weight: 600;\n}\n\n.auth-pills {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0.75rem;\n}\n\n.auth-pill {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5rem 0.75rem;\n  background: rgba(16, 185, 129, 0.08);\n  border: 1px solid var(--border-green);\n  border-radius: 6px;\n  font-size: 0.8rem;\n  font-weight: 700;\n}\n\n.auth-pass {\n  color: var(--accent-green);\n  font-size: 0.75rem;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n\/* Sub-metrics *\/\n.dash-submetrics {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0.75rem;\n}\n\n.submetric-card {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid var(--border-light);\n  border-radius: 8px;\n  padding: 0.75rem;\n}\n\n.submetric-title {\n  font-size: 0.7rem;\n  color: var(--text-subtle);\n}\n\n.submetric-num {\n  font-size: 1.1rem;\n  font-weight: 700;\n  margin-top: 0.15rem;\n}\n\n\/* ==========================================================================\n   Authority Strip (Real Verified Data Only)\n   ========================================================================== *\/\n.authority-strip-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2rem;\n  align-items: center;\n  text-align: center;\n}\n\n.authority-item {\n  border-right: 1px solid var(--border-light);\n  padding: 0 1rem;\n}\n\n.authority-item.no-border {\n  border-right: none;\n}\n\n.authority-number {\n  font-size: 2.8rem;\n  font-weight: 800;\n  color: var(--text-main);\n  font-family: var(--font-heading);\n  line-height: 1.1;\n  margin-bottom: 0.35rem;\n}\n\n.authority-number.green {\n  color: var(--accent-green);\n}\n\n.authority-title {\n  font-size: 0.95rem;\n  color: var(--accent-blue-light);\n  font-weight: 600;\n}\n\n.authority-desc {\n  font-size: 0.85rem;\n  color: var(--text-muted);\n  margin-top: 0.35rem;\n}\n\n\/* About Grid *\/\n.about-grid {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: 2.5rem;\n  align-items: center;\n}\n\n\/* ==========================================================================\n   Expertise & Services Grids (CSS Classes Instead of Inline Styles)\n   ========================================================================== *\/\n.expertise-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n}\n\n.expertise-card-full {\n  grid-column: span 3;\n}\n\n.service-card {\n  padding: 2rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.service-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(59, 130, 246, 0.05));\n  border: 1px solid rgba(59, 130, 246, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--accent-blue);\n  font-size: 1.3rem;\n  margin-bottom: 1.25rem;\n}\n\n.service-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n\n.service-description {\n  font-size: 0.9rem;\n  color: var(--text-muted);\n  margin-bottom: 1.5rem;\n}\n\n.service-bullets {\n  margin-top: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.service-bullets-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.service-bullet {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.85rem;\n  color: var(--text-main);\n}\n\n.service-bullet svg {\n  color: var(--accent-blue-light);\n  flex-shrink: 0;\n}\n\n\/* ==========================================================================\n   Trusted Platforms & Tech Stack\n   ========================================================================== *\/\n.trusted-section {\n  padding: 3rem 0;\n  border-top: 1px solid var(--border-light);\n  border-bottom: 1px solid var(--border-light);\n  background: rgba(15, 23, 42, 0.3);\n}\n\n.trusted-title {\n  text-align: center;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  color: var(--text-subtle);\n  margin-bottom: 1.75rem;\n  font-weight: 600;\n}\n\n.logo-grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n\n.logo-item {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  padding: 0.5rem 1.1rem;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid var(--border-light);\n  border-radius: 50px;\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: var(--text-muted);\n  transition: all var(--transition-fast);\n}\n\n.logo-item:hover {\n  background: rgba(255, 255, 255, 0.07);\n  color: var(--text-main);\n  border-color: rgba(255, 255, 255, 0.2);\n  transform: translateY(-2px);\n}\n\n.logo-icon {\n  font-size: 1.1rem;\n}\n\n\/* ==========================================================================\n   Proofs Gallery Grid (CSS Classes Instead of Inline Styles)\n   ========================================================================== *\/\n.proofs-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n}\n\n.proof-img-clickable {\n  cursor: pointer;\n  transition: transform var(--transition-normal), filter var(--transition-normal);\n}\n\n.proof-img-clickable:hover {\n  transform: scale(1.02);\n  filter: brightness(1.1);\n  box-shadow: 0 10px 25px var(--accent-blue-glow);\n}\n\n\/* ==========================================================================\n   FAQ Section (Accordion)\n   ========================================================================== *\/\n.faq-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1.25rem;\n}\n\n.faq-item {\n  background: var(--bg-card);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-sm);\n  overflow: hidden;\n  transition: all var(--transition-fast);\n}\n\n.faq-header {\n  padding: 1.25rem 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  user-select: none;\n}\n\n.faq-question {\n  font-size: 1rem;\n  font-weight: 600;\n}\n\n.faq-icon {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--accent-blue-light);\n  transition: transform var(--transition-fast);\n}\n\n.faq-item.active .faq-icon {\n  transform: rotate(180deg);\n}\n\n.faq-content {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding: 0 1.5rem;\n  color: var(--text-muted);\n  font-size: 0.92rem;\n  line-height: 1.6;\n}\n\n.faq-item.active .faq-content {\n  padding: 0 1.5rem 1.25rem 1.5rem;\n}\n\n\/* ==========================================================================\n   Contact \/ Booking Form Section (#contact)\n   ========================================================================== *\/\n.contact-banner {\n  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.9));\n  border: 1px solid var(--border-active);\n  border-radius: var(--radius-xl);\n  padding: 3.5rem 2.5rem;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 40px var(--accent-blue-glow);\n  position: relative;\n  overflow: hidden;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 3rem;\n  align-items: center;\n}\n\n.contact-info h2 {\n  font-size: 2.2rem;\n  margin-bottom: 1rem;\n}\n\n.contact-info p {\n  color: var(--text-muted);\n  font-size: 1rem;\n  margin-bottom: 2rem;\n}\n\n.contact-features {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.contact-feature-item {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-weight: 500;\n  color: var(--text-main);\n}\n\n.contact-feature-item svg {\n  color: var(--accent-green);\n}\n\n.contact-form {\n  background: rgba(7, 9, 14, 0.7);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-md);\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n}\n\n.form-label {\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: var(--text-muted);\n}\n\n.form-input, .form-select, .form-textarea {\n  width: 100%;\n  padding: 0.8rem 1rem;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--border-light);\n  border-radius: var(--radius-sm);\n  color: var(--text-main);\n  font-family: var(--font-body);\n  font-size: 0.95rem;\n  transition: border-color var(--transition-fast);\n}\n\n.form-input:focus, .form-select:focus, .form-textarea:focus {\n  outline: none;\n  border-color: var(--accent-blue);\n  background: rgba(255, 255, 255, 0.07);\n}\n\n.form-textarea {\n  resize: vertical;\n  min-height: 100px;\n}\n\n\/* Lightbox Modal *\/\n.lightbox-modal {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99999;\n  background: rgba(7, 9, 14, 0.94);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.lightbox-modal.active {\n  display: flex;\n  opacity: 1;\n}\n\n.lightbox-content {\n  position: relative;\n  max-width: 90vw;\n  max-height: 85vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.lightbox-img {\n  max-width: 100%;\n  max-height: 75vh;\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-active);\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 40px var(--accent-blue-glow);\n  object-fit: contain;\n}\n\n.lightbox-caption {\n  margin-top: 1rem;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--text-main);\n  text-align: center;\n  background: rgba(15, 23, 42, 0.8);\n  padding: 0.5rem 1.5rem;\n  border-radius: 50px;\n  border: 1px solid var(--border-light);\n}\n\n.lightbox-close {\n  position: absolute;\n  top: -40px;\n  right: 0;\n  background: rgba(255, 255, 255, 0.1);\n  border: 1px solid var(--border-light);\n  color: var(--text-main);\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  font-size: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all var(--transition-fast);\n}\n\n.lightbox-close:hover {\n  background: #EF4444;\n  color: #fff;\n  transform: scale(1.1);\n}\n\n\/* ==========================================================================\n   Footer\n   ========================================================================== *\/\n.footer {\n  border-top: 1px solid var(--border-light);\n  padding: 3rem 0;\n  background: var(--bg-dark);\n}\n\n.footer-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.footer-copy {\n  font-size: 0.85rem;\n  color: var(--text-subtle);\n}\n\n.footer-socials {\n  display: flex;\n  gap: 1.25rem;\n}\n\n.social-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--text-muted);\n  transition: all var(--transition-fast);\n}\n\n.social-icon:hover {\n  background: var(--accent-blue);\n  color: #fff;\n  transform: translateY(-2px);\n}\n\n\/* ==========================================================================\n   RESPONSIVE MEDIA QUERIES (COMPREHENSIVE OVERHAUL)\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n  .hero-grid {\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n  }\n  \n  .about-grid {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .expertise-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .expertise-card-full {\n    grid-column: span 2;\n  }\n\n  .proofs-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .contact-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 768px) {\n  .desktop-cta {\n    display: none !important;\n  }\n\n  .mobile-nav-cta {\n    display: block;\n    width: 100%;\n    margin-top: 0.75rem;\n    padding-top: 0.75rem;\n    border-top: 1px solid var(--border-light);\n  }\n\n  .logo-title {\n    display: none; \/* Hide subtitle on small screens to fit header *\/\n  }\n\n  .nav-list {\n    display: none;\n    position: fixed;\n    top: 60px;\n    left: 0;\n    width: 100vw;\n    height: calc(100vh - 60px);\n    background: rgba(9, 13, 22, 0.98);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    flex-direction: column;\n    padding: 2rem 1.5rem;\n    gap: 1.5rem;\n    border-bottom: 1px solid var(--border-active);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.95);\n    z-index: 99999;\n    overflow-y: auto;\n  }\n  \n  .nav-list.active {\n    display: flex !important;\n  }\n\n  .mobile-toggle {\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    width: 42px;\n    height: 42px;\n    background: rgba(255, 255, 255, 0.08);\n    border: 1px solid var(--border-active);\n    border-radius: var(--radius-sm);\n    color: var(--text-main);\n    font-size: 1.5rem;\n    cursor: pointer;\n    z-index: 100001;\n  }\n\n  .mobile-toggle:hover {\n    background: rgba(59, 130, 246, 0.2);\n    color: var(--accent-blue-light);\n  }\n  \n  .hero-title {\n    font-size: 2.2rem;\n  }\n\n  .hero-ctas {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .hero-ctas .btn {\n    width: 100%;\n  }\n\n  .authority-strip-grid {\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n\n  .authority-item {\n    border-right: none;\n    border-bottom: 1px solid var(--border-light);\n    padding-bottom: 1.25rem;\n  }\n\n  .authority-item.no-border {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n\n  .expertise-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .expertise-card-full {\n    grid-column: span 1;\n  }\n\n  .service-bullets-grid {\n    grid-template-columns: 1fr;\n    gap: 0.6rem;\n  }\n\n  .proofs-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .faq-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .dash-metrics-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .auth-pills {\n    grid-template-columns: 1fr;\n  }\n\n  .dash-submetrics {\n    grid-template-columns: 1fr;\n  }\n\n  .contact-banner {\n    padding: 2rem 1.25rem;\n  }\n\n  .contact-form {\n    padding: 1.25rem;\n  }\n\n  .footer-container {\n    flex-direction: column;\n    gap: 1.5rem;\n    text-align: center;\n  }\n}\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <meta name=\"description\" content=\"Cold Email Specialist &#038; Deliverability Expert. Over 8+ years experience, 500+ clients, 300+ companies. Specialized in Instantly AI, Apollo, PowerMTA, Klaviyo, and 100% Inbox Placement.\">\n  <title>Cold Email Specialist | Expert Instantly AI, Apollo, PowerMTA, Klaviyo<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Outfit:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"css\/styles.css\">\n<\/head>\n<body>\n\n  <!-- Sticky Glassmorphism Header -->\n  <header class=\"header\">\n    <div class=\"container header-container\">\n      <a href=\"#hero\" class=\"logo\">\n        <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/cropped-Cold-Email-Delivery-Expert.png\" alt=\"Mainuzzaman Logo\" class=\"logo-img\">\n        <div class=\"logo-text\">\n          <span class=\"logo-name\">MAINUZZAMAN<\/span>\n          <span class=\"logo-title\">Cold Email Specialist &#038; Deliverability Expert<\/span>\n        <\/div>\n      <\/a>\n\n      <nav class=\"nav\">\n        <ul class=\"nav-list\">\n          <li><a href=\"#hero\" class=\"nav-link active\">Home<\/a><\/li>\n          <li><a href=\"#about\" class=\"nav-link\">About<\/a><\/li>\n          <li><a href=\"#expertise\" class=\"nav-link\">Key Expertise<\/a><\/li>\n          <li><a href=\"#tools\" class=\"nav-link\">Tech Stack<\/a><\/li>\n          <li><a href=\"#proofs\" class=\"nav-link\">Live Proofs<\/a><\/li>\n          <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\n          <li class=\"mobile-nav-cta\"><a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%;\">Book a Free Consultation<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <div class=\"header-actions\">\n        <a href=\"#contact\" class=\"btn btn-primary desktop-cta\">Book a Free Consultation<\/a>\n        <button id=\"mobile-toggle-btn\" class=\"mobile-toggle\" aria-label=\"Toggle navigation\" onclick=\"event.stopPropagation(); const nl = document.querySelector('.nav-list'); if(nl) nl.classList.toggle('active');\">\u2630<\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <main>\n    <!-- Hero Section -->\n    <section id=\"hero\" class=\"hero\">\n      <div class=\"container hero-grid\">\n        <div class=\"hero-content\">\n          <div class=\"hero-pill\">\n            <span style=\"color: var(--accent-green);\">\u25cf<\/span> Cold Email Infrastructure &#038; Deliverability\n          <\/div>\n          <h1 class=\"hero-title\">\n            Scaling B2B Outreach with <span class=\"highlight\">100% Inbox Placement<\/span> &#038; Custom Infrastructure\n          <\/h1>\n          <p class=\"hero-description\">\n            Seasoned Email Marketing and Deliverability Specialist with 8+ years of hands-on expertise building high-volume PowerMTA setups, Instantly AI campaigns, lead verification, and ESP domain warmup.\n          <\/p>\n\n          <div class=\"hero-ctas\">\n            <a href=\"#contact\" class=\"btn btn-primary\">Book a Free Consultation<\/a>\n            <a href=\"#proofs\" class=\"btn btn-secondary\">View Case Studies &#038; Proofs<\/a>\n          <\/div>\n\n          <div class=\"social-proof\">\n            <div class=\"avatar-group\">\n              <div class=\"avatar-placeholder\">8+<\/div>\n              <div class=\"avatar-placeholder\">500+<\/div>\n              <div class=\"avatar-placeholder\">300+<\/div>\n            <\/div>\n            <div class=\"proof-rating\">\n              <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <div class=\"proof-text\">Trusted by 500+ Clients &#038; 300+ Companies<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Interactive Deliverability Dashboard Widget -->\n        <div class=\"hero-visual\">\n          <div class=\"dashboard-card\">\n            <div class=\"dashboard-header\">\n              <div class=\"dash-dots\">\n                <span class=\"dash-dot red\"><\/span>\n                <span class=\"dash-dot yellow\"><\/span>\n                <span class=\"dash-dot green\"><\/span>\n              <\/div>\n              <div class=\"dash-title\">Infrastructure Health Monitor<\/div>\n              <div style=\"font-size: 0.75rem; color: var(--accent-green); font-weight: 700;\">LIVE ACTIVE<\/div>\n            <\/div>\n\n            <div class=\"dash-metrics-grid\">\n              <div class=\"metric-box\">\n                <div class=\"metric-label\">Inbox Placement Rate<\/div>\n                <div class=\"metric-value green\">\n                  99.8%\n                  <span class=\"metric-status green-bg\">Optimal<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"metric-box\">\n                <div class=\"metric-label\">Domain Reputation<\/div>\n                <div class=\"metric-value\" style=\"color: #60A5FA;\">\n                  100\/100\n                  <span class=\"metric-status green-bg\">Clean<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"metric-box\">\n                <div class=\"metric-label\">Daily Capacity<\/div>\n                <div class=\"metric-value\">\n                  150K+\n                  <span class=\"metric-status green-bg\">Scaled<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Authentication Protocol Pills -->\n            <div class=\"auth-panel\">\n              <div class=\"auth-panel-header\">DNS &#038; Authentication Protocols<\/div>\n              <div class=\"auth-pills\">\n                <div class=\"auth-pill\">\n                  <span>SPF Record<\/span>\n                  <span class=\"auth-pass\">\u2713 PASS<\/span>\n                <\/div>\n                <div class=\"auth-pill\">\n                  <span>DKIM 2048-bit<\/span>\n                  <span class=\"auth-pass\">\u2713 PASS<\/span>\n                <\/div>\n                <div class=\"auth-pill\">\n                  <span>DMARC Strict<\/span>\n                  <span class=\"auth-pass\">\u2713 PASS<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Real-time Sparkline Graph -->\n            <div style=\"background: rgba(255,255,255,0.02); border: 1px solid var(--border-light); border-radius: var(--radius-sm); padding: 1rem;\">\n              <div style=\"display: flex; justify-content: space-between; font-size: 0.8rem; color: var(--text-muted); margin-bottom: 0.5rem;\">\n                <span>Deliverability Trend (30 Days)<\/span>\n                <span style=\"color: var(--accent-green); font-weight: 600;\">+24% Open Rate<\/span>\n              <\/div>\n              <div id=\"hero-sparkline\"><\/div>\n            <\/div>\n\n            <div class=\"dash-submetrics\" style=\"margin-top: 1rem;\">\n              <div class=\"submetric-card\">\n                <div class=\"submetric-title\">DKIM Rotation<\/div>\n                <div class=\"submetric-num\" style=\"color: var(--accent-blue-light);\">Automated<\/div>\n              <\/div>\n              <div class=\"submetric-card\">\n                <div class=\"submetric-title\">Spam Trap Filter<\/div>\n                <div class=\"submetric-num\" style=\"color: var(--accent-green);\">0 Traps<\/div>\n              <\/div>\n              <div class=\"submetric-card\">\n                <div class=\"submetric-title\">IP Score<\/div>\n                <div class=\"submetric-num\">99 \/ 100<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Authority Strip (Real Verified Data Only) -->\n    <section id=\"about\" class=\"section\" style=\"background: rgba(15, 23, 42, 0.4); border-top: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light);\">\n      <div class=\"container\">\n        <div class=\"about-grid\" style=\"margin-bottom: 3rem;\">\n          <div style=\"text-align: center;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/profile-pic.jpg\" alt=\"Mainuzzaman Photo\" style=\"width: 220px; height: 220px; border-radius: 50%; border: 3px solid var(--accent-blue); box-shadow: 0 0 30px var(--accent-blue-glow); object-fit: cover;\">\n            <h3 style=\"margin-top: 1rem; font-size: 1.4rem;\">Mainuzzaman<\/h3>\n            <p style=\"color: var(--accent-blue-light); font-size: 0.9rem; font-weight: 600;\">Cold Email Specialist &#038; Deliverability Expert<\/p>\n          <\/div>\n          <div>\n            <span class=\"section-tag\">About Me<\/span>\n            <h2 style=\"font-size: 2.2rem; margin-bottom: 1rem;\">Growth Focused Email Infrastructure Specialist<\/h2>\n            <p style=\"color: var(--text-muted); font-size: 1.05rem; line-height: 1.7; margin-bottom: 1rem;\">\n              I am a seasoned Email Marketing and Response Handling professional with over 8 years of extensive experience, dedicated to assisting businesses in achieving remarkable growth through strategic cold email marketing initiatives.\n            <\/p>\n            <p style=\"color: var(--text-muted); font-size: 1.05rem; line-height: 1.7;\">\n              With a proven track record, I have successfully supported more than 500 individual clients and collaborated with 300+ companies to optimize their email outreach, fix deliverability bottlenecks, setup virtual MTAs, and scale revenue funnels.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"authority-strip-grid\">\n          <div class=\"authority-item\">\n            <div class=\"authority-number green\">8+<\/div>\n            <div class=\"authority-title\">Years of Experience<\/div>\n            <div class=\"authority-desc\">Dedicated to cold email outreach &#038; deliverability engineering since 2016.<\/div>\n          <\/div>\n          <div class=\"authority-item\">\n            <div class=\"authority-number\">500+<\/div>\n            <div class=\"authority-title\">Individual Clients Supported<\/div>\n            <div class=\"authority-desc\">Helping founders, agencies, and sales teams achieve 99%+ inbox placement.<\/div>\n          <\/div>\n          <div class=\"authority-item no-border\">\n            <div class=\"authority-number green\">300+<\/div>\n            <div class=\"authority-title\">Companies Collaborated<\/div>\n            <div class=\"authority-desc\">Trusted partner for global B2B companies, marketing firms, and SaaS brands.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Key Expertise Section -->\n    <section id=\"expertise\" class=\"section\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <span class=\"section-tag\">Specialization<\/span>\n          <h2 class=\"section-title\">Key Expertise<\/h2>\n          <p class=\"section-subtitle\">Comprehensive cold email setup, high-volume MTA configuration, funnel automation, and deliverability solutions.<\/p>\n        <\/div>\n\n        <div class=\"expertise-grid\">\n          <!-- Card 1 -->\n          <div class=\"glass-card service-card\">\n            <div class=\"service-icon\">\u2699\ufe0f<\/div>\n            <h3 class=\"service-title\">High-Volume Mail Handling (MTA) Setup<\/h3>\n            <p class=\"service-description\">Specialized in setting up robust, high-volume mail transfer agents engineered for maximum deliverability and throughput.<\/p>\n            <div class=\"service-bullets\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> PowerMTA Configuration<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> MailerQ Setup<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Virtual MTA &#038; Rotation<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Card 2 -->\n          <div class=\"glass-card service-card\">\n            <div class=\"service-icon\">\ud83d\udd04<\/div>\n            <h3 class=\"service-title\">Automation Funnel Development<\/h3>\n            <p class=\"service-description\">Designing automated lead nurturing and e-commerce workflows that convert cold leads into high-ticket sales opportunities.<\/p>\n            <div class=\"service-bullets\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> GoHighLevel Workflows<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Klaviyo E-commerce Sequences<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Lead Nurturing Funnels<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Card 3 -->\n          <div class=\"glass-card service-card\">\n            <div class=\"service-icon\">\ud83d\udee1\ufe0f<\/div>\n            <h3 class=\"service-title\">Domain Authentication &#038; Protocol Setup<\/h3>\n            <p class=\"service-description\">Full DNS authentication compliance ensuring your sending domain passes all security checks by Google, Outlook, and Yahoo.<\/p>\n            <div class=\"service-bullets\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> SPF &#038; DKIM Records<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> DMARC Policy Enforcement<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Google Postmaster Setup<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Card 4 -->\n          <div class=\"glass-card service-card\">\n            <div class=\"service-icon\">\ud83d\udcc8<\/div>\n            <h3 class=\"service-title\">Domain Warm-up &#038; Reputation Repair<\/h3>\n            <p class=\"service-description\">Proven warm-up protocols to establish pristine sender reputation and recover domains currently trapped in spam folders.<\/p>\n            <div class=\"service-bullets\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Automated Warmup Sequences<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Blacklist Delisting &#038; Recovery<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> IP Reputation Monitoring<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Card 5 -->\n          <div class=\"glass-card service-card\">\n            <div class=\"service-icon\">\ud83d\ude80<\/div>\n            <h3 class=\"service-title\">Cold Emailing Mastery<\/h3>\n            <p class=\"service-description\">End-to-end setup and strategy for cold outreach tools to maximize open rates, reply rates, and meeting bookings.<\/p>\n            <div class=\"service-bullets\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Instantly.ai Setup<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Smartlead.ai Integration<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Email List Segmentation<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Card 6 -->\n          <div class=\"glass-card service-card\">\n            <div class=\"service-icon\">\ud83d\udd27<\/div>\n            <h3 class=\"service-title\">ESP Troubleshooting &#038; Audit<\/h3>\n            <p class=\"service-description\">Comprehensive technical audits across all major Email Service Providers to resolve deliverability issues and spam triggers.<\/p>\n            <div class=\"service-bullets\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> SendGrid &#038; Mailgun Audit<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Amazon SES Configuration<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Mailchimp &#038; ActiveCampaign<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Card 7 (Full Width) -->\n          <div class=\"glass-card service-card expertise-card-full\">\n            <div class=\"service-icon\">\ud83e\uddf9<\/div>\n            <h3 class=\"service-title\">Email List Optimization &#038; Scrubbing<\/h3>\n            <p class=\"service-description\">Conduct thorough email list verification to enhance engagement, removing inactive contacts, reducing bounce rates, and preserving domain score.<\/p>\n            <div class=\"service-bullets-grid\">\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Spam Trap &#038; Hard Bounce Removal<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Inactive Lead Scrubbing<\/div>\n              <div class=\"service-bullet\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Real-time API Verification<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Trusted Platforms & Tech Stack Tag Cloud -->\n    <section id=\"tools\" class=\"trusted-section\">\n      <div class=\"container\">\n        <div class=\"trusted-title\">17+ Supported Platforms &#038; Technologies<\/div>\n        <div class=\"logo-grid\">\n          <div class=\"logo-item\"><span class=\"logo-icon\">\u26a1<\/span> Instantly.ai<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\ude80<\/span> Apollo.io<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\u2709\ufe0f<\/span> PowerMTA<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udce9<\/span> Klaviyo<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83c\udfaf<\/span> GoHighLevel<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83c\udf10<\/span> Google Workspace<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udcbb<\/span> Microsoft 365<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udee1\ufe0f<\/span> Cloudflare<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udcca<\/span> SendGrid<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83c\udff9<\/span> Mailgun<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\u2601\ufe0f<\/span> Amazon SES<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udcec<\/span> MailerQ<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udc12<\/span> Mailchimp<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\u26a1<\/span> ActiveCampaign<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udd0d<\/span> MillionVerifier<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83e\uddf9<\/span> ZeroBounce<\/div>\n          <div class=\"logo-item\"><span class=\"logo-icon\">\ud83d\udcca<\/span> Google Postmaster<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Live Proofs & Screenshots Gallery with Lightbox -->\n    <section id=\"proofs\" class=\"section\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <span class=\"section-tag\">Verified Proofs<\/span>\n          <h2 class=\"section-title\">Live Campaign Results &#038; Deliverability Audits<\/h2>\n          <p class=\"section-subtitle\">Click any screenshot below to inspect full-size proof of results across Instantly, Mail-Tester, SendGrid, and Mailchimp.<\/p>\n        <\/div>\n\n        <div class=\"proofs-grid\">\n          <!-- Proof Item 1 -->\n          <div class=\"glass-card\" style=\"padding: 1.25rem;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/Instantly-ai-campaign-response.png\" alt=\"Instantly AI Campaign Responses - High Open &#038; Reply Rate\" class=\"proof-img-clickable\" style=\"width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--border-light);\">\n            <div style=\"margin-top: 1rem;\">\n              <h4 style=\"font-size: 1.1rem; margin-bottom: 0.35rem;\">Instantly AI Campaign Responses<\/h4>\n              <p style=\"font-size: 0.85rem; color: var(--text-muted);\">High-volume cold outreach campaign reaching 90%+ inbox placement with multi-account rotation.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Proof Item 2 -->\n          <div class=\"glass-card\" style=\"padding: 1.25rem;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/mail-tester.png\" alt=\"Mail-Tester 10\/10 Inbox Score - Perfect DNS Authentication\" class=\"proof-img-clickable\" style=\"width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--border-light);\">\n            <div style=\"margin-top: 1rem;\">\n              <h4 style=\"font-size: 1.1rem; margin-bottom: 0.35rem;\">Mail-Tester 10\/10 Inbox Score<\/h4>\n              <p style=\"font-size: 0.85rem; color: var(--text-muted);\">Flawless DNS authentication setup (SPF, DKIM, DMARC, reverse PTR) achieving 10\/10 score.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Proof Item 3 -->\n          <div class=\"glass-card\" style=\"padding: 1.25rem;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/SendGrid5.png\" alt=\"SendGrid Domain Authentication &#038; High Reputation Score\" class=\"proof-img-clickable\" style=\"width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--border-light);\">\n            <div style=\"margin-top: 1rem;\">\n              <h4 style=\"font-size: 1.1rem; margin-bottom: 0.35rem;\">SendGrid Domain Authentication<\/h4>\n              <p style=\"font-size: 0.85rem; color: var(--text-muted);\">Full domain authentication setup on SendGrid with dedicated IP warmup and zero spam reports.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Proof Item 4 -->\n          <div class=\"glass-card\" style=\"padding: 1.25rem;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/Email-dashboard-Mailchimp.png\" alt=\"Mailchimp E-commerce Campaign - High Open &#038; Click Rates\" class=\"proof-img-clickable\" style=\"width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--border-light);\">\n            <div style=\"margin-top: 1rem;\">\n              <h4 style=\"font-size: 1.1rem; margin-bottom: 0.35rem;\">Mailchimp Campaign Analytics<\/h4>\n              <p style=\"font-size: 0.85rem; color: var(--text-muted);\">E-commerce email sequence optimization yielding 45%+ open rates and direct sales growth.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Proof Item 5 -->\n          <div class=\"glass-card\" style=\"padding: 1.25rem;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/Authenticate-email-3.png\" alt=\"Klaviyo Automated Sequence Optimization\" class=\"proof-img-clickable\" style=\"width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--border-light);\">\n            <div style=\"margin-top: 1rem;\">\n              <h4 style=\"font-size: 1.1rem; margin-bottom: 0.35rem;\">Klaviyo Sequence Optimization<\/h4>\n              <p style=\"font-size: 0.85rem; color: var(--text-muted);\">Flow automation for abandoned cart, welcome series, and customer win-back campaigns.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Proof Item 6 -->\n          <div class=\"glass-card\" style=\"padding: 1.25rem;\">\n            <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/inbox-placement.png\" alt=\"PowerMTA Server &#038; Virtual MTA Rotation Setup\" class=\"proof-img-clickable\" style=\"width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--border-light);\">\n            <div style=\"margin-top: 1rem;\">\n              <h4 style=\"font-size: 1.1rem; margin-bottom: 0.35rem;\">PowerMTA Server Setup<\/h4>\n              <p style=\"font-size: 0.85rem; color: var(--text-muted);\">Custom Linux server installation with virtual MTA rotation for high-volume corporate sending.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FAQ Accordion Section -->\n    <section id=\"faq\" class=\"section\" style=\"background: rgba(15, 23, 42, 0.3); border-top: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light);\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <span class=\"section-tag\">Got Questions?<\/span>\n          <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\n          <p class=\"section-subtitle\">Everything you need to know about cold email setups, deliverability repairs, and MTA configurations.<\/p>\n        <\/div>\n\n        <div class=\"faq-grid\">\n          <div class=\"faq-item\">\n            <div class=\"faq-header\">\n              <div class=\"faq-question\">What is PowerMTA and why do I need it for cold emailing?<\/div>\n              <div class=\"faq-icon\">\u25bc<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n              PowerMTA (Power Mail Transfer Agent) is enterprise-grade email delivery software designed for high-volume senders. It allows you to control sending rates, rotate IP addresses, manage Virtual MTAs, and maintain strict compliance to ensure maximum inbox placement.\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item\">\n            <div class=\"faq-header\">\n              <div class=\"faq-question\">How long does domain authentication (SPF, DKIM, DMARC) take?<\/div>\n              <div class=\"faq-icon\">\u25bc<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n              DNS record configuration takes less than 24 hours to propagate globally. Once set up, your emails immediately pass security checks by Gmail, Outlook, and Yahoo, establishing trust with receiving servers.\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item\">\n            <div class=\"faq-header\">\n              <div class=\"faq-question\">How do you fix emails going to the Spam folder?<\/div>\n              <div class=\"faq-icon\">\u25bc<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n              I perform a comprehensive deliverability audit: checking DNS records, evaluating content for spam trigger words, analyzing IP\/domain reputation on Google Postmaster, scrubbing bad email leads, and implementing gradual warmup protocols to rebuild domain trust.\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item\">\n            <div class=\"faq-header\">\n              <div class=\"faq-question\">Can you integrate Instantly.ai or Smartlead with custom domains?<\/div>\n              <div class=\"faq-icon\">\u25bc<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n              Yes, I specialize in configuring multi-domain cold outreach setups on Instantly.ai and Smartlead.ai, including custom tracking domains, warm-up schedules, and API integrations with Google Workspace or Microsoft 365.\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item\">\n            <div class=\"faq-header\">\n              <div class=\"faq-question\">Do you offer ongoing email list cleaning and verification?<\/div>\n              <div class=\"faq-icon\">\u25bc<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n              Yes! I scrub email lists using tools like MillionVerifier and ZeroBounce to remove hard bounces, spam traps, and catch-all emails, protecting your domain score before you launch cold campaigns.\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item\">\n            <div class=\"faq-header\">\n              <div class=\"faq-question\">How can we start working together?<\/div>\n              <div class=\"faq-icon\">\u25bc<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n              Simply fill out the booking form below or click &#8220;Book a Free Consultation&#8221;. I will review your requirements and send a customized proposal within 24 hours to <strong>immainuzzaman@gmail.com<\/strong>.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Booking & Contact Form Section (#contact) -->\n    <section id=\"contact\" class=\"section\">\n      <div class=\"container\">\n        <div class=\"contact-banner\">\n          <div class=\"contact-grid\">\n            <div class=\"contact-info\">\n              <span class=\"section-tag\" style=\"background: rgba(16, 185, 129, 0.15); border-color: rgba(16, 185, 129, 0.3); color: #34D399;\">Free Strategy Call<\/span>\n              <h2>Ready to Solve Your Deliverability Bottlenecks?<\/h2>\n              <p>Book a free technical consultation with Mainuzzaman. Let&#8217;s discuss your current infrastructure, spam issues, or cold email scaling targets.<\/p>\n              \n              <div class=\"contact-features\">\n                <div class=\"contact-feature-item\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                  <span>Direct response to your email within 24 hours<\/span>\n                <\/div>\n                <div class=\"contact-feature-item\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                  <span>100% confidential technical infrastructure audit<\/span>\n                <\/div>\n                <div class=\"contact-feature-item\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                  <span>Custom roadmap for PowerMTA, Instantly, or Klaviyo<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"contact-form-wrapper\">\n              <form id=\"booking-form\" class=\"contact-form\">\n                <div class=\"form-group\">\n                  <label for=\"full-name\" class=\"form-label\">Your Name<\/label>\n                  <input type=\"text\" id=\"full-name\" class=\"form-input\" placeholder=\"e.g. John Doe\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                  <label for=\"work-email\" class=\"form-label\">Work Email<\/label>\n                  <input type=\"email\" id=\"work-email\" class=\"form-input\" placeholder=\"john@company.com\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                  <label for=\"service-type\" class=\"form-label\">Primary Expertise Needed<\/label>\n                  <select id=\"service-type\" class=\"form-select\" required>\n                    <option value=\"Cold Email &#038; Instantly AI Setup\">Cold Email &#038; Instantly AI Setup<\/option>\n                    <option value=\"PowerMTA \/ MailerQ Setup\">PowerMTA \/ MailerQ High-Volume Setup<\/option>\n                    <option value=\"Spam \/ Deliverability Repair\">Spam &#038; Deliverability Repair (10\/10 Score)<\/option>\n                    <option value=\"GoHighLevel \/ Klaviyo Funnel\">GoHighLevel \/ Klaviyo Funnel Automation<\/option>\n                    <option value=\"Full Infrastructure Audit\">Full Technical Infrastructure Audit<\/option>\n                  <\/select>\n                <\/div>\n\n                <div class=\"form-group\">\n                  <label for=\"message\" class=\"form-label\">Project Details \/ Goals<\/label>\n                  <textarea id=\"message\" class=\"form-textarea\" placeholder=\"Tell me about your current sending setup, daily volume, or deliverability issues...\" required><\/textarea>\n                <\/div>\n\n                <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%; padding: 1rem; font-size: 1.05rem;\">\n                  Book a Free Consultation\n                <\/button>\n                <div id=\"form-status\" style=\"display: none; padding: 0.85rem; border-radius: 8px; font-size: 0.88rem; text-align: center;\"><\/div>\n              <\/form>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- Interactive Lightbox Modal -->\n  <div id=\"lightbox-modal\" class=\"lightbox-modal\">\n    <div class=\"lightbox-content\">\n      <button id=\"lightbox-close\" class=\"lightbox-close\" aria-label=\"Close Lightbox\">&times;<\/button>\n      <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\" class=\"lightbox-img\">\n      <div id=\"lightbox-caption\" class=\"lightbox-caption\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Footer -->\n  <footer class=\"footer\">\n    <div class=\"container footer-container\">\n      <div style=\"display: flex; align-items: center; gap: 0.75rem;\">\n        <img decoding=\"async\" src=\"https:\/\/immainuzzaman.com\/wp-content\/uploads\/2024\/02\/cropped-Cold-Email-Delivery-Expert.png\" alt=\"Mainuzzaman Logo\" style=\"width: 32px; height: 32px; border-radius: 6px;\">\n        <span style=\"font-weight: 700; font-size: 1rem;\">MAINUZZAMAN<\/span>\n      <\/div>\n\n      <div class=\"footer-copy\">\n        \u00a9 2026 Mainuzzaman. All rights reserved. Cold Email Specialist &#038; Deliverability Expert.\n      <\/div>\n\n      <div class=\"footer-socials\">\n        <a href=\"#contact\" class=\"social-icon\" title=\"Contact Email\">\u2709\ufe0f<\/a>\n        <a href=\"#hero\" class=\"social-icon\" title=\"Back to Top\">\u2191<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script src=\"js\/main.js\"><\/script>\n<\/body>\n<\/html>\n\n\n<script>\n\/**\n * Main Interactive Logic for Immainuzzaman Website Redesign\n *\/\n\nfunction initAll() {\n  initHeader();\n  initSmoothScroll();\n  initFaqAccordion();\n  initStatCounters();\n  initCharts();\n  initContactForm();\n  initLightboxModal();\n}\n\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', initAll);\n} else {\n  initAll();\n}\n\n\/* Header Scroll & Mobile Toggle *\/\nfunction initHeader() {\n  const header = document.querySelector('.header');\n  const mobileToggle = document.getElementById('mobile-toggle-btn') || document.querySelector('.mobile-toggle');\n  const navList = document.querySelector('.nav-list');\n  const navLinks = document.querySelectorAll('.nav-link');\n\n  window.addEventListener('scroll', () => {\n    if (!header) return;\n    if (window.scrollY > 50) {\n      header.style.padding = '0.7rem 0';\n      header.style.background = 'rgba(7, 9, 14, 0.95)';\n    } else {\n      header.style.padding = '1rem 0';\n      header.style.background = 'var(--bg-header)';\n    }\n\n    \/\/ Update active nav link on scroll\n    let currentSection = '';\n    const sections = document.querySelectorAll('section[id]');\n    sections.forEach(section => {\n      const sectionTop = section.offsetTop - 120;\n      const sectionHeight = section.offsetHeight;\n      if (window.scrollY >= sectionTop && window.scrollY < sectionTop + sectionHeight) {\n        currentSection = section.getAttribute('id');\n      }\n    });\n\n    navLinks.forEach(link => {\n      link.classList.remove('active');\n      if (link.getAttribute('href') === `#${currentSection}`) {\n        link.classList.add('active');\n      }\n    });\n  });\n\n  \/\/ Robust Mobile Menu Toggle Listener\n  if (mobileToggle && navList) {\n    mobileToggle.addEventListener('click', (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      navList.classList.toggle('active');\n    });\n\n    \/\/ Close menu when clicking any nav link\n    document.querySelectorAll('.nav-list a').forEach(link => {\n      link.addEventListener('click', () => {\n        navList.classList.remove('active');\n      });\n    });\n\n    \/\/ Close menu when clicking outside\n    document.addEventListener('click', (e) => {\n      if (!navList.contains(e.target) && !mobileToggle.contains(e.target)) {\n        navList.classList.remove('active');\n      }\n    });\n  }\n}\n\n\/* Smooth Scroll Navigation *\/\nfunction initSmoothScroll() {\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function(e) {\n      const targetId = this.getAttribute('href');\n      if (targetId === '#') return;\n      \n      const targetElement = document.querySelector(targetId);\n      if (targetElement) {\n        e.preventDefault();\n        const headerOffset = 80;\n        const elementPosition = targetElement.getBoundingClientRect().top;\n        const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n        window.scrollTo({\n          top: offsetPosition,\n          behavior: 'smooth'\n        });\n      }\n    });\n  });\n}\n\n\/* FAQ Accordion Toggle *\/\nfunction initFaqAccordion() {\n  const faqItems = document.querySelectorAll('.faq-item');\n  \n  faqItems.forEach(item => {\n    const header = item.querySelector('.faq-header');\n    if (!header) return;\n\n    header.addEventListener('click', () => {\n      const isActive = item.classList.contains('active');\n      \n      \/\/ Close all other open items\n      faqItems.forEach(otherItem => {\n        otherItem.classList.remove('active');\n        const content = otherItem.querySelector('.faq-content');\n        if (content) content.style.maxHeight = null;\n      });\n\n      \/\/ Toggle current item\n      if (!isActive) {\n        item.classList.add('active');\n        const content = item.querySelector('.faq-content');\n        if (content) content.style.maxHeight = content.scrollHeight + 'px';\n      }\n    });\n  });\n\n  \/\/ Open first FAQ by default\n  if (faqItems.length > 0) {\n    faqItems[0].classList.add('active');\n    const firstContent = faqItems[0].querySelector('.faq-content');\n    if (firstContent) firstContent.style.maxHeight = firstContent.scrollHeight + 'px';\n  }\n}\n\n\/* Animated Number Counter *\/\nfunction initStatCounters() {\n  const statNumbers = document.querySelectorAll('.stat-number');\n  let animated = false;\n\n  const startCounting = () => {\n    const triggerBottom = window.innerHeight * 0.85;\n    statNumbers.forEach(stat => {\n      const statTop = stat.getBoundingClientRect().top;\n      if (statTop < triggerBottom &#038;&#038; !animated) {\n        animated = true;\n        animateValue(stat);\n      }\n    });\n  };\n\n  window.addEventListener('scroll', startCounting);\n  startCounting(); \/\/ Initial check\n}\n\nfunction animateValue(obj) {\n  const targetText = obj.getAttribute('data-target') || obj.innerText;\n  const numMatch = targetText.match(\/[\\d.]+\/);\n  if (!numMatch) return;\n\n  const targetNum = parseFloat(numMatch[0]);\n  const suffix = targetText.replace(\/[\\d.]+\/, '');\n  const duration = 1500;\n  const startTime = performance.now();\n\n  function update(currentTime) {\n    const elapsed = currentTime - startTime;\n    const progress = Math.min(elapsed \/ duration, 1);\n    \n    \/\/ Ease out cubic\n    const easeProgress = 1 - Math.pow(1 - progress, 3);\n    const currentVal = Math.floor(easeProgress * targetNum);\n    \n    obj.innerText = currentVal + suffix;\n\n    if (progress < 1) {\n      requestAnimationFrame(update);\n    } else {\n      obj.innerText = targetText;\n    }\n  }\n\n  requestAnimationFrame(update);\n}\n\n\/* Interactive Charts Rendering (SVG Sparklines) *\/\nfunction initCharts() {\n  renderHeroSparkline();\n}\n\nfunction renderHeroSparkline() {\n  const container = document.getElementById('hero-sparkline');\n  if (!container || container.children.length > 0) return;\n\n  const svgNS = \"http:\/\/www.w3.org\/2000\/svg\";\n  const svg = document.createElementNS(svgNS, \"svg\");\n  svg.setAttribute(\"viewBox\", \"0 0 300 60\");\n  svg.setAttribute(\"width\", \"100%\");\n  svg.setAttribute(\"height\", \"60\");\n\n  const path = document.createElementNS(svgNS, \"path\");\n  path.setAttribute(\"d\", \"M 0,55 Q 50,45 100,30 T 200,20 T 300,8\");\n  path.setAttribute(\"fill\", \"none\");\n  path.setAttribute(\"stroke\", \"#10B981\");\n  path.setAttribute(\"stroke-width\", \"3\");\n  path.setAttribute(\"stroke-linecap\", \"round\");\n\n  \/\/ Gradient fill under path\n  const defs = document.createElementNS(svgNS, \"defs\");\n  const linearGrad = document.createElementNS(svgNS, \"linearGradient\");\n  linearGrad.setAttribute(\"id\", \"greenGlow\");\n  linearGrad.setAttribute(\"x1\", \"0\");\n  linearGrad.setAttribute(\"y1\", \"0\");\n  linearGrad.setAttribute(\"x2\", \"0\");\n  linearGrad.setAttribute(\"y2\", \"1\");\n\n  const stop1 = document.createElementNS(svgNS, \"stop\");\n  stop1.setAttribute(\"offset\", \"0%\");\n  stop1.setAttribute(\"stop-color\", \"#10B981\");\n  stop1.setAttribute(\"stop-opacity\", \"0.4\");\n\n  const stop2 = document.createElementNS(svgNS, \"stop\");\n  stop2.setAttribute(\"offset\", \"100%\");\n  stop2.setAttribute(\"stop-color\", \"#10B981\");\n  stop2.setAttribute(\"stop-opacity\", \"0.0\");\n\n  linearGrad.appendChild(stop1);\n  linearGrad.appendChild(stop2);\n  defs.appendChild(linearGrad);\n  svg.appendChild(defs);\n\n  const fillPath = document.createElementNS(svgNS, \"path\");\n  fillPath.setAttribute(\"d\", \"M 0,55 Q 50,45 100,30 T 200,20 T 300,8 L 300,60 L 0,60 Z\");\n  fillPath.setAttribute(\"fill\", \"url(#greenGlow)\");\n\n  svg.appendChild(fillPath);\n  svg.appendChild(path);\n  container.appendChild(svg);\n}\n\n\/* Contact \/ Booking Form Submission configured to immainuzzaman@gmail.com *\/\nfunction initContactForm() {\n  const form = document.getElementById('booking-form');\n  const formStatus = document.getElementById('form-status');\n\n  if (!form) return;\n\n  form.addEventListener('submit', (e) => {\n    e.preventDefault();\n\n    const name = document.getElementById('full-name').value;\n    const email = document.getElementById('work-email').value;\n    const service = document.getElementById('service-type').value;\n    const message = document.getElementById('message').value;\n\n    const submitBtn = form.querySelector('button[type=\"submit\"]');\n    const originalText = submitBtn.innerText;\n    submitBtn.innerText = 'Sending to immainuzzaman@gmail.com...';\n    submitBtn.disabled = true;\n\n    \/\/ Build mailto link for direct sending client backup\n    const mailtoSubject = encodeURIComponent(`New Consultation Request from ${name}`);\n    const mailtoBody = encodeURIComponent(`Name: ${name}\\nEmail: ${email}\\nService: ${service}\\nMessage:\\n${message}`);\n    const mailtoUrl = `mailto:immainuzzaman@gmail.com?subject=${mailtoSubject}&body=${mailtoBody}`;\n\n    setTimeout(() => {\n      submitBtn.innerText = 'Message Sent! \u2713';\n      submitBtn.style.background = '#10B981';\n      \n      if (formStatus) {\n        formStatus.style.display = 'block';\n        formStatus.style.background = 'rgba(16, 185, 129, 0.15)';\n        formStatus.style.border = '1px solid rgba(16, 185, 129, 0.4)';\n        formStatus.style.color = '#34D399';\n        formStatus.innerHTML = `\ud83c\udf89 Thank you <strong>${name}<\/strong>! Your consultation request has been sent to <strong>immainuzzaman@gmail.com<\/strong>. Mainuzzaman will reply to <em>${email}<\/em> shortly.`;\n      }\n\n      window.location.href = mailtoUrl;\n      form.reset();\n\n      setTimeout(() => {\n        submitBtn.innerText = originalText;\n        submitBtn.disabled = false;\n        submitBtn.style.background = '';\n      }, 6000);\n    }, 1000);\n  });\n}\n\n\/* Lightbox Modal Logic for Proofs \/ Portfolio Images *\/\nfunction initLightboxModal() {\n  const modal = document.getElementById('lightbox-modal');\n  const modalImg = document.getElementById('lightbox-img');\n  const modalCaption = document.getElementById('lightbox-caption');\n  const closeBtn = document.getElementById('lightbox-close');\n\n  if (!modal) return;\n\n  const proofImgs = document.querySelectorAll('.proof-img-clickable');\n  proofImgs.forEach(img => {\n    img.addEventListener('click', () => {\n      const src = img.getAttribute('src');\n      const caption = img.getAttribute('alt') || 'Campaign Proof Screenshot';\n      \n      modalImg.src = src;\n      modalCaption.innerText = caption;\n      modal.classList.add('active');\n    });\n  });\n\n  const closeModal = () => {\n    modal.classList.remove('active');\n  };\n\n  if (closeBtn) closeBtn.addEventListener('click', closeModal);\n\n  modal.addEventListener('click', (e) => {\n    if (e.target === modal || e.target.classList.contains('lightbox-content')) {\n      closeModal();\n    }\n  });\n\n  document.addEventListener('keydown', (e) => {\n    if (e.key === 'Escape' && modal.classList.contains('active')) {\n      closeModal();\n    }\n  });\n}\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Cold Email Specialist | Expert Instantly AI, Apollo, PowerMTA, Klaviyo MAINUZZAMAN Cold Email Specialist &#038; Deliverability Expert Home About Key Expertise Tech Stack Live Proofs FAQ Book a Free Consultation Book a Free Consultation \u2630 \u25cf Cold Email Infrastructure &#038; Deliverability Scaling B2B Outreach with 100% Inbox Placement &#038; Custom Infrastructure Seasoned Email Marketing and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":0,"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"wp:attachment":[{"href":"https:\/\/immainuzzaman.com\/index.php\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}