{"id":1043,"date":"2024-07-18T00:27:11","date_gmt":"2024-07-18T00:27:11","guid":{"rendered":"https:\/\/msianpestcontrol.com\/?page_id=1043"},"modified":"2026-08-13T01:09:36","modified_gmt":"2026-08-13T01:09:36","slug":"about-dragon-fly","status":"publish","type":"page","link":"https:\/\/msianpestcontrol.com\/ms\/tentang-lalat-naga\/","title":{"rendered":"Mengenai Dragon Fly"},"content":{"rendered":"<!-- =========================================================\n     MPC ABOUT DRAGONFLY \u2014 Custom HTML Block\n     Paste into a WordPress Custom HTML block on\n     \/about-dragon-fly\/\n     Scoped to .mpc-df to avoid affecting theme.\n\n     STRATEGY: UNIQUE \u2014 dragonflies are NOT pests, they're\n     beneficial insects that eat mosquitoes. Strategy:\n     - Celebrate dragonflies as beneficial\n     - Bridge to mosquito control (dragonflies eat mosquitoes)\n     - Position MPC as environmentally conscious\n     - \"Love dragonflies? Hate mosquitoes? Get more of one, less\n       of the other.\"\n\n     Content preserved verbatim from original:\n     - Introduction\n     - Biology & Lifecycle (Egg, Nymph, Adult)\n     - Quote about 30-100 mosquitoes\/day\n     - Behaviour and Habitat\n     - Health and Economic Impact\n     - Attracting Dragonflies to Your Garden (3 tips)\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&#038;family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ============================================================\n   MPC ABOUT DRAGONFLY \u2014 scoped to .mpc-df\n   ============================================================ *\/\n.mpc-df {\n  --mpc-blue: #0B3B8C;\n  --mpc-blue-deep: #072560;\n  --mpc-blue-ink: #061B44;\n  --mpc-gold: #C9A34A;\n  --mpc-paper: #FAF8F3;\n  --mpc-line: #E6E1D5;\n  --mpc-ink: #14161C;\n  --mpc-ink-soft: #3A3E4A;\n  --mpc-ink-muted: #6B6F7A;\n  --mpc-wa-green: #25D366;\n  --mpc-success: #1F8A4F;\n  --mpc-teal: #2A7FB4;\n  --mpc-serif: 'Fraunces', Georgia, serif;\n  --mpc-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n  font-family: var(--mpc-sans);\n  color: var(--mpc-ink);\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n}\n.mpc-df *,\n.mpc-df *::before,\n.mpc-df *::after { box-sizing: border-box; }\n.mpc-df a { color: inherit; text-decoration: none; }\n.mpc-df img { max-width: 100%; display: block; }\n.mpc-df p { margin: 0 0 1em 0; }\n.mpc-df ul { list-style: none; padding: 0; margin: 0; }\n.mpc-df h1, .mpc-df h2, .mpc-df h3,\n.mpc-df h4, .mpc-df h5 { margin: 0; }\n\n.mpc-container {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* ============ BUTTONS ============ *\/\n.mpc-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 13px 24px;\n  font-family: var(--mpc-sans);\n  font-weight: 600;\n  font-size: 14px;\n  letter-spacing: 0.01em;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-decoration: none !important;\n  border: none;\n}\n.mpc-btn-wa { background: var(--mpc-wa-green); color: #fff !important; }\n.mpc-btn-wa:hover { background: #1EBE5D; transform: translateY(-1px); color: #fff !important; }\n.mpc-btn-ghost { background: transparent; color: var(--mpc-blue) !important; border: 1px solid var(--mpc-blue); }\n.mpc-btn-ghost:hover { background: var(--mpc-blue); color: #fff !important; }\n.mpc-btn-gold { background: var(--mpc-gold); color: var(--mpc-blue-ink) !important; }\n.mpc-btn-gold:hover { background: #D9B45D; transform: translateY(-1px); }\n\n\/* ============ EYEBROW ============ *\/\n.mpc-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  color: var(--mpc-blue);\n  font-weight: 600;\n  margin-bottom: 20px;\n}\n.mpc-eyebrow::before {\n  content: '';\n  width: 28px; height: 1px;\n  background: var(--mpc-gold);\n}\n\n.mpc-section {\n  padding: 60px 0;\n  margin: 0 -24px;\n}\n.mpc-section .mpc-container { padding: 0 24px; }\n.mpc-section-paper { background: var(--mpc-paper); }\n.mpc-section-white { background: #fff; }\n\n.mpc-section-head {\n  max-width: 760px;\n  margin-bottom: 40px;\n}\n.mpc-section-head.center {\n  margin-left: auto; margin-right: auto;\n  text-align: center;\n}\n.mpc-section-head.center .mpc-eyebrow { justify-content: center; }\n.mpc-section-head.center .mpc-eyebrow::before { display: none; }\n.mpc-section-head.center .mpc-eyebrow::after {\n  content: '';\n  width: 28px; height: 1px;\n  background: var(--mpc-gold);\n  margin-left: 10px;\n}\n.mpc-section-head h2 {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-size: clamp(26px, 3.2vw, 38px);\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n  color: var(--mpc-blue-ink);\n  margin-bottom: 14px;\n}\n.mpc-section-head h2 em { font-style: italic; color: var(--mpc-blue); }\n.mpc-section-head p {\n  font-size: 15.5px;\n  line-height: 1.65;\n  color: var(--mpc-ink-soft);\n  margin: 0;\n}\n\n\/* ============ HERO ============ *\/\n.mpc-hero {\n  background: linear-gradient(180deg, #F0F5FA 0%, #E4EDF6 100%);\n  padding: 70px 0 80px;\n  margin: 0 -24px;\n  border-bottom: 1px solid var(--mpc-line);\n  position: relative;\n  overflow: hidden;\n}\n.mpc-hero::before {\n  content: '';\n  position: absolute;\n  top: -150px; right: -150px;\n  width: 460px; height: 460px;\n  background: radial-gradient(circle, rgba(42,127,180,0.15) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.mpc-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -100px; left: -100px;\n  width: 340px; height: 340px;\n  background: radial-gradient(circle, rgba(31,138,79,0.08) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.mpc-hero-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 50px;\n  align-items: center;\n  position: relative;\n}\n@media (max-width: 900px) { .mpc-hero-grid { grid-template-columns: 1fr; gap: 36px; } }\n.mpc-hero-breadcrumb {\n  font-size: 12px;\n  color: var(--mpc-ink-muted);\n  margin-bottom: 16px;\n}\n.mpc-hero-breadcrumb a { color: var(--mpc-blue); font-weight: 500; }\n.mpc-hero-breadcrumb a:hover { text-decoration: underline !important; }\n.mpc-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 14px;\n  background: rgba(31,138,79,0.12);\n  border: 1px solid rgba(31,138,79,0.4);\n  font-size: 11px;\n  color: var(--mpc-success);\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n.mpc-hero-badge::before {\n  content: '\u2713';\n  font-size: 13px;\n}\n.mpc-hero h1 {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-size: clamp(34px, 4.8vw, 54px);\n  line-height: 1.05;\n  letter-spacing: -0.02em;\n  color: var(--mpc-blue-ink);\n  margin-bottom: 22px;\n}\n.mpc-hero h1 em { font-style: italic; color: var(--mpc-teal); font-weight: 400; }\n.mpc-hero-lead {\n  font-size: 17px;\n  line-height: 1.65;\n  color: var(--mpc-ink-soft);\n  max-width: 520px;\n  margin-bottom: 24px;\n}\n.mpc-hero-lead em { font-style: italic; color: var(--mpc-blue); }\n.mpc-hero-meta {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--mpc-line);\n  border: 1px solid var(--mpc-line);\n  margin-top: 4px;\n}\n@media (max-width: 540px) { .mpc-hero-meta { grid-template-columns: 1fr; } }\n.mpc-hero-meta-item {\n  background: #fff;\n  padding: 16px 18px;\n}\n.mpc-hero-meta-label {\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--mpc-ink-muted);\n  font-weight: 600;\n  margin-bottom: 4px;\n}\n.mpc-hero-meta-val {\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: 15px;\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.01em;\n}\n.mpc-hero-meta-val em {\n  font-style: italic;\n  color: var(--mpc-gold);\n  font-size: 13.5px;\n}\n.mpc-hero-meta-val.good em { color: var(--mpc-success); }\n.mpc-hero-img {\n  position: relative;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  box-shadow: 0 30px 60px -30px rgba(42,127,180,0.4);\n}\n.mpc-hero-img img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n}\n.mpc-hero-tag {\n  position: absolute;\n  bottom: 18px; left: 18px;\n  background: var(--mpc-success);\n  color: #fff;\n  padding: 6px 12px;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  z-index: 2;\n}\n\n\/* ============ INTRO PROSE ============ *\/\n.mpc-intro-prose {\n  background: #fff;\n  border: 1px solid var(--mpc-line);\n  border-left: 4px solid var(--mpc-success);\n  padding: 32px 36px;\n}\n.mpc-intro-prose p {\n  font-size: 15.5px;\n  color: var(--mpc-ink-soft);\n  line-height: 1.75;\n  margin: 0;\n}\n.mpc-intro-prose p strong { color: var(--mpc-blue-ink); font-weight: 600; }\n.mpc-intro-prose p em { font-style: italic; color: var(--mpc-blue); }\n\n\/* ============ STAT CALLOUT (30-100 mosquitoes\/day) ============ *\/\n.mpc-stat-hero {\n  background: linear-gradient(135deg, var(--mpc-blue) 0%, var(--mpc-teal) 100%);\n  color: #fff;\n  padding: 60px 0;\n  margin: 0 -24px;\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n}\n.mpc-stat-hero::before {\n  content: '';\n  position: absolute;\n  top: -100px; left: -100px;\n  width: 340px; height: 340px;\n  background: radial-gradient(circle, rgba(201,163,74,0.15) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.mpc-stat-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -100px; right: -100px;\n  width: 340px; height: 340px;\n  background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.mpc-stat-hero-inner {\n  position: relative;\n  max-width: 780px;\n  margin: 0 auto;\n}\n.mpc-stat-label {\n  font-size: 10.5px;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--mpc-gold);\n  font-weight: 700;\n  margin-bottom: 22px;\n}\n.mpc-stat-number {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-style: italic;\n  font-size: clamp(70px, 12vw, 130px);\n  line-height: 0.95;\n  color: var(--mpc-gold);\n  letter-spacing: -0.04em;\n  margin-bottom: 8px;\n}\n.mpc-stat-unit {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-size: clamp(18px, 2vw, 22px);\n  color: rgba(255,255,255,0.85);\n  font-style: italic;\n  margin-bottom: 24px;\n  letter-spacing: -0.005em;\n}\n.mpc-stat-quote {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-size: clamp(18px, 2.2vw, 24px);\n  line-height: 1.5;\n  color: #fff;\n  padding: 22px 30px;\n  border-top: 1px solid rgba(255,255,255,0.15);\n  border-bottom: 1px solid rgba(255,255,255,0.15);\n  margin: 8px 0 0 0;\n  font-style: italic;\n  letter-spacing: -0.01em;\n}\n.mpc-stat-quote strong {\n  color: var(--mpc-gold);\n  font-weight: 500;\n  font-style: normal;\n}\n\n\/* ============ LIFECYCLE 3 STAGES ============ *\/\n.mpc-lifecycle-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--mpc-line);\n  border: 1px solid var(--mpc-line);\n}\n@media (max-width: 720px) { .mpc-lifecycle-grid { grid-template-columns: 1fr; } }\n\n.mpc-stage {\n  background: #fff;\n  padding: 30px 26px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.mpc-stage-icon {\n  width: 48px; height: 48px;\n  background: var(--mpc-paper);\n  color: var(--mpc-teal);\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  margin-bottom: 6px;\n}\n.mpc-stage-icon svg { width: 24px; height: 24px; }\n.mpc-stage-num {\n  font-family: var(--mpc-serif);\n  font-style: italic;\n  font-size: 12px;\n  color: var(--mpc-gold);\n  font-weight: 500;\n  letter-spacing: 0.04em;\n}\n.mpc-stage h4 {\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: 20px;\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.01em;\n  line-height: 1.2;\n  margin-bottom: 6px;\n}\n.mpc-stage p {\n  font-size: 13.5px;\n  color: var(--mpc-ink-soft);\n  line-height: 1.7;\n  margin: 0;\n}\n.mpc-stage p strong { color: var(--mpc-blue-ink); font-weight: 600; }\n.mpc-stage p em { font-style: italic; color: var(--mpc-blue); }\n\n\/* ============ TWO-COL BLOCK ============ *\/\n.mpc-twocol {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 50px;\n  align-items: center;\n}\n@media (max-width: 820px) { .mpc-twocol { grid-template-columns: 1fr; gap: 32px; } }\n.mpc-twocol.reverse > div:first-child { order: 2; }\n@media (max-width: 820px) { .mpc-twocol.reverse > div:first-child { order: 0; } }\n\n.mpc-twocol h3 {\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: clamp(22px, 2.4vw, 30px);\n  line-height: 1.15;\n  color: var(--mpc-blue-ink);\n  margin-bottom: 14px;\n  letter-spacing: -0.01em;\n}\n.mpc-twocol h3 em { font-style: italic; color: var(--mpc-blue); }\n.mpc-twocol-img {\n  background: var(--mpc-paper);\n  position: relative;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 3;\n  box-shadow: 0 20px 40px -28px rgba(11,59,140,0.25);\n}\n.mpc-twocol-img img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n}\n\n\/* ============ FEATURE ROWS (behaviour, habitat, benefits) ============ *\/\n.mpc-features {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.mpc-feature {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 16px;\n  align-items: start;\n  background: #fff;\n  border: 1px solid var(--mpc-line);\n  padding: 20px 22px;\n  transition: all 0.2s;\n}\n.mpc-feature:hover {\n  border-color: var(--mpc-teal);\n  transform: translateX(2px);\n}\n.mpc-feature-icon {\n  width: 40px; height: 40px;\n  background: var(--mpc-paper);\n  color: var(--mpc-teal);\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n}\n.mpc-feature-icon svg { width: 20px; height: 20px; }\n.mpc-feature-content {\n  padding-top: 6px;\n}\n.mpc-feature-content strong {\n  display: block;\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: 16px;\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.005em;\n  line-height: 1.2;\n  margin-bottom: 4px;\n}\n.mpc-feature-content p {\n  font-size: 13.5px;\n  color: var(--mpc-ink-soft);\n  line-height: 1.65;\n  margin: 0;\n}\n.mpc-feature-content p em { font-style: italic; color: var(--mpc-blue); }\n.mpc-feature-content p strong { color: var(--mpc-blue-ink); font-weight: 600; display: inline; font-size: inherit; font-family: inherit; margin: 0; }\n\n\/* ============ ATTRACTING SECTION (3 tips) ============ *\/\n.mpc-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n@media (max-width: 720px) { .mpc-tips-grid { grid-template-columns: 1fr; } }\n\n.mpc-tip {\n  background: #fff;\n  border: 1px solid var(--mpc-line);\n  border-top: 3px solid var(--mpc-success);\n  padding: 26px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  height: 100%;\n  min-width: 0;\n}\n.mpc-tip-icon {\n  width: 48px; height: 48px;\n  background: var(--mpc-paper);\n  color: var(--mpc-success);\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  margin-bottom: 4px;\n}\n.mpc-tip-icon svg { width: 26px; height: 26px; }\n.mpc-tip h4 {\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: 17px;\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.01em;\n  line-height: 1.25;\n  margin-bottom: 4px;\n}\n.mpc-tip p {\n  font-size: 13px;\n  color: var(--mpc-ink-soft);\n  line-height: 1.65;\n  margin: 0;\n}\n.mpc-tip p em { font-style: italic; color: var(--mpc-blue); }\n\n\/* ============ MID-PAGE BAR (Zone 1) ============ *\/\n.mpc-midbar {\n  background: var(--mpc-paper);\n  border-top: 1px solid var(--mpc-line);\n  border-bottom: 1px solid var(--mpc-line);\n  padding: 24px 0;\n  margin: 0 -24px;\n}\n.mpc-midbar-inner {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  gap: 22px;\n  align-items: center;\n}\n@media (max-width: 720px) {\n  .mpc-midbar-inner {\n    grid-template-columns: 1fr;\n    text-align: center;\n    gap: 14px;\n  }\n}\n.mpc-midbar-icon {\n  width: 44px; height: 44px;\n  background: #fff;\n  border: 1px solid var(--mpc-line);\n  color: var(--mpc-teal);\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n}\n@media (max-width: 720px) {\n  .mpc-midbar-icon { margin: 0 auto; }\n}\n.mpc-midbar-icon svg { width: 22px; height: 22px; }\n.mpc-midbar-text {\n  font-family: var(--mpc-serif);\n  font-size: 15.5px;\n  color: var(--mpc-blue-ink);\n  line-height: 1.5;\n  letter-spacing: -0.005em;\n}\n.mpc-midbar-text em {\n  font-style: italic;\n  color: var(--mpc-blue);\n}\n.mpc-midbar-link {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--mpc-blue);\n  letter-spacing: 0.02em;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\n  border: 1px solid var(--mpc-blue);\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n.mpc-midbar-link:hover {\n  background: var(--mpc-blue);\n  color: #fff !important;\n}\n\n\/* ============ THE MATH BEHIND IT \u2014 strategy section ============ *\/\n.mpc-strategy {\n  background: linear-gradient(135deg, var(--mpc-blue-ink) 0%, var(--mpc-blue-deep) 100%);\n  color: #fff;\n  padding: 70px 0;\n  margin: 0 -24px;\n  position: relative;\n  overflow: hidden;\n}\n.mpc-strategy::before {\n  content: '';\n  position: absolute;\n  top: -100px; right: -100px;\n  width: 400px; height: 400px;\n  background: radial-gradient(circle, rgba(42,127,180,0.2) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.mpc-strategy-inner {\n  position: relative;\n  max-width: 860px;\n  margin: 0 auto;\n}\n.mpc-strategy-eyebrow {\n  font-size: 10.5px;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  color: var(--mpc-gold);\n  font-weight: 700;\n  margin-bottom: 16px;\n}\n.mpc-strategy h2 {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-size: clamp(26px, 3vw, 36px);\n  line-height: 1.15;\n  color: #fff;\n  margin-bottom: 20px;\n  letter-spacing: -0.01em;\n}\n.mpc-strategy h2 em { font-style: italic; color: var(--mpc-gold); }\n.mpc-strategy > .mpc-container > .mpc-strategy-inner > p {\n  color: rgba(255,255,255,0.9);\n  font-size: 15.5px;\n  line-height: 1.75;\n  margin: 0 0 16px 0;\n  max-width: 720px;\n}\n.mpc-strategy > .mpc-container > .mpc-strategy-inner > p strong { color: #fff; }\n.mpc-strategy > .mpc-container > .mpc-strategy-inner > p em {\n  font-style: italic;\n  color: var(--mpc-gold);\n}\n\n.mpc-math-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin: 28px 0 22px 0;\n}\n@media (max-width: 640px) {\n  .mpc-math-grid { grid-template-columns: 1fr; }\n}\n.mpc-math-card {\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  padding: 24px 26px;\n}\n.mpc-math-card.gold {\n  background: rgba(201,163,74,0.1);\n  border-color: rgba(201,163,74,0.3);\n}\n.mpc-math-label {\n  font-size: 10.5px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  font-weight: 700;\n  margin-bottom: 14px;\n}\n.mpc-math-card.gold .mpc-math-label {\n  color: var(--mpc-gold);\n}\n.mpc-math-value {\n  font-family: var(--mpc-serif);\n  font-style: italic;\n  font-size: 32px;\n  color: #fff;\n  font-weight: 500;\n  line-height: 1.1;\n  margin-bottom: 10px;\n  letter-spacing: -0.02em;\n}\n.mpc-math-card.gold .mpc-math-value {\n  color: var(--mpc-gold);\n}\n.mpc-math-note {\n  font-size: 13.5px;\n  color: rgba(255,255,255,0.85);\n  line-height: 1.55;\n  margin: 0;\n}\n\n.mpc-strategy-conclusion {\n  background: rgba(31,138,79,0.15);\n  border: 1px solid rgba(31,138,79,0.35);\n  padding: 20px 24px;\n  margin-top: 22px;\n  font-family: var(--mpc-serif);\n  font-size: 16px;\n  color: #fff;\n  line-height: 1.5;\n  letter-spacing: -0.005em;\n}\n.mpc-strategy-conclusion strong {\n  color: #6FDA98;\n  font-weight: 500;\n}\n.mpc-strategy-conclusion em {\n  font-style: italic;\n  color: var(--mpc-gold);\n}\n\n\/* ============ TRUST STRIP ============ *\/\n.mpc-trust-strip {\n  background: var(--mpc-paper);\n  border-top: 1px solid var(--mpc-line);\n  padding: 44px 0;\n  margin: 0 -24px;\n  text-align: center;\n}\n.mpc-trust-strip-inner {\n  max-width: 780px;\n  margin: 0 auto;\n}\n.mpc-trust-strip-label {\n  font-size: 10.5px;\n  letter-spacing: 0.24em;\n  text-transform: uppercase;\n  color: var(--mpc-gold);\n  font-weight: 700;\n  margin-bottom: 14px;\n}\n.mpc-trust-strip h3 {\n  font-family: var(--mpc-serif);\n  font-weight: 400;\n  font-size: clamp(22px, 2.6vw, 30px);\n  line-height: 1.2;\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.01em;\n  margin-bottom: 14px;\n}\n.mpc-trust-strip h3 em {\n  font-style: italic;\n  color: var(--mpc-blue);\n}\n.mpc-trust-strip-badges {\n  display: flex;\n  justify-content: center;\n  gap: 24px;\n  flex-wrap: wrap;\n  margin-top: 18px;\n  padding-top: 16px;\n  border-top: 1px dashed var(--mpc-line);\n}\n.mpc-trust-strip-badge {\n  font-size: 12px;\n  color: var(--mpc-ink-muted);\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.mpc-trust-strip-badge strong {\n  font-family: var(--mpc-serif);\n  color: var(--mpc-blue-ink);\n  font-weight: 500;\n  font-size: 15px;\n  font-style: italic;\n}\n\n\/* ============ 4-CARD CONVERSION GRID (with Mosquitoes as star) ============ *\/\n.mpc-conv-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  margin-top: 8px;\n}\n@media (max-width: 720px) { .mpc-conv-grid { grid-template-columns: 1fr; } }\n\n.mpc-conv-card {\n  background: #fff;\n  border: 1px solid var(--mpc-line);\n  padding: 26px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  text-decoration: none !important;\n  color: inherit !important;\n  transition: all 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n  min-width: 0;\n}\n.mpc-conv-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0;\n  width: 0;\n  height: 3px;\n  background: var(--mpc-gold);\n  transition: width 0.3s ease;\n}\n.mpc-conv-card:hover {\n  border-color: var(--mpc-blue);\n  transform: translateY(-3px);\n  box-shadow: 0 14px 32px -20px rgba(11,59,140,0.22);\n}\n.mpc-conv-card:hover::before {\n  width: 100%;\n}\n\n\/* Star card for Mosquitoes (the primary conversion) *\/\n.mpc-conv-card.star {\n  border: 2px solid var(--mpc-teal);\n  background: linear-gradient(180deg, #fff 0%, #F4F9FC 100%);\n  position: relative;\n}\n.mpc-conv-card.star::after {\n  content: '\u2605 DRAGONFLY\\'S FAVOURITE';\n  position: absolute;\n  top: 14px; right: 14px;\n  background: var(--mpc-teal);\n  color: #fff;\n  font-size: 9.5px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  padding: 4px 10px;\n  z-index: 3;\n}\n.mpc-conv-card.star .mpc-conv-icon {\n  background: var(--mpc-teal);\n  color: #fff;\n}\n\n.mpc-conv-icon {\n  width: 48px; height: 48px;\n  background: var(--mpc-paper);\n  color: var(--mpc-blue);\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  transition: all 0.3s;\n  flex-shrink: 0;\n}\n.mpc-conv-card:hover .mpc-conv-icon {\n  background: var(--mpc-blue);\n  color: #fff;\n}\n.mpc-conv-card.star:hover .mpc-conv-icon {\n  background: var(--mpc-blue);\n}\n.mpc-conv-icon svg { width: 24px; height: 24px; }\n\n.mpc-conv-hook {\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: clamp(17px, 1.9vw, 19px);\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.005em;\n  line-height: 1.25;\n}\n.mpc-conv-hook em {\n  font-style: italic;\n  color: var(--mpc-blue);\n}\n\n.mpc-conv-price-row {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  padding-top: 4px;\n  border-top: 1px dashed var(--mpc-line);\n  margin-top: 4px;\n}\n.mpc-conv-price-label {\n  font-size: 10.5px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--mpc-ink-muted);\n  font-weight: 600;\n}\n.mpc-conv-price {\n  font-family: var(--mpc-serif);\n  font-style: italic;\n  font-size: 22px;\n  color: var(--mpc-gold);\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  line-height: 1;\n}\n\n.mpc-conv-link {\n  margin-top: auto;\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--mpc-blue);\n  letter-spacing: 0.02em;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  transition: gap 0.2s;\n}\n.mpc-conv-card:hover .mpc-conv-link { gap: 10px; }\n\n.mpc-conv-below {\n  margin-top: 26px;\n  text-align: center;\n  font-size: 13.5px;\n  color: var(--mpc-ink-soft);\n}\n.mpc-conv-below a {\n  color: var(--mpc-blue);\n  font-weight: 600;\n  border-bottom: 1px solid rgba(11,59,140,0.3);\n  transition: border-color 0.2s;\n}\n.mpc-conv-below a:hover {\n  border-bottom-color: var(--mpc-blue);\n}\n.mpc-conv-below em {\n  font-style: italic;\n  color: var(--mpc-blue-ink);\n}\n\n\/* ============ RELATED PAGES ============ *\/\n.mpc-related-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--mpc-line);\n  border: 1px solid var(--mpc-line);\n}\n@media (max-width: 820px) { .mpc-related-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 480px) { .mpc-related-grid { grid-template-columns: 1fr; } }\n\n.mpc-related {\n  background: #fff;\n  padding: 22px 22px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  text-decoration: none !important;\n  color: inherit !important;\n  transition: background 0.25s;\n  position: relative;\n}\n.mpc-related:hover {\n  background: var(--mpc-paper);\n}\n.mpc-related-icon {\n  width: 36px; height: 36px;\n  background: var(--mpc-paper);\n  color: var(--mpc-blue);\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  margin-bottom: 6px;\n}\n.mpc-related-icon svg { width: 18px; height: 18px; }\n.mpc-related-name {\n  font-family: var(--mpc-serif);\n  font-weight: 500;\n  font-size: 16px;\n  color: var(--mpc-blue-ink);\n  letter-spacing: -0.01em;\n  line-height: 1.2;\n}\n.mpc-related-link {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mpc-blue);\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  transition: gap 0.2s;\n  margin-top: 6px;\n}\n.mpc-related:hover .mpc-related-link { gap: 9px; }\n<\/style>\n\n<!-- =====================================================\n     PAGE CONTENT STARTS HERE\n     ===================================================== -->\n<div class=\"mpc-df\">\n\n  <!-- HERO -->\n  <section class=\"mpc-hero\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-hero-grid\">\n        <div>\n          <div class=\"mpc-hero-breadcrumb\">\n            <a href=\"https:\/\/msianpestcontrol.com\/ms\/serangga-perosak-dan-serangga-perosak\/\">Pepijat &amp; Perosak<\/a> &nbsp;\u203a Mengenai Dragon Fly\n          <\/div>\n          <div class=\"mpc-hero-badge\">Serangga Bermanfaat \u00b7 Sekutu Alam Semula Jadi<\/div>\n          <h1>Pepatung \u2014 <em>pemburu nyamuk alam semula jadi.<\/em><\/h1>\n          <p class=\"mpc-hero-lead\">Sering disalah anggap sebagai perosak, pepatung sebenarnya merupakan salah satu daripada <em>serangga yang paling bermanfaat<\/em> anda boleh miliki berhampiran rumah anda. Seekor pepatung memakan 30 hingga 100 ekor nyamuk setiap hari \u2014 membantu melindungi keluarga anda daripada perosak yang benar-benar penting.<\/p>\n\n          <div class=\"mpc-hero-meta\">\n            <div class=\"mpc-hero-meta-item\">\n              <div class=\"mpc-hero-meta-label\">Status<\/div>\n              <div class=\"mpc-hero-meta-val good\">Bermanfaat <em>\u00b7 Dilindungi<\/em><\/div>\n            <\/div>\n            <div class=\"mpc-hero-meta-item\">\n              <div class=\"mpc-hero-meta-label\">Juga dikenali sebagai<\/div>\n              <div class=\"mpc-hero-meta-val\">Lalat Naga \u00b7 \u873b\u8713<\/div>\n            <\/div>\n            <div class=\"mpc-hero-meta-item\">\n              <div class=\"mpc-hero-meta-label\">Diet<\/div>\n              <div class=\"mpc-hero-meta-val\">nyamuk <em>+ lalat kecil<\/em><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"mpc-hero-img\">\n          <span class=\"mpc-hero-tag\">PARUNG \u00b7 SEKUTU ALAM<\/span>\n          <img decoding=\"async\" src=\"https:\/\/msianpestcontrol.com\/wp-content\/uploads\/2024\/07\/Protecting-Your-Homes1.jpg\" alt=\"Pepatung di taman Malaysia \u2014 serangga bermanfaat yang memburu nyamuk\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTRODUCTION (preserved verbatim) -->\n  <section class=\"mpc-section mpc-section-white\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-section-head\">\n        <div class=\"mpc-eyebrow\">pengenalan<\/div>\n        <h2>Bukan perosak \u2014 <em>sekutu taman.<\/em><\/h2>\n        <p>Pepatung berhak mendapat reputasi yang lebih baik daripada yang biasanya mereka dapat di rumah di Malaysia.<\/p>\n      <\/div>\n\n      <div class=\"mpc-intro-prose\">\n        <p><strong>Pepatung<\/strong> sering disalah anggap sebagai perosak, tetapi sebenarnya ia <em>serangga yang bermanfaat<\/em>. Dikenali dengan warna-warna terang dan penerbangannya yang tangkas, pepatung membantu mengawal populasi serangga yang lebih kecil dan berbahaya.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BIG STAT HERO (30-100 mosquitoes\/day) -->\n  <section class=\"mpc-stat-hero\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-stat-hero-inner\">\n        <div class=\"mpc-stat-label\">Tahukah Anda?<\/div>\n        <div class=\"mpc-stat-number\">30\u2013100<\/div>\n        <div class=\"mpc-stat-unit\">nyamuk dimakan <em>setiap pepatung, setiap hari<\/em><\/div>\n        <div class=\"mpc-stat-quote\">\u201c&quot;Tahukah anda bahawa Pepatung adalah serangga yang bermanfaat kerana ia sebenarnya membantu memakan serangga terbang kecil lain seperti nyamuk dan lalat rumah. <strong>Seekor lalat pepatung sahaja mampu makan 30-100 ekor nyamuk sehari<\/strong>\u201c&quot;\u201c<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BIOLOGY & LIFECYCLE -->\n  <section class=\"mpc-section mpc-section-paper\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-section-head center\">\n        <div class=\"mpc-eyebrow\">Biologi &amp; Kitaran Hayat<\/div>\n        <h2>Tiga peringkat bagi <em>nyawa seekor pepatung.<\/em><\/h2>\n        <p>Memahami kitaran hidup pepatung membantu menjelaskan mengapa mereka memerlukan air bersih dan persekitaran yang sihat untuk berkembang maju.<\/p>\n      <\/div>\n\n      <div class=\"mpc-lifecycle-grid\">\n\n        <div class=\"mpc-stage\">\n          <div class=\"mpc-stage-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"12\" rx=\"6\" ry=\"9\"\/><path d=\"M8 16c2 1 4 1 8 0\" opacity=\"0.4\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-stage-num\">Peringkat 01<\/div>\n          <h4>Peringkat Telur<\/h4>\n          <p>Pepatung bertelur <strong>di dalam atau berhampiran air<\/strong>. Telur-telur itu menetas menjadi larva akuatik, yang dipanggil <em>nimfa<\/em>.<\/p>\n        <\/div>\n\n        <div class=\"mpc-stage\">\n          <div class=\"mpc-stage-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 12c2-2 4-2 8 0s4 2 8 0M3 16c3-2 6-2 9 0s6 2 9 0\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-stage-num\">Peringkat 02<\/div>\n          <h4>Peringkat Nimfa<\/h4>\n          <p>Nimfa hidup <strong>bawah air<\/strong> dan adalah <em>pemangsa yang rakus<\/em>, memakan serangga akuatik lain dan juga ikan kecil.<\/p>\n        <\/div>\n\n        <div class=\"mpc-stage\">\n          <div class=\"mpc-stage-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 4v16\"\/><ellipse cx=\"7\" cy=\"9\" rx=\"4\" ry=\"2\"\/><ellipse cx=\"17\" cy=\"9\" rx=\"4\" ry=\"2\"\/><ellipse cx=\"7\" cy=\"15\" rx=\"3\" ry=\"1.5\"\/><ellipse cx=\"17\" cy=\"15\" rx=\"3\" ry=\"1.5\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-stage-num\">Peringkat 03<\/div>\n          <h4>Peringkat Dewasa<\/h4>\n          <p>Selepas berganti kulit, nimfa berubah menjadi <strong>orang dewasa bersayap<\/strong>. Pepatung dewasa adalah <em>penerbang yang berkuasa<\/em> dan terus memburu serangga terbang yang lebih kecil.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BEHAVIOUR & HABITAT -->\n  <section class=\"mpc-section mpc-section-white\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-twocol\">\n        <div>\n          <div class=\"mpc-eyebrow\">Tingkah Laku &amp; Habitat<\/div>\n          <h3>Akrobat udara <em>berhampiran air tawar.<\/em><\/h3>\n\n          <div class=\"mpc-features\">\n\n            <div class=\"mpc-feature\">\n              <div class=\"mpc-feature-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>\n              <\/div>\n              <div class=\"mpc-feature-content\">\n                <strong>Tingkah Laku<\/strong>\n                <p>Pepatung adalah <em>diurnal<\/em> dan sering boleh dilihat berhampiran badan air. Ia <strong>wilayah<\/strong> dan dikenali kerana mereka <em>akrobatik udara<\/em>.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"mpc-feature\">\n              <div class=\"mpc-feature-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 18c3-2 6-2 9 0s6 2 9 0M3 14c3-2 6-2 9 0s6 2 9 0M12 3c-2 2-2 4 0 6\"\/><\/svg>\n              <\/div>\n              <div class=\"mpc-feature-content\">\n                <strong>Habitat<\/strong>\n                <p>Mereka lebih suka persekitaran yang berdekatan <strong>air tawar<\/strong> seperti kolam, tasik dan sungai. Kehadiran <em>tumbuh-tumbuhan akuatik<\/em> adalah penting untuk kitaran hayat mereka.<\/p>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n        <div class=\"mpc-twocol-img\">\n          <img decoding=\"async\" src=\"https:\/\/msianpestcontrol.com\/wp-content\/uploads\/2024\/07\/Protecting-Your-Homes1.jpg\" alt=\"Pepatung berehat di atas tumbuhan berhampiran air \u2014 habitat semula jadi\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- HEALTH & ECONOMIC IMPACT -->\n  <section class=\"mpc-section mpc-section-paper\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-section-head\">\n        <div class=\"mpc-eyebrow\">Impak Kesihatan &amp; Ekonomi<\/div>\n        <h2>Mengapa pepatung <em>berita baik untuk rumah anda.<\/em><\/h2>\n        <p>Gambaran jujur tentang apa yang dilakukan oleh pepatung \u2014 dan mengapa ia sering dilabelkan secara tidak adil sebagai perosak.<\/p>\n      <\/div>\n\n      <div class=\"mpc-features\">\n\n        <div class=\"mpc-feature\">\n          <div class=\"mpc-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2l3 6 6 1-4.5 4.5 1 6.5-5.5-3-5.5 3 1-6.5L3 8l6-1z\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-feature-content\">\n            <strong>Faedah<\/strong>\n            <p>Pepatung adalah <em>pemangsa semula jadi<\/em> nyamuk dan perosak lain. A <strong>seekor pepatung boleh makan antara 30-100 ekor nyamuk setiap hari<\/strong>, membantu mengurangkan populasi serangga berbahaya ini.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mpc-feature\">\n          <div class=\"mpc-feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-feature-content\">\n            <strong>Mengapa Mereka Dilihat sebagai Perosak<\/strong>\n            <p>Kadangkala, orang mungkin <em>secara salah menganggap pepatung sebagai perosak<\/em> kerana persamaannya dengan serangga besar yang lain yang boleh terbang. Pada hakikatnya, ia membantu mengawal serangga yang sebenarnya berbahaya.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ATTRACTING DRAGONFLIES -->\n  <section class=\"mpc-section mpc-section-white\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-section-head center\">\n        <div class=\"mpc-eyebrow\">Menarik Pepatung ke Taman Anda<\/div>\n        <h2>Mahu lebih banyak pepatung? <em>Begini caranya.<\/em><\/h2>\n        <p>Tiga pilihan reka bentuk taman mudah yang menjadikan hartanah anda menarik kepada serangga bermanfaat ini.<\/p>\n      <\/div>\n\n      <div class=\"mpc-tips-grid\">\n\n        <div class=\"mpc-tip\">\n          <div class=\"mpc-tip-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 18c3-2 6-2 9 0s6 2 9 0M3 14c3-2 6-2 9 0s6 2 9 0M3 22c3-2 6-2 9 0s6 2 9 0\"\/><\/svg>\n          <\/div>\n          <h4>Ciri-ciri Air<\/h4>\n          <p>Menambah kolam atau taman air boleh menarik pepatung. Pastikan terdapat <em>tumbuh-tumbuhan akuatik<\/em> untuk mereka bertelur.<\/p>\n        <\/div>\n\n        <div class=\"mpc-tip\">\n          <div class=\"mpc-tip-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2v20M8 6c0 4-2 6-4 6M16 6c0 4 2 6 4 6M8 14c0 4-2 6-4 6M16 14c0 4 2 6 4 6\"\/><\/svg>\n          <\/div>\n          <h4>Tumbuhan<\/h4>\n          <p>Penanaman <em>tumbuhan asli<\/em> di sekitar sumber air boleh menyediakan tempat bertenggek dan tempat pembiakan pepatung.<\/p>\n        <\/div>\n\n        <div class=\"mpc-tip\">\n          <div class=\"mpc-tip-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M5 5l14 14\"\/><\/svg>\n          <\/div>\n          <h4>Elakkan Pestisid<\/h4>\n          <p>Mengurangkan penggunaan racun perosak di taman anda membantu mengekalkan <em>persekitaran yang sihat<\/em> untuk pepatung dan mangsanya.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ ZONE 1: MID-PAGE BAR ============ -->\n  <section class=\"mpc-midbar\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-midbar-inner\">\n        <div class=\"mpc-midbar-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 4v16\"\/><ellipse cx=\"7\" cy=\"9\" rx=\"4\" ry=\"2\"\/><ellipse cx=\"17\" cy=\"9\" rx=\"4\" ry=\"2\"\/><\/svg>\n        <\/div>\n        <div class=\"mpc-midbar-text\">\n          Menarik pepatung memerlukan masa. Untuk pengurangan nyamuk yang lebih cepat \u2014 <em>sambil melindungi serangga yang bermanfaat<\/em> \u2014 rawatan sasaran kami memberikan hasil dalam beberapa hari, bukan musim.\n        <\/div>\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/kawalan-nyamuk\/\" class=\"mpc-midbar-link\">Kawalan nyamuk \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n  <!-- ============ END ZONE 1 ============ -->\n\n  <!-- THE MATH BEHIND IT -->\n  <section class=\"mpc-strategy\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-strategy-inner\">\n        <div class=\"mpc-strategy-eyebrow\">Matematik Di Sebaliknya<\/div>\n        <h2>Pepatung memang menakjubkan \u2014 <em>tetapi angka-angka tidak selalunya sepadan.<\/em><\/h2>\n        <p>Seekor pepatung yang makan 100 nyamuk sehari kedengaran mengagumkan, sehingga anda sedar <strong>seekor nyamuk boleh bertelur lebih 100 biji sekaligus<\/strong>, dan keadaan di Malaysia menghasilkan tempat pembiakan yang ideal sepanjang tahun.<\/p>\n\n        <div class=\"mpc-math-grid\">\n          <div class=\"mpc-math-card\">\n            <div class=\"mpc-math-label\">Pepatung Sendirian<\/div>\n            <div class=\"mpc-math-value\">30\u2013100 \/ hari<\/div>\n            <p class=\"mpc-math-note\">Nyamuk dimakan setiap pepatung, setiap hari. Bermanfaat tetapi terhad oleh populasi pepatung \u2014 yang biasanya kecil di kawasan bandar.<\/p>\n          <\/div>\n          <div class=\"mpc-math-card gold\">\n            <div class=\"mpc-math-label\">Rawatan Alam Semula Jadi + Profesional<\/div>\n            <div class=\"mpc-math-value\">Pengurangan 80\u201395%<\/div>\n            <p class=\"mpc-math-note\">Pengurangan populasi nyamuk biasa daripada rawatan MPC yang disasarkan \u2014 pengasapan, larvisid dan penghapusan sumber \u2014 <em>sambil memelihara serangga bermanfaat seperti pepatung<\/em>.<\/p>\n          <\/div>\n        <\/div>\n\n        <p>Kegunaan kawalan nyamuk moden <strong>rawatan yang disasarkan<\/strong> \u2014 larvisid di tapak pembiakan tertentu, pengabusan haba semasa puncak aktiviti senja, dan pengurangan sumber \u2014 yang mengurangkan populasi nyamuk secara mendadak <em>tanpa penggunaan racun perosak spektrum luas<\/em> yang akan membahayakan serangga yang bermanfaat.<\/p>\n\n        <div class=\"mpc-strategy-conclusion\">\n          <strong>Pendekatan terbaik:<\/strong> menarik pepatung dengan ciri-ciri air dan tumbuhan asli, <em>dan<\/em> Gunakan kawalan nyamuk sasaran profesional untuk perlindungan keluarga terdekat. Alam semula jadi dan rawatan profesional bekerjasama.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TRUST STRIP -->\n  <section class=\"mpc-trust-strip\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-trust-strip-inner\">\n        <div class=\"mpc-trust-strip-label\">Kawalan Perosak Mesra Alam<\/div>\n        <h3>Melindungi keluarga Malaysia sejak 1967 \u2014 <em>dengan menghormati ekosistem.<\/em><\/h3>\n        <div class=\"mpc-trust-strip-badges\">\n          <div class=\"mpc-trust-strip-badge\"><strong>59 tahun<\/strong>&nbsp;kepakaran<\/div>\n          <div class=\"mpc-trust-strip-badge\"><strong>1,000+<\/strong>&nbsp;pelanggan yang dilayan<\/div>\n          <div class=\"mpc-trust-strip-badge\"><strong>ISO 9001<\/strong>&nbsp;diperakui<\/div>\n          <div class=\"mpc-trust-strip-badge\"><strong>Sejak tahun 1967<\/strong><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ ZONE 2: CONVERSION BRIDGE ============ -->\n  <section class=\"mpc-section mpc-section-white\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-section-head center\">\n        <div class=\"mpc-eyebrow\">Serangga Terbang Mengejar Pepatung<\/div>\n        <h2>Melengkapi sifat \u2014 <em>dengan kawalan perosak yang disasarkan.<\/em><\/h2>\n        <p>Pepatung memberi tumpuan kepada serangga terbang. Perkhidmatan kami merangkumi pelbagai jenis \u2014 daripada apa yang dimakan pepatung, hinggalah kepada perosak di darat yang tidak dapat dicapainya.<\/p>\n      <\/div>\n\n      <div class=\"mpc-conv-grid\">\n\n        <!-- Card 1: Mosquitoes (STAR) -->\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/kawalan-nyamuk\/\" class=\"mpc-conv-card star\">\n          <div class=\"mpc-conv-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22V8M9 4l3 4 3-4M4 12l4 3M20 12l-4 3M6 18l2 1M18 18l-2 1\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-conv-hook\">Pepatung makan nyamuk \u2014 <em>selebihnya kami uruskan.<\/em><\/div>\n          <div class=\"mpc-conv-price-row\">\n            <div class=\"mpc-conv-price-label\">Bermula dari<\/div>\n            <div class=\"mpc-conv-price\">RM150<\/div>\n          <\/div>\n          <span class=\"mpc-conv-link\">Kawalan nyamuk \u2192<\/span>\n        <\/a>\n\n        <!-- Card 2: Flies -->\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/kawalan-lalat\/\" class=\"mpc-conv-card\">\n          <div class=\"mpc-conv-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"3\"\/><path d=\"M12 12l-6-4M12 12l6-4M12 12l-6 4M12 12l6 4M12 8V4M12 20v-4\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-conv-hook\">Lalat rumah \u2014 <em>kegemaran pepatung juga.<\/em><\/div>\n          <div class=\"mpc-conv-price-row\">\n            <div class=\"mpc-conv-price-label\">Bermula dari<\/div>\n            <div class=\"mpc-conv-price\">RM 60\/unit<\/div>\n          <\/div>\n          <span class=\"mpc-conv-link\">Kawalan lalat \u2192<\/span>\n        <\/a>\n\n        <!-- Card 3: Cockroaches -->\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/kawalan-lipas\/\" class=\"mpc-conv-card\">\n          <div class=\"mpc-conv-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"14\" rx=\"6\" ry=\"8\"\/><path d=\"M6 10l-3-3M18 10l3-3M8 3l1 3M16 3l-1 3M4 16l-2 2M20 16l2 2\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-conv-hook\">Perosak tanah \u2014 <em>di luar jangkauan pepatung.<\/em><\/div>\n          <div class=\"mpc-conv-price-row\">\n            <div class=\"mpc-conv-price-label\">Bermula dari<\/div>\n            <div class=\"mpc-conv-price\">RM130<\/div>\n          <\/div>\n          <span class=\"mpc-conv-link\">Kawalan lipas \u2192<\/span>\n        <\/a>\n\n        <!-- Card 4: Ants -->\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/kawalan-semut\/\" class=\"mpc-conv-card\">\n          <div class=\"mpc-conv-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"8\" rx=\"2\" ry=\"2.5\"\/><ellipse cx=\"12\" cy=\"13\" rx=\"2.5\" ry=\"3\"\/><ellipse cx=\"12\" cy=\"19\" rx=\"2\" ry=\"2.5\"\/><path d=\"M10 8l-4-2M14 8l4-2M10 13l-5 1M14 13l5 1M10 19l-4 2M14 19l4 2\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-conv-hook\">Semut berarak melalui \u2014 <em>di luar rantaian makanan udara.<\/em><\/div>\n          <div class=\"mpc-conv-price-row\">\n            <div class=\"mpc-conv-price-label\">Bermula dari<\/div>\n            <div class=\"mpc-conv-price\">RM130<\/div>\n          <\/div>\n          <span class=\"mpc-conv-link\">Kawalan semut \u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n      <div class=\"mpc-conv-below\">\n        Ingin melihat <em>senarai harga penuh dahulu?<\/em> Lihat telus kami <a href=\"https:\/\/msianpestcontrol.com\/ms\/harga-atau-caj-kawalan-perosak\/\">panduan harga kawalan perosak<\/a> \u2014 tiada kejutan, tiada yang tidak disengajakan.\n      <\/div>\n    <\/div>\n  <\/section>\n  <!-- ============ END ZONE 2 ============ -->\n\n  <!-- RELATED PAGES -->\n  <section class=\"mpc-section mpc-section-paper\">\n    <div class=\"mpc-container\">\n      <div class=\"mpc-section-head center\">\n        <div class=\"mpc-eyebrow\">Teruskan Membaca<\/div>\n        <h2>Makhluk lain <em>di rumah dan taman Malaysia.<\/em><\/h2>\n        <p>Terokai lebih banyak panduan \u2014 termasuk serangga bermanfaat lain, dan perosak yang perlu diberi perhatian.<\/p>\n      <\/div>\n\n      <div class=\"mpc-related-grid\">\n\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/tentang-nyamuk\/\" class=\"mpc-related\">\n          <div class=\"mpc-related-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22V8M9 4l3 4 3-4M4 12l4 3M20 12l-4 3\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-related-name\">Mengenai Nyamuk<\/div>\n          <span class=\"mpc-related-link\">Baca panduan \u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/tentang-biawak-rumah\/\" class=\"mpc-related\">\n          <div class=\"mpc-related-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12c3-3 6-3 9 0s6 3 9 0M6 8c1-1 2-1 3 0M15 8c1-1 2-1 3 0\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-related-name\">Mengenai Cicak Rumah<\/div>\n          <span class=\"mpc-related-link\">Baca panduan \u2192<\/span> \n        <\/a>\n\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/tentang-labah-labah\/\" class=\"mpc-related\">\n          <div class=\"mpc-related-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M9 9L3 3M15 9l6-6M9 15L3 21M15 15l6 6\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-related-name\">Mengenai Labah-labah<\/div>\n          <span class=\"mpc-related-link\">Baca panduan \u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/tentang-tebuan-lebah\/\" class=\"mpc-related\">\n          <div class=\"mpc-related-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"6\"\/><path d=\"M8 10h8M8 14h8M12 2l-2 4M12 2l2 4\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-related-name\">Lebah, Tebuan &amp; Tebuan<\/div>\n          <span class=\"mpc-related-link\">Baca panduan \u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/about-flies\/\" class=\"mpc-related\">\n          <div class=\"mpc-related-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"3\"\/><path d=\"M12 12l-6-4M12 12l6-4\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-related-name\">Kawalan Lalat<\/div>\n          <span class=\"mpc-related-link\">Baca lebih lanjut \u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/msianpestcontrol.com\/ms\/serangga-perosak-dan-serangga-perosak\/\" class=\"mpc-related\">\n          <div class=\"mpc-related-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\"\/><path d=\"M3 10h18M8 4v16\"\/><\/svg>\n          <\/div>\n          <div class=\"mpc-related-name\">Semua Panduan Perosak<\/div>\n          <span class=\"mpc-related-link\">Layari semua \u2192<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n<!-- END MPC ABOUT DRAGONFLY PAGE -->","protected":false},"excerpt":{"rendered":"<p>Bugs &#038; Pests &nbsp;\u203a&nbsp; About Dragon Fly Beneficial Insect \u00b7 Nature&#8217;s Ally Dragonflies \u2014 nature&#8217;s [&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-1043","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/pages\/1043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/comments?post=1043"}],"version-history":[{"count":4,"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/pages\/1043\/revisions"}],"predecessor-version":[{"id":1387,"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/pages\/1043\/revisions\/1387"}],"wp:attachment":[{"href":"https:\/\/msianpestcontrol.com\/ms\/wp-json\/wp\/v2\/media?parent=1043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}