{"id":1693,"date":"2026-08-03T08:01:19","date_gmt":"2026-08-03T08:01:19","guid":{"rendered":"https:\/\/plannerx.shop\/index.php\/contact-us\/"},"modified":"2026-08-03T08:01:19","modified_gmt":"2026-08-03T08:01:19","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/plannerx.shop\/index.php\/contact-us\/","title":{"rendered":"Contact Us &#8211; I&#8217;M A PLANNER"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1693\" class=\"elementor elementor-1693\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-af7c9dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"af7c9dd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17455d6\" data-id=\"17455d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0fbd72f elementor-widget elementor-widget-html\" data-id=\"0fbd72f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span>Limited Time &mdash; Save 40% with code <code>PLAN40<\/code> &mdash; <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Shop Now<\/a><\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7ccbde elementor-widget elementor-widget-button\" data-id=\"c7ccbde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00d7<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d06630a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d06630a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e1e491d\" data-id=\"e1e491d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-149e371 elementor-widget elementor-widget-html\" data-id=\"149e371\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/plannerx.shop\/\" class=\"ima-nav-logo\">IMA.PLANNER<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81afc07 elementor-widget elementor-widget-html\" data-id=\"81afc07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/about-us\/\">About<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Shop<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/blog\/\">Blog<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/contact-us\/\" class=\"active\">Contact<\/a>\n  <\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9760cf5 elementor-widget elementor-widget-button\" data-id=\"9760cf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Planner<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-102ef8c elementor-widget elementor-widget-html\" data-id=\"102ef8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<button class=\"ima-mob-btn\" id=\"imaMobBtn\" aria-label=\"Toggle menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7148d4 elementor-widget elementor-widget-html\" data-id=\"c7148d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ima-mob-links\" id=\"imaMobLinks\">\n    <a href=\"https:\/\/plannerx.shop\/index.php\/about-us\/\">About<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Shop<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/blog\/\">Blog<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/contact-us\/\" class=\"active\">Contact<\/a>\n\n    <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\" class=\"ima-mob-cta\">Explore Planners<\/a>\n  <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1cf74b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1cf74b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4656e12\" data-id=\"4656e12\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39f83a3 elementor-widget elementor-widget-html\" data-id=\"39f83a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\n(function(){\n  var hdr     = document.getElementById('imaHeader');\n  var annBar  = document.getElementById('imaAnnBar');\n  var mobBtn  = document.getElementById('imaMobBtn');\n  var mobLinks= document.getElementById('imaMobLinks');\n\n  \/\/ Shrink header on scroll\n  window.addEventListener('scroll', function(){\n    hdr.classList.toggle('scrolled', window.scrollY > 50);\n  });\n\n  \/\/ Close announcement bar\n  document.getElementById('imaAnnClose').addEventListener('click', function(){\n    annBar.classList.add('hidden');\n    hdr.classList.add('bar-hidden');\n    document.body.classList.remove('has-ann-bar');\n    document.body.classList.add('no-ann-bar');\n  });\n\n  \/\/ Mobile menu toggle\n  mobBtn.addEventListener('click', function(){\n    mobBtn.classList.toggle('active');\n    mobLinks.classList.toggle('open');\n  });\n\n  \/\/ Auto-close mobile menu on link click\n  mobLinks.querySelectorAll('a').forEach(function(link){\n    link.addEventListener('click', function(){\n      mobBtn.classList.remove('active');\n      mobLinks.classList.remove('open');\n    });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-532f076 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"532f076\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8db9c36\" data-id=\"8db9c36\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed2c3a7 elementor-widget elementor-widget-heading\" data-id=\"ed2c3a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Contact U<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f79416e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f79416e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc7a5be\" data-id=\"dc7a5be\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8976e3f elementor-widget elementor-widget-html\" data-id=\"8976e3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"page-content\">\n\t\t<div class=\"wp-block-cover alignfull is-light\" style=\"margin-top:0;padding-top:0vw;padding-right:0vw;padding-bottom:0vw;padding-left:0vw;min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact Us &mdash; IMA Planner<\/title>\n<!-- TOC suppressed -->\n<style> #toc_container, .ez-toc-container, .wp-block-table-of-contents { display: none !important; } <\/style>\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=Space+Grotesk:wght@300;400;500;600;700;800&amp;family=Space+Mono:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --green:        #2FC48D;\n  --green-light:  #5DD4A8;\n  --green-dark:   #1A8F65;\n  --green-deeper: #0A5C40;\n  --green-pale:   #E6F9F2;\n  --black:        #0A0A0A;\n  --charcoal:     #1C1C1C;\n  --slate:        #3D3D3D;\n  --mid:          #888888;\n  --silver:       #C8C8C8;\n  --smoke:        #F0F0F0;\n  --paper:        #FAFAF7;\n  --white:        #FFFFFF;\n  --teal:         #0DBFA3;\n  --gold:         #F5C842;\n  --red:          #F05A5A;\n  --font-main: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\n  --font-mono: 'Space Mono', 'SF Mono', Menlo, monospace;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  font-family: var(--font-main);\n  background: var(--paper);\n  color: var(--charcoal);\n  line-height: 1.6;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n::-webkit-scrollbar { width: 4px; }\n::-webkit-scrollbar-track { background: var(--smoke); }\n::-webkit-scrollbar-thumb { background: var(--green); border-radius: 2px; }\n\nbody::before {\n  content: '';\n  position: fixed; inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'\/%3E%3C\/svg%3E\");\n  pointer-events: none; z-index: 0; opacity: 1;\n}\n\na { text-decoration: none; color: inherit; transition: color 0.2s; }\n\n\/* &#9472;&#9472; SCROLL PROGRESS &#9472;&#9472; *\/\n.scroll-progress {\n  position: fixed; top: 0; left: 0; height: 2px;\n  background: var(--green); z-index: 9999; width: 0%;\n  transition: width 0.1s ease-out;\n}\n\n\/* &#9472;&#9472; BACK TO TOP &#9472;&#9472; *\/\n.back-to-top {\n  position: fixed; bottom: 30px; right: 30px;\n  width: 44px; height: 44px;\n  background: var(--green); color: var(--white);\n  border: none; border-radius: 50%; cursor: pointer;\n  opacity: 0; visibility: hidden; transform: translateY(20px);\n  transition: all 0.3s ease; z-index: 1000;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 4px 20px rgba(47,196,141,0.3);\n}\n.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }\n.back-to-top:hover { background: var(--green-dark); transform: translateY(-3px); }\n.back-to-top svg { width: 18px; height: 18px; }\n\n\/* &#9472;&#9472; ANIMATIONS &#9472;&#9472; *\/\n.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.delay-100 { transition-delay: .10s; }\n.delay-200 { transition-delay: .20s; }\n.delay-300 { transition-delay: .30s; }\n\n\/* &#9472;&#9472; ANNOUNCEMENT BAR &#9472;&#9472; *\/\n.announcement-bar {\n  position: fixed; top: 0; left: 0; right: 0; height: 36px;\n  background: var(--green); color: var(--white);\n  display: flex; align-items: center; justify-content: center; gap: 12px;\n  font-size: 12px; font-weight: 700; z-index: 200;\n  letter-spacing: 0.05em; text-transform: uppercase;\n  transition: transform 0.3s ease;\n}\n.announcement-bar.hidden { transform: translateY(-100%); }\n.announcement-bar code {\n  font-family: var(--font-mono);\n  background: rgba(0,0,0,0.15);\n  padding: 2px 8px; border-radius: 3px;\n  font-size: 11px;\n}\n.announcement-bar-close {\n  position: absolute; right: 16px;\n  background: none; border: none; color: rgba(255,255,255,0.7);\n  cursor: pointer; font-size: 18px; line-height: 1;\n}\n.announcement-bar-close:hover { color: var(--white); }\n\n\/* &#9472;&#9472; HEADER &#9472;&#9472; *\/\nheader {\n  position: fixed; top: 36px; left: 0; right: 0; z-index: 100;\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 0 64px; height: 60px;\n  background: rgba(250,250,247,0.92);\n  backdrop-filter: blur(12px);\n  border-bottom: 1px solid rgba(10,10,10,0.06);\n  transition: all 0.3s ease;\n}\nheader.scrolled { height: 56px; background: rgba(250,250,247,0.98); box-shadow: 0 4px 20px rgba(0,0,0,0.05); }\n\n.nav-logo {\n  font-size: 13px; font-weight: 700; letter-spacing: 0.1em;\n  color: var(--green-dark); text-transform: uppercase;\n  display: flex; align-items: center; gap: 8px;\n}\n.nav-logo::before {\n  content: ''; width: 8px; height: 8px;\n  background: var(--green); border-radius: 1px;\n}\n\nheader nav { display: flex; gap: 32px; }\nheader nav a {\n  font-size: 11px; font-weight: 500; letter-spacing: 0.12em;\n  text-transform: uppercase; color: var(--slate); transition: color 0.2s;\n}\nheader nav a:hover { color: var(--green-dark); }\nheader nav a.active { color: var(--green-dark); }\n\n.nav-cta {\n  background: var(--black); color: var(--white);\n  font-weight: 700; font-size: 11px; letter-spacing: 0.1em;\n  text-transform: uppercase; padding: 10px 20px;\n  border-radius: 6px; transition: all 0.2s;\n}\n.nav-cta:hover {\n  background: var(--green); color: var(--white);\n  transform: translateY(-1px);\n  box-shadow: 0 6px 16px rgba(47,196,141,0.3);\n}\n\n.mobile-menu-btn { display: none; background: none; border: none; cursor: pointer; padding: 8px; }\n.mobile-menu-links { display: none; }\n.mobile-menu-btn span { display: block; width: 22px; height: 2px; background: var(--green-dark); margin: 4px 0; transition: all 0.3s ease; }\n.mobile-menu-btn.active span:nth-child(1) { transform: rotate(45deg) translate(4px,5px); }\n.mobile-menu-btn.active span:nth-child(2) { opacity: 0; }\n.mobile-menu-btn.active span:nth-child(3) { transform: rotate(-45deg) translate(4px,-5px); }\n\n@media (max-width: 768px) {\n  header { padding: 0 20px; }\n  header nav { display: none; }\n  .nav-cta { display: none; }\n  .mobile-menu-btn { display: block; }\n  .mobile-menu-links {\n    display: none; flex-direction: column;\n    position: absolute; top: 60px; left: 0; right: 0;\n    background: var(--white); padding: 20px;\n    border-bottom: 1px solid rgba(10,10,10,0.06);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08); gap: 16px;\n  }\n  .mobile-menu-links.open { display: flex; }\n  .mobile-menu-links a {\n    font-size: 13px; color: var(--slate); font-weight: 500;\n    padding: 6px 0; letter-spacing: 0.12em; text-transform: uppercase;\n  }\n  .mobile-menu-links a.active { color: var(--green-dark); }\n}\n\n\/* &#9472;&#9472; TYPOGRAPHY &#9472;&#9472; *\/\n.section-label {\n  font-size: 10px; font-weight: 600; letter-spacing: 0.2em;\n  text-transform: uppercase; color: var(--green-dark);\n  margin-bottom: 12px;\n  display: flex; align-items: center; gap: 12px;\n  font-family: var(--font-mono);\n}\n.section-label::before { content: ''; display: block; width: 24px; height: 1px; background: var(--green-dark); }\n.section-label.center { justify-content: center; }\n.section-label.center::before { display: none; }\n\nh2 {\n  font-size: clamp(28px, 4vw, 44px);\n  font-weight: 700; letter-spacing: -0.03em;\n  color: var(--black); line-height: 1.1; margin-bottom: 16px;\n}\nh2 .accent { color: var(--green); }\n\n.divider {\n  width: 100%; height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(47,196,141,0.2), transparent);\n  max-width: calc(1400px - 128px); margin: 0 auto;\n}\n\n\/* &#9552;&#9552; CONTACT HERO &#9552;&#9552; *\/\n.contact-hero {\n  width: 100%;\n  position: relative; overflow: hidden;\n  padding: 160px 64px 80px;\n  text-align: center;\n}\n.hero-grid-bg {\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(47,196,141,0.08) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(47,196,141,0.08) 1px, transparent 1px);\n  background-size: 48px 48px;\n  pointer-events: none;\n  mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);\n  -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);\n}\n.hero-glow {\n  position: absolute;\n  width: 700px; height: 700px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(47,196,141,0.18) 0%, transparent 70%);\n  top: -300px; left: 50%; transform: translateX(-50%);\n  pointer-events: none;\n}\n.contact-hero .inner {\n  position: relative; z-index: 2;\n  max-width: 700px; margin: 0 auto;\n}\n.hero-eyebrow {\n  font-size: 11px; font-weight: 600; letter-spacing: 0.25em;\n  text-transform: uppercase; color: var(--green-dark);\n  margin-bottom: 24px;\n  display: flex; align-items: center; justify-content: center; gap: 12px;\n  font-family: var(--font-mono);\n}\n.hero-eyebrow::before, .hero-eyebrow::after {\n  content: ''; width: 32px; height: 1px; background: var(--green-dark);\n}\n.contact-hero h1 {\n  font-size: clamp(40px, 6vw, 72px);\n  font-weight: 700; letter-spacing: -0.04em;\n  line-height: 0.96; margin-bottom: 24px; color: var(--black);\n}\n.contact-hero h1 .accent { color: var(--green); }\n.contact-hero h1 .outline { -webkit-text-stroke: 1px rgba(10,10,10,0.3); color: transparent; }\n.contact-hero .desc {\n  font-size: 17px; color: var(--slate);\n  max-width: 540px; line-height: 1.7; margin: 0 auto 40px;\n}\n\n\/* Response time chips *\/\n.response-chips {\n  display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;\n}\n.chip {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 8px 16px;\n  background: var(--white);\n  border: 1px solid rgba(10,10,10,0.08);\n  border-radius: 999px;\n  font-size: 12px; font-weight: 600;\n  color: var(--slate);\n}\n.chip .dot {\n  width: 6px; height: 6px; border-radius: 50%;\n  background: var(--green);\n  flex-shrink: 0;\n}\n.chip .dot.gold { background: var(--gold); }\n.chip .dot.blue { background: #3B82F6; }\n\n@media (max-width: 768px) {\n  .contact-hero { padding: 140px 20px 60px; }\n  .contact-hero h1 { font-size: 52px; }\n}\n\n\/* &#9552;&#9552; CONTACT SECTION &#9552;&#9552; *\/\n.contact-section {\n  width: 100%;\n  padding: 0 0 80px;\n  position: relative; z-index: 1;\n}\n.contact-section-inner {\n  max-width: 1200px; margin: 0 auto;\n  padding: 0 64px;\n}\n.contact-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n\/* Form card: full width, centred *\/\n.contact-form-wrap {\n  width: 100%;\n}\n\n\/* Info row: 2x2 grid of cards below the form *\/\n.contact-info {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto;\n  gap: 16px;\n  align-items: stretch;\n}\n\n@media (max-width: 600px) {\n  .contact-info { grid-template-columns: 1fr; }\n}\n\n\/* &#9472;&#9472; FORM CARD &#9472;&#9472; *\/\n.contact-form-wrap {\n  background: var(--white);\n  border-radius: 20px;\n  border: 1px solid rgba(10,10,10,0.06);\n  box-shadow: 0 8px 32px rgba(10,10,10,0.06);\n  padding: 48px;\n  display: flex; flex-direction: column;\n}\n.contact-form-wrap .form-head { margin-bottom: 32px; }\n.contact-form-wrap h3 {\n  font-size: 22px; font-weight: 700;\n  color: var(--black); margin-bottom: 8px;\n  letter-spacing: -0.02em;\n}\n.contact-form-wrap .form-desc {\n  font-size: 13px; color: var(--slate); line-height: 1.6;\n}\n\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.form-group { margin-bottom: 18px; }\n.form-group label {\n  display: block;\n  font-family: var(--font-mono);\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.15em; text-transform: uppercase;\n  color: var(--green-dark); margin-bottom: 8px;\n}\n.form-group label .req { color: var(--red); margin-left: 2px; }\n.form-group input,\n.form-group select,\n.form-group textarea {\n  width: 100%; padding: 13px 16px; border-radius: 8px;\n  border: 1px solid rgba(10,10,10,0.1);\n  background: var(--paper);\n  font-family: var(--font-main); font-size: 14px;\n  color: var(--charcoal); outline: none;\n  transition: all 0.2s ease;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n  border-color: var(--green);\n  box-shadow: 0 0 0 3px rgba(47,196,141,0.12);\n  background: var(--white);\n}\n.form-group input::placeholder,\n.form-group textarea::placeholder { color: var(--mid); font-size: 13px; }\n.form-group textarea { min-height: 120px; resize: vertical; }\n.form-group select {\n  appearance: none; -webkit-appearance: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%232FC48D' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 36px; cursor: pointer;\n}\n.form-group select option { background: var(--white); }\n\n\/* &#9472;&#9472; FILE ATTACHMENT &#9472;&#9472; *\/\n.file-upload-area {\n  border: 2px dashed rgba(47,196,141,0.3);\n  border-radius: 10px;\n  padding: 24px 20px;\n  text-align: center;\n  cursor: pointer;\n  background: var(--paper);\n  transition: all 0.2s ease;\n  position: relative;\n  margin-bottom: 18px;\n}\n.file-upload-area:hover,\n.file-upload-area.drag-over {\n  border-color: var(--green);\n  background: var(--green-pale);\n}\n.file-upload-area input[type=\"file\"] {\n  position: absolute; inset: 0;\n  opacity: 0; cursor: pointer;\n  width: 100%; height: 100%;\n}\n.file-upload-icon {\n  width: 40px; height: 40px;\n  background: var(--green-pale);\n  border: 1px solid rgba(47,196,141,0.2);\n  border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 10px;\n}\n.file-upload-icon svg { width: 20px; height: 20px; stroke: var(--green-dark); fill: none; stroke-width: 2; }\n.file-upload-title { font-size: 13px; font-weight: 600; color: var(--charcoal); margin-bottom: 4px; }\n.file-upload-title span { color: var(--green-dark); text-decoration: underline; }\n.file-upload-hint { font-size: 11px; color: var(--mid); font-family: var(--font-mono); letter-spacing: 0.04em; }\n.file-list { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }\n.file-item {\n  display: flex; align-items: center; gap: 10px;\n  background: var(--green-pale);\n  border: 1px solid rgba(47,196,141,0.2);\n  border-radius: 6px; padding: 8px 12px;\n  font-size: 12px; color: var(--green-deeper);\n}\n.file-item svg { width: 14px; height: 14px; stroke: var(--green-dark); fill: none; stroke-width: 2; flex-shrink: 0; }\n.file-item .file-name { flex: 1; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.file-item .file-size { color: var(--mid); font-family: var(--font-mono); font-size: 10px; flex-shrink: 0; }\n.file-item .file-remove { background: none; border: none; cursor: pointer; color: var(--mid); font-size: 16px; line-height: 1; padding: 0; transition: color 0.2s; flex-shrink: 0; }\n.file-item .file-remove:hover { color: var(--red); }\n\n.form-submit {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--green); color: var(--white);\n  font-weight: 700; font-size: 12px;\n  padding: 14px 28px; border-radius: 8px;\n  border: none; cursor: pointer;\n  font-family: var(--font-main);\n  letter-spacing: 0.12em; text-transform: uppercase;\n  transition: all 0.3s ease; width: 100%; justify-content: center;\n}\n.form-submit:hover {\n  background: var(--green-dark);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(47,196,141,0.35);\n}\n.form-submit svg { width: 14px; height: 14px; transition: transform 0.3s ease; }\n.form-submit:hover svg { transform: translateX(4px); }\n\n.success-message {\n  display: none;\n  background: var(--green-pale);\n  border: 1px solid rgba(47,196,141,0.3);\n  border-left: 3px solid var(--green);\n  border-radius: 10px; padding: 24px;\n  text-align: center; margin-top: 20px;\n}\n.success-message.show { display: block; }\n.success-message .check-icon {\n  width: 48px; height: 48px; border-radius: 50%;\n  background: var(--green); color: var(--white);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 20px; margin: 0 auto 12px;\n}\n.success-message h4 {\n  color: var(--green-dark); font-size: 16px;\n  font-weight: 700; margin-bottom: 6px;\n}\n.success-message p { color: var(--slate); font-size: 13px; }\n\n\/* &#9472;&#9472; INFO SIDE &#9472;&#9472; *\/\n\n.info-card {\n  background: var(--white);\n  border-radius: 14px;\n  border: 1px solid rgba(10,10,10,0.06);\n  padding: 24px;\n  display: flex; align-items: flex-start; gap: 16px;\n  transition: all 0.3s ease;\n  height: 100%;\n}\n.info-card:hover {\n  border-color: rgba(47,196,141,0.3);\n  box-shadow: 0 12px 28px rgba(10,10,10,0.07);\n}\n.info-card .icon {\n  width: 44px; height: 44px; border-radius: 10px;\n  background: var(--green-pale);\n  border: 1px solid rgba(47,196,141,0.2);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0; transition: all 0.3s ease;\n}\n.info-card:hover .icon { background: var(--green); border-color: var(--green); }\n.info-card .icon svg { width: 20px; height: 20px; stroke: var(--green-dark); fill: none; stroke-width: 2; transition: stroke 0.3s ease; }\n.info-card:hover .icon svg { stroke: var(--white); }\n.info-card .text h4 {\n  font-size: 14px; font-weight: 700;\n  color: var(--black); margin-bottom: 4px;\n  letter-spacing: -0.01em;\n}\n.info-card .text p {\n  font-size: 13px; color: var(--slate); line-height: 1.6;\n}\n.info-card .text a {\n  color: var(--green-dark); font-weight: 600;\n  font-size: 13px; transition: color 0.2s;\n}\n.info-card .text a:hover { color: var(--black); }\n\n\/* Response time badge *\/\n.response-badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--green-pale);\n  border: 1px solid rgba(47,196,141,0.2);\n  padding: 4px 10px; border-radius: 999px;\n  font-family: var(--font-mono);\n  font-size: 9px; font-weight: 700;\n  color: var(--green-dark);\n  letter-spacing: 0.08em; text-transform: uppercase;\n  margin-top: 8px; display: inline-flex;\n}\n.response-badge::before {\n  content: '';\n  width: 6px; height: 6px; border-radius: 50%;\n  background: var(--green);\n}\n\n\/* Social links *\/\n.social-links { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }\n.social-link {\n  width: 36px; height: 36px; border-radius: 8px;\n  background: rgba(47,196,141,0.08);\n  border: 1px solid rgba(47,196,141,0.15);\n  display: flex; align-items: center; justify-content: center;\n  transition: all 0.2s ease;\n}\n.social-link:hover { background: var(--green); border-color: var(--green); transform: translateY(-2px); }\n.social-link svg { width: 15px; height: 15px; fill: var(--green-dark); transition: fill 0.2s ease; }\n.social-link:hover svg { fill: var(--white); }\n\n\/* Hours card *\/\n.hours-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 8px; margin-top: 10px;\n}\n.hours-row {\n  display: flex; flex-direction: column;\n  font-size: 12px;\n}\n.hours-row .day {\n  font-family: var(--font-mono);\n  font-size: 9px; font-weight: 700;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--mid); margin-bottom: 2px;\n}\n.hours-row .time {\n  font-size: 13px; font-weight: 600; color: var(--charcoal);\n}\n.hours-row .closed { color: var(--mid); font-weight: 400; }\n\n@media (max-width: 968px) {\n  .contact-form-wrap { padding: 32px 24px; }\n  .form-row { grid-template-columns: 1fr; }\n  .contact-section-inner { padding: 0 20px; }\n}\n\n\/* &#9552;&#9552; FAQ MINI &#9552;&#9552; *\/\n.faq-section {\n  width: 100%;\n  padding: 100px 0;\n  position: relative; z-index: 1;\n}\n.faq-section-inner {\n  max-width: 820px; margin: 0 auto;\n  padding: 0 64px;\n}\n.faq-section .head { text-align: center; margin-bottom: 40px; }\n.faq-section .head p {\n  color: var(--slate); max-width: 560px;\n  margin: 0 auto; font-size: 14px; line-height: 1.7;\n}\n.faq-item {\n  background: var(--white);\n  border-radius: 12px;\n  border: 1px solid rgba(10,10,10,0.06);\n  box-shadow: 0 2px 6px rgba(10,10,10,0.02);\n  margin-bottom: 8px;\n  overflow: hidden; transition: all 0.2s ease;\n}\n.faq-item:hover { border-color: rgba(47,196,141,0.3); }\n.faq-item button {\n  width: 100%;\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 18px 22px;\n  font-weight: 500; font-size: 14px;\n  background: none; border: none; cursor: pointer;\n  text-align: left; font-family: var(--font-main);\n  color: var(--black); line-height: 1.4; gap: 16px;\n  transition: color 0.2s ease;\n}\n.faq-item button:hover { color: var(--green-dark); }\n.faq-item .chevron {\n  width: 22px; height: 22px;\n  border: 1px solid var(--green-dark); border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 11px; font-weight: 700; color: var(--green-dark);\n  transition: all 0.3s ease; flex-shrink: 0;\n}\n.faq-item .chevron.open { transform: rotate(180deg); background: var(--green-dark); color: var(--white); }\n.faq-item .answer {\n  max-height: 0; overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease;\n  padding: 0 22px;\n  color: var(--slate); font-size: 13px; line-height: 1.7;\n}\n.faq-item .answer.open { max-height: 400px; padding: 0 22px 18px; }\n\n@media (max-width: 768px) {\n  .faq-section { padding: 60px 0; }\n  .faq-section-inner { padding: 0 20px; }\n}\n\n\/* &#9552;&#9552; NEWSLETTER &#9552;&#9552; *\/\n.newsletter {\n  background: var(--charcoal);\n  padding: 60px 0; text-align: center;\n  position: relative; z-index: 1;\n  border-top: 1px solid rgba(47,196,141,0.1);\n  overflow: hidden;\n}\n.newsletter::before {\n  content: ''; position: absolute; inset: 0;\n  background: radial-gradient(circle at 50% 50%, rgba(47,196,141,0.06) 0%, transparent 70%);\n  pointer-events: none;\n}\n.newsletter .container {\n  max-width: 600px; margin: 0 auto;\n  padding: 0 24px; position: relative; z-index: 1;\n}\n.newsletter .section-label { justify-content: center; color: var(--green); }\n.newsletter .section-label::before { background: var(--green); }\n.newsletter h2 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 12px; color: var(--white); }\n.newsletter h2 .accent { color: var(--green); }\n.newsletter p { color: var(--mid); font-size: 14px; max-width: 480px; margin: 0 auto 28px; line-height: 1.7; }\n.newsletter .form { display: flex; gap: 8px; max-width: 460px; margin: 0 auto; }\n.newsletter input {\n  flex: 1; padding: 13px 16px; border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.1);\n  background: rgba(255,255,255,0.04);\n  font-family: var(--font-main); font-size: 13px;\n  color: var(--white); outline: none; transition: border-color 0.2s;\n}\n.newsletter input::placeholder { color: var(--mid); }\n.newsletter input:focus { border-color: var(--green); }\n.newsletter button {\n  background: var(--green); color: var(--white);\n  font-weight: 700; font-size: 11px;\n  padding: 13px 24px; border-radius: 8px;\n  letter-spacing: 0.12em; text-transform: uppercase;\n  border: none; cursor: pointer; font-family: var(--font-main);\n  transition: all 0.2s ease;\n}\n.newsletter button:hover { background: var(--green-dark); transform: translateY(-1px); }\n@media (max-width: 768px) { .newsletter .form { flex-direction: column; } }\n\n\/* &#9552;&#9552; FOOTER &#9552;&#9552; *\/\nfooter {\n  border-top: 1px solid rgba(10,10,10,0.06);\n  width: 100%; position: relative; z-index: 1;\n  background: var(--white);\n}\n.footer-inner {\n  max-width: 1400px; margin: 0 auto;\n  padding: 50px 64px 30px;\n}\nfooter .grid {\n  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n  gap: 48px; margin-bottom: 32px;\n}\nfooter .brand h3 {\n  font-size: 13px; font-weight: 700;\n  color: var(--green-dark); letter-spacing: 0.1em;\n  text-transform: uppercase; margin-bottom: 12px;\n  display: flex; align-items: center; gap: 8px;\n}\nfooter .brand h3::before { content: ''; width: 8px; height: 8px; background: var(--green); border-radius: 1px; }\nfooter .brand .tagline { color: var(--green-dark); font-weight: 600; font-size: 13px; margin-bottom: 12px; }\nfooter .brand p { color: var(--slate); font-size: 12px; line-height: 1.7; max-width: 320px; }\nfooter .col h4 {\n  font-family: var(--font-mono);\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.15em; text-transform: uppercase;\n  color: var(--green-dark); margin-bottom: 16px;\n}\nfooter .col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }\nfooter .col ul li a { font-size: 12px; color: var(--slate); transition: color 0.2s ease; }\nfooter .col ul li a:hover, footer .col ul li a.active { color: var(--green-dark); }\nfooter .social-icons { display: flex; gap: 8px; margin-top: 8px; }\nfooter .social-icons a {\n  width: 32px; height: 32px; border-radius: 6px;\n  background: rgba(47,196,141,0.08);\n  border: 1px solid rgba(47,196,141,0.15);\n  display: flex; align-items: center; justify-content: center;\n  transition: all 0.2s ease;\n}\nfooter .social-icons a:hover { background: var(--green); border-color: var(--green); }\nfooter .social-icons a svg { width: 14px; height: 14px; fill: var(--green-dark); transition: fill 0.2s ease; }\nfooter .social-icons a:hover svg { fill: var(--white); }\nfooter .bottom {\n  padding-top: 24px;\n  border-top: 1px solid rgba(10,10,10,0.05);\n  display: flex; justify-content: space-between; align-items: center;\n  font-size: 11px; color: var(--mid); letter-spacing: 0.05em;\n}\nfooter .bottom .brand-mark { font-family: var(--font-mono); color: var(--green-dark); font-weight: 700; font-size: 10px; letter-spacing: 0.1em; }\n@media (max-width: 768px) { .footer-inner { padding: 40px 20px; } footer .grid { grid-template-columns: 1fr 1fr; gap: 28px; } }\n@media (max-width: 500px) { footer .grid { grid-template-columns: 1fr; } footer .bottom { flex-direction: column; gap: 10px; text-align: center; } }\n<\/style>\n\n\n\n<div class=\"scroll-progress\" id=\"scrollProgress\" style=\"width: 0%;\"><\/div>\n\n<button class=\"back-to-top\" id=\"backToTop\" aria-label=\"Back to top\">\n  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 15l-6-6-6 6\"><\/path><\/svg>\n<\/button>\n\n<!-- &#9552;&#9552; ANNOUNCEMENT BAR &#9552;&#9552; -->\n<div class=\"announcement-bar\" id=\"announcementBar\">\n  <span>Limited Time &mdash; Save 40% with code <code>PLAN40<\/code><\/span>\n  <button class=\"announcement-bar-close\" id=\"announcementBarClose\">&times;<\/button>\n<\/div>\n\n<!-- &#9552;&#9552; HEADER &#9552;&#9552; -->\n<header id=\"mainHeader\" class=\"\">\n  <a href=\"https:\/\/plannerx.shop\/\" class=\"nav-logo\">IMA.PLANNER<\/a>\n  <nav>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/about-us\/\">About<\/a>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Shop<\/a>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/blog\/\">Blog<\/a>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/contact-us\/\" class=\"active\">Contact<\/a>\n  <\/nav>\n  <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\" class=\"nav-cta\">Explore Planners<\/a>\n  <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\" aria-label=\"Toggle menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n  <div class=\"mobile-menu-links\" id=\"mobileMenuLinks\">\n    <a href=\"https:\/\/plannerx.shop\/index.php\/about-us\/\">About<\/a>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Shop<\/a>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/blog\/\">Blog<\/a>\n    <a href=\"https:\/\/plannerx.shop\/index.php\/contact-us\/\" class=\"active\">Contact<\/a>\n  <\/div>\n<\/header>\n\n<!-- &#9552;&#9552; HERO &#9552;&#9552; -->\n<section class=\"contact-hero\">\n  <div class=\"hero-grid-bg\"><\/div>\n  <div class=\"hero-glow\"><\/div>\n  <div class=\"inner reveal visible\" style=\"\">\n    <div class=\"hero-eyebrow\">Get In Touch<\/div>\n    <div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents <span class=\"toc_toggle\"><span class=\"toc_brackets\">[<\/span><a href=\"#\">hide<\/a><span class=\"toc_brackets\">]<\/span><\/span><\/p><ul class=\"toc_list\"><li><a href=\"#Let8217s_TalkPlanning\"><span class=\"toc_number toc_depth_1\">1<\/span> Let&rsquo;s TalkPlanning<\/a><ul style=\"\"><li><ul style=\"\"><li><a href=\"#How_can_we_help_you\"><span class=\"toc_number toc_depth_3\">1.0.1<\/span> How can we help you?<\/a><ul style=\"\"><li><a href=\"#Message_Sent\"><span class=\"toc_number toc_depth_4\">1.0.1.1<\/span> Message Sent!<\/a><\/li><li><a href=\"#Email_Us\"><span class=\"toc_number toc_depth_4\">1.0.1.2<\/span> Email Us<\/a><\/li><li><a href=\"#Call_or_WhatsApp\"><span class=\"toc_number toc_depth_4\">1.0.1.3<\/span> Call or WhatsApp<\/a><\/li><li><a href=\"#Business_Hours\"><span class=\"toc_number toc_depth_4\">1.0.1.4<\/span> Business Hours<\/a><\/li><li><a href=\"#Follow_Us\"><span class=\"toc_number toc_depth_4\">1.0.1.5<\/span> Follow Us<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#Before_you_reach_out\"><span class=\"toc_number toc_depth_2\">1.1<\/span> Before you reach out<\/a><\/li><li><a href=\"#Stay_Organised_Stay_Ahead\"><span class=\"toc_number toc_depth_2\">1.2<\/span> Stay Organised, Stay Ahead<\/a><ul style=\"\"><li><a href=\"#IMAPLANNER\"><span class=\"toc_number toc_depth_3\">1.2.1<\/span> IMA.PLANNER<\/a><ul style=\"\"><li><a href=\"#Resources\"><span class=\"toc_number toc_depth_4\">1.2.1.1<\/span> Resources<\/a><\/li><li><a href=\"#Planners\"><span class=\"toc_number toc_depth_4\">1.2.1.2<\/span> Planners<\/a><\/li><li><a href=\"#Connect\"><span class=\"toc_number toc_depth_4\">1.2.1.3<\/span> Connect<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/div>\n<h1><span id=\"Let8217s_TalkPlanning\">Let&rsquo;s <span class=\"accent\">Talk<\/span><br><span class=\"outline\">Planning<\/span><\/span><\/h1>\n    <p class=\"desc\">Have a question, need support, or want a custom planner? We&rsquo;re here and happy to help &mdash; usually within 24 hours.<\/p>\n    <div class=\"response-chips\">\n      <div class=\"chip\"><span class=\"dot\"><\/span> Replies within 24h<\/div>\n      <div class=\"chip\"><span class=\"dot gold\"><\/span> Mon&ndash;Fri Support<\/div>\n      <div class=\"chip\"><span class=\"dot blue\"><\/span> Custom Planner Requests<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- &#9552;&#9552; CONTACT GRID &#9552;&#9552; -->\n<section class=\"contact-section\">\n  <div class=\"contact-section-inner\">\n    <div class=\"contact-grid\">\n\n      <!-- FORM -->\n      <div class=\"contact-form-wrap reveal visible\" style=\"\">\n        <div class=\"form-head\">\n          <div class=\"section-label\">Send a Message<\/div>\n          <h3><span id=\"How_can_we_help_you\">How can we help you?<\/span><\/h3>\n          <p class=\"form-desc\">Fill in the form and we&rsquo;ll get back to you as soon as possible. Fields marked <span style=\"color:var(--red)\">*<\/span> are required.<\/p>\n        <\/div>\n\n        <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label>First Name <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" placeholder=\"Jane\" required=\"\">\n            <\/div>\n            <div class=\"form-group\">\n              <label>Last Name <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" placeholder=\"Smith\" required=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label>Email Address <span class=\"req\">*<\/span><\/label>\n            <input type=\"email\" placeholder=\"jane@example.com\" required=\"\">\n          <\/div>\n\n          <div class=\"form-group\">\n            <label>Subject<\/label>\n            <select>\n              <option value=\"\" disabled selected>Select a topic<\/option>\n              <option value=\"general\">General Inquiry<\/option>\n              <option value=\"support\">Product Support<\/option>\n              <option value=\"custom\">Custom Planner Request<\/option>\n              <option value=\"feedback\">Feedback &amp; Suggestions<\/option>\n              <option value=\"refund\">Refund Request<\/option>\n              <option value=\"partnership\">Partnership<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label>Message <span class=\"req\">*<\/span><\/label>\n            <textarea placeholder=\"Tell us how we can help you...\" required=\"\"><\/textarea>\n          <\/div>\n\n          <!-- Attachment -->\n          <div class=\"form-group\">\n            <label>Attachments <span style=\"color:var(--mid);font-weight:400;text-transform:none;letter-spacing:0;\">(optional)<\/span><\/label>\n            <div class=\"file-upload-area\" id=\"dropZone\">\n              <input type=\"file\" id=\"fileInput\" multiple accept=\".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.gif,.zip\">\n              <div class=\"file-upload-icon\">\n                <svg viewbox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n              <\/div>\n              <div class=\"file-upload-title\"><span>Click to upload<\/span> or drag &amp; drop<\/div>\n              <div class=\"file-upload-hint\">PDF, DOC, XLS, PNG, JPG, ZIP &mdash; Max 10MB each<\/div>\n            <\/div>\n            <div class=\"file-list\" id=\"fileList\"><\/div>\n          <\/div>\n\n          <button type=\"submit\" class=\"form-submit\">\n            Send Message\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 5l7 7-7 7\"><\/path><\/svg>\n          <\/button>\n        <\/form>\n\n        <div class=\"success-message\" id=\"successMessage\">\n          <div class=\"check-icon\">&#10003;<\/div>\n          <h4><span id=\"Message_Sent\">Message Sent!<\/span><\/h4>\n          <p>Thanks for reaching out. We&rsquo;ll reply within 24 hours on business days.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- INFO CARDS -->\n      <div class=\"contact-info\">\n\n        <div class=\"info-card reveal\" style=\"\">\n          <div class=\"icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n          <\/div>\n          <div class=\"text\">\n            <h4><span id=\"Email_Us\">Email Us<\/span><\/h4>\n            <p>We reply to every email within 24 hours.<br>\n            <a href=\"mailto:hello@imaplanner.com\">hello@imaplanner.com<\/a><\/p>\n            <span class=\"response-badge\">Avg reply &lt; 12h<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-card reveal delay-100\" style=\"\">\n          <div class=\"icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.14 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.11 1.25h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 8.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n          <\/div>\n          <div class=\"text\">\n            <h4><span id=\"Call_or_WhatsApp\">Call or WhatsApp<\/span><\/h4>\n            <p>Mon&ndash;Fri, 9 AM &ndash; 5 PM EST<br>\n            <a href=\"tel:+15551234567\">+1 (555) 123-4567<\/a><\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-card reveal delay-200\" style=\"\">\n          <div class=\"icon\">\n            <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n          <\/div>\n          <div class=\"text\">\n            <h4><span id=\"Business_Hours\">Business Hours<\/span><\/h4>\n            <div class=\"hours-grid\">\n              <div class=\"hours-row\"><span class=\"day\">Mon&ndash;Fri<\/span><span class=\"time\">9 AM &ndash; 5 PM<\/span><\/div>\n              <div class=\"hours-row\"><span class=\"day\">Saturday<\/span><span class=\"time closed\">Closed<\/span><\/div>\n              <div class=\"hours-row\"><span class=\"day\">Sunday<\/span><span class=\"time closed\">Closed<\/span><\/div>\n              <div class=\"hours-row\"><span class=\"day\">Timezone<\/span><span class=\"time\">EST (UTC&minus;5)<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-card reveal delay-300\" style=\"\">\n          <div class=\"icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"><\/path><\/svg>\n          <\/div>\n          <div class=\"text\">\n            <h4><span id=\"Follow_Us\">Follow Us<\/span><\/h4>\n            <p>Stay inspired with daily planning tips and product news.<\/p>\n            <div class=\"social-links\">\n              <a href=\"https:\/\/www.facebook.com\/iamaplanner\/\" target=\"_blank\" rel=\"noopener\" class=\"social-link\" aria-label=\"Facebook\"><svg viewbox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path><\/svg><\/a>\n              <a href=\"https:\/\/www.instagram.com\/im_a_planner\/\" target=\"_blank\" rel=\"noopener\" class=\"social-link\" aria-label=\"Instagram\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"><\/path><\/svg><\/a>\n              <a href=\"https:\/\/www.pinterest.com\/imaplannercom\/\" target=\"_blank\" rel=\"noopener\" class=\"social-link\" aria-label=\"Pinterest\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z\"><\/path><\/svg><\/a>\n              <a href=\"https:\/\/www.youtube.com\/channel\/UCXo2j7648k5sh1ezGNl-vDw\" target=\"_blank\" rel=\"noopener\" class=\"social-link\" aria-label=\"YouTube\"><svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path><\/svg><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- &#9552;&#9552; FAQ &#9552;&#9552; -->\n<section class=\"faq-section\">\n  <div class=\"faq-section-inner\">\n    <div class=\"head\">\n      <div class=\"section-label center reveal\" style=\"\">FAQ<\/div>\n      <h2 class=\"reveal delay-100\" style=\"\"><span id=\"Before_you_reach_out\">Before you <span class=\"accent\">reach out<\/span><\/span><\/h2>\n      <p class=\"reveal delay-200\" style=\"\">Quick answers to the most common questions we receive.<\/p>\n    <\/div>\n    <div>\n      <div class=\"faq-item reveal\" style=\"\"><button onclick=\"toggleFaq(this)\">How quickly will I get a response? <span class=\"chevron\">+<\/span><\/button><div class=\"answer\">We aim to reply to all inquiries within 24 hours on business days (Mon&ndash;Fri). Most emails are answered within 12 hours.<\/div><\/div>\n      <div class=\"faq-item reveal delay-100\" style=\"\"><button onclick=\"toggleFaq(this)\">Can I request a custom planner? <span class=\"chevron\">+<\/span><\/button><div class=\"answer\">Absolutely! We love building custom planners. Use the form above and select &ldquo;Custom Planner Request&rdquo; &mdash; we&rsquo;ll send you a personalised quote within 48 hours.<\/div><\/div>\n      <div class=\"faq-item reveal delay-200\" style=\"\"><button onclick=\"toggleFaq(this)\">What if I need help with my planner? <span class=\"chevron\">+<\/span><\/button><div class=\"answer\">Every planner includes instructions and video tutorials. If you still need help, select &ldquo;Product Support&rdquo; in the form and our team will assist within one business day.<\/div><\/div>\n      <div class=\"faq-item reveal delay-300\" style=\"\"><button onclick=\"toggleFaq(this)\">Do you offer refunds? <span class=\"chevron\">+<\/span><\/button><div class=\"answer\">Yes &mdash; 30-day money-back guarantee on every purchase, no questions asked. Just reach out through the form and we&rsquo;ll process your refund promptly.<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- &#9552;&#9552; NEWSLETTER &#9552;&#9552; -->\n<section class=\"newsletter\">\n  <div class=\"container\">\n    <div class=\"section-label center reveal\" style=\"\">Newsletter<\/div>\n    <h2 class=\"reveal delay-100\" style=\"\"><span id=\"Stay_Organised_Stay_Ahead\">Stay Organised, Stay <span class=\"accent\">Ahead<\/span><\/span><\/h2>\n    <p class=\"reveal delay-200\" style=\"\">Get exclusive discounts, planning tips, and first access to new planners delivered to your inbox.<\/p>\n    <div class=\"form reveal delay-300\" style=\"\">\n      <input type=\"email\" placeholder=\"your@email.com\">\n      <button onclick=\"event.preventDefault()\">Subscribe &rarr;<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- &#9552;&#9552; FOOTER &#9552;&#9552; -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"grid\">\n      <div class=\"brand\">\n        <h3><span id=\"IMAPLANNER\">IMA.PLANNER<\/span><\/h3>\n        <p class=\"tagline\">Plan Smart, Achieve More.<\/p>\n        <p>Premium digital planners and spreadsheets to help you master finances, habits, and goals.<\/p>\n      <\/div>\n      <div class=\"col\">\n        <h4><span id=\"Resources\">Resources<\/span><\/h4>\n        <ul>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/about-us\/\">About<\/a><\/li>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/blog\/\">Blog<\/a><\/li>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/contact-us\/\" class=\"active\">Contact<\/a><\/li>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"col\">\n        <h4><span id=\"Planners\">Planners<\/span><\/h4>\n        <ul>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Shop All<\/a><\/li>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Personal Finance<\/a><\/li>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Productivity<\/a><\/li>\n          <li><a href=\"https:\/\/plannerx.shop\/index.php\/shop\/\">Wellness<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"col\">\n        <h4><span id=\"Connect\">Connect<\/span><\/h4>\n        <div class=\"social-icons\">\n          <a href=\"https:\/\/www.facebook.com\/iamaplanner\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg viewbox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path><\/svg><\/a>\n          <a href=\"https:\/\/www.instagram.com\/im_a_planner\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"><\/path><\/svg><\/a>\n          <a href=\"https:\/\/www.pinterest.com\/imaplannercom\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Pinterest\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z\"><\/path><\/svg><\/a>\n          <a href=\"https:\/\/www.youtube.com\/channel\/UCXo2j7648k5sh1ezGNl-vDw\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"bottom\">\n      <span>&copy; 2026 IMA Planner. All rights reserved.<\/span>\n      <span class=\"brand-mark\">IMA.PLANNER \/ V1.0<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\nwindow.addEventListener('scroll', function() {\n  const sp = document.getElementById('scrollProgress');\n  const st = window.scrollY;\n  const dh = document.documentElement.scrollHeight - window.innerHeight;\n  sp.style.width = (st \/ dh * 100) + '%';\n  document.getElementById('mainHeader').classList.toggle('scrolled', st > 50);\n  document.getElementById('backToTop').classList.toggle('visible', st > 500);\n});\n\ndocument.getElementById('backToTop').addEventListener('click', () =>\n  window.scrollTo({ top: 0, behavior: 'smooth' })\n);\n\ndocument.getElementById('announcementBarClose').addEventListener('click', function() {\n  document.getElementById('announcementBar').classList.add('hidden');\n  document.getElementById('mainHeader').style.top = '0';\n});\n\nconst revealObserver = new IntersectionObserver((entries) => {\n  entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\nconst mobileBtn = document.getElementById('mobileMenuBtn');\nconst mobileLinks = document.getElementById('mobileMenuLinks');\nif (mobileBtn) {\n  mobileBtn.addEventListener('click', () => {\n    mobileBtn.classList.toggle('active');\n    mobileLinks.classList.toggle('open');\n  });\n}\n\nfunction toggleFaq(btn) {\n  const answer = btn.nextElementSibling;\n  const chevron = btn.querySelector('.chevron');\n  const isOpen = answer.classList.contains('open');\n  document.querySelectorAll('.faq-item .answer').forEach(a => a.classList.remove('open'));\n  document.querySelectorAll('.faq-item .chevron').forEach(c => c.classList.remove('open'));\n  if (!isOpen) { answer.classList.add('open'); chevron.classList.add('open'); }\n}\n\n\/\/ File attachment\nconst dropZone  = document.getElementById('dropZone');\nconst fileInput = document.getElementById('fileInput');\nconst fileList  = document.getElementById('fileList');\nlet uploadedFiles = [];\n\nfunction formatSize(bytes) {\n  if (bytes < 1024) return bytes + ' B';\n  if (bytes < 1024 * 1024) return (bytes \/ 1024).toFixed(1) + ' KB';\n  return (bytes \/ (1024 * 1024)).toFixed(1) + ' MB';\n}\n\nfunction renderFiles() {\n  fileList.innerHTML = uploadedFiles.map((f, i) => `\n    <div class=\"file-item\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/>\n      <span class=\"file-name\">${f.name}\n      <span class=\"file-size\">${formatSize(f.size)}\n      <button class=\"file-remove\" type=\"button\" onclick=\"removeFile(${i})\">&times;\n    <\/script><\/div>\n  `).join('');\n}\n\nfunction addFiles(files) {\n  const maxSize = 10 * 1024 * 1024;\n  Array.from(files).forEach(f =&gt; {\n    if (f.size &gt; maxSize) { alert('\"' + f.name + '\" exceeds the 10MB limit.'); return; }\n    if (!uploadedFiles.find(u =&gt; u.name === f.name &amp;&amp; u.size === f.size)) uploadedFiles.push(f);\n  });\n  renderFiles();\n}\n\nfunction removeFile(index) {\n  uploadedFiles.splice(index, 1);\n  renderFiles();\n}\n\nif (fileInput) fileInput.addEventListener('change', () =&gt; addFiles(fileInput.files));\nif (dropZone) {\n  dropZone.addEventListener('dragover', (e) =&gt; { e.preventDefault(); dropZone.classList.add('drag-over'); });\n  dropZone.addEventListener('dragleave', () =&gt; dropZone.classList.remove('drag-over'));\n  dropZone.addEventListener('drop', (e) =&gt; {\n    e.preventDefault(); dropZone.classList.remove('drag-over'); addFiles(e.dataTransfer.files);\n  });\n}\n\nfunction handleSubmit(e) {\n  e.preventDefault();\n  document.getElementById('contactForm').style.display = 'none';\n  document.getElementById('successMessage').classList.add('show');\n}\n\n<script type=\"module\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v4513226cdae34746b4dedf0b4dfa099e1781791509496\" integrity=\"sha512-ZE9pZaUXND66v380QUtch\/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==\" data-cf-beacon='{\"version\":\"2024.11.0\",\"token\":\"c3db94cdb998406d97792645ea1fee41\",\"r\":1}' crossorigin=\"anonymous\"><\/script>\n\n<\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Limited Time \u2014 Save 40% with code PLAN40 \u2014 Shop Now \u00d7 IMA.PLANNER About Shop Blog Contact Explore Planners About Shop Blog Contact Explore Planners Contact Us Contact Us \u2014 IMA Planner Limited Time \u2014 Save 40% with code PLAN40 \u00d7 IMA.PLANNER About Shop Blog Contact Explore Planners About Shop Blog Contact Get In Touch [&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-1693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/pages\/1693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/comments?post=1693"}],"version-history":[{"count":1,"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/pages\/1693\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/pages\/1693\/revisions\/1699"}],"wp:attachment":[{"href":"https:\/\/plannerx.shop\/index.php\/wp-json\/wp\/v2\/media?parent=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}