{"id":19,"date":"2026-07-05T19:22:17","date_gmt":"2026-07-05T19:22:17","guid":{"rendered":"https:\/\/custommdf.com\/?page_id=19"},"modified":"2026-07-05T19:56:19","modified_gmt":"2026-07-05T19:56:19","slug":"home","status":"publish","type":"page","link":"https:\/\/custommdf.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-752e602 e-flex e-con-boxed e-con e-parent\" data-id=\"752e602\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f20d8 elementor-widget elementor-widget-html\" data-id=\"a1f20d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n:root {\r\n  --green:        #3FAF49;\r\n  --green-dark:   #2d8a35;\r\n  --green-light:  rgba(63,175,73,0.08);\r\n  --green-mid:    rgba(63,175,73,0.13);\r\n  --green-border: rgba(63,175,73,0.2);\r\n  --green-glow:   rgba(63,175,73,0.08);\r\n  --white:  #ffffff;\r\n  --bg:     #ffffff;\r\n  --bg-alt: #f7faf7;\r\n  --text:   #2d2f31;\r\n  --muted:  #555555;\r\n  --gray:   #999999;\r\n  --dark:   #1a1d1a;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  font-family: 'Inter', -apple-system, sans-serif;\r\n  color: var(--text);\r\n  background: var(--bg);\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n.navbar {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 1000;\r\n  background: rgba(255,255,255,0.97);\r\n  backdrop-filter: blur(12px);\r\n  border-bottom: 1px solid var(--green-border);\r\n  padding: 0 20px;\r\n  height: 68px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-shadow: 0 2px 16px rgba(63,175,73,0.06);\r\n}\r\n.nav-logo {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 1.75rem;\r\n  letter-spacing: -0.01em;\r\n  color: var(--dark);\r\n  text-decoration: none;\r\n}\r\n.nav-logo span { color: var(--green); }\r\n.nav-links { display: flex; gap: 32px; list-style: none; }\r\n.nav-links a {\r\n  font-size: .88rem;\r\n  font-weight: 600;\r\n  color: var(--muted);\r\n  text-decoration: none;\r\n  letter-spacing: .03em;\r\n  transition: color .2s;\r\n}\r\n.nav-links a:hover { color: var(--green); }\r\n.nav-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--green);\r\n  color: #fff;\r\n  font-weight: 700;\r\n  font-size: .88rem;\r\n  padding: 10px 22px;\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  transition: background .2s, transform .15s;\r\n}\r\n.nav-cta:hover { background: var(--green-dark); transform: translateY(-1px); }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\n  min-height: 100vh;\r\n  background: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  padding-top: 68px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; right: 0;\r\n  width: 55%;\r\n  height: 100%;\r\n  background: linear-gradient(135deg, var(--green-light) 0%, rgba(63,175,73,0.04) 100%);\r\n  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);\r\n  pointer-events: none;\r\n}\r\n.hero-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 80px 20px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--green-light);\r\n  border: 1px solid var(--green-border);\r\n  color: var(--green-dark);\r\n  font-size: .78rem;\r\n  font-weight: 700;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n  padding: 6px 14px;\r\n  border-radius: 30px;\r\n  margin-bottom: 24px;\r\n}\r\n.hero-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(2.8rem, 5.5vw, 5rem);\r\n  line-height: 0.96;\r\n  color: var(--dark);\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 28px;\r\n}\r\n.hero-title .accent { color: var(--green); }\r\n.hero-title .sub-line {\r\n  display: block;\r\n  font-size: .42em;\r\n  font-weight: 600;\r\n  color: var(--muted);\r\n  letter-spacing: .04em;\r\n  margin-top: 10px;\r\n  line-height: 1.4;\r\n}\r\n.hero-desc {\r\n  font-size: 1.05rem;\r\n  line-height: 1.75;\r\n  color: var(--muted);\r\n  margin-bottom: 36px;\r\n  max-width: 480px;\r\n}\r\n\r\n\/* \u2500\u2500 HERO FORM \u2500\u2500 *\/\r\n.hero-form-box {\r\n  background: #fff;\r\n  border: 1.5px solid var(--green-border);\r\n  border-radius: 18px;\r\n  padding: 28px;\r\n  box-shadow: 0 12px 40px rgba(63,175,73,0.08);\r\n  margin-bottom: 28px;\r\n}\r\n.hero-form-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 1.2rem;\r\n  font-weight: 800;\r\n  color: var(--dark);\r\n  margin-bottom: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.hero-form-title i { color: var(--green); }\r\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }\r\n.form-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }\r\n.form-field label { font-size: .78rem; font-weight: 700; color: var(--muted); letter-spacing: .04em; text-transform: uppercase; }\r\n.form-field input,\r\n.form-field textarea,\r\n.form-field select {\r\n  padding: 11px 14px;\r\n  border: 1.5px solid #e8e8e8;\r\n  border-radius: 8px;\r\n  font-size: .9rem;\r\n  font-family: 'Inter', sans-serif;\r\n  color: var(--text);\r\n  outline: none;\r\n  transition: border-color .2s;\r\n  background: #fafafa;\r\n  resize: none;\r\n}\r\n.form-field input:focus,\r\n.form-field textarea:focus,\r\n.form-field select:focus {\r\n  border-color: var(--green);\r\n  background: #fff;\r\n  box-shadow: 0 0 0 3px rgba(63,175,73,0.1);\r\n}\r\n.form-field textarea { height: 88px; }\r\n\r\n.btn-submit {\r\n  width: 100%;\r\n  background: var(--green);\r\n  color: #fff;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  letter-spacing: .04em;\r\n  padding: 14px 24px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: background .2s, transform .15s;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n}\r\n.btn-submit:hover { background: var(--green-dark); transform: translateY(-1px); }\r\n\r\n.form-divider {\r\n  text-align: center;\r\n  margin: 14px 0;\r\n  font-size: .82rem;\r\n  color: var(--gray);\r\n  position: relative;\r\n}\r\n.form-divider::before, .form-divider::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 42%;\r\n  height: 1px;\r\n  background: #e8e8e8;\r\n}\r\n.form-divider::before { left: 0; }\r\n.form-divider::after { right: 0; }\r\n\r\n.btn-sms {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  border: 2px solid var(--green);\r\n  color: var(--green);\r\n  font-weight: 700;\r\n  font-size: .95rem;\r\n  padding: 12px 24px;\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  transition: background .2s, color .2s;\r\n}\r\n.btn-sms:hover { background: var(--green); color: #fff; }\r\n\r\n.hero-stats {\r\n  display: flex;\r\n  gap: 32px;\r\n}\r\n.stat-item {}\r\n.stat-num {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 2rem;\r\n  font-weight: 900;\r\n  color: var(--green);\r\n  line-height: 1;\r\n}\r\n.stat-label {\r\n  font-size: .75rem;\r\n  color: var(--gray);\r\n  font-weight: 600;\r\n  letter-spacing: .05em;\r\n  text-transform: uppercase;\r\n  margin-top: 3px;\r\n}\r\n\r\n\/* Hero image *\/\r\n.hero-image-wrap { position: relative; }\r\n.hero-img-main {\r\n  width: 100%;\r\n  height: 580px;\r\n  object-fit: cover;\r\n  border-radius: 24px;\r\n  display: block;\r\n  box-shadow: 0 24px 60px rgba(0,0,0,0.12);\r\n}\r\n.hero-img-badge {\r\n  position: absolute;\r\n  bottom: -16px;\r\n  left: -16px;\r\n  background: var(--green);\r\n  color: #fff;\r\n  padding: 14px 20px;\r\n  border-radius: 14px;\r\n  box-shadow: 0 10px 30px rgba(63,175,73,0.35);\r\n}\r\n.hero-img-badge .badge-num {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n}\r\n.hero-img-badge .badge-text { font-size: .72rem; font-weight: 600; opacity: .9; }\r\n.hero-img-float {\r\n  position: absolute;\r\n  top: -14px;\r\n  right: -14px;\r\n  background: #fff;\r\n  border: 1.5px solid var(--green-border);\r\n  color: var(--text);\r\n  padding: 12px 16px;\r\n  border-radius: 12px;\r\n  font-size: .8rem;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n}\r\n.hero-img-float i { color: var(--green); }\r\n\r\n\/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\r\n.trust-bar {\r\n  background: var(--bg-alt);\r\n  border-top: 1px solid var(--green-border);\r\n  border-bottom: 1px solid var(--green-border);\r\n  padding: 18px 0;\r\n}\r\n.trust-bar-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n.trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: .85rem;\r\n  font-weight: 600;\r\n  color: var(--muted);\r\n}\r\n.trust-item i { color: var(--green); }\r\n\r\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\n.section { padding: 100px 0; position: relative; overflow: hidden; }\r\n.section-alt { background: var(--bg-alt); }\r\n.section-green {\r\n  background: linear-gradient(135deg, rgba(63,175,73,0.06) 0%, rgba(63,175,73,0.03) 100%);\r\n  border-top: 1px solid var(--green-border);\r\n  border-bottom: 1px solid var(--green-border);\r\n}\r\n\r\n.container { max-width: 1300px; margin: 0 auto; padding: 0 20px; }\r\n\r\n.section-label {\r\n  display: inline-block;\r\n  font-size: .72rem;\r\n  font-weight: 700;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: var(--green);\r\n  margin-bottom: 10px;\r\n}\r\n.section-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  line-height: 1.05;\r\n  color: var(--dark);\r\n  position: relative;\r\n  display: inline-block;\r\n  padding-bottom: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n.section-title::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 100%;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, transparent, var(--green), transparent);\r\n  border-radius: 2px;\r\n}\r\n.section-title.left::after { left: 0; transform: none; }\r\n.section-sub {\r\n  font-size: 1rem;\r\n  color: var(--muted);\r\n  line-height: 1.7;\r\n  max-width: 560px;\r\n  margin: 0 auto 60px;\r\n}\r\n.section-sub.left { margin: 0 0 48px; }\r\n.text-center { text-align: center; }\r\n\r\n\/* \u2500\u2500 PRICING \u2500\u2500 *\/\r\n.pricing-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n  gap: 24px;\r\n}\r\n.price-card {\r\n  background: #fff;\r\n  border-radius: 20px;\r\n  padding: 32px 26px;\r\n  border: 1.5px solid var(--green-border);\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.04);\r\n  transition: all .3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.price-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, transparent, var(--green), transparent);\r\n  opacity: 0;\r\n  transition: opacity .3s;\r\n}\r\n.price-card:hover { transform: translateY(-8px); border-color: var(--green); box-shadow: 0 20px 40px rgba(63,175,73,0.1); }\r\n.price-card:hover::before { opacity: 1; }\r\n.price-card.featured {\r\n  border-color: var(--green);\r\n  background: linear-gradient(160deg, rgba(63,175,73,0.04) 0%, #fff 60%);\r\n}\r\n.price-card.featured::before { opacity: 1; }\r\n\r\n.featured-badge {\r\n  position: absolute;\r\n  top: 14px; right: 14px;\r\n  background: var(--green);\r\n  color: #fff;\r\n  font-size: .68rem;\r\n  font-weight: 800;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  border-radius: 20px;\r\n}\r\n.card-door-img {\r\n  width: 100%;\r\n  height: 170px;\r\n  object-fit: contain;\r\n  background: var(--bg-alt);\r\n  border-radius: 12px;\r\n  margin-bottom: 18px;\r\n}\r\n.card-style-name {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 1.45rem;\r\n  font-weight: 800;\r\n  color: var(--dark);\r\n  margin-bottom: 5px;\r\n}\r\n.card-desc { font-size: .85rem; color: var(--muted); line-height: 1.5; margin-bottom: 18px; }\r\n.card-price-row { display: flex; align-items: baseline; gap: 5px; margin-bottom: 5px; }\r\n.card-price {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 2.2rem;\r\n  font-weight: 900;\r\n  color: var(--green);\r\n  line-height: 1;\r\n}\r\n.card-per { font-size: .8rem; color: var(--gray); font-weight: 500; }\r\n.card-plus { font-size: .82rem; color: var(--muted); margin-bottom: 18px; }\r\n.card-features { list-style: none; border-top: 1px solid var(--green-border); padding-top: 16px; display: flex; flex-direction: column; gap: 9px; }\r\n.card-feature { display: flex; align-items: center; gap: 9px; font-size: .83rem; color: var(--muted); }\r\n.card-feature i { color: var(--green); font-size: .78rem; flex-shrink: 0; }\r\n\r\n.pricing-note {\r\n  text-align: center;\r\n  margin-top: 36px;\r\n  padding: 18px 28px;\r\n  background: linear-gradient(135deg, var(--green-light), rgba(63,175,73,0.04));\r\n  border-radius: 14px;\r\n  border: 1px solid var(--green-border);\r\n  font-size: .93rem;\r\n  color: var(--muted);\r\n}\r\n.pricing-note strong { color: var(--green-dark); }\r\n\r\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n.why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }\r\n.why-card {\r\n  background: #fff;\r\n  border-radius: 20px;\r\n  padding: 30px 22px;\r\n  border: 1.5px solid var(--green-border);\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.03);\r\n  transition: all .3s ease;\r\n}\r\n.why-card:hover { transform: translateY(-6px); border-color: var(--green); box-shadow: 0 18px 36px var(--green-glow); }\r\n.why-icon {\r\n  width: 54px; height: 54px;\r\n  background: var(--green-light);\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 16px;\r\n  font-size: 1.4rem;\r\n  color: var(--green);\r\n  transition: .3s;\r\n}\r\n.why-card:hover .why-icon { background: var(--green); color: #fff; }\r\n.why-title { font-family: 'Barlow Condensed', sans-serif; font-size: 1.15rem; font-weight: 800; color: var(--dark); margin-bottom: 7px; }\r\n.why-text { font-size: .85rem; color: var(--muted); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\r\n.steps-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 40px;\r\n  position: relative;\r\n}\r\n.steps-grid::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 36px;\r\n  left: calc(16.66% + 28px);\r\n  right: calc(16.66% + 28px);\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--green), var(--green-dark));\r\n  z-index: 0;\r\n  opacity: .35;\r\n}\r\n.step-item { text-align: center; position: relative; z-index: 1; }\r\n.step-num {\r\n  width: 72px; height: 72px;\r\n  background: #fff;\r\n  border: 3px solid var(--green);\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 18px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 1.8rem; font-weight: 900;\r\n  color: var(--green);\r\n  box-shadow: 0 4px 16px rgba(63,175,73,0.15);\r\n}\r\n.step-title { font-family: 'Barlow Condensed', sans-serif; font-size: 1.15rem; font-weight: 800; color: var(--dark); margin-bottom: 10px; }\r\n.step-text { font-size: .86rem; color: var(--muted); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500 GALLERY \u2500\u2500 *\/\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 14px;\r\n}\r\n.gallery-item { border-radius: 14px; overflow: hidden; position: relative; }\r\n.gallery-item:first-child { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\r\n.gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }\r\n.gallery-item:first-child img { min-height: 380px; }\r\n.gallery-item:not(:first-child) img { height: 182px; }\r\n.gallery-item:hover img { transform: scale(1.05); }\r\n.gallery-item .gallery-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(63,175,73,0.3) 0%, transparent 60%);\r\n  opacity: 0; transition: opacity .3s;\r\n}\r\n.gallery-item:hover .gallery-overlay { opacity: 1; }\r\n\r\n\/* \u2500\u2500 MATERIAL \u2500\u2500 *\/\r\n.material-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n.material-img { width: 100%; height: 460px; object-fit: cover; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }\r\n.material-list { list-style: none; display: flex; flex-direction: column; gap: 20px; margin-top: 28px; }\r\n.material-item { display: flex; gap: 14px; align-items: flex-start; }\r\n.material-icon {\r\n  width: 42px; height: 42px;\r\n  background: var(--green-light);\r\n  border-radius: 10px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: var(--green); font-size: .95rem;\r\n  flex-shrink: 0; margin-top: 2px;\r\n  border: 1px solid var(--green-border);\r\n}\r\n.material-item-title { font-weight: 700; color: var(--dark); margin-bottom: 3px; font-size: .93rem; }\r\n.material-item-text { font-size: .85rem; color: var(--muted); line-height: 1.55; }\r\n\r\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n.faq-wrap { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }\r\n.faq-item {\r\n  border: 1.5px solid var(--green-border);\r\n  border-radius: 14px; overflow: hidden;\r\n  transition: border-color .2s;\r\n  background: #fff;\r\n}\r\n.faq-item:hover, .faq-item.open { border-color: var(--green); }\r\n.faq-btn {\r\n  width: 100%; background: #fff; border: none; outline: none;\r\n  padding: 18px 22px;\r\n  display: flex; justify-content: space-between; align-items: flex-start;\r\n  cursor: pointer; font-size: .95rem; font-weight: 700;\r\n  color: var(--text); text-align: left; gap: 14px;\r\n  font-family: 'Inter', sans-serif; line-height: 1.45;\r\n}\r\n.faq-btn i { color: var(--green); font-size: .88rem; flex-shrink: 0; transition: transform .3s; margin-top: 3px; }\r\n.faq-item.open .faq-btn i { transform: rotate(45deg); }\r\n.faq-answer {\r\n  max-height: 0; overflow: hidden;\r\n  transition: max-height .35s ease, padding .35s ease;\r\n  padding: 0 22px;\r\n  font-size: .9rem; line-height: 1.7; color: var(--muted);\r\n}\r\n.faq-item.open .faq-answer { max-height: 300px; padding: 0 22px 18px; }\r\n\r\n\/* \u2500\u2500 CTA SECTION \u2500\u2500 *\/\r\n.cta-section {\r\n  background: linear-gradient(135deg, rgba(63,175,73,0.07) 0%, rgba(63,175,73,0.03) 100%);\r\n  border-top: 1px solid var(--green-border);\r\n  border-bottom: 1px solid var(--green-border);\r\n  padding: 100px 0;\r\n}\r\n.cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n\r\n.cta-left .cta-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(2rem, 4vw, 3.4rem);\r\n  font-weight: 900;\r\n  color: var(--dark);\r\n  line-height: 1.05;\r\n  margin-bottom: 18px;\r\n}\r\n.cta-left .cta-title .accent { color: var(--green); }\r\n.cta-left .cta-sub { font-size: 1rem; color: var(--muted); margin-bottom: 32px; line-height: 1.7; }\r\n.cta-info-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }\r\n.cta-info-item {\r\n  display: flex; align-items: center; gap: 12px;\r\n  font-size: .9rem; color: var(--muted); font-weight: 500;\r\n}\r\n.cta-info-item i {\r\n  width: 36px; height: 36px;\r\n  background: var(--green-light);\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: var(--green); font-size: .88rem; flex-shrink: 0;\r\n}\r\n\r\n\/* CTA Form *\/\r\n.cta-form-box {\r\n  background: #fff;\r\n  border: 1.5px solid var(--green-border);\r\n  border-radius: 22px;\r\n  padding: 36px 32px;\r\n  box-shadow: 0 16px 48px rgba(63,175,73,0.1);\r\n}\r\n.cta-form-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 1.4rem;\r\n  font-weight: 800;\r\n  color: var(--dark);\r\n  margin-bottom: 6px;\r\n}\r\n.cta-form-sub { font-size: .85rem; color: var(--muted); margin-bottom: 22px; }\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.footer {\r\n  background: #fff;\r\n  border-top: 3px solid transparent;\r\n  border-image: linear-gradient(90deg, transparent, var(--green), transparent) 1;\r\n  padding: 60px 0 28px;\r\n}\r\n.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }\r\n.footer-logo { font-family: 'Barlow Condensed', sans-serif; font-size: 1.6rem; font-weight: 900; color: var(--dark); margin-bottom: 12px; display: block; text-decoration: none; }\r\n.footer-logo span { color: var(--green); }\r\n.footer-desc { font-size: .86rem; line-height: 1.7; color: var(--muted); margin-bottom: 22px; }\r\n.footer-socials { display: flex; gap: 9px; }\r\n.social-btn {\r\n  width: 36px; height: 36px;\r\n  background: var(--green-light);\r\n  border: 1px solid var(--green-border);\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: var(--green); text-decoration: none;\r\n  transition: background .2s, color .2s; font-size: .85rem;\r\n}\r\n.social-btn:hover { background: var(--green); color: #fff; }\r\n.footer-col h4 { font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--dark); margin-bottom: 16px; }\r\n.footer-links { list-style: none; display: flex; flex-direction: column; gap: 9px; }\r\n.footer-links a { font-size: .86rem; color: var(--muted); text-decoration: none; transition: color .2s; }\r\n.footer-links a:hover { color: var(--green); }\r\n.footer-contact-item { display: flex; align-items: flex-start; gap: 10px; font-size: .86rem; color: var(--muted); margin-bottom: 12px; line-height: 1.5; }\r\n.footer-contact-item i { color: var(--green); margin-top: 2px; flex-shrink: 0; }\r\n.footer-bottom {\r\n  border-top: 1px solid #eee;\r\n  padding-top: 22px;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  font-size: .8rem; color: var(--gray);\r\n  flex-wrap: wrap; gap: 10px;\r\n}\r\n\r\n\/* \u2500\u2500 SEO BLOCK \u2500\u2500 *\/\r\n.seo-block {\r\n  font-size: .01px;\r\n  color: transparent;\r\n  line-height: 0;\r\n  height: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n.fade-up { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }\r\n.fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 CONTACT POPUP BUTTON \u2500\u2500 *\/\r\n.contact-btn-wrap {\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.contact-main-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: var(--green);\r\n  color: #fff;\r\n  font-weight: 800;\r\n  font-size: 1.3rem;\r\n  letter-spacing: .02em;\r\n  padding: 18px 40px;\r\n  border-radius: 50px;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: background .2s, transform .15s, box-shadow .2s;\r\n  box-shadow: 0 8px 30px rgba(63,175,73,0.35);\r\n}\r\n.contact-main-btn:hover {\r\n  background: var(--green-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 40px rgba(63,175,73,0.45);\r\n}\r\n.contact-main-btn i { font-size: 1.2rem; }\r\n\r\n.contact-menu {\r\n  display: none;\r\n  position: absolute;\r\n  bottom: calc(100% + 12px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n  padding: 8px;\r\n  min-width: 220px;\r\n  z-index: 100;\r\n  animation: menuFadeIn .2s ease;\r\n}\r\n.contact-menu.open { display: block; }\r\n\r\n@keyframes menuFadeIn {\r\n  from { opacity: 0; transform: translateX(-50%) translateY(8px); }\r\n  to   { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n}\r\n\r\n\/* Arrow *\/\r\n.contact-menu::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -8px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 16px;\r\n  height: 16px;\r\n  background: #fff;\r\n  clip-path: polygon(0 0, 100% 0, 50% 100%);\r\n}\r\n\r\n.contact-menu-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 14px 18px;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  color: #2d2f31;\r\n  font-weight: 600;\r\n  font-size: .95rem;\r\n  transition: background .15s;\r\n  cursor: pointer;\r\n}\r\n.contact-menu-item:hover { background: var(--green-light); color: var(--green-dark); }\r\n.contact-menu-item i {\r\n  width: 32px; height: 32px;\r\n  background: var(--green-light);\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: var(--green);\r\n  font-size: 1rem;\r\n  flex-shrink: 0;\r\n}\r\n.contact-menu-item:hover i { background: var(--green); color: #fff; }\r\n\r\n\/* \u2500\u2500 SUCCESS MSG \u2500\u2500 *\/\r\n.success-msg {\r\n  display: none;\r\n  background: linear-gradient(135deg, var(--green-light), rgba(63,175,73,0.05));\r\n  border: 1.5px solid var(--green);\r\n  border-radius: 12px;\r\n  padding: 18px 20px;\r\n  text-align: center;\r\n  color: var(--green-dark);\r\n  font-weight: 600;\r\n  font-size: .92rem;\r\n  margin-top: 12px;\r\n}\r\n.success-msg.show { display: block; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .hero-container { grid-template-columns: 1fr; gap: 50px; }\r\n  .hero-image-wrap { display: none; }\r\n  .material-grid { grid-template-columns: 1fr; }\r\n  .material-img { height: 300px; }\r\n  .cta-grid { grid-template-columns: 1fr; }\r\n  .footer-grid { grid-template-columns: 1fr 1fr; }\r\n  .gallery-grid { grid-template-columns: repeat(2,1fr); }\r\n  .gallery-item:first-child { grid-column: 1\/3; }\r\n  .gallery-item:not(:first-child) img { height: 200px; }\r\n}\r\n@media (max-width: 768px) {\r\n  .nav-links { display: none; }\r\n  .steps-grid { grid-template-columns: 1fr; }\r\n  .steps-grid::before { display: none; }\r\n  .footer-grid { grid-template-columns: 1fr; }\r\n  .form-row { grid-template-columns: 1fr; }\r\n  .hero-stats { gap: 20px; }\r\n  .card-door-img { height: 280px; }\r\n}\r\n@media (max-width: 480px) {\r\n  .gallery-grid { grid-template-columns: 1fr; }\r\n  .gallery-item:first-child { grid-column: 1; }\r\n  .trust-bar-inner { gap: 16px; }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- NAVBAR -->\r\n<nav class=\"navbar\">\r\n  <a href=\"#\" class=\"nav-logo\">Custom MDF <span>Doors<\/span><\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#products\">Pricing<\/a><\/li>\r\n    <li><a href=\"#why-us\">Why Custom MDF Doors<\/a><\/li>\r\n    <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n    <li><a href=\"#contact\">Get Quote<\/a><\/li>\r\n    <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"#contact\" class=\"nav-cta\"><i class=\"fas fa-comment-dots\"><\/i> Get Free Quote<\/a>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-container\">\r\n    <!-- LEFT: content + form -->\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-badge\"><i class=\"fas fa-circle\" style=\"font-size:.45rem\"><\/i> CNC Precision Shop \u00b7 Dallas-Fort Worth, TX<\/div>\r\n      <h1 class=\"hero-title\">\r\n        Custom MDF<br>\r\n        <span class=\"accent\">Doors<\/span>\r\n        <span class=\"sub-line\">Paint-Ready. Cut-to-Size. Ships via UPS\/USPS Nationwide.<\/span>\r\n      <\/h1>\r\n      <p class=\"hero-desc\">We cut. You paint. Your clients love it. Precision CNC doors from Ranger Platinum MDF \u2014 ready for primer the moment they arrive. Starting at $6\/sq.ft.<\/p>\r\n\r\n      <!-- FORM -->\r\n      <!-- CONTACT POPUP BUTTON -->\r\n      <div class=\"contact-btn-wrap\">\r\n        <button class=\"contact-main-btn\" onclick=\"toggleContactMenu()\">\r\n          <i class=\"fas fa-comment-dots\"><\/i> (945) 392-8317\r\n        <\/button>\r\n        <div class=\"contact-menu\" id=\"contactMenu\">\r\n          <a href=\"sms:9453928317&body=Hi! I'd like a quote for MDF doors.\" class=\"contact-menu-item\">\r\n            <i class=\"fas fa-comment-sms\"><\/i> Send SMS\r\n          <\/a>\r\n          <a href=\"https:\/\/wa.me\/19453928317?text=Hi! I'd like a quote for MDF doors.\" class=\"contact-menu-item\" target=\"_blank\">\r\n            <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n          <\/a>\r\n          <a href=\"https:\/\/t.me\/+19453928317\" class=\"contact-menu-item\" target=\"_blank\">\r\n            <i class=\"fab fa-telegram\"><\/i> Telegram\r\n          <\/a>\r\n          <a href=\"#contact\" class=\"contact-menu-item\" onclick=\"closeContactMenu()\">\r\n            <i class=\"fas fa-clipboard-list\"><\/i> Leave a Request\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-stats\">\r\n        <div class=\"stat-item\"><div class=\"stat-num\">$6<\/div><div class=\"stat-label\">From \/ sq.ft<\/div><\/div>\r\n        <div class=\"stat-item\"><div class=\"stat-num\">5<\/div><div class=\"stat-label\">Door Styles<\/div><\/div>\r\n        <div class=\"stat-item\"><div class=\"stat-num\">0<\/div><div class=\"stat-label\">Human Errors<\/div><\/div>\r\n        <div class=\"stat-item\"><div class=\"stat-num\">$350<\/div><div class=\"stat-label\">Min. Order<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: photo -->\r\n    <div class=\"hero-image-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3480-1.png\" alt=\"Red shaker cabinet kitchen island with custom MDF doors\" class=\"hero-img-main\">\r\n      <div class=\"hero-img-badge\">\r\n        <div class=\"badge-num\">$350<\/div>\r\n        <div class=\"badge-text\">Min. Order<\/div>\r\n      <\/div>\r\n      <div class=\"hero-img-float\">\r\n        <i class=\"fas fa-gem\"><\/i> Ranger Platinum MDF Only\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TRUST BAR -->\r\n<div class=\"trust-bar\">\r\n  <div class=\"trust-bar-inner\">\r\n    <div class=\"trust-item\"><i class=\"fas fa-check-circle\"><\/i> Ranger Platinum MDF<\/div>\r\n    <div class=\"trust-item\"><i class=\"fas fa-check-circle\"><\/i> 1mm Paint-Ready Edges<\/div>\r\n    <div class=\"trust-item\"><i class=\"fas fa-check-circle\"><\/i> Sharp French Miter Corners<\/div>\r\n    <div class=\"trust-item\"><i class=\"fas fa-check-circle\"><\/i> Zero CNC Errors<\/div>\r\n    <div class=\"trust-item\"><i class=\"fas fa-check-circle\"><\/i> DFW Delivery \u00b7 Ships Nationwide via UPS\/USPS<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- PRODUCTS & PRICING -->\r\n<section class=\"section\" id=\"products\">\r\n  <div class=\"container\">\r\n    <div class=\"text-center fade-up\">\r\n      <span class=\"section-label\">Our Products<\/span>\r\n      <h2 class=\"section-title\">Transparent B2B Pricing<\/h2>\r\n      <p class=\"section-sub\">Fixed rates for contractors. No surprises. Send your cut list \u2014 get your quote in minutes.<\/p>\r\n    <\/div>\r\n    <div class=\"pricing-grid fade-up\">\r\n      <div class=\"price-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/slab.png\" alt=\"Unfinished MDF Slab Front Cabinet Doors Custom Sizes Available\" class=\"card-door-img\">\r\n        <div class=\"card-style-name\">Slab Front<\/div>\r\n        <div class=\"card-desc\">Clean flat surface \u2014 perfect for modern and minimalist kitchen designs.<\/div>\r\n        <div class=\"card-price-row\"><div class=\"card-price\">$6.00<\/div><div class=\"card-per\">\/ sq.ft<\/div><\/div>\r\n        <div class=\"card-plus\">+ $7.00 per piece<\/div>\r\n        <ul class=\"card-features\">\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Smooth flat face<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> 1mm softened exterior edges<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Ranger Platinum MDF<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"price-card featured\">\r\n        <span class=\"featured-badge\">Most Popular<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/classic-shaker.png\" alt=\"Unfinished MDF Classic Shaker Cabinet Doors Custom Sizes Available\" class=\"card-door-img\">\r\n        <div class=\"card-style-name\">Classic Shaker<\/div>\r\n        <div class=\"card-desc\">The industry standard \u2014 5-piece shaker profile loved by painters and contractors everywhere.<\/div>\r\n        <div class=\"card-price-row\"><div class=\"card-price\">$7.00<\/div><div class=\"card-per\">\/ sq.ft<\/div><\/div>\r\n        <div class=\"card-plus\">+ $7.00 per piece<\/div>\r\n        <ul class=\"card-features\">\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Classic recessed panel<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Sharp French miter corners<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Paint-ready surface<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"price-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/slim-shaker.png\" alt=\"Unfinished MDF Slim Shaker Cabinet Doors Custom Sizes Available\" class=\"card-door-img\">\r\n        <div class=\"card-style-name\">Slim Shaker<\/div>\r\n        <div class=\"card-desc\">1\" rail width for a sleek, contemporary look. Popular in modern renovation projects.<\/div>\r\n        <div class=\"card-price-row\"><div class=\"card-price\">$8.00<\/div><div class=\"card-per\">\/ sq.ft<\/div><\/div>\r\n        <div class=\"card-plus\">+ $7.00 per piece<\/div>\r\n        <ul class=\"card-features\">\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> 1\" rail width<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Modern minimal profile<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Sharp French miter corners<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"price-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/step-shaker.png\" alt=\"Unfinished MDF Step Shaker Cabinet Doors Custom Sizes Available\" class=\"card-door-img\">\r\n        <div class=\"card-style-name\">Step Shaker<\/div>\r\n        <div class=\"card-desc\">Decorative stepped profile adds depth and character. Ideal for transitional styles.<\/div>\r\n        <div class=\"card-price-row\"><div class=\"card-price\">$10.00<\/div><div class=\"card-per\">\/ sq.ft<\/div><\/div>\r\n        <div class=\"card-plus\">+ $7.00 per piece<\/div>\r\n        <ul class=\"card-features\">\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Decorative stepped detail<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Adds visual depth<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Premium Ranger Platinum<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"price-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/custom-shaker.png\" alt=\"Unfinished MDF Custom Shaker Cabinet Doors Custom Sizes Available\" class=\"card-door-img\">\r\n        <div class=\"card-style-name\">Custom Shaker<\/div>\r\n        <div class=\"card-desc\">Double molding decorative profile \u2014 traditional elegance with premium CNC precision. Perfect for high-end projects.<\/div>\r\n        <div class=\"card-price-row\"><div class=\"card-price\">$10+<\/div><div class=\"card-per\">\/ sq.ft<\/div><\/div>\r\n        <div class=\"card-plus\">+ $7.00 per piece \u00b7 Quote based on design<\/div>\r\n        <ul class=\"card-features\">\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Double molding profile<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Traditional \/ transitional style<\/li>\r\n          <li class=\"card-feature\"><i class=\"fas fa-check\"><\/i> Custom quote available<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"pricing-note fade-up\">\r\n      <strong><i class=\"fas fa-star\"><\/i> Volume Discounts Available<\/strong> \u2014 Additional discounts for high-volume accounts. Min. order $350. Text us to set up a partner account.\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- WHY CUTPRO -->\r\n<section class=\"section section-alt\" id=\"why-us\">\r\n  <div class=\"container\">\r\n    <div class=\"text-center fade-up\">\r\n      <span class=\"section-label\">Why Custom MDF Doors<\/span>\r\n      <h2 class=\"section-title\">Built for Contractors<\/h2>\r\n      <p class=\"section-sub\">We do one thing \u2014 cut perfect MDF doors. That focus means better quality, faster turnaround, and zero headaches for your business.<\/p>\r\n    <\/div>\r\n    <div class=\"why-grid fade-up\">\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n        <div class=\"why-title\">Ranger Platinum MDF Only<\/div>\r\n        <div class=\"why-text\">No fuzzing on edges, no grain, minimal prep before priming. We made the deliberate choice \u2014 and your painters will feel the difference immediately.<\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n        <div class=\"why-title\">Zero Human Errors<\/div>\r\n        <div class=\"why-text\">Your cut lists are processed instantly via proprietary software. What you submit is exactly what gets cut \u2014 every single time, no re-cuts.<\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-paint-roller\"><\/i><\/div>\r\n        <div class=\"why-title\">Paint-Ready Edges<\/div>\r\n        <div class=\"why-text\">All exterior edges feature a 1mm softened radius. Prevents paint chipping and ensures a professional finish \u2014 straight from our shop to your spray booth.<\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-drafting-compass\"><\/i><\/div>\r\n        <div class=\"why-title\">Sharp French Miter Corners<\/div>\r\n        <div class=\"why-text\">Precision internal corners on every shaker-style door. Clean, crisp lines ready for even the most demanding painter's inspection.<\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\r\n        <div class=\"why-title\">Transparent B2B Rates<\/div>\r\n        <div class=\"why-text\">Fixed sq.ft rates + per-piece charge. No hidden fees, no surprises. Easy to quote your clients before you even text us.<\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\r\n        <div class=\"why-title\">DFW Delivery & USA Shipping<\/div>\r\n        <div class=\"why-text\">Local delivery throughout Dallas\/DFW area (price by quote). Nationwide shipping via UPS\/USPS \u2014 shipping cost paid by customer.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- HOW IT WORKS -->\r\n<section class=\"section section-green\" id=\"how-it-works\">\r\n  <div class=\"container\">\r\n    <div class=\"text-center fade-up\">\r\n      <span class=\"section-label\">The Process<\/span>\r\n      <h2 class=\"section-title\">3 Steps to Your Doors<\/h2>\r\n      <p class=\"section-sub\">From cut list to job site \u2014 fast, simple, and accurate every time.<\/p>\r\n    <\/div>\r\n    <div class=\"steps-grid fade-up\">\r\n      <div class=\"step-item\">\r\n        <div class=\"step-num\">1<\/div>\r\n        <div class=\"step-title\">Send Your Cut List<\/div>\r\n        <div class=\"step-text\">Text or fill out the form with your door dimensions and style. Our software processes it instantly \u2014 no waiting, no calls required.<\/div>\r\n      <\/div>\r\n      <div class=\"step-item\">\r\n        <div class=\"step-num\">2<\/div>\r\n        <div class=\"step-title\">Receive Instant Quote<\/div>\r\n        <div class=\"step-text\">We calculate your total based on transparent sq.ft + per-piece pricing and text you back fast. Volume discounts applied automatically.<\/div>\r\n      <\/div>\r\n      <div class=\"step-item\">\r\n        <div class=\"step-num\">3<\/div>\r\n        <div class=\"step-title\">Delivery or Shipping<\/div>\r\n        <div class=\"step-text\">Local delivery across Dallas\/DFW (quoted separately), or shipped anywhere in the USA via UPS\/USPS at customer expense.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- GALLERY -->\r\n<section class=\"section\" id=\"gallery\">\r\n  <div class=\"container\">\r\n    <div class=\"text-center fade-up\">\r\n      <span class=\"section-label\">Our Work<\/span>\r\n      <h2 class=\"section-title\">Straight From the Shop<\/h2>\r\n      <p class=\"section-sub\">Real production photos \u2014 CNC in action and finished doors ready for your painters.<\/p>\r\n    <\/div>\r\n    <div class=\"gallery-grid fade-up\">\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3406.jpeg\" alt=\"CNC Router in action\"><div class=\"gallery-overlay\"><\/div><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3380.jpeg\" alt=\"CNC cutting shaker doors\"><div class=\"gallery-overlay\"><\/div><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3373.jpeg\" alt=\"Completed MDF doors\"><div class=\"gallery-overlay\"><\/div><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3383.jpeg\" alt=\"MDF door detail\"><div class=\"gallery-overlay\"><\/div><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3384.jpeg\" alt=\"French miter corner\"><div class=\"gallery-overlay\"><\/div><\/div>\r\n      <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3371.jpeg\" alt=\"CNC drill head\"><div class=\"gallery-overlay\"><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- MATERIAL -->\r\n<section class=\"section section-alt\" id=\"material\">\r\n  <div class=\"container\">\r\n    <div class=\"material-grid fade-up\">\r\n      <div><img decoding=\"async\" src=\"https:\/\/custommdf.com\/wp-content\/uploads\/2026\/07\/IMG_3378.jpeg\" alt=\"Ranger Platinum MDF\" class=\"material-img\"><\/div>\r\n      <div>\r\n        <span class=\"section-label\">Our Material<\/span>\r\n        <h2 class=\"section-title left\">Why Ranger Platinum MDF?<\/h2>\r\n        <p class=\"section-sub left\">Not all MDF is the same. We use exclusively Ranger Platinum because your painters deserve a surface that's truly ready \u2014 not one that needs extra work.<\/p>\r\n        <ul class=\"material-list\">\r\n          <li class=\"material-item\">\r\n            <div class=\"material-icon\"><i class=\"fas fa-ban\"><\/i><\/div>\r\n            <div><div class=\"material-item-title\">No \"Fuzzing\" on Edges<\/div><div class=\"material-item-text\">Cuts clean every time \u2014 minimal prep before priming saves your painters time and money on every single job.<\/div><\/div>\r\n          <\/li>\r\n          <li class=\"material-item\">\r\n            <div class=\"material-icon\"><i class=\"fas fa-th\"><\/i><\/div>\r\n            <div><div class=\"material-item-title\">No Grain, No Show-Through<\/div><div class=\"material-item-text\">Perfectly smooth surface. No grain telegraphing through your paint \u2014 finished cabinets look factory-made.<\/div><\/div>\r\n          <\/li>\r\n          <li class=\"material-item\">\r\n            <div class=\"material-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\r\n            <div><div class=\"material-item-title\">Consistent Density<\/div><div class=\"material-item-text\">Uniform density across every sheet \u2014 no soft spots, precise profiles, consistent results batch after batch.<\/div><\/div>\r\n          <\/li>\r\n          <li class=\"material-item\">\r\n            <div class=\"material-icon\"><i class=\"fas fa-paint-brush\"><\/i><\/div>\r\n            <div><div class=\"material-item-title\">Primer-Ready Surface<\/div><div class=\"material-item-text\">Accepts primer immediately \u2014 no pre-sanding on the face. Straight from our shop to your spray booth.<\/div><\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"section section-green\" id=\"faq\">\r\n  <div class=\"container\">\r\n    <div class=\"text-center fade-up\">\r\n      <span class=\"section-label\">FAQ<\/span>\r\n      <h2 class=\"section-title\">Common Questions<\/h2>\r\n      <p class=\"section-sub\">Everything contractors need to know before their first order.<\/p>\r\n    <\/div>\r\n    <div class=\"faq-wrap fade-up\">\r\n      <div class=\"faq-item open\">\r\n        <button class=\"faq-btn\"><span>What is the minimum order?<\/span><i class=\"fas fa-plus\"><\/i><\/button>\r\n        <div class=\"faq-answer\">Our minimum order is $350. Mix and match any styles, sizes, and quantities to reach the minimum. Text us your list and we'll confirm right away.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-btn\"><span>Do you paint or install the doors?<\/span><i class=\"fas fa-plus\"><\/i><\/button>\r\n        <div class=\"faq-answer\">No \u2014 we focus entirely on precision CNC cutting. Doors arrive paint-ready with 1mm softened exterior edges, ready to go directly to your painter or spray booth.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-btn\"><span>How do I submit a cut list?<\/span><i class=\"fas fa-plus\"><\/i><\/button>\r\n        <div class=\"faq-answer\">Use the quote form on this page or text us directly at (945) 392-8317. Include door style, width, height, and quantity for each piece. We'll have your quote back to you fast.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-btn\"><span>Why Ranger Platinum MDF specifically?<\/span><i class=\"fas fa-plus\"><\/i><\/button>\r\n        <div class=\"faq-answer\">Ranger Platinum cuts clean \u2014 no fuzzing, no grain, consistent density. It accepts primer immediately with zero pre-sanding on the face. Standard MDF requires extra prep; Ranger Platinum doesn't.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-btn\"><span>What are your shipping and delivery options?<\/span><i class=\"fas fa-plus\"><\/i><\/button>\r\n        <div class=\"faq-answer\">We offer three options: Local delivery within Dallas\/DFW area \u2014 price is by quote. Nationwide shipping via UPS\/USPS \u2014 shipping cost is paid by the customer. Text us your zip code and order size for a shipping estimate.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-btn\"><span>Are volume discounts available?<\/span><i class=\"fas fa-plus\"><\/i><\/button>\r\n        <div class=\"faq-answer\">Yes \u2014 discounts are available for high-volume and repeat accounts. If you're a cabinet painter or contractor ordering regularly, text us to set up a partner account with preferred pricing.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA \/ CONTACT -->\r\n<section class=\"cta-section\" id=\"contact\">\r\n  <div class=\"container\">\r\n    <div class=\"cta-grid fade-up\">\r\n      <div class=\"cta-left\">\r\n        <span class=\"section-label\">Get a Quote<\/span>\r\n        <h2 class=\"cta-title\">Ready to <span class=\"accent\">Build Faster?<\/span><\/h2>\r\n        <p class=\"cta-sub\">Send us your cut list and get a quote in minutes \u2014 no calls needed. Text or fill out the form and we'll get back to you fast.<\/p>\r\n        <ul class=\"cta-info-list\">\r\n          <li class=\"cta-info-item\"><i class=\"fas fa-comment-dots\"><\/i><span>Text your cut list to <strong>(945) 392-8317<\/strong><\/span><\/li>\r\n          <li class=\"cta-info-item\"><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:info@custommdf.com\" style=\"color:var(--muted);text-decoration:none\">info@custommdf.com<\/a><\/li>\r\n          \r\n          <li class=\"cta-info-item\"><i class=\"fas fa-truck\"><\/i><span>DFW Delivery (quoted) \u00b7 Ships USA via UPS\/USPS<\/span><\/li>\r\n          <li class=\"cta-info-item\"><i class=\"fas fa-dollar-sign\"><\/i><span>Minimum order $350 \u00b7 Volume discounts available<\/span><\/li>\r\n          <li class=\"cta-info-item\"><i class=\"fas fa-clock\"><\/i><span>Mon\u2013Fri: 8am \u2013 5pm CT<\/span><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"cta-form-box\">\r\n        <div class=\"cta-form-title\">Send Your Cut List<\/div>\r\n        <div class=\"cta-form-sub\">We'll text you back with a quote \u2014 usually within the hour.<\/div>\r\n        <div class=\"form-row\">\r\n          <div class=\"form-field\"><label>Name<\/label><input type=\"text\" id=\"c-name\" placeholder=\"Your name\"><\/div>\r\n          <div class=\"form-field\"><label>Phone \/ Text<\/label><input type=\"tel\" id=\"c-phone\" placeholder=\"(945) 000-0000\"><\/div>\r\n        <\/div>\r\n        <div class=\"form-field\">\r\n          <label>Door Style<\/label>\r\n          <select id=\"c-style\">\r\n            <option value=\"\">\u2014 Select style \u2014<\/option>\r\n            <option>Slab Front \u2014 $6.00\/sq.ft<\/option>\r\n            <option>Classic Shaker \u2014 $7.00\/sq.ft<\/option>\r\n            <option>Slim Shaker (1\" Rail) \u2014 $8.00\/sq.ft<\/option>\r\n            <option>Step Shaker (Decorative) \u2014 $10.00\/sq.ft<\/option>\r\n            <option>Custom Shaker (Double Molding) \u2014 from $10.00\/sq.ft<\/option>\r\n            <option>Multiple styles \/ Not sure yet<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"form-field\">\r\n          <label>Cut List \/ Message<\/label>\r\n          <textarea id=\"c-msg\" placeholder=\"Paste your cut list here or describe your project...\"><\/textarea>\r\n        <\/div>\r\n        <button class=\"btn-submit\" onclick=\"submitCtaForm()\"><i class=\"fas fa-paper-plane\"><\/i> Send My Cut List<\/button>\r\n        <div class=\"success-msg\" id=\"cta-success\"><i class=\"fas fa-check-circle\"><\/i> Received! We'll text you back shortly with your quote.<\/div>\r\n        <div class=\"form-divider\">or text directly<\/div>\r\n        <a href=\"sms:9453928317&body=Hi! I'd like a quote for MDF doors.\" class=\"btn-sms\"><i class=\"fas fa-comment-dots\"><\/i> Text Us \u00b7 (945) 392-8317<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n  <div class=\"container\">\r\n    <div class=\"footer-grid\">\r\n      <div>\r\n        <a href=\"#\" class=\"footer-logo\">Custom MDF <span>Doors<\/span><\/a>\r\n        <p class=\"footer-desc\">Dedicated CNC shop specializing in precision MDF doors and drawer fronts. We cut \u2014 you paint \u2014 your clients love it.<\/p>\r\n        <div class=\"footer-socials\">\r\n          <a href=\"https:\/\/www.facebook.com\/custommdf\" target=\"_blank\" class=\"social-btn\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/custommdfusa\" target=\"_blank\" class=\"social-btn\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n          <a href=\"https:\/\/www.tiktok.com\/@custommdf\" target=\"_blank\" class=\"social-btn\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h4>Products<\/h4>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"#products\">Slab Front<\/a><\/li>\r\n          <li><a href=\"#products\">Classic Shaker<\/a><\/li>\r\n          <li><a href=\"#products\">Slim Shaker<\/a><\/li>\r\n          <li><a href=\"#products\">Step Shaker<\/a><\/li>\r\n          <li><a href=\"#products\">Drawer Fronts<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h4>Company<\/h4>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"#why-us\">Why Custom MDF Doors<\/a><\/li>\r\n          <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\r\n          <li><a href=\"#material\">Our Material<\/a><\/li>\r\n          <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n          <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h4>Contact<\/h4>\r\n        <div class=\"footer-contact-item\"><i class=\"fas fa-comment-dots\"><\/i><span>Text: (945) 392-8317<\/span><\/div>\r\n        <div class=\"footer-contact-item\"><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:info@custommdf.com\" style=\"color:var(--muted);text-decoration:none\">info@custommdf.com<\/a><\/div>\r\n        <div class=\"footer-contact-item\"><i class=\"fas fa-truck\"><\/i><span>DFW Delivery \u00b7 UPS\/USPS Shipping USA<\/span><\/div>\r\n        <div class=\"footer-contact-item\"><i class=\"fas fa-clock\"><\/i><span>Mon\u2013Fri: 8am\u20135pm CT<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\">\r\n      <span>\u00a9 2026 Custom MDF Doors. All rights reserved.<\/span>\r\n      <span>Ranger Platinum MDF \u00b7 Dallas-Fort Worth, TX<\/span>\r\n    <\/div>\r\n\r\n    <!-- SEO: service area and keywords -->\r\n    <div class=\"seo-block\" aria-hidden=\"true\">\r\n      <p>Custom MDF Doors ships wholesale CNC-cut MDF cabinet doors and drawer fronts nationwide via UPS and USPS. We serve cabinet shops, painters, contractors, and builders across all 50 U.S. states. Order custom shaker cabinet doors, slab cabinet doors, slim shaker doors, step shaker doors, and custom drawer fronts in any size. Fast lead time, paint-ready edges, Ranger Platinum MDF, minimum order $350.<\/p>\r\n      <p>Custom MDF cabinet doors with shipping to every U.S. state: Alabama, Alaska, Arizona, Arkansas, California, Colorado, Connecticut, Delaware, Florida, Georgia, Hawaii, Idaho, Illinois, Indiana, Iowa, Kansas, Kentucky, Louisiana, Maine, Maryland, Massachusetts, Michigan, Minnesota, Mississippi, Missouri, Montana, Nebraska, Nevada, New Hampshire, New Jersey, New Mexico, New York, North Carolina, North Dakota, Ohio, Oklahoma, Oregon, Pennsylvania, Rhode Island, South Carolina, South Dakota, Tennessee, Texas, Utah, Vermont, Virginia, Washington, West Virginia, Wisconsin, Wyoming.<\/p>\r\n      <p>Wholesale MDF cabinet doors shipping to major cities: New York NY, Los Angeles CA, Chicago IL, Houston TX, Phoenix AZ, Philadelphia PA, San Antonio TX, San Diego CA, Dallas TX, Fort Worth TX, San Jose CA, Austin TX, Jacksonville FL, Columbus OH, Charlotte NC, Indianapolis IN, San Francisco CA, Seattle WA, Denver CO, Nashville TN, Oklahoma City OK, El Paso TX, Washington DC, Las Vegas NV, Louisville KY, Memphis TN, Portland OR, Baltimore MD, Milwaukee WI, Albuquerque NM, Tucson AZ, Fresno CA, Sacramento CA, Mesa AZ, Kansas City MO, Atlanta GA, Omaha NE, Colorado Springs CO, Raleigh NC, Minneapolis MN, Virginia Beach VA, Tampa FL, New Orleans LA, Arlington TX, Bakersfield CA, Anaheim CA, Aurora CO, Corpus Christi TX, Riverside CA, St. Louis MO, Lexington KY, Pittsburgh PA, Stockton CA, Cincinnati OH, Saint Paul MN, Toledo OH, Greensboro NC, Newark NJ, Plano TX, Henderson NV, Lincoln NE, Orlando FL, Chandler AZ, St. Petersburg FL, Laredo TX, Norfolk VA, Madison WI, Durham NC, Lubbock TX, Winston-Salem NC, Garland TX, Glendale AZ, Hialeah FL, Reno NV, Baton Rouge LA, Irvine CA, Chesapeake VA, Irving TX, Scottsdale AZ, North Las Vegas NV, Fremont CA, Gilbert AZ, San Bernardino CA, Boise ID, Birmingham AL, Frisco TX, McKinney TX, Allen TX, Denton TX, Carrollton TX, Richardson TX, Lewisville TX, Mesquite TX, Killeen TX, Waco TX, Midland TX, Odessa TX, Tyler TX, Beaumont TX.<\/p>\r\n      <p>Keywords: custom mdf components online, order custom mdf parts, fast shipping custom mdf doors, wholesale mdf cabinet doors, custom cnc router services wholesale, buy unpainted cabinet doors online, raw mdf doors wholesale, custom cut cabinet doors ship nationwide, mdf parts manufacturer usa, nationwide shipping cnc wood parts, order custom cabinet fronts, custom size cabinet doors online, fast lead time cabinet doors, contract cnc manufacturing usa, shaker cabinet doors custom size, slim shaker doors mdf, slab cabinet doors wholesale, modern mdf cabinet fronts, step shaker cabinet doors, unpainted shaker doors, raw mdf cabinet doors, replacement cabinet doors mdf, custom drawer fronts mdf, shaker style drawer fronts, routered mdf doors, premium mdf cabinet doors, high density fiberboard cabinet doors, hdf shaker doors wholesale, ranger platinum mdf doors, solid core mdf doors, custom mdf interior panels, custom millwork components mdf, custom mdf trim panels, cnc cut architectural panels, custom cnc wood routing, contract cnc routing services, custom cnc cutting shop usa, outsourced cnc wood parts, precision cnc mdf cutting, cabinet maker outsourcing mdf, supplier for cabinet shops, custom mdf doors for contractors, commercial millwork cnc outsourcing, b2b cabinet door manufacturer, bulk mdf cabinet doors, custom cabinet doors for builders, fast shipping cabinet doors, quick ship custom mdf doors, next day shipping cnc wood parts, fast turnaround cabinet fronts, cabinet doors ready to ship, rapid prototyping cnc wood, unfinished MDF slab front cabinet doors custom sizes available, unfinished MDF classic shaker cabinet doors custom sizes available, unfinished MDF slim shaker cabinet doors custom sizes available, unfinished MDF step shaker cabinet doors custom sizes available.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\r\n\/\/ Contact popup menu\r\nfunction toggleContactMenu() {\r\n  const menu = document.getElementById('contactMenu');\r\n  menu.classList.toggle('open');\r\n}\r\nfunction closeContactMenu() {\r\n  document.getElementById('contactMenu').classList.remove('open');\r\n}\r\n\/\/ Close menu when clicking outside\r\ndocument.addEventListener('click', function(e) {\r\n  const wrap = document.querySelector('.contact-btn-wrap');\r\n  if (wrap && !wrap.contains(e.target)) {\r\n    closeContactMenu();\r\n  }\r\n});\r\n\r\n\/\/ FAQ\r\ndocument.querySelectorAll('.faq-btn').forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    const item = btn.closest('.faq-item');\r\n    const isOpen = item.classList.contains('open');\r\n    document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n    if (!isOpen) item.classList.add('open');\r\n  });\r\n});\r\n\r\n\/\/ Scroll animations\r\nconst observer = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: 0.08 });\r\ndocument.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n\r\n\/\/ Smooth scroll\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n  a.addEventListener('click', e => {\r\n    const t = document.querySelector(a.getAttribute('href'));\r\n    if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n  });\r\n});\r\n\r\n\/\/ Form submit (demo)\r\nfunction submitHeroForm() {\r\n  const name = document.getElementById('h-name').value.trim();\r\n  const phone = document.getElementById('h-phone').value.trim();\r\n  if (!name || !phone) { alert('Please enter your name and phone number.'); return; }\r\n  document.getElementById('hero-success').classList.add('show');\r\n}\r\nfunction submitCtaForm() {\r\n  const name = document.getElementById('c-name').value.trim();\r\n  const phone = document.getElementById('c-phone').value.trim();\r\n  if (!name || !phone) { alert('Please enter your name and phone number.'); return; }\r\n  document.getElementById('cta-success').classList.add('show');\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom MDF Doors Pricing Why Custom MDF Doors Gallery Get Quote FAQ Get Free Quote CNC Precision Shop \u00b7 Dallas-Fort Worth, TX Custom MDF Doors Paint-Ready. Cut-to-Size. Ships via UPS\/USPS Nationwide. We cut. You paint. Your clients love it. Precision CNC doors from Ranger Platinum MDF \u2014 ready for primer the moment they arrive. Starting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/custommdf.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/custommdf.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/custommdf.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/custommdf.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/custommdf.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":16,"href":"https:\/\/custommdf.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/custommdf.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/custommdf.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}